/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 *
 * 2do barva selekce
 */

::-moz-selection {
    background: #d8f8fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1rem 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body, html {
	font-family: 'Open Sans', sans-serif;
	text-shadow: none;

	background-color: #ffffff;
}

button, input, select, textarea {
	font-family: 'Open Sans', sans-serif;
}

a { color: #019c9e; text-decoration: underline; }
a:hover { color: #000000; }

p { margin-top: 0; }

/* --- project --- */

nav {
	height: 124px;
	background-color: #ffffff;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 2;
	box-shadow: 0px 6px 5px -4px rgba(0,0,0,0.3);
}

nav .content {
	width: 100%;
	height: 124px;
	padding-left: 288px;
	padding-right: 140px;
	box-sizing: border-box;
	position: relative;
}

#logo {
	position: fixed;
	top: 0;
	left: 0;
	line-height: 124px;
}

#logo img {
	height: 81px;
	margin-left: 30px;
	display: inline-block;
}

#mainMenuWrapper {
	width: 100%;
}

#mainMenu {
	height: 124px;
	line-height: 124px;
	white-space: nowrap;
	margin: 0;
	padding: 0;
	display: block;
	text-align: center;
}

#mainMenu .menuTrigger {
	display: none;
}

#mainMenu li {
	display: inline-block;
	text-align: center;
	list-style-type: none;
	padding: 0 1.5%;
}

#mainMenu a, #langSwitch a {
	font-size: 1rem;
	text-decoration: none;
	font-weight: 700;
	color: #87919b;
	transition: color 0.3s ease 0s;
	text-transform: uppercase;
}

#mainMenu a:hover {
	color: #7669af;
}

#langSwitch {
	margin: 0;
	height: 124px;
	line-height: 124px;
	white-space: nowrap;
	position: absolute;
	top: 0;
	right: 33px;
	padding: 0;
}

#langSwitch li {
	display: inline-block;
	padding: 0;
}

#langSwitch li a { padding: 0 10px; }
#langSwitch li.active a { color: #000000; }

.content {
	padding: 0 20px;
	box-sizing: border-box;
}

.contentTop { padding-top: 124px; }

.contentCenter { text-align: center; }

.mobileOnly, .mobileSmOnly, .circleArrow.mobileOnly { display: none; }

h1 {
	font-size: 2.125rem;
	color: #7669af;
	font-weight: 400;
}

h2 {
	font-size: 2.125rem;
	color: #7669af;
	font-weight: 300;
	margin-bottom: 0;
}

h3 {
	font-size: 1.25rem;
	color: #7669af;
	font-weight: 300;
	margin-bottom: 0.5em;
}

/* flat selector */

#flatSelector {
	min-height: 728px;
	margin-bottom: 25px;
}

.colLeft {
	padding-left: 80px;
	padding-top: 88px;
	width: 547px;
	box-sizing: border-box;
	margin-right: 74px;
	float: left;
}

#flatSelector .colLeft {
	height: 775px;
}

#flatSelector .colLeft p {
	min-height: 67px;
}

#flatSelector .big {
	font-size: 120%;
}

.colLeftWide {
	padding-left: 50px;
	padding-top: 50px;
}

.colLeft h1 {
	margin: 0 0 33px 0;
}

#floorDetail {
	margin-top: 1.5em;
	position: relative;
}

.floorMap {
	position: absolute;
	width: 100%;
	/*height: 486px;*/
	background-color: #ffffff;
	display: none;
}

.floorMap h2 {
	font-size: 2rem;
	margin-top: 0;
}

.oneFloorPlan {
	width: 467px;
	height: 341px;
	margin: 0 auto;
	position: relative;
}

.oneFloorPlan img {
	width: 467px;
	height: 341px;
	position: absolute;
}

.oneFloorPlanInner {
	width: 100%;
	height: 100%;
	transform: translate(8px, -23px) scale(0.749); /* 350 width */
	transform-origin: bottom left;
}

.oneFloorPlan .oneFloorPlanIcon {
	position: absolute;
	width: auto;
	height: auto;
}

.oneFloorPlanIconSchool {
	top: 0;
	left: 60px;
}

.oneFloorPlanIconPark {
	top: 0;
	right: 25px;
}

.oneFloorPlanMetro {
	bottom: 0;
	left: 60px;
}

.oneFloorPlanStadium {
	right: 10px;
	bottom: 0;
}

.flatOutline { display: none; }

#flatData {
	background-color: #fcaf17;
	color: #ffffff;
	padding: 33px 27px;
	line-height: 26px;
	box-sizing: border-box;
	width: 250px;
	position: absolute;
	display: none;
}

#flatData.reserved .status {
	color: #E64415;
}

.floorNav {
	float: right;
}

.floorNav a {
	line-height: 21px;
	font-weight: 700;
	padding-left: 28px;
	background-position: left center;
	background-repeat: no-repeat;
	color: #7669af;
	text-decoration: none;
}

.floorNav a.inactive {
	opacity: 0.5;
}

.floorNav a:nth-child(1) { margin-right: 30px; }

.floorNav .floorUp { background-image: url("../img/floor_up.png"); }
.floorNav .floorDown { background-image: url("../img/floor_down.png"); }

#explanation {
	display: none;
	position: absolute;
	top: 410px;
	right: 50%;
	margin-right: -230px;
}

#explanation span {
	display: inline-block;
	line-height: 21px;
	vertical-align: middle;
	margin-left: 35px;
}

#explanation span:before {
	content: " ";
	display: inline-block;
	width: 21px;
	height: 21px;
	margin-right: 13px;
	vertical-align: middle;
}

#explanation span.free:before { background-color: #46b394; }
#explanation span.reserved:before { background-color: #f04f23; }

#noFloor {
	display: block;
	z-index: 1;
}

.square {
	width: 50%;
	float: left;
	height: 209px;
	display: table;
	color: #ffffff;
}

.square p {
	display: table-cell;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}

.squareOrange { background-color: #f9b000; }
.squareRed { background-color: #e74011; }

.squareImage {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

#squareImage1 { background-image: url("../img/square_1.jpg"); }
#squareImage2 { background-image: url("../img/square_2.jpg"); }

.colRight {
	width: 1242px;
	float: left;
}

#outsideFloors {
	width: 932px;
	height: 728px;
	float: left;
	position: relative;
	background-image: url("../img/loader.gif");
	background-position: center center;
	background-repeat: no-repeat;
}

#outsideFloors img {
	position: absolute;
	top: 0;
	left: 0;
	width: 932px;
	height: 728px;
}

#mapSm { display: none; }

.outsideFloor {
	display: none;
}

.floorNum {
	position: absolute;
	display: none;
	left: 0;
	top: 0;
	color: #ffffff;
	background-color: #f9b000;
	width: 40px;
	text-align: center;
	border: 2px solid #ffffff;
	border-left: none;
	font-weight: 700;
}

#floorNum15 { top: 88px; }
#floorNum14 { top: 121px; }
#floorNum13 { top: 152px; }
#floorNum12 { top: 176px; }
#floorNum11 { top: 206px; }
#floorNum10 { top: 234px; }
#floorNum09 { top: 262px; }
#floorNum08 { top: 288px; }
#floorNum07 { top: 318px; }
#floorNum06 { top: 347px; }
#floorNum05 { top: 372px; }
#floorNum04 { top: 398px; }
#floorNum03 { top: 428px; }

#floorDescription {
	height: 728px;
	width: 310px;
	display: table;
	float: left;
	background-color: #fcaf17;
	color: #ffffff;
}

#floorDescription h2 {
	color: #ffffff;
}

#floorDescription .inner {
	display: table-cell;
	vertical-align: middle;
}

#floorDescription .oneFloor { display: none; }
#floorDescription .oneFloor:first-of-type { display: block; }

#floorDescription h2 {
	font-size: 28px;
	font-weight: 400;
	padding: 0 20px;
	text-align: center;
}

#floorDescription table {
	margin: 0 auto;
	width: 80%;
}

.langen #floorDescription table {
	font-size: 13px;
}

#floorDescription td {
	height: 32px;
	vertical-align: middle;
}

#floorDescription .name {
	font-weight: 700;
	text-align: left;
}

#floorDescription .area { text-align: center; }
#floorDescription .count { text-align: right; }

/* flat list */
.flatListContent {
	width: 100%;
	background-color: #f3f3f3;
	padding: 27px;
	box-sizing: border-box;
	margin-top: 20px;
}

.flatList {
	width: 100%;
	table-layout: fixed;
	background-color: #ffffff;
	margin-bottom: 2em;
}

.flatList th, .flatList td {
	text-align: center;
	color: #ffffff;
}

.flatList td { white-space: nowrap; }

.flatList th a, .flatList td a {
	text-decoration: none;
}

.flatList th a {
	color: #ffffff;
	position: relative;
	display: block;
}

.flatList th.top a { display: none; }

.flatList th a:before {
	content: " ";
	position: absolute;
	bottom: 50px;
	width: 16px;
	height: 8px;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0.5;
}

.flatList th a.asc:before { background-image: url("../img/sort_up.png"); }
.flatList th a.desc:before { background-image: url("../img/sort_down.png"); }

.flatList th a.active:before { opacity: 1; }

.flatList th {
	height: 165px;
	background-color: #7669af;
	color: #ffffff;
	vertical-align: bottom;
	padding-bottom: 17px;
}

.langen .flatList th {
	height: 280px;
}

.flatList th.vertical {
	width: 35px;
	position: relative;
}

.flatList th.vertical span {
	position: absolute;
	display: table;
	overflow: hidden;
	width: 155px;
	height: 2em;
	line-height: 1em;
	transform: rotate(-90deg);
	transform-origin: 0 0;
	height: 2em;
	text-align: left;
	/*text-transform: lowercase;*/
}

.flatList th.vertical.vertical8 span,
.flatList th.vertical.vertical32 span,
.flatList th.vertical.vertical21 span
{ text-transform: none; }


.flatList th.vertical span b {
	font-weight: 400;
	display: table-cell;
	vertical-align: middle;
}

.flatList th.vertical span i { font-size: 14px; }

.flatList td.vertical { text-align: center; }

.flatList td {
	line-height: 40px;
}

.flatList td a {
	color: #000000;
	display: block;
	height: 40px;
	line-height: 40px;
}

.flatList tr:nth-child(2n) { background-color: #f3f3f3; }
.flatList tr:nth-child(2n):hover, .flatList tr:hover { background-color: #e9e9e9; }

.flatList .top {
	width: 40px;
	text-align: center;
}

.flatList .top a {
	color: #fcaf17;
	font-weight: 700;
}

.flatList .price { width: 160px; }
.flatList .terraceBalcony { width: 140px; }

.flatList .bath {
	font-size: 12px;
}

.flatList .favorite {
	display: inline-block;
	width: 20px;
	height: 100%;
	background-image: url("../img/fav_star.png");
	background-position: center center;
	background-repeat: no-repeat;
}

.flatList .price a,
.flatList th.available a,
.flatList .disposition a
{
	color: #fcaf17;
	font-weight: bold;
}

.flatList td.available a {
	font-weight: bold;
	color: #f04f23;
}

.backLink {
	margin-bottom: 18px;
}

.langen .flatList .disposition { min-width: 115px; }
.langen .flatList .floor { min-width: 85px; }

.flatList .check {
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url("../img/table_check.png");
	background-position: center center;
	background-repeat: no-repeat;
}

/*
.flatList .notAvaliable { background-color: #e3e3e3; }
.flatList tr.notAvaliable:nth-child(2n) { background-color: #ebebeb; }
.flatList tr:nth-child(2n):hover, .flatList tr:hover { background-color: #cfcfcf; }
.flatList .notAvaliable td a { color: #ababab; }

.flatList .reserved, .flatList .notAvaliable { background-color: #f7f7f7; }
.flatList .reserved td a, .flatList .notAvaliable td a { color: #ababab; }
*/

.flatList .noItems { color: #000000; }

#hdtbl-1 {
	z-index: 1;
}

/* filters */

#showFilter {
	color: #ffffff;
	background-color: #2abb9c;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	width: 210px;
	padding: 0 20px;
	box-sizing: border-box;
}

#showFilter span {
	display: block;
	padding-left: 33px;
	background-image: url("../img/green_down.png");
	background-position: left center;
	background-repeat: no-repeat;
}

#snippet-filters-all {
	position: relative;
}

#showFilterWrapper {
	text-align: left;
	position: absolute;
	width: 100%;
	box-sizing: border-box;
	left: 0;
}

.catText {
	position: absolute;
	width: 100%;
	padding-right: 200px;
	box-sizing: border-box;
	text-align: center;
}

.catText strong { color: #f04f23; }

.virtualTour {
	color: #ffffff;
	background-color: #2abb9c;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	padding: 0 20px 0 55px;
	box-sizing: border-box;
	background-image: url("../img/play.svg");
	background-position: 10px 50%;
	background-repeat: no-repeat;
	background-size: 35px;
}

.virtualTour:hover { color: #ffffff; }

.virtualTourContent iframe {
	width: calc(100vw - 60px);
	height: 56vw;
	max-width: 1920px;
	max-height: 1080px;
}

/* showFilter ve vybiracce */
#showFilter {
	display: none;
}

#showFilter.top {
	position: absolute;
	bottom: -445px;
	left: 0;
	z-index: 1;
	display: block;
}

#hideFilter {
	display: block;
	float: right;
	width: 27px;
	height: 27px;
	background-image: url("../img/close_filters.png");
	background-position: center center;
	background-repeat: no-repeat;
}

#hideFilter span { display: none; }

#filters {
	width: 100%;
	height: 0;
	overflow: hidden;
	color: #ffffff;
	box-sizing: border-box;
	margin-bottom: 150px;
	z-index: 1;
	position: relative;
}

#filters.opened {
	height: auto;
	margin-bottom: 0;
}

.filtersBody {
	padding: 13px 25px 10px 25px;
	background-color: #2abb9c;
}

#filters h2 {
	font-weight: 300;
	color: #ffffff;
	margin-bottom: 0.5em;
}

#filters select, #filters input[type=text] {
	border: none;
	box-sizing: border-box;
	height: 30px;
}

#filters .row {
	margin-bottom: 18px;
}

#filters .row select, #filters .row input[type=text] {
	width: 49%;
	margin-right: 1%;
	float: left;
}

#filters .row select:nth-of-type(2) {
	margin-left: 1%;
	margin-right: 0;
}

#filters .row .half {
	width: 49%;
	margin-right: 1%;
	float: left;
}

#filters .row .half:nth-of-type(2) {
	margin-left: 1%;
	margin-right: 0;
}

#filters .shortSelect label {
	display: inline-block;
}

#filters .row select option[disabled=disabled] {
	color: #c6c6c6;
}

#filters .shortSelect select {
	width: 80px;
	float: none;
	display: inline-block;
}

#filters .pair {
	width: 24.6%;
	float: left;
	text-align: left;
}

#filters .pair label { margin-right: 15px; }

#filters .pair:nth-of-type(2) {
	text-align: right;
}

#filters .checkboxList {
	background-color: #ffffff;
	color: #8a898f;
	padding: 15px 10px;
	margin-bottom: 18px;
}

#filters .checkboxList strong {
	display: block;
	color: #2abb9c;
	margin-bottom: 0.5em;
}

#filters .checkboxList .checkbox {
	width: 33.3333%;
	float: left;
}

#filters .checkboxList.checkboxListFourths .checkbox { width: 25%; }

#filters .button {
	border: none;
	background-color: #ffffff;
	color: #2abb9c;
	text-transform: uppercase;
	line-height: 50px;
	padding: 0 50px;
	font-weight: 700;
	margin-top: 18px;
}

#filters .found {
	text-align: center;
	font-weight: bold;
	margin-bottom: 1em;
}

#filters .disableFilters {
	font-weight: normal;
	color: #ffffff;
	white-space: nowrap;
}

#tools {
	float: right;
	text-align: center;
	padding: 0;
}

#tools a {
	width: 115px;
	display: inline-block;
	margin: 0 20px 0.5em 20px;
	font-size: 13px;
	padding-left: 28px;
	line-height: 21px;
}

/* detail */

.flatTop { padding-bottom: 50px; }

.detailDesc { line-height: 2rem; }
.detailDesc span.dev { color: #7669af; }

.detailDesc.flatTop { margin-top: 33px; }

.flatTop h1 {
	width: 370px;
	margin-bottom: 0;
}
.langen .flatTop h1 { width: 440px; }

.flatTop h1.favorite {
	background-image: url("../img/fav_star.png");
	background-position: center right;
	background-repeat: no-repeat;
}

.notEquipped {
	color: #f9b000;
	font-size: 1.2em;
	font-weight: 400;
	display: inline-block;
	padding-top: 0.3em;
}

.disp {
	color: #f9b000;
}

.price h2 {
	margin-bottom: 0;
}

.price p {
	margin-top: 0;
	margin-bottom: 60px;
}

.priceTag {
	float: right;
	color: #f9b000;
	font-size: 1.75rem;
	line-height: 2.125rem;
	font-weight: 700;
	padding-top: 7px;
}

.advice {
	position: relative;
	margin-bottom: 15px;
}

.advice img {
	position: absolute;
	right: 0;
	top: -60px;
}

.plans img.adviceImg {
	width: auto;
	float: right;
	margin-left: 18px;
}

.viewsTitle { margin-bottom: 0.5em; }

.equipmentList {
	margin-bottom: 0;
}

.equipmentList li {
	list-style-image: url("../img/yellow_check.png");
	padding-left: 10px;
	padding-bottom: 4px;
	font-weight: 700;
}

.circleArrow {
	display: inline-block;
	padding-left: 35px;
	background-position: 0 50%;
	background-repeat: no-repeat;
	color: #7669af;
	font-weight: 700;
	text-decoration: none;
	text-align: left;
}

.circleArrowLeft { background-image: url("../img/circle_arrow_left.png"); }
.circleArrowRight { background-image: url("../img/circle_arrow_right.png"); }
.unfavoriteLink  { background-image: url("../img/fav_star.png"); }


.flatPlan, .floorPlan {
	float: left;
	position: relative;
}

.plans .secImage {
	position: absolute;
	opacity: 0;
}

.viewImage {
	display: inline-block;
	margin: 0 10px 10px 0;
}

.colRight .viewImage {
	width: auto;
}

.imagesContaier .arrow {
	display: block;
	position: absolute;
	top: 50%;
	width: 32px;
	height: 30px;
}

.imagesContaier .arrow span { display: none; }
.imagesContaier .arrow.inactive { opacity: 0.5;}

.imagesContaier .arrowPrev {
	left: 0;
	background-image: url("../img/sq_arrow_left.png");
}

.imagesContaier .arrowNext {
	right: 0;
	background-image: url("../img/sq_arrow_right.png");
}

.imagesContaier .planFloorNum {
	position: absolute;
	top: 50px;
	right: 5px;
	color: #f9b000;
	font-weight: 700;
}

.imagesContaier .planFloorNum .second { display: none; }

.floorPlan {
	margin-top: 355px;
	margin-left: 180px;
}

#flatTools {
	padding-left: 30%;
	margin-top: 80px;
}

#flatTools ul {
	width: 50%;
	float: left;
	margin: 0;
	padding: 0;
}

#flatTools li {
	list-style-type: none;
	margin-bottom: 18px;
}

.flatBottom {
	background-color: #f3f3f3;
	padding-bottom: 50px;
}

.flatBottom h2 { margin-top: 0; }

.flatBottom .colRight {
	float: left;
}

.benefitList {
	margin-bottom: 0;
}

.benefitList li {
	list-style-image: url("../img/purple_check.png");
	padding-left: 10px;
	padding-bottom: 4px;
}

.flatInfo {
	padding: 50px 50px 50px 30%;
}

.flatInfo h2 { margin-bottom: 16px; }

.roomsList {
	width: 100%;
	background-color: #ffffff;
}

.roomsList tr:nth-of-type(2n){
	background-color: #f3f3f3;
}

.roomsList td {
	height: 40px;
}

.roomsList .number {
	width: 13%;
	padding-left: 12px;
	box-sizing: border-box;
	text-align: left;
	color: #f9b000;
	font-weight: 700;
}

.roomsList .name {
	width: 66%;
	text-align: left;
}

.roomsList .size {
	width: 21%;
	text-align: right;
	padding-right: 16px;
	box-sizing: border-box;
}

.roomsList tr.total {
	background-color: #f9b000;
	color: #ffffff;
}

.roomsList tr.total .number { color: #ffffff; }

.roomsList.roomsListOutside { margin-bottom: 50px; }

.rentInfo {
	width: 100%;
	border-bottom: 3px solid #7669af;
}

.rentInfo tr:last-of-type td { padding-bottom: 15px; }

.rentInfo td {
	height: 40px;
	color: #7669af;
	font-weight: 700;
	text-align: left;
}

.rentInfo .value { text-align: right; }

.rentInfo .included { font-weight: 400; }

.rentInfo .price {
	font-size: 28px;
	color: #fcaf17;
}

/* karty v mobilni verzi */
.cardOpener.active {
	position: relative;
	cursor: pointer;
}

.cardOpener.active:after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 26px;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.cardOpener.active.closed:after { background-image: url("../img/big_arrow_down.png"); }
.cardOpener.active.opened:after { background-image: url("../img/big_arrow_up.png"); }

/* social */

#socialIcons {
	display: block;
	position: fixed;
	top: 151px;
	right: 20px;
	z-index: 5;
}

.socialIcons a {
	display: block;
	width: 40px;
	height: 40px;
	margin-bottom: 5px;
	background-position: top left;
	background-size: cover;
	background-repeat: no-repeat;
	transition: all .5s;
	text-decoration: none;
}

.socialIcons a img { width: 100%; }

.socialIcons a:hover img { visibility: hidden; }

.socialIcons a.facebook { background-image: url("../img/social/facebook_active.png"); }
.socialIcons a.instagram { background-image: url("../img/social/instagram_active.png"); }
.socialIcons a.youtube { background-image: url("../img/social/youtube_active.png"); }
.socialIcons a.linkedIn { background-image: url("../img/social/linked_in_active.png"); }
.socialIcons a.newsletter-link { background-image: url(../img/social/newsletter_active.png);}
.socialIcons a.magazine { background-image: url(../img/social/magazine_active.png);}

.socialIcons a.phone {
	position: relative;
	background-color: transparent;
	height: 90px;
	color: #ffffff;
	text-align: center;
	font-size: 20px;
}

.socialIcons .body {
	display: block;
	width: 40px;
	height: 90px;
	background-color: #3fc2a6;
	background-image: url("../img/circle_phone.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto;
	transition-duration: 0.5s;
}

.socialIcons a.phone:after {
	content: " ";
	position: absolute;
	top: 0;
	left: 100%;
	width: 40px;
	background-color: #ffffff;
	height: 90px;
}

.socialIcons .callUs {
	display: block;
	position: absolute;
	top: 0;
	left: 100%;
	width: 215px;
	height: 90px;
	background-color: rgba(63,194,166,0.9);
	box-sizing: border-box;
	padding-top: 10px;
	transition-duration: 0.5s;
}

.socialIcons .callUs a {
	display: inline;
	width: auto;
	height: auto;
	margin: 0;
	background-image: none;
}

.socialIcons a.phone:hover .callUs {
	transform: translateX(-100%);
}

.socialIcons a.phone:hover .body {
	opacity: 0;
}

.socialIcons a.phone img {
	width: auto;
	margin-bottom: 8px;
}
.socialIcons a.phone:hover img { visibility: visible; }

.socialIcons a.phone span.phone { text-decoration: underline; }

#socialFooter {
	display: none;
	background-color: #cccccc;
	padding: 10px 20px;
	margin-top: 0;
}

#socialFooter a {
	display: inline-block;
	margin-right: 1px;
	margin-bottom: 0;
}

@media screen
and (max-width: 1846px) {
	#socialIcons { top: 113px; }
}

@media screen
and (max-width: 1536px) {
	#socialIcons { top: 98px; }
}

@media screen
and (max-width: 767px) {
	#socialIcons { display: none; }
	#socialFooter { display: block; }
	.socialIcons a { width: 30px; height: 30px; }
}

/* telefony */
.phoneStripe {
	display: none;
	background-color: #2abb9c;
	color: #ffffff;
	font-size: 20px;
	text-align: left;
	padding-left: 20px;
	line-height: 50px;
}

.phoneStripe a {
	text-decoration: underline;
	color: #ffffff;
}

.phoneStripe span {
	vertical-align: middle;
}

.phoneStripe span:before {
	content: " ";
	background-image: url("../img/circle_phone.png");
	background-repeat: no-repeat;
	background-position: center center;
	display: inline-block;
	width: 32px;
	height: 32px;
	vertical-align: middle;
	margin-right: 30px;
	position: relative;
	top: -3px;
}

.phoneStripe.top {
	margin-top: 95px;
}

@media screen
and (max-width: 767px) {
	.phoneStripe {
		display: block;
	}
}

@media screen
and (max-width: 420px) {
	.phoneStripe {
		font-size: 14px;
	}
}

/* popupy */

.fixContent {
	display: none;
	position: fixed;
	z-index: 10;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url("../img/black_80.png");
	background-repeat: repeat;
	overflow-y: auto;
}

.fixContent.showed { display: block; }

.overContent {
	width: 35rem;
	padding: 2rem;
	box-sizing: border-box;
	background-color: #ffffff;
	margin: 0 auto;
	margin-top: 6.25rem;
	position: relative;
}

.close {
	position: absolute;
	right: 0;
	top: 0;
	width: 2rem;
	height: 2rem;
	line-height: 2rem;
	text-align: center;
	border-radius: 1000px;
	color: #000000;
	text-decoration: none;
	margin: -0.75rem -0.75rem 0 0;
	background-color: #ffffff;
	box-shadow: -1px 1px 4px 0px rgba(0, 0, 0, 0.27);
	font-size: 0.8125rem;
}

.overContent h2 {
	margin: 0 0 0.5em 0;
}

.defForm table { width: 100%; }

.defForm th { display: none; }

.defForm input[type=text], .defForm select {
	width: 70%;
	border: 2px solid #7669af;
	height: 30px;
	margin-bottom: 1em;
	padding: 0 10px;
	box-sizing: border-box;
}

.defForm select {
	border: 1px solid #8a898e;
	width: 60%;
}

.defForm .select label {
	display: block;
	padding-bottom: 3px;
}

.defForm input[type=checkbox] {
	margin-right: 10px;
}

.defForm input[type=submit] {
	border: none;
	background-color: #7669af;
	color: #ffffff;
	text-transform: uppercase;
	line-height: 50px;
	padding: 0 50px;
	font-weight: 700;
	margin-top: 1em;
}

#flatTools .share {

}

.share {
	padding: 5px 0 0 35px;
	display: none;
}

.share a {
	display: inline-block;
	width: 25px;
	height: 25px;
	background-position: top left;
	background-repeat: no-repeat;
}

.share a span { display: none; }

.share a.facebook { background-image: url("../img/icon_facebook.png"); }
.share a.twitter { background-image: url("../img/icon_twitter.png"); }
.share a.googleplus { background-image: url("../img/icon_google_plus.png"); }

footer.footerCenter { text-align: center; }

footer .infoTentative {
	padding-top: 20px;
	padding-bottom: 20px;
}

#copyright {
	display: block;
	font-size: 10px;
	padding: 1.5rem 0 20px 0;
}

.personaldataText table {
	width: 100%;
	max-width: 1120px;
}

.personaldataText table td, .personaldataText table th {
	padding: 5px;
}

/* flashes */

figure.flashes {
	position: fixed;
	width: 370px;
	padding: 15px;
	top: 333px;
	left: 50%;
	margin-left: -200px;
	background-color: #7669af;
	color: #ffffff;
	font-weight: bold;
	z-index: 12;
	border: 1px solid #ffffff;
}

figure a.closeFlashes {
	display: block;
	float: right;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}

/* recaptcha */

.recaptchaContainer.absolute {
	position: absolute;
	width: 302px;
	height: 76px;
	border-radius: 4px;
	overflow: hidden;
	top: 50%;
	left: 50%;
	margin: -39px 0px 0px -152px;
	box-shadow: 0px 0px 40px 10px rgba(0,0,0,0.8);
}

/* paginator */

div.paginator {
	text-align: center;
	color: #14405C;
	clear: both;
	margin: 1rem 0;
}

div.paginator .number {
	border-radius: 1000px;
	display: inline-block;
	box-sizing: border-box;
	width: 2rem;
	height: 2rem;
	border: 1px solid #019C9E;
	padding: 3px 8px 3px 8px;
	margin: 0px 2px 0px 2px;
}

div.paginator .button {
	margin: 0px 2px 0px 2px;
}

div.paginator .current {
	background-color: #019C9E;
	color: #ffffff;

}

div.paginator a {
	text-decoration: none;
}

/* errors */

ul.error {
	display: block;
	background-color: #ee630f;
	color: #ffffff;
	padding: 5px 10px;
	margin: 1rem 0rem;
}

ul.error li {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	list-style-image: none;
}

/* - - - */

a[href^="error:"] {
	background: red;
	color: white;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

div.center {
	text-align: center;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}