/*
Theme Name: Emano
Author: Kompromix
Version: 1.0
*/

body { background: #fff; font: 16px/1.4em 'Open Sans', Arial, sans-serif; color: #525252; }

a { text-decoration: none; border: none; outline: none; color: #9632aa; -webkit-transition: all 180ms; transition: all 180ms; }
a:hover { text-decoration: underline; }
a:after, a span, a span:after { -webkit-transition: all 180ms; transition: all 180ms; }

.no-padding-right { padding-right: 0; }
.img-responsive { display: inline-block; }
img.ajax-loader { display: none; }

/* WORDPRESS */
.aligncenter { display:block; margin: 0 auto 20px 0; }
.alignleft { float:left; margin: 0 20px 20px 0; }
.alignright { float:right; margin: 0 0 20px 20px; }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px; }

/* --------------------------------------------------- */
/* HEADER */

#top { background: #f8f8f8; font-size: 14px; font-weight: 600; color: #525252; }
#top #contact-info { padding: 11px 15px 8px 15px; margin: 0 0 30px 0; }
#top span { color: #9632aa; }
#top span, #top img { margin: 0 14px 0 0; }
#top #contact-info div { display: block; }
#top #lang-select { font-weight: 400; text-align: center; }
#top #lang-select a { background: #efefef; color: #777; display: inline-block; padding: 10px 14px 9px 14px; }
#top #lang-select a.current { background: #9632aa; color: #fff; }

#header { text-align: center; margin: 20px 0; }
#header p { font-size: 24px; color: #605d5e; font-style: italic; margin: 30px 0 0 0; }

#banner-home .slogan{background-color:#444444;font-size:27px;font-weight:300;color:#fff;text-align:center;padding:17px 0}#banner .slogan h1, #banner-home .slogan h1{font-size:27px;font-weight:300;margin:0}#banner .slogan .nav, #banner-home .slogan .nav{font-size:18px;color:#ef3f66;text-align:left}#banner .slogan a, #banner-home .slogan a{color:#fff}#banner .slogan a.current, #banner-home .slogan a.current{font-weight:600}#banner .slogan span, #banner-home .slogan span{margin:0 10px}

#banner { background: #012d35 url("/wp-content/uploads/2025/06/emano-baner-podstrony.jpg") no-repeat top; background-size: cover; padding: 178px 0 0 0; border-top: #777 2px solid; border-bottom: #777 2px solid; }
#banner .slogan { background-color: #444; font-size: 27px; font-weight: 300; color: #fff; text-align: center; padding: 17px 0; }
#banner .slogan h1 { font-size: 27px; font-weight: 300; margin: 0; }
#banner .slogan .nav { font-size: 18px; color: #ef3f66; text-align: left; }
#banner .slogan a { color: #fff; }
#banner .slogan a.current { font-weight: 600; }
#banner .slogan span { margin: 0 10px; }

/* --------------------------------------------------- */
/* NAVIGATION */

#nav-main { width: 100%; font-size: 0; font-weight: 400; position: relative; display: none; margin: 26px 0 0 0; }
#nav-main ul { text-align: right; list-style: none; margin: 0; padding: 0; }
#nav-main ul li { background: none; display: inline-block; vertical-align: middle; padding: 0; position: relative; }
#nav-main ul li a {
	font-size: 15px;
	color: #525252;
	line-height: 1;
	-webkit-transition: all 180ms; /* Safari */
    transition: all 180ms;
    padding: 10px 12px;
    display: inline-block;
    position: relative;
}
#nav-main ul li a:hover { background: #9632aa; color: #fff; text-decoration: none; }

#nav-main ul li.current-menu-item a { background: #9632aa; color: #fff; }
#nav-main ul li.menu-item-has-children.current-menu-item a { background: #9632aa url("img/nav-arrow-active.png") no-repeat right; }
#nav-main ul li.menu-item-has-children a { background: url("img/nav-arrow.png") no-repeat right; padding: 10px 30px 10px 15px; }
#nav-main ul li.menu-item-has-children a:hover { background: #9632aa url("img/nav-arrow-active.png") no-repeat right; }
#nav-main ul li.menu-item-has-children ul li a, #nav-main ul li.menu-item-has-children.current-menu-item ul li a { background: none; color: #525252; }
#nav-main ul li.menu-item-has-children ul li.current-menu-item a { background: #9632aa; color: #fff; }
#nav-main ul li.menu-item-has-children ul li a:hover { background: #9632aa; color: #fff; }

#nav-main ul li ul { background: #fff; width: 240px; text-align: left; position: absolute; top: 100%; left: -1px; z-index: 100; display: none;
border: #f8f8f8 1px solid; border-top: 0;
}
#nav-main ul li ul li { width: 100%; }
#nav-main ul li ul li a { width: 100%; font-size: 14px; line-height: 1.4em; }
#nav-main ul li.menu-item-has-children:hover ul { display: block; }

.burger { background: #9632aa; color: #fff; font-size: 36px; float: right; padding: 14px; margin: 0; border: 0; position: fixed; top: 15px; right: 15px; z-index: 900; }

#mobile-nav { background: #fff; width: 100%; position: absolute; top: 0; z-index: 21; display: none; }
#mobile-nav ul { width: 100%; list-style: none; padding: 20px 0; }
#mobile-nav ul li { width: 100%; font-size: 16px; color: #fff; text-align: center; }
#mobile-nav ul li a { color: #777; line-height: 44px; display: inline-block; margin: 2px 0;
	-webkit-transition: all 180ms; /* Safari */
    transition: all 180ms;
}
#mobile-nav ul li {	border-bottom: #eee 1px solid; }
#mobile-nav ul li:last-child { border: none; }
#mobile-nav ul li a:hover, #mobile-nav ul li.current-menu-item a { color: #9632aa; }
#mobile-nav ul li ul { display: none; }

/* --------------------------------------------------- */
/* FRONT PAGE */

#portfolio { background: #f8f8f8; color: #525252; padding: 35px 0; border-top: #efefef 1px solid; border-bottom: #efefef 1px solid; }
#portfolio h2, #offer h2, #video h2 { font-size: 24px; font-weight: 600; line-height: 1; text-align: center; margin: 0 0 20px 0; }
#portfolio .line, #offer .line, #video .line { background: #a550b6; width: 24px; height: 3px; margin: 0 auto 35px auto; }
#portfolio .line.red, #offer .line.red, #video .line.red { background: #dd3a5e; }
#portfolio .item { background: #fff; text-align: center; padding: 15px 10px 10px 10px;  margin: 0 5px 30px; }
#portfolio h4 { font-size: 17px; font-weight: 400; line-height: 1; margin: 0 0 10px 0; }
#portfolio h4 strong { font-weight: 400; color: #a550b6; }
#portfolio .photo { background-position: center; width: 100%; height: 185px; }

.photo a img {
	width: 260px;
	height: 185px;
}

/* Video thumbnail container */
#video {
  text-align: center;
  margin: 60px 0 0;
}
#video img {
  cursor: pointer;
  max-width: 100%;
  height: auto;
  display: inline-block;
}

/* Ensure Bootstrap modal sits on top */
#videoModal {
  z-index: 1050; /* default Bootstrap modal z-index */
}
.modal-backdrop {
  z-index: 1040;
}

/* Modal dialog sizing & centering */
#videoModal .modal-dialog {
  max-width: 800px;
  margin: 60px auto;
}
#videoModal .modal-content {
  background: transparent;
  border: none;
}
#videoModal .modal-body {
  position: relative;
  padding: 0;
}

/* Close button styling */
#videoModal .close {
  color: #fff;
  opacity: 1;
  text-shadow: none;
  font-size: 2rem;
  line-height: 1;
}

/* Responsive 16:9 embed */
.embed-responsive-16by9 {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
  padding-top: 56.25%; /* 9/16 ratio */
}
.embed-responsive-16by9 .embed-responsive-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

#offer { font-weight: 300; color: #525252; padding: 45px 0; }
#offer p { margin: 0 0 40px 0; }
#offer h5 { font-size: 17px; color: #525252; margin: 0 0 30px 0; }
#offer h5 a { color: #525252; }
#offer .col-lg-204 { background: #f8f8f8; }
#offer .offer-nav { text-align: center; line-height: 1; padding: 24px 0 30px 0; }
#offer .offer-nav .icon { background: #fff; width: 130px; height: 130px; border: #efefef 2px solid; border-radius: 65px; padding: 26px 0 0 0; margin: 0 auto; }

#about { background: #f8f8f8; font-weight: 300; padding: 46px 0; }
#about .item { width: 100%; background: #fff; border: #ebebeb 1px solid; overflow: hidden; padding: 15px; }
#about #wizja.item { border-top: 0; }
#about .title { background: #de3e61; width: 100%; color: #fff; text-align: center; padding: 40px 0 30px 0; float: left; margin: 0 0 30px 0; }
#about #wizja .title { background: #a651b7;  float: right; }
#about .title .line { background: #fff; width: 24px; height: 3px; margin: 0 auto; }
#about h6 { font-size: 26px; font-weight: 600; margin: 0 0 20px 0; }
#about p { margin: 0 0 20px 0; }
#about p:last-child { margin: 0; }
#about .content { width: 100%; float: left; }

#rek { background: url("img/rek-bg.jpg") no-repeat top; background-size: cover; padding: 45px 0 35px 0; text-align: center; }
#rek a { display: block; }
#rek a img { margin: 0 0 30px 0; }
#rek span { background: #007b6f; font-size: 17px; font-weight: 300; line-height: 1; color: #fff; padding: 25px 20px; margin: 0 0 5px 0; display: inline-block; }
#rek span.gold { background: #c5a671; margin: 0 0 20px 0; }
#rek .text-right { text-align: center; }
#rek .text-right a { margin: 4px 0 0 0; }

/* --------------------------------------------------- */
/* ARTICLE */

#side-nav { background: #f8f8f8; line-height: 1.2; padding: 2px; margin: 40px 0; }
#side-nav .inside { width: 100%; padding: 22px 0; overflow: hidden; position: relative; }
#side-nav h2 { background: #9632aa; font-size: 18px; font-weight: 300; color: #fff; line-height: 1; padding: 10px 20px; margin: 0 20px 20px 20px; display: inline-block; }
#side-nav ul, #side-nav li { list-style: none; list-style-type: none; padding: 0; margin: 0; }
#side-nav li { padding: 0 18px; margin: 0 0 25px 0; border-left: transparent 2px solid; border-right: transparent 2px solid; }
#side-nav li:last-child { margin: 0; }
#side-nav li.current-menu-item { border-color: #d71842; }
#side-nav a { font-size: 14px; color: #525252; }

#pointer1 { background: #d71842; width: 2px; height: 1px; position: absolute; top: 40px; left: 0; z-index: 20; }
#pointer2 { background: #d71842; width: 2px; height: 1px; position: absolute; top: 40px; right: 0; z-index: 20; }

#content { background: #fff; padding: 30px 0; }
#content article { margin: 0 0 20px 0; overflow: hidden; }
#content h1 { font-size: 24px; font-weight: 600; color: #9632aa; margin: 0 0 35px 0; }
#content h4 { font-size: 16px; font-weight: 400; margin: 0 0 35px 0; text-align: center; }
#content p { font-size: 16px; margin: 0 0 20px 0; }
#content p:last-child { margin: 0; }
#content .pointer { background: url("img/pointer-arrows-mobile.gif") no-repeat bottom; text-align: center; padding: 0 0 108px 0; margin: 40px 0 0 0; }
#content .adnotation { background: url("img/emano-logo-35.gif") no-repeat left; padding: 0 0 0 45px; margin: 0 0 20px 0; }
#content .adnotation .inside { background: #535353; color: #fff; padding: 20px 20px; }
#content .photo { text-align: center; }
#content .photo:last-child { margin: 0 0 40px 0; }
#content .button { background: #9632aa; color: #fff; padding: 10px 14px; display: inline-block; margin: 20px 0 0 0; }

/* ARTICLE */

#content article h1, #content article h2 { font-size: 16px; font-weight: 600; color: #9632aa; margin: 0 0 25px 0; }
#content article h3 { font-size: 16px; font-weight: 700; margin: 0 0 25px 0; }
#content article h4 { font-size: 16px; font-weight: 400; margin: 0 0 25px 0; }
#content article h5 { font-size: 16px; text-transform: uppercase; font-weight: 700; margin: 0 0 25px 0; }
#content article h6 { font-size: 14px; font-weight: 400; margin: 0 0 25px 0; }
#content article p, #content article ul, #content article ol, #content article blockquote { margin-bottom: 25px; }
#content article p:last-child { margin: 0; }
#content article ul { list-style: none; padding: 0; margin: 0 0 25px 0; }
#content article li { margin-bottom: 5px; }
#content article li::before { color: #9632aa; content: "■"; margin-right: 10px; }
#content article strong { font-size: 600; }
#content article img { max-width: 100%; height: auto; }
#content article p img.size-medium.alignleft, #article article p img.size-small.alignleft { margin: 0 20px 15px 0; }
#content article p img.size-medium.alignright, #article article p img.size-small.alignright { margin: 0 0 15px 20px; }
#content article p img.size-medium.aligncenter, #article article p img.size-medium.aligncenter { margin: 0 0 15px 0; }

/* CONTACT */
#content.contact h2, #footer-main #contact h3 { font-size: 21px; font-weight: 600; line-height: 1; }
#content.contact h2 { color: #eb0000; margin: 0 0 3px 0; }
#content.contact h2 strong { font-weight: 600; color: #2e3192; }
#content.contact h3 { margin: 0 0 15px 0; }
#content .contact-map { margin: 30px 0 40px 0; }
#content .google-map { background: #fff; height: 460px; position: relative; overflow: hidden; }
#content .google-map iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; max-height: 460px; }

label { width: 100%; font-weight: 400; }
input, textarea, select { width: 100%; font-size: 16px; color: #333; padding: 15px 20px; border: #ccc 1px solid; box-sizing: border-box; margin: 0 0 5px 0; }
input:hover, textarea:hover, input:focus, textarea:focus { color: #191514; }
input { height: 50px; line-height: 1; }
input[type=submit] { background: #9632aa; height: 50px; font-size: 16px; color: #fff; font-weight: 400; text-align: center; margin: 0; }
input[type=submit]:hover { background: #742784; }

textarea { height: 160px; }

/* --------------------------------------------------- */
/* GALLERY */

#content .gallery { overflow: hidden; }
#content .gallery .gallery-item { width: 100%; float: left; text-align: center; margin: 0 0 20px 0; border: #e7e7e7 1px solid; }
#content .gallery .gallery-item img { border: none; }
#content .gallery.columns-2 .gallery-item { border: none; }
#content .gallery.columns-2 .gallery-item img { border: #e7e7e7 1px solid; }
#content .gallery .gallery-caption { margin: 20px 0 0 0; }

#content .partner { display: table; width: 100%; height: 223px; margin: 0 0 30px 0; }
#content .partner .image { display: table-cell; vertical-align: middle; text-align: center; border: #e7e7e7 1px solid; padding: 30px; }
#content .partner .image a { display: inline-block; }
#content .partner .image .img-responsive { width: auto; height: auto; max-width: 100%; max-height: 100%; }

/* --------------------------------------------------- */
/* FOOTER */

footer#copy { background: #444; font-size: 14px; color: #fff; line-height: 1.2em; padding: 30px 0; }
footer#copy a { color: #fff; }
footer#copy span { margin: 0 20px 0 0; }
footer#copy span:first-child { margin: 0 10px 0 0; }
footer#copy span:last-child { margin: 0; }
footer#copy .text-right a { color: #888; }
footer#copy .text-right { text-align: left; margin-top: 10px; }

.col-lg-204 { width: 100%; padding: 0 15px; float: left; }
.col-lg-264 { width: 100%; padding: 0 15px; float: left; }

.logotypy {
	background: #fff;
}

.logotypy img {
	width: 100%;
	height: auto;
}

@media (max-width: 767px) {
	#banner {
		background-size: contain;
		padding: 50px 0 0 0;
	}
}

@media (min-width: 992px) {
	.no-padding { padding: 0; }
	.padding-left { padding-left: 35px; }

	.burger { display: none; }
	#nav-main { margin: 0; display: block; }
	#nav-main ul li a { font-size: 14px; padding: 10px 12px; }

	#top #contact-info div { display: inline-block; }
	#top #contact-info { margin: 0; }
	#top #lang-select { text-align: right; }

	#header { text-align: left; }

	#side-nav { margin: 0; }
	#side-nav li.current-menu-item { border-color: transparent; }

	#about .item { padding: 48px; }
	#about .title { width: 150px; margin: 0; }
	#about .content { width: 692px; float: left; padding: 0 0 0 35px; }
	#about #wizja .content { padding: 0 35px 0 0; }

	#rek { text-align: left; }
	#rek a { display: inline-block; }
	#rek a img { margin: 0 44px 0 0; }
	#rek span { margin: 4px 2px 0 0; display: inline-block; }
	#rek span.gold { margin: 4px 2px 0 0; }
	#rek .text-right { text-align: right; }
	#rek .text-right a { margin: 4px 0 0 0; }

	#content .pointer { background: url("img/pointer-arrows.gif") no-repeat left; height: 59px; text-align: left; line-height: 59px; padding: 0 0 0 145px; margin: 40px 0 0 0; }

	#content .gallery { width: 100%; text-align: center; }
	#content .gallery.columns-1 .gallery-item { width: auto; height: auto; }
	#content .gallery.columns-2 .gallery-item { width: 50%; height: auto; margin: 0 0 20px 0; }
	#content .gallery.columns-3 .gallery-item { width: 208px; height: 223px; }
	#content .gallery .gallery-item { float: left; display: table; text-align: center; margin: 0 20px 20px 0; }
	#content .gallery .gallery-item .gallery-icon { display: table-cell; height: 100%; vertical-align: middle; }

	#content .partner .image { height: 223px; }

	#content .contact-map { margin: 0; }

	footer#copy .text-right { text-align: right; margin-top: 0; }

}

@media (min-width: 1200px) {

	#nav-main { margin: 25px 0 0 0; }
	#nav-main ul li a { font-size: 15px; padding: 10px 15px; }

	#about .content { width: 892px; float: left; padding: 0 0 0 35px; }

	#side-nav { min-width: 267px; margin: 0; }
	#side-nav .inside {  }

	#rek a img { margin: 0 84px 0 0; }
	#rek .text-right a img { margin: 0; }

	#content .gallery .gallery-item { width: 253px; height: 223px; }
	#content .gallery.columns-3 .gallery-item { width: 253px; height: 223px; }

	.col-lg-204 { width: 254px; }
	.col-lg-264 { width: 264px; }
}

.logotypy > .container img{max-width:100%;}