/* [ -- Master Stylesheet -- ]

------------------------------------------------------
:: Template Name: Original - Lifestyle Blog Template
:: Author: Colorlib
:: Author URL: https://colorlib.com
:: Version: 1.0.0
:: Created: April 3, 2018
:: Last Updated: April 3, 2018
-------------------------------------------------- */
/* :: Import Fonts */


.bg-img {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat; }

.bg-transparent {
  background-color: transparent; }

.hero-area {
    margin-top: 20px;
    margin-bottom: 100px	
}

/* :: Hero Slides Area CSS */
.hero-slides {
  position: relative;
  z-index: 1; }
  .hero-slides .single-hero-slide {
    position: relative;
    z-index: 1;
    height: 350px; }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .hero-slides .single-hero-slide {
        height: 300px; } }
    @media only screen and (min-width: 401px) and (max-width: 991px) {
      .hero-slides .single-hero-slide {
        height: 300px; } }
    @media only screen and (max-width: 400px) {
      .hero-slides .single-hero-slide {
		width: 100%;  
        height: 300px;
		} }
    .hero-slides .single-hero-slide .slide-content {
      display: none;
text-align: left;

}

        .hero-slides .single-hero-slide .slide-content .post-tag  {
          display: inline-block;
          padding: 4px 15px 3px;
          background-color: #ffffff;
          border-radius: 50px;
          letter-spacing: 0px;
          font-size: 16px;
          color: #fa4952 ; 
		   margin-top: 150px;
		   margin-left: 20px;
        font-weight:bold;
        float:left;

}

        .hero-slides .single-hero-slide .slide-content .post-tag2  {
          display: inline-block;
          font-size: 18px;
		  padding: 2px 15px ;
          color: #ffffff;
		  font-weight:bold;
		 margin-top: 152px;    
		clear:both;
		letter-spacing:2px;
        text-shadow: black 0.1em 0.1em 0.2em; 
}
      .hero-slides .single-hero-slide .slide-content h2 {
        font-size: 36px;
        display: inline-block;
        padding: 12px 20px;
        color: #ffffff;
        margin-top: 10px; 
		font-weight:bold;
		text-decoration:none;
		text-shadow: black 0.1em 0.1em 0.2em; 
		  
}
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .hero-slides .single-hero-slide .slide-content h2 {
            font-size: 30px; 
			} }
        @media only screen and (min-width: 401px) and (max-width: 991px) {
          .hero-slides .single-hero-slide .slide-content h2 {
            font-size: 24px;
			} }
        @media only screen and (max-width: 400px) {
          .hero-slides .single-hero-slide .slide-content h2 {
            font-size: 24px;
			padding: 12px 10px;
			}}




      .hero-slides .single-hero-slide .slide-content h2 a {
        font-size: 36px;
        display: inline-block;
        padding: 12px 20px;
        color: #ffffff;
        margin-top: 10px; 
		font-weight:bold;
		text-decoration:none;
		text-shadow: black 0.1em 0.1em 0.2em; 
		  
}
        @media only screen and (min-width: 992px) and (max-width: 1199px) {
          .hero-slides .single-hero-slide .slide-content h2 a {
            font-size: 30px; 
			} }
        @media only screen and (min-width: 401px) and (max-width: 991px) {
          .hero-slides .single-hero-slide .slide-content h2 a {
            font-size: 24px;
			} }
        @media only screen and (max-width: 400px) {
          .hero-slides .single-hero-slide .slide-content h2 a {
            font-size: 24px;
			padding: 12px 10px;
			} 
		 .hero-slides .single-hero-slide .slide-content .post-tag  {
          display: inline-block;
          padding: 4px 20px 4px;
          background-color: #ffffff;
          border-radius: 50px;
          letter-spacing: 0px;
          font-size: 20px;
          color: #fa4952 ; 
		   margin-top: 150px;
		   margin-left: 10px;
        font-weight:bold;
        float:left;

}

        .hero-slides .single-hero-slide .slide-content .post-tag2  {
          display: inline-block;
          font-size: 22px;
		  padding: 3px 10px 2px;
          color: #ffffff;
		  font-weight:bold;
		 margin-top: 150px;    
		clear:both;
		letter-spacing:1px;
        text-shadow: black 0.1em 0.1em 0.2em; 
}
			
			
}




  .hero-slides .single-hero-slide .slide-content {
    display: block; }
  .hero-slides .owl-nav .owl-prev,
  .hero-slides .owl-nav .owl-next {
    background-color: #fa4952;
    padding-top: 6px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    top: 110%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    left: 47%;
    position: absolute;
    z-index: 20;
    text-align: center;
    font-size: 26px;
    color: #ffffff;
    border-radius: 2px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}
    .hero-slides .owl-nav .owl-prev:hover, .hero-slides .owl-nav .owl-prev:focus,
    .hero-slides .owl-nav .owl-next:hover,
    .hero-slides .owl-nav .owl-next:focus {
      background-color: #ff3c46;
      color: #ffffff; }
  .hero-slides .owl-nav .owl-next {
    left: auto;
    right: 47%; }

        @media only screen and (min-width: 768px) and (max-width: 1199px) {
    
  .hero-slides .owl-nav .owl-prev,
  .hero-slides .owl-nav .owl-next {
    background-color: #fa4952 ;
    top: 110%;
    margin-top: -20px;
	padding-top: 6px;
    width: 40px;
    height: 40px;
    left: 45%;
    position: absolute;
    z-index: 20;
    text-align: center;
    font-size: 26px;
    color: #ffffff;
    border-radius: 2px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms; }
    .hero-slides .owl-nav .owl-prev:hover, .hero-slides .owl-nav .owl-prev:focus,
    .hero-slides .owl-nav .owl-next:hover,
    .hero-slides .owl-nav .owl-next:focus {
      background-color: #ff3c46;
      color: #ffffff; }
  .hero-slides .owl-nav .owl-next {
    left: auto;
    right: 45%; }


}

  @media only screen and (max-width: 767px) {
  .hero-slides .owl-nav .owl-prev,
  .hero-slides .owl-nav .owl-next {
    background-color: #fa4952 ;
    top: 110%;
    margin-top: -20px;
	padding-top: 6px;
    width: 40px;
    height: 40px;
    left: 36%;
    position: absolute;
    z-index: 20;
    text-align: center;
    font-size: 26px;
    color: #ffffff;
    border-radius: 2px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms; }
    .hero-slides .owl-nav .owl-prev:hover, .hero-slides .owl-nav .owl-prev:focus,
    .hero-slides .owl-nav .owl-next:hover,
    .hero-slides .owl-nav .owl-next:focus {
      background-color: #ff3c46;
      color: #ffffff; }
  .hero-slides .owl-nav .owl-next {
    left: auto;
    right: 36%; }


 }