@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,700&subset=latin,latin-ext);
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 {
	margin:0;
	padding:0;
	border:0;
	font-size:13px;
       line-height:18px;
       font-weight:normal;
       font-family:'Open Sans',sans-serif;
	vertical-align:top;
	color:#666;
        text-decoration: none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display:block;}
* {outline:none;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
/* change colours to suit your needs */
ins {background-color:#ff9;color:#000;text-decoration:none;}
/* change colours to suit your needs */
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration:line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
/* change border colour to suit your needs */
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;}
li {text-decoration:none;list-style:none;}
.left {float:left !important;margin-left:0;}
.right {float:right !important;margin-right:0;}
.clear:after {clear:both;content:'';display:table;}
.transition {transition:all 0.6s ease;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;}
a:hover {color: #4A9DD4}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ CSS RESET ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.container {width: 960px; margin: 0 auto;}
p {margin-bottom: 15px;text-align: justify;}
.more {color:#41637E;font-size: 13px;line-height: 18px;text-transform: uppercase;font-weight: 400;}
.more:hover {color: #4A9DD4;}

.half {width: 50%;}
.third {width: 33.33333333333333%;}
.third-x2 {width: 66.66666666666667%;}
.quarter {width: 25%;}
.quarter-x3 {width: 75%;}
.fifth {width: 20%;}
.fifth-x4 {width:80%;}

h1 {color: #41637E;font-size: 30px;line-height: 24px;text-transform: uppercase;font-weight: 400;text-align: center;margin-bottom: 30px}
h2 {color: #41637E;font-size: 30px;line-height: 24px;text-transform: uppercase;font-weight: 400;margin-bottom: 30px}
h3 {font-size: 17px;line-height: 20px;color: #41637E;text-transform: uppercase;font-weight: 400;margin-bottom: 20px;}
h4 {font-size: 15px;line-height: 18px;color: #41637E;text-transform: uppercase;font-weight: 300;}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ HEADER ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

header {background-color: #FFF;box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);position: fixed;top: 0;width: 100%;z-index: 9999;}
header .container {position: relative;}

#logo {background:#FFF; border-top:15px solid #8a8280;  text-align: center; position: absolute;left:0;top: 0;}
#logo a {padding:20px 30px; display: block;}
#logo a img {width: 100%;}

nav {text-align: right;}
nav ul li {display:inline;}
nav ul li a {display:inline-block; padding:40px 10px;color: #8A8280;text-transform: uppercase;font-size: 12px;  }
nav ul li a:hover {background:#4a9dd4; color:#FFF;}
nav ul li a.active {background:#4a9dd4; color:#FFF;}

.slider img {width: 100%;}

.welcome {position: relative;margin-bottom: 50px;}
.welcome .container h1 {color: #4A9DD4;font: bold 35px/30px "Open Sans Condensed";padding: 10px 0px 25px;margin: 40px 0px 25px;background: transparent url("/images/h1-underline.png") no-repeat scroll center bottom;}
.welcome .third-x2 {padding: 30px 50px;box-sizing: border-box;}
.welcome h3 {font-size: 36px;color: #FFF;line-height: 36px;margin-bottom: 20px;}
.welcome p {font-size: 14px;text-align: center}

.podWelcome h3 {font-size: 17px;line-height: 24px;text-transform: uppercase;color: #41637E;font-weight: 700;margin-bottom: 10px;}
.podWelcome p {text-align: center;margin-bottom: 30px;}
.podWelcome figure {box-sizing: border-box;padding-right: 8px;}
.podWelcome figure img {border-radius: 50%;border: 2px solid #AFA7A5;width: 100%;}
.podWelcome .third div {box-sizing: border-box;padding-left: 8px;}
.podWelcome .third div p {text-align: left;}
.podWelcome .third {box-sizing: border-box;margin-bottom: 30px;}
.podWelcome .third:nth-of-type(2) {padding-right: 13.3333px;}
.podWelcome .third:nth-of-type(3) {padding: 0px 6.6666px;}
.podWelcome .third:nth-of-type(4) {padding-left: 12.333px;}

.linIn {width: 300px;height: 1px;background: #AFA7A5;margin: 0 auto 40px;}
.lineic {width: 100px;height: 1px;background: #AFA7A5;margin: 0 auto 40px;}

.referIndex .third {margin-bottom: 30px;box-sizing: border-box;}
.referIndex .third:nth-of-type(1) {padding-right: 20px;}
.referIndex .third:nth-of-type(2) {padding: 0px 10px;}
.referIndex .third:nth-of-type(3) {padding-left: 20px;}
.referIndex figure {margin-bottom: 30px;}
.referIndex h3 {font-weight: 700;line-height: 30px;padding-bottom: 16px;color: #41637E;font-size: 25px;}
.referIndex .more {border-top: 1px solid #AFA7A5;margin: 10px 0px;display: inline-block;padding: 10px 0px;width: 100%;}

.pages {margin-top: 163px;background: #FFF;padding: 40px 0;}
.page {margin-top: 98px;background: #FFF;}
.pages .quarter {padding-right: 15px;box-sizing: border-box}
.pages .quarter-x3 {padding-left: 15px;box-sizing: border-box}
.pages img {max-width: 100%;margin-bottom: 30px;}

#popUp{position:fixed;width:100%;height:100%;background:rgba(0, 0, 0, .7);z-index:9999;margin-top:-70px;}
#popUp .popUpInner{width:700px;background:#FFF;margin:200px auto 0;border-radius:4px;padding:30px;position:relative;border:2px solid #E55252;position: relative;}
#popUp .popUpInner p {font-size: 14px;}
#popUp .popUpInner a {position: absolute;border-radius: 50%;width: 30px;height: 30px;background: #000;top:-15px;right: -15px;color: #FFF;text-align: center;line-height: 30px;}

.referenceIn > .half, .referenceIn > .half .half {box-sizing: border-box;margin-bottom: 15px;}
.referenceIn > .half:nth-of-type(1) {padding-right: 15px; clear: both;}
.referenceIn > .half:nth-of-type(2) {padding-left: 15px;}

.referenceIn > .half .half:nth-child(1) {padding-right: 10px;}
.referenceIn > .half .half:nth-child(2) {padding-left: 10px;}

.referenceIn h4 {margin-bottom: 10px;}
.referenceIn p {margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #DFDFDF}
.referenceIn .third {text-align: center}

.referPage figure {margin: 0px 25px 25px 0px;}

.coroprate .container {position: relative;margin-bottom: 50px;}
.coroprate .textic {position: absolute;top:30px;left: 40px;}
.coroprate .textic h2 {color:#2E2E2E;font-size: 30px;line-height: 36px;text-transform: uppercase;font-weight: 400;margin-bottom: 0px; text-align: left;}
.coroprate .textic p {font-weight: 400;padding-top: 13px;font-size: 16px;line-height: 24px;width: 500px;margin-bottom: 0px;}
.coroprate .textic a {color: #FFF;background: #4A9DD4;font-size: 14px;display: inline-block;text-transform: uppercase;padding: 7px 25px;margin-top: 24px;line-height: 26px;}
.coroprate .textic a:hover {background: #41637E;}

.kontakt > .half {box-sizing: border-box;}
.kontakt > .half:nth-of-type(1) {padding-right: 15px;}
.kontakt > .half:nth-of-type(2) {padding-left: 15px;}

.forms input[type=text]{width:95.6%;padding:8px 2%;color:#666;border:1px solid #7A7A7A;font:400 14px/20px "Open Sans";border-radius:3px;background:transparent;}
.forms textarea{width:95.7%;padding:7px 2%;color:#666;border:1px solid #7A7A7A;resize:none;height:150px;font:400 14px/20px "Open Sans";border-radius:4px;background:transparent;}
.forms p{margin-bottom:25px;}
.forms input[type=submit] {border:1px solid #7A7A7A;border-radius:3px;background:transparent;padding: 7px 30px;cursor: pointer;}
.forms input[type=submit]:hover {color:#4A9DD4;border-color:#4A9DD4;}

#map-canvas {width: 100%;height: 400px;}

footer {background: #4A9DD4;position: relative}
footer .cotur {position: absolute; bottom:100%;right:0px;z-index: 1}
footer p, footer a {padding-bottom: 36px;color: #FFF;font-size: 14px;line-height: 18px;}
footer .quarter {margin: 40px 0 20px;}
footer .quarter ul {margin-top: -24px;}
footer a {text-decoration: underline dotted;}
footer ul li {margin-bottom: 10px;}
footer ul li a {font-size: 13px}
footer a:hover {color: #8A8280}

.footerPod {background: #8A8280;padding: 20px 0px;}
.footerPod a.tit {font-size: 20px;text-transform: uppercase;font-weight: 700;margin-bottom: -5px;color: #FFF;display: inline-block;text-decoration: none;line-height: 20px;padding-bottom: 0px;letter-spacing: -1px;}
.footerPod a {padding-bottom: 0px}
.footerPod p {color: #FFF; display: inline-block;line-height: 20px;margin: 0px 0px 0px 20px;padding: 0px;}
footer .footerPod a:hover {color: #4A9DD4}

.galery figure {width: 25%;box-sizing: border-box;margin-bottom: 20px;}
.galery figure img {width: 100%;}
.galery figure:nth-of-type(4n+1) {clear: both;padding-right: 15px;}
.galery figure:nth-of-type(4n+2) {padding-left: 5px;padding-right: 10px;}
.galery figure:nth-of-type(4n+3) {padding-right: 5px;padding-left: 10px;}
.galery figure:nth-of-type(4n+4) {padding-left: 15px;}

/****************************************************** FANCY BOX ******************************************************/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {padding:0;margin:0;border:0;outline:none;vertical-align:top;}
.fancybox-wrap {position:absolute;top:0;left:0;z-index:8020;}
.fancybox-skin {position:relative;background:#f9f9f9;color:#444;	text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.fancybox-opened {z-index:8030;}
.fancybox-opened .fancybox-skin {-webkit-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer, .fancybox-inner {position:relative;}
.fancybox-inner {overflow:hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling:touch;}
.fancybox-error {color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;	margin:0;padding:15px;white-space:nowrap;}
.fancybox-image, .fancybox-iframe {display:block;width:100%;height:100%;}
.fancybox-image {max-width:100%;max-height:100%;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('/images/fancyimages/fancybox_sprite.png');}
#fancybox-loading {position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:8060;}
#fancybox-loading div {width:44px;height:44px;background: url('/images/fancyimages/fancybox_loading.gif') center center no-repeat;}
.fancybox-close {position:absolute;top:-18px;right:-18px;	width:36px;height:36px;cursor:pointer;z-index:8040;}
.fancybox-nav {position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url('/images/fancyimages/blank.gif');/* helps IE */ -webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040;}
.fancybox-prev {left:0;}
.fancybox-next {right:0;}
.fancybox-nav span {position:absolute;top:50%;width:36px;height:34px;	margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden;}
.fancybox-prev span {left:10px;background-position:0 -36px;}
.fancybox-next span {right:10px;background-position:0 -72px;}
.fancybox-nav:hover span {visibility:visible;}
.fancybox-tmp {position:absolute;	top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible !important;}
/* Overlay helper */
.fancybox-lock {overflow:hidden !important;width:auto;}
.fancybox-lock body {overflow:hidden !important;}
.fancybox-lock-test {overflow-y:hidden !important;}
.fancybox-overlay {position:absolute;top:0;left:0;	overflow:hidden;display:none;z-index:8010;background:rgba(81, 16, 2, 0.5);}
.fancybox-overlay-fixed {position:fixed;	bottom:0;right:0;}
.fancybox-lock .fancybox-overlay {overflow:auto;overflow-y:scroll;z-index:9999;}
/* Title helper */
.fancybox-title {visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050;}
.fancybox-opened .fancybox-title {visibility:visible;}
.fancybox-title-float-wrap {position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center;}
.fancybox-title-float-wrap .child {display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;/* Fallback for web browsers that doesn't support RGBa */ background:rgba(0, 0, 0, 0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap;}
.fancybox-title-outside-wrap {position:relative;margin-top:10px;color:#fff;}
.fancybox-title-inside-wrap {padding-top:10px;}
.fancybox-title-over-wrap {position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0, 0, 0, .8);}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5){
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('/images/fancyimages/fancybox_sprite@2x.png');background-size:44px 152px;/*The size of the normal image, half the size of the hi-res image*/}
  #fancybox-loading div {
    background-image: url('/images/fancyimages/fancybox_loading@2x.gif');background-size:24px 24px;/*The size of the normal image, half the size of the hi-res image*/}
}

.services .third {box-sizing: border-box}
.services .third:nth-of-type(1) {padding-right: 20px}
.services .third:nth-of-type(2) {padding-right: 10px;padding-left: 10px;}
.services .third:nth-of-type(3) {padding-left: 20px}
.services .third h2 {text-align: center}

.services .third img:hover {opacity: 0.8}

.leftSide .active {color: #4A9DD4}
.leftSide h1 {font-size: 24px}

.flexslider .slides > li{display:none;-webkit-backface-visibility:hidden}
.flexslider .slides img{display:block;width:100%}
.flex-pauseplay span{text-transform:capitalize}
.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
html[xmlns] .slides{display:block}
* html .slides{height:1%}
.no-js .slides > li:first-child{display:block}
.flexslider{position:relative;zoom:1;margin-top:15px}
.flex-viewport{-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}
.flex-direction-nav a{width:64px;height:64px;margin:0;display:block;position:absolute;bottom:40%;cursor:pointer;text-indent:-9999px;opacity:1;-webkit-transition:all .3s ease;opacity: 0;}
.flex-direction-nav .flex-next{background-position:center center;right:0;display:block;background: url(/images/fancyimages/slider_arrow_right.png) center center no-repeat;}
.flex-direction-nav .flex-prev{display:block;background: url(/images/fancyimages/slider_arrow_left.png) center center no-repeat;left: 0}
.flexslider:hover .flex-next{opacity:0.6;}
.flexslider:hover .flex-prev{opacity:0.6;}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1;display:block;}
.flex-direction-nav .disabled{opacity:.3!important;filter:alpha(opacity=30);cursor:default}
.flex-control-nav{position:absolute;top:10px;right:10px;display:none}
.flex-control-nav li{margin:0 3px;display:inline-block;zoom:1;*display:inline}
.flex-control-paging li a{box-shadow:0 0 5px #b1b1b1;width:20px;height:20px;line-height:20px;display:block;background:#FFF;color:#919191;cursor:pointer;text-align:center}
.flex-control-paging li a.flex-active{background:#4A9DD4;cursor:default;color:#FFF}
.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 .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}
}