@font-face {
    font-family: 'helvetica_lightregular';
    src: url('../fonts/helvetica-light-webfont.eot');
    src: url('../fonts/helvetica-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetica-light-webfont.woff') format('woff'),
         url('../fonts/helvetica-light-webfont.ttf') format('truetype'),
         url('../fonts/helvetica-light-webfont.svg#helvetica_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body { font-family:"helvetica_lightregular"; -webkit-animation: bugfix infinite 1s; }
header { background-color:#333333; height:122px; width:100%; border-bottom:1px solid #4d4d4d; z-index:1000; }
header #head-wrap { width:984px; margin:0 auto; height:122px; }
header #head-wrap a#logo { width:217px; height:109px; float:left; display:block; margin:7px 0 0 18px; }

#toggle, .toggle { display: none; }
.menu > li { list-style: none; float:left;	}

.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }
nav { display: block; float: right; }
nav, .menu, .menu > li, .menu > li > a{ height: 120px; margin:0 2px; }
.menu > li > a{ display: block; padding: 52px 17px; text-decoration: none; font-weight: normal; font-size: 16px; line-height: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; color:#FFF; }
.menu > li > a:hover, .menu > li > a:focus, .menu > li > a:hover, .menu > li > a.active{ background: #09a739; border-top:3px solid #fcf901; box-shadow: inset 0px 5px #fcf9011; padding: 58px 17px 17px; }
.toggle{  z-index: 2; }
@media only screen and (max-width: 400px) {
	header #head-wrap a#logo, header #head-wrap a#logo img { width:180px; height:90px; }
}
@media only screen and (max-width: 768px){
	section#slider #slide-wrap, section#slider #slide-wrap #slide { width:100% !important; height:auto !important; }
	.menu { display: none; opacity: 0; width: 100%; position: absolute; right: 0; }
	.menu > li { display: block; width: 100%; margin: 0; background:#333; height:35px; line-height:35px; padding:0; }
	.menu > li > a { display: block; width: 100%; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height:35px; line-height:35px; padding:0; text-indent:10px; margin:0; }
	.menu > li > a:hover, .menu > li > a:focus, .menu > li > a:hover, .menu > li > a.active { margin:0; padding:0; border:none; box-shadow: inset 5px 0px #fcf901; background:#09a739; }
	.toggle { display: block; position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
	#toggle:checked ~ .menu { display: block; opacity: 1; z-index:99999;}
}

section#slider { background:url(../images/slider-bg.png) repeat; width:100%; height:400px; position:relative; box-shadow: inset 0 0 3px #000000; }
section#slider #slide-wrap { width:984px; margin:0 auto; top:17px; position:relative; }
section#slider #slide-wrap #slide { width:742px; height:366px; float:left; }
section#slider #slide-wrap ul#project-btn { width:239px; float:left; }
section#slider #slide-wrap ul#project-btn li { width:239px; height:181px; margin-left:1px; }
section#slider #slide-wrap ul#project-btn li a { display:block; color:#FFF; font-size:28px; font-weight:bold; height:126px; text-align:center; background: url(../images/arrow.png) no-repeat 105px 130px #5a5959; padding:35px 0 20px 0; line-height:40px; text-decoration:none; transition: background-color 0.5s ease; }
section#slider #slide-wrap ul#project-btn li:last-child { margin-top:4px; }
section#slider #slide-wrap ul#project-btn li a:hover { background: url(../images/arrow.png) no-repeat 105px 130px #47ac66; }
/* End ofthe Slider */
section#inner-slider { background:url(../images/slider-bg.png) repeat; width:100%; height:auto; position:relative; box-shadow: inset 0 0 3px #000000; }
section#inner-slider img { width:100%; height:auto; margin:0 auto; display:table; padding:5px 0; }

section#list { background:#47ac66; border-top:8px solid #63c681; width:100%; display:table; }
section#list ul#plist { width:984px; margin:0 auto; }
section#list ul#plist li { border-right:1px dotted #FFF; float:left; display:block; padding-top:30px; height:94px; width:326px; color:#FFF; }
section#list ul#plist li:first-child { border-left:1px dotted #FFF; width:327px; }
section#list ul#plist li:first-child { width:327px; }
section#list ul#plist li div.circle { width: 56px; height: 56px; background: #FFF; -moz-border-radius: 28px; -webkit-border-radius: 28px; border-radius: 28px; position:relative; left:10px; float:left; margin-right:35px; }
section#list ul#plist li div.circle img { margin:11px 0 0 11px; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; }
section#list ul#plist li:hover div.circle img { -moz-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg); -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; }
section#list ul#plist li h2 { font-size:20px; font-weight:bold; }
section#list ul#plist li h3 { font-size:20px; font-weight:bold; }
section#list ul#plist li p { font-size:14px; margin:10px 0; }
section#list ul#plist li a.pllink { background:url(../images/list-icon.png) no-repeat 0 3px; color:#000; text-decoration:none; height:20px; line-height:20px; padding-left:25px; font-size:14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; }
section#list ul#plist li a.pllink:hover { color:#FFF; padding-left:30px; }
/*End of the list */
section#mgallery { width:984px; margin:20px auto; display:table; }
section#mgallery h4 { font-size:25px; font-weight:bold; color:#5a5959; }
section#mgallery h4 b { color:#47ac66; }
section#mgallery p { font-size:13px; color:#5a5959; text-align:justify; margin:10px 0; display:inline-block; line-height:20px; }
section#mgallery p b { font-weight:bold; }
section#mgallery ul { margin:10px 0; position:relative; width:100%; height:100%; display:inline-block; }
section#mgallery li { float:left; width:46%; margin:10px 17px; }
section#mgallery img { height:auto; display:block; width:100%; border: 1px solid #bcbfbd; -webkit-transition: border-color .3s ease; -moz-transition: border-color .3s ease; -ms-transition: border-color .3s ease; -o-transition: border-color .3s ease; transition: border-color .3s ease; }
section#mgallery img:hover { border-color: #47ac66; }
section#mgallery li h5 { width:100%; text-align:center; padding:5px 0; background:#ddd; border:1px solid #bcbfbd; border-top:none; font-size:100%; }
section#mgallery a.next { background: linear-gradient(#56d07b, #47ac66); border: 1px solid #44b065; border-radius: 3px; color: #fff; display: block; float: right; font-size: 13px; height: 25px; line-height: 25px; margin: 10px 5% 0 0; text-align: center; text-decoration: none; width: 73px; }
section#mgallery a.prev { background: linear-gradient(#56d07b, #47ac66); border: 1px solid #44b065; border-radius: 3px; color: #fff; display: block; float: left; font-size: 13px; height: 25px; line-height: 25px; margin: 10px 0 0 5%; text-align: center; text-decoration: none; width: 73px; }

/*End of the Gallery */
section#content { width:984px; margin:20px auto; display:table; }
section#content #cleft { width:625px; float:left; }
section#content #cleft img { width:100%; max-width:620px; margin:10px 0; }
section#content #cleft ul { float:left; width:98%; }
section#content #cleft ul li { font-size:13px; color:#5a5959; text-align:justify; margin:10px 0 10px 15px; list-style:circle; }
section#content #cleft h4 { font-size:25px; font-weight:bold; color:#5a5959; }
section#content #cleft h4 b { color:#47ac66; }
section#content #cleft p { font-size:13px; color:#5a5959; text-align:justify; margin:10px 0; display:inline-block; line-height:20px; }
section#content #cleft p b { font-weight:bold; }
section#content #cleft p a { color:#47ac66; text-decoration:none; }
section#content #cleft p a:hover { color:#333; }


section#content #cleft1 { width:40%; float:left; }
section#content #cleft1 img { width:100%; max-width:620px; margin:10px 0; }
section#content #cleft1 ul { float:left; width:98%; }
section#content #cleft1 ul li { font-size:13px; color:#5a5959; text-align:justify; margin:10px 0 10px 15px; list-style:circle; }
section#content #cleft1 h4 { font-size:25px; font-weight:bold; color:#5a5959; }
section#content #cleft1 h4 b { color:#47ac66; }
section#content #cleft1 p { font-size:13px; color:#5a5959; text-align:justify; margin:10px 0; display:inline-block; line-height:20px; }
section#content #cleft1 p b { font-weight:bold; }
section#content #cleft1 p a { color:#47ac66; text-decoration:none; }
section#content #cleft1 p a:hover { color:#333; }

section#content #cleft1 h6 { font-size:14px; margin-top:10px; margin-bottom:5px; font-weight:bold; color:#47AC66; }
section#content #cleft1 h5 { font-size:25px; font-weight:bold; color:#5a5959; }

section#content #cright1 { width:50%; float:right; }
section#content #cright1 h6 { font-size:14px; margin-top:10px; margin-bottom:5px; font-weight:bold; color:#47AC66; }
section#content #cright1 h5 { font-size:25px; font-weight:bold; color:#5a5959; }


section#content #cright h5 { font-size:25px; font-weight:bold; color:#5a5959; }
section#content #cright { width:320px; float:right; }
section#content #cright p { font-size:13px; color:#5a5959; margin:10px 0; display:inline-block; line-height:20px; }
section#content #cright p b { font-weight:bold; }
section#content #cright p a { color:#47ac66; text-decoration:none; }
section#content #cright p a:hover { color:#333; }
section#content #cright p.con-us { margin-top:0; }
section#content #cright h6 { font-size:14px; margin-top:10px; margin-bottom:5px; font-weight:bold; color:#47AC66; }
/* End of content */
section#gallery { width:984px; margin:20px auto; display:table; }
section#gallery h6 { font-size:25px; font-weight:bold; color:#5a5959; }
section#gallery h6 b { color:#47ac66; }
section#gallery ul { width:100%; height:auto; margin:15px 0; }
section#gallery ul li { float:left; margin:0 30px 0 0; }
section#gallery ul li:last-child { float:right; margin:0; }
section#gallery ul li a { float:left; }
section#gallery ul li a img { border:1px solid #b1b1b1; }
.fancybox-custom .fancybox-skin { box-shadow: 0 0 50px #222; }
section#gallery a.more { background: -webkit-linear-gradient(#56d07b, #47ac66); background: -o-linear-gradient(#56d07b, #47ac66); background: -moz-linear-gradient(#56d07b, #47ac66); background: linear-gradient(#56d07b, #47ac66); border:1px solid #44b065; width:73px; height:25px; line-height:25px; color:#FFF; text-align:center; font-size:13px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; display:block; float:right; margin:10px 0; text-decoration:none; }
section#gallery a.more:hover { background: -webkit-linear-gradient(#47ac66, #56d07b); background: -o-linear-gradient(#47ac66, #56d07b); background: -moz-linear-gradient(#47ac66, #56d07b); background: linear-gradient(#47ac66, #56d07b); }
/* End of Gallery */
footer { background:#3b3b3b; width:100%; height:95px; }
footer #foot-wrap { width:984px; margin:0 auto; height:95px; }
footer #foot-wrap p { float:left; line-height:24px; color:#FFF; padding-top:15px; font-size:12px; }
footer #foot-wrap p a { color:#47ac66; text-decoration:none; margin:0 8px; }
footer #foot-wrap p a:first-child { margin-left:0; }
footer #foot-wrap ul#follow { height:30px; line-height:30px; float:right; margin:30px 0 0 0; font-size:12px; }
footer #foot-wrap ul#follow li { float:left; height:30px; width:auto; color:#FFF; margin:0 3px; }
footer #foot-wrap ul#follow li a { width:30px; height:30px; text-decoration:none; display:block; -webkit-transition: background-position .5s ease-in-out; -moz-transition: background-position .5s ease-in-out; -o-transition: background-position .5s ease-in-out; transition: background-position .5s ease-in-out; }
footer #foot-wrap ul#follow li a#fb { background-image:url(../images/fb-icon.png); background-position:0 0; content:""; }
footer #foot-wrap ul#follow li a#fb:hover { background-position:0 -30px; }
footer #foot-wrap ul#follow li a#twitter { background-image:url(../images/twitter-icon.png); background-position:0 0; content:""; }
footer #foot-wrap ul#follow li a#twitter:hover { background-position:0 -30px; }
footer #foot-wrap ul#follow li a#blog { background-image:url(../images/blog-icon.png); background-position:0 0; content:""; }
footer #foot-wrap ul#follow li a#blog:hover { background-position:0 -30px; }
footer #foot-wrap ul#follow li a#linkedin { background-image:url(../images/linkedin-icon.png); background-position:0 0; content:""; }
footer #foot-wrap ul#follow li a#linkedin:hover { background-position:0 -30px; }
/* IMAGE LIGHTBOX SELECTOR */

#imagelightbox { cursor: pointer; position: fixed; z-index: 10000; -ms-touch-action: none; touch-action: none; -webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */ -moz-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */ box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */ }
/* WITH ACTIVITY INDICATION */
#imagelightbox-loading, #imagelightbox-loading div { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
#imagelightbox-loading { width: 2.5em; /* 40 */ height: 2.5em; /* 40 */ background-color: #444; background-color: rgba( 0, 0, 0, .5 ); position: fixed; z-index: 10003; top: 50%; left: 50%; padding: 0.625em; /* 10 */ margin: -1.25em 0 0 -1.25em; /* 20 */ -webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */ -moz-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */ box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */ }
#imagelightbox-loading div { width: 1.25em; /* 20 */ height: 1.25em; /* 20 */ background-color: #fff; -webkit-animation: imagelightbox-loading .5s ease infinite; -moz-animation: imagelightbox-loading .5s ease infinite; -o-animation: imagelightbox-loading .5s ease infinite; animation: imagelightbox-loading .5s ease infinite; }
@-webkit-keyframes imagelightbox-loading { 
				from { opacity: .5;	-webkit-transform: scale( .75 ); }
				50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
				to	 { opacity: .5;	-webkit-transform: scale( .75 ); }
			}
@-moz-keyframes imagelightbox-loading {
				from { opacity: .5;	-moz-transform: scale( .75 ); }
				50%	 { opacity: 1;	-moz-transform: scale( 1 ); }
				to	 { opacity: .5;	-moz-transform: scale( .75 ); }
			}
@-o-keyframes imagelightbox-loading {
				from { opacity: .5;	-o-transform: scale( .75 ); }
				50%	 { opacity: 1;	-o-transform: scale( 1 ); }
				to	 { opacity: .5;	-o-transform: scale( .75 ); }
			}
@keyframes imagelightbox-loading {
				from { opacity: .5;	transform: scale( .75 ); }
				50%	 { opacity: 1;	transform: scale( 1 ); }
				to	 { opacity: .5;	transform: scale( .75 ); }
			}
/* WITH OVERLAY */

#imagelightbox-overlay { background: #000000; opacity: 0.8; filter: alpha(opacity=80); position: fixed; z-index: 9998; top: 0; right: 0; bottom: 0; left: 0; }
/* WITH "CLOSE" BUTTON */
#imagelightbox-close { width: 2.5em; /* 40 */ height: 2.5em; /* 40 */ text-align: left; text-indent: -9999px; background-color: #666; position: fixed; z-index: 10002; top: 2.5em; /* 40 */ right: 2.5em; /* 40 */ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: color .3s ease; -moz-transition: color .3s ease; -ms-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; }
#imagelightbox-close:hover { background-color: #47ac66; } #imagelightbox-close:before, #imagelightbox-close:after { width: 2px; background-color: #fff; content: ''; position: absolute; top: 20%; bottom: 20%; left: 50%; margin-left: -1px; }
#imagelightbox-close:before { -webkit-transform: rotate( 45deg ); -moz-transform: rotate( 45deg ); -ms-transform: rotate( 45deg ); -o-transform: rotate( 45deg ); transform: rotate( 45deg ); }
#imagelightbox-close:after { -webkit-transform: rotate( -45deg ); -moz-transform: rotate( -45deg ); -ms-transform: rotate( -45deg ); -o-transform: rotate( -45deg ); transform: rotate( -45deg ); }
/* WITH CAPTION */
#imagelightbox-caption { text-align: center; color: #fff; background-color: #268443; position: fixed; z-index: 10001; left: 0; right: 0; bottom: 0; padding: 0.625em; /* 10 */ }
/* WITH NAVIGATION */
#imagelightbox-nav { background-color: #444; background-color: rgba( 0, 0, 0, .5 ); position: fixed; z-index: 10001; left: 50%; bottom: 3.75em; /* 60 */ padding: 0.313em; /* 5 */ -webkit-transform: translateX( -50% ); -moz-transform: translateX( -50% ); -ms-transform: translateX( -50% ); -o-transform: translateX( -50% ); transform: translateX( -50% ); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
#imagelightbox-nav a { width: 1em; /* 20 */ height: 1em; /* 20 */ border: 1px solid #fff; display: inline-block; margin: 0 0.313em; /* 5 */ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
#imagelightbox-nav a.active { background-color: #fff; }
#imagelightbox-loading, #imagelightbox-overlay, #imagelightbox-close, #imagelightbox-caption, #imagelightbox-nav { -webkit-animation: fade-in .25s linear; -moz-animation: fade-in .25s linear; -o-animation: fade-in .25s linear; animation: fade-in .25s linear; }
@-webkit-keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }
@-moz-keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }
@-o-keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }
@media only screen and (max-width: 41.250em) /* 660 */
	{
		section#mgallery { width:100%; }
		#imagelightbox-close { top: 1.25em; /* 20 */ right: 1.25em; /* 20 */ }
		#imagelightbox-nav { bottom: 1.25em; /* 20 */ }
	}
	
	
	
	.contact-form{
	position:relative;
}
label.error { color:red; font-size:12px; }
.contact-form div{
	padding:5px 0;
}
.contact-form span label{
	color: #202227;
	display: block;
	font-size: 1em;
	padding-bottom: 5px;
}
.contact-form input[type="text"], .contact-form textarea {
	background: #FFFFFF;
	border: 1px solid #E7E7E7;
	color: rgba(85, 81, 81, 0.84);
	padding: 8px;
	display: block;
	width: 98%;
	outline: none;
	-webkit-appearance: none;
	text-transform: capitalize;
}
.contact-form textarea{
	resize:none;
}
.contact-form input[type="submit"]{
	cursor:pointer;
	-webkit-appearance: none;
	padding: 12px 30px;
	border: 1px solid #ffffff;
	background: #202227;
	display: inline-block;
	font-size: 1em;
	text-transform: uppercase;
	color: #ffffff;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	transition: 0.9s;
}
.contact-form input[type="submit"]:hover{
	background: #000000;
}
/* start feature */
.top_grid_bg1{
	background: #ffffff
}
.top_grid_btn1 {
	float: right;
}
.top_grid_btn1 .btn {
	padding: 12px 30px;
	border: 1px solid #202227;
	display: block;
	font-size: 1em;
	text-transform: uppercase;
	color: #202227;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	transition: 0.9s;
}
.top_grid_btn1 .btn:hover{
	background: #202227;
	color:#ffffff;
}
/* ================================================================== 
                     Contact Form
===================================================================== */
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form input[type="date"],
#contact-form textarea,
#contact-form button[type="submit"] {
	font-size:14px;
}
#contact-form {
	padding:0;
	width:80%; margin:10px 0;
}
#contact-form label span {
	cursor:pointer;
	color:#333;
	font-weight:normal;
	display:block;
	margin:12px 0 0 0;
	font-size:14px;
}
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form input[type="date"],
#contact-form textarea {
	width:95%;
	box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border:1px solid #CCC;
	background:#FFF;
	margin:5px 0 0 0;
	padding:10px;
	border-radius:5px;
	font-family:"Trebuchet MS";
}
#contact-form input[type="text"]:hover,
#contact-form input[type="email"]:hover,
#contact-form input[type="tel"]:hover,
#contact-form input[type="url"]:hover,
#contact-form input[type="date"]:hover,
#contact-form textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}
#contact-form textarea {
	height:80px;
	max-width:100%;
}
#contact-form button[type="submit"] {
	cursor:pointer;
	width:100%;
	border:none;
	background:#202227;
	color:#FFF;
	margin:10px 0 5px;
	padding:10px 0;
	border-radius:5px;
	text-transform:uppercase; font-size:16px;
	transition: all 0.6s ease 0s;
}
#contact-form button[type="submit"]:hover {
	background:#47ac66;
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}
#contact-form button[type="submit"]:active {
	box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
}
#contact-form input:focus,
#contact-form textarea:focus {
	outline:0;
	border:1px solid #999;
}
::-webkit-input-placeholder {
    color:#b5b5b5;
}
:-moz-placeholder {
    color:#b5b5b5;
}
::-moz-placeholder {
    color:#b5b5b5;
}
:-ms-input-placeholder {
    color:#b5b5b5;
}