.arrahmah .site-header,
.arrahmah .rh-header .rh-container {
  background-color: #2b3d6b;
}
.arrahmah .rh-header .logo-container img {
  max-height: 80%;
}
.a-button {
  background-image: -webkit-linear-gradient(top, #fff200 0%, #ffdb00 100%);
  background-image: -o-linear-gradient(top, #fff200 0%, #ffdb00 100%);
  background-image: linear-gradient(to bottom, #fff200 0%, #ffdb00 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffff200', endColorstr='#ffffdb00', GradientType=0);
  border: 1px solid #ffec16;
  border-radius: 4px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
  color: #000 !important;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.2em;
  line-height: 16px;
  padding: 6px 30px;
  text-align: center;
  text-decoration: none !important;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.a-button:active {
  background-image: -webkit-linear-gradient(top, #ffdb00 0%, #fff200 100%);
  background-image: -o-linear-gradient(top, #ffdb00 0%, #fff200 100%);
  background-image: linear-gradient(to bottom, #ffdb00 0%, #fff200 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffdb00', endColorstr='#fffff200', GradientType=0);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
  -webkit-transform: translateY(2px);
  -ms-transform: translateY(2px);
  -o-transform: translateY(2px);
  transform: translateY(2px);
}
.a-category {
  color: #f30000;
  display: block;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.a-category.-invert {
  color: #fff;
}
.a-meta {
  color: #000;
  display: block;
  font-size: 10px;
  font-style: italic;
  font-weight: 300;
  margin-top: 8px;
}
.a-meta.-invert {
  color: #fff;
}
.a-meta.-sm {
  margin-top: 5px;
}
.a-meta.-xs {
  margin-top: 3px;
}
[dir="rtl"] .a-meta {
  direction: ltr;
  text-align: right;
}
.m-flag {
  display: table;
  padding: 15px;
  width: 100%;
}
.m-flag a {
  display: block;
}
.m-flag .image,
.m-flag .body {
  display: table-cell;
}
.m-flag .image {
  padding-right: 20px;
  vertical-align: top;
}
.m-flag .image img {
  display: block;
  max-width: none;
}
.m-flag .image.-max-w100 img {
  max-width: 100px;
}
.m-flag .image.-max-w200 img {
  max-width: 200px;
}
.m-flag .body {
  vertical-align: middle;
  width: 100%;
}
.m-flag .body p,
.m-flag .body h4 {
  margin: 6px 0 0;
}
.m-flag .body .category {
  margin: 0;
}
.m-flag .body .category a {
  color: #ff0101 !important;
  font-size: 11px;
  font-weight: 600;
}
.m-flag .body .title a {
  color: #000 !important;
  font-size: 14px;
  font-weight: bold;
}
.m-flag .body .excerpt {
  font-size: 12px;
}
.m-flag .body .meta {
  color: #888;
  font-size: 12px;
  font-style: italic;
}
.m-flag .body .views {
  color: #ff0101;
  font-size: 11px;
  font-weight: 600;
}
.m-block-article {
  height: 230px;
  position: relative;
}
.m-block-article.-pager-h:before,
.m-block-article.-pager-v:before {
  border: 10px solid transparent;
  content: '';
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  z-index: 1000;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.m-block-article.-pager-h:before {
  border-width: 10px 15px;
  border-bottom-color: #fff;
  left: 0;
  right: 0;
  top: -10px;
  margin: auto;
}
.m-block-article.-pager-h.cycle-pager-active:before,
.cycle-pager-active .m-block-article.-pager-h:before {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.m-block-article.-pager-v:before {
  border-width: 15px 10px;
  border-right-color: #fff;
  top: 0;
  bottom: 0;
  left: -10px;
  margin: auto;
}
.m-block-article.-pager-v.cycle-pager-active:before,
.cycle-pager-active .m-block-article.-pager-v:before {
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.m-block-article.-xs {
  height: 97.5px;
}
.m-block-article.-xs a .title {
  font-size: 12px;
  margin-top: 0;
  line-height: 16px;
}
.m-block-article.-xs .wrap {
  padding: 20px 25px;
}
.m-block-article.-sm {
  height: 195px;
}
.m-block-article.-sm a .title {
  font-size: 14px;
  line-height: 16px;
}
.m-block-article.-sm a .excerpt {
  font-size: 12px;
  line-height: 16px;
}
.m-block-article.-md {
  height: 300px;
}
.m-block-article.-lg {
  height: 340px;
}
.m-block-article.-lg a .title {
  font-size: 16px;
  line-height: 21px;
}
.m-block-article.-lg a .excerpt {
  font-size: 12px;
  line-height: 18px;
}
.m-block-article .wrap {
  padding: 30px;
  position: relative;
  height: 100%;
}
.m-block-article .wrap:after {
  background: #de0000;
  color: #fff;
  content: ">";
  font-size: 12px;
  text-align: center;
  line-height: 10px;
  height: 20px;
  width: 20px;
  padding: 4px 0 5px;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.m-block-article .thumbnail {
  display: block;
}
.m-block-article a {
  display: block;
  height: 100%;
  overflow: hidden;
  position: relative;
  text-decoration: none !important;
}
.m-block-article a span {
  display: block;
}
.m-block-article a .title {
  color: #000;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  margin-top: 5px;
}
.m-block-article a .excerpt {
  color: #000;
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
  margin-top: 8px;
}
.m-block-article.-bt {
  border-top: 1px solid #e4e4e4;
}
.m-block-article.-bb {
  border-bottom: 1px solid #e4e4e4;
}
.m-block-article.-colored .wrap {
  background: #ff9102;
}
.m-block-article.-colored .title,
.m-block-article.-colored .excerpt {
  color: #fff;
}
.m-block-article.-gradient .wrap {
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(135deg, #ff5500, #ff6600);
  background-image: -o-linear-gradient(135deg, #ff5500, #ff6600);
  background-image: linear-gradient(135deg, #ff5500, #ff6600);
}
.m-block-article.-gradient .title,
.m-block-article.-gradient .excerpt {
  color: #fff;
}
.m-block-article.-dark .wrap {
  background: #1c1c1c;
}
.m-block-article.-dark .title,
.m-block-article.-dark .excerpt {
  color: #fff;
}
.m-block-article.-type-2 a:after {
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 40%, #000000 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 40%, #000000 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, #000000 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff000000', GradientType=0);
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}
.m-block-article.-type-2 a .thumbnail {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
}
.m-block-article.-type-2 a .wrap {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  height: auto;
}
.m-block-article.-type-2 a .title {
  color: #fff;
}
.m-block-article.-type-3 a {
  overflow: hidden;
}
.m-block-article.-type-3 a .thumbnail-wrap {
  float: left;
  overflow: hidden;
  position: relative;
  height: 100%;
  width: 50%;
}
.m-block-article.-type-3 a .thumbnail {
  position: absolute;
  left: 0;
  top: 0;
}
.m-block-article.-type-3 a .wrap {
  float: left;
  width: 50%;
}
.m-block-article.-type-3.-r-1-2 a .thumbnail-wrap {
  width: 66.667%;
}
.m-block-article.-type-3.-r-1-2 a .wrap {
  width: 33.334%;
}
.m-block-article.-type-4 {
  height: auto !important;
}
.m-block-article.-type-4 .wrap {
  padding: 10px 0 0 !important;
}
.m-block-article.-type-4 .wrap:after {
  content: none;
}
.m-headline {
  background: #eee;
  height: 390px;
  width: 100%;
}
.m-headline a {
  background-size: cover;
  color: #fff !important;
  display: block;
  height: 100%;
  position: relative;
  text-decoration: none !important;
}
.m-headline a span {
  display: block;
}
.m-headline a .wrap {
  background: #000;
  background: rgba(0, 0, 0, 0.75);
  padding: 25px 30px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 320px;
  max-width: 100%;
}
.m-headline a .wrap:after {
  background: #de0000;
  color: #fff;
  content: ">";
  font-size: 12px;
  text-align: center;
  line-height: 10px;
  height: 20px;
  width: 20px;
  padding: 4px 0 5px;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.m-headline a .title {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 10px;
}
.m-headline a .excerpt {
  font-size: 11px;
  font-weight: 300;
  max-height: 100px;
  overflow: hidden;
  line-height: 17px;
}
.m-headline a .wrap,
.m-headline a .title,
.m-headline a .excerpt {
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
  transform: translateY(30px);
}
.m-headline.cycle-slide-active a .wrap {
  -webkit-transition: all 0.35s ease 0.7s;
  -o-transition: all 0.35s ease 0.7s;
  transition: all 0.35s ease 0.7s;
}
.m-headline.cycle-slide-active a .title {
  -webkit-transition: all 0.5s ease 0.8s;
  -o-transition: all 0.5s ease 0.8s;
  transition: all 0.5s ease 0.8s;
}
.m-headline.cycle-slide-active a .excerpt {
  -webkit-transition: all 0.5s ease 1s;
  -o-transition: all 0.5s ease 1s;
  transition: all 0.5s ease 1s;
}
.m-headline.cycle-slide-active a .wrap,
.m-headline.cycle-slide-active a .title,
.m-headline.cycle-slide-active a .excerpt {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.o-section {
  background: #fff;
}
.o-section.-shadowed {
  box-shadow: 0 25px 50px -25px rgba(0, 0, 0, 0.75);
}
.o-section.-dark {
  background: #121212;
  color: #fff;
}
.o-section.-orange {
  background: #f60;
  color: #fff;
}
.o-section.-padded {
  padding: 60px 0;
}
.o-section.-video {
  background: url(../img/bg-video.jpg) no-repeat;
  background-size: cover;
}
.o-section.-video-2 {
  background: url(../img/bg-video-2.jpg) no-repeat;
  background-size: cover;
}
/*------------------------------------*\
    #SPACING
\*------------------------------------*/
/**
 * Margin and padding helper classes. Use these to tweak layout on a micro
 * level.
 *
 * `.(m|p)(t|r|b|l|h|v)(-|+|0) {}` = margin/padding top/right/bottom/left/horizontal/vertical less/more/none
 */
.u-fullwidth {
  margin-left: -30px;
  margin-right: -30px;
}
.u-m0 {
  margin: 0;
}
.u-m10 {
  margin: 10px;
}
.u-mt0 {
  margin-top: 0;
}
.u-mt10 {
  margin-top: 10px;
}
.u-mt20 {
  margin-top: 20px;
}
.u-mt30 {
  margin-top: 30px;
}
.u-mt40 {
  margin-top: 40px;
}
.u-mt50 {
  margin-top: 50px;
}
.u-mb20 {
  margin-bottom: 20px;
}
.u-mb30 {
  margin-bottom: 30px;
}
.u-mb40 {
  margin-bottom: 40px;
}
.u-mb50 {
  margin-bottom: 50px;
}
.u-mb5 {
  margin-bottom: 5px;
}
.u-mh10 {
  margin-left: 10px;
  margin-right: 10px;
}
.u-mv10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.u-pt0 {
  padding-top: 0;
}
.u-p30 {
  padding: 30px;
}
.u-ph20 {
  padding-left: 20px;
  padding-right: 20px;
}
.u-pv40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.u-hsep {
  clear: both;
  height: 30px;
}
.u-hsep20 {
  clear: both;
  height: 20px;
}
.u-hsep10 {
  clear: both;
  height: 10px;
}
.u-row {
  padding: 0;
}
.u-row:before,
.u-row:after {
  content: " ";
  display: table;
}
.u-row:after {
  clear: both;
}
.u-row,
.u-row .u-col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.u-row > .u-row {
  clear: none;
  float: left;
  margin: 0 !important;
}
ul.u-row,
ol.u-row {
  list-style-type: none;
}
.u-row .u-col {
  float: left;
  width: 100%;
}
[dir="rtl"] .u-row .u-col {
  float: right;
}
.u-row .u-col.-t-1-5 {
  width: 20%;
}
.u-row .u-col.-t-1-4 {
  width: 25%;
}
.u-row .u-col.-t-3-10 {
  width: 30%;
}
.u-row .u-col.-t-1-3 {
  width: 33.334%;
}
.u-row .u-col.-t-2-5 {
  width: 40%;
}
.u-row .u-col.-t-1-2 {
  width: 50%;
}
.u-row .u-col.-t-3-5 {
  width: 60%;
}
.u-row .u-col.-t-2-3 {
  width: 66.667%;
}
.u-row .u-col.-t-7-10 {
  width: 70%;
}
.u-row .u-col.-t-3-4 {
  width: 75%;
}
.u-row.-space-10 {
  margin: -10px 0 0 -10px;
}
.u-row.-space-10 > .u-col {
  padding: 10px 0 0 10px;
}
.u-row.-space-20 {
  margin: -20px 0 0 -20px;
}
.u-row.-space-20 > .u-col {
  padding: 20px 0 0 20px;
}
.u-row.-space-30 {
  margin: -30px 0 0 -30px;
}
.u-row.-space-30 > .u-col {
  padding: 30px 0 0 30px;
}
.u-row.-space-40 {
  margin: -40px 0 0 -40px;
}
.u-row.-space-40 > .u-col {
  padding: 40px 0 0 40px;
}
.u-text-right {
  text-align: right;
}
.u-text-left {
  text-align: left;
}
.u-text-center {
  text-align: center;
}
.u-img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.u-img-circle {
  border-radius: 50%;
}
.u-bg-white {
  background: #fff;
}
@media (max-width: 767px) {
  .u-hide-mobile {
    display: none;
  }
}
