@charset "UTF-8";
.top-service ul .E-Services {
  padding: 6px 13px !important; }

div.window {
  /*width: 220px;*/ }

div.window label {
  display: block;
  transition: .4s all linear; }

input.toggle ~ div {
  height: 0px;
  overflow: hidden;
  transition: 0.2s all cubic-bezier(0.37, 0.52, 0.94, 0.88); }

input.toggle:checked ~ div {
  height: 140px; }

input.toggle {
  display: none; }

@font-face {
  font-family: 'FontAwesome';
  src: url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/FontAwesome/fontawesome-webfont.eot");
  src: local("?"), url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts//FontAwesome/fontawesome-webfont.woff") format("woff"), url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts//FontAwesome/fontawesome-webfont.ttf") format("truetype"), url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts//FontAwesome/fontawesome-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'AASFontIcon';
  src: url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/aas_font_icon/AAS-fontIcon.eot");
  src: local("?"), url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/aas_font_icon/AAS-fontIcon.woff") format("woff"), url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/aas_font_icon/AAS-fontIcon.ttf") format("truetype"), url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/aas_font_icon/AAS-fontIcon.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Helvetica_Regular';
  src: url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/Helvetica/HelveticaNeueLTPro-Roman/HelveticaNeueLTPro-Roman_gdi.eot");
  src: url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/Helvetica/HelveticaNeueLTPro-Roman/HelveticaNeueLTPro-Roman_gdi.eot?#iefix") format("embedded-opentype"), url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/Helvetica/HelveticaNeueLTPro-Roman/HelveticaNeueLTPro-Roman_gdi.svg#MidanFont") format("svg"), url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/Helvetica/HelveticaNeueLTPro-Roman/HelveticaNeueLTPro-Roman_gdi.ttf") format("truetype"), url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/Helvetica/HelveticaNeueLTPro-Roman/HelveticaNeueLTPro-Roman_gdi.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-25CA; }
@font-face {
  font-family: 'Helvetica_Bold';
  src: url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/Helvetica/HelveticaNeueLTPro-CN/HelveticaNeueLTPro-CN_gdi.eot");
  src: url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/Helvetica/HelveticaNeueLTPro-CN/HelveticaNeueLTPro-CN_gdi.eot?#iefix") format("embedded-opentype"), url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/Helvetica/HelveticaNeueLTPro-CN/HelveticaNeueLTPro-CN_gdi.svg#MidanFont") format("svg"), url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/Helvetica/HelveticaNeueLTPro-CN/HelveticaNeueLTPro-CN_gdi.ttf") format("truetype"), url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/Helvetica/HelveticaNeueLTPro-CN/HelveticaNeueLTPro-CN_gdi.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-25CA; }
@font-face {
  font-family: 'Helvetica_Bolder';
  src: url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/Helvetica/HelveticaNeueLTPro-XBlkCN/HelveticaNeueLTPro-XBlkCN_gdi.eot");
  src: url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/Helvetica/HelveticaNeueLTPro-XBlkCN/HelveticaNeueLTPro-XBlkCN_gdi.eot?#iefix") format("embedded-opentype"), url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/Helvetica/HelveticaNeueLTPro-XBlkCN/HelveticaNeueLTPro-XBlkCN_gdi.svg#MidanFont") format("svg"), url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/Helvetica/HelveticaNeueLTPro-XBlkCN/HelveticaNeueLTPro-XBlkCN_gdi.ttf") format("truetype"), url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/Helvetica/HelveticaNeueLTPro-XBlkCN/HelveticaNeueLTPro-XBlkCN_gdi.woff") format("woff");
  font-weight: bolder;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-25CA; }
@font-face {
  font-family: 'KufiArabic_Light';
  src: url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/NotoKufiArabic-hinted/NotoKufiArabic-Regular.eot");
  src: url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/NotoKufiArabic-hinted/NotoKufiArabic-Regular.eot?#iefix") format("embedded-opentype"), url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/NotoKufiArabic-hinted/NotoKufiArabic-Regular.svg#MidanFont") format("svg"), url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/NotoKufiArabic-hinted/NotoKufiArabic-Regular.ttf") format("truetype"), url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/NotoKufiArabic-hinted/NotoKufiArabic-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-25CA; }
@font-face {
  font-family: 'KufiArabic_Bold';
  src: url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/NotoKufiArabic-hinted/NotoKufiArabic-Bold.eot");
  src: url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/NotoKufiArabic-hinted/NotoKufiArabic-Bold.eot?#iefix") format("embedded-opentype"), url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/NotoKufiArabic-hinted/NotoKufiArabic-Bold.svg#MidanFont") format("svg"), url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/NotoKufiArabic-hinted/NotoKufiArabic-Bold.ttf") format("truetype"), url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/NotoKufiArabic-hinted/NotoKufiArabic-Bold.woff") format("woff");
  font-weight: Bold;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-25CA; }
@font-face {
  font-family: 'Helvetica_Boldest';
  src: url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/Helvetica/HelveticaBold/helvetica-neue-lt-com-67-medium-condensed.eot");
  src: local("?"), url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/Helvetica/HelveticaBold/helvetica-neue-lt-com-67-medium-condensed.woff") format("woff"), url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/Helvetica/HelveticaBold/helvetica-neue-lt-com-67-medium-condensed.ttf") format("truetype"), url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/Helvetica/HelveticaBold/helvetica-neue-lt-com-67-medium-condensed.svg") format("svg"); }
@font-face {
  font-family: 'NewsectorsFont';
  src: url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/new_sectorsIcons/NewsectorsFont.eot?as0spe");
  src: url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/new_sectorsIcons/NewsectorsFont.eot?as0spe#iefix") format("embedded-opentype"), url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/new_sectorsIcons/NewsectorsFont.ttf?as0spe") format("truetype"), url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/new_sectorsIcons/NewsectorsFont.woff?as0spe") format("woff"), url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/new_sectorsIcons/NewsectorsFont.svg?as0spe#NewsectorsFont") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Sagai-Logo';
  src: url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts//SagaiLogo/Sagai-Logo.eot?6fdh3m");
  src: url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts//SagaiLogo/Sagai-Logo.eot?6fdh3m#iefix") format("embedded-opentype"), url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts//SagaiLogo/Sagai-Logo.ttf?6fdh3m") format("truetype"), url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts//SagaiLogo/Sagai-Logo.woff?6fdh3m") format("woff"), url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts//SagaiLogo/Sagai-Logo.svg?6fdh3m#Sagai-Logo") format("svg");
  font-weight: normal;
  font-style: normal; }
/*===================================== 
	-- initialization --
=====================================*/
form[action*='EventsAndActivities'] ~ .ms-dlgContent .ms-dlg-heading {
  display: none !important; }

body {
  font-family: KufiArabic_Light !important;
  background: #fff;
  direction: rtl;
  overflow-x: hidden; }

#ribbonBox .ms-cui-tts-scale-2 .ms-cui-tt-a {
  width: 50px; }

#suiteBar *, #RibbonContainer *, .ms-dlgContent * {
  -webkit-box-sizing: initial;
  -moz-box-sizing: initial;
  -ms-box-sizing: initial;
  box-sizing: initial; }

.ms-webpartzone-cell {
  margin: 0 !important; }

.ms-rtestate-field p, p.ms-rteElement-P {
  margin: 0;
  line-height: 1.3em;
  text-align: justify; }

.ms-dlgContent {
  z-index: 99999; }

#s4-bodyContainer {
  padding-bottom: 0; }

.ms-cui-menu {
  position: fixed !important;
  top: 136px !important; }

div[id$=RichHtmlField] ul {
  padding-right: 40px !important; }
  div[id$=RichHtmlField] ul li {
    list-style-type: circle !important;
    list-style: circle !important;
    margin-bottom: 10px; }
div[id$=RichHtmlField] ol {
  padding-right: 40px !important; }
  div[id$=RichHtmlField] ol li {
    list-style-type: decimal !important;
    list-style: decimal !important;
    margin-bottom: 10px; }

#s4-workspace {
  overflow: hidden;
  height: auto !important;
  position: inherit !important; }

#suiteBarRight, .ms-cui-topBar2 {
  background-color: #efefef; }

.ribbonBar {
  position: fixed;
  z-index: 999;
  width: 100%; }

header {
  z-index: 99 !important; }

body {
  overflow-y: scroll;
  overflow-x: hidden; }

.body-container {
  width: 1000px !important;
  margin-left: auto;
  margin-right: auto; }
  .body-container .container {
    width: auto !important; }

input, select, label, textarea, button, option {
  font-family: KufiArabic_Light !important !important; }

.dropdown-backdrop2.show {
  opacity: 1;
  position: fixed; }

.dropdown-backdrop2 {
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
  opacity: 0;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  background: rgba(255, 255, 255, 0.1); }

.show {
  display: block !important; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  outline: none;
  list-style: none;
  -ms-text-shadow: none;
  text-shadow: none; }

.scrollTop {
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 50px;
  right: 100px;
  display: none;
  text-indent: -9999px;
  background-image: url(../images/toTop.png);
  cursor: pointer; }
  @media only screen and (max-width: 1024px) {
    .scrollTop {
      display: none !important; } }
  .scrollTop:hover {
    opacity: 0.8; }

input[disabled=disabled]:hover {
  background-color: #DEDEDE !important; }

.content-layout {
  margin-top: 0; }

/*.container{
    padding-left: 0 !important;
    padding-right: 0 !important;
}*/
#s4-bodyContainer {
  font-size: 20px; }

#contentBox {
  margin-right: 0;
  min-width: 0;
  min-height: 600px; }

::selection {
  background: #094C4A;
  color: #fff; }

/* Safari */
::-moz-selection {
  background: #094C4A;
  color: #fff; }

/* Firefox */
:-moz-placeholder, .form-control::-moz-placeholder {
  color: #d1d1d1; }

::-webkit-input-placeholder, .form-control::-webkit-input-placeholder {
  color: #d1d1d1; }

:-ms-input-placeholder, .form-control::-ms-input-placeholder {
  color: #d1d1d1; }

a, a:hover, a:link, a:active, a:focus, a:visited {
  outline: none;
  text-decoration: none;
  color: inherit;
  text-decoration: inherit; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  line-height: normal; }

.min-width-auto {
  min-width: inherit !important; }

/*===================================== 
	-- common styles --
=====================================*/
.displayNone {
  display: none; }

.autoMargin {
  margin: 0 auto; }

.removeSidePadding {
  padding-left: 0;
  padding-right: 0; }

.transisionAll * {
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
  -ms-transition: all 0.3s ease-in-out !important;
  -o-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important; }

.transisionAll-2 * {
  -webkit-transition: color,background-color 0.2s ease-in-out;
  -moz-transition: color,background-color 0.2s ease-in-out;
  -ms-transition: color,background-color 0.2s ease-in-out;
  -o-transition: color,background-color 0.2s ease-in-out;
  transition: color,background-color 0.2s ease-in-out; }

.removeTransision * {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none; }

.posRelative {
  position: relative; }

.centered {
  text-align: center; }

.btn {
  padding: 5px 15px;
  cursor: pointer;
  border: 0;
  line-height: 24px;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.btn.canelBtn {
  /*background-color: grey;*/ }

.btn:hover, .btn:focus {
  /*background-color: #616060;
  color: #fff;*/ }

.btn-icon {
  position: relative;
  display: inline-block; }

.btn-icon i {
  position: absolute;
  color: #fff;
  line-height: 24px;
  padding: 5px 0 5px 11px;
  font-size: 1.4em; }

.btn-icon .btn {
  padding-left: 40px; }

.form-control {
  font-family: Tahoma, Arial, sans-serif;
  background-color: #FFFFFF;
  border: 1px solid #dddddd;
  color: #767676;
  display: block;
  vertical-align: middle;
  border-radius: 5px;
  box-shadow: none;
  font-size: 14px; }

.form-control:focus {
  outline: none;
  border-color: transparent;
  box-shadow: 0 0 3px 0px rgba(161, 161, 161, 0.8); }

textarea, textarea.form-control {
  resize: vertical;
  min-height: 150px;
  width: 100%; }

/*===================================== 
	-- Layout Styles --
=====================================*/
.navbar-brand {
  height: auto; }

.main-services .embed-responsive.embed-responsive-16by9 {
  padding-bottom: 47%; }

.main-sectionTtl {
  background-color: #015351;
  color: #fff;
  padding: 0.4em 0.75em;
  text-align: right;
  font-size: 1em; }

.main-services .desc {
  color: #999999;
  background-color: #fff;
  padding: 1.2em 0.7em;
  font-size: 0.7em;
  height: 140px; }

.main-links {
  margin: 0.8em 0;
  background-color: #e7e7e7;
  padding: 1em 0; }

.quick-links {
  position: relative; }

.main-links .main-sectionTtl {
  color: #595959;
  background-color: transparent;
  text-align: right; }

.main-links .slick-slide {
  padding: 0 1em;
  text-align: center;
  color: #262626; }

.main-links .img {
  width: 3em;
  height: 3em;
  margin: auto;
  background-color: #015351;
  padding: 0.5em;
  text-align: center; }

.main-links .quick-links .main-sectionTtl {
  color: #262626;
  text-align: center; }

.main-links button {
  position: absolute;
  top: 0;
  right: 0;
  font-family: FontAwesome;
  font-size: 0;
  background: transparent;
  border: 0;
  outline: none; }

.main-links button:before {
  content: "\f105";
  font-size: 50px;
  color: #bfbfbf; }

.main-links .slick-next {
  right: auto;
  left: 0; }

.main-links .slick-next:before {
  content: "\f104"; }

.main-blocks {
  border: 1px solid #e4e4e4;
  padding: 0.5em;
  margin-bottom: 20px;
  background-color: #f7f7f7; }

.main-blocks .main-sectionTtl {
  margin-bottom: 0.4em; }

.main-news .embed-responsive.embed-responsive-16by9 {
  padding-bottom: 41.5%;
  margin-bottom: 0.5em; }

.listOfTitles .listItem {
  padding: 0.55em 0; }

.listOfTitles .listItem:nth-child(even) {
  background-color: #efefef;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5; }

.listOfTitles .ttl {
  padding-right: 25px; }

.listOfTitles .fa {
  background-color: #01534d;
  color: #fff;
  width: 18px;
  text-align: center;
  height: 18px;
  font-size: 15px;
  float: right; }

/*===================================== 
	-- Bootstrap Customization --
=====================================*/
@media (min-width: 1200px) {
  /*customize .container width*/
  .container {
    width: 1275px !important; } }
/*customize gutters between columns 10px*/
.container, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-left: 10px;
  padding-right: 10px; }

.row {
  margin-right: -10px;
  margin-left: -10px; }

.h266 {
  height: 266px; }
  @media only screen and (max-width: 767px) {
    .h266 {
      height: auto; } }

.ms-core-brandingText {
  font-size: 17px;
  font-family: 'Segoe UI',sans-serif;
  margin-left: 30px; }

.ms-welcome-root > a.ms-core-menu-root, .ms-signInLink {
  padding-right: 5px; }

.ms-welcome-root {
  font-family: 'Segoe UI',sans-serif; }

#suiteBarLeft {
  background-color: #09605D; }

.row {
  margin-left: -5px;
  margin-right: -5px; }

#contentBox {
  min-height: 270px; }

/*.show-hide-header,.show-hide-footer{
    background: red;
    height: 10px;
    width: 100%;
    position: absolute;
}

.show-hide-header{top: 0;}
.show-hide-footer{bottom:0}*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-right: 10px !important;
  padding-left: 10px !important; }

header {
  right: 0;
  position: relative;
  left: 0;
  top: 19px;
  z-index: 1; }
  header .logo {
    display: block;
    text-align: center; }
    @media only screen and (max-width: 992px) {
      header .logo {
        margin-bottom: 30px; } }
    header .logo i {
      color: #8B8D90;
      font-size: 100px; }
      @media only screen and (max-width: 480px) {
        header .logo i {
          font-size: 100px; } }
    header .logo .navbar-brand {
      height: 120px; }

.top-service {
  border-bottom: 2px solid rgba(156, 156, 156, 0.23);
  height: 55px;
  color: #fff; }
  @media only screen and (max-width: 767px) {
    .top-service {
      height: 35px;
      border-bottom: 0px;
      margin-bottom: 30px; } }
  @media only screen and (max-width: 767px) {
    .top-service {
      text-align: center; } }
  .top-service ul {
    float: left; }
    @media only screen and (max-width: 767px) {
      .top-service ul {
        margin: 0 auto;
        width: 50%;
        float: none; } }
    .top-service ul li {
      float: right; }
      .top-service ul li .sapreter {
        -webkit-transform: rotate(20deg);
        -moz-transform: rotate(20deg);
        -ms-transform: rotate(20deg);
        -o-transform: rotate(20deg);
        transform: rotate(20deg);
        display: block;
        padding: 0 12px 0 12px; }
        @media (min-width: 280px) and (max-width: 479px) {
          .top-service ul li .sapreter {
            padding: 0 7px; } }
      @media only screen and (max-width: 767px) {
        .top-service ul li {
          display: inline-block; } }
    .top-service ul a {
      color: #a5a5a5; }
      @media (min-width: 280px) and (max-width: 479px) {
        .top-service ul a {
          font-size: 15px; } }
      .top-service ul a .close {
        display: inline;
        color: #dcc57f;
        opacity: 1;
        text-shadow: none;
        font-size: 30px; }
      .top-service ul a.collapsed i {
        display: inline; }
      .top-service ul a.collapsed .close {
        display: none; }
    .top-service ul .E-Services {
      border: 1px solid #008364;
      color: #008364;
      font-size: 14px;
      font-weight: bold;
      padding: 12px 28px;
      margin-right: 40px; }
      @media (min-width: 280px) and (max-width: 479px) {
        .top-service ul .E-Services {
          font-size: 12px;
          margin-right: 6px;
          padding: 8px 19px; } }
      @media only screen and (max-width: 767px) {
        .top-service ul .E-Services {
          display: none; } }

.search-dev a {
  color: #a5a5a5; }
  @media (min-width: 280px) and (max-width: 479px) {
    .search-dev a {
      font-size: 15px; } }
  .search-dev a i {
    display: none; }
  .search-dev a .close {
    display: inline;
    color: #dcc57f;
    opacity: 1;
    text-shadow: none;
    font-size: 30px; }
  .search-dev a.collapsed i {
    display: inline; }
  .search-dev a.collapsed .close {
    display: none; }
.search-dev .collapseSearch-Body {
  background: #dcc57f none repeat scroll 0 0;
  overflow: hidden;
  position: absolute;
  left: 222px;
  top: -10px;
  width: 35%;
  z-index: 1; }
  @media only screen and (max-width: 767px) {
    .search-dev .collapseSearch-Body {
      left: 42%;
      top: -3px;
      width: 52%; } }
.search-dev .ms-srch-sb {
  border: 0px;
  width: 100%; }
  .search-dev .ms-srch-sb input {
    height: auto;
    margin: 0;
    padding-top: 9px;
    padding-left: 35px;
    width: 100%;
    font-size: 25px;
    color: #000;
    font-family: KufiArabic_Light; }
    .search-dev .ms-srch-sb input::-webkit-input-placeholder {
      color: #AF9C61; }
    .search-dev .ms-srch-sb input:-moz-placeholder {
      /* Firefox 18- */
      color: #AF9C61; }
    .search-dev .ms-srch-sb input::-moz-placeholder {
      /* Firefox 19+ */
      color: #AF9C61; }
    .search-dev .ms-srch-sb input:-ms-input-placeholder {
      color: #AF9C61; }
    @media only screen and (max-width: 767px) {
      .search-dev .ms-srch-sb input {
        padding-right: 15px;
        font-size: 15px; } }
  .search-dev .ms-srch-sb a {
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s;
    display: block;
    height: 54px !important;
    line-height: 2.5;
    position: absolute;
    left: 0;
    text-align: center;
    top: 0;
    width: 50px; }
    @media only screen and (max-width: 767px) {
      .search-dev .ms-srch-sb a {
        line-height: 2.5;
        height: 40px !important;
        font-size: 14px; } }
    .search-dev .ms-srch-sb a:before {
      color: black;
      content: "";
      font-family: fontawesome; }
    .search-dev .ms-srch-sb a img {
      display: none; }
    .search-dev .ms-srch-sb a:hover {
      background: #000; }
      .search-dev .ms-srch-sb a:hover:before {
        color: #cdb76e; }

.container-breadcrumb {
  margin-top: 30px;
  -webkit-box-shadow: 0;
  box-shadow: 0;
  background: #065645;
  /* Old browsers */
  background: -moz-linear-gradient(right, #065645 0%, #067c61 29%, #067c61 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(right, #065645 0%, #067c61 29%, #067c61 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to left, #065645 0%, #067c61 29%, #067c61 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#065645', endColorstr='#067c61',GradientType=1 );
  /* IE6-9 */
  color: #fff; }
  .container-breadcrumb .breadcrumb {
    background-color: transparent;
    border-radius: 0;
    color: white;
    display: block;
    font-size: 12px;
    list-style: outside none none;
    margin-bottom: 0;
    overflow: hidden;
    padding: 14px;
    text-transform: uppercase; }
    .container-breadcrumb .breadcrumb a {
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s; }
      .container-breadcrumb .breadcrumb a:hover {
        color: #cfb264; }
    .container-breadcrumb .breadcrumb span {
      padding: 4px; }
    .container-breadcrumb .breadcrumb .current {
      color: #cfb264; }

#overlay-body {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  display: inline-block;
  clear: both;
  top: 0;
  right: 0;
  display: none;
  z-index: 0; }

.sagiaLogoSVG {
  width: 120px;
  height: 63px;
  margin-top: 35px; }
  .sagiaLogoSVG path {
    fill: #067c61;
    fill-rule: evenodd; }

.currentOpportunity-Map .SectorImg-Map img {
  position: relative; }
.currentOpportunity-Map .sectorDetails-Map {
  position: absolute;
  top: 0;
  color: #fff;
  padding: 15px; }
  .currentOpportunity-Map .sectorDetails-Map label {
    font-size: 14px;
    font-weight: normal; }
  .currentOpportunity-Map .sectorDetails-Map label[id$=sectorTitle] {
    text-transform: uppercase;
    margin-bottom: 60px;
    font-size: 18px;
    font-weight: bold; }
  .currentOpportunity-Map .sectorDetails-Map label[id$=opportunityTitle] {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 30px; }
  .currentOpportunity-Map .sectorDetails-Map label[id$=summary] {
    line-height: 23px;
    font-weight: normal; }
    @media only screen and (max-width: 767px) {
      .currentOpportunity-Map .sectorDetails-Map label[id$=summary] {
        line-height: 18px; } }
  .currentOpportunity-Map .sectorDetails-Map label[id$=opportunityLocation] {
    line-height: 23px;
    font-weight: normal;
    color: #C5AB61;
    text-transform: uppercase; }
  .currentOpportunity-Map .sectorDetails-Map .locationTitle {
    text-transform: uppercase; }

.events-news {
  max-height: 446px;
  height: 446px; }

.about-eservicesGuide {
  text-align: center;
  background: #f0f0f0 url(../../images/gray-bg.jpg) 100% 0 repeat-y;
  min-height: 500px;
  background-size: cover;
  margin-bottom: 50px; }
  .about-eservicesGuide .about-services {
    text-align: center;
    border: 1px solid #b5b5b5;
    margin-top: 100px;
    padding: 10px 60px 50px;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .about-eservicesGuide .about-services {
        padding: 10px 10px 50px !important; } }
    .about-eservicesGuide .about-services:before {
      background: #F0F0F0 url(../../images/info-icon.png) center top no-repeat;
      padding: 0 20px;
      content: "";
      width: 106px;
      height: 66px;
      display: inline-block;
      margin-top: -45px; }
    .about-eservicesGuide .about-services h2 {
      font-family: KufiArabic_Light;
      text-transform: uppercase;
      font-size: 25px;
      color: #0a866a; }
      .about-eservicesGuide .about-services h2:after {
        background-color: #dcdcdc;
        clear: both;
        content: "";
        display: block;
        height: 4px;
        margin: 0.3em auto 20px;
        width: 10%; }
    .about-eservicesGuide .about-services p {
      font-size: 14px;
      line-height: 22px;
      color: #000;
      text-align: center; }
  .about-eservicesGuide .service-about-buttons a {
    background: transparent;
    margin-right: 20px;
    margin-top: 20px;
    display: inline-block;
    height: 110px;
    font-size: 14px;
    margin-bottom: 30px;
    padding-top: 50px;
    width: 100px;
    text-align: center;
    border: 1px solid #b5b5b5;
    color: #707070;
    font-family: KufiArabic_Light;
    font-weight: normal;
    position: relative; }
    .about-eservicesGuide .service-about-buttons a span {
      display: block;
      font-size: 12px;
      margin-top: 15px; }
    .about-eservicesGuide .service-about-buttons a:hover {
      background: url(../../images/green-bg.png) 0 0 no-repeat;
      color: #fff; }
      .about-eservicesGuide .service-about-buttons a:hover:first-child:before {
        background-position: center -49px; }
      .about-eservicesGuide .service-about-buttons a:hover:last-child:before {
        background-position: center -49px; }
    .about-eservicesGuide .service-about-buttons a:first-child:before {
      background: url(../../images/service-forms-icon.png) center 0 no-repeat;
      height: 42px;
      content: "";
      position: absolute;
      top: 10px;
      right: 0;
      width: 100%; }
    .about-eservicesGuide .service-about-buttons a:last-child:before {
      background: url(../../images/general-rules-icon.png) center 0 no-repeat;
      height: 42px;
      content: "";
      position: absolute;
      top: 10px;
      right: 0;
      width: 100%; }

.e-serviceGuide .select-section {
  border-bottom: 1px solid #ececec;
  padding-bottom: 40px; }
  .e-serviceGuide .select-section .select-input {
    padding-bottom: 3px; }
    .e-serviceGuide .select-section .select-input > span {
      font-size: 18px;
      color: #000;
      float: right;
      text-transform: uppercase;
      font-family: KufiArabic_Light;
      margin-left: 10px;
      padding-top: 4px; }
      @media only screen and (max-width: 767px) {
        .e-serviceGuide .select-section .select-input > span {
          float: none;
          display: block; } }
      @media (min-width: 768px) and (max-width: 1023px) {
        .e-serviceGuide .select-section .select-input > span {
          width: 150px; } }
    .e-serviceGuide .select-section .select-input select.dropdown {
      width: 64%;
      font-family: KufiArabic_Light;
      text-transform: uppercase;
      font-size: 16px;
      padding: 5px;
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      background: #fff url(../../images/green-caret.png) left center no-repeat;
      padding-left: 22px; }
      @media only screen and (max-width: 767px) {
        .e-serviceGuide .select-section .select-input select.dropdown {
          width: 100% !important; } }
      @media (min-width: 768px) and (max-width: 1023px) {
        .e-serviceGuide .select-section .select-input select.dropdown {
          margin-bottom: 20px; } }
      @media only screen and (max-width: 1024px) {
        .e-serviceGuide .select-section .select-input select.dropdown {
          width: 50%; } }
    .e-serviceGuide .select-section .select-input:last-child select.dropdown {
      width: 45%; }
      @media (min-width: 768px) and (max-width: 1024px) {
        .e-serviceGuide .select-section .select-input:last-child select.dropdown {
          width: 50% !important; } }
    .e-serviceGuide .select-section .select-input .list-grid {
      float: left; }
      @media only screen and (max-width: 1024px) {
        .e-serviceGuide .select-section .select-input .list-grid {
          display: none; } }
      .e-serviceGuide .select-section .select-input .list-grid a {
        background: #fff;
        color: #ceb66f;
        border: 1px solid #ceb66f; }
        .e-serviceGuide .select-section .select-input .list-grid a.active {
          background-color: #ceb66f;
          color: #fff;
          box-shadow: none; }
          .e-serviceGuide .select-section .select-input .list-grid a.active:hover {
            background-color: #ceb66f;
            color: #fff;
            box-shadow: none; }
        .e-serviceGuide .select-section .select-input .list-grid a:hover {
          background-color: #fff;
          color: #ceb66f;
          box-shadow: none; }
        .e-serviceGuide .select-section .select-input .list-grid a span {
          font-size: 15px;
          padding-top: 5px; }
          .e-serviceGuide .select-section .select-input .list-grid a span:last-child {
            display: none; }
.e-serviceGuide .eservice-results {
  clear: both;
  margin-top: 40px;
  display: inline-block;
  width: 100%; }
  .e-serviceGuide .eservice-results .CategoryName {
    text-align: center;
    margin: 0;
    font-size: 30px;
    text-transform: uppercase;
    font-family: KufiArabic_Light;
    color: #000;
    margin-bottom: 60px; }
    .e-serviceGuide .eservice-results .CategoryName:after {
      content: "";
      height: 3px;
      background-color: #eeeeee;
      width: 10%;
      display: inline-block;
      margin-right: 25px;
      position: relative;
      top: -8px; }
      @media only screen and (max-width: 767px) {
        .e-serviceGuide .eservice-results .CategoryName:after {
          display: none; } }
    .e-serviceGuide .eservice-results .CategoryName:before {
      content: "";
      height: 3px;
      background-color: #eeeeee;
      width: 10%;
      display: inline-block;
      margin-left: 25px;
      position: relative;
      top: -8px; }
      @media only screen and (max-width: 767px) {
        .e-serviceGuide .eservice-results .CategoryName:before {
          display: none; } }
  .e-serviceGuide .eservice-results .PagesNumber {
    position: absolute;
    top: -14px;
    left: 150px;
    background: #515352;
    color: #fff;
    width: 60px;
    text-align: center;
    height: 60px;
    border-radius: 50%;
    padding-top: 18px; }
    @media only screen and (max-width: 767px) {
      .e-serviceGuide .eservice-results .PagesNumber {
        display: none; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .e-serviceGuide .eservice-results .PagesNumber {
        left: 0; } }
  .e-serviceGuide .eservice-results .products .item {
    border: 1px solid #b5b5b5;
    padding: 10px;
    text-align: center;
    height: 350px;
    margin-bottom: 50px;
    position: relative;
    transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease; }
    .e-serviceGuide .eservice-results .products .item h2 {
      color: #0a866a;
      font-size: 20px;
      text-transform: uppercase;
      font-family: KufiArabic_Light;
      height: 45px;
      overflow: hidden;
      line-height: 25px; }
      .e-serviceGuide .eservice-results .products .item h2:hover, .e-serviceGuide .eservice-results .products .item h2 a:active, .e-serviceGuide .eservice-results .products .item h2 a:focus, .e-serviceGuide .eservice-results .products .item h2 a:hover {
        color: #373838; }
    .e-serviceGuide .eservice-results .products .item h3 {
      font-family: KufiArabic_Light;
      color: #808080;
      font-size: 14px;
      text-transform: uppercase; }
      .e-serviceGuide .eservice-results .products .item h3 span {
        border-bottom: 3px solid #dcdcdc;
        padding-bottom: 5px;
        display: inline-block; }
    .e-serviceGuide .eservice-results .products .item .servicesGuidHours {
      clear: both;
      display: block;
      font-size: 13px;
      font-weight: bold;
      margin-top: 15px;
      margin-bottom: 30px;
      background: transparent !important;
      padding-right: 15px; }
      .e-serviceGuide .eservice-results .products .item .servicesGuidHours:before {
        color: #0A866A;
        content: "";
        display: inline-block;
        font-family: fontawesome;
        font-size: 19px;
        font-weight: normal;
        padding-right: 5px;
        position: relative; }
    .e-serviceGuide .eservice-results .products .item .summary {
      border-bottom: 1px solid #eee; }
      .e-serviceGuide .eservice-results .products .item .summary p {
        height: 88px;
        overflow: hidden;
        font-size: 15px;
        margin-bottom: 0;
        display: inline-block; }
      .e-serviceGuide .eservice-results .products .item .summary .more-details {
        font-size: 16px;
        text-transform: uppercase;
        color: #000;
        padding-bottom: 20px;
        display: block;
        font-family: KufiArabic_Light; }
        .e-serviceGuide .eservice-results .products .item .summary .more-details:after {
          display: inline-block;
          font: normal normal normal 14px/1 FontAwesome;
          font-size: inherit;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          margin-right: 10px;
          content: "\f0d9" !important; }
    .e-serviceGuide .eservice-results .products .item a[id$=lnk_RequestService] {
      position: absolute;
      width: 70%;
      right: 40px;
      bottom: -19px;
      background: #cdb364;
      padding: 9px;
      font-size: 18px;
      text-transform: uppercase;
      font-family: KufiArabic_Light;
      color: #000;
      cursor: pointer; }
      @media only screen and (max-width: 1024px) {
        .e-serviceGuide .eservice-results .products .item a[id$=lnk_RequestService] {
          width: 79%;
          left: 20px; } }
      .e-serviceGuide .eservice-results .products .item a[id$=lnk_RequestService]:hover {
        background: #E3C774; }
  .e-serviceGuide .eservice-results .list-group-item {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border: 0; }
    .e-serviceGuide .eservice-results .list-group-item > div {
      width: 100%; }
      .e-serviceGuide .eservice-results .list-group-item > div .item {
        border: 1px solid #b5b5b5;
        padding: 10px;
        text-align: center;
        height: auto;
        margin-bottom: 50px;
        position: relative;
        padding-bottom: 25px; }
        .e-serviceGuide .eservice-results .list-group-item > div .item h2 {
          height: auto;
          overflow: visible; }
        .e-serviceGuide .eservice-results .list-group-item > div .item .servicesGuidHours {
          background: url(../../images/time-icon.png) 42% 0 no-repeat; }
        .e-serviceGuide .eservice-results .list-group-item > div .item .summary {
          border-bottom: 1px solid #eee; }
          .e-serviceGuide .eservice-results .list-group-item > div .item .summary p {
            height: 58px; }
        .e-serviceGuide .eservice-results .list-group-item > div .item a[id$=lnk_RequestService] {
          position: relative;
          width: auto;
          right: inherit;
          bottom: inherit; }
  .e-serviceGuide .eservice-results div[id$=showMoreBtn] {
    margin: 40px auto;
    text-align: center; }
    .e-serviceGuide .eservice-results div[id$=showMoreBtn] button {
      font-family: KufiArabic_Light;
      font-size: 18px; }
      .e-serviceGuide .eservice-results div[id$=showMoreBtn] button:hover {
        color: #ceb66f;
        background: #fff;
        border-color: #ceb66f; }

.eservice-results .row > span, .accordion > span {
  text-align: center;
  width: 100%;
  display: inline-block;
  margin: 50px 0;
  font-family: KufiArabic_Light;
  color: red; }

.accordion > span > span:before {
  display: none !important;
  content: ""; }

.eservices-details {
  margin-top: 60px; }
  .eservices-details .eservices-details-filter {
    background: #f3f3f3;
    border: 1px solid #b5b5b5;
    padding: 15px 10px;
    margin-bottom: 30px; }
    .eservices-details .eservices-details-filter .row span {
      float: right;
      margin-left: 10px;
      text-transform: uppercase;
      color: #b5b5b5;
      font-family: KufiArabic_Light;
      font-size: 18px;
      width: 25%; }
      @media only screen and (max-width: 1199px) {
        .eservices-details .eservices-details-filter .row span {
          width: 100%; } }
    .eservices-details .eservices-details-filter .row .text select {
      font-family: KufiArabic_Light;
      text-transform: uppercase;
      font-size: 14px;
      padding: 5px;
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      background: transparent url(../../images/green-caret.png) left center no-repeat;
      padding-left: 22px;
      width: 72%;
      margin-bottom: 25px; }
      @media only screen and (max-width: 1199px) {
        .eservices-details .eservices-details-filter .row .text select {
          width: 100%; } }
    .eservices-details .eservices-details-filter .accordion {
      border-top: 1px solid #dedede; }
      .eservices-details .eservices-details-filter .accordion h3 {
        color: #363636;
        font-family: KufiArabic_Light;
        font-size: 18px;
        cursor: pointer;
        line-height: 27px; }
        @media only screen and (max-width: 639px) {
          .eservices-details .eservices-details-filter .accordion h3 {
            font-size: 14px; } }
        .eservices-details .eservices-details-filter .accordion h3 span.ui-accordion-header-icon {
          float: right; }
        .eservices-details .eservices-details-filter .accordion h3:hover, .eservices-details .eservices-details-filter .accordion h3.ui-state-active {
          color: #079071; }
        .eservices-details .eservices-details-filter .accordion h3:hover .ui-icon-triangle-1-s:before, .eservices-details .eservices-details-filter .accordion h3:hover .ui-icon-triangle-1-e:before {
          color: #0a866a;
          border: 1px solid #0a866a; }
      .eservices-details .eservices-details-filter .accordion .ui-icon-triangle-1-s:before, .eservices-details .eservices-details-filter .accordion .ui-icon-triangle-1-e:before {
        border-radius: 50%;
        margin-left: 20px;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 16px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transform: translate(0, 0);
        width: 29px;
        height: 29px;
        line-height: 21px;
        border: 1px solid #363636;
        padding-top: 4px;
        margin-right: 0;
        display: inline-block;
        text-align: center;
        color: #363636; }
      .eservices-details .eservices-details-filter .accordion .ui-state-active .ui-icon-triangle-1-s:before, .eservices-details .eservices-details-filter .accordion .ui-state-active .ui-icon-triangle-1-e:before {
        color: #0a866a;
        border: 1px solid #0a866a; }
      .eservices-details .eservices-details-filter .accordion .ui-icon-triangle-1-e:before {
        content: "\f067"; }
      .eservices-details .eservices-details-filter .accordion .ui-icon-triangle-1-s:before {
        content: "\f068"; }
    .eservices-details .eservices-details-filter .list-group a {
      background: #fff;
      font-family: KufiArabic_Light;
      font-size: 16px;
      text-transform: uppercase;
      border-bottom: 1px solid #e8e8e8;
      color: #969696; }
      @media only screen and (max-height: 375px) {
        .eservices-details .eservices-details-filter .list-group a {
          font-size: 14px; } }
      .eservices-details .eservices-details-filter .list-group a:hover, .eservices-details .eservices-details-filter .list-group a.active, .eservices-details .eservices-details-filter .list-group a:focus {
        color: #0a866a;
        border-color: #e8e8e8; }
  .eservices-details .eservice-details-about {
    text-align: right;
    border: 1px solid #b5b5b5;
    margin-top: 0;
    padding: 10px 60px 50px;
    position: relative; }
    @media only screen and (max-width: 1199px) {
      .eservices-details .eservice-details-about {
        margin-top: 40px;
        padding: 10px 20px 50px; } }
    .eservices-details .eservice-details-about::before {
      background: transparent url(../../images/info-icon.png) center top no-repeat;
      padding: 0 20px;
      content: "";
      width: 106px;
      height: 66px;
      display: inline-block;
      margin-top: -45px; }
    .eservices-details .eservice-details-about h2 {
      font-family: KufiArabic_Light;
      text-transform: uppercase;
      font-size: 25px;
      color: #0a866a; }
      @media only screen and (max-height: 375px) {
        .eservices-details .eservice-details-about h2 {
          font-size: 18px; } }
    .eservices-details .eservice-details-about .description {
      font-size: 15px;
      line-height: 25px;
      color: #000;
      text-align: right; }
      @media only screen and (max-width: 1199px) {
        .eservices-details .eservice-details-about .description .ms-rtestate-field p, .eservices-details .eservice-details-about .description p.ms-rteElement-P {
          line-height: 25px;
          text-align: right; } }
  .eservices-details .eservices-tabs {
    border: 1px solid #B5B5B5;
    margin-top: 50px;
    padding: 20px;
    margin-bottom: 30px; }
    .eservices-details .eservices-tabs .tabs-links {
      display: inline-block; }
      .eservices-details .eservices-tabs .tabs-links > li {
        float: right;
        margin-left: 15px; }
        @media only screen and (max-width: 767px) {
          .eservices-details .eservices-tabs .tabs-links > li {
            width: 100%; } }
        @media only screen and (max-width: 1199px) {
          .eservices-details .eservices-tabs .tabs-links > li {
            margin-bottom: 20px; } }
        .eservices-details .eservices-tabs .tabs-links > li:last-child {
          margin-left: 0; }
        .eservices-details .eservices-tabs .tabs-links > li a {
          font-size: 18px;
          border-bottom: 3px solid #dcdcdc;
          color: #9a9a9a;
          text-transform: uppercase;
          padding-bottom: 5px;
          font-family: KufiArabic_Light; }
          @media only screen and (max-width: 767px) {
            .eservices-details .eservices-tabs .tabs-links > li a {
              display: block;
              margin-bottom: 5px;
              font-size: 14px; } }
          .eservices-details .eservices-tabs .tabs-links > li a:hover {
            color: #000;
            border-color: #079072; }
        .eservices-details .eservices-tabs .tabs-links > li.current a {
          color: #000;
          border-color: #079072; }
    .eservices-details .eservices-tabs .tabs-contents .content {
      display: inline-block;
      font-size: 14px;
      line-height: 23px;
      display: none;
      text-align: right; }
    .eservices-details .eservices-tabs .tabs-contents #documentRequired {
      display: block; }
    .eservices-details .eservices-tabs .tabs-contents ol li {
      list-style-type: decimal;
      margin-bottom: 20px;
      margin-right: 20px;
      padding-right: 10px; }
      .eservices-details .eservices-tabs .tabs-contents ol li:last-child {
        margin-bottom: 0; }

.events-forms {
  min-height: 320px !important;
  margin-bottom: 20px;
  /* Forms */ }
  .events-forms h1 {
    color: #068065;
    font-family: KufiArabic_Bold;
    font-size: 66px;
    font-weight: bolder;
    margin-bottom: 45px;
    padding-top: 10px;
    text-align: center;
    text-transform: uppercase; }
    @media only screen and (max-height: 375px) {
      .events-forms h1 {
        font-size: 35px; } }
    .events-forms h1:after {
      background-color: #dcdcdc;
      clear: both;
      content: "";
      display: block;
      height: 4px;
      right: 40%;
      margin: 0.3em auto 0;
      top: 35px;
      width: 15%; }
  .events-forms input[type="submit"] {
    background: transparent none repeat scroll 0 0;
    border-color: #b5b5b5;
    color: #000;
    font-size: 18px;
    padding: 12px;
    text-align: right;
    text-transform: uppercase;
    width: 100%;
    font-family: KufiArabic_Light;
    margin: 0 0 10px; }
    .events-forms input[type="submit"]:hover, .events-forms input[type="submit"].selected {
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s;
      background: url("/Style Library/SagiaBranding/Common/Images/hover-box4-slider.png") 0 0 no-repeat;
      background-size: cover; }
      .events-forms input[type="submit"]:hover + .fa.fa-calendar, .events-forms input[type="submit"].selected + .fa.fa-calendar {
        color: #000; }
  .events-forms .calender {
    position: relative; }
    .events-forms .calender .fa.fa-calendar {
      position: absolute;
      top: 16px;
      left: 20px;
      color: #079071; }
  .events-forms select {
    background: transparent url("../../images/dropdown-events.png") no-repeat scroll;
    border-color: #b5b5b5;
    color: #5c5c5c;
    font-family: KufiArabic_Light;
    font-size: 18px;
    padding: 12px;
    text-align: right;
    text-transform: uppercase;
    width: 100%;
    margin: 0 0 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background-position: 4% 50%; }
    .events-forms select option {
      background: #f2f2f2 none repeat scroll 0 0;
      border-bottom: 1px solid #dadada;
      color: #595656; }

.events-list-home .hover-box {
  -webkit-transition: all 0.3s ease 0.1s;
  -moz-transition: all 0.3s ease 0.1s;
  -ms-transition: all 0.3s ease 0.1s;
  -o-transition: all 0.3s ease 0.1s;
  transition: all 0.3s ease 0.1s;
  overflow: hidden;
  position: relative;
  margin: 10px 0;
  min-height: 400px !important; }
  .events-list-home .hover-box .padding {
    overflow: hidden; }
  .events-list-home .hover-box img {
    border-radius: 4px;
    /*height: 387px !important;*/
    right: 1px;
    max-width: 100%;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 0; }
  .events-list-home .hover-box .dis {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    left: 15px;
    margin: 27px 0 0;
    padding: 12px;
    position: absolute;
    top: 0;
    width: 73%;
    z-index: 1;
    line-height: 1;
    min-height: 88px; }
    @media only screen and (max-width: 767px) {
      .events-list-home .hover-box .dis {
        width: 68%; } }
    @media only screen and (max-width: 639px) {
      .events-list-home .hover-box .dis {
        width: 63%; } }
    .events-list-home .hover-box .dis span {
      display: block; }
      .events-list-home .hover-box .dis span:nth-child(1) {
        font-size: 18px;
        color: #fff;
        font-family: KufiArabic_Light;
        font-weight: normal;
        line-height: 1; }
      .events-list-home .hover-box .dis span:nth-child(2) {
        font-size: 15px;
        color: #fff;
        font-family: KufiArabic_Light;
        font-weight: normal; }
  .events-list-home .hover-box .deat {
    background: #009a78 none repeat scroll 0 0;
    border-radius: 4px;
    color: white;
    display: inline-block;
    height: 90px;
    right: 15px;
    margin: 27px 0 0;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 60px;
    z-index: 1; }
    .events-list-home .hover-box .deat span {
      display: block;
      line-height: 1;
      position: relative;
      z-index: 2;
      bottom: 0; }
      .events-list-home .hover-box .deat span:nth-child(1) {
        font-size: 34px;
        font-weight: bold; }
      .events-list-home .hover-box .deat span:nth-child(2) {
        text-transform: uppercase;
        font-size: 18px;
        font-weight: bold;
        right: 0px; }
      .events-list-home .hover-box .deat span:nth-child(3) {
        bottom: -3px;
        font-size: 16px;
        right: 0;
        text-transform: uppercase; }
  .events-list-home .hover-box .dis2 {
    color: white;
    font-size: 14px;
    padding: 15px;
    position: absolute;
    bottom: 0;
    background: transparent linear-gradient(to top, rgba(1, 1, 1, 0.87) 1%, transparent 100%, transparent 77%) repeat scroll 0 0;
    width: 100%; }
    .events-list-home .hover-box .dis2 span {
      font-size: 14px;
      color: white;
      position: relative;
      display: block;
      text-shadow: 1px 1px 1px #000;
      margin-bottom: 5px; }
      .events-list-home .hover-box .dis2 span i {
        color: #04705d;
        font-size: 24px !important; }
      .events-list-home .hover-box .dis2 span a {
        color: #ffffff; }
        .events-list-home .hover-box .dis2 span a:hover {
          color: #cab164; }

.Calender1 {
  background: #101011 url("../../images/black-bg-pattern.jpg") repeat-y scroll 100% 0/cover; }
  .Calender1 table {
    border: 0 none !important;
    width: 100% !important; }
    .Calender1 table td {
      background: transparent none repeat scroll 0 0 !important;
      border: 1px solid rgba(255, 255, 255, 0.19);
      padding: 13px !important; }
      @media only screen and (max-width: 480px) {
        .Calender1 table td {
          padding: 0px !important; } }
    .Calender1 table .DayHeaderStyle {
      background: #181818 none repeat scroll 0 0;
      color: #9d9d9d;
      font-size: 14px;
      font-weight: normal;
      line-height: 2;
      text-align: center; }
    .Calender1 table .TitleStyle {
      height: 100px;
      position: relative; }
      .Calender1 table .TitleStyle td {
        border: 0px !important; }
        .Calender1 table .TitleStyle td:nth-child(1) {
          position: absolute;
          left: 0; }
          .Calender1 table .TitleStyle td:nth-child(1) a {
            border: 1px solid rgba(255, 255, 255, 0.19);
            display: block;
            font-size: 0;
            padding: 3px;
            position: absolute;
            left: 90px;
            width: 57px;
            color: #cdb364 !important;
            top: 30px; }
            .Calender1 table .TitleStyle td:nth-child(1) a:before {
              font-family: fontawesome;
              font-size: 31px;
              position: relative;
              text-align: center;
              content: "\f0da"; }
        .Calender1 table .TitleStyle td:nth-child(2) {
          border-left: 1px solid rgba(255, 255, 255, 0.19) !important;
          color: #cdb364;
          font-family: KufiArabic_Light;
          font-size: 35px;
          height: 100%;
          right: 0;
          line-height: 1;
          position: absolute;
          width: 245px !important; }
          @media only screen and (max-width: 480px) {
            .Calender1 table .TitleStyle td:nth-child(2) {
              width: 123px !important;
              font-size: 28px;
              padding-top: 25px !important; } }
        .Calender1 table .TitleStyle td:nth-child(3) {
          position: absolute;
          left: 0; }
          .Calender1 table .TitleStyle td:nth-child(3) a {
            border: 1px solid rgba(255, 255, 255, 0.19);
            display: block;
            font-size: 0;
            padding: 3px;
            position: absolute;
            left: 25px;
            width: 57px;
            color: #cdb364 !important;
            top: 30px; }
            .Calender1 table .TitleStyle td:nth-child(3) a:before {
              font-family: fontawesome;
              font-size: 31px;
              position: relative;
              text-align: center;
              content: "\f0d9"; }
        .Calender1 table .TitleStyle td a:hover {
          -webkit-transition: all 0.3s ease 0.1s;
          -moz-transition: all 0.3s ease 0.1s;
          -ms-transition: all 0.3s ease 0.1s;
          -o-transition: all 0.3s ease 0.1s;
          transition: all 0.3s ease 0.1s;
          color: #000 !important;
          background: #cdb364;
          border-color: #cdb364; }
    .Calender1 table .eventDay {
      background-color: #079071 !important;
      position: relative; }
      .Calender1 table .eventDay a {
        color: #fff; }
      .Calender1 table .eventDay .eventList {
        background-color: #000;
        border: 1px solid #079071;
        display: none;
        right: auto;
        line-height: 18px;
        padding: 8px;
        position: absolute;
        left: 0;
        text-align: right;
        top: 52px;
        z-index: 1; }
        @media only screen and (max-width: 480px) {
          .Calender1 table .eventDay .eventList {
            top: 30px;
            font-size: 28px;
            left: auto; } }
        .Calender1 table .eventDay .eventList:before {
          color: #079071;
          content: "";
          font-family: FontAwesome;
          font-size: 20px;
          right: auto;
          position: absolute;
          left: 73px;
          top: -10px; }
      .Calender1 table .eventDay:hover .eventList {
        display: block; }
    .Calender1 table .TodayDayStyle {
      background: #3e3e3e !important; }
  .Calender1 .indicator {
    font-size: 15px;
    margin: 11px 19px 0 0; }
    .Calender1 .indicator li {
      display: inline-block;
      padding-right: 10px;
      margin: 10px;
      color: #fff; }
      .Calender1 .indicator li:nth-child(1) i {
        color: #3e3e3e;
        margin-right: 3px;
        padding-left: 2px; }
      .Calender1 .indicator li:nth-child(2) i {
        color: #079071;
        margin: 0 5px 0 3px;
        padding-left: 2px; }

.WeekendDayStyle a, .OtherMonthDayStyle a {
  color: #fff !important; }

.Calender1 td a {
  color: #fff;
  font-size: 15px;
  font-weight: normal;
  text-align: center; }

.Calender1 td.TodayDayStyle {
  background-color: #135034;
  color: #fff;
  padding: 3px; }

.Calender1 td.TodayDayStyle a {
  color: #fff !important; }

.Calender1 td.OtherMonthDayStyle {
  color: #63615a;
  padding: 3px; }

.Calender1 td.DayStyle a, .Calender1 td.WeekendDayStyle {
  color: #fff !important;
  padding: 3px; }

.div_pagger {
  display: table;
  margin: 0 auto;
  text-align: center;
  padding: 25px; }
  .div_pagger div {
    display: table-cell;
    text-align: center;
    padding: 0 3px; }
    .div_pagger div input {
      height: auto;
      margin: 0 2px;
      padding: 4px;
      color: #9f9e9e; }
      .div_pagger div input:hover {
        -webkit-transition: all 0.3s ease 0.1s;
        -moz-transition: all 0.3s ease 0.1s;
        -ms-transition: all 0.3s ease 0.1s;
        -o-transition: all 0.3s ease 0.1s;
        transition: all 0.3s ease 0.1s;
        background: #cab164;
        color: #000 !important;
        border-color: #cab164; }
  .div_pagger .CurrentPage a {
    background: #04705d;
    color: #fff !important; }
  .div_pagger span {
    display: inline-block; }
    .div_pagger span a {
      color: #9f9e9e !important;
      border: 1px solid #b5b5b5;
      display: inline-block;
      font-size: 16px;
      height: 26px;
      text-align: center;
      transition: all 0.3s ease 0.1s;
      width: 26px; }
      .div_pagger span a:hover {
        background: #04705d;
        color: #fff !important; }

.events-links1 {
  min-height: 200px !important; }
  .events-links1 .col-xs-1, .events-links1 .col-sm-1, .events-links1 .col-md-1, .events-links1 .col-lg-1, .events-links1 .col-xs-2, .events-links1 .col-sm-2, .events-links1 .col-md-2, .events-links1 .col-lg-2, .events-links1 .col-xs-3, .events-links1 .col-sm-3, .events-links1 .col-md-3, .events-links1 .col-lg-3, .events-links1 .col-xs-4, .events-links1 .col-sm-4, .events-links1 .col-md-4, .events-links1 .col-lg-4, .events-links1 .col-xs-5, .events-links1 .col-sm-5, .events-links1 .col-md-5, .events-links1 .col-lg-5, .events-links1 .col-xs-6, .events-links1 .col-sm-6, .events-links1 .col-md-6, .events-links1 .col-lg-6, .events-links1 .col-xs-7, .events-links1 .col-sm-7, .events-links1 .col-md-7, .events-links1 .col-lg-7, .events-links1 .col-xs-8, .events-links1 .col-sm-8, .events-links1 .col-md-8, .events-links1 .col-lg-8, .events-links1 .col-xs-9, .events-links1 .col-sm-9, .events-links1 .col-md-9, .events-links1 .col-lg-9, .events-links1 .col-xs-10, .events-links1 .col-sm-10, .events-links1 .col-md-10, .events-links1 .col-lg-10, .events-links1 .col-xs-11, .events-links1 .col-sm-11, .events-links1 .col-md-11, .events-links1 .col-lg-11, .events-links1 .col-xs-12, .events-links1 .col-sm-12, .events-links1 .col-md-12, .events-links1 .col-lg-12 {
    padding: 0 !important; }
  .events-links1 a {
    border-left: 1px solid #d3d3d3;
    display: block;
    min-height: 200px;
    padding: 35px 0;
    color: #787878 !important;
    margin-bottom: 10px; }
    @media only screen and (max-width: 480px) {
      .events-links1 a {
        margin-bottom: 3px;
        min-height: 95px;
        padding-top: 15px; } }
    @media only screen and (max-width: 767px) {
      .events-links1 a {
        border-left: 0;
        border-bottom: 1px solid #d3d3d3; } }
    .events-links1 a i {
      display: block;
      font-size: 0;
      text-align: center; }
      .events-links1 a i:before {
        font-size: 50px; }
        @media only screen and (max-width: 480px) {
          .events-links1 a i:before {
            font-size: 40px; } }
    .events-links1 a span {
      display: block;
      font-family: KufiArabic_Light;
      font-size: 22px;
      text-align: center;
      text-transform: uppercase;
      padding: 10px; }
      @media only screen and (max-width: 480px) {
        .events-links1 a span {
          font-size: 16px; } }
    .events-links1 a:hover {
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s;
      color: #088065 !important; }

@media only screen and (max-width: 767px) {
  div[id*=EventLinks1] .col-md-3.col-sm-3.col-xs-12:nth-child(2) {
    display: none; } }

.faq-nested {
  margin-top: 0 !important; }
  .faq-nested .accordian h3 {
    background: white none repeat scroll 0 0;
    border: 1px solid #cfcfcf;
    font-family: KufiArabic_Light;
    padding: 15px;
    margin: 0;
    position: relative;
    color: #000000;
    cursor: pointer;
    text-align: right; }
    .faq-nested .accordian h3:after {
      border: 2px solid;
      border-radius: 50%;
      color: #000;
      content: "+";
      font-family: fontawesome;
      position: absolute;
      left: 10px;
      text-align: center;
      width: 34px;
      height: 34px;
      top: 11px; }
  .faq-nested .accordian .ui-state-active {
    background: #068165 none repeat scroll 0 0;
    color: #ffffff; }
    .faq-nested .accordian .ui-state-active:after {
      border: 2px solid #fff;
      border-radius: 50%;
      color: #ffffff;
      content: "-";
      font-family: fontawesome;
      position: absolute;
      left: 10px;
      text-align: center;
      width: 34px;
      height: 34px;
      top: 11px; }
  .faq-nested .accordian .AnswerFQ {
    border-color: #cecece;
    border-style: solid;
    border-width: 0 1px 1px;
    margin-bottom: 0;
    padding: 15px;
    font-size: 14px; }

form[action*='EventsAndActivities'] ~ .ms-dlgContent {
  background: #f0f0f0 url("../../images/gray-bg.jpg") repeat-y scroll 100% 0/cover;
  border-radius: 0;
  border: 0; }
  form[action*='EventsAndActivities'] ~ .ms-dlgContent .ms-dlgTitle {
    padding: 15px 19px 5px; }
  form[action*='EventsAndActivities'] ~ .ms-dlgContent .ms-dlgTitleBtns {
    float: right;
    margin-top: 0px;
    width: 35px !important;
    border: 1px solid #000;
    color: #000; }
  form[action*='EventsAndActivities'] ~ .ms-dlgContent .ms-dlg-heading {
    font-family: KufiArabic_Light;
    font-size: 30px;
    margin-top: 41px;
    text-align: center; }

.EventsFiles {
  min-height: 200px !important;
  padding: 0 !important; }
  .EventsFiles a {
    border: 1px solid #d3d3d3;
    display: block;
    min-height: 200px;
    padding: 35px 0;
    color: #787878 !important;
    margin-bottom: 10px; }
    .EventsFiles a i {
      display: block;
      font-size: 0;
      text-align: center; }
      .EventsFiles a i:before {
        font-size: 50px; }
    .EventsFiles a span {
      display: block;
      font-family: KufiArabic_Light;
      font-size: 22px;
      text-align: center;
      text-transform: uppercase;
      padding: 10px; }
    .EventsFiles a:hover {
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s;
      color: #088065 !important; }

.SendtoFriend .SendtoFriend-forms .form-group .form-control {
  background: #fff; }

.modal .modal-header {
  padding: 20px 0 !important; }

.modal .close {
  border-radius: 0; }
  .modal .close span {
    color: #fff; }

.SendtoFriend .SendtoFriend-forms .form-group .customErrorToolTip {
  color: #FFA1A1 !important;
  font-size: 12px;
  text-transform: capitalize; }

.modal .modal-content {
  min-height: 600px !important; }

.EventsInternal .slide-EventsInternal .hover-box .dis2 {
  width: 100% !important; }

.EventsInternal .slide-EventsInternal .hover-box {
  height: 391px; }

.EventsInternal .slide-EventsInternal .hover-box img {
  height: 100% !important; }

.eventItem {
  overflow: hidden;
  width: 100%;
  display: inline-block;
  position: relative;
  min-height: 391px; }
  .eventItem .fa {
    color: #04705d;
    font-size: 0;
    margin-left: 7px;
    margin-bottom: 15px; }
    .eventItem .fa:before {
      font-size: 24px !important; }
  .eventItem p {
    height: 63px;
    overflow: hidden; }
  .eventItem .dis a {
    font-size: 16px;
    color: #fff;
    font-family: KufiArabic_Light !important;
    font-weight: normal;
    line-height: 13px !important; }
    .eventItem .dis a:hover {
      color: inherit; }
  .eventItem a:hover {
    color: inherit; }

.EventsInternal .slide-EventsInternal .hover-box .deat span {
  line-height: 28px !important; }

.fiximg {
  max-width: none !important;
  width: 209% !important; }

.EventsInternal .slide-EventsInternal .hover-box .dis2 {
  bottom: auto !important;
  top: 231px; }

.events-list-home .hover-box .dis span:nth-child(1) {
  line-height: 22px !important;
  font-size: 16px !important; }

/*.events-list-home .hover-box .dis2 span:last-child a {
    background: rgba(6, 128, 101, 0.71);
    padding: 10px;
    float: right;

        &:hover{
            background: rgba(62, 62, 62, 0.71);
        }
}*/
.hover-box span {
  background: transparent !important; }

.events-list-home .hover-box .dis a {
  font-family: KufiArabic_Light;
  font-size: 18px; }
  .events-list-home .hover-box .dis a:hover {
    color: #cfb264; }

div#div_Calender + div[id$=upPanel] .row + span[id$=Label1] {
  text-align: center;
  width: 100%;
  display: inline-block;
  margin: 20px 0 50px;
  font-family: KufiArabic_Light;
  color: red;
  font-size: 18px;
  text-transform: uppercase; }

.vid-box {
  background-image: url("/Style Library/SagiaBranding/Common/Images/img-header.jpg") !important;
  background-repeat: no-repeat !important;
  background-size: cover;
  height: 613px;
  background-color: #5e5e5e;
  padding-top: 20px;
  width: 100%; }
  .vid-box .col-xs-1, .vid-box .col-sm-1, .vid-box .col-md-1, .vid-box .col-lg-1, .vid-box .col-xs-2, .vid-box .col-sm-2, .vid-box .col-md-2, .vid-box .col-lg-2, .vid-box .col-xs-3, .vid-box .col-sm-3, .vid-box .col-md-3, .vid-box .col-lg-3, .vid-box .col-xs-4, .vid-box .col-sm-4, .vid-box .col-md-4, .vid-box .col-lg-4, .vid-box .col-xs-5, .vid-box .col-sm-5, .vid-box .col-md-5, .vid-box .col-lg-5, .vid-box .col-xs-6, .vid-box .col-sm-6, .vid-box .col-md-6, .vid-box .col-lg-6, .vid-box .col-xs-7, .vid-box .col-sm-7, .vid-box .col-md-7, .vid-box .col-lg-7, .vid-box .col-xs-8, .vid-box .col-sm-8, .vid-box .col-md-8, .vid-box .col-lg-8, .vid-box .col-xs-9, .vid-box .col-sm-9, .vid-box .col-md-9, .vid-box .col-lg-9, .vid-box .col-xs-10, .vid-box .col-sm-10, .vid-box .col-md-10, .vid-box .col-lg-10, .vid-box .col-xs-11, .vid-box .col-sm-11, .vid-box .col-md-11, .vid-box .col-lg-11, .vid-box .col-xs-12, .vid-box .col-sm-12, .vid-box .col-md-12, .vid-box .col-lg-12 {
    padding-right: 5px !important;
    padding-left: 5px !important; }
  @media only screen and (max-width: 992px) {
    .vid-box {
      height: 750px; } }
  @media (min-width: 280px) and (max-width: 479px) {
    .vid-box {
      height: 700px; } }
  @media (min-width: 480px) and (max-width: 767px) {
    .vid-box {
      height: 815px; } }
  .vid-box .container {
    position: relative;
    top: 140px; }
    .vid-box .container .slider-KeyMessage {
      height: 330px;
      margin: 0 auto;
      width: 100%; }
      @media only screen and (max-width: 992px) {
        .vid-box .container .slider-KeyMessage {
          margin: 137px auto 0; } }
      @media (min-width: 280px) and (max-width: 479px) {
        .vid-box .container .slider-KeyMessage {
          height: 225px; } }
      @media only screen and (max-width: 767px) {
        .vid-box .container .slider-KeyMessage {
          margin: 58px auto 15px; } }
      .vid-box .container .slider-KeyMessage .slick-list {
        height: auto !important; }
      .vid-box .container .slider-KeyMessage span {
        color: white;
        display: block;
        text-align: center; }
        .vid-box .container .slider-KeyMessage span:nth-child(1) {
          font-size: 66px;
          font-weight: bolder;
          line-height: 75px;
          font-family: KufiArabic_Bold;
          padding-top: 10px;
          margin-bottom: 15px; }
          @media only screen and (max-width: 992px) {
            .vid-box .container .slider-KeyMessage span:nth-child(1) {
              font-size: 50px;
              margin-bottom: 0;
              line-height: 1.5; } }
          @media (min-width: 280px) and (max-width: 479px) {
            .vid-box .container .slider-KeyMessage span:nth-child(1) {
              font-size: 30px;
              line-height: 1.5; } }
        .vid-box .container .slider-KeyMessage span:nth-child(2) {
          font-size: 24px;
          margin: 0 auto;
          width: 430px; }
          @media only screen and (max-width: 992px) {
            .vid-box .container .slider-KeyMessage span:nth-child(2) {
              font-size: 24px; } }
          @media (min-width: 280px) and (max-width: 479px) {
            .vid-box .container .slider-KeyMessage span:nth-child(2) {
              font-size: 15px;
              padding: 30px 0 0;
              text-align: center;
              width: 100%; } }
          @media only screen and (max-width: 480px) {
            .vid-box .container .slider-KeyMessage span:nth-child(2) {
              padding: 4px 0 0; } }
      .vid-box .container .slider-KeyMessage .ButtonTitle-dev {
        padding-top: 20px;
        text-align: center; }
        .vid-box .container .slider-KeyMessage .ButtonTitle-dev a {
          -webkit-transition: all 0.3s ease 0.1s;
          -moz-transition: all 0.3s ease 0.1s;
          -ms-transition: all 0.3s ease 0.1s;
          -o-transition: all 0.3s ease 0.1s;
          transition: all 0.3s ease 0.1s;
          background: white none repeat scroll 0 0;
          color: #008265;
          display: inline-block;
          padding: 11px 40px;
          text-align: center;
          position: relative; }
          @media (min-width: 280px) and (max-width: 479px) {
            .vid-box .container .slider-KeyMessage .ButtonTitle-dev a {
              font-size: 12px;
              padding: 9px 28px; } }
          .vid-box .container .slider-KeyMessage .ButtonTitle-dev a:hover {
            color: #fff;
            text-decoration: none;
            background: #008265; }
  .vid-box .VisitSaudi-1 {
    position: relative; }
    .vid-box .VisitSaudi-1 .VisitSaudi {
      color: white;
      font-size: 18px;
      position: absolute;
      text-transform: uppercase;
      bottom: 20px; }
      .vid-box .VisitSaudi-1 .VisitSaudi .icon-Visitsaudi {
        border: 1px solid white;
        border-radius: 50%;
        font-size: 34px;
        margin-left: 10px;
        padding: 7px; }
      .vid-box .VisitSaudi-1 .VisitSaudi:hover {
        -webkit-transition: all 0.3s ease 0.1s;
        -moz-transition: all 0.3s ease 0.1s;
        -ms-transition: all 0.3s ease 0.1s;
        -o-transition: all 0.3s ease 0.1s;
        transition: all 0.3s ease 0.1s;
        color: #cab167; }
  .vid-box .link4-header {
    position: relative;
    z-index: 0; }
    .vid-box .link4-header a {
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s;
      border: 1px solid white;
      color: white;
      display: block;
      height: 100px;
      overflow: hidden;
      padding-top: 16px;
      padding-right: 17px;
      position: relative; }
      @media only screen and (max-width: 992px) {
        .vid-box .link4-header a {
          height: 90px;
          padding-top: 8px;
          padding-right: 9px; } }
      @media (min-width: 280px) and (max-width: 479px) {
        .vid-box .link4-header a {
          margin-bottom: 10px;
          height: 70px; } }
      @media (min-width: 480px) and (max-width: 767px) {
        .vid-box .link4-header a {
          margin-bottom: 10px;
          height: 70px; } }
      .vid-box .link4-header a:before {
        background: #d4ba6d url("/Style Library/SagiaBranding/Common/Images/hover-box4-slider.png");
        bottom: 0;
        content: "";
        right: 0;
        position: absolute;
        top: 0;
        width: 0%;
        -webkit-transition: all 0.3s ease 0.1s;
        -moz-transition: all 0.3s ease 0.1s;
        -ms-transition: all 0.3s ease 0.1s;
        -o-transition: all 0.3s ease 0.1s;
        transition: all 0.3s ease 0.1s;
        z-index: 1; }
      .vid-box .link4-header a span:nth-child(1) {
        font-size: 19px;
        font-weight: bold;
        display: block;
        text-transform: uppercase;
        padding: 7px 0;
        z-index: 2;
        position: relative; }
        @media only screen and (max-width: 992px) {
          .vid-box .link4-header a span:nth-child(1) {
            font-size: 18px !important; } }
        @media (min-width: 280px) and (max-width: 479px) {
          .vid-box .link4-header a span:nth-child(1) {
            font-size: 14px !important; } }
      .vid-box .link4-header a span:nth-child(2) {
        font-size: 16px;
        font-weight: normal;
        display: block;
        z-index: 2;
        position: relative; }
        @media only screen and (max-width: 992px) {
          .vid-box .link4-header a span:nth-child(2) {
            display: none; } }
        @media (min-width: 992px) and (max-width: 1199px) {
          .vid-box .link4-header a span:nth-child(2) {
            display: none; } }
      .vid-box .link4-header a i {
        -webkit-transition: all 0.3s ease 0.1s;
        -moz-transition: all 0.3s ease 0.1s;
        -ms-transition: all 0.3s ease 0.1s;
        -o-transition: all 0.3s ease 0.1s;
        transition: all 0.3s ease 0.1s;
        background: #d6bc6d none repeat scroll 0 0;
        border-radius: 50%;
        bottom: 5px;
        height: 32px;
        position: absolute;
        right: -25%;
        text-align: center;
        width: 32px;
        z-index: 2;
        font-size: 27px;
        line-height: 30px;
        border: 1px solid #333; }
        .vid-box .link4-header a i:before {
          content: "\f104"; }
        @media only screen and (max-width: 992px) {
          .vid-box .link4-header a i {
            right: -20%; } }
        @media (min-width: 280px) and (max-width: 479px) {
          .vid-box .link4-header a i {
            right: -25%; } }
      .vid-box .link4-header a:hover {
        border: 1px solid #d4ba6d;
        color: #0d201c;
        text-decoration: none; }
        .vid-box .link4-header a:hover i {
          right: 87%; }
          @media only screen and (max-width: 992px) {
            .vid-box .link4-header a:hover i {
              right: 80%; } }
        .vid-box .link4-header a:hover:before {
          width: 100%; }
  @media only screen and (max-width: 480px) {
    .vid-box .welcome-video {
      display: none; } }
  @media only screen and (max-width: 1024px) {
    .vid-box .welcome-video {
      display: none; } }

.BusinessHere {
  background: #cbb268 none repeat scroll 0 0;
  height: 446px;
  background: url("/Style Library/SagiaBranding/Common/Images/BusinessHere-bac.jpg"); }
  @media only screen and (max-width: 992px) {
    .BusinessHere {
      margin-top: 20px; } }

.box4-slider {
  padding: 0;
  clear: both;
  margin: 80px 0 55px 0; }
  @media only screen and (max-width: 480px) {
    .box4-slider {
      margin: 10px 0; } }
  .box4-slider .container {
    position: relative; }
    .box4-slider .container::before {
      border: 2px solid #f3f3f3;
      content: "";
      height: 477px;
      right: -140px;
      position: absolute;
      top: 120px;
      width: 120%;
      display: none; }
      @media only screen and (max-width: 992px) {
        .box4-slider .container::before {
          display: none; } }
  .box4-slider .FactsAndFigures {
    background: #212121 url("/Style Library/SagiaBranding/Common/Images/Facts-figures.jpg");
    height: 446px;
    background-repeat: no-repeat;
    background-position: 50% 0; }
    @media only screen and (max-width: 992px) {
      .box4-slider .FactsAndFigures {
        margin-top: 20px; } }
  .box4-slider .KeySectors {
    height: 446px;
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s; }
    @media only screen and (max-width: 992px) {
      .box4-slider .KeySectors {
        overflow: hidden;
        margin-top: 20px; } }
    @media (min-width: 280px) and (max-width: 479px) {
      .box4-slider .KeySectors {
        height: 390px; } }
    .box4-slider .KeySectors .slick-slide {
      width: auto;
      height: 500px; }
      .box4-slider .KeySectors .slick-slide img {
        position: absolute;
        width: 100%;
        height: 100%; }
    .box4-slider .KeySectors .box-content {
      background: rgba(0, 0, 0, 0.53) none repeat scroll 0 0;
      color: #fff;
      display: block;
      margin-top: 115px;
      min-height: 213px;
      padding: 30px 10px 10px;
      position: relative;
      top: -35px;
      width: 100%;
      /*&:before {
      	background: #d4ba6d url("/Style Library/SagiaBranding/Common/Images/hoverPatern.png");
      	bottom: 0;
      	content: "";
      	right: 0;
      	position: absolute;
      	top: 0;
      	width:100%;
      	@include transition();
      	z-index: 1;
      	opacity:0;
      }*/ }
      .box4-slider .KeySectors .box-content span {
        position: relative;
        z-index: 1; }
        .box4-slider .KeySectors .box-content span:nth-child(1) {
          font-size: 38px;
          font-weight: bold;
          text-transform: uppercase;
          display: block;
          text-align: center;
          line-height: 1;
          font-family: KufiArabic_Light; }
          @media only screen and (max-width: 992px) {
            .box4-slider .KeySectors .box-content span:nth-child(1) {
              font-size: 30px; } }
        .box4-slider .KeySectors .box-content span:nth-child(2) {
          font-size: 14px;
          line-height: 22px;
          margin-top: 10px;
          display: block;
          text-align: center; }
      .box4-slider .KeySectors .box-content:hover {
        text-decoration: none; }
    .box4-slider .KeySectors .slick-arrow {
      -webkit-transition: opacity 0.3s ease 0.1s;
      -moz-transition: opacity 0.3s ease 0.1s;
      -ms-transition: opacity 0.3s ease 0.1s;
      -o-transition: opacity 0.3s ease 0.1s;
      transition: opacity 0.3s ease 0.1s;
      border: 2px solid #ceb670;
      border-radius: 2px;
      color: #ceb670;
      height: 30px;
      position: absolute;
      left: 48px;
      text-align: center;
      top: 25px;
      width: 30px;
      z-index: 1;
      cursor: pointer;
      opacity: 1;
      line-height: 1.2; }
      .box4-slider .KeySectors .slick-arrow:hover {
        -webkit-transition: all 0.3s ease 0.1s;
        -moz-transition: all 0.3s ease 0.1s;
        -ms-transition: all 0.3s ease 0.1s;
        -o-transition: all 0.3s ease 0.1s;
        transition: all 0.3s ease 0.1s;
        color: #fff;
        background: #ceb670; }
      .box4-slider .KeySectors .slick-arrow:before {
        content: "\f105" !important;
        font-family: fontawesome; }
    .box4-slider .KeySectors:hover .arr {
      opacity: 1; }
    .box4-slider .KeySectors .slick-prev {
      right: auto !important;
      left: 20px !important; }
      .box4-slider .KeySectors .slick-prev:before {
        content: "\f104" !important;
        font-family: fontawesome; }
    .box4-slider .KeySectors .more, .box4-slider .KeySectors .tabs .tab-content .link, .tabs .tab-content .box4-slider .KeySectors .link, .box4-slider .KeySectors .Laws-Regulations .Investment a, .Laws-Regulations .Investment .box4-slider .KeySectors a {
      border-top: 1px solid #cbb268;
      color: white !important;
      display: block;
      font-size: 16px;
      line-height: 40px;
      margin: 69px 25px 0;
      position: absolute;
      width: 75%;
      bottom: 0; }
      .box4-slider .KeySectors .more:after, .box4-slider .KeySectors .tabs .tab-content .link:after, .tabs .tab-content .box4-slider .KeySectors .link:after, .box4-slider .KeySectors .Laws-Regulations .Investment a:after, .Laws-Regulations .Investment .box4-slider .KeySectors a:after {
        font-family: fontawesome;
        margin-right: 5px;
        content: "\f0d9"; }
      .box4-slider .KeySectors .more:before, .box4-slider .KeySectors .tabs .tab-content .link:before, .tabs .tab-content .box4-slider .KeySectors .link:before, .box4-slider .KeySectors .Laws-Regulations .Investment a:before, .Laws-Regulations .Investment .box4-slider .KeySectors a:before {
        background: white none repeat scroll 0 0;
        content: "";
        height: 1px;
        position: absolute;
        top: -1px;
        width: 0%; }
    .box4-slider .KeySectors .slick-list {
      height: auto !important;
      direction: rtl; }
    .box4-slider .KeySectors .slider-NationalInitiativesHome .box-content {
      background: transparent; }
    .box4-slider .KeySectors:hover .more:before, .box4-slider .KeySectors:hover .tabs .tab-content .link:before, .tabs .tab-content .box4-slider .KeySectors:hover .link:before, .box4-slider .KeySectors:hover .Laws-Regulations .Investment a:before, .Laws-Regulations .Investment .box4-slider .KeySectors:hover a:before {
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s;
      width: 100%; }
    .box4-slider .KeySectors:hover .box-content {
      /*color:#000;*/ }
      .box4-slider .KeySectors:hover .box-content:before {
        opacity: 1; }
  .box4-slider .KeySectors2 .box-content {
    background: transparent none repeat scroll 0 0 !important; }
  .box4-slider .FactsAndFigures-dev {
    overflow: hidden;
    position: relative; }
    .box4-slider .FactsAndFigures-dev img {
      position: absolute;
      z-index: 0;
      height: 100%;
      width: 100%; }
    .box4-slider .FactsAndFigures-dev .box-content {
      background: transparent none repeat scroll 0 0 !important; }

.box1-Partners {
  margin: 65px 0 60px 0; }
  .box1-Partners .title {
    text-align: center;
    margin-bottom: 40px; }
    .box1-Partners .title:before {
      background: #ededed;
      content: "";
      display: block;
      height: 2px;
      right: 0;
      overflow: hidden;
      position: absolute;
      top: 15px;
      width: 100%;
      z-index: -1; }
    .box1-Partners .title span {
      background: #fff none repeat scroll 0 0;
      font-size: 25px;
      padding: 5px 56px;
      text-transform: uppercase;
      font-weight: bold; }
      @media (min-width: 280px) and (max-width: 479px) {
        .box1-Partners .title span {
          font-size: 18px;
          padding: 5px 14px; } }
  .box1-Partners .slick-slide {
    border-left: 1px solid #ececec;
    height: 180px;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .box1-Partners .slick-slide {
        border: 1px solid #d1d1d1;
        margin-right: 10px; } }
    .box1-Partners .slick-slide a {
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s;
      display: block;
      height: 175px;
      padding: 34px 0 0;
      /*&:hover{
      background: #f3f3f3 none repeat scroll 0 0;
      text-decoration: none;
      }*/ }
      .box1-Partners .slick-slide a img {
        margin: auto; }
      .box1-Partners .slick-slide a span {
        color: #6c6c6c;
        font-size: 15px;
        text-transform: uppercase;
        margin-top: 20px;
        display: block;
        font-weight: bold; }
  .box1-Partners .slick-dots {
    bottom: -60px;
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s; }
    .box1-Partners .slick-dots li {
      margin: 0; }
      .box1-Partners .slick-dots li button:before {
        font-size: 40px;
        color: #8e8e8e; }
      .box1-Partners .slick-dots li.slick-active button:before {
        color: #cdb364; }

.box2-map-news {
  background: #f4f4f4 none repeat scroll 0 0;
  padding: 60px 0 60px;
  overflow: hidden;
  /* Events & News Tab */
  /* END: Events & News Tab */ }
  .box2-map-news .container {
    position: relative; }
    .box2-map-news .container::before {
      border: 2px solid #fff;
      content: "";
      height: 477px;
      right: -140px;
      position: absolute;
      top: -270px;
      width: 120%;
      display: none; }
      @media only screen and (max-width: 992px) {
        .box2-map-news .container::before {
          display: none; } }
  .box2-map-news .events-news {
    background: white none repeat scroll 0 0;
    border: 1px solid;
    padding: 10px;
    position: relative; }
    @media (min-width: 768px) and (max-width: 1199px) {
      .box2-map-news .events-news {
        width: 100% !important;
        margin: 0 auto; } }
    @media (min-width: 280px) and (max-width: 639px) {
      .box2-map-news .events-news {
        width: 100% !important; } }
    .box2-map-news .events-news .nav-tabs {
      margin-bottom: 10px; }
  @media only screen and (max-width: 1024px) {
    .box2-map-news .col-md-3.col-sm-6.col-xs-12 {
      margin: 0 auto; } }
  .box2-map-news .nav-tabs > li {
    float: right;
    margin-bottom: 15px; }
    .box2-map-news .nav-tabs > li a {
      border-bottom: 2px solid;
      color: #c2c2c2;
      font-size: 20px;
      text-transform: uppercase;
      padding: 0;
      margin-left: 13px; }
      @media only screen and (max-width: 992px) {
        .box2-map-news .nav-tabs > li a {
          font-size: 14px; } }
  .box2-map-news .active a {
    border-bottom: 2px solid #006353;
    color: #343434 !important; }
  .box2-map-news .eventsHome .dfwp-item .list {
    display: inline-block;
    margin-bottom: 12px;
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 12px;
    /*img {
    border-radius: 4px;
    display: inline-block;
    float: $right;
    height: 80px;
    width: 25%;
    }*/ }
    @media (min-width: 768px) and (max-width: 1199px) {
      .box2-map-news .eventsHome .dfwp-item .list {
        width: 47%; } }
    .box2-map-news .eventsHome .dfwp-item .list .deat {
      background: white none repeat scroll 0 0;
      border: 1px solid #04705d;
      border-radius: 4px;
      color: #fff !important;
      display: inline-block;
      float: right;
      height: 80px;
      text-align: center;
      width: 60px;
      padding-top: 8px;
      position: relative;
      overflow: hidden; }
      .box2-map-news .eventsHome .dfwp-item .list .deat img {
        right: 0;
        position: absolute;
        top: 0;
        z-index: 1;
        height: 100%; }
      .box2-map-news .eventsHome .dfwp-item .list .deat span {
        display: block;
        line-height: 1;
        z-index: 2;
        width: 100%;
        text-align: right;
        background: rgba(0, 0, 0, 0.5);
        padding: 5px 10px 0;
        right: 0; }
        .box2-map-news .eventsHome .dfwp-item .list .deat span:nth-child(1) {
          font-size: 34px;
          font-weight: bold; }
        .box2-map-news .eventsHome .dfwp-item .list .deat span:nth-child(2) {
          font-size: 22px;
          font-weight: bold;
          bottom: 19px; }
        .box2-map-news .eventsHome .dfwp-item .list .deat span:nth-child(3) {
          font-size: 14px;
          bottom: 0px;
          text-transform: uppercase; }
    .box2-map-news .eventsHome .dfwp-item .list .dis {
      display: inline-block;
      padding-right: 10px;
      width: 75%; }
      .box2-map-news .eventsHome .dfwp-item .list .dis span {
        display: block; }
        .box2-map-news .eventsHome .dfwp-item .list .dis span a {
          border-bottom: 0; }
          .box2-map-news .eventsHome .dfwp-item .list .dis span a .fa:before {
            font-size: 14px !important; }
        .box2-map-news .eventsHome .dfwp-item .list .dis span:nth-child(1) a {
          border: 0 none;
          color: #5e5e5e !important;
          display: block;
          font-family: KufiArabic_Light;
          font-size: 16px;
          line-height: 22px;
          font-weight: normal;
          margin-bottom: 8px; }
          .box2-map-news .eventsHome .dfwp-item .list .dis span:nth-child(1) a:hover {
            -webkit-transition: all 0.3s ease 0.1s;
            -moz-transition: all 0.3s ease 0.1s;
            -ms-transition: all 0.3s ease 0.1s;
            -o-transition: all 0.3s ease 0.1s;
            transition: all 0.3s ease 0.1s;
            color: #079071 !important; }
        .box2-map-news .eventsHome .dfwp-item .list .dis span:nth-child(2) {
          font-size: 13px;
          color: #5e5e5e;
          font-family: KufiArabic_Light;
          font-weight: normal; }
        .box2-map-news .eventsHome .dfwp-item .list .dis span:nth-child(3) {
          font-size: 12px;
          color: #04705d;
          font-family: KufiArabic_Light;
          font-weight: normal; }
      .box2-map-news .eventsHome .dfwp-item .list .dis .fa {
        color: #04705d;
        font-size: 0;
        margin-left: 7px;
        margin-bottom: 15px; }
        .box2-map-news .eventsHome .dfwp-item .list .dis .fa:before {
          font-size: 24px !important; }
    .box2-map-news .eventsHome .dfwp-item .list .hover-box {
      height: 100%;
      /*opacity: 0;*/
      overflow: hidden;
      position: absolute;
      top: 0;
      /*visibility: hidden;*/
      width: 100%;
      display: none;
      z-index: 3;
      left: auto;
      right: 0; }
      @media (min-width: 768px) and (max-width: 1199px) {
        .box2-map-news .eventsHome .dfwp-item .list .hover-box {
          width: 50%;
          left: 0;
          right: auto; } }
      .box2-map-news .eventsHome .dfwp-item .list .hover-box .Close {
        color: #009a78;
        cursor: pointer;
        font-size: 0;
        position: absolute;
        left: 5px;
        top: 0;
        z-index: 1; }
        .box2-map-news .eventsHome .dfwp-item .list .hover-box .Close i::before {
          font-size: 25px; }
      .box2-map-news .eventsHome .dfwp-item .list .hover-box img {
        height: 100% !important;
        max-width: 100%;
        position: absolute;
        left: 0;
        z-index: 0; }
        @media only screen and (max-width: 1024px) {
          .box2-map-news .eventsHome .dfwp-item .list .hover-box img {
            width: 100% !important;
            height: auto !important; } }
      .box2-map-news .eventsHome .dfwp-item .list .hover-box .dis {
        position: absolute;
        z-index: 1;
        margin: 27px 0 0;
        padding: 3px;
        width: 63%;
        background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
        color: #fff;
        border-radius: 4px;
        min-height: 80px; }
        .box2-map-news .eventsHome .dfwp-item .list .hover-box .dis a {
          color: #fff !important;
          font-family: KufiArabic_Light;
          font-size: 17px;
          line-height: 22px;
          border: 0 !important;
          display: block;
          text-decoration: none;
          font-weight: normal; }
        .box2-map-news .eventsHome .dfwp-item .list .hover-box .dis span {
          display: block;
          font-size: 15px;
          color: #fff;
          font-family: KufiArabic_Light;
          font-weight: normal;
          line-height: 1;
          padding-top: 3px; }
      .box2-map-news .eventsHome .dfwp-item .list .hover-box .overlay {
        background: transparent linear-gradient(to top, rgba(1, 1, 1, 0.87) 1%, transparent 100%, transparent 77%) repeat scroll 0 0;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0; }
      .box2-map-news .eventsHome .dfwp-item .list .hover-box .dis2 {
        bottom: 0;
        color: white;
        font-size: 14px;
        margin-top: 70px;
        padding: 15px;
        position: absolute; }
        .box2-map-news .eventsHome .dfwp-item .list .hover-box .dis2 span {
          font-size: 14px;
          color: white;
          position: relative; }
          .box2-map-news .eventsHome .dfwp-item .list .hover-box .dis2 span a {
            color: white !important;
            display: block;
            border: 0;
            margin-bottom: 10px; }
      .box2-map-news .eventsHome .dfwp-item .list .hover-box .deat {
        background: #009a78 none repeat scroll 0 0;
        border-radius: 4px;
        color: white;
        height: 80px;
        padding: 10px;
        position: relative;
        text-align: center;
        width: 25%;
        z-index: 1;
        margin: 27px 5px 0 14px;
        display: inline-block; }
        .box2-map-news .eventsHome .dfwp-item .list .hover-box .deat span {
          display: block;
          line-height: 1;
          position: relative;
          z-index: 2;
          bottom: 0; }
          .box2-map-news .eventsHome .dfwp-item .list .hover-box .deat span:nth-child(1) {
            font-size: 34px;
            font-weight: bold; }
          .box2-map-news .eventsHome .dfwp-item .list .hover-box .deat span:nth-child(2) {
            text-transform: uppercase;
            font-size: 18px;
            font-weight: bold; }
          .box2-map-news .eventsHome .dfwp-item .list .hover-box .deat span:nth-child(3) {
            bottom: 4px;
            font-size: 14px;
            text-transform: uppercase; }
  .box2-map-news .eventsHome .dfwp-item:last-child .list {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0; }
  .box2-map-news .eventsHome .more, .box2-map-news .eventsHome .tabs .tab-content .link, .tabs .tab-content .box2-map-news .eventsHome .link, .box2-map-news .eventsHome .Laws-Regulations .Investment a, .Laws-Regulations .Investment .box2-map-news .eventsHome a {
    color: #5e5e5e !important;
    display: block;
    font-size: 16px;
    line-height: 0;
    width: 75%;
    border-bottom: 0px solid #006353 !important;
    /*font-family: $Font-Normal;*/
    font-weight: normal; }
    .box2-map-news .eventsHome .more:after, .box2-map-news .eventsHome .tabs .tab-content .link:after, .tabs .tab-content .box2-map-news .eventsHome .link:after, .box2-map-news .eventsHome .Laws-Regulations .Investment a:after, .Laws-Regulations .Investment .box2-map-news .eventsHome a:after {
      font-family: fontawesome;
      margin-right: 5px;
      content: "\f0d9"; }
  .box2-map-news .newsHome ul {
    margin-bottom: 0; }
  .box2-map-news .newsHome .list {
    display: inline-block;
    margin-bottom: 14px;
    width: 100%;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 14px;
    position: relative; }
    .box2-map-news .newsHome .list:nth-child(3) {
      margin: 0; }
    .box2-map-news .newsHome .list .deat {
      background: white none repeat scroll 0 0;
      border: 1px solid #04705d;
      border-radius: 4px;
      color: #fff !important;
      display: inline-block;
      float: right;
      height: 80px;
      text-align: center;
      width: 60px;
      padding-top: 8px;
      position: relative;
      overflow: hidden; }
      .box2-map-news .newsHome .list .deat img {
        right: 0;
        position: absolute;
        top: 0;
        z-index: 1;
        height: 100%;
        display: none; }
      .box2-map-news .newsHome .list .deat span {
        color: #04705d;
        display: block;
        line-height: 1;
        color: #04705d; }
        .box2-map-news .newsHome .list .deat span:nth-child(1) {
          font-size: 34px;
          font-weight: bold; }
        .box2-map-news .newsHome .list .deat span:nth-child(2) {
          font-family: Helvetica_Bolder;
          font-size: 38px;
          right: 3px; }
        .box2-map-news .newsHome .list .deat span:nth-child(3) {
          font-family: Helvetica_Bolder;
          font-size: 19px;
          font-weight: normal;
          right: 3px;
          text-transform: uppercase; }
    .box2-map-news .newsHome .list .dis {
      display: inline-block;
      padding-right: 10px;
      width: 180px; }
      .box2-map-news .newsHome .list .dis span {
        display: block; }
        .box2-map-news .newsHome .list .dis span:nth-child(1) {
          color: #5e5e5e;
          font-size: 16px;
          font-weight: normal;
          line-height: 18px; }
          .box2-map-news .newsHome .list .dis span:nth-child(1):hover {
            -webkit-transition: all 0.3s ease 0.1s;
            -moz-transition: all 0.3s ease 0.1s;
            -ms-transition: all 0.3s ease 0.1s;
            -o-transition: all 0.3s ease 0.1s;
            transition: all 0.3s ease 0.1s;
            color: #079071; }
        .box2-map-news .newsHome .list .dis span:nth-child(2) {
          color: #ceb66f;
          display: block;
          font-size: 13px;
          font-weight: normal; }
        .box2-map-news .newsHome .list .dis span:nth-child(3) a {
          border-color: #04705d !important;
          color: #04705d !important;
          font-size: 15px; }
    .box2-map-news .newsHome .list .hover-box-news {
      background: #2c2d2f none repeat scroll 0 0;
      color: white;
      font-size: 13px;
      right: 123px;
      opacity: 0;
      padding: 7px;
      position: absolute;
      visibility: hidden;
      width: 80%; }
      @media (min-width: 280px) and (max-width: 639px) {
        .box2-map-news .newsHome .list .hover-box-news {
          width: 61%; } }
      .box2-map-news .newsHome .list .hover-box-news:before {
        color: #2c2d2f;
        font-family: fontawesome;
        font-size: 25px;
        right: -7px;
        position: absolute;
        content: "\f0da"; }
    .box2-map-news .newsHome .list:hover .hover-box-news {
      -webkit-transition: opacity 0.3s ease 0.1s;
      -moz-transition: opacity 0.3s ease 0.1s;
      -ms-transition: opacity 0.3s ease 0.1s;
      -o-transition: opacity 0.3s ease 0.1s;
      transition: opacity 0.3s ease 0.1s;
      opacity: 1;
      visibility: visible;
      top: 0; }
  .box2-map-news .newsHome .more, .box2-map-news .newsHome .tabs .tab-content .link, .tabs .tab-content .box2-map-news .newsHome .link, .box2-map-news .newsHome .Laws-Regulations .Investment a, .Laws-Regulations .Investment .box2-map-news .newsHome a {
    color: #5e5e5e !important;
    display: block;
    font-size: 16px;
    line-height: 0;
    width: 75%;
    border-bottom: 0px solid #006353 !important;
    /*font-family: $Font-Normal;*/
    font-weight: normal; }
    .box2-map-news .newsHome .more:after, .box2-map-news .newsHome .tabs .tab-content .link:after, .tabs .tab-content .box2-map-news .newsHome .link:after, .box2-map-news .newsHome .Laws-Regulations .Investment a:after, .Laws-Regulations .Investment .box2-map-news .newsHome a:after {
      font-family: fontawesome;
      margin-right: 5px;
      content: "\f0d9"; }
  .box2-map-news .slider-banerHome img {
    max-width: 100%; }
  .box2-map-news .slider-banerHome .arr {
    -webkit-transition: opacity 0.3s ease 0.1s;
    -moz-transition: opacity 0.3s ease 0.1s;
    -ms-transition: opacity 0.3s ease 0.1s;
    -o-transition: opacity 0.3s ease 0.1s;
    transition: opacity 0.3s ease 0.1s;
    color: white;
    cursor: pointer;
    font-size: 90px;
    height: 30px;
    opacity: 0;
    position: absolute;
    left: 92%;
    top: 35%;
    width: 30px;
    z-index: 1;
    border: 0 none; }
    @media (min-width: 280px) and (max-width: 479px) {
      .box2-map-news .slider-banerHome .arr {
        font-size: 57px;
        left: 87%; } }
  .box2-map-news .slider-banerHome:hover .arr {
    opacity: 1;
    background: transparent; }
  .box2-map-news .slider-banerHome .right {
    left: 5% !important; }

@media only screen and (max-width: 767px) {
  .responsive1080-992 {
    display: none; } }
@media (min-width: 992px) and (max-width: 1080px) {
  .responsive1080-992 {
    width: 100% !important;
    margin-bottom: 30px; } }
@media only screen and (max-width: 992px) {
  .responsive1080-992 {
    margin-bottom: 30px; } }

.slide-bannerHome {
  margin-bottom: 0x; }
  .slide-bannerHome .embed-responsive {
    height: 445px; }
  .slide-bannerHome .arr {
    top: 25px; }

.viewMap {
  background: url("/Style Library/SagiaBranding/Common/Images/map-sagia.jpg");
  height: 444px;
  position: relative;
  outline: 2px solid #79a578 !important;
  outline-offset: -10px !important;
  max-width: 100%;
  border: 1px solid #ececec !important;
  margin-bottom: 30px; }
  .viewMap:hover span {
    top: 30%; }
  .viewMap:hover a {
    background: #d4ba6d;
    color: #000; }
  .viewMap a {
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s;
    position: absolute;
    bottom: 20px;
    left: 50%;
    color: white !important;
    border: 1px solid white;
    padding: 7px 22px;
    font-size: 16px;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-transform: uppercase; }
    .viewMap a:hover {
      background: #d4ba6d;
      color: #000; }
  .viewMap span {
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s;
    position: absolute;
    top: 37%;
    text-align: center;
    text-transform: uppercase;
    color: white;
    font-size: 27px;
    margin: 0 20px; }

/* Sector Map Home Page */
.currentOpportunity-Map .SectorImg-Map {
  position: relative; }
  @media only screen and (max-width: 767px) {
    .currentOpportunity-Map .SectorImg-Map:after {
      bottom: -33px;
      content: "";
      font-family: fontawesome;
      font-size: 40px;
      right: 48%;
      position: absolute;
      z-index: 1;
      display: none; } }
  @media only screen and (max-width: 767px) {
    .currentOpportunity-Map .SectorImg-Map img {
      height: 260px;
      position: relative;
      width: 100%; } }

@media only screen and (max-width: 480px) {
  .sectorDetails-Map label:nth-child(1) {
    margin-bottom: 0 !important; } }
@media only screen and (max-width: 480px) {
  .sectorDetails-Map label:nth-child(2) {
    margin-bottom: 0 !important; } }

@media only screen and (max-width: 480px) {
  #div_map {
    margin-bottom: 30px; } }

.FullDetail {
  margin-top: 50px; }
  .FullDetail .FullDetail-content .title {
    color: black;
    font-size: 28px;
    line-height: 1;
    padding-bottom: 20px;
    text-transform: uppercase; }
    @media only screen and (max-width: 480px) {
      .FullDetail .FullDetail-content .title {
        font-size: 22px;
        line-height: 30px; } }
  .FullDetail .FullDetail-content .content {
    color: #5e5e5e;
    font-size: 16px;
    padding-bottom: 25px; }
    .FullDetail .FullDetail-content .content .img {
      float: left;
      margin: 15px;
      text-align: left; }
      @media only screen and (max-width: 992px) {
        .FullDetail .FullDetail-content .content .img {
          width: 100%;
          float: none;
          margin: 0;
          text-align: center; } }
      .FullDetail .FullDetail-content .content .img img {
        outline: 1px solid white !important;
        outline-offset: -10px !important;
        max-width: 100%;
        border: 1px solid #ececec !important;
        width: 450px; }
        @media only screen and (max-width: 992px) {
          .FullDetail .FullDetail-content .content .img img {
            width: 100%; } }
    .FullDetail .FullDetail-content .content p img {
      max-width: 100% !important; }
  .FullDetail .SendtoFriend .modal-content {
    height: 610px; }
    .FullDetail .SendtoFriend .modal-content input[type=text], .FullDetail .SendtoFriend .modal-content input[type=email] {
      background-color: #fff; }

.PageHeaderdiv {
  border-bottom: 1px solid #ececec;
  color: #068065;
  display: block;
  font-size: 15px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  position: relative;
  overflow: hidden;
  min-height: 40px; }
  .PageHeaderdiv span {
    display: block;
    text-transform: uppercase;
    margin-bottom: 10px; }
    .PageHeaderdiv span i {
      color: #4e5a58;
      font-size: 18px; }
  .PageHeaderdiv .pageHeader {
    position: absolute;
    left: 0;
    top: 0; }
    @media only screen and (max-width: 480px) {
      .PageHeaderdiv .pageHeader {
        position: relative; } }
    .PageHeaderdiv .pageHeader li {
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s;
      border: 1px solid #b5b5b5;
      color: #b5b5b5;
      float: left;
      font-size: 18px;
      height: 30px;
      line-height: 27px;
      margin: 0 10px 0 0;
      text-align: center;
      width: 30px; }
      .PageHeaderdiv .pageHeader li:hover {
        border: 1px solid #cdb364;
        background: #cdb364;
        color: #363e2b !important; }
        .PageHeaderdiv .pageHeader li:hover i {
          color: #363e2b !important; }
      .PageHeaderdiv .pageHeader li:last-child {
        width: 80px; }
        .PageHeaderdiv .pageHeader li:last-child:hover {
          border: 1px solid #cdb364;
          background: transparent !important; }
        .PageHeaderdiv .pageHeader li:last-child a {
          padding: 1px 3px !important;
          display: inline-block; }
          .PageHeaderdiv .pageHeader li:last-child a:hover {
            -webkit-transition: all 0.3s ease 0.1s;
            -moz-transition: all 0.3s ease 0.1s;
            -ms-transition: all 0.3s ease 0.1s;
            -o-transition: all 0.3s ease 0.1s;
            transition: all 0.3s ease 0.1s;
            background: #cdb364;
            color: #363e2b !important; }
      .PageHeaderdiv .pageHeader li.twitter {
        overflow: hidden;
        position: relative; }
        .PageHeaderdiv .pageHeader li.twitter i {
          height: 100%;
          line-height: 30px;
          opacity: 1;
          width: 100%; }
        .PageHeaderdiv .pageHeader li.twitter iframe {
          opacity: 0;
          width: 30px !important;
          height: 28px !important;
          right: 0 !important;
          position: absolute !important;
          top: 0 !important; }
        .PageHeaderdiv .pageHeader li.twitter a.twitter-share-button {
          width: 28px;
          display: block;
          height: 28px;
          margin: 0;
          position: absolute;
          top: 0px; }

.PageHeaderdivEvents span {
  color: #ceb66f; }
  .PageHeaderdivEvents span i {
    color: #4e5a58;
    display: inline-block;
    padding-left: 10px; }
  .PageHeaderdivEvents span span {
    color: black;
    display: inline-block; }

.SendtoFriend .modal-header {
  min-height: 60px; }
.SendtoFriend .close {
  -webkit-transition: all 0.3s ease 0.1s;
  -moz-transition: all 0.3s ease 0.1s;
  -ms-transition: all 0.3s ease 0.1s;
  -o-transition: all 0.3s ease 0.1s;
  transition: all 0.3s ease 0.1s;
  border-radius: 5px;
  color: #fff;
  float: left;
  font-size: 21px;
  font-weight: 700;
  height: 34px;
  line-height: 1;
  min-width: 2em;
  position: relative;
  text-shadow: 0 1px 0 #fff;
  opacity: 1;
  background: #009a78; }
.SendtoFriend .SendtoFriend-forms .form-group span {
  color: #ffffff;
  display: block;
  margin-bottom: 6px;
  text-transform: uppercase; }
.SendtoFriend .SendtoFriend-forms .form-group .form-control {
  border: 1px solid #cecece !important;
  border-radius: 0; }
.SendtoFriend .SendtoFriend-forms .form-group .customErrorToolTip {
  color: red !important;
  font-size: 13px; }
.SendtoFriend .SendtoFriend-forms .form-group .btn {
  background: #cdb464 none repeat scroll 0 0 !important;
  border: 0 none !important;
  border-radius: 0;
  color: black !important;
  font-size: 1em !important;
  font-weight: bold;
  min-width: auto !important;
  padding: 10px 60px !important;
  text-transform: uppercase; }

.FullDetailTitle {
  text-align: center;
  margin-bottom: 15px; }
  .FullDetailTitle span {
    font-size: 55px;
    font-weight: bolder;
    line-height: 121px;
    font-family: KufiArabic_Bold;
    padding-top: 10px;
    margin-bottom: 15px;
    text-align: center;
    color: #068065;
    text-transform: uppercase; }
    .FullDetailTitle span hr {
      margin-top: -9px;
      margin-bottom: 17px;
      border: 0;
      border-top: 4px solid #eee;
      width: 103px; }

.FullDetailText {
  font-size: 15px;
  color: #5e5e5e;
  text-align: justify; }
  .FullDetailText:first-letter {
    font-size: 30px;
    color: #068065;
    display: block;
    margin: 5px 10px 0 5px;
    float: right;
    font-weight: bold; }

.FullDetailfollowUS {
  color: #adadad;
  font-size: 14px;
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 17px; }
  .FullDetailfollowUS a:hover {
    color: #7f734c; }

.FullDetailfollowUS span:first-child {
  color: #068065;
  font-size: 14px;
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 17px; }

.AllCommentForm {
  border: 0 none !important;
  overflow: hidden !important;
  margin-bottom: 0 !important; }

.AllCommentForm:before {
  display: none !important; }

.AllCommentForm .ContactUsButton {
  background: #cdb364 none repeat scroll 0 0;
  border: 0 none;
  color: #000;
  float: right;
  font-size: 18px;
  font-weight: bold;
  min-width: 0;
  padding: 10px;
  text-transform: uppercase;
  width: 180px;
  margin-bottom: 12px; }

.AllCommentForm .ContactUsButton:hover {
  background: #e0c46e; }

.AllCommentForm .title {
  color: #7f7f7f;
  font-size: 16px;
  margin-bottom: 5px;
  text-transform: uppercase; }

.ArticlesComments > span {
  border: 4px solid #b5b5b5;
  color: #079071;
  padding: 12px; }

.ArticlesComments {
  position: absolute;
  left: 0; }

@media only screen and (max-width: 767px) {
  .ArticlesComments {
    position: relative; } }
.ArticlesComments h3 {
  color: #b5b5b5;
  display: inline-block;
  font-size: 20px; }

.AllCommentView > hr {
  margin-bottom: 0; }

.AllCommentView > h4 {
  color: #b5b5b5; }

.panel-title a {
  border-bottom: 0px solid #dee1e2;
  display: block;
  padding-bottom: 20px;
  background: #f6f8fc;
  padding: 15px;
  position: relative; }

.AllCommentView .panel-title a.collapsed {
  background: #fff;
  border-bottom: 1px solid #dee1e2; }

.AllCommentView .panel-title a.collapsed::after {
  border: 1px solid;
  border-radius: 50%;
  color: #a7a7a7;
  content: "";
  font-family: fontawesome;
  position: absolute;
  left: 10px;
  text-align: center;
  top: 40%;
  width: 25px; }

.AllCommentView .panel-title a:after {
  border: 1px solid;
  border-radius: 50%;
  color: #208d76;
  content: "";
  font-family: fontawesome;
  position: absolute;
  left: 10px;
  text-align: center;
  top: 40%;
  width: 25px; }

.AllCommentView .panel-title a span {
  color: #079071;
  font-size: 14px;
  text-transform: uppercase; }

.AllCommentView .panel-title a i {
  border: 1px solid;
  border-radius: 50%;
  color: #dbdbdb;
  height: 30px;
  padding: 8px;
  text-align: center;
  width: 30px; }

.AllCommentView .panel-body {
  background: #f6f8fc;
  padding: 15px;
  border-bottom: 1px solid #dee1e2;
  font-size: 14px;
  color: #727a7b; }

.PartnerOfSuccess .img {
  margin: 0 0 20px 0;
  text-align: right; }
  .PartnerOfSuccess .img img {
    outline: 1px solid white !important;
    outline-offset: -10px !important;
    max-width: 100%;
    border: 1px solid #ececec !important;
    width: 210px; }
.PartnerOfSuccess .content .ms-rte-embedcode {
  width: 100%;
  text-align: center; }
  .PartnerOfSuccess .content .ms-rte-embedcode iframe {
    width: 74%;
    height: 480px; }
    @media only screen and (max-width: 1024px) {
      .PartnerOfSuccess .content .ms-rte-embedcode iframe {
        height: 372px; } }
    @media only screen and (max-width: 767px) {
      .PartnerOfSuccess .content .ms-rte-embedcode iframe {
        height: 230px; } }

.link-PartnerOfSuccess a {
  background: #D4BA6D;
  padding: 10px;
  color: #0D201C;
  margin-top: 20px; }

[class^="icon-"], [class*=" icon-"] {
  font-family: 'AASFontIcon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-Arrow:before {
  content: "\e900"; }

.icon-Arrow2:before {
  content: "\e901"; }

.icon-Down:before {
  content: "\e902"; }

.icon-facebook:before {
  content: "\e903"; }

.icon-Left:before {
  content: "\e904"; }

.icon-Login:before {
  content: "\e905"; }

.icon-Map_pin:before {
  content: "\e906"; }

.icon-Right:before {
  content: "\e907"; }

.icon-rss:before {
  content: "\e908"; }

.icon-SAGIA_Logo:before {
  content: "\e909"; }

.icon-SAGIA_Logo2:before {
  content: "\e90a"; }

.icon-Search:before {
  content: "\e90b"; }

.icon-twitter:before {
  content: "\e90c"; }

.icon-Up:before {
  content: "\e90d"; }

.icon-Visitsaudi:before {
  content: "\e90e"; }

.icon-CIT:before {
  content: "\e90b"; }

.icon-CIT:before {
  content: "\e90b"; }

.icon-DownstreamChemicals:before {
  content: "\e90c"; }

.icon-EngineeringServices:before {
  content: "\e90d"; }

.icon-MilitarySpareParts:before {
  content: "\e90e"; }

.t:before {
  content: "\e90f"; }

.icon-Internationalschools:before {
  content: "\e90f"; }

.SettingUp {
  position: relative;
  top: -127px; }
  .SettingUp .nav-tabs {
    margin: 50px auto !important;
    width: 100%;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .SettingUp .nav-tabs {
        position: relative;
        top: 95px; } }
    .SettingUp .nav-tabs li {
      margin-right: 10px;
      padding: 8px;
      font-family: KufiArabic_Light;
      display: inline-block; }
      @media only screen and (max-width: 992px) {
        .SettingUp .nav-tabs li {
          text-align: center; } }
      @media only screen and (max-width: 767px) {
        .SettingUp .nav-tabs li {
          width: 100%;
          text-align: center;
          background: #f1f1f1;
          margin-bottom: 5px;
          margin-right: 0; } }
      .SettingUp .nav-tabs li.active {
        border-bottom: 3px solid #fff;
        background: #079071; }
        .SettingUp .nav-tabs li.active:hover {
          background: #079071; }
      .SettingUp .nav-tabs li a {
        -webkit-transition: all 0.3s ease 0.1s;
        -moz-transition: all 0.3s ease 0.1s;
        -ms-transition: all 0.3s ease 0.1s;
        -o-transition: all 0.3s ease 0.1s;
        transition: all 0.3s ease 0.1s;
        border-radius: 0;
        color: #4fe6c3;
        font-size: 25px;
        line-height: 1.42857;
        margin-left: 2px;
        text-transform: uppercase;
        padding: 0; }
        @media only screen and (max-width: 767px) {
          .SettingUp .nav-tabs li a {
            font-size: 14px !important; } }
        .SettingUp .nav-tabs li a:hover {
          border-bottom: 2px solid white;
          color: #fff; }
    .SettingUp .nav-tabs .active a {
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s;
      color: white !important;
      padding: 0; }
      .SettingUp .nav-tabs .active a:before {
        bottom: -14px;
        color: #0a8f71;
        content: "";
        font-family: "AASFontIcon" !important;
        font-size: 13px;
        right: 45%;
        position: absolute; }
        .SettingUp .nav-tabs .active a:before:hover {
          border-bottom: 0px solid white !important; }
  @media only screen and (max-width: 767px) {
    .SettingUp .tab-content {
      position: relative;
      top: 40px; } }

.SettingUp-styps {
  position: relative;
  top: 50px; }
  .SettingUp-styps .content {
    right: 64px;
    position: relative;
    width: 36%; }
    @media (min-width: 280px) and (max-width: 479px) {
      .SettingUp-styps .content {
        width: 77%; } }
    .SettingUp-styps .content span {
      display: block; }
      .SettingUp-styps .content span:nth-child(1) {
        background: #079071 none repeat scroll 0 0;
        border-radius: 50%;
        color: white;
        display: block;
        font-size: 33px;
        font-weight: bold;
        height: 75px;
        right: -101px;
        line-height: 2;
        position: absolute;
        text-align: center;
        top: 0;
        width: 75px;
        z-index: 1; }
        @media (min-width: 280px) and (max-width: 479px) {
          .SettingUp-styps .content span:nth-child(1) {
            right: -84px;
            width: 60px;
            height: 60px; } }
        @media only screen and (max-width: 767px) {
          .SettingUp-styps .content span:nth-child(1) {
            right: -70px; } }
      .SettingUp-styps .content span:nth-child(2) {
        color: #079071;
        font-size: 25px;
        text-transform: uppercase;
        padding-bottom: 10px; }
        @media (min-width: 280px) and (max-width: 479px) {
          .SettingUp-styps .content span:nth-child(2) {
            font-size: 20px; } }
      .SettingUp-styps .content span:nth-child(3) {
        color: #1b1b1c;
        font-size: 19px;
        font-weight: bold;
        text-transform: uppercase;
        padding-bottom: 15px; }
        @media (min-width: 280px) and (max-width: 479px) {
          .SettingUp-styps .content span:nth-child(3) {
            font-size: 15px; } }
        .SettingUp-styps .content span:nth-child(3):after {
          content: "";
          font-family: fontawesome;
          margin-right: 5px; }
      .SettingUp-styps .content span:nth-child(4) {
        color: #1b1b1c;
        font-size: 13px;
        font-weight: bold;
        text-transform: uppercase;
        padding-bottom: 15px; }
        .SettingUp-styps .content span:nth-child(4):before {
          color: #0b9273;
          content: "";
          font-family: fontawesome;
          font-weight: normal;
          margin-left: 5px; }
      .SettingUp-styps .content span:nth-child(5) {
        color: #262626;
        font-size: 15px;
        margin-top: 10px; }

.SettingUp-one {
  border-color: #e2e2e2;
  border-image: none;
  border-style: solid;
  border-width: 0 0 10px 10px;
  min-height: 215px;
  position: relative;
  padding-bottom: 25px; }
  .SettingUp-one:before {
    background: white none repeat scroll 0 0;
    color: #e2e2e2;
    content: "";
    font-family: fontawesome;
    height: 113px;
    right: -13px;
    line-height: 10;
    position: absolute;
    top: 0; }

.SettingUp-tow, .SettingUp-four {
  border-color: #e2e2e2;
  border-image: none;
  border-style: solid;
  border-width: 0 10px 10px 0px;
  min-height: 215px;
  position: relative;
  display: inline-block;
  width: 100%; }
  .SettingUp-tow.SettingUp-tow-2, .SettingUp-tow-2.SettingUp-four {
    float: left !important;
    width: 72% !important; }
    .SettingUp-tow.SettingUp-tow-2 .content, .SettingUp-tow-2.SettingUp-four .content {
      width: 50%; }
      @media only screen and (max-width: 480px) {
        .SettingUp-tow.SettingUp-tow-2 .content, .SettingUp-tow-2.SettingUp-four .content {
          width: 100%; } }
  .SettingUp-tow:before, .SettingUp-four:before {
    color: #e2e2e2;
    content: "";
    font-family: fontawesome;
    position: absolute;
    left: -14px;
    top: 127px;
    z-index: 1; }
  .SettingUp-tow:after, .SettingUp-four:after {
    background: white none repeat scroll 0 0;
    color: #e2e2e2;
    content: "";
    font-family: fontawesome;
    height: 114px;
    position: absolute;
    left: -14px;
    top: 44px; }
  .SettingUp-tow .content, .SettingUp-four .content {
    display: inline-block;
    float: left;
    right: 0;
    margin: 30px 10px 30px 0; }

.SettingUp-three, .SettingUp-five, .SettingUp-last {
  border-color: #e2e2e2;
  border-image: none;
  border-style: solid;
  border-width: 0 0 10px 10px;
  min-height: 215px;
  position: relative;
  top: -8px;
  padding: 80px 0 80px 0;
  width: 80%; }
  .SettingUp-three:before, .SettingUp-five:before, .SettingUp-last:before {
    color: #e2e2e2;
    content: "";
    font-family: fontawesome;
    position: absolute;
    right: -14px;
    top: 160px;
    z-index: 1; }
  .SettingUp-three:after, .SettingUp-five:after, .SettingUp-last:after {
    background: white none repeat scroll 0 0;
    color: #e2e2e2;
    content: "";
    font-family: fontawesome;
    height: 145px;
    position: absolute;
    right: -14px;
    top: 44px; }
  .SettingUp-three .content, .SettingUp-five .content, .SettingUp-last .content {
    right: 65px; }

.SettingUp-four {
  top: -8px;
  width: 80%;
  border-width: 0 10px 0 0; }
  .SettingUp-four.SettingUp-four-2 {
    border-width: 0 0 0 10px !important;
    float: left !important;
    width: 72% !important; }
    .SettingUp-four.SettingUp-four-2 .content {
      width: 80%;
      z-index: 1; }
    .SettingUp-four.SettingUp-four-2:after {
      right: -13px; }
    .SettingUp-four.SettingUp-four-2 .spr, .SettingUp-four.SettingUp-four-2 .SettingUp-four-AB .spr2, .SettingUp-four-AB .SettingUp-four.SettingUp-four-2 .spr2, .SettingUp-four.SettingUp-four-2 .SettingUp-four-AB .spr4, .SettingUp-four-AB .SettingUp-four.SettingUp-four-2 .spr4, .SettingUp-four.SettingUp-four-2 .SettingUp-four-AB .spr3, .SettingUp-four-AB .SettingUp-four.SettingUp-four-2 .spr3 {
      z-index: 1;
      right: 11%; }
  .SettingUp-four:before {
    display: none; }
  .SettingUp-four:after {
    height: 100%; }
  .SettingUp-four .content span:nth-child(2) {
    padding-top: 15px; }
  .SettingUp-four .spr, .SettingUp-four .SettingUp-four-AB .spr2, .SettingUp-four-AB .SettingUp-four .spr2, .SettingUp-four .SettingUp-four-AB .spr4, .SettingUp-four-AB .SettingUp-four .spr4, .SettingUp-four .SettingUp-four-AB .spr3, .SettingUp-four-AB .SettingUp-four .spr3 {
    background: #e2e2e2 none repeat scroll 0 0;
    bottom: -9px;
    height: 54px;
    right: 55%;
    position: absolute;
    width: 12px; }
    .SettingUp-four .spr:after, .SettingUp-four .SettingUp-four-AB .spr2:after, .SettingUp-four-AB .SettingUp-four .spr2:after, .SettingUp-four .SettingUp-four-AB .spr4:after, .SettingUp-four-AB .SettingUp-four .spr4:after, .SettingUp-four .SettingUp-four-AB .spr3:after, .SettingUp-four-AB .SettingUp-four .spr3:after {
      color: #e2e2e2;
      content: "";
      font-family: fontawesome;
      height: 114px;
      position: absolute;
      left: -3px;
      top: -30px; }

.SettingUp-four-AB {
  border-color: #e1e1e1;
  border-style: solid;
  border-width: 10px 0;
  position: relative;
  display: inline-block;
  padding: 108px 0; }
  .SettingUp-four-AB .content {
    display: inline-block; }
    .SettingUp-four-AB .content:nth-of-type(1) {
      float: right;
      right: 0; }
    .SettingUp-four-AB .content:nth-last-of-type(1) {
      float: left; }
      @media (min-width: 280px) and (max-width: 479px) {
        .SettingUp-four-AB .content:nth-last-of-type(1) {
          right: 10px;
          width: 270px; } }
    .SettingUp-four-AB .content span:nth-child(1) {
      right: 0;
      position: static; }
  .SettingUp-four-AB .spr, .SettingUp-four-AB .spr2, .SettingUp-four-AB .spr4, .SettingUp-four-AB .spr3 {
    background: #e2e2e2 none repeat scroll 0 0;
    height: 64px;
    right: 0;
    position: absolute;
    top: 0;
    width: 12px; }
    .SettingUp-four-AB .spr:before, .SettingUp-four-AB .spr2:before, .SettingUp-four-AB .spr4:before, .SettingUp-four-AB .spr3:before {
      color: #e2e2e2;
      content: "";
      font-family: fontawesome;
      height: 114px;
      position: absolute;
      right: -3px;
      top: 63px; }
  .SettingUp-four-AB .spr2, .SettingUp-four-AB .spr4 {
    left: 0;
    right: auto; }
    .SettingUp-four-AB .spr2:after, .SettingUp-four-AB .spr4:after {
      color: #e2e2e2;
      content: "";
      font-family: fontawesome;
      height: 114px;
      position: absolute;
      left: -3px;
      top: 63px; }
  .SettingUp-four-AB .spr3 {
    bottom: 0;
    top: auto; }
    .SettingUp-four-AB .spr3:before {
      top: -28px; }
  .SettingUp-four-AB .spr4 {
    bottom: 0;
    top: auto; }
    .SettingUp-four-AB .spr4:after {
      top: -28px; }

.SettingUp-five, .SettingUp-last {
  right: 15%;
  width: 50%; }
  @media only screen and (max-width: 480px) {
    .SettingUp-five, .SettingUp-last {
      width: 100%; } }
  .SettingUp-five .content, .SettingUp-last .content {
    width: 80%; }
    @media only screen and (max-width: 480px) {
      .SettingUp-five .content, .SettingUp-last .content {
        right: 30px; } }

.SettingUp-last {
  right: 64.2%;
  top: 0;
  padding: 0px;
  border-width: 0 0 0 10px;
  margin-bottom: 20px; }
  @media only screen and (max-width: 480px) {
    .SettingUp-last {
      right: 14.2%; } }
  @media (min-width: 280px) and (max-width: 479px) {
    .SettingUp-last {
      width: 87%; } }
  .SettingUp-last .content {
    position: relative;
    top: 122px; }
    .SettingUp-last .content span:nth-child(1) {
      background: #c8ae5f none repeat scroll 0 0 !important;
      color: black !important;
      font-size: 46px !important;
      height: 85px !important;
      top: -49px;
      width: 85px !important; }
      @media only screen and (max-width: 480px) {
        .SettingUp-last .content span:nth-child(1) {
          right: -96px; } }
    .SettingUp-last .content span:nth-child(2) {
      color: black;
      font-family: KufiArabic_Bold;
      font-size: 36px;
      font-weight: bold;
      margin-top: -11px;
      padding: 0; }
    .SettingUp-last .content span:nth-child(3) {
      font-size: 20px;
      margin-top: -15px;
      padding: 0; }
      .SettingUp-last .content span:nth-child(3):after {
        display: none; }
      .SettingUp-last .content span:nth-child(3):before {
        background: #e1e1e1 none repeat scroll 0 0;
        content: "";
        height: 10px;
        right: -57px;
        position: absolute;
        top: 48px;
        width: 41px; }
    .SettingUp-last .content span:nth-child(4) {
      color: black;
      font-family: KufiArabic_Bold;
      font-size: 60px;
      font-weight: bold;
      margin-top: -11px;
      padding: 0;
      margin-top: -27px; }
      .SettingUp-last .content span:nth-child(4):before {
        display: none; }

.SettingUp-link {
  background: #fafafa none repeat scroll 0 0;
  padding: 40px 0;
  margin-top: 50px; }
  @media only screen and (max-width: 480px) {
    .SettingUp-link {
      margin-top: 10px;
      padding: 10px 0; } }
  .SettingUp-link a {
    display: block;
    padding: 20px 0;
    text-align: center;
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s; }
    .SettingUp-link a i {
      display: block;
      font-size: 60px;
      padding-bottom: 20px; }
      @media only screen and (max-width: 480px) {
        .SettingUp-link a i {
          font-size: 40px;
          padding-bottom: 10px; } }
    .SettingUp-link a span {
      font-size: 25px;
      color: #848484;
      text-transform: uppercase; }
      @media only screen and (max-width: 480px) {
        .SettingUp-link a span {
          font-size: 15px; } }
    .SettingUp-link a:hover {
      -webkit-transition: color 0.3s ease 0.1s;
      -moz-transition: color 0.3s ease 0.1s;
      -ms-transition: color 0.3s ease 0.1s;
      -o-transition: color 0.3s ease 0.1s;
      transition: color 0.3s ease 0.1s; }
      .SettingUp-link a:hover i {
        color: #bfbfbf; }
      .SettingUp-link a:hover span {
        color: #0aad8c; }

.tabsContent .content {
  display: none; }

select.investmentGuied {
  width: 50%;
  padding: 14px;
  margin-bottom: 20px; }
  @media only screen and (max-width: 767px) {
    select.investmentGuied {
      width: 100%; } }

.tabsContent #healthcare {
  display: block; }

.SettingUp .tab-content {
  text-align: center;
  padding-top: 20px; }
  .SettingUp .tab-content figure img {
    width: 100%;
    max-width: 100%; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  margin-right: 0 !important;
  margin-left: 0 !important; }

.mCSB_container_wrapper > .mCSB_container {
  padding-left: 15px !important; }

.EventsInternal {
  margin: 40px 0 40px 0; }
  @media only screen and (max-width: 480px) {
    .EventsInternal {
      margin: 20px 0 20px 0; } }
  .EventsInternal .title-box {
    margin-bottom: 10px; }
    .EventsInternal .title-box:before {
      width: 90%; }
      @media (min-width: 768px) and (max-width: 1024px) {
        .EventsInternal .title-box:before {
          width: 87% !important; } }
    @media only screen and (max-width: 480px) {
      .EventsInternal .title-box {
        margin-bottom: 40px; } }
  .EventsInternal .slide-EventsInternal {
    margin: 0 0 10px;
    /*min-height: 400px !important;*/ }
    @media only screen and (max-width: 480px) {
      .EventsInternal .slide-EventsInternal {
        /*min-height:435px !important*/ } }
    .EventsInternal .slide-EventsInternal .hover-box {
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s;
      overflow: hidden;
      position: relative;
      width: 422px;
      padding: 0 10px; }
      .EventsInternal .slide-EventsInternal .hover-box .padding {
        overflow: hidden; }
      .EventsInternal .slide-EventsInternal .hover-box img {
        border-radius: 4px;
        height: 387px !important;
        right: 1px;
        max-width: 100%;
        position: relative;
        left: 0;
        width: 100%;
        z-index: 0; }
      .EventsInternal .slide-EventsInternal .hover-box .dis {
        background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
        border-radius: 4px;
        color: #fff;
        left: 15px;
        margin: 27px 0 0;
        padding: 12px;
        position: absolute;
        top: 0;
        width: 70%;
        z-index: 1;
        line-height: 1;
        min-height: 88px; }
        @media (min-width: 640px) and (max-width: 767px) {
          .EventsInternal .slide-EventsInternal .hover-box .dis {
            width: 68%; } }
        @media only screen and (max-width: 639px) {
          .EventsInternal .slide-EventsInternal .hover-box .dis {
            width: 63%; } }
        .EventsInternal .slide-EventsInternal .hover-box .dis span {
          display: block; }
          .EventsInternal .slide-EventsInternal .hover-box .dis span:nth-child(1) {
            font-size: 18px;
            color: #fff;
            font-family: KufiArabic_Bold;
            font-weight: normal; }
          .EventsInternal .slide-EventsInternal .hover-box .dis span:nth-child(2) {
            font-size: 15px;
            color: #fff;
            font-family: KufiArabic_Light;
            font-weight: normal; }
      .EventsInternal .slide-EventsInternal .hover-box .deat {
        background: #009a78 none repeat scroll 0 0;
        border-radius: 4px;
        color: white;
        display: inline-block;
        height: 90px;
        right: 15px;
        margin: 27px 0 0;
        padding: 10px;
        position: absolute;
        text-align: center;
        top: 0;
        width: 60px;
        z-index: 1; }
        .EventsInternal .slide-EventsInternal .hover-box .deat span {
          display: block;
          line-height: 1;
          position: relative;
          z-index: 2;
          bottom: 0; }
          .EventsInternal .slide-EventsInternal .hover-box .deat span:nth-child(1) {
            font-size: 34px;
            font-weight: bold; }
          .EventsInternal .slide-EventsInternal .hover-box .deat span:nth-child(2) {
            text-transform: uppercase;
            font-size: 18px;
            font-weight: bold;
            right: 0px; }
          .EventsInternal .slide-EventsInternal .hover-box .deat span:nth-child(3) {
            bottom: 4px;
            font-size: 14px;
            right: 3px;
            text-transform: uppercase; }
      .EventsInternal .slide-EventsInternal .hover-box .overlay {
        background: transparent linear-gradient(to top, rgba(1, 1, 1, 0.87) 1%, transparent 100%, transparent 77%) repeat scroll 0 0;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0; }
      .EventsInternal .slide-EventsInternal .hover-box .dis2 {
        color: white;
        font-size: 14px;
        padding: 15px;
        position: absolute;
        bottom: 0;
        width: 95%; }
        .EventsInternal .slide-EventsInternal .hover-box .dis2 span a {
          font-size: 14px;
          color: white;
          position: relative;
          display: block; }
          .EventsInternal .slide-EventsInternal .hover-box .dis2 span a i {
            color: #04705d;
            font-size: 24px !important; }
    @media only screen and (max-width: 480px) {
      .EventsInternal .slide-EventsInternal .arr {
        top: -38px; } }

.Newse-LibraryInternal-PressStatment {
  background: #f0f0f0 none repeat scroll 0 0;
  padding: 65px 0;
  /* slide Newse Internal */
  /* Library Internal */
  /* slide Press Statment Internal */ }
  @media only screen and (max-width: 480px) {
    .Newse-LibraryInternal-PressStatment {
      padding: 20px 0; } }
  .Newse-LibraryInternal-PressStatment .NewseInternal {
    border: 1px solid #b5b5b5;
    padding: 25px;
    min-height: 530px;
    margin: 0 0 10px 0; }
    @media only screen and (max-width: 480px) {
      .Newse-LibraryInternal-PressStatment .NewseInternal {
        padding: 12px;
        min-height: 470px; } }
    .Newse-LibraryInternal-PressStatment .NewseInternal .listOfNews {
      border: 0px solid #b5b5b5;
      padding: 18px 0 0;
      width: 100%;
      margin-bottom: 0px; }
      .Newse-LibraryInternal-PressStatment .NewseInternal .listOfNews figure {
        height: 150px; }
    .Newse-LibraryInternal-PressStatment .NewseInternal h3 {
      text-transform: uppercase;
      margin: 0 0 20px 0; }
    .Newse-LibraryInternal-PressStatment .NewseInternal .slide-NewseInternal {
      margin-bottom: 0px; }
    .Newse-LibraryInternal-PressStatment .NewseInternal .more, .Newse-LibraryInternal-PressStatment .NewseInternal .tabs .tab-content .link, .tabs .tab-content .Newse-LibraryInternal-PressStatment .NewseInternal .link, .Newse-LibraryInternal-PressStatment .NewseInternal .Laws-Regulations .Investment a, .Laws-Regulations .Investment .Newse-LibraryInternal-PressStatment .NewseInternal a {
      position: absolute;
      bottom: 35px; }
      @media only screen and (max-width: 767px) {
        .Newse-LibraryInternal-PressStatment .NewseInternal .more, .Newse-LibraryInternal-PressStatment .NewseInternal .tabs .tab-content .link, .tabs .tab-content .Newse-LibraryInternal-PressStatment .NewseInternal .link, .Newse-LibraryInternal-PressStatment .NewseInternal .Laws-Regulations .Investment a, .Laws-Regulations .Investment .Newse-LibraryInternal-PressStatment .NewseInternal a {
          bottom: auto;
          position: static !important; } }
    @media only screen and (max-width: 480px) {
      .Newse-LibraryInternal-PressStatment .NewseInternal .arr {
        top: -50px; } }
  .Newse-LibraryInternal-PressStatment .LibraryInternal {
    border: 1px solid #b5b5b5;
    padding: 25px;
    min-height: 465px;
    margin: 0 0 10px 0; }
    @media only screen and (max-width: 480px) {
      .Newse-LibraryInternal-PressStatment .LibraryInternal {
        padding: 15px; } }
    .Newse-LibraryInternal-PressStatment .LibraryInternal h3 {
      text-transform: uppercase;
      margin: 0 0 20px 0; }
    .Newse-LibraryInternal-PressStatment .LibraryInternal .list {
      display: block;
      padding-bottom: 7px;
      position: relative;
      padding: 12px;
      border-bottom: 1px solid #d8d8d8; }
      .Newse-LibraryInternal-PressStatment .LibraryInternal .list:before {
        background: #d4ba6d url("/Style Library/SagiaBranding/Common/Images/hover-box4-slider.png");
        bottom: 0;
        content: "";
        right: 0;
        position: absolute;
        top: 0;
        width: 0%;
        -webkit-transition: all 0.3s ease 0.1s;
        -moz-transition: all 0.3s ease 0.1s;
        -ms-transition: all 0.3s ease 0.1s;
        -o-transition: all 0.3s ease 0.1s;
        transition: all 0.3s ease 0.1s;
        z-index: 1; }
      .Newse-LibraryInternal-PressStatment .LibraryInternal .list span {
        color: #5e5e5e;
        font-size: 14px;
        position: relative;
        z-index: 1; }
      .Newse-LibraryInternal-PressStatment .LibraryInternal .list:hover span {
        color: #000 !important; }
      .Newse-LibraryInternal-PressStatment .LibraryInternal .list:hover:before {
        width: 100%; }
    @media only screen and (max-width: 480px) {
      .Newse-LibraryInternal-PressStatment .LibraryInternal .LibraryInternal2 .arr {
        top: -40px; } }
  .Newse-LibraryInternal-PressStatment .PressStatmentInternal {
    border: 1px solid #b5b5b5;
    padding: 25px;
    min-height: 465px;
    margin: 0 0 10px 0; }
    @media only screen and (max-width: 480px) {
      .Newse-LibraryInternal-PressStatment .PressStatmentInternal {
        padding: 15px; } }
    .Newse-LibraryInternal-PressStatment .PressStatmentInternal h3 {
      text-transform: uppercase;
      margin: 0 0 20px 0; }
    .Newse-LibraryInternal-PressStatment .PressStatmentInternal .list {
      display: inline-block;
      width: 100%; }
      .Newse-LibraryInternal-PressStatment .PressStatmentInternal .list:nth-child(3) {
        margin: 0; }
      .Newse-LibraryInternal-PressStatment .PressStatmentInternal .list .title {
        color: #079071;
        float: right;
        font-size: 17px;
        font-weight: bold;
        padding: 0 7px;
        text-transform: uppercase;
        width: 100%; }
        .Newse-LibraryInternal-PressStatment .PressStatmentInternal .list .title span {
          color: #ceb66f;
          display: block;
          font-size: 15px;
          font-weight: normal; }
      .Newse-LibraryInternal-PressStatment .PressStatmentInternal .list .deat {
        background: white none repeat scroll 0 0;
        border: 1px solid #04705d;
        border-radius: 4px;
        color: #04705d;
        display: inline-block;
        float: right;
        height: 80px;
        text-align: center;
        width: 60px;
        padding: 8px 0 0 0;
        position: relative;
        overflow: hidden;
        margin-bottom: 20px;
        right: 1px; }
        .Newse-LibraryInternal-PressStatment .PressStatmentInternal .list .deat span {
          display: block;
          line-height: 1;
          position: relative;
          z-index: 2; }
          .Newse-LibraryInternal-PressStatment .PressStatmentInternal .list .deat span:nth-child(1) {
            font-size: 34px;
            font-weight: bold; }
          .Newse-LibraryInternal-PressStatment .PressStatmentInternal .list .deat span:nth-child(2) {
            font-size: 26px; }
      .Newse-LibraryInternal-PressStatment .PressStatmentInternal .list .dis {
        display: inline-block;
        width: 100%;
        border-bottom: 1px solid #d8d8d8; }
        .Newse-LibraryInternal-PressStatment .PressStatmentInternal .list .dis p {
          color: #5e5e5e;
          display: block;
          font-size: 14px;
          padding: 8px 0 0;
          text-align: justify;
          width: 100%; }
        .Newse-LibraryInternal-PressStatment .PressStatmentInternal .list .dis span {
          display: block; }
          .Newse-LibraryInternal-PressStatment .PressStatmentInternal .list .dis span:nth-child(1) {
            color: #5e5e5e;
            font-size: 16px;
            font-weight: normal;
            line-height: 18px; }
          .Newse-LibraryInternal-PressStatment .PressStatmentInternal .list .dis span:nth-child(2) a {
            border-color: #04705d !important;
            color: #04705d !important;
            font-size: 15px; }

.MultimediaLibrary {
  -webkit-transition: all 0.3s ease 0.1s;
  -moz-transition: all 0.3s ease 0.1s;
  -ms-transition: all 0.3s ease 0.1s;
  -o-transition: all 0.3s ease 0.1s;
  transition: all 0.3s ease 0.1s;
  height: 755px;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative; }
  @media only screen and (max-width: 992px) {
    .MultimediaLibrary {
      overflow: hidden;
      margin-top: 20px; } }
  @media (min-width: 280px) and (max-width: 479px) {
    .MultimediaLibrary {
      height: 390px; } }
  .MultimediaLibrary .image {
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s;
    position: absolute;
    width: 100%; }
  .MultimediaLibrary .box-content {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    color: #fff;
    display: block;
    margin-top: 115px;
    min-height: 213px;
    padding: 30px 10px;
    position: relative;
    top: 20%;
    width: 100%; }
    @media only screen and (max-width: 767px) {
      .MultimediaLibrary .box-content {
        top: 0 !important;
        margin-top: 25px !important; } }
    .MultimediaLibrary .box-content .icon {
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s;
      display: block;
      height: 63px;
      margin: 0 auto;
      width: 60px; }
    .MultimediaLibrary .box-content span:nth-child(2) {
      font-size: 40px;
      font-weight: bolder;
      text-transform: uppercase;
      display: block;
      text-align: center;
      line-height: 1;
      font-family: KufiArabic_Bold;
      margin: 20px 0; }
      @media only screen and (max-width: 992px) {
        .MultimediaLibrary .box-content span:nth-child(2) {
          font-size: 30px; } }
    .MultimediaLibrary .box-content span:nth-child(3) {
      font-size: 14px;
      line-height: 22px;
      margin-top: 10px;
      display: block;
      text-align: center; }
    .MultimediaLibrary .box-content:hover {
      text-decoration: none; }
  .MultimediaLibrary .more, .MultimediaLibrary .tabs .tab-content .link, .tabs .tab-content .MultimediaLibrary .link, .MultimediaLibrary .Laws-Regulations .Investment a, .Laws-Regulations .Investment .MultimediaLibrary a {
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s;
    border-top: 1px solid #cbb268;
    color: white !important;
    display: block;
    font-size: 16px;
    line-height: 40px;
    margin: 0 25px 0;
    position: absolute;
    width: 75%;
    bottom: -50px;
    text-transform: uppercase; }
    .MultimediaLibrary .more:after, .MultimediaLibrary .tabs .tab-content .link:after, .tabs .tab-content .MultimediaLibrary .link:after, .MultimediaLibrary .Laws-Regulations .Investment a:after, .Laws-Regulations .Investment .MultimediaLibrary a:after {
      font-family: fontawesome;
      margin-right: 5px; }
  .MultimediaLibrary:hover {
    /*.box-content {
    	color:#000;
    	&:before {
    		opacity:1;
    	}
    }*/ }
    .MultimediaLibrary:hover .more, .MultimediaLibrary:hover .tabs .tab-content .link, .tabs .tab-content .MultimediaLibrary:hover .link, .MultimediaLibrary:hover .Laws-Regulations .Investment a, .Laws-Regulations .Investment .MultimediaLibrary:hover a {
      bottom: 0px; }
      @media only screen and (max-width: 767px) {
        .MultimediaLibrary:hover .more, .MultimediaLibrary:hover .tabs .tab-content .link, .tabs .tab-content .MultimediaLibrary:hover .link, .MultimediaLibrary:hover .Laws-Regulations .Investment a, .Laws-Regulations .Investment .MultimediaLibrary:hover a {
          bottom: 20px; } }
    .MultimediaLibrary:hover img {
      -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1); }

.listOfNews {
  -webkit-transition: all 0.3s ease 0.1s;
  -moz-transition: all 0.3s ease 0.1s;
  -ms-transition: all 0.3s ease 0.1s;
  -o-transition: all 0.3s ease 0.1s;
  transition: all 0.3s ease 0.1s;
  border: 1px solid #b5b5b5;
  min-height: 420px;
  padding: 25px;
  width: 100%;
  margin-bottom: 30px; }
  .listOfNews:nth-child(3) {
    margin: 0; }
  .listOfNews .title {
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s;
    color: #079071;
    float: right;
    font-size: 17px;
    font-weight: bold;
    padding: 0 7px;
    width: 75%;
    text-transform: uppercase; }
    @media only screen and (max-width: 767px) {
      .listOfNews .title {
        font-size: 13px;
        width: 69%; } }
    .listOfNews .title a:hover {
      color: #ceb66f !important; }
    .listOfNews .title span {
      color: #ceb66f;
      display: block;
      font-size: 13px;
      font-weight: normal; }
  .listOfNews .deat {
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s;
    border: 1px solid #04705d;
    border-radius: 4px;
    color: #04705d;
    display: inline-block;
    float: right;
    height: 80px;
    text-align: center;
    width: 60px;
    padding: 8px 0 0 0;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    right: 1px; }
    .listOfNews .deat span {
      color: #04705d;
      display: block;
      line-height: 1; }
      .listOfNews .deat span:nth-child(1) {
        font-family: KufiArabic_Bold;
        font-size: 38px;
        right: 3px; }
      .listOfNews .deat span:nth-child(2) {
        font-family: KufiArabic_Light;
        font-size: 19px;
        font-weight: normal;
        right: 3px;
        text-transform: uppercase; }
  .listOfNews figure {
    border-radius: 5px;
    height: 130px;
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #b5b5b5; }
    .listOfNews figure img {
      width: 100%;
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s; }
  .listOfNews .dis {
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #d8d8d8; }
    .listOfNews .dis p {
      color: #5e5e5e;
      display: block;
      font-size: 15px;
      width: 100%;
      margin: 0px;
      padding-bottom: 5px; }
    .listOfNews .dis a {
      color: #04705d;
      font-size: 15px; }
    .listOfNews .dis span {
      display: block; }
      .listOfNews .dis span:nth-child(1) {
        color: #5e5e5e;
        font-size: 16px;
        font-weight: normal;
        line-height: 18px; }
      .listOfNews .dis span:nth-child(2) a {
        border-color: #04705d !important;
        color: #04705d !important;
        font-size: 15px; }
  .listOfNews .Details {
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s;
    border-color: #04705d !important;
    color: #04705d !important;
    font-size: 15px; }
  .listOfNews:hover {
    border: 1px solid #008265; }
    .listOfNews:hover .title {
      color: #ceb66f;
      /*width: 74%;*/ }
    .listOfNews:hover .deat {
      border-color: #ceb66f;
      color: #ceb66f; }
    .listOfNews:hover img {
      -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1); }

.CQWPPager {
  text-align: center;
  margin-bottom: 30px; }
  .CQWPPager a, .CQWPPager strong {
    border: 1px solid #b5b5b5;
    color: #131313;
    display: inline-block;
    font-size: 16px;
    height: 26px;
    text-align: center;
    transition: all 0.3s ease 0.1s;
    width: 26px;
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s; }
    .CQWPPager a:hover, .CQWPPager strong:hover {
      color: #000;
      background: #d4ba6d url("/Style Library/SagiaBranding/Common/Images/hover-box4-slider.png");
      border: 1px solid #d4ba6d; }
    .CQWPPager a.pagerArr, .CQWPPager strong.pagerArr {
      width: 70px;
      height: 26px;
      position: relative;
      top: 2px; }
      .CQWPPager a.pagerArr i, .CQWPPager strong.pagerArr i {
        font-size: 1.4em;
        position: relative;
        top: 2px; }
  .CQWPPager strong, .CQWPPager strong:hover {
    color: #fff;
    border-color: #01715b;
    background-color: #01715b; }

.NationalInitiatives {
  -webkit-transition: all 0.3s ease 0.1s;
  -moz-transition: all 0.3s ease 0.1s;
  -ms-transition: all 0.3s ease 0.1s;
  -o-transition: all 0.3s ease 0.1s;
  transition: all 0.3s ease 0.1s;
  height: 420px;
  margin: 20px 0 20px;
  overflow: hidden;
  position: relative; }
  @media only screen and (max-width: 992px) {
    .NationalInitiatives {
      overflow: hidden;
      margin-top: 20px; } }
  @media (min-width: 280px) and (max-width: 479px) {
    .NationalInitiatives {
      height: 360px;
      margin: 0px 0 10px; } }
  .NationalInitiatives img {
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s;
    position: absolute;
    width: 100%; }
  .NationalInitiatives .box-content {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    color: #fff;
    display: block;
    margin-top: 115px;
    min-height: 213px;
    padding: 30px 10px 10px;
    position: relative;
    top: -5px;
    width: 100%; }
    .NationalInitiatives .box-content:before {
      background: #d4ba6d url("/Style Library/SagiaBranding/Common/Images/hoverPatern.png");
      bottom: 0;
      content: "";
      right: 0;
      position: absolute;
      top: 0;
      width: 100%;
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s;
      z-index: 1;
      opacity: 0; }
    .NationalInitiatives .box-content span {
      position: relative;
      z-index: 1; }
      .NationalInitiatives .box-content span:nth-child(1) {
        font-size: 40px;
        font-weight: bold;
        text-transform: uppercase;
        display: block;
        text-align: center;
        line-height: 1;
        font-family: KufiArabic_Light; }
        @media only screen and (max-width: 992px) {
          .NationalInitiatives .box-content span:nth-child(1) {
            font-size: 30px; } }
      .NationalInitiatives .box-content span:nth-child(2) {
        font-size: 14px;
        line-height: 22px;
        margin-top: 10px;
        display: block;
        text-align: center; }
    .NationalInitiatives .box-content:hover {
      text-decoration: none; }
  .NationalInitiatives .more, .NationalInitiatives .tabs .tab-content .link, .tabs .tab-content .NationalInitiatives .link, .NationalInitiatives .Laws-Regulations .Investment a, .Laws-Regulations .Investment .NationalInitiatives a {
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s;
    border-top: 1px solid #cbb268;
    color: white !important;
    display: block;
    font-size: 16px;
    line-height: 40px;
    margin: 0 25px 0;
    position: absolute;
    width: 75%;
    bottom: -50px; }
  .NationalInitiatives:hover {
    /*.box-content {
    	color:#000;
    	&:before {
    		opacity:1;
    	}
    }*/ }
    .NationalInitiatives:hover .more, .NationalInitiatives:hover .tabs .tab-content .link, .tabs .tab-content .NationalInitiatives:hover .link, .NationalInitiatives:hover .Laws-Regulations .Investment a, .Laws-Regulations .Investment .NationalInitiatives:hover a {
      bottom: 0px; }
    .NationalInitiatives:hover img {
      -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1); }

.tabs {
  border: 1px solid #b5b5b5;
  margin-bottom: 60px;
  margin-top: 60px;
  text-align: center !important; }
  @media only screen and (max-width: 480px) {
    .tabs {
      margin-bottom: 20px;
      margin-top: 50px; } }
  .tabs .nav-tabs {
    background: #f0f0f0 none repeat scroll 0 0;
    border-bottom: 0 none;
    margin: -25px auto 0;
    width: 40%; }
    @media only screen and (max-width: 480px) {
      .tabs .nav-tabs {
        width: 96%; } }
    .tabs .nav-tabs li {
      background: #f0f0f0 none repeat scroll 0 0;
      border: 1px solid #b5b5b5 !important;
      display: inline-block;
      float: none;
      margin-left: 5px; }
      .tabs .nav-tabs li a {
        -webkit-transition: all 0.3s ease 0.1s;
        -moz-transition: all 0.3s ease 0.1s;
        -ms-transition: all 0.3s ease 0.1s;
        -o-transition: all 0.3s ease 0.1s;
        transition: all 0.3s ease 0.1s;
        border: 0 none;
        margin: 0; }
        .tabs .nav-tabs li a:hover {
          background: #ddd none repeat scroll 0 0;
          color: inherit;
          margin: 0; }
      .tabs .nav-tabs li.active a {
        background: #079071 none repeat scroll 0 0;
        border: 0 none;
        border-radius: 0;
        color: #fff;
        margin: 0; }
  .tabs .tab-content {
    padding: 30px 30px 50px; }
    @media only screen and (max-width: 480px) {
      .tabs .tab-content {
        padding: 30px 10px 10px; } }
    .tabs .tab-content h3 {
      color: #05906f;
      font-family: KufiArabic_Light;
      font-size: 25px;
      font-weight: bold;
      margin-bottom: 20px;
      position: relative;
      text-transform: uppercase; }
      .tabs .tab-content h3:after {
        background-color: #dcdcdc !important;
        clear: both;
        content: "";
        display: block;
        height: 3px;
        right: 45.5%;
        position: absolute;
        width: 8%;
        bottom: -9px; }
    .tabs .tab-content p {
      font-size: 14px;
      line-height: 24px;
      text-align: justify; }
    .tabs .tab-content .link {
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s;
      color: #cdb364 !important;
      text-transform: uppercase; }
      .tabs .tab-content .link:hover {
        color: #079071 !important; }

.DownloadFile {
  border: 1px solid #b5b5b5;
  padding: 25px;
  min-height: 400px;
  margin: 0 0 10px 0; }
  @media only screen and (max-width: 480px) {
    .DownloadFile {
      padding: 15px; } }
  .DownloadFile h3 {
    text-transform: uppercase;
    margin: 0 0 20px 0; }
  .DownloadFile .border .list {
    display: block;
    padding-bottom: 7px;
    position: relative;
    padding: 12px;
    border-bottom: 1px solid #d8d8d8; }
    .DownloadFile .border .list:before {
      background: #d4ba6d url("/Style Library/SagiaBranding/Common/Images/hover-box4-slider.png") left 0;
      bottom: 0;
      content: "";
      right: 0;
      position: absolute;
      top: 0;
      width: 0%;
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s;
      z-index: 1; }
    .DownloadFile .border .list span {
      color: #5e5e5e;
      font-size: 14px;
      position: relative;
      z-index: 1;
      display: inline-block; }
      @media only screen and (max-width: 480px) {
        .DownloadFile .border .list span {
          font-size: 14px; } }
      .DownloadFile .border .list span:nth-child(3) {
        float: left; }
        @media only screen and (max-width: 480px) {
          .DownloadFile .border .list span:nth-child(3) {
            float: none; } }
    .DownloadFile .border .list:hover span {
      color: #000 !important; }
    .DownloadFile .border .list:hover:before {
      width: 100%; }
  .DownloadFile .border:nth-child(odd) .list:after {
    background: #d8d8d8 none repeat scroll 0 0;
    bottom: -14px;
    content: "";
    position: absolute;
    left: -12px;
    top: 0;
    width: 1px; }
    @media only screen and (max-width: 992px) {
      .DownloadFile .border:nth-child(odd) .list:after {
        display: none; } }

.SaudiOffices {
  padding: 50px 0 0; }
  .SaudiOffices .partnersOfSuccess {
    height: 360px !important;
    margin: 70px 13px 0 !important;
    padding-top: 34px !important;
    position: relative !important;
    text-align: right !important; }
    .SaudiOffices .partnersOfSuccess .ttl a {
      color: #079071; }

.Laws-Regulations {
  padding: 70px 0; }
  @media only screen and (max-width: 480px) {
    .Laws-Regulations {
      padding: 20px 0; } }
  .Laws-Regulations .Investment {
    background: transparent url("/Style Library/SagiaBranding/Common/Images/BusinessHere-bac.jpg") repeat scroll 0 0;
    height: 405px; }
    .Laws-Regulations .Investment .title {
      color: white;
      padding: 75px 0 20px;
      text-align: center;
      text-transform: uppercase; }
      .Laws-Regulations .Investment .title span {
        font-size: 1.3em; }
      .Laws-Regulations .Investment .title h2 {
        font-size: 1.3em;
        font-weight: bold;
        margin: 0 0 40px; }
    .Laws-Regulations .Investment p {
      color: white;
      font-size: 0.75em;
      line-height: 2;
      margin-bottom: 50px;
      padding: 0 16px;
      text-align: center; }
    .Laws-Regulations .Investment a {
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s;
      color: #fff !important;
      text-transform: uppercase;
      padding-right: 18px; }
      .Laws-Regulations .Investment a:hover {
        color: #000 !important; }

.Life-SaudiArabia {
  background: transparent url("/Style Library/SagiaBranding/Common/Images/lifeSaudi.jpg") repeat scroll 0 0;
  min-height: 350px;
  padding: 50px; }
  @media only screen and (max-width: 480px) {
    .Life-SaudiArabia {
      padding: 15px; } }
  .Life-SaudiArabia h1 {
    color: white;
    font-size: 40px;
    margin-bottom: 30px;
    text-align: center;
    text-transform: uppercase;
    font-family: KufiArabic_Light !important; }
    @media only screen and (max-width: 480px) {
      .Life-SaudiArabia h1 {
        font-size: 30px;
        margin-bottom: 10px; } }
  .Life-SaudiArabia p {
    color: white;
    font-size: 20px;
    margin-bottom: 30px;
    text-align: center;
    font-family: KufiArabic_Light !important; }
    @media only screen and (max-width: 480px) {
      .Life-SaudiArabia p {
        font-size: 12px; } }
  .Life-SaudiArabia .tabs .tab-content .link, .tabs .tab-content .Life-SaudiArabia .link, .Life-SaudiArabia .Laws-Regulations .Investment a, .Laws-Regulations .Investment .Life-SaudiArabia a, .Life-SaudiArabia .more {
    color: #fff !important;
    text-transform: uppercase;
    border: 1px solid #fff;
    right: 44%;
    padding: 12px;
    position: relative;
    font-size: 18px !important;
    font-family: KufiArabic_Light !important; }
    @media only screen and (max-width: 480px) {
      .Life-SaudiArabia .tabs .tab-content .link, .tabs .tab-content .Life-SaudiArabia .link, .Life-SaudiArabia .Laws-Regulations .Investment a, .Laws-Regulations .Investment .Life-SaudiArabia a, .Life-SaudiArabia .more {
        right: 30%;
        font-size: 12px !important; } }
    .Life-SaudiArabia .tabs .tab-content .link:hover, .tabs .tab-content .Life-SaudiArabia .link:hover, .Life-SaudiArabia .Laws-Regulations .Investment a:hover, .Laws-Regulations .Investment .Life-SaudiArabia a:hover, .Life-SaudiArabia .more:hover {
      color: #FFF !important;
      border-color: #008265;
      background: #008265; }
    .Life-SaudiArabia .tabs .tab-content .link span, .tabs .tab-content .Life-SaudiArabia .link span, .Life-SaudiArabia .Laws-Regulations .Investment a span, .Laws-Regulations .Investment .Life-SaudiArabia a span, .Life-SaudiArabia .more span {
      position: relative;
      z-index: 2; }

.forBox {
  padding: 100px 0 100px 0; }
  @media only screen and (max-width: 480px) {
    .forBox {
      padding: 20px 0 20px 0; } }
  .forBox .subsite-block .ttl {
    margin: 20px 0 10px !important; }

.TheEducationalSystem {
  background-image: url("/Style Library/SagiaBranding/Common/Images/The Educational System.jpg");
  background-size: cover; }

.HealthCareSystem {
  background-image: url("/Style Library/SagiaBranding/Common/Images/HealthCare System.jpg");
  background-size: cover; }

.LifeInSaudi-lists {
  margin: 60px 0;
  text-align: center;
  font-family: KufiArabic_Light !important; }
  .LifeInSaudi-lists i {
    color: #079071;
    font-size: 5em; }
  .LifeInSaudi-lists .item.link-item a {
    border-bottom: 1px solid #d7d7d7;
    color: #575757;
    display: block;
    float: right;
    margin-right: 30px;
    padding: 10px 0 16px;
    text-align: right;
    text-transform: uppercase;
    width: 47%; }
    @media only screen and (max-width: 767px) {
      .LifeInSaudi-lists .item.link-item a {
        width: 47%; } }
    @media only screen and (max-width: 480px) {
      .LifeInSaudi-lists .item.link-item a {
        width: 100%;
        font-size: 15px; } }
    .LifeInSaudi-lists .item.link-item a:before {
      content: "";
      font-family: fontawesome;
      font-size: 12px;
      padding-left: 10px;
      position: relative;
      top: -3px;
      color: #079071;
      display: inline-block; }

.QualityOfLife {
  min-height: 360px !important; }
  .QualityOfLife h1 {
    position: relative;
    color: #000 !important; }
    .QualityOfLife h1:before {
      background: #ededed none repeat scroll 0 0;
      content: "";
      display: block;
      height: 2px;
      right: 0;
      overflow: hidden;
      position: absolute;
      top: 15px;
      width: 100%;
      z-index: -1; }
  .QualityOfLife p {
    color: #000 !important; }
  .QualityOfLife .more, .QualityOfLife .tabs .tab-content .link, .tabs .tab-content .QualityOfLife .link, .QualityOfLife .Laws-Regulations .Investment a, .Laws-Regulations .Investment .QualityOfLife a {
    border-color: #079071;
    color: #079071 !important; }

.BusinessHere-ServicesGuide {
  padding: 50px 0 50px 0; }
  @media only screen and (max-width: 480px) {
    .BusinessHere-ServicesGuide {
      padding: 10px 0 10px 0; } }

.ServicesGuide {
  border: 1px solid #b5b5b5;
  padding: 25px;
  min-height: 446px;
  margin: 0 0 10px 0;
  overflow: hidden;
  position: relative; }
  @media only screen and (max-width: 480px) {
    .ServicesGuide {
      padding: 15px;
      margin-top: 20px; } }
  .ServicesGuide h3 {
    margin: 0 0 20px;
    text-transform: uppercase;
    text-align: right; }
  .ServicesGuide .Slide-ServicesGuide {
    margin-bottom: 16px; }
    .ServicesGuide .Slide-ServicesGuide .col-md-3.col-sm-6.col-xs-12 {
      margin-bottom: 20px; }
    .ServicesGuide .Slide-ServicesGuide .subsite-block {
      min-height: 300px !important;
      padding: 21px 0 10px !important;
      height: 300px; }
      @media only screen and (max-width: 480px) {
        .ServicesGuide .Slide-ServicesGuide .subsite-block {
          margin-top: 24px !important;
          height: 325px; } }
      .ServicesGuide .Slide-ServicesGuide .subsite-block .icon-wrapper {
        display: none; }
      .ServicesGuide .Slide-ServicesGuide .subsite-block .ttl {
        -webkit-transition: all 0.3s ease 0.1s;
        -moz-transition: all 0.3s ease 0.1s;
        -ms-transition: all 0.3s ease 0.1s;
        -o-transition: all 0.3s ease 0.1s;
        transition: all 0.3s ease 0.1s;
        text-align: center; }
  .ServicesGuide .more-ServicesGuide {
    float: right !important;
    text-transform: uppercase;
    position: absolute;
    right: 36px;
    bottom: 9px; }

.sectors {
  padding: 50px 0 50px 0; }
  @media only screen and (max-width: 480px) {
    .sectors {
      padding: 20px 0 20px 0; } }
  .sectors .title-box {
    margin-bottom: 10px !important; }
    .sectors .title-box:before {
      width: 92%; }
      @media (min-width: 768px) and (max-width: 1024px) {
        .sectors .title-box:before {
          width: 87% !important; } }
  .sectors .sectors-slider article {
    margin-bottom: 42px;
    position: relative; }
    .sectors .sectors-slider article .grid-items {
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s;
      margin: 0 5px; }
      .sectors .sectors-slider article .grid-items a figure img {
        width: auto !important; }

.container-2, .container-Investorlibrary {
  padding: 50px 0 50px 0; }
  @media only screen and (max-width: 480px) {
    .container-2, .container-Investorlibrary {
      padding: 20px 0 20px 0; } }

.Vote {
  background: transparent url("/en/InvestorServices/SiteAssets/green_header.png") repeat scroll left 0;
  height: 493px; }
  @media only screen and (max-width: 1024px) {
    .Vote {
      height: 509px; } }

.container-Investorlibrary .ms-webpart-zone,
.container-Investorlibrary .ms-webpart-cell-vertical,
.container-Investorlibrary .ms-webpart-chrome-vertical, .LibraryInternal2 .ms-webpart-zone,
.LibraryInternal2 .ms-webpart-cell-vertical,
.LibraryInternal2 .ms-webpart-chrome-vertical {
  display: inherit; }
.container-Investorlibrary .list-doc-item, .LibraryInternal2 .list-doc-item {
  border: 1px solid #b5b5b5;
  margin: 0 0 19px;
  min-height: 345px;
  padding: 44px 0;
  position: relative;
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .container-Investorlibrary .list-doc-item, .LibraryInternal2 .list-doc-item {
      margin-top: 40px; } }

.partnersOfSuccess .det {
  min-height: 185px !important; }
  @media only screen and (max-width: 1024px) {
    .partnersOfSuccess .det {
      min-height: 125px !important;
      height: 125px !important;
      overflow: hidden !important; } }

.ServicesGuide .subsite-block.partnersOfSuccess {
  margin-top: 0 !important; }
  @media only screen and (max-width: 767px) {
    .ServicesGuide .subsite-block.partnersOfSuccess {
      margin-top: 40px !important; } }

/*AVERAGE SERVICE TIME*/
.licensesservices .licensesservices-col:nth-child(2) .time-num-box {
  border: 2px solid #b99b41;
  color: #b99b41; }
  .licensesservices .licensesservices-col:nth-child(2) .time-num-box .num-box span {
    background: #b99b41; }
    .licensesservices .licensesservices-col:nth-child(2) .time-num-box .num-box span:last-child {
      background: transparent; }
.licensesservices .licensesservices-col:nth-child(3) .time-num-box {
  border: 2px solid #2293ab;
  color: #2293ab; }
  .licensesservices .licensesservices-col:nth-child(3) .time-num-box:before, .licensesservices .licensesservices-col:nth-child(3) .time-num-box:after {
    display: none; }
  .licensesservices .licensesservices-col:nth-child(3) .time-num-box .num-box span {
    background: #2293ab; }
    .licensesservices .licensesservices-col:nth-child(3) .time-num-box .num-box span:last-child {
      background: transparent; }

.time-num-box {
  border: 2px solid #079071;
  min-height: 160px;
  color: #079071;
  margin: 0 40px 0 40px; }
  @media only screen and (max-width: 1024px) {
    .time-num-box {
      margin: 0 40px 57px 0; } }
  .time-num-box:before {
    background: #e2e2e2 none repeat scroll 0 0;
    border: 3px solid white;
    border-radius: 50%;
    content: "";
    height: 20px;
    position: absolute;
    left: -10px;
    top: 55px;
    width: 20px;
    z-index: 1; }
    @media only screen and (max-width: 1024px) {
      .time-num-box:before {
        display: none; } }
  .time-num-box:after {
    background: #e2e2e2 none repeat scroll 0 0;
    content: "";
    height: 5px;
    position: absolute;
    left: -46px;
    width: 22%; }
    @media only screen and (max-width: 1024px) {
      .time-num-box:after {
        display: none; } }
  .time-num-box .title {
    font-size: 18px;
    display: block;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    margin-top: 35px; }
    .time-num-box .title:before {
      content: "";
      position: absolute;
      top: -70px;
      background: white;
      left: 39%;
      width: 85px;
      height: 46px;
      font-family: FontAwesome;
      font-size: 47px; }
  .time-num-box .num-box {
    display: inline-block;
    margin: 0 10px 0 10px;
    position: relative;
    right: 30px;
    margin-top: 22px; }
    .time-num-box .num-box span {
      width: 27px;
      display: inline-block;
      background: #079071;
      text-align: center;
      padding: 4px;
      color: white; }
      .time-num-box .num-box span:last-child {
        display: block;
        color: black;
        background: transparent;
        text-align: center;
        text-transform: uppercase;
        font-size: 13px;
        margin: 0;
        width: 56px; }

.checkbox-div {
  background-color: #f2f2f2;
  border: 1px solid #b5b5b5;
  overflow: hidden;
  padding: 15px; }
  .checkbox-div .checkbox-style input[type=checkbox] {
    display: none; }
  .checkbox-div .checkbox-style label:before {
    border: 1px solid #afafaf;
    content: "";
    display: block;
    float: right;
    height: 20px;
    width: 20px;
    margin-left: 5px;
    position: relative;
    top: 0px; }
  .checkbox-div .checkbox-style input[type=checkbox]:checked + label:before {
    content: "\2713";
    font-size: 15px;
    color: #059071;
    text-align: center;
    line-height: 21px; }
  .checkbox-div .checkbox-style > label {
    border-bottom: 1px solid #dadada;
    color: #595656;
    display: block;
    font-size: 16px;
    min-height: 70px;
    padding: 11px;
    text-transform: uppercase; }

.Partnership .ContactUsButton {
  background: #cdb364 none repeat scroll 0 0 !important;
  border: 0 none !important;
  color: #000 !important;
  font-size: 18px !important;
  font-weight: bold !important;
  margin-right: 40% !important;
  min-width: 0 !important;
  padding: 10px !important;
  position: relative;
  text-transform: uppercase;
  top: 20px;
  width: 180px;
  font-family: inherit; }

.list-doc-item {
  border: 1px solid #b5b5b5;
  text-align: center;
  padding: 50px 0 50px 0;
  margin: 30px 0 30px 0;
  position: relative;
  min-height: 370px;
  /*&:after {
  background: #fff none repeat scroll 0 0;
  bottom: -15px;
  color: #0c9373;
  content: "";
  display: inline-block;
  font: 40px/1 FontAwesome;
  right: 43%;
  padding: 0 6px;
  position: absolute;
  text-rendering: auto;
  opacity:0;
  }*/ }
  .list-doc-item:hover {
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s;
    border: 1px solid #079071; }
    .list-doc-item:hover .more-doc-icon {
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s;
      opacity: 1; }
    .list-doc-item:hover span:nth-child(2) {
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s;
      border-radius: 0 !important; }
  .list-doc-item .list-doc-text {
    margin-bottom: 50px; }
    .list-doc-item .list-doc-text a {
      color: #29987c;
      font-family: KufiArabic_Light;
      font-size: 1em;
      height: 100px;
      padding: 0 5px 0 5px;
      position: relative;
      text-transform: uppercase;
      display: block;
      width: 100%;
      text-align: center; }
      .list-doc-item .list-doc-text a:after {
        background-color: #dcdcdc;
        clear: both;
        content: "";
        display: block;
        height: 4px;
        right: 40%;
        margin: 0.6em auto 0;
        top: 35px;
        width: 40%; }
    .list-doc-item .list-doc-text span {
      display: block; }
      .list-doc-item .list-doc-text span:nth-child(2) {
        background: #505252 none repeat scroll 0 0;
        border-radius: 50%;
        color: white;
        height: 55px;
        margin: 0 auto;
        width: 55px;
        line-height: 55px; }
      .list-doc-item .list-doc-text span:nth-child(3) {
        color: #8d8d8d;
        margin: 10px auto;
        width: 55px;
        font-size: 16px;
        text-transform: uppercase; }
  .list-doc-item .list-doc-date {
    font-size: 12px;
    text-align: center; }
    .list-doc-item .list-doc-date:before {
      color: #0b9273;
      content: "";
      font-family: fontawesome;
      font-weight: normal;
      margin-left: 5px; }
    .list-doc-item .list-doc-date span {
      color: #8d8d8d; }
  .list-doc-item .more-doc-icon {
    bottom: 14px;
    right: 40%;
    position: absolute;
    opacity: 0; }
    .list-doc-item .more-doc-icon:after {
      background: #fff none repeat scroll 0 0;
      bottom: -30px;
      color: #0c9373;
      content: "";
      display: inline-block;
      font: 40px/1 FontAwesome;
      right: 43%;
      padding: 0 6px;
      position: absolute;
      text-rendering: auto; }

@media only screen and (max-width: 767px) {
  form[action*=mediaandEvents] .Newse-LibraryInternal-PressStatment .LibraryInternal .LibraryInternal2 .arr {
    top: 0 !important; } }
@media only screen and (max-width: 767px) {
  form[action*=mediaandEvents] .Newse-LibraryInternal-PressStatment .list-doc-item .more-doc-icon:after {
    background: #F0F0F0; } }
@media only screen and (max-width: 767px) {
  form[action*=mediaandEvents] .LibraryInternal2 .list-doc-item {
    min-height: 330px;
    padding: 39px 0; } }

.SubPagesTitle {
  font-family: KufiArabic_Bold;
  text-transform: uppercase; }

.CommonGridViewDiv .Grid {
  margin-bottom: 0; }
.CommonGridViewDiv th {
  background: #079071 none repeat scroll 0 0;
  color: white;
  font-weight: normal;
  height: 80px;
  line-height: 3 !important;
  text-align: center;
  text-transform: uppercase;
  border: 0 !important; }
.CommonGridViewDiv td {
  color: #5a5a5a;
  font-size: 17px;
  text-align: center;
  font-family: KufiArabic_Light;
  font-weight: normal !important; }

.GridFooterMain {
  background: #f3f3f3 none repeat scroll 0 0;
  border-color: -moz-use-text-color #b5b5b5 #b5b5b5;
  border-image: none;
  border-style: none solid solid;
  border-width: 0 1px 1px;
  color: black;
  font-size: 14px;
  height: 41px;
  text-transform: uppercase;
  width: 100%;
  border: 0px solid red; }
  .GridFooterMain td {
    padding: 10px; }
    @media only screen and (max-width: 767px) {
      .GridFooterMain td:nth-child(4) {
        display: none; } }
    .GridFooterMain td span {
      line-height: 4; }
    .GridFooterMain td a {
      float: left;
      margin: 0 2px;
      position: relative;
      text-align: center;
      top: 5px;
      width: 17px; }
      .GridFooterMain td a:hover, .GridFooterMain td a.GridViewSelectedPage {
        -webkit-transition: all 0.3s ease 0.1s;
        -moz-transition: all 0.3s ease 0.1s;
        -ms-transition: all 0.3s ease 0.1s;
        -o-transition: all 0.3s ease 0.1s;
        transition: all 0.3s ease 0.1s;
        background: #079071;
        color: #fff; }

.LibraryInternal2 a.more-doc-icon:after {
  background: #F0F0F0  !important; }

.section-row {
  display: inline-block;
  width: 100%;
  margin-bottom: 4vh; }
  .section-row .title-box.no-margin {
    margin-bottom: 0; }
    .section-row .title-box.no-margin:before {
      width: 82%;
      right: 9%; }
      @media (min-width: 768px) and (max-width: 1024px) {
        .section-row .title-box.no-margin:before {
          width: 79% !important; } }
  .section-row .partnersOfSuccess-slider .arr {
    top: -35px; }
    @media only screen and (max-width: 480px) {
      .section-row .partnersOfSuccess-slider .arr {
        top: 2px; } }

@media only screen and (max-width: 480px) {
  .SaudiOffices .partnersOfSuccess-slider .arr {
    top: 15px; } }

.subsite-block {
  border: 1px solid #b5b5b5;
  text-align: center;
  margin-bottom: 30px;
  position: relative; }
  .subsite-block:hover {
    border-color: #079071;
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s; }
  @media only screen and (max-width: 639px) {
    .subsite-block {
      min-height: 300px; } }
  .subsite-block .icon-wrapper {
    height: 85px;
    text-align: center;
    margin: 20px 0; }
    .subsite-block .icon-wrapper img {
      max-height: 100%; }
  .subsite-block .ttl {
    margin: 0;
    color: #29987c;
    font-size: 1em;
    text-transform: uppercase;
    padding: 0 1.75em;
    position: relative;
    height: 60px;
    font-family: KufiArabic_Light; }
    .subsite-block .ttl a {
      color: inherit; }
      .subsite-block .ttl a:hover {
        color: #ceb66f; }
    .subsite-block .ttl:after {
      content: "";
      height: 4px;
      background-color: #dcdcdc;
      clear: both;
      width: 40%;
      display: block;
      margin: 0.6em auto 0;
      right: 40%;
      top: 35px; }
  .subsite-block .det {
    color: #262626;
    font-size: 0.7em;
    padding: 1.5em 1.75em;
    min-height: 92px; }
  .subsite-block .more, .subsite-block .tabs .tab-content .link, .tabs .tab-content .subsite-block .link, .subsite-block .Laws-Regulations .Investment a, .Laws-Regulations .Investment .subsite-block a {
    font-size: 0.7em;
    color: #333333 !important;
    text-transform: uppercase;
    border-top: 1px solid #e6dab7;
    margin: 0 0.6em;
    display: block;
    font-family: KufiArabic_Light;
    padding: 0 1.75em;
    position: absolute;
    bottom: 0;
    width: 90%; }
    @media only screen and (max-width: 767px) {
      .subsite-block .more, .subsite-block .tabs .tab-content .link, .tabs .tab-content .subsite-block .link, .subsite-block .Laws-Regulations .Investment a, .Laws-Regulations .Investment .subsite-block a {
        left: 0; } }
    .subsite-block .more:hover, .subsite-block .tabs .tab-content .link:hover, .tabs .tab-content .subsite-block .link:hover, .subsite-block .Laws-Regulations .Investment a:hover, .Laws-Regulations .Investment .subsite-block a:hover {
      color: #29987c !important; }
    .subsite-block .more:after, .subsite-block .tabs .tab-content .link:after, .tabs .tab-content .subsite-block .link:after, .subsite-block .Laws-Regulations .Investment a:after, .Laws-Regulations .Investment .subsite-block a:after {
      color: #e6dab7; }
  .subsite-block.incentives {
    padding-top: 3vh;
    text-align: right; }
    .subsite-block.incentives .ttl {
      font-size: 1.3em;
      color: #333333;
      height: auto;
      padding: 0 10px;
      text-align: center; }
  .subsite-block.partnersOfSuccess {
    position: relative;
    margin: 70px 13px 0;
    padding-top: 70px;
    text-align: right;
    min-height: 370px; }
    .subsite-block.partnersOfSuccess .ttl {
      color: #333333;
      font-size: 1em;
      text-align: center; }
    .subsite-block.partnersOfSuccess .icon-wrapper {
      position: absolute;
      top: -60px;
      right: 0;
      left: 0;
      text-align: center; }
      .subsite-block.partnersOfSuccess .icon-wrapper img {
        display: inline-block;
        border: 2px solid #e1e1e1;
        padding: 10px;
        background: #fff; }

.partnersOfSuccess {
  min-height: 177px !important; }
  .partnersOfSuccess .ttl {
    height: auto; }
  .partnersOfSuccess .det {
    min-height: 185px;
    display: none; }

form[action*=GovernmentSupport] .dfwp-item:nth-child(3n+1) {
  clear: inherit; }

.multimedia-gallery {
  margin: 1.5em auto;
  width: 980px; }
  @media only screen and (max-width: 1199px) {
    .multimedia-gallery {
      width: 100% !important; } }
  .multimedia-gallery .multimedia-slider {
    margin-bottom: 60px; }
    .multimedia-gallery .multimedia-slider .details .ttl {
      font-size: 1.5em;
      color: #1c1c1c;
      margin: 0 0 1em 0; }
    .multimedia-gallery .multimedia-slider .details .desc {
      font-size: 0.85em;
      margin: 0 0 1em 0; }
    .multimedia-gallery .multimedia-slider .current-slide {
      border: 1px solid #b5b5b5;
      background-color: #333; }
  .multimedia-gallery .multimedia-thumbs {
    border: 1px solid #b5b5b5;
    padding: 1em 0.5em; }
    .multimedia-gallery .multimedia-thumbs .thumb {
      text-align: center;
      background-color: #e2e2e2;
      margin: 0 10px;
      cursor: pointer;
      border: 3px solid #cfcfcf;
      opacity: 0.8;
      filter: alpha(opacity=80);
      height: 140.25px; }
      .multimedia-gallery .multimedia-thumbs .thumb:hover {
        opacity: 1;
        filter: alpha(opacity=100); }
      .multimedia-gallery .multimedia-thumbs .thumb.slick-current {
        border-color: #cdb364;
        opacity: 1;
        filter: alpha(opacity=100); }
      .multimedia-gallery .multimedia-thumbs .thumb img {
        display: inline;
        height: 140.25px;
        max-width: 100%; }
  .multimedia-gallery .multimedia-arr {
    color: #ceb670;
    border: 2px solid #ceb670;
    border-radius: 2px;
    height: 30px;
    position: absolute;
    left: 35px;
    text-align: center;
    top: -45px;
    width: 30px;
    z-index: 1;
    cursor: pointer;
    line-height: 1.2;
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s; }
    .multimedia-gallery .multimedia-arr:hover {
      background-color: #ceb670;
      color: #333; }
    .multimedia-gallery .multimedia-arr.right {
      left: 0; }

.navbar-nav {
  float: right !important; }

.mega-Menu {
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  /*responsive menu*/ }
  @media (min-width: 280px) and (max-width: 767px) {
    .mega-Menu {
      margin: 0 5px;
      margin-bottom: 20px; } }
  @media only screen and (max-width: 767px) {
    .mega-Menu {
      border: 0 none;
      margin: 0 5px;
      position: absolute;
      left: 3px;
      top: -125px;
      width: 93%; } }
  @media only screen and (max-width: 767px) {
    .mega-Menu .navbar-toggle {
      float: left;
      margin-left: 15px; } }
  .mega-Menu ul[id*=RootAspMenu] {
    height: 54px; }
    .mega-Menu ul[id*=RootAspMenu] > li.static:last-child > a {
      padding-left: 11px;
      padding-right: 11px; }
    .mega-Menu ul[id*=RootAspMenu] > li.static:first-child > a {
      padding-left: 11px;
      padding-right: 11px; }
    .mega-Menu ul[id*=RootAspMenu] > li.static:hover ul.dynamic {
      display: block; }
    .mega-Menu ul[id*=RootAspMenu] > li.static:hover > a {
      color: #cfb264 !important;
      border-bottom: 4px solid #cfb264;
      transition: background-color .3s ease-in-out;
      -webkit-transition: all .3s ease-in-out;
      -moz-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out; }
      @media (min-width: 280px) and (max-width: 767px) {
        .mega-Menu ul[id*=RootAspMenu] > li.static:hover > a {
          border-bottom: 0; } }
    .mega-Menu ul[id*=RootAspMenu] > li.static > a.selected {
      color: #cfb264 !important;
      border-bottom: 4px solid #cfb264; }
    .mega-Menu ul[id*=RootAspMenu] > li.static a {
      color: #000000;
      font-size: 13px;
      margin-left: 0px !important;
      outline: 0;
      padding-right: 9px;
      padding-left: 9px;
      text-transform: uppercase;
      font-weight: bold;
      padding-top: 19px;
      padding-bottom: 14px; }
      .mega-Menu ul[id*=RootAspMenu] > li.static a span.additional-background {
        background-image: none;
        padding-left: 0; }
    .mega-Menu ul[id*=RootAspMenu] > li.static .action {
      display: none; }
    .mega-Menu ul[id*=RootAspMenu] > li.static ul.dynamic {
      width: 100% !important;
      display: none;
      background-color: transparent;
      right: 0 !important;
      white-space: nowrap;
      border: 0;
      box-shadow: none;
      top: 98% !important;
      padding-top: 30px; }
      @media (min-width: 280px) and (max-width: 767px) {
        .mega-Menu ul[id*=RootAspMenu] > li.static ul.dynamic {
          display: none !important;
          position: relative; } }
      .mega-Menu ul[id*=RootAspMenu] > li.static ul.dynamic > li.dynamic {
        width: 21% !important;
        float: right;
        margin-left: 15px; }
        @media (min-width: 280px) and (max-width: 767px) {
          .mega-Menu ul[id*=RootAspMenu] > li.static ul.dynamic > li.dynamic {
            float: none;
            width: 100% !important; } }
        @media (min-width: 768px) and (max-width: 1199px) {
          .mega-Menu ul[id*=RootAspMenu] > li.static ul.dynamic > li.dynamic {
            width: 28% !important; } }
        .mega-Menu ul[id*=RootAspMenu] > li.static ul.dynamic > li.dynamic:nth-child(2n+1) {
          clear: both; }
        .mega-Menu ul[id*=RootAspMenu] > li.static ul.dynamic > li.dynamic a {
          padding-top: 11px;
          padding-bottom: 11px;
          text-transform: capitalize;
          background: #212121;
          margin-bottom: 5px;
          color: #dddddd !important;
          font-size: 12px;
          font-weight: normal;
          border-bottom: 2px solid #3E3E3E; }
          @media (min-width: 768px) and (max-width: 1199px) {
            .mega-Menu ul[id*=RootAspMenu] > li.static ul.dynamic > li.dynamic a {
              width: 100%;
              font-size: 11px !important;
              text-align: right; } }
          .mega-Menu ul[id*=RootAspMenu] > li.static ul.dynamic > li.dynamic a:hover {
            color: #101010 !important;
            background-color: #fff;
            transition: background-color .2s ease-in-out;
            -webkit-transition: background-color .2s ease-in-out;
            -moz-transition: background-color .2s ease-in-out;
            -ms-transition: background-color .2s ease-in-out;
            -o-transition: background-color .2s ease-in-out; }
      .mega-Menu ul[id*=RootAspMenu] > li.static ul.dynamic > li:last-child {
        width: 55%; }
        @media (min-width: 768px) and (max-width: 1199px) {
          .mega-Menu ul[id*=RootAspMenu] > li.static ul.dynamic > li:last-child {
            width: 38% !important; } }
      .mega-Menu ul[id*=RootAspMenu] > li.static ul.dynamic .mega-menu-innerContent {
        border-right: 2px solid #444;
        padding-right: 10px;
        vertical-align: top;
        width: 100%; }
        @media (min-width: 280px) and (max-width: 767px) {
          .mega-Menu ul[id*=RootAspMenu] > li.static ul.dynamic .mega-menu-innerContent {
            display: none; } }
        .mega-Menu ul[id*=RootAspMenu] > li.static ul.dynamic .mega-menu-innerContent figure {
          width: 45%;
          float: right;
          margin-left: 20px; }
          @media (min-width: 768px) and (max-width: 1199px) {
            .mega-Menu ul[id*=RootAspMenu] > li.static ul.dynamic .mega-menu-innerContent figure {
              float: none;
              width: 100%; } }
          .mega-Menu ul[id*=RootAspMenu] > li.static ul.dynamic .mega-menu-innerContent figure img {
            width: 100%; }
            @media (min-width: 768px) and (max-width: 1199px) {
              .mega-Menu ul[id*=RootAspMenu] > li.static ul.dynamic .mega-menu-innerContent figure img {
                width: 50% !important; } }
        .mega-Menu ul[id*=RootAspMenu] > li.static ul.dynamic .mega-menu-innerContent h2 {
          font-size: 16px;
          text-transform: uppercase;
          font-weight: bold;
          color: #cdb364;
          padding-top: 5px;
          margin-top: 0; }
        .mega-Menu ul[id*=RootAspMenu] > li.static ul.dynamic .mega-menu-innerContent p {
          white-space: normal;
          font-size: 13px;
          color: #D4D4D4;
          line-height: 22px;
          text-align: justify;
          overflow: hidden; }
      .mega-Menu ul[id*=RootAspMenu] > li.static ul.dynamic .mega-menu-link-items {
        padding-right: 10px;
        vertical-align: top;
        width: 100%; }
        @media only screen and (max-width: 767px) {
          .mega-Menu ul[id*=RootAspMenu] > li.static ul.dynamic .mega-menu-link-items {
            display: none; } }
        .mega-Menu ul[id*=RootAspMenu] > li.static ul.dynamic .mega-menu-link-items ul.list > li {
          float: right;
          border: 1px solid #555;
          display: block;
          text-align: center;
          position: relative; }
          .mega-Menu ul[id*=RootAspMenu] > li.static ul.dynamic .mega-menu-link-items ul.list > li a {
            padding: 10px 10px;
            display: block;
            width: 130px;
            text-align: center;
            height: 100px;
            color: #999 !important; }
            @media (min-width: 768px) and (max-width: 1199px) {
              .mega-Menu ul[id*=RootAspMenu] > li.static ul.dynamic .mega-menu-link-items ul.list > li a {
                height: 80px !important;
                padding: 9px !important;
                width: 78px !important; } }
            .mega-Menu ul[id*=RootAspMenu] > li.static ul.dynamic .mega-menu-link-items ul.list > li a:hover {
              color: #000 !important;
              transition: all .3s ease-in-out;
              -webkit-transition: all 0.3s ease-in-out;
              -moz-transition: all 0.3s ease ease-in-out;
              -ms-transition: all 0.3s ease ease-in-out;
              -o-transition: all 0.3s ease ease-in-out;
              transition: all 0.3s ease ease-in-out; }
              .mega-Menu ul[id*=RootAspMenu] > li.static ul.dynamic .mega-menu-link-items ul.list > li a:hover i {
                color: #000; }
              .mega-Menu ul[id*=RootAspMenu] > li.static ul.dynamic .mega-menu-link-items ul.list > li a:hover:before {
                width: 100%; }
            .mega-Menu ul[id*=RootAspMenu] > li.static ul.dynamic .mega-menu-link-items ul.list > li a i {
              font-size: 60px;
              display: block;
              margin-bottom: 3px;
              color: #CEB163; }
              @media (min-width: 768px) and (max-width: 1199px) {
                .mega-Menu ul[id*=RootAspMenu] > li.static ul.dynamic .mega-menu-link-items ul.list > li a i {
                  font-size: 25px !important;
                  margin-bottom: 1px !important; } }
            .mega-Menu ul[id*=RootAspMenu] > li.static ul.dynamic .mega-menu-link-items ul.list > li a span {
              text-transform: capitalize;
              font-size: 13px;
              white-space: normal;
              line-height: 22px;
              font-weight: normal; }
              @media (min-width: 768px) and (max-width: 1199px) {
                .mega-Menu ul[id*=RootAspMenu] > li.static ul.dynamic .mega-menu-link-items ul.list > li a span {
                  font-size: 10px;
                  line-height: 1; } }
            .mega-Menu ul[id*=RootAspMenu] > li.static ul.dynamic .mega-menu-link-items ul.list > li a:before {
              background: #d4ba6d url("/Style Library/SagiaBranding/Common/Images/hover-box4-slider.png");
              bottom: 0;
              content: "";
              right: 0;
              position: absolute;
              top: 0;
              width: 0%;
              -webkit-transition: all 0.3s ease 0.1s;
              -moz-transition: all 0.3s ease 0.1s;
              -ms-transition: all 0.3s ease 0.1s;
              -o-transition: all 0.3s ease 0.1s;
              transition: all 0.3s ease 0.1s;
              z-index: -1; }
  .mega-Menu .navbar-collapse {
    padding-right: 0;
    padding-left: 0; }
  .mega-Menu .navbar-toggle {
    min-width: 20px;
    border: 1px solid #008265; }
    .mega-Menu .navbar-toggle .icon-bar {
      background-color: #008265; }
    .mega-Menu .navbar-toggle:hover {
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s;
      background-color: transparent;
      border: 1px solid #cdb364; }
      .mega-Menu .navbar-toggle:hover .icon-bar {
        -webkit-transition: all 0.3s ease 0.1s;
        -moz-transition: all 0.3s ease 0.1s;
        -ms-transition: all 0.3s ease 0.1s;
        -o-transition: all 0.3s ease 0.1s;
        transition: all 0.3s ease 0.1s;
        background: #cdb364; }
  @media (min-width: 280px) and (max-width: 767px) {
    .mega-Menu .navbar-nav {
      background: #222222;
      margin: 0;
      border-bottom: 4px solid #CBB167;
      width: 100%; } }
  @media (min-width: 280px) and (max-width: 767px) {
    .mega-Menu .navbar-nav .nav-menu-inner {
      display: block; } }
  @media (min-width: 280px) and (max-width: 767px) {
    .mega-Menu .navbar-nav .nav-menu-inner ul[id*=RootAspMenu] {
      width: 100%;
      height: auto; } }
  @media (min-width: 280px) and (max-width: 767px) {
    .mega-Menu .navbar-nav .nav-menu-inner ul[id*=RootAspMenu] > .static {
      display: block;
      border-top: 1px solid #1D332C;
      position: relative !important; } }
  @media only screen and (max-width: 480px) {
    .mega-Menu .navbar-nav .nav-menu-inner ul[id*=RootAspMenu] > .static:hover {
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s;
      background: #058e72; } }
  .mega-Menu .navbar-nav .nav-menu-inner ul[id*=RootAspMenu] > .static.openInResponsive ul.dynamic {
    display: block !important; }
  @media (min-width: 280px) and (max-width: 767px) {
    .mega-Menu .navbar-nav .nav-menu-inner ul[id*=RootAspMenu] > .static:nth-child(even) {
      background: #222222; } }
  @media only screen and (max-width: 480px) {
    .mega-Menu .navbar-nav .nav-menu-inner ul[id*=RootAspMenu] > .static:nth-child(even):hover {
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s;
      background: #058e72; } }
  @media (min-width: 280px) and (max-width: 767px) {
    .mega-Menu .navbar-nav .nav-menu-inner ul[id*=RootAspMenu] > .static > .static {
      display: block;
      position: relative;
      padding-right: 65px !important;
      color: #fff !important; } }
  @media (min-width: 280px) and (max-width: 767px) {
    .mega-Menu .navbar-nav .nav-menu-inner ul[id*=RootAspMenu] > .static .action {
      position: absolute;
      display: block;
      top: 0;
      right: 0;
      width: 53px;
      height: 53px;
      text-align: center;
      line-height: 53px;
      border-left: 1px solid #1D332C;
      z-index: 1000;
      font-size: 0.7em;
      cursor: pointer; } }

.subMen-overlay {
  background: url(../../images/black-bg.png) 0 0 repeat-y;
  width: 100%;
  min-height: 200px;
  z-index: -1;
  top: -20px;
  right: 0;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  height: 0;
  -webkit-transition: all 0.75s ease;
  -moz-transition: all 0.75s ease;
  -ms-transition: all 0.75s ease;
  -o-transition: all 0.75s ease;
  transition: all 0.75s ease; }
  .subMen-overlay.shown {
    opacity: 1;
    visibility: visible; }
  @media (min-width: 280px) and (max-width: 767px) {
    .subMen-overlay {
      display: none !important;
      opacity: 0;
      visibility: visible; } }

html[class*=Firefox] .mega-Menu ul[id*=RootAspMenu] > li.static a {
  font-size: 12px;
  padding: 19px 7px 16px; }
  @media (min-width: 768px) and (max-width: 1199px) {
    html[class*=Firefox] .mega-Menu ul[id*=RootAspMenu] > li.static a {
      width: 100px;
      text-align: center;
      padding: 10px 7px 10px;
      font-size: 10px; } }

.mega-Menu ul[id*=RootAspMenu] > li.static a {
  font-size: 13px;
  padding-right: 9px;
  padding-left: 9px; }
  @media (min-width: 768px) and (max-width: 1199px) {
    .mega-Menu ul[id*=RootAspMenu] > li.static a {
      width: 100px;
      text-align: center;
      padding: 9px 7px 9px;
      font-size: 10px; } }

html[class*=Chrome] .mega-Menu ul[id*=RootAspMenu] > li.static a {
  font-size: 13px;
  padding-right: 9px;
  padding-left: 9px; }
  @media (min-width: 768px) and (max-width: 1199px) {
    html[class*=Chrome] .mega-Menu ul[id*=RootAspMenu] > li.static a {
      width: 100px;
      text-align: center;
      padding: 9px 7px 9px;
      font-size: 10px; } }

html[class*=IE] .mega-Menu ul[id*=RootAspMenu] > li.static a {
  font-size: 13px;
  padding-right: 6px;
  padding-left: 6px; }
  @media (min-width: 768px) and (max-width: 1199px) {
    html[class*=IE] .mega-Menu ul[id*=RootAspMenu] > li.static a {
      width: 100px;
      text-align: center;
      padding: 6px 7px 6px;
      font-size: 10px; } }

li.hover, li.hover-off {
  position: inherit !important; }

.animated {
  -webkit-animation-duration: .8s !important;
  -moz-animation-duration: .8s !important;
  -o-animation-duration: .8s !important;
  animation-duration: .8s !important;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both; }

.logo {
  margin-top: 15px; }
  @media only screen and (max-width: 767px) {
    .logo {
      margin-bottom: 25px; } }

.vid-box .container .slider-KeyMessage span {
  text-transform: uppercase; }

a, a:link, a:active, a:hover, a:focus {
  text-decoration: none !important;
  color: inherit; }

a:focus {
  color: inherit; }

.vid-box .link4-header a {
  font-family: KufiArabic_Light; }
  .vid-box .link4-header a span:first-child {
    font-size: 22px;
    padding-bottom: 5px; }
  .vid-box .link4-header a span:nth-child(2) {
    font-family: KufiArabic_Light;
    font-size: 14px; }

.top-service ul li {
  margin-right: 5px; }
  @media only screen and (max-width: 767px) {
    .top-service ul li {
      float: none;
      display: inline-block; } }
  .top-service ul li:nth-last-child(2) {
    margin-right: 0; }

.top-service ul li .sapreter {
  color: #999; }

* {
  outline: 0 !important; }

.main_footer .dfwp-column ul .dfwp-item {
  margin-bottom: 5px; }

header {
  z-index: 1000; }
  header .container {
    padding-left: 0;
    padding-right: 0; }

#s4-workspace {
  overflow-x: hidden; }

.beta-img {
  position: absolute;
  top: 0;
  right: 0;
  width: 70px;
  height: 70px;
  z-index: 9;
  background: url(../../images/beta_AR.PNG) 0 0 no-repeat;
  width: 60px; }

.main_footer {
  margin: 0 0 0;
  position: relative;
  background: #2d2f30;
  background: url("/Style Library/SagiaBranding/Common/Images/Footer_BG.JPG") !important;
  color: #fff;
  padding: 50px 0 50px 0; }
  @media only screen and (max-width: 480px) {
    .main_footer {
      padding: 15px 0; } }
  .main_footer .container {
    position: relative; }
    @media only screen and (max-width: 767px) {
      .main_footer .container {
        padding: 0; } }
  .main_footer .dfwp-column {
    float: right; }
    @media only screen and (max-width: 767px) {
      .main_footer .dfwp-column {
        width: 50% !important; } }
    @media only screen and (max-width: 767px) {
      .main_footer .dfwp-column:nth-child(4n-1) {
        clear: both; } }
    .main_footer .dfwp-column .groupheader {
      display: none; }
    .main_footer .dfwp-column ul .dfwp-item {
      position: relative;
      overflow: hidden; }
      .main_footer .dfwp-column ul .dfwp-item:before {
        -webkit-transition: all 0.3s ease 0.1s;
        -moz-transition: all 0.3s ease 0.1s;
        -ms-transition: all 0.3s ease 0.1s;
        -o-transition: all 0.3s ease 0.1s;
        transition: all 0.3s ease 0.1s;
        background: #666 none repeat scroll 0 0;
        bottom: 0;
        content: "";
        right: 0;
        position: absolute;
        top: 0;
        width: 0;
        z-index: 1; }
      .main_footer .dfwp-column ul .dfwp-item:hover:before {
        width: 98%; }
      .main_footer .dfwp-column ul .dfwp-item:hover a {
        text-decoration: none; }
      .main_footer .dfwp-column ul .dfwp-item a {
        color: #fff;
        display: block;
        font-size: 13px;
        padding: 6px;
        position: relative;
        z-index: 2; }
  .main_footer .ContactHome .btn-Contact {
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s;
    background: #d4ba6d none repeat scroll 0 0;
    border-radius: 5px;
    color: #191918;
    display: block;
    font-size: 18px;
    overflow: hidden;
    padding: 8px;
    position: relative;
    text-align: center;
    text-transform: uppercase; }
    @media only screen and (max-width: 767px) {
      .main_footer .ContactHome .btn-Contact {
        display: none; } }
    .main_footer .ContactHome .btn-Contact:before {
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s;
      background: #fff none repeat scroll 0 0;
      bottom: 0;
      content: "";
      right: 0;
      position: absolute;
      top: 0;
      width: 0;
      z-index: 1; }
    .main_footer .ContactHome .btn-Contact span {
      z-index: 2;
      position: relative;
      color: #0d201c; }
    .main_footer .ContactHome .btn-Contact:hover {
      color: #0d201c;
      text-decoration: none;
      /*&:before {
      width:100%
      }*/ }
  .main_footer .body {
    background: #252626 none repeat scroll 0 0;
    position: absolute;
    text-align: right;
    width: 100%;
    z-index: 3; }
    .main_footer .body .content {
      min-height: 240px; }
    .main_footer .body .clos {
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s;
      border: 1px solid white;
      border-radius: 50%;
      color: white;
      display: block;
      height: 40px;
      line-height: 36px;
      position: absolute;
      left: 15px;
      text-align: center;
      top: 15px;
      width: 40px;
      cursor: pointer;
      font-family: Helvetica_Bolder; }
      .main_footer .body .clos:hover {
        color: #d4ba6d;
        border: 1px solid #d4ba6d;
        text-decoration: none; }
  .main_footer .Copyright {
    margin: 23px 0 0;
    text-align: center; }
    @media only screen and (max-width: 480px) {
      .main_footer .Copyright {
        margin: 0px 0 0; } }
    .main_footer .Copyright i {
      color: #a1a1a1;
      font-size: 90px;
      text-align: center; }
      @media only screen and (max-width: 480px) {
        .main_footer .Copyright i {
          font-size: 75px; } }
    .main_footer .Copyright span {
      color: #acacac;
      display: block;
      font-size: 14px;
      margin-top: 15px;
      text-transform: uppercase; }
      @media only screen and (max-width: 480px) {
        .main_footer .Copyright span {
          margin-top: 10px; } }
  .main_footer .followUS-Newsletter {
    border-top: 1px solid rgba(255, 255, 255, 0.28);
    padding-top: 30px;
    margin-top: 30px; }
    @media only screen and (max-width: 480px) {
      .main_footer .followUS-Newsletter {
        border-top: 0 solid rgba(255, 255, 255, 0.28);
        margin-top: 0;
        padding-top: 10px; } }
    .main_footer .followUS-Newsletter .followUS span {
      color: #adadad;
      font-size: 14px;
      marginleft: 10px; }
    .main_footer .followUS-Newsletter .followUS a {
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s;
      color: #adadad;
      font-size: 14px; }
      .main_footer .followUS-Newsletter .followUS a:hover {
        color: #7f734c; }
  @media only screen and (max-width: 767px) {
    .main_footer .followUS {
      text-align: center;
      margin-bottom: 20px; } }
  @media only screen and (max-width: 480px) {
    .main_footer .followUS {
      margin-bottom: 10px; } }
  @media only screen and (max-width: 767px) {
    .main_footer .col-md-9 {
      display: none; } }
  .main_footer .linkFooter {
    border-top: 0px solid rgba(255, 255, 255, 0.28);
    margin-top: 10px;
    padding-top: 10px;
    display: none; }
    .main_footer .linkFooter a {
      color: #999999;
      font-size: 12px;
      font-weight: normal;
      text-transform: uppercase;
      width: 100%;
      text-align: center;
      padding-bottom: 10px;
      font-weight: bold; }
    .main_footer .linkFooter span {
      color: #999999; }
    @media only screen and (max-width: 767px) {
      .main_footer .linkFooter {
        display: block; } }

.box1-Partners .slick-slide a:hover span {
  color: #006A58 !important;
  transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out; }

.whySaudi-Section article {
  margin-bottom: 30px; }
  .whySaudi-Section article .number {
    background: #079071;
    color: #fff;
    width: 65px;
    height: 65px;
    display: inline-block;
    border-radius: 50%;
    font-family: Helvetica_Bolder;
    text-align: center;
    line-height: 65px;
    font-size: 32px;
    /*margin-right: 65px;*/
    margin-bottom: 0; }
  .whySaudi-Section article .title {
    color: #000;
    font-family: KufiArabic_Bold;
    font-size: 26px;
    text-transform: uppercase;
    padding-right: 75px;
    min-height: 80px;
    line-height: 70px;
    border-bottom: 2px solid #dcdcdc;
    width: 90%;
    height: 80px; }
    @media only screen and (max-width: 1199px) {
      .whySaudi-Section article .title {
        width: 100%; } }
    @media only screen and (max-width: 991px) {
      .whySaudi-Section article .title {
        font-size: 20px;
        min-height: auto;
        line-height: 28px;
        padding-top: 12px; } }
  .whySaudi-Section article .summary {
    width: 85%;
    font-size: 14px;
    color: #000;
    margin-bottom: 10px;
    line-height: 20px; }
    @media only screen and (max-width: 991px) {
      .whySaudi-Section article .summary {
        width: 100%;
        text-align: right; } }
  .whySaudi-Section article a {
    color: #079071;
    font-family: KufiArabic_Light;
    font-size: 16px; }
    .whySaudi-Section article a:after {
      content: "\f0d9";
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      margin-right: 10px; }
    .whySaudi-Section article a:hover {
      color: #000; }
  .whySaudi-Section article:nth-child(2n+1) {
    clear: both; }
  .whySaudi-Section article:first-child .title {
    background: url(../../images/1.png) right 0 no-repeat; }
  .whySaudi-Section article:nth-child(2) .title {
    background: url(../../images/2.png) right 0 no-repeat; }
  .whySaudi-Section article:nth-child(3) .title {
    background: url(../../images/3.png) right 0 no-repeat; }
  .whySaudi-Section article:nth-child(4) .title {
    background: url(../../images/4.png) right 0 no-repeat; }
  @media only screen and (max-width: 1199px) {
    .whySaudi-Section article:last-child {
      width: 100%; } }
  .whySaudi-Section article:last-child .title {
    background: url(../../images/5.png) right 0 no-repeat; }

.whySaudi-Summary {
  text-align: center;
  font-size: 20px;
  font-family: KufiArabic_Light;
  margin-bottom: 20px;
  margin-top: 40px; }
  @media only screen and (max-width: 480px) {
    .whySaudi-Summary {
      padding-top: 20px;
      text-align: right; } }

.subsiteBanner .description {
  color: #fff;
  font-size: 19px; }

.facts-figures .hard-facts {
  background: #f0f0f0 url(../../images/gray-bg.jpg) 100% 0 repeat-y;
  min-height: 300px;
  background-size: cover;
  margin-top: -75px;
  padding-top: 10px;
  margin-bottom: 45px; }
  .facts-figures .hard-facts h1 {
    text-align: center;
    font-family: KufiArabic_Light;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: normal;
    margin: 20px 0;
    margin-top: 40px;
    color: #000; }
    .facts-figures .hard-facts h1:before {
      height: 1px;
      background: #e1e1e1; }
  .facts-figures .hard-facts article {
    text-align: center;
    outline: 0; }
    .facts-figures .hard-facts article h2 {
      font-family: KufiArabic_Light;
      font-weight: normal;
      font-size: 20px;
      text-transform: uppercase;
      margin-bottom: 15px; }
    .facts-figures .hard-facts article .summary {
      font-size: 15px;
      color: #000; }
  .facts-figures .hard-facts .slick-dots li {
    /*width: 10px;*/
    height: 10px; }
    .facts-figures .hard-facts .slick-dots li button:before {
      position: absolute;
      top: 0;
      right: 0;
      content: " ";
      width: 10px;
      height: 10px;
      font-family: "slick";
      font-size: 6px;
      line-height: 20px;
      text-align: center;
      color: transparent;
      opacity: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      background: #919191;
      border-radius: 50%; }
  .facts-figures .hard-facts .slick-dots li.slick-active button:before {
    background-color: #008265; }
.facts-figures .more, .facts-figures .tabs .tab-content .link, .tabs .tab-content .facts-figures .link, .facts-figures .Laws-Regulations .Investment a, .Laws-Regulations .Investment .facts-figures a {
  text-align: left; }
.facts-figures .figures-section {
  padding-bottom: 40px;
  padding-top: 40px;
  background: #101011 url(../../images/black-bg-pattern.jpg) 100% 0 repeat-y;
  background-size: cover;
  height: 100%;
  position: relative;
  margin-bottom: 30px; }
  .facts-figures .figures-section .tabs-link {
    float: right;
    width: 30%; }
    .facts-figures .figures-section .tabs-link li.item {
      border-bottom: 1px solid #3f3f3f; }
      .facts-figures .figures-section .tabs-link li.item > a {
        font-size: 14px;
        color: #707070;
        display: block;
        padding: 15px 10px; }
        .facts-figures .figures-section .tabs-link li.item > a:before {
          display: inline-block;
          font: normal normal normal 14px/1 FontAwesome;
          font-size: 20px;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          color: #d4ba6d;
          margin-right: -10px;
          margin-left: 10px;
          content: "\f0d9"; }
        .facts-figures .figures-section .tabs-link li.item > a:hover {
          background: #333; }
          @media only screen and (max-width: 1024px) {
            .facts-figures .figures-section .tabs-link li.item > a:hover {
              background: #d4ba6d url("/Style Library/SagiaBranding/Common/Images/hover-box4-slider.png") 0 0 repeat-y;
              background-size: cover;
              color: #000; } }
    .facts-figures .figures-section .tabs-link li.current a {
      background: #d4ba6d url("/Style Library/SagiaBranding/Common/Images/hover-box4-slider.png") 0 0 repeat-y;
      background-size: cover;
      color: #000; }
      .facts-figures .figures-section .tabs-link li.current a:hover {
        background: #d4ba6d url("/Style Library/SagiaBranding/Common/Images/hover-box4-slider.png") 0 0 repeat-y;
        background-size: cover;
        color: #000; }
      .facts-figures .figures-section .tabs-link li.current a:before {
        color: #101011; }
    @media only screen and (max-width: 767px) {
      .facts-figures .figures-section .tabs-link {
        width: 100%;
        margin-bottom: 20px; } }
  .facts-figures .figures-section .tabs-content {
    float: left;
    width: 65%; }
    @media only screen and (max-width: 767px) {
      .facts-figures .figures-section .tabs-content {
        width: 100%; } }
    .facts-figures .figures-section .tabs-content .content {
      width: 100%;
      display: none; }
      .facts-figures .figures-section .tabs-content .content:nth-child(2) {
        display: block; }
      .facts-figures .figures-section .tabs-content .content img {
        width: 100%;
        max-height: 410px; }
        @media only screen and (max-width: 767px) {
          .facts-figures .figures-section .tabs-content .content img {
            max-height: 100%; } }
      .facts-figures .figures-section .tabs-content .content .magnyfireIcon {
        width: 58px;
        height: 55px;
        background: url(../../images/zoom-icon.jpg) 0 0 no-repeat;
        display: inline-block;
        float: left;
        font-size: 0;
        margin-top: 20px; }
        .facts-figures .figures-section .tabs-content .content .magnyfireIcon:hover {
          opacity: 0.8; }

/*.subsite-block.partnersOfSuccess{
       margin: 70px 0 0;
}*/
.partnersOfSuccess-slider .slick-dots {
  bottom: -60px; }
  .partnersOfSuccess-slider .slick-dots li {
    /*width: 8px;*/ }
    .partnersOfSuccess-slider .slick-dots li button:before {
      position: absolute;
      top: 0;
      right: 0;
      content: " ";
      width: 10px;
      height: 10px;
      font-family: "slick";
      font-size: 6px;
      line-height: 20px;
      text-align: center;
      color: transparent;
      opacity: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      background: #919191;
      border-radius: 50%; }
  .partnersOfSuccess-slider .slick-dots li.slick-active button:before {
    background-color: #008265; }

.faq-nested {
  margin-top: 50px;
  display: inline-block;
  width: 100%; }
  @media only screen and (max-width: 767px) {
    .faq-nested #accordion {
      padding: 0 !important; } }
  .faq-nested .faq-list {
    background: #222;
    min-height: 150px;
    padding: 15px 0 !important; }
    .faq-nested .faq-list input[type=submit] {
      background: transparent;
      color: #a7a7a7;
      border: 0;
      text-align: right;
      padding: 10px 15px !important;
      min-width: 0;
      display: block;
      cursor: pointer;
      width: 90%;
      font-size: 18px;
      font-family: KufiArabic_Light;
      text-transform: uppercase; }
      .faq-nested .faq-list input[type=submit]:hover {
        color: #cdb364; }
    .faq-nested .faq-list li {
      border-bottom: 1px solid #363535;
      padding-right: 20px; }
      .faq-nested .faq-list li:before {
        content: "\f111";
        float: right;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 12px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #a7a7a7;
        padding-top: 16px; }
      .faq-nested .faq-list li:hover:before {
        color: #cdb364; }
      .faq-nested .faq-list li:last-child {
        border-bottom: 0; }
    .faq-nested .faq-list li.active:before {
      color: #cdb364; }
    .faq-nested .faq-list li.active input[type=submit] {
      color: #cdb364; }
  .faq-nested #accordion div.accordion {
    border: 1px solid #b5b5b5;
    border-top: 0; }
    .faq-nested #accordion div.accordion h3 {
      margin: 0 !important;
      background: transparent;
      cursor: pointer;
      font-size: 18px;
      margin-bottom: 10px;
      padding: 15px 0 15px;
      text-transform: uppercase;
      border-bottom: 1px solid #b5b5b5;
      border-top: 1px solid #b5b5b5;
      padding-right: 30px;
      line-height: 30px;
      font-family: KufiArabic_Light; }
      .faq-nested #accordion div.accordion h3:last-child {
        border-bottom: 0; }
      .faq-nested #accordion div.accordion h3 p {
        margin-bottom: 0 !important; }
      .faq-nested #accordion div.accordion h3:before {
        content: "\f067";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 20px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        border: 1px solid #b5b5b5;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        text-align: center;
        padding-top: 5px;
        float: right;
        margin-left: 15px;
        color: #a7a7a7; }
      .faq-nested #accordion div.accordion h3.ui-state-active {
        color: #218e76; }
        .faq-nested #accordion div.accordion h3.ui-state-active:before {
          content: "\f068";
          color: #218e76;
          border-color: #218e76; }
    .faq-nested #accordion div.accordion .AnswerFQ {
      font-size: 14px;
      padding: 15px 30px;
      background: #f0f0f0 url(../../images/gray-bg.jpg) 100% 0 repeat-y;
      background-size: cover; }
      .faq-nested #accordion div.accordion .AnswerFQ * {
        color: inherit !important; }

.oneWebPart .polls-content #Question {
  font-family: KufiArabic_Light;
  font-size: 25px;
  color: #333;
  border-bottom: 1px solid #dddddd;
  background: url(../../images/ques-icon.png) no-repeat;
  padding-right: 40px;
  text-transform: uppercase;
  display: inline-block;
  line-height: 40px;
  font-weight: bold;
  background-position: 99% 0; }
  @media only screen and (max-width: 480px) {
    .oneWebPart .polls-content #Question {
      font-size: 20px;
      padding-right: 0;
      background: none;
      line-height: inherit; } }
.oneWebPart .polls-content #Answers {
  margin-top: 40px;
  margin-bottom: 40px;
  display: inline-block;
  width: 100%;
  text-align: center; }
  .oneWebPart .polls-content #Answers > div {
    margin-left: 15px;
    display: inline-block;
    margin-bottom: 30px;
    width: 30.33%; }
    @media only screen and (max-width: 767px) {
      .oneWebPart .polls-content #Answers > div {
        width: 100% !important;
        text-align: right; } }
    .oneWebPart .polls-content #Answers > div label {
      color: #079072;
      text-transform: uppercase;
      font-size: 18px; }
    .oneWebPart .polls-content #Answers > div .ez-hide {
      opacity: 0;
      filter: alpha(opacity=0);
      width: 50px;
      height: 50px; }
    .oneWebPart .polls-content #Answers > div .ez-selected {
      background: #079072; }
      .oneWebPart .polls-content #Answers > div .ez-selected:before {
        content: "\f00c";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 11px;
        right: 11px;
        font-size: 27px;
        color: #fff; }
    .oneWebPart .polls-content #Answers > div .ez-radio {
      border: 1px solid #079072;
      border-radius: 50%;
      width: 50px;
      height: 50px;
      text-align: center;
      display: inline-block;
      position: relative;
      margin-left: 15px; }
  .oneWebPart .polls-content #Answers .row {
    width: 100%; }
    .oneWebPart .polls-content #Answers .row .resultDiv {
      float: left;
      line-height: 40px; }
      @media only screen and (max-width: 767px) {
        .oneWebPart .polls-content #Answers .row .resultDiv {
          float: none;
          text-align: right; } }
      .oneWebPart .polls-content #Answers .row .resultDiv span[id*=precentID] {
        font-size: 35px;
        margin-right: 30px;
        color: #6f6f6f;
        float: left;
        font-family: KufiArabic_Bold;
        width: 90px; }
        @media only screen and (max-width: 767px) {
          .oneWebPart .polls-content #Answers .row .resultDiv span[id*=precentID] {
            float: none; } }
      .oneWebPart .polls-content #Answers .row .resultDiv span[id*=span] {
        font-size: 16px;
        color: #000; }
    .oneWebPart .polls-content #Answers .row div[id*=containerDiv] {
      float: right;
      height: 20px;
      width: 70%;
      background: #f5f5f5;
      border: 1px solid #ebebeb;
      margin-top: 14px; }
      @media only screen and (max-width: 767px) {
        .oneWebPart .polls-content #Answers .row div[id*=containerDiv] {
          width: 100%; } }
      .oneWebPart .polls-content #Answers .row div[id*=containerDiv] .Internal {
        background: #079072;
        border: 1px solid #edd28d;
        height: 18px; }
  .oneWebPart .polls-content #Answers span[id*=CountSpanID] {
    display: none; }
.oneWebPart .polls-content #Wraper {
  text-align: center;
  margin-bottom: 60px; }
  .oneWebPart .polls-content #Wraper input[type=button] {
    font-size: 18px;
    font-family: KufiArabic_Light;
    color: #191919;
    background: #cdb364;
    text-align: center;
    min-width: 0;
    padding: 8px;
    width: 190px;
    border: 0;
    text-transform: uppercase;
    font-weight: bold; }
    @media only screen and (max-width: 767px) {
      .oneWebPart .polls-content #Wraper input[type=button] {
        margin-bottom: 10px; } }
    .oneWebPart .polls-content #Wraper input[type=button]:hover {
      background: #E0C46E;
      border: 0; }

.Vote .polls-content #Question {
  font-size: 15px;
  color: #FFF;
  border-bottom: 1px solid #dddddd;
  text-transform: uppercase;
  line-height: 30px;
  font-weight: bold;
  text-align: center;
  padding: 10px 0;
  font-family: inherit;
  margin-bottom: 60px; }
.Vote .polls-content #Answers {
  padding: 0 20px;
  margin-bottom: 30px;
  display: inline-block; }
  .Vote .polls-content #Answers > div {
    margin-left: 15px;
    display: inline-block;
    margin-bottom: 15px;
    width: 100%;
    text-align: right;
    padding-right: 20px;
    line-height: 20px; }
    .Vote .polls-content #Answers > div label {
      color: #FFFFFF;
      text-transform: uppercase;
      font-size: 14px; }
    .Vote .polls-content #Answers > div .ez-hide {
      opacity: 0;
      filter: alpha(opacity=0);
      width: 25px;
      height: 25px; }
    .Vote .polls-content #Answers > div .ez-radio {
      border: 1px solid #FFFFFF;
      border-radius: 50%;
      width: 25px;
      height: 25px;
      text-align: center;
      display: inline-block;
      position: relative;
      margin-left: 15px;
      float: right; }
    .Vote .polls-content #Answers > div .ez-selected {
      background: #FFFFFF; }
      .Vote .polls-content #Answers > div .ez-selected:before {
        content: "\f00c";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 5px;
        right: 5px;
        font-size: 14px;
        color: #0D9274; }
  .Vote .polls-content #Answers span {
    color: #fff;
    font-size: 14px;
    float: right;
    padding-left: 10px; }
  .Vote .polls-content #Answers span[id*=CountSpanID] {
    display: none; }
  .Vote .polls-content #Answers div[id*=internalDiv] {
    background: #CDB364;
    height: 10px;
    border: 1px solid #CDB364; }
  .Vote .polls-content #Answers div[id*=containerDiv] {
    height: 14px;
    margin-top: 7px;
    padding: 0 !important;
    background: transparent;
    border: 0;
    width: 100%; }
.Vote .polls-content #Wraper {
  width: 100%;
  padding: 0 10px;
  text-align: center; }
  .Vote .polls-content #Wraper input[type=button] {
    font-size: 15px;
    font-family: KufiArabic_Light;
    color: #191919;
    background: #cdb364;
    text-align: center;
    min-width: 0;
    padding: 8px;
    width: 100px;
    border: 0;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    margin: 0; }
    @media only screen and (max-width: 1024px) {
      .Vote .polls-content #Wraper input[type=button] {
        width: 91px;
        padding: 5px; } }
    .Vote .polls-content #Wraper input[type=button]:first-child {
      width: 90%;
      font-size: 20px;
      margin-bottom: 20px; }
    .Vote .polls-content #Wraper input[type=button]:hover {
      background: #E0C46E;
      border: 0; }

[class^="iconsector-"], [class*=" iconsector-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'NewsectorsFont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.iconsector-AutomobileManufacturing:before {
  content: "\e910"; }

.iconsector-Education:before {
  content: "\e911"; }

.iconsector-IndustrialEquipment:before {
  content: "\e912"; }

.iconsector-CIT:before {
  content: "\e90b"; }

.iconsector-DownstreamChemicals:before {
  content: "\e90c"; }

.iconsector-EngineeringServices:before {
  content: "\e90d"; }

.iconsector-MilitarySpareParts:before {
  content: "\e90e"; }

.iconsector-RenewableEnergy:before {
  content: "\e90f"; }

.iconsector-agricultural:before {
  content: "\e900"; }

.iconsector-Building:before {
  content: "\e901"; }

.iconsector-CrudeOil:before {
  content: "\e902"; }

.iconsector-Electricity:before {
  content: "\e903"; }

.iconsector-Feritilizer:before {
  content: "\e904"; }

.iconsector-health:before {
  content: "\e905"; }

.iconsector-Housing:before {
  content: "\e906"; }

.iconsector-Mining:before {
  content: "\e907"; }

.iconsector-power:before {
  content: "\e908"; }

.iconsector-Toujrism:before {
  content: "\e909"; }

.iconsector-Transport:before {
  content: "\e90a"; }

.mega-Menu ul[id*=RootAspMenu] > li.static ul.dynamic .mega-menu-link-items ul.list > li:nth-last-child(2) a > i {
  font-size: 43px; }

.mega-Menu ul[id*=RootAspMenu] > li.static ul.dynamic .mega-menu-link-items ul.list > li a {
  padding: 10px 10px;
  display: block;
  width: 130px;
  text-align: center;
  height: 105px;
  color: #999 !important; }

.voting-archive {
  float: left;
  width: 100%; }
  .voting-archive #Wraper {
    text-align: center; }
    .voting-archive #Wraper a {
      font-size: 18px;
      font-family: KufiArabic_Light;
      color: #191919;
      background: #cdb364;
      text-align: center;
      min-width: 0;
      padding: 8px;
      width: 190px;
      border: 0;
      text-transform: uppercase;
      font-weight: bold;
      display: inline-block;
      margin-bottom: 50px; }
      .voting-archive #Wraper a:hover {
        background: #E0C46E;
        border: 0; }

.Container {
  float: right;
  height: 20px;
  width: 70%;
  background: #f5f5f5;
  border: 1px solid #ebebeb;
  margin-top: 14px; }
  @media only screen and (max-width: 767px) {
    .Container {
      width: 100%; } }
  .Container .Internal {
    background: #079072;
    border: 1px solid #edd28d;
    height: 18px; }

.Container #internalDiv1 {
  background: none repeat scroll 0 0 #0C928D; }

.AllCountclass {
  color: #000;
  padding-top: 10px !important;
  font-size: 15px;
  text-align: right; }

span.count {
  display: none !important; }

.GridVoting {
  border: 0 none;
  width: 100%;
  margin-bottom: 35px; }

.GridVoting tr td > div:first-child {
  font-family: KufiArabic_Light;
  font-size: 25px;
  color: #333;
  border-bottom: 1px solid #dddddd;
  background: url(../../images/ques-icon.png) no-repeat;
  padding-right: 40px;
  text-transform: uppercase;
  display: inline-block;
  line-height: 40px;
  font-weight: bold;
  width: 100%;
  padding-bottom: 10px;
  background-position: 99% 0; }

.GridVoting tr td .BigContainer {
  float: right;
  width: 100%;
  margin-top: 20px;
  clear: both;
  display: inline-block; }
  .GridVoting tr td .BigContainer:last-child {
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
    padding-bottom: 20px; }

.GridVoting .BigContainer span:nth-child(1) {
  font-size: 35px;
  margin-right: 30px;
  color: #6f6f6f;
  float: left;
  font-family: KufiArabic_Bold;
  width: 90px; }
  @media only screen and (max-width: 767px) {
    .GridVoting .BigContainer span:nth-child(1) {
      float: none; } }

.GridVoting .BigContainer span:nth-child(2), .GridVoting .BigContainer span:nth-child(3) {
  font-size: 16px;
  color: #000;
  float: left;
  padding-top: 15px; }

.GridVoting .BigContainer span:nth-child(3) {
  padding-left: 2px !important; }

.Container #internalDiv1 {
  background: none repeat scroll 0 0 #0C928D; }

.BigContainer span:nth-child(3) {
  padding-left: 2px !important; }

.HeaderHidd {
  display: none; }

.GridVoting .Container div:first-child + div {
  float: left; }

.GridVoting .Container div:first-child + div > div {
  padding-right: 5px; }

.voting-archive .archive-btn {
  clear: both;
  display: inline-block;
  margin-top: 30px;
  float: right;
  background-color: transparent;
  font-size: 23px;
  font-family: inherit;
  border: none;
  border-bottom: 5px solid #005350;
  min-width: 0;
  margin-bottom: -10px;
  outline: 0; }
  .voting-archive .archive-btn:hover {
    opacity: .7;
    background-color: transparent;
    border-color: inherit;
    color: #005350; }

/*!
 * Bootstrap-select v1.8.0 (http://silviomoreto.github.io/bootstrap-select)
 *
 * Copyright 2013-2015 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */
.sector-chart .bootstrap-select > .dropdown-toggle {
  width: 100%;
  padding-left: 25px;
  z-index: 1;
  display: none; }
.sector-chart .bootstrap-select > select {
  position: absolute !important;
  bottom: 0;
  right: 50%;
  width: 0.11px !important;
  height: 100% !important;
  padding: 0 !important;
  opacity: 0 !important;
  border: none; }
  .sector-chart .bootstrap-select > select.mobile-device {
    top: 0;
    right: 0;
    display: block !important;
    width: 100% !important;
    z-index: 2; }
.has-error .sector-chart .bootstrap-select .dropdown-toggle, .error .sector-chart .bootstrap-select .dropdown-toggle {
  border-color: #b94a48; }
.sector-chart .bootstrap-select.fit-width {
  width: auto !important; }
.sector-chart .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: auto; }
.sector-chart .bootstrap-select .dropdown-toggle:focus {
  outline: thin dotted #333333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px; }
.sector-chart .bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none; }
  .sector-chart .bootstrap-select.form-control:not([class*="col-"]) {
    width: 100%; }
  .sector-chart .bootstrap-select.form-control.input-group-btn {
    z-index: auto; }
.sector-chart .bootstrap-select.btn-group:not(.input-group-btn), .sector-chart .bootstrap-select.btn-group[class*="col-"] {
  float: none;
  display: inline-block;
  margin-right: 0; }
.sector-chart .bootstrap-select.btn-group.dropdown-menu-right, .sector-chart .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right, .row .sector-chart .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
  float: left; }
.form-inline .sector-chart .bootstrap-select.btn-group, .form-horizontal .sector-chart .bootstrap-select.btn-group, .form-group .sector-chart .bootstrap-select.btn-group {
  margin-bottom: 0; }
.form-group-lg .sector-chart .bootstrap-select.btn-group.form-control, .form-group-sm .sector-chart .bootstrap-select.btn-group.form-control {
  padding: 0; }
.form-inline .sector-chart .bootstrap-select.btn-group .form-control {
  width: 100%; }
.sector-chart .bootstrap-select.btn-group.disabled,
.sector-chart .bootstrap-select.btn-group > .disabled {
  cursor: not-allowed; }
  .sector-chart .bootstrap-select.btn-group.disabled:focus,
  .sector-chart .bootstrap-select.btn-group > .disabled:focus {
    outline: none !important; }
.sector-chart .bootstrap-select.btn-group.bs-container {
  position: absolute; }
  .sector-chart .bootstrap-select.btn-group.bs-container .dropdown-menu {
    z-index: 1060; }
.sector-chart .bootstrap-select.btn-group .dropdown-toggle .filter-option {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  text-align: right; }
.sector-chart .bootstrap-select.btn-group .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  left: 12px;
  margin-top: -2px;
  vertical-align: middle; }
.sector-chart .bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
  width: 100%; }
.sector-chart .bootstrap-select.btn-group .dropdown-menu {
  min-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
  background: transparent;
  color: #797979;
  font-size: 13px;
  margin: 0;
  width: 100%;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  z-index: 0; }
  @media only screen and (max-width: 480px) {
    .sector-chart .bootstrap-select.btn-group .dropdown-menu {
      height: 55px !important;
      border: 1px solid #fff !important;
      color: #fff !important; } }
  .sector-chart .bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none; }
  .sector-chart .bootstrap-select.btn-group .dropdown-menu li {
    position: relative; }
    .sector-chart .bootstrap-select.btn-group .dropdown-menu li a {
      font-size: 14px;
      padding: 15px 10px;
      cursor: pointer;
      color: #797979; }
      .sector-chart .bootstrap-select.btn-group .dropdown-menu li a:before {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 20px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #d4ba6d;
        margin-right: -10px;
        margin-left: 10px;
        content: "\f0d9" !important; }
      .sector-chart .bootstrap-select.btn-group .dropdown-menu li a:hover {
        width: 100%;
        color: #797979;
        background: #333; }
      .sector-chart .bootstrap-select.btn-group .dropdown-menu li a:focus {
        color: #000;
        background: #d4ba6d url("/Style Library/SagiaBranding/Common/Images/hover-box4-slider.png") 0 0 repeat-y;
        background-size: cover; }
        .sector-chart .bootstrap-select.btn-group .dropdown-menu li a:focus:before {
          color: #101011; }
    .sector-chart .bootstrap-select.btn-group .dropdown-menu li.selected a {
      color: #000;
      background: #d4ba6d url("/Style Library/SagiaBranding/Common/Images/hover-box4-slider.png") 0 0 repeat-y;
      background-size: cover;
      text-align: right; }
      .sector-chart .bootstrap-select.btn-group .dropdown-menu li.selected a:before {
        color: #101011; }
    .sector-chart .bootstrap-select.btn-group .dropdown-menu li.disabled a {
      cursor: not-allowed; }
    .sector-chart .bootstrap-select.btn-group .dropdown-menu li a {
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      text-align: right; }
      .sector-chart .bootstrap-select.btn-group .dropdown-menu li a.opt {
        position: relative;
        padding-right: 2.25em; }
      .sector-chart .bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
        display: none; }
      .sector-chart .bootstrap-select.btn-group .dropdown-menu li a span.text {
        display: inline-block; }
    .sector-chart .bootstrap-select.btn-group .dropdown-menu li small {
      padding-right: 0.5em; }
  .sector-chart .bootstrap-select.btn-group .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: whitesmoke;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    pointer-events: none;
    opacity: 0.9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
.sector-chart .bootstrap-select.btn-group .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
  white-space: nowrap; }
.sector-chart .bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
  position: static; }
.sector-chart .bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px; }
.sector-chart .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
  position: absolute;
  display: inline-block;
  left: 15px;
  margin-top: 5px; }
.sector-chart .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
  margin-left: 34px; }
.sector-chart .bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
  z-index: 1061; }
.sector-chart .bootstrap-select.show-menu-arrow .dropdown-toggle:before {
  content: '';
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  right: 9px;
  display: none; }
.sector-chart .bootstrap-select.show-menu-arrow .dropdown-toggle:after {
  content: '';
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  right: 10px;
  display: none; }
.sector-chart .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
  bottom: auto;
  top: -3px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0; }
.sector-chart .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
  bottom: auto;
  top: -3px;
  border-top: 6px solid white;
  border-bottom: 0; }
.sector-chart .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
  left: 12px;
  right: auto; }
.sector-chart .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
  left: 13px;
  right: auto; }
.sector-chart .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .sector-chart .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
  display: block; }
.sector-chart .bs-searchbox,
.sector-chart .bs-actionsbox,
.sector-chart .bs-donebutton {
  padding: 4px 8px; }
.sector-chart .bs-actionsbox {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .sector-chart .bs-actionsbox .btn-group button {
    width: 50%; }
.sector-chart .bs-donebutton {
  float: right;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .sector-chart .bs-donebutton .btn-group button {
    width: 100%; }
.sector-chart .bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px; }
.sector-chart .bs-searchbox .form-control {
  margin-bottom: 0;
  width: 100%;
  float: none; }

.lst_KPIsCSS .btn-default {
  display: none; }

.contactUs {
  border: 1px solid #e1e1e1;
  padding: 0 20px !important;
  position: relative;
  font-family: KufiArabic_Light;
  margin-bottom: 80px; }
  @media only screen and (max-width: 767px) {
    .contactUs {
      padding: 0 10px !important;
      margin-top: 0 !important;
      margin-bottom: 30px; } }
  .contactUs:before {
    content: "";
    background: #ffffff url(../../images/contactus-icon.jpg) 0 0 no-repeat;
    width: 67px;
    height: 69px;
    right: 47%;
    display: inline-block;
    margin-top: -30px;
    margin-right: 50%; }
    @media only screen and (max-width: 767px) {
      .contactUs:before {
        margin-right: 40%; } }
  .contactUs h2 {
    text-align: center;
    margin: 0;
    margin-top: 15px;
    color: #088f71;
    font-size: 20px;
    margin-right: 60px;
    margin-bottom: 30px;
    position: relative;
    text-transform: uppercase; }
    @media only screen and (max-width: 767px) {
      .contactUs h2 {
        margin-right: 0; } }
    .contactUs h2:after {
      content: "";
      height: 2px;
      background-color: #dcdcdc !important;
      clear: both;
      width: 7%;
      display: block;
      position: absolute;
      right: 46.3%;
      top: 35px; }
  .contactUs .ContactUsRequiredField {
    text-align: center;
    margin-right: 53px;
    font-size: 14px;
    margin-top: 12px; }
    @media only screen and (max-width: 767px) {
      .contactUs .ContactUsRequiredField {
        margin-right: 0; } }
  .contactUs .row {
    float: right;
    width: 32%;
    margin-top: 20px; }
    @media only screen and (max-width: 767px) {
      .contactUs .row {
        width: 100%; } }
    .contactUs .row:nth-child(3n+1) {
      clear: both; }
    .contactUs .row .title {
      font-size: 18px;
      text-transform: uppercase;
      margin-bottom: 5px; }
    .contactUs .row .text input[type=text], .contactUs .row .text select {
      width: 90%;
      padding: 10px;
      font-size: 15px; }
      @media only screen and (max-width: 767px) {
        .contactUs .row .text input[type=text], .contactUs .row .text select {
          width: 100%; } }
    .contactUs .row .text span[id*=RequiredFieldValidator] {
      font-size: 12px;
      color: red;
      font-family: KufiArabic_Light;
      font-weight: normal;
      float: right;
      margin-top: 10px; }
  .contactUs .messageBox {
    width: 100%; }
    .contactUs .messageBox label {
      width: 100%;
      font-size: 14px;
      color: #171717;
      font-family: KufiArabic_Light;
      font-weight: normal; }
  .contactUs .Recaptcha input[type=text] {
    width: 100%; }
  .contactUs .Recaptcha input[id$=btnRefresh] {
    font-size: 0;
    min-width: 0;
    border-radius: 0;
    border: 0;
    background: url(../../images/refresh-btn.png) 0 0 no-repeat;
    float: right;
    margin-top: 20px;
    margin-right: 0;
    width: 40px;
    height: 40px; }
  .contactUs input[id$=btnSend] {
    margin-right: 40%;
    border: 0;
    min-width: 0;
    background: #cdb364;
    padding: 10px;
    width: 180px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
    position: relative;
    top: 20px; }
    @media only screen and (max-width: 639px) {
      .contactUs input[id$=btnSend] {
        margin-right: 0;
        width: 180px !important; } }
    .contactUs input[id$=btnSend]:hover {
      background: #E0C46E; }
  .contactUs i.fa.fa-caret-right {
    position: relative;
    top: 22px;
    left: 67px;
    color: #000; }
    .contactUs i.fa.fa-caret-right:before {
      content: "\f0d9"; }

.contact-details {
  background: #f0f0f0 url(../../images/gray-bg.jpg) 100% 0 repeat-y;
  min-height: 270px;
  background-size: cover;
  margin-top: -75px;
  padding-top: 10px;
  margin-bottom: 45px;
  min-height: 60px; }
  .contact-details h2 {
    font-size: 20px;
    color: #000;
    font-family: KufiArabic_Light;
    text-align: center;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 50px; }
    .contact-details h2:after {
      content: "";
      height: 2px;
      background-color: #dcdcdc !important;
      clear: both;
      width: 7%;
      display: block;
      position: absolute;
      right: 46.3%;
      top: 35px; }
  .contact-details li {
    float: right;
    width: 50%;
    margin-bottom: 25px;
    line-height: 15px;
    padding-right: 50px; }
    @media only screen and (max-width: 639px) {
      .contact-details li {
        width: 100%; } }
    .contact-details li label {
      display: block;
      width: 100%;
      font-size: 16px;
      text-transform: uppercase; }
    .contact-details li span {
      font-size: 15px;
      font-family: KufiArabic_Light; }
  .contact-details #phone-number {
    background: url(../../images/tel.png) right 0 no-repeat; }
  .contact-details #email {
    background: url(../../images/email.png) right 0 no-repeat; }
  .contact-details #fax {
    background: url(../../images/print.png) right 0 no-repeat; }
  .contact-details #location {
    background: url(../../images/pin.png) right 0 no-repeat; }

.subsite-block-SaudiOffices {
  border: 1px solid #b5b5b5;
  text-align: center;
  margin-bottom: 30px;
  position: relative; }
  .subsite-block-SaudiOffices:hover {
    border-color: #079071;
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s; }
  .subsite-block-SaudiOffices .icon-wrapper {
    height: 100px;
    text-align: center;
    margin: 20px 0; }
    .subsite-block-SaudiOffices .icon-wrapper img {
      max-height: 100%; }
  .subsite-block-SaudiOffices .ttl {
    margin: 0;
    color: #29987c;
    font-size: 1em;
    text-transform: uppercase;
    padding: 0 1.75em;
    position: relative;
    height: 60px;
    font-family: KufiArabic_Light; }
    .subsite-block-SaudiOffices .ttl a {
      color: inherit; }
      .subsite-block-SaudiOffices .ttl a:hover {
        color: #ceb66f; }
    .subsite-block-SaudiOffices .ttl:after {
      content: "";
      height: 4px;
      background-color: #dcdcdc;
      clear: both;
      width: 40%;
      display: block;
      margin: 0.6em auto 0;
      right: 40%;
      top: 35px; }
  .subsite-block-SaudiOffices .det {
    color: #262626;
    font-size: 0.7em;
    padding-right: 14px;
    min-height: 92px; }
  .subsite-block-SaudiOffices .detS {
    color: #262626;
    font-size: 0.7em;
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 15px; }
  .subsite-block-SaudiOffices .detS a {
    color: #29987c; }
  .subsite-block-SaudiOffices .detS a:hover {
    color: #ceb66f; }
  .subsite-block-SaudiOffices .more, .subsite-block-SaudiOffices .tabs .tab-content .link, .tabs .tab-content .subsite-block-SaudiOffices .link, .subsite-block-SaudiOffices .Laws-Regulations .Investment a, .Laws-Regulations .Investment .subsite-block-SaudiOffices a {
    font-size: 0.7em;
    color: #333333 !important;
    text-transform: uppercase;
    border-top: 1px solid #e6dab7;
    margin: 0 0.6em;
    display: block;
    font-family: KufiArabic_Light;
    padding: 0 1.75em;
    position: absolute;
    bottom: 0;
    width: 90%; }
    .subsite-block-SaudiOffices .more:hover, .subsite-block-SaudiOffices .tabs .tab-content .link:hover, .tabs .tab-content .subsite-block-SaudiOffices .link:hover, .subsite-block-SaudiOffices .Laws-Regulations .Investment a:hover, .Laws-Regulations .Investment .subsite-block-SaudiOffices a:hover {
      color: #29987c !important; }
    .subsite-block-SaudiOffices .more:after, .subsite-block-SaudiOffices .tabs .tab-content .link:after, .tabs .tab-content .subsite-block-SaudiOffices .link:after, .subsite-block-SaudiOffices .Laws-Regulations .Investment a:after, .Laws-Regulations .Investment .subsite-block-SaudiOffices a:after {
      color: #e6dab7; }
  .subsite-block-SaudiOffices.incentives {
    padding-top: 3vh;
    text-align: right; }
    .subsite-block-SaudiOffices.incentives .ttl {
      font-size: 1.3em;
      color: #333333;
      height: auto;
      padding: 0 10px;
      text-align: center; }
  .subsite-block-SaudiOffices.partnersOfSuccess-SaudiOffices {
    position: relative;
    margin: 70px 13px 0;
    padding-top: 20px;
    text-align: right;
    min-height: 370px;
    margin-bottom: 3em; }
    .subsite-block-SaudiOffices.partnersOfSuccess-SaudiOffices .ttl {
      color: #333333;
      font-size: 1em;
      text-align: center; }
    .subsite-block-SaudiOffices.partnersOfSuccess-SaudiOffices .icon-wrapper {
      position: absolute;
      bottom: -62px;
      right: 0;
      left: 0;
      text-align: center; }
      .subsite-block-SaudiOffices.partnersOfSuccess-SaudiOffices .icon-wrapper img {
        display: inline-block;
        border: 2px solid #e1e1e1;
        padding: 10px;
        background: #fff; }

@media only screen and (max-width: 767px) {
  .checkbox-div {
    padding: 5px !important; } }

@media only screen and (max-width: 767px) {
  .mCSB_inside > .mCSB_container {
    margin-left: 0 !important; } }

@media only screen and (max-width: 767px) {
  .checkbox-style > label {
    text-transform: capitalize !important; } }

@media only screen and (max-width: 767px) {
  .checkbox-style label:before {
    margin-left: 10px !important; } }

@media only screen and (max-width: 767px) {
  input.ContactUsButton {
    margin-right: 12% !important; } }

@font-face {
  font-family: 'menuicon';
  src: url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/menuicons/menuicon.eot?10zsqx");
  src: url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/menuicons/menuicon.eot?10zsqx#iefix") format("embedded-opentype"), url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/menuicons/menuicon.ttf?10zsqx") format("truetype"), url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/menuicons/menuicon.woff?10zsqx") format("woff"), url("/Style Library/SagiaBranding/Common/SASS/fonts/fonts/menuicons/menuicon.svg?10zsqx#menuicon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="iconmenu-"], [class*=" iconmenu-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'menuicon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.iconmenu-agricultural:before {
  content: "\e900"; }

.iconmenu-Building:before {
  content: "\e901"; }

.iconmenu-CrudeOil:before {
  content: "\e902"; }

.iconmenu-Electricity:before {
  content: "\e903"; }

.iconmenu-Feritilizer:before {
  content: "\e904"; }

.iconmenu-health:before {
  content: "\e905"; }

.iconmenu-Housing:before {
  content: "\e906"; }

.iconmenu-Mining:before {
  content: "\e907"; }

.iconmenu-power:before {
  content: "\e908"; }

.iconmenu-Tourism:before {
  content: "\e909"; }

.iconmenu-Transport:before {
  content: "\e90a"; }

.imgAnimation, .start-your-business .tabs-content .content img, .box4-slider .KeySectors .slick-slide img, .box2-map-news .slider-banerHome img, .FactsAndFigures-dev img {
  -moz-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1); }

.imgHoverAinmation, .start-your-business .tabs-content .content:hover img, .box4-slider .KeySectors .slick-slide:hover img, .box2-map-news .slider-banerHome:hover img, .FactsAndFigures-dev:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1); }

.start-your-business {
  text-align: center;
  color: #fff;
  padding: 70px 15px;
  position: relative; }
  .start-your-business > .title {
    position: relative;
    z-index: 10; }
    .start-your-business > .title > span {
      font-size: 1.3em; }
    .start-your-business > .title > h2 {
      margin: 0 0 40px 0;
      font-weight: bold;
      font-size: 1.3em; }
  .start-your-business > p {
    font-size: 0.9em;
    margin-bottom: 50px; }
  .start-your-business > select {
    padding: 20px;
    width: 188px;
    position: relative;
    z-index: 100;
    border: 1px solid #fff;
    padding: 5px;
    font-size: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background: transparent url(../../images/dropdown-bg2-ar.png) 0 0 no-repeat; }
    .start-your-business > select option {
      background: #1f1f1f url("/Style Library/SagiaBranding/Common/Images/Facts-figures.png"); }
  .start-your-business .tabs-content {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: hidden; }
    @media only screen and (max-width: 1024px) {
      .start-your-business .tabs-content {
        right: 0;
        left: 0; } }
    .start-your-business .tabs-content .content {
      display: none;
      overflow: hidden; }
      @media only screen and (max-width: 1024px) {
        .start-your-business .tabs-content .content img {
          width: 100%; } }
      .start-your-business .tabs-content .content .innerContent {
        position: absolute;
        bottom: 50px;
        width: 100%; }
        .start-your-business .tabs-content .content .innerContent .description {
          padding: 0 15px;
          line-height: 2;
          font-size: 0.8em; }
        .start-your-business .tabs-content .content .innerContent .submit {
          background-color: #cdb364;
          font-size: 0.9em;
          color: #101011;
          font-weight: 300;
          padding: 6px 3px;
          width: 80%;
          text-align: center;
          display: inline-block;
          margin-top: 20px; }
          .start-your-business .tabs-content .content .innerContent .submit .fa {
            margin-right: 5px; }
            .start-your-business .tabs-content .content .innerContent .submit .fa:before {
              content: "\f0d9"; }
          .start-your-business .tabs-content .content .innerContent .submit:hover {
            background-color: #9e8436; }
  .start-your-business.hasVal {
    padding-top: 30px;
    background: #333; }
    .start-your-business.hasVal > p {
      display: none; }

i span, .fa span {
  display: none; }

.navbar-nav iframe {
  display: none; }

.box1-Partners .slick-list {
  direction: rtl; }

.box4-slider .KeySectors .slick-slide {
  overflow: hidden;
  height: 446px;
  position: relative; }

.box2-map-news .slider-banerHome .slick-slide {
  overflow: hidden; }

html[class*=IE] .box2-map-news .slider-banerHome img {
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  -webkit-transition: none;
  transition: none; }
html[class*=IE] .box2-map-news .slider-banerHome:hover img {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1); }
html[class*=IE] .box2-map-news .slider-banerHome .slick-slide a {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%; }

.editMode .ms-ToolPaneOuter {
  position: absolute;
  left: 45px;
  z-index: 99999; }
  .editMode .ms-ToolPaneOuter * {
    font-size: 14px; }
.editMode .mega-Menu {
  display: none; }

.investment-sectors {
  margin-top: 30px; }
  .investment-sectors article {
    text-align: center;
    margin-bottom: 40px; }
    .investment-sectors article .grid-items {
      border: 1px solid #b5b5b5;
      min-height: 322px;
      transition: all 0.1s ease;
      -webkit-transition: all 0.1s ease;
      -moz-transition: all 0.1s ease;
      -ms-transition: all 0.1s ease;
      -o-transition: all 0.1s ease; }
      .investment-sectors article .grid-items:hover {
        border: 1px solid #0c9373;
        box-shadow: inset 0 0 0 5px #229d7f; }
        .investment-sectors article .grid-items:hover > a:after {
          content: "\f055";
          display: inline-block;
          font: normal normal normal 14px/1 FontAwesome;
          font-size: 40px;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          background: #fff;
          padding: 0 6px;
          position: absolute;
          bottom: -15px;
          right: 43%;
          color: #0c9373; }
      .investment-sectors article .grid-items a {
        padding: 20px;
        display: block; }
        .investment-sectors article .grid-items a:hover {
          color: inherit; }
        .investment-sectors article .grid-items a figure {
          width: 35%;
          margin: 0 auto;
          height: 90px;
          overflow: hidden; }
          .investment-sectors article .grid-items a figure img {
            width: auto;
            max-width: 100%;
            min-height: 50%;
            max-height: 100%; }
        .investment-sectors article .grid-items a .title {
          color: #05906f;
          font-size: 25px;
          font-family: KufiArabic_Light;
          font-weight: bold;
          position: relative;
          margin-bottom: 20px; }
          .investment-sectors article .grid-items a .title:after {
            content: "";
            height: 2px;
            background-color: #dcdcdc !important;
            clear: both;
            width: 20%;
            display: block;
            position: absolute;
            right: 40%;
            bottom: -6px; }
        .investment-sectors article .grid-items a .breif {
          font-size: 14px;
          width: 85%;
          margin: 0 auto; }

footer {
  clear: both; }

.investment-sectors-details .sector-tabs {
  text-align: center;
  background: #f0f0f0 url(../../images/gray-bg.jpg) 100% 0 repeat-y;
  min-height: 450px;
  background-size: cover; }
  .investment-sectors-details .sector-tabs .tabs {
    border: 1px solid #b5b5b5;
    margin-top: 60px;
    margin-bottom: 60px; }
    .investment-sectors-details .sector-tabs .tabs .nav-tabs {
      margin: 0 auto;
      margin-top: -25px;
      border-bottom: 0;
      background: #F0F0F0;
      width: 50%; }
      @media only screen and (max-width: 767px) {
        .investment-sectors-details .sector-tabs .tabs .nav-tabs {
          width: 70%; } }
      @media only screen and (max-width: 639px) {
        .investment-sectors-details .sector-tabs .tabs .nav-tabs {
          width: 90%; } }
      @media (min-width: 767px) and (max-width: 1024px) {
        .investment-sectors-details .sector-tabs .tabs .nav-tabs {
          width: 60%; } }
      .investment-sectors-details .sector-tabs .tabs .nav-tabs li {
        float: none;
        display: inline-block;
        background: #f0f0f0;
        border: 1px solid #B5B5B5 !important;
        margin-left: 5px; }
        @media only screen and (max-width: 639px) {
          .investment-sectors-details .sector-tabs .tabs .nav-tabs li {
            width: 80%; } }
        .investment-sectors-details .sector-tabs .tabs .nav-tabs li.active a, .investment-sectors-details .sector-tabs .tabs .nav-tabs li.active a:hover {
          background: #079071;
          color: #fff;
          border: 0;
          border-radius: 0;
          margin: 0; }
        .investment-sectors-details .sector-tabs .tabs .nav-tabs li a {
          margin: 0;
          border: 0; }
          .investment-sectors-details .sector-tabs .tabs .nav-tabs li a span {
            font-size: 18px;
            font-family: KufiArabic_Light;
            font-weight: bold; }
          .investment-sectors-details .sector-tabs .tabs .nav-tabs li a:hover {
            color: inherit;
            background: #ddd;
            margin: 0; }
    .investment-sectors-details .sector-tabs .tabs .tab-content {
      padding: 30px 30px 50px; }
      @media only screen and (max-width: 767px) {
        .investment-sectors-details .sector-tabs .tabs .tab-content {
          padding: 30px 0 50px; } }
      .investment-sectors-details .sector-tabs .tabs .tab-content h3 {
        color: #05906f;
        font-size: 25px;
        font-family: KufiArabic_Light;
        font-weight: bold;
        position: relative;
        margin-bottom: 28px;
        text-transform: uppercase; }
        .investment-sectors-details .sector-tabs .tabs .tab-content h3:after {
          content: "";
          height: 3px;
          background-color: #dcdcdc !important;
          clear: both;
          width: 8%;
          display: block;
          position: absolute;
          right: 45.5%;
          bottom: -13px; }
      .investment-sectors-details .sector-tabs .tabs .tab-content p {
        font-size: 14px;
        text-align: justify;
        line-height: 24px; }
      .investment-sectors-details .sector-tabs .tabs .tab-content .statistics-tabel {
        margin-bottom: 0;
        margin-top: 0;
        display: inline-block;
        width: 100%; }
        .investment-sectors-details .sector-tabs .tabs .tab-content .statistics-tabel .tableHeader {
          font-weight: bold;
          font-family: KufiArabic_Light;
          background: #e1e1e1;
          min-height: 40px;
          line-height: 40px; }
          .investment-sectors-details .sector-tabs .tabs .tab-content .statistics-tabel .tableHeader > div {
            border: 1px solid #B5B5B5;
            padding: 5px;
            border-bottom: 0;
            min-height: 40px;
            line-height: 40px; }
            .investment-sectors-details .sector-tabs .tabs .tab-content .statistics-tabel .tableHeader > div:last-child {
              border-right: 0; }
        .investment-sectors-details .sector-tabs .tabs .tab-content .statistics-tabel .tableRow .row {
          border: 1px solid #B5B5B5;
          border-bottom: 0; }
          .investment-sectors-details .sector-tabs .tabs .tab-content .statistics-tabel .tableRow .row > div {
            border-bottom: 1px solid #B5B5B5;
            border-left: 1px solid #B5B5B5;
            font-size: 14px;
            min-height: 40px;
            padding-top: 10px; }
            @media only screen and (max-width: 767px) {
              .investment-sectors-details .sector-tabs .tabs .tab-content .statistics-tabel .tableRow .row > div {
                min-height: 100px; } }
            .investment-sectors-details .sector-tabs .tabs .tab-content .statistics-tabel .tableRow .row > div:nth-child(2), .investment-sectors-details .sector-tabs .tabs .tab-content .statistics-tabel .tableRow .row > div:last-child {
              border-left: 0; }
.investment-sectors-details .sector-country select::-ms-expand {
  display: none; }
.investment-sectors-details .sector-country h2 {
  width: 100%;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: KufiArabic_Light;
  margin-bottom: 50px;
  display: inline-block;
  margin-top: 50px; }
.investment-sectors-details .sector-country .country-name {
  border: 1px solid #b5b5b5;
  padding: 10px;
  font-size: 20px;
  font-weight: bold;
  font-family: KufiArabic_Light;
  text-transform: uppercase; }
  @media only screen and (max-width: 480px) {
    .investment-sectors-details .sector-country .country-name {
      font-size: 17px; } }
  @media only screen and (max-width: 767px) {
    .investment-sectors-details .sector-country .country-name {
      margin-bottom: 20px; } }
.investment-sectors-details .sector-country .country-list {
  /*margin-right: 80px !important;*/ }
  @media only screen and (max-width: 767px) {
    .investment-sectors-details .sector-country .country-list {
      margin-right: 0px;
      float: right;
      padding-right: 0 !important;
      padding-left: 0 !important; } }
  .investment-sectors-details .sector-country .country-list .btn-group {
    width: 100%; }
    .investment-sectors-details .sector-country .country-list .btn-group button {
      width: 100%;
      background: transparent;
      text-align: right;
      padding-right: 20px;
      font-size: 20px;
      font-weight: bold;
      font-family: KufiArabic_Light;
      padding: 10px;
      border-radius: 0;
      border: 1px solid #B5B5B5;
      text-transform: uppercase; }
      @media only screen and (max-width: 480px) {
        .investment-sectors-details .sector-country .country-list .btn-group button {
          font-size: 17px; } }
      .investment-sectors-details .sector-country .country-list .btn-group button:hover {
        background-color: transparent;
        background-position: 0 0; }
    .investment-sectors-details .sector-country .country-list .btn-group .multiselect-selected-text {
      float: right; }
    .investment-sectors-details .sector-country .country-list .btn-group .caret {
      display: inline-block;
      width: 0;
      height: 0;
      margin-right: 2px;
      vertical-align: middle;
      border-top: 8px dashed;
      border-top: 8px solid \9;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      color: #079071;
      margin-top: 12px;
      margin-left: 10px;
      float: left; }
      @media only screen and (max-width: 767px) {
        .investment-sectors-details .sector-country .country-list .btn-group .caret {
          margin-left: 0;
          margin-top: 12px; } }
    .investment-sectors-details .sector-country .country-list .btn-group .dropdown-menu {
      width: 100%;
      padding-right: 30px;
      border-radius: 0;
      border: 1px solid #b5b5b5;
      background: #f2f2f2;
      margin-top: 0;
      border-top: 0;
      padding-bottom: 20px;
      z-index: 9999; }
      @media (min-width: 280px) and (max-width: 479px) {
        .investment-sectors-details .sector-country .country-list .btn-group .dropdown-menu {
          padding-right: 10px;
          min-width: 0; } }
      @media only screen and (max-width: 767px) {
        .investment-sectors-details .sector-country .country-list .btn-group .dropdown-menu {
          padding-right: 10px; } }
      .investment-sectors-details .sector-country .country-list .btn-group .dropdown-menu > li {
        float: right;
        margin-left: 40px;
        width: 25%;
        height: 32px;
        overflow: hidden; }
        @media only screen and (max-width: 639px) {
          .investment-sectors-details .sector-country .country-list .btn-group .dropdown-menu > li {
            width: 100%; } }
        @media only screen and (min-width: 767px) {
          .investment-sectors-details .sector-country .country-list .btn-group .dropdown-menu > li {
            width: 25%; } }
        .investment-sectors-details .sector-country .country-list .btn-group .dropdown-menu > li:nth-child(3n+1) {
          clear: both; }
        .investment-sectors-details .sector-country .country-list .btn-group .dropdown-menu > li label.checkbox {
          font-size: 12px;
          text-transform: uppercase;
          font-family: KufiArabic_Light;
          font-weight: bold;
          color: #111; }
          .investment-sectors-details .sector-country .country-list .btn-group .dropdown-menu > li label.checkbox input[type=checkbox] {
            width: 16px;
            height: 16px;
            border-radius: 0;
            margin-top: 0; }
        .investment-sectors-details .sector-country .country-list .btn-group .dropdown-menu > li a:hover {
          background-color: transparent;
          background-image: none;
          color: inherit; }
        .investment-sectors-details .sector-country .country-list .btn-group .dropdown-menu > li.active a {
          background-color: transparent;
          background-image: none;
          color: inherit; }
    .investment-sectors-details .sector-country .country-list .btn-group .btn-default:active {
      background-color: transparent;
      border-color: #b5b5b5;
      box-shadow: none; }
      .investment-sectors-details .sector-country .country-list .btn-group .btn-default:active:hover {
        background-color: transparent;
        border-color: #b5b5b5; }
.investment-sectors-details .sector-country .error {
  font-size: 14px;
  text-align: center;
  margin: 30px 0;
  color: #079071;
  clear: both;
  float: right;
  width: 100%; }
.investment-sectors-details .sector-country .compare-btn {
  text-align: center;
  margin-bottom: 60px; }
  .investment-sectors-details .sector-country .compare-btn input[type=submit] {
    background: #cdb364;
    font-size: 20px;
    font-weight: bold;
    color: #101011;
    font-family: KufiArabic_Light;
    width: 30%;
    border: 0;
    text-transform: uppercase; }
    .investment-sectors-details .sector-country .compare-btn input[type=submit]:hover {
      background: #BBA45C; }
.investment-sectors-details .sector-chart {
  padding-bottom: 40px;
  background: #101011 url(../../images/black-bg-pattern.jpg) 100% 0 repeat-y;
  background-size: cover;
  height: 100%;
  position: relative; }
  .investment-sectors-details .sector-chart .container {
    padding: 0; }
  .investment-sectors-details .sector-chart h2 {
    text-align: center;
    color: #CDB364;
    text-transform: uppercase;
    font-family: KufiArabic_Light;
    font-size: 40px;
    position: relative;
    margin: 30px 0 70px; }
    .investment-sectors-details .sector-chart h2:after {
      content: "";
      height: 3px;
      background-color: #5a5a5a !important;
      clear: both;
      width: 5%;
      display: block;
      position: absolute;
      right: 47.5%;
      top: 50px; }
  .investment-sectors-details .sector-chart .lst_KPIsCSS {
    background: transparent;
    color: #797979;
    font-size: 13px;
    margin: 0;
    width: 100%;
    border: 0; }
    @media only screen and (max-width: 480px) {
      .investment-sectors-details .sector-chart .lst_KPIsCSS {
        height: 100% !important;
        border: 1px solid #fff !important;
        color: #fff !important; } }
    @media only screen and (max-width: 1024px) {
      .investment-sectors-details .sector-chart .lst_KPIsCSS {
        width: 100% !important;
        margin: 25px 0; } }
    .investment-sectors-details .sector-chart .lst_KPIsCSS > option {
      font-size: 14px;
      padding: 15px 10px;
      cursor: pointer;
      color: #797979; }
      .investment-sectors-details .sector-chart .lst_KPIsCSS > option:before {
        content: "\f0da";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 20px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #d4ba6d;
        margin-right: -10px;
        margin-left: 10px; }
      .investment-sectors-details .sector-chart .lst_KPIsCSS > option:hover {
        width: 100%;
        color: #797979;
        background: #333; }
      .investment-sectors-details .sector-chart .lst_KPIsCSS > option[selected="selected"] {
        background: #d4ba6d url("/Style Library/SagiaBranding/Common/Images/hover-box4-slider.png") 0 0 repeat-y;
        background-size: cover; }
        .investment-sectors-details .sector-chart .lst_KPIsCSS > option[selected="selected"]:before {
          color: #101011; }
  .investment-sectors-details .sector-chart .drop_Years {
    position: absolute;
    padding: 0 !important;
    top: 95px;
    left: 17%; }
    @media only screen and (max-width: 480px) {
      .investment-sectors-details .sector-chart .drop_Years {
        left: 26%;
        top: 150px !important; } }
    @media only screen and (max-width: 1024px) {
      .investment-sectors-details .sector-chart .drop_Years {
        top: 110px; } }
    .investment-sectors-details .sector-chart .drop_Years select {
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      background-image: url(../../images/caret-2.jpg);
      background-repeat: no-repeat;
      background-position: 100% 0;
      width: 100%;
      background-color: transparent;
      color: #CEB670;
      border: 1px solid #CEB670;
      font-size: 17px;
      height: 36px;
      padding-right: 10px;
      background-position: left 0 !important; }
      @media only screen and (max-width: 480px) {
        .investment-sectors-details .sector-chart .drop_Years select {
          width: 100%; } }
      .investment-sectors-details .sector-chart .drop_Years select option {
        background: #101011; }
.investment-sectors-details .opprtuinity-grid {
  margin-top: 20px;
  margin-bottom: 20px; }
  @media only screen and (max-width: 480px) {
    .investment-sectors-details .opprtuinity-grid {
      display: block; } }
  .investment-sectors-details .opprtuinity-grid .list article {
    border: 1px solid #b5b5b5;
    text-align: center;
    font-family: KufiArabic_Light;
    font-weight: bold;
    padding: 20px;
    margin-left: 25px;
    min-height: 140px;
    line-height: 70px;
    position: relative;
    float: right;
    width: 30%;
    margin-bottom: 20px;
    padding-bottom: 0; }
    .investment-sectors-details .opprtuinity-grid .list article:hover:before {
      width: 100%; }
    .investment-sectors-details .opprtuinity-grid .list article:hover a, .investment-sectors-details .opprtuinity-grid .list article:hover h3 {
      color: #fff;
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s; }
    .investment-sectors-details .opprtuinity-grid .list article:before {
      background: url(/en/InvestorServices/InvestmentGuide/SiteAssets/green_header.png) 0 0 no-repeat;
      bottom: 0;
      content: "";
      right: 0;
      position: absolute;
      top: 0;
      width: 0%;
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s;
      z-index: -1; }
    .investment-sectors-details .opprtuinity-grid .list article h3 {
      font-size: 25px;
      margin: 0;
      border-bottom: 1px dashed #b5b5b5;
      padding-bottom: 20px; }
      @media only screen and (max-width: 639px) {
        .investment-sectors-details .opprtuinity-grid .list article h3 {
          min-height: 20px; } }
    .investment-sectors-details .opprtuinity-grid .list article a {
      font-size: 18px;
      display: block;
      text-align: right; }
      .investment-sectors-details .opprtuinity-grid .list article a:after {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 18px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #d4ba6d;
        margin-right: 15px;
        content: "\f0d9"; }
  .investment-sectors-details .opprtuinity-grid .list .nextArrow, .investment-sectors-details .opprtuinity-grid .list .prevArrow {
    position: absolute;
    top: -70px;
    background: #fff;
    padding: 0px 10px;
    border: 1px solid #ceb670;
    text-align: center;
    cursor: pointer; }
    .investment-sectors-details .opprtuinity-grid .list .nextArrow:hover, .investment-sectors-details .opprtuinity-grid .list .prevArrow:hover {
      background: #ceb670; }
  .investment-sectors-details .opprtuinity-grid .list .nextArrow {
    left: -41px; }
    @media only screen and (max-width: 1199px) {
      .investment-sectors-details .opprtuinity-grid .list .nextArrow {
        left: 27px; } }
  .investment-sectors-details .opprtuinity-grid .list .prevArrow {
    left: -70px;
    border-right: 0; }
    @media only screen and (max-width: 1199px) {
      .investment-sectors-details .opprtuinity-grid .list .prevArrow {
        left: -2px; } }

.sector-banner {
  height: auto;
  overflow: hidden;
  background-size: cover;
  width: 100%; }
  .sector-banner select::-ms-expand {
    display: none; }
  .sector-banner .row {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .sector-banner img {
    display: block;
    max-width: 100%;
    height: auto;
    width: 100%; }
    @media only screen and (max-width: 1024px) {
      .sector-banner img {
        height: 285px;
        width: auto !important; } }
  .sector-banner .sector-title {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 40px; }
    .sector-banner .sector-title h1 {
      font-size: 66px;
      font-weight: bolder;
      line-height: 80px;
      font-family: KufiArabic_Bold;
      padding-top: 10px;
      margin-bottom: 15px;
      text-align: center;
      color: #ffffff;
      text-transform: uppercase; }
      @media only screen and (max-width: 1199px) {
        .sector-banner .sector-title h1 {
          font-size: 45px;
          line-height: 1;
          margin: 5px; } }
    .sector-banner .sector-title h2 {
      font-size: 24px;
      color: #36facf;
      text-align: center;
      text-transform: uppercase;
      font-weight: bold;
      font-family: KufiArabic_Light; }
      @media only screen and (max-width: 1199px) {
        .sector-banner .sector-title h2 {
          font-size: 15px;
          margin: 5px; } }
    .sector-banner .sector-title h3 {
      font-size: 24px;
      color: #ceb364;
      text-align: center;
      text-transform: uppercase;
      font-weight: bold; }
      @media only screen and (max-width: 1199px) {
        .sector-banner .sector-title h3 {
          font-size: 15px;
          margin: 5px; } }
    .sector-banner .sector-title .dropSectors {
      width: 40%;
      height: 55px;
      padding: 10px;
      margin-top: 30px;
      background-color: transparent;
      color: #fff;
      border: 1px solid #fff;
      position: relative;
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      background-image: url(../../images/select-caret-arrow.png);
      background-repeat: no-repeat;
      background-position: 4% center; }
      @media only screen and (max-width: 1199px) {
        .sector-banner .sector-title .dropSectors {
          margin-top: 10px; } }
      @media only screen and (max-width: 1024px) {
        .sector-banner .sector-title .dropSectors {
          width: 80%; } }
      .sector-banner .sector-title .dropSectors option {
        background: #015852;
        font-size: 16px; }

.row {
  margin-right: 0px !important;
  margin-left: 0px !important; }

.breadcrumb > span:first-child {
  display: none; }
  .breadcrumb > span:first-child + span {
    display: none; }

.padding-right-0 {
  padding-right: 0 !important; }

.padding-left-0 {
  padding-left: 0 !important; }

.main-title {
  font-size: 35px;
  text-transform: uppercase;
  font-weight: bold;
  font-family: KufiArabic_Light;
  margin: 30px 0 40px;
  position: relative; }
  @media only screen and (max-width: 639px) {
    .main-title {
      font-size: 25px; } }
  .main-title span {
    background: #fff;
    position: relative;
    z-index: 99;
    padding: 0 20px;
    display: inline-block; }
  .main-title:after {
    height: 2px;
    content: "";
    background: #b5b5b5;
    display: block;
    position: absolute;
    top: 21px;
    z-index: 0;
    width: 100%; }

@media only screen and (max-width: 480px) {
  .canvas1 canvas {
    width: 100% !important; } }

@media only screen and (max-width: 767px) {
  .container-breadcrumb {
    display: none; } }

@media only screen and (max-width: 480px) {
  div[id$=updatePanel] .container {
    width: 295px !important; } }

html[class*=IE] .bootstrap-select.lst_KPIsCSS {
  float: right !important;
  width: 100% !important;
  height: 400px !important;
  clear: both !important;
  position: absolute !important;
  top: 0 !important;
  overflow-y: scroll; }
  html[class*=IE] .bootstrap-select.lst_KPIsCSS ul {
    position: absolute !important;
    top: -400px !important; }

.sector-opprtunity {
  margin: 40px 0; }
  .sector-opprtunity .grid-item {
    border: 3px solid #b5b5b5;
    height: 125px;
    text-align: center;
    padding: 10px 20px;
    position: relative;
    margin-bottom: 30px; }
    .sector-opprtunity .grid-item:hover {
      border: 3px solid #0c9373; }
      .sector-opprtunity .grid-item:hover input[type=submit], .sector-opprtunity .grid-item:hover:after {
        display: block; }
    .sector-opprtunity .grid-item:after {
      display: none;
      border-radius: 50%;
      width: 40px;
      height: 40px;
      min-width: inherit;
      padding: 0;
      border: 1px solid #0C9373;
      background: #0C9373;
      color: #fff;
      position: absolute;
      bottom: -17px;
      right: 43%;
      font-size: 30px;
      margin: 0;
      font-family: initial;
      content: "+"; }
    .sector-opprtunity .grid-item p {
      font-family: KufiArabic_Light;
      font-size: 18px;
      font-weight: bold;
      color: #0c9373;
      text-transform: uppercase; }
      .sector-opprtunity .grid-item p:after {
        content: "";
        height: 3px;
        background-color: #dcdcdc !important;
        clear: both;
        width: 30%;
        display: block;
        position: relative;
        right: 34.5%;
        top: 5px; }
    .sector-opprtunity .grid-item input[type=submit] {
      display: none;
      border-radius: 0;
      width: 100%;
      height: 100%;
      min-width: inherit;
      padding: 0;
      border: 0px solid #0C9373;
      background: transparent;
      color: #fff;
      position: absolute;
      top: 0;
      left: 0;
      font-size: 30px;
      margin: 0;
      line-height: 0;
      font-family: initial;
      opacity: 0;
      /*display: none;
      border-radius: 50%;
      width: 40px;
      height: 40px;
      min-width: inherit;
      padding: 0;
      border: 1px solid #0C9373;
      background: #0C9373;
      color: #fff;
      position: absolute;
      bottom: -17px;
      right: 43%;
      font-size: 30px;
      margin: 0;
      line-height: 0;
      font-family: initial;*/ }

.modal .modal-content {
  background: #0a8f71 url(../../images/poup-bg.jpg) 100% 0 repeat-y;
  color: #fff;
  border-radius: 0;
  padding: 0 30px;
  min-height: 560px; }
@media only screen and (min-width: 768px) {
  .modal .modal-dialog {
    width: 50%; } }
.modal .modal-header {
  padding: 25px;
  line-height: inherit;
  border: 0;
  margin-top: 0; }
.modal .close {
  color: #FFF;
  opacity: 1;
  border: 1px solid #fff !important;
  width: 26px !important;
  height: 26px;
  min-width: inherit;
  padding: 0 !important;
  margin: 0;
  margin-top: 0;
  font-family: initial;
  font-size: 25px;
  line-height: 25px;
  text-shadow: none;
  float: right; }
  .modal .close:hover {
    opacity: 1;
    background: #e2c468;
    border: 1px solid #e2c468 !important; }
.modal h2.modal-title {
  line-height: inherit;
  text-align: center;
  font-size: 30px;
  font-weight: bolder;
  font-family: KufiArabic_Bold;
  text-transform: uppercase;
  color: #e2c468;
  margin-bottom: 20px; }
  @media only screen and (max-width: 767px) {
    .modal h2.modal-title {
      font-size: 16px;
      height: 40px;
      overflow: hidden; } }
.modal h4.modal-title {
  line-height: inherit;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  font-family: KufiArabic_Light;
  text-transform: uppercase;
  color: #fff; }
  .modal h4.modal-title:after {
    content: "";
    height: 3px;
    background-color: #33a289 !important;
    clear: both;
    width: 20%;
    display: block;
    position: relative;
    right: 40%;
    top: 6px; }
.modal .modal-body {
  font-size: 14px;
  color: #fff;
  height: 380px;
  max-height: 348px; }
  @media only screen and (max-width: 767px) {
    .modal .modal-body {
      height: 180px; } }
  .modal .modal-body span[id$=lbl_SubContent1], .modal .modal-body span[id$=lbl_SubContent2] {
    margin-bottom: 15px;
    line-height: 25px;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    padding-left: 30px; }
  .modal .modal-body .statsticsTitle {
    margin: 10px 0 50px; }
  .modal .modal-body span[id$=lbl_SubContent2] {
    margin-bottom: 10px; }
  .modal .modal-body .statstics-popup {
    background-color: rgba(6, 100, 80, 0.68);
    display: inline-block;
    width: 96%; }
    .modal .modal-body .statstics-popup .row > div {
      height: 50px;
      border-bottom: 1px dashed #047e64;
      line-height: 50px; }
      .modal .modal-body .statstics-popup .row > div:nth-child(2n+1) {
        border-left: 1px dashed #047e64; }

form[action*='SectorOpportunities.aspx'] ~ .ms-dlgContent, form[action*='CurrentOpportunities'] ~ .ms-dlgContent {
  background: #0a8f71 url(../../images/poup-bg.jpg) 100% 0 repeat-y;
  color: #fff;
  border-radius: 0;
  border: 0;
  position: fixed; }
  @media only screen and (max-width: 767px) {
    form[action*='SectorOpportunities.aspx'] ~ .ms-dlgContent, form[action*='CurrentOpportunities'] ~ .ms-dlgContent {
      height: 100% !important; } }
  form[action*='SectorOpportunities.aspx'] ~ .ms-dlgContent .ms-dlgTitle, form[action*='CurrentOpportunities'] ~ .ms-dlgContent .ms-dlgTitle {
    padding: 15px 19px 5px; }
  form[action*='SectorOpportunities.aspx'] ~ .ms-dlgContent .ms-dlgTitleBtns, form[action*='CurrentOpportunities'] ~ .ms-dlgContent .ms-dlgTitleBtns {
    float: right;
    background: #E2C468;
    margin-top: 0;
    width: 35px !important; }
  form[action*='SectorOpportunities.aspx'] ~ .ms-dlgContent .ms-accentText, form[action*='SectorOpportunities.aspx'] ~ .ms-dlgContent .ms-accentText:visited, form[action*='CurrentOpportunities'] ~ .ms-dlgContent .ms-accentText, form[action*='CurrentOpportunities'] ~ .ms-dlgContent .ms-accentText:visited {
    color: #fff !important; }

form[action*='EventsAndActivities'] ~ .ms-dlgContent {
  position: fixed; }

h2.modal-title {
  line-height: inherit;
  text-align: center;
  font-size: 30px;
  font-weight: bolder;
  font-family: KufiArabic_Bold;
  text-transform: uppercase;
  color: #e2c468;
  margin-bottom: 20px; }
  @media only screen and (max-width: 639px) {
    h2.modal-title {
      font-size: 16px !important;
      height: 40px;
      overflow: hidden; } }
  @media only screen and (max-height: 375px) {
    h2.modal-title {
      margin-bottom: 4px !important;
      height: 20px; } }

h4.modal-title {
  line-height: inherit;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  font-family: KufiArabic_Light;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 10px; }
  h4.modal-title:after {
    content: "";
    height: 3px;
    background-color: #33a289 !important;
    clear: both;
    width: 20%;
    display: block;
    position: relative;
    right: 40%;
    top: 6px; }

@media only screen and (min-width: 768px) {
  .modal-dialog {
    width: 50%; } }

.modal-header {
  padding: 25px;
  line-height: inherit;
  border: 0;
  margin-top: 0; }

.modal-body {
  font-size: 14px;
  color: #fff;
  height: 380px;
  max-height: 348px; }
  @media only screen and (max-width: 639px) {
    .modal-body {
      height: 180px; } }
  .modal-body span[id$=lbl_SubContent1], .modal-body span[id$=lbl_SubContent2] {
    margin-bottom: 15px;
    line-height: 25px;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    padding-left: 30px; }
  .modal-body .statsticsTitle {
    margin: 10px 0 30px; }
  .modal-body span[id$=lbl_SubContent2] {
    margin-bottom: 10px; }
  .modal-body .statstics-popup {
    background-color: rgba(6, 100, 80, 0.68);
    display: inline-block;
    width: 96%; }
    .modal-body .statstics-popup .row > div {
      height: 50px;
      border-bottom: 1px dashed #047e64;
      line-height: 50px; }
      .modal-body .statstics-popup .row > div:nth-child(2n+1) {
        border-left: 1px dashed #047e64; }

.more-infoForm {
  background: url("/Style Library/SagiaBranding/Common/Images/Footer_BG.JPG") !important;
  display: none; }
  .more-infoForm h3 {
    float: right;
    text-transform: uppercase;
    font-size: 15px;
    font-family: KufiArabic_Light;
    margin-top: 0;
    margin-left: 7px;
    margin-bottom: 20px; }
    @media only screen and (max-width: 639px) {
      .more-infoForm h3 {
        width: 100%;
        margin-top: 18px; } }
  .more-infoForm .sectorName {
    font-size: 10px;
    text-transform: uppercase;
    padding-top: 0;
    color: #E2C468; }
    .more-infoForm .sectorName span[id$=lbl_Opportunity] {
      font-weight: bold; }
  .more-infoForm .text {
    width: 46% !important; }
    @media only screen and (max-width: 639px) {
      .more-infoForm .text {
        width: 100% !important; } }
  .more-infoForm .text.textarea {
    width: 68% !important; }
    @media only screen and (max-width: 639px) {
      .more-infoForm .text.textarea {
        width: 100% !important; } }

.requestInformation {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #fff;
  background: transparent url(../../images/more-info-icon.jpg) no-repeat;
  padding: 10px;
  padding-right: 40px;
  margin-right: 220px;
  display: inline-block;
  margin-top: -6px;
  background-position: 90% center; }
  @media only screen and (max-width: 767px) {
    .requestInformation {
      margin-right: 0; } }
  @media only screen and (max-height: 375px) {
    .requestInformation {
      position: absolute;
      top: 42px;
      z-index: 99999;
      width: 50px;
      border: 0;
      font-size: 0;
      left: 0;
      display: block; } }
  .requestInformation:hover, .requestInformation:focus, .requestInformation:active, .requestInformation:visited, .requestInformation:link {
    color: #f1f1f1; }

@media only screen and (max-width: 480px) {
  .pageHeader {
    display: none; } }
@media only screen and (max-height: 375px) {
  .pageHeader {
    display: none; } }

@media only screen and (max-width: 639px) {
  div[id$=upModal] .contactus-footer {
    height: 370px;
    overflow-y: scroll; } }
@media only screen and (max-height: 375px) {
  div[id$=upModal] .contactus-footer {
    height: 155px; } }

.current-opportunty {
  margin-top: 30px; }
  .current-opportunty .grid-items {
    border-top: 3px solid #dbdbdb;
    /*border-bottom: 1px solid #dbdbdb;*/
    /*border-right: 1px solid #dbdbdb;*/
    min-height: 112px;
    margin-bottom: 40px; }
    .current-opportunty .grid-items:nth-child(3n) {
      border-left: 0; }
    .current-opportunty .grid-items:nth-child(3n+1) {
      clear: both; }
  .current-opportunty div[id$=tree_OpportunitiesCateories] table tr td:nth-child(2) > a {
    display: none; }
  .current-opportunty div[id$=tree_OpportunitiesCateories] table td a {
    font-size: 14px;
    white-space: normal;
    font-family: inherit; }
  .current-opportunty h3 {
    font-family: KufiArabic_Light;
    font-size: 21px;
    font-weight: bold;
    color: #0c9373;
    text-transform: uppercase;
    margin-bottom: -15px; }

.current-opportunty div[id$=tree_OpportunitiesCateories] table td a img {
  opacity: 0; }

.current-opportunty div[id$=tree_OpportunitiesCateories] table td a.Collapse {
  background: url(../../images/plus.png) 0 0 no-repeat;
  padding-left: 5px;
  padding-bottom: 5px; }

.current-opportunty div[id$=tree_OpportunitiesCateories] table td a.Expand {
  background: url(../../images/minus.png) 0 0 no-repeat;
  padding-left: 5px;
  padding-bottom: 5px; }

.contactus-footer {
  padding: 20px 20px; }
  .contactus-footer h2 {
    font-family: KufiArabic_Light;
    font-size: 22px;
    color: #fff;
    margin-bottom: 25px;
    text-transform: uppercase; }
  .contactus-footer .text {
    width: 40%;
    margin-bottom: 30px;
    margin-left: 20px;
    float: right;
    position: relative; }
    .contactus-footer .text input[type=text], .contactus-footer .text textarea {
      background-color: transparent;
      font-family: KufiArabic_Light;
      font-size: 15px;
      border: 2px solid #454545;
      height: 45px;
      line-height: 45px;
      color: #FFF;
      padding: 0 20px;
      width: 100%; }
    .contactus-footer .text span {
      clear: both;
      font-size: 10px;
      color: #FF9D9D;
      position: absolute;
      bottom: -20px;
      right: 0; }
  .contactus-footer input[type=submit] {
    background: #cdb464;
    width: 140px;
    font-size: 17px;
    font-family: KufiArabic_Light;
    color: #331b01;
    font-weight: bold;
    border: 0;
    margin-top: 4px; }
    .contactus-footer input[type=submit]:hover {
      background-color: #A99452; }
  .contactus-footer div[id$=SuccessOrErrorMessage] {
    text-align: center;
    margin-top: 50px; }
    .contactus-footer div[id$=SuccessOrErrorMessage] span {
      font-family: KufiArabic_Light;
      font-size: 22px;
      margin-top: 30px;
      display: inline-block; }
      .contactus-footer div[id$=SuccessOrErrorMessage] span:before {
        content: "\f00c";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 30px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background: #048332;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        color: #232d25;
        text-align: center;
        position: relative;
        top: -60px;
        right: 140px;
        padding-top: 9px; }

footer .Home-Newsletter {
  text-align: left; }
  footer .Home-Newsletter h5 {
    display: none; }
  footer .Home-Newsletter .text {
    width: 80%;
    text-align: left;
    padding: 0 !important; }
    footer .Home-Newsletter .text input[type=text] {
      background: transparent;
      color: #888;
      height: 35px;
      border-left: 0;
      font-size: 17px;
      width: 60%;
      border-color: #888;
      font-family: KufiArabic_Light; }
      @media only screen and (max-width: 767px) {
        footer .Home-Newsletter .text input[type=text] {
          width: 100%; } }
      footer .Home-Newsletter .text input[type=text]:hover {
        border-color: #888 !important; }
    footer .Home-Newsletter .text .customErrorToolTip {
      clear: both;
      width: 60%;
      float: left;
      text-align: right;
      color: #FF9D9D;
      font-size: 12px;
      padding-top: 7px; }
  footer .Home-Newsletter .submit {
    width: 20%;
    margin: 0;
    padding: 0 !important;
    position: absolute;
    left: 6px;
    top: 1px; }
    footer .Home-Newsletter .submit .submit-btn {
      width: 100%;
      background: transparent;
      border-radius: 0;
      color: #888;
      border-color: #888;
      margin: 0;
      min-width: inherit;
      padding: 6px;
      font-family: KufiArabic_Light;
      font-size: 15px; }
      footer .Home-Newsletter .submit .submit-btn:hover {
        background: #d4ba6d;
        transition: background .3s ease-in-out;
        -webkit-transition: background .3s ease-in-out;
        -moz-transition: background .3s ease-in-out;
        -ms-transition: background .3s ease-in-out;
        color: #191918;
        -o-transition: background .3s ease-in-out; }
  footer .Home-Newsletter span[id$=lblMSG] {
    font-size: 19px;
    font-family: KufiArabic_Light;
    margin-top: 10px;
    clear: both;
    float: left; }
    footer .Home-Newsletter span[id$=lblMSG]:before {
      content: "\f00c";
      display: inline-block;
      font: normal normal normal 14px/1 FontAwesome;
      font-size: 20px;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      padding-left: 10px;
      padding-top: 5px; }

.Home-Newsletter .subscription div:first-child > h1 {
  display: none; }

.subscription {
  margin-bottom: 0; }

.oneWebPart .subscription {
  text-align: center;
  border: 1px solid #e1e1e1;
  margin-top: 70px;
  margin-bottom: 60px; }
  .oneWebPart .subscription:before {
    content: "";
    background: #ffffff url(../../images/contactus-icon.jpg) 0 0 no-repeat;
    width: 67px;
    height: 69px;
    display: inline-block;
    margin-top: -30px;
    margin-right: 0; }
  .oneWebPart .subscription span[id$=Label1] {
    font-size: 20px;
    font-family: KufiArabic_Light;
    color: #067C71;
    margin-bottom: 20px;
    display: inline-block; }
    .oneWebPart .subscription span[id$=Label1]:after {
      content: "";
      height: 2px;
      background-color: #dcdcdc !important;
      clear: both;
      width: 7%;
      display: block;
      position: absolute;
      left: 46.3%;
      top: 55px; }
  .oneWebPart .subscription input[type=text] {
    width: 50%;
    padding: 10px;
    border: 1px solid #e1e1e1;
    margin-top: 15px;
    font-family: KufiArabic_Light; }
    @media only screen and (max-width: 1199px) {
      .oneWebPart .subscription input[type=text] {
        width: 100%; } }
  .oneWebPart .subscription .checkboxStyle {
    text-align: center;
    width: 100%;
    margin: 10px auto; }
    .oneWebPart .subscription .checkboxStyle table {
      width: 50% !important;
      margin: 0 auto !important;
      text-align: right !important; }
    .oneWebPart .subscription .checkboxStyle label {
      font-size: 16px;
      font-family: KufiArabic_Light; }
    .oneWebPart .subscription .checkboxStyle input[type=checkbox] {
      margin-top: 0;
      margin-left: 5px; }
  .oneWebPart .subscription span[id$=RegulartxtMail], .oneWebPart .subscription span[id$=EmailRequiredFieldValidator] {
    clear: both;
    width: 100%;
    float: right;
    font-size: 11px;
    margin-top: 10px;
    color: red; }
  .oneWebPart .subscription input[type=submit] {
    border: 0;
    min-width: 0;
    background: #cdb364;
    padding: 10px;
    width: 180px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    color: #000;
    position: relative;
    top: 22px; }
    .oneWebPart .subscription input[type=submit]:hover {
      background: #E0C46E; }
  .oneWebPart .subscription span[id$=txtLbl] {
    display: none; }
  .oneWebPart .subscription .d_CheckboxValidtion {
    font-size: 14px;
    color: #C17400; }

.ms-srch-item {
  width: 73%;
  padding: 5px 10px 5px 10px;
  font-family: KufiArabic_Light; }
  @media only screen and (max-width: 1024px) {
    .ms-srch-item {
      width: 100%; } }
  @media only screen and (max-width: 767px) {
    .ms-srch-item {
      padding: 0;
      margin: 0px 0 10px 0; } }

.ms-srch-item-body {
  background: #ebebeb;
  padding: 0 20px 30px 20px; }

.ms-srch-item-body:hover {
  background: #079071 !important; }

.ms-srch-item-body:hover * {
  color: #fff !important;
  -webkit-transition: all 0.3s ease 0.1s;
  -moz-transition: all 0.3s ease 0.1s;
  -ms-transition: all 0.3s ease 0.1s;
  -o-transition: all 0.3s ease 0.1s;
  transition: all 0.3s ease 0.1s; }

.ms-srch-item:hover, .ms-srch-resultHover:hover, .edisc-SearchResultItemContainer:hover {
  background: transparent; }

.ms-srch-ellipsis a {
  text-decoration: underline !important;
  color: #079071 !important; }

.ms-srch-ellipsis {
  color: #005350;
  font-size: 24px; }

.ms-srch-item-summary {
  color: #424242;
  padding: 10px 0; }
  @media only screen and (max-width: 767px) {
    .ms-srch-item-summary {
      display: none; } }

.ms-srch-item-path {
  color: #005350; }
  @media only screen and (max-width: 767px) {
    .ms-srch-item-path {
      display: none; } }

.ms-srch-item-body {
  position: relative;
  display: block; }

.ms-srch-item-summaryPreview {
  width: 100%; }

.ms-srch-item-icon {
  height: 70px;
  margin-top: 25px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 70px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
  padding-left: 15px; }

.WordItem .ms-srch-item-icon:before {
  content: "\f1c2"; }

.PowerPointItem .ms-srch-item-icon:before {
  content: "\f1c4"; }

.ExcelItem .ms-srch-item-icon:before {
  content: "\f1c3"; }

.PDFItem .ms-srch-item-icon:before {
  content: "\f1c1"; }

.PictureItem .ms-srch-item-icon:before {
  content: "\f1c5"; }

.WebPageItem .ms-srch-item-icon:before {
  content: "\f0f6"; }

.ms-srch-item:nth-child(2n+1) .ms-srch-item-body {
  background: #f9f9f9; }

.ms-srch-result-noResults {
  line-height: 25px; }

.ms-srch-result #PagingSelf a,
.ms-srch-result #PagingLink a,
.ms-srch-result #PagingImageLink a.ms-promlink-button {
  /*@extend.direction-rtl;
    @extend.float-left;
    border: 1px solid $color-tmp7;
    @include ECRA_Border_Radius(50%);
    border-radius: 50%;
    width: 22px;
    height: 22px;
    @extend.text-center;
    background-color: $color-tmp7;
    color: #fff !important;
    padding-top: 2px;
    text-decoration: none;
    @extend.display-inline-block;*/
  border: 1px solid #dedede;
  width: 25px;
  height: 25px;
  padding-top: 2px;
  font-weight: 600;
  font-size: 14px;
  margin-left: 5px;
  margin-right: 5px; }

#PagingSelf a {
  border: 1px solid #dedede;
  padding-top: 2px;
  font-weight: 600;
  font-size: 14px;
  margin-left: 5px;
  margin-right: 5px; }

#Paging a:hover, #PagingSelf a {
  border: 1px solid #dedede;
  /*border-radius: 50%;*/
  width: 25px;
  height: 25px;
  background-color: #005350;
  color: #fff !important;
  padding-top: 2px;
  text-decoration: none; }

#Paging #PagingImageLink #PageLinkNext span:after {
  content: "<";
  position: relative;
  top: -1px;
  right: 0px; }

#Paging #PagingImageLink #PageLinkPrev span:after {
  content: ">";
  position: relative;
  top: -1px;
  right: 0px; }

main #SearchBox input[type="text"] {
  padding: 11px;
  margin: 0px;
  font-family: inherit;
  height: auto; }
main #SearchBox .ms-srch-sb-searchLink {
  right: 10px;
  top: 10px; }

.ms-srch-sb-searchLink:active, .ms-srch-sb-searchLink > img:active, .ms-srch-sb-navLink:active, .ms-srch-sb-navLink > img:active, .ms-srch-sb-navLink-menuOpen, .ms-srch-sb-navLink-menuOpen:hover, .ms-srch-sb-searchLink:hover, .ms-srch-sb-navLink:hover {
  background-color: transparent; }

#Paging #PagingImageLink a img {
  display: none; }

.ms-srch-item-icon img {
  display: none !important; }

@media only screen and (max-width: 1024px) {
  .ms-srch-hover-outerContainer {
    display: none !important; } }

.ms-srch-result #ResultFooter {
  display: none; }

#ResultHeader {
  display: none !important; }

.ms-srch-item-previewContainer {
  display: none !important; }

.ms-srch-item-summary .ms-srch-item-highlightedText {
  color: #CFB264 !important;
  font-weight: bold; }

.ms-srch-ellipsis {
  white-space: normal; }

.survey-style {
  border: 1px solid #e1e1e1;
  margin: 50px 0 25px 0; }
  .survey-style:before {
    background: #ffffff url("../../images/serv11.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 69px;
    right: 47%;
    margin-right: 50%;
    margin-top: -30px;
    width: 67px; }
  .survey-style iframe {
    height: 2000px !important; }

.toc-layout-main .dfwp-column {
  clear: none;
  float: right;
  margin-right: 10px;
  width: 48%;
  margin-bottom: 35px; }
  @media only screen and (max-width: 480px) {
    .toc-layout-main .dfwp-column {
      width: 100%; } }
  .toc-layout-main .dfwp-column:nth-child(4n-1) {
    clear: both; }

.toc-layout-main .dfwp-column li {
  clear: none;
  float: right;
  margin: 0;
  width: 100% !important; }

.toc-layout-main .dfwp-column li a, .toc-layout-main .dfwp-column li a:link, .toc-layout-main .dfwp-column li a:visited {
  font-size: 14px; }

.toc-layout-main a:hover {
  color: #cdb464; }

.toc-layout-main .dfwp-list .dfwp-column .level-header {
  border-bottom: 1px solid #f8f8f8;
  font-size: 14px;
  padding: 5px 20px 0 0; }

.toc-layout-main .level-band {
  color: #079071;
  padding: 1px 18px;
  position: relative;
  text-transform: uppercase; }

.toc-layout-main .level-band::before {
  content: "";
  font-family: fontawesome;
  font-size: 9px;
  right: 5px;
  position: absolute;
  top: 9px; }

.toc-layout-main .level-header::before {
  content: "";
  font-family: FontAwesome;
  margin-left: 5px; }

.BoardOfDirectors {
  -webkit-transition: all 0.3s ease 0.1s;
  -moz-transition: all 0.3s ease 0.1s;
  -ms-transition: all 0.3s ease 0.1s;
  -o-transition: all 0.3s ease 0.1s;
  transition: all 0.3s ease 0.1s;
  border: 1px solid #b5b5b5;
  height: 450px;
  padding: 25px;
  width: 100%;
  margin-bottom: 30px; }
  .BoardOfDirectors:nth-child(3) {
    margin: 0; }
  .BoardOfDirectors .title {
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s;
    color: #079071;
    float: right;
    font-family: KufiArabic_Light;
    font-size: 19px;
    font-weight: bold;
    height: 58px;
    text-transform: uppercase;
    width: 100%; }
  .BoardOfDirectors figure {
    border-radius: 5px;
    height: 250px;
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
    position: relative; }
    .BoardOfDirectors figure img {
      width: 100%;
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s; }
    .BoardOfDirectors figure .hippy-blue {
      -webkit-transition: all 0.3s ease 0.1s;
      -moz-transition: all 0.3s ease 0.1s;
      -ms-transition: all 0.3s ease 0.1s;
      -o-transition: all 0.3s ease 0.1s;
      transition: all 0.3s ease 0.1s;
      background-color: #dc4225;
      background-image: linear-gradient(135deg, #079071, #d4ba6d);
      height: 480px;
      opacity: 0;
      position: absolute;
      top: 0;
      width: 100%; }
  .BoardOfDirectors .dis {
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #d8d8d8;
    min-height: 90px; }
    .BoardOfDirectors .dis p {
      color: #5e5e5e;
      display: block;
      font-size: 15px;
      width: 100%;
      margin: 0px;
      padding-bottom: 5px; }
    .BoardOfDirectors .dis a {
      color: #04705d;
      font-size: 15px; }
    .BoardOfDirectors .dis span {
      display: block; }
      .BoardOfDirectors .dis span:nth-child(1) {
        color: #5e5e5e;
        font-size: 16px;
        font-weight: normal;
        line-height: 18px; }
      .BoardOfDirectors .dis span:nth-child(2) a {
        border-color: #04705d !important;
        color: #04705d !important;
        font-size: 15px; }
  .BoardOfDirectors .Details {
    -webkit-transition: all 0.3s ease 0.1s;
    -moz-transition: all 0.3s ease 0.1s;
    -ms-transition: all 0.3s ease 0.1s;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s;
    border-color: #04705d !important;
    color: #04705d !important;
    font-size: 15px; }
  .BoardOfDirectors:hover {
    border: 1px solid #008265; }
    .BoardOfDirectors:hover .title {
      color: #ceb66f;
      width: 100%; }
    .BoardOfDirectors:hover .deat {
      border-color: #ceb66f;
      color: #ceb66f; }
    .BoardOfDirectors:hover img {
      -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      -o-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1); }
    .BoardOfDirectors:hover .hippy-blue {
      opacity: 0.6; }

[class^="lg-"], [class*=" lg-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Sagai-Logo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.lg-sagai-logo:before {
  content: "\e900"; }

.lg-logo_en:before {
  content: "\e901"; }

.tender-Header {
  min-height: 242px !important;
  padding: 20px 0 !important; }
  .tender-Header h1 {
    color: #058064;
    font-family: KufiArabic_Bold;
    font-size: 58px;
    text-align: center;
    text-transform: uppercase;
    position: relative; }
    .tender-Header h1:after {
      background-color: #dcdcdc !important;
      bottom: -9px;
      clear: both;
      content: "";
      display: block;
      height: 3px;
      right: 45.5%;
      position: absolute;
      width: 8%; }
  .tender-Header h2 {
    font-weight: bold;
    text-align: center;
    text-transform: uppercase; }

.tender-Table {
  margin-top: 50px; }
  .tender-Table td {
    color: #5b5b5b;
    font-family: KufiArabic_Light;
    font-size: 17px;
    padding: 17px !important;
    border-color: #b5b5b5 !important; }
    .tender-Table td:first-child {
      text-transform: uppercase; }
    .tender-Table td:last-child {
      color: black; }

.Tenders-Lists .subsite-block {
  padding: 20px 20px 0;
  text-align: right;
  margin-bottom: 20px;
  min-height: 290px; }
  @media only screen and (max-width: 767px) {
    .Tenders-Lists .subsite-block {
      min-height: 370px; } }
.Tenders-Lists .ttl {
  text-align: center;
  font-size: 28px; }
.Tenders-Lists div {
  color: black;
  /*font-weight: bold;*/
  margin: 5px 0; }
  .Tenders-Lists div:nth-child(2) {
    margin-bottom: 10px;
    text-align: center !important; }
    .Tenders-Lists div:nth-child(2) span {
      font-size: 18px; }
  .Tenders-Lists div span {
    font-size: 14px; }
    .Tenders-Lists div span:nth-child(2) {
      color: #808080;
      padding-right: 5px; }
    .Tenders-Lists div span i {
      color: #0b9273;
      font-size: 0;
      padding-left: 5px; }
      .Tenders-Lists div span i:before {
        font-size: 17px; }
.Tenders-Lists .more, .Tenders-Lists .tabs .tab-content .link, .tabs .tab-content .Tenders-Lists .link, .Tenders-Lists .Laws-Regulations .Investment a, .Laws-Regulations .Investment .Tenders-Lists a {
  margin-top: 20px !important; }

.table-bordered tr:nth-child(odd) {
  background: #f1f1f1; }

.MSIE10 .figures-section .ms-webpart-chrome-vertical {
  display: block; }

.interactiveMap {
  position: relative; }
  .interactiveMap div#MapAccordion {
    border-right: 7px solid transparent;
    background: transparent !important;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    position: absolute;
    left: 0;
    top: 0; }
    @media only screen and (max-width: 767px) {
      .interactiveMap div#MapAccordion {
        position: relative; } }
    .interactiveMap div#MapAccordion #accordion-map {
      float: left;
      background: #333;
      padding: 0 0 0px !important;
      min-height: 940px;
      background: url("/Style Library/SagiaBranding/Common/Images/Footer_BG.JPG") !important;
      border-right: 7px solid #cdb464; }
      .interactiveMap div#MapAccordion #accordion-map > h3 {
        color: #dfdfdf;
        text-transform: uppercase;
        font-family: KufiArabic_Light;
        cursor: pointer;
        padding-right: 20px;
        font-size: 15px;
        display: inline-block;
        width: 100%;
        margin: 8px 0 8px;
        line-height: 30px; }
        .interactiveMap div#MapAccordion #accordion-map > h3:hover {
          color: #fff; }
        .interactiveMap div#MapAccordion #accordion-map > h3:before {
          content: "\f067";
          display: inline-block;
          font: normal normal normal 14px/1 FontAwesome;
          font-size: 20px;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          border: 1px solid #dfdfdf;
          border-radius: 50%;
          width: 30px;
          height: 30px;
          text-align: center;
          padding-top: 5px;
          float: right;
          margin-left: 15px;
          color: #a7a7a7; }
        .interactiveMap div#MapAccordion #accordion-map > h3.ui-state-active {
          color: #cdb464; }
          .interactiveMap div#MapAccordion #accordion-map > h3.ui-state-active:before {
            content: "\f068";
            color: #cdb464;
            border-color: #cdb464; }
      .interactiveMap div#MapAccordion #accordion-map .panel-default {
        background: #181818;
        border: 0;
        padding-right: 20px; }
        .interactiveMap div#MapAccordion #accordion-map .panel-default > .panel-heading {
          color: #a7a7a7;
          background: transparent;
          border-color: transparent; }
        .interactiveMap div#MapAccordion #accordion-map .panel-default input[type=checkbox] {
          width: 15px;
          height: 15px;
          margin-top: 3px;
          position: relative;
          float: right;
          margin-left: 0px; }
        .interactiveMap div#MapAccordion #accordion-map .panel-default .checkbox-inline {
          color: #a7a7a7;
          font-size: 14px;
          display: block; }

div#div_selectedFilters {
  background: #f1f1f1;
  width: 100%;
  margin-top: 0;
  text-align: right;
  border-top: 3px solid #CDB464; }
  div#div_selectedFilters div[id*=view_checkPopulation],
  div#div_selectedFilters div[id*=view_checkIncome],
  div#div_selectedFilters div[id*=view_check_Opportunities],
  div#div_selectedFilters div[id*=view_checkAges],
  div#div_selectedFilters div[id*=view_check_Areas],
  div#div_selectedFilters div[id*=view_check_licensed],
  div#div_selectedFilters div[id*=view_check_Industrial] {
    display: inline-block;
    text-align: right;
    min-height: 100px;
    line-height: 100px;
    float: none !important; }
    div#div_selectedFilters div[id*=view_checkPopulation] > div,
    div#div_selectedFilters div[id*=view_checkIncome] > div,
    div#div_selectedFilters div[id*=view_check_Opportunities] > div,
    div#div_selectedFilters div[id*=view_checkAges] > div,
    div#div_selectedFilters div[id*=view_check_Areas] > div,
    div#div_selectedFilters div[id*=view_check_licensed] > div,
    div#div_selectedFilters div[id*=view_check_Industrial] > div {
      float: left;
      margin-left: 10px;
      margin-top: 36px; }
    div#div_selectedFilters div[id*=view_checkPopulation] label,
    div#div_selectedFilters div[id*=view_checkIncome] label,
    div#div_selectedFilters div[id*=view_check_Opportunities] label,
    div#div_selectedFilters div[id*=view_checkAges] label,
    div#div_selectedFilters div[id*=view_check_Areas] label,
    div#div_selectedFilters div[id*=view_check_licensed] label,
    div#div_selectedFilters div[id*=view_check_Industrial] label {
      display: inline-block;
      max-width: 100%;
      margin-bottom: 5px;
      font-weight: 700;
      font-size: 16px; }

.btn-map-menu {
  display: inline-block; }
  .btn-map-menu:before {
    content: "\f0da";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 25px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #cdb464;
    color: #181818;
    text-align: center;
    height: 80px;
    width: 20px;
    border-radius: 5px;
    position: absolute;
    left: 405px;
    top: 380px;
    line-height: 80px;
    cursor: pointer;
    z-index: 9; }
    @media (min-width: 767px) and (max-width: 1024px) {
      .btn-map-menu:before {
        left: 0; } }
  @media only screen and (max-width: 767px) {
    .btn-map-menu {
      display: none; } }

.openLink:before {
  content: "\f0d9" !important; }

.closeMenu #MapAccordion {
  opacity: 0;
  visibility: hidden; }
.closeMenu .btn-map-menu:before {
  left: 0 !important; }

.HomeInteractiveMap {
  position: relative;
  width: 100%;
  display: inline-block;
  background: #04705D; }
  .HomeInteractiveMap .open-interMap {
    position: absolute;
    bottom: 20px;
    left: 50px;
    color: #333;
    font-size: 30px;
    z-index: 99; }
    .HomeInteractiveMap .open-interMap:hover {
      color: #808080; }

#interactiveMap .modal .modal-dialog {
  width: 90% !important; }
#interactiveMap iframe[src*=interactivemap] header, #interactiveMap iframe[src*=interactivemap] .ribbonBar, #interactiveMap iframe[src*=interactivemap] .beta-img, #interactiveMap iframe[src*=interactivemap] footer, #interactiveMap iframe[src*=interactivemap] .container-breadcrumb {
  display: none; }

.ImportantLinks {
  border-bottom: 1px solid #dcdcdc;
  display: block;
  font-size: 15px;
  margin-bottom: 10px;
  padding: 0 0 12px;
  min-height: 58px; }
  .ImportantLinks:hover {
    color: #008265; }
  .ImportantLinks:before {
    color: #008265;
    content: "";
    font-family: fontawesome;
    font-size: 8px;
    margin-left: 5px;
    position: relative;
    top: -3px;
    display: inline-block; }

.btn-1 {
  background: #cdb464;
  font-size: 17px;
  font-family: Helvetica_Bold;
  color: #331b01 !important;
  font-weight: bold;
  border: 0;
  margin-top: 4px;
  text-align: center;
  padding: 7px 20px; }
  .btn-1:hover {
    background-color: #A99452; }

.oneWebPart {
  margin-top: 40px; }

.background-Patenl {
  background: #f0f0f0 url("../../images/gray-bg.jpg") repeat-y scroll 100% 0/cover;
  min-height: 450px; }

.editMode #s4-bodyContainer td {
  vertical-align: top; }

@media only screen and (max-width: 480px) {
  .oneWebPart, .section-row {
    padding-top: 20px; } }

.subsiteBanner {
  /* top: 0; */
  background-repeat: no-repeat;
  background-position: center;
  top: 0;
  /* left: 0; */
  width: 100%;
  height: 396px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  z-index: 2;
  /*margin-bottom:75px;*/ }
  @media only screen and (max-width: 480px) {
    .subsiteBanner {
      margin-bottom: 0px;
      height: 335px; } }
  .subsiteBanner h1 {
    font-size: 66px;
    font-weight: bolder;
    line-height: 121px;
    font-family: KufiArabic_Bold;
    padding-top: 10px;
    margin-bottom: 15px;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase; }
    @media only screen and (max-width: 767px) {
      .subsiteBanner h1 {
        font-size: 35px;
        line-height: 1.2 !important; } }
    @media (min-width: 768px) and (max-width: 1199px) {
      .subsiteBanner h1 {
        line-height: 1;
        font-size: 52px; } }
  .subsiteBanner .description {
    font-size: 19px;
    color: #fff;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .subsiteBanner .description {
        font-size: 15px; } }

.title-box {
  text-align: center;
  margin-bottom: 40px;
  position: relative; }
  .title-box:before {
    background: #ededed;
    content: "";
    display: block;
    height: 2px;
    right: 0;
    overflow: hidden;
    position: absolute;
    top: 15px;
    width: 100%;
    z-index: -1; }
  .title-box span {
    background: #fff none repeat scroll 0 0;
    font-size: 25px;
    padding: 5px 56px;
    text-transform: uppercase;
    font-weight: bold; }
    @media (min-width: 280px) and (max-width: 479px) {
      .title-box span {
        font-size: 18px;
        padding: 5px 14px; } }

.arr {
  -webkit-transition: all 0.3s ease 0.1s;
  -moz-transition: all 0.3s ease 0.1s;
  -ms-transition: all 0.3s ease 0.1s;
  -o-transition: all 0.3s ease 0.1s;
  transition: all 0.3s ease 0.1s;
  border: 2px solid #ceb670;
  border-radius: 2px;
  color: #ceb670;
  height: 30px;
  position: absolute;
  left: 22px;
  text-align: center;
  top: -45px;
  width: 30px;
  z-index: 1;
  cursor: pointer;
  line-height: 1.2; }
  @media only screen and (max-width: 480px) {
    .arr {
      top: -12px; } }
  .arr:hover {
    color: #000;
    background: #ceb670; }
  .arr.right {
    left: 50px !important; }

.more, .tabs .tab-content .link, .Laws-Regulations .Investment a, .Life-SaudiArabia .more {
  -webkit-transition: all 0.3s ease 0.1s;
  -moz-transition: all 0.3s ease 0.1s;
  -ms-transition: all 0.3s ease 0.1s;
  -o-transition: all 0.3s ease 0.1s;
  transition: all 0.3s ease 0.1s;
  color: #5e5e5e;
  font-size: 16px;
  line-height: 40px;
  font-family: KufiArabic_Light;
  text-transform: uppercase; }
  .more:after, .tabs .tab-content .link:after, .Laws-Regulations .Investment a:after, .Life-SaudiArabia .more:after {
    content: "\f0d9" !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 5px; }
  .more:hover, .tabs .tab-content .link:hover, .Laws-Regulations .Investment a:hover {
    color: #079071; }

.font-size-12px {
  font-size: 12px; }

.font-size-14px {
  font-size: 14px; }

.font-size-16px {
  font-size: 16px; }

.font-size-18px {
  font-size: 18px !important; }

.font-size-20px {
  font-size: 20px; }

.font-size-24px {
  font-size: 24px !important; }

.font-size-22px {
  font-size: 22px; }

.font-size-0 {
  font-size: 0px; }

.font-weight-bold {
  font-weight: bold; }

.line-height-20px {
  line-height: 20px; }

.line-height-24px {
  line-height: 24px; }

.txt-color-tmp1 {
  color: #22392c; }

.txt-color-tmp2 {
  color: #c6a64e; }

.txt-color-tmp3 {
  color: #306a4b; }

.txt-color-tmp4 {
  color: #ffffff; }

.txt-color-tmp5 {
  color: #a7d8eb; }

.txt-color-tmp6 {
  color: #ff2626; }

.txt-color-tmp7 {
  color: #363636; }

.color-white {
  color: white; }

.txt-color-black {
  color: black; }

.text-center, .ms-srch-result #PagingSelf a,
.ms-srch-result #PagingLink a,
.ms-srch-result #PagingImageLink a.ms-promlink-button, #PagingSelf a, #Paging a:hover {
  text-align: center; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-justify {
  text-align: justify; }

.display-inline {
  display: inline; }

.display-inline-block, .ms-srch-result #PagingSelf a,
.ms-srch-result #PagingLink a,
.ms-srch-result #PagingImageLink a.ms-promlink-button, #PagingSelf a, #Paging a:hover {
  display: inline-block; }

.display-block, .ErrorMSG, .SuccessMSG {
  display: block; }

.display-table {
  display: table; }

.display-none, #aspnetForm[action*="SearchResults.aspx"] nav .Search {
  display: none; }

.top-0 {
  top: 0px; }

.bottom-0 {
  bottom: 0px; }

.left-0 {
  left: 0px; }

.right-0 {
  right: 0px; }

.position-absolute, main #SearchBox .ms-srch-sb-searchLink {
  position: absolute; }

.position-fixed {
  position: fixed; }

.position-relative, main #SearchBox {
  position: relative; }

.direction-ltr {
  direction: ltr; }

.direction-rtl, .ms-srch-result #PagingSelf a,
.ms-srch-result #PagingLink a,
.ms-srch-result #PagingImageLink a.ms-promlink-button, #PagingSelf a, #Paging a:hover {
  direction: rtl; }

.padding-left-0 {
  padding-left: 0px; }
  @media only screen and (max-width: 767px) {
    .padding-left-0 {
      padding-left: 5px; } }

.padding-right-0 {
  padding-right: 0px; }
  @media only screen and (max-width: 767px) {
    .padding-right-0 {
      padding-right: 5px; } }

.padding-top-0 {
  padding-top: 0px; }

.padding-bottom-0 {
  padding-bottom: 0px; }

.padding-0 {
  padding: 0; }

.padding-left-10px {
  padding-left: 10px; }

.padding-right-10px {
  padding-right: 10px; }

.flat-btn-2 {
  /*background: #EAEAEA none repeat scroll 0 0;*/
  border: 0 none;
  font-size: 17px;
  font-weight: 800;
  padding: 0px 12px;
  width: auto;
  text-align: center;
  cursor: pointer;
  border-right: 1px solid #ddd; }

.margin-left-0 {
  margin-left: 0px; }

.margin-right-0 {
  margin-right: 0px; }

.margin-top-0 {
  margin-top: 0px; }

.margin-top-15px {
  margin-top: 15px; }

.margin-bottom-0 {
  margin-bottom: 0px !important; }

.margin-bottom-15px {
  margin-bottom: 15px; }

.margin-bottom-20px {
  margin-bottom: 40px; }

.margin-0-auto {
  margin: 0 auto; }

.margin-left-auto {
  margin-left: auto; }

.margin-right-auto {
  margin-right: auto; }

.margin-0 {
  margin: 0; }

.float-left {
  float: left !important; }

.float-right {
  float: right; }

.float-none {
  float: none; }

.border-0 {
  border: 0px; }

.border-top-0 {
  border-top: 0px; }

.border-radius-50 {
  border-radius: 50%; }

.width-100, main #SearchBox, main #SearchBox > div, main #SearchBox input[type="text"], .ErrorMSG, .SuccessMSG {
  width: 100%; }

.height-100 {
  height: 100%; }

.z-index-1 {
  z-index: 1; }

.list-style-none {
  list-style: none; }

.cursor-pointer {
  cursor: pointer; }

.transition-all-2s {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }

.input-focus, main #SearchBox input[type="text"]:focus {
  border-color: rgba(29, 138, 12, 0.8);
  outline: 0;
  outline: thin dotted \9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(29, 138, 12, 0.8);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(29, 138, 12, 0.8);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px rgba(29, 138, 12, 0.8);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out; }

.small-input {
  padding: 7px;
  box-shadow: 0px 0px 4px #e9e9e9;
  border: 1px solid #a7d8eb;
  width: 33%; }

.h300px {
  height: 300px; }

.pos-relative {
  position: relative; }

.clear-fix {
  clear: both; }

.gray-bg {
  background-color: #ffffff; }

.light-gray-bg {
  background-color: #ff2626; }

.border-bottom {
  border-bottom: 5px solid #22392c; }

.green-bg {
  background-color: #22392c; }

.bg-success, .SuccessMSG {
  background-color: #dff0d8; }

.bg-danger, .ErrorMSG {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a; }

.ErrorMSG {
  padding: 10px; }

.SuccessMSG {
  padding: 10px; }

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
  float: right !important; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: right; } }
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: right; } }
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: right; } }
@media only screen and (max-width: 480px) {
  .opprtuinity-grid .arr {
    top: -35px; } }

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