article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section , p {display: block;}

*
{
	margin: 0px;
	padding: 0px;
}

body
{
	text-align: center;
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
}

iframe
{
	margin:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
	width: 100%;
	height: 390px;
	padding: 0em;
}
@import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,900");
@import url("font-awesome.min.css");
.mainImg 
{
	text-align: center;
	padding: 20em 0em 1em 0em;
	position: relative;
    display: block;
	width: 100%;
	background: url(../images/homeFirst.jpg) center no-repeat;
	
}

	@-moz-keyframes overlay { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-webkit-keyframes overlay { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-o-keyframes overlay { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-ms-keyframes overlay { 0% { opacity: 0; } 100% { opacity: 1; } }
	@keyframes overlay { 0% { opacity: 0; } 100% { opacity: 1; } }

	#overlay {
		-moz-animation: overlay 1s 1s forwards;
		-webkit-animation: overlay 1s 1s forwards;
		-o-animation: overlay 1s 1s forwards;
		-ms-animation: overlay 1s 1s forwards;
		animation: overlay 1s 1s forwards;
		background-attachment: fixed, fixed;
		background-image: url(..images/overlay-pattern.png), url(../images/overlay.svg);
		background-position: top left, center center;
		background-repeat: repeat, no-repeat;
		background-size: auto, cover;
		padding: 0em;
		height: 360px;
		left: 0;
		opacity: 0;
		position: absolute;
		top: 0;
		width: 100%;
		background-color: rgba (255, 255, 255, 0.1);
		z-index: 0;
	}

#contentTitle
{
	background: #000000;
	color: #FFFFFF;
	font-size: 100%;
	font-style: bold;
	padding: 1em 0em 0em 1em;
}
	
.row
{
	padding: 1em 1em 1em 1em;
	display: block;
}
.home-grid-list
{	
	display: inline-block;
	vertical-align: top;
	width: 240px;
	padding: 15px;
	text-align: left;
	color: #000000;
}

.contact-grid-img
{	
	display: inline-block;
	vertical-align: left;
	width: 460px;
	height: 300px;
	padding: 1em;
	text-align: left;
	position: relative;
	font-style: bold;
}

.contact-grid-list
{	
	display: inline-block;
	vertical-align: left;
	width: 460px;
	padding: 0em;
	text-align: left;
	color: #000000;
	float: left;
	position: relative;
}
.about-grid-img
{	
	display: inline-block;
	vertical-align: left;
	width: 460px;
	height: 200px;
	padding: 1em;
	text-align: left;
	position: relative;
}
.about-grid-img img
{
	width: 100%;
	height: 200px;
	position: relative;
}
.about-grid-list
{	
	display: inline-block;
	vertical-align: left;
	width: 460px;
	height: 100px;
	padding: 0em;
	text-align: left;
	color: #000000;
	float: left;
	position: relative;
}
.para
{	
	padding: 1em 1em 1em 1em;
	background: #FFFFFF;
	color: #000000;
	-webkit-font-smoothing: antialiased;
	color: #000000;
	line-height: 1.8em;
	font-size: 1em;
	text-align: left;
}
.button
{
	color: #FFFFFF;
	background: #000000;
	padding: .5em;
	float: left;
}
	/***** Media Quries *****/
@media only screen and (max-width: 1366px) {
	.wrap{
		width:100%;
	}
	.mainImg .title {
		margin-left: 8%;
	}
	.mainImg .description {
		margin-left: 8%;
	}
	.image_grid {
		width: 21.333%;
	}
	.tool_tip > ul > li {
		width: 16.33333%;
	}
}
@media only screen and (max-width: 1280px) {
	.wrap{
		width:100%;
	}
	.image_grid {
		width: 21.333%;
	}
	.tool_tip > ul > li {
		width: 16.33333%;
	}
	.cssmenu > ul > li > a {
		padding: 14px 16px;
	}
}
@media only screen and (max-width: 1024px) {
	.wrap{
		width:100%;
	}
	.tool_tip > ul > li > ul {
		margin-left: -50px;
	}
	.clients h3 {
		width: 76%;
	}
	.cssmenu > ul > li > a {
		padding: 14px 10px;
	}
	.search input[type="text"] {
		width: 60.33333%;
	}
	.search input[type="submit"] {
		background: url('../images/search1.png') no-repeat 4px 12px;
	}
	.search input[type="submit"]:hover {
		background: url('../images/search1_h.png') no-repeat 4px 12px;
	}
	.images_1_of_3 h3 {
		font-size: 1.5em;
	}
}
@media only screen and (max-width: 800px) {
	.wrap{
		width:100%;
	}
	.search input[type="text"] {
		padding: 8px 16px;
	}
	.logo {
		text-align:center;
		float: none;
	}
	.cssmenu {
		float: none;
		text-align:center
	}
	.cssmenu {
		display: none;
	}
	.top-nav{
		display:block;
	}
	.footer_top h2 {
		font-size: 2em;
	}
	.span1_of_4 {
		float: left;
		width: 45.333333%;
		margin: 4% 4% 0 0;
	}
	.span1_of_4:nth-child(2),.span1_of_4:nth-child(4){
		margin-right: 0;
	}
	.search input[type="text"] {
		width: 75.33333%;
	}
	.footer_btm {
		text-align: center;
	}
	.social-icons {
		float: none;
		margin-bottom: 4%;
	}
	.social-icons li {
		float: none;
	}
	.copy {
		float: none;
	}
	.ser-grid-list {
		float: left;
		width: 45.33333%;
		margin-right: 4%;
	}
	.ser-grid-list:nth-child(2),.ser-grid-list:nth-child(4){
		margin-right: 0
	}
	.da-thumbs li article h3 {
		font-size: 1em;
		padding: 30px 0 20px 0;
	}
	h2.style {
		font-size: 2em;
	}
}
@media only screen and (max-width: 640px){
	.wrap{
		width:100%;
	}
	.testimonial h2 {
		font-size: 2em;
	}
	.testimonial_text h4 {
		font-size: 1.5em;
	}
	.clients h2 {
		font-size: 1.5em;
	}
	.clients h3 {
		width: 66%;
	}
	.clients_txt {
		padding-bottom: 10%;
	}
	.images_1_of_3 {
		width: 99.333%;
	}
	.grid_1_of_3 {
		margin-left: 0%;
	}
	.da-thumbs li article h3 {
		font-size: 1em;
		padding: 10px 0 10px 0;
	}
}
@media only screen and (max-width: 480px) {
	.wrap{
		width:100%;
	}
	.images_1_of_3 {
		width: 99.333%;
		margin-top: 4%;
	}
	.images_1_of_3 h3 {
		margin: 0;
	}
	.grid_1_of_3 {
		margin-left: 0%;
	}
	.mid_grid h2 {
		font-size: 1.5em;
		-webkit-text-stroke: 1px;
	}
	.mid_grid h3 {
		font-size: 1em;
	}
	.span1_of_3 {
		margin-top:4%;
		width: 99.3333%;
		float: none;
		margin-right: 0%;
	}
	.testimonial_text h4 {
		font-size: 1em;
	}
	.clients h3 {
		width: 50%;
	}
	.tool_tip > ul > li > ul {
		width: 99.33333%;
	}
	.span1_of_4 {
		float: none;
		width: 99.333333%;
		margin: 4% 0% 0 0;
	}
	.span1_of_4 h2 {
		margin-bottom: 4%;
	}
	.search input[type="text"] {
		width: 80.33333%;
	}
	.ser-grid-list {
		float: left;
		width: 99.33333%;
		margin-right: 0%;
	}
	.ser-grid-list p {
		margin: 4% 0;
	}
}
@media only screen and (max-width: 320px) {
	.wrap{
		width:100%;
	}
	.top_grid_text {
		float: none;
		text-align:center;
	}
	.top_grid_btn {
		float: none;
		text-align:center;
		margin: 4% 0;
	}
	.mid_grid_left {
		float: none;
		width: 99.333333%;
		margin-right: 0%;
	}
	.mid_grid_right {
		margin-top:4%;
		float: none;
		width: 99.333333%;
	}
	.clients h3 {
		display: none;
	}
	.search input[type="text"] {
		width: 74.33333%;
	}
	.client_pic ul li {
		display: inline-block;
		margin-right: 4px;
		width: 17.3333%;
	}
}

/* start about */
#about
{
	position: relative;
	padding: 1em;
	width: 90%;
	height: 600px;
	background: #FFFFFF;
}
#about li
{
	display: inline-block;
	list-style: none;
}
/* start work*/
#work
{
	display: block;
	margin: 4% 0;
	padding: 1em 1em 1em 1em;
	height: 40%;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	position: relative;
}
.work-grid-list
{
	margin-right: 1%;
	display: inline-block;
	vertical-align: top;
	width: 200px;
	padding: 15px;
	text-align: left;
	color: #000000;
}
.work-grid-list img
{
	border-radius: 200px;
	margin-top: 15px;
	max-width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
.work-grid-list a
{
	text-decoration: none;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* start footer */

.footer
{
	text-align: center;
	padding: 1em 0em 1em 0em;
	position: relative;
    display: block;
	width: 100%;
	background: url(../images/footer/footerGraphic.png) center no-repeat;
}
	@-moz-keyframes social { 0% { -moz-transform: translate3d(0,1em,0); -webkit-transform: translate3d(0,1em,0); -o-transform: translate3d(0,1em,0); -ms-transform: translate3d(0,1em,0); transform: translate3d(0,1em,0); opacity: 0; } 100% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } }
	@-webkit-keyframes social { 0% { -moz-transform: translate3d(0,1em,0); -webkit-transform: translate3d(0,1em,0); -o-transform: translate3d(0,1em,0); -ms-transform: translate3d(0,1em,0); transform: translate3d(0,1em,0); opacity: 0; } 100% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } }
	@-o-keyframes social { 0% { -moz-transform: translate3d(0,1em,0); -webkit-transform: translate3d(0,1em,0); -o-transform: translate3d(0,1em,0); -ms-transform: translate3d(0,1em,0); transform: translate3d(0,1em,0); opacity: 0; } 100% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } }
	@-ms-keyframes social { 0% { -moz-transform: translate3d(0,1em,0); -webkit-transform: translate3d(0,1em,0); -o-transform: translate3d(0,1em,0); -ms-transform: translate3d(0,1em,0); transform: translate3d(0,1em,0); opacity: 0; } 100% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } }
	@keyframes social { 0% { -moz-transform: translate3d(0,1em,0); -webkit-transform: translate3d(0,1em,0); -o-transform: translate3d(0,1em,0); -ms-transform: translate3d(0,1em,0); transform: translate3d(0,1em,0); opacity: 0; } 100% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } }
	@-moz-keyframes nav-icons { 0% { -moz-transform: translate3d(0,1em,0); -webkit-transform: translate3d(0,1em,0); -o-transform: translate3d(0,1em,0); -ms-transform: translate3d(0,1em,0); transform: translate3d(0,1em,0); opacity: 0; } 100% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } }
	@-webkit-keyframes nav-icons { 0% { -moz-transform: translate3d(0,1em,0); -webkit-transform: translate3d(0,1em,0); -o-transform: translate3d(0,1em,0); -ms-transform: translate3d(0,1em,0); transform: translate3d(0,1em,0); opacity: 0; } 100% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } }
	@-o-keyframes nav-icons { 0% { -moz-transform: translate3d(0,1em,0); -webkit-transform: translate3d(0,1em,0); -o-transform: translate3d(0,1em,0); -ms-transform: translate3d(0,1em,0); transform: translate3d(0,1em,0); opacity: 0; } 100% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } }
	@-ms-keyframes nav-icons { 0% { -moz-transform: translate3d(0,1em,0); -webkit-transform: translate3d(0,1em,0); -o-transform: translate3d(0,1em,0); -ms-transform: translate3d(0,1em,0); transform: translate3d(0,1em,0); opacity: 0; } 100% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } }
	@keyframes nav-icons { 0% { -moz-transform: translate3d(0,1em,0); -webkit-transform: translate3d(0,1em,0); -o-transform: translate3d(0,1em,0); -ms-transform: translate3d(0,1em,0); transform: translate3d(0,1em,0); opacity: 0; } 100% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } }

	#social {
		-moz-animation: social 1s 2.25s forwards;
		-webkit-animation: social 1s 2.25s forwards;
		-o-animation: social 1s 2.25s forwards;
		-ms-animation: social 1s 2.25s forwards;
		animation: social 1s 2.25s forwards;
		-moz-backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-transform: translate3d(0,0,0);
		-webkit-transform: translate3d(0,0,0);
		-o-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		cursor: default;
		display: inline-block;
		opacity: 0;
		position: relative;
		text-align: center;
		top: -1em;
		vertical-align: middle;
		z-index: 9999;
		width: 90%;
	}

		#social h1 {
			font-size: 4.35em;
			font-weight: 900;
			letter-spacing: -0.035em;
			line-height: 1em;
		}

		#social p {
			font-size: 1.25em;
			margin: 0.75em 0 0.25em 0;
			opacity: 0.75;
		}

		#social nav {
			margin: 1.5em 0 0 0;
		}

			#social nav li {
				-moz-animation: nav-icons 0.5s ease-in-out forwards;
				-webkit-animation: nav-icons 0.5s ease-in-out forwards;
				-o-animation: nav-icons 0.5s ease-in-out forwards;
				-ms-animation: nav-icons 0.5s ease-in-out forwards;
				animation: nav-icons 0.5s ease-in-out forwards;
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-o-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transform: translate3d(0,0,0);
				-webkit-transform: translate3d(0,0,0);
				-o-transform: translate3d(0,0,0);
				-ms-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0);
				display: inline-block;
				height: 5.35em;
				line-height: 5.885em;
				opacity: 0;
				position: relative;
				top: 0;
				width: 5.35em;
			}

				#social nav li:nth-child(1) {
					-moz-animation-delay: 2.5s;
					-webkit-animation-delay: 2.5s;
					-o-animation-delay: 2.5s;
					-ms-animation-delay: 2.5s;
					animation-delay: 2.5s;
				}

				#social nav li:nth-child(2) {
					-moz-animation-delay: 2.75s;
					-webkit-animation-delay: 2.75s;
					-o-animation-delay: 2.75s;
					-ms-animation-delay: 2.75s;
					animation-delay: 2.75s;
				}

				#social nav li:nth-child(3) {
					-moz-animation-delay: 3s;
					-webkit-animation-delay: 3s;
					-o-animation-delay: 3s;
					-ms-animation-delay: 3s;
					animation-delay: 3s;
				}

				#social nav li:nth-child(4) {
					-moz-animation-delay: 3.25s;
					-webkit-animation-delay: 3.25s;
					-o-animation-delay: 3.25s;
					-ms-animation-delay: 3.25s;
					animation-delay: 3.25s;
				}

				#social nav li:nth-child(5) {
					-moz-animation-delay: 3.5s;
					-webkit-animation-delay: 3.5s;
					-o-animation-delay: 3.5s;
					-ms-animation-delay: 3.5s;
					animation-delay: 3.5s;
				}

				#social nav li:nth-child(6) {
					-moz-animation-delay: 3.75s;
					-webkit-animation-delay: 3.75s;
					-o-animation-delay: 3.75s;
					-ms-animation-delay: 3.75s;
					animation-delay: 3.75s;
				}

				#social nav li:nth-child(7) {
					-moz-animation-delay: 4s;
					-webkit-animation-delay: 4s;
					-o-animation-delay: 4s;
					-ms-animation-delay: 4s;
					animation-delay: 4s;
				}

				#social nav li:nth-child(8) {
					-moz-animation-delay: 4.25s;
					-webkit-animation-delay: 4.25s;
					-o-animation-delay: 4.25s;
					-ms-animation-delay: 4.25s;
					animation-delay: 4.25s;
				}

				#social nav li:nth-child(9) {
					-moz-animation-delay: 4.5s;
					-webkit-animation-delay: 4.5s;
					-o-animation-delay: 4.5s;
					-ms-animation-delay: 4.5s;
					animation-delay: 4.5s;
				}

				#social nav li:nth-child(10) {
					-moz-animation-delay: 4.75s;
					-webkit-animation-delay: 4.75s;
					-o-animation-delay: 4.75s;
					-ms-animation-delay: 4.75s;
					animation-delay: 4.75s;
				}

			#social nav a {
				-webkit-tap-highlight-color: transparent;
				-webkit-touch-callout: none;
				border: 0;
				display: inline-block;
			}

				#social nav a:before {
					-moz-transition: all 0.2s ease-in-out;
					-webkit-transition: all 0.2s ease-in-out;
					-o-transition: all 0.2s ease-in-out;
					-ms-transition: all 0.2s ease-in-out;
					transition: all 0.2s ease-in-out;
					border-radius: 100%;
					border: solid 1px white;
					display: block;
					font-size: 1.75em;
					height: 2.5em;
					line-height: 2.5em;
					position: relative;
					text-align: center;
					top: 0;
					width: 2.5em;
				}

				#social nav a:hover {
					font-size: 1.1em;
				}

					#social nav a:hover:before {
						background-color: rgba(255, 255, 255, 0.175);
						color: white;
					}

				#social nav a:active {
					font-size: 0.95em;
					background: none;
				}

					#social nav a:active:before {
						background-color: rgba(255, 255, 255, 0.35);
						color: white;
					}

				#social nav a span {
					display: none;
				}

	#copyright 
	{
		margin-top: 0em;
		padding-top: 1em;
		text-align: center;
		color: #666666;
		font-family: Arial;
	}