/* Layout
--------------------------------------------------------*/
.oldie .page,
.oldie .parallax,
.oldie .homepage,
.oldie .sticky-wrapper{
	min-width:1200px;
}
.fullwidth {
    display: block;
    max-width: 100%;
    min-width: 100%;
	background:#FFF;
}
.page .fullwidth {
	padding:50px 0;
}
.container-4 .twelve.columns {
	width:960px;
	margin:0px;
}
.homepage{
	position:relative;
	overflow:hidden;
	z-index:1;
  margin-bottom: -60px;
}
.page{
	position:relative;
	overflow:hidden;
	z-index:2;
}
.page.desktop{
	position:relative !important;
	z-index:6;
}
.page{
	background:#111;
	background-attachment:scroll;
}
.section-title-container {
	padding:130px 0 80px 0;
}
.sticky-wrapper {
	padding-bottom:10px;
}
nav {
	background: #000;
	background: rgba(0,0,0,0.8);
	width: 100%;
	position: relative;
	z-index: 1000;
	height: 50px;
	text-align: center;
}

nav ul {
	height: 50px;
	display: inline-block;
	padding-left: 17px;
	background:url(../images/signet.png) no-repeat 0 50%;
}

nav ul li {
	position: relative;
	float: left;
	margin: 0;
	line-height:50px;
	height:50px;
}

nav ul li a {
	font-family: 'DINPro-Medium',sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 10px;
}

nav ul li a:hover,
nav ul li.current a {
	color: #0082a4;
	-webkit-transition: color 0.5s;
	transition: color 0.5s;
}

.dropmenu {
	display: none;
	width:420px;
	background:#222;
}


#homepage .container {
    height: 100%;
}
.logo {
	background: #000;
	background:rgba(0,0,0,0.8);
}
.logo img {
	margin:20px 0;
}
.section-title h1 {
	margin:0;
	padding:0;
	font-size:165px;
	line-height:1;
	letter-spacing:-6px;
}
.section-title h2 {
	margin:0;
	padding:0;
	font-size:50px;
	line-height:1;
	color:#0082a4;
}
/* supersized slideshow
--------------------------------------------------------*/
.slider-text {
    width: 100%;
}
.slider-text {
    bottom: 0px;
    min-height: 350px;
    overflow: hidden;
    position: absolute;
}
#prevslide, #nextslide{
	position:absolute;
	height:40px;
	width:40px;
	top:64px;
	margin-top:-21px;
	opacity:0.8;
}
#prevslide{
	right:60px;
	background:url('../images/icons/icon-up-arrow.png') center center no-repeat #000;
}
#nextslide{
	right:10px;
	background:url('../images/icons/icon-down-arrow.png') center center no-repeat #000;
}
#prevslide:active, #nextslide:active{
	margin-top:-19px;
}
#prevslide:hover, #nextslide:hover{
	cursor:pointer;
}

#slidecaption h2, #slidecaption p{
	text-shadow: 0 0 5px #000;
	font-weight: 700;
	font-size: 48px;
}
#slidecaption h2 span{
	font-family: 'Shadows Into Light', cursive;
	text-transform: capitalize;
	font-size: 72px;
	font-weight: 400;
}


#supersized {  display:block; position:absolute; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/

#supersized li { display:block; list-style:none; z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 url(../images/ajax-loader.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }



/*parallax
--------------------------------------------------------*/

.parallax{
	width:100%;
	height:480px;
	padding:0;
	margin:0;
	background-repeat:no-repeat;
	border-top:10px solid rgba(0,0,0,0.2);
	border-bottom:10px solid rgba(0,0,0,0.2);
	color:#000;
	position:relative;
	background-size: cover;
}
.parallax h3 {
	color:#FFF;
}
.parallax .quoteWrap{
	display:table;
	width:100%;
	height:100%;
	padding:0 !important;
	margin:0 !important;
}

.parallax.fixed-desktop{
	background-attachment:fixed !important;
}
.parallax .quoteWrap .quote{
	display: table-cell;
	vertical-align:middle;
}
.parallax {
	text-align:center;
}
.parallax h3 span{
	text-shadow: 0px 0px 5px #222;
}
.iframewrap  {
	position: relative;
	padding-bottom: 65.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.iframewrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.parallax img {
    max-width: 100%;
    height: auto;
}

/*reference
--------------------------------------------------------*/
.portfolio_container {
	position:relative;
	display:block;
	overflow:hidden;
	width:100%;
}
.portfolio_container .portfolio {
	position:relative;
	display:block;
	float:left;
	overflow:hidden;
	width:25%;
	height:auto;
}
.portfolio_container .portfolio .media_box figure a img {
	display:block;
	margin-left: auto;
	margin-right: auto;
}

.portfolio_container .portfolio .media_box .hover_effect {
	top:0;
	left:0;
}

.gallerySelector {
	background: #222;
	width: 100%;
	margin-top: 20px;
}
.gallerySelectorList {
	margin:0;
	width: 100%;
}
.gallerySelectorList li {
	font-family: 'DINPro-Medium', Arial, sans-serif;
	float: left;
	margin:0;
	list-style:none;
	width:16.6%;
	text-align: center;
	padding: 0;
}
.gallerySelectorList li:hover {
	background: #bbb9b4;
}

.gallerySelectorList li a {
	display:block;
	padding:11px 0;
	color: #fff;
	text-decoration: none;
	margin: 0;
  -webkit-transition:background-color 0.3s ease, color 0.2s ease;
	transition:background-color 0.3s ease, color 0.2s ease;
	text-transform:uppercase;
	white-space:nowrap;
}
.gallerySelectorList li.current  {
	background: #007489;
}
.portfolio_container .portfolio {
    width: 20%;
}

.thumbImage {
	float: left;
	position: relative;
	overflow: hidden;
	display: block;
	margin-bottom: 0px;
	box-sizing: border-box;
	text-align: center;
	width: 100%;
	height: 100%;
}
.thumbImage .fullwidth {
	padding:0;
}
.thumbImage img{
    -webkit-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}
.thumbImage .thumbText h3 {
	color:#FFF;
	margin-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid #fff;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.thumbImage .thumbText p {
	margin-bottom: 10px;
	color: #fff;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.thumbImage .thumbTextWrap {
	position: absolute;
	left:0;
	top: 0;
	right:0;
	bottom:0;
    height: 100%;
	padding: 0 20px;
	opacity: 0;
	background: #0082a4;
	text-align: center;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.ie8 .thumbImage .thumbTextWrap {
	display:none;
}
.thumbImage .thumbTextWrap:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.5em; /* Adjusts for spacing */
}
.thumbText {
    text-align: center;
	-webkit-transform: scale(0);
	transform: scale(0);
   -webkit-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
	display: inline-block;
  	vertical-align: middle;
  	width: 90%;
}
.thumbImage:hover img {
	opacity: 0;
	-webkit-transform: scale(10);
    transform: scale(10);
}
.thumbImage:hover .thumbTextWrap {
	opacity: 1;
}
.ie8 .thumbImage:hover .thumbTextWrap {
	display: block;
}
.thumbImage:hover .thumbText {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.thumbLink {
	display: block;
	background:url(../images/icons/icon-magnify.png) center center no-repeat #fff;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	opacity: 0.5;
	margin: 0 auto;
}
.thumbLink:hover {
	opacity: 1;
}
.portfolioBottom {
	background: #222;
	height: 44px;
	width: 100%;
	clear: left;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

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

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}



/* Team
--------------------------------------------------------*/
#team .section-title {
	margin-left:-12px;
}
.teamImage {
	margin-top: 10px;
	margin-bottom: 10px;
    cursor: default;
    overflow: hidden;
    position: relative;
}

.teamImage img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.7s ease-in-out 0s;
    transition: all 0.7s ease-in-out 0s;
	display:block;
}
.teamImage .teamName {
    background-color: #0082a4;
    opacity: 0;
 -webkit-transition: all 0.5s linear 0s;
 transition: all 0.5s linear 0s;
	height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}
.teamImage .teamName:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.teamImage .teamName .teamName-inner {
	padding-left:6px;
	display: inline-block;
	vertical-align: middle;
	width:90%;
}
.ie8 .teamImage .teamName {
    display: none;
}
.teamImage h3 {
	margin:0;
	color:#FFF;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
     -webkit-transition:  all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
		line-height: 1.2;
}
.teamImage h4 {
    opacity: 0;
	color:#FFF;
	font-size: 14px;
    -webkit-transform: scale(0);
    transform: scale(0);
     -webkit-transition: all 0.7s linear 0s;
    transition: all 0.7s linear 0s;
}
.teamImage:hover img,
.teamImage.thover img{
    opacity: 0;
    -webkit-transform: scale(10);
    transform: scale(10);
}
.teamImage:hover .teamName,
.teamImage.thover .teamName{
    opacity: 1;
}
.ie8 .teamImage:hover .teamName,
.ie8 .teamImage.thover .teamName {
    display: block;
}
.teamImage:hover h3, .teamImage:hover h4 ,
.teamImage.thover  h3, .teamImage.thover  h4 {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.teamImage:hover .socialLinksTeam ,
.teamImage.thover .socialLinksTeam {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.socialLinksTeam  {
	position:absolute;
	left:0;
	bottom:10px;
	width: 100%;
	opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.8s linear 0s;
	transition: all 0.8s linear 0s;
}
.ie8 .socialLinksTeam {
	display:none;
}
.socialLinksTeam li {
	float:left;
    list-style: none outside none;
    margin:0 10px;
    opacity: 0.8;
    text-indent: -9999px;
    -webkit-transition:  all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.ie8 .socialLinksTeam li {
	display:block;
}
.socialLinksTeam li a {
    display: block;
}
.socialLinksTeam li:hover {
    opacity: 1;
}
.ie8 .socialLinksTeam li:hover {
	display:block;
}
.socialLinksTeam li.email {
	background: url(../images/email-white.png) no-repeat 0 0;
}
.socialLinksTeam li.email a {
	width: 28px;
	height: 18px;
}
.socialLinksTeam li.twitter {
	background: url(../images/twitter-white.png) no-repeat 0 0;
}
.socialLinksTeam li.twitter a {
	width: 20px;
	height: 20px;
}
.socialLinksTeam li.facebook {
	background: url(../images/facebook-white.png) no-repeat 0 0;
}
.socialLinksTeam li.facebook a {
	width: 20px;
	height: 20px;
}
.socialLinksTeam li.linkedin {
	background: url(../images/linkedin-white.png) no-repeat 0 0;
}
.socialLinksTeam li.linkedin a {
	width: 20px;
	height: 20px;
}
.socialLinksTeam li.plixi {
	background: url(../images/plixi-white.png) no-repeat 0 0;
}
.socialLinksTeam li.plixi a {
	width: 16px;
	height: 20px;
}
.socialLinksTeam li.xing {
	background: url(../images/xing-white.png) no-repeat 0 0;
}
.socialLinksTeam li.xing a {
	width: 20px;
	height: 20px;
}
.socialLinksTeam li.pdf {
	background: url(../images/pdf-white.png) no-repeat 0 0;
}
.socialLinksTeam li.pdf a {
	width: 20px;
	height: 20px;
}
.ourteam {
    margin-bottom: 10px;
    margin-top: 10px;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.ourteam .dummy {
	margin-top:100%;
}
.ourteam a {
	font-family: 'DINPro-Medium', Arial, sans-serif;
    position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:#0082a4;
	color:#FFF;
	font-size:27px;
}
.ourteam a:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.ourteam a span {
	background:url(../images/arrow-right.png) no-repeat 100% 50%;
	padding-right:40px;
	display:inline-block;
	text-align:left;
	vertical-align: middle;
}

#pf_overlaycontent.teampop {
	background-color:#404040;
}
#pf_overlaycontent .teamImage {
	margin:10px 0;
	height:147px;
}
.teammembers {
	padding:10px 0;
}
.teampre .ourteam,
.teamnext .ourteam {
	margin:10px 0;
}
.teampre .ourteam a,
.teamnext .ourteam a {
	font-size:20px;
	line-height:20px;
	text-transform:uppercase;
}
.teampre .ourteam .dummy,
.teamnext .ourteam .dummy {
	margin-top:66.82%;
}
.teamnext .ourteam a span,
.teampre .ourteam a span {
	background:url(../images/arrow-right.png) no-repeat 100% 50%;
	display:block;
	padding:0;
	position:absolute;
	left:20px;
	right:20px;
	top:50%;
	margin-top:-20px;
	text-align:left;
}
.teampre .ourteam a span {
	background:url(../images/arrow-left.png) no-repeat 0 50%;
	text-align:right;
}

/* Stats
--------------------------------------------------------*/
#stats{
	background:#FFF;
	padding-bottom:50px;
}
#stats ul {
	padding-bottom:10px;
}
#stats li {
	font-size:17px;
	padding-left:20px;
	background:url(../images/li.png) no-repeat 3px 5px;
	margin-bottom:25px;
	line-height:20px;
}
#stats h3.sectionTitle {
	border-bottom:none;
	font-size:40px;
	line-height:44px;
	color:#0082a4;
	margin-bottom:30px;
	text-transform:uppercase;
	letter-spacing:normal;
	font-family: 'DINPro-Medium',sans-serif;
}
.statsWrap {
	width: 100%;
	float: left;
	margin-bottom:20px;
}
.stats {
    display: inline-block;
    position: relative;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.stats p {
	font-family: 'DINPro-Medium', Arial, sans-serif;
	color:#FFF;
}
.stats p.statText {
	color:#0082a4;
}
.statDummy {
    margin-top: 100%;
}
.statInfo {
    position:absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #0082a4;
	text-align:center;
}
.statInfo:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.statNumber {
	font-size: 60px;
  -webkit-transition:all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
	padding-top: 24px;
	margin-bottom: 0;
}
.statNumberMedium {
	font-size: 70px;
  -webkit-transition:all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
	padding:0;
	margin-bottom: 0;
	display: inline-block;
	vertical-align: middle;
}
.stathover {
  -webkit-transition:all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
	opacity: 0;
  -webkit-transform:scale(0);
	transform: scale(0);
	position:absolute;
	left:15px;
	top:15px;
	right:15px;
	bottom:15px;
	background:#FFF;
}
.ie8 .stathover {
    display: none;
}
.stathover:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.statText {
	margin:0;
	font-size:20px;
	display: inline-block;
	vertical-align: middle;
}
.statText span {
	font-size:26px;
	font-weight:bold;
}
.stats:hover {
	z-index: 10;
}
.stats:hover .statNumber {
	opacity: 0;
}
.ie8  .stats:hover .statNumber {
	display:none;
}
.stats:hover .stathover {
   -webkit-transform:scale(1);
   transform: scale(1);
	opacity: 1;
}
.ie8 .stats:hover .stathover {
    display:block;
}
/*contact
--------------------------------------------------------*/
#contact p a {
    color: #0082A4;
}
#contact p a:hover {
    color: #007489;
}
/*form elements
--------------------------------------------------------*/

textarea {
	height:139px;
	padding:20px;
	margin-bottom:20px;
	overflow:auto;
}
input[type="text"], input[type="password"], input[type="email"], textarea, select {
    background: #0082a4;
    border: none;
    border-radius: 3px;
    color: #fff;
    display: block;
    margin: 0 0 10px 0;
    outline: medium none;
    padding: 6px 4px;
    width:292px;
	font-family:'DINPro-Medium', sans-serif;
	font-size: 16px;
	font-weight: 400;
}
.five input[type="text"],
.five textarea {
	width:372px;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
    box-shadow: 0 0 7px #fff;
}

#contact_form label {
	margin: 0 0 2px 0;
}
#contact_form input[type="submit"]{
	margin: 10px 0 20px 0;
	float: right;
	font-family:'DINPro-Medium',sans-serif;
}

a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	background: #0082A4;
	border: none;
	padding: 4px 12px;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-size: 13px;
	text-decoration: none;
	cursor: pointer;
	margin: 0 5px 10px 0;
	line-height: 21px;
	-webkit-appearance: none;
}
a.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
	color: #222;
	background: #ddd;
}


/*footer
--------------------------------------------------------*/

#footer{
	position:relative;
	overflow:hidden;
	padding:30px 0 50px 0;
	z-index:1;
	background:#111;
}
#footer p.copyright{
	margin-bottom:0;
	margin-top: 20px;
	text-align: center;
	color: #888888;
}
#footer p.footerlinks {
	text-align: center;
}

/*News
--------------------------------------------------------*/

.newsContainer {
	padding-bottom:50px;
}
#news .tabs ul.nav {
	height:35px;
	border-bottom:1px solid #d0d4d6;
	font-family:'DINPro-Medium',Arial,sans-serif;
}
#news .tabs ul.nav li {
	float:left;
	font-size:16px;
	text-transform:uppercase;
	line-height:35px;
	padding:0 5px;
	margin-right:10px;
}
#news .tabs ul.nav li a,
#news .tabs ul.nav li a:hover {
	text-decoration:none;
	color:#868d97;
}
#news .tabs ul.nav li a:hover,
#news .tabs ul.nav li.active a,
#news .tabs ul.nav li.active a:hover {
	color:#0082a4;
}
#news .tab-panel {
	display:none;
}
#news .tabs .tab-content .active {
	display:block;
}
.news-list li {
	padding:10px 5px;
	font-size:16px;
	border-bottom:1px solid #d0d4d6;
	color:#545a5b;
	cursor:pointer;
}
.news-list span.date {
	float:left;
}
.news-list span.title {
	padding-left:110px;
	display:block;
}
.news-list li:hover span.title:hover {
	color:#0082a4;
}
.news-list .cycle-pager-active span.title {
	color:#0082a4;
}
.newswrap h3.sectionTitle,
#client h3.sectionTitle {
	border-bottom:none;
	padding:0;
	font-size:44px;
	line-height:48px;
	color:#0082a4;
	margin-bottom:45px;
	text-transform:uppercase;
	letter-spacing:normal;
	font-family: 'DINPro-Medium',sans-serif;
}

.news-slider {
	position:relative;
}
.news-slider .item {
	position:relative;
	width:100%;
	height:auto;
}
.news-slider .cycle-prev,
.news-slider .cycle-next,
.news_ajax .cycle-prev,
.news_ajax .cycle-next {
    cursor:pointer;
    height:100%;
    position:absolute;
    top:0;
    width:50px;
    z-index:800;
	display:block;
	overflow:hidden;
	text-indent:-10000px;
}
.news-slider .cycle-prev,
.news_ajax .cycle-prev {
	background:url(../images/highlights-prev.png) no-repeat 0 50%;
    left:-80px;
}
.news-slider .cycle-next,
.news_ajax .cycle-next  {
	background:url(../images/highlights-next.png) no-repeat 100% 50%;
    right:-70px;
}
.news-slider h3.title,
.news_ajax h3.title  {
	color: #0082a4;
	font-size:26px;
	margin-bottom:20px;
	text-transform:uppercase;
	line-height:30px;
}
.news-slider .date-source,
.news_ajax .date-source {
	font-size:14px;
	color:#666;
	font-family: 'DINPro-Medium',sans-serif;
	margin-bottom:4px;
}
.news-slider p {
	color:#666;
}
.news-slider p.more {
	font-size:17px;
}
.news-slider  a  {
	color:#0082a4;
}
/*news detail popup*/
#pf_overlaycontent.newsdetailpop {
	background-color: #fff;
}
#pf_overlaycontent.newsdetailpop p a {
	color: #0082A4;
}
#pf_overlaycontent div.news-single,
#pf_overlaycontent div.csc-header {
	margin-left: 90px;
}
.news-single ul li{
  list-style: initial;
  margin-left: 15px;
  margin-bottom: 10px;
}
.news_ajax h2 {
	margin-bottom: 45px;
}
.news_ajax .news-img-wrap {
	margin-top: 50px;
}
.news_ajax .news-img-wrap img {
	display: block;
    max-width: 100%;
	height: auto;
}
.news_ajax  .seven.columns {
	margin-left: 0;
}
.news_ajax  .six.columns {
	margin-right: 0;
}

#pf_overlaycontent.newsdetailpop .close {
    color: #666;
	z-index:1000;
}
#pf_overlaycontent.newsdetailpop .close:hover {
	color: #0082A4;
}
.news_ajax .cycle-prev {
    left:0;
}
.news_ajax .cycle-next  {
    right:0;
}

/*news list popup*/
.readall a,
a.back:hover {
	color: #007489;
}
.news_ajax.newslist .news-list {
	border-top: 1px solid #D0D4D6;
}
a.back {
	position:absolute;
	color: #666;
	font-size: 17px;
	left: 92px;
	top: 5px;
}
.news_ajax.newslist .six.columns {
	margin-left: 0;
	margin-right: 20px;
}


/*Agency
--------------------------------------------------------*/
#agency  {
	clear:left;
}
.share-container {
	position:relative;
}
.share {
	border-top:1px solid #d0d4d6;
	border-bottom:1px solid #d0d4d6;
	margin:30px 0 0 0;
	display:none;
}
.share-inner {
	padding:10px 10px;
}
.share span.title {
	color:#666;
	font-size:18px;
	text-transform:uppercase;
	padding-right:30px;
	font-family: 'DINPro-Medium',sans-serif;
}
.share a {
	display:inline-block;
	margin:0 12px;
}
.share a.facebook {
	width:8px;
	height:16px;
	background:url(../images/facebook.png) no-repeat 0 0;
}
.share a.twitter {
	width:15px;
	height:16px;
	background:url(../images/twitter.png) no-repeat 0 50%;
}
.share a.pinterest {
	width:15px;
	height:16px;
	background:url(../images/pinterest.png) no-repeat 0 50%;
}
.share a.linkedin {
	width:15px;
	height:16px;
	background:url(../images/linkedin.png) no-repeat 0 50%;
}
.share a.googleplus {
	width:16px;
	height:16px;
	background:url(../images/google_plusone.png) no-repeat 0 50%;
}

/*reference popup*/
#pf_overlay {
    background: none repeat scroll 0 0 #eee;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999;
}
#pf_overlaycontent {
	display: none;
    position: absolute;
    width: 100%;
    z-index: 10000;
	background-color: #27282b;
	height:0;

}
#pf_overlaycontent .close {
	position:absolute;
	right:10px;
	top:5px;
	font-size:17px;
}
#pf_overlaycontent > .container {
	padding:40px 0 20px;
}
#pf_overlaycontent.loading {
	background-image: url("../images/ajax-loader.gif");
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.referencezoom {
	background:#27282b;
	height:521px;
	padding-top:26px;
	position:relative;
}
.reference-slider {
	padding:0;
	width:976px;
	height:496px;
	margin: 0 auto;
	position: relative;
}
.referencezoom .detailimages {
	float:left;
	width:702px;
	height:496px;
	position:relative;
}
.referencezoom .detailimages .cycle-caption {
	color:#FFF;
	position:absolute;
	right:0;
	top:-20px;
	font-size:14px;
}
.referencezoom .details {
	float:right;
	width:257px;
}
.referencezoom .details .name {
	font-family: 'DINPro-Medium', Arial, sans-serif;
	color:#FFF;
	font-size:19px;
	margin-bottom:15px;
}
.referencezoom .details .category {
	color:#FFF;
	font-size:14px;
	margin-bottom:15px;
	padding-bottom:5px;
	border-bottom:1px solid #FFF;
}
.referencezoom .details .description p {
	color:#FFF;
}
.referencezoom .detailimages .cycle-prev,
.referencezoom .detailimages .cycle-next {
    cursor:pointer;
    height:100%;
    position:absolute;
    top:0;
    width:100px;
    z-index:800;
}
.referencezoom .detailimages .cycle-prev {
	background:url(../images/cycle-prev.png) no-repeat 0 50%;
    left:0;
}
.referencezoom .detailimages .cycle-next {
	background:url(../images/cycle-next.png) no-repeat 100% 50%;
    right:0;
}
.referencezoom .project-prev,
.referencezoom .project-next {
    cursor:pointer;
    height:100%;
    position:absolute;
    top:0;
    width:57px;
    z-index:800;
}
.referencezoom .project-prev {
	background:url(../images/project-prev.png) no-repeat 0 50%;
    left:-88px;
}
.referencezoom .project-next {
	background:url(../images/project-next.png) no-repeat 100% 50%;
    right:-88px;
}

.cycle-slideshow img {
	width:100%;
	height:auto;
}

.pfresposive .reference-slider {
	width:100%;
	height:auto;
}
.pfresposive .referencezoom {
	height:auto;
}
.pfresposive .referencezoom .detailimages {
	width:auto;
	margin:0 auto;
	float:none;
	height:417px;
}
.pfresposive .referencezoom .details {
	float:none;
	width:auto;
	margin:20px auto;
}
.pfresposive .referencezoom .detailimages,
.pfresposive .referencezoom .details {
	width:702px;
}
.pfresposive .referencezoom .project-prev {
	left:0;
}
.pfresposive .referencezoom .project-next {
	right:0;
}

/*end of reference*/

/*Competence---------------*/
#competences .container .nine.columns {
	width: 720px;
	margin:0px;
}
.competencewrap {
	height:220px;
	margin:10px 0;
	position:relative;
}
.competencewrap h3 {
	color:#FFF;
	padding:30px 20px;
	text-transform:uppercase;
	font-size:29px;
	opacity:1;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.competencewrap.readmore h3 {
	padding-top:81px;
	padding-left:33px;
	background:url("../images/arrow-right.png") no-repeat scroll 172px 95px;
}
.competencewrap h4 {
	font-size:15px;
	display:block;
	width:170px;
	height:160px;
	position:absolute;
	left:15px;
	top:15px;
	background-color:#fff;
	padding:15px 10px;
	opacity:0;
	text-transform:uppercase;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.ie8 .competencewrap h4 {
    display: none;
}
.competencewrap:hover h4,
.competencewrap.active h4 {
	opacity:1;
}
.ie8 .competencewrap:hover h4,
.ie8 .competencewrap.active h4 {
	display:block;
}
.competencewrap:hover h3,
.competencewrap.active h3 {
	opacity:0;
}
.ie8 .competencewrap:hover h3,
.ie8 .competencewrap.active h3 {
	display: none;
}
#competences .container .one.columns {
	margin-top:240px;
	width:220px;
}
.competencewrap.readmore {
	background-color:#0082a4;
	cursor:pointer;
}
.competencewrap .detaildes {
	display:none;
}
.competencewrap.readmore:hover h3 {
	opacity:1;
}
.ie8 .competencewrap.readmore:hover h3 {
	display:block;
}
#pf_overlaycontent.cppop {
	background-color:#fff;
}
#pf_overlaycontent.cppop .container {
	padding:60px 0 20px 0;
}
#pf_overlaycontent.cppop .close {
	color:#666;
}
#pf_overlaycontent.cppop .close:hover {
	color:#0082a4;
}
#pf_overlaycontent.cppop  .three,
#competences .three,
#competences .nine .three {
	cursor:pointer;
}
#pf_overlaycontent.cppop .detaildes {
	color:#666;
}
#pf_overlaycontent.cppop  .threeactive {
	cursor:default;
	clear:left;
}
#pf_overlaycontent .threeactive .competencewrap.active {
	margin-top:10px;
}
.threeactive .competencewrap:hover h4 {
	opacity:0;
}
.ie8 .threeactive  .competencewrap:hover h4 {
	display:none;
}
.threeactive .competencewrap:hover h3 {
	opacity:1;
}
.ie8 .threeactive  .competencewrap:hover h3 {
	display:block;
}
.threeactive .competencewrap.active:hover h3 {
	opacity:0;
}
.ie8 .threeactive .competencewrap.active:hover h3 {
	display: none;
}
.threeactive .competencewrap.active:hover h4 {
	opacity:1;
}
.ie8 .threeactive .competencewrap.active:hover h4 {
	display: block;
}
.threeactivecontent .share-container {
	position:relative;
	height:460px;
}
.threeactivecontent .share {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
}

/*client*/
#client .clientswrap {
	clear:left;
	position:relative;
	margin:0;
}
#client .cycle-prev, #client .cycle-next {
    cursor: pointer;
    height: 100%;
    position: absolute;
    top: 0;
    width: 50px;
    z-index: 800;
	display:block;
	text-indent:-10000px;
	overflow:hidden;
}
#client .cycle-prev {
    background: url("../images/highlights-prev.png") no-repeat scroll 0 50%;
	left:0;
}
#client .cycle-next {
    background: url("../images/highlights-next.png") no-repeat scroll 100% 50%;
	right:0;
}
#client li {
	line-height:21px;
	margin-bottom:0;
}

/* Form */
#contact_form input.required,
#contact_form textarea.required {
	border:1px solid #F00;
}
/* jwplayer */
.jwplayerwrapper {
	margin-bottom:10px;
}
/* Tooltip
--------------------------------------------------------*/

.tooltip {
  position: absolute;
  z-index: 1020;
  display: block;
  padding: 5px;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
}
.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.tooltip.top {
  margin-top: -2px;
}
.tooltip.right {
  margin-left: 2px;
}
.tooltip.bottom {
  margin-top: 2px;
}
.tooltip.left {
  margin-left: -2px;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top: 5px solid #555;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #555;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #555;
  border-left: 5px solid transparent;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-right: 5px solid #555;
  border-bottom: 5px solid transparent;
}

.tooltip-inner {
	max-width: 200px;
	padding: 4px 10px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	background-color: #555;
	border-radius: 6px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
}
/*foot links popup*/
#pf_overlaycontent.footlinkspop div.csc-header {
	margin-left:0px;
}
#pf_overlaycontent.footlinkspop h1 {
	color:#0082A4;
}
#pf_overlaycontent.footlinkspop h3 {
	margin-bottom:5px;
}
#pf_overlaycontent.footlinkspop .news_ajax {
	width:100%;
	max-width:1020px;
}
/*google map*/
#gmap {
  height:500px;
  width:100%;
}
#gmaptip {
  font-family: Arial, sans-serif;
  padding-top:5px;
}
#gmaptip h4,
#gmaptip p{
  font-size: 16px;
  margin: 0;
}

/*fixs to links in Competences*/
.detaildes a,
.detaildes a:hover {
  color: #007489;
}
.detaildes a:hover {
  color: #007489;
  text-decoration: underline;
}

/*new headersection*/
.homesectionboxwrap {
  background-color: #0082a4;
}
.homesectionboxwrapinner{
  width: 960px;
  padding: 50px 0 80px;
}
.homesectionItem {
  width: 300px;
  height: 300px;
  float: left;
  margin:0 10px 20px 10px;
  background-color: #fff;
  position: relative;
  cursor: pointer;

}
.homesectionItem img{
  position: absolute;
  width: 100%;
  height: 100%;
  left:0;
  top:0;
}
.homesectionItem  > h2{
  position: absolute;
  left: 0;
  padding: 35px;
  width: 230px;
  font-size: 29px;
  line-height: 1.06em;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  height: 230px;
  overflow: hidden;
}
.homesectionItem.homesectiontitlebottom > h2{
  bottom: 0;
}
.homesectionitem-hover {
    position: absolute;
    left: 20px;
    top: 20px;
    background-color: #0082a4;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
    overflow: hidden;
    width: 260px;
    height: 260px;
}
.homesectionitem-hoverinner {
  padding: 15px;
}
.homesectionitem-hover h2 {
  font-size: 29px;
  line-height: 1.06em;
  margin-bottom: 0;
  color: #fff;
  font-family: 'DINPro-Medium', Arial, sans-serif;
  text-transform: uppercase;
}
.homesectionitem-hover p{
  font-size: 15px;
  line-height: 1.217em;
  color: #fff;
  font-family: 'DINPro-Medium', Arial, sans-serif;
  text-transform: uppercase;
}
.homesectionitem-hover p:after {
  content: '';
  position: relative;
  display: inline-block;
  width: 9px;
  height: 11px;
  margin-left: 5px;
  background: no-repeat url('../images/n-arrow.png') 0 -11px;
}
.homesectiontitlewhite h2 {
  color:#fff;
}
.homesectiontitlewhite .homesectionitem-hover{
  background-color: #fff
}
.homesectiontitlewhite .homesectionitem-hover p,
.homesectiontitlewhite .homesectionitem-hover h2{
  color: #0082a4;
}
.homesectiontitlewhite  .homesectionitem-hover p:after {
  background: no-repeat url('../images/n-arrow.png') 0 0;
}
.homesectionItem:hover >h2 ,
.homesectionItem.hover >h2{
  opacity: 0;
  transform: scale(0);
}

.homesectionItem:hover .homesectionitem-hover,
.homesectionItem.hover .homesectionitem-hover{
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.stick-bottom {
  position: fixed;
  bottom: 0;
}
.homesectionitem-hover a{
  display: block;
  height:100%;
}