/*
Template Name: Solar
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/

/*********************center_home****************/
.carousel-caption{
text-align:left;
background: #0000008a;
padding:100px 150px 0px 150px;
bottom:0;
left:0;
color:#fff;
width:100%;
height:100%;
 }
.center_home img{
min-height:700px; 
 }
.center_home .carousel-indicators {
bottom: 80px!important;
}
/*********************center_home_end****************/

/*********************qual****************/
.qual_1il span{
background:#013c93;
width:70px;
height:70px;
line-height:70px; 
 }
.qual_1{
border-bottom:4px solid #319833; 
 }
.main_2{
bottom:-120px; 
 }
.qual_1i:hover .qual_1il span{
background:#319833;  
 }
.qual_1i {
/*border-right:1px solid #def1c7;*/ 
 }
/*********************qual_end****************/

/*********************story****************/
#story{
margin-top:50px; 
 }
.story_1ri1 h3{
line-height:0.6em; 
 }
.story_1ri1{
bottom:40px;
left:-17%; 
 }
 
/*********************story_end****************/


/*********************client****************/
.client_1li_last h5 i{
width:30px;
height:30px;
line-height:30px; 
 }
/*********************client_end****************/

/*********************blog_h****************/
.blog_1i2{
bottom:-32px;
 }
.blog_1i_last{
border-radius:0px 0px 10px 10px;  
 }
/*********************blog_h_end****************/



@media screen and (max-width : 767px){
.main_2{
position:static!important; 
 }
.carousel-caption {
padding:15px;
text-align:center;
}
.center_home img{
min-height:350px; 
 }
.carousel-caption .font_60{
font-size:24px; 
 }
.carousel-caption p{
font-size:14px!important;
width:100%!important;
text-align:left; 
 }
.carousel-caption br{
display:none; 
 }
.center_home .carousel-indicators {
bottom: 0!important;
}
.qual_1{
padding:0!important; 
 }

#story {
margin-top:0;
}
.story_1l h6{
text-align:center; 
 }
.story_1l{
margin-bottom:15px;
 }
.story_1ri1 {
top:0;
left:0;
}
.choose_2i{
margin-bottom:8px;
margin-top:8px; 
 }
.choose_2i p{
text-align:left;
 }
.client_1li2 {
width:70%!important; 
 }
.client_1r {
margin-top:15px; 
 }
.project_1 {
text-align:center; 
 }
.project_1 p{
text-align:left; 
 }
.project_1ril {
text-align:center!important;
margin-top:10px;
margin-bottom:10px;  
 }
.blog_1i_last {
margin-bottom:15px; 
 }
.story_1l br{
display:none; 
 }
 
.qual_1i {
border:none; 
 }
 }

@media (min-width:576px) and (max-width:767px) {
.carousel-caption {
padding:20px;
}

.carousel-caption .font_60{
font-size:40px; 
 }

 }
@media (min-width:768px) and (max-width:991px) {
.carousel-caption br{
display:none; 
 }
.carousel-caption .font_60{
font-size:40px;
 }
.carousel-caption p{
width:70%!important;
 }
.center_home .carousel-indicators {
bottom: 100px!important;
}
.qual_1il span {
width: 40px;
height: 40px;
line-height: 40px;
font-size:16px!important;
}
.story_1ri1 {
top:0;
left:0;
}
.story_1r  img{
min-height:450px; 
 }
.client_1li2 {
width:70%!important; 
 }
.project_1ril .font_60{
font-size:40px; 
 }
.blog_1i_last {
padding:35px 15px!important; 
 }
 }

@media (min-width:992px) and (max-width:1200px) {
.qual_1il span {
width: 60px;
height: 60px;
line-height: 60px;
font-size:20px!important;
}
.story_1ri1 {
top:0;
left:0;
}
.client_1li2 {
width:70%!important; 
 }
 }

.breadcrum{
    background: url(../image/bread-bg.png);
    padding: 90px 0;
}
.contact-omni{padding: 50px;
    border: 1px solid #cecece;
    border-radius: 10px;
}
.mis-vis-val{
    font-size: 25px;
}

.nav-link{
        margin-left: 20px !important;
}
.whychoosesolar{
    margin-top: 100px;
}
@media (max-width:768px){
 .whychoosesolar{
    margin-top: 0px;
}   
#logoImage {
    height: 80px;
    width: auto;
}
}

.pmni-fix-icons  {
	z-index: 9999;
    position: fixed;
    top: 48%;
    right: -1%;
    width: 220px;
    display: flex
;
    flex-direction: column;}  
    
.pmni-fix-icons a  {
	transform:translate(160px,0px);
	border-radius:50px 0px 0px 50px;
	text-align:left;
	margin:2px;
	text-decoration:none;
	padding:6px;
	font-size:13px;
	font-family:'Oswald', sans-serif;
	transition:all 0.8s;}
.pmni-fix-icons a:hover  {
	color:#FFF;
	transform:translate(0px,0px);}	
.pmni-fix-icons a:hover i  {
	transform:rotate(360deg);}
/*.search_icon a:hover i  {
	transform:rotate(360deg);}*/
.phonecall  {
	background-color:#013c93;
	color:#FFF;}
	
.Email  {
	background-color:#fa0910;
	color:#FFF;}
	
.whatsapp  {
	background-color:#319833;
	color:#008f00;}
	
.Instagram  {
	background-color:#FD1D1D;
	color:#FFF;}
	
.pdf  {
	background-color:#323232;
	color:#FFF;}						
.pmni-fix-icons a i {
	background-color:#FFF;
	height:30px;
	width:30px;
	color:#000;
	text-align:center;
	line-height:30px;
	border-radius:50%;
	margin-right:20px;
  font-size: 16px;
	transition:all 0.5s;}
.pmni-fix-icons a i.fa-phonecall-f  {
	background-color:#FFF;
	color:#2C80D3;}
	
.pmni-fix-icons a i.fa-pdf-plus-g  {
	background-color:#FFF;
	color:#d34836;}
	
.pmni-fix-icons a i.fa-instagram  {
	background-color:#FFF;
	color:#FD1D1D;}
	
.pmni-fix-icons a i.fa-Email  {
	background-color:#FFF;
	color:#fa0910;}
	
.pmni-fix-icons a i.fa-whatsapp  {
	background-color:#FFF;
	color:#53c5ff;}




.omni-call-blink .icon-1 a i{
	position: fixed;
	right: 20px;
	bottom:17px;
	width: 40px;
		    z-index: 999;
    border-radius: 50%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: white;
    background: #319833;
}
.pulse {
  animation: pulse-animation 2s infinite;
}
@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0px #0076c0a0;
  }
  100% {
    box-shadow: 0 0 0 20px #26d36773;
  }
}