@font-face {
    font-family: 'latobold';
    src: url('../fonts/Lato/lato-bold-webfont.woff2') format('woff2'),
         url('../fonts/Lato/lato-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*
Template Name: Intensely
Author: MarkUps
Author URI: http://www.markups.io/
Description: Intensely - Multipurpose Business HTML5 Template.
Version: 1.0
Tags: light, white, single page, multipurpose, multi page, custom-colors, Bootstrap, responsive, html5, css3
*/


/* Table of Content
==================================================
#BASIC TYPOGRAPHY
#HEADER	
#MENU 
#SLIDER
#FEATURES
#ABOUT
#COUNTER 
#SERVICE
#PRICING TABLE
#TESTIMONIAL
#PRICING TABLE
#OUR TEAM
#TESTIMONIAL
#CLIENTS BRAND
#LATEST NEWS
#SUBSCRIBE US
#FOOTER
#PORTFOLIO PAGE
#BLOG PAGE
#CONTACT PAGE
#ERROR PAGE
#RESPONSIVE STYLE
*/


/*--------------------*/
/* BASIC TYPOGRAPHY */
/*--------------------*/



/* Preloader */

#preloader {
  position: fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#fff; /* change if the mask should have another color then white */
  z-index:99999; /* makes sure it stays on top */ 
}

#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%; /* centers the loading animation horizontally one the screen */
    top: 50%; /* centers the loading animation vertically one the screen */
    background-image: url('loader.gif');
   /* path to your loading animation */
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px; /* is width and height divided by two */
}



/*--------------------*/
/* SLIDER */
/*--------------------*/


#slider{
	display: inline;
	float: left;
	width: 100%;
}

.main-slider {
  display: inline-block;
  float: left;
  height: 100%;
  margin-bottom: 0px;
  width: 100%;
}
.main-slider .slick-list {  
  height: 100%;  
}

.single-slide{
	float: left;
	display: inline;
	width: 100%;
}

.single-slide img{
	width: 100%;
}

.slide-content {
  background-color: rgba(0, 0, 0, 0.2);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.main-slider .slick-prev {
  left: 23px;
}

.main-slider .slick-next {
  right: 20px;
}

.main-slider .slick-prev,
.main-slider .slick-next {
  background-color: rgba(0,0,0,0.5);
  top: 48%;
  height: 50px;
  width: 50px;
  z-index: 999;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.main-slider .slick-prev::before {
  content: "\f104";
  font-family: fontAwesome;
  font-size: 30px;
}

.main-slider .slick-next::before {
  content: "\f105";
  font-family: fontAwesome;
  font-size: 30px;
}

.main-slider .slick-dots {
  bottom: 20px;  
}

.main-slider .slick-dots li {
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
}

.main-slider .slick-dots li button::before {
  font-size: 25px;
  line-height: 21px;
}

.slide-article {
  display: inline;
  float: left;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 75px;
  width: 100%;
}

.slide-article h1 {
  color: #fff;
  font-family:'latobold';
  font-size: 45px;
  font-weight: bold;
  line-height: 55px;
  margin-bottom: 25px;
  text-transform: uppercase;
}

.slide-article p {
  color: #fff;
  margin-bottom: 50px;
  font-family:'latobold';
  font-size: 25px;
}

.read-more-btn{
	color: #fff;
	display: inline-block;
	font-weight: 300;
	font-size: 15px;	
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
    border-radius:20px;
    height:45px;
    width:120px;
    background:#DE3939;
    padding-left:22px;
    padding-top:4px;
    
}

.read-more-btn:hover,
.read-more-btn:focus{
	color: #000;
	text-decoration: none;
	outline: none;
    background:#ffffff;
}

.slider-img{
	display: inline;
	float: left;
	padding: 0 30px;
	width: 100%; 
}

/*--------------------*/
/* FEATURE */
/*--------------------*/


@media(max-width:1200px ){
	#search-icon { 
	  right: 4%;  
	}
  .slide-article {  
    padding-left: 40px;
    padding-right: 0;
    padding-top: 50px;  
  }
  .slide-article h1 {
    font-size: 40px;  
  }
  .blog-news-title h2,
  .blog-news-title h2 > a {  
    font-size: 18px;    
  }
  .main-slider {  
    height: auto;    
  }  
}


@media(max-width:991px ){

  .slide-article {
    padding-left: 20px;
    padding-right: 0;
    padding-top: 70px;
  }
  .slide-article h1 {
    font-size: 25px;
    line-height: 25px;
  }
  .slide-article p {
    color: #fff;
    font-size: 20px;
    margin-bottom: 20px;
  }
  
  
  .slick-prev {
    left: -10px;
  }
  .slick-next {
    right: -10px;
  }
  
}


@media(max-width:767px ){
 
  .slider-img {
    display: none;
  }
 
  .slide-article {
    padding-left: 40px;
    padding-right: 0;
    padding-top: 40px;
  }
  .slide-article h1 {
    font-size: 22px;
    line-height: 18px;
  }
  .slide-article p {
    color: #fff;
    font-size: 17px;
    margin-bottom: 5px;
  }

  .title-area {
    padding: 0 30px;
  }
  

}

@media(max-width:480px ){

    .single-slide img {
        width: 100%;
        margin-top: 50px;
        height: 100%;
    }
  
  .slide-article {
    padding-left: 40px;
    padding-right: 0;
    margin-top: 40px;
  }
  .slide-article h1 {
    font-size: 17px;
    line-height: 0px;
  }
  .slide-article p {
    color: #fff;
    font-size: 13px;
    margin-bottom: 5px;
  }
 
  .main-slider .slick-prev, .main-slider .slick-next {
    height: 40px;
    top: 46%;
    width: 40px;
  }
  
.read-more-btn{
	color: #fff;
	display: inline-block;
	font-weight: 300;
	font-size: 13px;	
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
    border-radius:20px;
    height:35px;
    width:120px;
    background:#DE3939;
    padding-left:22px;
    padding-top:4px;
}
}


@media(max-width:320px ) {
   

    .single-slide {
       height: 100%;
    }

       
        .single-slide img{
	width: 100%;
   margin-top:50px;
     height: 100%;
}
   

     .slide-article {
    padding-left: 40px;
    padding-right: 0;
    margin-top: 20px;
  }
  .slide-article h1 {
    font-size: 12px;
    line-height: 0px;
  }
  .slide-article p {
    color: #fff;
    font-size: 8px;
    margin-bottom: 5px;
    margin-top:-15px;
  }

   .read-more-btn{
	color: #fff;
	display: inline-block;
	font-weight: 300;
	font-size: 10px;	
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
    border-radius:20px;
    height:10px;
    width:80px;
    background:#DE3939;
    padding-left:18px;
    margin-top:0px;
    padding-bottom:20px;
}
}