@font-face {
    font-family: Industry;
    src: url("../fonts/Industry-Book.otf") format("opentype");
}

@font-face {
    font-family: Lato;
    src: url("../../../images/fonts/Lato-Regular.ttf") format("opentype");
}

@font-face {
    font-family: 'Industry Bold';
    font-weight: 600;
    src: url("../fonts/Industry-Bold.otf") format("opentype");
}

@font-face {
    font-family: 'Industry Med';
    font-weight: 400;
    src: url("../fonts/Industry-Medium.otf") format("opentype");
}
  
a[href="/index.php/vermietung/9-vermietung"], a[href="/index.php/vermietung/9-vermietung"]:before {
  display: none;
}
.breadcrumb>li+li:before {
  content: ''!important;
  display: none;
}
/* FRONTEND CSS
*********************************************/
html {
  overflow-y: scroll;
  
}
.imag {
  padding-bottom: 20px;
}
.imag img {
  height: auto!important;
  width: auto!important;
  max-height: 50px;
  min-width: 50px;
  max-width: 70%;
}
#news {
  padding: 40px 0 20px 0;
}
.fullimg {
  max-width: 100%;
}
.height500 {
  display: block;
  max-width: 90%;
  max-height: 400px;
  margin: 0 auto; 
}
div#n2-ss-2 a {
  background: #212042!important;
}
.page #main .container  {
}
.logo {margin-bottom: 0px;} 

.down {
-webkit-animation-name: Floatingx;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floatingx;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    animation-name: Floatingx;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes Floatingx {
    from {transform:translate(0, -3px);}
    50% {transform:translate(0, 3px);}
    to {transform: translate(0, -3px);}    
}
    
@-moz-keyframes Floatingx {
    from {-moz-transform:translate(0, -3px);}
    50% {-moz-transform:translate(0, 3px);}
    to {-moz-transform: translate(0, -3px);}    
}

@keyframes Floatingx {
    from {-moz-transform:translate(0, -3px);}
    50% {-moz-transform:translate(0, 3px);}
    to {-moz-transform: translate(0, -3px);}    
}

.slicknav_nav a {
  color: white!important;
}
body {
  background-color: #FFFFFF;
  font-family: Industry, tahoma, arial, sans-serif!important;
  font-size: 14px;
}
.logo img {
  max-width: 100%;
}
#topbar p {
  margin: 0px;
  padding: 4px;
}
#main {
  padding: 50px 0;
}
.logos {
  float: right;
  text-align: right;
  margin-top: 15px;
}

.slicknav_menu, .slicknav_btn {
 background:  #212042!important; 
}

.box_img img {
  max-width: 70%;
  border: 6px solid #212042;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

.box_img img:hover {

  border: 4px solid #212042;
}
.n2-ss-item-content a.n2-ow {
	
	 transition: all 0.3s; 
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.n2-ss-layer:hover .n2-ss-item-content a.n2-ow {
	background: #025885;
}
.box h4 {
  font-size: 18px!important;
  font-weight: bold!important;
  color: white;
}

.page-header {
  border-bottom: 0px solid black!important;
}
.slider {
  background-image: url(../../../images/tablet.png);
  background-repeat: no-repeat;
  height: 480px;
  background-position: 20px 20px;
}
#info, .slider {
  display: none;
}

#info textarea {
  color: #333;
}
#info {
 
  border-top: 4px solid #212042;
}

#icons {
	background: #212042;
	padding: 50px 0;
	margin-top: -10px;
}


.bbox {
	position: relative;
}
.bbox h4 a {
	background: #212042;
	color: white;
	text-transform: uppercase;
	padding: 7px 30px;
	font-size: 24px;
	position: absolute;
	bottom: 30%;
	left: 0px;
}
.bbox {
	padding: 0px!important;
}
.slicknav_menu {
    background: #212042;
}

.bbox p {
	padding: 5px 10px;
	position: absolute;
	bottom: 15%;
	font-size: 16px;
	left: 0px;
	color: white;
	text-shadow: 2px 2px 2px black;
}
p.n2-ow {
	text-shadow: 2px 2px 2px black!important;
}

.bbox img {
	width: 100%;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
}
.bbox img:hover {
	-webkit-filter: grayscale(60%); /* Safari 6.0 - 9.0 */
     filter: grayscale(60%);
}
.box img {
	
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
}
.overlay {
	transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  background:#212042 
}

.nspImageWrapper:hover .nspImage {
  opacity: 0.4;
}

.nspImageWrapper:hover .overlay {
  opacity: 1;
}

.nspImageWrapper .fa {
  color: white;
  font-size: 34px;
  padding: 16px 32px;
}

.nspImage {
	opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.sigplus-image img {
 transition: .5s ease; 
  opacity: 1;
}

.box img:hover {
	
	transform: rotate(360deg);
}

.home #info, .home .slider {
  display: block;
}
/* LAYOUT
*********************************************/
/* Floats */
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.ie7 .group {
  zoom: 1;
}
.nspArt h4.nspHeader a {
	font-size: 18px!important;
	color: black!important;
}
.nspArt h4.nspHeader  {
	font-size: 18px!important;
	color: black!important;
}
.item-116 {
	display: none!important;
}

/* Media Queries
*********************************************/
/* Retina */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
  
}
.moduletable {
  clear: both;
}

.page-header {
	border-bottom: 0px;
    margin: 40px 0 0px!important;
}
.bfQuickMode .controls .control-label {
  width: 20%!important;
}

.bfQuickMode input[type=text], .bfQuickMode textarea, .bfQuickMode select, .bfQuickMode .uneditable-input {
  max-width: 75%!important;
  margin: 10px!important;
  padding: 3px;
}

#news {
  background: white;
}

#topbar {
   position: relative;
  background: #212042;
  color: white;
}
#welcome img {
	width: 90%;
	margin: auto;
}
.img.sign {
	max-width: 400px;
}
#welcome {
	text-align: center;
	background: black;
}
#head .menu li {
  float: left;
}
#main .custom {
  padding-top: 40px;
}

h3, h2, h4 {
  font-size: 32px;
  text-transform: uppercase;
  padding-bottom: 7px;
  font-family: 'Industry Bold'!important;
}
.block_100 {
	font-size: 18px;
}
strong, b {
	 font-family: 'Industry Med'!important;
}
#head .menu li a {
  padding: 10px 13px;
  color: #333333;
  transition: background 0.3s;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

#head .menu li a:after {
	
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #212042;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

#head .menu li a:hover:after {
	-webkit-transform: scaleX(1);
    transform: scaleX(1);
}

#head .menu li.parent:hover .dropdown-menu {
  
  display: block!important;
}
#topbar .menu li a:hover {	
	 background-color: transparent;
}
#topbar .menu li a {	
	 color: white;
	 padding: 7px 10px;
}
#topbar .menu  {	
	
	 float: right;
}

#topbar .menu li  {	
	 float: left;
}

#head .menu li.current a, #head .menu li.current a:hover, #head .menu li a:hover  {
 background-color: white;
 color: white; 
}
#head .menu li.current a,  .menu li.active a {
	color: white; 
	background: #212042;
}

.menu li.active a {
   color: white!important;
}

.menu li.active .nav-child li a {
  background-color: #212042!important;
  color: white!important;
}

.bback {
  margin-top: -20px;
  color: white;
  background:  #212042;
  display: inline-block;
  padding: 6px 10px;
  position: absolute;
}

.nav-child li a:hover, .nav-child li.active a {
  background-color: #212042!important;
  color: white!important;
}


#about {
  padding: 0 0 40px 0;
  background: #efefef;    
}

.blue_block {
  color: white;
  background-color: rgba(40, 66, 126, 0.8);
  display: block;
  text-align: center;
  margin: auto;
  padding: 15px 25px;
 
}

.button {
  font-size: 18px;
  color: white;
  background: #0c3c8e;
  display: block;
  text-align: center;
  margin: auto;
  width: 160px;
  border-radius: 5px;
  padding: 5px 10px;
  margin-top: 60px;
   transition: background 0.3s;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
}

.button:hover {
  color: white;
  text-decoration: none;
   background: #8baf3d;
}

h4 {
  font-size: 18px;
}

.box h4 {
  text-align: center;
}

.boxes {
 text-align: center;
  padding: 0px 0px;
}
.boxes img {
  margin: 10px 0;
}



.box p {
  color: black;
  font-style: italic;
  padding: 10px;
}


.nav-child {
  display: none;
  padding-left: 0px;
  width: 220px;
  position: absolute;
  z-index:99;
  background-color: #efefef;
}

.menu li.parent:hover .nav-child {
    display: block;
}
.nav-child li {
  list-style: none;
  float: left;
  clear: both;
  float: left;
  margin-left: 0px;
  padding-left: 0px;
  line-height: 25px;
  width: 100%;
}
.nav-child li a {
    font-size: 15px;
    padding: 5px 6px!important;
    line-height: 25px;
    width: 100%;
    padding-left: 15px!important;
    display: block;
}
.nav-child li a:hover {
	text-decoration: none;
}



#slider {
  clear: both;
  
  border: 4px solid #212042;
}


#slider .custom, .logo.custom {
  padding: 0px;
  position: relative;
}
.sigplus-image {
  position: relative;
}

.sigplus-image:hover .overlay {
  opacity: 1;
  
}

.sigplus-image:hover img {
  opacity: 0.4;
  
}

.sigplus-image .fa {
    color: white;
    font-size: 24px;
    padding: 12px 24px;
}


.readon, .eb-taskbar .btn {
  color: white;
    background: #212042;
	border: 2px solid white;
    margin: 10px;
   clear: both;
    border-radius: 0px;
    padding: 9px 15px;
  transition: background 0.3s;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
}


.readon:hover, .eb-taskbar .btn:hover, .button-sb:hover {
 color: white;
  text-decoration: none;
  background: #025885;
}


.clear_p {
  clear: both;
  padding-bottom: 20px;
  display: block;
  min-height: 180px;
}
.clear_p  h3 {
  border-bottom: 1px solid #cecece;
  
}

#footer {
  padding: 0px;
  background: white;

}
#footer a {
  color: #212042;
}
.map {
	padding: 0px!important;
}

.item-113 a:before {
	font-family: FontAwesome;
	content: "\f003";
	margin-right: 8px;
}

.item-113 {
	padding-left: 40px;
}


@media (min-width: 1081px) and (max-width: 1440px) {
   .slicknav_menu {
    display: none!important;
  }
  .item-118, .item-156 {
    padding: 20px 10px;
  }
 
  .menu li a {
    padding: 13px 10px!important;
    font-size: 12px!important;
  }
  
}
/* Landscape phones and down */
@media (max-width: 480px) {
  .nspArt {
    width: 100%!important;
  }
  #news .nspArt h4, .aktualnosci .nspArt h4 {
    top: 120px!important;
  }
  
  .logo img {
    width: 100%!important;
  }
  
  #head img {
  
    margin-top: 8px;
    max-width: 400px;
  }
  div[itemprop="articleBody"] img {
    width: 100%;
    margin-bottom: 10px;
  }
   #slider {
    display: none;
  }
  
  
  .nspArts, .nspLinksWrap {
    padding: 0px!important;
  }
  
  #partners img {
    max-width: 90%;
    margin-left: 10px!important;
  }
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  .blue_block, .almost_full  {
    width: 90%!important;
  }
 
  .logo {
    width: 100%;
  }
  
   
   .nspArt {
    width: 100%!important;
     margin-bottom: 25px;
  }
  
     
    
  .menu {
    display: none;
  }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .menu {
    display: none!important;
  }
  
}


@media (max-width: 1080px) {
   .menu {
    display: none;
  }
  .slicknav_menu {
    display: block;
  	}
  
  .slicknav_menu .nav-child {
    background-color: #0c3c8e;
    margin-left: 0px;
  }
  
  .slicknav_menu .nav-child a {
    color: white;
  }
  
  .slicknav_menu .item-118 a, .slicknav_menu .item-156 a {
    background: white!important;
    color: #0c3c8e!important;
    text-align: center;
  }
  
  .slicknav_menu .nav-child a:hover {
    color: #333333;
    background-color: white;
  }
  
  #news .nspArt h4, .aktualnosci .nspArt h4 {
    top: 120px!important;
  }
}
@media (max-width: 1240px) { 
  
  .info {
    padding: 25px 0;
  }
  
  .slider {
    display: none!important;
  }
   .blue_block h5 {
    font-size:16px;
  }
  .blue_block {
    padding: 10px 25px;
  }
  .list-info {
  padding: 30px 15px!important;;
}
}
  
/* Large desktop */
@media (min-width: 1240px) {
  .slicknav_menu {
    display: none!important;
  	}
  
  
  .container {
  width: 1240px!important;
	}
  
}