/*
	Project: The Greens
	Developer: @flocoder
*/
/** * {
	outline: solid 1px red;
}*/

/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
/* Medium Devices, Desktops */
@media only screen and (max-width: 913px) {
	.team-logos img {
		width: 110px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width: 880px) {
	.nav > li > a {
		padding: 7px 9px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {

	.navbar-collapse {
		background-color: #E7E7E7;
	}

	.mobile-center {
		text-align: center !important;
	}

	.fp-slidesNav.bottom {
		bottom: 15% !important;
	}

	.little-icon {
		position:   static !important;
		text-align: center;
	}

	.enquire-now {
		position:    static !important;
		text-align:  center;
		padding-top: 10px;
	}

	.green-envy {
		position: static !important;
	}

	.hero-text {
		font-size:  30px;
		padding:    30px 0;
		text-align: center !important;
		position:   static !important;
		color:      #000000 !important;
	}

	.hero-text a {
		color: #000000 !important;
	}
}

/* Extra Small Devices, Phones */
/* Custom, iPhone Retina */
body {
	position: relative;
}

body, p, div {
	font-family: "Arimo", Arial, Helvetica, sans-serif;
}

header {
	padding:  10px;
	position: fixed;
	z-index:  2;
	width:    100%;
	top:      0;
}

.fp-controlArrow.fp-prev {
	border-color: transparent #CFCFCF transparent transparent;
	/* border-width: 20px 24px 20px 0; */
	background:   url("../img/gray-arrow-left.png") no-repeat;
	border:       0;
	width:        36px;
	height:       36px;
}

.fp-controlArrow.fp-next {
	border-color: transparent transparent transparent #CFCFCF;
	/*border-width: 20px 0 20px 24px; */
	background:   url("../img/gray-arrow-right.png") no-repeat;
	border:       0;
	width:        36px;
	height:       36px;
}

footer {
	padding:  10px;
	position: fixed;
	z-index:  2;
	width:    100%;
	bottom:   0;
}

.fp-slidesNav.bottom {
	bottom: 9%;
}

.main-menu {
	list-style: none;
}

.main-menu li {
	display: inline;
}

.register-form {
	position:    absolute;
	top:         20%;
	left:        30%;
	width:       455px;
	text-align:  center;
	font-size:   12px;
	line-height: 1.2em;
	color:       #FFFFFF;
}

.register-form h4 {
	color: #877751;
}

.register-form select {
	padding: 5px 0;
}

.register-form select option {
	background-color: #A0C040 !important;
}

.register-form .select-custom {
	/*Hiding the select arrow for firefox*/
	-moz-appearance:    none;
	/*Hiding the select arrow for chrome*/
	-webkit-appearance: none;
	/*Hiding the select arrow default implementation*/
	appearance:         none;
	background:         url("../img/arrow-down.png") no-repeat right;
	background-size:    11px 7px;
}

.register-form input, .register-form select {
	background:          transparent;
	-moz-user-select:    text;
	-webkit-user-select: text;
	-ms-user-select:     text;
	width:               100%;
	padding:             10px 10px 10px 0;
	border:              0;
	border-bottom:       1px solid #FFFFFF;
	margin:              0;
	color:               #FFF;
	display:             inline-block;
	border-radius:       0;
}

.register-form .btn-primary {
	background-color: #877751;
	border:           0;
	border-radius:    0;
	height:           30px;
}

.register-form ::-webkit-input-placeholder {
	/* Chrome */
	color: #FFFFFF;
}

.register-form :-ms-input-placeholder {
	/* IE 10+ */
	color: #FFFFFF;
}

.register-form ::-moz-placeholder {
	/* Firefox 19+ */
	color: #FFFFFF;
}

.register-form :-moz-placeholder {
	/* Firefox 4 - 18 */
	color: #FFFFFF;
}

.register-form input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #FFF inset !important;
}

.register-form .form-control {
	border-radius:      0;
	font-size:          12px;
	-webkit-box-shadow: none;
	box-shadow:         none;
}

.hero-text {
	font-size:   45px;
	text-align:  left;
	position:    absolute;
	left:        2%;
	top:         3%;
	line-height: 1em;
	font-weight: 600;
	color:       #FFFFFF;
}

.hero-text a {
	color:       #FFFFFF;
	font-size:   18px;
	font-weight: 400;
}

.hero-text a:before {
	content:            "";
	position:           absolute;
	width:              100%;
	height:             2px;
	bottom:             0;
	left:               0;
	background-color:   #000;
	visibility:         hidden;
	-webkit-transform:  scaleX(0);
	transform:          scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition:         all 0.3s ease-in-out 0s;
}

.hero-black {
	color: #000000 !important;
}

.hero-black a {
	color: #000000 !important;
}

.hero-black a:before {
	content:            "";
	position:           absolute;
	width:              100%;
	height:             2px;
	bottom:             0;
	left:               0;
	background-color:   #000;
	visibility:         hidden;
	-webkit-transform:  scaleX(0);
	transform:          scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition:         all 0.3s ease-in-out 0s;
}

/* Testing */
/* Fixed header and footer.
	* --------------------------------------- */
/*
	#header, #footer{
		position:fixed;
		height: 80px;
		display:block;
		width: 100%;
		background: #555;
		z-index:9;
		text-align:center;
		color: #f2f2f2;
		padding: 20px 0 0 0;
	}

	#header{
		top:0px;
	}
	#footer{
		bottom:0px;
	}



#header2 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100px;

}
#footer2 {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100px;

}
#content2 {
    position: fixed;
    top: 100px;
    bottom: 100px;
    left: 0;
    right: 0;
    overflow: auto;

}


.carousel,.item,.active{height:100%;}
.carousel-inner{height:100%;}
.fill{width:100%;height:100%;background-position:center;background-size:cover;}

.carousel-control.right,.carousel-control.left{
	background-image: none;
}
*/
#header, #footer {
	position:   fixed;
	display:    block;
	width:      100%;
	z-index:    9;
	text-align: center;
	color:      #000;
}

#header {
	top: 10px;
}

.navbar-default {
	background: none !important;
	border:     none !important;
}

#footer {
	bottom: 10px;
}

#footer .disclaimer {
	font-size: 12px;
}

#footer .disclaimer a {
	color: #000000;
}

#footer .telno {
	font-size: 20px;
}

#footer .telno a {
	font-weight: bold;
	color:       #000000;
}

.btn-default {
	background-color: #877751;
	color:            #FFFFFF;
	border-radius:    0;
	font-weight:      bold;
	border:           0;
}

.enquire-now {
	position: fixed;
	right:    10px;
	top:      10px;
	z-index:  1200;
}

.enquire-now a:hover {
	background-color: #003616;
	color:            #FFFFFF;
}

.white-popup {
	position:    relative;
	background:  #FFF;
	padding:     25px;
	width:       auto;
	font-size:   13px;
	max-width:   500px;
	margin:      20px auto;
	line-height: 1.2em;
}

.video-popup {
	position:    relative;
	background:  #FFF;
	width:       auto;
	font-size:   13px;
	max-width:   900px;
	margin:      20px auto;
	line-height: 1.2em;
}

.green-with {
	position:          absolute;
	left:              -80px;
	transform:         rotate(-90deg) translate(50%);
	-moz-transform:    rotate(-90deg) translate(50%);
	-webkit-transform: rotate(-90deg) translate(50%);
	-o-transform:      rotate(-90deg) translate(50%);
	-ms-transform:     rotate(-90deg) translate(50%);
	top:               56%;
}

.green-with span {
	transform:         translateY(-50%);
	-ms-transform:     translateY(-50%);
	-moz-transform:    translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform:      translateY(-50%);
}

.green-envy {
	position:          absolute;
	left:              0;
	top:               50%;
	transform:         rotate(-90deg) translate(50%);
	-moz-transform:    rotate(-90deg) translate(50%);
	-webkit-transform: rotate(-90deg) translate(50%);
	-o-transform:      rotate(-90deg) translate(50%);
	-ms-transform:     rotate(-90deg) translate(50%);
	-khtml-transform:  rotate(-90deg) translate(50%);
}

/* Underline From Center */
.hvr-underline-from-center {
	display:           inline-block;
	vertical-align:    middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform:         perspective(1px) translateZ(0);
	box-shadow:        0 0 1px transparent;
	position:          relative;
	overflow:          hidden;
}

.hvr-underline-from-center:before {
	content:                            "";
	position:                           absolute;
	z-index:                            -1;
	left:                               50%;
	right:                              50%;
	bottom:                             0;
	background:                         #2098D1;
	height:                             4px;
	-webkit-transition-property:        left, right;
	transition-property:                left, right;
	-webkit-transition-duration:        0.3s;
	transition-duration:                0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function:         ease-out;
}

.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
	left:  0;
	right: 0;
}

/* Underline From Left */
.hvr-underline-from-left {
	display:           inline-block;
	vertical-align:    middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform:         perspective(1px) translateZ(0);
	box-shadow:        0 0 1px transparent;
	position:          relative;
	overflow:          hidden;
}

.hvr-underline-from-left:before {
	content:                            "";
	position:                           absolute;
	z-index:                            -1;
	left:                               0;
	right:                              100%;
	bottom:                             0;
	background:                         #2098D1;
	height:                             4px;
	-webkit-transition-property:        right;
	transition-property:                right;
	-webkit-transition-duration:        0.3s;
	transition-duration:                0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function:         ease-out;
}

.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
	right: 0;
}

/* Grow Shadow */
.hvr-grow-shadow {
	display:                     inline-block;
	vertical-align:              middle;
	-webkit-transform:           perspective(1px) translateZ(0);
	transform:                   perspective(1px) translateZ(0);
	box-shadow:                  0 0 1px transparent;
	-webkit-transition-duration: 0.3s;
	transition-duration:         0.3s;
	-webkit-transition-property: box-shadow, transform;
	transition-property:         box-shadow, transform;
}

.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
	box-shadow:        0 10px 10px -10px rgba(0, 0, 0, 0.5);
	-webkit-transform: scale(1.1);
	transform:         scale(1.1);
}

.hvr-float {
	display:                    inline-block;
	vertical-align:             middle;
	transform:                  translateZ(0);
	box-shadow:                 0 0 1px transparent;
	backface-visibility:        hidden;
	-moz-osx-font-smoothing:    grayscale;
	transition-duration:        0.3s;
	transition-property:        transform;
	transition-timing-function: ease-out;
}

.hvr-float:hover,
.hvr-float:focus,
.hvr-float:active {
	transform: translateY(-8px);
}

.little-icon {
	position: fixed;
	top:      10px;
	left:     10px;
	z-index:  9;
}

.error {
	color: red;
}

.register-form-single {
	font-size:   12px;
	line-height: 1.2em;
	color:       #FFFFFF;
	text-align:  center;
}

.register-form-single h4 {
	color: #877751;
}

.register-form-single select {
	padding: 10px 0;
	height:  auto;
}

.register-form-single select option {
	background-color: #031E0B !important;
}

.register-form-single .select-custom {
	/*Hiding the select arrow for firefox*/
	-moz-appearance:    none;
	/*Hiding the select arrow for chrome*/
	-webkit-appearance: none;
	/*Hiding the select arrow default implementation*/
	appearance:         none;
	background:         url("../img/arrow-down.png") no-repeat right;
	background-size:    11px 7px;
}

.register-form-single input, .register-form-single select {
	background:          transparent;
	-moz-user-select:    text;
	-webkit-user-select: text;
	-ms-user-select:     text;
	width:               100%;
	padding:             10px 10px 10px 0;
	border:              0;
	border-bottom:       1px solid #FFFFFF;
	margin:              0;
	color:               #FFF;
	display:             inline-block;
	border-radius:       0;
}

.register-form-single .btn-primary {
	background-color: #877751;
	border:           0;
	border-radius:    0;
	height:           30px;
}

.register-form-single ::-webkit-input-placeholder {
	/* Chrome */
	color: #FFFFFF;
}

.register-form-single :-ms-input-placeholder {
	/* IE 10+ */
	color: #FFFFFF;
}

.register-form-single ::-moz-placeholder {
	/* Firefox 19+ */
	color: #FFFFFF;
}

.register-form-single :-moz-placeholder {
	/* Firefox 4 - 18 */
	color: #FFFFFF;
}

.register-form-single input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #FFF inset !important;
}

.register-form-single .form-control {
	border-radius:      0;
	font-size:          12px;
	-webkit-box-shadow: none;
	box-shadow:         none;
}

/* Inner pages styles */
.responsiveHeight {
	height:   0;
	padding:  0 0 40% 0;
	/* responsive slider height = 40% of the browser width */
	position: relative;
	overflow: visible;
	top:      60px;
}

/*
.responsiveHeight > .inner {
position: absolute;
width: 100%;
height: 100%;

}

.iosSlider {
width: 100%;
height: 100%;

}

.iosSlider .slider {
width: 100%;
height: 100%;
}

.iosSlider .slider img {
float: left;
height: 100%;
}
.i2563{
display: none;
}
.slider>img{
padding-right: 50px;
}
.slider>div{
width: 600px;
}
*/