.slider .single-slider:after{
	
	position: absolute;
	
	content: '';
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: #000000a6;
}
.topbar .social li {
  display: inline-block;
  margin-right: 10px;
}
.topbar .social li a{
	height: 25px;
width: 25px;
line-height: 23px;
text-align: center;
border: 1px solid #fff;
text-align: center;
padding: 0;
border-radius: 100%;
display: block;
color: #fff;
font-size: 12px;
}
.topbar .social li a:hover {
  color: #1A76D1;
  background: #fff;
  border-color: transparent;
}

.video-image{
	background:url('../img/about-us.jpg');
}
#blog:after{
position: absolute;
content: '';
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background: #000000a6;
}
#blog h2, #blog  .section-title p{
	color:#fff;
}
.logo-text-1{
font-size: 28px;
color: #4ba6f0;
font-family: inherit;
font-weight: 700;
}

.plans {
  position: absolute;
  z-index: 78;
  top: 49%;
  left: 246px;
  height: 55px;
}

.vbutton{
	background-color: #ddd0d0;
border-radius: 20px;
width: 30px;
height: 30px;
}
.logo-text-2{
font-size: 27px;
color: #ea2020;
font-family: inherit;
font-weight: 700;
}
.logo-text{
	margin: 15px 0px;
}
.clients .single-clients p{
	color:#fff;
	margin: 20px 0px 20px 0px;
	text-align: center;
}	
.slider .single-slider::before {
  background: #000000a6;
}
.clients .section-title h2{
	color:#fff;
}
.portfolio{
background: url('../img/gallery-bg.jpg') repeat;
position: relative;
z-index:1;		
}
.portfolio:after{
position: absolute;
content: '';
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background: #fffbfbf2;
}
.single-footer img{
	background: #fff;
border-radius: 20%;
margin-bottom: 10px;
}
.product-page .single-news img{	
position:absolute;
max-width:100%;
max-height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.product-page .single-news {	
  background: #fff;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  box-shadow: 0px 0px 10px #00000014;
  border: #00000014 solid 10px;
  height: 300px;
  overflow: hidden;
  margin:10px 0px 0px 0px;
}


/* ....................................
23. Portfolio
.......................................*/

.portfolio-item-img {
    position: relative;
}

.portfolio-overlay {
    position: absolute;
    top: 8px;
    right: 8px;
    bottom: 8px;
    left: 8px;
    opacity: 0;
}

.portfolio-overlay {
    position: absolute;
    top: 8px;
    right: 8px;
    bottom: 8px;
    z-index: 5;
    left: 8px;
    padding: 30px;
    color: #fff;
}

.portfolio-overlay:before {
    position: absolute;
    content: close-quote;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .9;
    z-index: 1;
}

.portfolio-overlay .date {
    position: absolute;
    top: 25px;
    left: 30px;
}

.portfolio-item-detail {
    position: absolute;
    bottom: 25px;
    left: 30px;
    right: 30px;
}

.plus-line-link {
    position: absolute;
    right: 0;
    width: 36px;
    height: 36px;
    bottom: 0;
}

.plus-line-link:before {
    position: absolute;
    content: close-quote;
    height: 36px;
    width: 1px;
    background-color: #fff;
    left: 50%;
    top: 0;
}

.plus-line-link:after {
    position: absolute;
    content: close-quote;
    height: 1px;
    width: 36px;
    background-color: #fff;
    left: 0;
    top: 50%;
}

.portfolio-item-detail .filtered-name {
    position: relative;
    padding-left: 30px;
}

.portfolio-item-detail .filtered-name:before {
    position: absolute;
    content: close-quote;
    width: 19px;
    height: 1px;
    background-color: #fff;
    left: 0;
    top: 50%;
}

.portfolio-item {
    margin: 0px 15px;
    margin-bottom: 30px;
}

.portfolio-item.mar-0 {
    margin: 0px 0px;
    margin-bottom: 30px;
}

.portfolio-filter {
    margin-left: -15px;
    margin-right: -15px;
}

.portfolio-item:hover .portfolio-overlay {
    opacity: 1;
}

.portfolio-item-img img {
    width: 100%;
    height: auto;
}

.grid-item,
.grid-sizer {
    width: 33.33%;
}

.grid-item {
    float: left;
    height: auto;
}

.btn-filter {
    background: none;
    border: none;
    font-size: 17px;
    font-weight: 500;
    padding: 6px 0px;
    margin-right: 45px;
    border-bottom: 2px solid #fff;
    color: #4ba6f0;
}

.filter-gallery {
    text-align: center;
}

.btn-filter.active,
.btn-filter:hover {
    border-bottom: 2px solid;
}

.btn-filter:last-child {
    margin: 0;
    margin: 0px 15px;
    margin-bottom: 12px;
}

.portfolio-item-detail h5 a:hover {
    color: #fff;
}
	.portfolio-overlay::before {
  background: #4ba6f0;
}
.z-10 {
  z-index: 10;
}
.portfolio-item-detail h5{
	color:#fff;
}
button:focus{
	outline:0;
}

.wa-chat-box-brand {
  border:none !important;
  background-color: #fff !important;
}
.wa-chat-box-poweredby{
	display: none !important;
}
.generic-img{
	border-radius: 100px;
box-shadow: 0px 0px 10px #6c6c6cd6;
}
.tata-group-img{
	margin:10% 0px 0px 0px;
}
.aadhaar-bg{
background: url('../img/banner_bg_5.jpg') top center;
position: relative;
z-index: 1;
background-size: cover;
}	
.aadhaar-bg:after{
	position: absolute;
content: '';
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background: #f7f4f4cc;
}
@media only screen and (min-width: 768px) and (max-width: 991px){
.header .top-contact li {
  color: #FFF;
}
}
/* Mobile Screen */
@media only screen and (max-width: 767px){
	.social{
		text-align: center;
	}
	.logo-text-2,.logo-text-1{
		font-size: 14px;
	}
	.header .header-inner {
  padding-bottom: 0px;
}
.section-title h2 {
  font-size: 19px;
  margin-bottom: 10px;
}
.call-action .content h2 {
  font-size: 23px;
  line-height: 40px;
}
.hero-slider img{
	
	max-width: 43%;
	margin: auto;
}
.slider .single-slider .button .btn{
	width:auto;
}
.slider .single-slider img{
float: right;
margin-top: -23%;
}
.slider .single-slider {
  height: 300px;
}
.slider .single-slider p {
  margin-top: 0px;
}
.copyright-content p{
	font-size: 12px;
}
.schedule {
  background: #f7f7f7;
}
.plans {
  position: absolute;
  z-index: 78;
  top: 49%;
  left: 158px;
  height: 55px;
}
}