/*
looding css

*/.loader-mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 99999;

}
.loader, .loader:after {
    border-radius: 50%;
    width: 19em;
    height: 19em;
}
.loader {
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 5px;
	margin: -25px 0 0 -25px;
    text-indent: -9999em;
    border-top: 0.3em solid #121212;
    border-right: 0.3em solid rgba(245, 245, 245, 0.5);
    border-bottom: 0.3em solid rgba(245, 245, 245, 0.5);
    border-left: 0.3em solid rgba(245, 245, 245, 0.5);
	transform: translateZ(0);
	animation: load8 0.8s infinite linear;
}

@keyframes load8 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


a{
	text-decoration:none !important;
	
}
/*navbar */



.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color:transparent;
}

.navbar-default
{
	border-color:transparent;
	background-color:transparent;
	height:80px;
	border-top:solid thick #99cccc;
    padding:0px 10%;
}
.navbar .nav>li>a {
    font-size: 13px;
    font-family: "Lato",sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 1px;
	color:#FFF;
    text-transform:uppercase;
	text-align:center;
    transition: all .5s;

}

.right
{
padding-top:15px	
}
.btn-success
{
background-color: #78A300;
    text-transform:uppercase;
	border-radius: 9px;
    height:35px;
    width:124px;
    margin-top:8px;
    margin-left: 5px;
    color: white !important;
    font-weight:bold !important;
    font-size: 13px;

}

@media  (max-width: 350px) {
.brandpic
{
width:170px;
}
}

@media only screen and (max-width: 950px) {
    /* For mobile phones: */
    .navbar-default
	 {
    margin:0px;
	padding:0px;
    }
}

.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:active
{
	color:#1cb4bf !important ; 
	border-bottom:medium  solid #1cb4bf ;
}
.btn-success:hover
{
background-color: #78A300!important;
color:#000 !important;
}


.navbar-toggle:hover
{
	background-color:transparent !important;
}
.navbar-toggle
{
	margin-top:25px;
background-color:transparent !important;
border:none;
color:#1cb4bf !important;
}
 .navbar-default .navbar-toggle .icon-bar {
    background-color: #99CCCC;;
}
@media  (max-width: 991px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
	
.navbar-collapse,.collapse in
{
	background-color:#333333;

}
.navbar .right>li>a {
   
	color:#1cb4bf !important;
	border-bottom: 1px solid #575757;
 text-align:center !important;
  
}
    .navbar-default
{
	background-color:#FFF;
	}


}


/*
Home page css code
*/

#homepage
{
	width:100%;
	height:600px;
}
@media  (max-width: 991px) {
#homepage
{
	width:100%;
	height:auto;
}

}
@media  (min-width: 1250px) {
#homepage
{
	width:100%;
	height:662px;
}

}
#homepage .homeinfo
{
    animation: bounce 3s infinite;
	width:100%;
	height:100%;
	position:relative;
}
#homepage .homeinfo img
{
	width:100%;
	height:100% ;
}
.contimg
{
	width:auto !important;
	height:auto !important;
}

#homepage .homeinfo .homecont
{
	width:50%;
	height:50%;
	position:absolute;
	top:35%;
	left:30%;
}






.bounce {
    
    -webkit-animation: bounce 3s infinite;
    animation: bounce 3s infinite;
}


.go-down-arrow {
    position: absolute;
	top:85%;
	left:50%;
	text-align: center;
    color: rgb(143,133,133);
    font-size: 2em;
    z-index: 2;
}
.go-down-arrow .fa-hero-down:hover {
color:#99cccc;
}

.fa-hero-down {
    display: block;
    color: rgb(143,133,133);
    text-align: center;
    width: 60px;
    font: normal 35px 'FontAwesome';
    -webkit-font-smoothing: antialiased;
}





/*about css code*/

#about
{
	width:100%;
	height:auto;
background-color:#FFF;
}
#about .aboutinfo
{
width:100%;
height:100%;	
margin:5% 0px 5%;
}
 .image1
 {
float:left;
width:25%;	 
	}
.image1:hover
{
transform:scaleX(2);

}
@media  (max-width: 991px) {
.image-gallery-container
{
	display:none;
}
}

.about-text {
    font-size: 13.5px;
    font-family: "Open Sans",sans-serif;
    text-align: justify;
    line-height: 1.8;
}
/*code mid section*/
#mid
{
width:100%;
height:390px;
overflow:hidden;
animation: bounce 3s infinite;

}
@media  (max-width: 500px) {
	
#mid
{
width:100%;
height:auto;
overflow:hidden;
}
	}
.midinfo
{
	position:relative;
	width:100%;
	height:100%;
}
.midinfcont
{
	width:100%;
	height:100%;
	position:absolute;
    top:5%;
	left:0%;
	text-align:center;
	color:#FFF;
}
.midinfcont h1 
{
	font-size:40px;
	font-weight:700;
	font-family:'Playfair Display SC',serif;
	   line-height: 2.5;

}

@media  (max-width: 500px) {

.midinfcont h1 
{
	font-size:18px;
}
}
.midinfcont p 
{
	font-family:'Open Sans',sans-serif;
}
/*code second mid section*/
.midsec
{
	width:100%;
	height:auto;
    margin:10px 0px 50px;
}

.midsecinfo
{
	width:100%;
	height:100%;
	background-color:#FFF;
margin-top:10%;

}

@media  (max-width: 500px) {

.midsecinfo h3 
{
	font-size:12px;
	font-weight:bolder;
}

	
}



.owl-carousel a
{
text-decoration:none !important;
color:#000;
}
.owl-carousel a:hover

{
	
	color:#8bafaf;
}


/*menu css code*/
#menu
{
	width:100%;
	height:auto;
	margin:10px 0px 10px;
}

#menu .menuinfo
{
	width:100%;
	height:100%;
	position:relative;
}
#menu .menuinfo .menucont
{
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.5);
	position:absolute;
	top:0%;
	left:0%;
	color:#FFF;
	padding-top:5%;

}
#menu .menuinfo .menucont h3
{
	font-size:40px;
	font-family: 'Playfair Displ
	ay SC',serif;
    font-weight:700;
}
@media  (max-width: 500px) {

#menu .menuinfo .menucont h3
{
	font-size:18px;

}
}
#menu .menuinfo .menucont p
{
		font-size:15px;		
        font-family: 'Open Sans',sans-serif;

}
@media (max-width: 991px) {
.menulist
{
display:none;	
}
}


#map {
        height: 400px;
        width: 100%;
}

/*contact css*/


#contact
{
	width:100%;
	height:450px;
	padding:10px;
	background-color:#282828;
	color:#FFF;
}

#contact h1
{
    font-family: 'Open Sans',sans-serif;
    font-size: 22px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 5px;
	}
	
	#footer-title-hr {
    width: 235px;
    border-top: 1px solid #ffffff;
    margin: 3px 0 0;
	margin:auto;
	}
	
	.contactinfpart1
	{
		margin-left:10%;
		margin-top:5%;
		
	}
	
		.contactinfpart1 a
		{
			color:#FFF;
			
		}
		.contactinfpart1 a:hover		
		{
		color:#6E849A
		}
		
			.contactinfpart1 h4
			{
				margin-top:40px;
				
			}
			
		.contactinfpart1 .symbol
		{
			color:#000;
			width:25px;
			height:25px;
			font-size:14px;
			padding-top:4px;
			margin:10px 10px 0px 0px;
			text-align:center;
			background-color:#64809c;
			border-radius:50%;			
		}
		.contactinfpart1 .symbol:hover
		{
			color:#FFF;
			
		}
		
		
	.col-lg-8 
	{
    width: 30%;
	margin-left:10%;
	margin-top:5%;
}


@media (max-width: 991px) {
	.col-lg-8 
{
display:none;	
}
}



.email {
    width: 100%;
    margin-right: 1em;
    height: 2em;
    font-size: 1em;
    margin-bottom: 8px;
}
.message-button {
    color: #282828;
    background-color: #64809C;
    border: 2px solid #64809C;
    font-weight: 600;
    text-transform: uppercase;
	margin-top:10px;
}
#message-body {
    width: 300px;
    margin-right: 1em;
    height: 100px;
	resize:none;
    font-size: 13px;
    margin-bottom: 1em;
}
#subject-text
{
	width:300px;
}
#mesage-email
{
		width:300px;

}

.message-button:hover {
    color: #ffffff;
    background-color: #64809c;
}





/*copyriht css*/
#coprright
{
width:100%;
height:180px;	
font-family: 'Open Sans',sans-serif;
 background-color: #221e1e;
 color:#FFF;
 text-align:center;
 padding-top:40px;
 }