html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
	text-decoration:none;
	font-family:'lato',sans-serif;
	font-weight:100;
	color:#8e8e8e;
}

/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
}

ol,ul {
	list-style:none;
}

blockquote,q {
	quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content:'';
	content:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

.clearfix:after {
	content:"";
	display:table;
	clear:both;
}

body {
	line-height:1;
	max-width:1500px;
	display:block;
	margin:auto;
}

h3 {
	font-weight:700;
}

p,h2 {
	line-height:25px;
	font-weight:300;
}

.mail {
	color:#5c9fc0;
	border-bottom:1px solid #5c9fc0;
	font-weight:300;
}

.phone {
	color:#3cb879;
	font-weight:300;
}

/******
*************		end Default Styles	*************************************/
/*******************		NAV		*************************************/
.NAVm {
	display:none;
}

#navBar {
	position:fixed;
	top:0;
	z-index:9999;
	width:100%;
	height:80px;
	background-color:#fff;
	max-width:1500px;
	display:block;
	margin:auto;
	padding-top:10px;
	border-bottom:1px solid rgba(207,207,207,0.75);
}

nav ul {
	text-align:right;
	padding-top:32px;
	padding-right:30px;
}

nav li {
	display:inline;
	padding:3px 13px;
	padding-bottom:6px;
	margin-right:-4px;
}

nav li a:hover {
	color:#3cb879;
}

nav li a {
	color:#8e8e8e;
	padding:5px 0 3px;
	transition:.5s ease;
	font-weight:300;
}

.nav2 {
	display:none;
}

#navLogo {
	float:left;
	width:180px;
	margin-left:50px;
	margin-top:5px;
}

#phone {
	position:absolute;
	width:180px;
	margin-left:-190px;
	margin-top:-40px;
	color:#3cb879;
	font-weight:300;
}

/*******************		END NAV		*************************************/
.bold {
	font-weight:700;
	letter-spacing:-1px;
}

#pguy {
	margin:auto;
	display:block;
}

#wwd h1 {
	font-size:32px;
	color:rgba(61,184,123,0.86);
	text-align:c;
	margin:20px 100px;
	padding:10px 0;
	font-weight:500;
	border-bottom:1px solid rgba(207,207,207,0.75);
}

#our {
	font-size:32px;
	color:rgba(61,184,123,0.86);
	text-align:c;
	margin:20px 100px;
	padding:10px 0;
	font-weight:500;
	border-bottom:1px solid rgba(207,207,207,0.75);
}

#wwd p {
	text-align:justify;
	margin:0 100px;
	line-height:25px;
	padding-bottom:10px;
	color:#7f7f7f;
	font-weight:0;
}

#wwdButton {
	border:1px solid #868686;
	font-variant:small-caps;
	width:150px;
	padding:13px;
	margin:auto;
	transition:.2s ease;
	margin-bottom:50px;
}

#wwdButton:hover {
	border:1px solid #fff;
}

#aip {
	background-image:url(aipOp.jpg);
	background-repeat:no-repeat;
	background-size:100%;
	height:700px;
	text-align:justify;
}

#aip h2 {
	color:#fff;
	padding-top:80px;
	font-size:60px;
	font-weight:100;
	margin-bottom:60px;
}

#aip h3 {
	margin-top:80px;
	font-size:25px;
	font-weight:300;
	color:#fff;
	border-bottom:1px solid #3cb879;
	border-top:.5px solid #3cb879;
	width:480px;
	margin:auto;
	padding:15px 0;
}

#aip p {
	margin:20px 150px;
	color:#fff;
}

#aipButton {
	border:1px solid #868686;
	font-variant:small-caps;
	color:#fff;
	width:100px;
	padding:13px;
	margin:auto;
	margin-top:30px;
	transition:.2s ease;
}

#aipButton:hover {
	border:1px solid #fff;
}

#wws {
	border-right:1px solid #ededed;
	border-left:1px solid #ededed;
	text-align:center;
	height:325px;
}

#wws h2 {
	color:#3cb879;
	padding-top:60px;
	font-size:40px;
	padding-bottom:10px;
	width:520px;
	margin:auto;
	margin-bottom:10px;
}

#wws p {
	color:#3cb879;
	margin:0 150px 50px;
	font-weight:300;
}

#wssButton {
	font-variant:small-caps;
	color:#fff;
	background-color:#3cb879;
	width:300px;
	padding:13px;
	margin:auto;
	font-weight:700;
}

#wssButton:hover {
	border:1px solid #3cb879;
	color:#3cb879;
	background-color:#fff;
}

#solutions {
	background-image:url(solutionsBg.jpg);
	background-repeat:no-repeat;
	background-size:100%;
	height:780px;
	text-align:center;
}

#solutions h2 {
	font-size:45px;
	font-weight:100;
	padding-top:50px;
	padding-bottom:50px;
}

#solutions ul {
	columns:2;
	margin-bottom:40px;
}

#solutions ul li {
	width:80%;
	margin:auto;
	padding:20px 0;
}

#solutions h3 {
	font-size:25px;
	font-weight:700;
	margin-bottom:15px;
	color:rgba(61,184,123,0.36);
}

#solutions p {
	margin:0 30px;
	color:#d1d1d1;
	font-size:14px;
}

#solutionsButton {
	border:1px solid #868686;
	font-variant:small-caps;
	color:#fff;
	width:100px;
	padding:14px;
	margin:auto;
	transition:.2s ease;
}

#solutionsButton:hover {
	border:1px solid #fff;
}

#os {
	margin:0 100px;
}

#os h2 {
	font-size:32px;
	color:rgba(61,184,123,0.86);
	padding:10px 0;
	font-weight:500;
}

/*******************		about page	*************************************/
#aboutIMG {
	width:100%;
	margin-top:90px;
	margin-bottom: 30px;
}

#aboutpage {
	margin:10px;
}

#aboutpage h2 {
	font-size:35px;
	font-weight:300;
	color:#3cb879;
}

.green {
	color:#3cb879;
}

.ap1 {
	border-top:1px solid rgba(207,207,207,0.75);
	padding-top:25px;
}

#aboutpage ul li {
	margin-top:20px;
	font-weight:300;
	line-height:20px;
}

#fix {
	margin:20px 0;
}

.on {
	color:#3cb879;
}

.on:hover {
	cursor:default;
}

.boldu {
	font-weight:700;
	letter-spacing:-1px;
	color:#929292;
}

/*******************		END footer	*************************************/
/*******************		footer	*************************************/
footer {
	width:100%;
	height:40px;
}

.footer ul {
	display:inline-block;
}

.footerLinks ul li {
	display:inline-block;
	margin-right:3px;
}

.footerLinks {
	float:right;
}

.copyright {
	float:left;
}

/*******************		END footer	*************************************/
#osGRID {
	margin-top:50px;
}

.thumbnail-grid {
	user-select:none;
}

.thumbnail-grid figure {
	position:relative;
	min-width:325px;
	height:250px;
	margin:10px;
	border-radius:3px;
	box-shadow:inset 0 -40px 0 0 rgba(0,0,0,.8);
	transition:all .2s ease-in-out;
}

.thumbnail-grid figure:hover {
	box-shadow:inset 0 -280px 0 0 rgba(34,127,78,0.5);
}

.thumbnail-grid figcaption {
	position:absolute;
	width:100%;
	text-align:center;
	color:#fff;
	font-weight:300;
	font-variant:small-caps;
	text-shadow:0 0 3px #000;
	bottom:10px;
	transition:all .2s ease-in-out;
}

.thumbnail-grid figure:hover figcaption {
	bottom:80px;
	font-weight:700;
}

.flex {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:stretch;
	align-content:stretch;
}

.flex-item {
	flex:1 0 auto;
}

.thumbnail-grid figure.i1 {
	background-image:url(img/i&l.jpg);
	background-size:cover;
}

.thumbnail-grid figure.i2 {
	background-image:url(img/dc.jpg);
	background-size:cover;
}

.thumbnail-grid figure.i3 {
	background-image:url(img/jet.jpg);
	background-size:cover;
}

.thumbnail-grid figure.i4 {
	background-image:url(img/twh.jpg);
	background-size:cover;
}

.thumbnail-grid figure.i5 {
	background-image:url(img/gb.jpg);
	background-size:cover;
}

.thumbnail-grid figure.i6 {
	background-image:url(img/tmr.jpg);
	background-size:cover;
}

.thumbnail-grid figure.i7 {
	background-image:url(img/ksi.jpg);
	background-size:cover;
}

.thumbnail-grid figure.i8 {
	background-image:url(img/gdr.jpg);
	background-size:cover;
}

.thumbnail-grid figure.i9 {
	background-image:url(img/odp.jpg);
	background-size:cover;
}

.thumbnail-grid figure.i10 {
	background-image:url(img/bft.jpg);
	background-size:cover;
}

.thumbnail-grid figure.i11 {
	background-image:url(img/ihwt.jpg);
	background-size:cover;
}

.thumbnail-grid figure.i12 {
	background-image:url(img/bs.jpg);
	background-size:cover;
}

#sig {
	width:40%;
	margin-left:80px;
}

#conIMG {
	width:100%;
}

#con h2 {
	font-size:32px;
	color:rgba(61,184,123,0.86);
	margin-bottom:10px;
	padding:10px 0;
	font-weight:500;
	border-bottom:1px solid rgba(207,207,207,0.75);
}

#con p {
	margin-bottom:30px;
	margin-top:-3px;
	font-weight:300;
	padding:5px 0 8px;
}

h6 {
	font-size:30px;
	color:rgba(61,184,123,0.86);
	text-align:center;
	margin:20px 100px 10px;
	padding:10px 0 0;
	font-weight:500;
}

.weare {
	letter-spacing:1px;
	font-size:20px;
	line-height:25px;
	font-weight:300;
	color:rgba(61,184,123,0.7);
}


e2wreviewer {
	font-weight: bold;
}





/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	#wwd p {
		margin:0 50px;
	}
	
	#wwd h1 {
		font-size:28px;
		margin:20px 50px;
		text-align:center;
	}
	
	#os {
		margin:0 50px;
		text-align:justify;
	}
	
	#os h2 {
		font-size:28px;
		text-align:center;
	}
	
	#sig {
		width:90%;
		margin-left:10px;
	}
	
	.thumbnail-grid figure {
		min-width:230px;
		height:120px;
		margin:5px;
	}
	
	nav li {
		padding:4px;
		font-size:12px;
	}
	
	#navLogo {
		width:140px;
		margin-left:5px;
		margin-top:5px;
	}
	
	h6 {
		font-size:22px;
		margin:20px 5px 10px;
	}
	
	.weare {
		letter-spacing:1px;
		font-size:18px;
		line-height:22px;
		font-weight:300;
		color:rgba(61,184,123,0.7);
	}
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
	#wwd p {
		margin:0 30px;
	}
	
	#wwd h1 {
		font-size:28px;
		margin:20px 50px;
		text-align:center;
	}
	
	#os {
		margin:0 30px;
	}
	
	#os h2 {
		font-size:28px;
		text-align:center;
	}
	
	#sig {
		width:90%;
		margin-left:10px;
	}
	
	.thumbnail-grid figure {
		position:relative;
		height:120px;
		margin:5px;
		border-radius:3px;
		box-shadow:inset 0 -40px 0 0 rgba(0,0,0,.8);
		transition:all .2s ease-in-out;
	}
}