body {
    color: #333;
    background-color: #272727;
   }

/* ====================== akcentColor ====================== */

.akcentColor, .showMore, .rentalMain .countOffer, .articleText a, .footer .fa { color: #F2AF32; }
#main-menu > li > a:hover, #main-menu > li.active a, #main-menu .sub-menu, .rentalMain .photoOffer.flag-special {border-color: #f3c431;}

.glyphicon-chevron-left::before, .glyphicon-chevron-right::before, .carousel-indicators .active, .formSubmitRow .submit.globalButton,
#cookies-info .cookies-ok, .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover, .headerOfferElement .fieldHeadOfe.ofePrice, .iconOffer .btn-default, .iconOffer .btn-default:hover, .ofeAgent .agentOffer {background-color: #d3b464; color: #fff;}

/* ====================== /akcentColor ====================== */

.articleContent .articleText {text-align: justify;}

.main.articleMain.activeMain .akcentColor {

   color: rgb(255, 255, 255);
   background: rgb(211, 180, 100) none repeat scroll 0% 0%;      
   height: 40px;
   padding-top: 8px;
   padding-left: 7px;
}

.form-horizontal .radio {color: #fff;}
.form-horizontal .form-group {color: #fff;}
h3, .h3 {color: #fff;}

.carousel-indicators {display: none;}
.menuItem75 > a {pointer-events: none;}
.menuItem74 > a {pointer-events: none;}
/*.menuItem39 > a {pointer-events: none;}*/

.articleContent .middleTitle {
   font-size: 18px;
}

.bodyArticle74 .articleContent .articleText {
   line-height: 15px;
   padding: 0px 10px 0px 0px;
   margin-bottom: 40px;
   font-family: 'Titillium Web', sans-serif;
   font-size: 14px;
}
.bodyArticle39 .articleContent .articleText {
   line-height: 18px;
   padding: 0px 10px 0px 0px;
   margin-bottom: 40px;
   font-family: 'Titillium Web', sans-serif;
   font-size: 14px
}


/* ================ kolory art ===== + body =======*/

.ofeAgent, .contactAgent {
    padding: 15px;
    font-weight: 300;
    margin-top: 20px;
    color: #D3B464;
}

.ofeAgent .agentContent {
    background-color: #444;
    width: 100%;
    overflow: hidden;
    min-height: 186px;
    display: flex;
}

.articleContent { color: #FFF;
background: #272727;;}

#captcha_container #captcha_input {
    border-width: 0px;
    padding: 10px;
    margin-left: 0px;
    color: #000;
}

.activeMain {
    display: block;
    background: #272727; 
}

.headerListOffer {
    color: #FFF;
    font-size: 1.5em;
    padding: 0px;
    height: 100px;
    line-height: 36px;
    z-index: 11;
    background-color: #272727;
    position: relative;
    top: auto;
    left: auto;
    padding-right: 0px;
    width: auto;
}

.rentalMain .iconList .btn {
    border-width: 0px;
    font-size: 0.8em;
    color: #f2af32;
    background: #272727;
}


.ofeDetails .fieldDetails {
    background-color: #201F1F;
    font-size: 0.9em;
    line-height: 1.2em;
    padding: 5px;
    margin: 1px 0px;
    height: 30px;
}

.ofeDescription, .ofeDetails {
    padding: 15px;
    font-weight: 300;
    overflow: hidden;
    color: #fff;
}

.bx-wrapper .bx-viewport {
    left: -5px;
    background: #272727; 
}

.ofeAgent a {
    color: #FFF;
}

/* ================ kolory art =========KONIEC===*/


.searchbtn button {
	    background: linear-gradient(to bottom, #fceabb 0%,#b99741 50%,#8d7330 51%,#fbdf93 100%);}


.searchbtn button:hover {
        color: #fff;
	 background: linear-gradient(to bottom, #e1b237 0%,#7e672d 50%,#836721 51%,#b69b56 100%);
}

.bodyArticle .footer, .bodyOffersList .footer, .bodyOffer .footer{
    position: absolute;
    bottom: 20px;
    width: 95%;
    display: none;
}

.btn-default:hover {
    color: #FFF;
    background-color: #D3B464;
    border-color: #adadad;
}

#returnSearch {display:none}
.iconOffer {height: auto!important; padding: 10px;}
.iconOffer .btn {margin: 5px 0!important;}

.container-sideBox .glyphicon-menu-down::before, .glyphicon.glyphicon-menu-hamburger.akcentColor {
	color: #D3B465;}

body.bodyMain {background: url("../../../grafika/bgbanerMain.jpg")no-repeat left bottom / cover}

#main-menu .sub-menu > li > a{
   color: #FFF;
   font-weight: 400;
   font-size: 0.8em;
   letter-spacing: 0.3px;
   line-height: 20px;
   padding: 5px;
   display: block;
}
#main-menu .sub-menu > li {
	padding: 0 10px;
}
#main-menu .sub-menu > li {
	background: #BF9F4C; 
}


.searchBox .transaction {padding-top: 6px;}
.globalButton {	background: #956f22; color: white;}
.boxAddress {	font-size: 18px; color: white;}

#main-menu {width: 100%; text-align: center;}
#main-menu > li {display: inline-block; float: none;}


#main-menu > li a {
   padding: 7px;
   font-size: 14px;
   border-bottom: none; 
   /*transition: color 0.8s ease-out 0s;*/ 
   text-transform: uppercase;
}

.boxSocial .google, .boxSocial .tweeter {display: none;}

.formSubmitRow .submit.globalButton {color: #fff}

.logo img {
   margin: 0px 0;
   width: 339px;}

.bodyMain .logo img {}
.bodyMain .logo {margin-top: 15%;  margin-bottom: 10%;}


#main-menu {text-align: center;}
#main-menu > li > a {letter-spacing: 0px;}

.searchbtn button {border: none; color: #fff;}

.searchBox label.akcentColor, .searchBox .checkbox label {color: #fff;}

.blog-container .btn {background-color: #740004;}
.blog-box h2, .blog-box h2 a, .blog-box h2 a:hover {color: #740004;}

.bodyMain .heiXS .logo {margin-bottom: 0;}
.startpage.heiXS .boxAddress .footMail {margin-top: 0px;}

@media (max-height: 900px) {
.bodyMain .logo {    margin-top: 40px; }
}


@media (max-width: 1199px) {
.logo img {
    margin: 10px 0;
    height: auto;
    width: 90%;
    top: -66px;
    position: relative;
}

.searchBox label {font-size: 14px;}
.searchBox .form-control, .searchBox .btn.dropdown-toggle {     font-size: 15px;     height: 36px; line-height: 36px; padding-top: 0; padding-bottom: 0; }
.searchBox .form-group {margin-bottom: 10px;}
.heiEXS .searchbtn, .transaction {margin-top: 15px; }
.searchbtn button {height: 38px;}
.startpage.heiEXS #main-menu {height: auto; background-color:#a1a1a1}
.startpage.heiEXS #main-menu > li {width: 100%}
.startpage.heiEXS #main-menu > li > a {color: #fff;}

#myCarousel .specialOffer {font-size: 0.6em;}
#myCarousel .offerLocation, #myCarousel .offertransaction {margin-bottom: 12px}

.carousel-indicators li, .carousel-indicators li.active  {     height: 13px;     margin: 3px;     width: 13px; }
.specialOffer {bottom: 14%;}

#main-menu > li {width: 100%;}
#main-menu > li, #main-menu .sub-menu {width: 100%;}
#main-menu > li {height: auto;}
#main-menu .sub-menu {position: relative;}
}

@media (max-height: 700px ){
.bodyMain .logo {margin: 0;}
.bodyMain .logo img {margin: 0;}

}

.sideBox.sideTransparent {}
.searchbtn button {font-weight: 600;}


.sideOffer .listMore {background: linear-gradient(to bottom, #e1b237 0%,#7e672d 50%,#836721 51%,#b69b56 100%); color: #fff; }
.sideOffer .listMore a {color: #fff; }

.propertyListOffer .akcentColor {color: #fff; font-weight: 600;}
.sideOffer .locationListOffer {	line-height: 1em;}



.boxSocial > div {cursor: pointer;     display: block;     float: none !important;     height: 27px;     margin: 0 auto;      width: 28px; }

.sideBox::before {display: none;}
.sideBox {background: RGBA(0, 0, 0, 0.84); z-index: 100;}

#main-menu > li > a {border-color: #242424; }
.btn, .searchBox .form-box-radius .form-control {border-radius: 0px;}
.searchBox .form-box-right .form-control {     border-radius: 0; }
.searchBox .form-box-left .form-control {     border-radius: 0; }
.boxAddress, .boxAddress .footAddress {
	color: #777; text-shadow: none;
}

#main-menu > li > a:hover {
	background: none;
        color: #D3B464!important;
}
.rentalMain .photoOffer.flag-noprovision {border: none;}
.rentalMain .photoOffer.flag-new {
	border: 4px solid #D3B465;
}

.searchBox {
	background: #000;
}
.articleText li {
	margin: 6px 0;
}

.articleText {font-weight: 200;}

.boxAddress .footPhone, .boxAddress .footMail {background: transparent; padding-left:0; padding-right:0;}
.boxAddress .footPhone .fa, .boxAddress .footMail .fa {font-size: 0.9em}
.boxAddress .footAddress, .boxAddress .footMail {margin-top: 12px; width:auto;}
.menuMobile .firmAddress {display: none;}
.menuMobile {background: transparent; cursor: pointer; font-size: 1.6em;}
.heiXS #main-menu > li > a {color: #fff;}

.boxAddress {overflow: visible;}
.boxAddress, .boxAddress .footAddress, .boxAddress a {color: #777; text-shadow: none;}
.boxAddress a, .boxAddress a:hover {text-decoration: none!important; cursor: text!important; }

#myCarousel::after { content: ""; display: block; height: 40%; width: 100%; position: absolute; bottom: 0; background: linear-gradient(rgba(255,0,0,0), 
	rgba(0,0,0,0.85)); }

#main-menu > li > a:hover {
	text-decoration: none;
}

.boxAddress .footMail {margin: 0; padding: 0;}

.boxAddress, .boxAddress .footAddress, .boxAddress a {
   color: white;
   width: 100%;
   line-height: 21px;}

.ofeAgent .agentMail {     word-wrap: break-word; }

.bodyArticle41 .agents .agentDepartmentName {display: none;}

.boxSocial {
    overflow: hidden;
    width: 108px;
    margin: 60px auto 0px auto;
    visibility: hidden;
}


#main-menu .sub-menu > li {
    float: none;
    border-bottom: 0px solid #CB830F;
    text-align: left;
    width: 175px;
}

.iconOffer {
    display: block;
    position: relative;
    width: 100%;
    height: auto !important;
    background-color: #292929;
    clear: both;
    overflow: visible;
}


.footMail a:hover {
	cursor: pointer !important;
        text-decoration-line: underline !important;
}

.menuMobile .glyphicon-menu-hamburger {
    z-index: 9;
}

/* media ----------------- */
@media (max-height: 768px) {
.heiXS .footer {
	display: block}


.searchBox {
    margin-top: 5%;}
.bodyMain .logo {
    margin-top: 20px;
}
}


@media (max-width: 1199px) {
.bodyMain .logo img {
   margin-bottom: 0;
   width: 100%;
   height: 215px;
}
}

@media (min-width: 1199px) and (max-width: 1920px) {
.bodyMain .logo img {
   margin-bottom: 0;
   width: 100%;
   height: 291px;
}

.bodyOffer .logo img {
   margin-bottom: 0;
   width: 100%;
   height: 242px; }


.bodyArticle .logo img{
   margin-bottom: 0;
   width: 100%;
   height: 242px; }

}

articleContent .middleTitle {
    font-size: 18px;
}

.bodyOffersList .logo img{
   margin-bottom: 0;
   width: 100%;
   height: 242px; }
}

.bodyArticle .logo, .bodyOffersList .logo, .bodyOffer .logo {
   margin-top: -9%;
}

#main-menu .sub-menu > li:hover {
    background-color: #D3B465;
    width: 175px;
    text-align: left;
}
}

@media (max-width: 1200px){
#main-menu > li {
    float: none;
    background-color: #91272D;
}
}


@media (max-width: 1200px){
#main-menu .sub-menu > li:hover {
    background-color: #D3B465;
    width: 100%;
    text-align: center;
}

#main-menu .sub-menu > li {
    float: none;
    border-bottom: 1px solid #CB830F;
    width: 100%;
    text-align: center;
}
}

.footer {
    position: relative;
    bottom: 0px;
    width: 100%;
}

.ofeDescription *{
	color: #fff!important; background: transparent!important;
}

form#searchForm {
    display: none;
}