/**** CSS by Cebu Web Solutions****/
@font-face {
  font-family: 'FontAwesome';
  src: url('/templates/wood/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('/templates/wood/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/templates/wood/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/templates/wood/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/templates/wood/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/templates/wood/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
html,body {
    	width: 100%;
    	height: 100%;
    	margin: 0px;
    	padding: 0px;
	box-sizing: border-box;
}
body {
	//margin: 0 auto;
	//max-width: 100%;
    	font-size: 18px;
	color: #333;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.5em;   
 
}
h1, h2, h3, h4, h5 {
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
}
dt, dd {
    line-height: 1.5em;
}

.item-page h1 {
	font-size: 30px;
	line-height: normal;
	color: #006633;	
	margin-top: 15px;
	margin-bottom: 30px;
	text-align: center;
}
.item-page h2 {
	font-size: 25px;
	line-height: normal;
	text-align: center;
	color: #006633;
}
.w1200 {
	max-width:1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 3px;
	padding-right: 3px;
	box-sizing: border-box;
}
.topstrip {
	background-color: #111;
    color: #aaa;
    font-size: .928em;
}
.top {
	background-color: #009966;
	padding-top: 20px;
    	padding-bottom: 20px;
}
.logo {
	//text-align: center;
}
.customphone1 {
	text-align: right;
    	color: #fff;
    	font-size: 25px;
	//display: table;
	padding-top: 40px;
}
.customphone1>div{
    	//display: table-cell;
    	//vertical-align: middle;
	text-shadow: 1px 1px 1px #333;
}
.topmenuholder {
	background-color: #f8e453;	
}
.mid {
	//background-color: #eee;
}
.maincontent {
	padding-top: 40px;
	padding-bottom: 40px;
}
.advan {
	list-style-type: none;
}
.advan li:before {
	content: "\f14a";
}
.tiles img {
	display: block;
    	margin: 0px auto;
      border: solid 1px #006633;
    box-sizing: border-box;
}
.tiles p {
	text-align: center;
	margin-top: 15px;
	line-height: normal;
	font-weight: bold;
}
.tiles p a {
	color: #006633;
	text-decoration: none;
}
.tilesapp p {
	text-align: center;
	margin-top: 15px;
	line-height: normal;
	font-weight: bold;
}
.tilesapp p a {
	color: #006633;
	text-decoration: none;
}
.services img {
	display: block;
    	margin: 0px auto;
	border-radius: 5px;
}
.services p {
	text-align: center;
	margin-top: 15px;
	line-height: normal;
	font-weight: bold;
	color: #006633;
}
.advan li {
	line-height: 1.5em;
	list-style-type: none;
}
.advan li:before {
  content: "\f14a"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}
.advan button {
	margin-top: 10px;
}
.advan img {
    	border-radius: 5px;
}
.moduletableworks {
	padding-bottom: 50px;
}
.moduletableworks h1 {
    font-size: 25px;
    line-height: normal;
    color: #006633;
    margin-top: 15px;
    margin-bottom: 30px;
    text-align: center;
}
.timeline .moduletable {
	margin-bottom: 50px;
}
.timeline .moduletable:nth-child(even) {
	text-align: right;
}
.timeline img {
	margin-right: 10px;
	margin-bottom: 15px;
}
.bottom {

}
.bottom1 {
	//background-color: #4b463f;
	//color: #fff;
}
.bottom2a {

}
.bottom2b {

}
.spacer1 {
	width: 100%;
	clear: both;
	height: 0px;
}
.footer {
	background-color: #009966;
    	color: #fff;
    	padding: 40px 0 20px;
}
.footer1 p {
	text-align: center;
	margin: 0px;
}
.footer1 .copyright{
	font-size: 15px;
}
.footer1 .devlink a{
	font-size: 12px;
	color: #005329;
}
.services .span3 img,
.tiles .span3 img {
	margin-left: auto !important;
	margin-right: auto !important;
    	//max-width: 400px;
    	border-radius: 5px;
	-webkit-animation: zoom1out 0.5s ease-in both;
    	-moz-animation: zoom1out 0.5s ease-in both;
    	animation: zoom1out 0.5s ease-in both;
}
.services .span3 img:hover,
.tiles .span3 img:hover {
	-webkit-animation: zoom1 0.5s ease-in both;
	-moz-animation: zoom1n 0.5s ease-in both;
	animation: zoom1 0.5s ease-in both
}
@keyframes imgFadeInOut {
  0% {
  opacity:1;
}
45% {
opacity:1;
}
55% {
opacity:0;
}
100% {
opacity:0;
}
}

.boximg img.top1 {
animation-name: imgFadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 8s;
animation-direction: alternate;
}
@keyframes zoom1 {
	from {transform:scale(1); }
	to {transform: scale(1.05);}
}
@keyframes zoom1out {
	from {transform:scale(1.05); }
	to {transform: scale(1.);}
}
/*** Appear ***/
.from-top {
	top: -50px;
	padding-right: 0px;
	opacity: 0;
	position: relative;
}	
.from-bottom {
	bottom: -50px;
	//padding-left: 0px;
	opacity: 0;
	position: relative;
}
.from-left {
	left: -80px;
	padding-right: 0px;
	opacity: 0;
	position: relative;
}	
.from-right {
	right: -80px;
	padding-left: 0px;
	opacity: 0;
	position: relative;
}	
.fade-in {
	opacity: 0;
	position: relative;
	padding-left: 0px;
	right: 0px;	
}
/*** //Appear ***/
/* Move it (define the animation) */
@-moz-keyframes scroll-left {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-left {
 0%   { 
 -moz-transform: translateX(100%); /* Browser bug fix */
 -webkit-transform: translateX(100%); /* Browser bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Browser bug fix */
 -webkit-transform: translateX(-100%); /* Browser bug fix */
 transform: translateX(-100%); 
 }
}
/* //Move it (define the animation) */