/* Add here all your CSS customizations */
/*For popup form*/
#overlay
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    z-index: 100;
    display: none;
}
.cnt223 a
{
    text-decoration: none;
}
.cnt223 form {
    margin: 5px;
}
.popup
{
    width: 100%;
    margin: 0 auto;
    display: none;
    position: fixed;
    z-index: 101;
}
.cnt223
{
    min-width: 600px;
    width: 600px;
    min-height: 150px;
    margin: 100px auto;
    background: #f3f3f3;
    position: relative;
    z-index: 103;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 2px 5px #000;
    text-align: center;
}
.cnt223 .x
{
    float: right;
    height: 35px;
    left: 22px;
    position: relative;
    top: -25px;
    width: 34px;
}
.cnt223 .x:hover
{
    cursor: pointer;
}
.cnt223 .radio-inline {
    display: inline-block;
    margin-bottom: 2%;
    margin-right: 2%;
}
.cnt223 input[type=radio] {
    margin: 0;
}
.cnt223 #test_email {
    display: none;
}
.solutions h3.title {
    text-align: center;
    margin-bottom: 3%;
}

/*google review button*/
.span2.g-review-wrapper {
    text-align: center;
}

@media and (max-width:760px)
	{
	.h22{
	font-size:18px;
	text-align:center; 
	}
}




@media only screen and (min-width: 768px)
{
.juicerfooter iframe
	{ 
		width:700px;
		height:650px;
}
}
@media only screen and (max-width: 767px) {
   .juicerfooter iframe
	{ 
		
		height:380px;
    }
    .span2.g-review-wrapper {
        text-align: left;
    }
}
/*
SURIYA css*/
/*#forAligningDown
{
    margin-bottom: 29px;
}
#forAligningUp
{
    margin-bottom: 3px;
}*/
@media (max-width:979px) and (min-width:768px)
{
    .forResponsive
    {
        
        text-align: center;
    }
    .forSpanWidth
    {
        
       
        text-align: center;
        left:30%;
    }
    
   
}
@media (max-width:979px)
{
    .forCenter
    {
        text-align: center;
    }
}
#EnquiryButton
{
     position: fixed;
    bottom: -10px;
    right: 100px;
}
@media (min-width:979px) and (max-width:1200px)
{
    .forSpanWidth
    {
        text-align: center;
        
        
    }
}
@media (min-width:768px) and (max-width:1200px)
{
    .forCenterAlign
    {
        text-align: center;
        position: relative;
        
    }
}
.forSpace
{
    padding-bottom: 30px;
}
.forCenterAlign
{
    padding-bottom: 30px;
}

@media screen and (max-width:776px) and (min-width:20px)
{
    .forResponsiveButton
    {
        position: fixed;
        text-align: center;
        left: 40%;
    }
}

.col-centered {
display:inline-block;
float:none;
padding-right: 55px;
}

@media (max-width:480px)
{   
    .toHide 
    {
        display:none;
    }
}
@media (min-width:480px)
{
    .toShow
    {
        display: none;
    }
}
li.accordion
{
    transition: 0.4s;
}
div.panel
{
    display: none;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

@media (max-width: 380px){
div.home-concept div.project-image {
    margin-left: -3%!important;
}
}

@media (max-width: 560px){
.reviews-button {
    display:none!important;
}
}
@media(min-width:561px){
	.reviews-button-mob{
		display:none!important;
	}
}
}