/* custom css */

body {
	font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
}


/* base */

a {
	font-weight: normal !important;
}

h2.subhead {
	margin-bottom: 60px;
}
h2.quote {
	margin: 80px 0;
}

h3.feature-head {
	margin: 20px 0 5px 0;
}

h4.subhead {
	color: #959595;
}


/* header */

.bar .logo {
	max-width: 170px;
	max-height: 60px;
	top: 0px;
}

.nav-container #menu1 .menu .dropdown__content {
	width: auto;
}

@media (max-width: 767px) {
.nav-container .bar--sm {
	display: block !important;
}
}

@media (min-width: 768px) and (max-width: 1199px) {
.bar .logo {
	/* display: block; */
	/* margin: 0 auto; */
}
.bar__module {
	margin: 0px !important;	
}
.nav-container #menu1 .menu {
	clear: left;
	margin-top: 30px;
}

.nav-container #menu1 .menu div > ul:not(.menu-vertical) li {
	margin: 2px 20px 2px 0 !important;
}

.nav-container #menu1 .menu .dropdown--active {
	text-align: left;
	text-align-last: left;
	-moz-text-align-last: left;
	padding: 10px 0;
}
.nav-container #menu1 .menu .dropdown--active span {
	color: #252525;
} 
}

@media (min-width: 768px) and (max-width: 990px) {
.nav-container #menu1 .menu .dropdown__content {
	padding: 10px 1px;
}
}

.menu-horizontal > li:not(:hover) > a,
.menu-horizontal > li:not(:hover) > span,
.menu-horizontal > li:not(:hover) > .modal-instance > .modal-trigger {
  opacity: 1;
  color: #959595;
}

.menu-horizontal > li > a {
	padding: 2px;
	color: #959595;
	font-weight: 600 !important;
}
.menu-horizontal > li > a:hover {
	color: #252525;
}
.menu-horizontal > li > a.active {
	border-bottom: 1px solid #dcbb55;
	color: #252525;
}


/* form */

form > hr {
	margin: 30px 0 35px 0;
	clear: both;
}


/* pricing */

section.pricing-section-2 {
	padding-top: 0px;
}

div.pricing-toggle {
	width: 100%;
	margin-bottom: 60px;
}

.pricing.inactive h4,
.pricing.inactive span,
.pricing.inactive p {
	color: #ddd;
}


/* cover */

section.cover .btn-member {
	padding: 10px 0;
    margin: 0 10px;
    width: 250px;
    font-size: 15px;
}
section.cover .btn-features {
	background: #252525;
    padding: 10px 0;
    margin: 0 10px;
    width: 250px;
    font-size: 15px;
    border: 1px solid #252525;
}
section.cover .btn-features > span {
	color: #fff;
}

@media (max-width: 767px) {
	section.cover .btn-member,
	section.cover .btn-features {
		width: 44%;
	}
}
@media (max-width: 420px) {
	section.cover .btn-member,
	section.cover .btn-features {
		width: 100%;
		margin: 5px 0;
	}
}

section.cover h4 {
	color: #959595;
	margin-bottom: 60px;
}

section.cover .block > a {
	color: #959595;
}


/* loga slider */

section.logaslider {
	padding: 50px 0 150px 0 !important;
}

section.logaslider .flickity-viewport {
	height: 100px !important;
}

section.logaslider ul {
	height: 100px !important;
}
section.logaslider ul li {
	display: block;
	height: 100px;
}
section.logaslider ul li a {
	display: inline-block;
	width: 100%;
	height: 100px !important;
	position: relative;
}

section.logaslider ul li img {
    max-height: 80px !important;
    max-width: 60% !important;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    opacity: .33;
}

section.logaslider ul li img:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
  opacity: 1;
}


/* section with text */

section.imagebg {
	background: #252525;
}


/* switchable */

.switchable .map-container {
	margin-top: 32px;
}
.switchable div[class*='col-']:last-child {
	float: left;
}
.feature-big div[class*='col-']:last-child {
	float: right;
}


/* alphabet filter */

.alphabet {
	width: 100%;
	text-align: justify;
	text-align-last: justify;
	-moz-text-align-last: justify;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #ececec;
	padding: 0 30px 20px 30px;
	clear: both;
}
.alphabet a {
	display: inline-block;
    float: none;
}
.alphabet:after {
	content: "";
    display: inline-block;
    width: 100%;
}

@media (max-width: 767px) {
	.alphabet-wrapper {
		overflow-x: scroll;
		width: 100%;
	}
	.alphabet {
		width: 1200px;
		padding: 0 30px;
		margin: 0;
	}
}


/* features */

.feature-wrapper h2 {
	margin: 120px 0;
	padding: 0 10%;
}
@media (max-width: 767px) {
	.feature-wrapper h2 {
		margin: 40px 0;
	}
}

.feature h4 + p {
    max-width: 100%;
    margin-bottom: 20px;
}

.feature-wrapper.pad {
	padding: 0 0 60px 0;
}

.feature-wrapper .feature {
	height: 450px;
}
@media (max-width: 767px) {
	.feature-wrapper .feature {
		height: auto;
		display: inline-block;
		margin-bottom: 20px !important;
	}
}


.feature-wrapper .feature h4 {
    height: auto !important;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
	.feature-wrapper.pad {
		padding: 0 0 20px 0;
	}
}


section.feature-big {
	margin: 60px 0;
	padding-bottom: 20px;
}
section.feature-big .icon {
	font-size: 2.5em;
	margin-top: 5px;
	position: absolute;
 	top: 50%;
  	transform: translateY(-50%);
}

@media (max-width: 767px) {
	section.feature-big {
		margin: 20px 0;
	}
	section.feature-big .icon {
		width: 100%;
		margin: 15px 0;
		text-align: left;
		position: relative;
		top: 0px;
		transform: none;
	}
}

.feature {
	padding-top: 0px !important;
	margin-bottom: 0px !important;
}
.feature.zlava {
	min-height: 300px;
}
@media (max-width: 767px) {
	.feature.zlava {
		min-height: 1px;
	}
}

.feature > .logo-wrapper {margin-bottom: 30px;}
.feature > .logo-wrapper > img {
	height: 44px;
}
.feature h4 {
	height: 30px;
	overflow: hidden;
}
.feature span {
	height: 50px;
	overflow: hidden;
	display: inline-block;
}



/* img-wrapper */

.img-wrapper {
	height: 250px;
	overflow: hidden;
	margin-bottom: 20px;
	position: relative;
}
.img-wrapper > a img {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.feature .img-wrapper {
	margin-bottom: 0px !important;
}


/* cielena reklama */

div.cielenareklama {
    position: relative;
    overflow: hidden;
    margin-top: 100px !important;
    width: 100%;
    background: #fafafa url('/files/loga/hero.svg') no-repeat;
    background-position: 90% 50%;
    background-size: 225px auto;
    height: auto;
    padding: 40px;
    box-sizing: border-box;
    border-radius: 4px;
}

@media (max-width: 765px) {
	div.cielenareklama {
		height: auto;
		background-position: 50% 50px;
		background-size: auto 200px;
		padding-top: 300px;
	}
}


div.cielenareklama a {
    overflow: auto;
    width: 100%;
    display: block;
    text-decoration: none;
}
div.cielenareklama h3 {
    max-width: 75%;
    margin-bottom: 60px;
    text-align: left;
}

@media (min-width: 990px) and (max-width: 1200px) {
	div.cielenareklama h3 {
		max-width: 70%;
	}
}

@media (min-width: 765px) and (max-width: 990px) {
	div.cielenareklama h3 {
		max-width: 60%;
		overflow: hidden;
	}
}

@media (max-width: 765px) {
	div.cielenareklama h3 {
		width: 100%;
		max-width: 100%;
		text-align: center;
	}
}

div.cielenareklama .cielenareklama {
  height: 30px;
  float: left;
  margin-right: 60px;
  margin-bottom: 0px;
}
div.cielenareklama .google {
  height: 28px;
  float: left;
  margin-right: 30px;
  margin-top: 3px;
  margin-bottom: 0px;
}
div.cielenareklama .facebook {
  height: 20px;
  float: left;
  margin-right: 30px;
  margin-top: 5px;
  margin-bottom: 0px;
}

@media (max-width: 765px) {
	div.cielenareklama .cielenareklama,
	div.cielenareklama .google,
	div.cielenareklama .facebook {
		display: inline-block;
    	margin: 20px auto;
    	float: none;
    	margin-left: 10px;
    	margin-right: 10px;
	}
}


/* referencie */

.referencie {
	margin: 90px 0 120px 0;
    padding: 40px 60px;
    background: #fafafa;
}

.referencie .avatar {
	display: inline-block;
    height: 80px;
    width: 80px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    margin-bottom: 30px;
}

.referencie .avatar img {
	width: 100%;
}

.referencie h4 {
	margin: 0;
}

.referencie h3 {
	margin: 30px 0 0 0;
}

/* members */

.members {
	margin-top: 60px;
}

.btn-member {
	margin: 0 !important;
}

@media (max-width: 420px) {
	.btn-member, .btn-features {
		width: 100%;
		margin-bottom: 10px !important;
	}
}

.masonry-filter-container {
	float: left;
	margin-left: 30px;
	text-align: left;
}

@media (max-width: 420px) {
	.masonry-filter-container {
		float: none;
		width: 100%;
		margin-bottom: 30px;
	}
}

@media (max-width: 550px) {
	.masonry-filter-container {
		width: 100%;
		margin: 0 0 40px 0;
		text-align: center;
	}
}

.members-toggle {
	text-align: right;
	float: right;
	margin-right: 30px;
}

.members-toggle .tabs li {
	display: inline-block !important;
	border: none;
}
.members-toggle .tabs li:not(:last-child) {
	border-right: 1px solid #ececec;
}

@media (max-width: 550px) {
	.members-toggle {
		display: none;
	}
}

.members .horizontal .project-thumb {
	overflow: none;
	height: 90px;
	margin-bottom: 0px;
	border-bottom: 1px solid #ececec;
	margin-bottom: 20px;
}
.members .horizontal .project-thumb h4 {
	text-align: left;
	position: relative;
	top: -3px;
}
.members .horizontal .project-thumb a.logo {
	width: 10%;
	float: left;
	text-align: center;
}
.members .horizontal .project-thumb span.city {
	width: 20%;
}
.members .horizontal .project-thumb span.address {
	float: right;
	width: 20%;
}

.members .horizontal a:first-child {
	float: left;
	width: 40%;
}
.members .horizontal a:nth-child(2) {
	float: left;
	margin-left: 20px;
	width: 50%;
	text-align: left;
}
.members .horizontal span {
	float: left;
	text-align: left;
	margin-right: 15px;
	width: 22%;
}

@media (min-width: 765px) and (max-width: 990px) {
	.members .horizontal a:first-child {
		width: 33%;
	}
}

@media (max-width: 765px) {
	.members .horizontal .project-thumb {
		height: 120px;
	}

	.members .horizontal .project-thumb a:first-child {
		width: 100%;
		height: auto;
	}
	.members .horizontal .project-thumb h4 {
		height: auto;
		margin-bottom: 10px !important;
	}
}

@media (max-width: 550px) {	
	.members .horizontal .project-thumb {
		display: block;
		height: 240px;
		margin-bottom: 20px;
	}

	.members .horizontal .project-thumb h4 {
		text-align: center;
	}

	.members .horizontal .project-thumb span.city {
		text-align: center;
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}
	.members .horizontal .project-thumb a.logo {
		width: 100% !important;
		margin: 20px 0 30px 0 !important;
	}
	.members .horizontal .project-thumb span.address {
		width: 100%;
		float: none;
	}

	.members .horizontal a:first-child,
	.members .horizontal a:nth-child(2),
	.members .horizontal span {
		float: none;
		width: 100%;
		text-align: center;
	}
}

.members .masonry__item a:first-child {
	height: 70px;
}
.members .masonry__item a:first-child > img {
	max-width: 80% !important;
	max-height: 80% !important;
}

.members .masonry__item a:nth-child(2) {
	height: 70px;
}
.members .masonry__item a:nth-child(2) h4 {
	color: #dcbb55;
}

.members .masonry__item span {
	display: block;
	height: 50px;
	overflow: hidden;
}


/* blogposts */

article.feature .boxed a {
	color: #252525;
}

article.feature .boxed h4 {
	line-height: 1.5em;
	margin-bottom: 0px !important;
}

.project-thumb {
	margin-bottom: 60px;
	position: relative;
}
.project-thumb > a {
	/* height: 70px; */
	margin-bottom: 10px !important;
}
.project-thumb > a > img {
	height: auto !important;
	max-width: 100px !important;
	max-height: 50px !important;
	display: inline-block;
}
.project-thumb h4 {
	line-height: 1.5em;
	height: 60px;
	overflow: hidden;
	margin-bottom: 0px !important;
}

.featuredpost {
	margin-bottom: 50px;
}
.featuredpost h3 {
	margin-bottom: 20px;
}
.featuredpost p {
	line-height: 24px;
    margin-bottom: 10px;
}
.featuredpost a {
	font-size: 14px !important;
	color: #252525;
}

.blogpost h3 {
	padding: 0 40px;
	margin-bottom: 10px;
	height: 70px;
	overflow: hidden;
}

.tabs li.active {
	background-color: #dcbb55;
}

.tabs.noactive li.active {
	background-color: transparent;
}

.tabs li.active .tab__title span {
	color: #fff;
}

/* tlacove spravy */

.tlacovasprava, .clanokvmediach {
	margin-bottom: 100px;
}
.tlacovasprava h3, .clanokvmediach h3 {
	line-height: 1.5em;
    margin-bottom: 10px;
    text-align: center;
    height: 70px;
    overflow: hidden;
    padding: 0 40px;
}
.tlacovasprava h5, .clanokvmediach h5 {
	font-weight: normal;
	color: #959595;
	text-align: center;
}


/* footer */


@media (min-width: 768px) and (max-width: 990px) {
footer .container .row div {
	margin-bottom: 30px;
}
footer .container .row div:nth-child(3) {
	clear: left;
}
}

@media (max-width: 768px) {
footer .container .row div {
	text-align: center;
	margin-bottom: 30px;
}
}

.fancybox-wrap {
	z-index: 999999;
}