/* ------------------------------------------
[Master Stylesheet]

Template Name: Alime - Photography HTML Template
Template Author: Colorlib
Template Author URL: http://colorlib.com
Version: 1.0.0
Last Update: Feb 22, 2019


[Tables of CSS Content]

+ body

    - 01.0 Reboot CSS
    - 02.0 Spacing CSS
    - 03.0 Preloader CSS
    - 04.0 Heading CSS
    - 05.0 Backtotop CSS
    - 06.0 Buttons CSS
    - 07.0 Header CSS
    - 08.0 Hero CSS
    - 09.0 Footer CSS
    - 10.0 Follow CSS
    - 11.0 About CSS
    - 12.0 Breadcrumb CSS
    - 13.0 Blog CSS
    - 14.0 Team CSS
    - 15.0 Gallery CSS
    - 16.0 Contact CSS

--------------------------------------------- */
/* Import Fonts & All CSS */
@import url(css/bootstrap.min.css);
@import url(css/animate.css);
@import url(css/default-assets/classy-nav.css);
@import url(css/owl.carousel.min.css);
@import url(css/magnific-popup.css);
@import url(css/font-awesome.min.css);
@import url(css/default-assets/themify-icons.css);

/* :: 01.0 Reboot CSS */

/* :: 8.0 Hero CSS */
.welcome-area {
  position: relative;
  z-index: 1; }

.welcome-slides {
  position: relative;
  z-index: 1;
  overflow: hidden; }
  .welcome-slides .owl-prev,
  .welcome-slides .owl-next {
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.1);
    position: absolute;
    top: 50%;
    left: 70px;
    margin-top: -33px;
    z-index: 10;
    text-align: center;
    line-height: 70px;
    color: #ffffff;
    font-size: 30px; }
    .welcome-slides .owl-prev:hover, .welcome-slides .owl-prev:focus,
    .welcome-slides .owl-next:hover,
    .welcome-slides .owl-next:focus {
      background-color: #fc6060; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .welcome-slides .owl-prev,
      .welcome-slides .owl-next {
        left: 30px; } }
    @media only screen and (max-width: 767px) {
      .welcome-slides .owl-prev,
      .welcome-slides .owl-next {
        width: 40px;
        left: 15px;
        height: 40px;
        font-size: 18px;
        line-height: 44px; } }
  .welcome-slides .owl-next {
    left: auto;
    right: 70px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .welcome-slides .owl-next {
        right: 30px; } }
    @media only screen and (max-width: 767px) {
      .welcome-slides .owl-next {
        right: 15px; } }

.single-welcome-slide {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 880px;
  background-color: #fc6060; }
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-welcome-slide {
      height: 750px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-welcome-slide {
      height: 750px; } }
  @media only screen and (max-width: 767px) {
    .single-welcome-slide {
      height: 600px; } }
  .single-welcome-slide .welcome-text {
    position: relative;
    z-index: 1; }
    .single-welcome-slide .welcome-text h2 {
      font-weight: 700;
      font-size: 82px;
      display: block;
      margin-bottom: 0;
      background: -webkit-linear-gradient(#ff9696, #ffe89e);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
      @media only screen and (max-width: 767px) {
        .single-welcome-slide .welcome-text h2 {
          font-size: 42px; } }
    .single-welcome-slide .welcome-text p {
      color: #ffffff;
      margin-bottom: 50px;
      display: block; }
    .single-welcome-slide .welcome-text .hero-mail-contact {
      color: #ffffff;
      font-style: italic;
      text-decoration: underline; }
      .single-welcome-slide .welcome-text .hero-mail-contact:hover, .single-welcome-slide .welcome-text .hero-mail-contact:focus {
        color: #fc6060; }

/* :: 9.0 Footer CSS */
.footer-content {
  padding: 20px 0; }
  .footer-content .copywrite-text {
    position: relative;
    z-index: 1; }
    .footer-content .copywrite-text p {
      margin-bottom: 0;
      color: #252525; }
      @media only screen and (max-width: 767px) {
        .footer-content .copywrite-text p {
          font-size: 12px; } }
      .footer-content .copywrite-text p a {
        color: #fc6060;
        font-weight: 400; }
        @media only screen and (max-width: 767px) {
          .footer-content .copywrite-text p a {
            font-size: 12px; } }
  @media only screen and (max-width: 767px) {
    .footer-content .footer-logo a img {
      max-width: 50px; } }
  .footer-content .social-info a {
    color: #252525;
    font-size: 16px;
    margin-right: 20px; }
    .footer-content .social-info a:last-child {
      margin-right: 0; }
    @media only screen and (max-width: 767px) {
      .footer-content .social-info a {
        margin-right: 5px;
        font-size: 12px; } }
    .footer-content .social-info a:hover, .footer-content .social-info a:focus {
      color: #fc6060; }


/* :: 10.0 Follow CSS */
.single-instagram-item {
  position: relative;
  z-index: 1;
  overflow: hidden;
  -webkit-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms; }
  .single-instagram-item img {
    width: 100%;
    -webkit-transition-duration: 1500ms;
    -o-transition-duration: 1500ms;
    transition-duration: 1500ms; }
  .single-instagram-item .instagram-hover-content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #ffffff27;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms; }
    .single-instagram-item .instagram-hover-content a {
      text-align: center; }
      .single-instagram-item .instagram-hover-content a i {
        color: #ffffff;
        font-size: 32px;
        display: block;
        margin-bottom: 15px; }
      .single-instagram-item .instagram-hover-content a span {
        font-size: 14px;
        margin-bottom: 0;
        color: #ffffff; }
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .single-instagram-item .instagram-hover-content a span {
            font-size: 12px; } }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .single-instagram-item .instagram-hover-content a span {
            font-size: 12px; } }
        @media only screen and (max-width: 767px) {
          .single-instagram-item .instagram-hover-content a span {
            font-size: 12px; } }
  .single-instagram-item:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  .single-instagram-item:hover .instagram-hover-content {
    opacity: 1;
    visibility: visible; }

.instagram-gallery-single-item:hover .instagram-hover-content .zoom-img {
  margin-top: 0;
  opacity: 1; }