@import url(http://fonts.googleapis.com/css?family=Abel|Satisfy);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300);

/*
	Aqueous: A responsive HTML5 website template by HTML5Templates.com
	Released for free under the Creative Commons Attribution 3.0 license (html5templates.com/license)
	Visit http://html5templates.com for more great templates or follow us on Twitter @HTML5T
*/

/*********************************************************************************/
/* Global                                                                        */
/*********************************************************************************/

html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background: #4AA0E4 url(images/img01.jpg) repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #8A8A8A;
}

h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
}

p {
	line-height: 180%; color:#333;
	text-align:justify;
}

a {
	color: #00A6FA;
}

strong {
	font-weight: 700;
	color: #2A2A2A;
}

/* Header */

#header-wrapper {
	height: 250px;
}

/* Menu Wrapper */

#menu-wrapper {
	height: 90px;
	background: url(images/img05.jpg) no-repeat center top;
}

#menu {
	height: 90px;
}

/* Page Wrapper */

#page-wrapper {
	overflow: hidden;
	margin-top:-40px;
	background: url(images/img03.jpg) repeat;
}

#page-bgtop {
}

#page-bgbtm {
	overflow: hidden;
	background: url(images/img04.jpg) repeat-x left bottom;
}

#page {
	padding: 0px 0px 50px 0px;
	background: #FFFFFF url(images/img09.jpg) repeat;
}

#page-content-wrapper {
	background: #FFFFFF;
	overflow: hidden;
	padding-top: 20px;
}

/* Copyright */

#copyright {
	overflow: hidden;
	padding: 50px 0px;
	background: url(images/img10.png) no-repeat center top;
}

#copyright p {
	text-align: center;
	text-shadow: -1px -1px 0px #1E6BA6;
	font-family: 'Abel', sans-serif;
	font-size: 11pt;
	color: #FFFFFF;
}

#copyright a {
	color: #FFFFFF;
}

.button-style {
	display: block;
	width: 174px;
	height: 50px;
	margin-top: 20px;
	background: url(images/img06.jpg) no-repeat left top;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Abel', sans-serif;
	color: #FFFFFF;
}

/** BUTTON STYLE 1 */

.button-style a {
	line-height: 50px;
	letter-spacing: -1px;
	text-shadow: -1px -1px 0px #1E6BA6;
	text-decoration: none;
	font-size: 16pt;
	color: #FFFFFF;
}

/** LIST STYLE 1 */

ul.style1 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.style1 li {
	padding: 10px 0px 10px 0px;
	background: url(images/img08.png) repeat-x left top;
}

ul.style1 a {
	display: block;
	text-decoration: none;
	color: #666666;
}

ul.style1 p {
	line-height: 200%;
}

ul.style1 a:hover {
	text-decoration: underline;
}

ul.style1 .date {
	float: left;
	width: 78px;
	height: 78px;
	margin: 0px 25px 0px 0px;
	padding: 4px 0px 0px 0px;
	background: url(images/img07.jpg) no-repeat left top;
	line-height: normal;
	text-align: center;
	text-shadow: 1px 1px 0px #2C7485;
	text-transform: uppercase;
	font-family: 'Abel', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
}

ul.style1 .date b {
	display: block;
	margin: 5px 0px 0px 0px;
	padding: 0;
	letter-spacing: -1px;
	text-shadow: 1px 1px 0px #2C7485;
	font-size: 40px;
	font-weight: 400;
	color: #FFFFFF;
}


ul.style1 .date a:hover {
	text-decoration: none;
}

ul.style1 .first {
	padding-top: 0px;
	background: none;
}

/** DIVIDER */

.divider {
	height: 4px;
	background: url(images/img08.png) repeat-x left top;
}





.top-contact{position:absolute; top:40px; right:90px; color:#FFF; font-weight:700;}
.top-contact p{line-height:18px;  margin-top:10px;}
.top-contact p span{color:#FFF; font-size:20px; margin-bottom:3px; font-family:Verdana, Geneva, sans-serif; line-height:25px; }

.top-contact p img{margin-top:3px;}

.top-content .logo-text{width:100%; max-width:500px;}
#contact{padding:20px;}
#contact  input[type=text], textarea{
		padding:9px;
		width:300px;
		margin-bottom:20px;
	
}

#contact h3{font-size:20px; color:#F60; padding:10px; font-weight:800; }
#address{ border:#F93 3px solid; width:400px; border-radius:5px; padding:20px;}
#address h2{font-size:25px; color:#F60; font-weight:700; background:#FFF; text-align:center;}
#address h4{font-weight:700; padding:10px; font-size:18px; color:#09F; text-align:center;}
#address h5{color:#096; font-size:16px; margin-bottom:20px; line-height:26px;}
#address label{color:#06F; font-weight:700;}
.fa-envelope, .fa-globe, .fa-phone-square{color:#900; font-size:18px; }
.location{padding:20px; color:#F30; font-size:18px; font-weight:700; text-align:center;}
iframe{border:#FFF thick solid; margin-left:30px; box-shadow: #333 2px 1px 4px;}

.fa-mobile{color:#FC0; position:absolute; margin-top:20px; margin-left:-30px;}

.thumbnail{margin-left:20px;}
.thumbnail img {border:#999 thin solid; box-shadow: #333 2px 1px 4px;}
.address h5.addre{color:#06F;}
/*************       POPUP          ***************************/
.enquiry{position:fixed; top:580px; right:0px; z-index:999;}
 #popup
        {  
            width:500px;
           
            border:1px solid white;
            background-color:white;
            top:20%;
            position:relative;
            margin: 0 auto;
            background: rgb(247, 247, 247) 0.5;
            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;
				 z-index:99999999999999;
                
        }
        #overlay_signup
        {
            position:absolute;
            top:0px;
            visibility:hidden;
            background:#333 0.5;
            opacity:1;
            left:0px;
            height:100%;
            width:100%;
            text-align:center;
            
        }
        #overlay_signup:target
        {
            visibility:visible;
            -webkit-animation: fade 400ms ease;
        }
        #overlay_signup:target > #popup
        {
            
             -webkit-animation: moveFromBottom 400ms ease;
        }
        
        #overlay_gallary
        {
            position:absolute;
            top:0px;
            visibility:hidden;
            background-color:black;
            opacity:1;
            left:0px;
            height:100%;
            width:100%;
            text-align:center;
        }
        #overlay_gallary:target
        {
            visibility:visible;
            -webkit-animation: fade 400ms ease;
        }
        #overlay_gallary:target > #popup
        {
            
             -webkit-animation: moveFromBottom 400ms ease;
        }
        #overlay
        {
            position:absolute;
            top:0px;
            visibility:hidden;
            background:#333;
            opacity:1;
            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;        
            }
        }
                
      
        .login 
        {
            padding:30px;
            margin-top:20px;
           
        }
        .login label
        {
            font-size:20px;
            font-family:sans-serif;
        }
        
       
        
        .login .input
        {
            display: inline;
            font-family: "Helvetica Neue", Arial, sans-serif;
            border-style: solid;
            border-width: 1px;
            border-color: #dedede;
            
            font-size: 1.2em;
            padding: 11px 25px;
            padding-left: 5px;
            width: 300px;
            color: #777;
            
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
            -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
            -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; 
            
        }
        
        
        
        
        #submitbtn
        {
            height: 2em;
            padding: 0 1em;
            border: 1px solid;
            outline: 0;
            font-weight: bold;
            font-size: 1.3em;
            color: #fff;
            text-shadow: 0px 1px 0px #222;
            white-space: nowrap;
            word-wrap: normal;
            vertical-align: middle;
            cursor: pointer;
            
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            
            border-color: #030a03 #071807 #000;
            
            -moz-box-shadow: inset 0 1px 0 rgba(256,256,256, .35);
            -ms-box-shadow: inset 0 1px 0 rgba(256,256,256, .35);
            -webkit-box-shadow: inset 0 1px 0 rgba(256,256,256, .35);
            box-shadow: inset 0 1px 0 rgba(256,256,256, .35);
            
            background-color: #1c2107;
            background-image: -moz-linear-gradient(top, rgb(226,238,175) 3%, rgb(188,216,77) 3%, rgb(144,176,38) 100%);
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(3%,rgb(226,238,175)), color-stop(3%,rgb(188,216,77)), color-stop(100%,rgb(144,176,38))); 
            background-image: -webkit-linear-gradient(top, rgb(226,238,175) 3%,rgb(188,216,77) 3%,rgb(144,176,38) 100%);
            background-image: -o-linear-gradient(top, rgb(226,238,175) 3%,rgb(188,216,77) 3%,rgb(144,176,38) 100%);
            background-image: -ms-linear-gradient(top, rgb(226,238,175) 3%,rgb(188,216,77) 3%,rgb(144,176,38) 100%);
            background-image: linear-gradient(top, rgb(226,238,175) 3%,rgb(188,216,77) 3%,rgb(144,176,38) 100%); 
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2eeaf', endColorstr='#90b026',GradientType=0 );
          }
            
            
            .close_button
            {
                position:absolute;
                right:1px;
                cursor:pointer;
                border:none;
                margin-top:-30px;
				color:red;
            }
            


/*********************MENU STYLE ******************************/


/* main menu styles */
#primary_nav_wrap
{
	margin-top:12px;
	margin-left:15%;
}

#primary_nav_wrap ul
{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0
}

#primary_nav_wrap ul a
{
	display:block;
	color:#666;
	text-decoration:none;
	font-weight:700;
	font-size:14px;
	line-height:22px;
	padding:8px 25px;
	font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
}

#primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0;
}
#primary_nav_wrap ul li a:hover{color:#FFF;}
#primary_nav_wrap ul li.current-menu-item
{
	background: url(images/img01.jpg) repeat;
	border-bottom: 5px solid #437BA7;
	color: #666666;

}

#primary_nav_wrap ul li:hover
{
	background: url(images/img01.jpg) repeat;
	border-bottom: 5px solid #437BA7;
	color: #333333;
}

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:0;
	z-index:99999;
}

#primary_nav_wrap ul ul li
{
	float:none;
	width:250px;
	color:#333;
	
}

#primary_nav_wrap ul ul a
{
	line-height:120%;
	padding:10px 15px;
	font-size:12px;
	border-bottom: 1px solid #437BA7;
	text-transform:capitalize;
}

#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%
}

#primary_nav_wrap ul li:hover > ul
{
	display:block;
	position:absolute;
	z-index:99999;
	overflow:visible;
	color:#333;
}

.fa-angle-right{float:right;}



.table{display:block; border:#EEE thin solid;}
.table caption{display:block;
padding:10px;
color:#FFF;
background:#09F; 
margin-bottom:10px;
font-weight:900;
font-size:16px;}
.table caption span{color:#FF6; font-size:14px; background:#09C;}
.table tr td{padding:15px;color:#333;}
.table tr th{padding:15px;color:#F60; font-weight:700;}

.table tr:nth-child(odd) {
	background:#EEE;	}

.application{text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:18px; font-weight:900; margin-bottom:20px; background:#FFD5BF; padding:5px; color:#F30;}

.mnre{position:absolute; margin-top:-5px;}
.feature-list li{line-height:25px; color:#333;}
.fa-hand-o-right{color:#093; font-size:16px;}
ul li{line-height:30px; font-size:15px; color:#333; padding:3px;}
.fa-share, .fa-caret-right, .fa-caret-square-o-right{color:#096;}
h4{font-size:16px; font-weight:600;}