/*
Theme Name:Shanaya Environmental Services
Author:Right Intention Singapore
Author URI:http://www.rightintention.com/
Description:The 2014 theme for Shanaya Environmental Services by Right Intention Singapore.
Version:1.0
License:Copyright © 2014 Shanaya Environmental Services
*/


/*************** GLOBAL ****************/

html {
	overflow-y: scroll;
}

* {
	margin:0;
	padding:0;
}

a { 
	color:#00793c;
}

body {
	/*min-width: 1024px;*/
	/*background:#FFF url(img/bg.jpg) repeat-x top left;*/
}

.container {
	/*width: 100%!important;*/
	padding:0px;
}

.row-centered {
	text-align:center;
}

.row-centered .col-xs-4 {
	display:inline-block;
	text-align:center!important;
}

.royalSliderPosition {
	position:absolute;
	top:15%;
}

.royalSliderPositionInner {
	position:absolute;
	top:140px;
	height:400px;
}

.maincontent {
	/*position:absolute;*/
	padding:0px 0px;
	margin:0px 0px;
	margin-top:560px;
}

.maincontent ol {
	margin-left:29px;
}

.maincontent ol li {
	font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:300; color:#524f4c; line-height:24px;
}

.mini {
	margin:0 5%;
}

.footer {
}

.footer div {
	display:block;
	text-align:center;
	color:#fcfcfc;
	text-decoration:none;
	background-color:#00793c;
	padding:10px;
}

.footer h6 {
	font-size:12px;
	margin-bottom:10px;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	text-transform:uppercase;
}

.about h2 {
	font-family: 'Open Sans', sans-serif; font-size:40px; font-weight:600; color:#FFFFFF!important; text-transform:uppercase;
}

.about p {
	font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:300; color:#FFFFFF!important; line-height:24px;
}

.about ul {
	margin-left:20px!important;
}

.about li {
	font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:300; color:#FFFFFF!important; line-height:24px;
}

.maincontent h2 {
	font-family: 'Open Sans', sans-serif; font-size:40px; font-weight:600; color:#524f4c; text-transform:uppercase;
}

.maincontent h3 {
	font-family: 'Open Sans', sans-serif; font-size:50px; font-weight:600; color:#00793c; text-transform:uppercase;
}

.maincontent h4 {
	font-family: 'Open Sans', sans-serif; font-size:24px; font-weight:600; color:#333; text-transform:uppercase;
}

.maincontent p {
	font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:300; color:#524f4c; line-height:24px;
}

.royalSlider.rsDefault .rsImg { position:absolute; }
.royalSlider.rsDefault .bannercontent { height:inherit; position:relative; color:#333; }
.royalSlider.rsDefault .bannercontent .bannerinfo { top:20%; left:10%; position:absolute; width:30%; direction: ltr; }
.royalSlider.rsDefault .bannercontent .bannerinfo .bannertitle { font-family: 'Open Sans', sans-serif; font-size:90px; font-weight:600; color:#918b85; text-transform:uppercase; }
.royalSlider.rsDefault .bannercontent .bannerinfo .excerpt { font-family: 'Open Sans', sans-serif; font-size:27px; font-weight:300; color:#918b85; }

.royalSlider.ltr { direction: ltr; height:400px; }
.royalSlider.rsDefault .innerbannercontent { height:inherit; position:relative; color:#333; }
.royalSlider.rsDefault .innerbannercontent .innerbannerinfo { top:20%; right:10%; position:absolute; width:40%; direction: ltr; }
.royalSlider.rsDefault .innerbannercontent .innerbannerinfo .innerbannertitle { font-family: 'Open Sans', sans-serif; font-size:70px; font-weight:600; color:#918b85; text-transform:uppercase; }
.royalSlider.rsDefault .innerbannercontent .innerbannerinfo .innerexcerpt { font-family: 'Open Sans', sans-serif; font-size:22px; font-weight:300; color:#918b85; }



/*************** NAVI ****************/

.navigation { background-color:rgba(255,255,255,1.0); z-index:10; background-color:#FFF; margin:0; padding:0; margin-top:10px; }
.navigation .logo { position:absolute; top:4%; left:3%; }
.navigation .main-list { position:absolute; top:5%; right:1%; margin:0; padding:0; }
.navigation .main-list li { float:left; position:relative; }
.navigation .main-list li a { color:#7c868d; display:block; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:14px; line-height:15px; padding:15px 20px; text-decoration:none; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease; font-weight:800; letter-spacing:0px; text-transform:uppercase; }
.navigation .main-list li:last-child a { left:auto; right:0; }
.navigation .main-list li:last-child a { border-right:solid 0px #FFF; }

.navigation .main-list li:hover a { background-color:#00a651; color:#fff; -webkit-box-shadow:2px 4px 10px rgba(0,0,0,0.1); -moz-box-shadow:2px 4px 10px rgba(0,0,0,0.1); -o-box-shadow:2px 4px 10px rgba(0,0,0,0.1); -ms-box-shadow:2px 4px 10px rgba(0,0,0,0.1); box-shadow:2px 4px 10px rgba(0,0,0,0.1); }

.navigation .main-list li.current_page_item a { background-color:#918b85; color:#fff; -webkit-box-shadow:2px 4px 10px rgba(0,0,0,0.1); -moz-box-shadow:2px 4px 10px rgba(0,0,0,0.1); -o-box-shadow:2px 4px 10px rgba(0,0,0,0.1); -ms-box-shadow:2px 4px 10px rgba(0,0,0,0.1); box-shadow:2px 4px 10px rgba(0,0,0,0.1); }

.navigation .main-list li .sub-menu { background-color:rgba(255,255,255,0.85); display:none; left:inherit; list-style:none; margin:0; padding:0px 0; position:absolute; top:45px; z-index:1000; -webkit-box-shadow:2px 8px 10px rgba(0,0,0,0.1); -moz-box-shadow:2px 8px 10px rgba(0,0,0,0.1); -o-box-shadow:2px 8px 10px rgba(0,0,0,0.1); -ms-box-shadow:2px 8px 10px rgba(0,0,0,0.1); box-shadow:2px 8px 10px rgba(0,0,0,0.1); }
.navigation .main-list li .sub-menu li { float:none; }
.navigation .main-list li .sub-menu li a { background-color:#fff; color:#464646; font-size:18px; line-height:18px; min-width:170px; padding:10px 20px; text-transform:none; left:0; }
.navigation .main-list li .sub-menu li a:hover { background-color:#ff0000; color:#fff; }
.navigation .main-list li:hover .sub-menu { display:block; }

/*************** END NAVI ****************/



.bottomnavi *, nav ul li span { 
	-webkit-transition:all 0.25s ease-out;
	-moz-transition:all 0.25s ease-out;
	-o-transition:all 0.25s ease-out;
	transition:all 0.25s ease-out;
}

.bottomnavi a {
	width:100%;
	border:none;
}

.bottomnavi { 
	width:100%;
	height:100px;
	position:absolute;
	z-index:800;
	bottom:0;
	clear:both;
}

.bottomnavi div {
	display:inline-block;
	vertical-align:middle;
}

.bottomnavi h3 {
	font-size:19px;
	margin-bottom:0;
	font-family: 'Open Sans', sans-serif;
	font-weight:800;
	text-transform:uppercase;
}

.bottomnavi h4 {
	font-size:16px;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	color:#89e6b7;
}

.bottomnavi a {
	display:block;
	float:left;
	width:33.33%;
	height:100%;
	text-align:center;
	border-right:2px solid #000;
	color:#fcfcfc;cursor:pointer;
	text-decoration:none;
	
	background-color:#00793c;
	
	/*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00793c), to(#00572c));
	background: -webkit-linear-gradient(top, #00793c, #00572c);
	background: -moz-linear-gradient(top, #00793c, #00572c);
	background: -ms-linear-gradient(top, #00793c, #00572c);
	background: -o-linear-gradient(top, #00793c, #00572c);*/
	
}

.bottomnavi a.active, .bottomnavi a:hover {
	background-color:#00391c;
	
	/*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00572c), to(#00793c));
	background: -webkit-linear-gradient(top, #00572c, #00793c);
	background: -moz-linear-gradient(top, #00572c, #00793c);
	background: -ms-linear-gradient(top, #00572c, #00793c);
	background: -o-linear-gradient(top, #00572c, #00793c);*/
}

.bottomnavi a.active h4, .bottomnavi a:hover h3 {
	color:#00793c;
}

.bottomnavi a.active h4, .bottomnavi a:hover h4 {
	color:#FFF;
}

.bottomnavi a:before {
	content:'';
	display:inline-block;
	height:100%;
	vertical-align:middle;
	margin-right:-0.25em;
}

.bottomnavi a:last-of-type {
	border-right:none;
}



@media (max-width: 1500px) { 

.royalSlider.rsDefault .bannercontent .bannerinfo { top:15%; left:10%; position:absolute; width:30%; direction: ltr; }
.royalSlider.rsDefault .bannercontent .bannerinfo .bannertitle { font-family: 'Open Sans', sans-serif; font-size:70px; font-weight:600; color:#918b85; text-transform:uppercase; }
.royalSlider.rsDefault .bannercontent .bannerinfo .excerpt { font-family: 'Open Sans', sans-serif; font-size:20px; font-weight:300; color:#918b85; }

.royalSlider.rsDefault .innerbannercontent .innerbannerinfo .innerbannertitle { font-family: 'Open Sans', sans-serif; font-size:60px; font-weight:600; color:#918b85; text-transform:uppercase; }
.royalSlider.rsDefault .innerbannercontent .innerbannerinfo .innerexcerpt { font-family: 'Open Sans', sans-serif; font-size:20px; font-weight:300; color:#918b85; }

.bottomnavi { 
	width:100%;
	height:80px;
	position:absolute;
	z-index:800;
	bottom:0;
	clear:both;
}

.bottomnavi h3 {
	font-size:16px;
}

.bottomnavi h4 {
	font-size:14px;
}

.maincontent h2 {
	font-family: 'Open Sans', sans-serif; font-size:30px; font-weight:600; color:#524f4c; text-transform:uppercase;
}

.maincontent p {
	font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:300; color:#524f4c; line-height:20px;
}

}