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

Project:	xhafia-app-landing-page 
Version:	1.0

/** 
*****************************************
* Table Of content
******************************************
* Importing Styles.
* Global Styles.
* Page loader.
* Header Navigation area.
* Full slider area. 
* Quick service icon area .
* Guidline area. 
* Best feature area.
* Besy enjoy area.
* Perfect area.
* Every scereen.
* secreen area .
* pricing table area .
* User feed back area .
* Recent Bolg area.
* Contact us area. 
* subscriber area.
* footer area.
* copy right area.
 
*/
  

/**
* Importing Styles.
**/

@import url(https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i);
@import url(https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i);
@import url('bootstrap.min.css');
@import url('font-awesome.min.css');
@import url('owl.carousel.css');
@import url('owl.theme.css');
@import url('owl.transitions.css');
@import url('animate.css');
@import url('slicknav.min.css');

/**


* Global Styles.
**/

body {
    
}
ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}
a,
a:hover,
a:active,
a:focus {
    text-decoration: none;
    outline: none;
}
img {
    max-width: 100%;
}
  
.title{
	display:none; 
	display:none; 
}
.wow { visibility: hidden; }
 

/********************************/
/*          Header Navigation area    */
/********************************/
.slicknav_menu {
		display:none;
} 
 
#header_navigation_area {
    line-height: ; 
} 
ul.main_menu{
	margin:0;
	padding:0;
	list-style:none
}
ul.main_menu li{
	display:inline-block;
	padding-right:25px;
	position:relative;
	line-height: 25px;
}
ul.main_menu li a{
	text-decoration:none;
	color:#fff;
	font-family:lato;
	font-weight:700;
	font-size:14px;
}
ul.main_menu li ul{
	position:absolute;
	left:0;
	top:27px;
	z-index:9999;
	width:120px;
	background:#e9855d;
	display:none;
	transition:.5s;
} 
.stricky-fixed ul.main_menu li ul{ 
	 
} 
ul.main_menu li:hover ul{
	display:block;
}
ul.main_menu li ul li {
    line-height: 35px;
    padding-left: 10px; 
    width: 100%;
    border-bottom: 1px solid #fff;
}
ul.main_menu li ul li a{}
.header_social_share_icon {
    
}
ul.main_menu li ul li:last-child{
	border-bottom: 0px solid #fff;
}
.header_social_share_icon i {
    width: 25px;
    height: 25px;
    background: #fff;
    text-align: center;
    color: #2f92ad;
    font-size: 12px;
    padding-top: 6px;
}
.space {
    margin: 0;
    padding: 0;
} 
/*======== stricky header Styles ===========*/
.stricky-fixed,
#header_area.stricky-fixed,
#header_area.stricky-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background:rgba(0,0,0,.5);
  height:65px;
  box-shadow: 0 1px 5px rgba(64, 64, 64, 0.34);
}
#header_area.stricky-fixed {
    height: auto;
}
.stricky-fixed {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease;
}
.stricky-fixed * {
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease;
}
.navbar-fixed-top {
    top: 50px;
    border-width: 0 0 1px;
}
.stricky-fixed .main_logo_here img{
	width:100px;;
}
.stricky-fixed .header_social_share_icon{
	 
}
.stricky-fixed .navbar-fixed-top{
	 top: 22px; 
}
.stricky-fixed .main_menu{
	margin:0;
	padding:0;
	list-style:none;
}
.stricky-fixed .main_menu li{
	display:inline-block;
	padding-right:25px;
}
.stricky-fixed .main_menu li a {
   text-decoration:none;
	color:#fff;
	font-family:lato;
	font-weight:700;
	font-size:14px;
}
.stricky-fixed i {
    margin-top: 5px;
}
/***********************/


/********************************/
/*          Full slider area    */
/********************************/


#first-slider .main-container {
  padding: 0;
}


#first-slider .slide1 h3, #first-slider .slide2 h3, #first-slider .slide3 h3, #first-slider .slide4 h3{
	color: #fff;
	font-size: 30px;
	text-transform: uppercase;
	font-weight:500;
	font-family:Raleway;
	line-height:40px;
}

#first-slider .slide1 h4,#first-slider .slide2 h4,#first-slider .slide3 h4,#first-slider .slide4 h4{
	color: #fff;
	font-size:20px; 
	font-weight:500;
	font-family:lato;
	line-height:30px;
}
button.apps {
    background: #02ccb2;
    width: 170px;
    height: 50px;
    color: #fff;
    border: 0px solid;
    border-radius: 50px;
    font-family: lato;
    font-weight: 700;
    font-size: 14px;
	transition:.5s;
}
button.apps:hover {
    background: #e9855d; 
	transition:.8s;
}

button.play {
    background: none;
    width: 170px;
    height: 50px;
    color: #fff;
    border:1px solid #3188a5;
    border-radius: 50px;
    font-family: lato;
    font-weight: 700;
    font-size: 14px;
	transition:.5s;
}
button.play:hover{
    background:#02ccb2; 
	transition:.8s;
}



#first-slider .slide1 .text-left ,#first-slider .slide3 .text-left{
    padding-left: 40px;
}

.text-left img{
	width:200px;
}
.text-right img{
	width:200px;
}
#first-slider .carousel-indicators {
  bottom: 0;
}
#first-slider .carousel-control.right,
#first-slider .carousel-control.left {
  background-image: none;
}
#first-slider .carousel .item {
  min-height: 700px; 
  height: 100%;
  width:100%;
}

.carousel-inner .item .container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}


#first-slider h3{
  animation-delay: 1s;
}
#first-slider h4 {
  animation-delay: 2s;
}
#first-slider h2 {
  animation-delay: 3s;
}


#first-slider .carousel-control {
    width: 6%;
        text-shadow: none;
}


#first-slider h1 {
  text-align: center;  
  margin-bottom: 30px;
  font-size: 30px;
  font-weight: bold;
}

#first-slider .p {
  padding-top: 125px;
  text-align: center;
}

#first-slider .p a {
  text-decoration: underline;
}
#first-slider .carousel-indicators li {
    width: 14px;
    height: 14px;
    background-color: rgba(255,255,255,.4);
  border:none;
}
#first-slider .carousel-indicators .active{
    width: 16px;
    height: 16px;
    background-color: #fff;
  border:none;
}


.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel-control .fa-angle-right, .carousel-control .fa-angle-left {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}
.carousel-control .fa-angle-left{
    left: 50%;
    width: 38px;
    height: 38px;
    margin-top: -15px;
    font-size: 30px;
    color: #fff;
    border: 3px solid #ffffff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 53px;
}
.carousel-control .fa-angle-right{
    right: 50%;
    width: 38px;
    height: 38px;
    margin-top: -15px;
    font-size: 30px;
    color: #fff;
    border: 3px solid #ffffff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 53px;
}
.carousel-control {
    opacity: 1;
    filter: alpha(opacity=100);
}


/********************************/
/*       Slides backgrounds     */
/********************************/
#first-slider .slide1 {
    background-image:url(../image/slider.png) ;
      background-size: cover;
    background-repeat: no-repeat;
}
#first-slider .slide2 {
  background-image: url(../image/slider.png);
      background-size: cover;
    background-repeat: no-repeat;
}
/********************************/
/*       Slides backgrounds home version two  */
/********************************/
#first-slider .slide3 {
  background-image: url(../image/slider-v2.png);
      background-size: cover;
    background-repeat: no-repeat;
}
#first-slider .slide4 {
  background-image: url(../image/slider-overlay.png);
      background-size: cover;
    background-repeat: no-repeat;
}

 
/********************************/
/*           Quick service icon    */
/********************************/
#quick_service_area {
    padding: 70px 0;
    background: #f8f8f8;
    overflow: hidden; 
}

 
.space_icon {
    margin: 0;
    padding: 0;
    background: #fff; 
    padding:40px 15px;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    border-left: 1px solid #efefef;
	transition:.9s;
	transform:scale(1);
}
.space_icon:hover {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	overflow:hidden;
	z-index:1;
	transition:.5s;
	transform:scale(1.1);
	background:#02ccb2;
}


.space_icon_right {
    margin: 0;
    padding: 0;
    background: #fff; 
    padding:40px 15px;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
	transition:.5s;
	transform:scale(1);
}
.space_icon_right:hover {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	overflow:hidden;
	z-index:1;
	transition:.5s;
	transform:scale(1.1); 
	background:#02ccb2;
}

 
.icon_here i {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    border: 1px solid #02ccb2;
    color: #02ccb2;
    font-size: 35px;
    padding-top: 23px;
}
.space_icon:hover .icon_here i {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    border: 1px solid #fff;
    color: #fff;
    font-size: 35px;
    padding-top: 23px;
}
.space_icon_right:hover .icon_here i {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    border: 1px solid #fff;
    color: #fff;
    font-size: 35px;
    padding-top: 23px;
}



.single_quick_service_details{} 

.single_quick_service_details h2{
	font-family:lato;
	font-size:22px;
	color:#282828;
	font-weight:500;
} 

.space_icon:hover .single_quick_service_details h2{
	font-family:lato;
	font-size:22px;
	color:#fff;
	font-weight:700;
} 
.space_icon_right:hover .single_quick_service_details h2{
	font-family:lato;
	font-size:22px;
	color:#fff;
	font-weight:700;
} 



.single_quick_service_details p{
	font-family:lato;
	font-size:16px;
	color:#101010;
	font-weight:500;
	line-height:25px;
} 
.space_icon:hover .single_quick_service_details p{
	font-family:lato;
	font-size:16px;
	color:#fff;
	font-weight:500;
	line-height:25px;
} 
.space_icon_right:hover .single_quick_service_details p{
	font-family:lato;
	font-size:16px;
	color:#fff;
	font-weight:500;
	line-height:25px;
} 
  
/**********************/




/********************************/
/*           Guidline area    */
/********************************/

#guidline_area {
    padding: 40px 0 40px  0;
    overflow: hidden;
}
.section_title{ 
	padding-bottom:55px;
}
.section_title h2{
	font-family:Raleway;
	font-weight:600;
	color:#282828;
	font-size:35px;
}
.section_title p{
	font-family: lato;
    font-size: 16px;
    color: #101010;
    font-weight: 500;
    line-height: 25px;
    padding: 0;
    margin: 0;
}
section#video_gallery {
    overflow: hidden;
    width: 100%;
	padding:50px 0;
}
 
 
.video_all {
    width: 50%;
    float: left;
    height: 100%;
}

#video { 
  position: relative;
  background: url(../image/video-thumb-img.png);
  width: 100%;
  margin: 0px auto;
  height:500px;
}
.about_page {
    width: 50%;
    float: right;
    height: 500px;
    overflow: hidden;
    padding: 95px 100px 95px 100px;
	text-align:right;
}
#video img,
#video iframe { 
	display: block;
	width:100%;
	height:500px;
}

#play {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background:url('../image/play-button.png') no-repeat 50% 50%;
  background-size: auto, cover;
   
}

#play:hover { background-color: rgba(0,0,0,0.2) !important; }


/********* video palyer home version two *************/
.video_all_two {
    width: 100%;
    float: left;
    height: 100%; 
}
#video_two {
	position: relative;
	background: url(../image/full-video-player.PNG);
	width: 100%;
	margin: 0px auto;
	height: 500px;
}
 
#video_two img,
#video_two iframe { 
	display: block;
	width:100%;
	height:500px;
}

#play {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background:url('../image/play-button.png') no-repeat 50% 50%;
  background-size: auto, cover;
   
}

#play:hover { background-color: rgba(0,0,0,0.2) !important; }

 

.about_page h2{
	font-family:lato;
	font-size:22px;
	color:#282828;
	font-weight:600;
} 
.about_page p{
	font-family:lato;
	font-size:16px;
	color:#101010;
	font-weight:500;
	line-height:25px;

} 
.donwload_link {
    margin-top: 50px;
}
.donwload_link img {
    padding-left: 10px;
}
/**************************/


 
/********************************/
/*            Best feature   */
/********************************/
#best_feature_area{
	margin:0 0 -20px 0 !important;
}
.best_feature_left_column {
    padding: 100px 0 100px 0;
    overflow: hidden;
    transition: .5s;
}
.single_best_feature:hover {
    border: 1px solid #02ccb2;
    transition: .5s;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.single_best_feature {
    margin-bottom: 50px;
    overflow: hidden;
	  transition: .5s;
}
.space {
    margin: 0;
    padding: 0;
    
}
.feature_details_left {
    text-align: right;
}
.feature_details_left h2{
	font-family:lato;
	font-size:22px;
	color:#282828;
	font-weight:600;
}
.feature_details_left p{
	font-family:lato;
	font-size:16px;
	color:#101010;
	font-weight:500;
	line-height:25px;
}
.feature_icon {
    padding-top: 25px;
    float: right;
}
 
.feature_icon_right{
	padding-top:30px;
	padding-left:10px;
}
.feature_icon_right img{}
.feature_details_right{}
.feature_details_right h2{
	font-family:lato;
	font-size:22px;
	color:#282828;
	font-weight:600;
}
.feature_details_right p{
	font-family:lato;
	font-size:16px;
	color:#101010;
	font-weight:500;
	line-height:25px;
}
 



/***********************/


 
/********************************/
/*            Best feature   */
/********************************/
#best_enjoy_area {
    background: url(../image/paralax-bg.png);
    padding:145px 0 150px 0;
	height:550px;
}
#best_enjoy_area_two {
    background: url(../image/paralax-bg-two.png);
    padding: 170px 0;
	height:550px;
}



.parallax-window {
    min-height: 500px;
    background: transparent; 
	padding:100px 0;
}
.best_enjoy{}
.best_enjoy h2{
	color: #fff;
	font-size: 30px;
	text-transform: uppercase;
	font-weight:500;
	font-family:Raleway;
	line-height:40px;
}
.best_enjoy p{
	color: #fff;
	font-size:20px; 
	font-weight:500;
	font-family:lato;
	line-height:30px;
}
 

/***************************/


/********************************/
/*       Perfect area   */
/********************************/

#perfect_area{
	padding:65px 0;
	overflow:hidden
}
.perfect_img{

}
.perfect_img img{}
.perfect_details{
	padding-top:70px;
}
.perfect_details h2{
	font-family:Raleway;
	font-weight:600;
	color:#282828;
	font-size:35px;
	text-transform:uppercase;
}
.perfect_details p{
	font-family:lato;
	font-size:16px;
	color:#101010;
	font-weight:500;
	line-height:25px;
}
.perfect_btn{
	background: #02ccb2;
    width: 170px;
    height: 50px;
    color: #fff;
    border: 0px solid;
    border-radius: 50px;
    font-family: lato;
    font-weight: 700;
    font-size: 14px;
	text-transform:uppercase;
	transition:.5s;
}
.perfect_btn:hover{
	background: #e9855d;
	transition:.5s;
}



/***************************/


/********************************/
/*      Every scereen  */
/********************************/

#every_scereen_area{
	padding:65px 0 50px 0;
	overflow:hidden;
	background:#f8f8f8;
}
.perfect_img {
    width: 90%;
}
.perfect_img img{}
.every_scereen_details{
	padding-top:70px;
}
.every_scereen_details {
	
}
.every_scereen_details h2{
	font-family:Raleway;
	font-weight:600;
	color:#282828;
	font-size:35px;
	text-transform:uppercase;
}
.every_scereen_details p{
	font-family:lato;
	font-size:16px;
	color:#101010;
	font-weight:500;
	line-height:25px;
}
.Every_btn{
	background: #02ccb2;
    width: 170px;
    height: 50px;
    color: #fff;
    border: 0px solid;
    border-radius: 50px;
    font-family: lato;
    font-weight: 700;
    font-size: 14px;
	text-transform:uppercase;
	transition:.5s;
}
 
.Every_btn:hover{
	background: #e9855d;
	transition:.5s;
}
 


/***************************/



/********************************/
/*     secreen area  */
/********************************/
#secreen_area{
	padding:45px 0;
	overflow:hidden; 
}
 
.owl-prev {
    left: -70px;
    position: absolute;
    top: 50%;
}
.owl-next {
    right: -70px;
    position: absolute;
    top: 50%;
}

.owl-theme .owl-controls .owl-buttons div { 
    display: inline-block;
    zoom: 1;
    margin: 5px;
    padding: 3px 10px;
    font-size: 26px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: none;
    filter: Alpha(Opacity=50);
    opacity:1;
    color: #acacac;
}

/******************************/

/********************************/
/*    pricing table area   */
/********************************/
#pricing_table_area{
	padding:45px 0 70px 0;
	overflow:hidden; 
	background:#f8f8f8;
}

.section_title_new{
	padding-bottom:35px;
}
.section_title_new h2{
	font-family:Raleway;
	font-weight:600;
	color:#282828;
	font-size:35px;
	text-transform:uppercase;
}
.section_title_new p{
	font-family:lato;
	font-size:16px;
	color:#101010;
	font-weight:500;
	line-height:25px;
}
.pricing_table {
    padding-top: 15px;
}
.single_table{
	background:#fff;
	transition:.5s;
	border:0px solid #02ccb2;
	transform:scale(1);
}
.single_table:hover{
	background:#02ccb2;
	transition:.5s;
	transform:scale(.9);
}
.single_table:hover .table_heading h2{
	color:#fff;
	font-weight:900;
	transition:.5s;
}
.single_table:hover{}
.single_table:hover{}
.single_table:hover{}
.table_heading{
	padding:20px 40px 10px 40px;
}
.table_heading h2{
	font-family:Raleway;
	font-weight:600;
	color:#282828;
	font-size:22px;
	text-transform:uppercase;
}
.table_price{
	background:#02ccb2;
	padding:5px 40px;
	transition:.5s;
}
.single_table:hover .table_price{
	background:#fff;
	padding:5px 40px;
	overflow:hidden;
	transition:.5s;
}
.table_price h1{
	font-size:45px;
	color:#fff;
	font-weight:900;
	font-family:Lato;
	transition:.5s;
}
.single_table:hover .table_price h1{
	font-size:45px;
	color:#02ccb2;
	font-weight:900;
	font-family:Lato;
	transition:.5s;
}

.table_price p{
	font-size:18px;
	color:#fff;
	font-weight:300;
	font-family:Lato;
	transition:.5s;
}

.single_table:hover .table_price p{
	font-size:18px;
	color:#02ccb2;
	font-weight:300;
	font-family:Lato;
	transition:.5s;
}


.table_list{
	padding:20px 40px;
}
.table_list p{
	font-family:lato;
	font-size:18px;
	color:#101010;
	font-weight:500;
	line-height:25px;
	transition:.5s;
}
.single_table:hover  .table_list p{ 
	color:#fff; 
	transition:.5s;
}


.sing_up{
	padding-bottom:30px;
}
.sing_up_btn{
	background: #02ccb2;
    width: 170px;
    height: 60px;
    color: #fff;
    border: 0px solid;
    border-radius: 50px;
    font-family: lato;
    font-weight: 900;
    font-size: 22px;
	text-transform:uppercase;
}
.single_table:hover .sing_up_btn{
	background: #fff; 
    color: #02ccb2; 
}
 
/****************/ 



/********************************/
/*     User feed back area  */
/********************************/
#feed_back_area{
	padding:45px 0 45px 0;
	overflow:hidden; 
}
.cercel_title{}
.cercel_title h2{
	font-family:Raleway;
	font-weight:600;
	color:#02ccb2;
	font-size:22px;
	text-transform:uppercase;
}
.cercel_title p{
	font-family:lato;
	font-size:18px;
	color:#282828;
	font-weight:600;
	line-height:25px;
	text-transform:uppercase;
} 

#fade-quote-carousel.carousel {
  padding-bottom: 60px;
}
#fade-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-indicators {
  bottom: 10px;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
  background-color: #02ccb2;
  border: none;
}
#fade-quote-carousel blockquote {
    text-align: center;
    border: none;
	font-family:lato;
	font-size:18px;
	color:#101010;
	font-weight:500;
	line-height:25px;
	font-style:italic;
}
#fade-quote-carousel .profile-circle {
    width: 250px;
    margin: 0 auto;
    border-radius: 100px;
    text-align: center;
}


/**********************/

 
/********************************/
/*   Recent Bolg area  */
/********************************/
#blog_area{
	padding:45px 0 60px 0;
	overflow:hidden; 
	background:#f8f8f8;
}
.recent_blog{}
.single_blog{}
.itme_details {
    padding: 10px 15px;
}
.item_img img{
	width:100%;
}
.item.single_blog {
    background: #fff;
    margin: 0 10px;
}
.itme_details h2{
	font-family:Raleway;
	font-weight:600;
	color:#282828;
	font-size:22px;
	text-transform:uppercase;
	line-height:10px;
}
.itme_details h3{
	font-family:lato;
	font-size:15px;
	color:#909090;
	font-weight:500;
	line-height:25px;
}
.itme_details p{
	font-family:lato;
	font-size:15px;
	color:#282828;
	font-weight:500;
	line-height:25px;
}
.itme_details a{
	font-family:lato;
	font-size:15px;
	color:#02ccb2;
	font-weight:700;
	line-height:25px;
	text-transform:uppercase;
}
  
/**********************/
 
/********************************/
/*    Contact us area  */
/********************************/
#contact_us_area{
	padding:45px 0 70px 0;
	overflow:hidden;  
}
.inpu {
    border: 0px solid;
    border-bottom: 1px solid #101010;
    width: 100%;
    color: #828282;
    font-size: 14px;
    font-family: lato;
    font-weight: 300;
	padding-bottom:20px;
}
.text_inputs {
    border: 0px solid;
    border-bottom: 1px solid #101010;
    width: 100%;
    color: #828282;
    font-size: 14px;
    font-family: lato;
    font-weight: 300;
	padding-bottom:20px;
	margin-top:150px;
}


.contact_btn {
    background: #02ccb2;
    width: 170px;
    height: 50px;
    color: #fff;
    border: 0px solid;
    border-radius: 50px;
    font-family: lato;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    padding-top: 15px;
    margin-top: 20px;
	 transition: .5s;
}
.btn.contact_btn:hover {
    background: #e9855d;
    color: #fff;
    transition: .5s;
}
/*****************************/




/********************************/
/*    subscriber area  */
/********************************/

#subscriber_area{
	background:#02ccb2;
	padding:45px 0 70px 0;
	overflow:hidden;
}
.subscriber_title h2{
	font-family:Raleway;
	font-weight:600;
	color:#fff;
	font-size:35px;
}
.subscriber_title p{
	font-family:lato;
	font-size:16px;
	color:#fff;
	font-weight:500;
	line-height:25px;
}
input.form_style {
    width: 75%;
    border: 0px solid;
    height: 60px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    padding-left: 20px;
    font-family: lato;
    font-weight: 700;
	margin-top: 25px;
}
button.subscriber {
    height: 60px;
    border: 0px solid;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    width: 20%;
    font-size: 16px;
    font-weight: 500;
    color: #282828;
}

/************************/





/********************************/
/*     footer area  */
/********************************/
#footer_area{
	background:#282828;
	padding:70px 0 50px 0;
}
.footer_content{}
.footer_logo{}
.footer_logo img{}
.footer_menu {
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 40px 0 30px 0;
}
.footer_menu li{
	display:inline-block;
}
.footer_menu li a{
	color:#969696;
	font-family:lato;
	font-size:16px;
	font-weight:700;
	padding:0 15px;
}
.footer_social{
	padding:20px 0;
}
.footer_social a{
	padding:0 15px;
}
.footer_social a i {
    width: 45px;
    height: 45px;
    background: #9a9a9a;
    color: #282828;
    border-radius: 100%;
    font-size: 23px; 
    padding-top: 10px;
    transform: rotate(-360deg);
    transition: .5s;
}
.footer_social a i:hover {
    transition: .5s;
    transform: rotate(360deg);
	background:#e9855d;
	color:#fff;
}
/**************************/




/********************************/
/*     copy right area  */
/********************************/

#copy_right_area {
    background: #02ccb2;
    padding:25px 0 12px 0;
}
.copy_p{}
.copy_p p{
	color:#fff;
	font-size:16px;
	font-weight:500;
	 
} 
 


/********************************/
/*   Blog page */
/********************************/

#blog_post_main_area{
	padding:70px 0;
}

/***  single  blog post  ***/
.share_post{
	margin-top:25px;
}
button.read {
    color: #282828;
    background: none;
    border-top: 1px solid #282828;
    border-left: 1px solid #273f79;
    border-bottom: 1px solid #282828;
    border-right: 1px solid #273f79;
    width: 200px;
    height: 55px;
    border-radius: 55px;
    font-size: 18px;
    font-family: Raleway;
    font-weight: 500;
	text-transform:capitalize;
}
.icon_share {
    display: inline-block;
    margin-left: 20px;
}
.icon_share i {
    color: #282828;
    border: 1px solid #273f79;
    height: 55px;
    width: 55px;
    border-radius: 100%;
    font-size: 30px;
    text-align: center;
    padding-top: 11px;
}



/** blog page banner area start **/
#blog_area_area{
	background:url(../image/slider.png);
	height:580px;
    width: 100%;
}
.blog_section_title{
	padding:20% 0;
}
.blog_section_title h2{
	color: #fff;
    font-size: 40px; 
    font-weight: 500;
    font-family: Raleway;
    line-height: 40px;
}
.blog_section_title p{
	    color: #fff;
    font-size: 20px;
    font-weight: 500;
    font-family: lato;
    line-height: 30px;
}


 .blog_single_post {
    margin-bottom: 55px;
    overflow: hidden;
}
.single_blog{}
.single_blog_img img{
	width:100%;
}
.blog_post_date{}
.blog_post_date ul{
	margin:0;
	padding:0;
	list-style:none;
}
.blog_post_date ul li{
	float:left;
	 padding-right:15px;
}
.blog_post_date ul li i{
	font-size:18px;
	padding-right: 5px;
	color:#222222
}

.blog_post_date ul li a{
	color:#222222;
	text-decoration:none;
	font-family:lato;
	font-weight:300;
	font-size:16px;
}
.blog_post_date {
    padding-top: 15px;
}
.blog_post h2 {
    color: #000;
    font-size: 22px;
    overflow: hidden;
    width: 100%;
    font-weight: 700;
    padding-top: 20px;
}
.blog_post p {
    color: #868686;
    overflow: hidden;
    width: 100%;
    padding-top: 0px;
    font-family: lato;
    font-weight: 300;
    line-height: 20px;
    font-size: 14px;
}
 

 /*** pagination style ***/
 .prv {
    width: 120px;
    border-radius: 50px;
    text-align: center;
    height: 50px;
    padding-top: 0;
    background: none;
	border: 1px solid #d8d8d8;
   
}
.prv i {
    color: #181818;
    padding-right: 6px;
}


.next {
    width: 120px; 
    border-radius: 50px;
    text-align: center;
    height: 50px; 
}
.next i {
    color: #181818;
    padding-left: 10px;
}


.pagination_list{}
.pagination_list ul{
	margin:0;
	padding:0;
	list-style:none;
}
.pagination_list ul li {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 1px solid #e5e5e5;
    border-radius: 100%;
    text-align: center;
    padding-top: 7px;
    margin-right: 17px;
    font-size: 21px;
    color: #e5e5e5;
}
.pagination_list ul li a{
	text-decoration:none;
	color:#181818
}
.padd {
    float: left;
    margin-right: 25px;
}




/**** blog page sider ***/
.sidebar_area {
    background: #f6f6f6; 
    width: 100%; 
	padding:20px 15px; 
}
.about_me {
    text-align: center;
}
.about_me img {
    padding-top: 20px;
}
.about_me span {
    width: 75px;
    height: 3px;
    background: #282828;
    display: inline-block;
}
.about_me h2 {
    color: #282828;
    font-size: 25px;
    font-family: Raleway;
    font-weight: 500;
    text-transform: uppercase;
	line-height:0px;
}
.about_me p {
    color: #7f7f7f;
    text-align: left;
    padding: 10px 9px;
    font-family: Raleway;
    font-weight: 500;
    line-height: 20px;
}
.subs_criber{
	padding:20px 0;
	position:relative
}
input.subsemail {
    width: 100%;
    height: 45px;
    border-radius: 50px;
    border: 1px solid #101010;
    padding-left: 15px;
	
}
 
button.btn_send {
    background: #282828;
    color: #fff;
    border: 0px solid;
    border-radius: 50px;
    width: 100px;
    height: 30px;
    font-weight: 500;
    float: right;
    font-family: Raleway;
    position: absolute;
    top: 28px;
    right: 5px;
}
.social_icon {
    display: inline-block;
    text-align: center;
    width: 100%;
}
.social_icon i {
    width: 40px;
    height: 35px;
    background: #282828;
    color: #fff;
    font-size: 25px;
    padding-top: 7px; 
	margin-left:30px;
	text-align:center;
}

.bannder_adds {
    background: linear-gradient(rgba(30, 100, 147, 0.6), rgba(30, 100, 147, 0.6)), url(../image/blog/banner-img.PNG); 
    height: 280px;
}
.banner_box {
    background: rgba(32, 88, 131, 0.7);
    width: 220px;
    height: 180px;
    display: inline-block;
    text-align: center;
    margin-left: 55px;
    margin-top: 50px;
}
.banner_box h2 {
     font-family: lato;
    font-weight: 500;
    color: #fff;
    font-size: 24px;
    line-height: 30px;
	padding-top:30px;
    
}

.Instagram_area{
	padding-top:20px;
}
.instagram_img img {
    width: 100px;
    height: 100px;
    padding-bottom: 5px;
}
.Instagram_area h2 {
    text-align: left;
    color: #868686;
    font-size: 20px;
    padding-left: 10px; 
    font-family: Raleway;
    font-weight: 600;
    line-height: 0px;
}
.media-body.myclass {
    width: 100%;
    padding-top: 16px;
}
.media-body.myclass p {
    color: #868686;
    font-size: 20px;
    font-family: lato;
    font-weight: 600;
}

.media-body.myclass h4 {
    color: #868686;
    font-size: 18px;
    font-family: lato;
    font-weight: 300;
    font-style: italic;
    float: left;
    line-height: 0px;
}

.populer_catagory{}
.Instagram_area hr {
    background: #282828;
    height: 1px;
}
.populer_catagory hr {
    background: #282828;
    height: 1px;
} 
.populer_catagory h3 {
    color: #868686;
    font-size: 20px;
    font-family: Lato;
    font-weight: 700;
    line-height: 0px;
    padding-top: 20px;
    padding-bottom: 10px;
}

li.list-group-item {
    background: none;
    border: 0px solid;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 20px;
    color: #868686;
    font-family: lato;
    font-size: 18px;
}
li.list-group-item:last-child{
	border-bottom:0px solid #d8d8d8;
}
span.badge { 
    color: #3ec6ed;
    background: none;
    font-size: 18px;
    font-weight: 500;
    font-family: lato;
	
}





/********************************/
/*   Error page */
/********************************/


#error_area{
	padding:75px 0;
	overflow:hidden;
}
.error_text{}
.error_text img{}
.error_text p{
	font-family:Raleway;
	color:#4f4f4f;
	font-size:28px;
	font-weight:500;
}
.error_title{}
.error_title ul {
    display: inline-block;
}
.error_title ul li{
	float:left;
}
.error_title{
	width:100%;
	overflow:hidden;
	padding:25px 0;
}
.error_title h2{
	font-family:Raleway;
	font-weight:700;
	font-size:200px;
	color:#4f4f4f;
}
.error_title img {
    padding-top: 84px;
}
.lefts{
	 
}
.background{
	background:#f4f4f4;
}
.subscriber_title_one{
	padding:25px 0;
	overflow:hidden;
}
.subscriber_title_one h2{
	color:#282828;
	font-family:lato;
	font-weight:700;
	font-size:20px;
	text-transform:uppercase;
	padding-bottom:20px;
}
.subscriber_title_one img {
    position: absolute;
    margin-left: -60px;
    margin-top: 5px;
    width: 45px;
}
.subs {
    width: 35%;
    height: 50px;
    padding-left: 15px;
    border-radius: 50px;
    border: 2px solid #101010;
}
.follow_us_title{}
.follow_us_title span{
	width:12px;
	height:8px;
	border:2px solid #282828;
	display:inline-block;
}
.follow_us_title h2{
	color:#282828;
	font-family:lato;
	font-weight:700;
	font-size:20px;
	line-height:0px;
	text-transform:uppercase;
}
.follow_us_social {
    padding-top: 15px;
}
.follow_us_title i{
	width:30px;
	height:30px;
	text-align:center;
	color:#101010;
	padding-top:8px;
	border:1px solid #101010;
}
.{}
.subscriber_title img {
    position: absolute;
    margin-left: -52px;
    margin-top: 6px;
    width: 3%;
}


img.lefts.size {
    width: 225px;
    padding-top: 65px;
}
input.home {
    width: 100%;
    background: none;
    border: 1px solid #e9855d;
    color: #000;
    height: 50px;
    padding-left: 15px;
    text-align: center;
    font-weight: 900;
    font-family: lato;
}

input.subss {
    width: 82%;
    background:none;
    border: 1px solid #e9855d;
    color: #282828;
    height: 50px;
	padding-left:15px;
	 
}
.subscriberss i {
    background: #e9855d;
    color: #fff;
    width: 18%;
    height: 50px;
    padding-top: 15px;
    text-align: center;
    font-size: 18px;
	
}

.background_three{
	background:#f4f4f4;
}

input.homes {
    width: 100%;
    background: none;
    border: 1px solid #1f89aa;
    color: #000;
    height: 50px;
    padding-left: 15px;
    text-align: center;
    font-weight: 900;
    font-family: lato;
}

input.subsss {
    width: 82%;
    background:none;
    border: 1px solid #1f89aa;
    color: #282828;
    height: 50px;
	padding-left:15px;
	 
}
.subscriberss_three i {
    background: #1f89aa;
    color: #fff;
    width: 18%;
    height: 50px;
    padding-top: 15px;
    text-align: center;
    font-size: 18px;
	
} 


/********************************/
/*   Comming soon page */
/********************************/

/** version one **/

body#comming_soon {
    background: url(../image/slider.png);
}

div#change_options {
    display: inline-block; 
}
.comming_details h2 {
    color: #fff;
    font-family: lato;
    font-size: 35px;
    text-transform: uppercase;
    padding: 20px 0;
}
.comming_details p {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
}
.timer {
    padding-top: 35px;
}
.table-cell {
    width: 150px;
    float: left;
    overflow: hidden;
	border:1px solid #fff;
	padding:15px 0;
}
.table-cell:nth-child(1) {
	border-right:0px solid #fff;
}

.table-cell:nth-child(2) {
	border-right:0px solid #fff;
}

.table-cell:nth-child(3) {
	border-right:0px solid #fff;
} 
.tab-val {
    color: #fff;
    font-size: 50px;
    font-weight: 700;
    font-family: lato;
}
.tab-metr.tab-unit {
    color: #fff;
    font-size: 25px;
    text-transform: uppercase;
    font-family: lato;
    font-weight: 500;
}

.subscriber_title_soon{
	padding:25px 0;
	overflow:hidden;
}
.subscriber_title_soon h2{
	color:#fff;
	font-family:lato;
	font-weight:700;
	font-size:20px;
	text-transform:uppercase;
	padding-bottom:20px;
}

.subscriber_title_soon img {
    position: absolute;
    margin-left: -52px;
    margin-top: 8px;
    width: 3%;
}
input.subss {
    width: 82%;
    background:none;
    border: 1px solid #1f89aa;
    color: #282828;
    height: 50px;
	padding-left:15px;
	 
}


.follow_us_title{}
.follow_us_socials span{
	width:12px;
	height:8px;
	border:2px solid #282828;
	display:inline-block;
}
.follow_us_socials h2{
	color:#282828;
	font-family:lato;
	font-weight:700;
	font-size:20px;
	line-height:0px;
	text-transform:uppercase;
}
.follow_us_socials {
    padding-top: 15px;
}
.follow_us_socials i{
	width:30px;
	height:30px;
	text-align:center;
	color:#fff;
	padding-top:8px;
	border:1px solid #101010;
}

.follow_us_titles h2{
	color:#fff;
	font-family:lato;
	font-weight:700;
	font-size:20px;
	text-transform:uppercase; 
}
.follow_us_titles span{
	width:12px;
	height:8px;
	border:2px solid #fff;
	display:inline-block;
}

.subsp {
    width: 35%;
    height: 50px;
    padding-left: 15px;
    border-radius: 50px;
    border: 2px solid #fff;
    background: none;
    color: #fff;
}
input[type="email"].subsp::-webkit-input-placeholder {
  color: #fff;
}




/** version Two **/
#error_area_two{
	padding:75px 0;
}
div#change_options {
    display: inline-block; 
}
.comming_details_two h2 {
    color: #282828;
    font-family: lato;
    font-size: 35px;
    text-transform: uppercase;
    padding: 20px 0;
}
.comming_details_two h2 strong{
	color:#e9855d;
}
.comming_details_two p {
    color: #101010;
    font-size: 16px;
    line-height: 24px;
}
.timer_two {
    padding-top: 35px;
}
.timer_two .table-cell {
    width: 150px;
    float: left;
    overflow: hidden;
	border:1px solid #e9855d;
	padding:15px 0;
}
.timer_two .table-cell:nth-child(1) {
	border-right:0px solid #e9855d;
}

.timer_two .table-cell:nth-child(2) {
	border-right:0px solid #e9855d;
}

.timer_two .table-cell:nth-child(3) {
	border-right:0px solid #e9855d;
} 
.timer_two .tab-val {
    color: #e9855d;
    font-size: 50px;
    font-weight: 700;
    font-family: lato;
}
.timer_two .tab-metr.tab-unit {
    color: #101010;
    font-size: 25px;
    text-transform: uppercase;
    font-family: lato;
    font-weight: 500;
}

.subscriber_title_soon_two{
	padding:25px 0;
	overflow:hidden;
}
.subscriber_title_soon_two h2{
	color:#282828;
	font-family:lato;
	font-weight:700;
	font-size:20px;
	text-transform:uppercase;
	padding-bottom:20px;
}

.subscriber_title_soon_two img {
    position: absolute;
    margin-left: -52px;
    margin-top: 8px;
    width: 3%;
}
input.subss {
    width: 82%;
    background:none; 
    border: 1px solid #e9855d;
    color: #282828;
    height: 50px;
	padding-left:15px;
	 
}
 
.follow_us_socials_two {
    padding-top: 15px;
	overflow:hidden;
}
.follow_us_titles_two i{
	width:30px;
	height:30px;
	text-align:center;
	color:#101010;
	padding-top:8px;
	border:1px solid #101010;
}

.follow_us_titles_two h2{
	color:#282828;
	font-family:lato;
	font-weight:700;
	font-size:20px;
	text-transform:uppercase; 
}
.follow_us_titles_two span{
	width:12px;
	height:8px;
	border:2px solid #282828;
	display:inline-block;
}

.subs_two {
    width: 35%;
    height: 50px;
    padding-left: 15px;
    border-radius: 50px;
    border: 1px solid #282828;
    background: none;
    color: #fff;
}
input[type="email"].subsp::-webkit-input-placeholder {
  color: #fff;
}
input[type="email"].subs_two::-webkit-input-placeholder {
  color: #000;
}




/** version one **/

#comming_soon_v3 {
    background: url(../image/soon/version-three.jpg);
}
.timers{
	padding-top:0px;
}
.spinner_timmer {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
	height:138px;
	margin-top:70px;
	margin-bottom:35px;
}
.timer_verstion .table-cell {
    width: 150px;
    float: left;
    overflow: hidden;
	border:1px solid #fff;
	padding:15px 0;
}
.timer_verstion .table-cell:nth-child(1) {
	border-top:0px solid #fff;
	border-bottom:0px solid #fff;
	border-right:0px solid #fff;
}

.timer_verstion  .table-cell:nth-child(2) {
	border-top:0px solid #fff;
	border-bottom:0px solid #fff;
	border-right:0px solid #fff;
}

.timer_verstion .table-cell:nth-child(3) {
	border-top:0px solid #fff;
	border-bottom:0px solid #fff;
	border-right:0px solid #fff;
} 
.timer_verstion .table-cell:nth-child(4) {
	border-top:0px solid #fff;
	border-bottom:0px solid #fff;
} 


 

 
/*************** Demo page style *****/
#demo_area{
	background:url(../image/slider.png);
	height:580px;
    width: 100%;
 
}
.demo_details{
	padding-top: 15%;
}
.demo_details img{}
.demo_details h2{
	 color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: Raleway;
    line-height: 40px;
}
.demo_details p{
	    color: #fff;
    font-size: 20px;
    font-weight: 500;
    font-family: lato;
    line-height: 30px;
}



#main_page_content{
	padding:50px 0 0 0;
	
}
.demo_title{}
.demo_title h2{
	 color: #7f7f7f;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: lato;
    line-height: 40px;
}
.demo_title p{
	 color: #7f7f7f;
    font-size:22px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: lato;
    line-height: 30px;
	padding-bottom:20px;
}

.single_landing_page img{
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35)
}
.single_landing_page h2{
	 color: #7f7f7f;
    font-size:18px;
    text-transform: uppercase;
    font-weight: 900;
    font-family: lato;
    line-height: 25px;
	 
}
 

#footer_demo_page {
    background: #192e6b;
    padding: 40px 0 20px;
    margin-top: 50px;
}

.footer_demo{}
.social_area a {
    padding: 0 10px;
}
.social_area i{
	width:35px;
	height:35px;
	color:#192e6b;
	background:#fff;
	border-radius:100%;
	padding-top:8px;
	font-size:18px; 
	transition:.5s;
}
.social_area i:hover{
	width:35px;
	height:35px;
	color:#fff;
	background:#e9855d; 
	transform:rotate(360deg);
	transition:.5s;
	 
} 
.footer_demo p{
	 color: #fff;
    font-size:18px; 
    font-weight: 500;
    font-family: lato;
    line-height: 25px;
	padding-top:20px;
	
}





.blog_section_title.another.text-center {
    padding: 15% 0;
}