#service_popup
{  
    width:990px;
    height:auto;
    top:20%;
    position:relative;
    margin: 0 auto;
    opacity: 1;
    z-index: 9999;
	font-family: 'Open Sans';
                
}

.servicecontent {
	margin-top: -20px;
}

.serviceinfo {
	width: 989px;
	min-height: 600px;
	background-color:#FFF;
	border-radius: 0px 0px 15px 15px;
	padding: 60px 15px 15px 60px;
}

.serviceleft {
	width: 429px;
	float: left;	
}

.serviceright {
	width: 429px;
	float: left;	
}

.displayInfo {
	margin-top: 10px;
	margin-bottom: 40px;
	background-color: #e6e6e6;
	font-family: 'Open Sans';
	color: #000;
	width: 337px;
	min-height: 30px;
	border-radius: 5px 5px 5px 5px;
	padding: 3px 3px 3px 40px;
}

.close_service {
    float: left;
    margin-top: 30px;
}
        
#service
{
    position:fixed;
    top:0px;
    visibility:hidden;
    background-color: rgba(0, 0, 0, 0.8);
    opacity:1;
    left:0px;
    height:100%;
    width:100%;
    text-align:center;
    z-index: 9999;
}
#service:target
{
    visibility:visible;
    -webkit-animation: fade 400ms ease;
}
#service:target > #popup
{   
        -webkit-animation: moveFromBottom 400ms ease;
}

@-webkit-keyframes fade
{
    from {
               
               
                
        opacity: 0;
    }
    to {
                
                
        opacity: 1;        
    }
}
               
@-webkit-keyframes moveFromBottom
{
    from {
               
               
        -webkit-transform: scale(.5);
        opacity: 0;
    }
    to {
                
        -webkit-transform: scale(1);
        opacity: 1;        
    }
}       
        
@-moz-keyframes fade
{
    from {
               
               
                
        opacity: 0;
    }
    to {
                
                
        opacity: 1;        
    }
}
        
@-moz-keyframes moveFromBottom
{
    from {
               
               
        -webkit-transform: scale(.5);
        opacity: 0;
    }
    to {
                
        -webkit-transform: scale(1);
        opacity: 1;        
    }
}
                
@-ms-keyframes fade
{
    from {
               
               
                
        opacity: 0;
    }
    to {
                
                
        opacity: 1;        
    }
}
              
@-ms-keyframes moveFromBottom
{
    from {
               
               
        -webkit-transform: scale(.5);
        opacity: 0;
    }
    to {
                
        -webkit-transform: scale(1);
        opacity: 1;        
    }
}
              
@-o-keyframes fade
{
    from {
               
               
                
        opacity: 0;
    }
    to {
                
                
        opacity: 1;        
    }
}
               
@-o-keyframes moveFromBottom
{
    from {
               
               
        -webkit-transform: scale(.5);
        opacity: 0;
    }
    to {
                
        -webkit-transform: scale(1);
        opacity: 1;        
    }
}
        
@keyframes fade
{
    from {
               
               
                
        opacity: 0;
    }
    to {
                
                
        opacity: 1;        
    }
}
               
@keyframes moveFromBottom
{
    from {
               
               
        -webkit-transform: scale(.5);
        opacity: 0;
    }
    to {
                
        -webkit-transform: scale(1);
        opacity: 1;        
    }
}

            
    .close_button_service
    {
        position:absolute;
        right:1px;
        cursor:pointer;
        border:none;
        margin-top:-25px;
        margin-right: 5px;
    }