/* Contact Ajax CSS */
@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic,700);


#submit { 
	text-align:left; 
} 

.error { 
	display: none; 
	margin:0 0 5px 0;
	color: #fff; 
	font-size:12px;
	background-color: #720a1e;
}

.result_error { 
	display: none; 
	padding:12px;
	margin:0 0 5px 0;
	color: #fff; 
	font-size:12px;
	background-color: #720a1e;
}
.success { 
	display: none; 
	padding:10px; 
	color: #044406; 
	font-size:12px;
	background-color: #B7FBB9;
}

.error img { 
	vertical-align:top; 
}




/* Add here all your CSS customizations */

.company
{
	font-family: "Birdman";
	font-size: 1.6em;
}

.why
{
	font-family: "Birdman";
	font-size: 0.8em;
}
.cmain
{
	font-size: 1.6em;
}

header nav ul.nav-main li:hover > a {
	filter: none;
	background: #720a1e;
	color: #FFF;
}
 
header nav ul.nav-main li.active:hover > a {
	filter: none;
	background: #720a1e;
	color: #FFF;
}

.domain
{
	width:370px;
	margin-left: 30px;
}
.domaintxt
{
	width: 360px;
}
.justify
{
text-align:justify;
width:80%;
}



		 #popup_webhosting
        {  
            width:500px;
            height:500px;;
			z-index:1000;
            border:1px solid #ffffff;
            background-color:#ffffff;
            top:20%;
            position:relative;
            margin: 0 auto;
            background: rgb(247, 247, 247);
            border: 1px solid rgba(147, 184, 189,0.8);
            -webkit-box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
               -moz-box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
                    box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
            -webkit-box-shadow: 10px;
            -moz-border-radius: 10px;
                 border-radius: 10px;
                 opacity:1;
                
        }
       
        #overlay_webhosting
        {
            position:absolute;
			z-index:1000;			
            top:0px;
            visibility:hidden;
            background-color:#000;
            opacity:0.9;
            left:0px;
            height:100%;
            width:100%;
            text-align:center;
        }
        #overlay_webhosting:target
        {
            visibility:visible;
            -webkit-animation: fade 400ms ease;
        }
        #overlay_webhosting:target > #popup_webhosting
        {
            
             -webkit-animation: moveFromBottom 400ms ease;
        }
		
		
		


       

        #popup
        {  
            width:500px;
            height:380px;;
			z-index:1000;
            border:1px solid #ffffff;
            background-color:#ffffff;
            top:20%;
            position:relative;
            margin: 0 auto;
            background: rgb(247, 247, 247);
            border: 1px solid rgba(147, 184, 189,0.8);
            -webkit-box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
               -moz-box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
                    box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
            -webkit-box-shadow: 10px;
            -moz-border-radius: 10px;
                 border-radius: 10px;
                 opacity:1;
                
        }
       
        #overlay
        {
            position:absolute;
			z-index:1000;			
            top:0px;
            visibility:hidden;
            background-color:#000;
            opacity:0.9;
            left:0px;
            height:100%;
            width:100%;
            text-align:center;
        }
        #overlay:target
        {
            visibility:visible;
            -webkit-animation: fade 400ms ease;
        }
        #overlay: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
            {
                position:absolute;
                right:1px;
                cursor:pointer;
                border:none;
                margin-top:-30px;
            }