@import url('https://fonts.googleapis.com/css?family=Nunito:300,400,600,700,900&subset=latin-ext');
@import url('font-awesome.min.css');

body {
  font-family: Nunito;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition-duration: 0.25s !important;
  transition-duration: 0.25s !important;
}

/*

    RWD

*/

@media only screen and (max-width: 450px) {
  #mobile_page {
    display: block;
  }

  #full_page {
    display: none;
  }

  navbar {
    padding: 0px;
  }
}

@media only screen and (min-width: 450px) {
  #mobile_page {
    display: none;
  }

  #full_page {
    display: block;
  }
}

/*

    END RWD

*/


.smallimage {
  padding-right: 0px;
}


/* Login Page */
#loginpage {
  margin-top: 5vh;
}

#loginpage h1 {
  color: #0f0f0f;
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
  margin-bottom: 1.2em;
}

#loginpage .title {
  color: #00965f;
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
}

#loginpage img {
  max-height: 54px;
  margin-left: 10px;
  margin-right: 10px;
}

#loginpage a {
  color: #00965f;
}

#loginpage .social {
  margin-top: 50px;
  margin-bottom: 30px;
}

#loginpage .btn-login {
  color: #191919;
  background-color: #00fea3;
  border-color: transparent;
}

#loginpage .btn-register {
  color: #191919;
  background-color: transparent;
  border-color: #191919;
}

#loginpage .btn {
  font-weight: 700;
}

#loginpage .media-add {
  margin-top: 20px;
  text-align: center;
}

#loginpage p.files {
  text-align: left;
}

#loginpage .btn-green {
  color: #191919;
  background-color: #00fea3;
  border-color: transparent;
  width: 40%;
  font-size: 0.8rem;
  margin-bottom: 10px;
}

#loginpage .btn-green:hover {
  color: #191919;
  background-color: transparent;
  border-color: #191919;
}

#loginpage .btn-login:hover {
  color: #191919;
  background-color: transparent;
  border-color: #191919;
}

#loginpage .btn-register:hover {
  color: #191919;
  background-color: #00fea3;
  border-color: transparent;
}

#loginpage .buttons {
  margin-top: 30px;
  text-align: center;
}

#loginpage form {
  background-color: #f2f2f2;
  padding: 20px 20px 10px 20px;
  border-radius: 10px;
}

#loginpage input {
  border-radius: 10px;
}

#loginpage textarea {
  border-radius: 10px;
}

#loginpage .logotype {
  margin-top: 30px;
  margin-bottom: 30px;
}

.reg {
  margin-bottom: 120px;
}

#loginpage .buttons-register {
  text-align: center;
  margin-top: 20px;
}

#loginpage .btn-primary {
  margin-bottom: 15px;
  width: 200px;
  height: 60px;
}

#loginpage h5 {
  margin-bottom: 20px;
  margin-top: 20px;
}

#loginpage .professional {
  display: none;
}

#loginpage .title-professional {
  color: #00965f;
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
  display: none;
}

/* Contact Page */
#contactpage {
  margin-top: 10vh;
  margin-bottom: 10vh;
}

/* Mainsite */
#mainsite {
  margin-bottom: 10vh;
}

/* Mainsite Fonts */
#mainsite h3 {
  margin-top: 20px;
  font-size: 1.1rem;
  font-weight: 600;
}

#mainsite .alignright {
  text-align: right;
  color: #119d6a;
}

/* Mainsite Forms*/
#mainsite form {
  background-color: #f2f2f2;
  padding: 20px 20px 10px 20px;
  border-radius: 10px;
}

#mainsite input {
  border-radius: 10px;
  font-size: 0.8rem;
}

#mainsite input:focus {
  border-color: #fe0000;
}

#mainsite input::placeholder {
  font-size: 0.8rem;
  color: lightgray;
}

#mainsite select:focus {
  border-color: #fe0000;
}

#mainsite select {
  border-radius: 10px;
  font-size: 0.8rem;
  color: lightgray;
}

#mainsite #opis-textarea {
  border-radius: 10px;
  margin-bottom: 10px;
}

/* Mainsite Elements */
#mainsite .info-box {
  width: 100%;
  background-color: #000000;
  line-height: 60px;
  text-align: center;
  color: #00cb82;
  font-size: 0.8rem;
  height: 60px;
}

#mainsite .checkboxes {
  margin-left: 0;
  margin-right: 0;
}

#mainsite .last-items {
  margin-top: 20px;
  margin-bottom: 20px;
}

#mainsite .btn-end {
  text-align: center;
  font-size: 0.8rem;
  margin-bottom: 10px;
}

#mainsite .btn-normal {
  color: #191919;
  background-color: transparent;
  border-color: #191919;
  width: 100%;
  font-size: 0.8rem;
  margin-bottom: 10px;
}

#mainsite .btn-green {
  color: #191919;
  background-color: #00fea3;
  border-color: transparent;
  width: 100%;
  font-size: 0.8rem;
  margin-bottom: 10px;
}

#mainsite button:focus {
  border-color: #fe0000;
}

#mainsite .media-menu {
  margin-left: 20px;
  margin-right: 20px;
  text-align: center;
  font-weight: 600;
}

.btn-end2 {
  width: 300px;
  height: 80px;
  margin-bottom: 20px;
}

#mainsite .media-add {
  text-align: center;
}

.thumbnail {
  margin-bottom: 20px;
}

.thumbnail-cliked {
  border: 3px #00cb82 solid;
  opacity: 0.6;
}

.custom-icon {
  background: transparent;
  border-radius: 100%;
  /*border: 6px solid #bebebe;
    */
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.46);
  color: #bebebe;
  display: table-cell;
  font-size: 45px;
  height: 60px;
  padding: 30px;
  text-align: center;
  transition: .5s;
  vertical-align: middle;
  width: 60px;
}

.custom-icon:hover {
  border-color: gray;
  color: gray;
}

.fix-editor {
  display: none;
}

.icon-wrapper {
  display: inline-block;
}

.lokalizacja {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.map_canvas {
  width: 100% !important;
}

.select {
  text-align: center;
}

/* --------------------------------------------------- SIDEBAR STYLE ----------------------------------------------------- */
.wrapper {
  display: flex;
  align-items: stretch;
}

#sidebar {
  min-width: 250px;
  max-width: 250px;
  background: #f2f2f2;
  color: black;
  transition: all 0.3s;
  height: 100vh;
  position: fixed;
  z-index: 999;
}

#sidebar.active {
  min-width: 80px;
  max-width: 80px;
  text-align: center;
}

#sidebar.active .sidebar-header h3,
#sidebar.active .CTAs {
  display: none;
}

#sidebar.active .sidebar-header strong {
  display: block;
}

#sidebar ul li a {
  text-align: left;
}

#sidebar.active ul li a {
  padding: 20px 10px;
  text-align: center;
  font-size: 0.85em;
}

#sidebar.active ul li a i {
  margin-right: 0;
  display: block;
  font-size: 1.8em;
  margin-bottom: 5px;
}

#sidebar.active ul ul a {
  padding: 10px !important;
}

#sidebar.active a[aria-expanded="false"]::before,
#sidebar.active a[aria-expanded="true"]::before {
  top: auto;
  bottom: 5px;
  right: 50%;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
}

#sidebar .sidebar-header {
  padding: 20px;
  background: #f2f2f2;
}

#sidebar .sidebar-header strong {
  display: none;
  font-size: 1.8em;
}

#sidebar ul li a {
  padding: 10px;
  font-size: 1.1em;
  display: block;
  color: black !important;
  text-decoration: none;
}

#sidebar ul li a:hover {
  color: black;
  background: #00fea3;
}

#sidebar ul li a i {
  margin-right: 10px;
}

#sidebar ul li.active > a,
a[aria-expanded="true"] {
  color: black;
  background: #00fea3;
}

a[data-toggle="collapse"] {
  position: relative;
}

a[aria-expanded="false"]::before,
a[aria-expanded="true"]::before {
  display: block;
  position: absolute;
  right: 20px;
  font-family: 'FontAwesome';
  font-size: 0.6em;
}

a[aria-expanded="true"]::before {
  content: '\f106';
}

.correctIt::placeholder {
  color: black !important;
}

.correctIt {
  display: block;
  width: 100%;
  padding: .5rem .75rem;
  font-size: 1rem;
  line-height: 1.25;
  color: black !important;
  background-color: pink;
  background-image: none;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: .25rem;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

#dashboard {
  margin-top: 8vh;
}

#dashboard table {
  text-align: center;
  font-size: 0.85rem;
}

#dashboard .thead-gray {
  background-color: #f2f2f2;
  text-align: center;
}

#dashboard .adv-active {
  margin-bottom: 6vh;
}

#dashboard .table thead th {
  text-align: center;
}

.img-offer {
  width: 15vh;
  height: 100px;
  object-fit: cover;
}

.img-ofr {
  padding: 0 !important;
}

#dashboard td {
  vertical-align: inherit !important;
}

@media (min-width: 992px) {
  .modal-lg {
    max-width: 1470px;
  }

  .modal-md {
    max-width: 600px;
  }
}

/* --------------------------------------------------- HOMEPAGE ----------------------------------------------------- */
#homepage {
  overflow-x: hidden;
}

.alpa {
  /*background-color: rgba(0, 0, 0, 0.5);
    */
  border-radius: 10px;
  padding: 20px;
  padding-left: 40px;
  padding-right: 40px;
  display: inline;
  text-shadow: 0px 2px 5.4px rgba(18, 23, 26, 0.3);
}

@media only screen and (max-width: 1440px) {
  .homepage_content {
    max-width: 90vw;
    margin-left: auto;
    margin-right: auto;
  }
}

header {
  background: #fff;
  position: fixed;
  width: 100%;
  z-index: 99999;
  top: 0;
}

header .dropdown {
  display: inline-block;
  color: #000;
  padding-left: 10px;
  padding-right: 10px;
}

header .dropdown a,
header a {
  color: #000;
  font-weight: 100;
}

header a {
  color: #00965f;
  font-weight: 100;
}

header a:hover {
  text-decoration: none;
}

header .dropdown a:hover,
header a:hover {
  color: #00965f;
}

header .dropdown .dropdown-item {
  font-size: 12px;
}

#headeroffer .row {
  margin-top: 3px;
}

.shareoffer:hover {
  color: #00965f;
}

.shareoffer {
  margin-right: 20px;
  font-weight: 600;
}

.navbar {
  font-size: 16px;
  padding: .5rem 3rem;
}

.navbar a {
  color: #000;
}

.navbar button {
  text-transform: uppercase;
}

.navbar ul li {
  display: inline-block;
  float: left;
}

.navbar ul li:first-child {
  margin-left: 7%;
}

.navbar ul li {
  margin-left: 5%;
}

.navbar ul {
  min-width: 600px;
}

.navbar .btn-outline-dark {
  color: #000;
}

.navbar .btn-outline-dark:hover {
  color: #fff;
}

#search_container {
  height: 700px;
  background-attachment: fixed !important;
  background-position: top !important;
  background-repeat: no-repeat !important;
  background-size: 100% 700px, auto 700px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: white;
  margin-top: 20px;
}

#search_container h1 {
  text-align: center;
  text-shadow: 0px 2px 5.4px rgba(18, 23, 26, 0.3);
  margin-bottom: 50px;
}

#searchbox {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  padding: 20px;
  margin-top: 40px;
  padding-left: 0;
  padding-right: 0;
}

#searchbox #dropdownMenuLink {
  width: 100%;
  background: #fff;
  color: #000;
  padding: .5rem 0.8rem;
  margin: .125rem 0 0;
  font-size: 16px;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: .25rem;
  display: block;
  padding-right: 0.4rem;
}

#searchbox .dropdown-item {
  display: block;
  width: 100%;
  padding: .25rem 0.8rem;
}

#searchbox .dropdown-menu.show {
  top: 10px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}

#searchbox .dropdown-toggle::after {
  margin-left: 1.2em;
}

#searchbox .dropdown {
  margin-top: 36px;
}

#searchbox .tab-content {
  background: #fff;
  padding: 8px;
  border-radius: 0px 5px 5px 5px;
}

#searchbox .tab-content input {
  border: 0;
  font-size: 16px;
  width: 100%;
}

#searchbox .nav-tabs .nav-link.active {
  color: #090909;
}

#searchbox .nav-tabs .nav-link {
  border: 0px solid transparent;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  font-size: 14px;
  color: #feffff;
}

#searchbox .nav-tabs {
  border-bottom: 0px solid #ddd;
}

/*Slider Area*/
.prevArrow,
.nextArrow {
  position: absolute;
  top: 36%;
  font-size: 2rem;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  border: none;
  outline: none;
  background: transparent;
}

.nextArrow {
  right: -18px;
  left: auto;
}

.prevArrow {
  right: auto;
  left: -18px;
}

#slider_area {
  margin-top: 10px;
  text-align: center;
}

#slider_area h2 {
  margin-bottom: 30px;
}

#slider_area .oneitem {
  height: 250px;
  padding: 0 5px 0 5px;
  margin-bottom: 20px;
  text-align: left;
}

#slider_area .oneitem .inner {
  background-position: center;
  background-size: cover;
  height: 250px;
  padding: 10px;
}

#slider_area .oneitem .inner:before {
  content: '';
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;
  left: 5px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #000000);
  opacity: .6;
}

#slider_area .oneitem .info {
  color: white;
  bottom: 5px;
  position: absolute;
  font-weight: 600
}

#slider_area .oneitem .info h4 {
  font-weight: 600;
}

#slider_area .oneitem .info p {
  margin-bottom: 3px
}

#slider_area hr {
  border-color: #504f4f;
  margin-top: 35px;
  margin-bottom: 35px
}

.heart {
  right: 15px;
  top: 15px;
  position: absolute;
  z-index: 999;
}

.heart .fa {
  font-size: 2rem;
  -webkit-text-fill-color: rgba(0, 0, 0, 0.62);
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: white;
  -webkit-transition-duration: 0.25s !important;
  transition-duration: 0.25s !important;
}

.activeheart {
  -webkit-text-fill-color: #00fea3 !important;
}

/*Other Pages*/
#other_pages {
  margin-top: 70px;
  text-align: center;
  margin-bottom: 15px;
}

.pad1 {
  padding-right: 6px;
}

.pad2 {
  padding-left: 2px;
  padding-right: 4px;
}

.pad3 {
  padding-left: 4px;
  padding-right: 2px;
}

.pad4 {
  padding-left: 6px;
}

#other_pages h2 {
  margin-bottom: 50px;
}

#other_pages .oneitem {
  padding: 0px;
  margin-bottom: 20px;
  text-align: left;
  color: white;
  -webkit-transition-duration: 0.25s !important;
  transition-duration: 0.25s !important;
}

#other_pages .oneitem .inner:before {
  content: "";
  display: block;
  padding-top: 100%;
  /* initial ratio of 1:1*/
}

#other_pages .oneitem:hover {
  color: #00fea3 !important;
}

#other_pages .inner1:hover {
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.7)), url(../../img/l1.jpg);
}

#other_pages .inner1 {
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.3)), url(../../img/l1.jpg);
}

#other_pages .inner2:hover {
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.7)), url(../../img/l2.jpg);
}

#other_pages .inner2 {
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.3)), url(../../img/l2.jpg);
}

#other_pages .inner3:hover {
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.7)), url(../../img/l3.jpg);
}

#other_pages .inner3 {
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.3)), url(../../img/l3.jpg);
}

#other_pages .inner4:hover {
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.7)), url(../../img/l4.jpg);
}

#other_pages .inner4 {
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.3)), url(../../img/l4.jpg);
}

#other_pages .oneitem .inner {
  background-position: center;
  background-repeat: no-repeat;
  padding: 10px;
  background-size: cover;
}

#other_pages .oneitem .info {
  bottom: 5px;
  position: absolute;
  font-weight: 600
}

#other_pages .oneitem .info h4 {
  font-weight: 600;
}

#other_pages hr {
  border-color: #504f4f;
  margin-top: 35px;
  margin-bottom: 35px
}

/*Blog Area*/
.blog_menu {
  display: flex;
}

.blog_menu li {
  width: 14%;
  text-align: center;
}

@media only screen and (max-width: 700px) {
  .blog_menu li {
    width: 33%;
    text-align: center;
  }
}

.blog_menu li img {
  height: 31px;
  width: auto;
}

.budownictwo {
  color: #E18611;
}

.akt {
  color: #2e165f;
}

.fin {
  color: #162f4e;
}

.prawo {
  color: #065c66;
}

.nier {
  color: #65216b;
}

.design {
  color: #b02500;
}

.okiem {
  color: #3f434f;
}

.akt:hover {
  color: #2e165f;
}

.fin:hover {
  color: #162f4e;
}

.prawo:hover {
  color: #065c66;
}

.nier:hover {
  color: #65216b;
}

.design:hover {
  color: #b02500;
}

.okiem:hover {
  color: #3f434f;
}

.budownictwo:hover {
  color: #E18611;
}

.blog_link:hover {
  text-decoration: none;
  color: #00fea3;
}

.blog_area {
  margin-top: 50px;
}

.biginfo {
  height: 50vh;
  overflow: hidden;
  padding-left: 0px;
  padding-right: 3px;
}

.pad_right {
  padding-left: 3px;
  padding-right: 0px;
}

.pad_left {
  padding-left: 3px;
  padding-right: 3px;
}



.biginfo .inner {
  height: 50vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition-duration: 0.32s !important;
  transition-duration: 0.32s !important;
}

.biginfo .inner:hover,
.smallinfo .inner:hover {
  transform: scale(1.06);
}

.biginfo:hover > .inner {
  transform: scale(1.06);
}

.biginfo:hover + .inner {
  transform: scale(1.06);
}

.biginfo:hover .inner {
  transform: scale(1.06);
}

.biginfo:hover ~ .inner {
  transform: scale(1.06);
}

.smallinfo:hover > .inner {
  transform: scale(1.06);
}

.smallinfo:hover + .inner {
  transform: scale(1.06);
}

.smallinfo:hover .inner {
  transform: scale(1.06);
}

.smallinfo:hover ~ .inner {
  transform: scale(1.06);
}

/*.biginfo .inner:before {
     content: '';
     position: absolute;
     top: 0;
     right: 15px;
     bottom: 0;
     left: 15px;
     background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #000000);
     opacity: .6;
}
*/
/*.smallinfo .inner:before {
     content: '';
     position: absolute;
     top: 0;
     right: 15px;
     bottom: 1vh;
     left: 15px;
     background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #000000);
     opacity: .6;
}
*/
.smallinfo {
  height: 25vh;
  overflow: hidden;
}

.firstrow {
  margin-bottom: 1vh;
}

.mar_t3 {
  margin-top: 3px;
}

.mar_b3 {
  margin-bottom: 3px;
}

.smallinfo .inner {
  height: calc(25vh - 3px);

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition-duration: 0.32s !important;
  transition-duration: 0.32s !important;
}

.smallinfo .firstrow {
  margin-bottom: 1vh;
}

.smallinfo .secondrow {
  margin-top: 1vh;
}

.nothover {
  position: absolute;
  bottom: 10px;
  color: white;
  width: 90%;
  padding-left: 5px;
}

.nothover h3 {
  margin-bottom: 10px;
  font-size: 2rem;
}

.smallinfo .nothover h3 {
  margin-bottom: 5px;
  font-size: 1.4rem;
}

.nothover p {
  text-align: right;
  font-size: 90%;
}

/*Filter Results*/
#filter_results {
  margin-top: 10px;
  text-align: left;
}

#filter_results .filter {
     color: #dddddd;
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
}

#filter_results .text {
  margin-top: 50px;
}

#filter_results h2 {
  margin-bottom: 30px;
  font-size: 1.1rem;
  font-weight: 600;
}

#filter_results .oneitem {
  padding: 0 3px 0 3px;
  margin-bottom: 5px;
  text-align: left;
}

#filter_results .oneitem .inner {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 190px;
}

#filter_results .oneitem .inner:before {
  content: '';
  position: absolute;
  top: 0;
  right: 3px;
  bottom: 0;
  left: 3px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #000000);
  opacity: .6;
}

#filter_results .oneitem .info {
  color: white;
  bottom: 15px;
  left: 10px;
  position: absolute;
  font-weight: 600
}

#filter_results .oneitem .info h4 {
  font-weight: 600;
  margin-bottom: 0;
  font-size: 1.4rem;
}

#filter_results .oneitem .info p {
  margin-bottom: 0px
}

#filter_results hr {
  border-color: #504f4f;
  margin-top: 35px;
  margin-bottom: 35px
}

#marker {
  width: 320px;
  font-weight: 500;
}

#marker .heart {
  right: 25px;
  font-family: Nunito;
}

#marker .inner {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 190px;
}

#marker .inner:before {
  content: '';
  position: absolute;
  top: 0;
  right: 23px;
  bottom: 5px;
  left: 0px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #000000);
  opacity: .6;
}

#marker .info {
  color: white;
  bottom: 15px;
  left: 10px;
  position: absolute;
  font-weight: 600
}

#marker .info h4 {
  font-weight: 600;
  margin-bottom: 0;
  font-size: 1.4rem;
}

#marker .info p {
  margin-bottom: 0px
}

/*Offer Page*/
/*.offer_szukaj {
     border-top-left-radius: 10px;
     border-bottom-left-radius: 10px;
     background-color: #ececec;
     padding: .5rem .75rem;
     font-size: 1rem;
     line-height: 1.25;
     color: #464a4c;
     -webkit-background-clip: padding-box;
     background-clip: padding-box;
     border: 1px solid rgba(0,0,0,.15);
     -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
     transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
     -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
     transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
     transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}
 .offer_szukaj_button {
     color: white;
     background-color: #00fea3;
     border-top-right-radius: 10px;
     border-bottom-right-radius: 10px;
     margin-left: -5px;
     margin-bottom: 3px;
     height: 40px;
}
*/
.offer_szukaj {
  border: none;
  border-bottom: 1px solid rgba(161, 161, 161, 0.78);
  color: #a1a1a1;
  font-size: 0.9rem;
  line-height: 30px;
  padding-left: .3rem;
  background: transparent;
}

.offer_szukaj_button {
  background: transparent;
  border: none;
  color: black;
  font-weight: 400;
  font-size: 17px;
  padding-top: 4px;
}

.insidecircle {
  text-align: right;
}

.offers_page {
  padding-left: 0;
  margin-left: 0;
  padding-right: 0;
  margin-right: 0;
}

.offers_page div:first-child {
	margin-right: 0px;
}

.offer_header {
  position: unset;
}

.offer_title h2 {
     font-size: 1.4rem;
     margin-left: 8px;
     margin-bottom: 0px;
     font-weight: 600;
}

.offer_map {
  height: 100%;
}

.map_add_template {
  z-index: 0;
  height: 540px;
}

.filterdata {
  max-height: 100vh;
  overflow: auto;
  margin: 0;
  padding: 0;
}

.offerbuttons {
  margin-top: 20px;
}

.map_column {
  padding-right: 0;
}

#page_offers {
  max-height: 100vh;
  overflow: hidden;
}

.offers_serach {
  top: -8px;
  margin-right: -10px;
  height: 30px;
  width: 450px;
}

.icosquare {
  height: 15px;
  width: 15px;
  display: inline-block;
  border-radius: 5px;
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: -2px;
}

.markersquare {
  height: 21px;
  width: 21px;
  display: inline-block;
  border-radius: 5px;
  border: 2px solid white;
  margin-left: 2px;
  margin-right: 2px;
}

.markerarea {
  width: 300px;
  height: 180px;
}

.markerarea .oneitem {
  /*padding: 0 3px 0 3px;
    */
  margin-bottom: 5px;
  text-align: left;
}

.markerarea .oneitem .inner {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 180px;
}

.markerarea .oneitem .inner:before {
  content: '';
  position: absolute;
  top: 21px;
  right: 0;
  bottom: -21px;
  left: 0;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #000000);
  opacity: .6;
}

.markerarea .oneitem .info {
  color: white;
  bottom: 5px;
  left: 10px;
  position: absolute;
  font-weight: 500
}

.markerarea .oneitem .info h4 {
  font-weight: 600;
  margin-bottom: 0;
  font-size: 1.4rem;
}

.markerarea .oneitem .info p {
  margin-bottom: 0px
}

.col1 {
  background-color: #0067d1;
}

.col2 {
  background-color: #00b172;
}

.col3 {
  background-color: #535353;
}

.col4 {
  background-color: pink;
}

span.gray {
  width: 50px;
  background: #f1f1f1;
  display: inline-block;
  height: 18px;
  top: 4px;
  position: relative;
}

.search_save {
  position: absolute;
  right: 35px;
  color: #6bb694 !important;
}

.poico {
  height: 31px;
  display: inline-block;
  margin-right: 3px;
}

.onepoint {
  display: inline-block;
}

/*Single Offer Page*/
.lightbox_info {
  margin-bottom: 50px;
}

.lightbox_info h2 {
  font-weight: 600;
}

.lightbox_info h3 {
  font-size: 1.3rem;
}

.lightbox_info h4 {
  font-size: 1.3rem;
  color: #8d8d8d;
  font-weight: 100;
}

.image_area {
  position: relative;
}

@media only screen and (min-width: 768px) {
  .flex_big {
    max-width: 57%;
    overflow: hidden;
    flex: 0 0 57%;
  }

  .flex_slim {
    max-width: 43%;
    overflow: hidden;
    flex: 0 0 43%;
  }

  .smallimage .inner {
    padding-bottom: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .bigimage {
    margin-bottom: 10px;
  }

  .bigimage .inner {
    padding-bottom: 65%;
  }

  .smallimage .inner {
    padding-bottom: 65%;
  }
}

.image_next {
  position: absolute;
  z-index: 2;
  color: white;
  font-size: 2.5rem;
  background: black;
  padding: 10px;
  height: 100%;
}

.left-arr {
  position: absolute;
  top: 48%;
  margin-left: -40px;
  font-size: 3rem;
  -webkit-transition-duration: 0.2s !important;
  transition-duration: 0.2s !important;
}

.right-arr {
  position: absolute;
  top: 48%;
  margin-right: -40px;
  font-size: 3rem;
  right: 0;
  -webkit-transition-duration: 0.2s !important;
  transition-duration: 0.2s !important;
}

.left-arr:hover,
.right-arr:hover {
  font-size: 3.1rem;
  color: gray;
}

.bigimage .inner {
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition-duration: 0.32s !important;
  transition-duration: 0.32s !important;
}

.bigimage .inner:hover,
.smallimage .inner:hover {
  -ms-transform: scale(1.02, 1.02);
  /* IE 9 */
  -webkit-transform: scale(1.02, 1.02);
  /* Safari */
  transform: scale(1.02, 1.02);
}

.smallimage .inner {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transition-duration: 0.32s !important;
  transition-duration: 0.32s !important;
}

.lightbox_data {
  margin-top: 50px;
  margin-bottom: 50px;
}

.lightbox_option img {
  height: 41px;
}

.lightbox_option h2 {
  font-size: 1.55rem;
}

.lightbox_option:hover {
  color: #00965f;
}

.lightbox_option p {
  font-size: 0.9rem;
}

.lightbox_attributes h2 {
  font-size: 1.4rem;
  margin-left: 8px;
  margin-bottom: 20px;
  font-weight: 600;
}

.lightbox_attribute img {
  height: 55px;
}

.lightbox_attribute {
  font-size: 0.9 rem;
  font-weight: 100;
}

.lightbox_attribute b {
  font-size: 0.9 rem;
  font-weight: 700;
}

.lightbox_szczegoly {
  background-color: #f2f2f2;
  padding: 10px 11px 10px 12px;
  border-radius: 10px;
}

.lightbox_szczegoly h2 {
  font-size: 1.4rem;
  text-align: center;
  font-weight: 600;
}

.lightbox_szczegoly .form-group {
  margin-bottom: 0;
}

.lightbox_szczegoly label {
  margin-bottom: 0px;
}

.lightbox_szczegoly h4 {
  font-size: 1.15rem;
  font-weight: 600;
}

.lightbox_szczegoly .agentform,
.lightbox_szczegoly .agentform2 {
  margin-bottom: 7px;
}

.whitespace {
  background-color: #ffffff;
  padding: 20px 20px 10px 20px;
  border-radius: 10px;
}

.credit {
  margin-top: 50px;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 1.1rem;
  text-align: center;
}

.agentform {
  margin-bottom: 10px;
  border: none;
}

.agentform::placeholder {
  color: #c1c1c1;
  font-size: 0.9rem;
  font-weight: 500;
}

.agentform2 {
  margin-bottom: 10px;
  border: none;
  color: #c1c1c1;
  font-size: 0.9rem;
  font-weight: 500;
}

.contact_menu {
  margin-bottom: 15px;
  font-size: 0.9rem;
  font-weight: 500;
}

.contact_menu .active {
  color: #00965f;
}

/*Developer Page*/
.agent_name {
  font-weight: 600;
  font-size: 1.8rem;
  margin-bottom: 5px;
}

.agent_type {
  display: inline-block;
  background-color: #e96e14;
  border-radius: 5px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 3px;
  padding-bottom: 2px;
  margin-right: 10px;
  color: #fff;
  font-weight: 700;
  font-size: 0.8rem;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.agent_type_second {
  display: inline-block;
  color: #ffba00;
  font-weight: 900;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.agent_type_second2 {
  display: inline-block;
  color: #949494;
  font-weight: 900;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.agent_type_second3 {
  display: inline-block;
  color: #949494;
  font-weight: 900;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.agent_office {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 5px;
}

.agent_licence {
  color: #55b994;
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 5px;
}

.agent_lagnuage {
  font-size: 1rem;
  font-weight: 300;
  margin-bottom: 5px;
}

.agent_social {
  margin-top: 10px;
  margin-bottom: 10px;
}

.thumb {
  font-size: 2rem;
  margin-right: 3px;
}

.likedthumb {
  color: #00fea3;
}

.agent_rate {
  margin-bottom: 40px;
  margin-top: 40px;
}

.agent_rate_spec {
  margin-bottom: 10px;
  margin-top: 10px;
}

.agent_comments > h3 {
  font-size: 1rem;
  font-weight: 700;
}

.agent_comments div {
  margin-bottom: 10px;
}

.agent_comments .lightbox_szczegoly {
  padding: 20px 20px 20px 20px;
}

.agent_comments a {
  color: #55b994;
  text-align: center;
  font-weight: 500;
}

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

.agent_specs > h3 {
  font-size: 1.1rem;
  font-weight: 700;
}

.agent_specs > ul {
  list-style-type: none;
  -webkit-padding-start: 0px;
}

.agent_specs .lightbox_szczegoly {
  padding: 20px 20px 20px 20px;
}

.agent_specs .lightbox_szczegoly .whitespace {
  padding: 10px 10px 10px 15px;
}

.person_more > h3 {
  font-size: 1.2rem;
  margin-top: 30px;
  margin-bottom: 30px;
  font-weight: 600;
}

.person_more > ul {
  display: inline-flex;
  list-style-type: none;
}

.person_more .map {
  max-height: 500px;
}

.person_more .new {
  margin-top: 15px;
  color: #55b994;
  font-weight: 600;
  font-size: 0.9rem;
}

.person_more .lightbox_szczegoly {
  font-size: 0.85rem;
}

.person_more .lightbox_szczegoly .title {
  font-size: 0.7rem;
}

.person_more .lightbox_szczegoly .header {
  font-weight: 600;
  font-size: 1.1rem;
  margin-bottom: 10px;
}

.person_more .lightbox_szczegoly .readmore {
  color: #55b994;
  font-weight: 600;
  font-size: 0.75rem;
  text-align: right;
  margin-top: 10px;
}

.agent_contact > h3 {
  font-size: 1.1rem;
  font-weight: 700;
}

.agent_contact > ul {
  list-style-type: none;
  -webkit-padding-start: 0px;
}

.agent_contact form {
  background-color: #f2f2f2;
  padding: 20px 20px 20px 20px;
  border-radius: 10px;
}

.agent_contact input {
  border-radius: 10px;
  margin-bottom: 10px;
}

.agent_contact textarea {
  border-radius: 10px;
}

.agent_contact input::placeholder,
.agent_contact textarea::placeholder {
  font-size: 0.8rem;
}

.agent_offers .oneitem {
  padding: 0 5px 0 5px;
  margin-bottom: 20px;
  text-align: left;
}

.agent_offers .oneitem .inner {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 170px;
}

.agent_offers .oneitem .inner:before {
  content: '';
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;
  left: 5px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #000000);
  opacity: .6;
}

.agent_offers .oneitem .info {
  color: white;
  bottom: 15px;
  left: 10px;
  position: absolute;
  font-weight: 600
}

.agent_offers .oneitem .info h4 {
  font-weight: 600;
  margin-bottom: 0;
  font-size: 1.4rem;
}

.agent_offers .oneitem .info p {
  margin-bottom: 0px
}

.agnt_title {
  font-size: 1.2rem;
  font-weight: 700;
}

.more_offers {
  margin-top: 30px;
  margin-bottom: 50px;
  color: #55b994;
  text-align: center;
  font-weight: 700;
}

/*Deweloper Page*/
#developer {
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 30px;
}

#developer h2 {
  font-size: 1.6rem;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 20px;
}

#developer p {
  font-weight: 600;
  font-size: 0.86rem;
}

#developer .opis {
  margin-top: 20px;
  margin-bottom: 40px;
  line-height: 1.7rem;
}

#developer .adres {
  margin-bottom: 0.9rem;
}

#developer h4 {
  font-size: 1.12rem;
  font-weight: 600;
}

#developer h3 {
  font-size: 1.2rem;
  font-weight: 600;
}

#developer form {
  background-color: #f2f2f2;
  padding: 20px 20px 20px 20px;
  border-radius: 10px;
}

#developer label {
  margin-bottom: 0;
}

#developer .form-group {
  margin-bottom: 0.5rem;
}

#developer input,
#developer textarea {
  border: none;
}

#developer .btn-otico {
  width: 150px;
  margin-top: 10px;
}

#developer .table td,
.table th {
  border-top: none;
}

#developer .table td,
.table th {
  vertical-align: middle;
  border-top: none;
  border-bottom: 1px solid black;
  font-size: 0.8rem;
  text-align: center;
}

#developer hr {
  border-color: black;
}

#developer .table thead th {
  border-bottom: 1px solid black;
  font-size: 0.72rem;
  font-weight: 300;
  color: #9f9f9f;
}

#developer .tablecontrol {
  border: 1px solid black;
  margin-bottom: 10px;
  padding: 5px 0px 5px 10px;
  border-radius: 5px;
  font-weight: 600;
}

#developer .data {
  vertical-align: middle;
}

/*Filter Lightbox*/
.filter_lightbox {
  z-index: 9999999;
}

/*Dashboards*/
#dashboards {
  margin-left: 250px;
  width: 100%;
  margin-top: 3vh;
}

.manage_section {
  border-top: 1px solid lightgray;
  padding-top: 5vh;
  padding-bottom: 5vh;
}

.streetspremium input[type='checkbox'] {
  opacity: 1;
  float: none;
}

/*Footer*/
footer {
  background-color: #434343;
  padding-top: 40px;
  border-top: 6px solid #00fea3;
  font-size: 90%
}

footer a {
  color: #767676;
}

footer a:hover {
  color: #00fea3;
  text-decoration: none;
}

footer .additional_info {
  text-align: center;
  color: #767676;
}

footer .site-info {
  background-color: #292929;
  min-height: 60px;
  color: white;
  text-align: center;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

footer .site-info p {
  margin-bottom: 0px;
}

footer .site-info a {
  color: #00fea3;
}

footer .links {
  margin-left: 15px;
  margin-right: 15px;
}

footer .social {
  color: white;
  text-align: right;
}

footer .social_buttons {
  display: flex;
	flex-direction: row;
	width: 100%;
	padding: 0;
	justify-content: space-between;
}

@media (min-width: 1400px) {
  footer .social_buttons {
    padding-left: 15px;
  }
}

footer hr {
  border-color: #767676;
}

footer h3 {
  color: white;
  font-size: 1rem;
}

footer ul {
  line-height: 1.6rem;
}

.sbk-undark {
  opacity: 0.8;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.sbk-undark:hover {
  opacity: 1;
}

footer .social a img {
    max-width: 100%;
    height: auto;
}

.agent_flex {
  display: flex;
}

.flex1 {
  width: calc(100% - 175px);
}

.flex1 .agent_type,
.flex1 .agent_type_second,
.flex1 .agent_type_second2 {
  font-weight: 700;
  font-size: 0.8rem;
  margin-right: 0px;
}

.prem {
  margin-right: 10px !important;
}

.flex1 p {
  font-size: 0.8rem;
  font-weight: 600;
  margin-bottom: 0px;
  white-space: nowrap;
}

.flex1 .thumb {
  font-size: 0.9rem !important;
}

.flex2 {
  width: 175px;
}

.flex2 h5 {
  white-space: nowrap;
  font-weight: 700;
  font-size: 1.1rem;
}

.agent_flex_next {
  border-top: 1px solid black;
  padding-top: 10px;
}

.agent_flex_next .flex1 {
  width: 100% !important;
}

.agent_active {
  border-left: 2px solid #00fea3;
}

/*BUTTONS*/
.btn {
  -webkit-transition-duration: 0.25s !important;
  transition-duration: 0.25s !important;
  cursor: pointer;
}

.btn-png {
  border: none;
  background: transparent;
  background-image: url(../../img/ico/btn1.png);
  height: 26px;
  width: 172px;
  -webkit-transition-duration: 0.25s !important;
  transition-duration: 0.25s !important;
}

.btn-png:hover {
  background-image: url(../../img/ico/btn1hover.png);
}

.btn-menu-add {
  border: 1px solid black;
  background: transparent;
}

.btn-otico {
  background: #00fea3;
  width: 100%;
  margin-top: 37px;
  cursor: pointer;
  text-transform: uppercase;
}

.btn-otico:hover {
  background: none;
  border: 1px solid #00fea3;
  color: #00fea3;
}

.btn-lightbox-cancel {
  background: #f2f2f2;
  width: 100%;
  margin-top: 10px;
  cursor: pointer;
  text-transform: uppercase;
}

.btn-lightbox-cancel:hover {
  background: none;
  border: 1px solid #00fea3;
}

.btn-lightbox-submit {
  background: #00fea3;
  width: 100%;
  margin-top: 10px;
  cursor: pointer;
  text-transform: uppercase;
}

.btn-lightbox-submit:hover {
  background: none;
  border: 1px solid #00fea3;
}

.btn-otico-add {
  text-align: center;
  border-radius: 100%;
  background-color: #00965f;
  color: #f2f2f2;
  border: none;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 40px;
}

.btn-otico-delete {
  background-color: black;
  color: white;
  font-weight: 600;
  height: 18px;
  width: 18px;
  text-align: center;
  line-height: 15px;
  font-size: 12px;
  border: none;
  border-radius: 100%;
}

.btn-otico-checkoffer {
  background-color: #00fea3;
  color: #333333;
  -webkit-transition-duration: 0.32s !important;
  transition-duration: 0.32s !important;
  border: 1px solid #00fea3;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  border-radius: 5px;
  position: relative;
}

.btn-special-checkoffer {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 100px 0 100px 205px;
  border-color: transparent transparent transparent #49596b;
}

.btn-otico-checkoffer:hover {
  color: #00fea3;
  background-color: #333333;
}

.btn-agent {
  background: #00fea3;
  width: 40%;
  margin-top: 20px;
  cursor: pointer;
  text-transform: uppercase;
  margin-left: auto;
  margin-right: auto;
}

.btn-agent:hover {
  background: black;
  border: 1px solid #00fea3;
  color: #00fea3;
}

.btn-more {
  color: black;
  background: transparent;
  border-color: black;
  padding: 10px 30px 10px 30px;
}

.but2 {
  text-align: right;
}

.oticolight {}

.oticolight:hover {}

.btn-footer1 {
  border-color: #00fea3;
  background-color: #00fea3;
  color: #434343;
  text-transform: uppercase;
  width: 200px;
}

.btn-footer1:hover {
  border-color: #00fea3;
  background-color: #434343;
  color: #00fea3;
}

.btn-footer2 {
  border-color: #00fea3;
  background-color: #434343;
  color: #00fea3;
  text-transform: uppercase;
  width: 200px;
}

.btn-footer2:hover {
  border-color: #00fea3;
  background-color: #00fea3;
  color: #434343;
}

.btn-contact {
  white-space: normal;
  border-color: #00fea3;
  background-color: #00fea3;
  color: #434343;
  width: 100%;
}

.btn-contact:hover {
  border-color: #00fea3;
  background-color: #434343;
  color: #00fea3;
}

.btn-more:hover {
  border: 1px solid #00fea3;
}

.dropdown-menu {
  min-width: unset;
}

.btn-small {
  width: 70% !important;
  margin-top: 15px !important;
}

/*Responsive Elements*/
#mainagent .agent_price {
  text-align: right;
}

#mainagent .agent_rate_spec .thumb {
  font-size: 1.4rem;
}

#mainagent .agent_rate_spec {
  margin-top: 0px;
  margin-bottom: 2px;
}

#mainagent p {
  margin-bottom: 2px;
}

.container-fluid {
  max-width: 1470px !important;
  width: 100%;
}

.modal-content {
  margin-top: 10vh;
}

.pagemargin {
  margin-top: 12vh;
}

/*Other*/
.table-skin th {
  font-weight: 100;
  color: #9c9c9c;
  border-top: none;
}

.table-skin td {
  border-top: none;
  padding: .5rem;
}

.row-special {
  height: 100%;
  overflow: auto;
}

.row-special::-webkit-scrollbar {
  width: .6em;
}

.row-special::-webkit-scrollbar-track {
  background-color: #d8d8d8;
  border-radius: 5px;
}

.row-special::-webkit-scrollbar-thumb {
  background-color: #00965f;
  border-radius: 5px;
}

.modalform {
  background-color: #f2f2f2;
  border-radius: 5px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 7px;
}

.modal-static .modal-content {
  height: 85vh;
}

.modal-static .modal-body {
  height: 80%;
}

#foto {
  background-color: #242424;
}

#foto .miniimage {
  max-height: 10vh;
}

#foto .nobackground {
  background: none !important;
}

#foto .bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

#foto .left-arr {
  position: absolute;
  top: 0px;
  height: 100%;
  margin-left: 0px;
  font-size: 2.5rem;
  background: rgba(0, 0, 0, 0.4);
  color: white;
  -webkit-transition-duration: 0.2s !important;
  transition-duration: 0.2s !important;
  padding-right: 22px;
  padding-left: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 99999;
}

#foto .right-arr {
  position: absolute;
  top: 0px;
  height: 100%;
  margin-right: 15px;
  font-size: 2.5rem;
  background: rgba(0, 0, 0, 0.4);
  color: white;
  -webkit-transition-duration: 0.2s !important;
  transition-duration: 0.2s !important;
  padding-left: 22px;
  padding-right: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#foto .right-arr:hover {
  padding-right: 15px;
}

#foto .left-arr:hover {
  padding-left: 15px;
}

#foto .slider {
  height: 100%;
  overflow-y: scroll;
  background-color: #242424;
}

#foto .imagebig {
  position: relative;
  text-align: center;
  max-height: 100%;
}

#foto .rowfix {
  margin-right: -10px !important;
}

#foto .singleimage {
  padding-bottom: 15px;
}

#foto .slider::-webkit-scrollbar {
  width: .6em;
}

#foto .slider::-webkit-scrollbar-track {
  background-color: #d8d8d8;
  border-radius: 5px;
}

#foto .slider::-webkit-scrollbar-thumb {
  background-color: #00965f;
  border-radius: 5px;
}

.modalform .form-control {
  height: 40px;
  border-radius: 5px;
  letter-spacing: 1px;
  font-weight: 100;
  color: #9c9c9c;
  font-size: 80%;
}

.modalform input::placeholder {
  font-weight: 100;
  color: #9c9c9c;
  font-size: 95%;
}

.poi {
  display: inline;
  font-size: 26px;
  top: 4px;
  position: relative;
}

.poi_img {
  height: 50px;
}

.poi_disabled img {
  -webkit-filter: grayscale(50%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(50%);
  opacity 0.3;
}

.poi_disabled p {
  opacity: 0.5;
}

.ngdialog.ngdialog-theme-default .ngdialog-content {
  margin-top: 80px !important;
}

pre {
  white-space: pre-wrap;
  /* Since CSS 2.1 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
  font-family: Nunito;
}

.region_description pre {
  white-space: pre-wrap;
  /* Since CSS 2.1 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
  font-family: Nunito;
  
  margin-top: 0px !important;
}

.region_description h2, .region_description h2 strong {
  margin-top: 10px !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  margin-bottom: 0px !important;
}

.region_description h3, .region_description h3 strong{
  margin-top: 10px !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  margin-bottom: 0px !important;
}

.region_description h4, .region_description h4 strong{
  margin-top: 10px !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  margin-bottom: 0px !important;
}

.region_description p {
  margin-bottom: 0px !important;
}

.show_more {
  margin-bottom: 0.4rem;
  margin-left: 15px;
  line-height: 0.8;
}
.show_more a:hover {
  font-weight: 600;
  color: #000;
}
.show_more a {
  color: #494949;
  font-weight: 600;
  font-size: 0.7rem;
}
#shortcuts_container {
  margin-bottom: 70px;
}
#shortcuts_container h5 {
  margin-bottom: 25px;
}
#shortcuts_container hr {
  border-color: #504f4f;
  margin-top: 15px;
  margin-bottom: 35px;
}
.shortcuts div {
  margin-bottom: 0.2rem;
  cursor: pointer;
  font-weight: 600 !important;
}
.shortcuts a {
  color: #494949 !important;
  font-weight: 500 !important;
  white-space: nowrap;
}
.shortcuts a:hover {
  color: #000 !important;
}

.inl {
  display: inline-block;
}

.pac-container {
  z-index: 9999999999;
}

.gm-style .gm-style-iw {
  top: 40px !important;
}

.markerwindow {
  height: 150px;
  background-position: center;
  background-size: cover;
  width: 250px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23) !important;
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
}

.markerwindow:before {
  content: '';
  position: absolute;
  top: 0;
  width: 250px;
  height: 150px;
  left: 0;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #000000);
  opacity: .6;
}

.markerwindow span {
  position: absolute;
  bottom: 0;
  color: white;
  margin-left: 5px;
}

.input_gray {
  width: 65px;
  height: 20px;
  margin-top: 3px;
  border: none;
  background: #f1f1f1;
  text-align: center;
}

.input_gray_wide {
  width: 95px;
  height: 20px;
  margin-top: 3px;
  border: none;
  background: #f1f1f1;
  text-align: center;
}

.fa-text {
  font-family: "FontAwesome", 'Nunito';
}

.trzyha {
  min-height: 3vh;
}

.wide {
  max-width: 100% !important;
}

.green {
  color: #00fea3;
}

.right {
  text-align: right;
}

.emptyico {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #6bb694;
}

.transparent_background {
  background: transparent !important;
}

.lightbox {
  top: 140px !important;
}

.slidecontainer {
  width: 100%;
  /* Width of the outside container */
  margin-bottom: 10px;
  margin-top: 20px;
}

.slidecontainer b {
  font-size: 2rem;
}

.modalnumber {
  font-size: 1.2rem;
}

/* The slider itself */
.slider {
  -webkit-appearance: none;
  /* Override default CSS styles */
  appearance: none;
  width: 100%;
  /* Full-width */
  height: 10px;
  /* Specified height */
  background: #ffffff;
  /* Grey background */
  outline: none;
  /* Remove outline */
  opacity: 0.7;
  /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s;
  /* 0.2 seconds transition on hover */
  transition: opacity .2s;
}

/* Mouse-over effects */
.slider:hover {
  opacity: 1;
  /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  /* Override default look */
  appearance: none;
  width: 20px;
  /* Set a specific slider handle width */
  height: 20px;
  /* Slider handle height */
  background: #00fea3;
  /* Green background */
  cursor: pointer;
  /* Cursor on hover */
}

.slider::-moz-range-thumb {
  width: 20px;
  /* Set a specific slider handle width */
  height: 20px;
  /* Slider handle height */
  background: #00fea3;
  /* Green background */
  cursor: pointer;
  /* Cursor on hover */
}

.sortorder:after {
  content: '\25b2';
}

.sortorder.reverse:after {
  content: '\25bc';
}

.pagination-offers {
  display: inline-flex;
  font-size: 1.2rem;
  color: #b0b0b0;
  list-style: none;
  padding-left: 0;
}

.pagination-offers a {
  color: #b0b0b0;
  margin-left: 5px;
  margin-right: 5px;
  min-height: 30px;
  min-width: 30px;
  display: table-cell;
  text-decoration: none;
}

.pagination-offers li .active {
  color: white;
  background-color: gray;
  border-radius: 5px;
}

.pagination-offers li .active:hover {
  text-decoration: none;
}

.fapag {
  margin-left: 5px;
  margin-right: 5px;
  color: #b0b0b0;
  font-size: 1.3rem;
}

.sbk-check {
  height: 14px;
  margin-right: 4px;
  width: 16px;
}

.sbk-check-text {
  top: 1px;
  position: relative;
}

.sbk-check-true {
  height: 14px;
  width: 16px;
  margin-right: 4px;
}

.szarypasek {
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.09);
}

/*Markery*/
.marker {
  height: 15px;
  width: 15px;
  display: inline-block;
  border-radius: 5px;
  border: 1px solid white;
}

/*Inwestycja*/
.invest_logo {
  height: 250px;
  width: 250px;
  object-fit: contain;
}

.invest_info {
  margin-bottom: 50px;
  display: flex;
}

.invest_data {
  width: calc(100% - 250px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.inv_firstline {
  display: flex;
  border-bottom: 1px solid black;
  padding-bottom: 20px;
  margin-bottom: 10px;
}

.inv_intem {
  width: 20%;
  font-size: 0.8rem;
  font-weight: 600;
  text-align: center;
}

.inv_small_info {
  font-size: 0.9rem;
  display: inline;
  flex-direction: column;
  justify-content: center;
}

.inv_small_info img {
  height: 61px;
  width: 61px;
}

.inv_small_title {
  line-height: 50px;
}

.bold_small {
  font-size: 0.85rem;
  margin-bottom: 3px;
}

.nopadd {
  padding-left: 3px;
  padding-right: 3px;
  text-align: center;
}

.inv_form {
  border: 0;
  background: #f1f1f1;
  border-radius: 3px;
  width: 90%;
}

.inv_dropdown i {
  height: 40px;
  width: 40px;
  font-size: 30px;
  line-height: 40px;
  text-align: center;
  color: white;
  background: black;
  border-radius: 50%;
  margin-left: 7px;
  margin-right: 7px;
  border: 0;
  -webkit-transition-duration: 0.25s !important;
  transition-duration: 0.25s !important;
}

.inv_dropdown i:hover {
  background: gray;
}

.inv_shadow {
  -webkit-box-shadow: 10px 10px 58px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 58px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 58px -10px rgba(0, 0, 0, 0.75);
  margin-top: 10px;
  border: 0;
  padding: 12px;
}

.show > .dropdown-menu.inv_shadow {
  display: inline-flex;
}

.shareoffer.dropdown-toggle::after {
  display: none;
  width: 0;
  height: 0;
  margin-left: .3em;
  vertical-align: middle;
  content: unset;
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-left: .3em solid transparent;
}

.scrolly {
  overflow-y: auto;
  overflow-x: hidden;
}

.scrolly::-webkit-scrollbar {
  width: .6em;
}

.scrolly::-webkit-scrollbar-track {
  background-color: #d8d8d8;
  border-radius: 5px;
}

.scrolly::-webkit-scrollbar-thumb {
  background-color: #00965f;
  border-radius: 5px;
}

.validate {
  background-color: rgba(255, 0, 0, 0.35);
}

/* Zoom'y */
/*@media only screen and (max-width: 1280px) {
     body {
         zoom: 0.8;
         -moz-transform: scale(0.8);
    }
}
 @media only screen and (max-width: 1440px) and (min-width: 1280px) {
     body {
         zoom: 0.9;
         -moz-transform: scale(0.9);
    }
}
*/
.fa-heart-o {
  font-weight: 700;
}

.home_wid_21 {
  width: 21%;
  text-align: center;
  white-space: nowrap;
}

.home_wid_29 {
  width: 29%;
  text-align: center;
  white-space: nowrap;
}

.intro_container {
  max-width: 1050px;
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: #1d1e1f;
  text-decoration: none;
  background-color: transparent;
  color: #00965f;
}

a:focus,
a:hover {
  text-decoration: none;
  cursor: pointer;
}

.navbar-light .navbar-nav .nav-link {
  color: #494949 !important;
  font-weight: 500 !important;
}

.navbar-light .navbar-nav .nav-link:hover {
  color: #000 !important;
}

.navbar a {
  color: #494949 !important;
  font-weight: 500 !important;
  white-space: nowrap;
}

.navbar a:hover {
  color: #000 !important;
}
 #most_searched{
  margin-top: 35px;
  margin-bottom: 35px;
}
 #most_searched h5 {
  margin-bottom: 25px;
 }
 #most_searched hr {
  border-color: #504f4f;
  margin-top: 35px;
  margin-bottom: 35px
}
.most-searched-item {
  margin-bottom: 0.2rem;;
}
.most-searched-item a:hover {
  color: #000 !important;
}
.most-searched-item a {
  color: #494949 !important;
  font-weight: 500 !important;
  white-space: nowrap;
}
.most_searched hr {
  border-color: #504f4f;
  margin-top: 35px;
  margin-bottom: 35px;"
}
.internal_link {
  margin-bottom: 0.4rem;
  margin-left: 15px;
  line-height: 0.8;
}
.internal_link a:hover {
  color: #000 !important;
}
.internal_link a {
  color: #494949 !important;
  font-weight: 500 !important;
  font-size: 0.7rem;
}
.user_link {
  color: black !important;
  text-decoration: none;
}
 .cities p {
     cursor: pointer;
}
 .cities p, .cities h5 {
     text-transform: uppercase;
     cursor: pointer;
}
.list_item {
  color: #494949 !important;
  text-decoration: none; 
  background-color: none;
}
.list_item:hover {
  color: #000 !important;
}
.container-maps h6 {
  margin-bottom: 1rem !important;
  font-weight: 700 !important;
}
.container-maps h6 a {
  color: #3a3a3a!important;
  text-decoration: none; 
  background-color: none;
}
.container-maps a h6 {
  color: #3a3a3a!important;
  text-decoration: none; 
  background-color: none;
}
.container a:hover {
  color: #000 !important;
}
/*/
///////// NEW OFFER LIST //////// */
#wall img {
  height: 200px;
  width: 100%;
  object-fit: cover;
}

/*.mainimage::after {
     display: block;
     position: relative;
     background-image: linear-gradient(to bottom, transparent 20%, rgba(0, 0, 0, 0.7) 100%);
     margin-top: -150px;
     height: 150px;
     width: 100%;
     content: '';
}
*/
#wall .brick {
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 10px;
  cursor: pointer;
}
#wall .brick a{
  color: unset !important;
}
#wall p {
  margin-bottom: 0px;
}

#wall h4, #wall h2 {
  margin-bottom: 0px;
  margin-top: 4px;
}

#wall .heart {
  right: 1.5rem;
  top: 1rem;
}

#wall .info {
  text-align: left;
}

.info2 {
  font-size: .85rem;
  margin-left: 5px;
}

.info2 h2 {
  font-size: .85rem !important;
  font-weight: 600 !important;
}

.info2 h4 {
  margin-top:3px;
  margin-bottom:2px;
  font-size: .95rem !important;
  font-weight: 600 !important;
}

/*  .crop {
   width:100%;
   overflow:hidden;
   height:.85rem;
   line-height:.85rem;
   white-space: nowrap;
 } */

#wall_marker {
  width: 190px;
  margin: 5px;
  padding: 0px;
  border-radius: 5px;
  box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.6);
}

#wall_marker img {
  height: 105px;
  width: 100%;
  object-fit: cover;
}

#wall_marker .brick {}

#wall_marker h4,
#wall_marker p {
  margin-bottom: 0px;
}

#wall_marker .info {
  background: white;
  padding: 5px;
}

#wall_marker h4 {
  font-size: 16px;
}

#wall_marker p {
  font-size: 10px;
}

#wall_marker a {
     color: unset !important;
}

#wall_marker .long {
  font-weight: 500;
}

#yelp_marker {
  width: 300px;
  height: 100%;
  margin: -1px !important;
  padding: 0px;
  border-radius: 0px !important;
  box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.6);
}

#yelp_marker .place_img {
  height: 100%;
  max-height: 100px;
  width: 100px;
  object-fit: cover;
}

#yelp_marker .brick {}

#yelp_marker h4,
#yelp_marker p {
  margin-bottom: 0px;
}

#yelp_marker .info {
  background: white;
  padding: 3px;
}

#yelp_marker h4 {
  font-size: 12px;
  font-weight: bold;
}

#yelp_marker p {
  font-size: 10px;
}

#yelp_marker .long {
  font-weight: 500;
}

#yelp_marker .rating {
  margin-top: -8px;
  margin-bottom: 2px !important;
}

#yelp_marker .logo {
  margin-top: -6px;
  width: 50px;
}

#yelp_marker .rating_img {
  margin-top: -6px;
  width: 70px;
}

.dash {
  border-top: 1px solid black;
  padding: 10px;
  border-bottom: 1px solid;
  margin-bottom: 10px;
}

.ileh {
  font-size: 0.6rem;
  color: gray;
  bottom: 3px;
  position: relative;
  left: 2px;
}

.activeheart_nav {
  -webkit-text-fill-color: #00fea3;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: black;
}

#staticpage {
  margin-top: 100px;
  margin-bottom: 130px;
}

#staticpage h5 {
  font-weight: 600;
}

#staticpage .container-info {
  margin-left: 100px;
  margin-right: 100px;
  margin-top: 40px;
}

#staticpage .container-maps {
     margin-left: 50px;
     margin-right: 50px;
     margin-top:40px;
}

#staticpage ul {
  list-style-type: none;
  padding: 0;
}

#staticpage li {
  color: #a5a5a5;
  font-size: 0.9rem;
  margin-bottom: 5px;
  cursor: pointer;
}

#staticpage span {
  color: #00965f;
  font-size: 0.9rem;
  margin-bottom: 5px;
  font-weight: 600;
}

#staticpage p {
  text-transform: uppercase;
}

#searchforyou {
  margin-top: 100px;
  margin-bottom: 130px;
}
 #searchforyou h5 {
     font-weight: 600;
}
 #searchforyou .container-info {
     margin-left: 100px;
     margin-right: 100px;
     margin-top:40px;
} 
 #searchforyou ul {
     list-style-type: none;
     padding: 0;
}
 #searchforyou li {
     color: #a5a5a5;
     font-size: 0.9rem;
     margin-bottom: 5px;
     cursor: pointer;
}
 #searchforyou span {
     color: #292b2c;
     font-size: 0.8rem;
     margin-bottom: 5px;
     font-weight: 400;
}
 #searchforyou p {
     text-transform: uppercase;
}

#deals form {
  background: #f2f2f2;
  padding: 30px;
  border-radius: 10px;
  margin-bottom: 20px;
}

#deals btn {
  width: 48%;
  background: white;
  border: 1px black solid;
  text-transform: uppercase;
  font-weight: 500;
  font-size: .95rem;
}

#deals p {
  color: black;
  font-size: 1rem;
  margin-bottom: 0px;
  text-transform: none;
  font-weight: 600;
}

#deals .col-8 {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#deals .btn {
  width: 48%;
  background: white;
  border: 1px solid black;
  font-size: 0.95rem;
  text-transform: uppercase;
}

#deals2 {
  margin-top: 40px;
  max-width: 60%;
}

#deals2 p {
  text-transform: none;
  font-size: .8rem;
  font-weight: 500;
}

#deals2 span {
  font-size: 0.8rem;
  font-weight: 700;
}

.space20 {
  margin-top: 20px;
}

#terms {
  margin-left: 1rem;
  margin-right: 1rem;
}

#terms p {
  margin-top: 11px;
  margin-bottom: 11px;
  font-weight: 500;
}

#terms b {
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 1rem;
}

#terms h5 {
  font-size: 1.2rem;
  margin-bottom: 15px;
  margin-top: 15px;
}

.label-black {
  font-size: 0.8rem;
  margin-bottom: 6px;
}

.label-black img {
  bottom: 2px;
  position: relative;
  margin-right: 3px;
}

.foryou [type=checkbox] {
  display: none;
}

.foryou .algr {
  text-align: right;
}

.contact_access [type=checkbox] {
  display: none;
}

.contact_access .algr {
  text-align: right;
}

.menubtn .btn {
  width: 100% !important;
  margin-bottom: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-weight: 500;
}

.menubtn .pagactive {
  border: 1px solid #00fea3 !important;
  background: #00fea3 !important;
}

#cennik table {
  width: 100%;
  margin-top: 20px;
}

#cennik td {
  padding-bottom: 20px;
  vertical-align: top;
}

#cennik2 table {
  width: 100%;
  margin-top: 20px;
}

#cennik2 b {
  font-weight: bold;
}

#cennik2 td {
  vertical-align: top;
}

.tcenter {
  text-align: center;
}

#agent_list .col-6,
#agent_list .col-4 {
  display: inline-flex;
  margin-bottom: 50px;
}

#agent_list .agentimage {
  width: 130px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#agent_list .agentimage img {
  width: 130px;
  height: 130px;
  object-fit: cover;
  border-radius: 50%;
}

#agent_list .deweloperimage {
  width: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#agent_list .deweloperimage img {
  width: 100px;
  object-fit: contain;
}

#agent_list .deweloperdata {
  width: calc(100% - 100px);
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#agent_list .agentdata {
  width: calc(100% - 130px);
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#agent_list .agentdata p,
#agent_list .deweloperdata p {
  margin-bottom: 0;
}

#agent_list .name {
  font-weight: 600;
}

#agent_list .package,
#agent_list .additional {
  display: inline-flex;
}

#agent_list .package {
  font-size: 0.5rem;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: white;
}

#agent_list .gold {
  font-size: 0.8rem;
  display: inline-block;
  color: #ffba00;
  font-weight: 900;
  width: 55px;
  text-align: center;
  text-transform: uppercase;
}

#agent_list .silver {
  font-size: 0.8rem;
  display: inline-block;
  color: #949494;
  font-weight: 900;
  width: 55px;
  text-align: center;
  text-transform: uppercase;
}

#agent_list .premium {
  background-color: #e96e14;
  border-radius: 5px;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 2px;
  padding-bottom: 1px;
  margin-right: 10px;
  color: #fff;
  font-weight: 700;
  font-size: 0.7rem;
  text-transform: uppercase;
}

#agent_list .smalldata {
  width: 60%;
  font-size: 0.95rem;
}

#agent_list .agencylogotype {
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#agent_list .agencylogotype img {
  width: 100%;
}

#agent_list h2 {
  font-size: 0.9rem;
}

.agent_list {
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
}

.agent_list .offer_szukaj {
  width: 24%;
  margin-right: 30px;
}

.agent_list .algolia-places {
  width: 24%;
  margin-right: 30px;
}

.agent_list .algolia-search {
  margin-top: 3px;
  border: none;
  border-bottom: 1px solid rgba(161, 161, 161, 0.78);
  color: #a1a1a1;
  font-size: 0.9rem;
  line-height: 30px;
  padding-left: .3rem;
  background: transparent;
}

.ico2 {
  height: 25px;
  width: 25px;
  display: inline-flex;
  background-repeat: no-repeat;
  background-position: center;
}

.ico_thumb {
  top: -2px;
  position: relative;
}

.ico_like {
  background-image: url(../../img/ico/dashboard/like.png);
}

.ico_unlike {
  background-image: url(../../img/ico/dashboard/unlike.png);
}

.square {
  width: 100%;
  padding-bottom: 100%;
  background-size: cover;
  background-position: CENTER;
  border-radius: 100%;
  margin-left: 10px;
}

.center_flexbox {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.v-middle,
.ui-carousel .carousel-btn {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

@font-face {
  font-family: "ui-carousel";
  src: url("fonts/ui-carousel.eot");
  src: url("fonts/ui-carousel.eot?#iefix") format("embedded-opentype"), url("fonts/ui-carousel.woff") format("woff"), url("fonts/ui-carousel.ttf") format("truetype"), url("fonts/ui-carousel.svg#ui-carousel") format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before {
  font-family: "ui-carousel" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="ui-icon-"]:before,
[class*=" ui-icon-"]:before {
  font-family: "ui-carousel" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ui-icon-prev:before {
  content: "\61";
}

.ui-icon-next:before {
  content: "\62";
}

.ui-icon-dot:before {
  content: "\63";
}

.ui-carousel {
  display: block;
  margin-bottom: 30px;
}

.ui-carousel .carousel-wrapper {
  position: relative;
}

.ui-carousel .track-wrapper {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.ui-carousel .track {
  position: relative;
  display: block;
  float: left;
}

.ui-carousel .slide {
  float: left;
  height: 100%;
  min-height: 1px;
}

.ui-carousel .carousel-btn {
  position: absolute;
  z-index: 10;
  background-color: transparent;
  outline: none;
  border: none;
  font-size: 20px;
  opacity: .75;
}

.ui-carousel .carousel-btn:hover {
  opacity: 1;
}

.ui-carousel .carousel-prev .carousel-btn {
  left: -25px;
}

.ui-carousel .carousel-next .carousel-btn {
  right: -25px;
}

.ui-carousel .carousel-disable {
  opacity: 0.5;
}

.ui-carousel .carousel-disable .carousel-btn:hover {
  opacity: .75;
}

.carousel-dots {
  position: absolute;
  bottom: -30px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.carousel-dots li {
  position: relative;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.carousel-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 15px;
  height: 15px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.carousel-dots li button:before {
  font-family: ui-carousel;
  font-size: 9px;
  line-height: 15px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 15px;
  height: 15px;
  content: "\63";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
}

.carousel-dots li.carousel-active button:before {
  opacity: .75;
}

.walk {
  height: 10vh;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5rem;
}

.walk a {
  color: white;
}

.pointer {
  cursor: pointer;
}

.content_loaded {
  display: none;
}

.ap-input-icon.ap-icon-pin {
  cursor: initial;
  display: none;
}

.ap-input {
  width: 100%;
  padding-right: 0px;
  padding-left: .3rem;
  line-height: 30px;
  height: 30px;
  border: none;
  border-radius: 0px;
  border-bottom: 1px solid rgba(161, 161, 161, 0.78);
}

.ap-icon-clear {
  display: none;
}

.btn-draw {
  width: 130px;
  position: absolute;
  z-index: 1;
  margin-left: -65px;
  margin-top: 10px;
  background: #00fea3;
}

.btn-stop {
  width: 180px;
  position: absolute;
  z-index: 1;
  margin-left: -90px;
  margin-top: 10px;
  background: #fe0000;
  color: white;
}

.btn-del {
  width: 150px;
  position: absolute;
  z-index: 1;
  right: 40px;
  margin-top: 10px;
  background: #fe0000;
  color: white;
}

.ap-suggestion {
  color: black;
}

.img-fluid img {
  max-width: 100%;
  height: auto;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 95%;
}

footer .social a:first-child {
    margin: 0 5px 0 0;
}

footer .social a {
    margin: 0 5px 0 5px;
}

footer .social a:last-child {
    margin: 0 0 0 5px;
}

.foo-logo img {
  max-width: 215px!important;
  height: auto;
  width: 100%;
}

@media only screen and (max-width: 1440px) {
  .navbar ul {
    min-width: unset;
  }

  .navbar ul li:first-child {
    margin-left: 0%;
  }

  .navbar ul li {
    margin-left: 1%;
    font-size: 0.9rem;
  }

  .navbar button {
    font-size: 0.9rem;
    padding: 3px 5px;
  }

  .mr-5 {
    margin-right: 2rem !important;
  }

  .lightbox_info {
    padding-top: 35px;
  }
}

@media only screen and (max-width: 1155px) {
  .blog_menu li {
    font-size: 0.8rem;
  }

  .blog_menu li img {
    height: 25px;
  }
}

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

  .h4,
  h4 {
    font-size: 1.5rem;
    font-size: 1.6vw;
  }

  .smallinfo .nothover h3 {
    font-size: 1.4vw !important;
  }

  .nothover h3 {
    font-size: 1.7vw !important;
  }

  .nothover p {
    font-size: 0.8vw;
  }

  .nothover {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
  }

  .smallinfo .nothover {
    width: 100%;
    padding-right: 35px;
  }
}

@media only screen and (max-width: 1200px) {
  .smallinfo {
    padding-left: 5px;
    padding-right: 0;
    height: 23vh;
  }

  .nothover {
    bottom: 0px;
  }

  .smallinfo .inner {
    height: 22.5vh;
  }

  .biginfo .inner {
    height: 46vh;
  }

  .biginfo {
    height: 46vh;
  }

  .firstrow {
    margin-bottom: 0.5vh;
  }
}

#cookies {
  position: fixed;
  bottom: 0px;
  z-index: 99999;
  color: white;
  background: #000000ad;
  width: 100vw;
  padding: 7px;
}

#cookies p {
  margin-bottom: 0;
  font-size: 0.82rem;
  text-align: center;
}

#cookies a {
  font-weight: 600;
  color: white;
  text-decoration: underline;
}

#cookies button {
  background: transparent;
  border: 1px solid white;
  color: white;
  padding: 10px 20px;
  font-weight: 100;
  width: 220px;
}

#cookies .parent {
  display: flex;
  flex-direction: column;
  justify-content: center;
}