@font-face{
	font-family: 'Desyrel';
	src: url('./font/desyrel-webfont.eot');
	src: url('./font/desyrel-webfont.eot?#iefix') format('embedded-opentype'),
	     url('./font/desyrel-webfont.woff') format('woff'),
	     url('./font/desyrel-webfont.ttf') format('truetype'),
	     url('./font/desyrel-webfont.svg#webfont') format('svg');
}

body, html {
	background-color: #fafaea;
	/*background: #fafaea url('../img/Homepage_final.jpg') no-repeat top center;*/
	/*background: #fafaea url('../img/Kontakt.png') no-repeat top center;*/
	/*background: #fafaea url('../img/Konzultace.png') no-repeat top center;*/
	/*background: #fafaea url('../img/O mně.png') no-repeat top center;*/
}


.container {
    width: 940px;
    height: auto;
    margin: 0 auto;
}

.logo {
	width: 114px;
	height: 80px;
	float: left;
	margin-top: 22px;
	display: block;
	border: 0;
	text-decoration: none;
}

header {
	padding-top: 65px;
}

nav {
	float: right;
}

nav ul li {
	float: left;
	margin-right: 40px;
}

nav ul li.omega{
    margin-right: 0px;
}

nav ul li a {
	color: #04296b; /* text color */
	font-family: "source-sans-pro", sans-serif;
	font-size: 20px;
	text-decoration: none;
}


nav ul li a:hover,
nav ul li:hover a,
nav ul li:hover ul li a:hover,
nav ul li.active{
	color: #00b9f2;
}

nav ul li ul li a,
nav ul li:hover ul li a {
	color: #04296b;
}


nav ul li ul {
	width: 100px;
	padding-left: 0px;
	position: absolute;
	margin-top: 0px;
	padding-top: 5px;
	opacity: 0;

	-webkit-transition: opacity 0.3s ease-in;
	-moz-transition: opacity 0.3s ease-in;
	-o-transition: opacity 0.3s ease-in;
	-ms-transition: opacity 0.3s ease-in;
	transition: opacity 0.3s ease-in;
}

nav ul li:hover ul {
	opacity: 1;
}

nav ul li ul li {
	margin-right: 0px;
}

h1 {
	color: #04296b; /* text color */
	font-family: "source-sans-pro", sans-serif;
	font-size: 50px;
	text-shadow: 0 0 20px rgba(255,255,255,.3); /* drop shadow */
	font-weight: 200;
	float: right;
	text-align: right;
	margin-top: 73px;
	position: relative;
	z-index: 999;
	letter-spacing: -1px;
}

h1 span.back {
	background-color: #fdfdf7;
	padding-left: 1px;
	padding-right: 5px;
	display: block;
}

h1 span.back.one {
	margin-bottom: 5px;
	width: 575px;
}

h1 span.back.two {
	font-size: 35px;
	float: right;
}

span.light {
	font-weight: 400;
}

.header_image {
	position: absolute;
	width: 531px;
	height: 622px;
	background: url('../img/header.jpg') no-repeat top center;
	margin-left: -70px;
	margin-top: 20px;
	z-index: 1;
}

.button {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 12px;
	padding-left: 30px;
	padding-top: 7px;
	padding-bottom: 4px;
	color: #fff;
	font-family: "source-sans-pro", sans-serif;
	font-size: 24px;
	font-weight: 400;
	display: inline;
	float: left;
	margin-left: 762px;
	margin-top: 21px;
	width: 136px;
	background: #00b9f1 url('../img/arrow.png') no-repeat 148px 20px;
	cursor: pointer;

	-webkit-transition: background-color .3s ease-in-out 0;
	-moz-transition: background-color .3s ease-in-out 0;
	-ms-transition: background-color .3s ease-in-out 0;
	-o-transition: background-color .3s ease-in-out 0;
	transition: background-color .3s ease-in-out 0;
}


a.button:hover, .contact-form input.fbsubmit:hover {
	background-color: #03A4D5;
}


.claim {
	width: 272px;
	height: 206px;
	background: transparent url('../img/claim_2.png') no-repeat top center;
	float: right;
	margin-top: 40px;
	margin-right: 168px;
	margin-bottom: 71px;
	opacity: .7;

	-webkit-transition: opacity .3s ease-in-out 0;
	-moz-transition: opacity .3s ease-in-out 0;
	-ms-transition: opacity .3s ease-in-out 0;
	-o-transition: opacity .3s ease-in-out 0;
	transition: opacity .3s ease-in-out 0;
}

.claim:hover {
	opacity: 1;
}

.wave_back {
	width: 100%;
	min-height: 477px;
	height: auto;
	position: relative;
	background: transparent url('../img/wave.png') repeat-x top center;
	z-index: 999;

}

.circle {
	width: 271px;
	height: 271px;
	border: 15px solid #d9d8bf; /* stroke */
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%; /* border radius */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box; /* prevents bg color from leaking outside the border */
	background-color: #fff; /* layer fill content */
	float: left;

	margin-top: 94px;
	margin-right: 18px;

	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;

	cursor: pointer;
}

.circle.omega {
	margin-right: 0px;
}

.circle:hover {
	border: 15px solid #c2c0aa; /* stroke */
	margin-top: 64px;

}

.circle .icon , .circle .icon.buble {
	margin-left: 98px;
	margin-top: 29px;
}

.circle .icon.compas {
	margin-top: 18px;
}

.circle .icon.check {
	margin-top: 20px;
}

.circle .text {
	text-align: center;
	color: #858faa; /* text color */
	font-family: "source-sans-pro", sans-serif;
	font-size: 16px;

}

.circle .text .header {
	color: #04296b; /* text color */
	font-family: "source-sans-pro", sans-serif;
	font-size: 24px;
	font-weight: 300;
	text-align: center;
}

.circle .text .header .bold {
	font-weight: 600;
	font-size: 28px;
}

.middle {
	width: 100%;
	min-height: 356px;
	height: auto;
	background-color: #fff;
	background: #fff url('../img/wave_1.png') repeat-x top center;
	z-index: 999;
}


.ch-item {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: relative;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	cursor: default;
}

.ch-info-wrap, .omne_photo{
	position: relative;
	float: left;
	margin-top: 67px;
	margin-left: 54px;
	width: 230px;
	height: 230px;
	border-radius: 50%;
}

.ch-info{
	position: absolute;
	width: 230px;
	height: 230px;
}

.ch-info > div {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-position: center center;

	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-ms-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

.no-csstransforms3d .ch-info-back {
    display: none;
}

.ch-info .ch-info-back {
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-transform: perspective(800px) rotateY(180deg);
	-webkit-transform: perspective(800px) rotateY(180deg);
	transform: perspective(800px) rotateY(180deg);

	background: #00b9f2;
}

.ch-info .ch-info-front {
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-transform: perspective(800px) rotateY(0deg);
	-webkit-transform: perspective(800px) rotateY(0deg);
	transform: perspective(800px) rotateY(0deg);
}


.ch-img-1 {
	background-image: url(../img/photo.jpg);
}

.ch-info a {
	display: block;
	width: 130px;
	height: 30px;
	color: #fff;
	font-family: "source-sans-pro", sans-serif;
	font-size: 24px;
	font-weight: 300;
	background: url(../img/aboutMeArrow.jpg) no-repeat 75% 51%;
	padding-top: 100px;
	padding-bottom: 100px;
	padding-left: 60px;
	padding-right: 40px;
	text-decoration: none;
}

.ch-item:hover div.ch-info-back, .ch-info.hover div.ch-info-back {
-moz-transform: perspective(800px) rotateY(0);
-webkit-transform: perspective(800px) rotateY(0);
transform: perspective(800px) rotateY(0);
}


.ch-item:hover div.ch-info-front, .ch-info.hover div.ch-info-front {
-webkit-transform: perspective(800px) rotateY(-179.9deg);
-moz-transform: perspective(800px) rotateY(-179.9deg);
transform: perspective(800px) rotateY(-179.9deg);
}


.middle .text, .omne_middle_1 .text, .omne_middle_1 .normal-text {
	color: #000;
	font-family: "source-sans-pro", sans-serif;
	font-size: 18px;
	line-height: 34px;
	float: left;
	margin-top: 96px;
	margin-left: 54px;
	font-weight: 100;
}

.middle .text.hp-omne {
	width: 600px;
}

.omne_middle_1 .text {
	width: 600px;
}

.omne_middle_1 .normal-text {
margin-top: 45px;
margin-bottom: 50px;
}



.middle .text .header, .omne_middle_1 .text .header{
	font-family: "source-sans-pro", sans-serif;
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 5px;
}

.bottom {
	min-height: 267px;
	padding-top: 37px;
	background: #f2f0d5 url('../img/wave_2.png') repeat-x top center;
	z-index: 999;
	padding-bottom: 100px;
}

.bottom h3, h3, .big {
	color: #04296b; /* text color */
	font-family: "source-sans-pro", sans-serif;
	font-size: 36px;
	font-weight: 600;
	text-align: center;
	padding-top: 0px;
}

.big {
	display: block;
	padding-top: 50px;
	padding-bottom: 45px;
}

.bottom .clients {
	margin-left: 134px;
}

.bottom .clients .client {
	float: left;
	margin-right: 68px;
	margin-top: 28px;
	border: 0;
	text-decoration: none;
}

.pt30 {
	padding-top: 30px;
}

/* Jednotlivi klienti loga --------------------- */

.bottom .clients .client.nemetschek {
	width: 180px;
	height: 65px;
	background: url('../img/logo/nemetschek.png') no-repeat top center;
	background-position: 0 0;
}

.bottom .clients .client.nemetschek:hover {
	background-position: 0 -65px;
}

.bottom .clients .client.trw {
	width: 180px;
	height: 40px;
	background: url('../img/logo/trw.jpg') no-repeat top center;
	background-position: center 0;
}

.bottom .clients .client.trw:hover {
	background-position: center -40px;
}

.bottom .clients .client.aisin {
	width: 180px;
	height: 47px;
	background: url('../img/logo/aisin.jpg') no-repeat top center;
	background-position: 0 0;
}

.bottom .clients .client.aisin:hover {
	background-position: 0 -46px;
}

.bottom .clients .client.norm {
	width: 180px;
	height: 57px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.bottom .clients .client.norm:hover {
	background-position: 0 -57px;
}


.bottom .clients .client.hellenic {
	background-image: url('../img/logo/hellenic.png');
}

.bottom .clients .client.sporitelna {
	background-image: url('../img/logo/sporitelna.png');
}

.bottom .clients .client.csob {
	background-image: url('../img/logo/csob.png');
}

.bottom .clients .client.volks {
	background-image: url('../img/logo/volks.png');
}

.bottom .clients .client.bayer {
	background-image: url('../img/logo/bayer.png');
}

.bottom .clients .client.novartis {
	background-image: url('../img/logo/novartis.png');
}




/* ========================================================================== */
/* SUBPAGE
/* ========================================================================== */
.subpage h1 {
	font-size: 100px;
	margin-left: auto;
	margin-right: auto;
	float: none;
	text-align: center;
	margin-top: 25px;
	font-weight: 100;
	margin-bottom: 0px;
	line-height: 130px;
	letter-spacing: -4px;
}

.subpage .motto {
	color: #04296b;
	font-family: "source-sans-pro", sans-serif;
	font-size: 20px;
	text-align: center;
	font-weight: 100;
	line-height: 33px;
	margin-bottom: 44px;
}

.subpage .motto .blue, .blue {
	color: #00b9f2;
}

.subpage .motto.omne{
	font-weight: 400;
	letter-spacing: -1px;
}

.wave_subpage {
	width: 100%;
	min-height: 370px;
	height: auto;
	background: #f2f0d5 url('../img/wave_3.png') repeat-x top center;
	z-index: 999;
}

.column {
	height: auto;
	float: left;
}

.column.left {
	width: 60%;
}

.column.right {
	width: 40%;
	margin-top: 138px;
}

.line {
	width: 100%;
	height: 96px;
	margin-left: 30px;
}

.line.first {
	margin-top: 127px;
}

.line.fb {
	margin-top: 39px;
}

.line.card {
	margin-top: 45px;
	margin-left: 39px;
	margin-bottom: 15px;
}

.small_icon {
	width: 70px;
	height: 70px;
	background: #f2f0d5 url('../img/icon.png');
	float: left;
	border: 0px;
	text-decoration: none;
}

.small_icon.mob {
	background-position: 0px 0px;
}

.small_icon.adr {
	background-position: -70px 0px;
}

.small_icon.mail {
	background-position: -140px 0px;
}

.small_icon.fb {
	background-position: -210px 0px;
}

.small_icon.in {
	background-position: -280px 0px;
}

.small_icon.card{
	background-position: 0px -71px;
	width: 50px;
	height: 50px;
}

.fbAin{
	color: #04296b;
	font-family: "source-sans-pro", sans-serif;
	font-size: 26px;
	margin-left: 43px;
	margin-top: 22px;
	margin-right: 47px;
	width: 124px;
	float: left;
	letter-spacing: -2px;
	text-decoration: none;
}

.fbAin:hover{
	text-decoration: underline;
}

.fbAin.linkedin{
	margin-right: 0px;
}


.contactInfo {
	color: #04296b;
	font-family: "source-sans-pro", sans-serif;
	font-size: 26px;
	margin-left: 41px;
	margin-top: 19px;
	float: left;
	letter-spacing: -1px;
	text-decoration: none;
}

.contactInfo a {
	color: #04296b;
	font-family: "source-sans-pro", sans-serif;
	font-size: 26px;
	float: left;
	letter-spacing: -1px;
	text-decoration: none;
}

.contactInfo.twoLine {
	margin-top: 4px;
}

.contactInfo.mail:hover, .contactInfo.mail a:hover {
	text-decoration: underline;
}

.ecard {
	color: #afad89;
	font-family: "source-sans-pro", sans-serif;
	font-size: 18px;
	text-decoration: underline;
	margin-top: 14px;
	margin-left: 22px;
	float: left;
}

.flash_message_container {
	position: absolute;
	margin-left: 292px;
	margin-top: 54px;
}

.flash_message {
	height: 25px;

	padding: 10px;
	padding-left: 19px;
	padding-right: 19px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #00b9f1;
	color: #fff;
	font-family: "source-sans-pro", sans-serif;
	font-size: 20px;
	letter-spacing: 2px;
}

.flash_message_container .arrow {
	width: 24px;
	height: 11px;
	background: transparent url('../img/icon.png');
	background-position: -53px -71px;
	margin-left: 315px;
}

.contact-form input, .contact-form textarea.message {
	width: 320px;
	height: 50px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #fff;
	color: #5b5b5b;
	font-family: "source-sans-pro", sans-serif;
	font-size: 20px;
	margin-left: 17px;
	margin-bottom: 18px;
	padding-left: 10px;
	border: 0px;
	font-weight: 100;
	outline: none;
}

.contact-form input::-webkit-input-placeholder,
.contact-form input::-moz-placeholder,
textarea::-webkit-input-placeholder
{ color: #e1e1e1;}

.contact-form input:-moz-placeholder,
.contact-form input:-ms-input-placeholder,
textarea:-moz-placeholder
{ color: #e1e1e1;}


.contact-form textarea.message {
	height: 158px;
	margin-bottom: 6px;
	padding-top: 10px;
	resize: vertical;
}

.contact-form input[type=submit] {
	width: 120px;
	height: 48px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: #00b9f1;
	color: #fff;
	font-family: "source-sans-pro", sans-serif;
	font-size: 22px;
	border: 0px;
	float: right;
	margin-right: 30px;
	font-weight: 400;
	padding-right: 11px;

	-webkit-transition: background-color .3s ease-in-out 0;
	-moz-transition: background-color .3s ease-in-out 0;
	-ms-transition: background-color .3s ease-in-out 0;
	-o-transition: background-color .3s ease-in-out 0;
	transition: background-color .3s ease-in-out 0;
}

/* ========================================================================== */
/* SUBPAGE - konzultace
/* ========================================================================== */

h2 {
	color: #00b8f1;
	font-family: "source-sans-pro", sans-serif;
	font-size: 36px;
	margin-top: 27px;
	font-weight: 400;
	text-align: center;
	letter-spacing: -1px;
}

.citat {
	margin-top: 10px;
	margin-bottom: 16px;
	font-family: 'Desyrel', sans-serif;
	color: #94916E; /* text color */
	font-size: 20px;
	text-align: center;
	letter-spacing: -1px;
	line-height: 36px;
}


.citat span.citat-signature {
	font-family: "source-sans-pro", sans-serif;
	font-size: 16px;
	font-weight: 400;
}

.konzultace_middle {
	width: 100%;
	height: auto;
	background: #fff url('../img/konzultace_wave_1.png') repeat-x top center;
	z-index: 999;
}

.konzultace_middle .text {
	color: #03296b; /* text color */
	font-family: "source-sans-pro", sans-serif;
	font-size: 20px;
	text-align: center;
	padding-top: 47px;
	line-height: 34px;
	letter-spacing: -1px;
}

.konzultace_middle .button {
	width: 239px;
	margin-left: 330px;
	margin-top: 33px;
	text-decoration: none;
	font-size: 21px;
	background-position: 244px 18px;
	margin-bottom: 46px;
}

ul.style_ul {
	margin-bottom: 45px;
	margin-left: 22px;
	margin-top: 21px;
}

ul.style_ul li {
	list-style: none;
	color: #03296b;
	font-family: "source-sans-pro", sans-serif;
	font-size: 26px;
	line-height: 40px;
	background: transparent url('../img/list_style.png') no-repeat 0px 11px;
	padding-left: 36px;
	letter-spacing: -1px;
	margin-bottom: 35px;
}

ul.style_ul ul li {
	margin-left: 105px;
	margin-top: 38px;
}

.konzultace_middle_1 {
	width: 100%;
	height: auto;
	background: #fafaea url('../img/konzultace_wave_2.png') repeat-x top center;
	z-index: 999;
}

.konzultace_middle_1 .text {
	color: #032a6b; /* text color */
	font-family: "source-sans-pro", sans-serif;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	line-height: 39px;
	margin-bottom: 40px;
}

.konzultace_middle_1 .text .nadpis {
	color: #00b8f1;
	font-family: "source-sans-pro", sans-serif;
	font-size: 26px;
	font-weight: 500;
	display: block;
	letter-spacing: -1px;
}

.konzultace_middle_2 {
	width: 100%;
	height: auto;
	background: #f2f0d5 url('../img/konzultace_wave_3.png') repeat-x top center;
	z-index: 999;
	padding-bottom: 50px;
}

.konzultace_middle_2 .column {
	height: auto;
	float: left;
}

.konzultace_middle_2 .column.left {
	width: 45%;
	margin-right: 8%;
	margin-left: 2%;
}

.konzultace_middle_2 .column.right {
	width: 45%;
	margin-top: 0px;
}

.konzultace_middle_2 .text {
	color: #03296b;
	font-family: "source-sans-pro", sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 38px;
	letter-spacing: -1px;
}

.konzultace_middle_2 .signature {
	font-family: "source-sans-pro", sans-serif;
	font-size: 18px;
	font-style: italic;

	float: right;
	text-align: right;
	line-height: 25px;
	margin-top: 59px;
	margin-right: 28px;
}


.omne_middle_1 {
	width: 100%;
	min-height: 370px;
	height: auto;
	background: #fff url('../img/omne_wave_1.png') repeat-x top center;
	z-index: 999;
}

.service_offer {
	color: #04296b; /* text color */
	font-family: "source-sans-pro", sans-serif;
	font-size: 22px;
	padding-top: 60px;
	text-align: center;
	clear: both;
}

.button.omne {
	text-decoration: none;
	width: 150px;
	margin-left: 362px;
	letter-spacing: -1px;
	margin-bottom: 70px;
	background-image: none;
	padding-left: 20px;
	padding-right: 22px;
	text-align: center;
}

/* ========================================================================== */
/* FOOTER
/* ========================================================================== */

footer{
	width: 100%;
	min-height: 200px;
	background-color: #333333;
}

footer ul {
	padding-left: 0px;
	margin-top: 62px;
	float: left;
}

footer ul li{
	list-style: none;
	float: left;
	margin-right: 31px;
}

footer ul li a {
	color: #b8b8b8; /* text color */
	font-family: "source-sans-pro", sans-serif;
	font-size: 18px;
	text-decoration: none;
}

footer ul li a:hover {
	color: #ffffff;
}

footer .social {
	float: left;
	margin-top: 54px;
	margin-left: 357px;
}

footer .social img.omega {
	margin-left: 8px;
}

footer .social a {
	text-decoration: none;
	border: 0;
}

/* PF 2014 fancybox */

#hp-fancy-wrapper, #hp-fancy-link {
    display: none;
}

#popup {
    display: block
}

#popup img {
    width: 650px;
    height: 401px;
}