.O_scrollMore {
  position: absolute;
  bottom: -50%;
  height: 40px;
  border-left: 1px solid #d8e6e7;
  line-height: 1;
  font-family: "Unna", Georgia, serif; }

.O_work__heading {
  font-size: 1.5rem; }
  @media (min-width: 1025px) {
    .O_work__heading {
      max-width: 256px;
      font-size: 2rem; } }
.O_work__awards p {
  font-size: 1.4rem;
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Unna", Georgia, serif; }
  @media (min-width: 1025px) {
    .O_work__awards p {
      font-size: 1.6rem;
      line-height: 1.5; } }

@media (max-width: 1024.98px) {
  .sm-home {
    height: 51vh !important; } }

@media (max-width: 1024.98px) {
  .sm-home {
    height: auto !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important; } }

.mob {
  display: none; }

.sm-info {
  display: none; }

.des {
  display: block; }

.icon-award {
  opacity: .4; }

#pubSlider::after {
  content: "";
  height: 54px;
  width: 30px;
  top: 0;
  right: 0px;
  display: block;
  position: absolute;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(110, 119, 131, 0)), to(#557094));
  background: -webkit-linear-gradient(left, rgba(110, 119, 131, 0) 0%, #557094 100%);
  background: linear-gradient(to right, rgba(110, 119, 131, 0) 0%, #557094 100%); }
  @media (max-width: 767.98px) {
    #pubSlider::after {
      margin-left: -15px;
      background: none; } }
@media (min-width: 768px) {
  #pubSlider .item {
    margin: 0 80px;
    max-width: 430px; } }

@media screen and (max-width: 930px) {
  .text_video {
    font-size: 1.3rem; } }
@media screen and (max-width: 767px) {
  .hom-img {
    position: relative;
    right: 0px;
    height: 34%;
    height: auto !important;
    top: 0px; }

  .info {
    min-height: 100%;
    padding-left: 1% !important; }

  .O_portrait__wrap {
    z-index: 10; }

  .O_portrait__wrap img {
    min-height: 240px !important;
    height: 100%; }

  .mob {
    display: block; }

  .sm-info {
    display: block; }

  .des {
    display: none; } }
@media screen and (max-width: 580px) {
  .hom-img {
    position: relative;
    right: 0px;
    height: 34%;
    height: auto !important;
    top: 0px; }

  .my-gallery figure {
    margin: 0 7px 0px 0; }

  .info {
    padding-left: 1% !important; }

  .info h3 {
    font-size: 1.2rem; }

  .info p {
    font-size: 1rem; }

  .O_portrait__wrap {
    z-index: 10; }

  .O_portrait__wrap img {
    min-height: 240px !important;
    height: 100%; }

  .text_video {
    font-size: 1.6rem; }

  .social i {
    font-size: 16px !important; }

  .hom-size {
    font-size: 2.3rem; }

  .O_arrows {
    top: -40px;
    left: 20px;
    z-index: 100;
    width: 100%; }

  .O_arrows button.slick-next {
    position: absolute;
    right: 50px; } }
.bg-samadi {
  background: url(../img/samadi_bg.jpg) no-repeat center;
  width: 100%;
  height: 100%;
  background-size: cover;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0.12; }

.big-image {
  width: 100%;
  position: relative; }

.big-image img {
  float: left; }

.box-white {
  bottom: -1px;
  left: 0px;
  height: 16%;
  position: absolute; }

.mtop {
  margin-top: -5%; }

.h-33 {
  height: 33% !important; }

.h-34 {
  height: 34% !important; }

.item-logo span {
  width: 60% !important;
  display: inline-block; }

.btn_home i {
  margin-top: -5px;
  margin-left: -2px; }

.btn_home {
  position: absolute !important;
  bottom: 29px !important;
  right: 29px !important;
  height: 40px !important;
  width: 40px !important; }

.text_video {
  position: absolute;
  left: 30px;
  bottom: 34px;
  font-style: italic; }

.my-gallery {
  width: 100%;
  float: left; }

.my-gallery img {
  width: 100%;
  height: auto; }

.my-gallery figure {
  display: block;
  float: left;
  margin: 0 0px 7px 0;
  width: 322px;
  position: relative;
  overflow: hidden; }

.my-gallery figcaption {
  background: rgba(0, 0, 0, 0.7);
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  width: 96.5% !important;
  padding: 10px 5px;
  display: block;
  position: absolute;
  bottom: 0px;
  text-align: center;
  opacity: 1;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  visibility: hidden; }

.my-gallery figure:hover figcaption {
  visibility: visible;
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
  -webkit-transition: .4s ease-in-out;
  transition: .4s ease-in-out; }

.social {
  color: #6e7783; }

.social a {
  position: absolute;
  right: 20px;
  top: 15px; }

.social div {
  padding-top: 5%;
  padding-left: 6%;
  padding-right: 7%; }

.social b {
  padding-bottom: 10%; }

.facebook i {
  color: #3b5999;
  font-size: 28px; }

.twitter i {
  color: #1ca1f3;
  font-size: 29px; }

.gplus i {
  color: #e0483a;
  font-size: 28px; }

.linkedin i {
  color: #0177b5;
  font-size: 24px; }

.bgarrow {
  background: #000 url(../img/video_arr.png) no-repeat center;
  padding-left: 20px; }
  @media screen and (max-width: 580px) {
    .bgarrow {
      background: #000;
      padding-left: 0px; } }

.progress-bar {
  position: absolute;
  top: auto;
  bottom: 0;
  width: 100%;
  height: 5px;
  background: #fff;
  -webkit-animation: fullexpand 33s ease infinite;
          animation: fullexpand 33s ease infinite; }

@-webkit-keyframes cycle {
  0% {
    top: 0px; }
  4% {
    top: 0px; }
  16% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  20% {
    top: 100%;
    opacity: 0;
    z-index: 0; }
  21% {
    top: -100%;
    opacity: 0;
    z-index: -1; }
  50% {
    top: -100%;
    opacity: 0;
    z-index: -1; }
  92% {
    top: -100%;
    opacity: 0;
    z-index: 0; }
  96% {
    top: -100%;
    opacity: 0; }
  100% {
    top: 0px;
    opacity: 1; } }

@keyframes cycle {
  0% {
    top: 0px; }
  4% {
    top: 0px; }
  16% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  20% {
    top: 100%;
    opacity: 0;
    z-index: 0; }
  21% {
    top: -100%;
    opacity: 0;
    z-index: -1; }
  50% {
    top: -100%;
    opacity: 0;
    z-index: -1; }
  92% {
    top: -100%;
    opacity: 0;
    z-index: 0; }
  96% {
    top: -100%;
    opacity: 0; }
  100% {
    top: 0px;
    opacity: 1; } }
@-webkit-keyframes cycletwo {
  0% {
    top: -100%;
    opacity: 0; }
  16% {
    top: -100%;
    opacity: 0; }
  20% {
    top: 0px;
    opacity: 1; }
  24% {
    top: 0px;
    opacity: 1; }
  36% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  40% {
    top: 100%;
    opacity: 0;
    z-index: 0; }
  41% {
    top: -100%;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -100%;
    opacity: 0;
    z-index: -1; } }
@keyframes cycletwo {
  0% {
    top: -100%;
    opacity: 0; }
  16% {
    top: -100%;
    opacity: 0; }
  20% {
    top: 0px;
    opacity: 1; }
  24% {
    top: 0px;
    opacity: 1; }
  36% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  40% {
    top: 100%;
    opacity: 0;
    z-index: 0; }
  41% {
    top: -100%;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -100%;
    opacity: 0;
    z-index: -1; } }
@-webkit-keyframes cyclethree {
  0% {
    top: -100%;
    opacity: 0; }
  36% {
    top: -100%;
    opacity: 0; }
  40% {
    top: 0px;
    opacity: 1; }
  44% {
    top: 0px;
    opacity: 1; }
  56% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  60% {
    top: 100%;
    opacity: 0;
    z-index: 0; }
  61% {
    top: -100%;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -100%;
    opacity: 0;
    z-index: -1; } }
@keyframes cyclethree {
  0% {
    top: -100%;
    opacity: 0; }
  36% {
    top: -100%;
    opacity: 0; }
  40% {
    top: 0px;
    opacity: 1; }
  44% {
    top: 0px;
    opacity: 1; }
  56% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  60% {
    top: 100%;
    opacity: 0;
    z-index: 0; }
  61% {
    top: -100%;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -100%;
    opacity: 0;
    z-index: -1; } }
@-webkit-keyframes cyclefour {
  0% {
    top: -100%;
    opacity: 0; }
  56% {
    top: -100%;
    opacity: 0; }
  60% {
    top: 0px;
    opacity: 1; }
  64% {
    top: 0px;
    opacity: 1; }
  76% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  80% {
    top: 100%;
    opacity: 0;
    z-index: 0; }
  81% {
    top: -100%;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -100%;
    opacity: 0;
    z-index: -1; } }
@keyframes cyclefour {
  0% {
    top: -100%;
    opacity: 0; }
  56% {
    top: -100%;
    opacity: 0; }
  60% {
    top: 0px;
    opacity: 1; }
  64% {
    top: 0px;
    opacity: 1; }
  76% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  80% {
    top: 100%;
    opacity: 0;
    z-index: 0; }
  81% {
    top: -100%;
    opacity: 0;
    z-index: -1; }
  100% {
    top: -100%;
    opacity: 0;
    z-index: -1; } }
@-webkit-keyframes cyclefive {
  0% {
    top: -100%;
    opacity: 0; }
  76% {
    top: -100%;
    opacity: 0; }
  80% {
    top: 0px;
    opacity: 1; }
  84% {
    top: 0px;
    opacity: 1; }
  96% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  100% {
    top: 100%;
    opacity: 0;
    z-index: 0; } }
@keyframes cyclefive {
  0% {
    top: -100%;
    opacity: 0; }
  76% {
    top: -100%;
    opacity: 0; }
  80% {
    top: 0px;
    opacity: 1; }
  84% {
    top: 0px;
    opacity: 1; }
  96% {
    top: 0px;
    opacity: 1;
    z-index: 0; }
  100% {
    top: 100%;
    opacity: 0;
    z-index: 0; } }
@-webkit-keyframes fullexpand {
  0%, 20%, 40%, 60%, 80%, 100% {
    width: 0%;
    opacity: 0; }
  4%, 24%, 44%, 64%, 84% {
    width: 0%;
    opacity: 1; }
  16%, 36%, 56%, 76%, 96% {
    width: 100%;
    opacity: 1; }
  17%, 37%, 57%, 77%, 97% {
    width: 100%;
    opacity: 0.5; }
  18%, 38%, 58%, 78%, 98% {
    width: 100%;
    opacity: 0; } }
@keyframes fullexpand {
  0%, 20%, 40%, 60%, 80%, 100% {
    width: 0%;
    opacity: 0; }
  4%, 24%, 44%, 64%, 84% {
    width: 0%;
    opacity: 1; }
  16%, 36%, 56%, 76%, 96% {
    width: 100%;
    opacity: 1; }
  17%, 37%, 57%, 77%, 97% {
    width: 100%;
    opacity: 0.5; }
  18%, 38%, 58%, 78%, 98% {
    width: 100%;
    opacity: 0; } }

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