/*
Theme Name: Archilab
Theme URI: http://archilab.sk
Author: Peter Kohaut
Author URI: http://feshi.com
Version: 1.0
License: NA
*/
@import url("./raleway/raleway.css");


body {
	color: black;
	font-family: 'Raleway Regular', Arial, sans-serif;
	font-size: 10pt;
	text-align: justify;
	position: relative;
}


@media (max-width: 768px) {
	.container {
		max-width: 100%;
	}

	#main {

	}

	.navbar-header {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99;
		width: 100%;
	}

	.navbar-collapse {
		position: fixed;
		background: white;
		width: 100%;
		border-bottom: 3px solid #ddd;
		margin-left: -15px;
		margin-right: -15px;
	}

	.collapsing {
		margin: 0;
	}

}

@media (min-width: 768px) {
	.container {
		max-width: 768px;
	}

	#menu-hlavne-menu {
		margin-left: 62px;
	}

	.navbar {
		position: fixed;
	}

	#headerfix {
		height: 80px;
	}

	.collapse.in.navbar-collapse, .collapsing.navbar-collapse {
		padding: 0 15px 0 15px;
	}
}


/* navbar */
.container img {
	max-width: 100%;
	height: auto;
}

.navbar {
	z-index: 1000;
	background-color: rgba(255, 255, 255, 0.95);
	border-radius: 0;
	width: 100%;

}

.navbar .container {
	border-bottom: 1px solid #ddd;

}

.navbar-collapse {
	padding: 0;
}


.navbar-nav {
}

.navbar-nav.navbar-right:last-child {
	margin-right: 0px;
}

.navbar-logo img.logo {
	height: 50px;
}


.navbar-social.nav > li > a > img {
	width: 21px;
}

.navbar-social.nav > li > a > img.over,
.navbar-social.nav > li > a:hover > img {
	display: none;
}

.navbar-social.nav > li > a:hover > img.over {
	display: inline;
}

.collapse.in > .navbar-social, .collapsing > .navbar-social {

}

.container > .navbar-header {
	margin-left: 0;
}

.nav > li > a {
	text-transform: lowercase;
	padding: 0px 10px;
	color: black;
	font-size: 1.1em;
}

.navbar-nav > li > a {
	line-height: 70px;
}

@media only screen and (max-width: 768px) {

	.navbar-nav > li > a {
		line-height: 30px;
	}

	.navbar-logo img.logo {
		height: 100px;
	}

	.navbar-nav {
		margin: 7px;
	}

	.collaping .navbar-right {
		display: none;
	}

	.navbar-right {
		float: right;
		position: absolute;
		top: 3px;
		right: 5px;
	}

	.navbar-social {
		right: 80px;
	}

	.navbar-right li {
		display: inline-block;
	}

	.navbar .container {
		position: relative;
	}
}

.nav > li.current-menu-item > a, .nav > li.active > a {
	background-color: transparent;
	color: black;
	font-family: 'Raleway Black', Arial, sans-serif;
}

.nav > li > a:hover, .nav > li > a:focus {
	background-color: transparent;
}

.nav > li > a:hover {

}

.navbar-social.nav > li > a {
	padding: 0;
	margin-left: 10px;
}

.navbar-language.nav > li > a {
	padding: 0 5px;
}

.navbar-toggle {
	background-color: rgb(59, 59, 59);
	float: left;
}

.navbar-toggle > .icon-bar {
	background-color: white;
}


#header {
	padding-bottom: 20px;
	line-height: 1.9em;
	font-size: 0.8em;
}

#header .col-xs-2, #header .col-xs-10 {
	padding: 0;
}

#header .col-xs-2 {
	min-width: 110px;
}

#header .col-xs-10 {
	padding-top: 7px;
}

.footer {
	background-color: rgb(59, 59, 59);
	color: rgb(204, 204, 204);
	padding: 15px 15px;
}

.footer .container div {
	padding: 0px;
}

.footer A {
	color: rgb(204, 204, 204);
}

@media screen and (min-width: 768px) {
	.bottom-nav div {
		width: auto;
		float: none;
	}
}

.bottom-nav {
	text-align: justify;
	-ms-text-justify: distribute-all-lines;
	text-justify: distribute-all-lines;
	margin-bottom: -15px;
	overflow: hidden;
	height: 32px;
}

.bottom-nav div {
	display: inline-block;
	*display: inline;
	zoom: 1;
}

.bottom-nav .stretch {
	width: 100%;
	display: inline-block;
	font-size: 0;
	line-height: 0
}

@media screen and (max-width: 768px) {
	.xs-right {
		text-align: right;
	}

	.bottom-nav {
		height: auto;
	}
}

.navbar-logo {
	float: left;
	padding: 10px 0px;
}

.logo {
	padding-top: 0px;
	height: 50px;
}

/* images carousel */

#carousel img {
	margin: 0 10px 10px 0;
}

#carousel-mini img {
	margin: 0 10px 10px 0;
}

.carousels {
	background: linear-gradient(#eee, white);
	padding: 10px;
}

/**/

h1 {
	font-family: 'Raleway Black', Arial, sans-serif;
	font-weight: bold;
	font-size: 2.5em;
	color: rgb(37, 37, 37);
	text-align: center;
}

h2, h3, h4 {
	text-align: left;
	font-family: 'Raleway Black', Arial, sans-serif;
}

h3 {
	font-size: 1.3em;
}


.subpage h3, .subpage h4 {
	text-transform: uppercase;
	font-weight: normal;
}

.subpage h3 {
	margin: 0;
	font-size: 1.3em;
}

.subpage h4 {
	margin: 0;
	font-size: 1em;
}

.subpage strong {
	font-weight: normal;
	font-family: 'Raleway Black', 'Raleway Regular', Arial, sans-serif;
}

hr {
	border-width: 1px 0px 0px;
	border-style: solid none none;
	border-color: #ddd;
	clear: both;
}

#contact .container, #kontakt .container {
	border-top: 0 none transparent;
	padding: 0px;
}

#contact h3, #kontakt h3, #contact h4, #kontakt h4 {
	border-bottom-width: 0;
	border-top-width: 0;
	padding: 20px 0 15px 0;
}

#contact, #kontakt {
	background-color: rgb(37, 37, 37);
	color: white;
	padding: 0;
	margin-top: 50px;
}

#contact .col-sm-6, #kontakt .col-sm-6 {
	padding: 0;
}

.contact-form {
}

.contact-form form P.fields {
	margin-right: -18px;
	margin-bottom: 0px;
	display: inline;
}

.contact-form form p.submit-button {
	text-align: right;
	float: right;
	width: auto;
	margin-right: 0px;
	claer: both;
	padding-right: 17px;
}

.contact-form .wpcf7-form-control-wrap {
	display: inline-block;
	float: left;
	width: 47%;
	margin-bottom: 13px;
	margin-right: 2%;
}

.contact-form .wpcf7-form-control-wrap[data-name="your-message"] {
	width: 96%;
}

.contact-form .wpcf7-form .wpcf7-spinner {
	float: left;
	margin: 0;
}

div.wpcf7-validation-errors {
	border-color: rgba(150, 0, 0, 0.72);
	background: rgba(150, 0, 0, 0.30);
	border-width: 1px;
}

div.wpcf7-response-output {
	margin: 0;
}

.contact-form .wpcf7-not-valid {
	box-shadow: 2px 2px 7px 0 rgba(150, 0, 0, 0.72);
	border: 1px solid rgba(150, 0, 0, 0.72);
}

.contact-form .filelist.wpcf7-not-valid {
	padding: 10px;
	margin-bottom: 10px;
	position: relative;
}

.contact-form .wpcf7-not-valid-tip {
	color: transparent;
	width: 25px;
	height: 20px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	margin: auto;
	font-size: 1.2em;
	padding-left: 2px;
}

.wpcf7-form-control-wrap .tooltip-inner,
.filelist + div.tooltip .tooltip-inner {
	background: #700;
	padding: 10px 20px;
}

.wpcf7-form-control-wrap .tooltip .tooltip-arrow,
.filelist + .tooltip .tooltip-arrow {
	border-top-color: #700;
}

.contact-form .wpcf7-not-valid-tip::before {
	content: "\e209";
	color: #700;
}

.contact-form input,
.contact-form textarea {
	background-color: transparent;
	border: 1px solid rgb(54, 54, 54);
	box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, 0.32);
	color: white;
	padding: 5px 7px;
	-webkit-box-ordinal-group: 2;
	-moz-box-ordinal-group: 2;
	box-ordinal-group: 2;
	display: block;
}

.contact-form input {
	width: 100%;
}

.contact-form textarea {
	height: 90px;
	width: 100%;
	margin-bottom: 0;
}

.contact-form input[type=submit] {
	width: 35px;
	color: transparent;
	background: transparent url(../img/envelope.png) no-repeat;
	height: 30px;
	padding: 0;
	border-width: 0px;
	box-shadow: none;
	float: none;
	display: inline-block;
}

.contact-form form br {
	display: none;
}

.contact-form .custom-upload-button {
	background: transparent url("../img/spinka.png") no-repeat scroll 0 0;
	display: inline-block;
	height: 25px;
	margin-right: 10px;
	vertical-align: top;
	width: 21px;
}

.contact-form .reload-files-button {
	background: transparent url("../img/reload.png") no-repeat scroll 0 0;
	display: inline-block;
	height: 25px;
	margin-right: 10px;
	vertical-align: top;
	width: 28px;
	float: left;
}

.contact-form span.attachments {
	display: none;
}

.contact-form .filelist {
	list-style: none;
	padding: 0;
	margin: 0;
	color: gray;
	padding-bottom: 10px;
}

.contact-form .filelist li {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* post */

.post {
	margin: 0 0 10px 0;
	position: relative;
}

.post-thumbnail {
	position: absolute;
	top: 0;
}

.post-text {
	background-color: rgba(43, 222, 115, 0.8);
	width: 100%;
	position: absolute;
	bottom: 0;

	padding: 15px;
}

.post-text p,
.post-text h3 {
	color: white;
	padding: 0;
	margin: 0;

}

.post-text p {
	padding-top: 10px;
}

.post-content {
	display: none;
}

#colorbox {
	box-sizing: content-box;
}

/* film roll*/
.film_roll_wrapper {
	display: block;
	text-align: center;
	float: none;
	position: relative;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	z-index: auto;
	width: 100%;
	height: 100%;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
}

.film_roll_shuttle {
	text-align: left;
	float: none;
	position: relative;
	top: 0;
	left: 0;
	right: auto;
	bottom: auto;
	height: 100%;
	margin: 0 !important;
	padding: 0 !important;
	z-index: auto;
}

.film_roll_shuttle.vertical_center:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em;
}

.film_roll_child {
	position: relative;
	display: inline-block;
	*display: inline;
	vertical-align: middle;
	zoom: 1;
}

.film_roll_prev, .film_roll_next {
	position: absolute;
	top: 50%;
	left: 15px;
	margin: -30px 0 0 0;
	padding: 0;
	color: white;
	text-align: center;
	opacity: 0.5;
}

.film_roll_prev:hover, .film_roll_next:hover {
	color: white;
	text-decoration: none;
	opacity: 0.9;
}

.film_roll_next {
	left: auto;
	right: 15px;
}

.film_roll_child img {
	box-shadow: 2px 2px 3px #aaa;
}

cite p, blockquote p,
cite h1, blockquote h1,
cite h2, blockquote h2,
cite h3, blockquote h3,
cite h4, blockquote h4,
cite h5, blockquote h5,
cite h6, blockquote h6,
cite h7, blockquote h7,
cite div, blockquote div {
	display: inline;

}

cite, blockquote {
	font-family: 'Raleway Light Italic', Arial, sans-serif;
	display: block;
	quotes: '“' '”' '‘' '’';
	text-align: center;
	border-width: 0px;
}


/* extra content definitions for pre-2011 WebKit */
cite:before, blockquote:before {
	content: '“';
	content: open-quote;
}

cite:after, blockquote:after {
	content: '”';
	content: close-quote;
}

cite q:before, blockquote q:before {
	content: '‘';
	content: open-quote;
}

cite q:after, blockquote q:after {
	content: '’';
	content: close-quote;
}


.aligncenter {
	text-align: center;
}


.submit-button .ajax-loader {
	display: none;
}

.dl-horizontal dt {
	text-align: left;
	font-weight: normal;
	width: auto;
}

.dl-horizontal dd {
	margin-left: 100px;
}

.citation {
	font-size: 28pt;
	text-align: center;
}

.category-item {
	background: black;
	border: 4px solid white;
}

.category-item img {
	width: 100%;
	height: auto;

	position: absolute;
	top: 0;
	left: 0;
}

.category-item:not(.colored) img {
	filter: gray; /* IE6-9 */
	filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
	-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}

.category-item img.background {
	position: relative;
	visibility: hidden;
}

.category-item:hover img {
	filter: none;
	-webkit-filter: grayscale(0);
}

.category-line {
	padding: 0
}

.category-item {
	position: relative;
	cursor: pointer;
	margin: 0;
}

.category-item header {
	position: absolute;
	width: 100%;
	bottom: 0;
	background-color: rgba(218, 218, 218, 0.9);
	z-index: 10;
}

.category-item h3 {
	font-size: 1em;
	font-family: 'Raleway Regular', Arial, sans-serif;
	text-align: center;
	padding: 3px;
	color: black;
	margin: 0;
}

.category_nav {
	text-align: center;
	padding: 0;
}

.category_nav li {
	display: inline-block;
	padding: 5px 10px;
}

.category_nav a {
	color: black;
	text-decoration: none;
	text-transform: lowercase;
}

.category_nav a:hover {
	text-decoration: none;
}

.category_nav .active a {
	font-family: 'Raleway Black', Arial, sans-serif;
	/*font-weight: bold;*/
}


.big {
	font-size: 2.5em;
}

.bigger {
	font-size: 1.2em;
}

.normal {
	font-size: 1em;
}

.smaller {
	font-size: 0.9em;
}

.small {
	font-size: 0.8em;
}

.raleway {
	font-family: 'Raleway Regular', Arial, sans-serif;
}

.raleway-black {
	font-family: 'Raleway Black', Arial, sans-serif;
}

.raleway-light {
	font-family: 'Raleway Light Italic', Arial, sans-serif;
}

.pulldown-control {
	cursor: pointer;
}

.pulldown-control + .pulldown-container {
	margin-top: 10px;
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity 0.5s ease-out, max-height 0.5s ease-out;
	max-height: 0;
}

.pulldown-control:hover + .pulldown-container {
	max-height: 300px;
	visibility: visible;
	opacity: 1;
	transition: visibility 0s, opacity 0.5s ease-in, max-height 0.5s ease-in;
}

.icon-image {
	background-color: transparent;
	background-position: center 10px;
	background-repeat: no-repeat;
	padding-top: 100px;
}

.icon-architecture {
	background-image: url(../img/icon-architecture.png);
}

.icon-architecture:hover {
	background-image: url(../img/icon-architecture-over.png);
}

.icon-interior {
	background-image: url(../img/icon-interior.png);
}

.icon-interior:hover {
	background-image: url(../img/icon-interior-over.png);
}

.icon-reconstruction {
	background-image: url(../img/icon-reconstruction.png);
}

.icon-reconstruction:hover {
	background-image: url(../img/icon-reconstruction-over.png);
}

.icon-design {
	background-image: url(../img/icon-design.png);
}

.icon-design:hover {
	background-image: url(../img/icon-design-over.png);
}

.icon-support {
	background-image: url(../img/icon-support.png);
}

.icon-support:hover {
	background-image: url(../img/icon-support-over.png);
}

.nolist {
	list-style: none;
	padding: 0px;
}

.nopadding {
	padding: 0px;
}

.call-to-action-button {
	color: #ccc;
	background: black;
	border-radius: 3px;
	display: inline-block;
	padding: 4px 8px;
	font-family: 'Raleway Regular', Arial, sans-serif;
	font-size: 1.3em;
	text-decoration: none;
	cursor: pointer;
}

.call-to-action-button:hover {
	text-decoration: none;
	color: white;
}


.picture-offer-item {
	min-height: 160px;
	display: inline-block !important;
	float: none;
	vertical-align: top;
	padding: 0;
}

.picture-offer {
	text-align: center;
	overflow: hidden;
}

@media (min-width: 768px) {
	.picture-offer .col-md-2 {
		width: 19.6%;
	}
}