/*-----------------------------------------------------------------------------------

Theme Name:Hexagon
Theme URI:http://wpthemes.rubenbristian.com/hexagon/
Description:Hexagon is a unique & creative one page HTML template. Based on a responsive grid and packed with a lot of fancy features this can be the ultimate way for displaying your portfolio!
Author:RubenBristian
Author URI:http://rubenbristian.com
License:GNU General Public License version 3.0 & Envato Regular/Extended License
License URI: http://www.gnu.org/licenses/gpl-3.0.html & http://themeforest.net/licenses
Version:1.1

Designed by Pierre Borodin:http://dribbble.com/pierreborodin
All PHP code is released under the GNU General Public Licence version 3.0
All HTML/CSS/JAVASCRIPT code is released under Envato's Regular/Extended License (http://themeforest.net/licenses)

-----------------------------------------------------------------------------------*/

@charset "UTF-8";

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}*:focus{outline:none}

.clearfix:after, form:after, .row-fluid:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.clearfix, form {
  display: inline-block;
}
html[xmlns] .clearfix, .row-fluid {
  display: block;
}
* html .clearfix {
  height: 1%;
}

* {
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

body {
  font:12px/18px Arial, sans-serif;
  background-color: #191924;
}

.parentContainer header h1, .parentContainer header h2, .parentContainer header p, #menu a, .column, .twitterId a, .twitterId, .twitterMsg, .twitterWidget span, .teamList h5, .teamList h6, #portfolioContent h3, #portfolioContent span, .button, .portfolioMenu, .portfolioContainer h3, .spanDate, .servicesStatistics h5, .servicesStatistics p, .servicesList div h3, .cwidget .phone, .cwidget .email, .address h3, .monthButton, .timeline h3, .post p, .post div span , .post span.date, a.top, .rMenu p, .rMenu option, .pMedia {
  font-family:'Open Sans', sans-serif;
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

#timeline{
	display: none;
}
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

/* ---------------------------------------------------------------------------------
------------------------------   ICONS   ----------------------------------
------------------------------------------------------------------------------------*/

@font-face {
  font-family: 'fontello';
  src: url("font/fontello.eot");
  src: url("font/fontello.eot?#iefix") format('embedded-opentype'), url("font/fontello.woff") format('woff'), url("font/fontello.ttf") format('truetype'), url("font/fontello.svg#fontello") format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'fontello';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
}

.icon-delicious:before { content: '\23'; } /* '#' */
.icon-plus-1:before { content: '\e80e'; } /* '' */
.icon-plus:before { content: '\2b'; } /* '+' */
.icon-minus-1:before { content: '\e80f'; } /* '' */
.icon-minus:before { content: '\2d'; } /* '-' */
.icon-digg:before { content: '\3b'; } /* ';' */
.icon-youtube:before { content: '\55'; } /* 'U' */
.icon-skype:before { content: '\e037'; } /* '' */
.icon-mail:before { content: '\2709'; } /* '✉' */
.icon-email:before { content: '\5d'; } /* ']' */
.icon-home:before { content: '\2302'; } /* '⌂' */
.icon-hourglass:before { content: '\23f3'; } /* '⏳' */
.icon-play:before { content: '\25b6'; } /* '▶' */
.icon-cloud:before { content: '\2601'; } /* '☁' */
.icon-umbrella:before { content: '\2602'; } /* '☂' */
.icon-star:before { content: '\2605'; } /* '★' */
.icon-moon:before { content: '\263d'; } /* '☽' */
.icon-heart-1:before { content: '\e807'; } /* '' */
.icon-note-beamed:before { content: '\266b'; } /* '♫' */
.icon-flag:before { content: '\2691'; } /* '⚑' */
.icon-tools:before { content: '\2692'; } /* '⚒' */
.icon-cog:before { content: '\2699'; } /* '⚙' */
.icon-flash-1:before { content: '\e803'; } /* '' */
.icon-tape:before { content: '\2707'; } /* '✇' */
.icon-flight:before { content: '\2708'; } /* '✈' */
.icon-pencil-1:before { content: '\e800'; } /* '' */
.icon-pencil:before { content: '\270e'; } /* '✎' */
.icon-feather:before { content: '\2712'; } /* '✒' */
.icon-ok:before { content: '\2713'; } /* '✓' */
.icon-cancel:before { content: '\2715'; } /* '✕' */
.icon-cancel-1:before { content: '\e810'; } /* '' */
.icon-asterisk:before { content: '\2731'; } /* '✱' */
.icon-help:before { content: '\2753'; } /* '❓' */
.icon-quote:before { content: '\275e'; } /* '❞' */
.icon-forward:before { content: '\27a6'; } /* '➦' */
.icon-cw:before { content: '\27f3'; } /* '⟳' */
.icon-resize-vertical:before { content: '\2b0c'; } /* '⬌' */
.icon-resize-horizontal:before { content: '\2b0d'; } /* '⬍' */
.icon-volume:before { content: '\e033'; } /* '' */
.icon-phone:before { content: '\e065'; } /* '' */
.icon-pencil-2:before { content: '\e068'; } /* '' */
.icon-dribbble:before { content: '\e0c2'; } /* '' */
.icon-digg-1:before { content: '\e0c5'; } /* '' */
.icon-right-open-1:before { content: '\e0cc'; } /* '' */
.icon-left-open-1:before { content: '\e0cd'; } /* '' */
.icon-book-1:before { content: '\e0f5'; } /* '' */
.icon-comment:before { content: '\e106'; } /* '' */
.icon-eye:before { content: '\e70a'; } /* '' */
.icon-eye-1:before { content: '\e811'; } /* '' */
.icon-tag:before { content: '\e70c'; } /* '' */
.icon-tags:before { content: '\e70d'; } /* '' */
.icon-print:before { content: '\e716'; } /* '' */
.icon-comment-1:before { content: '\e80c'; } /* '' */
.icon-chat:before { content: '\e720'; } /* '' */
.icon-location:before { content: '\e724'; } /* '' */
.icon-compass:before { content: '\e728'; } /* '' */
.icon-rss:before { content: '\e73a'; } /* '' */
.icon-share:before { content: '\e73c'; } /* '' */
.icon-basket:before { content: '\e73d'; } /* '' */
.icon-login:before { content: '\e740'; } /* '' */
.icon-logout:before { content: '\e741'; } /* '' */
.icon-resize-full:before { content: '\e744'; } /* '' */
.icon-resize-small:before { content: '\e746'; } /* '' */
.icon-bucket:before { content: '\e756'; } /* '' */
.icon-thermometer:before { content: '\e757'; } /* '' */
.icon-down-circle2:before { content: '\e758'; } /* '' */
.icon-up-circle2:before { content: '\e75b'; } /* '' */
.icon-left-open:before { content: '\e75d'; } /* '' */
.icon-right-open:before { content: '\e75e'; } /* '' */
.icon-right-open-mini:before { content: '\e762'; } /* '' */
.icon-network:before { content: '\e776'; } /* '' */
.icon-inbox:before { content: '\e777'; } /* '' */
.icon-off:before { content: '\e78e'; } /* '' */
.icon-road:before { content: '\e78f'; } /* '' */
.icon-ajust:before { content: '\e793'; } /* '' */
.icon-tint:before { content: '\e794'; } /* '' */
.icon-brush:before { content: '\e79a'; } /* '' */
.icon-paper-plane:before { content: '\e79b'; } /* '' */
.icon-magnet-1:before { content: '\e802'; } /* '' */
.icon-chart-pie-1:before { content: '\e7a2'; } /* '' */
.icon-fire-station:before { content: '\e817'; } /* '' */
.icon-grocery-store:before { content: '\e81e'; } /* '' */
.icon-harbor:before { content: '\e81f'; } /* '' */
.icon-heliport:before { content: '\e820'; } /* '' */
.icon-religious-jewish:before { content: '\e831'; } /* '' */
.icon-school:before { content: '\e834'; } /* '' */
.icon-skiing:before { content: '\e836'; } /* '' */
.icon-swimming:before { content: '\e838'; } /* '' */
.icon-right-open-2:before { content: '\f006'; } /* '' */
.icon-left-open-2:before { content: '\f007'; } /* '' */
.icon-ccw:before { content: '\f025'; } /* '' */
.icon-vector-pencil:before { content: '\f046'; } /* '' */
.icon-move:before { content: '\f047'; } /* '' */
.icon-certificate:before { content: '\f0a3'; } /* '' */
.icon-filter:before { content: '\f0b0'; } /* '' */
.icon-resize-full-alt:before { content: '\f0b2'; } /* '' */
.icon-beaker:before { content: '\f0c3'; } /* '' */
.icon-magic:before { content: '\f0d0'; } /* '' */
.icon-gauge:before { content: '\f0e4'; } /* '' */
.icon-sitemap:before { content: '\f0e8'; } /* '' */
.icon-lightbulb:before { content: '\f0eb'; } /* '' */
.icon-download-cloud:before { content: '\f0ed'; } /* '' */
.icon-upload-cloud:before { content: '\f0ee'; } /* '' */
.icon-bell-alt:before { content: '\f0f3'; } /* '' */
.icon-beer:before { content: '\f0fc'; } /* '' */
.icon-desktop:before { content: '\f108'; } /* '' */
.icon-laptop:before { content: '\f109'; } /* '' */
.icon-quote-left:before { content: '\f10d'; } /* '' */
.icon-quote-right:before { content: '\f10e'; } /* '' */
.icon-reply:before { content: '\f112'; } /* '' */
.icon-github:before { content: '\e80b'; } /* '' */
.icon-flickr:before { content: '\e808'; } /* '' */
.icon-vimeo:before { content: '\f306'; } /* '' */
.icon-twitter:before { content: '\f309'; } /* '' */
.icon-facebook-squared:before { content: '\e809'; } /* '' */
.icon-gplus:before { content: '\e80a'; } /* '' */
.icon-pinterest:before { content: '\f312'; } /* '' */
.icon-tumblr:before { content: '\f315'; } /* '' */
.icon-linkedin:before { content: '\f318'; } /* '' */
.icon-stumbleupon:before { content: '\f31e'; } /* '' */
.icon-lastfm:before { content: '\f321'; } /* '' */
.icon-evernote:before { content: '\f333'; } /* '' */
.icon-picasa:before { content: '\f345'; } /* '' */
.icon-behance:before { content: '\f34e'; } /* '' */
.icon-google-circles:before { content: '\f351'; } /* '' */
.icon-picture-1:before { content: '\e80d'; } /* '' */
.icon-picture:before { content: '🌄'; } /* '\1f304' */
.icon-globe-1:before { content: '\e801'; } /* '' */
.icon-globe:before { content: '\f30e'; } /* '' */
.icon-leaf:before { content: '\f342'; } /* '' */
.icon-gift:before { content: '\f381'; } /* '' */
.icon-graduation-cap:before { content: '\f393'; } /* '' */
.icon-mic:before { content: '\f3a4'; } /* '' */
.icon-headphones:before { content: '\f3a7'; } /* '' */
.icon-palette:before { content: '\f3a8'; } /* '' */
.icon-video:before { content: '🎬'; } /* '\1f3ac' */
.icon-trophy:before { content: '\f3c6'; } /* '' */
.icon-award:before { content: '\f3c9'; } /* '' */
.icon-thumbs-up:before { content: '\f44d'; } /* '' */
.icon-thumbs-down:before { content: '\f44e'; } /* '' */
.icon-bag:before { content: '\f45c'; } /* '' */
.icon-user-1:before { content: '\e804'; } /* '' */
.icon-user:before { content: '\f464'; } /* '' */
.icon-users-1:before { content: '\e805'; } /* '' */
.icon-users:before { content: '\f465'; } /* '' */
.icon-lamp:before { content: '\f4a1'; } /* '' */
.icon-briefcase:before { content: '\f4bc'; } /* '' */
.icon-calendar-1:before { content: '📅'; } /* '\1f4c5' */
.icon-calendar:before { content: '\f4c5'; } /* '' */
.icon-chart:before { content: '📈'; } /* '\1f4c8' */
.icon-chart-bar:before { content: '📊'; } /* '\1f4ca' */
.icon-clipboard:before { content: '\f4cb'; } /* '' */
.icon-book:before { content: '\f4d5'; } /* '' */
.icon-book-open:before { content: '📖'; } /* '\1f4d6' */
.icon-megaphone:before { content: '\f4e3'; } /* '' */
.icon-upload:before { content: '\f4e4'; } /* '' */
.icon-download:before { content: '\f4e5'; } /* '' */
.icon-mobile:before { content: '\f4f1'; } /* '' */
.icon-mobile-1:before { content: '📱'; } /* '\1f4f1' */
.icon-camera:before { content: '📷'; } /* '\1f4f7' */
.icon-mute:before { content: '\f507'; } /* '' */
.icon-sound:before { content: '\f50a'; } /* '' */
.icon-volume-up:before { content: '🔊'; } /* '\1f50a' */
.icon-battery:before { content: '\f50b'; } /* '' */
.icon-search:before { content: '\f50d'; } /* '' */
.icon-key:before { content: '\f511'; } /* '' */
.icon-bell:before { content: '\f514'; } /* '' */
.icon-link-1:before { content: '🔗'; } /* '\1f517' */
.icon-link:before { content: '\f517'; } /* '' */
.icon-fire:before { content: '\f525'; } /* '' */
.icon-flashlight:before { content: '\f526'; } /* '' */
.icon-wrench:before { content: '\f527'; } /* '' */
.icon-hammer:before { content: '\f528'; } /* '' */
.icon-chart-area:before { content: '\f53e'; } /* '' */
.icon-clock-1:before { content: '\e806'; } /* '' */
.icon-clock:before { content: '\f554'; } /* '' */
.icon-rocket:before { content: '\f680'; } /* '' */
.icon-truck:before { content: '\f69a'; } /* '' */
.icon-block:before { content: '\f6ab'; } /* '' */

i.i-default {
  color:#000;
  width:52px;
  height:52px;
  border-radius:30px;
  text-align:pointer;
  font-size:24px;
  cursor:default;
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  padding-top:3px;
}
i.i-large {
  color:#000;
  width:81px;
  height:81px;
  border-radius:40px;
  text-align:pointer;
  font-size:36px;
  cursor:default;
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  padding-top:3px;
}

.i-hex {
  display:block;
  position:relative;
}
.i-hex.small {
  width:52px;
  height:56px;
  display: none; 
}
.i-hex.large {
  width:83px;
  height:91px; 
}
.i-hex canvas {
  position:absolute;
  top:0;
  left:0;
  z-index:1;
}
.i-hex.canvased i {
  background-color:transparent !important;
  padding-top:14px;
  position:absolute;
  top:0;
  left:0;
  z-index:2;
}
.i-hex.canvased.large i {
  padding:32px 0 0 4px;
}

.page-template-template-special-php .i-hex i {
  background-color:#333;
  color:#FFF;
  padding-top:20px !important;
}
.page-template-template-special-php .i-hex {
   float:left;
   margin:10px 5px;
   width:130px;
}
.page-template-template-special-php .i-hex > p {
    left: 60px;
    position: absolute;
    top: 5px;
}

/* ---------------------------------------------------------------------------------
------------------------------   Site   ----------------------------------
------------------------------------------------------------------------------------*/

/*.gallery{
	margin-left:25px !important;
}*/


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

.parentContainer {
  width:100%;
  padding:50px 0 50px;
  overflow:hidden;
}
.parentContainer > section {
  width:960px;
  margin:auto;
}
.parentContainer .hgroup {
}
.parentContainer header h1 {
  font-weight:800;
  color:#ffffff;
  font-size:30px;
  text-transform:uppercase;
  float:left;
  margin-right:22px;
}
.parentContainer header h2 {
  float:left;
  font-size:22px;
  font-style:italic;
  color:#ffffff;
  font-weight:lighter;
  padding-top:13px;
}
.parentContainer header h4 {
  padding-top:45px;
  font-size:18px;
  font-family:Arial;
  font-weight:400;
  line-height:34px;
}
.parentContainer header p {
  margin-top:40px;
  font-size:16px;
  color:#ffffff;
  line-height:28px;
}
.parentContainer header {
  margin-bottom:75px;
  line-height:normal;
}

/* ------------------------
-----   Menu  -----
------------------------------*/

#menu {
  z-index:100;
  position:fixed;
  top:35px;
  margin-top:0 !important;
  right:0;
  z-index:99999;
}
#menu ul {
  float:right;
}
#menu li {
  float:right;
  clear:right;
}
#menu a {
  background-color:#ffffff;
  text-decoration:none;
  margin-top:5px;
  float:left;
  padding:10px 15px 12px 20px;
  font-size:15px;
  color:#8e96a0 !important;
  border-radius:30px 0px 0px 30px;
  height:35px;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -webkit-transition:all 300ms ease-in;
  -o-transition:all 300ms ease-in;
  -moz-transition:all 300ms ease-in;
}
#menu a:hover {
  color:#f26402;
  padding-right:35px;
}
#languages{
	padding: 3px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	position: fixed;
	z-index: 999999;
	background-color:#fff;
	text-align: center;
	left: 50%;
	margin-left: -480px;
	text-transform: uppercase;
	
}
#languages a{
	color: #8E96A0;
	font-weight: bold;
	
}
#languages a:hover{
	color: #000;
}
/* ------------------------
-----   Columns  -----
------------------------------*/

.content {
  margin-left:-40px; 
  width:1040px;
  margin-top: -80px;
}
.column {
  float:left;
  padding:0 0 0 40px;
  margin-top:0;
  display:block;
  position:relative;
  font-size:13px;
  line-height:22px;
}
.span6 {
  width:50%;
}
.span3 {
  width: 25%;
}
.span4 {
  width: 31%;
}
.span6 {
  width: 48%;
}
.span8 {
  width: 66.34%;
}
.span9 {
  width: 75%;
}
.span12 {
  width: 100%;
}

p {
  margin:12px 0;
}

/* ------------------------
-----   Twitter Feed  -----
------------------------------*/

.twitterWidget > img {
  float:left;
  margin-top:47px;
}
.twitterWidget ul {
  float:right;
  width:220px;
}
.twitterWidget li {
  margin-bottom:25px;
}
.twitterWidget p {
  margin:0;
}
.twitterId a, .twitterId {
  font-size:14px;
  color:#ffffff;
  font-weight:700;
}
.twitterMsg {
  font-size:14px;
  font-style:italic;
  font-weight:400;
  color:#3f2313;
  line-height:22px;
}
.twitterMsg a:hover {
  color:#FFF;
}
.twitterWidget span {
  display:block;
  font-size:12px;
  line-height:22px;
  color:#7a591f;
  font-weight:600;
}

/* ------------------------
-----   Team List  -----
------------------------------*/

.teamList {
  margin:0 0 -40px 35px;
}
.teamList > li {
  float:left;
  text-align:center;
  margin:0 0;
  position:relative;
  overflow:hidden;
  width:200px;
}
.teamList img {
  margin-bottom:-200px;
}
.teamList h5 {
  margin-top:230px;
  font-size:24px;
  line-height:34px;
  font-weight:800;
  text-transform:uppercase;
}
.teamList h6 {
  font-size:16px;
  line-height:24px;
  font-weight:400;
  text-transform:uppercase;
}
.teamList > li > a {
  display:block;
  height:200px;
  left:0;
  position:absolute;
  text-indent:-9999px;
  top:0;
  width:200px;
  z-index:9999;
}

/* ------------------------
-----   Social Icons  -----
------------------------------*/

.socialIcons {
  float:left;
}
.socialIcons li {
  float:left;
  margin:0 2px;
  width:25px;
}
.socialIcons a{
  margin-top:20px;
  width:25px;
  height:28px;
  display:block;
  margin-right:0px;
  text-indent:-999999px;
  background:url(images/socialIcons.png) no-repeat 0px 0px transparent;
  opacity:.4;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  -webkit-transition:all 100ms ease-in;
  -o-transition:all 100ms ease-in;
  -moz-transition:all 100ms ease-in;
  display: none;
}
.socialIcons .facebook {
  background-position:0px 0px;
}
.socialIcons .twitter {
  background-position:-28px 0px;
}
.socialIcons .dribbble {
  background-position:-56px 0px;
}
.socialIcons .linkedin {
  background-position:-83px 0px;
}
.socialIcons .google {
  background-position:-111px 0px;
}
.socialIcons .deviantart {
  background-position:0 -36px;
}
.socialIcons .picasa {
  background-position:-28px -36px;
}
.socialIcons .lastfm {
  background-position:-56px -36px;
}
.socialIcons .forrst {
  background-position:-83px -36px;
}
.socialIcons .play {
  background-position:-111px -36px;
}
.socialIcons .behance {
  background-position:0 -73px;
}
.socialIcons .tumblr {
  background-position:-28px -73px;
}
.socialIcons .vimeo {
  background-position:-56px -73px;
}
.socialIcons .pinterest {
  background-position:-83px -73px;
}
.socialIcons .flickr {
  background-position:-111px -73px;
}
.socialIcons a:hover {
  opacity:1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

li {
  list-style-type:none !important;
  list-style:none !important;
}

/* ------------------------
-----   Portfolio  -----
------------------------------*/

#portfolioSliderBk {
  position:absolute;
  width:100%;
  left:0;
  border-top:1px solid rgba(255,255,255,.25);
  border-bottom:1px solid rgba(255,255,255,.25);
  display:none;
}
#portfolioBox {
  display:block;
  margin:85px auto;
  width:960px;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.flexslider {
  float:left;
  margin-right:23px;
  width:600px;
  height:auto;
  background:transparent;
  padding:0;
  border-radius:5px;
  box-shadow:none;
  border:none;
}
.flexslider img, .flexslider iframe {
  border-radius:5px;
  width:100%;
}
.flexslider img {
  height:auto;
}

.flex-control-nav {
  bottom:-20px;
  right:0;
  width:auto;
}
.flex-control-paging li {
  float:left;
}
.flex-control-paging li a {
  width:10px;
  height:12px;
  text-indent:-99999px;
  display:block;
  background:url(images/portfolioNav.png) no-repeat -16px 0 transparent !important;
  margin-left:-5px;
  box-shadow:none;
  border-radius:0;
}
.flex-control-paging li a:hover {
  background-position:-32px 0 !important;
}
.flex-control-paging li a.flex-active {
  background-position:0 0 !important;
}

#portfolioContent {
  width:307px;
  float:right;
}
#portfolioContent h3 {
  font-size:22px;
  line-height:22px;
  font-weight:600;
  margin-top:0px;
  margin-bottom:13px;
  text-shadow:1px 1px rgba(0,0,0,.3);
}
#portfolioContent span {
  font-size:14px;
  opacity:0.5; 
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  text-shadow:1px 1px #921342;
  display:block;
  margin-bottom:38px;
  display: none;
}
#portfolioContent p {
  font-family:Arial;
  font-size:12px;
  line-height:20px;
  margin:15px 0;
  text-shadow:0 1px 1px rgba(0, 0, 0, 0.2);
}
.button {
  border-radius:30px ;
  background-color:#ffffff;
  color:#666;
  font-size:13px;
  text-decoration:none;
  padding:6px 25px 7px;
  margin-top:15px;
  display:inline-block;
}
.button:hover, .twitterWidget a {
  opacity:.8;
}
.portfolioNavigation a {
  margin-top:6px;
  width:24px;
  height:24px;
  display:block;
  margin-left:4px;
  float:right;
text-indent:-999999px;
  background:url(images/buttons.png) no-repeat 0px 0px transparent;
}
.portfolioNavigation .btnPrev {
  background-position:2px -5px; 
}
.portfolioNavigation .btnNext {
  background-position:-24px -5px; 
}
.portfolioNavigation .btnClose {
  height:37px;
  width:34px;
  margin-left:8px; 
  margin-top:0px;
  background-position:-57px 0px; 
}
.portfolioNavigation .btnPrev:hover {
  background-position:2px -43px; 
}
.portfolioNavigation .btnNext:hover {
  background-position:-24px -43px; 
}
.portfolioNavigation .btnClose:hover {
  height:37px;
  width:34px;
  margin-left:8px; 
  margin-top:0px;
  background-position:-57px -37px; 
}
.portfolioMenu {
  border-radius:30px;
  margin:auto;
  padding:0 30px 0 10px;
  display:inline-block !important;
  position:relative;
  margin-left: 15px !important;
}
.portfolioMenu li {
  float:left;
  margin-left:20px;
}
.portfolioMenu i {
  float:left;
  font-size:24px;
  padding-top:14px;
}
.portfolioMenu p {
  float:left;
  font-size:16px;
  font-weight:700;
  padding:4px 5px 2px 6px; 
}
.portfolioMenu span {
  height:30px;
  display:block;
  float:left;
  margin:10px 0px 0px 20px;
  text-indent:-999999px;
}
.portfolioContainer {
  width:960px;
  /*margin-left:35px;*/
}
.portfolioContainer li {
  float:left;
  text-align:center;
  margin:20px 20px 0 0px;
  overflow:visible;
  position:relative;
  width:200px;
  height:275px;
  cursor:pointer;
}
.portfolioContainer img {
  margin-bottom:-190px;
}
.portfolioContainer h3 {
  margin-top:210px;#
  font-size:16px;
  line-height:16px;
  font-weight:600;
  color:#ffffff;
  text-shadow:1px 1px rgba(0,0,0,.5);
  text-transform:uppercase;
}
.portfolioContainer a {
  text-decoration:none;
}
.spanDate {
  margin-top:12px;
  font-size:12px;
  line-height:12px;
  font-weight:600;
  color:#e780a9;
  text-shadow:1px 1px #921342;##FC96E4
  display:block;
  display: none;
}
.portfolioContainer .icon {
  background:url(images/magnify.png) no-repeat 0 0 transparent;
  width:26px;
  height:27px;
  position:absolute;
  z-index:2;
  top:135px;
  left:105px;
}
/*.portfolioContainer a span:first-child {    
background:url("../img/portfolioHover.png") no-repeat scroll center center transparent;
height:130px;
left:35px;
position:absolute;
top:35px;
width:130px;
z-index:9;
-webkit-transition:all 200ms ease-in;
-o-transition:all 200ms ease-in;
-moz-transition:all 200ms ease-in;
}*/
#folioPreloader {
  width:24px;
  height:24px;
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-12px;
  margin-left:-12px;
  background:url(images/preloader.gif) no-repeat 0 0 transparent;
  display:none;
}

.portfolioContainer canvas, .teamList canvas {
  position:absolute;
  top:0;
  left:0;
  width:200px;
  height:195px;
}
.circ {
  z-index:0;
}
.bang {
  z-index:1;
}
.hex {
  z-index:3;
}
.portfolioContainer .hex {
  -webkit-transition:all 200ms ease-in;
  -o-transition:all 200ms ease-in;
  -moz-transition:all 200ms ease-in;
}

/* ------------------------
-----   Stats  -----
------------------------------*/

.servicesStatistics h5 {
  font-size:14px;
  color:#ffffff;
  font-weight:600;
  text-transform:uppercase;
  margin-right:5px;
  margin-bottom:5px;
  float:left;
}
.servicesStatistics p {
  float:left;
  font-size:14px;
  color:#ffffff;
  font-weight:300;
  text-transform:uppercase;
}
.bar {
  float:left;
  display:block;
  text-indent:-9999px;
  border-radius:4px;
  height:20px;
}
.barBk {
  display:relative;
  float:left;
  width:100%;
  height:26px;
  margin-bottom:30px;
  padding:3px;
  -moz-border-radius:5px; 
  -webkit-border-radius:5px;
  border-radius:5px;
  -moz-background-clip:padding !important;
  -webkit-background-clip:padding-box !important;
  background-clip:padding-box !important;
  box-shadow:0 1px 0 rgba(255,255,255,.1), inset 0 1px 1px rgba(0,0,0,.1);
}

/* ------------------------
-----   Services  -----
------------------------------*/

.servicesList li {
  float:left;
  margin-bottom:45px;
}
.servicesList .i-hex {
  float:left;
  width:91px;
}
.servicesList div {
  float:left;
  margin:-90px 0 0 110px;
}
.servicesList div h3 {
  line-height:18px;
  font-size:22px;
  font-weight:400;
  margin-bottom:15px;
}
.servicesList div p {
  font-size:12px;
  font-family:Arial;
  line-height:20px;
}
.servicesStatistics * {
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}

.mainMap {
  float:left;
}

/* ------------------------
-----   Contact Info  -----
------------------------------*/

.cwidget .phone, .cwidget .email {
  font-size:12px;
  margin-bottom:15px;
  float:left;
  position: relative;
  z-index: 99;
}
.cwidget .phone {
  width:45%;
}
.cwidget .email {
  width:55%;
  margin-top: 20px;
}
.phone span, .email span {
  width:10px;
  height:22px;
  margin-right:10px;
  float:left;
  text-indent:-999999px;
  background:url(images/phonemailContact.png) no-repeat 0px 2px transparent;
}
.email span {
  width:18px;
  background-position:-20px 3px;
}
.phone a, .email a {
  text-decoration:none;
  float:left;
  font-weight:600;
}
.phone p, .email a {
  float:left;
  margin-top:0;
  margin-bottom:0;
}

/* ------------------------
-----   Contact Map  -----
------------------------------*/

@font-face {
    font-family: 'geobatsregular';
    src: url('font/geobats-webfont.eot');
    src: url('font/geobats-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/geobats-webfont.woff') format('woff'),
         url('font/geobats-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.address {
  position:absolute;
  z-index:2;
}
.address > span {
  margin-top:10px;
  position:absolute;
  width:18px;
  height:24px;
  margin-right:10px;
  text-indent:-999999px;
  background:url(images/mapPointer.png) no-repeat 0px 2px transparent;
}
.address div {
  margin-left:45px;
  position:absolute;
  background:#fff;
  border-radius:0 4px 4px 0;
  width:192px;
  height:50px;
  padding:5px 3px;
  -webkit-box-shadow:2px 2px 2px 3px rgba(10, 10, 10, 0.1);
  box-shadow:2px 2px 2px 2px rgba(10, 10, 10, 0.1);
  -moz-box-sizing:border-box;
  -box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
.address div:after, .address div:before {
  right:99%;
  border:solid transparent;
  content:" ";
  position:absolute;
  pointer-events:none;
}
.address div:after {
  border-color:rgba(255, 255, 255, 0);
  border-right-color:#ffffff;
  border-width:25px;
  top:50%;
  margin-top:-25px;
  margin-right:1px;
}
.address h3 {
  font-size:13px;
  color:#191923;
  font-weight:600;
  line-height:19px;
}
.address > div span {
  text-transform:uppercase;
  font-weight:800;
  float:left;
}
.map {
  font-family:'geobatsregular';
  font-size:96px;
  position:absolute;
  top:164px;
  left:0;
  height:auto;
  line-height:0;
  z-index:1;
}
.mainMap {
  width:100%;
  height:210px;
  position:relative;
}

/* ------------------------
-----   Contact Form  -----
------------------------------*/

.contact > div {
  width:120%;
}
form {
  width:100%;
}
textarea, input {
  display:inline-block;
  width:200px;
  height:40px;
  margin-right:20px;
  color:#82631c;
  font-size:13px;
  font-family:Arial;
  font-weight:400;
  border:none;
  box-shadow:inset 2px 2px 2px rgba(0,0,0,.1);
  border-bottom:solid 1px rgba(255,255,255,.1);
  border-radius:3px;
  padding-left:13px;
  float:left;
}
input {
  margin-bottom:24px;
  outline:none;
}
textarea {
  width:420px;
  height:152px;
  padding-top:18px;
  resize:none;
}
input[type="submit"] {
  position:relative;
  margin-top:-27px;
  width:43px;
  height:50px;
  border:none;
  box-shadow:none;
  margin-left:360px;
  float:left;
  background:url(images/mailImg.png) no-repeat 0px 2px transparent;
  cursor:pointer;
}
.contactSuccess, .contactError {
  display:none;
  font-weight:600;
  color:#4A5409;
} 

/* ------------------------
-----   Timeline  -----
------------------------------*/

.timeline, .slider {
  padding:0 !important;
  position:relative;
}
.timelineBorder {
  position:absolute;
  text-indent:-99999px;
  width:4px;
  height:100%;
  left:50%;
  top:0;
  margin-left:-3px;
  background:#d7d7d7;
  background:-moz-linear-gradient(top,  rgba(215,215,215,1) 0%, rgba(215,215,215,1) 94%, rgba(215,215,215,0) 100%); /* FF3.6+ */
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(215,215,215,1)), color-stop(94%,rgba(215,215,215,1)), color-stop(100%,rgba(215,215,215,0))); /* Chrome,Safari4+ */
  background:-webkit-linear-gradient(top,  rgba(215,215,215,1) 0%,rgba(215,215,215,1) 94%,rgba(215,215,215,0) 100%); /* Chrome10+,Safari5.1+ */
  background:-o-linear-gradient(top,  rgba(215,215,215,1) 0%,rgba(215,215,215,1) 94%,rgba(215,215,215,0) 100%); /* Opera 11.10+ */
  background:-ms-linear-gradient(top,  rgba(215,215,215,1) 0%,rgba(215,215,215,1) 94%,rgba(215,215,215,0) 100%); /* IE10+ */
  background:linear-gradient(to bottom,  rgba(215,215,215,1) 0%,rgba(215,215,215,1) 94%,rgba(215,215,215,0) 100%); /* W3C */
}
.monthButton {
  float:left;
  margin:70px 0px 40px 394px;
  position:relative;
  width:167px;
  border:1px solid #d7d7d7;
  text-decoration:none;
  background-color:#ffffff;
  display:block;
  font-size:16px;
  color:#34343d;
  font-weight:600;
  padding:10px 0px;
  text-align:center;
  -webkit-box-shadow:1px 1px 2px rgba(10, 10, 10, 0.1);
  box-shadow:1px 1px 2px rgba(10, 10, 10, 0.1);
  border-radius:3px;
}
.monthButton:last-child {
  color:#d00355;
  margin-bottom:120px;
}
.monthButton:last-child { position:relative; background:#FFFFFF; border:1px solid #d7d7d7; } .monthButton:last-child:after, .monthButton:last-child:before { top:100%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; } .monthButton:last-child:after { border-color:rgba(255, 255, 255, 0); border-top-color:#FFFFFF; border-width:15px; left:50%; margin-left:-15px; } .monthButton:last-child:before { border-color:rgba(215, 215, 215, 0); border-top-color:#d7d7d7; border-width:16px; left:50%; margin-left:-16px; }

.timeline .leftColumn , .timeline .rightColumn  {
  width:478px;
  float:left;
}
.timeline .rightColumn {
  margin-left:4px;
  float:right;
}
.post {
  position:relative;
  margin-top:35px;
  background-color:#ffffff;
  padding:15px 15px 15px 15px;
  -webkit-box-shadow:1px 1px 2px rgba(10, 10, 10, 0.1);
  box-shadow:1px 1px 2px rgba(10, 10, 10, 0.1);
  border-radius:3px;
}
.leftColumn .post {
  width:450px;
  background:#ffffff;
  border:1px solid #d7d7d7;
}
.leftColumn .post { position:relative; background:#FFFFFF; border:1px solid #d7d7d7; } .leftColumn .post:after, .leftColumn .post:before { left:100%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; } .leftColumn .post:after { border-color:rgba(255, 255, 255, 0); border-left-color:#FFFFFF; border-width:10px; top:30px; margin-top:-10px; } .leftColumn .post:before { border-color:rgba(215, 215, 215, 0); border-left-color:#d7d7d7; border-width:11px; top:30px; margin-top:-11px; }
.rightColumn .post {
  width:450px;
  position:relative;
  background:#ffffff;
  border:1px solid #d7d7d7;
}
.rightColumn .post { position:relative; background:#FFFFFF; border:1px solid #d7d7d7; } .rightColumn .post:after, .rightColumn .post:before { right:100%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; } .rightColumn .post:after { border-color:rgba(255, 255, 255, 0); border-right-color:#FFFFFF; border-width:10px; top:30px; margin-top:-10px; } .rightColumn .post:before { border-color:rgba(215, 215, 215, 0); border-right-color:#d7d7d7; border-width:11px; top:30px; margin-top:-11px; }
.leftColumn .post {
  margin-right:25px;
}
.rightColumn .post {
  margin-left:25px;
}
.bullet {
  z-index:10;
  margin-top:8px;
  position:absolute;
  width:16px;
  height:16px;
  border-radius:10px;
  background-color:#d7d7d7;
  text-indent:-9999px;
  top:15px;
}
.leftColumn .bullet {
  right:-38px;
}
.rightColumn .bullet {
  right:469px;
}
.rightColumn div:first-child .bullet {
  display:none;
}
.timeline h3 {
  font-size:18px;
  color:#1C712A;
  font-weight:700;
  margin-bottom:10px;
}
.post p {
  font-size:13px;
  line-height:18px;
  color:#7c8387;
  margin-bottom:12px;
}
.post div span , .post span.date {
  display:block;
  font-size:12px;
  color:#7c8387;
}
.post img, .post iframe {
  margin-bottom:16px;
  width:100%;
  border-radius:3px;
}
.post img {
  height:auto;
}

.post .love {
  background:#EBEBEB;
  border-radius:3px;
  display:block;
  float:right;
  height:22px;
  margin-top:-22px;
  padding:2px 10px;
  width:70px;
  display: none;
}
.post .love i {
  color:#FF0066;
  font-size:13px;
}
.post .love .no {    
  float:right;
  font-size:11px;
  font-weight:600;
}
.post .love:hover {
  background:#F7F7F7;
}
.post .love.loved {
  background:#FF0066;
}
.post .love.loved .no, .post .love.loved i {
  color:#FFF;
}

blockquote p {
  font-style:italic;
  font-size:16px;
  line-height:20px;
  margin-top:0;
}
blockquote i {
  float:right;
  color:#999;
  font-size:26px;
}
blockquote cite {    
  color:#CCCCCC;
  display:block;
  font-style:italic;
  text-align:right;
  width:100%;
}

.post .link {    
  background:#F7F7F7;
  border-radius:5px;
  color:#333333;
  display:block;
  margin-bottom:16px;
  padding:10px 15px;
}
.post .link:hover {    
  background:#333;
  color:#F7F7F7;
}

.post .flexslider {
  width:418px;
  margin:0 !important;
}
.post .flex-control-nav {
  bottom:22px;
}

/* ------------------------
-----   Single Post  -----
------------------------------*/

.pp.parentContainer {
  background:#000000;
  padding-bottom:100px;
}
.pp header > *, .pp .content, #comments, .commentPart .comment-form-wrapper {
  width:100%;
  padding:0 ;
  margin:0 !important;
  text-align:center;
  color:#FFF;
}
.pp header {
  margin-bottom:40px;
}
.pp header h1 {
  margin-bottom:15px !important;
  line-height:36px;
  font-size:36px;
}

.singleMeta {
  font-size:16px;
  color:#8D959F !important;
}
.singleMeta li {
  display:inline-block;
  margin-right:3px;
}
.singleMeta li:before {
  content:"  /  ";
  margin-right:3px;
}
.singleMeta li:first-child:before {
  display:none;
}

.pp .content {
  font-size:13px;
  line-height:22px;
  text-align:left;
  font-family:'Open Sans', sans-serif !important;
} 
.single-post .parentContainer a {
  color:#FFF;
} 
.single-post .parentContainer a:hover {
  opacity:.7;
}

.pp .pMedia, .pp .pMedia img, .pp .pMedia iframe, .pp .flexslider {
  width:100%;
  border-radius:5px;
}
.pp .pMedia iframe {
  height:auto;
}

#comments {
  margin-top:90px !important;
  text-align:left;
  clear:left;
}
#comments .i-default, .comment-form-wrapper .i-default {
  color:#FFF;
  background:#3F4852;
  font-size:26px;
}
.comment-form-wrapper .i-default {
  background:#4D575F;
}
#comments .canvased .i-default, .comment-form-wrapper .canvased .i-default {
  padding-top:21px;
}
#comments h2, .comment-form-wrapper h2 {
  font-size:26px;
  line-height:26px;
  font-weight:700;
  margin:-40px 0 0 70px;
  text-transform:uppercase;
}
#singlecomments li {
  margin-top:50px;
  padding-bottom:40px;
  border-bottom:4px solid #3F4852;
}
#singlecomments .info {
  margin-bottom:17px;
}
#singlecomments h3 {
  font-size:20px;
  margin-bottom:5px;
  font-weight:700;
}
#singlecomments span {
  font-size:14px;
}
#singlecomments p {
  font-size:14px;
  line-height:20px;
}

.commentPart {
  background:#3A454E !important;
  border-top:1px solid #535D65;
  border-bottom:1px solid #535D65;
  padding-bottom:70px;
}
.commentPart .comment-form-wrapper {
  text-align:left;
}

#comment-form {
  margin-top:50px;
}
#comment-form input, #comment-form textarea {
  color:#666;
  width:248px;
}
#comment-form textarea {
  width:786px;
}
#comment-form input[type="submit"] {
  margin-left:inherit;

  float:right;
  width:60px !important;
}

.pp blockquote p {
  font-size:26px;
  line-height:32px;
  font-weight:300;
  color:#FFF;
}
.pp blockquote i {
  display:none;
}
.pp blockquote cite {
  font-size:14px;
}

.pp .link {
  font-size:26px;
  line-height:32px;
  font-weight:300;
  color:#FFF;
}

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

#footer {
  background-color: rgba(255, 255, 255, 1);
  text-align:right;
  color:#000;
  padding-right: 15%;
  padding-top: 0px;
  padding-bottom: 0px;
  height: 80px;
  position:relative;
  z-index:999999;
}
#footer span {
  color:#000;
  padding:0 2px;
}
#footer .footer_pfeil{
	color: #56a83c;
}
.parentContainer .content *:not(.noanim) {
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}
.post a{
	color:#1C712A;
}
.post a:hover{
	color:#7C8387;
}
#timeline{
	padding-bottom:50px !important;
}
/* ------------------------
-----   Other  -----
------------------------------*/

.prag {
  width:0;
  height:0;
  position:absolute;
  background:transparent;
  display:none;
} #pPrag0 {
  display:block;
}

.rMenu, .top {
  display:none !important;
}

/* MENU */

@media all and (max-width:1150px) {

  #pPrag1 {
    display:block;
  } #pPrag0, #pPrag2, #pPrag3, #pPrag4 {
    display:none;
  }

  #menu {
    margin-top:0 !important;
    top:0 !important;
    left:0 !important;
    width:100%;
    height:55px;
    background:#191924;
    position:fixed;
  }
  #menu ul {
    float:left;
    margin:12px auto;
  }
  #menu li {
    float:left;
  }
  #menu a {
    height:auto;
    float:left;
    font-size:14px;
    padding:0 20px;
    background:transparent;
  }
  #menu a:hover {
    padding:0 20px !important;
  }
  #menu + div {
    margin-top:50px;
  }
  .menu-produkte-container{
	  float: right;}
}

@media all and (max-width:988px) and (min-width:768px){

  #pPrag2 {
    display:block;
  } #pPrag0, #pPrag1, #pPrag3, #pPrag4 {
    display:none;
  }

  /* TABLETS */

  .parentContainer > section, .content {
    width:768px;
  }
  .parentContainer > section > .content {  
    margin-left:0;
  }
  .parentContainer {
    padding-bottom:100px;
  }

  .parentContainer header {
    padding:0 20px;
  }
  .parentContainer header h1 {
    font-size:39px;
  }
  .parentContainer header h2 {
    font-size:21px;
  }

  .column {
    padding:0 20px;
  }
  .twitterId {
    font-size:13px;
  }
  .twitterMsg {
    font-size:12px;
    margin-top:3px;
  }
  .twitterWidget span {
    font-size:11px;
  }
  .twitterWidget > img {
    display:none;
  }

  .portfolioContainer canvas, .teamList canvas, .portfolioContainer img, .teamList img {
    height:155px;
    width:160px;
  }
  .teamList {
    margin-bottom:-10px;
  }
  .teamList > li {
    width:160px;
    margin:0 16px;
  }
  .teamList h5 {
    font-size:18px;
    margin-top:180px;
    line-height:23px;
  }
  .teamList h6 {
    font-size:13px;
  }
  .teamList > li > a {
    width:160px;
    height:155px;
  }

  .servicesList div h3 {
    font-size:20px;
  }

  .portfolioContainer {
    width:768px !important;
    margin-top:15px;
    margin-left:0;
  }
  .teamList {
    margin-left:0;
  }
  .portfolioContainer li {
    width:160px;
    height:233px;
    margin:37px 16px 0;
  }
  .portfolioContainer h3 {
    margin-top:180px;
    font-size:14px;
  }
  .portfolioContainer .icon {
    display:none;
  }
  .spanDate {
    margin-top:7px;
    font-size:11px;
  }
  .portfolioContent h3 {
    margin-top:5px;
  }

  #portfolioBox {
    width:718px;
  }

  #slider {
    width:400px;
    margin-right:0;
  }
  #portfolioContent {
    width:280px;
  }

  .contact {
    margin-left:53px !important;
  }
  input {
    width:139px !important;
    margin-right:10px !important;
    margin-bottom:14px !important;
  }
  textarea {
    width:291px !important;
  }
  input[type="submit"] {
    margin-left:230px !important;
  }

  #comment-form input, #comment-form textarea {
    width:205px !important;
  }
  #comment-form textarea {
    width:636px !important;
  }

  .timeline .leftColumn, .timeline .rightColumn {
    margin-left:132px;
    float:left;
  }
  .monthButton {
    margin-left:298px;
    margin-bottom:10px;
  }
  .timeline .post { width:420px; margin-left:41px; margin-top:65px; position:relative; background:#FFF; border:1px solid #d7d7d7; } .timeline .post:after, .timeline .post:before { bottom:100%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; } .timeline .post:after { top:-10px; border-color:rgba(255, 255, 255, 0); border-bottom-color:#FFF; border-width:10px; left:50%; margin-left:-10px; } .timeline .post:before { top:-11px; border-color:rgba(215, 215, 215, 0); border-bottom-color:#d7d7d7; border-width:11px; left:50%; margin-left:-11px; }
  .bullet {
    top:-40px;
    left:201px;
    bottom:auto;
    right:auto;
    display:block !important;
  }
  .post .flexslider {
    width:388px;
  }
  iframe{
	  height: 576px;
  }  
}

@media all and (max-width:930px) and (min-width:467px){

  #pPrag3 {
    display:block;
  } #pPrag0, #pPrag2, #pPrag1, #pPrag4 {
    display:none;
  }

  #menu {
    position:static;
    z-index:9999;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    height:38px;
  }
  #menu + div {
    margin-top:0;
  }
  a.top {
    position:fixed;
    bottom:20px;
    right:20px;
    font-size:11px;
    background:#FFF;
    background:rgba(255,255,255,.8);
    color:#333;
    padding:2px 5px;
    border-radius:2px;
    display:block !important;
  }

  /* LARGE MOBILE */

  #menu ul {
    display:none;
  }

  .rMenu {
    display:block !important;
    width:450px;
    margin:17px auto;
    position:relative;
  }
  .rMenu p {
    font-size:14px;
    color:#8E96A0 !important;
    float:left;
    margin:0;
  }
  .rMenu span {
    float:right;
    width:59px;
    height:42px;
    background:url(images/rMenu.png) no-repeat 0 0 transparent;
    display:block;
    text-indent:-9999px;
    cursor:pointer;
    margin-top:-10px;
  }
  .rMenu select {
    height:42px;
    position:absolute;
    right:0;
    top:-10px;
    width:59px;
    opacity:0;
    visibility:visible;
    cursor:pointer;
  }
  .rMenu option {
    font-size:12px;
    padding:5px 10px;
  }

  .parentContainer {
    padding-bottom:80px;
  }
  #languages{
	  margin-left: -240px;
  }
  .parentContainer > section {
    width:480px;
  }
  .parentContainer header {
    padding:0 15px;
  }
  .parentContainer header h1 {
    font-size:39px;
  }
  .parentContainer header h2 {
    font-size:21px;
    margin-left:72px;
    padding-top:0;
    clear:left;
  }
  .parentContainer header h4 {
    float:left;
    padding-top:30px;
  }
  .parentContainer header p {
    float:left;
    margin-top:30px;
  }

  .leftColumn, .rightColumn {
    padding:0 15px;
    width:450px;
    float:none;
  }
  .rightColumn {
    margin-top:40px;
  }

  .content {
    width:480px;
    margin:0;
  }
  .column {
    width:480px;
    padding:0 15px;
  }

  .twitterWidget > img {
    margin:0 0 30px -45px;
    float:none;
    padding-left:50%;
    width:90px;
  }
  .twitterWidget ul {
    width:100%;
    text-align:center;
    float:none;

  }
  .twitterId {
    font-size:13px;
  }
  .twitterMsg {
    font-size:13px;
    margin-top:3px;
  }
  .twitterWidget span {
    font-size:11px;
  }

  .teamList {
    margin-bottom:-50px;
    margin-left:0;
  }
  .teamList > li {
    margin-bottom:50px;
  }
  .teamList h5 {
    font-size:20px;
    margin-top:210px;
    line-height:25px;
  }
  .teamList h6 {
    font-size:14px;
    margin-bottom:-10px;
  }

  .servicesList div h3 {
    font-size:20px;
  }

  .portfolioContainer {
    width:480px !important;
    margin-top:-10px;
    margin-left:0;
  }
  .portfolioContainer li {
    margin-top:50px;
  }
  .portfolioContainer h3 {
    margin-top:215px;
    font-size:15px;
  }
  .spanDate {
    margin-top:7px;
    font-size:12px;
  }

  #portfolioBox {
    width:450px;
    padding:0 15px;
    margin:50px auto;
    position:relative;
  }
  #slider {
    width:450px;
  }
  #portfolioContent {
    width:450px;
    margin-top:20px;
  }
  #portfolioSlider .pagination {
    position:absolute;
    right:20px;
    top:263px;
  }
  #portfolioContent span {
    margin:-5px 0 18px;
  }

  .servicesStatistics h5 {
    float:none;
  }

  .mainMap  {
    width:auto;
  }

  .contact {
    margin-left:0 !important;
  }
  input {
    width:219px;
    margin-right:10px;
    margin-bottom:14px;
  }
  textarea {
    width:451px;
  }
  input[type="submit"] {
    margin-left:350px !important;
  }

  #comment-form input, #comment-form textarea {
    width:100% !important;
  }

  .post .flexslider {
     width:388px;
  }

  .timeline .leftColumn, .timeline .rightColumn {
    margin-left:-2px;
    float:left;
  }
  .monthButton {
    margin-left:155px;
    margin-bottom:10px;
  }
  .timeline .post { width:420px; margin-left:16px; margin-top:65px; position:relative; background:#FFF; border:1px solid #d7d7d7; } .timeline .post:after, .timeline .post:before { bottom:100%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; } .timeline .post:after { top:-10px; border-color:rgba(255, 255, 255, 0); border-bottom-color:#FFF; border-width:10px; left:50%; margin-left:-10px; } .timeline .post:before { top:-11px; border-color:rgba(215, 215, 215, 0); border-bottom-color:#d7d7d7; border-width:11px; left:50%; margin-left:-11px; }
  .bullet {
    top:-40px;
    left:201px;
    bottom:auto;
    right:auto;
    display:block !important;
  }
  .abstand{
	padding-left: 15%;
  }
  iframe{
	  height: 360px;
  }

}

@media all and (max-width:479px) {

  #pPrag4 {
  display:block;
  } #pPrag0, #pPrag2, #pPrag3, #pPrag1 {
    display:none;
  }

  a.top {
    position:fixed;
    bottom:20px;
    right:20px;
    font-size:11px;
    background:#FFF;
    background:rgba(255,255,255,.8);
    color:#333;
    padding:2px 5px;
    border-radius:2px;
    display:block;
  }

  /* SMALL MOBILE */

  #menu ul {
    display:none;
  }

  .rMenu {
    display:block !important;
    width:300px;
    margin:17px auto;
    position:relative;
  }
  .rMenu p {
    color:#8E96A0 !important;
    float:left;
  }
  .rMenu span {
    float:left;
    width:59px;
    height:42px;
    background:url(images/rMenu.png) no-repeat 0 0 transparent;
    display:block;
    text-indent:-9999px;
    cursor:pointer;
    margin-top:-10px;
  }
  .rMenu select {
    height:42px;
    position:absolute;
    left:0;
    top:-10px;
    width:59px;
    opacity:0;
    visibility:visible;
    cursor:pointer;
  }
  .rMenu option {
    font-size:12px;
    padding:5px 10px;
  }
  #menu {
    position:static;
    z-index:9999;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    height:38px;
  }
  #menu + div {
    margin-top:0;
  }

  .parentContainer {
    padding-bottom:80px;
  }
  .parentContainer > section {
    width:320px;
  }
  .parentContainer header {
    padding:0 10px;
  }
  .parentContainer header h1 {
    font-size:32px;
    margin-top:3px;
  }
  .parentContainer header h2 {
    font-size:18px;
    margin-left:70px;
    padding-top:0;
    clear:left;
  }
  .parentContainer header h4 {
    float:left;
    padding-top:20px;
    font-size:19px;
    line-height:30px;
  }
  .parentContainer header p {
    float:left;
    margin-top:30px;
  }

  .leftColumn, .rightColumn {
    padding:0 10px;
    width:300px;
    float:none;
  }
  .rightColumn {
    margin-top:40px;
  }
  #languages{
	  margin-left: -160px;
  }
  .content {
    width:320px;
    margin:0;
  }
  .column {
    width:320px;
    padding:0 10px;
  }

  .twitterWidget > img {
    margin:0 0 30px -45px;
    float:none;
    padding-left:50%;
    width:90px;
  }
  .twitterWidget ul {
    width:100%;
    text-align:center;
    float:none;

  }
  .twitterId {
    font-size:13px;
  }
  .twitterMsg {
    font-size:13px;
    margin-top:3px;
  }
  .twitterWidget span {
    font-size:11px;
  }

  .teamList {
    margin-bottom:-50px;
    padding-left:30px;
    margin-left:0;
  }
  .teamList > li {
    margin-bottom:50px;
  }
  .teamList h5 {
    font-size:20px;
    margin-top:210px;
    line-height:25px;
  }
  .teamList h6 {
    font-size:14px;
    margin-bottom:-10px;
  }

  .servicesList div h3 {
    font-size:20px;
  }

  .portfolioContainer {
    width:320px !important;
    margin-top:0px;
    padding-left:45px;
    margin-left:0;
  }
  .portfolioContainer li {
    margin-top:40px;
  }
  .portfolioContainer h3 {
    margin-top:215px;
    font-size:15px;
  }
  .spanDate {
    margin-top:7px;
    font-size:12px;
  }
  .portfolioMenu {
    background:transparent !important;
    margin-left:0 !important; 
    left:0;
    margin-top:20px;
    width:100%; 
    padding:5px 10px 10px;
  }
  .portfolioMenu li {
    clear:left;
    text-align:center;
    width:100%;
    padding:0;
    margin:0;
  }
  .portfolioMenu i {
    display:none;
  }
  .portfolioMenu p {
    float:none;
    margin:5px 0 0 0;
  }

  #portfolioBox {
    width:300px;
    padding:0;
    margin:50px auto;
    position:relative;
  }
  #slider {
    width:300px;
  }
  #portfolioContent {
    width:300px;
    margin-top:20px;
  }
  #portfolioSlider .pagination {
    position:absolute;
    right:17px;
    top:173px;
  }
  #portfolioContent span {
    margin:-5px 0 18px;
  }

  .servicesStatistics h5 {
    float:none;
  }

  form {
    width:100% !important;
  }
  input {
    width:143px !important;
    margin-right:10px !important;
    margin-bottom:14px !important;
  }
  textarea {
    width:302px !important;
  }
  input[type="submit"] {
    margin-left:230px !important;
    box-shadow:none !important;
  }

  #comment-form input, #comment-form textarea {
    width:260px !important;
  }
  #comment-form input[type="submit"] {
    margin-right:100px !important;
  }

  .post .flexslider {
     width:248px;
  }

  .timeline .leftColumn, .timeline .rightColumn {
    margin-left:-7px;
    float:left;
  }
  .monthButton {
    margin-left:75px;
    margin-bottom:10px;
  }
  .timeline .post { width:280px; margin-left:16px; margin-top:65px; position:relative; background:#FFF; border:1px solid #d7d7d7; } .timeline .post:after, .timeline .post:before { bottom:100%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; } .timeline .post:after { top:-10px; border-color:rgba(255, 255, 255, 0); border-bottom-color:#FFF; border-width:10px; left:50%; margin-left:-10px; } .timeline .post:before { top:-11px; border-color:rgba(215, 215, 215, 0); border-bottom-color:#d7d7d7; border-width:11px; left:50%; margin-left:-11px; }
  .bullet {
    top:-40px;
    left:131px;
    bottom:auto;
    right:auto;
    display:block !important;
  }
  .timeline .post-image img {
    width:100%;
  }
  .abstand{
	padding-left: 25%;
  }
  iframe{
	  height: 240px;}
}

/* RETINA */

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { 
  .portfolioNavigation a {
    background-image:url(images/x2/buttons.png);
    background-size:89px 72px;
  }
  .contact input[type="submit"] {
    background-image:url(images/x2/mailImg.png);
    background-size:43px 47px;
  }
  .address > span {
    background-image:url(images/x2/mapPointer.png);
    background-size:16px 22px;
  }
  .flex-control-paging li a {
    background-image:url(images/x2/portfolioNav.png);
    background-size:43px 12px;
  }
  .rMenu span {
    background-image:url(images/x2/rMenu.png);
    background-size:59px 42px;
  }
  .socialIcons a {
    background-image:url(images/x2/socialIcons.png);
    background-size:135px 100px;
  }
  #folioPreloader {
    background:url(images/x2/preloader.gif);
    background-size:24px 24px;
  }
}

/* IE */

.ie #menu ul li, .ie #menu ul li a {
  display:block;
  float:none;
}
.ie #menu a:hover {
  color:#f26402;
  padding-right:15px;
}
.ie8 input {
  padding-top:10px; 
}
.ie8 textarea {
  overflow:hidden;
}

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

portfolioMenu/**** 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;
}

.sticky, .gallery-caption, .bypostauthor {

}

h6.text2c{
	font-size: 13px !important;
	line-height: 1.5em;
}

h5.text1c{
	font-size: 16px !important;
	line-height: 1.5em;
}

.teamList li{
	height: 400px !important;
}

.phone span {
	margin-top: 22px;
}

#contact .text1c {
	z-index: 99999 !important;
}

.column h4 {
	font-size: 24px !important;
	font-weight: bold !important;
}

.column h5 {
	font-size: 16px !important;
	font-weight: bold !important;
}

#gallery-1 .gallery-item{
	color: #ffffff !important;
	/*width: 180px !important;*/
	margin-top: 25px !important;
}

.alignnone {
	margin: 30px 0 30px 0;
}

.liststyle {
	list-style-type: disc !important;
}

div .span12 {
	margin-top: 80px !important;
}

.clearfix h6 {
	margin-top: 10px;
	font-size: 12px;
}

.gallery-item dd {
	color: #fff !important;
}

header .singleMeta {
	display: none;
}

#comments-title {
	display: none;
}

.abstand {
	margin-bottom: 100px !important;
}

strong {
	font-weight: bold !important;
}

.call h4 {
	font-weight: bold;
	font-size: 16px !important;
}
#about{
	position:relative;
	overflow:visible;
}
.slogan{
	position:absolute;
	z-index:999;
	left:50%;
	top:-59px;
	margin-left:3%;
}
.alignleft{
	float:left;
	margin-right:15px;
}

.pdf{
	font-size: 15px;
	background-color: #fff; 
	color: #000; 
	border-radius: 10px;
	background-image: url(images/pdf.jpg);
	background-size: 50px;
	background-repeat: no-repeat;
	background-position: 12% 50%;
	float: left;
	margin-top: 14px;
	text-align: center;
}
#page-1525 section .content .pdf{
	float: none !important;
}

.pdf a{
	text-decoration: none;
	color: #000;
	display:block;
	padding: 15px 15px 15px 80px; 
	width:250px;
}

.page-id-1143 .parentContainer {
  width:100%;
  padding: 0px 0 50px;
  overflow:hidden;
}
 
.page-id-1147 .parentContainer {
  width:100%;
  padding: 0px 0 50px;
  overflow:hidden;
}
 
.page-id-1016 .parentContainer {
  width:100%;
  padding: 0px 0 50px;
  overflow:hidden;
}
 
.page-id-1127 .parentContainer {
  width:100%;
  padding: 0px 0 50px;
  overflow:hidden;
}

.page-id-1145 .parentContainer {
  width:100%;
  padding: 0px 0 50px;
  overflow:hidden;
}

.page-id-1235 .parentContainer {
  width:100%;
  padding: 0px 0 50px;
  overflow:hidden;
}

.video_produkte{
	margin-top: 40px;
}

.gallery-icon {
	text-align: left;
}

.gallery-item{
	
}
.gallery.columns_5 .gallery-item,
#content .gallery.columns_5 .gallery-item
{
	width: 21%;
}
.gallery.default,
#content .gallery.default
{
	margin: auto;
	overflow: hidden;
}

.gallery.default .gallery-item,
#content .gallery.default .gallery-item
{
	float: left;
	text-align: center;
	margin: 10px 0 0 0;
	padding: 0;
}

.gallery.default .gallery-caption,
#content .gallery.default .gallery-caption
{
	margin-left: 0;
}

.gallery.default .gallery-startcol,
#content .gallery.default .gallery-startcol
{
	clear: left;
}


/* the following styles do not seem to be needed, please let me know if you feel otherwise! */
/*
.gallery.default .gallery-item .gallery-icon,
#content .gallery.default .gallery-item .gallery-icon
{
	margin: 0;
	padding: 0;
}

.gallery.default img,
#content .gallery.default img
{
	border: 2px solid #cfcfcf;
	padding: 0;
	margin: 0;
}

.gallery.default .gallery-description,
#content .gallery.default .gallery-description
{
	margin-left: 0;
}

.gallery.default br.clear,
#content .gallery.default br.clear
{
	clear: both;
	height: 0.001px;
	visibility: hidden;
}
*/









/*
Default style for WP-PageNavi plugin
http://wordpress.org/extend/plugins/wp-pagenavi/
*/
.gallery.default .wp-pagenavi {
	clear: both;
	padding: 10px 0;
	margin-top: 1em;
}

.gallery.default .wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}

.gallery.default .wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.gallery.default .wp-pagenavi span.current {
	font-weight: bold;
}


.gallery-endcol{
	width: 150px !important;
}

.footer_gurndin{
	height: 80px;
	background-color: rgba(255, 255, 255, 0.8);
	position: relative;
	width: 100%;
	text-align: right;
	z-index: 9999999;
	display:block;
	padding-right: 10%;
	bottom: 0;
}

.footer_gurndin img{
	height: 80px;
}

.top{
	margin-bottom: 80px;
}

.footer_slogan{
	color: #000000;
    font-size: 18px;
    line-height: 23px;
    margin-left: 15px;
    position: absolute;
    text-align: left;
    z-index: 9999;
	margin-top: 6px;
	font-weight: bold;
	text-transform: uppercase;
}
.footer_slogan_russisch{
	font-size: 15px;
}
.footer_pfeil{
	color: #56a83c;
    font-size: 112px;
    margin-left: 227px;
    text-align: left;
	font-weight: lighter;
}
.pfeil{
	position:relative;
	width:120px;
	height:120px;
	display:block;
	float:left; 
	margin-right:20px;
}
.pfeillink{
	position:absolute;
	background-image:url(images/pfeillink.png);
	background-position:left center;
	background-repeat:no-repeat;
	display:block;
	width:31px;
	height:120px;
	top:0;
	left:0;
}
#pfeil_down{
	position:fixed;
	background-image:url(images/pfeil_down.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	width:40px;
	height:40px;
	bottom:30px;
	left:50%;
	margin-left:-20px;
	z-index:99999;
}

/*Bildschirme*/
/*@media only screen (min-width: 100px) and (max-width: 320px) {
	.slogan{
		position:absolute;
		z-index:9999;
		left:10%;
		top:-35px;
	}
	
	.slogan img{
		width: 80%;
	}	
}*/	

@media (min-width: 1px) and (max-width: 500px) {
	.slogan{
		position:absolute;
		z-index:9999;
		left:20%;
		top:-28px;
	}
	
	.slogan img{
		width: 92%;
	}
	.footer_gurndin{
		display: none;	
	}
	.top{
		margin-bottom: 0px;
	}
	#languages{
	  top: 0px;
  }
}

@media (min-width: 500px) and (max-width: 740px) {
	 .slogan{
		position:absolute;
		z-index:9999;
		left:30%;
		top:-32px;
	}
	
	.slogan img{
		width: 80%;
	}
	#languages{
	  top: 0px;
  }
}

@media (min-width: 740px) and (max-width: 1152px) {
   .slogan{
		position:absolute;
		z-index:9999;
		left:30%;
		top:-52px;
	}
	 #menu {
    position:static;
    z-index:9999;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    height:15px;
  }
  #menu + div {
    margin-top:0;
  }
  #menu ul {
    display:none;
  }

  .rMenu {
    display:block !important;
    width:450px;
    margin:17px auto;
    position:relative;
	z-index: 999;
  }
  .rMenu p {
    font-size:14px;
    color:#8E96A0 !important;
    float:left;
    margin:0;
  }
  .rMenu span {
    float:right;
    width:59px;
    height:42px;
    background:url(images/rMenu.png) no-repeat 0 0 transparent;
    display:block;
    text-indent:-9999px;
    cursor:pointer;
    margin-top:-10px;
  }
  .rMenu select {
    height:42px;
    position:absolute;
    right:0;
    top:-10px;
    width:59px;
    opacity:0;
    visibility:visible;
    cursor:pointer;
  }
  .rMenu option {
    font-size:12px;
    padding:5px 10px;
  }
  #languages{
	  top: 0px;
  }
}

@media (min-width: 950px) {
	.slogan{
		position:absolute;
		z-index:9999;
		left:30%;
		top:-52px;
	}
	#languages{
	  top: 0px;
  }
}

@media only screen 
and (min-width : 1224px) {
	.slogan{
		position:absolute;
		z-index:9999;
		left:50%;
		top:-59px;
	}
}

@media only screen 
and (min-width : 1824px) {
	.slogan{
		position:absolute;
		z-index:9999;
		left:50%;
		top:-59px;
		margin-left:3%;
	}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
  .abstand{
	padding-left: 9% !important;
  }
  
  .isotope{
  	margin-left: 9% !important;
  }
}

@media only screen
and (max-width : 1000px){
	#gallery-1 .gallery-item{
		width: 180px !important;
	}
}