@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300); /*Collected for project*/
*{margin:0;padding:0;}
ul,ol{list-style:none}
html,body{
font-family: 'Roboto Condensed', sans-serif;
height:100%;
width:100%;
}

h1,h2,h3,h4,h5,h6{font-weight:200;}

.heder-top-area
{
	background: none repeat scroll 0 0 #141414;
}

.sticky {
	position: fixed;
	top: 0;
	z-index: 999999;
	width:100%;
	position:fixed;
	animation:menu-move 1000ms 1;
	-webkit-animation: menu-move 1000ms 1 linear;
	opacity:1;
}

@keyframes menu-move{
	0%{top:-50%;opacity:0;}
	100%{top:0;opacity:1;}
}
@-webkit-keyframes menu-move{
	0%{top:-50%;opacity:0;}
	100%{top:0;opacity:1;}
}
.heder-top-contact
{
	margin: 0;
	padding: 0 !important;
}

.heder-top-contact>li
{
	color: #bcbcbc;
	float: left;
	font-size: 12px;
	line-height: 29px;
	margin-right: 20px;
}

.heder-top-social
{
	margin: 0;
	padding: 0 !important;
}

.heder-top-social>li
{
	float: left;
}

.heder-top-social>li>a
{
	display: block;
}

.heder-top-social>li>a>i
{
	background: rgba(0,0,0,0);
	color: #141414;
	display: block;
	font-size: 1.5em;
	padding: 5px 11px;
	transition:600ms;
	-webkit-transition:600ms;
}
.heder-top-social>li>a i
{
	color:#bcbcbc;;
}


.heder-top-social>li:nth-child(1)>a:hover i
{
	background:#095190;
	color:#fff;
}

.heder-top-social>li:nth-child(2)>a:hover i
{
	background:#009BD7;
	color:#fff;
}

.heder-top-social>li:nth-child(3)>a:hover i
{
	background:#BE0000;
	color:#fff;
}

.heder-top-social>li:nth-child(4)>a:hover i
{
	background:#144274;
	color:#fff;
}

.header-area
{
	background: none repeat scroll 0 0 #fff;
	margin: 0;
	border-radius: 0px;
}

.logo img{height:80px width:auto}

.main-logo{
	background: url("../img/logo.png") no-repeat ;
	display: block;
	height: 120px;
	margin: auto;
	
	text-indent: -999999px;
	transition: all 700ms ease 0s;
	width: 90px;
	-webkit-transition:700ms;
}

.main-logo:hover
{
	background: url("../img/logo.png") no-repeat;
}

.small-device-logo{
	background: url("../img/logo.png") no-repeat  ;
	display: none;
	height: 90px;
	margin: 15px auto;
	text-indent: -999999px;
	transition: all 700ms ease 0s;
	width: 90px;
	-webkit-transition:700ms;
}

.small-device-logo:hover
{
	background: url("../img/logo.png") no-repeat;
}

.main-nav
{
	position: relative;
}

.main-nav>li
{
	float:left;
	position: relative;
}

.main-nav>li>a
{
	padding: 25px 20px;
	color:#777;
	font-weight: 200;
	font-size:14px;
	transition: all 600ms ease 200ms;
	-webkit-transition:all 600ms ease 200ms;
	background: url("../img/nav_hover.jpg") no-repeat center 100px;
}

.main-nav>li>a:hover
{
	background: url("../img/nav_hover.jpg") no-repeat center 0;
}

.main-nav>li:hover >ul{
	margin-top: 0;
	opacity: 1;
	visibility: visible !important;
	transform:scale(1);
	-webkit-transform:scale(1);
}

.main-nav>li>ul{
	left: 0;
	margin-top: 80px;
	opacity: 0;
	position: absolute;
	transition: all 0.35s ease 0s;
	-webkit-transition: all 0.35s ease 0s;
	visibility: hidden;
	z-index: 999999;
	transform:scale(0);
	-webkit-transform:scale(0);
}

.main-nav>li>ul>li
{
	min-width: 200px;
}

.main-nav>li>ul>li>a 
{
	background: none repeat scroll 0 0 #232323;
	border-bottom: 1px solid #323232;
	color: #777;
	display: block;
	font-size: 15px;
	font-weight: 200;
	padding: 10px;
	transition: all 0.25s ease 0s;
	-webkit-transition: all 0.25s ease 0s;
}

.main-nav>li>ul>li>a:hover
{
	color:#fff;
}

.main-nav>li>ul>li>a>i 
{
	display:inline-block; 
	margin-right:10px;
	transition: all 0.25s ease 0s;
	-webkit-transition: all 0.25s ease 0s;
}

.main-nav>li>ul>li>a:hover i
{
	color:#719519;
} 

.navbar-inverse .navbar-toggle {
  border:1px solid #131313;
  color: #719519;
  background:#212121;
}

#slider_height{height:750px;}

.active{
	background: url("../img/nav_hover.jpg") no-repeat center 0 !important;
}

.search-area
{
	background: #729813;
	overflow:hidden;
}

.search{}

.project-search
{
	min-height:100px;
	color:#464646;
}

.search-icon
{
	background: none repeat scroll 0 0 #292929;
	font-size: 14px;
	height: 100%;
	min-height: 126px;
	padding: 15px;
	text-align: center;
	color: #729813;
}

.search-icon>i
{
	background: none repeat scroll 0 0 #292929;
	font-size: 18px;
	line-height: 25px;
	padding: 15px;
	text-align: center;color:#7cb500;
}
.search-form{}
.search-form>form{}
.search-form>form>ul{overflow:hidden}

.search-form>form>ul>li
{
	padding-bottom: 20px;
	padding-top: 20px;
}

.search-form>form>ul>li>label
{
	color: #fff;
	display: block;
	font-size: 16px;
	font-weight: 200;
}

.search-form>form>ul>li>select
{
background: none repeat scroll 0 0 #292929;
border: 0 none;
color: #fff;
font-size: 13px;
font-weight: 200;
padding: 0.5em;
width: 100%;
}

.search-form>form>ul>li>input[type="submit"]
{
	background: none repeat scroll 0 0 #292929;
	border: 0 none;
	color: #7cb500;
	display: block;
	font-size: 13px;
	margin: 28px 0 12px;
	padding: 8px;
	transition:500ms;
	-webkit-transition:500ms;
}

.search-form>form>ul>li>input[type="submit"]:hover
{
	background:#fff;
	color:#7cb500;
}

.welcome-area{
	background: url("../img/wel_bg.jpg") ;
	padding: 100px 10px;
}

.welcome>h1
{
	color: #7cb500;
	font-size: 20px;
	font-weight: 200;
}

.welcome>h2
{
	color: #b0b0b0;
	font-size: 28px;
	font-weight: 200;
}

.welcome>p
{
color: #b0b0b0;
font-size: 20px;
font-weight: 200;
line-height: 35px;
}
.home_serv{
	padding: 100px 10px;
	
}
.home_serv>h2
{
	color: #7cb500;
	text-align:center;
	font-size: 34px;
	font-weight: 200;
}
.serv_li li{
	padding:5px 0;
}
.partner{
	padding: 100px 10px;
	
}
.partner h2
{
	color: #7cb500;
	text-align:center;
	font-size: 34px;
	font-weight: 200;
	
}
.project-home-area
{
	background: url("../img/bg_project.jpg") no-repeat center center rgba(256,256,256,0.5);
	background-size:cover;
	padding: 50px 10px 0;
	position:relative;
}
.project-home{}
.project-home-area>h2
{
	color: #141414;
	font-size: 28px;
	font-weight: 200;
	text-align: center;
}

.portfolio_title,.portfolio_title2,.portfolio_title3
{
	background: none repeat scroll 0 0 #141414;
	font-size: 1em !important;
	padding: 1em;
	position: absolute;
	z-index: 999;
}

.portfolio_title
{
	left: -120%;
	width: 100%;
	height: 104%;
	top: -150%;
	background: rgba(0,0,0,0.5);
	transition:500ms;
	-webkit-transition:500ms;
}

.portfolio_title2>span,.portfolio_title3>span
{
	color: #fff!important;
	display: block;
	transition: all 900ms ease 0s;
	width: 0;
	font-size: 14px;
	-webkit-transition:900ms;
}

.portfolio_title2
{
	padding: 0.6em;
	color: #b0b0b0 !important;
	left: -110%;
	text-align: left;
	top: 30%;
	width: 100%;
	transition:700ms;
	-webkit-transition:700ms;
}

.portfolio_title3
{
background: none repeat scroll 0 0 transparent;
color: #fff !important;
font-family: roboto condensed !important;
font-size: 20px !important;
padding: 0.5em;
right: -110%;
text-align: left;
top: 48.5%;
transition: all 900ms ease 0s;
width: 100%;
text-align: center;
width: 100%;
transition:600ms;
-webkit-transition:600ms;
}

.portfolio_item:hover .portfolio_title
{
left: 0;
width: 100%;
height: 104%;
top: -18px !important;
background: rgba(0,0,0,0.5);
}
.portfolio_item:hover .portfolio_title2{left:0}
.portfolio_item:hover .portfolio_title3
{
right:0%;
top: 48.5%;
}
.portfolio_item:hover .portfolio_title3>span
{
width:100%;
}

.portfolio_item{}

.footer-area
{
	background: none repeat scroll 0 0 #141414;
	padding: 50px 10px 15px;
}

.footer-area h4
{
	color: #7cb500;
	font-size: 16px;
	font-weight: 200;
}

.copyright
{
	padding:35px 0px 0px 0px;
	text-align:center;
	color:#fff;
}

.footer-area a
{
	display: block;
	font-size: 12px;
	text-align: center;
}

.subscribe{}

.subscribe>form{}

.subscribe>form>input[type='text']
{
	background: none repeat scroll 0 0 #232323;
	border: 1px solid #0e0e0e;
	color: #b2b2b2;
	padding: 10px;
	transition: all 500ms ease 0s;
	width: 100%;
	font-weight: 200;
	font-size: 13px;
	-webkit-transition:500ms;
}

.subscribe>form>input[type='text']:hover
{
	box-shadow: 0 0 6px #000 inset;
}

.subscribe>form>input[type='text']:focus
{
	box-shadow: 0 0 6px #000 inset;
}

.subscribe>form>input[type='submit']
{
	background: none repeat scroll 0 0 #7cb500;
	border: 0 none;
	color: #fff;
	margin: 10px 0;
	padding: 10px;
	transition: all 500ms ease 0s;
	font-weight: 200;
	font-size: 14px;
	-webkit-transition:500ms;
}

.subscribe>form>input[type='submit']:hover
{
	background: none repeat scroll 0 0 #507500;
}

.footer-about{}

.footer-about>p
{
color: #b0b0b0;
font-size: 14px;
font-weight: 200;
line-height: 17px;
}

.footer-about>a
{
	color: #7cb500;
	text-align: left;
}

.footer-contact>ul>li
{
color: #b0b0b0;
font-size: 14px;
font-weight: 200;
line-height: 17px;
}

.footer-contact>ul>li:first-child
{
	line-height: 18px;
}
.b-column 
{
  float: left;
  height: 50px;
  margin: 3px;
  overflow: hidden;
  width: 50px;
}




/*Project Page Design*/

.project-banner,.booking-banner,.gallery-banner
{
	margin: 0;
	max-height: 400px;
	overflow: hidden;
	padding: 0 0 50px 0;
	position: relative;
	background:#000;
}

.project-banner>img:nth-child(2),img:nth-child(3),img:nth-child(4){
position:absolute;
opacity:1 !important;
height:auto !important;
}
.project-banner>img:nth-child(2)
{
	bottom:-5%;
	left:5%;
	animation:project-child2 5s 1;
	-webkit-animation: project-child2 5s 1 linear;
}

.project-banner>img:nth-child(3)
{
	bottom:-5%;
	left:35%;
	animation:project-child3 7s 1;
	-webkit-animation:project-child3 7s 1 linear;
}

.project-banner>img:nth-child(4)
{
	bottom:-5%;
	right:5%;
	animation:project-child4 7s 1;
	-webkit-animation:project-child4 7s 1 linear;
}

@keyframes project-child2{
	0%{bottom:-100%}
	55%{bottom:-100%}
	85%{bottom:0%}
	100%{bottom:-5%}
}

@-webkit-keyframes project-child2{
	0%{bottom:-100%}
	55%{bottom:-100%}
	85%{bottom:0%}
	100%{bottom:-5%}
}

@keyframes project-child3{
	0%{bottom:-100%}
	65%{bottom:-100%}
	85%{bottom:0%}
	100%{bottom:-5%}
}

@-webkit-keyframes project-child3{
	0%{bottom:-100%}
	70%{bottom:-100%}
	90%{bottom:0%}
	100%{bottom:-5%}
}

@keyframes project-child4{
	0%{bottom:-100%}
	55%{bottom:-100%}
	85%{bottom:0%}
	100%{bottom:-5%}
}

@-webkit-keyframes project-child4{
	0%{bottom:-100%}
	55%{bottom:-100%}
	85%{bottom:0%}
	100%{bottom:-5%}
}

/*
.booking-banner h1
{
	color: #fff;
}

.project-banner h1
{
	color: #000;
}

.gallery-banner h1
{
	color: #fff;
}
*/
.project-banner h1, .booking-banner h1,.gallery-banner h1
{
	font-size: 2.5em;
	line-height: 1.2em;
	position: absolute;
	top: 20%;
	width: 100%;
	animation:booking-banner 2.5s 1;
	-webkit-animation: booking-banner 2.5s 1 linear;
	color:#fff;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes booking-banner 
{
    0% {top: -10%;opacity:0;}
    75% {top: -10%;opacity:0;}
    85% {top: 40%;opacity:0.8;}
    100% {top: 20%;opacity:1;}
}

/* Standard syntax */
@keyframes booking-banner 
{
    0% {top: -10%;opacity:0;}
    75% {top: -10%;opacity:0;}
    85% {top: 40%;opacity:0.8;}
    100% {top: 20%;opacity:1;}
}

.project-banner h1 span, .booking-banner h1 span, .gallery-banner h1 span
{
	font-size:0.8em;
	display:block;
}
.project-banner h2>span{color:#70A000}
.project-banner h2
{
	background-image: url("../img/bg-animation-logo-leaf.png"), url("../img/bg-animation-logo.png");
	background-position: 51% 51%, 50% 65%;
	background-repeat: no-repeat, no-repeat;
	color: #000;
	height: 103%;
	left: 0;
	padding-top: 7%;
	position: absolute;
	text-align: center;
	top: -3%;
	width: 100%;
	animation: aboutus-h2 5s 1;
	-webkit-animation: aboutus-h2 5s 1 linear;
}

@keyframes aboutus-h2
{
	0%{
	background-position: 51% -10%, 50% -50%;
	padding-top:50%;
	}
	

	40%{
	background-position: 51% -10%, 50% -50%;
	padding-top:50%;
	}
	70%{
	background-position: 51% -10%, 50% 75%;
	padding-top:50%;
	}

	100%{
	background-position: 51% 51%, 50% 65%;
	padding-top:7%;
	}
}

@-webkit-keyframes aboutus-h2
{
	0%{
	background-position: 51% -10%, 50% -50%;
	padding-top:50%;
	}
	

	40%{
	background-position: 51% -10%, 50% -50%;
	padding-top:50%;
	}
	70%{
	background-position: 51% -10%, 50% 75%;
	padding-top:50%;
	}

	100%{
	background-position: 51% 51%, 50% 65%;
	padding-top:7%;
	}
}

.project-banner>img, .booking-banner>img, .gallery-banner>img
{
	opacity: 0.7;
	width: 100%;	
}

.project h1
{
	color: #719519;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 2.5em;
	padding: 10px 0 0 0px;
}

.project-nav {
  background: none repeat scroll 0 0 #000 ;
  margin-top: 38px;
  margin-bottom:10px;
  padding: 0 ;
  width: 200px;
}

.project-nav >li>a
{
	background: none repeat scroll 0 0 #000 !important;
	color: #719519;
	font-size: 16px;
	text-align:right;
	transition:500ms;
	-webkit-transition:500ms;
}

.project-nav >li>a:hover
{
	background:#181818 !important;
}

.project-nav >li>a:focus
{
	background:#181818 !important;
}

.project-nav >li>ul>li>a
{
	background: none repeat scroll 0 0 #1e252e;
	color: #719519;
	transition:500ms;
	-webkit-transition:500ms;
}

.project-nav >li>ul>li>a:hover
{
	color: #719519;
	background: none repeat scroll 0 0 #000;
}

.project-nav >li>ul>li>a>i
{
	color: #719519;
	padding: 0 10px 0 0;
}

.project-box
{
	height: 250px;
	margin-bottom: 15px;
	overflow: hidden;
	position: relative;
}

.fake-black-shade
{
	position:absolute;
	width:96%;
	height:100%;
	left:4%;
	top:0;
	background:rgba(0,0,0,0.4);
	z-index:0;
	transition:1000ms;
	-webkit-transition:1000ms;
}

.fake-black-shade2
{
	position:absolute;
	width:96%;
	height:100%;
	left:4%;
	top:-100%;
	background:rgba(0,0,0,0.2);
	z-index:0;
	transition:1000ms;
	-webkit-transition:1000ms;
}

.project-box:hover .fake-black-shade
{
	top:100%;
}

.project-box:hover .fake-black-shade2
{
	top:0%;
}

.project-box>img
{
	width:120% !important;
}

.project-box>h2
{
	color: #fff;
	font-size: 1.5em;
	left: 0;
	margin: 0;
	padding: 5px;
	position: absolute;
	top: 27%;
	width: 100%;
	z-index: 999;
	-webkit-animation: projecth2 5s 1 linear; /* Chrome, Safari, Opera */ 
	animation: projecth2 5s 1;
}
.project-box>h3
{
	color: #fff;
	font-size: 1.15em;
	left: 0;
	position: absolute;
	top: 57%;
	width: 100%;
	z-index: 999;
	-webkit-animation: projecth3 4s 1 linear; /* Chrome, Safari, Opera */ 
	animation: projecth3 2s 1;
}
.project-box>a
{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
	display: block;
	font-size: 1em;
	left: 35%;
	padding: 10px;
	position: absolute;
	text-align: center;
	top: 75%;
	width: 30%;
	z-index: 999;
	-webkit-animation: projecta 3s 1 linear; /* Chrome, Safari, Opera */ 
	animation: projecta 3s 1;
}

.project-box>span
{
	position:absolute;
	z-index: 999;
	top:65%;
	left:0;
	width:100%;
	color:#fff;
	font-size:1em;
}

.project-mid-slice
{
	width:96%;
	transform:scale(0.7);
	left:4%;
	height:30px;
	top:45%;
	position:absolute;
	z-index: 999;
	background-image:url(../img/project/bg-project-slice-center.png), url(../img/project/bg-project-slice-full.jpg);
	background-repeat:no-repeat, repeat-x;
	background-position:center center, center center;
	-webkit-animation: projectslice 2s infinite linear;  /* Chrome, Safari, Opera */ 
	animation: projectslice 2s infinite;
}

@-webkit-keyframes projecth2 
{
    0% {top: -40%;}
	80% {top: -40%;}
	90%{top: 70%;}
    100% {top: 27%;}
}

/* Standard syntax */
@keyframes projecth2 
{
    0% {top: -40%;}
	80% {top: -40%;}
	90%{top: 70%;}
    100% {top: 27%;}
}

@-webkit-keyframes projecth3 
{
    0% {transform:scale(0);}
	50% {transform:scale(0);}
    100% {transform:scale(1);}
}

/* Standard syntax */
@keyframes projecth3 
{
    0% {transform:scale(0);}
	50% {transform:scale(0);}
    100% {transform:scale(1);}
}

@-webkit-keyframes projectspan 
{
    0% {top: -40%;}
	50% {top: -40%;}
    100% {top: 64%;}
}

/* Standard syntax */
@keyframes projectspan 
{
    0% {top: -40%;}
	50% {top: -40%;}
    100% {top: 64%;}
}

@-webkit-keyframes projectslice 
{
    0% {transform:scale(0.7);}
    50% {transform:scale(1);}
}

/* Standard syntax */
@keyframes projectslice 
{
    0% {transform:scale(0.7);}
    50% {transform:scale(1);}
}

@-webkit-keyframes projecta 
{
    0% {top:120%}
	70%{top:120%}
	90%{top:70%}
    100% {top:75%}
}

/* Standard syntax */
@keyframes projecta 
{
    0% {top:120%}
	70%{top:120%}
	90%{top:70%}
    100% {top:75%}
}



/*Project Details start*/
.project{
	
	padding-top:20px;
}
.project-details-header-area
{
	background:#71A000;
}

.project-header h1
{
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 2.5em;
	padding: 10px 0 0 0px;
	margin-left:-15px;
	margin-bottom:5px;
}
.project-header-list > li > span {
  font-weight: 600;
  color:#000;
}

.project-header-list > li > span >i{
	font-weight:bold;
	padding:0px 0px 0px 10px; 
	font-size:20px;
}

.project-header-list> li > p {
  font-weight: 300;
  margin-bottom: 0;
  color:#000;
}


.project-detail-list
{
	width:100%;
}

.project-details-list-bottom>li
{
	border-bottom: 1px solid #b3b3b3;
	font-size: 1em;
	margin-bottom: 15px;
}

.project-detail-list>li
{
	font-size: 1em;
}

.project-detail-list>li>span
{
	font-weight: 600;
}

.project-detail-list>li>p{
	font-weight: 300;
	margin-bottom: 0;
}

.project-detail-list>li>span>i
{
	font-size: 20px;
	font-weight: 600;
	padding: 0 10px;
}

.project-detail-list>li>ul>li>span
{
	font-weight: 600;
}

.cover-image-area
{
	height:350px;
	margin-bottom:25px;
	overflow:hidden;
}

.project-details-gallery
{
	margin-bottom:25px;
}

.project-details-gallery h4
{
	color:#71A000;
	font-size:1.8em;
	padding:10px 0px;
}

.project-details-bottom-area
{
	border-top:4px solid #71A000;
	padding-top:30px;
}

.project-description-area>h1
{
	font-size: 2em;
	font-weight: 200;
	margin: 5px 0;
	padding: 0;
}

.project-description-area>p
{
	font-size: 1em;
	line-height: 1.7em;
}

.project-image-gallery-img-box
{
	 height:220px;
	 overflow:hidden;
	 margin-bottom:15px;
}
.project-image-gallery-img-box2
{
	 height:120px;
	 overflow:hidden;
	 margin-bottom:15px;
}

.project-image-gallery-img-box>a
{
	width:100%;
	height:100%;
	display:block;
	position:relative;
	text-align:center
}
.project-gallery-hover b
{
	
	text-align:center;
	color:#fff;
}
.project-image-gallery-img-box2>a
{
	width:100%;
	height:100%;
	display:block;
	position:relative;
}

.project-image-gallery-img-box>a>img {
    width: 100%;
    height: 170px!important;
}
.project-image-gallery-img-box2>a>img {
    width: 100%;
    height: 80px!important;
}
.project-gallery-hover
{
	position:absolute;
	width:100%;height:100%;
	top:0;
	bottom:0;
	background:rgba(0,0,0,0.5);
	transition:400ms;
	-webkit-transition:400ms;
	transform:scale(0);
	-webkit-transform:scale(0);
}

.project-gallery-hover>i
{
	background: rgba(113, 255, 0,0.4);
	border-radius: 150px;
	color: #fff;
	display: block;
	font-size: 2em;
	height: 40px;
	margin: 25% auto;
	padding: 8px;
	width: 40px;
	transition:1000ms;
	-webkit-transition:1000ms;
}

.project-image-gallery-img-box>a:hover .project-gallery-hover
{
	transform:scale(1);
	-webkit-transform:scale(1);
}

.project-image-gallery-img-box>a:hover i
{
	transform:rotate(360deg);
}



/*Booking Area*/
.booking-area
{
	background:#232323;
	padding:50px 0;
}

.booking
{
	transform:scale(1);
	animation: bookinganim 3.5s 1;
	-webkit-animation: bookinganim 3.5s 1 linear;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes bookinganim 
{
    0% {transform:scale(0);opacity:0;}
    60% {transform:scale(0);opacity:0;}
    80% {transform:scale(1.2)}
    90% {transform:scale(0.8)}
    100% {transform:scale(1);opacity:1;}
}

/* Standard syntax */
@keyframes bookinganim 
{
    0% {transform:scale(0);opacity:0;}
    60% {transform:scale(0);opacity:0;}
    80% {transform:scale(1.2)}
    90% {transform:scale(0.8)}
    100% {transform:scale(1);opacity:1;}
}

.booking h1
{
	font-size:1.4em;
	font-weight:300;
	color:#71A000;
	line-height:22px;
}

.booking h1>span
{
	display: block;
	font-size: 0.8em;
	color:#fff;
}

.book-now-down-angel
{
	width:100%;
	position:relative;
	height:40px;
	overflow:hidden;
}

.book-now-down-angel>i
{
	animation: 1s ease 0s normal none infinite running book-now-down-angel-anim;
	-webkit-animation: book-now-down-angel-anim 1s  infinite linear;
	color: #6BA141;
	font-size: 2.5em;
	left: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	transform:scale(1);
}

@-webkit-keyframes book-now-down-angel-anim 
{
    0% {top: 0;}
    50% {top: 35%;text-shadow: none;}
}

/* Standard syntax */
@keyframes book-now-down-angel-anim 
{
    0% {top: 0;}
    50% {top: 35%;text-shadow: none;}
}

.bookin-form>ul>li
{
	margin-bottom: 20px;
	overflow:hidden
}

.bookin-form>ul>li>input[type="text"],.bookin-form>ul>li>input[type="email"],.bookin-form>ul>li>textarea
{
	background: transparent;
	border-color: -moz-use-text-color -moz-use-text-color #000;
	border-style: none none solid;
	border-width: 0 0 1px;
	color: #d4d4d4;
	font-size: 1em;
	font-weight: 300;
	padding: 10px;
	width: 100%;
	transition:700ms;
	-webkit-transition:700ms;
}

.bookin-form>ul>li>select{
	background: url("../img/dropdown-down-angel.png") no-repeat scroll 90% center rgba(0, 0, 0, 1);
	border: 0 none;
	color: #d4d4d4;
	padding: 0;
	width: 110%;
}

.bookin-form>ul>li>select>optgroup
{
	color:#d4d4d4;
}


.bookin-form>ul>li>select>option
{
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	color:#5d5d5d;
	padding: 10px;
	transition:800ms;
	-webkit-transition:800ms;
}

.bookin-form>ul>li>select option:hover{
	background:#6D9F00 !important;
}

.bookin-form>ul>li>input[type="text"]:hover,.bookin-form>ul>li>input[type="email"]:hover,.bookin-form>ul>li>textarea:hover
{
	border-color: -moz-use-text-color -moz-use-text-color #6CA000;
	border-style: none none solid;
	border-width: 0 0 1px;
}

.bookin-form>ul>li>input[type="text"]:focus,.bookin-form>ul>li>input[type="email"]:focus,.bookin-form>ul>li>textarea:focus
{
	border-color: -moz-use-text-color -moz-use-text-color #6CA000;
	border-style: none none solid;
	border-width: 0 0 1px;
}

.bookin-form>ul>li>input[type="submit"]
{
	background: none repeat scroll 0 0 #000;
	border: 0 none;
	color: #5d5d5d;
	padding: 10px;
	text-align: center;
	width: 100%;
	transition:500ms;
	-webkit-transition:500ms;
}

.bookin-form>ul>li>input[type="submit"]:hover
{
	color:#71A000;
}


/*About*/
.about-area{}
.about{}
.about i{
	background: none repeat scroll 0 0 #70a000;
	color: #fff;
	font-size: 40px;
	padding: 10px;
}
.about p{
	font-size: 1em;
	font-weight: 200;
	line-height: 1.5em;
	text-align: justify;
	padding: 25px 0;
}




/*Contact*/
.contact-area{
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
	padding:0;
}

#map-canvas{
width:100%; height:500px;
	position:relative;
	top:0;
	left:0;
	padding:0;
}

#abcd{width:100%; height:500px;background:#EC5A4C}

.contact-area-middle
{
	background: none repeat scroll 0 0 transparent;
	border-bottom: 0 none;
	overflow: hidden;
	position: absolute;
	top: 60%;
	width: 100%;
	z-index: 999;
}

.contact-area-middle > button {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.45);
	border: 3px solid rgba(112, 160, 0, 1);
	border-radius: 500px;
	color: #fff;
	display: block;
	font-size: 18px;
	font-weight: 200;
	height: 120px;
	margin: auto;
	padding: 5px 10px;
	width: 120px;
	transition: all 600ms ease 0s;
	-webkit-transition:600ms;
}

.contact-area-middle > button:hover {
	border: 3px solid rgba(112, 160, 0, 1);
	background: none repeat scroll 0 0 rgba(0, 0, 0, 1);
	color:#70A000;
	transform:rotate(360deg);
}

.contact-area-middle > button:focus {
	border: 3px solid rgba(112, 160, 0, 1);
	background: none repeat scroll 0 0 rgba(0, 0, 0, 1);
	color:#70A000;
	transform:rotate(360deg);
}



.modal-title{
	font-size: 22px;
	margin: 10px 0 0;
}
.modal-content {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
}
.modal-header {
  border:0;
}
.modal-footer {
	border:0px;
}

.contact-contact> li {
  color: #fff !important;
}

.contact-form{
	background:transparent;
}

.contact-form>ul>li
{
	clear: both;
	display: block;
	margin-bottom: 10px;
	overflow: hidden;
}

.contact-form>ul>li>input[type="text"],.contact-form>ul>li>input[type="email"],.contact-form>ul>li>textarea
{
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.35);
	border: 0 none;
	color: #fff;
	font-size: 14px;
	font-weight: 200;
	padding: 10px;
	width: 100%;
}

.contact-form>ul>li>input[type="submit"]
{
	background: none repeat scroll 0 0 #1e1e1e;
	border: 0 none;
	color: #fff;
	font-size: 14px;
	font-weight: 200;
	padding: 10px;
	width: 100%;
	transition:600ms;
	-webkit-transition:600ms;
}
.contact-form>ul>li>input[type="submit"]:hover
{
	color:rgba(112, 160, 0, 1);
}



/*main-gallery*/
.main-gallery
{
	margin-top:25px;
}





/*Loding Effect*/
#loading {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: fixed;
  display: block;
  opacity: 0.2;
  background-color: #fff;
  z-index: 99;
  text-align: center;
}

#loading-image {
	width:128px;height:128px;margin:auto;display:block;margin-top:20%
}