@font-face {
  font-family: Titillium-Bl;
  src: url(../fonts/TitilliumWeb-Black.ttf) format("truetype");
}
@font-face {
  font-family: Titillium-Bd;
  src: url(../fonts/TitilliumWeb-Bold.ttf) format("truetype");
}
@font-face {
  font-family: Titillium-Lt;
  src: url(../fonts/TitilliumWeb-Light.ttf) format("truetype");
}
@font-face {
  font-family: Titillium-Rg;
  src: url(../fonts/TitilliumWeb-Regular.ttf) format("truetype");
}
@font-face {
  font-family: Titillium-Sb;
  src: url(../fonts/TitilliumWeb-Black.ttf) format("truetype");
}
@font-face {
  font-family: Titillium-Semib;
  src: url(../fonts/TitilliumWeb-SemiBold.ttf) format("truetype");
}
@font-face {
  font-family: Fontawesome;
  src: url(../fonts/fontawesome-webfont.ttf) format("truetype");
}
@font-face {
  font-family: Arabic;
  src: url(../fonts/AcehDarusalam.ttf) format("truetype");
}
@font-face {
  font-family: Great-Vibes;
  src: url(../fonts/GreatVibes-Regular.ttf) format("truetype");
}
html:lang(ar) #header .section .region-header #block-arshipping-branding {
  margin-right: 15px;
  margin-left: 0;
}
@media all and (max-width: 1220px) {
  html:lang(ar) #header .section .region-header #block-arshipping-branding {
    max-width: 240px;
  }
}
@media all and (max-width: 1140px) {
  html:lang(ar) #header .section .region-header #block-arshipping-branding {
    max-width: 193px;
  }
}
@media all and (max-width: 1040px) {
  html:lang(ar) #header .section .region-header #block-arshipping-branding {
    max-width: 178px;
  }
}
@media all and (max-width: 1025px) {
  html:lang(ar) #header .section .region-header #block-arshipping-branding {
    float: right;
  }
}
@media all and (max-width: 900px) {
  html:lang(ar) #header .section .region-header #block-arshipping-branding {
    max-width: 156px;
  }
}
@media all and (max-width: 335px) {
  html:lang(ar) #header .section .region-header #block-arshipping-branding {
    max-width: 133px;
  }
}
@-moz-document url-prefix() {
  @media all and (max-width: 1265px) {
    html:lang(ar) #header .section .region-header #block-arshipping-branding {
      max-width: 224px;
    }
  }
  @media all and (max-width: 1265px) {
    html:lang(ar) #header .section .region-header #block-arshipping-branding {
      max-width: 193px;
    }
  }
}
html:lang(ar) #header .section .region-header #block-arshipping-branding .site-branding__logo {
  margin-left: 0;
}
html:lang(ar) #header .section .region-header #block-arshipping-headercontactinfo {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 5px;
  width: 75%;
  clear: none;
}
@media all and (max-width: 1140px) {
  html:lang(ar) #header .section .region-header #block-arshipping-headercontactinfo {
    width: 80%;
  }
}
@media all and (max-width: 1040px) {
  html:lang(ar) #header .section .region-header #block-arshipping-headercontactinfo {
    width: 81%;
  }
}
@-moz-document url-prefix() {
  html:lang(ar) #header .section .region-header #block-arshipping-headercontactinfo {
    width: 76%;
  }
  @media all and (max-width: 1265px) {
    html:lang(ar) #header .section .region-header #block-arshipping-headercontactinfo {
      width: 81%;
    }
  }
  @media all and (max-width: 1258px) {
    html:lang(ar) #header .section .region-header #block-arshipping-headercontactinfo {
      width: 80%;
    }
  }
  @media all and (max-width: 1200px) {
    html:lang(ar) #header .section .region-header #block-arshipping-headercontactinfo {
      width: 79%;
    }
  }
}
@-moz-document url-prefix() {
  html:lang(ar) #header .section .region-header #block-arshipping-headercontactinfo .content {
    padding: 10px 10px 10px 30px;
  }
  @media all and (max-width: 1258px) {
    html:lang(ar) #header .section .region-header #block-arshipping-headercontactinfo .content {
      padding: 10px;
    }
  }
}
html:lang(ar) #header .section .region-header #block-arshipping-headercontactinfo .content .field__item .email,
html:lang(ar) #header .section .region-header #block-arshipping-headercontactinfo .content .field__item .phone,
html:lang(ar) #header .section .region-header #block-arshipping-headercontactinfo .content .field__item .time {
  float: right;
  margin-left: 10px;
  margin-right: 0px;
}
@media all and (max-width: 1220px) {
  html:lang(ar) #header .section .region-header #block-arshipping-headercontactinfo .content .field__item .email,
  html:lang(ar) #header .section .region-header #block-arshipping-headercontactinfo .content .field__item .phone,
  html:lang(ar) #header .section .region-header #block-arshipping-headercontactinfo .content .field__item .time {
    margin-left: 10px;
  }
}
@media all and (max-width: 1140px) {
  html:lang(ar) #header .section .region-header #block-arshipping-headercontactinfo .content .field__item .email,
  html:lang(ar) #header .section .region-header #block-arshipping-headercontactinfo .content .field__item .phone,
  html:lang(ar) #header .section .region-header #block-arshipping-headercontactinfo .content .field__item .time {
    margin-left: 10px;
  }
}
@-moz-document url-prefix() {
  html:lang(ar) #header .section .region-header #block-arshipping-headercontactinfo .content .field__item .email,
  html:lang(ar) #header .section .region-header #block-arshipping-headercontactinfo .content .field__item .phone,
  html:lang(ar) #header .section .region-header #block-arshipping-headercontactinfo .content .field__item .time {
    margin-left: 15px !important;
    letter-spacing: -0.7px;
  }
  @media all and (max-width: 1190px) {
    html:lang(ar) #header .section .region-header #block-arshipping-headercontactinfo .content .field__item .email,
    html:lang(ar) #header .section .region-header #block-arshipping-headercontactinfo .content .field__item .phone,
    html:lang(ar) #header .section .region-header #block-arshipping-headercontactinfo .content .field__item .time {
      font-size: 11px;
    }
  }
  @media all and (max-width: 1040px) {
    html:lang(ar) #header .section .region-header #block-arshipping-headercontactinfo .content .field__item .email,
    html:lang(ar) #header .section .region-header #block-arshipping-headercontactinfo .content .field__item .phone,
    html:lang(ar) #header .section .region-header #block-arshipping-headercontactinfo .content .field__item .time {
      margin-left: 11px !important;
    }
  }
}
html:lang(ar) #header .section .region-header #block-arshipping-headercontactinfo .content .field__item .social-icons {
  float: left;
}
html:lang(ar) #header .section .region-header #block-arshipping-headercontactinfo .content .field__item .social-icons i {
  padding-left: 0;
  padding-right: 15px;
}
@-moz-document url-prefix() {
  html:lang(ar) #header .section .region-header #block-arshipping-headercontactinfo .content .field__item .social-icons i {
    padding-right: 5px;
  }
}
@media all and (max-width: 1140px) {
  html:lang(ar) #header .section .region-header #block-arshipping-headercontactinfo .content .field__item .social-icons i {
    padding-right: 10px;
  }
}
html:lang(ar) #header .section .region-header .block-language {
  right: auto;
  left: 116px;
}
@-moz-document url-prefix() {}
@-moz-document url-prefix() {}
@media all and (max-width: 1140px) {
  html:lang(ar) #header .section .region-header .block-language {
    left: 84px;
  }
}
html:lang(ar) #header .section .region-header .block-language .content ul {
  border-left: 0;
  border-right: 1px solid #fff;
  padding: 0 4px 0 0;
  margin-right: 4px;
}
html:lang(ar) #header .section .region-header .block-language .content ul li a[hreflang="en"] {
  font-size: 12px;
  font-family: Titillium-Rg;
}
html:lang(ar) #header .section .region-header #block-ajaxloginformpopup {
  right: auto;
  left: 10px;
}
@media all and (max-width: 1025px) {
  html:lang(ar) #header .section .region-header #block-ajaxloginformpopup {
    left: 70px;
  }
}
html:lang(ar) #header .section .region-header nav.menu--account {
  margin-right: 0;
  margin-left: 32px;
}
@media all and (max-width: 1025px) {
  html:lang(ar) #header .section .region-header nav.menu--account {
    width: 120px !important;
    float: left;
    margin-left: 55px;
  }
}
@media all and (max-width: 700px) {
  html:lang(ar) #header .section .region-header nav.menu--account {
    width: 90px !important;
  }
}
html:lang(ar) #header .section .region-header nav.menu--main {
  top: -65px;
  width: 53%;
}
@-moz-document url-prefix() {
  html:lang(ar) #header .section .region-header nav.menu--main {
    width: 58%;
    left: 9% !important;
  }
  @media all and (max-width: 1270px) {
    html:lang(ar) #header .section .region-header nav.menu--main {
      width: 60%;
    }
  }
  @media all and (max-width: 1265px) {
    html:lang(ar) #header .section .region-header nav.menu--main {
      top: -35px;
      width: 68% !important;
    }
  }
  @media all and (max-width: 1025px) {
    html:lang(ar) #header .section .region-header nav.menu--main {
      width: 100%;
    }
  }
}
@media all and (max-width: 1270px) {
  html:lang(ar) #header .section .region-header nav.menu--main {
    width: 59%;
  }
}
@media all and (max-width: 1220px) {
  html:lang(ar) #header .section .region-header nav.menu--main {
    top: -50px;
  }
}
@media all and (max-width: 1150px) {
  html:lang(ar) #header .section .region-header nav.menu--main {
    width: 64%;
    left: 14%;
  }
}
@media all and (max-width: 1073px) {
  html:lang(ar) #header .section .region-header nav.menu--main {
    top: -45px;
    left: 12%;
  }
}
@media all and (max-width: 1025px) {
  html:lang(ar) #header .section .region-header nav.menu--main {
    top: -30px;
    width: 100%;
    left: 0;
  }
}
@media all and (max-width: 1025px) {
  html:lang(ar) #header .section .region-header nav.menu--main .content > ul.menu li {
    text-align: left;
  }
}
html:lang(ar) #header .section .region-header nav.menu--main .content > ul.menu > li > a {
  font-size: 18px;
}
@-moz-document url-prefix() {
  html:lang(ar) #header .section .region-header nav.menu--main .content > ul.menu > li > a {
    font-size: 16px;
  }
}
@media all and (max-width: 1040px) {
  html:lang(ar) #header .section .region-header nav.menu--main .content > ul.menu > li > a {
    font-size: 16px;
  }
}
@media all and (min-width: 1025px) {
  html:lang(ar) #header .section .region-header nav.menu--main .content > ul.menu > li > ul.menu {
    margin-top: 12px;
    left: -51px;
    width: 158px;
  }
  @-moz-document url-prefix() {
    html:lang(ar) #header .section .region-header nav.menu--main .content > ul.menu > li > ul.menu {
      width: 180px;
    }
  }
  html:lang(ar) #header .section .region-header nav.menu--main .content > ul.menu > li > ul.menu > li.menu-item--expanded:after {
    content: "\f104";
    margin-left: 5px;
    float: left;
  }
}
@media all and (min-width: 1025px) and (min-width: 1024px) {
  html:lang(ar) #header .section .region-header nav.menu--main .content > ul.menu > li > ul.menu > li:hover > ul.menu {
    left: auto;
    right: 158px;
    top: -15px;
    width: 170px;
  }
  @-moz-document url-prefix() {
    html:lang(ar) #header .section .region-header nav.menu--main .content > ul.menu > li > ul.menu > li:hover > ul.menu {
      right: 180px;
    }
  }
  html:lang(ar) #header .section .region-header nav.menu--main .content > ul.menu > li > ul.menu > li:hover > ul.menu > li.menu-item--expanded:after {
    content: "\f104";
    margin-left: 5px;
    float: left;
  }
}

@media all and (min-width: 1025px) and (min-width: 1024px) and (min-width: 1024px) {
  html:lang(ar) #header .section .region-header nav.menu--main .content > ul.menu > li > ul.menu > li:hover > ul.menu > li.menu-item--expanded:hover {
    background-color: #ffffff;
  }
  html:lang(ar) #header .section .region-header nav.menu--main .content > ul.menu > li > ul.menu > li:hover > ul.menu > li.menu-item--expanded:hover > ul.menu {
    left: auto;
    right: 150px;
  }
}

html:lang(ar) #header .section .region-header nav.menu--main .content ul.sub-level2 > li > a {
  padding-left: 30px !important;
  padding-right: 15px !important;
}
html:lang(ar) #header .section .region-header nav.menu--main .content ul.sub-level2 ul.sub-level3 > li > a {
  padding-left: 60px !important;
  padding-right: 15px !important;
}
html:lang(ar) #header .section .region-header nav.menu--main .content ul.sub-level2 ul.sub-level3 ul.sub-level4 > li > a {
  padding-left: 90px !important;
}
html:lang(ar) #header .section .region-header #block-arshipping-account-menu {
  left: 0;
  right: auto;
}
html:lang(ar) #header .section .region-header #block-headerflashstripblock {
  margin: -31px 0 0;
}
@media all and (max-width: 1073px) {
  html:lang(ar) #header .section .region-header #block-headerflashstripblock {
    margin: -6px 0 0;
  }
}
@-moz-document url-prefix() {
  html:lang(ar) #header .section .region-header #block-headerflashstripblock {
    margin: -29px 0 0;
  }
  @media all and (max-width: 1073px) {
    html:lang(ar) #header .section .region-header #block-headerflashstripblock {
      margin: -15px 0 0;
    }
  }
}
html:lang(ar) #header .section .region-header #block-headerflashstripblock .content {
  width: 650px;
}
html:lang(ar) #header .section .region-header .menu-resp {
  float: left;
  margin-left: 15px;
  margin-right: 0;
}
html:lang(ar) #header.sticky .section .region-header {
  position: relative;
}
html:lang(ar) #header.sticky .section .region-header nav.menu--account {
  margin-top: -54px;
}
html:lang(ar) #header.sticky .section .region-header nav.menu--main {
  left: 19%;
  top: -75px;
}
html:lang(ar) #header.sticky .section .region-header #block-ajaxloginformpopup {
  position: absolute;
  right: auto;
  left: 10px;
  top: 0;
}
@media all and (max-width: 1290px) {
  html:lang(ar) #header.sticky .section .region-header #block-ajaxloginformpopup {
    left: 28px;
  }
}
@media all and (max-width: 1025px) {
  html:lang(ar) #header.sticky .section .region-header #block-ajaxloginformpopup {
    left: 65px;
    top: 20px;
  }
}
html:lang(ar) #header.sticky .section .region-header #block-arshipping-account-menu {
  top: 80px;
}
html:lang(ar) #header .header-banner .views-field-field-read-more {
  border: 1px solid transparent;
  width: 99%;
}
html:lang(ar) #header .header-banner .views-field-field-read-more .video-wrapper-content .watch-video {
  background-image: url("../images/watch-btn-ar.png");
  width: 220px;
}
html:lang(ar) #header .header-banner .views-field-field-read-more .video-wrapper-content .watch-video a {
  padding: 0;
  font-size: 24px;
  width: 220px;
  text-align: right;
  box-sizing: border-box;
  padding: 5px 30px 5px 50px;
}
html:lang(ar) body:not(.path-frontpage) #header .header-banner .top-header-content-wrapper h2 {
  font-weight: bold;
}
html:lang(ar) .path-careers #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper,
html:lang(ar) .path-company #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper,
html:lang(ar) .path-contact-us #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper,
html:lang(ar) .path-events #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper,
html:lang(ar) .path-liner-agency #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper,
html:lang(ar) .path-news #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper,
html:lang(ar) .path-news-events #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper,
html:lang(ar) .path-node #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper,
html:lang(ar) .path-port-details #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper {
  padding-right: 0 !important;
  font-size: 22px;
  font-weight: 600;
}
@media all and (max-width: 991px) {
  html:lang(ar) .path-careers #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper,
  html:lang(ar) .path-company #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper,
  html:lang(ar) .path-contact-us #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper,
  html:lang(ar) .path-events #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper,
  html:lang(ar) .path-liner-agency #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper,
  html:lang(ar) .path-news #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper,
  html:lang(ar) .path-news-events #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper,
  html:lang(ar) .path-node #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper,
  html:lang(ar) .path-port-details #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper {
    font-size: 18px !important;
  }
}
@media all and (min-width: 1201px) and (max-width: 1300px) {
  html:lang(ar) .path-careers #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper,
  html:lang(ar) .path-company #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper,
  html:lang(ar) .path-contact-us #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper,
  html:lang(ar) .path-events #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper,
  html:lang(ar) .path-liner-agency #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper,
  html:lang(ar) .path-news #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper,
  html:lang(ar) .path-news-events #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper,
  html:lang(ar) .path-node #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper,
  html:lang(ar) .path-port-details #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper {
    padding-right: 15px !important;
  }
}
html:lang(ar) .path-careers #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper h2,
html:lang(ar) .path-company #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper h2,
html:lang(ar) .path-contact-us #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper h2,
html:lang(ar) .path-events #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper h2,
html:lang(ar) .path-liner-agency #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper h2,
html:lang(ar) .path-news #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper h2,
html:lang(ar) .path-news-events #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper h2,
html:lang(ar) .path-node #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper h2,
html:lang(ar) .path-port-details #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper h2 {
  font-size: 38px;
  font-weight: 600;
}
@media all and (max-width: 991px) {
  html:lang(ar) .path-careers #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper h2,
  html:lang(ar) .path-company #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper h2,
  html:lang(ar) .path-contact-us #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper h2,
  html:lang(ar) .path-events #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper h2,
  html:lang(ar) .path-liner-agency #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper h2,
  html:lang(ar) .path-news #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper h2,
  html:lang(ar) .path-news-events #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper h2,
  html:lang(ar) .path-node #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper h2,
  html:lang(ar) .path-port-details #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper h2 {
    font-size: 32px;
  }
}
@media all and (max-width: 767px) {
  html:lang(ar) .path-careers #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper h2,
  html:lang(ar) .path-company #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper h2,
  html:lang(ar) .path-contact-us #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper h2,
  html:lang(ar) .path-events #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper h2,
  html:lang(ar) .path-liner-agency #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper h2,
  html:lang(ar) .path-news #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper h2,
  html:lang(ar) .path-news-events #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper h2,
  html:lang(ar) .path-node #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper h2,
  html:lang(ar) .path-port-details #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper h2 {
    font-size: 30px;
  }
}
@media all and (max-width: 479px) {
  html:lang(ar) .path-careers #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper h2,
  html:lang(ar) .path-company #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper h2,
  html:lang(ar) .path-contact-us #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper h2,
  html:lang(ar) .path-events #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper h2,
  html:lang(ar) .path-liner-agency #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper h2,
  html:lang(ar) .path-news #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper h2,
  html:lang(ar) .path-news-events #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper h2,
  html:lang(ar) .path-node #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper h2,
  html:lang(ar) .path-port-details #header .header-banner .views-field-field-sub-title .field-content .top-header-content-wrapper h2 {
    font-size: 30px;
  }
}
html:lang(ar) .player__video {
  left: 25%;
}
@media all and (max-width: 767px) {
  html:lang(ar) .player__video {
    left: 23%;
  }
}

#header {
  min-height: 100vh;
}
@media all and (max-width: 1260px) {
  #header {
    min-height: none;
  }
}
#header .section {
  padding-top: 30px;
  z-index: 15;
  -webkit-animation: none;
  animation: none;
}
@media all and (max-width: 1025px) {
  #header .section {
    padding-top: 0;
    position: fixed;
    width: 100%;
    -webkit-box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.4);
  }
}
#header .section .region-header {
  background-color: white;
  max-height: 125px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  font-family: Titillium-Rg;
  font-weight: 600;
  padding: 0;
}
@media all and (max-width: 1290px) {
  #header .section .region-header {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}
@media all and (max-width: 900px) {
  #header .section .region-header {
    max-height: 97px;
  }
}
#header .section .region-header #block-arshipping-branding {
  margin-top: 15px;
  margin-left: 15px;
  margin-bottom: 10px;
}
@media all and (max-width: 1079px) {
  #header .section .region-header #block-arshipping-branding {
    max-width: 285px;
  }
}
@media all and (max-width: 1073px) {
  #header .section .region-header #block-arshipping-branding {
    max-width: 218px;
  }
}
@media all and (max-width: 900px) {
  #header .section .region-header #block-arshipping-branding {
    max-width: 156px;
  }
}
@media all and (max-width: 1025px) {
  #header .section .region-header #block-arshipping-branding {
    float: left;
    max-width: 144px;
    margin-top: 11px;
    margin-bottom: 0;
  }
}
@media all and (max-width: 335px) {
  #header .section .region-header #block-arshipping-branding {
    max-width: 133px;
  }
}
@-moz-document url-prefix() {
  @media all and (max-width: 1200px) {
    #header .section .region-header #block-arshipping-branding {
      max-width: 280px;
    }
  }
  @media all and (max-width: 1183px) {
    #header .section .region-header #block-arshipping-branding {
      max-width: 200px;
    }
  }
}
#header .section .region-header #block-arshipping-headercontactinfo {
  background-color: #001658;
  border-bottom-left-radius: 5px;
  color: #ffffff;
  margin: 0;
  width: 67%;
}
@media all and (max-width: 1250px) {
  #header .section .region-header #block-arshipping-headercontactinfo {
    width: 71%;
  }
}
@media all and (max-width: 1100px) {
  #header .section .region-header #block-arshipping-headercontactinfo {
    width: 72%;
  }
}
@media all and (max-width: 1025px) {
  #header .section .region-header #block-arshipping-headercontactinfo {
    display: none;
  }
}
@-moz-document url-prefix() {
  #header .section .region-header #block-arshipping-headercontactinfo {
    width: 73%;
  }
  @media all and (max-width: 1183px) {
    #header .section .region-header #block-arshipping-headercontactinfo {
      width: 77%;
    }
  }
}
#header .section .region-header #block-arshipping-headercontactinfo .content {
  padding: 10px 30px;
}
@media all and (max-width: 1290px) {
  #header .section .region-header #block-arshipping-headercontactinfo .content {
    padding: 10px 15px;
  }
}
@media (min-width: 1026px) {
  #header .section .region-header #block-arshipping-headercontactinfo .content .field__item {
    display: flex;
    position: relative;
  }
}
#header .section .region-header #block-arshipping-headercontactinfo .content .field__item .email,
#header .section .region-header #block-arshipping-headercontactinfo .content .field__item .phone,
#header .section .region-header #block-arshipping-headercontactinfo .content .field__item .time {
  float: left;
  margin-right: 30px;
}
@media all and (max-width: 1200px) {
  #header .section .region-header #block-arshipping-headercontactinfo .content .field__item .email,
  #header .section .region-header #block-arshipping-headercontactinfo .content .field__item .phone,
  #header .section .region-header #block-arshipping-headercontactinfo .content .field__item .time {
    margin-right: 20px;
  }
}
@-moz-document url-prefix() {
  #header .section .region-header #block-arshipping-headercontactinfo .content .field__item .email,
  #header .section .region-header #block-arshipping-headercontactinfo .content .field__item .phone,
  #header .section .region-header #block-arshipping-headercontactinfo .content .field__item .time {
    margin-right: 20px;
  }
  @media all and (max-width: 1210px) {
    #header .section .region-header #block-arshipping-headercontactinfo .content .field__item .email,
    #header .section .region-header #block-arshipping-headercontactinfo .content .field__item .phone,
    #header .section .region-header #block-arshipping-headercontactinfo .content .field__item .time {
      margin-right: 10px;
    }
  }
  @media all and (max-width: 1200px) {
    #header .section .region-header #block-arshipping-headercontactinfo .content .field__item .email,
    #header .section .region-header #block-arshipping-headercontactinfo .content .field__item .phone,
    #header .section .region-header #block-arshipping-headercontactinfo .content .field__item .time {
      margin-right: 10px;
    }
  }
}
#header .section .region-header #block-arshipping-headercontactinfo .content .field__item .social-icons {
  float: right;
}
@media (min-width: 1026px) {
  #header .section .region-header #block-arshipping-headercontactinfo .content .field__item .social-icons {
    position: absolute;
    right: 0;
  }
}
#header .section .region-header #block-arshipping-headercontactinfo .content .field__item .social-icons i {
  color: #ffffff;
  padding-left: 15px;
  font-weight: normal;
}
@media all and (max-width: 1049px) {
  #header .section .region-header #block-arshipping-headercontactinfo .content .field__item .social-icons i {
    padding-left: 8px;
  }
}
#header .section .region-header nav.menu--account {
  display: none;
  background-color: #001658;
  border-bottom-right-radius: 5px;
  color: #ffffff;
  width: 90px;
  text-transform: uppercase;
  margin-right: 30px;
  margin-top: 17px;
  margin-bottom: 0;
  font-size: 14px;
}
@media all and (max-width: 1290px) {
  #header .section .region-header nav.menu--account {
    margin-right: 15px;
  }
}
@media all and (max-width: 1025px) {
  #header .section .region-header nav.menu--account {
    clear: none;
    float: right;
    width: 80px;
    margin-top: 23px;
    margin-right: 25px;
  }
}
@media all and (max-width: 479px) {
  #header .section .region-header nav.menu--account {
    margin-right: 15px;
  }
}
#header .section .region-header nav.menu--account .content ul.menu {
  position: relative;
}
#header .section .region-header nav.menu--account .content ul.menu li a {
  text-align: center;
  padding: 10px;
  background: none;
}
@media all and (max-width: 1025px) {
  #header .section .region-header nav.menu--account .content ul.menu li a {
    padding: 7px;
  }
}
@media all and (max-width: 479px) {
  #header .section .region-header nav.menu--account .content ul.menu li a {
    padding: 4px;
  }
}
#header .section .region-header nav.menu--account .content ul.menu li a:active, #header .section .region-header nav.menu--account .content ul.menu li a:hover {
  background: none;
}
#header .section .region-header nav.menu--main {
  float: left;
  color: #222222;
  width: 50%;
  margin: 0;
  position: relative;
  top: 30px;
  left: 16%;
  border: none;
}
@media all and (max-width: 1190px) {
  #header .section .region-header nav.menu--main {
    left: 10%;
    width: 54%;
  }
}
@media all and (max-width: 1150px) {
  #header .section .region-header nav.menu--main {
    left: 7%;
  }
}
@media all and (max-width: 1100px) {
  #header .section .region-header nav.menu--main {
    left: 4%;
    width: 64%;
  }
}
@media all and (max-width: 1025px) {
  #header .section .region-header nav.menu--main {
    top: -29px;
    left: 0;
    width: 100%;
  }
}
@-moz-document url-prefix() {
  @media all and (max-width: 1263px) {
    #header .section .region-header nav.menu--main {
      width: 53%;
      left: 13%;
    }
  }
  @media all and (max-width: 1191px) {
    #header .section .region-header nav.menu--main {
      width: 62%;
      left: 6%;
    }
  }
  @media all and (max-width: 1183px) {
    #header .section .region-header nav.menu--main {
      top: 20px;
    }
  }
  @media all and (max-width: 1025px) {
    #header .section .region-header nav.menu--main {
      top: -29px;
      left: 0;
      width: 100%;
    }
  }
}
@media all and (max-width: 1025px) {
  #header .section .region-header nav.menu--main .content > ul.menu {
    display: none;
    position: absolute;
    top: 29px;
    left: 0;
    width: 100%;
    background-color: #282828;
    padding: 15px 15px 0 0;
  }
}
#header .section .region-header nav.menu--main .content > ul.menu > li {
  display: inline;
  position: relative;
}
@media all and (max-width: 1025px) {
  #header .section .region-header nav.menu--main .content > ul.menu > li {
    display: block;
    text-align: right;
    padding: 15px 10px;
    font-family: Titillium-Bd;
  }
}
#header .section .region-header nav.menu--main .content > ul.menu > li a {
  color: #222222;
  display: inline-block;
  border: 0;
  padding: 3px 10px;
  font-size: 14px;
}
@media all and (max-width: 1040px) {
  #header .section .region-header nav.menu--main .content > ul.menu > li a {
    padding: 3px 10px;
  }
}
@media all and (max-width: 1025px) {
  #header .section .region-header nav.menu--main .content > ul.menu > li a {
    color: #ffffff;
    font-size: 14px;
  }
}
#header .section .region-header nav.menu--main .content > ul.menu > li a:active, #header .section .region-header nav.menu--main .content > ul.menu > li a:hover {
  background: none;
}
@media all and (min-width: 1025px) {
  #header .section .region-header nav.menu--main .content > ul.menu > li:not(.menu-item--expanded):active:before, #header .section .region-header nav.menu--main .content > ul.menu > li:not(.menu-item--expanded):hover:before {
    content: '';
    background-color: #001658;
    width: 5px;
    height: 5px;
    position: absolute;
    left: 50%;
    margin-left: -2px;
    bottom: -10px;
  }
}
@media all and (min-width: 1025px) {
  #header .section .region-header nav.menu--main .content > ul.menu > li:last-child, #header .section .region-header nav.menu--main .content > ul.menu > li:nth-last-child(2) {
    display: none;
  }
}
@media all and (min-width: 1025px) {
  #header .section .region-header nav.menu--main .content > ul.menu > li > ul.menu {
    position: absolute;
    left: -15px;
    z-index: 21;
    background: #222222;
    width: 150px;
    position: absolute;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.25s ease-out;
    margin-top: 15px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  #header .section .region-header nav.menu--main .content > ul.menu > li > ul.menu > li {
    padding: 5px;
    visibility: hidden;
    -webkit-transition-property: visibility;
    /* Safari */
    -webkit-transition-duration: 0.25s;
    /* Safari */
    -webkit-transition-delay: 0.1s;
    /* Safari */
    transition-property: visibility;
    transition-duration: 0.25s;
    transition-delay: 0.1s;
  }
  #header .section .region-header nav.menu--main .content > ul.menu > li > ul.menu > li a {
    color: #ffffff;
  }
  #header .section .region-header nav.menu--main .content > ul.menu > li > ul.menu > li.menu-item--expanded > ul.menu {
    display: none;
  }
  #header .section .region-header nav.menu--main .content > ul.menu > li > ul.menu > li.menu-item--expanded:after {
    font-family: Fontawesome;
    content: "\f105";
    display: inline;
    color: #ffffff;
    float: right;
    font-size: 16px;
    margin-right: 5px;
  }
  #header .section .region-header nav.menu--main .content > ul.menu > li > ul.menu > li:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
  }
  #header .section .region-header nav.menu--main .content > ul.menu > li > ul.menu > li:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }
}
@media all and (min-width: 1025px) and (min-width: 1025px) {
  #header .section .region-header nav.menu--main .content > ul.menu > li > ul.menu > li:hover {
    background-color: white;
  }
  #header .section .region-header nav.menu--main .content > ul.menu > li > ul.menu > li:hover > ul.menu {
    display: block !important;
    position: absolute;
    left: 150px;
    top: -14px;
    z-index: 21;
    background: #222222;
    width: 150px;
    margin-top: 15px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  #header .section .region-header nav.menu--main .content > ul.menu > li > ul.menu > li:hover > ul.menu > li {
    padding: 5px;
  }
  #header .section .region-header nav.menu--main .content > ul.menu > li > ul.menu > li:hover > ul.menu > li a {
    color: #ffffff;
  }
  #header .section .region-header nav.menu--main .content > ul.menu > li > ul.menu > li:hover > ul.menu > li.menu-item--expanded > ul.menu {
    display: none;
  }
  #header .section .region-header nav.menu--main .content > ul.menu > li > ul.menu > li:hover > ul.menu > li.menu-item--expanded:after {
    font-family: Fontawesome;
    content: "\f105";
    display: inline;
    color: #ffffff;
    float: right;
    font-size: 16px;
    margin-right: 5px;
  }
}

@media all and (min-width: 1025px) and (min-width: 1025px) and (min-width: 1025px) {
  #header .section .region-header nav.menu--main .content > ul.menu > li > ul.menu > li:hover > ul.menu > li:hover {
    background-color: #ffffff;
  }
  #header .section .region-header nav.menu--main .content > ul.menu > li > ul.menu > li:hover > ul.menu > li:hover > ul.menu {
    display: block !important;
    position: absolute;
    left: 150px;
    top: 22px;
    z-index: 21;
    background: #222222;
    width: 150px;
    margin-top: 15px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  #header .section .region-header nav.menu--main .content > ul.menu > li > ul.menu > li:hover > ul.menu > li:hover > ul.menu > li {
    padding: 5px;
  }
  #header .section .region-header nav.menu--main .content > ul.menu > li > ul.menu > li:hover > ul.menu > li:hover > ul.menu > li a {
    color: #ffffff;
  }
  #header .section .region-header nav.menu--main .content > ul.menu > li > ul.menu > li:hover > ul.menu > li:hover > ul.menu > li:hover {
    background-color: #ffffff;
  }
  #header .section .region-header nav.menu--main .content > ul.menu > li > ul.menu > li:hover > ul.menu > li:hover > ul.menu > li:hover a {
    color: #222222;
  }
  #header .section .region-header nav.menu--main .content > ul.menu > li > ul.menu > li:hover > ul.menu > li:hover > ul.menu > li:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  #header .section .region-header nav.menu--main .content > ul.menu > li > ul.menu > li:hover > ul.menu > li:hover a {
    color: #222222;
  }
  #header .section .region-header nav.menu--main .content > ul.menu > li > ul.menu > li:hover > ul.menu > li:hover:after {
    color: #222222;
  }
}
@media all and (min-width: 1025px) and (min-width: 1025px) {
  #header .section .region-header nav.menu--main .content > ul.menu > li > ul.menu > li:hover > ul.menu > li:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  #header .section .region-header nav.menu--main .content > ul.menu > li > ul.menu > li:hover a {
    color: #222222;
  }
  #header .section .region-header nav.menu--main .content > ul.menu > li > ul.menu > li:hover:after {
    color: #222222;
  }
}

@media all and (min-width: 1025px) {
  #header .section .region-header nav.menu--main .content > ul.menu > li:hover > ul.menu {
    max-height: 500px;
    transition: max-height 0.25s ease-in;
    overflow: visible;
  }
  #header .section .region-header nav.menu--main .content > ul.menu > li:hover > ul.menu > li {
    visibility: visible;
  }
}
@media all and (max-width: 1025px) {
  #header .section .region-header nav.menu--main .content ul {
    padding: 0 !important;
    box-sizing: border-box;
  }
  #header .section .region-header nav.menu--main .content ul li {
    padding: 0 !important;
    text-transform: uppercase;
  }
  #header .section .region-header nav.menu--main .content ul li a {
    width: 100%;
    box-sizing: border-box;
    padding: 15px !important;
  }
  #header .section .region-header nav.menu--main .content ul.sub-level1 {
    height: auto;
    max-height: 500px;
    width: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  #header .section .region-header nav.menu--main .content ul.sub-level1 > li > a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
    font-size: 16px;
  }
  #header .section .region-header nav.menu--main .content ul.sub-level1 > li:nth-last-child(2) {
    font-weight: normal;
    font-family: Titillium-Rg;
    line-height: 14px;
    margin-bottom: 10px;
    padding-left: 15px !important;
  }
  #header .section .region-header nav.menu--main .content ul.sub-level1 > li:nth-last-child(2).isActive {
    display: none;
  }
  #header .section .region-header nav.menu--main .content ul.sub-level1 > li:nth-last-child(2) a {
    font-size: 12px;
    border-bottom: 0 !important;
    width: auto;
    padding: 15px 5px 15px 0 !important;
  }
  #header .section .region-header nav.menu--main .content ul.sub-level1 > li:nth-last-child(2):before {
    content: "";
    display: inline-block;
    background-image: url("../images/flag-icon.png") !important;
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    width: 21px;
    height: 15px;
    vertical-align: middle;
    border-left: 1px solid white;
    padding-right: 10px;
  }
  #header .section .region-header nav.menu--main .content ul.sub-level1 > li:last-child {
    font-family: Titillium-Rg;
    font-weight: normal;
    line-height: 14px;
    margin-bottom: 10px;
  }
  #header .section .region-header nav.menu--main .content ul.sub-level1 > li:last-child.isActive {
    display: none;
  }
  #header .section .region-header nav.menu--main .content ul.sub-level1 > li:last-child a {
    font-size: 12px;
    width: auto;
    border-bottom: 0 !important;
    padding-left: 5px !important;
  }
  #header .section .region-header nav.menu--main .content ul.sub-level1 > li:last-child:before {
    content: "";
    display: inline-block;
    background-image: url("../images/flag-icon.png") !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 21px;
    height: 15px;
    vertical-align: middle;
    border-right: 1px solid white;
    padding-right: 20px;
  }
  #header .section .region-header nav.menu--main .content ul.sub-level1 > li.menu-item--expanded.hover > a:before {
    content: "\f068";
  }
  #header .section .region-header nav.menu--main .content ul.sub-level1 > li.menu-item--expanded > a {
    display: flex;
    justify-content: space-between;
  }
  #header .section .region-header nav.menu--main .content ul.sub-level1 > li.menu-item--expanded > a:before {
    font-family: Fontawesome;
    content: "\f067";
    display: inline;
    color: #ffffff;
    font-size: 12px;
    margin-right: 20px;
  }
  #header .section .region-header nav.menu--main .content ul.sub-level2 {
    display: none;
    text-align: right;
    background: rgba(255, 255, 255, 0.09) !important;
  }
  #header .section .region-header nav.menu--main .content ul.sub-level2 > li > a {
    padding-right: 30px !important;
  }
  #header .section .region-header nav.menu--main .content ul.sub-level2 > li.menu-item--expanded.hover > a:before {
    content: "\f068";
  }
  #header .section .region-header nav.menu--main .content ul.sub-level2 > li.menu-item--expanded > a {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
  }
  #header .section .region-header nav.menu--main .content ul.sub-level2 > li.menu-item--expanded > a:before {
    font-family: Fontawesome;
    content: "\f067";
    display: inline;
    color: #ffffff;
    font-size: 12px;
    margin-right: 20px;
  }
  #header .section .region-header nav.menu--main .content ul.sub-level3 {
    display: none;
    text-align: right;
    background: rgba(255, 255, 255, 0.09) !important;
  }
  #header .section .region-header nav.menu--main .content ul.sub-level3 > li > a {
    padding-right: 60px !important;
  }
  #header .section .region-header nav.menu--main .content ul.sub-level3 > li.menu-item--expanded.hover > a:before {
    content: "\f068";
  }
  #header .section .region-header nav.menu--main .content ul.sub-level3 > li.menu-item--expanded > a {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
  }
  #header .section .region-header nav.menu--main .content ul.sub-level3 > li.menu-item--expanded > a:before {
    font-family: Fontawesome;
    content: "\f067";
    display: inline;
    color: #ffffff;
    font-size: 12px;
    margin-right: 20px;
  }
  #header .section .region-header nav.menu--main .content ul.sub-level4 {
    display: none;
    text-align: right;
    background: rgba(255, 255, 255, 0.09) !important;
  }
  #header .section .region-header nav.menu--main .content ul.sub-level4 > li > a {
    padding-right: 90px !important;
  }
}
#header .section .region-header .block-language {
  position: absolute;
  right: 130px;
  top: 26px;
}
@media all and (max-width: 1099px) {
  #header .section .region-header .block-language {
    right: 105px;
  }
}
@media all and (max-width: 900px) {
  #header .section .region-header .block-language {
    top: 35px;
    right: 75px;
  }
}
@media all and (max-width: 1025px) {
  #header .section .region-header .block-language {
    display: none;
  }
}
#header .section .region-header .block-language .content ul {
  display: inline-block;
  position: relative;
  border-left: 1px solid #fff;
  padding: 0 0 0 4px;
}
#header .section .region-header .block-language .content ul li {
  display: inline-block;
}
#header .section .region-header .block-language .content ul li.is-active {
  display: none;
}
#header .section .region-header .block-language .content ul li a {
  color: #fff;
}
#header .section .region-header .block-language .content ul li a[hreflang="ar"] {
  font-family: Titillium-Rg;
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
}
#header .section .region-header .block-language .content ul li[data-drupal-link-system-path="404"] {
  display: none;
}
#header .section .region-header .block-language .content:before {
  content: "";
  display: inline-block;
  background-image: url("../images/flag-icon.png") !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 16px;
  vertical-align: middle;
}
#header .section .region-header .menu-resp {
  display: none;
  color: #001658;
}
@media all and (max-width: 1025px) {
  #header .section .region-header .menu-resp {
    display: block;
    float: right;
    width: 30px;
    margin-top: 27px;
    margin-right: 15px;
  }
}
@-moz-document url-prefix() {
  @media all and (max-width: 1025px) {
    #header .section .region-header .menu-resp {
      margin-top: 35px;
    }
  }
}
#header .section .region-header .menu-resp i {
  font-size: 25px;
}
#header .section .region-header .menu-resp i.fa-times {
  display: none;
}
#header .section .region-header #block-headerflashstripblock {
  width: 100%;
  text-align: center;
  margin: 1px 0 0;
}
@media all and (max-width: 1025px) {
  #header .section .region-header #block-headerflashstripblock {
    display: none !important;
  }
}
#header .section .region-header #block-headerflashstripblock .content {
  background: rgba(0, 0, 0, 0.7);
  width: 550px;
  margin: 0 auto;
  animation: forwards 0.5s 1 slideInFromRight;
}
#header .section .region-header #block-headerflashstripblock p {
  font-family: 'Great-Vibes';
  margin-bottom: 0;
  padding: 5px;
  font-size: 16px;
  text-transform: capitalize;
  letter-spacing: 3px;
}
#header.sticky .section {
  position: fixed;
  z-index: 99999;
  width: 100%;
  padding-top: 0;
  max-width: none;
  background-color: #ffffff;
  max-height: 85px !important;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-100px);
  transform: translateY(-100px);
  -webkit-animation: move-down 0.3s forwards;
  animation: move-down 0.3s forwards;
}
#header.sticky .section .region-header {
  margin: 0 auto;
  max-width: 1290px;
  max-height: 65px !important;
}
#header.sticky .section .region-header #block-arshipping-headercontactinfo,
#header.sticky .section .region-header .block-language {
  display: none;
}
#header.sticky .section .region-header #block-arshipping-branding {
  margin-top: 7px;
  max-width: none !important;
}
@media all and (max-width: 933px) {
  #header.sticky .section .region-header #block-arshipping-branding {
    max-width: 170px !important;
  }
}
#header.sticky .section .region-header #block-arshipping-branding img {
  width: 65% !important;
}
@media all and (max-width: 933px) {
  #header.sticky .section .region-header #block-arshipping-branding img {
    width: 80% !important;
  }
}
#header.sticky .section .region-header nav.menu--main {
  padding: 10px 0 15px;
  top: 20px;
  left: 6%;
}
@media all and (max-width: 1099px) {
  #header.sticky .section .region-header nav.menu--main {
    left: 0;
  }
}
@media all and (max-width: 1033px) {
  #header.sticky .section .region-header nav.menu--main {
    left: 0;
  }
}
@media all and (max-width: 1025px) {
  #header.sticky .section .region-header nav.menu--main {
    top: -37px;
  }
}
#header.sticky .section .region-header nav.menu--account {
  margin-top: 30px;
}
#header.sticky .section .region-header nav.menu--account .content ul.menu li a {
  padding: 5px;
}
#header.sticky .section .region-header #block-ajaxloginformpopup {
  position: static;
  margin-top: 20px;
  margin-right: 10px;
}
@media all and (max-width: 1100px) {
  #header.sticky .section .region-header #block-ajaxloginformpopup {
    position: absolute;
    margin-top: 0;
    top: 20px;
  }
}
@media all and (max-width: 1025px) {
  #header.sticky .section .region-header #block-ajaxloginformpopup {
    position: absolute;
    top: 15px;
    margin-top: 0;
    margin-right: 0;
  }
}

.path-frontpage #header {
  background-color: transparent !important;
  background-image: none !important;
}
@media all and (max-width: 1550px) {
  .path-frontpage #header {
    min-height: 90vh;
  }
}
@media all and (max-width: 1390px) {
  .path-frontpage #header {
    min-height: 80vh;
  }
}
@media all and (max-width: 1240px) {
  .path-frontpage #header {
    min-height: 75vh;
  }
}
@media all and (max-width: 1145px) {
  .path-frontpage #header {
    min-height: 70vh;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .path-frontpage #header {
    height: 380px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 776px) and (orientation: landscape) {
  .path-frontpage #header {
    min-height: 100vh;
  }
}
.path-frontpage #header .header-banner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
@media all and (max-width: 1100px) {
  .path-frontpage #header .header-banner .view-homepage-banner-video .views-field-field-video {
    display: none;
  }
}
.path-frontpage #header .header-banner .view-homepage-banner-video .views-field-field-video .field-content::after {
  content: '';
  position: absolute;
  top: 0;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
}
@media all and (max-width: 1024px) {
  .path-frontpage #header .header-banner .view-homepage-banner-video .views-field-field-video .field-content iframe {
    top: 76px !important;
  }
}
.path-frontpage #header .header-banner .views-field-field-read-more {
  position: absolute;
  top: 40%;
  width: 100%;
  text-align: center;
  z-index: 9;
}
@media all and (max-width: 1400px) {
  .path-frontpage #header .header-banner .views-field-field-read-more {
    top: 35%;
  }
}
@media all and (max-width: 1200px) {
  .path-frontpage #header .header-banner .views-field-field-read-more {
    top: 32%;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .path-frontpage #header .header-banner .views-field-field-read-more {
    top: 20%;
  }
}
@media all and (max-width: 767px) {
  .path-frontpage #header .header-banner .views-field-field-read-more {
    top: 30%;
  }
}
.path-frontpage #header .header-banner .views-field-field-read-more .field-content {
  animation-duration: 2s;
  animation-delay: 2s;
  animation-fill-mode: both;
  -webkit-animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  opacity: 0;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
}
.path-frontpage #header .header-banner .views-field-field-read-more .video-wrapper-content h2 {
  font-family: Titillium-Rg;
  font-size: 34px;
  color: #ffffff;
}
@media all and (max-width: 1400px) {
  .path-frontpage #header .header-banner .views-field-field-read-more .video-wrapper-content h2 {
    font-size: 30px;
  }
}
@media all and (max-width: 1100px) {
  .path-frontpage #header .header-banner .views-field-field-read-more .video-wrapper-content h2 {
    font-size: 28px;
  }
}
@media all and (max-width: 767px) {
  .path-frontpage #header .header-banner .views-field-field-read-more .video-wrapper-content h2 {
    font-size: 24px;
  }
}
@media all and (max-width: 599px) {
  .path-frontpage #header .header-banner .views-field-field-read-more .video-wrapper-content h2 {
    font-size: 22px;
  }
}
@media all and (max-width: 479px) {
  .path-frontpage #header .header-banner .views-field-field-read-more .video-wrapper-content h2 {
    font-size: 18px;
  }
}
@media only screen and (min-device-width: 599px) and (max-device-width: 776px) and (orientation: landscape) {
  .path-frontpage #header .header-banner .views-field-field-read-more .video-wrapper-content h2 {
    font-size: 24px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 599px) and (orientation: landscape) {
  .path-frontpage #header .header-banner .views-field-field-read-more .video-wrapper-content h2 {
    font-size: 20px;
  }
}
.path-frontpage #header .header-banner .views-field-field-read-more .video-wrapper-content h1 {
  font-family: Titillium-Bd;
  font-size: 64px;
  color: #ffffff;
  margin: 0;
}
@media all and (max-width: 1400px) {
  .path-frontpage #header .header-banner .views-field-field-read-more .video-wrapper-content h1 {
    font-size: 58px;
  }
}
@media all and (max-width: 1100px) {
  .path-frontpage #header .header-banner .views-field-field-read-more .video-wrapper-content h1 {
    font-size: 55px;
  }
}
@media all and (max-width: 991px) {
  .path-frontpage #header .header-banner .views-field-field-read-more .video-wrapper-content h1 {
    font-size: 50px;
  }
}
@media all and (max-width: 767px) {
  .path-frontpage #header .header-banner .views-field-field-read-more .video-wrapper-content h1 {
    font-size: 44px;
  }
}
@media all and (max-width: 599px) {
  .path-frontpage #header .header-banner .views-field-field-read-more .video-wrapper-content h1 {
    font-size: 40px;
  }
}
@media all and (max-width: 479px) {
  .path-frontpage #header .header-banner .views-field-field-read-more .video-wrapper-content h1 {
    font-size: 28px;
  }
}
@media only screen and (min-device-width: 599px) and (max-device-width: 776px) and (orientation: landscape) {
  .path-frontpage #header .header-banner .views-field-field-read-more .video-wrapper-content h1 {
    font-size: 35px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 599px) and (orientation: landscape) {
  .path-frontpage #header .header-banner .views-field-field-read-more .video-wrapper-content h1 {
    font-size: 30px;
  }
}
.path-frontpage #header .header-banner .views-field-field-read-more .video-wrapper-content .watch-video {
  background-image: url("../images/watch-btn.png");
  width: 180px;
  height: 44px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 0 5px 5px 0;
  margin: 10px auto;
  text-align: left;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.path-frontpage #header .header-banner .views-field-field-read-more .video-wrapper-content .watch-video:hover {
  -webkit-transform: rotateX(15deg);
  -moz-transform: rotateX(15deg);
  -ms-transform: rotateX(15deg);
  transform: rotateX(15deg);
}
.path-frontpage #header .header-banner .views-field-field-read-more .video-wrapper-content .watch-video:after {
  content: '';
  position: absolute;
  z-index: -1;
  width: 86%;
  height: 40%;
  left: 0;
  top: 100%;
  -webkit-transform-origin: 0 0;
  -webkit-transform: rotateX(-90deg);
  -moz-transform-origin: 0 0;
  -moz-transform: rotateX(-90deg);
  -ms-transform-origin: 0 0;
  -ms-transform: rotateX(-90deg);
  transform-origin: 0 0;
  transform: rotateX(-90deg);
  box-sizing: content-box;
  height: 0;
  border: 11px solid transparent;
  border-bottom: 0 solid;
  border-top: 20px solid #c6c6c6;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.path-frontpage #header .header-banner .views-field-field-read-more .video-wrapper-content .watch-video a {
  display: inline-block;
  color: #001658;
  padding: 9px 50px 7px 15px;
  font-size: 18px;
  text-transform: uppercase;
  font-family: Titillium-Bd;
  outline: none;
  border: none;
}
.path-frontpage #header .header-banner .views-field-field-read-more .video-wrapper-content .watch-video a:active, .path-frontpage #header .header-banner .views-field-field-read-more .video-wrapper-content .watch-video a:hover, .path-frontpage #header .header-banner .views-field-field-read-more .video-wrapper-content .watch-video a:visited {
  border: none;
}
@media all and (max-width: 767px) {
  .path-frontpage #header .header-banner .views-field-field-read-more .video-wrapper-content .watch-video a {
    padding-top: 10px;
    font-size: 16px;
  }
}
@media all and (max-width: 767px) {
  .path-frontpage #header .header-banner .views-field-field-read-more .video-wrapper-content .watch-video {
    width: 170px;
  }
}
.path-frontpage #header .header-banner .views-field-field-mobile-image {
  display: none;
}
@media all and (max-width: 1100px) {
  .path-frontpage #header .header-banner .views-field-field-mobile-image {
    display: block;
  }
}
.path-frontpage #header .header-banner .views-field-field-mobile-image .field-content {
  position: relative;
}
.path-frontpage #header .header-banner .views-field-field-mobile-image .field-content::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 70vh;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .path-frontpage #header .header-banner .views-field-field-mobile-image .field-content::after {
    min-height: 380px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 776px) and (orientation: landscape) {
  .path-frontpage #header .header-banner .views-field-field-mobile-image .field-content::after {
    height: 100vh;
  }
}
.path-frontpage #header .header-banner .views-field-field-mobile-image img {
  width: 100%;
  height: 70vh;
  object-fit: cover;
  overflow: hidden;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .path-frontpage #header .header-banner .views-field-field-mobile-image img {
    min-height: 380px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 776px) and (orientation: landscape) {
  .path-frontpage #header .header-banner .views-field-field-mobile-image img {
    height: 100vh;
  }
}

@media all and (min-width: 1200px) {
  body:not(.path-frontpage):not(.path-user):not(.path-registration-success) #header {
    height: 432px;
  }
}

body.path-user #header, .path-registration-success #header {
  overflow: initial !important;
}
@media all and (min-width: 1200px) {
  body.path-user #header, .path-registration-success #header {
    height: 200px;
  }
}

body:not(.path-frontpage) #header {
  background-color: transparent;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 100%);
  min-height: auto;
  overflow: hidden;
}
@media all and (min-width: 1200px) {
  body:not(.path-frontpage) #header {
    position: relative;
    min-height: unset;
  }
}
body:not(.path-frontpage) #header .header-banner {
  position: relative;
  top: -190px;
  width: 100%;
}
@media all and (min-width: 1200px) {
  body:not(.path-frontpage) #header .header-banner {
    position: absolute;
    top: 0;
    height: 432px;
  }
}
@media all and (max-width: 1024px) {
  body:not(.path-frontpage) #header .header-banner {
    top: 0;
  }
}
@media all and (max-width: 768px) {
  body:not(.path-frontpage) #header .header-banner {
    top: -50px;
  }
}
@media all and (max-width: 599px) {
  body:not(.path-frontpage) #header .header-banner {
    top: -70px;
  }
}
@media all and (max-width: 479px) {
  body:not(.path-frontpage) #header .header-banner {
    top: -100px;
  }
}
@media all and (max-width: 375px) {
  body:not(.path-frontpage) #header .header-banner {
    top: -150px;
  }
}
body:not(.path-frontpage) #header .header-banner .views-field-field-image .field-content {
  display: flex;
}
body:not(.path-frontpage) #header .header-banner .views-field-field-image .field-content::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
}
@media all and (max-width: 1200px) {
  body:not(.path-frontpage) #header .header-banner .views-field-field-image .field-content::after {
    content: none;
  }
}
body:not(.path-frontpage) #header .header-banner .views-field-field-image img {
  width: 100%;
  max-height: 100%;
  object-fit: cover;
  object-position: center;
}
@media all and (min-width: 1200px) {
  body:not(.path-frontpage) #header .header-banner .views-field-field-image img {
    height: 432px;
  }
  @-moz-document url-prefix() {
    body:not(.path-frontpage) #header .header-banner .views-field-field-image img {
      max-height: 432px;
    }
  }
}
@media all and (max-width: 991px) {
  body:not(.path-frontpage) #header .header-banner .views-field-field-image img {
    object-fit: cover;
    height: 500px;
  }
}
body:not(.path-frontpage) #header .header-banner .views-field-field-heading {
  position: absolute;
  bottom: 15%;
  width: 100%;
}
@-moz-document url-prefix() {}
@media all and (max-width: 1200px) {
  body:not(.path-frontpage) #header .header-banner .views-field-field-heading {
    position: static;
    margin-top: -7px;
  }
}
body:not(.path-frontpage) #header .header-banner .views-field-field-heading .field-content {
  max-width: 1290px;
  margin: 0 auto;
}
@media all and (max-width: 1300px) {
  body:not(.path-frontpage) #header .header-banner .views-field-field-heading .field-content {
    max-width: 100%;
    padding-left: 15px;
  }
}
@media all and (max-width: 1200px) {
  body:not(.path-frontpage) #header .header-banner .views-field-field-heading .field-content {
    padding: 25px 20px 0;
  }
}
@media all and (max-width: 599px) {
  body:not(.path-frontpage) #header .header-banner .views-field-field-heading .field-content {
    padding: 25px 15px 0;
  }
}
body:not(.path-frontpage) #header .header-banner .views-field-field-heading .field-content .top-header-content-wrapper {
  color: #ffffff !important;
  font-size: 18px;
  font-family: 'Titillium-Semib';
  padding-right: 15px;
}
@media all and (max-width: 1200px) {
  body:not(.path-frontpage) #header .header-banner .views-field-field-heading .field-content .top-header-content-wrapper {
    color: #000 !important;
  }
}
@media all and (max-width: 991px) {
  body:not(.path-frontpage) #header .header-banner .views-field-field-heading .field-content .top-header-content-wrapper {
    font-size: 16px !important;
  }
}
body:not(.path-frontpage) #header .header-banner .views-field-field-heading .field-content .top-header-content-wrapper h2 {
  font-family: 'Titillium-Bd';
  text-transform: uppercase;
  color: #ffffff;
  font-size: 32px;
  margin-bottom: 0;
}
@media all and (max-width: 1200px) {
  body:not(.path-frontpage) #header .header-banner .views-field-field-heading .field-content .top-header-content-wrapper h2 {
    color: #000;
    margin-top: 0;
  }
}
@media all and (max-width: 991px) {
  body:not(.path-frontpage) #header .header-banner .views-field-field-heading .field-content .top-header-content-wrapper h2 {
    font-size: 28px;
  }
}
@media all and (max-width: 767px) {
  body:not(.path-frontpage) #header .header-banner .views-field-field-heading .field-content .top-header-content-wrapper h2 {
    font-size: 24px;
  }
}
@media all and (max-width: 479px) {
  body:not(.path-frontpage) #header .header-banner .views-field-field-heading .field-content .top-header-content-wrapper h2 {
    font-size: 22px;
  }
}

@keyframes slideInFromRight {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
/* -pop up video header-- */
.watch-video a {
  display: inline-block;
  text-decoration: none;
}

.player {
  position: fixed;
  z-index: 30;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.65) 0%, black 100%);
  background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.65) 0%, black 100%);
  background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.65) 0%, black 100%);
  background: radial-gradient(ellipse cover at center, rgba(0, 0, 0, 0.65) 0%, #000000 100%);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.player__video {
  position: relative;
  top: 50%;
  left: 50%;
  width: auto;
  max-width: 70%;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.95);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media all and (max-width: 479px) {
  .player__video {
    left: 45%;
  }
}

.js--show-video {
  opacity: 1;
}

.video-filler {
  display: block;
  width: 100%;
}

.video-close {
  position: absolute;
  z-index: 31;
  top: -45px;
  right: -40px;
  padding: 5px 10px;
  border: none;
  outline: none;
  border-radius: 0 50% 50% 0;
  cursor: pointer;
  font-size: 35px;
  color: #fff;
  background-color: transparent;
}
@media all and (max-width: 400px) {
  .video-close {
    right: -50px;
    padding: 1px 10px;
  }
}

.video-embed-field-responsive-video video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}

.video-iframe {
  position: absolute;
  z-index: 32;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.noscroll {
  overflow: hidden;
}

@keyframes fadeInUp {
  from {
    transform: translate3d(0, 70px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes fadeInUp {
  from {
    transform: translate3d(0, 70px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
#block-ajaxloginformpopup {
  position: absolute;
  right: 10px;
  top: 90px;
  background: #001658;
  background-color: #001658;
  border-bottom-right-radius: 5px;
  width: 90px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  text-align: center;
  z-index: 10;
}
@-moz-document url-prefix() {
  @media all and (max-width: 1183px) {
    #block-ajaxloginformpopup {
      top: 82px;
    }
  }
}
@media all and (max-width: 1025px) {
  #block-ajaxloginformpopup {
    right: 60px;
    top: 15px;
    width: 80px;
  }
}
@media all and (max-width: 479px) {
  #block-ajaxloginformpopup {
    width: 70px;
  }
}
#block-ajaxloginformpopup .content .Login-popup-link a.login-popup-form {
  color: #ffffff;
  padding: 10px;
  display: block;
}
#block-ajaxloginformpopup .content .Login-popup-link .ajax-progress {
  display: none;
}

body.user-logged-in #block-ajaxloginformpopup {
  display: none;
}
body.user-logged-in #header.sticky .region-header {
  position: relative;
}
body.user-logged-in #header.sticky .region-header nav.menu--account {
  top: auto;
}
body.user-logged-in nav.menu--account {
  display: block !important;
  position: absolute;
  right: 0;
  top: 75px;
  width: 104px !important;
}
@media all and (max-width: 1025px) {
  body.user-logged-in nav.menu--account {
    right: 40px;
    top: -3px;
  }
}
@media all and (max-width: 479px) {
  body.user-logged-in nav.menu--account {
    margin-top: 28px !important;
  }
}
@-moz-document url-prefix() {
  body.user-logged-in nav.menu--account {
    width: 109px !important;
  }
  @media all and (max-width: 1184px) {
    body.user-logged-in nav.menu--account {
      top: 62px;
    }
  }
  @media all and (max-width: 1025px) {
    body.user-logged-in nav.menu--account {
      top: 7px;
    }
  }
}
body.user-logged-in nav.menu--account .content ul.menu li:nth-child(2) {
  display: none;
}

.path-careers .highlighted .region-highlighted,
.path-contact-us .highlighted .region-highlighted {
  margin: 0;
}
@media all and (max-width: 1300px) {
  .path-careers .highlighted .region-highlighted,
  .path-contact-us .highlighted .region-highlighted {
    margin: 0 15px;
  }
}
.path-careers #header,
.path-contact-us #header {
  height: 425px;
}
@media all and (max-width: 1200px) {
  .path-careers #header,
  .path-contact-us #header {
    height: 530px;
  }
}
@media all and (max-width: 991px) {
  .path-careers #header,
  .path-contact-us #header {
    height: 600px;
  }
}
@media all and (max-width: 768px) {
  .path-careers #header,
  .path-contact-us #header {
    height: 550px;
  }
}
.path-careers #page #main-wrapper,
.path-contact-us #page #main-wrapper {
  margin-top: 0 !important;
}

@-webkit-keyframes move-down {
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes move-down {
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@font-face {
  font-family: Titillium-Bl;
  src: url(../fonts/TitilliumWeb-Black.ttf) format("truetype");
}
@font-face {
  font-family: Titillium-Bd;
  src: url(../fonts/TitilliumWeb-Bold.ttf) format("truetype");
}
@font-face {
  font-family: Titillium-Lt;
  src: url(../fonts/TitilliumWeb-Light.ttf) format("truetype");
}
@font-face {
  font-family: Titillium-Rg;
  src: url(../fonts/TitilliumWeb-Regular.ttf) format("truetype");
}
@font-face {
  font-family: Titillium-Sb;
  src: url(../fonts/TitilliumWeb-Black.ttf) format("truetype");
}
@font-face {
  font-family: Titillium-Semib;
  src: url(../fonts/TitilliumWeb-SemiBold.ttf) format("truetype");
}
@font-face {
  font-family: Fontawesome;
  src: url(../fonts/fontawesome-webfont.ttf) format("truetype");
}
@font-face {
  font-family: Arabic;
  src: url(../fonts/AcehDarusalam.ttf) format("truetype");
}
@font-face {
  font-family: Great-Vibes;
  src: url(../fonts/GreatVibes-Regular.ttf) format("truetype");
}
footer.site-footer {
  background-image: url("../images/footer-bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0;
}
footer.site-footer .layout-container {
  font-family: Titillium-Rg;
}
footer.site-footer .layout-container a {
  border-bottom: none;
  font-size: 16px;
}
@media all and (max-width: 991px) {
  footer.site-footer .layout-container a {
    font-size: 14px;
  }
}
@media all and (max-width: 815px) and (min-width: 767px) {
  footer.site-footer .layout-container a {
    padding: 0.8em 2px 0.8em 5px;
  }
}
footer.site-footer .layout-container .site-footer__top {
  padding-top: 10px;
}
@media (max-width: 850px) and (min-width: 560px) {
  footer.site-footer .layout-container .site-footer__top .region {
    padding-left: 0;
  }
}
@media all and (min-width: 767px) {
  footer.site-footer .layout-container .site-footer__top .region {
    width: 24%;
  }
}
@media all and (max-width: 767px) {
  footer.site-footer .layout-container .site-footer__top .region {
    float: none;
    width: 100%;
  }
}
footer.site-footer .layout-container .site-footer__top .region .block {
  border: 0;
}
@media all and (max-width: 767px) {
  footer.site-footer .layout-container .site-footer__top .region .block {
    padding: 0;
  }
}
footer.site-footer .layout-container .site-footer__top .region .block#block-arshipping-footerblock4 {
  margin-top: 0;
  padding-top: 0;
}
footer.site-footer .layout-container .site-footer__top .region .block h2 {
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  margin-top: 40px;
  margin-bottom: 30px;
  border: none;
}
footer.site-footer .layout-container .site-footer__top .region .block h2:after {
  content: "";
  display: block;
  height: 20px;
  background-image: url("../images/hd-br.png");
  background-repeat: no-repeat;
  background-position: left bottom;
}
footer.site-footer .layout-container .site-footer__top .region .block .content {
  color: #ffffff;
}
footer.site-footer .layout-container .site-footer__top .region .block .content .field__item li {
  list-style: none;
  font-size: 15px;
  padding-bottom: 5px;
}
@media all and (max-width: 991px) {
  footer.site-footer .layout-container .site-footer__top .region .block .content .field__item li {
    font-size: 13px;
  }
}
footer.site-footer .layout-container .site-footer__top .region .block .content .field__item p {
  font-size: 16px;
}
@media all and (max-width: 991px) {
  footer.site-footer .layout-container .site-footer__top .region .block .content .field__item p {
    font-size: 14px;
  }
}
@media all and (max-width: 767px) {
  footer.site-footer .layout-container .site-footer__top .region .block .content .field__item p {
    font-size: 16px;
  }
}
@media all and (max-width: 479px) {
  footer.site-footer .layout-container .site-footer__top .region .block .content .field__item p {
    font-size: 15px;
  }
}
footer.site-footer .layout-container .site-footer__top .region.region-footer-first .content {
  font-size: 13px;
}
footer.site-footer .layout-container .site-footer__top .region.region-footer-first .social-icons i {
  background-color: rgba(51, 51, 51, 0.5);
  color: #888888;
  padding: 8px 0;
  width: 30px;
  text-align: center;
  margin: 0 5px 0 0;
  border-bottom-left-radius: 10px;
}
@media all and (max-width: 815px) and (max-width: 815px) {
  footer.site-footer .layout-container .site-footer__top .region.region-footer-first .social-icons i {
    width: 22px;
  }
}
@media (max-width: 850px) and (min-width: 560px) {
  footer.site-footer .layout-container .site-footer__top .region.region-footer-third {
    clear: none;
  }
}
footer.site-footer .layout-container .site-footer__bottom {
  border-top: 1px solid #ffffff;
  margin-top: 0;
  color: #bbbbbb;
  font-size: 13px;
}
footer.site-footer .layout-container .site-footer__bottom .region {
  margin-top: 20px;
}
footer.site-footer .layout-container .site-footer__bottom .region .content .field__item p:first-child {
  float: left;
}
footer.site-footer .layout-container .site-footer__bottom .region .content .field__item p:last-child {
  float: right;
}
@media all and (max-width: 400px) {
  footer.site-footer .layout-container .site-footer__bottom .region .content .field__item p:last-child {
    clear: left;
    float: left;
  }
}

html:lang(ar) footer.site-footer .layout-container .site-footer__top .region {
  width: 20%;
}
@media all and (max-width: 950px) {
  html:lang(ar) footer.site-footer .layout-container .site-footer__top .region {
    width: 19%;
  }
}
@media all and (max-width: 767px) {
  html:lang(ar) footer.site-footer .layout-container .site-footer__top .region {
    width: 100%;
  }
}
html:lang(ar) footer.site-footer .layout-container .site-footer__top .region:last-child {
  width: 352px;
  padding-right: 0;
}
@media all and (max-width: 991px) {
  html:lang(ar) footer.site-footer .layout-container .site-footer__top .region:last-child {
    width: 312px;
  }
}
@media all and (max-width: 767px) {
  html:lang(ar) footer.site-footer .layout-container .site-footer__top .region:last-child {
    width: 100%;
  }
}
@media all and (max-width: 479px) {
  html:lang(ar) footer.site-footer .layout-container .site-footer__top .region:last-child p {
    font-size: 14px !important;
  }
}
@media all and (max-width: 1190px) {
  html:lang(ar) footer.site-footer .layout-container .site-footer__top .region.region-footer-second, html:lang(ar) footer.site-footer .layout-container .site-footer__top .region.region-footer-third {
    width: 19%;
  }
}
@media all and (max-width: 767px) {
  html:lang(ar) footer.site-footer .layout-container .site-footer__top .region.region-footer-second, html:lang(ar) footer.site-footer .layout-container .site-footer__top .region.region-footer-third {
    width: 100%;
  }
}
html:lang(ar) footer.site-footer .layout-container .site-footer__top .region .block h2:after {
  background-position: right bottom;
}
html:lang(ar) footer.site-footer .layout-container .site-footer__bottom .region .content .field__item p:first-child {
  float: right;
}
@media all and (max-width: 445px) {
  html:lang(ar) footer.site-footer .layout-container .site-footer__bottom .region .content .field__item p:first-child {
    clear: left;
    float: left;
  }
}
html:lang(ar) footer.site-footer .layout-container .site-footer__bottom .region .content .field__item p:last-child {
  float: left;
}

@font-face {
  font-family: Titillium-Bl;
  src: url(../fonts/TitilliumWeb-Black.ttf) format("truetype");
}
@font-face {
  font-family: Titillium-Bd;
  src: url(../fonts/TitilliumWeb-Bold.ttf) format("truetype");
}
@font-face {
  font-family: Titillium-Lt;
  src: url(../fonts/TitilliumWeb-Light.ttf) format("truetype");
}
@font-face {
  font-family: Titillium-Rg;
  src: url(../fonts/TitilliumWeb-Regular.ttf) format("truetype");
}
@font-face {
  font-family: Titillium-Sb;
  src: url(../fonts/TitilliumWeb-Black.ttf) format("truetype");
}
@font-face {
  font-family: Titillium-Semib;
  src: url(../fonts/TitilliumWeb-SemiBold.ttf) format("truetype");
}
@font-face {
  font-family: Fontawesome;
  src: url(../fonts/fontawesome-webfont.ttf) format("truetype");
}
@font-face {
  font-family: Arabic;
  src: url(../fonts/AcehDarusalam.ttf) format("truetype");
}
@font-face {
  font-family: Great-Vibes;
  src: url(../fonts/GreatVibes-Regular.ttf) format("truetype");
}
.service-page-content {
  background-color: #ffffff !important;
}
.service-page-content .service-block-1 {
  max-width: 1290px;
  margin: 0 auto;
}
@media all and (max-width: 1290px) {
  .service-page-content .service-block-1 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 599px) {
  .service-page-content .service-block-1 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.service-page-content .service-block-1 .views-element-container {
  padding-top: 50px;
  padding-bottom: 50px;
  clear: both;
  overflow: hidden;
}
@media all and (max-width: 991px) {
  .service-page-content .service-block-1 .views-element-container {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
.service-page-content .service-block-1 .views-element-container .view .view-content .views-row .views-field .field-content .agency-block1-wrapper .view-header h1 {
  font-family: 'Titillium-Semib';
  text-transform: uppercase;
  margin: 0;
  font-size: 28px;
}
@media all and (max-width: 991px) {
  .service-page-content .service-block-1 .views-element-container .view .view-content .views-row .views-field .field-content .agency-block1-wrapper .view-header h1 {
    font-size: 24px;
  }
}
@media all and (max-width: 767px) {
  .service-page-content .service-block-1 .views-element-container .view .view-content .views-row .views-field .field-content .agency-block1-wrapper .view-header h1 {
    font-size: 22px;
  }
}
@media all and (max-width: 479px) {
  .service-page-content .service-block-1 .views-element-container .view .view-content .views-row .views-field .field-content .agency-block1-wrapper .view-header h1 {
    font-size: 20px;
  }
}
.service-page-content .service-block-1 .views-element-container .view .view-content .views-row .views-field .field-content .agency-block1-wrapper .view-header h1:after {
  content: "";
  display: block;
  height: 20px;
  background-image: url("../images/hd-br-black.png");
  background-repeat: no-repeat;
  background-position: left bottom;
}
.service-page-content .service-block-1 .views-element-container .view .view-content .views-row .views-field .field-content .agency-block1-wrapper .view-content {
  margin-top: 50px;
}
@media all and (max-width: 991px) {
  .service-page-content .service-block-1 .views-element-container .view .view-content .views-row .views-field .field-content .agency-block1-wrapper .view-content {
    margin-top: 35px;
  }
}
.service-page-content .service-block-1 .views-element-container .view .view-content .views-row .views-field .field-content .agency-block1-wrapper .view-content img {
  float: right;
  margin: 0 0 0 20px;
}
@media all and (max-width: 991px) {
  .service-page-content .service-block-1 .views-element-container .view .view-content .views-row .views-field .field-content .agency-block1-wrapper .view-content img {
    margin: 0 0 0 15px;
  }
}
@media all and (max-width: 887px) {
  .service-page-content .service-block-1 .views-element-container .view .view-content .views-row .views-field .field-content .agency-block1-wrapper .view-content img {
    float: none;
    margin: 0;
    width: 100%;
    padding-bottom: 20px;
  }
}
.service-page-content .service-block-1 .views-element-container .view .view-content .views-row .views-field .field-content .agency-block1-wrapper .view-content p {
  text-align: justify;
  font-size: 16px;
  font-family: 'Titillium-Rg';
}
@media all and (max-width: 887px) {
  .service-page-content .service-block-1 .views-element-container .view .view-content .views-row .views-field .field-content .agency-block1-wrapper .view-content p {
    margin: 1.2em 0;
  }
}
@media all and (max-width: 479px) {
  .service-page-content .service-block-1 .views-element-container .view .view-content .views-row .views-field .field-content .agency-block1-wrapper .view-content p {
    font-size: 15px;
  }
}
.service-page-content .service-block-1 .views-element-container .view .view-content .views-row .views-field .field-content .agency-block1-wrapper .view-content ul {
  margin-bottom: 10px;
}
.service-page-content .service-block-1 .views-element-container .view .view-content .views-row .views-field .field-content .agency-block1-wrapper .view-content ul li {
  font-size: 16px;
  font-family: 'Titillium-Rg';
  margin-left: 10px;
}
@media all and (max-width: 887px) {
  .service-page-content .service-block-1 .views-element-container .view .view-content .views-row .views-field .field-content .agency-block1-wrapper .view-content ul li {
    margin: 1.2em 0;
  }
}
@media all and (max-width: 479px) {
  .service-page-content .service-block-1 .views-element-container .view .view-content .views-row .views-field .field-content .agency-block1-wrapper .view-content ul li {
    font-size: 15px;
  }
}
.service-page-content .service-block-2 .views-element-container {
  padding-top: 50px;
  padding-bottom: 0;
  background: linear-gradient(to bottom, #f6f6f6 0%, #f6f6f6 50%, #f6f6f6 50%, white 50%, white 100%);
}
@media all and (max-width: 991px) {
  .service-page-content .service-block-2 .views-element-container {
    padding-top: 35px;
    padding-bottom: 0;
    background: #f6f6f6;
    padding-bottom: 35px;
  }
}
.service-page-content .service-block-2 .views-element-container .content {
  max-width: 1290px;
  margin: 0 auto;
}
@media all and (max-width: 1290px) {
  .service-page-content .service-block-2 .views-element-container .content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 599px) {
  .service-page-content .service-block-2 .views-element-container .content {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.service-page-content .service-block-2 .views-element-container .content .view-header h1 {
  font-weight: 700;
  margin: 0;
  font-size: 28px;
}
@media all and (max-width: 991px) {
  .service-page-content .service-block-2 .views-element-container .content .view-header h1 {
    font-size: 24px;
  }
}
@media all and (max-width: 767px) {
  .service-page-content .service-block-2 .views-element-container .content .view-header h1 {
    font-size: 22px;
  }
}
.service-page-content .service-block-2 .views-element-container .content .view-header h1:after {
  content: "";
  display: block;
  height: 20px;
  background-image: url("../images/hd-br-black.png");
  background-repeat: no-repeat;
  background-position: left bottom;
}
.service-page-content .service-block-2 .views-element-container .content .view .view-content {
  margin-top: 50px;
}
@media all and (max-width: 991px) {
  .service-page-content .service-block-2 .views-element-container .content .view .view-content {
    margin-top: 35px;
  }
}
@media all and (max-width: 1030px) {
  .service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick-list .slick-track .slick__slide .views-field-field-image img {
    width: 100%;
  }
}
.service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick-list .slick-track .slick__slide .views-field-title {
  margin: 15px 0 0 20px;
  font-size: 28px;
}
@media all and (max-width: 991px) {
  .service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick-list .slick-track .slick__slide .views-field-title {
    font-size: 24px;
  }
}
@media all and (max-width: 767px) {
  .service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick-list .slick-track .slick__slide .views-field-title {
    font-size: 22px;
  }
}
.service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick-list .slick-track .slick__slide .views-field-title .field-content {
  color: #424242;
  font-family: 'Titillium-Bd';
  font-size: 18px;
  border-bottom: none;
}
.service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick-list .slick-track .slick__slide .views-field-body .field-content {
  padding: 10px 20px;
  height: 160px;
  overflow: hidden;
}
.service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick-list .slick-track .slick__slide .views-field-body .field-content p {
  padding: 0;
  text-align: justify;
  font-size: 16px;
  font-family: 'Titillium-Rg';
}
@media all and (min-width: 992px) {
  .service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick-list .slick-track .slick__slide:hover {
    background-color: #001658;
  }
  .service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick-list .slick-track .slick__slide:hover .views-field-title .field-content {
    color: white;
  }
  .service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick-list .slick-track .slick__slide:hover .views-field-body .field-content a,
  .service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick-list .slick-track .slick__slide:hover .views-field-body .field-content p,
  .service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick-list .slick-track .slick__slide:hover .views-field-field-heading-text-and-link .field-content a,
  .service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick-list .slick-track .slick__slide:hover .views-field-field-heading-text-and-link .field-content p,
  .service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick-list .slick-track .slick__slide:hover .views-field-field-read-more-link .field-content a,
  .service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick-list .slick-track .slick__slide:hover .views-field-field-read-more-link .field-content p {
    color: #ffffff;
  }
  .service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick-list .slick-track .slick__slide:hover .views-field-field-read-more-link .field-content a {
    border-bottom: 2px dotted #ffffff !important;
  }
  .service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick-list .slick-track .slick__slide:hover .views-field-field-read-more-link .field-content a:hover {
    border-bottom: 2px solid #ffffff !important;
  }
}
@media all and (max-width: 991px) {
  .service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick__arrow {
    top: 40%;
  }
}
.service-page-content .service-block-3 .views-element-container {
  margin-top: 0;
  background-image: url("../images/liner-agency-block3-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media all and (max-width: 991px) {
  .service-page-content .service-block-3 .views-element-container {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
.service-page-content .service-block-3 .views-element-container .view .view-content {
  max-width: 1290px;
  margin: 0 auto;
}
@media all and (max-width: 1290px) {
  .service-page-content .service-block-3 .views-element-container .view .view-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 599px) {
  .service-page-content .service-block-3 .views-element-container .view .view-content {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.service-page-content .service-block-3 .views-element-container .view .view-content .views-row .views-field-field-image .field-content .block3-inner-wrapper {
  overflow: auto;
}
.service-page-content .service-block-3 .views-element-container .view .view-content .views-row .views-field-field-image .field-content .block3-inner-wrapper img {
  float: right;
  margin-left: 40px;
}
@media all and (max-width: 991px) {
  .service-page-content .service-block-3 .views-element-container .view .view-content .views-row .views-field-field-image .field-content .block3-inner-wrapper img {
    display: none;
  }
}
.service-page-content .service-block-3 .views-element-container .view .view-content .views-row .views-field-field-image .field-content .block3-inner-wrapper h5 {
  text-transform: none;
  letter-spacing: 0;
  font-family: 'Titillium-Semib';
  color: white;
  margin: 0;
  font-size: 28px;
}
@media all and (max-width: 991px) {
  .service-page-content .service-block-3 .views-element-container .view .view-content .views-row .views-field-field-image .field-content .block3-inner-wrapper h5 {
    font-size: 24px;
  }
}
@media all and (max-width: 767px) {
  .service-page-content .service-block-3 .views-element-container .view .view-content .views-row .views-field-field-image .field-content .block3-inner-wrapper h5 {
    font-size: 22px;
  }
}
@media all and (max-width: 479px) {
  .service-page-content .service-block-3 .views-element-container .view .view-content .views-row .views-field-field-image .field-content .block3-inner-wrapper h5 {
    font-size: 20px;
  }
}
.service-page-content .service-block-3 .views-element-container .view .view-content .views-row .views-field-field-image .field-content .block3-inner-wrapper h5::after {
  content: "";
  display: block;
  height: 20px;
  background-image: url("../images/hd-br.png");
  background-repeat: no-repeat;
  background-position: left bottom;
}
.service-page-content .service-block-3 .views-element-container .view .view-content .views-row .views-field-field-image .field-content .block3-inner-wrapper h5:empty {
  display: none;
}
.service-page-content .service-block-3 .views-element-container .view .view-content .views-row .views-field-field-image .field-content .block3-inner-wrapper p {
  text-align: justify;
  font-size: 16px;
  color: white;
  font-family: 'Titillium-Rg';
  font-weight: 400;
  margin-top: 30px;
}
@media all and (max-width: 991px) {
  .service-page-content .service-block-3 .views-element-container .view .view-content .views-row .views-field-field-image .field-content .block3-inner-wrapper p {
    margin-top: 25px;
  }
}
@media all and (max-width: 479px) {
  .service-page-content .service-block-3 .views-element-container .view .view-content .views-row .views-field-field-image .field-content .block3-inner-wrapper p {
    font-size: 15px;
  }
}
.service-page-content .service-block-3 .views-element-container .view .view-content .views-row .views-field-field-image .field-content .block3-inner-wrapper ul {
  font-size: 16px;
  color: white;
  font-family: 'Titillium-Rg';
  margin-top: 50px;
  margin-left: 5px;
}
@media all and (max-width: 1286px) {
  .service-page-content .service-block-3 .views-element-container .view .view-content .views-row .views-field-field-image .field-content .block3-inner-wrapper ul {
    margin-top: 30px;
  }
}
@media all and (max-width: 991px) {
  .service-page-content .service-block-3 .views-element-container .view .view-content .views-row .views-field-field-image .field-content .block3-inner-wrapper ul {
    margin-top: 25px;
  }
}
@media all and (max-width: 479px) {
  .service-page-content .service-block-3 .views-element-container .view .view-content .views-row .views-field-field-image .field-content .block3-inner-wrapper ul {
    font-size: 15px;
  }
}
.service-page-content .service-block-3 .views-element-container .view .view-content .views-row .views-field-field-image .field-content .block3-inner-wrapper ul li {
  margin-bottom: 10px;
}
.service-page-content .service-benefits {
  clear: both;
}
.service-page-content .service-benefits .block-region-servicebenefits .views-element-container {
  background-image: url("../images/liner-agency-block5-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
.service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content {
  max-width: 1290px;
  margin: 0 auto;
}
@media all and (max-width: 1290px) {
  .service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content .views-row .views-field-title {
  text-align: center;
  padding: 50px 0;
  font-size: 28px;
  font-family: 'Titillium-Semib';
  color: white;
}
@media all and (max-width: 991px) {
  .service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content .views-row .views-field-title {
    font-size: 24px;
    padding: 35px 0;
  }
}
@media all and (max-width: 767px) {
  .service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content .views-row .views-field-title {
    font-size: 22px;
  }
}
@media all and (max-width: 479px) {
  .service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content .views-row .views-field-title {
    font-size: 20px;
  }
}
@media all and (max-width: 453px) {
  .service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content .views-row .views-field-title {
    padding: 25px 0;
  }
}
.service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content .views-row .views-field-field-text-3 .field-content {
  text-align: center;
  padding-bottom: 50px;
}
@media all and (max-width: 991px) {
  .service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content .views-row .views-field-field-text-3 .field-content {
    padding-bottom: 35px;
  }
}
@media all and (max-width: 453px) {
  .service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content .views-row .views-field-field-text-3 .field-content {
    padding: 17px 0;
  }
}
.service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content .views-row .views-field-field-text-3 .field-content:after {
  content: "";
  display: table;
  clear: both;
}
.service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content .views-row .views-field-field-text-3 .field-content p {
  color: white;
  font-size: 16px;
  font-family: 'Titillium-Rg';
  padding-top: 10px;
}
@media all and (max-width: 767px) {
  .service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content .views-row .views-field-field-text-3 .field-content p {
    font-size: 15px;
  }
}
.service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content .views-row .views-field-field-text-3 .field-content .image1-wrapper {
  float: left;
  width: 33.33%;
}
@media all and (max-width: 767px) {
  .service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content .views-row .views-field-field-text-3 .field-content .image1-wrapper {
    width: 50%;
  }
}
@media all and (max-width: 453px) {
  .service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content .views-row .views-field-field-text-3 .field-content .image1-wrapper {
    float: none;
    width: 100%;
  }
}
.service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content .views-row .views-field-field-text-3 .field-content .image2-wrapper {
  float: left;
  width: 33.33%;
}
@media all and (max-width: 767px) {
  .service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content .views-row .views-field-field-text-3 .field-content .image2-wrapper {
    width: 50%;
  }
}
@media all and (max-width: 453px) {
  .service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content .views-row .views-field-field-text-3 .field-content .image2-wrapper {
    float: none;
    width: 100%;
    padding: 35px 0;
  }
}
.service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content .views-row .views-field-field-text-3 .field-content .image3-wrapper {
  float: left;
  width: 33.33%;
}
@media all and (max-width: 767px) {
  .service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content .views-row .views-field-field-text-3 .field-content .image3-wrapper {
    width: 100%;
  }
}
@media all and (max-width: 453px) {
  .service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content .views-row .views-field-field-text-3 .field-content .image3-wrapper {
    float: none;
    width: 100%;
  }
}

.path-liner-agency #page-wrapper #main-wrapper .main-content .region-content #block-arshipping-content {
  margin-top: -10px;
}

html:lang(ar) .service-page-content .service-block-1 .views-element-container .view .agency-block1-wrapper .view-header h1::after {
  background-position: right bottom !important;
}
html:lang(ar) .service-page-content .service-block-1 .views-element-container .view .agency-block1-wrapper .view-content img {
  float: left !important;
  margin: 0 20px 0 0 !important;
}
html:lang(ar) .service-page-content .service-block-1 .views-element-container .view .agency-block1-wrapper .view-content ul li {
  margin-right: 10px;
}
html:lang(ar) .service-page-content .service-block-2 .views-element-container .content .view-header h1 {
  font-weight: normal;
}
html:lang(ar) .service-page-content .service-block-2 .views-element-container .content .view-header h1,
html:lang(ar) .service-page-content .service-block-2 .views-element-container .content .view-header pre {
  margin-top: 0;
}
html:lang(ar) .service-page-content .service-block-2 .views-element-container .content .view-header h1:after,
html:lang(ar) .service-page-content .service-block-2 .views-element-container .content .view-header pre:after {
  content: "";
  display: block;
  height: 20px;
  background-image: url("../images/hd-br-black.png");
  background-repeat: no-repeat;
  background-position: right bottom !important;
}
html:lang(ar) .service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick-list .slick-track .slick__slide .views-field-title {
  margin: 15px 20px 0 0;
}
html:lang(ar) .service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick-list .slick-track .slick__slide .views-field-title span {
  font-weight: bold !important;
}
html:lang(ar) .service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick-list .slick-track .slick__slide .views-field-body .field-content {
  margin-bottom: 20px;
}
@media all and (max-width: 1400px) {
  html:lang(ar) .service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick__arrow {
    top: 40%;
  }
}
html:lang(ar) .service-page-content .service-block-3 .views-element-container .view .view-content .views-field-field-image .block3-inner-wrapper img {
  float: left !important;
  margin-left: 0 !important;
  margin-right: 40px !important;
}
html:lang(ar) .service-page-content .service-block-3 .views-element-container .view .view-content .views-field-field-image .block3-inner-wrapper h5::after {
  background-position: right bottom !important;
}
html:lang(ar) .service-page-content .service-block-3 .views-element-container .view .view-content .views-field-field-image .block3-inner-wrapper ul {
  padding-right: 20px;
}

.service-block-2 .slick,
.company-service-block .slick,
.slick--view--duplicate-of-latest-events-carousel,
.slick--view--homepage-events-and-news-carousel,
.slick--view--homepage-shipping-services-carousel,
.slick--view--homepage-subsidiary-companies-carousel,
.slick--view--latest-news-carousel,
.slick--view--logistics-services-carousel {
  margin-top: 50px;
  margin-bottom: 50px;
}
@media all and (max-width: 991px) {
  .service-block-2 .slick,
  .company-service-block .slick,
  .slick--view--duplicate-of-latest-events-carousel,
  .slick--view--homepage-events-and-news-carousel,
  .slick--view--homepage-shipping-services-carousel,
  .slick--view--homepage-subsidiary-companies-carousel,
  .slick--view--latest-news-carousel,
  .slick--view--logistics-services-carousel {
    margin-top: 35px;
    margin-bottom: 35px;
  }
}
.service-block-2 .slick .slick-slider .slick-track .slick__slide,
.company-service-block .slick .slick-slider .slick-track .slick__slide,
.slick--view--duplicate-of-latest-events-carousel .slick-slider .slick-track .slick__slide,
.slick--view--homepage-events-and-news-carousel .slick-slider .slick-track .slick__slide,
.slick--view--homepage-shipping-services-carousel .slick-slider .slick-track .slick__slide,
.slick--view--homepage-subsidiary-companies-carousel .slick-slider .slick-track .slick__slide,
.slick--view--latest-news-carousel .slick-slider .slick-track .slick__slide,
.slick--view--logistics-services-carousel .slick-slider .slick-track .slick__slide {
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
  margin: 0 10px;
  border-bottom: 5px solid #001658;
}
@media all and (max-width: 1020px) {
  .service-block-2 .slick .slick-slider .slick-track .slick__slide,
  .company-service-block .slick .slick-slider .slick-track .slick__slide,
  .slick--view--duplicate-of-latest-events-carousel .slick-slider .slick-track .slick__slide,
  .slick--view--homepage-events-and-news-carousel .slick-slider .slick-track .slick__slide,
  .slick--view--homepage-shipping-services-carousel .slick-slider .slick-track .slick__slide,
  .slick--view--homepage-subsidiary-companies-carousel .slick-slider .slick-track .slick__slide,
  .slick--view--latest-news-carousel .slick-slider .slick-track .slick__slide,
  .slick--view--logistics-services-carousel .slick-slider .slick-track .slick__slide {
    margin: 0 7px;
  }
}
.service-block-2 .slick .slick-slider .slick-track .slick__slide .views-field-field-service-image .field-content img,
.company-service-block .slick .slick-slider .slick-track .slick__slide .views-field-field-service-image .field-content img,
.slick--view--duplicate-of-latest-events-carousel .slick-slider .slick-track .slick__slide .views-field-field-service-image .field-content img,
.slick--view--homepage-events-and-news-carousel .slick-slider .slick-track .slick__slide .views-field-field-service-image .field-content img,
.slick--view--homepage-shipping-services-carousel .slick-slider .slick-track .slick__slide .views-field-field-service-image .field-content img,
.slick--view--homepage-subsidiary-companies-carousel .slick-slider .slick-track .slick__slide .views-field-field-service-image .field-content img,
.slick--view--latest-news-carousel .slick-slider .slick-track .slick__slide .views-field-field-service-image .field-content img,
.slick--view--logistics-services-carousel .slick-slider .slick-track .slick__slide .views-field-field-service-image .field-content img {
  width: 100%;
  max-width: 100%;
  max-height: 275px;
  border-radius: 10px 0 0;
}
.service-block-2 .slick .slick-slider .slick-track .slick__slide .views-field-field-heading-text-and-link .field-content,
.company-service-block .slick .slick-slider .slick-track .slick__slide .views-field-field-heading-text-and-link .field-content,
.slick--view--duplicate-of-latest-events-carousel .slick-slider .slick-track .slick__slide .views-field-field-heading-text-and-link .field-content,
.slick--view--homepage-events-and-news-carousel .slick-slider .slick-track .slick__slide .views-field-field-heading-text-and-link .field-content,
.slick--view--homepage-shipping-services-carousel .slick-slider .slick-track .slick__slide .views-field-field-heading-text-and-link .field-content,
.slick--view--homepage-subsidiary-companies-carousel .slick-slider .slick-track .slick__slide .views-field-field-heading-text-and-link .field-content,
.slick--view--latest-news-carousel .slick-slider .slick-track .slick__slide .views-field-field-heading-text-and-link .field-content,
.slick--view--logistics-services-carousel .slick-slider .slick-track .slick__slide .views-field-field-heading-text-and-link .field-content {
  margin: 15px 0;
  text-align: center;
}
.service-block-2 .slick .slick-slider .slick-track .slick__slide .views-field-field-heading-text-and-link .field-content a,
.company-service-block .slick .slick-slider .slick-track .slick__slide .views-field-field-heading-text-and-link .field-content a,
.slick--view--duplicate-of-latest-events-carousel .slick-slider .slick-track .slick__slide .views-field-field-heading-text-and-link .field-content a,
.slick--view--homepage-events-and-news-carousel .slick-slider .slick-track .slick__slide .views-field-field-heading-text-and-link .field-content a,
.slick--view--homepage-shipping-services-carousel .slick-slider .slick-track .slick__slide .views-field-field-heading-text-and-link .field-content a,
.slick--view--homepage-subsidiary-companies-carousel .slick-slider .slick-track .slick__slide .views-field-field-heading-text-and-link .field-content a,
.slick--view--latest-news-carousel .slick-slider .slick-track .slick__slide .views-field-field-heading-text-and-link .field-content a,
.slick--view--logistics-services-carousel .slick-slider .slick-track .slick__slide .views-field-field-heading-text-and-link .field-content a {
  color: #424242;
  font-family: 'Titillium-Bd';
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  border-bottom: none;
}
.service-block-2 .slick .slick-slider .slick-track .slick__slide .views-field-field-heading-text-and-link .field-content a:hover,
.company-service-block .slick .slick-slider .slick-track .slick__slide .views-field-field-heading-text-and-link .field-content a:hover,
.slick--view--duplicate-of-latest-events-carousel .slick-slider .slick-track .slick__slide .views-field-field-heading-text-and-link .field-content a:hover,
.slick--view--homepage-events-and-news-carousel .slick-slider .slick-track .slick__slide .views-field-field-heading-text-and-link .field-content a:hover,
.slick--view--homepage-shipping-services-carousel .slick-slider .slick-track .slick__slide .views-field-field-heading-text-and-link .field-content a:hover,
.slick--view--homepage-subsidiary-companies-carousel .slick-slider .slick-track .slick__slide .views-field-field-heading-text-and-link .field-content a:hover,
.slick--view--latest-news-carousel .slick-slider .slick-track .slick__slide .views-field-field-heading-text-and-link .field-content a:hover,
.slick--view--logistics-services-carousel .slick-slider .slick-track .slick__slide .views-field-field-heading-text-and-link .field-content a:hover {
  color: #424242;
}
.service-block-2 .slick .slick-slider .slick-track .slick__slide .views-field-body .field-content,
.company-service-block .slick .slick-slider .slick-track .slick__slide .views-field-body .field-content,
.slick--view--duplicate-of-latest-events-carousel .slick-slider .slick-track .slick__slide .views-field-body .field-content,
.slick--view--homepage-events-and-news-carousel .slick-slider .slick-track .slick__slide .views-field-body .field-content,
.slick--view--homepage-shipping-services-carousel .slick-slider .slick-track .slick__slide .views-field-body .field-content,
.slick--view--homepage-subsidiary-companies-carousel .slick-slider .slick-track .slick__slide .views-field-body .field-content,
.slick--view--latest-news-carousel .slick-slider .slick-track .slick__slide .views-field-body .field-content,
.slick--view--logistics-services-carousel .slick-slider .slick-track .slick__slide .views-field-body .field-content {
  height: 155px;
  overflow: hidden;
  margin-bottom: 20px;
}
.service-block-2 .slick .slick-slider .slick-track .slick__slide .views-field-body .field-content p,
.company-service-block .slick .slick-slider .slick-track .slick__slide .views-field-body .field-content p,
.slick--view--duplicate-of-latest-events-carousel .slick-slider .slick-track .slick__slide .views-field-body .field-content p,
.slick--view--homepage-events-and-news-carousel .slick-slider .slick-track .slick__slide .views-field-body .field-content p,
.slick--view--homepage-shipping-services-carousel .slick-slider .slick-track .slick__slide .views-field-body .field-content p,
.slick--view--homepage-subsidiary-companies-carousel .slick-slider .slick-track .slick__slide .views-field-body .field-content p,
.slick--view--latest-news-carousel .slick-slider .slick-track .slick__slide .views-field-body .field-content p,
.slick--view--logistics-services-carousel .slick-slider .slick-track .slick__slide .views-field-body .field-content p {
  font-family: 'Titillium-Lt';
  font-size: 16px;
  text-align: center;
  padding: 10px 20px;
  font-weight: 300;
  margin-bottom: 0;
}
.service-block-2 .slick .slick-slider .slick-track .slick__slide .views-field-field-read-more-link, .service-block-2 .slick .slick-slider .slick-track .slick__slide .views-field-nothing,
.company-service-block .slick .slick-slider .slick-track .slick__slide .views-field-field-read-more-link,
.company-service-block .slick .slick-slider .slick-track .slick__slide .views-field-nothing,
.slick--view--duplicate-of-latest-events-carousel .slick-slider .slick-track .slick__slide .views-field-field-read-more-link,
.slick--view--duplicate-of-latest-events-carousel .slick-slider .slick-track .slick__slide .views-field-nothing,
.slick--view--homepage-events-and-news-carousel .slick-slider .slick-track .slick__slide .views-field-field-read-more-link,
.slick--view--homepage-events-and-news-carousel .slick-slider .slick-track .slick__slide .views-field-nothing,
.slick--view--homepage-shipping-services-carousel .slick-slider .slick-track .slick__slide .views-field-field-read-more-link,
.slick--view--homepage-shipping-services-carousel .slick-slider .slick-track .slick__slide .views-field-nothing,
.slick--view--homepage-subsidiary-companies-carousel .slick-slider .slick-track .slick__slide .views-field-field-read-more-link,
.slick--view--homepage-subsidiary-companies-carousel .slick-slider .slick-track .slick__slide .views-field-nothing,
.slick--view--latest-news-carousel .slick-slider .slick-track .slick__slide .views-field-field-read-more-link,
.slick--view--latest-news-carousel .slick-slider .slick-track .slick__slide .views-field-nothing,
.slick--view--logistics-services-carousel .slick-slider .slick-track .slick__slide .views-field-field-read-more-link,
.slick--view--logistics-services-carousel .slick-slider .slick-track .slick__slide .views-field-nothing {
  padding-bottom: 15px;
  text-align: left;
}
.service-block-2 .slick .slick-slider .slick-track .slick__slide .views-field-field-read-more-link .field-content, .service-block-2 .slick .slick-slider .slick-track .slick__slide .views-field-nothing .field-content,
.company-service-block .slick .slick-slider .slick-track .slick__slide .views-field-field-read-more-link .field-content,
.company-service-block .slick .slick-slider .slick-track .slick__slide .views-field-nothing .field-content,
.slick--view--duplicate-of-latest-events-carousel .slick-slider .slick-track .slick__slide .views-field-field-read-more-link .field-content,
.slick--view--duplicate-of-latest-events-carousel .slick-slider .slick-track .slick__slide .views-field-nothing .field-content,
.slick--view--homepage-events-and-news-carousel .slick-slider .slick-track .slick__slide .views-field-field-read-more-link .field-content,
.slick--view--homepage-events-and-news-carousel .slick-slider .slick-track .slick__slide .views-field-nothing .field-content,
.slick--view--homepage-shipping-services-carousel .slick-slider .slick-track .slick__slide .views-field-field-read-more-link .field-content,
.slick--view--homepage-shipping-services-carousel .slick-slider .slick-track .slick__slide .views-field-nothing .field-content,
.slick--view--homepage-subsidiary-companies-carousel .slick-slider .slick-track .slick__slide .views-field-field-read-more-link .field-content,
.slick--view--homepage-subsidiary-companies-carousel .slick-slider .slick-track .slick__slide .views-field-nothing .field-content,
.slick--view--latest-news-carousel .slick-slider .slick-track .slick__slide .views-field-field-read-more-link .field-content,
.slick--view--latest-news-carousel .slick-slider .slick-track .slick__slide .views-field-nothing .field-content,
.slick--view--logistics-services-carousel .slick-slider .slick-track .slick__slide .views-field-field-read-more-link .field-content,
.slick--view--logistics-services-carousel .slick-slider .slick-track .slick__slide .views-field-nothing .field-content {
  margin: 0 auto;
  text-align: center;
}
.service-block-2 .slick .slick-slider .slick-track .slick__slide .views-field-field-read-more-link .field-content a, .service-block-2 .slick .slick-slider .slick-track .slick__slide .views-field-nothing .field-content a,
.company-service-block .slick .slick-slider .slick-track .slick__slide .views-field-field-read-more-link .field-content a,
.company-service-block .slick .slick-slider .slick-track .slick__slide .views-field-nothing .field-content a,
.slick--view--duplicate-of-latest-events-carousel .slick-slider .slick-track .slick__slide .views-field-field-read-more-link .field-content a,
.slick--view--duplicate-of-latest-events-carousel .slick-slider .slick-track .slick__slide .views-field-nothing .field-content a,
.slick--view--homepage-events-and-news-carousel .slick-slider .slick-track .slick__slide .views-field-field-read-more-link .field-content a,
.slick--view--homepage-events-and-news-carousel .slick-slider .slick-track .slick__slide .views-field-nothing .field-content a,
.slick--view--homepage-shipping-services-carousel .slick-slider .slick-track .slick__slide .views-field-field-read-more-link .field-content a,
.slick--view--homepage-shipping-services-carousel .slick-slider .slick-track .slick__slide .views-field-nothing .field-content a,
.slick--view--homepage-subsidiary-companies-carousel .slick-slider .slick-track .slick__slide .views-field-field-read-more-link .field-content a,
.slick--view--homepage-subsidiary-companies-carousel .slick-slider .slick-track .slick__slide .views-field-nothing .field-content a,
.slick--view--latest-news-carousel .slick-slider .slick-track .slick__slide .views-field-field-read-more-link .field-content a,
.slick--view--latest-news-carousel .slick-slider .slick-track .slick__slide .views-field-nothing .field-content a,
.slick--view--logistics-services-carousel .slick-slider .slick-track .slick__slide .views-field-field-read-more-link .field-content a,
.slick--view--logistics-services-carousel .slick-slider .slick-track .slick__slide .views-field-nothing .field-content a {
  color: #001658;
  font-family: 'Titillium-Bd';
  font-size: 15px;
  border-bottom: 2px dotted #001658 !important;
  width: auto;
  text-transform: uppercase;
}
.service-block-2 .slick .slick-slider .slick-track .slick__slide .views-field-field-read-more-link .field-content a:hover, .service-block-2 .slick .slick-slider .slick-track .slick__slide .views-field-nothing .field-content a:hover,
.company-service-block .slick .slick-slider .slick-track .slick__slide .views-field-field-read-more-link .field-content a:hover,
.company-service-block .slick .slick-slider .slick-track .slick__slide .views-field-nothing .field-content a:hover,
.slick--view--duplicate-of-latest-events-carousel .slick-slider .slick-track .slick__slide .views-field-field-read-more-link .field-content a:hover,
.slick--view--duplicate-of-latest-events-carousel .slick-slider .slick-track .slick__slide .views-field-nothing .field-content a:hover,
.slick--view--homepage-events-and-news-carousel .slick-slider .slick-track .slick__slide .views-field-field-read-more-link .field-content a:hover,
.slick--view--homepage-events-and-news-carousel .slick-slider .slick-track .slick__slide .views-field-nothing .field-content a:hover,
.slick--view--homepage-shipping-services-carousel .slick-slider .slick-track .slick__slide .views-field-field-read-more-link .field-content a:hover,
.slick--view--homepage-shipping-services-carousel .slick-slider .slick-track .slick__slide .views-field-nothing .field-content a:hover,
.slick--view--homepage-subsidiary-companies-carousel .slick-slider .slick-track .slick__slide .views-field-field-read-more-link .field-content a:hover,
.slick--view--homepage-subsidiary-companies-carousel .slick-slider .slick-track .slick__slide .views-field-nothing .field-content a:hover,
.slick--view--latest-news-carousel .slick-slider .slick-track .slick__slide .views-field-field-read-more-link .field-content a:hover,
.slick--view--latest-news-carousel .slick-slider .slick-track .slick__slide .views-field-nothing .field-content a:hover,
.slick--view--logistics-services-carousel .slick-slider .slick-track .slick__slide .views-field-field-read-more-link .field-content a:hover,
.slick--view--logistics-services-carousel .slick-slider .slick-track .slick__slide .views-field-nothing .field-content a:hover {
  border-bottom: 2px solid #001658 !important;
  transition: width 0.3s;
}

.block-views-blocktestimonials-view-block-1 ul.slick-dots li button:before,
.block-views-blocktestimonials-view-block-1 ul.slick-dots li.slick-active button:before,
.view-homepage-subsidiary-companies-carousel ul.slick-dots li button:before,
.view-homepage-subsidiary-companies-carousel ul.slick-dots li.slick-active button:before {
  color: #ffffff;
}

.block-views-blockhomepage-subsidiary-companies-carousel-block-1 {
  background-image: url("../images/sub-companies-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 0;
}
.block-views-blockhomepage-subsidiary-companies-carousel-block-1 .view-homepage-subsidiary-companies-carousel .view-header {
  color: #ffffff;
  font-size: 28px;
}
@media all and (max-width: 991px) {
  .block-views-blockhomepage-subsidiary-companies-carousel-block-1 .view-homepage-subsidiary-companies-carousel .view-header {
    font-size: 24px;
  }
}
@media all and (max-width: 767px) {
  .block-views-blockhomepage-subsidiary-companies-carousel-block-1 .view-homepage-subsidiary-companies-carousel .view-header {
    font-size: 22px;
  }
}
@media all and (max-width: 479px) {
  .block-views-blockhomepage-subsidiary-companies-carousel-block-1 .view-homepage-subsidiary-companies-carousel .view-header {
    font-size: 20px;
  }
}
.block-views-blockhomepage-subsidiary-companies-carousel-block-1 .view-homepage-subsidiary-companies-carousel .view-header h2 {
  font-size: 28px;
}
@media all and (max-width: 991px) {
  .block-views-blockhomepage-subsidiary-companies-carousel-block-1 .view-homepage-subsidiary-companies-carousel .view-header h2 {
    font-size: 24px;
  }
}
@media all and (max-width: 767px) {
  .block-views-blockhomepage-subsidiary-companies-carousel-block-1 .view-homepage-subsidiary-companies-carousel .view-header h2 {
    font-size: 22px;
  }
}
@media all and (max-width: 479px) {
  .block-views-blockhomepage-subsidiary-companies-carousel-block-1 .view-homepage-subsidiary-companies-carousel .view-header h2 {
    font-size: 20px;
  }
}
.block-views-blockhomepage-subsidiary-companies-carousel-block-1 .view-homepage-subsidiary-companies-carousel .view-header h2:after {
  content: none;
}
.block-views-blockhomepage-subsidiary-companies-carousel-block-1 .view-homepage-subsidiary-companies-carousel .view-header::after {
  content: "";
  display: block;
  height: 20px;
  background-image: url("../images/hd-br.png");
  background-repeat: no-repeat;
  background-position: left bottom;
}
.block-views-blockhomepage-subsidiary-companies-carousel-block-1 .view-homepage-subsidiary-companies-carousel .view-content .slick--view--homepage-subsidiary-companies-carousel {
  margin-top: 25px;
  margin-bottom: 25px;
}
.block-views-blockhomepage-subsidiary-companies-carousel-block-1 .view-homepage-subsidiary-companies-carousel .view-content .slick--view--homepage-subsidiary-companies-carousel .slick-slider .slick-track .slick__slide {
  margin: 0 10px;
}
.block-views-blockhomepage-subsidiary-companies-carousel-block-1 .view-homepage-subsidiary-companies-carousel .view-content .slick--view--homepage-subsidiary-companies-carousel .slick-slider .slick-track .slick__slide .views-field-field-image,
.block-views-blockhomepage-subsidiary-companies-carousel-block-1 .view-homepage-subsidiary-companies-carousel .view-content .slick--view--homepage-subsidiary-companies-carousel .slick-slider .slick-track .slick__slide .views-field-field-service-image {
  background: linear-gradient(to bottom, transparent 0%, transparent 50%, transparent 50%, white 50%, white 100%);
  border-radius: 10px 0 0 0;
  margin-bottom: -1px;
}
.block-views-blockhomepage-subsidiary-companies-carousel-block-1 .view-homepage-subsidiary-companies-carousel .view-content .slick--view--homepage-subsidiary-companies-carousel .slick-slider .slick-track .slick__slide .views-field-field-image .field-content img,
.block-views-blockhomepage-subsidiary-companies-carousel-block-1 .view-homepage-subsidiary-companies-carousel .view-content .slick--view--homepage-subsidiary-companies-carousel .slick-slider .slick-track .slick__slide .views-field-field-service-image .field-content img {
  width: 86%;
  max-width: 100%;
  max-height: 275px;
  border-radius: 10px 0 0;
  margin: 0 auto;
}
.block-views-blockhomepage-subsidiary-companies-carousel-block-1 .view-homepage-subsidiary-companies-carousel .view-content .slick--view--homepage-subsidiary-companies-carousel .slick-slider .slick-track .slick__slide .views-field-field-heading-text-and-link {
  background-color: #ffffff;
  margin-bottom: -1px;
}
.block-views-blockhomepage-subsidiary-companies-carousel-block-1 .view-homepage-subsidiary-companies-carousel .view-content .slick--view--homepage-subsidiary-companies-carousel .slick-slider .slick-track .slick__slide .views-field-field-heading-text-and-link .field-content {
  padding: 15px 0;
  text-align: center;
  margin: 0;
}
.block-views-blockhomepage-subsidiary-companies-carousel-block-1 .view-homepage-subsidiary-companies-carousel .view-content .slick--view--homepage-subsidiary-companies-carousel .slick-slider .slick-track .slick__slide .views-field-field-heading-text-and-link .field-content a {
  color: #424242;
  font-family: 'Titillium-Bd';
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  border-bottom: none;
}
.block-views-blockhomepage-subsidiary-companies-carousel-block-1 .view-homepage-subsidiary-companies-carousel .view-content .slick--view--homepage-subsidiary-companies-carousel .slick-slider .slick-track .slick__slide .views-field-field-heading-text-and-link .field-content a:hover {
  color: #424242;
}
.block-views-blockhomepage-subsidiary-companies-carousel-block-1 .view-homepage-subsidiary-companies-carousel .view-content .slick--view--homepage-subsidiary-companies-carousel .slick-slider .slick-track .slick__slide .views-field-body {
  background-color: #ffffff;
  margin-bottom: -1px;
}
.block-views-blockhomepage-subsidiary-companies-carousel-block-1 .view-homepage-subsidiary-companies-carousel .view-content .slick--view--homepage-subsidiary-companies-carousel .slick-slider .slick-track .slick__slide .views-field-body .field-content {
  height: 155px;
  overflow: hidden;
  margin: 0;
}
.block-views-blockhomepage-subsidiary-companies-carousel-block-1 .view-homepage-subsidiary-companies-carousel .view-content .slick--view--homepage-subsidiary-companies-carousel .slick-slider .slick-track .slick__slide .views-field-body .field-content p {
  font-family: 'Titillium-Lt';
  font-size: 16px;
  text-align: center;
  padding: 10px 20px;
  font-weight: 300;
  margin-bottom: 0;
}
.block-views-blockhomepage-subsidiary-companies-carousel-block-1 .view-homepage-subsidiary-companies-carousel .view-content .slick--view--homepage-subsidiary-companies-carousel .slick-slider .slick-track .slick__slide .views-field-field-read-more-link {
  background-color: #ffffff;
  padding-bottom: 25px;
  padding-top: 15px;
}
.block-views-blockhomepage-subsidiary-companies-carousel-block-1 .view-homepage-subsidiary-companies-carousel .view-content .slick--view--homepage-subsidiary-companies-carousel .slick-slider .slick-track .slick__slide .views-field-field-read-more-link .field-content {
  width: 80px;
  margin: 0 auto;
}
.block-views-blockhomepage-subsidiary-companies-carousel-block-1 .view-homepage-subsidiary-companies-carousel .view-content .slick--view--homepage-subsidiary-companies-carousel .slick-slider .slick-track .slick__slide .views-field-field-read-more-link .field-content a {
  color: #001658;
  display: block;
  font-family: 'Titillium-Bd';
  font-size: 15px;
  border-bottom: 2px dotted #001658;
  width: 80px;
}
.block-views-blockhomepage-subsidiary-companies-carousel-block-1 .view-homepage-subsidiary-companies-carousel .view-content .slick--view--homepage-subsidiary-companies-carousel .slick-slider .slick-track .slick__slide .views-field-field-read-more-link .field-content a:hover {
  border-bottom: 2px solid #001658;
}

.block-views-blockduplicate-of-latest-events-carousel-block-1 .slick-list .slick-track .slick__slide,
.block-views-blockhomepage-events-and-news-carousel-block-1 .slick-list .slick-track .slick__slide,
.block-views-blocklatest-news-carousel-block-1 .slick-list .slick-track .slick__slide {
  box-shadow: none !important;
  border-bottom: none !important;
}
.block-views-blockduplicate-of-latest-events-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-field-image img,
.block-views-blockhomepage-events-and-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-field-image img,
.block-views-blocklatest-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-field-image img {
  border-bottom: 5px solid #001658 !important;
  position: relative;
  border-bottom-right-radius: 8px !important;
  width: 100%;
}
.block-views-blockduplicate-of-latest-events-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-field-date .field-content,
.block-views-blockhomepage-events-and-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-field-date .field-content,
.block-views-blocklatest-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-field-date .field-content {
  position: absolute;
  top: 250px;
  background: #001658;
  color: #ffffff;
  font-family: 'Titillium-Semib';
  font-size: 14px;
  padding: 10px 22px;
  margin-left: 30px;
  border-radius: 0 0 5px 0;
}
@media all and (max-width: 1133px) {
  .block-views-blockduplicate-of-latest-events-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-field-date .field-content,
  .block-views-blockhomepage-events-and-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-field-date .field-content,
  .block-views-blocklatest-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-field-date .field-content {
    top: 200px;
  }
}
@media all and (max-width: 1044px) {
  .block-views-blockduplicate-of-latest-events-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-field-date .field-content,
  .block-views-blockhomepage-events-and-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-field-date .field-content,
  .block-views-blocklatest-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-field-date .field-content {
    top: 240px;
  }
}
@media all and (max-width: 954px) {
  .block-views-blockduplicate-of-latest-events-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-field-date .field-content,
  .block-views-blockhomepage-events-and-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-field-date .field-content,
  .block-views-blocklatest-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-field-date .field-content {
    top: 165px;
  }
}
@media all and (max-width: 900px) {
  .block-views-blockduplicate-of-latest-events-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-field-date .field-content,
  .block-views-blockhomepage-events-and-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-field-date .field-content,
  .block-views-blocklatest-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-field-date .field-content {
    top: 140px;
    font-size: 12px;
    padding: 10px 8px;
  }
}
@media all and (max-width: 767px) {
  .block-views-blockduplicate-of-latest-events-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-field-date .field-content,
  .block-views-blockhomepage-events-and-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-field-date .field-content,
  .block-views-blocklatest-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-field-date .field-content {
    top: 180px;
  }
}
@media all and (max-width: 900px) {
  .block-views-blockduplicate-of-latest-events-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-field-date .field-content,
  .block-views-blockhomepage-events-and-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-field-date .field-content,
  .block-views-blocklatest-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-field-date .field-content {
    top: 165px;
  }
}
@media all and (max-width: 585px) {
  .block-views-blockduplicate-of-latest-events-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-field-date .field-content,
  .block-views-blockhomepage-events-and-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-field-date .field-content,
  .block-views-blocklatest-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-field-date .field-content {
    top: 145px;
  }
}
@media all and (max-width: 479px) {
  .block-views-blockduplicate-of-latest-events-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-field-date .field-content,
  .block-views-blockhomepage-events-and-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-field-date .field-content,
  .block-views-blocklatest-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-field-date .field-content {
    top: 220px;
  }
}
@media all and (max-width: 380px) {
  .block-views-blockduplicate-of-latest-events-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-field-date .field-content,
  .block-views-blockhomepage-events-and-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-field-date .field-content,
  .block-views-blocklatest-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-field-date .field-content {
    top: 200px;
  }
}
@media all and (max-width: 360px) {
  .block-views-blockduplicate-of-latest-events-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-field-date .field-content,
  .block-views-blockhomepage-events-and-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-field-date .field-content,
  .block-views-blocklatest-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-field-date .field-content {
    top: 175px;
  }
}
.block-views-blockduplicate-of-latest-events-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-title,
.block-views-blockhomepage-events-and-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-title,
.block-views-blocklatest-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-title {
  padding: 20px 0 10px;
  min-height: 85px;
}
.block-views-blockduplicate-of-latest-events-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-title .field-content,
.block-views-blockhomepage-events-and-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-title .field-content,
.block-views-blocklatest-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-title .field-content {
  text-align: center;
}
.block-views-blockduplicate-of-latest-events-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-title .field-content a,
.block-views-blockhomepage-events-and-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-title .field-content a,
.block-views-blocklatest-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-title .field-content a {
  padding: 15px 0;
  color: #424242;
  font-family: 'Titillium-Bd';
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  border-bottom: none;
}
.block-views-blockduplicate-of-latest-events-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-title .field-content a:hover,
.block-views-blockhomepage-events-and-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-title .field-content a:hover,
.block-views-blocklatest-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-title .field-content a:hover {
  color: #424242;
}
.block-views-blockduplicate-of-latest-events-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-body .field-content,
.block-views-blockhomepage-events-and-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-body .field-content,
.block-views-blocklatest-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-body .field-content {
  margin-bottom: 20px;
}
.block-views-blockduplicate-of-latest-events-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-body .field-content p,
.block-views-blockhomepage-events-and-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-body .field-content p,
.block-views-blocklatest-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-body .field-content p {
  text-align: left !important;
  padding: 10px 0 !important;
  font-weight: 300;
  margin-bottom: 0;
}
.block-views-blockduplicate-of-latest-events-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-view-node,
.block-views-blockhomepage-events-and-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-view-node,
.block-views-blocklatest-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-view-node {
  padding-bottom: 15px;
}
.block-views-blockduplicate-of-latest-events-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-view-node .field-content,
.block-views-blockhomepage-events-and-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-view-node .field-content,
.block-views-blocklatest-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-view-node .field-content {
  width: 80px;
  margin: 0 auto;
}
.block-views-blockduplicate-of-latest-events-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-view-node .field-content a,
.block-views-blockhomepage-events-and-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-view-node .field-content a,
.block-views-blocklatest-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-view-node .field-content a {
  color: #001658;
  display: block;
  font-family: 'Titillium-Bd';
  font-size: 15px;
  border-bottom: 2px dotted #001658 !important;
  width: 80px;
  text-transform: uppercase;
}
.block-views-blockduplicate-of-latest-events-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-view-node .field-content a:hover,
.block-views-blockhomepage-events-and-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-view-node .field-content a:hover,
.block-views-blocklatest-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-view-node .field-content a:hover {
  border-bottom: 2px solid #001658 !important;
  transition: width 0.3s;
}

.block-views-blockhomepage-events-and-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-field-image img {
  border-bottom: 8px solid #001658 !important;
  border-bottom-right-radius: 8px 0 !important;
}

.block-views-blockduplicate-of-latest-events-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-body .field-content,
.block-views-blocklatest-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-body .field-content {
  height: 110px !important;
  overflow: hidden;
}

.block-views-blockhomepage-events-and-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-body .field-content {
  height: 80px !important;
  overflow: hidden;
}

.view-homepage-subsidiary-companies-carousel .view-content .slick .slick__arrow .slick-next::before,
.view-homepage-subsidiary-companies-carousel .view-content .slick .slick__arrow .slick-prev::before {
  background-color: rgba(66, 66, 66, 0.75) !important;
}

.slick.slick--view--duplicate-of-latest-events-carousel .slick-slider .slick-track .slick__slide, .slick.slick--view--homepage-shipping-services-carousel .slick-slider .slick-track .slick__slide, .slick.slick--view--la-block-2-carousel .slick-slider .slick-track .slick__slide, .slick.slick--view--latest-news-carousel .slick-slider .slick-track .slick__slide, .slick.slick--view--logistics-services-carousel .slick-slider .slick-track .slick__slide {
  background: #ffffff;
  transition-property: background;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
}
@media all and (min-width: 992px) {
  .slick.slick--view--duplicate-of-latest-events-carousel .slick-slider .slick-track .slick__slide:hover, .slick.slick--view--homepage-shipping-services-carousel .slick-slider .slick-track .slick__slide:hover, .slick.slick--view--la-block-2-carousel .slick-slider .slick-track .slick__slide:hover, .slick.slick--view--latest-news-carousel .slick-slider .slick-track .slick__slide:hover, .slick.slick--view--logistics-services-carousel .slick-slider .slick-track .slick__slide:hover {
    background-color: #001658;
  }
  .slick.slick--view--duplicate-of-latest-events-carousel .slick-slider .slick-track .slick__slide:hover .views-field-body .field-content a,
  .slick.slick--view--duplicate-of-latest-events-carousel .slick-slider .slick-track .slick__slide:hover .views-field-body .field-content p,
  .slick.slick--view--duplicate-of-latest-events-carousel .slick-slider .slick-track .slick__slide:hover .views-field-field-heading-text-and-link .field-content a,
  .slick.slick--view--duplicate-of-latest-events-carousel .slick-slider .slick-track .slick__slide:hover .views-field-field-heading-text-and-link .field-content p,
  .slick.slick--view--duplicate-of-latest-events-carousel .slick-slider .slick-track .slick__slide:hover .views-field-field-read-more-link .field-content a,
  .slick.slick--view--duplicate-of-latest-events-carousel .slick-slider .slick-track .slick__slide:hover .views-field-field-read-more-link .field-content p, .slick.slick--view--homepage-shipping-services-carousel .slick-slider .slick-track .slick__slide:hover .views-field-body .field-content a,
  .slick.slick--view--homepage-shipping-services-carousel .slick-slider .slick-track .slick__slide:hover .views-field-body .field-content p,
  .slick.slick--view--homepage-shipping-services-carousel .slick-slider .slick-track .slick__slide:hover .views-field-field-heading-text-and-link .field-content a,
  .slick.slick--view--homepage-shipping-services-carousel .slick-slider .slick-track .slick__slide:hover .views-field-field-heading-text-and-link .field-content p,
  .slick.slick--view--homepage-shipping-services-carousel .slick-slider .slick-track .slick__slide:hover .views-field-field-read-more-link .field-content a,
  .slick.slick--view--homepage-shipping-services-carousel .slick-slider .slick-track .slick__slide:hover .views-field-field-read-more-link .field-content p, .slick.slick--view--la-block-2-carousel .slick-slider .slick-track .slick__slide:hover .views-field-body .field-content a,
  .slick.slick--view--la-block-2-carousel .slick-slider .slick-track .slick__slide:hover .views-field-body .field-content p,
  .slick.slick--view--la-block-2-carousel .slick-slider .slick-track .slick__slide:hover .views-field-field-heading-text-and-link .field-content a,
  .slick.slick--view--la-block-2-carousel .slick-slider .slick-track .slick__slide:hover .views-field-field-heading-text-and-link .field-content p,
  .slick.slick--view--la-block-2-carousel .slick-slider .slick-track .slick__slide:hover .views-field-field-read-more-link .field-content a,
  .slick.slick--view--la-block-2-carousel .slick-slider .slick-track .slick__slide:hover .views-field-field-read-more-link .field-content p, .slick.slick--view--latest-news-carousel .slick-slider .slick-track .slick__slide:hover .views-field-body .field-content a,
  .slick.slick--view--latest-news-carousel .slick-slider .slick-track .slick__slide:hover .views-field-body .field-content p,
  .slick.slick--view--latest-news-carousel .slick-slider .slick-track .slick__slide:hover .views-field-field-heading-text-and-link .field-content a,
  .slick.slick--view--latest-news-carousel .slick-slider .slick-track .slick__slide:hover .views-field-field-heading-text-and-link .field-content p,
  .slick.slick--view--latest-news-carousel .slick-slider .slick-track .slick__slide:hover .views-field-field-read-more-link .field-content a,
  .slick.slick--view--latest-news-carousel .slick-slider .slick-track .slick__slide:hover .views-field-field-read-more-link .field-content p, .slick.slick--view--logistics-services-carousel .slick-slider .slick-track .slick__slide:hover .views-field-body .field-content a,
  .slick.slick--view--logistics-services-carousel .slick-slider .slick-track .slick__slide:hover .views-field-body .field-content p,
  .slick.slick--view--logistics-services-carousel .slick-slider .slick-track .slick__slide:hover .views-field-field-heading-text-and-link .field-content a,
  .slick.slick--view--logistics-services-carousel .slick-slider .slick-track .slick__slide:hover .views-field-field-heading-text-and-link .field-content p,
  .slick.slick--view--logistics-services-carousel .slick-slider .slick-track .slick__slide:hover .views-field-field-read-more-link .field-content a,
  .slick.slick--view--logistics-services-carousel .slick-slider .slick-track .slick__slide:hover .views-field-field-read-more-link .field-content p {
    color: #ffffff;
  }
  .slick.slick--view--duplicate-of-latest-events-carousel .slick-slider .slick-track .slick__slide:hover .views-field-field-read-more-link .field-content a, .slick.slick--view--homepage-shipping-services-carousel .slick-slider .slick-track .slick__slide:hover .views-field-field-read-more-link .field-content a, .slick.slick--view--la-block-2-carousel .slick-slider .slick-track .slick__slide:hover .views-field-field-read-more-link .field-content a, .slick.slick--view--latest-news-carousel .slick-slider .slick-track .slick__slide:hover .views-field-field-read-more-link .field-content a, .slick.slick--view--logistics-services-carousel .slick-slider .slick-track .slick__slide:hover .views-field-field-read-more-link .field-content a {
    border-bottom: 2px dotted #ffffff !important;
  }
  .slick.slick--view--duplicate-of-latest-events-carousel .slick-slider .slick-track .slick__slide:hover .views-field-field-read-more-link .field-content a:hover, .slick.slick--view--homepage-shipping-services-carousel .slick-slider .slick-track .slick__slide:hover .views-field-field-read-more-link .field-content a:hover, .slick.slick--view--la-block-2-carousel .slick-slider .slick-track .slick__slide:hover .views-field-field-read-more-link .field-content a:hover, .slick.slick--view--latest-news-carousel .slick-slider .slick-track .slick__slide:hover .views-field-field-read-more-link .field-content a:hover, .slick.slick--view--logistics-services-carousel .slick-slider .slick-track .slick__slide:hover .views-field-field-read-more-link .field-content a:hover {
    border-bottom: 2px solid #ffffff !important;
  }
}

html:lang(ar) .slick .slick__slide .views-field-field-heading-text-and-link {
  height: 55px;
}
html:lang(ar) .slick .slick__slide .views-field-field-heading-text-and-link .field-content a {
  font-size: 20px !important;
  font-weight: bold !important;
  padding: 0 10px;
  display: block;
}
html:lang(ar) .slick .slick__slide .views-field-title .field-content a {
  font-weight: bold !important;
}
html:lang(ar) .slick .slick__slide .views-field-field-read-more-link, html:lang(ar) .slick .slick__slide .views-field-nothing {
  text-align: right !important;
}
html:lang(ar) .slick .slick__slide .views-field-field-read-more-link .field-content a, html:lang(ar) .slick .slick__slide .views-field-nothing .field-content a {
  width: auto !important;
}
html:lang(ar) .slick nav.slick__arrow .slick-prev {
  right: auto;
}
html:lang(ar) .block-views-blockduplicate-of-latest-events-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-body .field-content p,
html:lang(ar) .block-views-blocklatest-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-body .field-content p {
  text-align: right !important;
}
html:lang(ar) .block-views-blockco-block-2-carousel-block-1 .view-co-block-2-carousel .view-header::after,
html:lang(ar) .block-views-blockco-block-2-carousel-block-1 .view-homepage-subsidiary-companies-carousel .view-header::after,
html:lang(ar) .block-views-blockhomepage-subsidiary-companies-carousel-block-1 .view-co-block-2-carousel .view-header::after,
html:lang(ar) .block-views-blockhomepage-subsidiary-companies-carousel-block-1 .view-homepage-subsidiary-companies-carousel .view-header::after {
  background-position: right bottom;
}
html:lang(ar) .block-views-blockduplicate-of-latest-events-carousel-block-1 .views-field-field-date .field-content,
html:lang(ar) .block-views-blockhomepage-events-and-news-carousel-block-1 .views-field-field-date .field-content,
html:lang(ar) .block-views-blocklatest-news-carousel-block-1 .views-field-field-date .field-content {
  margin-right: 30px;
  margin-left: 0;
}
html:lang(ar) .block-views-blockhomepage-events-and-news-carousel-block-1 .slick-list .slick-track .slick__slide .views-field-body .field-content p {
  text-align: right !important;
}

.main-content .section {
  padding: 0;
}

.block-quicktabs-blockhomepage-tab {
  font-family: Titillium-Rg;
}
.block-quicktabs-blockhomepage-tab .content {
  background-color: #222222;
}
.block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab {
  max-width: 1290px;
  margin: 0 auto;
  background-color: transparent;
  border: 0;
  overflow: hidden;
  padding: 0;
}
@media all and (min-width: 1024px) and (max-width: 1290px) {
  .block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab {
    padding-left: 15px;
  }
}
.block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .item-list {
  float: left;
  width: 30%;
}
@media all and (max-width: 1024px) {
  .block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .item-list {
    width: 100%;
    float: none;
  }
}
.block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .item-list ul.ui-tabs-nav {
  border: none;
  background: none;
  padding: 65px 15px 0 0;
}
@media all and (max-width: 1024px) {
  .block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .item-list ul.ui-tabs-nav {
    padding: 15px;
  }
}
.block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .item-list ul.ui-tabs-nav li.ui-tabs-tab {
  border: none;
  background: linear-gradient(to left, #4c4c4c 0%, #4c4c4c 98%, #ffffff 50%, #ffffff 100%);
  border-radius: 0;
  border-top-right-radius: 10px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 10px;
  width: 100%;
}
@media all and (max-width: 1024px) {
  .block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .item-list ul.ui-tabs-nav li.ui-tabs-tab {
    width: 48%;
  }
}
@media all and (max-width: 880px) {
  .block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .item-list ul.ui-tabs-nav li.ui-tabs-tab {
    width: 47%;
  }
}
@media all and (max-width: 597px) {
  .block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .item-list ul.ui-tabs-nav li.ui-tabs-tab {
    width: 46%;
  }
}
@media all and (max-width: 530px) {
  .block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .item-list ul.ui-tabs-nav li.ui-tabs-tab {
    width: 100%;
    margin-top: -6px;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.3);
  }
}
.block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .item-list ul.ui-tabs-nav li.ui-tabs-tab.ui-state-active {
  background: linear-gradient(to left, #ffffff 0%, #ffffff 98%, #001658 50%, #001658 100%);
}
.block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .item-list ul.ui-tabs-nav li.ui-tabs-tab.ui-state-active a.ui-tabs-anchor {
  color: black;
  outline: none;
}
.block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .item-list ul.ui-tabs-nav li.ui-tabs-tab.ui-state-active a.ui-tabs-anchor:after {
  font-family: Fontawesome;
  content: "\f101";
  font-size: 25px;
  top: 7px;
  position: absolute;
  right: 18px;
}
@media all and (max-width: 767px) {
  .block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .item-list ul.ui-tabs-nav li.ui-tabs-tab.ui-state-active a.ui-tabs-anchor:after {
    content: none;
  }
}
.block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .item-list ul.ui-tabs-nav li.ui-tabs-tab a.ui-tabs-anchor {
  float: none;
  border: none;
  color: white;
  font-family: Titillium-Bd;
  font-size: 14px;
  display: inline-block;
  width: 100%;
  padding: 15px 0 15px 15px;
  text-transform: uppercase;
}
@media all and (max-width: 1024px) {
  .block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .item-list ul.ui-tabs-nav li.ui-tabs-tab a.ui-tabs-anchor {
    font-size: 12px;
    padding: 15px;
    max-width: none;
  }
}
.block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .ui-tabs-panel {
  float: right;
  width: 68%;
  color: #ffffff;
  padding: 0;
}
@media all and (max-width: 1024px) {
  .block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .ui-tabs-panel {
    width: 100%;
    float: none;
  }
}
.block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .ui-tabs-panel a {
  color: #ffffff;
  border: none;
  text-transform: uppercase;
}
.block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .ui-tabs-panel .field__label,
.block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .ui-tabs-panel .node__meta {
  display: none;
}
.block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .ui-tabs-panel article.node {
  position: relative;
}
.block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .ui-tabs-panel article.node .field--name-field-read-more-link,
.block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .ui-tabs-panel article.node .field--type-text-with-summary,
.block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .ui-tabs-panel article.node header {
  position: absolute;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
}
.block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .ui-tabs-panel article.node header {
  bottom: 127px;
  padding: 15px;
  font-size: 16px;
  font-family: Titillium-Bd;
}
@media all and (min-width: 1040px) {
  .block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .ui-tabs-panel article.node header {
    bottom: 126.5px;
  }
}
@media all and (max-width: 851px) {
  .block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .ui-tabs-panel article.node header {
    bottom: 127px;
  }
}
@media all and (max-width: 767px) {
  .block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .ui-tabs-panel article.node header {
    font-size: 14px;
    bottom: 107px;
    padding: 0 15px;
  }
}
.block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .ui-tabs-panel article.node .node__content {
  margin-top: 0;
}
.block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .ui-tabs-panel article.node .node__content .field--name-field-background-image {
  width: 100%;
}
.block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .ui-tabs-panel article.node .node__content .field--name-field-background-image .field__item {
  display: flex;
}
.block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .ui-tabs-panel article.node .node__content .field--name-field-background-image .field__item img {
  margin: 0;
  width: 100%;
  object-fit: cover;
}
.block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .ui-tabs-panel article.node .node__content .field--type-text-with-summary {
  bottom: 87px;
}
@media all and (max-width: 767px) {
  .block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .ui-tabs-panel article.node .node__content .field--type-text-with-summary {
    bottom: 72px;
  }
}
.block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .ui-tabs-panel article.node .node__content .field--type-text-with-summary p {
  margin-bottom: 0;
  font-size: 14px;
  font-family: Titillium-Rg;
  margin: 0 15px;
  display: -webkit-box;
  height: 40px;
  /* Fallback for non-webkit */
  line-height: 1.4;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media all and (max-width: 767px) {
  .block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .ui-tabs-panel article.node .node__content .field--type-text-with-summary p {
    font-size: 12px;
    height: 35px;
  }
}
.block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .ui-tabs-panel article.node .node__content .field--name-field-read-more-link {
  bottom: 0;
  padding-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
}
@media all and (max-width: 767px) {
  .block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .ui-tabs-panel article.node .node__content .field--name-field-read-more-link {
    padding-bottom: 15px;
  }
}
.block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .ui-tabs-panel article.node .node__content .field--name-field-read-more-link .field__item a {
  border-bottom: 2px dotted #ffffff;
  font-size: 12px;
  width: 70px;
  padding-bottom: 5px;
  border-bottom: 2px dotted #ffffff !important;
}
.block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .ui-tabs-panel article.node .node__content .field--name-field-read-more-link .field__item a:hover {
  border-bottom: 2px solid #ffffff !important;
  transition: width 0.3s;
}
.block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .ui-tabs-panel article.node .node__content .field--name-field-read-more-link .field__item a:before {
  content: "";
  display: block;
  height: 20px;
  margin-bottom: 15px;
  background-image: url("../images/hd-br-mix.png");
  background-repeat: no-repeat;
  background-position: left bottom;
}
@media all and (max-width: 767px) {
  .block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .ui-tabs-panel article.node .node__content .field--name-field-read-more-link .field__item a:before {
    margin-bottom: 15px;
  }
}
@media all and (max-width: 767px) {
  .block-quicktabs-blockhomepage-tab .content #quicktabs-homepage_tab .ui-tabs-panel article.node .node__content .field--name-field-read-more-link .field__item a {
    font-size: 10px;
  }
}

html:lang(ar) .block-quicktabs-blockhomepage-tab #quicktabs-homepage_tab .item-list {
  float: right;
}
html:lang(ar) .block-quicktabs-blockhomepage-tab #quicktabs-homepage_tab .item-list ul.ui-tabs-nav li.ui-tabs-tab {
  background: linear-gradient(to right, #4c4c4c 0%, #4c4c4c 98%, #ffffff 50%, #ffffff 100%);
  border-top-left-radius: 10px;
  border-top-right-radius: 0;
}
@media all and (max-width: 530px) {
  html:lang(ar) .block-quicktabs-blockhomepage-tab #quicktabs-homepage_tab .item-list ul.ui-tabs-nav li.ui-tabs-tab {
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
  }
}
html:lang(ar) .block-quicktabs-blockhomepage-tab #quicktabs-homepage_tab .item-list ul.ui-tabs-nav li.ui-tabs-tab.ui-state-active {
  background: linear-gradient(to right, #ffffff 0%, #ffffff 98%, #001658 50%, #001658 100%);
}
html:lang(ar) .block-quicktabs-blockhomepage-tab #quicktabs-homepage_tab .item-list ul.ui-tabs-nav li.ui-tabs-tab.ui-state-active a.ui-tabs-anchor:after {
  content: "\f100";
  right: auto;
  left: 18px;
  top: 10px;
  font-weight: normal;
}
@media all and (max-width: 767px) {
  html:lang(ar) .block-quicktabs-blockhomepage-tab #quicktabs-homepage_tab .item-list ul.ui-tabs-nav li.ui-tabs-tab.ui-state-active a.ui-tabs-anchor:after {
    content: none;
  }
}
html:lang(ar) .block-quicktabs-blockhomepage-tab #quicktabs-homepage_tab .item-list ul.ui-tabs-nav li.ui-tabs-tab a.ui-tabs-anchor {
  padding: 10px 15px 10px 0;
  font-size: 20px;
  font-weight: 600;
}
@media all and (max-width: 530px) {
  html:lang(ar) .block-quicktabs-blockhomepage-tab #quicktabs-homepage_tab .item-list ul.ui-tabs-nav li.ui-tabs-tab a.ui-tabs-anchor {
    padding: 10px 15px 15px 0;
    font-size: 18px;
  }
}
html:lang(ar) .block-quicktabs-blockhomepage-tab #quicktabs-homepage_tab .ui-tabs-panel {
  float: left;
}
html:lang(ar) .block-quicktabs-blockhomepage-tab #quicktabs-homepage_tab .ui-tabs-panel article.node .node__content .field--name-field-read-more-link .field__item a:before {
  background-position: right bottom;
}

.block-views-blocktestimonials-view-block-1 {
  background-image: url("../images/testimonial-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 0;
}
.block-views-blocktestimonials-view-block-1 .content {
  color: #ffffff;
  font-family: Titillium-Rg;
}
.block-views-blocktestimonials-view-block-1 .content .view-header {
  color: #ffffff;
}
.block-views-blocktestimonials-view-block-1 .content .view-header h2 {
  font-family: Titillium-Bd;
  text-align: center;
  font-size: 28px;
}
.block-views-blocktestimonials-view-block-1 .content .view-header h2:after {
  content: none;
}
@media all and (max-width: 991px) {
  .block-views-blocktestimonials-view-block-1 .content .view-header h2 {
    font-size: 26px;
  }
}
@media all and (max-width: 767px) {
  .block-views-blocktestimonials-view-block-1 .content .view-header h2 {
    font-size: 24px;
  }
}
@media all and (max-width: 479px) {
  .block-views-blocktestimonials-view-block-1 .content .view-header h2 {
    font-size: 22px;
  }
}
.block-views-blocktestimonials-view-block-1 .content .view-header:after {
  content: none;
}
.block-views-blocktestimonials-view-block-1 .content .view-content {
  width: 90%;
  margin: 30px auto;
}
@media all and (max-width: 500px) {
  .block-views-blocktestimonials-view-block-1 .content .view-content {
    width: 100%;
  }
}
.block-views-blocktestimonials-view-block-1 .content .view-content .slick .slick__arrow {
  top: 45%;
  opacity: inherit !important;
  filter: alpha(opacity=1);
  z-index: 9999;
}
.block-views-blocktestimonials-view-block-1 .content .view-content .slick ul.slick-dots li.slick-active button:before {
  color: #ffffff;
}
@media all and (max-width: 600px) {
  .block-views-blocktestimonials-view-block-1 .content .view-content .slick ul.slick-dots {
    bottom: -60px;
  }
}
.block-views-blocktestimonials-view-block-1 .content .view-content .slick--view--testimonials-view .slick__arrow .slick-arrow {
  width: 35px;
  height: 60px;
}
.block-views-blocktestimonials-view-block-1 .content .view-content .slick--view--testimonials-view .slick__arrow .slick-prev:before {
  content: "";
  display: block;
  height: 60px;
  opacity: 1;
  background-image: url("../images/lt-arr.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 50%;
  background-color: transparent !important;
}
@media all and (max-width: 991px) {
  .block-views-blocktestimonials-view-block-1 .content .view-content .slick--view--testimonials-view .slick__arrow .slick-prev {
    left: -30px !important;
  }
}
@media all and (max-width: 767px) {
  .block-views-blocktestimonials-view-block-1 .content .view-content .slick--view--testimonials-view .slick__arrow .slick-prev {
    display: none !important;
  }
}
.block-views-blocktestimonials-view-block-1 .content .view-content .slick--view--testimonials-view .slick__arrow .slick-next:before {
  content: "";
  display: block;
  height: 60px;
  opacity: 1;
  background-image: url("../images/rt-arr.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 50%;
  background-color: transparent !important;
}
@media all and (max-width: 991px) {
  .block-views-blocktestimonials-view-block-1 .content .view-content .slick--view--testimonials-view .slick__arrow .slick-next {
    right: -30px !important;
  }
}
@media all and (max-width: 767px) {
  .block-views-blocktestimonials-view-block-1 .content .view-content .slick--view--testimonials-view .slick__arrow .slick-next {
    display: none !important;
  }
}
@media all and (max-width: 600px) {
  .block-views-blocktestimonials-view-block-1 .content .view-content .slick--view--testimonials-view .slick__slide {
    display: flex;
    flex-direction: column;
  }
}
.block-views-blocktestimonials-view-block-1 .content .view-content .slick--view--testimonials-view .slick__slide .views-field-body {
  float: left;
  width: 45%;
  text-align: right;
  margin-top: 10px;
  padding-left: 100px;
}
@media all and (max-width: 991px) {
  .block-views-blocktestimonials-view-block-1 .content .view-content .slick--view--testimonials-view .slick__slide .views-field-body {
    padding-left: 15px;
  }
}
@media all and (max-width: 600px) {
  .block-views-blocktestimonials-view-block-1 .content .view-content .slick--view--testimonials-view .slick__slide .views-field-body {
    text-align: center !important;
    order: 2;
  }
}
.block-views-blocktestimonials-view-block-1 .content .view-content .slick--view--testimonials-view .slick__slide .views-field-body .testimonial-name {
  font-family: Titillium-Bd;
  font-size: 20px;
  text-transform: capitalize;
  letter-spacing: 1px;
}
@media all and (max-width: 400px) {
  .block-views-blocktestimonials-view-block-1 .content .view-content .slick--view--testimonials-view .slick__slide .views-field-body .testimonial-name {
    font-size: 16px;
  }
}
.block-views-blocktestimonials-view-block-1 .content .view-content .slick--view--testimonials-view .slick__slide .views-field-body .testimonial-company {
  font-family: Titillium-Lt;
  font-size: 18px;
  text-transform: capitalize;
  letter-spacing: 1px;
}
@media all and (max-width: 400px) {
  .block-views-blocktestimonials-view-block-1 .content .view-content .slick--view--testimonials-view .slick__slide .views-field-body .testimonial-company {
    font-size: 15px;
  }
}
.block-views-blocktestimonials-view-block-1 .content .view-content .slick--view--testimonials-view .slick__slide .views-field-body .testimonial-body {
  margin-top: 15px;
}
.block-views-blocktestimonials-view-block-1 .content .view-content .slick--view--testimonials-view .slick__slide .views-field-body .testimonial-body p {
  font-family: Titillium-Rg;
  font-size: 14px;
}
@media all and (max-width: 400px) {
  .block-views-blocktestimonials-view-block-1 .content .view-content .slick--view--testimonials-view .slick__slide .views-field-body .testimonial-body p {
    font-size: 12px;
  }
}
@media all and (max-width: 600px) {
  .block-views-blocktestimonials-view-block-1 .content .view-content .slick--view--testimonials-view .slick__slide .views-field-body {
    float: none;
    width: 100%;
  }
}
.block-views-blocktestimonials-view-block-1 .content .view-content .slick--view--testimonials-view .slick__slide .views-field-field-photo {
  float: right;
  width: 55%;
}
@media all and (max-width: 600px) {
  .block-views-blocktestimonials-view-block-1 .content .view-content .slick--view--testimonials-view .slick__slide .views-field-field-photo {
    align-self: center;
    width: 172px;
    height: 170px;
  }
}
@media all and (max-width: 355px) {
  .block-views-blocktestimonials-view-block-1 .content .view-content .slick--view--testimonials-view .slick__slide .views-field-field-photo {
    width: 136px;
    height: 130px;
  }
}
.block-views-blocktestimonials-view-block-1 .content .view-content .slick--view--testimonials-view .slick__slide .views-field-field-photo .field-content {
  border-left: 2px solid #ffffff;
  margin-left: 50px;
  padding-left: 50px;
}
@media all and (max-width: 835px) {
  .block-views-blocktestimonials-view-block-1 .content .view-content .slick--view--testimonials-view .slick__slide .views-field-field-photo .field-content {
    margin-left: 30px;
    padding-left: 30px;
  }
}
@media all and (max-width: 767px) {
  .block-views-blocktestimonials-view-block-1 .content .view-content .slick--view--testimonials-view .slick__slide .views-field-field-photo .field-content {
    margin-left: 15px;
    padding-left: 15px;
  }
}
@media all and (max-width: 600px) {
  .block-views-blocktestimonials-view-block-1 .content .view-content .slick--view--testimonials-view .slick__slide .views-field-field-photo .field-content {
    margin-left: 10px;
    padding-left: 10px;
    border: none !important;
  }
}
@media all and (max-width: 500px) {
  .block-views-blocktestimonials-view-block-1 .content .view-content .slick--view--testimonials-view .slick__slide .views-field-field-photo .field-content {
    height: 200px;
  }
}
@media all and (max-width: 355px) {
  .block-views-blocktestimonials-view-block-1 .content .view-content .slick--view--testimonials-view .slick__slide .views-field-field-photo .field-content {
    height: 150px;
  }
}
.block-views-blocktestimonials-view-block-1 .content .view-content .slick--view--testimonials-view .slick__slide .views-field-field-photo .field-content img {
  max-width: 280px;
  max-height: 280px;
  border-radius: 50%;
}
@media all and (max-width: 767px) {
  .block-views-blocktestimonials-view-block-1 .content .view-content .slick--view--testimonials-view .slick__slide .views-field-field-photo .field-content img {
    max-width: 200px;
    max-height: 200px;
  }
}
@media all and (max-width: 600px) {
  .block-views-blocktestimonials-view-block-1 .content .view-content .slick--view--testimonials-view .slick__slide .views-field-field-photo .field-content img {
    max-width: 150px;
    max-height: 150px;
  }
}
@media all and (max-width: 355px) {
  .block-views-blocktestimonials-view-block-1 .content .view-content .slick--view--testimonials-view .slick__slide .views-field-field-photo .field-content img {
    max-width: 115px;
    max-height: 115px;
  }
}

html:lang(ar) .block-views-blocktestimonials-view-block-1 .view-header h2 {
  font-size: 34px;
}
@media all and (max-width: 991px) {
  html:lang(ar) .block-views-blocktestimonials-view-block-1 .view-header h2 {
    font-size: 30px;
  }
}
@media all and (max-width: 767px) {
  html:lang(ar) .block-views-blocktestimonials-view-block-1 .view-header h2 {
    font-size: 28px;
  }
}
@media all and (max-width: 479px) {
  html:lang(ar) .block-views-blocktestimonials-view-block-1 .view-header h2 {
    font-size: 26px;
  }
}
html:lang(ar) .block-views-blocktestimonials-view-block-1 .view-content .slick--view--testimonials-view .slick__slide .views-field-body {
  float: right;
  text-align: right;
  padding-right: 100px;
  padding-left: 0;
}
@media all and (max-width: 991px) {
  html:lang(ar) .block-views-blocktestimonials-view-block-1 .view-content .slick--view--testimonials-view .slick__slide .views-field-body {
    padding-left: 0;
    padding-right: 15px;
  }
}
html:lang(ar) .block-views-blocktestimonials-view-block-1 .view-content .slick--view--testimonials-view .slick__slide .views-field-body .testimonial-name {
  font-weight: bold;
}
html:lang(ar) .block-views-blocktestimonials-view-block-1 .view-content .slick--view--testimonials-view .slick__slide .views-field-field-photo {
  float: left;
}
html:lang(ar) .block-views-blocktestimonials-view-block-1 .view-content .slick--view--testimonials-view .slick__slide .views-field-field-photo .field-content {
  border-left: none;
  border-right: 2px solid #ffffff;
  margin-left: 0;
  padding-left: 0;
  margin-right: 50px;
  padding-right: 50px;
}
@media all and (max-width: 835px) {
  html:lang(ar) .block-views-blocktestimonials-view-block-1 .view-content .slick--view--testimonials-view .slick__slide .views-field-field-photo .field-content {
    margin-left: 0;
    padding-left: 0;
    margin-right: 30px;
    padding-right: 30px;
  }
}
@media all and (max-width: 767px) {
  html:lang(ar) .block-views-blocktestimonials-view-block-1 .view-content .slick--view--testimonials-view .slick__slide .views-field-field-photo .field-content {
    margin-left: 0;
    padding-left: 0;
    margin-right: 15px;
    padding-right: 15px;
  }
}
@media all and (max-width: 600px) {
  html:lang(ar) .block-views-blocktestimonials-view-block-1 .view-content .slick--view--testimonials-view .slick__slide .views-field-field-photo .field-content {
    margin-left: 0;
    padding-left: 0;
    margin-right: 10px;
    padding-right: 10px;
  }
}

.path-about-us #page-wrapper #page {
  position: relative;
}
.path-about-us #page-wrapper #page .header {
  background: none;
  background-image: none !important;
  min-height: auto;
}
.path-about-us #page-wrapper #page #main-wrapper {
  margin-top: -200px;
}
@media all and (max-width: 1200px) {
  .path-about-us #page-wrapper #page #main-wrapper {
    margin-top: -190px;
  }
}
.path-about-us #page-wrapper #page #main-wrapper #main .region-breadcrumb {
  display: none;
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content {
  background-color: #ffffff;
}
@media all and (min-width: 851px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content {
    position: static;
  }
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content #block-arshipping-page-title {
  display: none;
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .views-element-container {
  padding-top: 50px;
  padding-bottom: 50px;
  clear: both;
  width: 100%;
  float: left;
}
@media all and (max-width: 991px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .views-element-container {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockabout-us-header-block-1 {
  padding-top: 0;
  padding-bottom: 0;
  z-index: 0;
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockabout-us-header-block-1 .content .view-about-us-header .views-field-field-image {
  position: relative;
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockabout-us-header-block-1 .content .view-about-us-header .views-field-field-image .field-content img {
  width: 100%;
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockabout-us-header-block-1 .content .view-about-us-header .views-field-field-sub-title {
  position: relative;
  bottom: 200px;
  width: 100%;
  z-index: 1;
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockabout-us-header-block-1 .content .view-about-us-header .views-field-field-sub-title .field-content {
  max-width: 1290px;
  margin: 0 auto;
}
@media all and (max-width: 1290px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockabout-us-header-block-1 .content .view-about-us-header .views-field-field-sub-title .field-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockabout-us-header-block-1 .content .view-about-us-header .views-field-field-sub-title .field-content .top-text-wrapper {
  font-family: 'Titillium-Rg';
  font-size: 18px;
  color: #fff;
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockabout-us-header-block-1 .content .view-about-us-header .views-field-field-sub-title .field-content .top-text-wrapper h1 {
  font-family: 'Titillium-Bd';
  font-size: 32px;
  color: #fff;
  margin-bottom: 0;
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockabout-us-history-block-block-1 .view-about-us-history-block {
  max-width: 1290px;
  margin: 0 auto;
}
@media all and (max-width: 1290px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockabout-us-history-block-block-1 .view-about-us-history-block {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockabout-us-history-block-block-1 .view-about-us-history-block .view-content {
  margin-top: 50px;
}
@media all and (max-width: 991px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockabout-us-history-block-block-1 .view-about-us-history-block .view-content {
    margin-top: 35px;
  }
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockabout-us-history-block-block-1 .view-about-us-history-block .view-content .views-field-body .history-wrapper img:nth-child(1) {
  float: left;
  margin: 0 20px 20px 0;
  height: 300px;
  width: 200px;
}
@media all and (max-width: 1200px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockabout-us-history-block-block-1 .view-about-us-history-block .view-content .views-field-body .history-wrapper img:nth-child(1) {
    margin: 0 15px 15px 0;
  }
}
@media all and (max-width: 991px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockabout-us-history-block-block-1 .view-about-us-history-block .view-content .views-field-body .history-wrapper img:nth-child(1) {
    display: none;
  }
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockabout-us-history-block-block-1 .view-about-us-history-block .view-content .views-field-body .history-wrapper img:nth-child(2) {
  float: right;
  margin: 0 0 20px 20px;
}
@media all and (max-width: 1200px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockabout-us-history-block-block-1 .view-about-us-history-block .view-content .views-field-body .history-wrapper img:nth-child(2) {
    margin: 0 0 15px 15px;
  }
}
@media all and (max-width: 799px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockabout-us-history-block-block-1 .view-about-us-history-block .view-content .views-field-body .history-wrapper img:nth-child(2) {
    float: none;
    margin-left: 0;
  }
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockabout-us-history-block-block-1 .view-about-us-history-block .view-content .views-field-body .history-wrapper p {
  font-family: 'Titillium-Rg';
  font-size: 16px;
  text-align: justify;
}
@media all and (max-width: 479px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockabout-us-history-block-block-1 .view-about-us-history-block .view-content .views-field-body .history-wrapper p {
    font-size: 15px;
  }
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockabout-us-company-profile-block-1 {
  background-image: url("../images/company-profile-bg.jpg");
  background-repeat: repeat-y;
  background-size: contain;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media all and (max-width: 991px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockabout-us-company-profile-block-1 {
    background-size: cover;
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockabout-us-company-profile-block-1 .view-about-us-company-profile {
  max-width: 1290px;
  margin: 0 auto;
}
@media all and (max-width: 1290px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockabout-us-company-profile-block-1 .view-about-us-company-profile {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockabout-us-company-profile-block-1 .view-about-us-company-profile .view-content {
  margin-top: 50px;
}
@media all and (max-width: 991px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockabout-us-company-profile-block-1 .view-about-us-company-profile .view-content {
    margin-top: 35px;
  }
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockabout-us-company-profile-block-1 .view-about-us-company-profile .view-content .views-field-body .field-content img {
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
}
@media all and (max-width: 991px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockabout-us-company-profile-block-1 .view-about-us-company-profile .view-content .views-field-body .field-content img {
    display: none;
  }
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockabout-us-company-profile-block-1 .view-about-us-company-profile .view-content .views-field-body .field-content p {
  font-family: 'Titillium-Rg';
  font-size: 16px;
  text-align: justify;
  max-width: 80%;
}
@media all and (max-width: 1400px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockabout-us-company-profile-block-1 .view-about-us-company-profile .view-content .views-field-body .field-content p {
    max-width: 75%;
  }
}
@media all and (max-width: 991px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockabout-us-company-profile-block-1 .view-about-us-company-profile .view-content .views-field-body .field-content p {
    max-width: 100%;
  }
}
@media all and (max-width: 479px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockabout-us-company-profile-block-1 .view-about-us-company-profile .view-content .views-field-body .field-content p {
    font-size: 15px;
  }
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-handbook-block {
  clear: both;
  float: left;
  width: 100%;
  background-image: url("../images/company-profile-bg.jpg");
  background-repeat: repeat-y;
  background-size: contain;
  padding-top: 0;
  padding-bottom: 50px;
}
@media all and (max-width: 991px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-handbook-block {
    background-size: cover;
    padding-bottom: 45px;
  }
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-handbook-block .content .employee-hanbook {
  max-width: 1290px;
  margin: 0 auto;
}
@media all and (max-width: 1290px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-handbook-block .content .employee-hanbook {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-handbook-block .content .employee-hanbook .handbook_link {
  padding: 10px 23px 12px 70px;
  border-radius: 5px;
  font-size: 15px;
  border-color: #ddd;
  background-color: #1E3CA8;
  color: #ffffff;
  position: relative;
  font-family: 'Titillium-Bd';
  text-transform: uppercase;
  background-image: url(../images/handbook.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 19%;
  width: auto !important;
  border: transparent !important;
}
@media all and (max-width: 991px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-handbook-block .content .employee-hanbook .handbook_link {
    padding: 8px 23px 10px 70px;
    background-size: 18%;
  }
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockour-vision-and-our-misson-block-1 {
  background-image: url("../images/mission-vission-about.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media all and (max-width: 991px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockour-vision-and-our-misson-block-1 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockour-vision-and-our-misson-block-1 .view-our-vision-and-our-misson {
  max-width: 1290px;
  margin: 0 auto;
}
@media all and (max-width: 1290px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockour-vision-and-our-misson-block-1 .view-our-vision-and-our-misson {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockour-vision-and-our-misson-block-1 .view-our-vision-and-our-misson .view-content .views-row {
  clear: both;
  width: 100%;
  float: left;
  margin-bottom: 30px;
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockour-vision-and-our-misson-block-1 .view-our-vision-and-our-misson .view-content .views-row:last-child {
  margin-bottom: 0;
}
@media all and (min-width: 991px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockour-vision-and-our-misson-block-1 .view-our-vision-and-our-misson .view-content .views-row .views-field-field-image .vision-wrapper {
    display: flex;
  }
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockour-vision-and-our-misson-block-1 .view-our-vision-and-our-misson .view-content .views-row .views-field-field-image .vision-wrapper .vision-inner-wrapper {
  float: left;
  width: 40%;
}
@media all and (max-width: 991px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockour-vision-and-our-misson-block-1 .view-our-vision-and-our-misson .view-content .views-row .views-field-field-image .vision-wrapper .vision-inner-wrapper {
    width: 100%;
  }
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockour-vision-and-our-misson-block-1 .view-our-vision-and-our-misson .view-content .views-row .views-field-field-image .vision-wrapper .vision-inner-wrapper h1 {
  color: #ffffff;
  font-size: 28px;
  font-family: 'Titillium-Semib';
  margin-bottom: 50px;
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockour-vision-and-our-misson-block-1 .view-our-vision-and-our-misson .view-content .views-row .views-field-field-image .vision-wrapper .vision-inner-wrapper h1:after {
  content: "";
  display: block;
  height: 20px;
  background-image: url(../images/hd-br.png);
  background-repeat: no-repeat;
  background-position: left bottom;
}
@media all and (max-width: 1024px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockour-vision-and-our-misson-block-1 .view-our-vision-and-our-misson .view-content .views-row .views-field-field-image .vision-wrapper .vision-inner-wrapper h1 {
    margin-bottom: 35px;
  }
}
@media all and (max-width: 991px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockour-vision-and-our-misson-block-1 .view-our-vision-and-our-misson .view-content .views-row .views-field-field-image .vision-wrapper .vision-inner-wrapper h1 {
    font-size: 24px;
    margin-top: 0;
  }
}
@media all and (max-width: 767px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockour-vision-and-our-misson-block-1 .view-our-vision-and-our-misson .view-content .views-row .views-field-field-image .vision-wrapper .vision-inner-wrapper h1 {
    font-size: 22px;
  }
}
@media all and (max-width: 479px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockour-vision-and-our-misson-block-1 .view-our-vision-and-our-misson .view-content .views-row .views-field-field-image .vision-wrapper .vision-inner-wrapper h1 {
    font-size: 20px;
  }
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockour-vision-and-our-misson-block-1 .view-our-vision-and-our-misson .view-content .views-row .views-field-field-image .vision-wrapper .vision-inner-wrapper p {
  color: #ffffff;
  font-size: 18px;
  font-family: 'Titillium-Rg';
  width: 95%;
  text-align: justify;
  margin-top: 15px;
}
@media all and (max-width: 991px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockour-vision-and-our-misson-block-1 .view-our-vision-and-our-misson .view-content .views-row .views-field-field-image .vision-wrapper .vision-inner-wrapper p {
    font-size: 16px;
    width: 100%;
  }
}
@media all and (max-width: 479px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockour-vision-and-our-misson-block-1 .view-our-vision-and-our-misson .view-content .views-row .views-field-field-image .vision-wrapper .vision-inner-wrapper p {
    font-size: 15px;
  }
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockour-vision-and-our-misson-block-1 .view-our-vision-and-our-misson .view-content .views-row .views-field-field-image .vision-wrapper .vision-image {
  float: right;
  width: 60%;
}
@media all and (min-width: 991px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockour-vision-and-our-misson-block-1 .view-our-vision-and-our-misson .view-content .views-row .views-field-field-image .vision-wrapper .vision-image {
    align-self: center;
  }
}
@media all and (max-width: 991px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockour-vision-and-our-misson-block-1 .view-our-vision-and-our-misson .view-content .views-row .views-field-field-image .vision-wrapper .vision-image {
    width: 100%;
    text-align: center;
    float: none;
  }
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockour-vision-and-our-misson-block-1 .view-our-vision-and-our-misson .view-content .views-row .views-field-field-image .vision-wrapper .vision-image img {
  float: right;
}
@media all and (max-width: 991px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockour-vision-and-our-misson-block-1 .view-our-vision-and-our-misson .view-content .views-row .views-field-field-image .vision-wrapper .vision-image img {
    float: none;
  }
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockour-vision-and-our-misson-block-1 .view-our-vision-and-our-misson .view-content .views-row .views-field-title-1 {
  color: #ffffff;
  font-size: 24px;
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockour-vision-and-our-misson-block-1 .view-our-vision-and-our-misson .view-content .views-row .views-field-body .field-content p {
  color: #ffffff;
  font-size: 16px;
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockmeet-our-team-block-1 .content .view-meet-our-team {
  max-width: 1290px;
  margin: 0 auto;
}
@media all and (max-width: 1290px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockmeet-our-team-block-1 .content .view-meet-our-team {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockmeet-our-team-block-1 .content .view-meet-our-team .view-content {
  clear: both;
  width: 100%;
  float: left;
  margin-top: 50px;
}
@media all and (max-width: 991px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockmeet-our-team-block-1 .content .view-meet-our-team .view-content {
    margin-top: 35px;
  }
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockmeet-our-team-block-1 .content .view-meet-our-team .view-content .views-row {
  width: 23.3%;
  float: left;
  margin: 0 10px;
  border-bottom: 5px solid #001658;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.25);
  padding-bottom: 20px;
  border-top-left-radius: 10px;
}
@media all and (max-width: 1235px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockmeet-our-team-block-1 .content .view-meet-our-team .view-content .views-row {
    width: 23%;
    margin: 10px 9px 0;
  }
}
@media all and (max-width: 991px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockmeet-our-team-block-1 .content .view-meet-our-team .view-content .views-row {
    width: 40%;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 3%;
  }
}
@media all and (max-width: 767px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockmeet-our-team-block-1 .content .view-meet-our-team .view-content .views-row {
    width: 46%;
    margin-left: 2%;
    margin-right: 2%;
  }
}
@media all and (max-width: 476px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockmeet-our-team-block-1 .content .view-meet-our-team .view-content .views-row {
    width: 84%;
    margin-left: 8%;
    margin-right: 8%;
    margin-top: 20px;
  }
}
@media all and (max-width: 420px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockmeet-our-team-block-1 .content .view-meet-our-team .view-content .views-row {
    width: 92%;
    margin-left: 4%;
    margin-right: 4%;
  }
}
@media all and (max-width: 390px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockmeet-our-team-block-1 .content .view-meet-our-team .view-content .views-row {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockmeet-our-team-block-1 .content .view-meet-our-team .view-content .views-row .views-field-field-image .field-content img {
  width: 100%;
  max-height: 300px;
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockmeet-our-team-block-1 .content .view-meet-our-team .view-content .views-row .views-field-title {
  font-family: 'Titillium-Semib';
  font-size: 18px;
  text-align: left;
  line-height: 1.2;
  padding: 5px 15px;
  height: 40px;
  overflow: hidden;
}
@media all and (max-width: 476px) {
  .path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockmeet-our-team-block-1 .content .view-meet-our-team .view-content .views-row .views-field-title {
    height: auto;
  }
}
.path-about-us #page-wrapper #page #main-wrapper #main .main-content section .region-content .block-region-content .block-views-blockmeet-our-team-block-1 .content .view-meet-our-team .view-content .views-row .views-field-field-sub-title {
  font-family: 'Titillium-Rg';
  font-size: 16px;
  text-align: left;
  padding: 0 15px;
}

html:lang(ar) .path-about-us #page-wrapper #main-wrapper #content .view-header h2::after {
  background-position: right bottom;
}
html:lang(ar) .path-about-us #page-wrapper #main-wrapper #content .block-views-blockabout-us-history-block-block-1 .view-about-us-history-block .view-content .views-field-body .history-wrapper img:nth-child(1) {
  float: right !important;
  margin: 0 0 20px 20px !important;
}
html:lang(ar) .path-about-us #page-wrapper #main-wrapper #content .block-views-blockabout-us-history-block-block-1 .view-about-us-history-block .view-content .views-field-body .history-wrapper img:nth-child(2) {
  float: left !important;
  margin: 0 20px 20px 0 !important;
}
@media all and (max-width: 800px) {
  html:lang(ar) .path-about-us #page-wrapper #main-wrapper #content .block-views-blockabout-us-history-block-block-1 .view-about-us-history-block .view-content .views-field-body .history-wrapper img:nth-child(2) {
    float: none !important;
    margin-right: 0 !important;
  }
}
html:lang(ar) .path-about-us #page-wrapper #main-wrapper #content .block-views-blockabout-us-company-profile-block-1 {
  background-image: url(../images/company-profile-bg-ar.jpg) !important;
}
@media all and (max-width: 991px) {
  html:lang(ar) .path-about-us #page-wrapper #main-wrapper #content .block-views-blockabout-us-company-profile-block-1 {
    background-position: right;
  }
}
html:lang(ar) .path-about-us #page-wrapper #main-wrapper #content .block-views-blockabout-us-company-profile-block-1 .view-about-us-company-profile .view-content .views-field-body img {
  float: left !important;
  margin: 0 20px 20px 0 !important;
}
html:lang(ar) .path-about-us #page-wrapper #main-wrapper #content .block-views-blockour-vision-and-our-misson-block-1 .view-our-vision-and-our-misson .views-row .views-field-field-image .vision-inner-wrapper {
  float: right !important;
}
html:lang(ar) .path-about-us #page-wrapper #main-wrapper #content .block-views-blockour-vision-and-our-misson-block-1 .view-our-vision-and-our-misson .views-row .views-field-field-image .vision-inner-wrapper h1 {
  font-size: 24px !important;
}
html:lang(ar) .path-about-us #page-wrapper #main-wrapper #content .block-views-blockour-vision-and-our-misson-block-1 .view-our-vision-and-our-misson .views-row .views-field-field-image .vision-inner-wrapper h1::after {
  background-position: right bottom !important;
}
html:lang(ar) .path-about-us #page-wrapper #main-wrapper #content .block-views-blockour-vision-and-our-misson-block-1 .view-our-vision-and-our-misson .views-row .views-field-field-image .vision-image {
  float: left !important;
}
html:lang(ar) .path-about-us #page-wrapper #main-wrapper #content .block-views-blockour-vision-and-our-misson-block-1 .view-our-vision-and-our-misson .views-row .views-field-field-image .vision-image img {
  float: left !important;
}
@media all and (max-width: 991px) {
  html:lang(ar) .path-about-us #page-wrapper #main-wrapper #content .block-views-blockour-vision-and-our-misson-block-1 .view-our-vision-and-our-misson .views-row .views-field-field-image .vision-image img {
    float: none !important;
    width: 100%;
  }
}
html:lang(ar) .path-about-us #page-wrapper #main-wrapper #content .block-views-blockmeet-our-team-block-1 .content .view-meet-our-team .view-content .views-row .views-field-title {
  text-align: right !important;
}
html:lang(ar) .path-about-us #page-wrapper #main-wrapper #content .block-views-blockmeet-our-team-block-1 .content .view-meet-our-team .view-content .views-row .views-field-field-sub-title {
  text-align: right !important;
}

.block-views-blockhomepage-image-carousel-block-1 {
  max-width: none !important;
  background: #d4d4d4 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.block-views-blockhomepage-image-carousel-block-1 .content {
  max-width: 1290px;
  margin: 0 auto;
  padding: 50px 0;
}
@media all and (max-width: 991px) {
  .block-views-blockhomepage-image-carousel-block-1 .content {
    padding: 35px 0;
  }
}
.block-views-blockhomepage-image-carousel-block-1 .content .view .view-content .slick .slick-list .slick__slide .views-field .field-content img {
  margin: 0 auto;
  background-color: #ffffff;
  border: 1px solid #f1f1f1;
  border-bottom: 4px solid #6d6d6d;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
@media all and (max-width: 767px) {
  .block-views-blockhomepage-image-carousel-block-1 .content .view .view-content .slick .slick__arrow {
    display: block !important;
  }
}
.block-views-blockhomepage-image-carousel-block-1 .content .view .view-content .slick .slick__arrow button:before {
  height: 40px;
  background-size: 25%;
}
.block-views-blockhomepage-image-carousel-block-1 .content .view .view-content .slick .slick__arrow button.slick-next {
  right: 0;
}
@media all and (max-width: 991px) {
  .block-views-blockhomepage-image-carousel-block-1 .content .view .view-content .slick .slick__arrow button.slick-next {
    right: 15px;
  }
}
.block-views-blockhomepage-image-carousel-block-1 .content .view .view-content .slick .slick__arrow button.slick-prev {
  left: 0;
}
@media all and (max-width: 991px) {
  .block-views-blockhomepage-image-carousel-block-1 .content .view .view-content .slick .slick__arrow button.slick-prev {
    left: 15px;
  }
}

.footer-head .layout-container {
  max-width: none;
}

.company-page-content .company-overview-block {
  max-width: 1290px;
  margin: 30px auto 0;
}
@media all and (max-width: 1290px) {
  .company-page-content .company-overview-block {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.company-page-content .company-overview-block .views-element-container .view {
  clear: both;
  overflow: hidden;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media all and (max-width: 991px) {
  .company-page-content .company-overview-block .views-element-container .view {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
.company-page-content .company-overview-block .views-element-container .view .company-block1-wrapper h1 {
  margin-top: 0;
  margin-bottom: 50px;
  color: #424242;
  font-family: 'Titillium-Bd';
  font-size: 28px;
}
@media all and (max-width: 991px) {
  .company-page-content .company-overview-block .views-element-container .view .company-block1-wrapper h1 {
    font-size: 24px;
    margin-bottom: 35px;
  }
}
@media all and (max-width: 767px) {
  .company-page-content .company-overview-block .views-element-container .view .company-block1-wrapper h1 {
    font-size: 22px;
  }
}
@media all and (max-width: 479px) {
  .company-page-content .company-overview-block .views-element-container .view .company-block1-wrapper h1 {
    font-size: 20px;
  }
}
.company-page-content .company-overview-block .views-element-container .view .company-block1-wrapper h1::after {
  content: "";
  display: block;
  height: 20px;
  background-image: url("../images/hd-br-black.png");
  background-repeat: no-repeat;
  background-position: left bottom;
}
.company-page-content .company-overview-block .views-element-container .view .company-block1-wrapper .company-image {
  float: right;
  padding-left: 20px;
  padding-bottom: 15px;
  padding-top: 10px;
}
@media all and (max-width: 991px) {
  .company-page-content .company-overview-block .views-element-container .view .company-block1-wrapper .company-image {
    float: none;
    padding: 0;
  }
}
.company-page-content .company-overview-block .views-element-container .view .company-block1-wrapper h2 {
  margin-bottom: 35px;
  font-family: 'Titillium-Bd';
  line-height: 1.2;
  font-size: 24px;
}
@media all and (max-width: 991px) {
  .company-page-content .company-overview-block .views-element-container .view .company-block1-wrapper h2 {
    font-size: 20px;
  }
}
@media all and (max-width: 767px) {
  .company-page-content .company-overview-block .views-element-container .view .company-block1-wrapper h2 {
    font-size: 18px;
  }
}
@media all and (max-width: 479px) {
  .company-page-content .company-overview-block .views-element-container .view .company-block1-wrapper h2 {
    font-size: 16px;
  }
}
.company-page-content .company-overview-block .views-element-container .view .company-block1-wrapper p {
  font-family: 'Titillium-Rg';
  font-size: 16px;
  text-align: justify;
  font-weight: 300;
}
@media all and (max-width: 479px) {
  .company-page-content .company-overview-block .views-element-container .view .company-block1-wrapper p {
    font-size: 15px;
  }
}

.company-service-block .block-region-companyservices .views-element-container {
  background-image: url("../images/sub-companies-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 0;
}
.company-service-block .block-region-companyservices .views-element-container .content .view {
  max-width: 1290px;
  margin: 30px auto 0;
}
@media all and (max-width: 1290px) {
  .company-service-block .block-region-companyservices .views-element-container .content .view {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.company-service-block .block-region-companyservices .views-element-container .content .view .view-header {
  color: #ffffff;
  font-size: 28px;
}
@media all and (max-width: 991px) {
  .company-service-block .block-region-companyservices .views-element-container .content .view .view-header {
    font-size: 24px;
  }
}
@media all and (max-width: 767px) {
  .company-service-block .block-region-companyservices .views-element-container .content .view .view-header {
    font-size: 22px;
  }
}
@media all and (max-width: 479px) {
  .company-service-block .block-region-companyservices .views-element-container .content .view .view-header {
    font-size: 20px;
  }
}
.company-service-block .block-region-companyservices .views-element-container .content .view .view-header h2 {
  font-size: 28px;
}
@media all and (max-width: 991px) {
  .company-service-block .block-region-companyservices .views-element-container .content .view .view-header h2 {
    font-size: 24px;
  }
}
@media all and (max-width: 767px) {
  .company-service-block .block-region-companyservices .views-element-container .content .view .view-header h2 {
    font-size: 22px;
  }
}
@media all and (max-width: 479px) {
  .company-service-block .block-region-companyservices .views-element-container .content .view .view-header h2 {
    font-size: 20px;
  }
}
.company-service-block .block-region-companyservices .views-element-container .content .view .view-header h2:after {
  content: none;
}
.company-service-block .block-region-companyservices .views-element-container .content .view .view-header::after {
  content: "";
  display: block;
  height: 20px;
  background-image: url("../images/hd-br.png");
  background-repeat: no-repeat;
  background-position: left bottom;
}
.company-service-block .block-region-companyservices .views-element-container .content .view .view-content .slick {
  margin-top: 50px;
}
@media all and (max-width: 991px) {
  .company-service-block .block-region-companyservices .views-element-container .content .view .view-content .slick {
    margin-top: 35px;
  }
}
.company-service-block .block-region-companyservices .views-element-container .content .view .view-content .slick .slick__arrow .slick-arrow::before {
  background-color: #424242 !important;
}
.company-service-block .block-region-companyservices .views-element-container .content .view .view-content .slick .slick-slider {
  margin: 0 10px;
}
.company-service-block .block-region-companyservices .views-element-container .content .view .view-content .slick .slick-slider .slick-track .slick__slide .views-field-field-image {
  background: linear-gradient(to bottom, transparent 0%, transparent 50%, transparent 50%, white 50%, white 100%);
  border-radius: 10px 0 0 0;
  margin-bottom: -1px;
}
.company-service-block .block-region-companyservices .views-element-container .content .view .view-content .slick .slick-slider .slick-track .slick__slide .views-field-field-image .field-content img {
  width: 100%;
  max-width: 100%;
  max-height: 275px;
  border-radius: 10px 0 0;
  margin: 0 auto;
}
.company-service-block .block-region-companyservices .views-element-container .content .view .view-content .slick .slick-slider .slick-track .slick__slide .views-field-title {
  background-color: #ffffff;
  padding: 15px 0;
  text-align: center;
}
.company-service-block .block-region-companyservices .views-element-container .content .view .view-content .slick .slick-slider .slick-track .slick__slide .views-field-title .field-content {
  margin: 0;
  padding: 0;
  color: #424242;
  font-family: 'Titillium-Bd';
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  border-bottom: none;
}
.company-service-block .block-region-companyservices .views-element-container .content .view .view-content .slick .slick-slider .slick-track .slick__slide .views-field-body {
  background-color: #ffffff;
  margin-bottom: -1px;
}
@media all and (max-width: 800px) {
  .company-service-block .block-region-companyservices .views-element-container .content .view .view-content .slick .slick-slider .slick-track .slick__slide .views-field-body {
    padding-bottom: 15px;
  }
}
.company-service-block .block-region-companyservices .views-element-container .content .view .view-content .slick .slick-slider .slick-track .slick__slide .views-field-body .field-content {
  height: 225px;
  overflow: hidden;
  margin: 0;
}
.company-service-block .block-region-companyservices .views-element-container .content .view .view-content .slick .slick-slider .slick-track .slick__slide .views-field-body .field-content p {
  font-family: 'Titillium-Lt';
  font-size: 16px;
  text-align: center;
  padding: 10px 20px;
  font-weight: 300;
  margin-bottom: 0;
}
.company-service-block .block-region-companyservices .views-element-container .content .view .view-content .slick .slick-slider ul.slick-dots li button:before {
  color: #ffffff;
}
.company-service-block .block-region-companyservices .views-element-container .content .view .view-content .slick .slick-slider ul.slick-dots li.slick-active button:before {
  color: #ffffff;
}
@media all and (max-width: 600px) {
  .company-service-block .block-region-companyservices .views-element-container .content .view .view-content .slick .slick-slider ul.slick-dots {
    bottom: -60px;
  }
}

.company-address-block .block-region-companyaddress .views-element-container:nth-child(1) {
  background: #ffffff;
}
.company-address-block .block-region-companyaddress .views-element-container:nth-child(1) .content .view {
  max-width: 1290px;
  margin: 30px auto 0;
}
@media all and (max-width: 1290px) {
  .company-address-block .block-region-companyaddress .views-element-container:nth-child(1) .content .view {
    padding-left: 20px;
    padding-right: 20px;
  }
}

html:lang(ar) .company-page-content .company-overview-block .views-element-container .view-content .views-row .views-field-body .company-block1-wrapper h1::after {
  background-position: right bottom;
}
html:lang(ar) .company-page-content .company-overview-block .views-element-container .view-content .views-row .views-field-body .company-block1-wrapper .company-image {
  float: left !important;
  padding-left: 0 !important;
  padding-right: 20px !important;
}
@media all and (max-width: 991px) {
  html:lang(ar) .company-page-content .company-overview-block .views-element-container .view-content .views-row .views-field-body .company-block1-wrapper .company-image {
    float: none !important;
    padding: 0 !important;
  }
}
html:lang(ar) .company-page-content .company-service-block .block-region-companyservices .views-element-container .content .view-header pre {
  margin: 0;
  overflow: hidden;
}
html:lang(ar) .company-page-content .company-service-block .block-region-companyservices .views-element-container .content .view-header pre:first-child {
  font-family: 'Titillium-Lt';
  font-size: 28px;
}
@media all and (max-width: 991px) {
  html:lang(ar) .company-page-content .company-service-block .block-region-companyservices .views-element-container .content .view-header pre:first-child {
    font-size: 24px;
  }
}
@media all and (max-width: 767px) {
  html:lang(ar) .company-page-content .company-service-block .block-region-companyservices .views-element-container .content .view-header pre:first-child {
    font-size: 22px;
  }
}
@media all and (max-width: 479px) {
  html:lang(ar) .company-page-content .company-service-block .block-region-companyservices .views-element-container .content .view-header pre:first-child {
    font-size: 20px;
  }
}
html:lang(ar) .company-page-content .company-service-block .block-region-companyservices .views-element-container .content .view-header pre:last-child {
  font-family: 'Titillium-Bd';
  font-size: 28px;
}
@media all and (max-width: 991px) {
  html:lang(ar) .company-page-content .company-service-block .block-region-companyservices .views-element-container .content .view-header pre:last-child {
    font-size: 24px;
  }
}
@media all and (max-width: 767px) {
  html:lang(ar) .company-page-content .company-service-block .block-region-companyservices .views-element-container .content .view-header pre:last-child {
    font-size: 22px;
  }
}
@media all and (max-width: 479px) {
  html:lang(ar) .company-page-content .company-service-block .block-region-companyservices .views-element-container .content .view-header pre:last-child {
    font-size: 20px;
  }
}
html:lang(ar) .company-page-content .company-service-block .block-region-companyservices .views-element-container .content .view-header::after {
  background-position: right bottom;
}
html:lang(ar) .company-page-content .company-service-block .block-region-companyservices .views-element-container .content .view-content .slick .slick-slider .slick-track .slick__slide .views-field-body .field-content {
  height: 275px;
}
html:lang(ar) .company-page-content .company-service-block .block-region-companyservices .views-element-container .content .view-content .slick .slick-slider .slick-track .slick__slide .views-field-title .field-content {
  font-weight: bold !important;
}

.company-address-block .block-region-companyaddress .block {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media all and (max-width: 991px) {
  .company-address-block .block-region-companyaddress .block {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
.company-address-block .block-region-companyaddress .block .view .view-content .views-row {
  display: flex;
}
@media all and (max-width: 767px) {
  .company-address-block .block-region-companyaddress .block .view .view-content .views-row {
    display: block;
  }
}
.company-address-block .block-region-companyaddress .block .view .view-content .views-row .views-field {
  flex: 1;
}
.company-address-block .block-region-companyaddress .block .view .view-content .views-row .views-field .contact-company-wrapper h2 {
  font-family: 'Titillium-Lt';
  font-size: 28px;
  margin: 0;
}
@media all and (max-width: 991px) {
  .company-address-block .block-region-companyaddress .block .view .view-content .views-row .views-field .contact-company-wrapper h2 {
    font-size: 24px;
  }
}
@media all and (max-width: 767px) {
  .company-address-block .block-region-companyaddress .block .view .view-content .views-row .views-field .contact-company-wrapper h2 {
    font-size: 22px;
  }
}
@media all and (max-width: 479px) {
  .company-address-block .block-region-companyaddress .block .view .view-content .views-row .views-field .contact-company-wrapper h2 {
    font-size: 20px;
  }
}
.company-address-block .block-region-companyaddress .block .view .view-content .views-row .views-field .contact-company-wrapper h1 {
  text-transform: uppercase;
  font-family: 'Titillium-Bd';
  font-size: 28px;
  color: #3b3b3b;
  margin: 0;
}
.company-address-block .block-region-companyaddress .block .view .view-content .views-row .views-field .contact-company-wrapper h1::after {
  content: "";
  display: block;
  height: 20px;
  background-image: url(../images/hd-br-black.png);
  background-repeat: no-repeat;
  background-position: left bottom;
}
@media all and (max-width: 991px) {
  .company-address-block .block-region-companyaddress .block .view .view-content .views-row .views-field .contact-company-wrapper h1 {
    font-size: 24px;
  }
}
@media all and (max-width: 767px) {
  .company-address-block .block-region-companyaddress .block .view .view-content .views-row .views-field .contact-company-wrapper h1 {
    font-size: 22px;
  }
}
@media all and (max-width: 479px) {
  .company-address-block .block-region-companyaddress .block .view .view-content .views-row .views-field .contact-company-wrapper h1 {
    font-size: 20px;
  }
}
.company-address-block .block-region-companyaddress .block .view .view-content .views-row .views-field .contact-company-wrapper h3 {
  margin: 50px 0;
  font-family: 'Titillium-Rg';
  font-size: 16px;
  font-weight: 300;
}
@media all and (max-width: 991px) {
  .company-address-block .block-region-companyaddress .block .view .view-content .views-row .views-field .contact-company-wrapper h3 {
    margin: 35px 0;
  }
}
.company-address-block .block-region-companyaddress .block .view .view-content .views-row .views-field .contact-company-wrapper p {
  font-family: 'Titillium-Rg';
  font-size: 16px;
  margin-bottom: 5px;
  font-weight: 300;
}
.company-address-block .block-region-companyaddress .block .view .view-content .views-row .views-field .contact-company-wrapper p span {
  font-family: 'Titillium-Bd';
}
.company-address-block .block-region-companyaddress .block .view .view-content .views-row .views-field .contact-company-wrapper p a {
  color: #3b3b3b;
  border-bottom: 1px solid rgba(59, 59, 59, 0.25) !important;
}
@media all and (max-width: 767px) {
  .company-address-block .block-region-companyaddress .block .view .view-content .views-row .views-field-body {
    margin-top: 20px;
  }
}
.company-address-block .block-region-companyaddress .block .view .view-content .views-row .views-field-body .field-content p {
  margin-bottom: 0;
}
.company-address-block .block-region-companyaddress .block .view .view-content .views-row .views-field-body iframe {
  width: 100%;
  margin: 0;
  height: 350px;
}

html:lang(ar) .company-address-block .block-region-companyaddress .block .view .view-content .views-row .views-field .contact-company-wrapper h1:after {
  background-position: right bottom;
}

@font-face {
  font-family: Titillium-Bl;
  src: url(../fonts/TitilliumWeb-Black.ttf) format("truetype");
}
@font-face {
  font-family: Titillium-Bd;
  src: url(../fonts/TitilliumWeb-Bold.ttf) format("truetype");
}
@font-face {
  font-family: Titillium-Lt;
  src: url(../fonts/TitilliumWeb-Light.ttf) format("truetype");
}
@font-face {
  font-family: Titillium-Rg;
  src: url(../fonts/TitilliumWeb-Regular.ttf) format("truetype");
}
@font-face {
  font-family: Titillium-Sb;
  src: url(../fonts/TitilliumWeb-Black.ttf) format("truetype");
}
@font-face {
  font-family: Titillium-Semib;
  src: url(../fonts/TitilliumWeb-SemiBold.ttf) format("truetype");
}
@font-face {
  font-family: Fontawesome;
  src: url(../fonts/fontawesome-webfont.ttf) format("truetype");
}
@font-face {
  font-family: Arabic;
  src: url(../fonts/AcehDarusalam.ttf) format("truetype");
}
@font-face {
  font-family: Great-Vibes;
  src: url(../fonts/GreatVibes-Regular.ttf) format("truetype");
}
.path-news-events #page-wrapper #main-wrapper .main-content .region-content .block-system-main-block {
  margin-top: -10px;
}
.path-news-events .main-content {
  background-color: #ffffff !important;
}
.path-news-events .main-content section .region-content .block-region-content .views-element-container {
  padding-top: 50px;
  padding-bottom: 50px;
  clear: both;
  width: 100%;
}
@media all and (max-width: 991px) {
  .path-news-events .main-content section .region-content .block-region-content .views-element-container {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
.path-news-events .main-content section .region-content .block-region-content .block-views-blockduplicate-of-latest-events-carousel-block-1,
.path-news-events .main-content section .region-content .block-region-content .block-views-blocklatest-news-carousel-block-1 {
  background: linear-gradient(to bottom, #f6f6f6 0%, #f6f6f6 50%, #f6f6f6 50%, white 50%, white 100%);
}
.path-news-events .main-content section .region-content .block-region-content .block-views-blockduplicate-of-latest-events-carousel-block-1 .content,
.path-news-events .main-content section .region-content .block-region-content .block-views-blocklatest-news-carousel-block-1 .content {
  margin-top: 0;
}
.path-news-events .main-content section .region-content .block-region-content .block-views-blockduplicate-of-latest-events-carousel-block-1 .content .view-duplicate-of-latest-events-carousel,
.path-news-events .main-content section .region-content .block-region-content .block-views-blockduplicate-of-latest-events-carousel-block-1 .content .view-latest-news-carousel,
.path-news-events .main-content section .region-content .block-region-content .block-views-blocklatest-news-carousel-block-1 .content .view-duplicate-of-latest-events-carousel,
.path-news-events .main-content section .region-content .block-region-content .block-views-blocklatest-news-carousel-block-1 .content .view-latest-news-carousel {
  max-width: 1290px;
  margin: 0 auto;
}
@media all and (max-width: 1290px) {
  .path-news-events .main-content section .region-content .block-region-content .block-views-blockduplicate-of-latest-events-carousel-block-1 .content .view-duplicate-of-latest-events-carousel,
  .path-news-events .main-content section .region-content .block-region-content .block-views-blockduplicate-of-latest-events-carousel-block-1 .content .view-latest-news-carousel,
  .path-news-events .main-content section .region-content .block-region-content .block-views-blocklatest-news-carousel-block-1 .content .view-duplicate-of-latest-events-carousel,
  .path-news-events .main-content section .region-content .block-region-content .block-views-blocklatest-news-carousel-block-1 .content .view-latest-news-carousel {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 599px) {
  .path-news-events .main-content section .region-content .block-region-content .block-views-blockduplicate-of-latest-events-carousel-block-1 .content .view-duplicate-of-latest-events-carousel,
  .path-news-events .main-content section .region-content .block-region-content .block-views-blockduplicate-of-latest-events-carousel-block-1 .content .view-latest-news-carousel,
  .path-news-events .main-content section .region-content .block-region-content .block-views-blocklatest-news-carousel-block-1 .content .view-duplicate-of-latest-events-carousel,
  .path-news-events .main-content section .region-content .block-region-content .block-views-blocklatest-news-carousel-block-1 .content .view-latest-news-carousel {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.path-news-events .main-content section .region-content .block-region-content .block-views-blockduplicate-of-latest-events-carousel-block-1 .content .view-duplicate-of-latest-events-carousel .slick__slide,
.path-news-events .main-content section .region-content .block-region-content .block-views-blockduplicate-of-latest-events-carousel-block-1 .content .view-latest-news-carousel .slick__slide,
.path-news-events .main-content section .region-content .block-region-content .block-views-blocklatest-news-carousel-block-1 .content .view-duplicate-of-latest-events-carousel .slick__slide,
.path-news-events .main-content section .region-content .block-region-content .block-views-blocklatest-news-carousel-block-1 .content .view-latest-news-carousel .slick__slide {
  overflow: hidden;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: color 0 ease-in;
  transition: none;
}
.path-news-events .main-content section .region-content .block-region-content .block-views-blockduplicate-of-latest-events-carousel-block-1 .content .view-duplicate-of-latest-events-carousel .slick__slide:hover,
.path-news-events .main-content section .region-content .block-region-content .block-views-blockduplicate-of-latest-events-carousel-block-1 .content .view-latest-news-carousel .slick__slide:hover,
.path-news-events .main-content section .region-content .block-region-content .block-views-blocklatest-news-carousel-block-1 .content .view-duplicate-of-latest-events-carousel .slick__slide:hover,
.path-news-events .main-content section .region-content .block-region-content .block-views-blocklatest-news-carousel-block-1 .content .view-latest-news-carousel .slick__slide:hover {
  background-color: #ffffff;
}
.path-news-events .main-content section .region-content .block-region-content .block-views-blockduplicate-of-latest-events-carousel-block-1 .content .view-duplicate-of-latest-events-carousel .slick__slide .views-field-title .field-content:after,
.path-news-events .main-content section .region-content .block-region-content .block-views-blockduplicate-of-latest-events-carousel-block-1 .content .view-latest-news-carousel .slick__slide .views-field-title .field-content:after,
.path-news-events .main-content section .region-content .block-region-content .block-views-blocklatest-news-carousel-block-1 .content .view-duplicate-of-latest-events-carousel .slick__slide .views-field-title .field-content:after,
.path-news-events .main-content section .region-content .block-region-content .block-views-blocklatest-news-carousel-block-1 .content .view-latest-news-carousel .slick__slide .views-field-title .field-content:after {
  content: "";
  display: block;
  height: 20px;
  background-image: url("../images/hd-br-black.png");
  background-repeat: no-repeat;
  background-position: left bottom;
}
.path-news-events .main-content section .region-content .block-region-content .block-views-blockduplicate-of-latest-events-carousel-block-1 .content .view-duplicate-of-latest-events-carousel .slick__slide .views-field-body,
.path-news-events .main-content section .region-content .block-region-content .block-views-blockduplicate-of-latest-events-carousel-block-1 .content .view-latest-news-carousel .slick__slide .views-field-body,
.path-news-events .main-content section .region-content .block-region-content .block-views-blocklatest-news-carousel-block-1 .content .view-duplicate-of-latest-events-carousel .slick__slide .views-field-body,
.path-news-events .main-content section .region-content .block-region-content .block-views-blocklatest-news-carousel-block-1 .content .view-latest-news-carousel .slick__slide .views-field-body {
  color: #222222;
}
.path-news-events .main-content section .region-content .block-region-content .block-views-blockduplicate-of-latest-events-carousel-block-1 .content .view-duplicate-of-latest-events-carousel .slick__slide .views-field-body .field-content,
.path-news-events .main-content section .region-content .block-region-content .block-views-blockduplicate-of-latest-events-carousel-block-1 .content .view-latest-news-carousel .slick__slide .views-field-body .field-content,
.path-news-events .main-content section .region-content .block-region-content .block-views-blocklatest-news-carousel-block-1 .content .view-duplicate-of-latest-events-carousel .slick__slide .views-field-body .field-content,
.path-news-events .main-content section .region-content .block-region-content .block-views-blocklatest-news-carousel-block-1 .content .view-latest-news-carousel .slick__slide .views-field-body .field-content {
  height: 80px !important;
  overflow: hidden;
}
.path-news-events .main-content section .region-content .block-region-content .block-views-blockduplicate-of-latest-events-carousel-block-1 .content .view-duplicate-of-latest-events-carousel .slick__slide .views-field-body .field-content a,
.path-news-events .main-content section .region-content .block-region-content .block-views-blockduplicate-of-latest-events-carousel-block-1 .content .view-duplicate-of-latest-events-carousel .slick__slide .views-field-body .field-content p,
.path-news-events .main-content section .region-content .block-region-content .block-views-blockduplicate-of-latest-events-carousel-block-1 .content .view-latest-news-carousel .slick__slide .views-field-body .field-content a,
.path-news-events .main-content section .region-content .block-region-content .block-views-blockduplicate-of-latest-events-carousel-block-1 .content .view-latest-news-carousel .slick__slide .views-field-body .field-content p,
.path-news-events .main-content section .region-content .block-region-content .block-views-blocklatest-news-carousel-block-1 .content .view-duplicate-of-latest-events-carousel .slick__slide .views-field-body .field-content a,
.path-news-events .main-content section .region-content .block-region-content .block-views-blocklatest-news-carousel-block-1 .content .view-duplicate-of-latest-events-carousel .slick__slide .views-field-body .field-content p,
.path-news-events .main-content section .region-content .block-region-content .block-views-blocklatest-news-carousel-block-1 .content .view-latest-news-carousel .slick__slide .views-field-body .field-content a,
.path-news-events .main-content section .region-content .block-region-content .block-views-blocklatest-news-carousel-block-1 .content .view-latest-news-carousel .slick__slide .views-field-body .field-content p {
  color: #222222;
}
.path-news-events .main-content section .region-content .block-region-content .block-views-blockduplicate-of-latest-events-carousel-block-1 .content .view-duplicate-of-latest-events-carousel .view-footer .viewall-button,
.path-news-events .main-content section .region-content .block-region-content .block-views-blockduplicate-of-latest-events-carousel-block-1 .content .view-latest-news-carousel .view-footer .viewall-button,
.path-news-events .main-content section .region-content .block-region-content .block-views-blocklatest-news-carousel-block-1 .content .view-duplicate-of-latest-events-carousel .view-footer .viewall-button,
.path-news-events .main-content section .region-content .block-region-content .block-views-blocklatest-news-carousel-block-1 .content .view-latest-news-carousel .view-footer .viewall-button {
  text-align: center;
}
@media all and (max-width: 638px) {
  .path-news-events .main-content section .region-content .block-region-content .block-views-blockduplicate-of-latest-events-carousel-block-1 .content .view-duplicate-of-latest-events-carousel .view-footer .viewall-button,
  .path-news-events .main-content section .region-content .block-region-content .block-views-blockduplicate-of-latest-events-carousel-block-1 .content .view-latest-news-carousel .view-footer .viewall-button,
  .path-news-events .main-content section .region-content .block-region-content .block-views-blocklatest-news-carousel-block-1 .content .view-duplicate-of-latest-events-carousel .view-footer .viewall-button,
  .path-news-events .main-content section .region-content .block-region-content .block-views-blocklatest-news-carousel-block-1 .content .view-latest-news-carousel .view-footer .viewall-button {
    margin-top: 70px;
  }
}
.path-news-events .main-content section .region-content .block-region-content .block-views-blockduplicate-of-latest-events-carousel-block-1 .content .view-duplicate-of-latest-events-carousel .view-footer .viewall-button a,
.path-news-events .main-content section .region-content .block-region-content .block-views-blockduplicate-of-latest-events-carousel-block-1 .content .view-latest-news-carousel .view-footer .viewall-button a,
.path-news-events .main-content section .region-content .block-region-content .block-views-blocklatest-news-carousel-block-1 .content .view-duplicate-of-latest-events-carousel .view-footer .viewall-button a,
.path-news-events .main-content section .region-content .block-region-content .block-views-blocklatest-news-carousel-block-1 .content .view-latest-news-carousel .view-footer .viewall-button a {
  font-family: 'Titillium-Bd';
  background-color: #001658;
  padding: 10px 30px;
  font-size: 16px;
  color: #ffffff;
  letter-spacing: 0.5px;
  border: 0;
  transition: all 0.2s;
}
.path-news-events .main-content section .region-content .block-region-content .block-views-blockduplicate-of-latest-events-carousel-block-1 .content .view-duplicate-of-latest-events-carousel .view-footer .viewall-button a:hover,
.path-news-events .main-content section .region-content .block-region-content .block-views-blockduplicate-of-latest-events-carousel-block-1 .content .view-latest-news-carousel .view-footer .viewall-button a:hover,
.path-news-events .main-content section .region-content .block-region-content .block-views-blocklatest-news-carousel-block-1 .content .view-duplicate-of-latest-events-carousel .view-footer .viewall-button a:hover,
.path-news-events .main-content section .region-content .block-region-content .block-views-blocklatest-news-carousel-block-1 .content .view-latest-news-carousel .view-footer .viewall-button a:hover {
  background: #222222;
  transition: all 0.2s;
}
@media all and (max-width: 1024px) {
  .path-news-events .main-content section .region-content .block-region-content .block-views-blockduplicate-of-latest-events-carousel-block-1 .content .view-duplicate-of-latest-events-carousel .view-footer .viewall-button a:hover,
  .path-news-events .main-content section .region-content .block-region-content .block-views-blockduplicate-of-latest-events-carousel-block-1 .content .view-latest-news-carousel .view-footer .viewall-button a:hover,
  .path-news-events .main-content section .region-content .block-region-content .block-views-blocklatest-news-carousel-block-1 .content .view-duplicate-of-latest-events-carousel .view-footer .viewall-button a:hover,
  .path-news-events .main-content section .region-content .block-region-content .block-views-blocklatest-news-carousel-block-1 .content .view-latest-news-carousel .view-footer .viewall-button a:hover {
    background: #001658;
  }
}
.path-news-events .main-content section .region-content .block-region-content .block-views-blockevents-and-news-achievements-carousel-block-1 {
  margin: 0;
  position: relative;
  background: linear-gradient(rgba(0, 22, 88, 0.9), rgba(0, 22, 88, 0.9)), url("../images/achievements-bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.path-news-events .main-content section .region-content .block-region-content .block-views-blockevents-and-news-achievements-carousel-block-1 .content {
  margin-top: 0;
}
.path-news-events .main-content section .region-content .block-region-content .block-views-blockevents-and-news-achievements-carousel-block-1 .view-events-and-news-achievements-carousel .view-header {
  max-width: 1290px;
  margin: 0 auto 15px;
}
@media all and (max-width: 1290px) {
  .path-news-events .main-content section .region-content .block-region-content .block-views-blockevents-and-news-achievements-carousel-block-1 .view-events-and-news-achievements-carousel .view-header {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.path-news-events .main-content section .region-content .block-region-content .block-views-blockevents-and-news-achievements-carousel-block-1 .view-events-and-news-achievements-carousel .view-header h2 {
  font-size: 28px;
  color: #ffffff;
}
@media all and (max-width: 991px) {
  .path-news-events .main-content section .region-content .block-region-content .block-views-blockevents-and-news-achievements-carousel-block-1 .view-events-and-news-achievements-carousel .view-header h2 {
    font-size: 26px;
  }
}
@media all and (max-width: 767px) {
  .path-news-events .main-content section .region-content .block-region-content .block-views-blockevents-and-news-achievements-carousel-block-1 .view-events-and-news-achievements-carousel .view-header h2 {
    font-size: 24px;
  }
}
@media all and (max-width: 479px) {
  .path-news-events .main-content section .region-content .block-region-content .block-views-blockevents-and-news-achievements-carousel-block-1 .view-events-and-news-achievements-carousel .view-header h2 {
    font-size: 22px;
  }
}
.path-news-events .main-content section .region-content .block-region-content .block-views-blockevents-and-news-achievements-carousel-block-1 .view-events-and-news-achievements-carousel .view-header h2:after {
  content: none;
}
.path-news-events .main-content section .region-content .block-region-content .block-views-blockevents-and-news-achievements-carousel-block-1 .view-events-and-news-achievements-carousel .view-header:after {
  content: none;
}
.path-news-events .main-content section .region-content .block-region-content .block-views-blockevents-and-news-achievements-carousel-block-1 .view-events-and-news-achievements-carousel .view-content {
  color: #ffffff;
}
.path-news-events .main-content section .region-content .block-region-content .block-views-blockevents-and-news-achievements-carousel-block-1 .view-events-and-news-achievements-carousel .view-content .slick .slick__slide .views-field-field-image {
  float: left;
  width: 50%;
  padding: 15px 15px 15px 0;
}
@media all and (max-width: 640px) {
  .path-news-events .main-content section .region-content .block-region-content .block-views-blockevents-and-news-achievements-carousel-block-1 .view-events-and-news-achievements-carousel .view-content .slick .slick__slide .views-field-field-image {
    float: none;
    width: 100%;
    padding: 15px;
  }
}
.path-news-events .main-content section .region-content .block-region-content .block-views-blockevents-and-news-achievements-carousel-block-1 .view-events-and-news-achievements-carousel .view-content .slick .slick__slide .views-field-body {
  float: right;
  width: 50%;
  padding: 15px 15px 15px 30px;
}
@media all and (max-width: 767px) {
  .path-news-events .main-content section .region-content .block-region-content .block-views-blockevents-and-news-achievements-carousel-block-1 .view-events-and-news-achievements-carousel .view-content .slick .slick__slide .views-field-body {
    padding: 15px 15px 15px 0;
  }
}
@media all and (max-width: 640px) {
  .path-news-events .main-content section .region-content .block-region-content .block-views-blockevents-and-news-achievements-carousel-block-1 .view-events-and-news-achievements-carousel .view-content .slick .slick__slide .views-field-body {
    float: none;
    width: 100%;
    padding: 15px;
  }
}
.path-news-events .main-content section .region-content .block-region-content .block-views-blockevents-and-news-achievements-carousel-block-1 .view-events-and-news-achievements-carousel .view-content .slick .slick__slide .views-field-body .achievements-content h1 {
  color: #ffffff;
  margin: 0 0 0.5em;
  font-family: 'Titillium-Bd';
  font-size: 18px;
}
.path-news-events .main-content section .region-content .block-region-content .block-views-blockevents-and-news-achievements-carousel-block-1 .view-events-and-news-achievements-carousel .view-content .slick .slick__slide .views-field-body .achievements-content p {
  max-width: 600px;
  font-family: 'Titillium-Rg';
  font-size: 16px;
}
@media all and (max-width: 767px) {
  .path-news-events .main-content section .region-content .block-region-content .block-views-blockevents-and-news-achievements-carousel-block-1 .view-events-and-news-achievements-carousel .view-content .slick .slick__slide .views-field-body .achievements-content p {
    padding-right: 20px;
    font-size: 15px;
  }
}
.path-news-events .main-content section .region-content .block-region-content .block-views-blockevents-and-news-achievements-carousel-block-1 .view-events-and-news-achievements-carousel .view-content .slick nav.slick__arrow {
  opacity: inherit !important;
  filter: alpha(opacity=1);
  top: 92%;
}
.path-news-events .main-content section .region-content .block-region-content .block-views-blockevents-and-news-achievements-carousel-block-1 .view-events-and-news-achievements-carousel .view-content .slick nav.slick__arrow .slick-arrow {
  height: 30px !important;
}
.path-news-events .main-content section .region-content .block-region-content .block-views-blockevents-and-news-achievements-carousel-block-1 .view-events-and-news-achievements-carousel .view-content .slick nav.slick__arrow .slick-arrow.slick-prev {
  left: auto;
  right: 171px;
  background-color: white;
  border-radius: 0;
  width: 23px;
  height: auto;
  padding: 5px;
}
@media all and (max-width: 1260px) {
  .path-news-events .main-content section .region-content .block-region-content .block-views-blockevents-and-news-achievements-carousel-block-1 .view-events-and-news-achievements-carousel .view-content .slick nav.slick__arrow .slick-arrow.slick-prev {
    right: 69px;
  }
}
.path-news-events .main-content section .region-content .block-region-content .block-views-blockevents-and-news-achievements-carousel-block-1 .view-events-and-news-achievements-carousel .view-content .slick nav.slick__arrow .slick-arrow.slick-prev:before {
  content: "";
  display: block;
  height: 17px;
  opacity: 1;
  background-image: url("../images/arrow-left.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-color: transparent !important;
  background-size: auto;
}
.path-news-events .main-content section .region-content .block-region-content .block-views-blockevents-and-news-achievements-carousel-block-1 .view-events-and-news-achievements-carousel .view-content .slick nav.slick__arrow .slick-arrow.slick-prev:hover {
  background-color: #c2c2c2;
}
.path-news-events .main-content section .region-content .block-region-content .block-views-blockevents-and-news-achievements-carousel-block-1 .view-events-and-news-achievements-carousel .view-content .slick nav.slick__arrow .slick-arrow.slick-next {
  right: 147px;
  background-color: white;
  border-radius: 0;
  width: 23px;
  height: auto;
  padding: 5px;
}
@media all and (max-width: 1260px) {
  .path-news-events .main-content section .region-content .block-region-content .block-views-blockevents-and-news-achievements-carousel-block-1 .view-events-and-news-achievements-carousel .view-content .slick nav.slick__arrow .slick-arrow.slick-next {
    right: 45px;
  }
}
.path-news-events .main-content section .region-content .block-region-content .block-views-blockevents-and-news-achievements-carousel-block-1 .view-events-and-news-achievements-carousel .view-content .slick nav.slick__arrow .slick-arrow.slick-next:before {
  content: "";
  display: block;
  height: 17px;
  opacity: 1;
  background-image: url("../images/arrow-right.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-color: transparent !important;
  background-size: auto;
}
.path-news-events .main-content section .region-content .block-region-content .block-views-blockevents-and-news-achievements-carousel-block-1 .view-events-and-news-achievements-carousel .view-content .slick nav.slick__arrow .slick-arrow.slick-next:hover {
  background-color: #c2c2c2;
}
.path-news-events .main-content section .region-content .block-region-content .block-views-blockevents-and-news-achievements-carousel-block-1 .view-events-and-news-achievements-carousel .view-content .slick ul.slick-dots li.slick-active button:before {
  color: #ffffff;
}
@media all and (max-width: 600px) {
  .path-news-events .main-content section .region-content .block-region-content .block-views-blockevents-and-news-achievements-carousel-block-1 .view-events-and-news-achievements-carousel .view-content .slick ul.slick-dots {
    bottom: -30px;
  }
}

html:lang(ar) .path-news-events .block-region-content .block-views-blockduplicate-of-latest-events-carousel-block-1 .views-field-title .field-content:after,
html:lang(ar) .path-news-events .block-region-content .block-views-blocklatest-news-carousel-block-1 .views-field-title .field-content:after {
  background-position: right bottom !important;
}
html:lang(ar) .path-news-events .block-region-content .block-views-blockevents-and-news-achievements-carousel-block-1 .view-events-and-news-achievements-carousel .view-content .slick .slick__slide .views-field-field-image {
  float: right !important;
  padding: 15px 0 15px 15px !important;
}
html:lang(ar) .path-news-events .block-region-content .block-views-blockevents-and-news-achievements-carousel-block-1 .view-events-and-news-achievements-carousel .view-content .slick .slick__slide .views-field-body {
  float: left !important;
}
@media all and (max-width: 767px) {
  html:lang(ar) .path-news-events .block-region-content .block-views-blockevents-and-news-achievements-carousel-block-1 .view-events-and-news-achievements-carousel .view-content .slick .slick__slide .views-field-body .achievements-content h1 {
    padding-left: 20px !important;
  }
}
@media all and (max-width: 767px) {
  html:lang(ar) .path-news-events .block-region-content .block-views-blockevents-and-news-achievements-carousel-block-1 .view-events-and-news-achievements-carousel .view-content .slick .slick__slide .views-field-body .achievements-content p {
    padding-right: 0 !important;
    padding-left: 20px !important;
  }
}
@media all and (max-width: 991px) {
  html:lang(ar) .path-news-events .block-region-content .block-views-blockevents-and-news-achievements-carousel-block-1 .view-events-and-news-achievements-carousel .view-content .slick nav.slick__arrow {
    top: 100% !important;
  }
}
html:lang(ar) .path-news-events .block-region-content .block-views-blockevents-and-news-achievements-carousel-block-1 .view-events-and-news-achievements-carousel .view-content .slick nav.slick__arrow .slick-arrow.slick-next {
  left: 171px;
  right: auto !important;
}
html:lang(ar) .path-news-events .block-region-content .block-views-blockevents-and-news-achievements-carousel-block-1 .view-events-and-news-achievements-carousel .view-content .slick nav.slick__arrow .slick-arrow.slick-prev {
  left: 135px !important;
  right: auto !important;
}

.path-careers .main-content {
  background: white !important;
}
.path-careers .main-content .section {
  background: white !important;
}
.path-careers .main-content .block-views-blockwhy-working-with-us-block-1 {
  background: white !important;
}
@media all and (max-width: 991px) {
  .path-careers .main-content .block-views-blockwhy-working-with-us-block-1 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
.path-careers .main-content .block-views-blockwhy-working-with-us-block-1 .view .views-field-title .field-content {
  font-family: 'Titillium-Bd';
  line-height: 1.2;
  font-size: 28px;
}
@media all and (max-width: 991px) {
  .path-careers .main-content .block-views-blockwhy-working-with-us-block-1 .view .views-field-title .field-content {
    font-size: 24px;
  }
}
@media all and (max-width: 767px) {
  .path-careers .main-content .block-views-blockwhy-working-with-us-block-1 .view .views-field-title .field-content {
    font-size: 22px;
  }
}
@media all and (max-width: 479px) {
  .path-careers .main-content .block-views-blockwhy-working-with-us-block-1 .view .views-field-title .field-content {
    font-size: 20px;
  }
}
.path-careers .main-content .block-views-blockwhy-working-with-us-block-1 .view .views-field-title .field-content:after {
  content: "";
  display: block;
  height: 10px;
  background-image: url("../images/hd-br-black.png");
  background-repeat: no-repeat;
  background-position: left bottom;
}
.path-careers .main-content .block-views-blockwhy-working-with-us-block-1 .view .views-field-body {
  margin-top: 20px;
  width: 70%;
}
@media all and (max-width: 1200px) {
  .path-careers .main-content .block-views-blockwhy-working-with-us-block-1 .view .views-field-body {
    width: 80%;
  }
}
@media all and (max-width: 1024px) {
  .path-careers .main-content .block-views-blockwhy-working-with-us-block-1 .view .views-field-body {
    width: 100%;
  }
}
.path-careers .main-content .block-views-blockwhy-working-with-us-block-1 .view .views-field-body p {
  font-family: 'Titillium-Rg';
  font-size: 16px;
  text-align: justify;
  font-weight: 300;
  margin-bottom: 0;
}
@media all and (max-width: 479px) {
  .path-careers .main-content .block-views-blockwhy-working-with-us-block-1 .view .views-field-body p {
    font-size: 15px;
  }
}
.path-careers .main-content .block-quicktabs-blockavailable-jobs {
  max-width: 1290px;
  margin: 0 auto;
}
@media all and (max-width: 1290px) {
  .path-careers .main-content .block-quicktabs-blockavailable-jobs {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.path-careers .main-content .block-quicktabs-blockavailable-jobs h2 {
  font-family: 'Titillium-Semib';
  margin: 0;
  line-height: 1.2;
  font-size: 28px;
}
@media all and (max-width: 991px) {
  .path-careers .main-content .block-quicktabs-blockavailable-jobs h2 {
    font-size: 24px;
  }
}
@media all and (max-width: 767px) {
  .path-careers .main-content .block-quicktabs-blockavailable-jobs h2 {
    font-size: 22px;
  }
}
@media all and (max-width: 479px) {
  .path-careers .main-content .block-quicktabs-blockavailable-jobs h2 {
    font-size: 20px;
  }
}
.path-careers .main-content .block-quicktabs-blockavailable-jobs h2:after {
  content: "";
  display: block;
  height: 20px;
  background-image: url("../images/hd-br-black.png");
  background-repeat: no-repeat;
  background-position: left bottom;
}
.path-careers .main-content .block-quicktabs-blockavailable-jobs .content {
  margin-top: 20px !important;
}
.path-careers .main-content .block-quicktabs-blockavailable-jobs .content .quicktabs-accordion .ui-accordion-header {
  padding-bottom: 10px;
  padding-left: 25px;
  padding-top: 15px;
  text-decoration: none;
  background: white;
  border: none;
  outline: none;
  border-top: 2px solid #b1b1b1 !important;
  background-image: url("../images/accordian-plus.png");
  background-repeat: no-repeat;
  background-position: right center;
}
@media all and (max-width: 767px) {
  .path-careers .main-content .block-quicktabs-blockavailable-jobs .content .quicktabs-accordion .ui-accordion-header {
    padding-left: 10px;
  }
}
.path-careers .main-content .block-quicktabs-blockavailable-jobs .content .quicktabs-accordion .ui-accordion-header span {
  width: 12px;
  height: 12px;
  background: #1e2659 !important;
  background-position: inherit;
  margin-top: -13px;
  margin-right: 15px;
}
@media all and (max-width: 991px) {
  .path-careers .main-content .block-quicktabs-blockavailable-jobs .content .quicktabs-accordion .ui-accordion-header span {
    margin-top: -9px;
  }
}
@media all and (max-width: 767px) {
  .path-careers .main-content .block-quicktabs-blockavailable-jobs .content .quicktabs-accordion .ui-accordion-header span {
    margin-top: -6px;
    width: 10px;
    height: 10px;
  }
}
@media all and (max-width: 479px) {
  .path-careers .main-content .block-quicktabs-blockavailable-jobs .content .quicktabs-accordion .ui-accordion-header span {
    margin-top: -4px;
  }
}
.path-careers .main-content .block-quicktabs-blockavailable-jobs .content .quicktabs-accordion .ui-accordion-header a {
  font-family: 'Titillium-Bd';
  color: #3b3b3b;
  border-bottom: none;
  font-size: 24px;
}
@media all and (max-width: 991px) {
  .path-careers .main-content .block-quicktabs-blockavailable-jobs .content .quicktabs-accordion .ui-accordion-header a {
    font-size: 21px;
  }
}
@media all and (max-width: 767px) {
  .path-careers .main-content .block-quicktabs-blockavailable-jobs .content .quicktabs-accordion .ui-accordion-header a {
    font-size: 19px;
  }
}
@media all and (max-width: 479px) {
  .path-careers .main-content .block-quicktabs-blockavailable-jobs .content .quicktabs-accordion .ui-accordion-header a {
    font-size: 17px;
  }
}
.path-careers .main-content .block-quicktabs-blockavailable-jobs .content .quicktabs-accordion .ui-accordion-header.ui-state-active {
  text-decoration: none;
  background: white;
  border: none;
  outline: none;
  border-top: 2px solid #b1b1b1 !important;
  background-image: url("../images/accordian-minus.png");
  background-repeat: no-repeat;
  background-position: right center;
}
.path-careers .main-content .block-quicktabs-blockavailable-jobs .content .quicktabs-accordion .ui-accordion-header.ui-state-active a {
  color: #3b3b3b;
}
.path-careers .main-content .block-quicktabs-blockavailable-jobs .content .quicktabs-accordion .ui-accordion-content {
  border: none;
  padding-top: 0;
  padding-left: 55px;
}
@media all and (max-width: 767px) {
  .path-careers .main-content .block-quicktabs-blockavailable-jobs .content .quicktabs-accordion .ui-accordion-content {
    padding-left: 35px;
  }
}
.path-careers .main-content .block-quicktabs-blockavailable-jobs .content .quicktabs-accordion .ui-accordion-content article header {
  display: none;
}
.path-careers .main-content .block-quicktabs-blockavailable-jobs .content .quicktabs-accordion .ui-accordion-content article header h2:after {
  content: "";
  background: none !important;
  height: 0;
}
.path-careers .main-content .block-views-blockavailable-jobs-views-block-1 {
  background: white !important;
  padding-bottom: 50px;
}
@media all and (max-width: 991px) {
  .path-careers .main-content .block-views-blockavailable-jobs-views-block-1 {
    padding-bottom: 35px;
  }
}
.path-careers .main-content .block-views-blockavailable-jobs-views-block-1 .view-available-jobs-views .view-content {
  margin: 30px 0;
}
.path-careers .main-content .block-views-blockavailable-jobs-views-block-1 .view-available-jobs-views .view-content .views-row {
  margin-top: 15px;
  padding: 15px 25px 0;
  border-top: 2px solid #b1b1b1;
}
@media all and (max-width: 767px) {
  .path-careers .main-content .block-views-blockavailable-jobs-views-block-1 .view-available-jobs-views .view-content .views-row {
    padding: 15px 15px 0;
  }
}
@media all and (max-width: 479px) {
  .path-careers .main-content .block-views-blockavailable-jobs-views-block-1 .view-available-jobs-views .view-content .views-row {
    padding: 15px 10px 0;
  }
}
.path-careers .main-content .block-views-blockavailable-jobs-views-block-1 .view-available-jobs-views .view-content .views-row .views-field-title {
  font-family: 'Titillium-Bd';
  color: #3b3b3b;
  font-size: 24px;
  background-image: url("../images/accordian-plus.png");
  background-repeat: no-repeat;
  background-position: right center;
  transition: 0.4s;
  margin-bottom: 15px;
  cursor: pointer;
}
.path-careers .main-content .block-views-blockavailable-jobs-views-block-1 .view-available-jobs-views .view-content .views-row .views-field-title:link, .path-careers .main-content .block-views-blockavailable-jobs-views-block-1 .view-available-jobs-views .view-content .views-row .views-field-title:hover, .path-careers .main-content .block-views-blockavailable-jobs-views-block-1 .view-available-jobs-views .view-content .views-row .views-field-title:active, .path-careers .main-content .block-views-blockavailable-jobs-views-block-1 .view-available-jobs-views .view-content .views-row .views-field-title:focus {
  background-color: transparent;
}
.path-careers .main-content .block-views-blockavailable-jobs-views-block-1 .view-available-jobs-views .view-content .views-row .views-field-title.open {
  background-image: url("../images/accordian-minus.png");
}
@media all and (max-width: 991px) {
  .path-careers .main-content .block-views-blockavailable-jobs-views-block-1 .view-available-jobs-views .view-content .views-row .views-field-title {
    font-size: 21px;
  }
}
@media all and (max-width: 767px) {
  .path-careers .main-content .block-views-blockavailable-jobs-views-block-1 .view-available-jobs-views .view-content .views-row .views-field-title {
    font-size: 19px;
  }
}
@media all and (max-width: 479px) {
  .path-careers .main-content .block-views-blockavailable-jobs-views-block-1 .view-available-jobs-views .view-content .views-row .views-field-title {
    font-size: 17px;
  }
}
.path-careers .main-content .block-views-blockavailable-jobs-views-block-1 .view-available-jobs-views .view-content .views-row .views-field-title span {
  background-image: url("../images/bullets.png");
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 25px;
  padding-right: 40px;
  background-position-y: 11px;
}
@media all and (max-width: 991px) {
  .path-careers .main-content .block-views-blockavailable-jobs-views-block-1 .view-available-jobs-views .view-content .views-row .views-field-title span {
    background-position-y: 10px;
  }
}
@media all and (max-width: 767px) {
  .path-careers .main-content .block-views-blockavailable-jobs-views-block-1 .view-available-jobs-views .view-content .views-row .views-field-title span {
    background-position-y: 9px;
  }
}
@media all and (max-width: 479px) {
  .path-careers .main-content .block-views-blockavailable-jobs-views-block-1 .view-available-jobs-views .view-content .views-row .views-field-title span {
    background-position-y: 8px;
  }
}
.path-careers .main-content .block-views-blockavailable-jobs-views-block-1 .view-available-jobs-views .view-content .views-row .views-field-body {
  width: 70%;
  padding-left: 25px;
  max-height: 25px;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}
@media all and (max-width: 991px) {
  .path-careers .main-content .block-views-blockavailable-jobs-views-block-1 .view-available-jobs-views .view-content .views-row .views-field-body {
    width: 90%;
  }
}
.path-careers .main-content .block-views-blockavailable-jobs-views-block-1 .view-available-jobs-views .view-content .views-row .views-field-body p {
  font-family: 'Titillium-Rg';
  font-size: 16px;
  text-align: justify;
  font-weight: 300;
  margin-bottom: 0;
}
@media all and (max-width: 479px) {
  .path-careers .main-content .block-views-blockavailable-jobs-views-block-1 .view-available-jobs-views .view-content .views-row .views-field-body p {
    font-size: 15px;
  }
}
.path-careers .main-content .block-views-blockavailable-jobs-views-block-1 .view-available-jobs-views .view-content .views-row .views-field-body ul {
  margin: 0;
  padding: 0;
}
.path-careers .main-content .block-views-blockavailable-jobs-views-block-1 .view-available-jobs-views .view-content .views-row .views-field-body ul li {
  font-family: 'Titillium-Rg';
  font-size: 16px;
  text-align: justify;
  font-weight: 300;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
@media all and (max-width: 479px) {
  .path-careers .main-content .block-views-blockavailable-jobs-views-block-1 .view-available-jobs-views .view-content .views-row .views-field-body ul li {
    font-size: 15px;
  }
}
.path-careers .main-content #block-arshipping-content .content .layout--twocol {
  display: block;
  flex-wrap: unset;
}
.path-careers .main-content #block-arshipping-content .content .layout--twocol .layout__region--top {
  flex: none;
  max-width: 1290px;
  margin: 0 auto;
}
@media all and (max-width: 1300px) {
  .path-careers .main-content #block-arshipping-content .content .layout--twocol .layout__region--top {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 599px) {
  .path-careers .main-content #block-arshipping-content .content .layout--twocol .layout__region--top {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.path-careers .main-content .layout__region--first {
  width: 100%;
  flex: auto !important;
  background-image: url("../images/career-form-bg.jpg");
  background-repeat: repeat-y;
  background-size: contain;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media all and (max-width: 991px) {
  .path-careers .main-content .layout__region--first {
    padding-top: 35px;
    padding-bottom: 35px;
    background-size: cover;
  }
}
.path-careers .main-content .layout__region--first .block-region-first {
  max-width: 1290px;
  margin: 0 auto;
  clear: both;
  display: flex;
}
@media all and (max-width: 1300px) {
  .path-careers .main-content .layout__region--first .block-region-first {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 599px) {
  .path-careers .main-content .layout__region--first .block-region-first {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form {
  width: 50%;
  float: left;
}
@media all and (max-width: 991px) {
  .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form {
    width: 100%;
  }
}
.path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form h2 {
  margin-top: 0;
  margin-bottom: 35px;
  font-family: 'Titillium-Semib';
  font-size: 28px;
}
@media all and (max-width: 991px) {
  .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form h2 {
    font-size: 24px;
  }
}
@media all and (max-width: 767px) {
  .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form h2 {
    font-size: 22px;
  }
}
@media all and (max-width: 479px) {
  .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form h2 {
    font-size: 20px;
  }
}
.path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form h2:after {
  content: "";
  display: block;
  height: 10px;
  background-image: url("../images/hd-br-black.png");
  background-repeat: no-repeat;
  background-position: left bottom;
}
@media all and (max-width: 559px) {
  .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form {
    padding: 0;
  }
}
.path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form label {
  display: none;
}
.path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form textarea {
  line-height: 15px;
}
.path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form input, .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form textarea {
  background-color: transparent;
  border: 1px solid #000;
  padding: 10px 4px 10px 20px;
  border-radius: 0 !important;
  max-width: 100%;
  width: 86% !important;
  font-size: 16px;
  font-family: 'Titillium-Lt';
  color: #424242;
}
.path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form input::-webkit-input-placeholder, .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  text-transform: uppercase;
  font-size: 14px !important;
  color: rgba(59, 59, 59, 0.6);
}
.path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form input::-moz-placeholder, .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form textarea::-moz-placeholder {
  /* Firefox 19+ */
  text-transform: uppercase;
  font-size: 14px !important;
  color: rgba(59, 59, 59, 0.6);
}
.path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form input:-ms-input-placeholder, .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form textarea:-ms-input-placeholder {
  /* IE 10+ */
  text-transform: uppercase;
  font-size: 14px !important;
  color: rgba(59, 59, 59, 0.6);
}
.path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form input:-moz-placeholder, .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form textarea:-moz-placeholder {
  /* Firefox 18- */
  text-transform: uppercase;
  font-size: 14px !important;
  color: rgba(59, 59, 59, 0.6);
}
@media all and (max-width: 991px) {
  .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form input, .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form textarea {
    width: 100% !important;
  }
}
.path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form .form-item-copy {
  display: none;
}
.path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-contact-number-wrapper, .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-job-type-wrapper, .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-country-wrapper, .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-upload-resume-wrapper {
  width: 46%;
  float: left;
  margin-bottom: 1em;
}
.path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-contact-number-wrapper .form-item, .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-job-type-wrapper .form-item, .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-country-wrapper .form-item, .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-upload-resume-wrapper .form-item {
  margin: 0;
}
@media all and (max-width: 991px) {
  .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-contact-number-wrapper, .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-job-type-wrapper, .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-country-wrapper, .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-upload-resume-wrapper {
    width: 50%;
  }
  .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-contact-number-wrapper input, .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-job-type-wrapper input, .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-country-wrapper input, .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-upload-resume-wrapper input {
    width: 98%;
  }
}
@media all and (max-width: 991px) and (max-width: 599px) {
  .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-contact-number-wrapper input, .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-job-type-wrapper input, .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-country-wrapper input, .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-upload-resume-wrapper input {
    width: 100%;
  }
}

@media all and (max-width: 599px) {
  .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-contact-number-wrapper, .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-job-type-wrapper, .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-country-wrapper, .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-upload-resume-wrapper {
    width: 100%;
  }
}
@media all and (max-width: 991px) {
  .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-contact-number-wrapper input, .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-country-wrapper input {
    float: left;
  }
}
@media all and (max-width: 991px) {
  .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-job-type-wrapper input, .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-upload-resume-wrapper input {
    float: right;
  }
}
.path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-upload-resume-wrapper {
  width: 46%;
  float: left;
  margin-bottom: 1em;
}
@media all and (max-width: 991px) {
  .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-upload-resume-wrapper {
    width: 50%;
  }
}
@media all and (max-width: 599px) {
  .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-upload-resume-wrapper {
    width: 100%;
  }
}
.path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-upload-resume-wrapper label {
  display: block !important;
  box-sizing: border-box;
  background-color: transparent;
  background-image: url("../images/file-upload.png");
  background-repeat: no-repeat;
  background-position: right -5px;
  border: 1px solid #000;
  margin-top: 1px;
  padding: 11px 4px 11px 20px;
  border-radius: 0;
  max-width: 100%;
  width: 86%;
  font-family: 'Titillium-Lt';
  text-transform: uppercase;
  font-size: 14px !important;
  line-height: 25px;
  color: rgba(59, 59, 59, 0.6);
  font-weight: 100;
}
@media all and (max-width: 991px) {
  .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-upload-resume-wrapper label {
    float: right;
    width: 98%;
  }
}
@media all and (max-width: 599px) {
  .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-upload-resume-wrapper label {
    width: 100%;
  }
}
.path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-upload-resume-wrapper .js-form-type-managed-file {
  margin-top: 0;
  position: relative;
}
.path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-upload-resume-wrapper .js-form-type-managed-file input.form-file {
  display: none;
}
.path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-upload-resume-wrapper .js-form-type-managed-file span.file--text {
  margin-top: 15px;
}
.path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-upload-resume-wrapper .js-form-type-managed-file span.file--text a {
  color: #424242;
  font-family: 'Titillium-rg';
  font-size: 16px;
}
.path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-upload-resume-wrapper .js-form-type-managed-file .js-form-submit {
  position: absolute;
  bottom: -6px;
  font-size: 0;
  background-image: url("../images/remove.png");
  background-repeat: no-repeat;
  width: 10px;
  height: 10px;
  border: none;
  margin-left: 15px;
  float: none !important;
}
.path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-upload-resume-wrapper .js-form-type-managed-file .description {
  display: none;
}
@media all and (max-width: 991px) {
  .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form #edit-field-upload-resume-wrapper .js-form-type-managed-file .description {
    clear: both;
    padding-left: 15px;
  }
}
.path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form .form-actions {
  margin-bottom: 0;
  clear: both;
}
.path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form .form-actions #edit-preview {
  display: none;
}
.path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form .form-actions #edit-submit {
  padding: 17px 70px 15px 23px;
  font-size: 15px;
  border-color: #ddd;
  background-color: #222222;
  color: #ffffff;
  position: relative;
  font-family: 'Titillium-Bd';
  text-transform: uppercase;
  background-image: url("../images/buttn-arrow.jpg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 30%;
  width: auto !important;
  border: transparent !important;
}
@media all and (max-width: 991px) {
  .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form .form-actions #edit-submit {
    background-color: #011659;
  }
}
.path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form .content form .form-actions #edit-submit:hover {
  background-color: #011659;
}
.path-careers .main-content .layout__region--first .block-region-first .block-views-blockcareers-block-1 {
  width: 50%;
  float: left;
}
@media all and (max-width: 991px) {
  .path-careers .main-content .layout__region--first .block-region-first .block-views-blockcareers-block-1 {
    display: none;
  }
}
.path-careers .main-content .layout__region--first .block-region-first .block-views-blockcareers-block-1 .view-content {
  text-align: center;
  padding-top: 45px;
  padding-left: 22px;
}

html:lang(ar) .path-careers .main-content .block-views-blockwhy-working-with-us-block-1 .view .views-field-title .field-content:after {
  background-position: right bottom;
}
html:lang(ar) .path-careers .main-content .block-views-blockavailable-jobs-views-block-1 .view-available-jobs-views .view-header pre, html:lang(ar) .path-careers .main-content .block-views-blockavailable-jobs-views-block-1 .view-available-jobs-views .view-header h2 {
  overflow: -moz-scrollbars-none;
  overflow: hidden;
  font-size: 28px;
  font-family: 'Titillium-Semib';
  margin: 0;
  line-height: 1.2;
}
html:lang(ar) .path-careers .main-content .block-views-blockavailable-jobs-views-block-1 .view-available-jobs-views .view-header pre:after, html:lang(ar) .path-careers .main-content .block-views-blockavailable-jobs-views-block-1 .view-available-jobs-views .view-header h2:after {
  content: "";
  display: block;
  height: 20px;
  background-image: url(../images/hd-br-black.png);
  background-repeat: no-repeat;
  background-position: right bottom;
}
html:lang(ar) .path-careers .main-content .block-views-blockavailable-jobs-views-block-1 .view-available-jobs-views .view-content .views-row .views-field-title {
  background-position: left center;
}
html:lang(ar) .path-careers .main-content .block-views-blockavailable-jobs-views-block-1 .view-available-jobs-views .view-content .views-row .views-field-title span {
  background-position: right top;
  padding-left: 0;
  padding-right: 25px;
  background-position-y: 11px;
}
@media all and (max-width: 991px) {
  html:lang(ar) .path-careers .main-content .block-views-blockavailable-jobs-views-block-1 .view-available-jobs-views .view-content .views-row .views-field-title span {
    background-position-y: 10px;
  }
}
@media all and (max-width: 767px) {
  html:lang(ar) .path-careers .main-content .block-views-blockavailable-jobs-views-block-1 .view-available-jobs-views .view-content .views-row .views-field-title span {
    background-position-y: 9px;
  }
}
@media all and (max-width: 479px) {
  html:lang(ar) .path-careers .main-content .block-views-blockavailable-jobs-views-block-1 .view-available-jobs-views .view-content .views-row .views-field-title span {
    background-position-y: 8px;
  }
}
html:lang(ar) .path-careers .main-content .layout__region--first {
  background-image: url(../images/career-form-bg-ar.jpg);
}
@media all and (max-width: 991px) {
  html:lang(ar) .path-careers .main-content .layout__region--first {
    background-image: none;
    background-color: #e2e2e2;
  }
}
html:lang(ar) .path-careers .main-content .layout__region--first .block-region-first .block-views-blockcareers-block-1 .view-content {
  padding-left: 0;
  padding-right: 22px;
}
html:lang(ar) .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form h2:after {
  background-position: right bottom;
}
html:lang(ar) .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form #contact-message-apply-for-job-form #edit-field-contact-number-wrapper, html:lang(ar) .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form #contact-message-apply-for-job-form #edit-field-job-type-wrapper, html:lang(ar) .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form #contact-message-apply-for-job-form #edit-field-country-wrapper, html:lang(ar) .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form #contact-message-apply-for-job-form #edit-field-upload-resume-wrapper {
  float: right;
}
@media all and (max-width: 991px) {
  html:lang(ar) .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form #contact-message-apply-for-job-form #edit-field-contact-number-wrapper input, html:lang(ar) .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form #contact-message-apply-for-job-form #edit-field-country-wrapper input {
    float: right;
  }
}
@media all and (max-width: 991px) {
  html:lang(ar) .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form #contact-message-apply-for-job-form #edit-field-job-type-wrapper input, html:lang(ar) .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form #contact-message-apply-for-job-form #edit-field-upload-resume-wrapper input {
    float: left;
  }
}
html:lang(ar) .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form #contact-message-apply-for-job-form #edit-field-upload-resume-wrapper label {
  background-position: left -5px;
  padding: 11px 20px 11px 4px;
}
@media all and (max-width: 991px) {
  html:lang(ar) .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form #contact-message-apply-for-job-form #edit-field-upload-resume-wrapper label {
    float: left;
  }
}
html:lang(ar) .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form #contact-message-apply-for-job-form .form-actions #edit-submit {
  padding: 17px 23px 15px 70px;
  background-position: left center;
  background-image: url(../images/buttn-arrow-ar.jpg);
}
html:lang(ar) .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form #contact-message-apply-for-job-form input, html:lang(ar) .path-careers .main-content .layout__region--first .block-region-first .contact-message-apply-for-job-form #contact-message-apply-for-job-form textarea {
  padding: 10px 20px 10px 4px;
}

@font-face {
  font-family: Titillium-Bl;
  src: url(../fonts/TitilliumWeb-Black.ttf) format("truetype");
}
@font-face {
  font-family: Titillium-Bd;
  src: url(../fonts/TitilliumWeb-Bold.ttf) format("truetype");
}
@font-face {
  font-family: Titillium-Lt;
  src: url(../fonts/TitilliumWeb-Light.ttf) format("truetype");
}
@font-face {
  font-family: Titillium-Rg;
  src: url(../fonts/TitilliumWeb-Regular.ttf) format("truetype");
}
@font-face {
  font-family: Titillium-Sb;
  src: url(../fonts/TitilliumWeb-Black.ttf) format("truetype");
}
@font-face {
  font-family: Titillium-Semib;
  src: url(../fonts/TitilliumWeb-SemiBold.ttf) format("truetype");
}
@font-face {
  font-family: Fontawesome;
  src: url(../fonts/fontawesome-webfont.ttf) format("truetype");
}
@font-face {
  font-family: Arabic;
  src: url(../fonts/AcehDarusalam.ttf) format("truetype");
}
@font-face {
  font-family: Great-Vibes;
  src: url(../fonts/GreatVibes-Regular.ttf) format("truetype");
}
.path-events #page-wrapper #main-wrapper .main-content .region-content .block-system-main-block,
.path-news #page-wrapper #main-wrapper .main-content .region-content .block-system-main-block {
  margin-top: -10px;
}
.path-events .main-content,
.path-news .main-content {
  background-color: #ffffff !important;
}
.path-events .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block,
.path-news .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block {
  max-width: 1290px;
  margin: 70px auto 0px;
  padding-bottom: 50px;
}
@media all and (max-width: 1290px) {
  .path-events .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block,
  .path-news .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 767px) {
  .path-events .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block,
  .path-news .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block {
    margin: 40px auto 0px;
  }
}
.path-events .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block h2,
.path-news .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block h2 {
  font-family: 'Titillium-Semib';
  margin: 0 0 30px;
  font-size: 28px;
  line-height: 1.2;
}
@media all and (max-width: 991px) {
  .path-events .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block h2,
  .path-news .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block h2 {
    font-size: 26px;
  }
}
@media all and (max-width: 767px) {
  .path-events .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block h2,
  .path-news .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block h2 {
    font-size: 24px;
  }
}
@media all and (max-width: 479px) {
  .path-events .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block h2,
  .path-news .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block h2 {
    font-size: 22px;
  }
}
.path-events .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block h2:after,
.path-news .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block h2:after {
  content: "";
  display: block;
  height: 20px;
  background-image: url(../images/hd-br-black.png);
  background-repeat: no-repeat;
  background-position: left bottom;
}
.path-events .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block .newsletter-container,
.path-news .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block .newsletter-container {
  max-width: 90%;
  margin: 0 auto;
}
.path-events .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block .newsletter-container .slick-track,
.path-news .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block .newsletter-container .slick-track {
  padding-top: 20px;
}
.path-events .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block .newsletter-container .slick-arrow:hover:before,
.path-news .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block .newsletter-container .slick-arrow:hover:before {
  background-color: #001658 !important;
}
.path-events .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block .newsletter-container .slick-prev,
.path-news .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block .newsletter-container .slick-prev {
  z-index: 9;
  left: -43px;
}
@media all and (max-width: 767px) {
  .path-events .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block .newsletter-container .slick-prev,
  .path-news .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block .newsletter-container .slick-prev {
    left: -25px;
  }
}
.path-events .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block .newsletter-container .slick-next,
.path-news .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block .newsletter-container .slick-next {
  right: -43px;
}
@media all and (max-width: 767px) {
  .path-events .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block .newsletter-container .slick-next,
  .path-news .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block .newsletter-container .slick-next {
    right: -25px;
  }
}
.path-events .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block .newsletter-container .slick-prev::before,
.path-news .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block .newsletter-container .slick-prev::before {
  content: "";
  display: block;
  height: 50px;
  opacity: 1;
  background-image: url(../images/lt-arr.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-position: center;
  background-size: 30%;
  background-color: rgba(0, 22, 88, 0.75) !important;
}
.path-events .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block .newsletter-container .slick-next::before,
.path-news .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block .newsletter-container .slick-next::before {
  content: "";
  display: block;
  height: 50px;
  opacity: 1;
  background-image: url(../images/rt-arr.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30%;
  background-color: rgba(0, 22, 88, 0.75) !important;
}
.path-events .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block .newsletter-container .newsletter-block,
.path-news .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block .newsletter-container .newsletter-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
  margin: 0 30px;
  padding: 20px 10px;
  border-bottom: 3px solid #001658;
}
.path-events .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block .newsletter-container .newsletter-block img,
.path-news .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block .newsletter-container .newsletter-block img {
  margin-bottom: 20px;
  max-width: 78%;
}
@media all and (max-width: 767px) {
  .path-events .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block .newsletter-container .newsletter-block img,
  .path-news .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block .newsletter-container .newsletter-block img {
    max-width: 100%;
  }
}
.path-events .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block .newsletter-container .newsletter-block p,
.path-news .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block .newsletter-container .newsletter-block p {
  color: #424242;
  font-family: 'Titillium-Bd';
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 5px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
@media all and (max-width: 991px) {
  .path-events .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block .newsletter-container .newsletter-block p,
  .path-news .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block .newsletter-container .newsletter-block p {
    font-size: 16px;
  }
}
@media all and (max-width: 767px) {
  .path-events .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block .newsletter-container .newsletter-block p,
  .path-news .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block .newsletter-container .newsletter-block p {
    font-size: 14px;
  }
}
.path-events .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block .newsletter-container .newsletter-block a,
.path-news .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block .newsletter-container .newsletter-block a {
  text-transform: uppercase;
  font-family: 'Titillium-Bd';
  font-size: 16px;
  color: #001658;
}
@media all and (max-width: 991px) {
  .path-events .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block .newsletter-container .newsletter-block a,
  .path-news .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block .newsletter-container .newsletter-block a {
    font-size: 14px;
  }
}
@media all and (max-width: 767px) {
  .path-events .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block .newsletter-container .newsletter-block a,
  .path-news .main-content section .region-content .block-system-main-block .block-alrashed-newsletter-block .newsletter-container .newsletter-block a {
    font-size: 12px;
  }
}
.path-events .main-content section .region-content .block-system-main-block .views-element-container,
.path-news .main-content section .region-content .block-system-main-block .views-element-container {
  padding-top: 50px;
  padding-bottom: 50px;
  clear: both;
  width: 100%;
}
@media all and (max-width: 991px) {
  .path-events .main-content section .region-content .block-system-main-block .views-element-container,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid,
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid {
  max-width: 1290px;
  margin: 0 auto;
}
@media all and (max-width: 1290px) {
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid,
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content,
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content {
  margin-top: 50px;
  margin-bottom: 50px;
}
@media all and (max-width: 991px) {
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content,
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content {
    margin-top: 35px;
    margin-bottom: 20px;
  }
}
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row,
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row {
  display: flex;
}
@media all and (max-width: 767px) {
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row,
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row {
    display: block;
  }
}
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col,
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col {
  position: relative;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
  margin: 0 10px;
  border-bottom: 5px solid #001658;
}
@media all and (max-width: 1020px) {
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col,
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col {
    margin: 0 7px;
  }
}
@media all and (max-width: 767px) {
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col,
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col {
    width: 47% !important;
    margin-bottom: 15px;
  }
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col:nth-child(odd),
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col:nth-child(odd),
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col:nth-child(odd),
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col:nth-child(odd) {
    float: left;
  }
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col:nth-child(even),
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col:nth-child(even),
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col:nth-child(even),
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col:nth-child(even) {
    float: right;
  }
}
@media all and (max-width: 628px) {
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col,
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col {
    margin: 0 0 15px;
  }
}
@media all and (max-width: 479px) {
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col,
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col {
    width: 100% !important;
  }
}
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-field-image .field-content img,
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-field-image .field-content img,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-field-image .field-content img,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-field-image .field-content img {
  width: 100%;
  max-width: 100%;
  max-height: 275px;
  border-radius: 10px 0 0;
}
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content {
  position: absolute;
  top: 220px;
  background: #001658;
  color: #ffffff;
  font-family: 'Titillium-Semib';
  font-size: 14px;
  padding: 8px 15px;
  margin-left: 30px;
  border-radius: 0 0 5px 0;
}
@media all and (max-width: 1133px) {
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content {
    top: 190px;
  }
}
@media all and (max-width: 1044px) {
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content {
    top: 170px;
  }
}
@media all and (max-width: 954px) {
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content {
    top: 150px;
  }
}
@media all and (max-width: 900px) {
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content {
    top: 160px;
    padding: 5px;
  }
}
@media all and (max-width: 849px) {
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content {
    top: 140px;
  }
}
@media all and (max-width: 767px) {
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content {
    top: 190px;
  }
}
@media all and (max-width: 685px) {
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content {
    top: 165px;
  }
}
@media all and (max-width: 605px) {
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content {
    top: 155px;
    margin-left: 20px;
  }
}
@media all and (max-width: 585px) {
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content {
    top: 145px;
  }
}
@media all and (max-width: 550px) {
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content {
    top: 130px;
  }
}
@media all and (max-width: 499px) {
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content {
    top: 120px;
  }
}
@media all and (max-width: 479px) {
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content {
    top: 220px;
  }
}
@media all and (max-width: 370px) {
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content {
    top: 200px;
  }
}
@media all and (max-width: 350px) {
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content {
    top: 180px;
  }
}
@media all and (max-width: 330px) {
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-field-date .field-content {
    top: 170px;
  }
}
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-title .field-content,
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-title .field-content,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-title .field-content,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-title .field-content {
  display: inline-block;
  margin: 15px 0;
  text-align: center;
  width: 100%;
}
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-title .field-content a,
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-title .field-content a,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-title .field-content a,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-title .field-content a {
  color: #424242;
  font-family: 'Titillium-Bd';
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  border-bottom: none;
}
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-title .field-content a:hover,
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-title .field-content a:hover,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-title .field-content a:hover,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-title .field-content a:hover {
  color: #424242;
}
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-body .field-content,
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-body .field-content,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-body .field-content,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-body .field-content {
  height: 100px;
  overflow: hidden;
  margin-bottom: 20px;
}
@media all and (max-width: 479px) {
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-body .field-content,
  .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-body .field-content,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-body .field-content,
  .path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-body .field-content {
    height: auto;
  }
}
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-body .field-content p,
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-body .field-content p,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-body .field-content p,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-body .field-content p {
  font-family: 'Titillium-Lt';
  font-size: 16px;
  text-align: center;
  padding: 10px 20px;
  font-weight: 300;
  margin-bottom: 0;
}
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-view-node, .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-nothing,
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-view-node,
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-nothing,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-view-node,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-nothing,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-view-node,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-nothing {
  padding-bottom: 15px;
}
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-view-node .field-content, .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-nothing .field-content,
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-view-node .field-content,
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-nothing .field-content,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-view-node .field-content,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-nothing .field-content,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-view-node .field-content,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-nothing .field-content {
  width: 100%;
  margin: 0 auto;
  display: inline-block;
  text-align: center;
}
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-view-node .field-content a, .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-nothing .field-content a,
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-view-node .field-content a,
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-nothing .field-content a,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-view-node .field-content a,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-nothing .field-content a,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-view-node .field-content a,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-nothing .field-content a {
  color: #001658;
  display: inline-block;
  font-family: 'Titillium-Bd';
  font-size: 15px;
  border-bottom: 2px dotted #001658 !important;
  width: auto;
  margin: 0 auto;
  text-transform: uppercase;
}
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-view-node .field-content a:hover, .path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-nothing .field-content a:hover,
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-view-node .field-content a:hover,
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-nothing .field-content a:hover,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-view-node .field-content a:hover,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-nothing .field-content a:hover,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-view-node .field-content a:hover,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-nothing .field-content a:hover {
  border-bottom: 2px solid #001658 !important;
  transition: width 0.3s;
}
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid nav.pager,
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid nav.pager,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid nav.pager,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid nav.pager {
  overflow: hidden;
}
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid nav.pager ul.pager__items,
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid nav.pager ul.pager__items,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid nav.pager ul.pager__items,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid nav.pager ul.pager__items {
  float: right;
}
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid nav.pager ul.pager__items li.pager__item,
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid nav.pager ul.pager__items li.pager__item,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid nav.pager ul.pager__items li.pager__item,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid nav.pager ul.pager__items li.pager__item {
  background-color: #001658;
  width: auto;
  padding: 5px 15px;
  margin-right: 10px;
  border-bottom-right-radius: 15px;
  display: inline-block;
}
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid nav.pager ul.pager__items li.pager__item a,
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid nav.pager ul.pager__items li.pager__item a,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid nav.pager ul.pager__items li.pager__item a,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid nav.pager ul.pager__items li.pager__item a {
  font-family: 'Titillium-Semib';
  color: #ffffff;
  border: 0;
  text-transform: uppercase;
}
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid nav.pager ul.pager__items li.pager__item.is-active,
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid nav.pager ul.pager__items li.pager__item.is-active,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid nav.pager ul.pager__items li.pager__item.is-active,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid nav.pager ul.pager__items li.pager__item.is-active {
  background-color: #c2c2c2;
}
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid nav.pager ul.pager__items li.pager__item.is-active a,
.path-events .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid nav.pager ul.pager__items li.pager__item.is-active a,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid nav.pager ul.pager__items li.pager__item.is-active a,
.path-news .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid nav.pager ul.pager__items li.pager__item.is-active a {
  color: #000;
}

html:lang(ar) .path-events #page-wrapper #main-wrapper #content #block-arshipping-content .views-element-container .view-latest-events-grid .view-content .views-row .views-col .views-field-field-date .field-content,
html:lang(ar) .path-events #page-wrapper #main-wrapper #content #block-arshipping-content .views-element-container .view-latest-news-grid .view-content .views-row .views-col .views-field-field-date .field-content,
html:lang(ar) .path-news #page-wrapper #main-wrapper #content #block-arshipping-content .views-element-container .view-latest-events-grid .view-content .views-row .views-col .views-field-field-date .field-content,
html:lang(ar) .path-news #page-wrapper #main-wrapper #content #block-arshipping-content .views-element-container .view-latest-news-grid .view-content .views-row .views-col .views-field-field-date .field-content {
  margin-right: 30px !important;
  margin-left: 0 !important;
}
html:lang(ar) .path-events #page-wrapper #main-wrapper #content #block-arshipping-content .views-element-container .view-latest-events-grid .view-content .views-row .views-col .views-field-title,
html:lang(ar) .path-events #page-wrapper #main-wrapper #content #block-arshipping-content .views-element-container .view-latest-news-grid .view-content .views-row .views-col .views-field-title,
html:lang(ar) .path-news #page-wrapper #main-wrapper #content #block-arshipping-content .views-element-container .view-latest-events-grid .view-content .views-row .views-col .views-field-title,
html:lang(ar) .path-news #page-wrapper #main-wrapper #content #block-arshipping-content .views-element-container .view-latest-news-grid .view-content .views-row .views-col .views-field-title {
  height: 72px;
  overflow: hidden;
}
html:lang(ar) .path-events #page-wrapper #main-wrapper #content #block-arshipping-content .views-element-container .view-latest-events-grid .view-content .views-row .views-col .views-field-title .field-content a,
html:lang(ar) .path-events #page-wrapper #main-wrapper #content #block-arshipping-content .views-element-container .view-latest-news-grid .view-content .views-row .views-col .views-field-title .field-content a,
html:lang(ar) .path-news #page-wrapper #main-wrapper #content #block-arshipping-content .views-element-container .view-latest-events-grid .view-content .views-row .views-col .views-field-title .field-content a,
html:lang(ar) .path-news #page-wrapper #main-wrapper #content #block-arshipping-content .views-element-container .view-latest-news-grid .view-content .views-row .views-col .views-field-title .field-content a {
  font-weight: bold !important;
}
html:lang(ar) .path-events #page-wrapper #main-wrapper #content #block-arshipping-content .views-element-container .view-latest-events-grid nav.pager ul.pager__items,
html:lang(ar) .path-events #page-wrapper #main-wrapper #content #block-arshipping-content .views-element-container .view-latest-news-grid nav.pager ul.pager__items,
html:lang(ar) .path-news #page-wrapper #main-wrapper #content #block-arshipping-content .views-element-container .view-latest-events-grid nav.pager ul.pager__items,
html:lang(ar) .path-news #page-wrapper #main-wrapper #content #block-arshipping-content .views-element-container .view-latest-news-grid nav.pager ul.pager__items {
  float: left !important;
}
html:lang(ar) .main-content section .region-content .block-system-main-block .views-element-container .view-latest-events-grid .view-content .views-view-grid .views-row .views-col .views-field-view-node .field-content a, html:lang(ar) .main-content section .region-content .block-system-main-block .views-element-container .view-latest-news-grid .view-content .views-view-grid .views-row .views-col .views-field-view-node .field-content a {
  width: 50px;
}

@font-face {
  font-family: Titillium-Bl;
  src: url(../fonts/TitilliumWeb-Black.ttf) format("truetype");
}
@font-face {
  font-family: Titillium-Bd;
  src: url(../fonts/TitilliumWeb-Bold.ttf) format("truetype");
}
@font-face {
  font-family: Titillium-Lt;
  src: url(../fonts/TitilliumWeb-Light.ttf) format("truetype");
}
@font-face {
  font-family: Titillium-Rg;
  src: url(../fonts/TitilliumWeb-Regular.ttf) format("truetype");
}
@font-face {
  font-family: Titillium-Sb;
  src: url(../fonts/TitilliumWeb-Black.ttf) format("truetype");
}
@font-face {
  font-family: Titillium-Semib;
  src: url(../fonts/TitilliumWeb-SemiBold.ttf) format("truetype");
}
@font-face {
  font-family: Fontawesome;
  src: url(../fonts/fontawesome-webfont.ttf) format("truetype");
}
@font-face {
  font-family: Arabic;
  src: url(../fonts/AcehDarusalam.ttf) format("truetype");
}
@font-face {
  font-family: Great-Vibes;
  src: url(../fonts/GreatVibes-Regular.ttf) format("truetype");
}
.page-node-type-events-and-news #main-wrapper {
  margin-top: -185px !important;
}
@media all and (max-width: 1200px) {
  .page-node-type-events-and-news #main-wrapper {
    margin-top: -165px !important;
  }
}
@media all and (max-width: 1024px) {
  .page-node-type-events-and-news #main-wrapper {
    margin-top: 20px !important;
  }
}
@media all and (max-width: 768px) {
  .page-node-type-events-and-news #main-wrapper {
    margin-top: -30px !important;
  }
}
@media all and (max-width: 599px) {
  .page-node-type-events-and-news #main-wrapper {
    margin-top: -50px !important;
  }
}
@media all and (max-width: 479px) {
  .page-node-type-events-and-news #main-wrapper {
    margin-top: -80px !important;
  }
}
@media all and (max-width: 375px) {
  .page-node-type-events-and-news #main-wrapper {
    margin-top: -130px !important;
  }
}
.page-node-type-events-and-news #main-wrapper .layout-main {
  max-width: 1290px;
  margin: 0 auto;
  font-family: Titillium-Rg;
  padding-top: 0;
}
@media all and (max-width: 1290px) {
  .page-node-type-events-and-news #main-wrapper .layout-main {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.page-node-type-events-and-news #main-wrapper .layout-main .region-breadcrumb {
  display: none;
}
.page-node-type-events-and-news #main-wrapper .layout-main main.main-content {
  background-color: #ffffff;
}
.page-node-type-events-and-news #main-wrapper .layout-main main.main-content section .region-content {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media all and (max-width: 1200px) {
  .page-node-type-events-and-news #main-wrapper .layout-main main.main-content section .region-content {
    padding-top: 0;
    padding-bottom: 35px;
  }
}
.page-node-type-events-and-news #main-wrapper .layout-main main.main-content section .region-content .block-page-title-block .content {
  margin-top: 0;
}
.page-node-type-events-and-news #main-wrapper .layout-main main.main-content section .region-content .block-page-title-block .content h1.title {
  font-size: 24px;
  margin-bottom: 40px;
  margin-top: 0;
  font-family: Titillium-Bd;
  color: #4a4a4a;
}
@media all and (max-width: 1200px) {
  .page-node-type-events-and-news #main-wrapper .layout-main main.main-content section .region-content .block-page-title-block .content h1.title {
    padding: 0;
  }
}
@media all and (max-width: 991px) {
  .page-node-type-events-and-news #main-wrapper .layout-main main.main-content section .region-content .block-page-title-block .content h1.title {
    font-size: 22px;
  }
}
@media all and (max-width: 479px) {
  .page-node-type-events-and-news #main-wrapper .layout-main main.main-content section .region-content .block-page-title-block .content h1.title {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.page-node-type-events-and-news #main-wrapper .layout-main main.main-content section .region-content .block-system-main-block .content header {
  display: none;
}
.page-node-type-events-and-news #main-wrapper .layout-main main.main-content section .region-content .block-system-main-block .content .node__content {
  display: flex;
  flex-direction: column;
}
.page-node-type-events-and-news #main-wrapper .layout-main main.main-content section .region-content .block-system-main-block .content .node__content .field--name-field-sub-title {
  order: 2;
  font-family: Titillium-Semib;
  font-size: 22px;
  margin-top: 20px;
  color: #4a4a4a;
}
@media all and (max-width: 991px) {
  .page-node-type-events-and-news #main-wrapper .layout-main main.main-content section .region-content .block-system-main-block .content .node__content .field--name-field-sub-title {
    font-size: 20px;
  }
}
@media all and (max-width: 479px) {
  .page-node-type-events-and-news #main-wrapper .layout-main main.main-content section .region-content .block-system-main-block .content .node__content .field--name-field-sub-title {
    font-size: 18px;
  }
}
.page-node-type-events-and-news #main-wrapper .layout-main main.main-content section .region-content .block-system-main-block .content .node__content .field--name-field-image {
  order: 1;
}
.page-node-type-events-and-news #main-wrapper .layout-main main.main-content section .region-content .block-system-main-block .content .node__content .field--name-field-image img {
  margin: 0 0 20px;
  width: 100%;
  height: auto;
}
@media all and (max-width: 479px) {
  .page-node-type-events-and-news #main-wrapper .layout-main main.main-content section .region-content .block-system-main-block .content .node__content .field--name-field-image img {
    margin: 0;
  }
}
.page-node-type-events-and-news #main-wrapper .layout-main main.main-content section .region-content .block-system-main-block .content .node__content .field--name-field-date {
  order: 3;
  font-size: 15px;
  font-family: Titillium-Rg;
}
@media all and (max-width: 479px) {
  .page-node-type-events-and-news #main-wrapper .layout-main main.main-content section .region-content .block-system-main-block .content .node__content .field--name-field-date {
    font-size: 14px;
  }
}
.page-node-type-events-and-news #main-wrapper .layout-main main.main-content section .region-content .block-system-main-block .content .node__content .field--name-body {
  order: 4;
  font-size: 16px;
  margin-top: 20px;
  width: 97%;
  font-family: Titillium-Rg;
}
@media all and (max-width: 479px) {
  .page-node-type-events-and-news #main-wrapper .layout-main main.main-content section .region-content .block-system-main-block .content .node__content .field--name-body {
    font-size: 15px;
  }
}
.page-node-type-events-and-news #main-wrapper .layout-main main.main-content section .region-content .block-system-main-block .content .node__content .field--name-field-category-tag {
  order: 5;
}
.page-node-type-events-and-news #main-wrapper .layout-main main.main-content section .region-content .block-system-main-block .content .node__content .field--name-field-category-tag .field__item {
  background-color: #001658;
  padding: 5px;
  width: 70px;
  text-align: center;
}
.page-node-type-events-and-news #main-wrapper .layout-main main.main-content section .region-content .block-system-main-block .content .node__content .field--name-field-category-tag .field__item a {
  border: 0;
  color: #ffffff;
  font-family: Titillium-Semib;
}
.page-node-type-events-and-news #main-wrapper .layout-main div.sidebar .section {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media all and (max-width: 1200px) {
  .page-node-type-events-and-news #main-wrapper .layout-main div.sidebar .section {
    padding-top: 0;
    padding-bottom: 35px;
    padding-left: 0;
  }
}
.page-node-type-events-and-news #main-wrapper .layout-main div.sidebar .section .region .views-element-container > h2 {
  display: none;
}
.page-node-type-events-and-news #main-wrapper .layout-main div.sidebar .section .region .views-element-container {
  background-color: #ffffff;
  border: none;
  padding: 0;
  margin: 0;
}
.page-node-type-events-and-news #main-wrapper .layout-main div.sidebar .section .region .views-element-container.block-views-blocksidebar-latest-events-carousel-block-1 {
  padding-top: 20px;
}
.page-node-type-events-and-news #main-wrapper .layout-main div.sidebar .section .region .views-element-container .content {
  margin-top: 0;
}
.page-node-type-events-and-news #main-wrapper .layout-main div.sidebar .section .region .views-element-container .content .view .view-header h4 {
  background-color: #001658;
  font-size: 14px;
  padding: 5px 10px;
  text-shadow: none;
  color: white;
  width: 100%;
  max-width: 240px;
  border-bottom-right-radius: 10px;
  margin: 0;
}
@media all and (max-width: 850px) {
  .page-node-type-events-and-news #main-wrapper .layout-main div.sidebar .section .region .views-element-container .content .view .view-header h4 {
    max-width: inherit;
  }
}
.page-node-type-events-and-news #main-wrapper .layout-main div.sidebar .section .region .views-element-container .content .view .view-header:after {
  content: none;
}
.page-node-type-events-and-news #main-wrapper .layout-main div.sidebar .section .region .views-element-container .content .view .view-content {
  margin-top: 10px;
}
.page-node-type-events-and-news #main-wrapper .layout-main div.sidebar .section .region .views-element-container .content .view .view-content .slick .slick-list {
  outline: none !important;
}
.page-node-type-events-and-news #main-wrapper .layout-main div.sidebar .section .region .views-element-container .content .view .view-content .slick .slick__slide {
  width: 100% !important;
  outline: none;
}
.page-node-type-events-and-news #main-wrapper .layout-main div.sidebar .section .region .views-element-container .content .view .view-content .slick .slick__slide .views-field-field-image {
  float: left;
  width: 30%;
  padding: 10px 10px 10px 0;
}
@media all and (max-width: 991px) {
  .page-node-type-events-and-news #main-wrapper .layout-main div.sidebar .section .region .views-element-container .content .view .view-content .slick .slick__slide .views-field-field-image {
    width: 40%;
  }
}
@media all and (max-width: 851px) {
  .page-node-type-events-and-news #main-wrapper .layout-main div.sidebar .section .region .views-element-container .content .view .view-content .slick .slick__slide .views-field-field-image {
    width: 100px;
  }
}
@media all and (max-width: 400px) {
  .page-node-type-events-and-news #main-wrapper .layout-main div.sidebar .section .region .views-element-container .content .view .view-content .slick .slick__slide .views-field-field-image {
    width: 70px;
  }
}
.page-node-type-events-and-news #main-wrapper .layout-main div.sidebar .section .region .views-element-container .content .view .view-content .slick .slick__slide .views-field-field-image img {
  border-bottom-right-radius: 15px;
  max-height: 70px;
}
.page-node-type-events-and-news #main-wrapper .layout-main div.sidebar .section .region .views-element-container .content .view .view-content .slick .slick__slide .views-field-title {
  float: left;
  width: 70%;
  padding-top: 5px;
}
@media all and (max-width: 991px) {
  .page-node-type-events-and-news #main-wrapper .layout-main div.sidebar .section .region .views-element-container .content .view .view-content .slick .slick__slide .views-field-title {
    width: 60%;
  }
}
@media all and (max-width: 851px) {
  .page-node-type-events-and-news #main-wrapper .layout-main div.sidebar .section .region .views-element-container .content .view .view-content .slick .slick__slide .views-field-title {
    width: 70%;
  }
}
.page-node-type-events-and-news #main-wrapper .layout-main div.sidebar .section .region .views-element-container .content .view .view-content .slick .slick__slide .views-field-title .news-side-wrapper {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin-bottom: 10px;
}
.page-node-type-events-and-news #main-wrapper .layout-main div.sidebar .section .region .views-element-container .content .view .view-content .slick .slick__slide .views-field-title .news-side-wrapper h1 {
  margin: 0;
  font-family: Titillium-Semib;
}
.page-node-type-events-and-news #main-wrapper .layout-main div.sidebar .section .region .views-element-container .content .view .view-content .slick .slick__slide .views-field-title .news-side-wrapper h1 a {
  color: #000;
  font-size: 16px;
  display: block;
  display: -webkit-box;
  max-height: 65px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-node-type-events-and-news #main-wrapper .layout-main div.sidebar .section .region .views-element-container .content .view .view-content .slick .slick__slide .views-field-title .news-side-wrapper h1 a:hover {
  border-bottom-style: none;
}
@media all and (max-width: 991px) {
  .page-node-type-events-and-news #main-wrapper .layout-main div.sidebar .section .region .views-element-container .content .view .view-content .slick .slick__slide .views-field-title .news-side-wrapper h1 a {
    font-size: 14px;
  }
}
@media all and (max-width: 851px) {
  .page-node-type-events-and-news #main-wrapper .layout-main div.sidebar .section .region .views-element-container .content .view .view-content .slick .slick__slide .views-field-title .news-side-wrapper h1 a {
    font-size: 16px;
  }
}
.page-node-type-events-and-news #main-wrapper .layout-main div.sidebar .section .region .views-element-container .content .view .view-content .slick .slick__slide .views-field-title .news-side-wrapper .news-side-date {
  color: #000;
  font-size: 12px;
}

@media all and (max-width: 1200px) {
  html:lang(ar) .page-node-type-events-and-news #main-wrapper .layout-main div.sidebar .section {
    padding-right: 0px;
    padding-left: 15px;
  }
}
html:lang(ar) .page-node-type-events-and-news #main-wrapper .layout-main div.sidebar .section .region .views-element-container .content .view .view-header h4 {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 10px;
}
html:lang(ar) .page-node-type-events-and-news #main-wrapper .layout-main div.sidebar .section .region .views-element-container .content .view .view-content .slick .slick__slide .views-field-field-image {
  float: right;
  padding: 10px 0px 10px 10px;
}
html:lang(ar) .page-node-type-events-and-news #main-wrapper .layout-main div.sidebar .section .region .views-element-container .content .view .view-content .slick .slick__slide .views-field-title {
  float: right;
}

.service-page-content {
  background-color: #ffffff !important;
}
.service-page-content .service-block-1 {
  max-width: 1290px;
  margin: 0 auto;
}
@media all and (max-width: 1290px) {
  .service-page-content .service-block-1 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 599px) {
  .service-page-content .service-block-1 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.service-page-content .service-block-1 .views-element-container {
  padding-top: 50px;
  padding-bottom: 50px;
  clear: both;
  overflow: hidden;
}
@media all and (max-width: 991px) {
  .service-page-content .service-block-1 .views-element-container {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
.service-page-content .service-block-1 .views-element-container .view .view-content .views-row .views-field .field-content .agency-block1-wrapper .view-header h1 {
  font-family: 'Titillium-Semib';
  text-transform: uppercase;
  margin: 0;
  font-size: 28px;
}
@media all and (max-width: 991px) {
  .service-page-content .service-block-1 .views-element-container .view .view-content .views-row .views-field .field-content .agency-block1-wrapper .view-header h1 {
    font-size: 24px;
  }
}
@media all and (max-width: 767px) {
  .service-page-content .service-block-1 .views-element-container .view .view-content .views-row .views-field .field-content .agency-block1-wrapper .view-header h1 {
    font-size: 22px;
  }
}
@media all and (max-width: 479px) {
  .service-page-content .service-block-1 .views-element-container .view .view-content .views-row .views-field .field-content .agency-block1-wrapper .view-header h1 {
    font-size: 20px;
  }
}
.service-page-content .service-block-1 .views-element-container .view .view-content .views-row .views-field .field-content .agency-block1-wrapper .view-header h1:after {
  content: "";
  display: block;
  height: 20px;
  background-image: url("../images/hd-br-black.png");
  background-repeat: no-repeat;
  background-position: left bottom;
}
.service-page-content .service-block-1 .views-element-container .view .view-content .views-row .views-field .field-content .agency-block1-wrapper .view-content {
  margin-top: 50px;
}
@media all and (max-width: 991px) {
  .service-page-content .service-block-1 .views-element-container .view .view-content .views-row .views-field .field-content .agency-block1-wrapper .view-content {
    margin-top: 35px;
  }
}
.service-page-content .service-block-1 .views-element-container .view .view-content .views-row .views-field .field-content .agency-block1-wrapper .view-content img {
  float: right;
  margin: 0 0 0 20px;
}
@media all and (max-width: 991px) {
  .service-page-content .service-block-1 .views-element-container .view .view-content .views-row .views-field .field-content .agency-block1-wrapper .view-content img {
    margin: 0 0 0 15px;
  }
}
@media all and (max-width: 887px) {
  .service-page-content .service-block-1 .views-element-container .view .view-content .views-row .views-field .field-content .agency-block1-wrapper .view-content img {
    float: none;
    margin: 0;
    width: 100%;
    padding-bottom: 20px;
  }
}
.service-page-content .service-block-1 .views-element-container .view .view-content .views-row .views-field .field-content .agency-block1-wrapper .view-content p {
  text-align: justify;
  font-size: 16px;
  font-family: 'Titillium-Rg';
}
@media all and (max-width: 887px) {
  .service-page-content .service-block-1 .views-element-container .view .view-content .views-row .views-field .field-content .agency-block1-wrapper .view-content p {
    margin: 1.2em 0;
  }
}
@media all and (max-width: 479px) {
  .service-page-content .service-block-1 .views-element-container .view .view-content .views-row .views-field .field-content .agency-block1-wrapper .view-content p {
    font-size: 15px;
  }
}
.service-page-content .service-block-1 .views-element-container .view .view-content .views-row .views-field .field-content .agency-block1-wrapper .view-content ul {
  margin-bottom: 10px;
}
.service-page-content .service-block-1 .views-element-container .view .view-content .views-row .views-field .field-content .agency-block1-wrapper .view-content ul li {
  font-size: 16px;
  font-family: 'Titillium-Rg';
  margin-left: 10px;
}
@media all and (max-width: 887px) {
  .service-page-content .service-block-1 .views-element-container .view .view-content .views-row .views-field .field-content .agency-block1-wrapper .view-content ul li {
    margin: 1.2em 0;
  }
}
@media all and (max-width: 479px) {
  .service-page-content .service-block-1 .views-element-container .view .view-content .views-row .views-field .field-content .agency-block1-wrapper .view-content ul li {
    font-size: 15px;
  }
}
.service-page-content .service-block-2 .views-element-container {
  padding-top: 50px;
  padding-bottom: 0;
  background: linear-gradient(to bottom, #f6f6f6 0%, #f6f6f6 50%, #f6f6f6 50%, white 50%, white 100%);
}
@media all and (max-width: 991px) {
  .service-page-content .service-block-2 .views-element-container {
    padding-top: 35px;
    padding-bottom: 0;
    background: #f6f6f6;
    padding-bottom: 35px;
  }
}
.service-page-content .service-block-2 .views-element-container .content {
  max-width: 1290px;
  margin: 0 auto;
}
@media all and (max-width: 1290px) {
  .service-page-content .service-block-2 .views-element-container .content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 599px) {
  .service-page-content .service-block-2 .views-element-container .content {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.service-page-content .service-block-2 .views-element-container .content .view-header h1 {
  font-weight: 700;
  margin: 0;
  font-size: 28px;
}
@media all and (max-width: 991px) {
  .service-page-content .service-block-2 .views-element-container .content .view-header h1 {
    font-size: 24px;
  }
}
@media all and (max-width: 767px) {
  .service-page-content .service-block-2 .views-element-container .content .view-header h1 {
    font-size: 22px;
  }
}
.service-page-content .service-block-2 .views-element-container .content .view-header h1:after {
  content: "";
  display: block;
  height: 20px;
  background-image: url("../images/hd-br-black.png");
  background-repeat: no-repeat;
  background-position: left bottom;
}
.service-page-content .service-block-2 .views-element-container .content .view .view-content {
  margin-top: 50px;
}
@media all and (max-width: 991px) {
  .service-page-content .service-block-2 .views-element-container .content .view .view-content {
    margin-top: 35px;
  }
}
@media all and (max-width: 1030px) {
  .service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick-list .slick-track .slick__slide .views-field-field-image img {
    width: 100%;
  }
}
.service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick-list .slick-track .slick__slide .views-field-title {
  margin: 15px 0 0 20px;
  font-size: 28px;
}
@media all and (max-width: 991px) {
  .service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick-list .slick-track .slick__slide .views-field-title {
    font-size: 24px;
  }
}
@media all and (max-width: 767px) {
  .service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick-list .slick-track .slick__slide .views-field-title {
    font-size: 22px;
  }
}
.service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick-list .slick-track .slick__slide .views-field-title .field-content {
  color: #424242;
  font-family: 'Titillium-Bd';
  font-size: 18px;
  border-bottom: none;
}
.service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick-list .slick-track .slick__slide .views-field-body .field-content {
  padding: 10px 20px;
  height: 160px;
  overflow: hidden;
}
.service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick-list .slick-track .slick__slide .views-field-body .field-content p {
  padding: 0;
  text-align: justify;
  font-size: 16px;
  font-family: 'Titillium-Rg';
}
@media all and (min-width: 992px) {
  .service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick-list .slick-track .slick__slide:hover {
    background-color: #001658;
  }
  .service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick-list .slick-track .slick__slide:hover .views-field-title .field-content {
    color: white;
  }
  .service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick-list .slick-track .slick__slide:hover .views-field-body .field-content a,
  .service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick-list .slick-track .slick__slide:hover .views-field-body .field-content p,
  .service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick-list .slick-track .slick__slide:hover .views-field-field-heading-text-and-link .field-content a,
  .service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick-list .slick-track .slick__slide:hover .views-field-field-heading-text-and-link .field-content p,
  .service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick-list .slick-track .slick__slide:hover .views-field-field-read-more-link .field-content a,
  .service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick-list .slick-track .slick__slide:hover .views-field-field-read-more-link .field-content p {
    color: #ffffff;
  }
  .service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick-list .slick-track .slick__slide:hover .views-field-field-read-more-link .field-content a {
    border-bottom: 2px dotted #ffffff !important;
  }
  .service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick-list .slick-track .slick__slide:hover .views-field-field-read-more-link .field-content a:hover {
    border-bottom: 2px solid #ffffff !important;
  }
}
@media all and (max-width: 991px) {
  .service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick__arrow {
    top: 40%;
  }
}
.service-page-content .service-block-3 .views-element-container {
  margin-top: 0;
  background-image: url("../images/liner-agency-block3-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media all and (max-width: 991px) {
  .service-page-content .service-block-3 .views-element-container {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
.service-page-content .service-block-3 .views-element-container .view .view-content {
  max-width: 1290px;
  margin: 0 auto;
}
@media all and (max-width: 1290px) {
  .service-page-content .service-block-3 .views-element-container .view .view-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 599px) {
  .service-page-content .service-block-3 .views-element-container .view .view-content {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.service-page-content .service-block-3 .views-element-container .view .view-content .views-row .views-field-field-image .field-content .block3-inner-wrapper {
  overflow: auto;
}
.service-page-content .service-block-3 .views-element-container .view .view-content .views-row .views-field-field-image .field-content .block3-inner-wrapper img {
  float: right;
  margin-left: 40px;
}
@media all and (max-width: 991px) {
  .service-page-content .service-block-3 .views-element-container .view .view-content .views-row .views-field-field-image .field-content .block3-inner-wrapper img {
    display: none;
  }
}
.service-page-content .service-block-3 .views-element-container .view .view-content .views-row .views-field-field-image .field-content .block3-inner-wrapper h5 {
  text-transform: none;
  letter-spacing: 0;
  font-family: 'Titillium-Semib';
  color: white;
  margin: 0;
  font-size: 28px;
}
@media all and (max-width: 991px) {
  .service-page-content .service-block-3 .views-element-container .view .view-content .views-row .views-field-field-image .field-content .block3-inner-wrapper h5 {
    font-size: 24px;
  }
}
@media all and (max-width: 767px) {
  .service-page-content .service-block-3 .views-element-container .view .view-content .views-row .views-field-field-image .field-content .block3-inner-wrapper h5 {
    font-size: 22px;
  }
}
@media all and (max-width: 479px) {
  .service-page-content .service-block-3 .views-element-container .view .view-content .views-row .views-field-field-image .field-content .block3-inner-wrapper h5 {
    font-size: 20px;
  }
}
.service-page-content .service-block-3 .views-element-container .view .view-content .views-row .views-field-field-image .field-content .block3-inner-wrapper h5::after {
  content: "";
  display: block;
  height: 20px;
  background-image: url("../images/hd-br.png");
  background-repeat: no-repeat;
  background-position: left bottom;
}
.service-page-content .service-block-3 .views-element-container .view .view-content .views-row .views-field-field-image .field-content .block3-inner-wrapper h5:empty {
  display: none;
}
.service-page-content .service-block-3 .views-element-container .view .view-content .views-row .views-field-field-image .field-content .block3-inner-wrapper p {
  text-align: justify;
  font-size: 16px;
  color: white;
  font-family: 'Titillium-Rg';
  font-weight: 400;
  margin-top: 30px;
}
@media all and (max-width: 991px) {
  .service-page-content .service-block-3 .views-element-container .view .view-content .views-row .views-field-field-image .field-content .block3-inner-wrapper p {
    margin-top: 25px;
  }
}
@media all and (max-width: 479px) {
  .service-page-content .service-block-3 .views-element-container .view .view-content .views-row .views-field-field-image .field-content .block3-inner-wrapper p {
    font-size: 15px;
  }
}
.service-page-content .service-block-3 .views-element-container .view .view-content .views-row .views-field-field-image .field-content .block3-inner-wrapper ul {
  font-size: 16px;
  color: white;
  font-family: 'Titillium-Rg';
  margin-top: 50px;
  margin-left: 5px;
}
@media all and (max-width: 1286px) {
  .service-page-content .service-block-3 .views-element-container .view .view-content .views-row .views-field-field-image .field-content .block3-inner-wrapper ul {
    margin-top: 30px;
  }
}
@media all and (max-width: 991px) {
  .service-page-content .service-block-3 .views-element-container .view .view-content .views-row .views-field-field-image .field-content .block3-inner-wrapper ul {
    margin-top: 25px;
  }
}
@media all and (max-width: 479px) {
  .service-page-content .service-block-3 .views-element-container .view .view-content .views-row .views-field-field-image .field-content .block3-inner-wrapper ul {
    font-size: 15px;
  }
}
.service-page-content .service-block-3 .views-element-container .view .view-content .views-row .views-field-field-image .field-content .block3-inner-wrapper ul li {
  margin-bottom: 10px;
}
.service-page-content .service-benefits {
  clear: both;
}
.service-page-content .service-benefits .block-region-servicebenefits .views-element-container {
  background-image: url("../images/liner-agency-block5-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
.service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content {
  max-width: 1290px;
  margin: 0 auto;
}
@media all and (max-width: 1290px) {
  .service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content .views-row .views-field-title {
  text-align: center;
  padding: 50px 0;
  font-size: 28px;
  font-family: 'Titillium-Semib';
  color: white;
}
@media all and (max-width: 991px) {
  .service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content .views-row .views-field-title {
    font-size: 24px;
    padding: 35px 0;
  }
}
@media all and (max-width: 767px) {
  .service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content .views-row .views-field-title {
    font-size: 22px;
  }
}
@media all and (max-width: 479px) {
  .service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content .views-row .views-field-title {
    font-size: 20px;
  }
}
@media all and (max-width: 453px) {
  .service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content .views-row .views-field-title {
    padding: 25px 0;
  }
}
.service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content .views-row .views-field-field-text-3 .field-content {
  text-align: center;
  padding-bottom: 50px;
}
@media all and (max-width: 991px) {
  .service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content .views-row .views-field-field-text-3 .field-content {
    padding-bottom: 35px;
  }
}
@media all and (max-width: 453px) {
  .service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content .views-row .views-field-field-text-3 .field-content {
    padding: 17px 0;
  }
}
.service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content .views-row .views-field-field-text-3 .field-content:after {
  content: "";
  display: table;
  clear: both;
}
.service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content .views-row .views-field-field-text-3 .field-content p {
  color: white;
  font-size: 16px;
  font-family: 'Titillium-Rg';
  padding-top: 10px;
}
@media all and (max-width: 767px) {
  .service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content .views-row .views-field-field-text-3 .field-content p {
    font-size: 15px;
  }
}
.service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content .views-row .views-field-field-text-3 .field-content .image1-wrapper {
  float: left;
  width: 33.33%;
}
@media all and (max-width: 767px) {
  .service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content .views-row .views-field-field-text-3 .field-content .image1-wrapper {
    width: 50%;
  }
}
@media all and (max-width: 453px) {
  .service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content .views-row .views-field-field-text-3 .field-content .image1-wrapper {
    float: none;
    width: 100%;
  }
}
.service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content .views-row .views-field-field-text-3 .field-content .image2-wrapper {
  float: left;
  width: 33.33%;
}
@media all and (max-width: 767px) {
  .service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content .views-row .views-field-field-text-3 .field-content .image2-wrapper {
    width: 50%;
  }
}
@media all and (max-width: 453px) {
  .service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content .views-row .views-field-field-text-3 .field-content .image2-wrapper {
    float: none;
    width: 100%;
    padding: 35px 0;
  }
}
.service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content .views-row .views-field-field-text-3 .field-content .image3-wrapper {
  float: left;
  width: 33.33%;
}
@media all and (max-width: 767px) {
  .service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content .views-row .views-field-field-text-3 .field-content .image3-wrapper {
    width: 100%;
  }
}
@media all and (max-width: 453px) {
  .service-page-content .service-benefits .block-region-servicebenefits .views-element-container .view .view-content .views-row .views-field-field-text-3 .field-content .image3-wrapper {
    float: none;
    width: 100%;
  }
}

.path-liner-agency #page-wrapper #main-wrapper .main-content .region-content #block-arshipping-content {
  margin-top: -10px;
}

html:lang(ar) .service-page-content .service-block-1 .views-element-container .view .agency-block1-wrapper .view-header h1::after {
  background-position: right bottom !important;
}
html:lang(ar) .service-page-content .service-block-1 .views-element-container .view .agency-block1-wrapper .view-content img {
  float: left !important;
  margin: 0 20px 0 0 !important;
}
html:lang(ar) .service-page-content .service-block-1 .views-element-container .view .agency-block1-wrapper .view-content ul li {
  margin-right: 10px;
}
html:lang(ar) .service-page-content .service-block-2 .views-element-container .content .view-header h1 {
  font-weight: normal;
}
html:lang(ar) .service-page-content .service-block-2 .views-element-container .content .view-header h1,
html:lang(ar) .service-page-content .service-block-2 .views-element-container .content .view-header pre {
  margin-top: 0;
}
html:lang(ar) .service-page-content .service-block-2 .views-element-container .content .view-header h1:after,
html:lang(ar) .service-page-content .service-block-2 .views-element-container .content .view-header pre:after {
  content: "";
  display: block;
  height: 20px;
  background-image: url("../images/hd-br-black.png");
  background-repeat: no-repeat;
  background-position: right bottom !important;
}
html:lang(ar) .service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick-list .slick-track .slick__slide .views-field-title {
  margin: 15px 20px 0 0;
}
html:lang(ar) .service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick-list .slick-track .slick__slide .views-field-title span {
  font-weight: bold !important;
}
html:lang(ar) .service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick-list .slick-track .slick__slide .views-field-body .field-content {
  margin-bottom: 20px;
}
@media all and (max-width: 1400px) {
  html:lang(ar) .service-page-content .service-block-2 .views-element-container .content .view .view-content .slick .slick__arrow {
    top: 40%;
  }
}
html:lang(ar) .service-page-content .service-block-3 .views-element-container .view .view-content .views-field-field-image .block3-inner-wrapper img {
  float: left !important;
  margin-left: 0 !important;
  margin-right: 40px !important;
}
html:lang(ar) .service-page-content .service-block-3 .views-element-container .view .view-content .views-field-field-image .block3-inner-wrapper h5::after {
  background-position: right bottom !important;
}
html:lang(ar) .service-page-content .service-block-3 .views-element-container .view .view-content .views-field-field-image .block3-inner-wrapper ul {
  padding-right: 20px;
}

.port-page-content {
  background-color: #ffffff;
}
.port-page-content .port-anchorageposition-block,
.port-page-content .port-detail-block,
.port-page-content .port-pilotage-block,
.port-page-content .port-restriction-block {
  max-width: 1290px;
  margin: 0 auto;
}
@media all and (max-width: 1290px) {
  .port-page-content .port-anchorageposition-block,
  .port-page-content .port-detail-block,
  .port-page-content .port-pilotage-block,
  .port-page-content .port-restriction-block {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 599px) {
  .port-page-content .port-anchorageposition-block,
  .port-page-content .port-detail-block,
  .port-page-content .port-pilotage-block,
  .port-page-content .port-restriction-block {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.port-page-content .port-anchorageposition-block .views-field-title,
.port-page-content .port-detail-block .views-field-title,
.port-page-content .port-pilotage-block .views-field-title,
.port-page-content .port-restriction-block .views-field-title {
  margin-bottom: 20px;
}
.port-page-content .port-anchorageposition-block .views-field-title span,
.port-page-content .port-detail-block .views-field-title span,
.port-page-content .port-pilotage-block .views-field-title span,
.port-page-content .port-restriction-block .views-field-title span {
  font-family: 'Titillium-Semib';
  margin: 0;
  line-height: 1.2;
  font-size: 28px;
  text-transform: uppercase;
}
@media all and (max-width: 991px) {
  .port-page-content .port-anchorageposition-block .views-field-title span,
  .port-page-content .port-detail-block .views-field-title span,
  .port-page-content .port-pilotage-block .views-field-title span,
  .port-page-content .port-restriction-block .views-field-title span {
    font-size: 26px;
  }
}
@media all and (max-width: 767px) {
  .port-page-content .port-anchorageposition-block .views-field-title span,
  .port-page-content .port-detail-block .views-field-title span,
  .port-page-content .port-pilotage-block .views-field-title span,
  .port-page-content .port-restriction-block .views-field-title span {
    font-size: 24px;
  }
}
@media all and (max-width: 479px) {
  .port-page-content .port-anchorageposition-block .views-field-title span,
  .port-page-content .port-detail-block .views-field-title span,
  .port-page-content .port-pilotage-block .views-field-title span,
  .port-page-content .port-restriction-block .views-field-title span {
    font-size: 22px;
  }
}
.port-page-content .port-anchorageposition-block .views-field-title span:after,
.port-page-content .port-detail-block .views-field-title span:after,
.port-page-content .port-pilotage-block .views-field-title span:after,
.port-page-content .port-restriction-block .views-field-title span:after {
  content: "";
  display: block;
  height: 20px;
  background-image: url("../images/hd-br-black.png");
  background-repeat: no-repeat;
  background-position: left bottom;
}
.port-page-content .port-detail-block {
  clear: both;
  overflow: hidden;
  margin-top: -10px;
}
.port-page-content .port-detail-block .block-region-portdetailblock {
  clear: both;
  overflow: hidden;
  padding-top: 50px;
}
@media all and (max-width: 991px) {
  .port-page-content .port-detail-block .block-region-portdetailblock {
    padding-top: 35px;
  }
}
.port-page-content .port-detail-block .block-region-portdetailblock .view-content .views-field-body {
  float: left;
  width: 50%;
}
@media all and (max-width: 767px) {
  .port-page-content .port-detail-block .block-region-portdetailblock .view-content .views-field-body {
    float: none;
    width: 100%;
    margin-bottom: 15px;
  }
}
.port-page-content .port-detail-block .block-region-portdetailblock .view-content .views-field-body .description p {
  font-size: 16px;
  padding: 0 15px 0 0;
  font-family: 'Titillium-Rg';
  font-weight: 400;
}
@media all and (max-width: 767px) {
  .port-page-content .port-detail-block .block-region-portdetailblock .view-content .views-field-body .description p {
    font-size: 15px;
  }
}
.port-page-content .port-detail-block .block-region-portdetailblock .view-content .views-field-body .location h1 {
  font-family: 'Titillium-Semib';
  font-size: 18px;
}
@media all and (max-width: 767px) {
  .port-page-content .port-detail-block .block-region-portdetailblock .view-content .views-field-body .location h1 {
    font-size: 17px;
  }
}
.port-page-content .port-detail-block .block-region-portdetailblock .view-content .views-field-body .location ul {
  list-style: none;
  padding: 0;
}
.port-page-content .port-detail-block .block-region-portdetailblock .view-content .views-field-body .location ul li {
  font-size: 16px;
  padding: 5px 0;
  font-family: 'Titillium-Rg';
  font-weight: 400;
}
@media all and (max-width: 767px) {
  .port-page-content .port-detail-block .block-region-portdetailblock .view-content .views-field-body .location ul li {
    font-size: 15px;
  }
}
.port-page-content .port-detail-block .block-region-portdetailblock .view-content .views-field-body .location ul li span.field-name {
  display: inline-block;
  width: 25%;
}
@media all and (max-width: 1116px) {
  .port-page-content .port-detail-block .block-region-portdetailblock .view-content .views-field-body .location ul li span.field-name {
    width: 40%;
  }
}
@media all and (max-width: 580px) {
  .port-page-content .port-detail-block .block-region-portdetailblock .view-content .views-field-body .location ul li span.field-name {
    width: 50%;
  }
}
.port-page-content .port-detail-block .block-region-portdetailblock .view-content .views-field-body .location ul li span.field-value {
  display: inline-block;
  width: auto;
}
.port-page-content .port-detail-block .block-region-portdetailblock .view-content .views-field-field-image {
  float: right;
  width: 50%;
  overflow: hidden;
}
@media all and (max-width: 767px) {
  .port-page-content .port-detail-block .block-region-portdetailblock .view-content .views-field-field-image {
    float: none;
    width: 100%;
  }
}
.port-page-content .port-detail-block .block-region-portdetailblock .view-content .views-field-field-image img {
  border-bottom-right-radius: 10px;
}
.port-page-content .port-anchorageposition-block,
.port-page-content .port-pilotage-block,
.port-page-content .port-restriction-block {
  clear: both;
  overflow: hidden;
  padding-top: 50px;
}
@media all and (max-width: 991px) {
  .port-page-content .port-anchorageposition-block,
  .port-page-content .port-pilotage-block,
  .port-page-content .port-restriction-block {
    padding-top: 35px;
  }
}
.port-page-content .port-anchorageposition-block .view-content .views-row,
.port-page-content .port-pilotage-block .view-content .views-row,
.port-page-content .port-restriction-block .view-content .views-row {
  margin-bottom: 30px;
}
.port-page-content .port-anchorageposition-block .view-content .views-row .views-field-body,
.port-page-content .port-pilotage-block .view-content .views-row .views-field-body,
.port-page-content .port-restriction-block .view-content .views-row .views-field-body {
  font-size: 16px;
}
.port-page-content .port-anchorageposition-block .view-content .views-row .views-field-body ul,
.port-page-content .port-pilotage-block .view-content .views-row .views-field-body ul,
.port-page-content .port-restriction-block .view-content .views-row .views-field-body ul {
  list-style-type: circle;
  margin-bottom: 10px;
  padding-left: 20px;
  padding-right: 0;
}
.port-page-content .port-anchorageposition-block .view-content .views-row .views-field-body ul li,
.port-page-content .port-pilotage-block .view-content .views-row .views-field-body ul li,
.port-page-content .port-restriction-block .view-content .views-row .views-field-body ul li {
  padding: 5px 10px;
  font-family: 'Titillium-Rg';
}
.port-page-content .port-anchorageposition-block .view-content .views-row .views-field-body p,
.port-page-content .port-pilotage-block .view-content .views-row .views-field-body p,
.port-page-content .port-restriction-block .view-content .views-row .views-field-body p {
  margin-bottom: 10px;
  font-family: 'Titillium-Rg';
  font-weight: 400;
}
.port-page-content .port-anchorageposition-block .view-content .views-row .views-field-body ul ~ p,
.port-page-content .port-pilotage-block .view-content .views-row .views-field-body ul ~ p,
.port-page-content .port-restriction-block .view-content .views-row .views-field-body ul ~ p {
  font-family: 'Titillium-Semib';
  font-size: 18px;
}
@media all and (max-width: 767px) {
  .port-page-content .port-anchorageposition-block .view-content .views-row .views-field-body ul ~ p,
  .port-page-content .port-pilotage-block .view-content .views-row .views-field-body ul ~ p,
  .port-page-content .port-restriction-block .view-content .views-row .views-field-body ul ~ p {
    font-size: 17px;
  }
}
.port-page-content .port-berthdetails-block .block-region-portberthdetails .views-element-container {
  max-width: 100%;
  margin-top: 50px;
}
@media all and (max-width: 991px) {
  .port-page-content .port-berthdetails-block .block-region-portberthdetails .views-element-container {
    margin-top: 35px;
  }
}
.port-page-content .port-berthdetails-block .block-region-portberthdetails .views-element-container .content {
  background-image: url("../images/det-berth-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
.port-page-content .port-berthdetails-block .block-region-portberthdetails .views-element-container .content .view {
  max-width: 1290px;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media all and (max-width: 1290px) {
  .port-page-content .port-berthdetails-block .block-region-portberthdetails .views-element-container .content .view {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 599px) {
  .port-page-content .port-berthdetails-block .block-region-portberthdetails .views-element-container .content .view {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.port-page-content .port-berthdetails-block .block-region-portberthdetails .views-element-container .content .view .view-header {
  margin-bottom: 30px;
}
.port-page-content .port-berthdetails-block .block-region-portberthdetails .views-element-container .content .view .view-header h2 {
  color: #ffffff;
  font-size: 28px !important;
  font-family: 'Titillium-Bd';
  text-transform: uppercase;
}
.port-page-content .port-berthdetails-block .block-region-portberthdetails .views-element-container .content .view .view-header h2:after {
  background-image: url("../images/hd-br.png");
}
@media all and (max-width: 991px) {
  .port-page-content .port-berthdetails-block .block-region-portberthdetails .views-element-container .content .view .view-header h2 {
    font-size: 26px !important;
  }
}
@media all and (max-width: 767px) {
  .port-page-content .port-berthdetails-block .block-region-portberthdetails .views-element-container .content .view .view-header h2 {
    font-size: 24px !important;
  }
}
@media all and (max-width: 479px) {
  .port-page-content .port-berthdetails-block .block-region-portberthdetails .views-element-container .content .view .view-header h2 {
    font-size: 22px !important;
  }
}
@media all and (max-width: 700px) {
  .port-page-content .port-berthdetails-block .block-region-portberthdetails .views-element-container .content .view .view-content {
    overflow-x: auto;
  }
}
@media all and (max-width: 700px) {
  .port-page-content .port-berthdetails-block .block-region-portberthdetails .views-element-container .content .view .view-content table.views-table {
    width: 630px;
  }
}
.port-page-content .port-berthdetails-block .block-region-portberthdetails .views-element-container .content .view .view-content table.views-table thead tr th {
  border: 1px solid #636363;
  background-color: #d7d7d7;
  padding: 20px;
  color: #001658;
  font-size: 16px;
  font-family: 'Titillium-Bd';
  text-transform: uppercase;
  text-align: center;
}
@media all and (max-width: 767px) {
  .port-page-content .port-berthdetails-block .block-region-portberthdetails .views-element-container .content .view .view-content table.views-table thead tr th {
    font-size: 14px;
  }
}
.port-page-content .port-berthdetails-block .block-region-portberthdetails .views-element-container .content .view .view-content table.views-table thead tr th a {
  color: #001658;
}
.port-page-content .port-berthdetails-block .block-region-portberthdetails .views-element-container .content .view .view-content table.views-table thead tr th a span {
  display: none;
}
.port-page-content .port-berthdetails-block .block-region-portberthdetails .views-element-container .content .view .view-content table.views-table tbody tr {
  border-bottom: 1px solid #636363;
}
.port-page-content .port-berthdetails-block .block-region-portberthdetails .views-element-container .content .view .view-content table.views-table tbody tr td {
  border: 1px solid #636363;
  color: #4a4a4a;
  background-color: #ffffff;
  padding: 0;
  font-size: 16px;
  font-family: 'Titillium-Rg';
  text-align: center;
}
@media all and (max-width: 767px) {
  .port-page-content .port-berthdetails-block .block-region-portberthdetails .views-element-container .content .view .view-content table.views-table tbody tr td {
    font-size: 14px;
  }
}
@media all and (max-width: 420px) {
  .port-page-content .port-berthdetails-block .block-region-portberthdetails .views-element-container .content .view .view-content table.views-table tbody tr td {
    font-size: 12px;
  }
}
.port-page-content .port-berthdetails-block .block-region-portberthdetails .views-element-container .content .view .view-content table.views-table tbody tr td.views-field-field-field-text-1 {
  text-align: left;
}
.port-page-content .port-berthdetails-block .block-region-portberthdetails .views-element-container .content .view .view-content table.views-table tbody tr td.views-field-field-field-text-1 .item-list ol li {
  padding-left: 14%;
}
.port-page-content .port-berthdetails-block .block-region-portberthdetails .views-element-container .content .view .view-content table.views-table tbody tr td .item-list ol {
  padding: 0;
  list-style: none;
}
.port-page-content .port-berthdetails-block .block-region-portberthdetails .views-element-container .content .view .view-content table.views-table tbody tr td .item-list ol li {
  margin: 0;
  padding: 20px;
  border-bottom: 1px solid #000;
}
@media all and (max-width: 420px) {
  .port-page-content .port-berthdetails-block .block-region-portberthdetails .views-element-container .content .view .view-content table.views-table tbody tr td .item-list ol li {
    padding: 15px 8px;
  }
}
.port-page-content .port-berthdetails-block .block-region-portberthdetails .views-element-container .content .view .view-content table.views-table tbody tr td .item-list ol li:last-child {
  border-bottom: none;
}

html:lang(ar) .port-page-content .views-field-title .field-content::after {
  background-position: right bottom !important;
}
html:lang(ar) .port-page-content .port-detail-block .block-region-portdetailblock .view-content .views-field-body {
  float: right;
}
html:lang(ar) .port-page-content .port-detail-block .block-region-portdetailblock .view-content .views-field-field-image {
  float: left;
}
html:lang(ar) .port-page-content .port-detail-block .block-region-portdetailblock .view-content .views-field-field-image .field-content {
  padding-right: 20px;
}
html:lang(ar) .port-page-content .port-restriction-block .view-content .views-row .views-field-body ul {
  padding-left: 0px;
  padding-right: 20px;
}
html:lang(ar) .port-page-content .port-anchorageposition-block .block-region-anchorageposition .view-content .views-field-body ul,
html:lang(ar) .port-page-content .port-anchorageposition-block .block-region-portpilotage .view-content .views-field-body ul,
html:lang(ar) .port-page-content .port-pilotage-block .block-region-anchorageposition .view-content .views-field-body ul,
html:lang(ar) .port-page-content .port-pilotage-block .block-region-portpilotage .view-content .views-field-body ul {
  padding-right: 20px;
  padding-left: 0;
}
html:lang(ar) .port-restriction-block .block-region-portrestriction .view-content .views-field-field-port-security-level {
  float: right !important;
}
html:lang(ar) .port-restriction-block .block-region-portrestriction .view-content .views-field-field-port-security-level .description {
  padding: 0 0 0 15px !important;
}
html:lang(ar) .port-restriction-block .block-region-portrestriction .view-content .views-field-field-image {
  float: left !important;
}
html:lang(ar) .port-restriction-block .block-region-portrestriction .view-content .views-field-field-image img {
  float: left;
}
html:lang(ar) .port-berthdetails-block .block-region-portberthdetails .views-element-container.block-views-blockshuwaikh-port-details-of-berth-block-1 table.views-table tbody tr td.views-field-field-text-1 {
  text-align: right !important;
  padding-left: 0 !important;
  padding-right: 10% !important;
}

.path-contact-us #main-wrapper .layout-main .main-content {
  background-color: white;
}
.path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol {
  display: block;
}
.path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first {
  flex: none;
  max-width: 1290px;
  margin: 0 auto;
}
@media all and (max-width: 1290px) {
  .path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 599px) {
  .path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first {
  padding-top: 50px;
  padding-bottom: 50px;
  content: "";
  display: table;
  clear: both;
}
@media all and (max-width: 991px) {
  .path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first {
    padding-top: 35px;
    padding-bottom: 0;
  }
}
.path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .contact-message-form {
  float: left;
  width: 50%;
  padding: 0 15px 0 0;
  box-sizing: border-box;
}
@media all and (max-width: 991px) {
  .path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .contact-message-form {
    float: none;
    width: 100%;
    padding: 0;
  }
}
.path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .contact-message-form form #edit-name, .path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .contact-message-form form #edit-mail {
  font-size: 16px;
  font-family: 'Titillium-Semib';
}
.path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .contact-message-form form #edit-name label, .path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .contact-message-form form #edit-mail label {
  font-family: 'Titillium-Lt';
  font-weight: 400;
}
.path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .contact-message-form form .form-actions {
  margin-bottom: 0;
}
.path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .contact-message-form form .form-type-checkbox {
  display: none;
}
.path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .contact-message-form h2 {
  font-family: 'Titillium-Semib';
  margin: 0;
  line-height: 1.2;
  font-size: 28px;
}
@media all and (max-width: 991px) {
  .path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .contact-message-form h2 {
    font-size: 24px;
  }
}
@media all and (max-width: 767px) {
  .path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .contact-message-form h2 {
    font-size: 22px;
  }
}
@media all and (max-width: 479px) {
  .path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .contact-message-form h2 {
    font-size: 20px;
  }
}
.path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .contact-message-form h2:after {
  content: "";
  display: block;
  height: 20px;
  background-image: url("../images/hd-br-black.png");
  background-repeat: no-repeat;
  background-position: left bottom;
}
.path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .contact-message-form .content {
  padding-top: 30px;
}
.path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .contact-message-form .content .form-required {
  display: none;
}
.path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .contact-message-form .content input, .path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .contact-message-form .content textarea {
  padding: 10px 4px 10px 20px;
  border-radius: 0;
  width: 86%;
  font-size: 16px;
  font-family: 'Titillium-Lt';
  color: #424242;
}
@media all and (max-width: 479px) {
  .path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .contact-message-form .content input, .path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .contact-message-form .content textarea {
    width: 100%;
  }
}
.path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .contact-message-form .content #edit-preview {
  display: none;
}
.path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .contact-message-form .content #edit-submit {
  padding: 17px 70px 15px 23px;
  font-size: 15px;
  border-color: #ddd;
  background-color: #222222;
  color: #ffffff;
  position: relative;
  font-family: 'Titillium-Bd';
  text-transform: uppercase;
  background-image: url(../images/buttn-arrow.jpg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 30%;
  width: auto;
  border-radius: 0;
}
@media all and (max-width: 991px) {
  .path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .contact-message-form .content #edit-submit {
    background-color: #011659;
  }
}
.path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .contact-message-form .content #edit-submit:hover {
  background-color: #011659;
}
.path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .block-views-blockcontactpage-address-block-1 {
  float: right;
  width: 50%;
  clear: none;
  padding: 0 15px;
  box-sizing: border-box;
}
@media all and (max-width: 991px) {
  .path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .block-views-blockcontactpage-address-block-1 {
    float: none;
    width: 100%;
    padding: 35px 0 0 0;
  }
}
.path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .block-views-blockcontactpage-address-block-1 .view-header h2 {
  font-size: 28px;
}
@media all and (max-width: 991px) {
  .path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .block-views-blockcontactpage-address-block-1 .view-header h2 {
    font-size: 24px;
  }
}
@media all and (max-width: 767px) {
  .path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .block-views-blockcontactpage-address-block-1 .view-header h2 {
    font-size: 22px;
  }
}
@media all and (max-width: 479px) {
  .path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .block-views-blockcontactpage-address-block-1 .view-header h2 {
    font-size: 20px;
  }
}
@media all and (max-width: 991px) {
  .path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .block-views-blockcontactpage-address-block-1 .view-id-contactpage_address {
    padding: 0;
  }
}
.path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .block-views-blockcontactpage-address-block-1 .view-id-contactpage_address .views-row {
  padding-top: 30px;
  font-size: 16px;
  font-family: 'Titillium-Semib';
}
.path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .block-views-blockcontactpage-address-block-1 .view-id-contactpage_address .views-row .views-field-field-address {
  padding-bottom: 15px;
}
.path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .block-views-blockcontactpage-address-block-1 .view-id-contactpage_address .views-row .views-field-field-tel, .path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .block-views-blockcontactpage-address-block-1 .view-id-contactpage_address .views-row .views-field-field-fax, .path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .block-views-blockcontactpage-address-block-1 .view-id-contactpage_address .views-row .views-field-field-e, .path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .block-views-blockcontactpage-address-block-1 .view-id-contactpage_address .views-row .views-field-field-email-2 {
  display: inline-flex;
  width: 100%;
  line-height: 1.7;
}
.path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .block-views-blockcontactpage-address-block-1 .view-id-contactpage_address .views-row .views-field-field-con {
  padding-top: 30px;
}
.path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .block-views-blockcontactpage-address-block-1 .view-id-contactpage_address .views-row .views-field-field-e .field-content a, .path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .block-views-blockcontactpage-address-block-1 .view-id-contactpage_address .views-row .views-field-field-email-2 .field-content a {
  color: #424242;
  border-bottom: 1px solid rgba(66, 66, 66, 0.21961) !important;
}
.path-contact-us #main-wrapper .layout-main .main-content .layout__region--bottom {
  flex: none;
  width: 100%;
  padding-top: 0;
}
@media all and (max-width: 991px) {
  .path-contact-us #main-wrapper .layout-main .main-content .layout__region--bottom {
    padding-top: 35px;
    padding-bottom: 0;
  }
}
.path-contact-us #main-wrapper .layout-main .main-content .layout__region--bottom .block-region-bottom .block-views-blockfind-us-here-block-1 {
  margin-bottom: -6px;
}
.path-contact-us #main-wrapper .layout-main .main-content .layout__region--bottom .block-region-bottom .block-views-blockfind-us-here-block-1 .view-content .views-row .views-field-title {
  max-width: 1290px;
  margin: 0 auto;
}
@media all and (max-width: 1290px) {
  .path-contact-us #main-wrapper .layout-main .main-content .layout__region--bottom .block-region-bottom .block-views-blockfind-us-here-block-1 .view-content .views-row .views-field-title {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 599px) {
  .path-contact-us #main-wrapper .layout-main .main-content .layout__region--bottom .block-region-bottom .block-views-blockfind-us-here-block-1 .view-content .views-row .views-field-title {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.path-contact-us #main-wrapper .layout-main .main-content .layout__region--bottom .block-region-bottom .block-views-blockfind-us-here-block-1 .view-content .views-row .views-field-title .field-content h2 {
  font-family: 'Titillium-Semib';
  margin: 0;
  line-height: 1.2;
  font-size: 28px;
}
.path-contact-us #main-wrapper .layout-main .main-content .layout__region--bottom .block-region-bottom .block-views-blockfind-us-here-block-1 .view-content .views-row .views-field-title .field-content h2:after {
  content: "";
  display: block;
  height: 20px;
  background-image: url("../images/hd-br-black.png");
  background-repeat: no-repeat;
  background-position: left bottom;
}
@media all and (max-width: 991px) {
  .path-contact-us #main-wrapper .layout-main .main-content .layout__region--bottom .block-region-bottom .block-views-blockfind-us-here-block-1 .view-content .views-row .views-field-title .field-content h2 {
    font-size: 24px;
  }
}
@media all and (max-width: 767px) {
  .path-contact-us #main-wrapper .layout-main .main-content .layout__region--bottom .block-region-bottom .block-views-blockfind-us-here-block-1 .view-content .views-row .views-field-title .field-content h2 {
    font-size: 22px;
  }
}
@media all and (max-width: 479px) {
  .path-contact-us #main-wrapper .layout-main .main-content .layout__region--bottom .block-region-bottom .block-views-blockfind-us-here-block-1 .view-content .views-row .views-field-title .field-content h2 {
    font-size: 20px;
  }
}
.path-contact-us #main-wrapper .layout-main .main-content .layout__region--bottom .block-region-bottom .block-views-blockfind-us-here-block-1 .view-content .views-row .views-field-body {
  padding-top: 30px;
}
.path-contact-us #main-wrapper .layout-main .main-content .layout__region--bottom .block-region-bottom .block-views-blockfind-us-here-block-1 .view-content .views-row .views-field-body .field-content p {
  margin: 0;
}
.path-contact-us #main-wrapper .layout-main .main-content .layout__region--bottom .block-region-bottom .block-views-blockfind-us-here-block-1 .view-content .views-row .views-field-body .field-content p iframe {
  width: 100%;
}

html[lang="ar"] .path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .contact-message-form {
  float: right;
  padding: 0 15px;
}
@media all and (max-width: 991px) {
  html[lang="ar"] .path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .contact-message-form {
    padding-left: 0;
    padding-right: 0;
  }
}
html[lang="ar"] .path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .contact-message-form h2::after {
  background-position: right bottom !important;
}
html[lang="ar"] .path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .contact-message-form .content input, html[lang="ar"] .path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .contact-message-form .content textarea {
  padding: 10px 20px 10px 4px !important;
}
html[lang="ar"] .path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .contact-message-form .content #edit-submit {
  padding: 17px 23px 15px 70px !important;
  background-position: left center;
  background-image: url(../images/buttn-arrow-ar.jpg);
}
html[lang="ar"] .path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .block-views-blockcontactpage-address-block-1 {
  float: left;
  padding: 0 15px 0 0;
}
@media all and (max-width: 991px) {
  html[lang="ar"] .path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--first .block-region-first .block-views-blockcontactpage-address-block-1 {
    padding: 35px 0 0;
  }
}
html[lang="ar"] .path-contact-us #main-wrapper .layout-main .main-content #block-arshipping-content .content .layout--twocol .layout__region--bottom .block-region-bottom .block-views-blockfind-us-here-block-1 .view-content .views-row .views-field-title .field-content h2:after {
  background-position: right bottom !important;
}

.block-quicktabs-blockimage-gallery-1.block-quicktabs,
.block-quicktabs-blockla-image-gallery-.block-quicktabs {
  margin-top: 50px;
  clear: both;
  float: left;
  width: 100%;
}
@media all and (max-width: 991px) {
  .block-quicktabs-blockimage-gallery-1.block-quicktabs,
  .block-quicktabs-blockla-image-gallery-.block-quicktabs {
    margin-top: 35px;
  }
}
.block-quicktabs-blockimage-gallery-1.block-quicktabs h2,
.block-quicktabs-blockla-image-gallery-.block-quicktabs h2 {
  max-width: 1290px;
  margin: 0 auto 50px;
  font-family: 'Titillium-Bd';
  line-height: 1.2;
  font-size: 28px;
  color: #464646;
  text-transform: uppercase;
}
@media all and (max-width: 991px) {
  .block-quicktabs-blockimage-gallery-1.block-quicktabs h2,
  .block-quicktabs-blockla-image-gallery-.block-quicktabs h2 {
    font-size: 26px;
    margin-bottom: 35px;
  }
}
@media all and (max-width: 767px) {
  .block-quicktabs-blockimage-gallery-1.block-quicktabs h2,
  .block-quicktabs-blockla-image-gallery-.block-quicktabs h2 {
    font-size: 24px;
  }
}
@media all and (max-width: 479px) {
  .block-quicktabs-blockimage-gallery-1.block-quicktabs h2,
  .block-quicktabs-blockla-image-gallery-.block-quicktabs h2 {
    font-size: 22px;
  }
}
@media all and (max-width: 1290px) {
  .block-quicktabs-blockimage-gallery-1.block-quicktabs h2,
  .block-quicktabs-blockla-image-gallery-.block-quicktabs h2 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.block-quicktabs-blockimage-gallery-1.block-quicktabs h2:after,
.block-quicktabs-blockla-image-gallery-.block-quicktabs h2:after {
  content: "";
  display: block;
  height: 20px;
  background-image: url("../images/hd-br-black.png");
  background-repeat: no-repeat;
  background-position: left bottom;
}
.block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs,
.block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs {
  border: 0;
}
.block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs#quicktabs-la_image_gallery_,
.block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs#quicktabs-la_image_gallery_ {
  margin-bottom: 50px;
  max-width: 1800px;
  margin-left: auto;
  margin-right: auto;
}
@media all and (max-width: 991px) {
  .block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs#quicktabs-la_image_gallery_,
  .block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs#quicktabs-la_image_gallery_ {
    margin-bottom: 35px;
  }
}
.block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs .item-list,
.block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs .item-list {
  max-width: 1290px;
  margin: 0 auto;
}
@media all and (max-width: 1290px) {
  .block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs .item-list,
  .block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs .item-list {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs .item-list ul,
.block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs .item-list ul {
  border: 0;
  background-color: #ffffff;
}
.block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs .item-list ul li,
.block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs .item-list ul li {
  border: 0;
  background-color: #ffffff;
}
.block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs .item-list ul li a,
.block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs .item-list ul li a {
  color: #4a4a4a;
  font-size: 16px;
  font-family: 'Titillium-Semib';
  border: 0;
  border-right: 1px solid black;
  display: block;
  padding: 0 50px 0 0;
  margin-right: 60px;
}
@media all and (max-width: 450px) {
  .block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs .item-list ul li a,
  .block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs .item-list ul li a {
    padding: 0 30px 0 0;
    margin-right: 40px;
  }
}
.block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs .item-list ul li.ui-state-active a,
.block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs .item-list ul li.ui-state-active a {
  color: #001658;
  font-family: 'Titillium-Bd';
}
.block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs .ui-tabs-panel,
.block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs .ui-tabs-panel {
  padding-bottom: 0;
  padding-top: 0;
}
.block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-element-container,
.block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-element-container {
  padding-top: 30px;
}
@media all and (max-width: 991px) {
  .block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-element-container,
  .block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-element-container {
    padding-top: 25px;
  }
}
.block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-element-container .view-content,
.block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-element-container .view-content {
  margin-left: -20px;
  margin-right: -20px;
}
.block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-element-container .view-content .views-view-grid .views-row,
.block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-element-container .view-content .views-view-grid .views-row {
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-element-container .view-content .views-view-grid .views-row .views-col,
.block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-element-container .view-content .views-view-grid .views-row .views-col {
  margin: 2px 4px 0;
  position: relative;
}
.block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-field-image .field-content img,
.block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-field-image .field-content img {
  width: 100%;
  height: 350px;
  object-fit: cover;
}
@media all and (max-width: 991px) {
  .block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-field-image .field-content img,
  .block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-field-image .field-content img {
    height: 300px;
  }
}
@media all and (max-width: 880px) {
  .block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-field-image .field-content img,
  .block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-field-image .field-content img {
    height: 280px;
  }
}
@media all and (max-width: 820px) {
  .block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-field-image .field-content img,
  .block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-field-image .field-content img {
    height: 250px;
  }
}
@media all and (max-width: 767px) {
  .block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-field-image .field-content img,
  .block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-field-image .field-content img {
    height: 230px;
  }
}
@media all and (max-width: 700px) {
  .block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-field-image .field-content img,
  .block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-field-image .field-content img {
    height: 200px;
  }
}
@media all and (max-width: 600px) {
  .block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-field-image .field-content img,
  .block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-field-image .field-content img {
    height: 175px;
  }
}
@media all and (max-width: 479px) {
  .block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-field-image .field-content img,
  .block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-field-image .field-content img {
    height: 160px;
  }
}
@media all and (max-width: 445px) {
  .block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-field-image .field-content img,
  .block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-field-image .field-content img {
    height: 130px;
  }
}
@media all and (max-width: 350px) {
  .block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-field-image .field-content img,
  .block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-field-image .field-content img {
    height: 110px;
  }
}
.block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-field-image:hover + .views-field-body,
.block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-field-image:hover + .views-field-body {
  display: block;
}
.block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-body,
.block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-body {
  display: none;
  position: absolute;
  top: 0;
  width: 100%;
  height: 98%;
  background-color: rgba(0, 22, 88, 0.7);
  cursor: pointer;
}
@media all and (max-width: 991px) {
  .block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-body,
  .block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-body {
    display: block;
    background-color: transparent;
  }
}
.block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-body .field-content,
.block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-body .field-content {
  height: inherit;
}
.block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-body .field-content .gallery-text-wrapper,
.block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-body .field-content .gallery-text-wrapper {
  padding: 15px;
  position: absolute;
  bottom: 0;
  width: 50%;
}
.block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-body .field-content .gallery-text-wrapper h1,
.block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-body .field-content .gallery-text-wrapper p,
.block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-body .field-content .gallery-text-wrapper h1,
.block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-body .field-content .gallery-text-wrapper p {
  color: #ffffff;
}
@media all and (max-width: 991px) {
  .block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-body .field-content .gallery-text-wrapper h1,
  .block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-body .field-content .gallery-text-wrapper p,
  .block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-body .field-content .gallery-text-wrapper h1,
  .block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-body .field-content .gallery-text-wrapper p {
    font-size: 0 !important;
  }
}
.block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-body .field-content .gallery-text-wrapper h1,
.block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-body .field-content .gallery-text-wrapper h1 {
  font-family: 'Titillium-Bd';
  margin-bottom: 0;
  font-size: 18px;
}
@media all and (max-width: 650px) {
  .block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-body .field-content .gallery-text-wrapper h1,
  .block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-body .field-content .gallery-text-wrapper h1 {
    font-size: 14px;
  }
}
.block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-body .field-content .gallery-text-wrapper p,
.block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-body .field-content .gallery-text-wrapper p {
  font-family: 'Titillium-Rg';
  margin-bottom: 0;
  font-size: 14px;
  display: -webkit-box;
  height: 40px;
  /* Fallback for non-webkit */
  line-height: 1.4;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media all and (max-width: 650px) {
  .block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-body .field-content .gallery-text-wrapper p,
  .block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-body .field-content .gallery-text-wrapper p {
    font-size: 12px;
  }
}
.block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-body:hover,
.block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs .ui-tabs-panel .views-field-body:hover {
  display: block;
}

#imagePopup {
  position: fixed;
  width: 100vw;
  height: 110vh;
  top: 0;
  background: rgba(0, 0, 0, 0.9);
  z-index: 99999;
}
#imagePopup #imageWrapper {
  width: 600px;
  height: 600px;
  position: absolute;
  top: 45%;
  left: 50%;
  margin-top: -290px;
  margin-left: -300px;
}
@media all and (max-width: 650px) {
  #imagePopup #imageWrapper {
    width: auto;
    position: static;
    margin-top: auto;
    margin-left: auto;
    padding: 100px 20px 20px;
  }
}
#imagePopup #imageWrapper span#close-popup {
  color: #aeaeae;
  font-size: 26px;
  float: right;
}
#imagePopup #imageWrapper span#close-popup:hover {
  color: #ffffff;
}
#imagePopup #imageWrapper img {
  width: 100%;
}
#imagePopup #imageWrapper h1 {
  color: #ffffff;
  font-family: 'Titillium-Semib';
  margin: 0;
  font-size: 18px;
  text-align: center;
}
@media all and (max-width: 767px) {
  #imagePopup #imageWrapper h1 {
    font-size: 17px;
  }
}
#imagePopup #imageWrapper p {
  color: #ffffff;
  font-family: 'Titillium-Rg';
  font-size: 16px;
  text-align: center;
}
@media all and (max-width: 767px) {
  #imagePopup #imageWrapper p {
    font-size: 15px;
  }
}

.no-scroll {
  overflow: hidden;
}

html:lang(ar) .block-quicktabs-blockimage-gallery-1.block-quicktabs h2:after,
html:lang(ar) .block-quicktabs-blockla-image-gallery-.block-quicktabs h2:after {
  background-position: right bottom;
}
html:lang(ar) .block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs .item-list ul li,
html:lang(ar) .block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs .item-list ul li {
  float: right;
}
html:lang(ar) .block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs .item-list ul li a,
html:lang(ar) .block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs .item-list ul li a {
  border-right: none;
  border-left: 1px solid black;
  padding: 0 0 0 50px;
  margin-right: 0;
  margin-left: 60px;
}
@media all and (max-width: 767px) {
  html:lang(ar) .block-quicktabs-blockimage-gallery-1.block-quicktabs .content .ui-tabs .item-list ul li a,
  html:lang(ar) .block-quicktabs-blockla-image-gallery-.block-quicktabs .content .ui-tabs .item-list ul li a {
    padding: 0 0 0 30px;
    margin-left: 40px;
  }
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid green;
  -webkit-text-fill-color: #24324c;
  -webkit-box-shadow: 0 0 0px 0.1px #000 inset;
  transition: background-color 5000s ease-in-out 0s;
}

@media all and (max-width: 1024px) {
  .path-user #page-wrapper #main-wrapper {
    margin-top: 90px !important;
  }
}
@media all and (max-width: 850px) {
  .path-user #page-wrapper #main-wrapper {
    margin-top: 80px !important;
  }
}
@media all and (max-width: 599px) {
  .path-user #page-wrapper #main-wrapper {
    margin-top: 80px !important;
  }
}
@media all and (max-width: 479px) {
  .path-user #page-wrapper #main-wrapper {
    margin-top: 80px !important;
  }
}
@media all and (max-width: 375px) {
  .path-user #page-wrapper #main-wrapper {
    margin-top: 75px !important;
  }
}
.path-user #page-wrapper #main-wrapper .section #block-arshipping-page-title {
  display: none;
}

.custom-registration-form {
  padding: 68px 50px 50px;
  background: #f6f6f6;
}
@media all and (max-width: 479px) {
  .custom-registration-form {
    padding: 0;
  }
}
.custom-registration-form .form-inner-wrapper {
  max-width: 500px;
  width: 100%;
  box-sizing: border-box;
  margin: 0px auto;
  padding: 50px;
  box-shadow: 0px 0px 20px 5px #f3f3f3;
  background: white;
}
@media all and (max-width: 479px) {
  .custom-registration-form .form-inner-wrapper {
    padding: 30px;
  }
}
.custom-registration-form .form-inner-wrapper h1 {
  font-size: 32px;
  margin: 0 0 30px;
  color: #001658;
  font-weight: bold;
  font-family: 'Titillium-Semib';
}
.custom-registration-form .form-inner-wrapper #edit-contact,
.custom-registration-form .form-inner-wrapper #edit-timezone {
  display: none;
}
.custom-registration-form .form-inner-wrapper .field--type-datetime {
  clear: both;
  position: relative;
}
.custom-registration-form .form-inner-wrapper .field--type-datetime h4 {
  top: -8px;
  position: absolute;
  color: #b3b3b3;
  pointer-events: none;
  text-transform: uppercase;
  font-size: 13px !important;
  font-weight: normal;
  font-family: 'Titillium-Semib';
  z-index: 99;
}
.custom-registration-form .form-inner-wrapper .field--type-datetime h4:after {
  display: none;
}
.custom-registration-form .form-inner-wrapper form div .js-form-item {
  position: relative;
  margin-bottom: 20px;
}
.custom-registration-form .form-inner-wrapper form div .js-form-item label {
  position: absolute;
  top: -5px;
  color: #b3b3b3;
  transform: translateY(20px);
  pointer-events: none;
  text-transform: uppercase;
  transition: .5s;
  font-size: 15px;
  font-weight: normal;
  transition: all 0.3s ease-in;
  font-family: 'Titillium-Semib';
}
.custom-registration-form .form-inner-wrapper form div .js-form-item label:after {
  display: none;
}
.custom-registration-form .form-inner-wrapper form div .js-form-item input {
  font-size: 16px;
  font-weight: normal;
  font-family: 'Titillium-Semib';
  color: #24324c;
  padding: 10px 0 2px 0;
  background-color: white;
  width: 100%;
  font-weight: normal;
  box-sizing: border-box;
  box-shadow: none;
  outline: none;
  border: none;
  border-bottom: 1px solid #000;
}
.custom-registration-form .form-inner-wrapper form div .js-form-item input:valid ~ label,
.custom-registration-form .form-inner-wrapper form div .js-form-item input:focus ~ label {
  transition: all 0.3s ease-in;
  transform: translateY(-2px);
  font-size: 13px;
}
.custom-registration-form .form-inner-wrapper form div .js-form-item .description {
  display: none;
}
.custom-registration-form .form-inner-wrapper form div .js-form-item #edit-field-dob-0-value-date {
  font-size: 16px;
  font-weight: normal !important;
  font-family: 'Titillium-Semib';
  color: #24324c;
  padding: 10px 0 2px 0;
  background-color: white;
  width: 100%;
  font-weight: normal;
  box-sizing: border-box;
  box-shadow: none;
  outline: none;
  border: none;
  border-bottom: 1px solid #000;
}
.custom-registration-form .form-inner-wrapper form div .js-form-item.js-form-type-email input:invalid:not(:focus):not(:placeholder-shown) ~ label {
  transition: all 0.3s ease-in;
  transform: translateY(-2px);
  font-size: 13px;
}
.custom-registration-form .form-inner-wrapper form div .form-item-user-picture-0 .js-form-managed-file {
  text-align: center;
  padding-top: 35px;
}
.custom-registration-form .form-inner-wrapper form div .form-item-user-picture-0 .js-form-managed-file .image-preview img {
  width: 120px;
  height: 120px;
  padding: 2px;
  border-left-color: #001658;
  border-radius: 50%;
  border: solid;
  border-width: 3px;
  margin-bottom: 5px;
  border-color: #001658;
}
.custom-registration-form .form-inner-wrapper form div .form-item-user-picture-0 .js-form-managed-file .image-widget-data .file--image {
  background-image: none;
}
.custom-registration-form .form-inner-wrapper form div .form-item-user-picture-0 .js-form-managed-file .image-widget-data .file--image a {
  font-size: 16px;
  font-weight: normal;
  font-family: 'Titillium-Semib';
  color: #24324c;
}
.custom-registration-form .form-inner-wrapper form div .form-item-user-picture-0 .js-form-managed-file .image-widget-data .file-size {
  font-size: 15px;
  font-weight: normal;
  font-family: 'Titillium-Semib';
  color: #b3b3b3;
}
.custom-registration-form .form-inner-wrapper form div .form-item-user-picture-0 label {
  transform: translateY(0px);
  top: 3px;
}
.custom-registration-form .form-inner-wrapper form div .form-item-user-picture-0 input {
  border-radius: 0px;
  background-image: none;
  margin: 0px;
  margin-top: 10px;
  border: none;
  padding: 15px;
  border: dashed 1px #001658;
  background-color: #f3f3f357;
}
.custom-registration-form .form-inner-wrapper form div .js-form-item-field-reference-type label {
  position: static;
  transform: none;
}
.custom-registration-form .form-inner-wrapper form div .js-form-item-field-reference-type select {
  margin-top: 10px;
  padding: 10px 4px 10px 20px;
  font-family: 'Titillium-Lt';
  font-size: 16px;
  height: 47px;
  width: 100%;
  color: rgba(66, 66, 66, 0.6);
}
.custom-registration-form .form-inner-wrapper form .js-form-item-int-phone-field {
  float: left;
  width: 100%;
  box-sizing: border-box;
  margin-top: 18px;
  margin-right: 10px;
  position: relative;
  /*
  &:after{
      content: "-";
      display:inline-block;          
      position: absolute;
      top: 10px;
      right: -7px;
  }*/
}
.custom-registration-form .form-inner-wrapper form .js-form-item-int-phone-field select {
  width: 100%;
  border: none;
  border-bottom: 1px solid #000;
  background-color: transparent;
  font-size: 16px;
  font-weight: normal !important;
  font-family: 'Titillium-Semib';
  color: #24324c;
  padding-left: 0;
}
.custom-registration-form .form-inner-wrapper form .telephone-field-prefix {
  clear: left;
  float: left;
  width: 20%;
  font-size: 16px;
  font-weight: normal;
  font-family: 'Titillium-Semib';
  color: #24324c;
  padding: 26px 0 2px 0;
  width: 18%;
}
.custom-registration-form .form-inner-wrapper form .field--type-telephone {
  float: right;
  width: 80%;
}
.custom-registration-form .form-inner-wrapper form #edit-actions .button {
  font-size: 15px;
  color: white;
  font-family: 'Titillium-Semib';
  margin: 0px;
  padding: 4px 20px !important;
  background: #001658;
  border-radius: 0px;
  border: none !important;
}
.custom-registration-form .form-inner-wrapper .login-notification p {
  margin: 0px;
  margin-top: 15px;
  font-family: 'Titillium-Semib';
  color: #b9b9b9;
}
.custom-registration-form .form-inner-wrapper .login-notification p a {
  text-transform: uppercase;
  color: #001658;
  padding: 0px;
  border-bottom: solid 1px #9fa7c0 !important;
}

.ui-widget-overlay {
  background: #000 !important;
  opacity: 0.7 !important;
}

/* login page */
.layout-no-sidebars.path-user #page-wrapper #page #main-wrapper #main #content #block-arshipping-content .content .custom-login-form-outer {
  max-width: 500px;
  margin: 60px auto 50px;
  padding: 0;
  box-shadow: 0px 0px 20px 5px #f3f3f3;
  background: white;
  clear: both;
  overflow: hidden;
}
@media all and (max-width: 479px) {
  .layout-no-sidebars.path-user #page-wrapper #page #main-wrapper #main #content #block-arshipping-content .content .custom-login-form-outer {
    padding: 30px;
    margin: 0px auto;
  }
}
.layout-no-sidebars.path-user #page-wrapper #page #main-wrapper #main #content #block-arshipping-content .content .custom-login-form-outer .custom-login-form-container .custom-login-form {
  display: inline-block;
  float: left;
  padding: 5% 10%;
  width: 80%;
}
@media all and (max-width: 500px) {
  .layout-no-sidebars.path-user #page-wrapper #page #main-wrapper #main #content #block-arshipping-content .content .custom-login-form-outer .custom-login-form-container .custom-login-form {
    padding: 0px;
    width: 100%;
  }
  .layout-no-sidebars.path-user #page-wrapper #page #main-wrapper #main #content #block-arshipping-content .content .custom-login-form-outer .custom-login-form-container .custom-login-form .custom-forgot-password p {
    top: -95px;
    margin-bottom: 0;
  }
  .layout-no-sidebars.path-user #page-wrapper #page #main-wrapper #main #content #block-arshipping-content .content .custom-login-form-outer .custom-login-form-container .custom-login-form .register-notification p {
    font-size: 20px;
  }
}
.layout-no-sidebars.path-user #page-wrapper #page #main-wrapper #main #content #block-arshipping-content .content .custom-login-form-outer .custom-login-form-container .custom-login-form h1 {
  margin-top: 10px;
}
.layout-no-sidebars.path-user #page-wrapper #page #main-wrapper #main #content #block-arshipping-content .content .custom-login-form-outer .custom-login-form-container .register-sidebar {
  width: 80%;
  padding: 0 10%;
  position: static;
  height: 180px;
}
.layout-no-sidebars.path-user #page-wrapper #page #main-wrapper #main #content #block-arshipping-content .content .custom-login-form-outer .custom-login-form-container .register-sidebar a {
  position: static;
  line-height: 3;
}

/* Login form and right register section */
.custom-login-form-container .description {
  display: none !important;
}
.custom-login-form-container .custom-login-form {
  padding: 50px 50px 50px;
  width: 270px;
  display: inline-block;
  float: left;
}
.custom-login-form-container .custom-login-form h1 {
  font-size: 32px;
  color: #001658;
  font-weight: bold;
  font-family: 'Titillium-Semib';
}
@media all and (max-width: 600px) {
  .custom-login-form-container .custom-login-form {
    width: 47%;
  }
}
@media all and (max-width: 500px) {
  .custom-login-form-container .custom-login-form {
    font-size: 28px;
    padding: 50px 30px 10px;
    width: 100%;
    box-sizing: border-box;
  }
}
.custom-login-form-container .custom-login-form form .my_top_message {
  position: absolute;
  z-index: 99;
  top: 35px;
  color: red;
  border: 1px solid;
  border-width: 1px 1px 1px 0;
  border-radius: 2px;
  background-color: #fcf4f2;
  color: #a51b00;
  border-color: #f9c9bf #f9c9bf #f9c9bf transparent;
  box-shadow: -8px 0 0 #e62600;
  font-size: 14px;
  padding: 5px;
  max-width: 300px;
}
.custom-login-form-container .custom-login-form form .js-form-item {
  position: relative;
  margin-bottom: 17px;
}
.custom-login-form-container .custom-login-form form .js-form-item label {
  position: absolute;
  top: -5px;
  color: #b3b3b3;
  transform: translateY(20px);
  pointer-events: none;
  text-transform: uppercase;
  transition: .5s;
  font-size: 15px;
  font-weight: normal;
  transition: all 0.3s ease-in;
  font-family: 'Titillium-Semib';
}
@media all and (max-width: 500px) {
  .custom-login-form-container .custom-login-form form .js-form-item label {
    font-size: 13px;
  }
}
.custom-login-form-container .custom-login-form form .js-form-item label:after {
  display: none;
}
.custom-login-form-container .custom-login-form form .js-form-item input {
  font-size: 16px;
  font-weight: normal;
  font-family: 'Titillium-Semib';
  color: #24324c;
  padding: 10px 0 2px 0;
  background-color: white;
  width: 100%;
  font-weight: normal;
  box-sizing: border-box;
  box-shadow: none;
  outline: none;
  border: none;
  border-bottom: 1px solid #000;
}
.custom-login-form-container .custom-login-form form .js-form-item input.highlight ~ label {
  transition: all 0.3s ease-in;
  transform: translateY(-2px);
  font-size: 13px;
}
@media all and (max-width: 500px) {
  .custom-login-form-container .custom-login-form form .js-form-item input.highlight ~ label {
    font-size: 11px;
  }
}
.custom-login-form-container .custom-login-form form .js-form-item input:valid ~ label,
.custom-login-form-container .custom-login-form form .js-form-item input:focus ~ label,
.custom-login-form-container .custom-login-form form .js-form-item input:-webkit-autofill ~ label {
  transition: all 0.3s ease-in;
  transform: translateY(-2px);
  font-size: 13px;
}
@media all and (max-width: 500px) {
  .custom-login-form-container .custom-login-form form .js-form-item input:valid ~ label,
  .custom-login-form-container .custom-login-form form .js-form-item input:focus ~ label,
  .custom-login-form-container .custom-login-form form .js-form-item input:-webkit-autofill ~ label {
    font-size: 11px;
  }
}
.custom-login-form-container .custom-login-form form .js-form-item input::-webkit-input-placeholder {
  color: transparent;
}
.custom-login-form-container .custom-login-form form .js-form-item input:-moz-placeholder {
  /* Firefox 18- */
  color: transparent;
}
.custom-login-form-container .custom-login-form form .js-form-item input::-moz-placeholder {
  /* Firefox 19+ */
  color: transparent;
}
.custom-login-form-container .custom-login-form form .js-form-item input:-ms-input-placeholder {
  color: transparent;
}
.custom-login-form-container .custom-login-form form input.js-form-submit.form-submit {
  font-size: 15px;
  color: white;
  font-family: 'Titillium-Semib';
  margin: 0px;
  padding: 4px 20px !important;
  background: #001658;
  border-radius: 0px;
  width: 100px !important;
  position: relative;
  bottom: -30px;
}
.custom-login-form-container .custom-login-form .custom-forgot-password p {
  position: relative;
  top: -45px;
}
.custom-login-form-container .custom-login-form .custom-forgot-password p a {
  font-size: 12px;
  margin-bottom: 30px;
  color: #001658;
  font-weight: bold;
  font-family: 'Titillium-rg';
  text-decoration: underline !important;
}
.custom-login-form-container .custom-login-form .register-notification p {
  font-family: 'Titillium-rg';
}

.register-sidebar {
  position: relative;
  background-color: #434442;
  width: 32%;
  display: inline-block;
  float: right;
  padding: 45px 20px;
}
@media all and (max-width: 500px) {
  .register-sidebar {
    display: none;
  }
}
.register-sidebar h1 {
  line-height: 29px;
  font-size: 28px;
  color: #b9b9b9;
  font-weight: normal;
  font-family: 'Titillium-Semib';
}
.register-sidebar p {
  margin-top: 20px;
  color: #b9b9b9;
  font-weight: normal;
  font-family: 'Titillium-Semib';
}
.register-sidebar a {
  font-weight: normal;
  font-family: 'Titillium-Semib';
  position: absolute;
  padding: 10px 20px;
  color: #b9b9b9 !important;
  bottom: 50px;
  border: solid 1px #b9b9b9;
  transition: .3s;
  border-bottom: solid 1px #b9b9b9 !important;
}
.register-sidebar a:hover {
  transition: .3s;
  color: white !important;
  border: solid 1px white !important;
}

/* Login Popup */
.ui-dialog.ui-widget {
  width: 600px !important;
  padding: 0px !important;
  border: none !important;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
  border-radius: 0;
}
@media all and (max-width: 600px) {
  .ui-dialog.ui-widget {
    width: 95% !important;
  }
}
.ui-dialog.ui-widget ::placeholder {
  color: transparent !important;
}
.ui-dialog.ui-widget .ui-dialog-titlebar {
  position: absolute !important;
  width: 94%;
  background: transparent;
  border: none;
}
.ui-dialog.ui-widget .ui-dialog-titlebar button {
  margin-top: 5px;
  margin-right: 1px;
  z-index: 999;
  width: 14px !important;
  height: 14px !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../images/x.png);
  box-shadow: none;
}
@media all and (max-width: 500px) {
  .ui-dialog.ui-widget .ui-dialog-titlebar button {
    margin-right: 10px;
  }
}
.ui-dialog.ui-widget .ui-dialog-titlebar button .ui-icon {
  background-image: none;
}
.ui-dialog.ui-widget .ui-dialog-titlebar button:hover, .ui-dialog.ui-widget .ui-dialog-titlebar button:active {
  border: none;
  background-color: transparent;
}
.ui-dialog.ui-widget .ui-dialog-titlebar .ui-dialog-title {
  display: none;
}
.ui-dialog.ui-widget .ui-widget-content {
  padding: 0px !important;
  border: none !important;
  width: 100% !important;
  overflow: visible;
  /* Commented for reuse it in another section */
}
.ui-dialog.ui-widget .ui-widget-content .custom-login-form-container {
  display: flex;
  /* Commented for reuse it in another section */
}
.ui-dialog.ui-widget .ui-widget-content .custom-login-form-container .description {
  display: none !important;
}
.ui-dialog.ui-widget .ui-widget-content .register-notification {
  font-family: 'Titillium-rg';
}
.ui-dialog.ui-widget .ui-widget-content .register-notification p {
  font-size: 12px;
  color: #b3b3b3;
  position: relative;
  top: 30px;
}
@media all and (max-width: 500px) {
  .ui-dialog.ui-widget .ui-widget-content .register-notification p {
    top: -15px;
  }
}
.ui-dialog.ui-widget .ui-widget-content .register-notification p a {
  color: #001658;
}
.ui-dialog.ui-widget .ui-dialog-buttonpane {
  z-index: 100;
  position: absolute !important;
  width: 100px !important;
  bottom: 100px;
  left: 50px;
}
@media all and (max-width: 600px) {
  .ui-dialog.ui-widget .ui-dialog-buttonpane {
    left: 30px;
  }
}
.ui-dialog.ui-widget .ui-dialog-buttonpane .ui-dialog-buttonset {
  background: white;
}
.ui-dialog.ui-widget .ui-dialog-buttonpane .ui-dialog-buttonset button {
  font-size: 15px;
  color: white;
  font-family: 'Titillium-Semib';
  margin: 0px;
  padding: 4px 20px !important;
  background: #001658;
  border-radius: 0px;
  width: 100px !important;
}

.path-registration-success #main-wrapper .section {
  padding: 50px;
}
.path-registration-success #main-wrapper .section .registration-message {
  max-width: 500px;
  margin: 0px auto;
  padding: 50px;
  box-shadow: 0px 0px 20px 5px #f3f3f3;
  background: white;
  text-align: center;
}
.path-registration-success #main-wrapper .section .registration-message .tick-icon {
  margin-bottom: 25px;
}
.path-registration-success #main-wrapper .section .registration-message .success-message {
  color: #858585;
  font-family: "Titillium-Semib", sans-serif;
  font-size: 20px;
  margin-bottom: 25px;
}
.path-registration-success #main-wrapper .section .registration-message .code-message {
  color: #959595;
  font-family: "Titillium-Semib", sans-serif;
  font-size: 18px;
  margin-bottom: 25px;
}
.path-registration-success #main-wrapper .section .registration-message .code-message .code {
  color: #273e67;
}
.path-registration-success #main-wrapper .section .registration-message .approval {
  font-family: "Titillium-Rg", sans-serif;
  font-size: 16px;
  color: #acacac;
  margin: 0;
}
.path-registration-success #main-wrapper .section .registration-message .contact-details a {
  font-family: "Titillium-Rg", sans-serif;
  font-size: 16px;
  color: #405276;
  text-decoration: underline !important;
}

.custom-forgot-password-form {
  max-width: 500px;
  margin: 60px auto 50px;
  padding: 50px;
  box-shadow: 0px 0px 20px 5px #f3f3f3;
  background: white;
}
@media all and (max-width: 479px) {
  .custom-forgot-password-form {
    padding: 30px;
    margin: 0px auto;
  }
}
.custom-forgot-password-form h1 {
  font-size: 32px;
  margin-bottom: 30px;
  color: #001658;
  font-weight: bold;
  font-family: 'Titillium-Semib';
  text-transform: uppercase;
  margin: 0;
}
.custom-forgot-password-form form .js-form-item {
  position: relative;
  margin-bottom: 20px;
}
.custom-forgot-password-form form .js-form-item label {
  position: absolute;
  top: -5px;
  color: #b3b3b3;
  transform: translateY(20px);
  pointer-events: none;
  text-transform: uppercase;
  transition: .5s;
  font-size: 15px;
  font-weight: normal;
  transition: all 0.3s ease-in;
  font-family: 'Titillium-Semib';
}
.custom-forgot-password-form form .js-form-item label:after {
  display: none;
}
.custom-forgot-password-form form .js-form-item input {
  font-size: 16px;
  font-weight: normal;
  font-family: 'Titillium-Semib';
  color: #24324c;
  padding: 10px 0 2px 0;
  background-color: white;
  width: 100%;
  font-weight: normal;
  box-sizing: border-box;
  box-shadow: none;
  outline: none;
  border: none;
  border-bottom: 1px solid #000;
}
.custom-forgot-password-form form .js-form-item input:valid ~ label,
.custom-forgot-password-form form .js-form-item input:focus ~ label {
  transition: all 0.3s ease-in;
  transform: translateY(-2px);
  font-size: 13px;
}
.custom-forgot-password-form form .js-form-item .description {
  display: none;
}
.custom-forgot-password-form form #edit-actions {
  margin: 0;
}
.custom-forgot-password-form form #edit-actions .button {
  font-size: 15px;
  color: white;
  font-family: 'Titillium-Semib';
  margin: 0px;
  padding: 4px 20px !important;
  background: #001658;
  border-radius: 0px;
  border: none !important;
}
.custom-forgot-password-form form p {
  font-size: 16px;
  font-weight: normal;
  font-family: 'Titillium-Semib';
  margin: 0 0 15px;
}

.user-pass-reset {
  max-width: 500px;
  margin: 120px auto 50px;
  padding: 50px;
  box-shadow: 0px 0px 20px 5px #f3f3f3;
  background: white;
}
@media all and (max-width: 479px) {
  .user-pass-reset {
    padding: 30px;
    margin: 0px auto;
  }
}
.user-pass-reset p {
  font-size: 16px;
  font-weight: normal;
  font-family: 'Titillium-Semib';
  margin: 0 0 15px;
}
.user-pass-reset p span {
  color: red;
  font-size: 22px;
}
.user-pass-reset #edit-actions {
  margin: 0;
}
.user-pass-reset #edit-actions .button {
  font-size: 15px;
  color: white;
  font-family: 'Titillium-Semib';
  margin: 0px;
  padding: 4px 20px !important;
  background: #001658;
  border-radius: 0px;
  border: none !important;
}

/* Mobile No wrapper*/
.mobile-no-wrapper0 {
  display: grid;
  grid-template-columns: 170px 1fr;
}
.mobile-no-wrapper0 .telephone-field-prefix {
  height: 52px;
  border-bottom: 1px solid #000;
  margin-right: 20px;
  box-sizing: border-box;
  padding: 20px 0 0;
}

.path-user .highlighted {
  position: relative;
  top: -25px;
  z-index: 9;
}
@media all and (max-width: 1073px) {
  .path-user .highlighted {
    top: -14px;
  }
}
@media all and (max-width: 991px) {
  .path-user .highlighted {
    top: 53px;
  }
}
@media all and (max-width: 991px) {
  .path-user .highlighted .region .layout-container {
    position: absolute;
    width: 90%;
  }
}
.path-user .highlighted .region .layout-container .messages--error {
  padding: 10px 20px 10px 35px;
  background-position: 10px 12px;
}
.path-user .highlighted .region .layout-container .messages--status {
  margin-top: 10px;
}
@media all and (max-width: 1074px) {
  .path-user .highlighted .region .layout-container .messages--status {
    margin-top: 0px;
  }
}

.path-frontpage .highlighted {
  position: absolute;
  z-index: 99;
  top: 80vh;
  width: 100%;
}
@media all and (max-width: 1100px) {
  .path-frontpage .highlighted {
    top: 58vh;
  }
}
@media all and (max-width: 600px) {
  .path-frontpage .highlighted {
    position: static;
  }
  .path-frontpage .highlighted .messages__wrapper {
    padding: 5px 0 5px 8px;
  }
}
.path-frontpage .highlighted .messages.messages--status {
  position: relative;
}
.path-frontpage .highlighted .messages.messages--status::after {
  content: "x";
  display: block;
  position: absolute;
  top: 2px;
  right: 10px;
  font-size: 15px;
}

@media all and (max-width: 1024px) {
  .path-registration-success .highlighted {
    margin-top: 70px;
  }
}
@media all and (max-width: 768px) {
  .path-registration-success .highlighted {
    padding-bottom: 20px;
  }
}
.path-registration-success #main-wrapper {
  margin-top: 0 !important;
}

.pagenotfound-wrapper {
  margin-top: -241px;
  background-color: white;
}
@media all and (max-width: 1200px) {
  .pagenotfound-wrapper {
    margin-top: 210px;
    background-color: #f6f6f6;
    padding: 30px 20px;
  }
}
@media all and (max-width: 1024px) {
  .pagenotfound-wrapper {
    margin-top: 80px;
  }
}
@media all and (max-width: 768px) {
  .pagenotfound-wrapper {
    margin-top: 110px;
  }
}
@media all and (max-width: 599px) {
  .pagenotfound-wrapper {
    margin-top: 130px;
  }
}
@media all and (max-width: 479px) {
  .pagenotfound-wrapper {
    margin-top: 160px;
  }
}
@media all and (max-width: 375px) {
  .pagenotfound-wrapper {
    margin-top: 200px;
  }
}
.pagenotfound-wrapper img {
  margin: 0px auto !important;
  max-width: 100%;
}
@media all and (max-width: 450px) {
  .pagenotfound-wrapper img {
    height: 240px;
    object-fit: contain;
  }
}

#access-denied-wrapper {
  text-align: center;
  padding: 30px;
}
#access-denied-wrapper h1 {
  font-family: Titillium-Rg;
}

.path-privacy-policy #block-arshipping-content .block-region-top {
  background-color: white;
}
.path-privacy-policy #block-arshipping-content .block-region-top .block-views-blockprivacy--block-1 {
  max-width: 1290px;
  margin: 0 auto;
  padding: 50px 0;
  font-family: Titillium-Rg;
  font-size: 16px;
}
@media all and (max-width: 1300px) {
  .path-privacy-policy #block-arshipping-content .block-region-top .block-views-blockprivacy--block-1 {
    padding: 30px 15px;
  }
}

.path-terms-and-conditions #block-arshipping-page-title h1.page-title {
  display: none;
}
.path-terms-and-conditions .block-region-top {
  background-color: white;
}
.path-terms-and-conditions .block-region-top .block-views-blockterms--block-1 {
  max-width: 1290px;
  margin: 0 auto;
  padding: 50px 0;
  font-family: Titillium-Rg;
  font-size: 16px;
}
@media all and (max-width: 1300px) {
  .path-terms-and-conditions .block-region-top .block-views-blockterms--block-1 {
    padding: 30px 15px;
  }
}
.path-terms-and-conditions .block-region-top .block-views-blockterms--block-1 .views-field-body h2 {
  font-family: Titillium-Semib;
}

#main-wrapper {
  max-width: 100%;
}
#main-wrapper .layout-main {
  margin-top: -12px;
  margin-bottom: 0;
}
#main-wrapper .layout-main .main-content {
  background-color: #f6f6f6;
}
#main-wrapper .layout-main .main-content .region-content #block-arshipping-content {
  margin-top: -10px;
}
#main-wrapper .layout-main .main-content .region-content #block-arshipping-content .content {
  margin-top: 0;
}
@media all and (max-width: 850px) {
  #main-wrapper #block-marqueeblock {
    margin-top: 12px;
  }
}
#main-wrapper #block-marqueeblock .content {
  margin: 0;
}
#main-wrapper #block-marqueeblock .content marquee {
  background: #001658;
  padding: 10px 0;
  white-space: pre-line;
  text-align: center;
  height: 20px !important;
  width: 100%;
}
@media all and (max-width: 1024px) {
  #main-wrapper #block-marqueeblock .content marquee {
    height: 35px !important;
  }
}
@media all and (max-width: 600px) {
  #main-wrapper #block-marqueeblock .content marquee {
    padding: 5px 0;
  }
}
#main-wrapper #block-marqueeblock .content marquee a {
  font-family: Titillium-Rg;
  font-size: 18px;
  color: white;
  font-weight: 600;
}
@media all and (max-width: 600px) {
  #main-wrapper #block-marqueeblock .content marquee a {
    font-size: 16px;
  }
}
#main-wrapper .block-region-content .views-element-container {
  clear: both;
  width: 100%;
}
#main-wrapper .block-region-content .views-element-container .view-logistics-services-carousel,
#main-wrapper .block-region-content .views-element-container .view-homepage-shipping-services-carousel,
#main-wrapper .block-region-content .views-element-container .view-homepage-about-,
#main-wrapper .block-region-content .views-element-container .view-homepage-subsidiary-companies-carousel,
#main-wrapper .block-region-content .views-element-container .view-homepage-events-and-news-carousel,
#main-wrapper .block-region-content .views-element-container .view-testimonials-view,
#main-wrapper .block-region-content .views-element-container .view-homepage-image-carousel,
#main-wrapper .block-region-content .views-element-container .view-co-block-2-carousel,
#main-wrapper .block-region-content .views-element-container .view-co-block-1,
#main-wrapper .block-region-content .views-element-container .view-co-contact-us,
#main-wrapper .block-region-content .views-element-container .view-liner-agency-block-1,
#main-wrapper .block-region-content .views-element-container .view-la-block-2-carousel,
#main-wrapper .block-region-content .views-element-container .view-why-working-with-us,
#main-wrapper .block-region-content .views-element-container .view-available-jobs-views,
#main-wrapper .block-region-content .views-element-container .view-service-block-3,
#main-wrapper .block-region-content .views-element-container .views-field-field-text-3 {
  max-width: 1290px;
  margin: 0 auto;
}
@media all and (max-width: 1290px) {
  #main-wrapper .block-region-content .views-element-container .view-logistics-services-carousel,
  #main-wrapper .block-region-content .views-element-container .view-homepage-shipping-services-carousel,
  #main-wrapper .block-region-content .views-element-container .view-homepage-about-,
  #main-wrapper .block-region-content .views-element-container .view-homepage-subsidiary-companies-carousel,
  #main-wrapper .block-region-content .views-element-container .view-homepage-events-and-news-carousel,
  #main-wrapper .block-region-content .views-element-container .view-testimonials-view,
  #main-wrapper .block-region-content .views-element-container .view-homepage-image-carousel,
  #main-wrapper .block-region-content .views-element-container .view-co-block-2-carousel,
  #main-wrapper .block-region-content .views-element-container .view-co-block-1,
  #main-wrapper .block-region-content .views-element-container .view-co-contact-us,
  #main-wrapper .block-region-content .views-element-container .view-liner-agency-block-1,
  #main-wrapper .block-region-content .views-element-container .view-la-block-2-carousel,
  #main-wrapper .block-region-content .views-element-container .view-why-working-with-us,
  #main-wrapper .block-region-content .views-element-container .view-available-jobs-views,
  #main-wrapper .block-region-content .views-element-container .view-service-block-3,
  #main-wrapper .block-region-content .views-element-container .views-field-field-text-3 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media all and (max-width: 599px) {
  #main-wrapper .block-region-content .views-element-container .view-logistics-services-carousel,
  #main-wrapper .block-region-content .views-element-container .view-homepage-shipping-services-carousel,
  #main-wrapper .block-region-content .views-element-container .view-homepage-about-,
  #main-wrapper .block-region-content .views-element-container .view-homepage-subsidiary-companies-carousel,
  #main-wrapper .block-region-content .views-element-container .view-homepage-events-and-news-carousel,
  #main-wrapper .block-region-content .views-element-container .view-testimonials-view,
  #main-wrapper .block-region-content .views-element-container .view-homepage-image-carousel,
  #main-wrapper .block-region-content .views-element-container .view-co-block-2-carousel,
  #main-wrapper .block-region-content .views-element-container .view-co-block-1,
  #main-wrapper .block-region-content .views-element-container .view-co-contact-us,
  #main-wrapper .block-region-content .views-element-container .view-liner-agency-block-1,
  #main-wrapper .block-region-content .views-element-container .view-la-block-2-carousel,
  #main-wrapper .block-region-content .views-element-container .view-why-working-with-us,
  #main-wrapper .block-region-content .views-element-container .view-available-jobs-views,
  #main-wrapper .block-region-content .views-element-container .view-service-block-3,
  #main-wrapper .block-region-content .views-element-container .views-field-field-text-3 {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.view-header {
  color: #424242;
  font-family: 'Titillium-Lt';
  font-size: 28px;
}
.view-header p {
  margin: 0;
}
.view-header h2 {
  font-family: 'Titillium-Semib';
  margin: 0;
  line-height: 1.2;
}
.view-header h2:after {
  content: "";
  display: block;
  height: 20px;
  background-image: url("../images/hd-br-black.png");
  background-repeat: no-repeat;
  background-position: left bottom;
}

.slick__arrow {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
}
.slick__arrow .slick-arrow {
  border-radius: 0px;
  width: 35px !important;
  height: 60px !important;
}
.slick__arrow .slick-arrow::before {
  color: #425CBB;
}
.slick__arrow .slick-next {
  right: -40px;
}
.slick__arrow .slick-next::before {
  content: "";
  display: block;
  height: 60px;
  opacity: 1;
  background-image: url(../images/rt-arr.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
  background-color: rgba(0, 22, 88, 0.75) !important;
}
@media all and (max-width: 1400px) {
  .slick__arrow .slick-next {
    right: -5px;
  }
}
@media all and (max-width: 1030px) {
  .slick__arrow .slick-next {
    height: 60px;
    width: 30px;
  }
}
.slick__arrow .slick-prev {
  left: -40px;
}
.slick__arrow .slick-prev::before {
  content: "";
  display: block;
  height: 60px;
  opacity: 1;
  background-image: url(../images/lt-arr.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-position: center;
  background-size: 50%;
  background-color: rgba(0, 22, 88, 0.75) !important;
}
@media all and (max-width: 1400px) {
  .slick__arrow .slick-prev {
    left: -5px;
  }
}
@media all and (max-width: 1030px) {
  .slick__arrow .slick-prev {
    left: 0;
    height: 60px;
    width: 30px;
  }
}
@media all and (max-width: 767px) {
  .slick__arrow {
    display: none !important;
  }
}

@media all and (min-width: 1025px) {
  .slick:hover .slick__arrow {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@media all and (max-width: 1024px) {
  .slick .slick__arrow {
    opacity: 1;
  }
}

.slick-dots {
  bottom: -40px;
}

.block-views-blockhomepage-about--block-1 {
  background-image: url("../images/ALRS-about-bg.png");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-color: #ffffff;
  padding-top: 50px;
  padding-bottom: 50px;
  overflow: hidden;
}
@media all and (max-width: 991px) {
  .block-views-blockhomepage-about--block-1 {
    background-size: 85%;
  }
}
@media all and (max-width: 767px) {
  .block-views-blockhomepage-about--block-1 {
    background-size: 80%;
  }
}
@media all and (max-width: 599px) {
  .block-views-blockhomepage-about--block-1 {
    background-image: none;
  }
}
.block-views-blockhomepage-about--block-1 .view-content {
  width: 50%;
}
@media all and (max-width: 1200px) {
  .block-views-blockhomepage-about--block-1 .view-content {
    width: 60%;
  }
}
@media all and (max-width: 991px) {
  .block-views-blockhomepage-about--block-1 .view-content {
    width: 70%;
  }
}
@media all and (max-width: 767px) {
  .block-views-blockhomepage-about--block-1 .view-content {
    width: 100%;
  }
}
.block-views-blockhomepage-about--block-1 .view-content .views-row {
  clear: both;
  width: 100%;
  float: left;
}
.block-views-blockhomepage-about--block-1 .view-content .views-field-field-sub-title .field-content {
  color: #424242;
  font-family: 'Titillium-Lt';
  font-size: 28px;
}
@media all and (max-width: 991px) {
  .block-views-blockhomepage-about--block-1 .view-content .views-field-field-sub-title .field-content {
    font-size: 24px;
  }
}
@media all and (max-width: 767px) {
  .block-views-blockhomepage-about--block-1 .view-content .views-field-field-sub-title .field-content {
    font-size: 22px;
  }
}
@media all and (max-width: 479px) {
  .block-views-blockhomepage-about--block-1 .view-content .views-field-field-sub-title .field-content {
    font-size: 20px;
  }
}
.block-views-blockhomepage-about--block-1 .view-content .views-field-title .field-content {
  font-family: 'Titillium-Bd';
  line-height: 1.2;
  font-size: 28px;
}
.block-views-blockhomepage-about--block-1 .view-content .views-field-title .field-content:after {
  content: "";
  display: block;
  height: 20px;
  background-image: url("../images/hd-br-black.png");
  background-repeat: no-repeat;
  background-position: left bottom;
}
@media all and (max-width: 991px) {
  .block-views-blockhomepage-about--block-1 .view-content .views-field-title .field-content {
    font-size: 24px;
  }
}
@media all and (max-width: 767px) {
  .block-views-blockhomepage-about--block-1 .view-content .views-field-title .field-content {
    font-size: 22px;
  }
}
@media all and (max-width: 479px) {
  .block-views-blockhomepage-about--block-1 .view-content .views-field-title .field-content {
    font-size: 20px;
  }
}
.block-views-blockhomepage-about--block-1 .view-content .views-field-body {
  margin-top: 20px;
}
.block-views-blockhomepage-about--block-1 .view-content .views-field-body p {
  font-family: 'Titillium-Rg';
  font-size: 16px;
  text-align: justify;
  font-weight: 300;
}
@media all and (max-width: 479px) {
  .block-views-blockhomepage-about--block-1 .view-content .views-field-body p {
    font-size: 15px;
  }
}
.block-views-blockhomepage-about--block-1 .view-content .views-field-field-read-more-link a {
  color: #001658;
  font-family: 'Titillium-Semib';
  font-weight: 600;
  border-bottom: 2px dotted #001658 !important;
}
.block-views-blockhomepage-about--block-1 .view-content .views-field-field-read-more-link a:hover {
  border-bottom: 2px solid #001658 !important;
}
.block-views-blockhomepage-about--block-1 .view-content .views-field-field-image-1,
.block-views-blockhomepage-about--block-1 .view-content .views-field-field-text-1 {
  margin-top: 20px;
}
.block-views-blockhomepage-about--block-1 .view-content .views-field-field-image-1,
.block-views-blockhomepage-about--block-1 .view-content .views-field-field-image-2,
.block-views-blockhomepage-about--block-1 .view-content .views-field-field-image-3 {
  width: auto;
  float: left;
  height: 84px;
  padding-top: 5px;
}
@media all and (max-width: 479px) {
  .block-views-blockhomepage-about--block-1 .view-content .views-field-field-image-1,
  .block-views-blockhomepage-about--block-1 .view-content .views-field-field-image-2,
  .block-views-blockhomepage-about--block-1 .view-content .views-field-field-image-3 {
    height: 74px;
  }
}
@media all and (max-width: 375px) {
  .block-views-blockhomepage-about--block-1 .view-content .views-field-field-image-1,
  .block-views-blockhomepage-about--block-1 .view-content .views-field-field-image-2,
  .block-views-blockhomepage-about--block-1 .view-content .views-field-field-image-3 {
    height: 64px;
    width: 64px;
  }
}
.block-views-blockhomepage-about--block-1 .view-content .views-field-field-image-1 img,
.block-views-blockhomepage-about--block-1 .view-content .views-field-field-image-2 img,
.block-views-blockhomepage-about--block-1 .view-content .views-field-field-image-3 img {
  padding: 3px 0;
}
@media all and (max-width: 375px) {
  .block-views-blockhomepage-about--block-1 .view-content .views-field-field-image-1 img,
  .block-views-blockhomepage-about--block-1 .view-content .views-field-field-image-2 img,
  .block-views-blockhomepage-about--block-1 .view-content .views-field-field-image-3 img {
    width: 85%;
  }
}
.block-views-blockhomepage-about--block-1 .view-content .views-field-field-image-2,
.block-views-blockhomepage-about--block-1 .view-content .views-field-field-image-3 {
  clear: both;
}
.block-views-blockhomepage-about--block-1 .view-content .views-field-field-text-1,
.block-views-blockhomepage-about--block-1 .view-content .views-field-field-text-2,
.block-views-blockhomepage-about--block-1 .view-content .views-field-field-text-3 {
  width: 80%;
  float: left;
  height: 84px;
  display: table;
  overflow: hidden;
  padding-top: 5px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media all and (max-width: 599px) {
  .block-views-blockhomepage-about--block-1 .view-content .views-field-field-text-1,
  .block-views-blockhomepage-about--block-1 .view-content .views-field-field-text-2,
  .block-views-blockhomepage-about--block-1 .view-content .views-field-field-text-3 {
    width: 75%;
  }
}
@media all and (max-width: 479px) {
  .block-views-blockhomepage-about--block-1 .view-content .views-field-field-text-1,
  .block-views-blockhomepage-about--block-1 .view-content .views-field-field-text-2,
  .block-views-blockhomepage-about--block-1 .view-content .views-field-field-text-3 {
    height: 74px;
  }
}
@media all and (max-width: 375px) {
  .block-views-blockhomepage-about--block-1 .view-content .views-field-field-text-1,
  .block-views-blockhomepage-about--block-1 .view-content .views-field-field-text-2,
  .block-views-blockhomepage-about--block-1 .view-content .views-field-field-text-3 {
    height: 64px;
  }
}
.block-views-blockhomepage-about--block-1 .view-content .views-field-field-text-1 .field-content,
.block-views-blockhomepage-about--block-1 .view-content .views-field-field-text-2 .field-content,
.block-views-blockhomepage-about--block-1 .view-content .views-field-field-text-3 .field-content {
  font-family: 'Titillium-Rg';
  font-size: 18px;
  text-align: justify;
  font-weight: 300;
  display: table-cell;
  vertical-align: middle;
  padding-left: 15px;
}
@media all and (max-width: 599px) {
  .block-views-blockhomepage-about--block-1 .view-content .views-field-field-text-1 .field-content,
  .block-views-blockhomepage-about--block-1 .view-content .views-field-field-text-2 .field-content,
  .block-views-blockhomepage-about--block-1 .view-content .views-field-field-text-3 .field-content {
    font-size: 16px;
  }
}
@media all and (max-width: 375px) {
  .block-views-blockhomepage-about--block-1 .view-content .views-field-field-text-1 .field-content,
  .block-views-blockhomepage-about--block-1 .view-content .views-field-field-text-2 .field-content,
  .block-views-blockhomepage-about--block-1 .view-content .views-field-field-text-3 .field-content {
    font-size: 15px;
    padding-left: 0;
  }
}
.block-views-blockhomepage-about--block-1 .view-content .views-field-field-text-1 .field-content:after,
.block-views-blockhomepage-about--block-1 .view-content .views-field-field-text-2 .field-content:after,
.block-views-blockhomepage-about--block-1 .view-content .views-field-field-text-3 .field-content:after {
  content: "";
  display: block;
  height: 10px;
  background-image: url("../images/hd-br-black.png");
  background-repeat: no-repeat;
  background-position: left bottom;
}

.block-views-blocklogistics-services-carousel-block-1,
.block-views-blockhomepage-shipping-services-carousel-block-1,
.block-views-blockhomepage-events-and-news-carousel-block-1,
.block-views-blockwhy-working-with-us-block-1 {
  padding-top: 50px;
  padding-bottom: 50px;
  background: linear-gradient(to bottom, #f6f6f6 0%, #f6f6f6 50%, #f6f6f6 50%, white 50%, white 100%);
}
@media all and (max-width: 991px) {
  .block-views-blocklogistics-services-carousel-block-1,
  .block-views-blockhomepage-shipping-services-carousel-block-1,
  .block-views-blockhomepage-events-and-news-carousel-block-1,
  .block-views-blockwhy-working-with-us-block-1 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}

.view-header {
  font-size: 28px;
}
@media all and (max-width: 991px) {
  .view-header {
    font-size: 24px;
  }
}
@media all and (max-width: 767px) {
  .view-header {
    font-size: 22px;
  }
}
@media all and (max-width: 479px) {
  .view-header {
    font-size: 20px;
  }
}
.view-header h2 {
  font-size: 28px;
}
@media all and (max-width: 991px) {
  .view-header h2 {
    font-size: 24px;
  }
}
@media all and (max-width: 767px) {
  .view-header h2 {
    font-size: 22px;
  }
}
@media all and (max-width: 479px) {
  .view-header h2 {
    font-size: 20px;
  }
}

#block-arshipping-breadcrumbs {
  display: none;
}

.region-breadcrumb {
  padding: 0;
}

/*.path-about-us, .path-company, .path-news-events, .path-news, .path-contact-us, .path-port-details, .path-liner-agency,
.path-careers, .path-node, .path-events, .path-air-services,.path-sea-freight-services,.path-project-logistics
{*/
body:not(.path-frontpage) #page-wrapper #page #main-wrapper {
  margin-top: -190px;
}
@media all and (min-width: 1200px) {
  body:not(.path-frontpage) #page-wrapper #page #main-wrapper {
    margin-top: 0;
  }
}
@media all and (max-width: 1024px) {
  body:not(.path-frontpage) #page-wrapper #page #main-wrapper {
    margin-top: 20px;
  }
}
@media all and (max-width: 768px) {
  body:not(.path-frontpage) #page-wrapper #page #main-wrapper {
    margin-top: -50px;
  }
}
@media all and (max-width: 599px) {
  body:not(.path-frontpage) #page-wrapper #page #main-wrapper {
    margin-top: -70px;
  }
}
@media all and (max-width: 479px) {
  body:not(.path-frontpage) #page-wrapper #page #main-wrapper {
    margin-top: -100px;
  }
}
@media all and (max-width: 375px) {
  body:not(.path-frontpage) #page-wrapper #page #main-wrapper {
    margin-top: -150px;
  }
}
body:not(.path-frontpage) #page-wrapper #page #main-wrapper #main .region-breadcrumb {
  display: none;
}

#block-arshipping-content .block-region-top > .block > h2 {
  display: none;
}
#block-arshipping-content .content .field--name-body img {
  margin: 30px auto;
}

html:lang(ar) .view-header h2 {
  font-size: 34px;
}
@media all and (max-width: 991px) {
  html:lang(ar) .view-header h2 {
    font-size: 30px;
  }
}
@media all and (max-width: 767px) {
  html:lang(ar) .view-header h2 {
    font-size: 28px;
  }
}
@media all and (max-width: 479px) {
  html:lang(ar) .view-header h2 {
    font-size: 24px;
  }
}
html:lang(ar) .view-header h2::after {
  background-position: right bottom !important;
}
html:lang(ar) .path-frontpage #page-wrapper #main-wrapper .main-content .region-content .block-views-blockhomepage-about--block-1 {
  background-image: url("../images/ALRS-about-bg-ar.png");
  background-position: left bottom;
}
@media all and (max-width: 599px) {
  html:lang(ar) .path-frontpage #page-wrapper #main-wrapper .main-content .region-content .block-views-blockhomepage-about--block-1 {
    background-image: none;
  }
}
html:lang(ar) .path-frontpage #page-wrapper #main-wrapper .main-content .region-content .block-views-blockhomepage-about--block-1 .view-homepage-about- .view-content .views-row .views-field-title .field-content {
  font-size: 34px;
}
@media all and (max-width: 991px) {
  html:lang(ar) .path-frontpage #page-wrapper #main-wrapper .main-content .region-content .block-views-blockhomepage-about--block-1 .view-homepage-about- .view-content .views-row .views-field-title .field-content {
    font-size: 30px;
  }
}
@media all and (max-width: 767px) {
  html:lang(ar) .path-frontpage #page-wrapper #main-wrapper .main-content .region-content .block-views-blockhomepage-about--block-1 .view-homepage-about- .view-content .views-row .views-field-title .field-content {
    font-size: 28px;
  }
}
@media all and (max-width: 479px) {
  html:lang(ar) .path-frontpage #page-wrapper #main-wrapper .main-content .region-content .block-views-blockhomepage-about--block-1 .view-homepage-about- .view-content .views-row .views-field-title .field-content {
    font-size: 24px;
  }
}
html:lang(ar) .path-frontpage #page-wrapper #main-wrapper .main-content .region-content .block-views-blockhomepage-about--block-1 .view-homepage-about- .view-content .views-row .views-field-title .field-content::after {
  background-position: right bottom;
}
html:lang(ar) .path-frontpage #page-wrapper #main-wrapper .main-content .region-content .block-views-blockhomepage-about--block-1 .view-homepage-about- .view-content .views-field-field-image-1,
html:lang(ar) .path-frontpage #page-wrapper #main-wrapper .main-content .region-content .block-views-blockhomepage-about--block-1 .view-homepage-about- .view-content .views-field-field-image-2,
html:lang(ar) .path-frontpage #page-wrapper #main-wrapper .main-content .region-content .block-views-blockhomepage-about--block-1 .view-homepage-about- .view-content .views-field-field-image-3 {
  float: right;
}
html:lang(ar) .path-frontpage #page-wrapper #main-wrapper .main-content .region-content .block-views-blockhomepage-about--block-1 .view-homepage-about- .view-content .views-field-field-text-1,
html:lang(ar) .path-frontpage #page-wrapper #main-wrapper .main-content .region-content .block-views-blockhomepage-about--block-1 .view-homepage-about- .view-content .views-field-field-text-2,
html:lang(ar) .path-frontpage #page-wrapper #main-wrapper .main-content .region-content .block-views-blockhomepage-about--block-1 .view-homepage-about- .view-content .views-field-field-text-3 {
  width: 84%;
}
@media all and (max-width: 599px) {
  html:lang(ar) .path-frontpage #page-wrapper #main-wrapper .main-content .region-content .block-views-blockhomepage-about--block-1 .view-homepage-about- .view-content .views-field-field-text-1,
  html:lang(ar) .path-frontpage #page-wrapper #main-wrapper .main-content .region-content .block-views-blockhomepage-about--block-1 .view-homepage-about- .view-content .views-field-field-text-2,
  html:lang(ar) .path-frontpage #page-wrapper #main-wrapper .main-content .region-content .block-views-blockhomepage-about--block-1 .view-homepage-about- .view-content .views-field-field-text-3 {
    width: 80%;
  }
}
@media all and (max-width: 479px) {
  html:lang(ar) .path-frontpage #page-wrapper #main-wrapper .main-content .region-content .block-views-blockhomepage-about--block-1 .view-homepage-about- .view-content .views-field-field-text-1,
  html:lang(ar) .path-frontpage #page-wrapper #main-wrapper .main-content .region-content .block-views-blockhomepage-about--block-1 .view-homepage-about- .view-content .views-field-field-text-2,
  html:lang(ar) .path-frontpage #page-wrapper #main-wrapper .main-content .region-content .block-views-blockhomepage-about--block-1 .view-homepage-about- .view-content .views-field-field-text-3 {
    width: 75%;
    padding-top: 25px;
    height: auto;
  }
}
@media all and (max-width: 375px) {
  html:lang(ar) .path-frontpage #page-wrapper #main-wrapper .main-content .region-content .block-views-blockhomepage-about--block-1 .view-homepage-about- .view-content .views-field-field-text-1,
  html:lang(ar) .path-frontpage #page-wrapper #main-wrapper .main-content .region-content .block-views-blockhomepage-about--block-1 .view-homepage-about- .view-content .views-field-field-text-2,
  html:lang(ar) .path-frontpage #page-wrapper #main-wrapper .main-content .region-content .block-views-blockhomepage-about--block-1 .view-homepage-about- .view-content .views-field-field-text-3 {
    padding-top: 15px;
  }
}
html:lang(ar) .path-frontpage #page-wrapper #main-wrapper .main-content .region-content .block-views-blockhomepage-about--block-1 .view-homepage-about- .view-content .views-field-field-text-1 .field-content,
html:lang(ar) .path-frontpage #page-wrapper #main-wrapper .main-content .region-content .block-views-blockhomepage-about--block-1 .view-homepage-about- .view-content .views-field-field-text-2 .field-content,
html:lang(ar) .path-frontpage #page-wrapper #main-wrapper .main-content .region-content .block-views-blockhomepage-about--block-1 .view-homepage-about- .view-content .views-field-field-text-3 .field-content {
  float: right !important;
  text-align: right !important;
  padding-right: 15px;
  padding-left: 0;
  padding-top: 15px;
}
@media all and (max-width: 991px) {
  html:lang(ar) .path-frontpage #page-wrapper #main-wrapper .main-content .region-content .block-views-blockhomepage-about--block-1 .view-homepage-about- .view-content .views-field-field-text-1 .field-content,
  html:lang(ar) .path-frontpage #page-wrapper #main-wrapper .main-content .region-content .block-views-blockhomepage-about--block-1 .view-homepage-about- .view-content .views-field-field-text-2 .field-content,
  html:lang(ar) .path-frontpage #page-wrapper #main-wrapper .main-content .region-content .block-views-blockhomepage-about--block-1 .view-homepage-about- .view-content .views-field-field-text-3 .field-content {
    padding-right: 5px;
  }
}
@media all and (max-width: 599px) {
  html:lang(ar) .path-frontpage #page-wrapper #main-wrapper .main-content .region-content .block-views-blockhomepage-about--block-1 .view-homepage-about- .view-content .views-field-field-text-1 .field-content,
  html:lang(ar) .path-frontpage #page-wrapper #main-wrapper .main-content .region-content .block-views-blockhomepage-about--block-1 .view-homepage-about- .view-content .views-field-field-text-2 .field-content,
  html:lang(ar) .path-frontpage #page-wrapper #main-wrapper .main-content .region-content .block-views-blockhomepage-about--block-1 .view-homepage-about- .view-content .views-field-field-text-3 .field-content {
    font-weight: 600;
    width: 100%;
  }
}
@media all and (max-width: 479px) {
  html:lang(ar) .path-frontpage #page-wrapper #main-wrapper .main-content .region-content .block-views-blockhomepage-about--block-1 .view-homepage-about- .view-content .views-field-field-text-1 .field-content,
  html:lang(ar) .path-frontpage #page-wrapper #main-wrapper .main-content .region-content .block-views-blockhomepage-about--block-1 .view-homepage-about- .view-content .views-field-field-text-2 .field-content,
  html:lang(ar) .path-frontpage #page-wrapper #main-wrapper .main-content .region-content .block-views-blockhomepage-about--block-1 .view-homepage-about- .view-content .views-field-field-text-3 .field-content {
    padding-top: 0;
  }
}
html:lang(ar) .path-frontpage #page-wrapper #main-wrapper .main-content .region-content .block-views-blockhomepage-about--block-1 .view-homepage-about- .view-content .views-field-field-text-1 .field-content::after,
html:lang(ar) .path-frontpage #page-wrapper #main-wrapper .main-content .region-content .block-views-blockhomepage-about--block-1 .view-homepage-about- .view-content .views-field-field-text-2 .field-content::after,
html:lang(ar) .path-frontpage #page-wrapper #main-wrapper .main-content .region-content .block-views-blockhomepage-about--block-1 .view-homepage-about- .view-content .views-field-field-text-3 .field-content::after {
  background-position: right bottom;
}

#sliding-popup {
  z-index: 9 !important;
  background: #001658 !important;
}
#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-content {
  padding: 40px 0px;
}
@media all and (max-width: 1200px) {
  #sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-content {
    max-width: 90%;
  }
}
#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-message h2 {
  font-family: 'Titillium-Bd';
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
}
#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-message p {
  font-family: 'Titillium-Lt';
  font-size: 16px;
  font-weight: 300;
}
#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-message .find-more-button {
  font-family: 'Titillium-Lt';
  font-size: 16px;
}
@media all and (max-width: 991px) {
  #sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-message h2 {
    font-size: 16px;
  }
  #sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-message p, #sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-message .find-more-button {
    font-size: 15px;
  }
}
@media all and (max-width: 480px) {
  #sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-message h2, #sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-message p, #sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-message .find-more-button {
    font-size: 14px;
  }
}
#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons button {
  padding: 13px;
  border: 1px solid #ddd;
  border-radius: 5px;
  font-family: 'Titillium-Bd';
  text-transform: uppercase;
  min-width: 185px;
  letter-spacing: 0.4px;
  font-size: 15px;
  margin-top: 20px;
}
#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons button.agree-button {
  background-color: #001658;
  margin-right: 40px;
}
#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons button.decline-button {
  background-color: #ffffff;
}
@media all and (max-width: 1400px) {
  #sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons button {
    min-width: 155px;
  }
  #sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons button.agree-button {
    margin-right: 20px;
  }
}
@media all and (max-width: 991px) {
  #sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons button {
    padding: 11px;
    font-size: 14px;
    min-width: 140px;
  }
}
@media all and (max-width: 860px) {
  #sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons button {
    padding: 8px;
  }
}
@media all and (max-width: 480px) {
  #sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons button {
    font-size: 12px;
    min-width: 120px;
  }
  #sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons button.agree-button {
    margin-right: 10px;
  }
}
@media all and (max-width: 860px) {
  #sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-message, #sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-content .eu-cookie-compliance-buttons {
    max-width: 100%;
    float: none;
    text-align: center;
  }
}

#drift-widget-container {
  z-index: 8 !important;
}

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