@font-face {
    font-family: 'yekan';
    src: url('Font/BYekan.eot');
    src: url('Font/BYekan.eot?iefix') format('eot'),
         url('Font/BYekan.woff') format('woff'),
         url('Font/BYekan.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-size:13px;
}

@font-face {
    font-family: 'homa';
    src: url('Font/BHoma.eot');
    src: url('Font/BHoma.eot?iefix') format('eot'),
         url('Font/BHoma.woff') format('woff'),
         url('Font/BHoma.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-size:13px;
}


html,body,h1,h2,h3,h4,h5,h6,p,ol,ul,li,dl,dt,dd,pre,code,address,variable,form,fieldset,blockquote
{
	padding:0;
	margin:0;
	font-size:17px;
	font-weight:normal
}
	table
{
	border-collapse:collapse;
	border-spacing:0
}
	td,th,caption
{
	font-weight:normal;
	text-align:left
}
	img,fieldset
{
	border:0
}
	ol
{
	list-style-type:none
}
	ul
{
	list-style:none
}
	q:before,q:after
{
	content:''
}
	address
{
	font-style:normal
}
	@font-face
{
	font-family:'Noto Serif';
	src:url('Font/Noto/notoserif.eot');
	src:url('Font/Noto/Notonotoserif.eot?#iefix') format('embedded-opentype'),url('Font/Noto/notoserif.woff') format('woff'),url('Font/Noto/Notonotoserif.ttf') format('truetype'),url('Font/Noto/Notonotoserif.svg#noto_serifregular') format('svg');
	font-weight:normal;
	font-style:normal
}
	@font-face
{
	font-family:'Donegal One';
	src:url('Font/DonegalOne/donegalone.eot');
	src:url('Font/DonegalOne/donegalone.eot?#iefix') format('embedded-opentype'),url('Font/DonegalOne/donegalone.woff') format('woff'),url('Font/DonegalOne/donegalone.ttf') format('truetype'),url('Font/DonegalOne/donegalone.svg#donegal_oneregular') format('svg');
	font-weight:normal;
	font-style:normal
}
	@font-face
{
	font-family:'icons';
	src:url('Icons/icons.eot');
	src:url('Icons/icons.eot?#iefix') format('embedded-opentype'),url('Icons/icons.ttf') format('truetype'),url('Icons/icons.woff') format('woff'),url('Icons/icons.svg#icons') format('svg');
	font-weight:normal;
	font-style:normal
}
.icon-spin
{
	display:inline-block;
	-moz-animation:spin 2s infinite linear;
	-o-animation:spin 2s infinite linear;
	-webkit-animation:spin 2s infinite linear;
	animation:spin 2s infinite linear
}
	@-moz-keyframes spin
{
	0%
{
	-moz-transform:rotate(0deg)
}
	100%
{
	-moz-transform:rotate(359deg)
}

}
	@-webkit-keyframes spin
{
	0%
{
	-webkit-transform:rotate(0deg)
}
	100%
{
	-webkit-transform:rotate(359deg)
}

}
	@-o-keyframes spin
{
	0%
{
	-o-transform:rotate(0deg)
}
	100%
{
	-o-transform:rotate(359deg)
}

}
	@-ms-keyframes spin
{
	0%
{
	-ms-transform:rotate(0deg)
}
	100%
{
	-ms-transform:rotate(359deg)
}

}
	@keyframes spin
{
	0%
{
	transform:rotate(0deg)
}
	100%
{
	transform:rotate(359deg)
}

}
	[class^="icon-"],[class*=" icon-"]
{
	font-family:'icons';
	speak:none;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.icon-contact:before
{
	content:""
}
.icon-ring:before
{
	content:""
}
.icon-chart:before
{
	content:""
}
.icon-projects:before
{
	content:""
}
.icon-coworkers:before
{
	content:""
}
.icon-circle:before
{
	content:""
}
.icon-home:before
{
	content:""
}
.icon-info-sign:before
{
	content:""
}
.icon-trophy:before
{
	content:""
}
.icon-location:before
{
	content:""
}
.icon-phone:before
{
	content:""
}
.icon-twitter:before
{
	content:""
}
.icon-google:before
{
	content:""
}
.icon-facebook:before
{
	content:""
}
.icon-users:before
{
	content:""
}
.icon-envelope:before
{
	content:""
}
.icon-building:before
{
	content:""
}
.icon-close:before
{
	content:""
}
.icon-spinner:before
{
	content:""
}
.icon-caret-left:before
{
	content:""
}
.icon-caret-right:before
{
	content:""
}
.mCSB_container
{
	width:auto;
	margin-left:20px;
	overflow:hidden;
	padding-top:5px
}
.mCSB_container.mCS_no_scrollbar
{
	margin-right:0
}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar
{
	margin-right:30px
}
.mCustomScrollBox>.mCSB_scrollTools
{
	width:16px;
	height:100%;
	top:0;
	left:0
}
.mCSB_scrollTools .mCSB_draggerContainer
{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	height:auto
}
.mCSB_scrollTools a+.mCSB_draggerContainer
{
	margin:20px 0
}
.mCSB_scrollTools .mCSB_draggerRail
{
	width:2px;
	height:100%;
	float:right;
	margin-right:2px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px
}
.mCSB_scrollTools .mCSB_dragger
{
	cursor:pointer;
	width:100%;
	height:30px
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
	width:4px;
	height:100%;
	float:right;
	margin-right:1px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-align:center
}
.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown
{
	display:block;
	position:relative;
	height:20px;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer
}
.mCSB_scrollTools .mCSB_buttonDown
{
	top:100%;
	margin-top:-40px
}
.mCSB_horizontal>.mCSB_container
{
	height:auto;
	margin-right:0;
	margin-bottom:30px;
	overflow:hidden
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar
{
	margin-bottom:0
}
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar
{
	margin-right:0;
	margin-bottom:30px
}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools
{
	width:100%;
	height:16px;
	top:auto;
	right:auto;
	bottom:0;
	left:0;
	overflow:hidden
}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer
{
	margin:0 20px
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail
{
	width:100%;
	height:2px;
	margin:7px 0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger
{
	width:30px;
	height:100%
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
	width:100%;
	height:4px;
	margin:6px auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight
{
	display:block;
	position:relative;
	width:20px;
	height:100%;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
	float:left
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight
{
	margin-left:-40px;
	float:right
}
.mCustomScrollBox
{
	-ms-touch-action:none
}
.mCustomScrollBox>.mCSB_scrollTools
{
	opacity:.75;
	filter:"alpha(opacity=75)";
	-ms-filter:"alpha(opacity=75)"
}
.mCustomScrollBox:hover>.mCSB_scrollTools
{
	opacity:1;
	filter:"alpha(opacity=100)";
	-ms-filter:"alpha(opacity=100)"
}
.mCSB_scrollTools .mCSB_draggerRail
{
	background:#000;
	background:rgba(0,0,0,.4);
	filter:"alpha(opacity=40)";
	-ms-filter:"alpha(opacity=40)"
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
	background:#fff;
	background:rgba(255,255,255,.75);
	filter:"alpha(opacity=75)";
	-ms-filter:"alpha(opacity=75)"
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar
{
	background:rgba(255,255,255,.85);
	filter:"alpha(opacity=85)";
	-ms-filter:"alpha(opacity=85)"
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar
{
	background:rgba(255,255,255,.9);
	filter:"alpha(opacity=90)";
	-ms-filter:"alpha(opacity=90)"
}
.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight
{
	background-image:url(mCSB_buttons.png);
	background-repeat:no-repeat;
	opacity:.4;
	filter:"alpha(opacity=40)";
	-ms-filter:"alpha(opacity=40)"
}
.mCSB_scrollTools .mCSB_buttonUp
{
	background-position:0 0
}
.mCSB_scrollTools .mCSB_buttonDown
{
	background-position:0 -20px
}
.mCSB_scrollTools .mCSB_buttonLeft
{
	background-position:0 -40px
}
.mCSB_scrollTools .mCSB_buttonRight
{
	background-position:0 -56px
}
.mCSB_scrollTools .mCSB_buttonUp:hover,.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover
{
	opacity:.75;
	filter:"alpha(opacity=75)";
	-ms-filter:"alpha(opacity=75)"
}
.mCSB_scrollTools .mCSB_buttonUp:active,.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active
{
	opacity:.9;
	filter:"alpha(opacity=90)";
	-ms-filter:"alpha(opacity=90)"
}
.mCS-dark>.mCSB_scrollTools .mCSB_draggerRail
{
	background:#000;
	background:rgba(0,0,0,.15)
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
	background:#000;
	background:rgba(0,0,0,.75)
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar
{
	background:rgba(0,0,0,.85)
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar
{
	background:rgba(0,0,0,.9)
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp
{
	background-position:-80px 0
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown
{
	background-position:-80px -20px
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft
{
	background-position:-80px -40px
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight
{
	background-position:-80px -56px
}
.mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail
{
	width:4px;
	background:#fff;
	background:rgba(255,255,255,.1);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
	width:4px;
	background:#fff;
	background:rgba(255,255,255,.75);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail
{
	width:100%;
	height:4px;
	margin:6px 0
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
	width:100%;
	height:4px;
	margin:6px auto
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar
{
	background:rgba(255,255,255,.85)
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar
{
	background:rgba(255,255,255,.9)
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp
{
	background-position:-32px 0
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown
{
	background-position:-32px -20px
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft
{
	background-position:-40px -40px
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight
{
	background-position:-40px -56px
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail
{
	width:4px;
	background:#000;
	background:rgba(0,0,0,.1);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
	width:4px;
	background:#000;
	background:rgba(0,0,0,.75);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail
{
	width:100%;
	height:4px;
	margin:6px 0
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
	width:100%;
	height:4px;
	margin:6px auto
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar
{
	background:rgba(0,0,0,.85)
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar
{
	background:rgba(0,0,0,.9)
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp
{
	background-position:-112px 0
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown
{
	background-position:-112px -20px
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft
{
	background-position:-120px -40px
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight
{
	background-position:-120px -56px
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail
{
	width:4px;
	background:#fff;
	background:rgba(255,255,255,.1);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
	width:6px;
	background:#fff;
	background:rgba(255,255,255,.75);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail
{
	width:100%;
	height:4px;
	margin:6px 0
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
	width:100%;
	height:6px;
	margin:5px auto
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar
{
	background:rgba(255,255,255,.85)
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar
{
	background:rgba(255,255,255,.9)
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp
{
	background-position:-16px 0
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown
{
	background-position:-16px -20px
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft
{
	background-position:-20px -40px
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight
{
	background-position:-20px -56px
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail
{
	width:4px;
	background:#000;
	background:rgba(0,0,0,.1);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
	width:6px;
	background:#000;
	background:rgba(0,0,0,.75);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail
{
	width:100%;
	height:4px;
	margin:6px 0
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
	width:100%;
	height:6px;
	margin:5px auto
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar
{
	background:rgba(0,0,0,.85)
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar
{
	background:rgba(0,0,0,.9)
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp
{
	background-position:-96px 0
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown
{
	background-position:-96px -20px
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft
{
	background-position:-100px -40px
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight
{
	background-position:-100px -56px
}
.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail
{
	background:#fff;
	background:rgba(255,255,255,.1)
}
.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
	width:2px
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail
{
	width:100%
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
	width:100%;
	height:2px;
	margin:7px auto
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail
{
	background:#000;
	background:rgba(0,0,0,.15)
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
	width:2px;
	background:#000;
	background:rgba(0,0,0,.75)
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail
{
	width:100%
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
	width:100%;
	height:2px;
	margin:7px auto
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar
{
	background:rgba(0,0,0,.85)
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar
{
	background:rgba(0,0,0,.9)
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp
{
	background-position:-80px 0
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown
{
	background-position:-80px -20px
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft
{
	background-position:-80px -40px
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight
{
	background-position:-80px -56px
}
	html
{
	background-color:#ddd;
	color:#333
}
	body
{
	background-image:url(/content/images/noise.png);
	background-repeat:repeat;
	padding:0;
	margin:0;
	font-family:'homa';
	font-size:12px;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.shadow
{
	-o-box-shadow:-1px 1px 3px 2px #cbcbcb;
	-ms-box-shadow:-1px 1px 3px 2px #cbcbcb;
	-webkit-box-shadow:-1px 1px 3px 2px #cbcbcb;
	-moz-box-shadow:-1px 1px 3px 2px #cbcbcb;
	box-shadow:-1px 1px 3px 2px #cbcbcb
}
	#langPicker
{
	width:100px;
	height:50px;
	position:absolute;
	top:0;
	left:50%
}
	#langPicker ul
{
	width:90px;
	height:35px;
	padding:5px;
	background-color:#fff;
	position:relative;
	left:-50%;
	top:-40px;
	z-index:5;
	-o-transition:all .5s;
	-ms-transition:all .5s;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	transition:all .5s;
	border-bottom-left-radius:50%;
	border-bottom-right-radius:50%;
	box-shadow:0 2px 10px 2px white
}
	#langPicker ul.show
{
	top:0
}
	#langPicker ul:hover
{
	top:0
}
	#langPicker ul li
{
	display:block;
	float:left;
	height:35px;
	width:40px;
	border-bottom-right-radius:50%
}
	#langPicker ul li:first-of-type
{
	margin-right:10px;
	border-bottom-right-radius:0;
	border-bottom-left-radius:50%
}
	#langPicker ul li:first-of-type a
{
	border-bottom-right-radius:0;
	border-bottom-left-radius:50%
}
	#langPicker ul li a
{
	cursor:pointer;
	display:block;
	height:29px;
	width:39px;
	-o-box-shadow:0 0 3px 2px #cbcbcb;
	-ms-box-shadow:0 0 3px 2px #cbcbcb;
	-moz-box-shadow:0 0 3px 2px #cbcbcb;
	-webkit-box-shadow:0 0 3px 2px #cbcbcb;
	box-shadow:0 0 3px 2px #cbcbcb;
	border-radius:5px;
	line-height:29px;
	vertical-align:middle;
	text-align:center;
	border-bottom-right-radius:50%;
	border-bottom-left-radius:0;
	text-decoration:none;
	color:inherit;
	-o-transition:all .5s;
	-ms-transition:all .5s;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	transition:all .5s
}
	#langPicker ul li a:hover
{
	background-color:#8ab51e;
	color:#84567d
}
	#credits
{
	position:absolute;
	bottom:10px;
	left:30px;
	width:30px;
	padding:5px;
	z-index:5
}
	#credits a
{
	display:block;
	position:absolute;
	left:0;
	bottom:10px;
	height:30px;
	width:30px;
	background-image:url(/content/images/pioneerwarelogo.png);
	background-repeat:no-repeat;
	background-position:center;
	border-radius:5px;
	-o-box-shadow:0 0 3px 1px white;
	-ms-box-shadow:0 0 3px 1px white;
	-moz-box-shadow:0 0 3px 1px white;
	-webkit-box-shadow:0 0 3px 1px white;
	box-shadow:0 0 3px 1px white;
	background-color:#333;
	-o-transition:all .5s;
	-ms-transition:all .5s;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	transition:all .5s
}
	#credits a:hover
{
	-o-box-shadow:0 0 5px 2px white;
	-ms-box-shadow:0 0 5px 2px white;
	-moz-box-shadow:0 0 5px 2px white;
	-webkit-box-shadow:0 0 5px 2px white;
	box-shadow:0 0 5px 2px white
}
	#credits a:hover~span.text
{
	bottom:55px;
	opacity:1;
	-o-transform:rotate(-90deg) rotateX(0deg);
	-ms-transform:rotate(-90deg) rotateX(0deg);
	-moz-transform:rotate(-90deg) rotateX(0deg);
	-webkit-transform:rotate(-90deg) rotateX(0deg);
	transform:rotate(-90deg) rotateX(0deg)
}
	#credits span.text
{
	display:block;
	text-align:center;
	position:absolute;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	bottom:90px;
	opacity:0;
	left:0;
	background-color:#333;
	color:#fff;
	width:220px;
	border-radius:5px;
	-o-box-shadow:0 0 5px 2px white;
	-ms-box-shadow:0 0 5px 2px white;
	-moz-box-shadow:0 0 5px 2px white;
	-webkit-box-shadow:0 0 5px 2px white;
	box-shadow:0 0 5px 2px white;
	-o-transform-origin:20px 20px;
	-ms-transform-origin:20px 20px;
	-moz-transform-origin:20px 20px;
	-webkit-transform-origin:20px 20px;
	transform-origin:20px 20px;
	-o-transition:all .5s;
	-ms-transition:all .5s;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	transition:all .5s;
	-o-transform:rotate(-90deg) rotateX(90deg);
	-ms-transform:rotate(-90deg) rotateX(90deg);
	-moz-transform:rotate(-90deg) rotateX(90deg);
	-webkit-transform:rotate(-90deg) rotateX(90deg);
	transform:rotate(-90deg) rotateX(90deg)
}
	#wrapper
{

}
	#wrapper div.step
{
	opacity:0;
	direction:rtl;
	width:960px;
	height:580px;
	top:0;
	left:0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:3px;
	position:relative;
	-o-transition:opacity 2s;
	-ms-transition:opacity 2s;
	-webkit-transition:opacity 2s;
	-moz-transition:opacity 2s;
	transition:opacity 2s
}
	#wrapper div.step.active
{
	opacity:1
}
	#wrapper #home
{
	background-color:transparent
}
	#wrapper #home div.logoWrapper.hidden
{
	-o-transform:scale(10);
	-ms-transform:scale(10);
	-webkit-transform:scale(10);
	-moz-transform:scale(10);
	transform:scale(10);
	opacity:0
}
	#wrapper #home div.logoWrapper span.theI.hidden
{
	top:-100px;
	opacity:0;
	background-color:#fff;
	box-shadow:0 0 40px 30px white
}
	#wrapper #home div.logoWrapper
{
	position:absolute;
	width:960px;
	height:182px;
	top:150px;
	left:0;
	text-align:left;
	-ms-transition:all 2s;
	-webkit-transition:all 2s;
	-moz-transition:all 2s;
	-o-transition:all 2s;
	transition:all 2s;
	opacity:1;
        background-image: url(logo.png)
}
	#wrapper #home div.logoWrapper span.theI
{
	position:absolute;
	display:block;
	border-radius:50%;
	width:15px;
	height:15px;
	background-color:#8ab51e;
	top:0;
	left:693px;
	opacity:1;
	-o-transition:all 1.5s;
	-ms-transition:all 1.5s;
	-moz-transition:all 1.5s;
	-webkit-transition:all 1.5s;
	transition:all 1.5s
}
	#wrapper #home div.logoWrapper h1
{
	height:52px;
	line-height:50px;
	vertical-align:middle;
	width:470px;
	position:absolute;
	left:243px;
	top:18px;
	overflow:hidden
}
	#wrapper #home div.logoWrapper h1 span.name
{
	font-family:'Donegal One',serif;
	font-size:60px;
	letter-spacing:-5px;
	color:#333;
	display:block;
	position:absolute;
	top:2px;
	left:2px;
	-o-text-shadow:0 0 4px white;
	-ms-text-shadow:0 0 4px white;
	-webkit-text-shadow:0 0 4px white;
	-moz-text-shadow:0 0 4px white;
	text-shadow:0 0 4px white
}
	#wrapper #home div.logoWrapper h1 span.family
{
	color:#84567d;
	font-family:'Noto Serif',serif;
	font-size:80px;
	display:block;
	position:absolute;
	top:-9px;
	left:205px;
	letter-spacing:-5px;
	-o-text-shadow:0 0 2px white;
	-ms-text-shadow:0 0 2px white;
	-webkit-text-shadow:0 0 2px white;
	-moz-text-shadow:0 0 2px white;
	text-shadow:0 0 2px white
}
	#wrapper #home div.logoWrapper h2
{
	text-align:center;
	margin-top:75px;
	color:#000;
	-webkit-text-shadow:0 0 2px white;
	text-shadow:0 0 2px white;
	font-size:16px;
	letter-spacing:3px;
	word-spacing:5px
}
	#wrapper #home #homeMenu
{
	position:absolute;
	width:960px;
	height:100px;
	top:350px;
	left:0;
	text-align:center;
	vertical-align:middle
}
	#wrapper #home #homeMenu li
{
	display:inline-block;
	width:60px;
	height:60px;
	vertical-align:middle;
	border-radius:50%;
	margin:20px;
	-o-transition:all .5s;
	-ms-transition:all .5s;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	transition:all .5s
}
	#wrapper #home #homeMenu li:hover
{
	padding:10px;
	margin:10px 40px 10px 40px;
	-o-box-shadow:0 0 5px 5px #f2f2f2;
	-ms-box-shadow:0 0 5px 5px #f2f2f2;
	-moz-box-shadow:0 0 5px 5px #f2f2f2;
	-webkit-box-shadow:0 0 5px 5px #f2f2f2;
	box-shadow:0 0 5px 5px #f2f2f2
}
	#wrapper #home #homeMenu li a
{
	display:block;
	width:60px;
	height:60px;
	line-height:62px;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	color:inherit;
	border-radius:50%;
	background-color:#f2f2f2;
	-o-box-shadow:0 0 3px 2px #cbcbcb;
	-ms-box-shadow:0 0 3px 2px #cbcbcb;
	-moz-box-shadow:0 0 3px 2px #cbcbcb;
	-webkit-box-shadow:0 0 3px 2px #cbcbcb;
	box-shadow:0 0 3px 2px #cbcbcb;
	
	-o-transition:all .5s;
	-ms-transition:all .5s;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	transition:all .5s
}
	#wrapper #home #homeMenu li:hover a
{
	color:#8ab51e;
	font-size:12px;
	-o-box-shadow:0 0 20px 2px #84567d;
	-ms-box-shadow:0 0 20px 2px #84567d;
	-webkit-box-shadow:0 0 20px 2px #84567d;
	-moz-box-shadow:0 0 20px 2px #84567d;
	box-shadow:0 0 20px 2px #84567d
}
	#wrapper #projects
{
	position:relative
}
	#wrapper #projects div.ajax
{
	position:absolute;
	top:280px;
	right:50px;
	width:50px;
	height:50px;
	font-size:38px;
	line-height:50px;
	vertical-align:middle;
	text-align:center;
	border-radius:50%;
	color:#8ab51e;
	opacity:0;
	-o-transition:all .1s;
	-moz-transition:all .1s;
	-webkit-transition:all .1s;
	-ms-transition:all .1s;
	transition:all .1s
}
	#wrapper #projects div.ajax.show
{
	opacity:1
}
	#wrapper #projects #projectMenuWrapper
{
	position:absolute;
	width:480px;
	height:300px;
	top:150px;
	left:240px;
	-o-transform-origin:top right;
	-ms-transform-origin:top right;
	-moz-transform-origin:top right;
	-webkit-transform-origin:top right;
	transform-origin:top right;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	-moz-transition:all 1s;
	-webkit-transition:all 1s;
	transition:all 1s;
	z-index:20
}
	#wrapper #projects #projectMenuWrapper.small
{
	-webkit-transform:scale(.5) translate(180px,-300px) rotate(-90deg);
	-o-transform:scale(.5) translate(180px,-300px) rotate(-90deg);
	-ms-transform:scale(.5) translate(180px,-300px) rotate(-90deg);
	-moz-transform:scale(.5) translate(180px,-300px) rotate(-90deg);
	transform:scale(.5) translate(180px,-300px) rotate(-90deg)
}
	#wrapper #projects #projectMenuWrapper.small span.icon
{
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg)
}
	#wrapper #projects #projectMenuWrapper li div
{
	border-radius:50%;
	-o-box-shadow:0 0 40px 0 white;
	-ms-box-shadow:0 0 40px 0 white;
	-webkit-box-shadow:0 0 40px 0 white;
	-moz-box-shadow:0 0 40px 0 white;
	box-shadow:0 0 40px 0 white;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	transition:all 1s;
	background-color:#ddd;
	cursor:pointer
}
	#wrapper #projects #projectMenuWrapper li div.active
{
	-o-box-shadow:0 0 30px 10px #84567d;
	-moz-box-shadow:0 0 30px 10px #84567d;
	-webkit-box-shadow:0 0 30px 10px #84567d;
	-ms-box-shadow:0 0 30px 10px #84567d;
	box-shadow:0 0 30px 10px #84567d
}
	#wrapper #projects #projectMenuWrapper li div:hover span.icon
{
	color:#8ab51e;
	-o-box-shadow:0 0 30px 10px #84567d;
	-moz-box-shadow:0 0 30px 10px #84567d;
	-webkit-box-shadow:0 0 30px 10px #84567d;
	-ms-box-shadow:0 0 30px 10px #84567d;
	box-shadow:0 0 30px 10px #84567d
}
	#wrapper #projects #projectMenuWrapper li div span.icon
{
	display:block;
	position:absolute;
	border-radius:50%;
	vertical-align:middle;
	text-align:center;
	top:20px;
	left:20px;
	background-color:rgba(242,242,242,.8);
	-o-transition:all 1s;
	-ms-transition:all 1s;
	-moz-transition:all 1s;
	-webkit-transition:all 1s;
	transition:all 1s
}
	#wrapper #projects #projectMenuWrapper>li
{
	display:block;
	position:absolute;
	font-size:50px
}
	#wrapper #projects #projectMenuWrapper>li.arch
{
	top:20px;
	right:20px;
	height:150px;
	width:150px
}
	#wrapper #projects #projectMenuWrapper>li.arch div
{
	height:100%;
	width:100%
}
	#wrapper #projects #projectMenuWrapper>li.arch div span.icon
{
	height:110px;
	width:110px;
	line-height:110px
}
	#wrapper #projects #projectMenuWrapper>li.btnClose
{
	bottom:40px;
	right:90px;
	height:80px;
	width:80px;
	font-size:30px;
	opacity:0;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	-moz-transition:all 1s;
	-webkit-transition:all 1s;
	transition:all 1s;
	-o-transform:scale(0);
	-ms-transform:scale(0);
	-moz-transform:scale(0);
	-webkit-transform:scale(0);
	transform:scale(0)
}
	#wrapper #projects #projectMenuWrapper.small>li.btnClose
{
	opacity:1;
	-o-transform:scale(1);
	-ms-transform:scale(1);
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
	transform:scale(1)
}
	#wrapper #projects #projectMenuWrapper>li.btnClose div
{
	height:100%;
	width:100%
}
	#wrapper #projects #projectMenuWrapper>li.btnClose div span.icon
{
	height:40px;
	width:40px;
	line-height:40px;
	font-size:20px
}
	#wrapper #projects #projectMenuWrapper>li.interior
{
	bottom:0;
	left:0;
	height:300px;
	width:300px
}
	#wrapper #projects #projectMenuWrapper>li.interior>div
{
	width:200px;
	height:200px;
	border-radius:50%;
	position:absolute;
	top:90px;
	right:0
}
	#wrapper #projects #projectMenuWrapper>li.interior.showSubMenu>ul li
{
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
	opacity:1
}
	#wrapper #projects #projectMenuWrapper>li.interior>div span.icon
{
	height:160px;
	width:160px;
	line-height:160px;
	vertical-align:middle;
	text-align:center
}
	#wrapper #projects #projectMenuWrapper>li.interior ul li
{
	position:absolute;
	height:80px;
	width:80px;
	-o-transition:all 1s;
	-moz-transition:all 1s;
	-webkit-transition:all 1s;
	-ms-transition:all 1s;
	transition:all 1s;
	-moz-transform:scale(0);
	-webkit-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	transform:scale(0);
	opacity:0
}
	#wrapper #projects #projectMenuWrapper>li.interior ul li:nth-of-type(3n+1)
{
	color:#b50606
}
	#wrapper #projects #projectMenuWrapper>li.interior ul li:nth-of-type(3n+2)
{
	color:#cbbd1f
}
	#wrapper #projects #projectMenuWrapper>li.interior ul li:nth-of-type(3n+3)
{
	color:#1949bb
}
	#wrapper #projects #projectMenuWrapper>li.interior ul li.living
{
	left:120px;
	top:5px;
	-o-transition-delay:.5s;
	-moz-transition-delay:.5s;
	-webkit-transition-delay:.5s;
	-ms-transition-delay:.5s;
	transition-delay:.5s
}
	#wrapper #projects #projectMenuWrapper>li.interior ul li.working
{
	left:40px;
	top:50px;
	-o-transition-delay:.25s;
	-moz-transition-delay:.25s;
	-webkit-transition-delay:.25s;
	-ms-transition-delay:.25s;
	transition-delay:.25s
}
	#wrapper #projects #projectMenuWrapper>li.interior ul li.shoping
{
	left:10px;
	top:135px
}
	#wrapper #projects #projectMenuWrapper>li.interior ul li div
{
	width:100%;
	height:100%;
	border-radius:50%
}
	#wrapper #projects #projectMenuWrapper>li.interior ul li div span.icon
{
	height:50px;
	width:50px;
	line-height:50px;
	top:15px;
	left:15px;
	font-size:30px;
	vertical-align:middle;
	text-align:center
}
	#wrapper #projects #projectIndex
{
	position:absolute;
	height:520px;
	width:810px;
	left:0;
	top:0;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	-moz-transition:all 1s;
	-webkit-transition:all 1s;
	transition:all 1s;
	opacity:0
}
	#wrapper #projects #projectIndex.show
{
	opacity:1
}
	#wrapper #projects #projectIndex div.projectIcon
{
	float:left;
	margin:0 5px 20px 5px;
	height:156px;
	width:250px;
	border-radius:3px;
	-o-box-shadow:0 0 5px 2px white;
	-ms-box-shadow:0 0 5px 2px white;
	-moz-box-shadow:0 0 5px 2px white;
	-webkit-box-shadow:0 0 5px 2px white;
	box-shadow:0 0 5px 2px white;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	transition:all 1s;
	cursor:pointer;
	overflow:hidden;
	position:relative;
	-o-transition-delay:1s;
	-ms-transition-delay:1s;
	-moz-transition-delay:1s;
	-webkit-transition-delay:1s;
	transition-delay:1s;
	opacity:0;
	-o-transform:scale(0);
	-ms-transform:scale(0);
	-moz-transform:scale(0);
	-webkit-transform:scale(0);
	transform:scale(0)
}
	#wrapper #projects #projectIndex div.projectIcon img
{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:-1
}
	#wrapper #projects #projectIndex.show div.projectIcon
{
	opacity:1;
	-o-transform:scale(1);
	-ms-transform:scale(1);
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
	transform:scale(1)
}
	#wrapper #projects #projectIndex.show div.projectIcon:hover
{
	-o-transition-delay:0;
	-ms-transition-delay:0;
	-moz-transition-delay:0;
	-webkit-transition-delay:0;
	transition-delay:0;
	-o-box-shadow:0 0 5px 2px #84567d;
	-ms-box-shadow:0 0 5px 2px #84567d;
	-moz-box-shadow:0 0 5px 2px #84567d;
	-webkit-box-shadow:0 0 5px 2px #84567d;
	box-shadow:0 0 5px 2px #84567d
}
	#wrapper #projects #projectIndex div.projectIcon:nth-of-type(3n-1)
{
	margin:0 10px 20px 10px
}
	#wrapper #projects #projectIndex div.projectIcon:nth-of-type(2n+1)
{
	-o-transition-delay:1.5s;
	-ms-transition-delay:1.5s;
	-moz-transition-delay:1.5s;
	-webkit-transition-delay:1.5s;
	transition-delay:1.5s
}
	#wrapper #projects #projectIndex div.projectIcon div.projectCover
{
	width:240px;
	height:40px;
	padding-right:10px;
	line-height:40px;
	vertical-align:middle;
	text-align:right;
	position:absolute;
	bottom:-50px;
	left:0;
	background-color:rgba(25,25,25,.8);
	color:#fff;
	z-index:1;
	-o-transition:all .5s;
	-ms-transition:all .5s;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	transition:all .5s
}
	#wrapper #projects #projectIndex div.projectIcon:hover div.projectCover
{
	bottom:15px
}
	#wrapper #projects #projectSlides
{
	position:absolute;
	height:520px;
	width:810px;
	left:0;
	top:0;
	background-color:#ddd;
	background-image:url(/content/images/noise.png);
	background-repeat:repeat;
	clip:rect(-10px,820px,-10px,-10px);
	-o-transition:all 1s;
	-moz-transition:all 1s;
	-webkit-transition:all 1s;
	-ms-transition:all 1s;
	transition:all 1s
}
	#wrapper #projects #projectSlides.show
{
	clip:rect(-10px,810px,530px,-10px);
	z-index:10
}
	#wrapper #projects #projectSlides div.btnClose
{
	position:absolute;
	top:5px;
	left:5px;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	text-align:center;
	width:20px;
	border-radius:50%;
	box-shadow:0 0 5px 2px #cfcfcf
}
	#wrapper #projects #projectSlides div.btnClose:hover
{
	box-shadow:0 0 5px 2px #84567d
}
	#wrapper #projects #projectSlides div.btnClose span
{
	position:relative;
	top:-1px;
	left:-1px
}
	#wrapper #projects #projectSlides div.slide
{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:110px;
	background-repeat:no-repeat;
	-o-background-size:contain;
	-ms-background-size:contain;
	-moz-background-size:contain;
	-webkit-background-size:contain;
	background-size:contain;
	background-position:center;
	border-radius:5px;
	-o-transition:all .5s;
	-ms-transition:all .5s;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	transition:all .5s;
	opacity:1
}
	#wrapper #projects #projectSlides div.slide.hidden
{
	opacity:0
}
	#wrapper #projects #projectSlides div.thumbs
{
	position:absolute;
	width:810px;
	bottom:0;
	left:0;
	height:100px
}
	#wrapper #projects #projectSlides div.thumbs div.nav
{
	height:30px;
	width:30px;
	line-height:30px;
	vertical-align:middle;
	text-align:center;
	border-radius:50%;
	-o-box-shadow:0 0 10px 3px white;
	-ms-box-shadow:0 0 10px 3px white;
	-webkit-box-shadow:0 0 10px 3px white;
	-moz-box-shadow:0 0 10px 3px white;
	box-shadow:0 0 10px 3px white;
	position:absolute;
	top:35px;
	left:10px;
	font-size:20px;
	cursor:pointer;
	-o-transition:all .5s;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	-ms-transition:all .5s;
	transition:all .5s;
	color:rgba(25,25,25,.8)
}
	#wrapper #projects #projectSlides div.thumbs div.nav:hover
{
	-moz-box-shadow:0 0 10px 3px #84567d;
	-webkit-box-shadow:0 0 10px 3px #84567d;
	-ms-box-shadow:0 0 10px 3px #84567d;
	-o-box-shadow:0 0 10px 3px #84567d;
	box-shadow:0 0 10px 3px #84567d;
	color:#8ab51e
}
	#wrapper #projects #projectSlides div.thumbs div.nav.next
{
	right:10px
}
	#wrapper #projects #projectSlides div.thumbs div.nav.next span.icon
{
	position:relative;
	left:1px
}
	#wrapper #projects #projectSlides div.thumbs div.nav.prev span.icon
{
	position:relative;
	left:-1px
}
	#wrapper #projects #projectSlides div.thumbs div.thumbsWrapper
{
	position:absolute;
	top:0;
	left:40px;
	bottom:0;
	right:40px
}
	#wrapper #projects #projectSlides div.thumbs div.thumbsWrapper div.group
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
	opacity:0;
	-o-transform:rotateY(90deg) scale(0);
	-moz-transform:rotateY(90deg) scale(0);
	-webkit-transform:rotateY(90deg) scale(0);
	-ms-transform:rotateY(90deg) scale(0);
	transform:rotateY(90deg) scale(0);
	-o-transition:all 1.5s;
	-ms-transition:all 1.5s;
	-moz-transition:all 1.5s;
	-webkit-transition:all 1.5s;
	transition:all 1.5s;
	overflow:hidden
}
	#wrapper #projects #projectSlides div.thumbs div.thumbsWrapper div.group.show
{
	-o-transform:rotateY(0) scale(1);
	-ms-transform:rotateY(0) scale(1);
	-moz-transform:rotateY(0) scale(1);
	-webkit-transform:rotateY(0) scale(1);
	transform:rotateY(0) scale(1);
	opacity:1;
	z-index:2
}
	#wrapper #projects #projectSlides div.thumbs div.thumbsWrapper div.group div.thumb
{
	display:inline-block;
	height:96px;
	width:161px;
	margin:0 5px 0 5px;
	vertical-align:top;
	cursor:pointer;
	border-radius:5px;
	border:2px solid rgba(255,255,255,.6);
	-o-transition:all .5s;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	transition:all .5s;
	background-repeat:no-repeat;
	background-position:center;
	-o-background-size:cover;
	-ms-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover
}
	#wrapper #projects #projectSlides div.thumbs div.thumbsWrapper div.group div.thumb:hover
{
	border-color:#84567d
}
	#wrapper #catalog
{

}
	#wrapper #catalog div.brandWrapper
{
	width:960px;
	height:520px;
	position:absolute;
        overflow-y: scroll;
	top:0;
	left:0;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	transition:all 1s
}
	#wrapper #catalog div.brandWrapper div.brand
{
	position:absolute;
	height:150px;
	width:150px;
	line-height:150px;
	vertical-align:middle;
	text-align:center;
	border-radius:50%;
	-o-box-shadow:0 0 20px 5px white;
	-ms-box-shadow:0 0 20px 5px white;
	-moz-box-shadow:0 0 20px 5px white;
	-webkit-box-shadow:0 0 20px 5px white;
	box-shadow:0 0 20px 5px white;
	-o-transition:all 1.5s;
	-webkit-transition:all 1.5s;
	-moz-transition:all 1.5s;
	-ms-transition:all 1.5s;
	transition:all 1.5s
}
	#wrapper #catalog div.brandWrapper div.brand:hover
{
	-o-transform:scale(1.5);
	-ms-transform:scale(1.5);
	-moz-transform:scale(1.5);
	-webkit-transform:scale(1.5);
	transform:scale(1.5);
	-o-box-shadow:0 0 40px 10px #84567d;
	-ms-box-shadow:0 0 40px 10px #84567d;
	-moz-box-shadow:0 0 40px 10px #84567d;
	-webkit-box-shadow:0 0 40px 10px #84567d;
	box-shadow:0 0 40px 10px #84567d;
	z-index:10
}
	#wrapper #catalog div.brandWrapper.compact
{
	-o-transform:rotate(720deg);
	-ms-transform:rotate(720deg);
	-moz-transform:rotate(720deg);
	-webkit-transform:rotate(720deg);
	transform:rotate(720deg)
}
	#wrapper #catalog div.brandWrapper.compact div.brand
{
	position:absolute;
	height:100px;
	width:100px;
	line-height:100px;
	vertical-align:middle;
	text-align:center;
	border-radius:50%;
	-o-box-shadow:0 0 20px 1px white;
	-ms-box-shadow:0 0 20px 1px white;
	-moz-box-shadow:0 0 20px 1px white;
	-webkit-box-shadow:0 0 20px 1px white;
	box-shadow:0 0 20px 1px white
}
	#wrapper #catalog div.brandWrapper.compact #b1
{
	left:400px;
	top:180px
}
	#wrapper #catalog div.brandWrapper.compact #b2
{
	left:460px;
	top:240px
}
	#wrapper #catalog div.brandWrapper.compact #b3
{
	left:460px;
	top:180px
}
	#wrapper #catalog div.brandWrapper.compact #b4
{
	left:400px;
	top:240px
}
	#wrapper #catalog div.brandWrapper.compact #b5
{
	left:430px;
	top:310px
}
	#wrapper #catalog div.brandWrapper.compact #b6
{
	left:530px;
	top:210px
}
	#wrapper #catalog div.brandWrapper.compact #b7
{
	left:330px;
	top:210px
}
	#wrapper #catalog div.brandWrapper.compact #b8
{
	left:430px;
	top:110px
}
	#wrapper #catalog div.brandWrapper.compact #b9
{
	left:350px;
	top:130px
}
	#wrapper #catalog div.brandWrapper.compact #b10
{
	left:510px;
	top:290px
}
	#wrapper #catalog div.brandWrapper.compact #b11
{
	left:510px;
	top:130px
}
	#wrapper #catalog div.brandWrapper.compact #b12
{
	left:350px;
	top:290px
}
        #wrapper #catalog div.brandWrapper.compact #b13
{
	left:350px;
	top:130px
}
	#wrapper #catalog div.brandWrapper.compact #b14
{
	left:510px;
	top:290px
}
	#wrapper #catalog div.brandWrapper.compact #b15
{
	left:510px;
	top:130px
}
	#wrapper #catalog div.brandWrapper.compact #b16
{
	left:350px;
	top:290px
}
	#wrapper #catalog div.brandWrapper #b1
{
	left:72px;
	top:0
}
	#wrapper #catalog div.brandWrapper #b2
{
	left:294px;
	top:0
}
	#wrapper #catalog div.brandWrapper #b3
{
	left:516px;
	top:0
}
	#wrapper #catalog div.brandWrapper #b4
{
	left:738px;
	top:0
}
	#wrapper #catalog div.brandWrapper #b5
{
	left:72px;
	top:180px
}
	#wrapper #catalog div.brandWrapper #b6
{
	left:294px;
	top:180px
}
	#wrapper #catalog div.brandWrapper #b7
{
	left:516px;
	top:180px
}
	#wrapper #catalog div.brandWrapper #b8
{
	left:738px;
	top:180px
}
	#wrapper #catalog div.brandWrapper #b9
{
	left:72px;
	top:365px
}
	#wrapper #catalog div.brandWrapper #b10
{
	left:294px;
	top:365px
}
	#wrapper #catalog div.brandWrapper #b11
{
	left:516px;
	top:365px
}
	#wrapper #catalog div.brandWrapper #b12
{
	left:738px;
	top:365px
}

	#wrapper #catalog div.brandWrapper #b13
{
	left:72px;
	top:545px
}

	#wrapper #catalog div.brandWrapper #b14
{
	left:294px;
	top:545px
}
	#wrapper #catalog div.brandWrapper #b15
{
	left:516px;
	top:545px
}
	#wrapper #catalog div.brandWrapper #b16
{
	left:738px;
	top:545px
}
	#wrapper #about
{
	position:relative
}
	#wrapper #about #aboutMenuWrapper
{
	position:absolute;
	top:100px;
	right:230px;
	width:480px;
	height:310px;
	-o-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-webkit-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
	-o-transform-origin:center right;
	-ms-transform-origin:center right;
	-moz-transform-origin:center right;
	-webkit-transform-origin:center right;
	transform-origin:center right
}
	#wrapper #about #aboutMenuWrapper.small
{
	right:120px;
	top:-150px;
	-o-transform:scale(.7) rotate(-90deg);
	-ms-transform:scale(.7) rotate(-90deg);
	-moz-transform:scale(.7) rotate(-90deg);
	-webkit-transform:scale(.7) rotate(-90deg);
	transform:scale(.7) rotate(-90deg)
}
	#wrapper #about #aboutMenuWrapper li
{
	position:absolute;
	border-radius:50%;
	cursor:pointer;
	-o-box-shadow:0 0 40px 0 white;
	-ms-box-shadow:0 0 40px 0 white;
	-webkit-box-shadow:0 0 40px 0 white;
	-moz-box-shadow:0 0 40px 0 white;
	box-shadow:0 0 40px 0 white;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	transition:all 1s
}
	#wrapper #about #aboutMenuWrapper li.active
{
	-o-box-shadow:0 0 30px 10px #84567d;
	-moz-box-shadow:0 0 30px 10px #84567d;
	-webkit-box-shadow:0 0 30px 10px #84567d;
	-ms-box-shadow:0 0 30px 10px #84567d;
	box-shadow:0 0 30px 10px #84567d
}
	#wrapper #about #aboutMenuWrapper li:after
{
	content:'';
	position:absolute;
	top:20px;
	left:20px;
	bottom:20px;
	right:20px;
	border-radius:50%;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	transition:all 1s;
	vertical-align:middle;
	text-align:center;
	background-color:rgba(242,242,242,.8)
}
	#wrapper #about #aboutMenuWrapper li:before
{
	font-size:50px;
	-o-transition:all .5s;
	-ms-transition:all .5s;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	transition:all .5s;
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	position:absolute;
	top:20px;
	left:20px;
	bottom:20px;
	right:20px;
	z-index:1
}
	#wrapper #about #aboutMenuWrapper.small li:before
{
	-o-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg)
}
	#wrapper #about #aboutMenuWrapper li:hover:after
{
	-o-box-shadow:0 0 30px 10px #84567d;
	-moz-box-shadow:0 0 30px 10px #84567d;
	-webkit-box-shadow:0 0 30px 10px #84567d;
	-ms-box-shadow:0 0 30px 10px #84567d;
	box-shadow:0 0 30px 10px #84567d
}
	#wrapper #about #aboutMenuWrapper li:hover:before
{
	color:#8ab51e;
	-o-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-webkit-transform:scale(1.2);
	transform:scale(1.2)
}
	#wrapper #about #aboutMenuWrapper.small li:hover:before
{
	color:#8ab51e;
	-o-transform:scale(1.2) rotate(90deg);
	-ms-transform:scale(1.2) rotate(90deg);
	-moz-transform:scale(1.2) rotate(90deg);
	-webkit-transform:scale(1.2) rotate(90deg);
	transform:scale(1.2) rotate(90deg)
}
	#wrapper #about #aboutMenuWrapper li.organization
{
	width:190px;
	height:190px;
	top:120px;
	left:0px
}
	#wrapper #about #aboutMenuWrapper li.organization:before
{
	line-height:150px;
	font-size:80px
}
	#wrapper #about #aboutMenuWrapper li.strategy
{
	width:160px;
	height:160px;
	top:20px;
	left:230px
}
	#wrapper #about #aboutMenuWrapper li.strategy:before
{
	line-height:120px;
	font-size:70px
}
	#wrapper #about #aboutMenuWrapper li.team
{
	width:125px;
	height:125px;
	top:0;
	left:0
}
	#wrapper #about #aboutMenuWrapper li.team:before
{
	font-size:35px;
	line-height:85px
}
	#wrapper #about #aboutMenuWrapper li.awards
{
	width:100px;
	height:100px;
	top:140px;
	left:380px
}
	#wrapper #about #aboutMenuWrapper li.awards:before
{
	font-size:35px;
	line-height:60px
}
	#wrapper #about #aboutMenuWrapper li.pep
{
	width:100px;
	height:100px;
	top:200px;
	left:270px
}
	#wrapper #about #aboutMenuWrapper li.pep:before
{
	font-size:30px;
	line-height:60px
}
	#wrapper #about #aboutContentWrapper
{
	position:absolute;
	background-color:rgba(242,242,242,.8);
	border-radius:5px;
	top:20px;
	padding:20px;
	height:460px;
	left:130px;
	width:450px;
	-o-transition:clip .5s ease-in-out;
	-ms-transition:clip .5s ease-in-out;
	-moz-transition:clip .5s ease-in-out;
	-webkit-transition:clip .5s ease-in-out;
	transition:clip .5s ease-in-out;
	opacity:1;
	clip:rect(-20px,510px,500px,0)
}
	#wrapper #about #aboutContentWrapper.hidden
{
	clip:rect(490px,510px,490px,0)
}
	#wrapper #about #aboutContentWrapper span.btnClose
{
	position:absolute;
	top:-10px;
	right:-10px;
	height:34px;
	width:34px;
	line-height:34px;
	vertical-align:middle;
	text-align:center;
	background-color:rgba(242,242,242,.8);
	font-size:16px;
	border-radius:50%;
	box-shadow:0 0 10px 2px white;
	cursor:pointer;
	-moz-transition:all .5s;
	-o-transition:all .5s;
	-webkit-transition:all .5s;
	transition:all .5s;
	z-index:2
}
	#wrapper #about #aboutContentWrapper span.btnClose:hover
{
	background-color:#8ab51e;
	box-shadow:0 0 10px 5px #84567d
}
	#wrapper #about #aboutContentWrapper div.content
{
	display:none
}
	#wrapper #about #aboutContentWrapper div.content.show
{
	display:block
}
	#wrapper #about #aboutContentWrapper div.content h4
{
	width:100%;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	border-bottom:1px solid #84567d;
	font-size:16px;
	margin:0 0 3px 0
}
	#wrapper #about #aboutContentWrapper div.content p
{
	margin:0 0 5px 0;
	text-align:justify;
	
	line-height:20px;
	word-spacing:1px
}
	#wrapper #about #aboutContentWrapper div.content.team p
{
	margin:0 0 10px 0;
	text-align:left;
	font-size:14px
}
	#wrapper #about #aboutContentWrapper div.content.organization ul
{

}
	#wrapper #about #aboutContentWrapper div.content.organization ul li
{
	line-height:18px;
	vertical-align:middle;
	margin-bottom:3px;
	list-style:square;
	padding-right:5px;
	margin-right:20px
}
	#wrapper #about #aboutContentWrapper div.content.pep ol
{

}
	#wrapper #about #aboutContentWrapper div.content.pep ol li
{
	line-height:25px;
	vertical-align:middle;
	margin:10px 20px 10px 0;
	padding-right:5px;
	list-style:decimal
}
	#wrapper #about #aboutContentWrapper div.content.team ul
{
	text-align:justify;
	line-height:25px;
	vertical-align:middle
}
	#wrapper #about #aboutContentWrapper div.content.team ul li
{
	display:inline;
	margin:5px 0 5px 5px
}
	#wrapper #about #aboutContentWrapper div.content ul.team li:after
{
	content:"،"
}
	#wrapper #about #aboutContentWrapper div.content ul.team li:last-of-type:after
{
	content:""
}
	#wrapper #contact
{
	background-color:transparent
}
	#wrapper #contact #map
{
	position:absolute;
	top:0;
	left:0;
	bottom:80px;
	right:0;
	opacity:.3;
	overflow:hidden;
	-o-transition:all .5s;
	-ms-transition:all .5s;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	transition:all .5s
}
	#wrapper #contact ul.contacts
{
	position:absolute;
	z-index:5;
	height:80px;
	top:86px;
	left:0;
	width:960px;
	text-align:center
}
	#wrapper #contact ul.contacts li
{
	display:inline-block;
	width:60px;
	height:60px;
	border-radius:50%;
	margin:10px;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	transition:all 1s;
	vertical-align:top
}
	#wrapper #contact ul.contacts li:hover
{
	margin:10px 40px 10px 40px
}
	#wrapper #contact ul.contacts li a
{
	display:block;
	width:60px;
	height:60px;
	line-height:60px;
	vertical-align:middle;
	text-align:center;
	border-radius:50%;
	font-size:24px;
	background-color:#f2f2f2;
	cursor:pointer;
	text-decoration:none;
	color:inherit;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	transition:all 1s;
	-o-box-shadow:0 0 10px 3px white;
	-ms-box-shadow:0 0 10px 3px white;
	-moz-box-shadow:0 0 10px 3px white;
	-webkit-box-shadow:0 0 10px 3px white;
	box-shadow:0 0 10px 3px white
}
	#wrapper #contact ul.contacts.mouseentered li a
{
	-o-box-shadow:0 0 10px 3px #84567d;
	-ms-box-shadow:0 0 10px 3px #84567d;
	-moz-box-shadow:0 0 10px 3px #84567d;
	-webkit-box-shadow:0 0 10px 3px #84567d;
	box-shadow:0 0 10px 3px #84567d
}
	#wrapper #contact ul.contacts li:hover a
{
	background-color:#8ab51e;
	-o-box-shadow:0 0 20px 8px #84567d;
	-ms-box-shadow:0 0 20px 8px #84567d;
	-moz-box-shadow:0 0 20px 8px #84567d;
	-webkit-box-shadow:0 0 20px 8px #84567d;
	box-shadow:0 0 20px 8px #84567d
}
	#wrapper #contact div.desc
{
	position:absolute;
	width:260px;
	height:50px;
	line-height:20px;
	vertical-align:middle;
	text-align:center;
	background-color:#fff;
	border-radius:5px;
	-o-box-shadow:0 0 10px 3px #84567d;
	-ms-box-shadow:0 0 10px 3px #84567d;
	-moz-box-shadow:0 0 10px 3px #84567d;
	-webkit-box-shadow:0 0 10px 3px #84567d;
	box-shadow:0 0 10px 3px #84567d;
	top:180px;
	left:0;
	z-index:10;
	-o-transition:all .5s;
	-ms-transition:all .5s;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	transition:all .5s;
	-o-transform:scale(1);
	-ms-transform:scale(1);
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
	transform:scale(1);
	opacity:1
}
	#wrapper #contact div.desc.hidden
{
	-o-transform:scale(0) rotateX(360deg);
	-ms-transform:scale(0) rotateX(360deg);
	-moz-transform:scale(0) rotateX(360deg);
	-webkit-transform:scale(0) rotateX(360deg);
	transform:scale(0) rotateX(360deg);
	opacity:0
}
	#wrapper #contact div.desc span.tel
{
	display:inline-block;
	direction:ltr;
	text-align:left;
	font-size:20px;
	letter-spacing:3px
}
	#wrapper #menu
{
	display:none;
	position:absolute;
	width:960px;
	height:80px;
	bottom:0;
	left:0;
	text-align:center;
	vertical-align:middle;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	transition:all 1s;
	z-index:10
}
	#wrapper #menu li
{
	display:inline-block;
	width:40px;
	height:40px;
	vertical-align:bottom;
	border-radius:50%;
	margin:20px 10px;
	-o-transition:all .5s;
	-ms-transition:all .5s;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	transition:all .5s
}
	#wrapper #menu li:hover
{
	
	margin:10px 20px 10px 20px;
	-o-box-shadow:0 0 5px 5px #f2f2f2;
	-ms-box-shadow:0 0 5px 5px #f2f2f2;
	-moz-box-shadow:0 0 5px 5px #f2f2f2;
	-webkit-box-shadow:0 0 5px 5px #f2f2f2;
	box-shadow:0 0 5px 5px #f2f2f2
}
	#wrapper #menu li a
{
	display:block;
	width:50px;
	height:50px;
	line-height:50px;
	padding:5px;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	color:inherit;
	border-radius:50%;
	background-color:#f2f2f2;
	-o-box-shadow:0 0 3px 2px #cbcbcb;
	-ms-box-shadow:0 0 3px 2px #cbcbcb;
	-moz-box-shadow:0 0 3px 2px #cbcbcb;
	-webkit-box-shadow:0 0 3px 2px #cbcbcb;
	box-shadow:0 0 3px 2px #cbcbcb;
	font-size:10px;
	-o-transition:all .5s;
	-ms-transition:all .5s;
	-moz-transition:all .5s;
	-webkit-transition:all .5s;
	transition:all .5s
}
	#wrapper #menu li:hover a
{
	color:#8ab51e;
	
	-o-box-shadow:0 0 20px 2px #84567d;
	-ms-box-shadow:0 0 20px 2px #84567d;
	-webkit-box-shadow:0 0 20px 2px #84567d;
	-moz-box-shadow:0 0 20px 2px #84567d;
	box-shadow:0 0 20px 2px #84567d
}