@charset "utf-8";
/* CSS Document */


.fl-lt {float:left;}main-navigator-outer
.fl-rt {float:right;}



.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

.figure{ margin:0px;}

img{ max-width:100%;}

a, a:hover, a:active{ outline:0px !important}

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.1.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: vazir;
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/Vazir-Thin.eot");
  src: url("../fonts/Vazir-Thin.woff") format("woff"),
    url("../fonts/Vazir-Thin.ttf") format("ttf"),
    url("../fonts/Vazir-Thin.woff2") format("woff2");
}
/* Primary Styles
---------------------------------*/
body {
	background:#fff;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#888888;
	margin:0;
}
h2{
	font-size:34px;
	color:#222222;
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	letter-spacing: -1px;
	margin:0 0 15px 0;
	text-align:center;
	text-transform:uppercase;
}
h3{
	font-family: 'Montserrat', sans-serif;
	color:#222222;
	font-size:16px;
	margin:0 0 5px 0;
	text-transform:uppercase;
	font-weight:400;
}

h4 {

	font-size:50px;
	color:#fff;
	font-family: 'Courier New', Monospace;
	font-weight:200;
	letter-spacing: -1px;
	margin:0 0 15px 0;


}

h5 {
	font-size:34px;
	color:#58ACFA;
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	letter-spacing: -1px;
	margin:0 0 15px 0;


}

h6{
	font-size:16px;
	color:#888888;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	text-align:center;
	margin:0 0 60px 0;
}

h7{
	font-size:28px;
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	letter-spacing: -1px;
	margin:0 0 15px 0;
}

h12{
	font-size:34px;
	color:#222222;
	font-family: 'Vazir', sans-serif;
	font-weight:700;
	letter-spacing: -1px;
	margin:0 0 15px 0;
	text-align:center;
	text-transform:uppercase;
}
h13{
	font-family: 'Vazir', sans-serif;
	color:#222222;
	font-size:16px;
	margin:0 0 5px 0;
	text-transform:uppercase;
	font-weight:400;
}

h14 {

	font-size:50px;
	color:#fff;
	font-family: 'Vazir', Monospace;
	font-weight:200;
	letter-spacing: -1px;
	margin:0 0 15px 0;


}

h15 {
	font-size:34px;
	color:#58ACFA;
	font-family: 'Vazir', sans-serif;
	font-weight:700;
	letter-spacing: -1px;
	margin:0 0 15px 0;


}

h16{
	font-size:16px;
	color:#888888;
	font-family: 'Vazir', sans-serif;
	font-weight:400;
	text-align:center;
	margin:0 0 60px 0;
}

h17{
	font-size:28px;
	color:#fff;
	font-family: 'Vazir', sans-serif;
	font-weight:400;
	letter-spacing: -1px;
	margin:0 0 15px 0;
}

h18{
	font-size:28px;
	color:white;
	font-family: 'Vazir', sans-serif;
	font-weight:400;
	letter-spacing: -1px;
	margin:0 0 15px 0;
}

p{
	line-height:24px;
	margin:0;
}

/* Header Styles
---------------------------------*/

.header{
	text-align:center;
	background:url(../img/Header.jpg) left top no-repeat; */
	background-color:#000;
	padding:280px 0;
	/*background:url(../img/pw_maze_black_2X.png) left top repeat; */

}

.Duke{
	width:130px;
	margin:0 auto 35px;
}
.header h1{
	font-family: 'Montserrat',sans-serif;
	font-size:50px;
	font-weight:400;
	letter-spacing: -1px;
	margin:0 0 22px 0 ;
	color:#fff;
}
.resrearch{
	text-align:center;
	background-color:#000;
	padding:100px 0;
}
.resrearch h1{
	font-family: 'Montserrat',sans-serif;
	font-size:50px;
	font-weight:400;
	letter-spacing: -1px;
	margin:0 0 22px 0 ;
	color:#fff;
}


.resrearch p{
	line-height:30px;
	margin:0;

}


.resrearch h4 {

	font-size:40px;
	color:#fff;
	font-family: 'Courier New', Monospace;
	font-weight:200;
	letter-spacing: -1px;
	margin:0 0 15px 0;


}


.who-I-am{
	padding:0;
	margin:35px 0 55px;
}
.wp-pic{
	margin-bottom:20px;
}
.who-I-am li{
	display:inline-block;
	font-family: 'Montserrat',sans-serif;
	font-size:14px;
	color: #bcbcbc;
	text-transform: uppercase;
	font-weight: 400;
	margin:0 5px 0 0;
	padding:0 0 0 15px;
}
.who-I-am li:first-child{
	background:none;
}

.start-button {
	padding-left: 0px;


}

.start-button li a{
color: #fff;
}


.get-start{
	padding:15px 35px;
	background:#7cc576;
	color:#fff !important;
	font-size:16px;
	font-weight:400;
	font-family: 'Montserrat', sans-serif;
	display:inline-block;
	border-radius:3px;
	text-transform:uppercase;
	line-height:25px;
	margin-bottom:20px;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}
.get-start:hover {
	text-decoration:none;
	color:#7cc576 !important;
	background:#fff;
}

.get-start:active, .get-start:focus {
	background: #7cc576;
	text-decoration:none;
	color:#fff !important;
}

/* Navigation
---------------------------------*/
.main-navigator-outer{
	padding:0px;
	border-bottom:1px solid #dddddd;
	box-shadow:0 6px 5px -3px #ececec;
	position:relative;
	background:#fff;
}
.main-navigator{
	text-align:center;
	margin:10px 0 0px;
	padding:0;
	list-style:none;

}
.main-navigator li{
	display:inline;
	margin:0 1px;
}
.main-navigator li a{
	display:inline-block;
	color:#222222;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
	line-height:20px;
	margin:17px 10px;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.main-navigator li a:hover{
	text-decoration:none;
	color: #7cc576;
}


.pi{
	padding:90px 0 110px;
}


/* pi
---------------------------------*/

.pi-list{
	padding:0 0 0 0;
	font-size:14px;
	margin-bottom:40px;
}
.pi-list-col1{
	float:left;
	width:60px;
}
.pi-list-col1 i{
	font-style:normal;
	font-size:38px;
	display:block;
	color:#222;
	font-family: 'FontAwesome';
	line-height:38px;
}
.pi-list-col2{
	overflow:hidden;
}
.pi-section.alabaster{
	background:#fafafa;
}

/* members
---------------------------------*/
.members{
	font-size:14px;


	background:url(../img/backgrnd.jpg) center center no-repeat;

}
.members h2{
	text-align:left;
}
.jb-box{
	padding:0 0 0 0;
	margin-bottom:25px;
	font-size:14px;
}
.jb-box h3{
	margin-bottom:5px;
}
.jb-box p{
	line-height:22px;
}
.members p.padding-b{
	padding-bottom:35px;
}
.jb-box-col1{
	width:60px;
	float:left;
}
.jb-box-col1 i{
	display:block;
	line-height:38px;
	font-family: 'FontAwesome';
	font-size:38px;
	color:#777777;
	font-style:normal;
}
.jb-box-col2{ overflow:hidden;}
.jb-box.magic{
	background:url(../img/backgrnd1.jpg) left top no-repeat;
}
.jb-box.packaged{
	background:url(../img/packaged.png) left top no-repeat;
}
.jb-box.seo{
	background:url(../img/seo.png) left top no-repeat;
}


/* Engineering
---------------------------------*/
.Engineering-nav{
	padding:0;
	margin:0 0 45px 0;
	list-style:none;
	text-align:center;
}
.Engineering-nav li{
	margin:0 10px;
	display:inline;
}
.Engineering-nav li a{
	display:inline-block;
	padding:10px 22px;
	font-size:12px;
	line-height:20px;
	color:#222222;
	border-radius:4px;
	text-transform:uppercase;
	font-family: 'Montserrat', sans-serif;
	background:#f7f7f7;
	margin-bottom:5px;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}
.Engineering-nav li a:hover{
	background:#7cc576;
	color:#fff;
	text-decoration:none;
}

.EngineeringContainer{
	margin:0 auto;
	padding-left:15px;
}

.Engineering-box{
	text-align:center;
	margin-bottom:30px;
	height:350px;
	width:350px;
	overflow:hidden;
	float:left;
	padding:0;
}
.Engineering-box img{
	margin-bottom:25px;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.Engineering-box img:hover {
	opacity: 0.6;
}

.Engineering-nav li a.current{
	background:#7cc576;
	color:#fff;
	text-decoration:none;
}
img {
   max-width:100%;
}

/* no transition on .isotope container */

.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.6s;
     -moz-transition-duration: 0.6s;
          transition-duration: 0.6s;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}

.pi.paddind{
	padding-bottom:60px;
}

/* Awards
---------------------------------*/
.Eng-sec{
	background:url(../img/backgrnd.jpg) center center no-repeat;
	background-size:cover;
	padding:55px 0;
	text-align:center;
}
.Eng-sec-haead{
	color:#fdfdfd;
	font-size:28px;
	line-height:41px;
	margin:30px 0 10px;
	font-family: ''Open Sans',sans-serif';
	font-style: italic;
}

.aw{
	font-style:normal;
	width:68px;
	height:68px;
	margin:0 auto;
	border:2px solid #7cc576;
	border-radius:50%;
	display:block;
	line-height:68px;
	text-align:center;
	font-size:27px;
	color:#7cc576;
	cursor: pointer;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.aw:hover{
color: #fff;
border: 2px solid #fff;
}

.Collaboration{
	background:#7cc576;
	padding:25px 0;
    filter: alpha(opacity=60);
}
.Collaboration ul{
	padding:0;
	margin:0;
	list-style:none;
	text-align:center;
}
.Collaboration ul li{
	display:inline;
	margin:0 25px;
}
.Collaboration ul a{
	display:inline-block;
	margin: 0 20px;
}
.management{
	padding:85px 0;
}
.management h6{
	margin-bottom:40px;
}


/* ppl

---------------------------------*/
.ppl{
	max-width:993px;
	margin:0 auto;
}
.ppl-box{
	width:30.66%;
	margin-right: 3.82979%;
	height: 300px;
	overflow: hidden;
	text-align: center;
	float: left;
}
.ppl-box span{
	margin-bottom:24px;
	display:block;
}
.ppl-box:nth-of-type(3n+0){ margin:0;}
.ppl{
	width:auto;
	height:auto;
	position:relative;
	border-radius:50%;
	box-shadow:0px 0px 0px 7px rgba(241,241,241,0.80);
	margin:7px 7px 25px 7px;

}
.ppl-shadow{
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	border-radius:50%;
	position:absolute;
	width:100%;
	height:100%;
	z-index:10;
	border-radius:50%;
}
.ppl-shadow a{
	display:block;
	width:100%;
	height:100%;
}
.ppl:hover .ppl-shadow{
	box-shadow:inset  0px 0px 0px 148px rgba(17,17,17,0.80);
}
.ppl:hover ul{ display:block; opacity:1}
.ppl img{
	display:block;
	border-radius:50%;
}
.ppl ul{
	display:block;
	opacity:0;
	padding:0;
	margin:0;
	list-style:none;
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	text-align:center;
	margin-top:-14px;
	z-index:15;
	transition:all 0.6s ease-in-out;
	-moz-transition:all 0.6s ease-in-out;
	-webkit-transition:all 0.6s ease-in-out;
}
.ppl ul li{
	display:inline;
	margin:0 11px;
}
.ppl ul li a{
	font-family: 'FontAwesome';
	display:inline-block;
	font-size:28px;
	color:#fff;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}
.ppl ul li a:hover, .ppl ul li a:focus{
	text-decoration:none;
}
.ppl ul li a.fa-twitter:hover{
	color:#55acee;
}
.ppl ul li a.fa-facebook:hover{
	color:#3b5998;
}
.ppl ul li a.fa-pinterest:hover{
	color:#cb2026;
}
.ppl ul li a.fa-google-plus:hover{
	color:#dd4b39;
}





/* Footer
---------------------------------*/

.footer{
background-color: #000;
	padding:35px 0 35px;
}
.footer-logo{
	margin:15px auto 35px;
	width: 76px;
}
.copyright{
	color:#cccccc;
	font-size:14px;
	display:block;
	text-align:center;
}
.copyright a{
	color:#7cc576;
	font-weight:600;
	text-decoration: none;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.copyright a:hover {
	color: #fff;
}

.res-navigator_click {
	line-height:38px;
	font-family: 'FontAwesome';
	font-size:38px;
	text-decoration: none !important;
	color:#777777;
	font-style:normal;
	display:none;
	width:42px;
	height:27px;
	margin:20px auto;
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
}

.res-navigator_click:hover, .res-navigator_click:active, .res-navigator_click:focus {
	color: #7cc576 !important;
}

.EngineeringContainer{
	max-width: 1140px;
}


/* Animation Timers
---------------------------------*/
.delay-02s {
	animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
}
.delay-03s {
	animation-delay: 0.3s;
	-webkit-animation-delay: 0.3s;
}
.delay-04s {
	animation-delay: 0.4s;
	-webkit-animation-delay: 0.4s;
}

.delay-05s {
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
}
.delay-06s {
	animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
}

.delay-07s {
	animation-delay: 0.7s;
	-webkit-animation-delay: 0.7s;
}
.delay-08s {
	animation-delay: 0.8s;
	-webkit-animation-delay: 0.8s;
}

.delay-09s {
	animation-delay: 0.9s;
	-webkit-animation-delay: 0.9s;
}
.delay-1s {
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
}