@charset "UTF-8";
/*----------------------------------------------------
@File: Default Styles
@Author: 
@URL: 

This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.
---------------------------------------------------- */
/*=====================================================================
@Template Name: 
@Author: Themexriver.

**Css Table Of Content**
1- App Landing--
  *1- Global Area
  *2- Header Area
  *3- Banner Area
  *4- Feature Area
  *5- Service Area
  *6- Funfact Area
  *7- How this work Area
  *8- App Download Area
  *9- Team Area
  *10- FAQ area
  *11- App Screenshoot Area
  *12- Testimonial Area
  *13- Partner Area
  *14- Newslatter Area
  *15- Footer Area
2- Digital SEO --
  *1- Global Area
  *2- Header Area
  *3- Banner Area
  *4- Service Area
  *5- ABout Area
  *6- Newslatter Area
  *7- Mission Area
  *8- Pricing Plan Area
  *9= Testimonial Area
  *10- Case Study Area
  *11- Call to Action Area
  *12- Blog Area
  *13- Footer
3- SaaS Modern--
  *1- Global Area
  *2- Header Area
  *3- Banner Area
  *4- Featured Area
  *5- ABout Area
  *6- Partner Area
  *7- Team Area
  *8- Testimonial Area
  *9- Newslatter Area 
4- SaaS Classic --
  *1- Global Area
  *2- Header Area
  *3- Banner Area
  *4- Service Area
  *5- ABout Area
  *6- Feature Area
  *7- Team Area
  *8- FAQ Area
  *9= Pricing Area
  *10- Footer
 5- StartUp Agency --
  *1- Global Area
  *2- Header Area
  *3- Banner Area
  *4- Feature Area
  *5- ABout Area
  *6- Work Process Area
  *7- Portfolio Area
  *8- Testimonial Area
  *9= Partner Area
  *10- Footer 
 2- Digital Agency --
  *1- Global Area
  *2- Header Area
  *3- Banner Area
  *4- Service Area
  *5- CountDown Area
  *6- About Area
  *7- Experience Area
  *8- PortFolio Area
  *9= Team Area
  *10- Testimonial Area
  *11- Blog Area
  *12- Newslatter Area
  *13- Footer 
  =====================================================================*/

@font-face {
font-family: 'Bill-Smith-Demo';
src:url('../fonts/Bill-Smith-Demo.woff') format('woff'),
	url('../fonts/Bill-Smith-Demo.woff2') format('woff2'),
	url('../fonts/Bill-Smith-Demo.svg#Bill-Smith-Demo') format('svg'),
	url('../fonts/Bill-Smith-Demo.eot'),
	url('../fonts/Bill-Smith-Demo.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Bill-Smith-Demo.ttf') format('truetype');

font-weight: normal;
font-style: normal;
font-display: swap;
}

/* Preloader */

.preloader{ 
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:999999999;
	background-color:#ffffff;
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url(../img/consult-2/icons/preloader.svg);
	background-size:80px;
} 
  
.auto-container{
	position:static;
	max-width:1200px;
	padding:0px 15px;
	margin:0 auto;
}

* {
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
}

a{
	text-decoration:none;
	cursor:pointer;
	/* color:#f101e2; */
}

button{
	cursor:pointer;
	text-decoration:none;
	outline:none !important;
}

a:hover,a:focus,a:visited{
	text-decoration:none;
	outline:none !important;
}

ul,li{
	list-style:none;
	padding:0px;
	margin:0px;	
}

img{
	display:inline-block;
	max-width:100%;
}

.page-wrapper{
	overflow:hidden;
}

.theme-btn{
	font-size:18px;
	display:inline-block;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.pull-left{
	float:left;
}

.pull-right{
	float:right;
}


/*** 

====================================================================
	Blog Section
====================================================================

***/

.blog-section{
	position:relative;
	padding:100px 0px 80px;
}

.blog-section .section-icons{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
}

.blog-section .section-icons .icon-layer-one{
	position:absolute !important;
	left:4% !important;
	top:55% !important;
	width:11px;
	height:11px;
	background-repeat:no-repeat;
}

.blog-section .section-icons .icon-layer-two{
	position:absolute !important;
	left:auto !important;
	right:14% !important;
	top:20% !important;
	width:11px;
	height:11px;
	background-repeat:no-repeat;
}

.blog-section .section-icons .icon-layer-three{
	position:absolute !important;
	left:auto !important;
	right:10% !important;
	top:26% !important;
	width:98px;
	height:51px;
	background-repeat:no-repeat;
}

.blog-section .section-icons .icon-layer-four{
	position:absolute !important;
	left:10% !important;
	bottom:2% !important;
	top:auto !important;
	width:98px;
	height:28px;
	background-repeat:no-repeat;
}

.blog-section .section-icons .icon-layer-five{
	position:absolute !important;
	left:auto !important;
	right:5% !important;
	top:65% !important;
	width:7px;
	height:7px;
	background-repeat:no-repeat;
}

.news-block{
	position:relative;
	margin-bottom:30px;
}

.news-block .inner-box{
	position:relative;
}

.news-block .inner-box .image{
	position:relative;
	overflow:hidden;
	border-radius:10px;
	background-color:#ff4c1c;
}

.news-block .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
	-webkit-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	transition:all 600ms ease;
}

.news-block .inner-box:hover .image img{
	opacity:0.50;
	transform:scale(1.05,1.05);
}

.news-block .inner-box .lower-content{
	position:relative;
	padding:20px 30px;
	border-radius:10px;
	margin-right:60px;
	margin-top:-65px;
	overflow:hidden;
	background-color:#ffffff;
	box-shadow:0px 0px 15px rgba(0,0,0,0.15);
}

.news-block .inner-box .lower-content .color-layer{
	position:absolute;
	left:0px;
	top:0px;
	bottom:0px;
	width:10%;
	opacity:0;
	-webkit-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	transition:all 600ms ease;
	background: #0044CB;
	background: -webkit-linear-gradient(to left, #0044CB 0%, #00c7f9 100%);
	background: -moz-linear-gradient(to left, #0044CB 0%, #00c7f9 100%);
	background: linear-gradient(to left, #0044CB 0%, #00c7f9 100%);
}

.news-block .inner-box:hover .lower-content .color-layer{
	width:100%;
	opacity:1;
}

.news-block .inner-box .lower-content .post-meta{
	position:relative;
	-webkit-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	transition:all 600ms ease;
}

.news-block .inner-box:hover .lower-content .post-meta{
	transform:translateY(-25px);
}

.news-block .inner-box .lower-content .post-meta li{
	position:relative;
	color:#aeaeb7;
	font-size:14px;
	margin-right:15px;
	padding-left:22px;
	display:inline-block;
}

.news-block .inner-box .lower-content .post-meta li .icon{
	position:absolute;
	left:0px;
	top:-1px;
	color:#ff4c1c;
	font-size:14px;
	font-family: "flaticon";
}

.news-block .inner-box .lower-content .post-meta li:last-child{
	margin-right:0px;
}

.news-block .inner-box .lower-content h5{
	margin-top:8px;
	-webkit-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	transition:all 600ms ease;
}

.news-block .inner-box:hover .lower-content h5{
	transform:translateY(-30px);
}

.news-block .inner-box .lower-content h5 a{
	position:relative;
	color:#000c3f;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.news-block .inner-box:hover .lower-content h5 a{
	color:#ffffff;
}

.news-block .inner-box .read-more{
	position:relative;
	color:#ffffff;
	font-size:15px;
	font-weight:600;
	display:inline-block;
	-webkit-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	transition:all 600ms ease;
}

.news-block .inner-box:hover .read-more{
	transform:translateY(-25px);
}

.news-block .inner-box .read-more span{
	position:relative;
	top:1px;
}

.news-block .inner-box .lower-content .content{
	position:relative;
	height:88px;
	overflow:hidden;
}