@charset "UTF-8";
/*
        _________________ _       ___________ _______________
       /  ___   _________\ \     /  /  ___   |  |____________\
      /  /   |  |  |      \ \   /  /  /   |  |  |_______
     /  /____|  |  |       \ \ /  /  /____|  |  |_______\
    /   _____   |  |        \    /   _____   |  |
   /  /      |  |  |        /   /  /      |  |  |
  /  /       |  |  |       /   /  /       |  |  |
 /__/        |__|__|      /___/__/        |__|__|

Contact Us
----------
    Jala' street, Jawhra tower‎‏

    ☎ 08-2867461
    ✉ info@atyaf.co

*/
.color-saraya-50 {
  color: #c3c3a2; }

.bg-color-saraya-50 {
  background-color: #c3c3a2; }

.color-saraya-100 {
  color: #b9b998; }

.bg-color-saraya-100 {
  background-color: #b9b998; }

.color-saraya-200 {
  color: #afaf8f; }

.bg-color-saraya-200 {
  background-color: #afaf8f; }

.color-saraya-300 {
  color: #a5a585; }

.bg-color-saraya-300 {
  background-color: #a5a585; }

.color-saraya-400 {
  color: #777759; }

.bg-color-saraya-400 {
  background-color: #777759; }

.color-saraya-500 {
  color: #5d5d45; }

.bg-color-saraya-500 {
  background-color: #5d5d45; }

.color-saraya-600 {
  color: #505039; }

.bg-color-saraya-600 {
  background-color: #505039; }

.color-saraya-700 {
  color: #464630; }

.bg-color-saraya-700 {
  background-color: #464630; }

.color-saraya-800 {
  color: #3c3c27; }

.bg-color-saraya-800 {
  background-color: #3c3c27; }

.color-saraya-900 {
  color: #32321d; }

.bg-color-saraya-900 {
  background-color: #32321d; }

.color-saraya-black {
  color: #292929; }

.bg-color-saraya-black {
  background-color: #292929; }

.color-saraya-white {
  color: #ffffff; }

.bg-color-saraya-white {
  background-color: #ffffff; }

.color-khabr-200 {
  color: #e25f64; }

.bg-color-khabr-200 {
  background-color: #e25f64; }

.color-khabr-300 {
  color: #df4b50; }

.bg-color-khabr-300 {
  background-color: #df4b50; }

.color-khabr-400 {
  color: #db373d; }

.bg-color-khabr-400 {
  background-color: #db373d; }

.color-khabr-500 {
  color: #d8232a; }

.bg-color-khabr-500 {
  background-color: #d8232a; }

.color-khabr-600 {
  color: #c52027; }

.bg-color-khabr-600 {
  background-color: #c52027; }

.color-khabr-700 {
  color: #b11d23; }

.bg-color-khabr-700 {
  background-color: #b11d23; }

.color-khabr-800 {
  color: #9e1a1f; }

.bg-color-khabr-800 {
  background-color: #9e1a1f; }

/*@include keyframes(animation_name) {
  0%   {
    @include opacity(1);
    @include transform(scale(1));
  }
  50% {
    @include opacity(0.4);
    @include transform(scale(1.180));
  }
  100% {
    @include opacity(1);
    @include transform(scale(1));
  }
}

include this for element effected
@include animation('animation_name .3s 1');
*/
.page-galleries .entry-box-media, .page-galleries .entry-box-media .entry-box-image-container,
.page-galleries .entry-box-media .entry-box-image-container .entry-box-image,
.page-galleries .entry-box-media .entry-box-image-container .entry-box-image a,
.page-galleries .entry-box-media .entry-box-image-container .entry-box-image a::before,
.page-galleries .entry-box-media .entry-box-image-container .entry-box-image img {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }
.page-galleries .entry-box-media {
  overflow: hidden;
  position: relative;
  background-color: #ffffff; }
  .page-galleries .entry-box-media a.link {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 3; }
  .page-galleries .entry-box-media .entry-box-image {
    height: 0;
    padding-top: 70%;
    position: relative;
    width: 100%; }
    .page-galleries .entry-box-media .entry-box-image > a {
      display: block; }
      .page-galleries .entry-box-media .entry-box-image > a::before {
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        content: '';
        background: #000;
        background: -webkit-linear-gradient(bottom, #000, transparent);
        background: linear-gradient(to top, #000, transparent); }
    .page-galleries .entry-box-media .entry-box-image img {
      display: block;
      height: 100%;
      margin: 0;
      padding: 0;
      position: absolute;
      top: 0;
      width: 100%;
      -webkit-transition: all linear 0.2s 0.2s;
      -moz-transition: all linear 0.2s 0.2s;
      -ms-transition: all linear 0.2s 0.2s;
      -o-transition: all linear 0.2s 0.2s;
      transition: all linear 0.2s 0.2s; }
    .page-galleries .entry-box-media .entry-box-image .icon {
      position: absolute;
      left: 10px;
      top: 10px;
      z-index: 3;
      width: 40px;
      height: 40px;
      background: url("../../images/icon-gallery-2.png") 0 0 no-repeat;
      background-size: 40px; }
  .page-galleries .entry-box-media .entry-box-body {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    padding: 10px; }
  .page-galleries .entry-box-media .entry-box-datetime {
    color: #ffffff;
    font-size: 13px;
    margin-bottom: 4px; }
  .page-galleries .entry-box-media .entry-box-title {
    margin: 0;
    color: #ffffff;
    font-weight: 300;
    font-size: 16px; }
    .page-galleries .entry-box-media .entry-box-title a {
      color: #ffffff; }
  .page-galleries .entry-box-media:hover .entry-box-image img {
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2); }
  .page-galleries .entry-box-media:hover .entry-box-title a {
    color: #ffffff; }
  @media (max-width: 480px) {
    .page-galleries .entry-box-media {
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px; }
      .page-galleries .entry-box-media .entry-box-image-container,
      .page-galleries .entry-box-media .entry-box-image-container .entry-box-image,
      .page-galleries .entry-box-media .entry-box-image-container .entry-box-image a,
      .page-galleries .entry-box-media .entry-box-image-container .entry-box-image img {
        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0; }
      .page-galleries .entry-box-media .entry-box-image-container .entry-box-image a::before {
        display: none; }
      .page-galleries .entry-box-media .entry-box-body {
        position: static; }
      .page-galleries .entry-box-media .entry-box-datetime {
        color: #333333; }
      .page-galleries .entry-box-media .entry-box-title {
        color: #333333;
        height: 66px;
        overflow: hidden; }
        .page-galleries .entry-box-media .entry-box-title a {
          color: #333333; } }

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