/*@import url('font-awesome.min.css');*/
@import url('fontawesome/all.css');
@import url('bootstrap.min.css');
@import url('bootstrap-social.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
    font-family: BebasNeue-Regular;
    src: url(../fonts/BebasNeue-Regular.ttf);
}

:root {
  --color_main: #003B95;
  --color_main3: #89020C;
  --color_main_green: #5E8E00;
  --color_button: #ff3300;
  --color_blue_light: #00B1FF;
  --grey_dark: #3b3b3b;
  --grey_light: #F9F9F9;
  --brown_light: #d4c486;
  --color_gold: #cbb86d;
  --color_orange: #3e73b4;
}

html, body {
  background-color: #F2F2F2;
  position: relative;
  color: #000;
  height: 100%;
  font-family: 'Poppins', sans-serif;
  line-height: 19px;
  font-size: 14px;
  margin: 0 auto;
overflow-x: hidden;
}
*:focus {
    outline: none;
}

b{font-weight: 600}
.wrapper-container {
  min-height: 100%;
  margin-bottom: -185px;
}
.push {
  height: 185px;
}

.sticky-top{z-index: 99 !important}

.item-mobile{
    position: absolute;
    right: 0;
    bottom: 15px;
}
.grid-4-mobile{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr !important;grid-gap: 10px;}

.speed-limit-bg {
    background: #ff4b55;
    padding: 30px;
    border-radius: 5px;
    color: #fff;
    line-height: 1.2em;
    font-size: 12px;
    grid-template-columns: 50px auto !important;
    display: grid;
    grid-gap: 15px;
}

.country-box-road {
    background: #fff;
    padding: 30px;
    border-radius: 5px;
    color: #000;
    line-height: 1.2em;
    font-size: 12px;
    grid-template-columns: 50px auto !important;
    display: grid;
    grid-gap: 15px;
}

.gdzie-limit{font-size: 10px;font-weight: normal;text-align: center}

.limit-signs{
    background: #fff !important;
    border: solid 5px #de0919 !important;
    width: 50px !important;
    height: 50px !important;
    margin: 0 auto;
    border-radius: 50px;
    display: table;
    padding: 10px 0;
}


.car-speed-model{
    padding: 25px 5px 25px 15px !important;
}

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

.grid-footer-mobile{display: none;}
.grid-3-mobile{display: grid !important;grid-template-columns: 1fr 1fr 1fr;}
.btn-mini-font{font-size: 12px !important;}
.wyniki-ranking{font-size: 12px;line-height: 1em;}
.faq-title{font-size: 12px;}
.user-list-img-item{width: 100%;height: 150px;object-fit:cover;border-radius: 5px;}
.user-list-title-item{padding: 10px 0}
.mini-icon{font-size: 16px !important}
.price-list-user {
    border: solid 1px #ddd;
    padding: 10px;
    display: table;
    border-radius: 5px;
    font-size: 12px;
}
.grid-4-schedule{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr}
.grid-status{display: grid;grid-template-columns: 150px 2fr 1fr 1fr;}
.grid-status-camper{display: grid;grid-template-columns: 150px 2fr 2fr 2fr;grid-gap:1px}
.grid-stat-calendar{display: grid;grid-template-columns: 75px auto}
.grid-dodatek{display: grid;grid-template-columns: auto 200px;}
.grid-dodatek-extra{display: grid;grid-template-columns: 1fr 1fr;}
.content-item-desc{font-size: 12px !important;line-height: 1.6em !important}

@media (max-width: 992px) {
	.grid-12{display: block !important}
	.grid-39{display: block !important}
	.grid-42{display: block !important}
	.grid-2{display: block !important}
	.grid-3{display: block !important}
	.grid-3-mobile{display: none !important}
	.grid-4{display: block !important}
	.grid-5{display: block !important}
	.grid-5-speed{display: block !important}
	.grid-status{display: block !important}
	.grid-status-camper{display: block !important}
	.grid-6{grid-template-columns: 1fr 1fr !important;}
	.grid-country{grid-template-columns: 65px auto !important}
	.grid-4-schedule{display: grid-;grid-template-columns: 1fr 1fr !important}
	.grid-dodatek{display:block !important}
	.grid-dodatek-extra{display: block !important}
	.grid-4-mobile{display: grid;grid-template-columns: 1fr 1fr !important}
	.grid-footer-mobile{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 1px;
    position: fixed;
    z-index: 999999;
    bottom: 0;
    background: #fff;
    padding: 0;
    width: 100%;
    box-shadow: 0px -1px 15px #00000042;
}
h6 {
    font-size: 12px !important;
    font-weight: bold !important;
}
.content-blog {
    line-height: 1.6em !important;
}
.dashed-box-blue{border: dashed 1px #00b1ff !important}
.item-info h1{font-size: 18px !important}
.item-galeria{height: 55px !important}
.item-info .gallery li{height: 55px !important}
.item-info .gallery li:first-child{height: 250px !important}
.main-pic {
    object-fit: cover;
    height: 250px !important;
    width: 100%;
    border-radius: 5px 0 0 !important;
}
#pills-tab img {
    height: 24px !important;
}
.city-item{margin: 5px 5px 0 5px}
.stock-cats-list a{font-size: 11px !important;font-weight: normal !important}
.user-account .count{
    top: 2px !important;
    left: 2px !important;
}
.user-schedule .cal-img img {
    width: 100%;
    height: 135px !important;
    object-fit: cover;
    border-radius: 5px;
    margin-bottom: 10px;
}
.wyniki-ranking{font-size: 10px !important;line-height: 1em;}
.mini-count{font-size: 8px !important}
.p-3{padding: 10px !important}
.faq-title{font-size: 12px !important;}
.count-rounded{width: 50px !important;height: 50px !important}
.btn-mini-font{font-size: 10px !important;}
.mobile-off{display: none !important}

.user-account .user-info .alert-box{margin: 5px 0;}
.user-account .user-info .alert-box a{margin: 10px 0}
.footer-item-menu {
    text-align: center;
    font-size: 12px;
    padding: 5px;
    border-right: solid 1px #ddd;
}
.footer-item-menu img{height: 30px;width: 100%;object-fit:contain;margin: 5px auto}
.footer-item-menu h4{
    font-size: 10px;
    font-weight: normal;
    margin: 0 0 5px;
    letter-spacing: -.35px;
}
.mobile-title{width: 65% !important;}
.news.news-show h1 {
    font-size: 1.8rem !important;
    font-weight: 900 !important;
    width: 100% !important;
}
.news-list h2 {font-size: 16px !important;}
.navbar-main .navbar-brand img {
   height: 24px;
}
.navbar-nav .nav-item {
    margin: 0;
    border-top: solid 1px #ffffff47;
    padding: 5px 0;
        padding-right: 0px;
        padding-left: 0px;
    width: 100%;
}
.navbar-nav{margin-top: 15px;}
.navbar-nav .nav-item a.nav-link.btn-add, .btn-add{padding-top: 15px;padding-bottom: 15px;}
.sticky{
    position: relative !important;
    top: 10px;
 }
.p-30m {padding: 15px;}
.footer-store {
    height: 55px;
    margin: 15px;
    display: table;
}
.item-info .map-places{height: 300px !important}
.map.map-places{height: 300px !important; }
.my-4 {font-size: 16px !important;}
.font-big-main{
    font-size: 2rem !important;
    font-weight: 800 !important;
    letter-spacing: -.5px !important;
    text-shadow: 1px 1px #000;
    position: relative;
}
	.news .news-info-photo .info h1{
    font-size: 2.4rem !important;
    width: 100% !important;
}
.side-links{display: none}
.photo-box img{
    height: 100%;
    object-fit: cover;
}
.photo-box{margin-bottom: 15px;}
.p-5{
    padding: 2rem !important;
}

.col-item{margin-bottom: 5px;}

.search-mp h1, .places-mp h1, .articles-mp h1{font-size: 2em !important}
.search-mp p, .places-mp p, .articles-mp p{font-size: 1em !important}
.search-mp {
    background: url('../img/01t.jpeg');
    background-repeat: no-repeat;
    background-position: center bottom !important;
    background-size: cover;
    padding: 90px 10px !important;
    position: relative;
    background-attachment: inherit !important;
}

.places-mp{ background-attachment: inherit !important;}
.articles-mp{background-attachment: inherit !important}

}
@media (min-width: 992px) {

}
@media (max-width: 768px) {

}

h1 {
  font-size: 24px;
  font-weight: bold;
}
h2 {
  font-size: 16px;
  font-weight: 600;
}
h3 {
  font-size: 15px;
  font-weight: bold;
}

h4 {
  font-size: 14px;
  font-weight: bold;
}
button {
  cursor: pointer;
}
small {
  font-size: 10px;
}
a small {
  font-size: 10px;
}

.bg-yt{background: #cc0000 !important}

.bg-fb{background: #3b5998 !important;}
.form-control {
  padding: 10px 15px;
  height: 50px;
  font-size: 12px;
  background-color: #f8f9fa;
  border: none;
  box-shadow: 0px 2px 1px rgba(0,0,0, 0.1);
}
select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  background-image: url(../img/select-arrow.svg);
  background-repeat: no-repeat;
  background-position: 94% 50%;
  padding-right: 60px;
}
select.form-control::-ms-expand {
    display: none;
}
input.form-control::placeholder {
}
.form-control:focus {
  _border-color: none;
  _box-shadow: none;
}

.border-secondary {
  border-color: rgba(0,0,0, 0.2) !important;
}
.border-orange {
  border-color: var(--color_orange) !important;
}

.custom-file-label::after,
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: '';
  padding: 0
}

.input-group-text {
  font-size: 1.6rem;
  color: var(--color_main);
  background-color: #f8f9fa;
  border: none;
  box-shadow: 0px 2px 1px rgba(0,0,0, 0.1);
}

.dropdown-toggle::after {
  border: none;
  display: inline-block;
  width: 20px;
  height: 14px;
  background-image: url(../img/select-arrow.svg);
  background-repeat: no-repeat;
  position: relative;
  top: 4px;
}

.alert {
  border-radius: 0;
}

.btn.btn-brown {
  background: #713f04;
  color: #FFF;
}
.btn.btn-brown:hover {
  background: #ae5e00;
}
.btn.btn-navygrey {
  background-color: #000088;
  color: #FFF;
}
.btn-outline-dark-nohover:hover {
  background: none;
  color: var(--dark);
}
.btn.btn-navygrey:hover {
  background-color: #0000ff;
}
.btn.btn-default {
  background: rgba(0,0,0, 0.5);
  color: #FFF;
}
.cursor-pointer {
  cursor: pointer;
}

.bg-black {
  background-color: #000;
}
.bg-main {
  background-color: var(--color_main);
  color: #FFF;
}
.bg-main3{
    background-color: var(--color_main3);
    color: #FFF;
    border-radius: 5px 5px 0 0px !important;
}
.bg-orange {
  background-color: var(--color_orange);
  color: #FFF;
}
.bg-green {
  background-color: var(--color_main_green) !important;
  color: #FFF;
}
.bg-blue-light {
  background-color: var(--color_main);
  color: #FFF;
}
.bg-fb {
  background-color: #3B5998;
  color: #FFF;
}

.btn-lg {
  _font-size: 15px;
}
.text-main {
  color: var(--grey_dark);
}
.text-main3 {
  color: var(--color_main3);
}
.text-button {
  color: var(--color_button) !important;
}
.text-green {
  color: var(--color_main_green);
}
.text-secondary {
  opacity: 0.6
}
.border-main3 {
  border-color: var(--color_main3) !important;
}
a {
  color: #000;
}
a:hover {
  text-decoration: underline;
  color: inherit;
}

.hide {
  display: none;
}

.dropright .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 0.255em;
  vertical-align: -0.15em;
  content: "";
  border-top: 0.3em solid;
  border-left: 0.3em solid transparent;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid transparent;
}

.btn.btn-main {
  color: #FFF;
  background: var(--color_button);
}
.btn.btn-main2 {
  color: #FFF;
  background: var(--color_main);
}
.btn.btn-outline-main2 {
  color: var(--color_main);
  border-color: var(--color_main);
  border-width: 2px;
}
.btn.btn-main-green {
  color: #FFF;
  background: var(--color_main_green);
}

.btn.btn-main-white {
    background: #fff;
    color: #00b1ff;
}
.btn.btn-orange {
  color: #FFF;
  background: var(--color_orange);
}
.btn.btn-outline-main {
  color: var(--color_button);
  border: 1px solid var(--color_button);
  background: #FFF;
}
.btn.btn-outline-main:hover {
  background-color: var(--color_main);
  color: #FFF;
}
.btn.btn-basket {
  font-family: 'Poppins', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
  position: relative;
  padding: 15px 15px 15px 60px;
  height: 55px;
}
.btn.btn-basket:hover {
  background-color: rgba(0,0,0, 0.03);
}
.btn.btn-basket i {
  font-size: 34px;
  color: var(--color_main);
  position: absolute;
  top: 10px;
  left: 10px;
  transition-duration: 0.3s;
}
.btn.btn-basket:hover i {
  color: #000;
}
.btn.btn-basket .badge {
  position: absolute;
  top: 10px;
  right: 10px;
}
.btn.btn-basket.btn-fav {
  padding: 15px 35px 15px 35px;
}
.btn.btn-basket.btn-fav i {
  left: 15px
}

.main-header {
  _position: relative;
  background-color: var(--color_main);
  box-shadow: 0 0 10px rgba(0,0,0, 0.5);
}

.navbar-nav .nav-item {
  margin:0;
}
.navbar-nav .nav-item a.nav-link {
  color:#FFF;
	transition-duration:0.3s;
	display:block;
}
.navbar-nav .nav-item a.btn-add {
  background-color: var(--color_main);
  color: #FFF;
}
.navbar-nav .nav-item a.nav-link.active,
.navbar-nav .nav-item a.nav-link:hover {
  text-decoration: underline;
}
.navbar-nav .nav-item a.nav-link.btn-add,
.btn-add {
  display: block;
  position: relative;
  padding-left: 60px;
  padding-right: 60px;
  background-image: url('../img/icon-add.svg');
  background-repeat: no-repeat;
  background-size: 39px 22px;
  background-color: #FFF;
  background-position: 5% 55%;
  color: var(--color_main);
  border-radius: 5px;
}
.navbar-nav .nav-item a.nav-link.btn-add .icon,
.btn-add .icon {
    position: absolute;
    top: 25%;
    left: 20px;
    font-size: 20px;
}

.news .pinit .btn-add .icon{font-size: 30px;top: 20px}
.navbar-nav .nav-item a.nav-link.btn-add.btn-add-green {
  background-image: url('../img/icon-6.png');
  background-size: 24px 24px;
  background-position: 8% 55%;
}
.navbar-nav .nav-item a.nav-link.btn-add .circle,
.btn-add .circle {
  position: absolute;
  right: 11px;
  top: 14%;
  background-color: #FFF;
  padding: 5px 0px;
}
.navbar-nav .nav-item a.nav-link.btn-add.btn-add-green .circle {
  color: var(--color_main_green);
}
.navbar-nav .nav-item a.nav-link.btn-add.btn-add-blog,
.btn-add.btn-add-blog {
  color: var(--color_main3);
  background-image: none;
}

.mp-info {
  padding: 60px 40px;
}
.mp-info p {
  font-size: 10px;line-height: 1.4em
}
.mp-info img {
  width: 80%;
  margin: 0 auto;
}
.mp-info .circle {
  font-size: 18px;
  padding: 10px;
}

.items-list li {
  width: 24.2%;
  position: relative;
  vertical-align: top;
}
@media (max-width: 992px) {
  .items-list li {
    width: 49%;
  }
}
@media (max-width: 768px) {
  .items-list li {
    width: 100%;
  }
}
.items-list li::after {
  content: '';
  position: absolute;
  top: 0;
  right: -10px;
  display: block;
  width: 1px;
  height: 100%;
  background: rgb(255,255,255);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(0,0,0,0.2) 50%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(0,0,0,0.2) 50%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(0,0,0,0.2) 50%,rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}
.items-list li:nth-child(4n)::after {
  background: none
}
.items-list li h3 {
  color: #000;
  font-size: 16px;
  white-space: normal;
}
.items-promo li h3 {
  font-weight: bold;
}
.items-promo li .items-image {
  margin: 0 auto;
  max-width: 90%
}
.items-list .items-links {
}
.items-list .items-links a {
  display: inline-block;
  text-indent: 0;
  overflow: hidden;
  width: 30px;
  height: 30px;
}
.items-list .items-links a em {
  font-size: 18px;
}
.items-list .items-links .user-veryfi {
  font-size: 12px;
  text-transform: uppercase;
}
.items-list .items-links .user-veryfi em {
  font-size: 18px;
}

.item-add .form-control {
  background-color: #FFF;
}
.item-add label i.fas.fa-exclamation {
  background-color: var(--color_button);
  font-size: 10px;
  padding: 5px 9px;
  display: inline-block;
  position: relative;
  top: -8px;
}


.item-add .cats-select .custom-control {
  padding: 0;
}
.item-add .cats-select .custom-switch .custom-control-label::before {
  left: 5.55rem;
  top: 73%;
}
.item-add .cats-select .custom-switch .custom-control-label::after {
  left: calc(5.55rem + 2px);
  top: calc(73% + 2px);
}
.item-add .type .custom-switch .custom-control-label::before {
  top: 0%;
}
.item-add .type .custom-switch .custom-control-label::after {
  top: calc(0% + 2px);
}
.item-add .opt-extra .input-group .input-group-prepend .input-group-text {
  background: none;
  font-size: 14px;
  box-shadow: none;
  color: var(--color_button);
}
.item-add .opt-extra .input-group {
  border-radius: 10px;
  border:1px solid var(--color_button);
}
.item-add .opt-extra .input-group .form-control {
  box-shadow: none;
  -moz-appearance: textfield;
  color: var(--color_button);
}
.item-add .opt-extra .input-group .form-control::placeholder {
  color: var(--color_button);
}
.item-add .opt-extra .input-group .form-control::-webkit-outer-spin-button,
.item-add .opt-extra .input-group .form-control::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  color: var(--color_button);
}
.item-add .opt-extra select {
  border-radius: 10px;
  border:1px solid var(--color_button);
  color: var(--color_button);
  font-size: 14px;
  box-shadow: none;
  background-image: url(../img/select-arrow2.png);
  background-repeat: no-repeat;
  background-position: 85% 50%;
  padding-right: 20px;
}
.item-add .item-address {
}
.item-add .item-address .input-group .input-group-prepend .input-group-text {
  background: #FFF;
  font-size: 12px;
  border: none;
}
.map {
  height: 400px;
}
.item-add .file-add .fas {
  font-size: 6em;
}
.item-add .file-add label {
  cursor: pointer;
}
.item-add .photos {
  font-size: 18px;
}
.item-add .prices .input-group-text {
  font-size: 14px;
}
.item-add .places select,
.item-add .places input {
  width: 48%;
  height: calc(100% - 2px);
  padding: 10px;
}
.item-add .places input {
  margin-right: 4%;
}
.item-add .places select {
}

.item-add .prices-extra .prices-extra-row button[name=prices_extra_button] {
  display: none;
}
.item-add .prices-extra .prices-extra-row:last-child button[name=prices_extra_button] {
  display: block;
}
.item-add .prices-extra .prices-extra-row button[name=prices_extra_delete] {
  display: block;
}
.item-add .prices-extra .prices-extra-row:last-child button[name=prices_extra_delete] {
  display: none;
}
.item-add .prices-extra .prices-extra-row {
  counter-increment: inst;
}
.item-add .prices-extra .prices-extra-row .prices-extra-num b::before {
  content: counter(inst);
}

.items li .circle-like {
  left: 7px;
  top: 7px;
  z-index: 1;
}
.items .items-list .item big{
    font-size: 18px;
    letter-spacing: -.5px;
}

.big-title-box{
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1em;
    letter-spacing: -.5px;
}
.stars {
  display: inline-block;
  height: 15px;
  width: 80px;
  background: url('../img/star-off.png') repeat-x center;
}
.stars::after {
  content: '';
  display: inline-block;
  height: 15px;
  background: url('../img/star-on.png') repeat-x left;
}
.stars.stars-1::after {
  width: 16px;
}
.stars.stars-2::after {
  width: 32px;
}
.stars.stars-3::after {
  width: 48px;
}
.stars.stars-4::after {
  width: 64px;
}
.item-watch {
  cursor: pointer;
  font-size: 20px;
  outline: none;
  border: none;
  z-index: 1;
}
.items .items-list .item .img {
  height: 299px;
  max-height: 299px;
  overflow: hidden;
  position: relative;
}
.items .items-list .item .img.img-small {
  height: 152px;
  max-height: 152px;
  border-radius: 5px;
}
.items .items-list .col-4 .item .img.img-small {
  height: 264px;
  max-height: 264px;
  border-radius: 5px;
}
.items .items-list .item .img img {
  position: absolute;
  top: -9999px;
  bottom: -9999px;
  left: -9999px;
  right: -9999px;
  margin: auto;
}
.items .items-list .item .img .item-watch {
  top: 10px;
  left: 30px;
}

.items .view-mode {
}
.items .view-mode a {
  font-size: 22px;
  color: #CCC;
  margin-right: 10px
}
.items .view-mode a.active {
  color: #000;
}
.items .pagination li a {
  border: none;
  color: #000;
}
.items .pagination li.active a{
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    top: 0px;
    background: var(--color_main);
}
.items.places .region-list {
  background: url('../img/map-pl.png') no-repeat center right;
  background-size: contain;
}
.places-list img.avatar {
  _width: 20%;
}
.places-list img.flag {
  height: 20px;
}
.places-list .places-watch {
  font-size: 20px;
  width: 50px;
  height: 50px;
  padding: 10px 10px;
  border-radius: 99px;
}

.item-info h1 {
  font-size: 28px;
}
.item-info.item-info-places h1{
    font-size: 22px;
    font-weight: 700 !important;
    letter-spacing: -.5px;
}
.item-info.item-info-places img.flag {
  height: 20px;
}
.item-info .icon {
  background: url('../img/icon-add.svg') no-repeat center left;
  background-size: 30px;
  padding-left:calc(45px);
  background-position: inherit
}
.item-info .filters-list a {
  text-decoration: underline;
  font-weight: bold;
  color: var(--color_main);
}
.item-info .gallery .item-watch {
  right: 15px;
  top: 15px;
}
.item-info .gallery li{
    overflow: hidden;
    position: relative;
    height: 100px;
    border-radius: 5px;
    margin: 5px !important;
    box-sizing: border-box;
}
.item-info .gallery li:first-child {
  height: 560px;
  max-height: 560px;
}
.item-info .gallery.gallery-places li:first-child {
  height: 420px;
  max-height: 420px;
}
.item-info .gallery .item-360 {
  position: relative;
}
.item-info .gallery .item-360 span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 33% 0 0;
  background: rgba(0,0,0, 0.5);
  text-align: center;
  color: #FFF;
  font-size: 22px;
}
@media (max-width: 992px) {
  .item-info .gallery .item-360 span {
    font-size: 18px;
  }
}
.main-pic{
    object-fit: cover;
    height: 100%;
    width: 100%;
    border-radius: 5px 0 0 !important;
}
.item-info .gallery img {
  cursor: pointer;
  position: absolute;
  top: -9999px;
  bottom: -9999px;
  left: -9999px;
  right: -9999px;
  margin: auto;
  border-radius: 5px !important;
}
.item-info .map {
  height: 420px !important;
}
.item-info .map-places {
  height: 420px !important;border-radius: 5px;
}
.item-info .order-box big {
  font-size: 20px;
}
.item-info .order-box label {
  font-weight: bold;
  font-size: 12px;
}
.item-info .warranty {
  background: url('../img/warranty.png') no-repeat center left;
  padding-left: 55px;
  line-height: 15px;
  height: 45px;
}
.item-info.item-info-places .ratings-box .fa-bell {
  top: 15px;
  right: 15px;
}

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 5px;
    list-style: none;
    background-color: transparent;
    font-size: 12px;
}
.breadcrumb-item + .breadcrumb-item::before {
    font-family: 'Font Awesome 5 Free';
    content: '\f105';
    color: #000;
}
.breadcrumb-item {
  position: relative;
  font-weight: bold;
}
.breadcrumb-item a {
  font-weight: normal;
}
.breadcrumb-item .brdcrmbs-item-ucats {
  display: none;
  position: absolute;
  z-index: 999;
  top: 110%;
}
.breadcrumb-item:hover > .brdcrmbs-item-ucats {
  display: block;
}
.breadcrumb-item .brdcrmbs-item-ucats ul {
  display: flex;
  _flex-direction: column;
  _flex-wrap: wrap;
  flex-flow: column wrap;
  _max-height: 20em;
  _width: auto;
}
.breadcrumb-item .brdcrmbs-item-ucats li {
  white-space: nowrap;
}

.user-form-short select {
  padding: 0
}
.user-form-short {
  white-space: nowrap;
  font-size: 14px
}
.user-form-short .radio {
  overflow: hidden;
}
.user-form-short .radio:nth-child(2) label {
  width: 60px;
  background: url(../img/gender-1.png) no-repeat 30px 3px;
}
.user-form-short .radio:nth-child(3) label {
  width: 60px;
  background: url(../img/gender-2.png) no-repeat 30px 3px;
}
.user-form-short .radio:nth-child(4) label {
  width: 73px;
  background: url(../img/gender-3.png) no-repeat 30px 3px;
}
.user-form-short .radio label span {
  display: none;
}
.user-form-short .rules {
  white-space: normal;
}
.main-page {
}


.main-banner {
  background-color: var(--color_main);
}
.main-banner .carousel-control-prev-icon,
.main-banner .carousel-control-next-icon {
  min-height: 111px;
  max-width: 32px;
}
.main-banner .carousel {
  height: auto;
  max-height: auto;
}
.main-banner .carousel h1 {
  text-transform: uppercase;
  font-size: 32px;
  font-weight: bold;
}
.main-banner .carousel .carousel-inner {
  max-height: auto !important;
}
.main-banner .carousel .price span {
  background: #98a5a5;
  color: #FFF;
  font-weight: bold;
  font-size: 28px;
  padding: 5px 10px;
}
.main-banner .carousel .slide-info {
  position: relative;
  float: right;
  text-align: right;
  top: -40px;
  right: 40px;
}
.main-banner .carousel .carousel-item {
  _height: 350px;
}
.main-banner .carousel .carousel-item .image {
  position: relative;
  top: 100px
}
.main-banner .carousel .carousel-item .link {
  position: absolute;
  top: 80%;
  right: 0;
}
.main-banner .carousel .carousel-item img {
  width: 100%;
  _height: 466px;
}
.main-banner .carousel .carousel-caption {
  background: rgba(255,255,255, 0.2);
  padding: 20px;
  border-radius: 5px;
  width: 90%;
  left: 5%;
}
.main-banner .carousel .carousel-item a {
  position: relative;
}
.main-banner .carousel .carousel-item a .fa-comment {
  position: absolute;
  color: orange;
  top: 5px;
  right: 5px;
  font-size: 20px
}
@media (max-width: 768px) {
  .carousel-item a {
    _width: 18%;
    _height: 120px;
  }
}
@media (max-width: 576px) {
  .carousel-item a {
    _width: 30.6%;
    _height: 100px;
    _margin-right:0;
  }
}
.carousel-item a:last-child {
  margin-right: 0;
}
.main-banner .carousel .carousel-control-prev {
  left: 10px;
  width: auto;
}
.main-banner .carousel .carousel-control-next {
  right: 10px;
  width: auto;
}
.main-banner .carousel .carousel-control-prev-icon,
.main-banner .carousel .carousel-control-next-icon {
  height: 41px;
  width: 41px;
  position: relative;

}
.main-banner .carousel .carousel-control-prev-icon {
  background: url(../img/slider-back.png);
  opacity: 0.5;
}
.main-banner .carousel .carousel-control-next-icon {
  background: url(../img/slider-forward.png);
  opacity: 0.5;
}
.main-banner .carousel {
  width: 100%;
  margin: 0 auto;
}
.main-banner .carousel .carousel-inner {
  _height: 480px;
}
@media (max-width: 768px) {
  .main-banner .carousel {
    background: #FFF;
    width: 100%;
    padding-top:5px;
  }
  .main-banner .carousel .carousel-control-prev {
    display: none
  }
  .main-banner .carousel .carousel-control-next {
    display: none
  }
}

.template .main {
  padding: 0;
  margin: 0
}
.template .section-name {
  text-transform: uppercase;
  font-size: 17px;
  font-weight: bold;
  padding: 15px 0;
  margin: 10px 0;
  border-bottom: 1px solid rgba(0,0,0, 0.3);
}
.template .section-name.border-none {
  border-bottom: none;
}
.contents .text {
  background: #FFF;
  color: #000;
}
.contents .text h1.title {
  font-size: 22px;
  font-weight: bold;
}

footer {
  position: relative;background: #fff;
}
footer a {
  font-size: 13px;
}
footer .copyright {
  font-size: 11px;
  line-height: 1px;
  padding-bottom: 30px;
}
footer .copyright a {
  font-size: 11px;
}
footer .contact .fa {
  font-size: 30px;
  vertical-align: middle;
  margin-top: -5px
}

.user-payment .list-operators img {
  max-height: 80px
}
.user-payment .operators img {
  height: 40px;
}

.redirect {
  background: none;
}
.payment-redirect {
	width:1000px;
	height:100%;
	position:relative;
	z-index:0;
	margin:0 auto -23px;
	text-align:center;
	background:#FFF;
}

.payment-redirect img.logo {
	display:block;
	margin:0 auto 30px;
	padding:10px 0 0;
	max-height:150px;
}

.payment-redirect img.logoOperator {
	display:block;
	margin:0 auto;
}

.payment-redirect img.loading {
	display:block;
	margin:0 auto;
}
.break-word {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.tooltip-inner {
}
.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.tooltip.bs-tooltip-bottom .arrow::before {
}
.none {
  display: none;
}

section.contact {
  background: #FFF;
}
.contact ul.nav {
  border: none;
}
.contact ul.nav li.nav-item a {
  border: 1px solid #AAA;
  color: #AAA;
  padding: 5px 25px;
  border-radius: 3px;
  margin-right: 20px
}
.contact ul.nav li.nav-item a.active {
  background: #AAA;
  color: #FFF;
}
img.emojiMco {
    height: 2em;
    width: auto;
}
.alert-sm {
  font-size: 12px;
  padding: 5px;
}
.alert {
  z-index: 1;
}
#userData {
  background: #FFF
}

.step {
  color: #202b29;
}
.step .num {
  font-weight: bold;
  font-size: 20px;
}
.step .title {
  display: inline-block;
}
.step .title a {
  color: #000;
  font-style: italic;
  font-weight: bold;
  font-size: 12px;
}

.user-account .user-info big{
    font-size: 14px;
    line-height: 10px;
    margin: 0;
        margin-top: 0px;
        margin-bottom: 0px;
    padding: 0;
}
.user-account .user-info .alert-box {
  border-width: 2px !important;
}
.user-account .user-info .alert-box .fa-bell {
  font-size: 30px;
}
.user-account .user-menu i {
  font-size: 22px;
}
.user-account .count{
    padding: 1px 5px;
    line-height: 13px;
    color: #FFF;
    border: none;
    font-size: 8px;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 15px;
    height: 15px;
    background: #dc3545;
    text-align: center;
}
.user-items .item {
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(0,0,0,0.2) 50%, rgba(255,255,255,1) 100%);
  border-image-slice: 1;
  padding-bottom: 10px
}
.user-items .options {
}
.user-items.user-orders .item-box .item {
  margin-bottom: 20px;
  border: 1px solid #dee2e6;
}
.user-items.user-orders .item-box .item,
.user-items.user-orders .items .items-list .item-box:nth-child(odd) .item {
  background-color: var(--grey_light);
}
.user-items.user-orders .item-box .item {
  _height: 180px;
}
.user-items.user-orders .order-info  .item-box .item {
  _height: 150px;
}
.user-items.user-orders .order-info .item-box .item,
.user-items.user-orders .order-info .item-box:nth-child(odd) .item {
  margin: 0;
  border: none;
}
.user-items.user-orders .order-info .item-box:not(:first-child) .order-date  {
  display: none;
}

.login-form .form-control,
.user-register-form .form-control {
  background-color: #FFF;
}

span#loading span {
	position:fixed;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	background:rgba(0,0,0, 0.5);
	z-index:999;
	color:#FFF;
}

span#loading span p {
	top:35%;
  text-align: center;
	position:relative;
	text-align:center;
	font-size:18px;
	font-weight:bold;
}
.crop-text-2 {
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  line-clamp: 2;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.main-sec .cats-list a {
  transition-duration: 0.3s;
}
.main-sec .cats-list a.active,
.main-sec .cats-list a:hover {
  background-color: var(--color_button) !important;
  color: #FFF;
}
.main-sec .cats-list.cats-list-stock a.active,
.main-sec .cats-list.cats-list-stock a:hover {
  background-color: var(--color_orange) !important;
  color: #FFF;
}

.chk-dropdown {
  display: flex;
  align-items: center;
}

.chkbox-dropdown {
  position: relative;
  z-index: 9;
}
.chkbox-dropdown dd,
.chkbox-dropdown dt {
  margin: 0px;
  padding: 0px;
}
.chkbox-dropdown ul {
  margin: -1px 0 0 0;
}
.chkbox-dropdown dd {
  position: relative;
}
.chkbox-dropdown a,
.chkbox-dropdown a:visited {
}
.chkbox-dropdown dt a {
  display: block;
  overflow: hidden;
  background: url(../img/select-arrow.png) no-repeat right;
}
.chkbox-dropdown dt a span,
.chkbox-dropdown .multiSel span {
  cursor: pointer;
  display: inline-block;
}
.chkbox-dropdown dd ul {
  background-color: #fff;
  border: 1px solid #DDD;
  display: none;
  left: 0px;
  padding: 5px 10px;
  position: absolute;
  top: 2px;
  width: 100%;
  max-width: 100%;
  list-style: none;
  height: auto;
  overflow: auto;
}
.chkbox-dropdown span.value {
  display: none;
}
.chkbox-dropdown dd ul li a {
  padding: 5px;
  display: block;
}
.chkbox-dropdown dd ul li a:hover {
}
.promo-list {
  margin: 0;
}
.promo-list li {
  position: relative;
}
.promo-list li .box {
  margin: 0 5px;
  box-shadow: 0 0 10px rgba(0,0,0, 0.2);
  border-radius:5px;
  height: 350px;
  position: relative;
}
.promo-list li .box:hover {
  cursor: pointer;
}
.promo-list li label div {
  font-size: 14px;
  line-height: 24px;
}
.promo-list li label p {
  opacity: 0.8;
}
.promo-list li label .icon {
  font-size: 2.5em;
  margin: 0.7em 0 1.2em;
}
.promo-list li input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
.promo-list li input[type=checkbox] + label {
  border: 2px solid var(--info);
  position: relative;
}
.promo-list li input[type=checkbox] + label .select {
  font-size: 12px
}
.promo-list li input[type=checkbox] + label .select::before {
  font-family:FontAwesome;
  content: '\f00c';
  color: #FFF;
  font-size: 22px;
  position: relative;
  top: 4px;
  left: -5px;
  display: inline-block;
  border: 1px solid rgba(0,0,0, 0.1);
  width: 25px;
  height: 25px;
}
.promo-list li input[type=checkbox]:checked + label .select::before {
  font-family:FontAwesome;
  content: '\f00c';
  color: var(--orange);
}
.promo-list li input[type=checkbox]:checked + label {
  border-color: var(--orange);
  box-shadow: 0 0 13px rgba(0,0,0, 0.5);
}
.promo-list li input[type=checkbox]:checked + label .icon,
.promo-list li input[type=checkbox]:checked + label h6 {
  color: var(--orange);
}

.row.item-gallery > .column {
  padding: 0 8px;
}
.row.item-gallery:after {
  content: "";
  display: table;
  clear: both;
}
.item-gallery .column {
  display: inline-block;
  width: 25%;
}
.modal.item-gallery-modal {
  display: none;
  position: fixed;
  z-index: 999;
  padding:0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: rgba(255,255,255, 0.5);
  transition: 0.3s ease;
}
.modal-backdrop.show {
    opacity: 0;
    z-index: 0;
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
    box-shadow: 0 0px 330px #000000b8;
}
.item-gallery-modal .modal-content {
  position: relative;
  margin: auto;
  padding: 20px 0 0;
  width: 100%;
  height: 100%;
  border: none;
  background-color: rgba(255,255,255, 1);
}
.item-gallery-modal .modal-content h1 {
  font-weight: 600;
}
.item-gallery-modal .modal-content .price {
  font-size: 32px;
  color: var(--color_main);
}
.item-gallery-modal .close {
  color: black;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 4em;
  padding: 10px 20px;
  font-weight: bold;
  z-index: 1;
}
.item-gallery-modal .close:hover,
.item-gallery-modal .close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}
.item-gallery-modal .mySlides {
  display: none;
  width: 100%;
  height: 80vh;
  max-height: 80vh;
  margin: 0 auto;
  text-align: center;
  position: relative;
  border-top: 1px solid rgba(0,0,0, 0.1);
  padding: 20px 0 0;
}
.item-gallery-modal .mySlides img {
  max-width: 100%;
  height: 65vh;
}
@media (max-width: 992px) {
  .item-gallery-modal .mySlides img {
    height: auto;
  }
}
.item-gallery-modal .prev,
.item-gallery-modal .next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 20px 20px;
  font-weight: bold;
  font-size: 3em;
  transition: 0.3s ease;
  border-radius: 3px;
  user-select: none;
  -webkit-user-select: none;
  background: rgba(0,0,0, 0.1);
  box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
.item-gallery-modal .next {
  right: 5%;
}
.item-gallery-modal .prev {
  left: 5%;
}
.item-gallery-modal .prev:hover,
.item-gallery-modal .next:hover {
  background-color: rgba(255, 255, 255, 0.15);
  color: #FFF;
  opacity: 1;
}
.item-gallery-modal .numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}
.item-gallery-modal .caption-container {
  text-align: center;
  padding: 2px 16px;
  color: white;
}
.item-gallery-modal .thumbs {
}
.item-gallery-modal .column {
  display: inline-block;
  width: 8.85%;
  height: 120px;
  overflow: hidden;
  text-align: center;
}
.item-gallery-modal .column img {
  cursor: pointer;
  max-width: 95%;
}
.item-gallery-modal .column img.demo {
  opacity: 0.6;
}
.item-gallery-modal .column img.active,
.item-gallery-modal .column .demo:hover {
  opacity: 1;
}
.item-gallery-modal .column img.hover-shadow {
  transition: 0.3s;
}
.item-gallery-modal .modal-content .send-msg {
  position: absolute;
  top: 50px;
  right: 7%;
  text-align: center;
}
.item-gallery-modal .modal-content .phone-msg {
  position: absolute;
  top: 10px;
  right: 7%;
  text-align: center;
}

.badge.item-type-268 {
  background-color: var(--success);
  color: #FFF;
  padding: 5px 8px;
}
.badge.item-type-267 {
  background-color: var(--orange);
  color: #FFF;
  padding: 5px 8px;
}

#cookies-msg {
  padding: 10px 0px;
  font-size: 14px;
  line-height: 22px;
  border-top: 1px solid rgb(211, 208, 208);
  text-align: center;
  position: fixed; bottom:
  0px;
  background-color: #efefef;
  width: 100%;
  z-index: 999;
}
#loadingForm {
  display: none;
  position: absolute;
  width: 100%;
  min-height: 100%;
  top: 10%;
  left: 0;
  background-color: rgba(255,255,255, 0.8);
  z-index: 999;
  color: #fff;
  text-align: center;
  background-image: url(../img/loading.gif);
  background-repeat: no-repeat;
  background-position: 50% 0;
}

.border-main {
  border-color: var(--color_main);
}

.user-shops {
  position: relative;
}
.user-shops .btn.add-shop {
  position: absolute;
  right: 0;
  top: -70px;
}

.user-cats .cats-main span::after {
  content: '/';
  margin: 0 5px;
}
.user-cats .cats-main span:last-child::after {
  content: '';
  margin: 0;
}

.u-name-info {
}
.u-name-info a {
}
.u-name-info i {
  margin-left:4px;
  font-size: 16px;
}
.u-name-info img.super {
  position: relative;
  top:-2px;
  margin: 0 0 0 3px;
}
.u-name-info i:nth-child(1) {
  color: var(--color_main) !important;
}
.u-name-info i:nth-child(2) {
  color: #ffac36 !important;
}
.u-name-info .u-name-info-pts {
  margin: 0 0 0 3px;
  position: relative;
  top:-3px;
  font-size: 12px;
}
.u-name-info .u-name-info-pts img {
  position: relative;
  top:-2px;
  margin-right: 3px;
  _width: 17px;
  height: 17px;
}

.rating .rating-stars {
  float: right;
  display: inline-block;
  height: 16px;
  width: 80px;
  _background: url(../img/star-off.png) repeat-x;
  position: relative;
  top: 3px;
}
.rating .rating-stars::before {
  content: "";
  display: inline-block;
  height: 16px;
  width: 80px;
  position: relative;
  top: -2px;
  background: url(../img/star-on.png) repeat-x;
}
.rating .rating-stars.rating-stars-5::before {
  width: 80px;
}
.rating .rating-stars.rating-stars-4::before {
  width: 64px;
}
.rating .rating-stars.rating-stars-3::before {
  width: 48px;
}
.rating .rating-stars.rating-stars-2::before {
  width: 32px;
}
.rating .rating-stars.rating-stars-1::before {
  width: 16px;
}
.filter-list .chk-list label {
  display: block;
}
.filter-list .chk-list label:nth-child(n+4) {
  display: none;
}
.filter-list .chk-list span {
  cursor: pointer;
  font-size: 14px;
}
.filter-list .inputs-range input {
  display: inline;
  width: calc(50% - 2px);
}

.cmts-info .cmts-summ small::after {
  content: '';
  display: inline-block;
  background: url(../img/star-on.png) no-repeat center;
  height: 16px;
  width: 16px;
  margin: 0 0 0 5px;
}

.circle {
  box-shadow: 0 1px 1px #00000030 !important;
  display: inline-block;
  width: 28px;
  height: 28px;
  text-align: center;
  padding: 5.5px 0 0;
  border-radius: 99px;
}
.circle.circle-social {
  width: 40px;
  height: 40px;
  padding: 10px 0;
  vertical-align: middle;
}

.news .news-info-photo {
  position: relative;
  background-color: #000;
  border-radius: 5px;
}
.news .news-info-photo .photo-box {
  height: 540px;
  overflow: hidden;
  position: relative;
  border-radius: 5px 5px 0 0 !important;
}
.news.news-show .box-small .photo-box {
  height: 324px;
  overflow: hidden;
}
.news.news-show .box-small .photo-box img{height: 100%}
.news .news-info-photo .photo-box img {
  width: 100% !important;
  opacity: 0.65;
  border-radius: 5px;
  position: absolute;
  top: -9999px;
  bottom: -9999px;
  left: -9999px;
  right: -9999px;
  margin: auto;
}

#first-block{margin-top: 15px;}
.fa .fa-bars{color: #000}
.news .news-info-photo.news-info-noopacity .photo-box img {
  opacity: 1;
  object-fit: cover;
  height: 100%;
  border-radius: 5px 5px 0 0 !important;
}
.news .news-info-photo .info {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #FFF;
}
.news .news-info-photo .info h1{
    font-size: 3.4rem;
    font-weight: 800 !important;
    letter-spacing: -1px;
    width: 80%;
    text-shadow: 1px 1px #000;
}
.fb-button {
  background-image: url('../img/logo-mini-white.png');
  background-repeat: no-repeat;
  background-position: 20px 50%;
  padding-left: 90px !important;
  position: relative;
}
.fb-button i {
  position: absolute;
  top: 33%;
  right: 28px;
  padding: 7px 10px;
}
.news.news-show .breadcrumb a,
.news.news-show .breadcrumb span {
  font-size: 12px;
}
.news.news-show h1{
    font-size: 3.4rem;
    font-weight: 900 !important;
    width: 80%;
}
.prize-button {
  padding-left: 90px !important;
  position: relative;
}
.prize-button::before {
  content: '';
  display: block;
  width: 132px;
  height: 132px;
  position: absolute;
  top: -35px;
  left: -20px;
  background-image: url('../img/icon-9.png');
  background-repeat: no-repeat;
  background-position: center;
}
.prize-button i {
  position: absolute;
  top: 33%;
  right: 28px;
  padding: 7px 10px;
}
.news .pinit {
  _height: 523px;
}
.news .pinit.pinit-red {
  _height: 524px;
}
.news .pinit .photo-box {
  height: 320px;
  overflow: hidden;
}
.news .pinit .photo-box img {
    width: 100% !important;
    object-fit: cover;
    height: 320px;
    border-radius: 5px 5px 0 0;
}
.news .pinit .btn-add {
  border-radius: 0 0 5px 5px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.news .cats-list .cat-link a img {
  min-width: 100%;
  min-height: 100%;
}
.news .cats-list .cat-link a .icon {
  margin: 0;
  width: 80px;
  height: 80px;
  overflow: hidden;
}
.news .cats-list a:after {
  top: 33%;
}
.news .cats-list a:after {
  content: '';
}
.news .cmts-vote-button {
  border: none;
  background: none;
  outline: none;
}
.news .cmts-fav-add {
  outline: none;
}
.news .cats-list .circle {
  position: relative;
  top: 20px;
  right: 20px;
}

.news-list h2 {
  font-size: 26px;
}
.news-list .news-list-photo {
  overflow: hidden;
}
.news-list .news-list-photo img {
  min-width: 100%;
  min-height: 100%;
}
.news-list.news-list-mp h5{
    font-size: 16px;
    font-weight: 600;
    padding-right: 30px;
    line-height: 1.2em;
    height: 3.6em;
    overflow: hidden;
}
.news-list .img {
  max-height: 350px;
  overflow: hidden;
}

/*.search-mp {
  background: url('../img/01t.jpeg');
  background-repeat: no-repeat;
  background-position:center center;
  background-size: cover;
  padding: 190px 0;
  position: relative;
  background-attachment: fixed;
}*/
.search-mp {
    background: url('../img/02t.jpg');
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-size: auto;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 190px 0;
    position: relative;
}
.search-mp::before,
.places-mp::before,
.articles-mp::before {
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 0;
  background-color: rgba(7, 14, 40, 0.22);
}
.search-mp h1,
.places-mp h1,
.articles-mp h1{
    position: relative;
    z-index: 1;
    color: #FFF;
    font-size: 4.5em;
    margin: 0 0 20px;
    font-weight: 900 !important;
    text-shadow: 1px 1px #000;
}
.search-mp p,
.places-mp p,
.articles-mp p {
  position: relative;
  z-index: 1;
  color: #FFF;
  font-size: 1.3em;
  margin: 0 0 10px;
  font-weight: 300;
}
.search-mp p b,
.places-mp p b {
  font-weight: bold;
}
.search-mp .search-bar,
.places-mp .search-bar {
  position: relative;
  z-index: 1;
}
.search-bar label,
.places-mp .search-bar label {
  font-size: 11px;
  font-weight: 600;
  line-height: 10px;
}
.search-mp .search-bar button[type=submit],
.places-mp .search-bar button[type=submit] {
  font-size: 12px;
  font-weight: bold;
}
.search-mp .search-bar button i,
.places-mp .search-bar button i {
  font-size: 20px;
  position: relative;
  top: 3px;
}
.search-bar.search-bar-main label {
  font-size: 14px;
}

.ui-slider-handle,
.ui-state-hover,
.ui-state-default {
  border-radius: 20px;
  background: var(--color_blue_light) !important;
  border: none !important;
  box-shadow: none !important;
  height: 25px !important;
  width: 25px !important;
  margin-top: -1px !important;
}
.ui-slider-range,
.ui-slider {
  background: #EFEFEF !important;
  box-shadow: 0 2px 2px rgba(0,0,0, 0.05);
  border: none !important;
}

.places-mp {
    background: url('../img/camp-landsc-2.jpg');
    background-position: center center;
    background-size: cover;
    padding: 190px 0 !important;
    position: relative;
}

.articles-mp {
  background-repeat: no-repeat;
  background-color: var(--color_main);
  background-position: center center;
    background-size: cover;
    padding: 190px 0 !important;
    position: relative;
}

.social-links .fa {
  position: relative;
  padding: 6px 8px;
  border-radius: 6px;
  top: -3px;
}
.social-links .icon-google {
  background: url(../img/icon-google.png) no-repeat center;
  background-size: cover;
  display: inline-block;
  width: 26px;
  height: 26px;
  position: relative;
  top: -3px;
}

.custom-switch.custom-switch-sm .custom-control-label {
    padding-left: 1rem;
    padding-bottom: 1rem;
}
.custom-switch.custom-switch-sm .custom-control-label::before {
    height: 1rem;
    width: calc(1rem + 0.75rem);
    border-radius: 2rem;
}
.custom-switch.custom-switch-sm .custom-control-label::after {
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    border-radius: calc(1rem - (1rem / 2));
}
.custom-switch.custom-switch-sm .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(1rem - 0.25rem));
}
.custom-switch.custom-switch-md .custom-control-label {
    padding-left: 2rem;
    padding-bottom: 1.5rem;
    display: block;
}
.custom-switch.custom-switch-md .custom-control-label::before {
    height: 1.5rem;
    width: calc(2rem + 0.75rem);
    border-radius: 3rem;
}
.custom-switch.custom-switch-md .custom-control-label::after {
    width: calc(1.5rem - 4px);
    height: calc(1.5rem - 4px);
    border-radius: calc(2rem - (1.5rem / 2));
}
.custom-switch.custom-switch-md .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(1.5rem - 0.25rem));
}
.custom-switch.custom-switch-lg .custom-control-label {
    padding-left: 3rem;
    padding-bottom: 2rem;
}
.custom-switch.custom-switch-lg .custom-control-label::before {
    height: 2rem;
    width: calc(3rem + 0.75rem);
    border-radius: 4rem;
}
.custom-switch.custom-switch-lg .custom-control-label::after {
    width: calc(2rem - 4px);
    height: calc(2rem - 4px);
    border-radius: calc(3rem - (2rem / 2));
}
.custom-switch.custom-switch-lg .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(2rem - 0.25rem));
}
.custom-switch.custom-switch-xl .custom-control-label {
    padding-left: 4rem;
    padding-bottom: 2.5rem;
}
.custom-switch.custom-switch-xl .custom-control-label::before {
    height: 2.5rem;
    width: calc(4rem + 0.75rem);
    border-radius: 5rem;
}
.custom-switch.custom-switch-xl .custom-control-label::after {
    width: calc(2.5rem - 4px);
    height: calc(2.5rem - 4px);
    border-radius: calc(4rem - (2.5rem / 2));
}
.custom-switch.custom-switch-xl .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(2.5rem - 0.25rem));
}

.map {
  position: relative;
  z-index: 1;
}
.map.map-places {
  height: 500px;
}
.map.map-long {
  height: 700px;
}

.order-camper-form h3 {
  font-size: 28px;
}
.order-camper-form.sticky {
  top: 70px;
}

.bell-info {
  padding-left: 190px !important;
  position: relative;
}
.bell-info .fa-bell {
  position: absolute;
  left: 20px;
  top: 20px;
  font-size: 10em;
  transform: rotate(-20deg);
}
.bell-info h3 {
  font-size: 24px;
}
.bell-info a {
  font-size: 12px;
  text-decoration: underline;
}

.invest-mp {
  background: url('../img/main-invest-mp.png') no-repeat var(--color_main);
  background-position: center center;
  background-size: cover;
  padding: 160px 0 210px !important;
  position: relative;
  background-attachment: fixed
}
.invest-mp::before {
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 0;
  background-color: rgba(0,0,0, 0.4);
}
.invest-mp h1 {
  position: relative;
  z-index: 1;
  color: #FFF;
  font-size: 4.5em;
  margin: 0 0 20px;
}
.invest-mp p {
  position: relative;
  z-index: 1;
  color: #FFF;
  font-size: 1.3em;
  margin: 0 0 10px;
  font-weight: 300;
  line-height: 25px
}
.invest {
  margin: -120px 0 0 !important;
  position: relative;
  z-index: 1;
}
.invest .icon-rounded {
  padding: 3px 8px;
}
.invest .invest-info h1 {
  font-size: 5em;
}
.invest .invest-info p {
  font-size: 1.3em;
}
.invest .invest-info .invest-stats h2 {
  font-size: 1.3em;
}
.invest .invest-info .invest-stats h2 big {
  font-size: 4em;
}
.invest .invest-info .invest-stats h2 small {
  font-size: 0.4em;
}
.invest .invest-info .invest-stats p {
  font-size: 1.2em;
}

.count-rounded {
  position: relative;
  width: 70px;
  height: 70px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  border-width: 10px;
  border-style: solid;
  border-color: var(--info);
  border-radius:99px;
  color: var(--info);
}
.count-rounded .fa-star {
  position: absolute;
  bottom: -12px;
  left: 0;
  display: block;
  width: 100%;
  text-align: center;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #FFF;
  font-size: 18px;
}
.count-rounded.count-rounded-blue {
  border-color: var(--info);
  color: var(--info);
}
.count-rounded.count-rounded-red {
  border-color: var(--red);
  color: var(--red);
}
.count-rounded.count-rounded-green {
  border-color: var(--green);
  color: var(--green);
}
.count-rounded.count-rounded-brown {
  border-color: var(--brown_light);
  color: var(--brown_light);
}
.count-rounded.count-rounded-yellow {
  border-color: var(--warning);
  color: var(--warning);
}

.alerts i {
  font-size: 24px;
}

.fas.fa-logo {
  background: url('../img/logo-mini-dark.svg') no-repeat center;
  margin: 0 auto;
  width: 16px;
  height: 16px;
  background-size: contain;
}

.user-blog-list .fa-heart,
.user-blog-list .fa-eye {
  font-size: 25px;
}
.user-blog-list .fa-thumbs-up,
.user-blog-list .fa-thumbs-down {
  font-size: 20px;
}
.user-blog-list.user-blog-list-comments .fas  {
    padding: 3.5px;
    text-align: center;
    width: 20px;
    height: 20px;
    font-size: 14px;
}

.user-blog-add .blocks-container .btn-delete {
  background: rgba(255,255,255, 1);
  opacity: 0.5;
  transition-duration: 0.3s;
  bottom: 0;
  left: 0;
}
.user-blog-add .blocks-container .btn-delete:hover {
  opacity:1;
}

.user-items-list .stats-main {
  line-height: 13px;
}
.user-items-list .stats-main .count-rounded b {
  font-size: 20px;
}
.user-items-list .stats-main small {
  font-size: 12px;
}

.user-items-list .calendar .month i {
  display: inline-block;
  padding: 7px 0 0 0;
  width: 28px;
  height: 28px;
  margin: -5px 0 0 0;
}
.user-items-list .calendar .days-list {
  font-size: 12px;
  text-transform: capitalize;
}
.user-items-list .calendar .days-list span:first-child{
    padding: 2px 0 0 0;
    width: 23.5px;
    height: 23.5px;
    font-size: 10px;
    line-height: 20px;
    font-weight: normal;
}
.user-items-list .calendar-items .days span {
  display: inline-block;
  width: 26px;
  height: 26px;
  border: 1px solid rgba(0,0,0, 0.1);
}
.user-items-list .items .stats i {
  font-size: 24px;
  margin-bottom: 5px;
}
.user-items-list .items .action a {
  color: #FFF;
}
.user-items-list .items .action i {
  font-size: 28px;
  margin-bottom: 5px;
}
.user-items-list .items .action .msg .count {
  top: -10px;
  right: 30%;
  width: 25px;
  height: 25px;
  font-size: 11px;
  padding: 3px 0 0 0;
}
.user-items-list .items.items-places .plus {
  top: 0px;
  right: 5%;
  width: 25px;
  height: 25px;
  font-size: 16px;
  padding: 2px 0 0 0;
}
.user-items-list .items.items-places .fa-heart {
  top: 5px;
  left: 5px;
  z-index: 1;
}
.side-links {
  top: 37%;
  right: -200px;
  z-index: 2;
}
.side-links a.module {
  padding: 5px 20px 5px 60px;
  border-radius: 25px 0 0 25px;
  position: relative;
  right: 0;
  transition: 0.5s;
}
.side-links a.module:hover {
  right: 200px;
  transition: 0.5s;
}
.side-links a .fa-chevron-right {
  margin: 5px 0 0;
}
.side-links a .icon {
  top: 4px;
  left: -45px;
}
.side-links a:first-child {
    background-image: url('../img/icon-add.svg');
    background-repeat: no-repeat;
    background-position: 10px 12.5px;
    background-size: 38px;
}
.side-links a.social {
  width: 45px;
  height: 45px;
  text-align: center;
  padding: 15px 0 0 0;
}

.probe-form {
  background: url('../img/probe-bg.png') no-repeat 95% 4%;
  background-size: 20%;
}
.probe-form .d-block{line-height: 1.8em !important}
.probe-form h4 {
  padding: 0 50px 0 0;
}

.ads-title{
    text-transform: uppercase;
    font-size: 8px;
    letter-spacing: 3px;
    color: #999;
    margin: 0
}

.ads-big img {
    width: 100%;
    object-fit: contain;
    height: auto;
    border-radius: 5px;
    margin-bottom: 15px;
}

.circle-icon {
  width: 30px;
  height: 30px;
  padding: 8px;
  border-radius: 99px;
  display: flex;
  margin: 0 auto;
  box-shadow:0 1px 1px #00000030;
  vertical-align: middle;
  background: #fff;
}
.circle-icon i {
  display: flex;
  margin: auto;
  vertical-align: middle;
  font-style: normal;
}
.circle-icon.circle-icon-sm {
  width: 30px;
  height: 30px;
  padding: 5px;
}

.carousel-indicators {
  list-style: none;
  position: relative;
}
.carousel-indicators li, .carousel-indicators li.active{
  width: 140px;
  height: 90px;
  background-color: #fff;
  position: relative;
  overflow: hidden;
  margin: 0 5px;
  border-radius: 8px
}
.carousel-indicators img {
  position: absolute;
  top: -9999px;
  bottom: -9999px;
  left: -9999px;
  right: -9999px;
  margin: auto;
  border-radius: 5px;
}
.carousel-control-prev,
.carousel-control-next {
  background-image: none;
  opacity: 1;
  color: #000;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-color: #FFF;
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #000;
}

.content-blog .carousel-indicators li:only-child {
  display: none;
}

.profile-header {
  background: url('../img/profile-bg.jpg') no-repeat center;
  background-size:cover;
  padding-top: 280px;
  color: #FFF !important;
  position: relative;
}
.profile-header::after {
  content: '';
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.6;
}
.profile-header a {
  color: #FFF !important;
}

  .ads-grid{
    display: grid;
    grid-template-columns: auto 400px;
    grid-gap: 12px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .carousel-five .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -33.3333%;  /*change this with javascript in the future*/
    z-index: -1;
    display: block;
    visibility: visible;
  }

}
@media (min-width: 576px) and (max-width: 768px) {
  .carousel-five .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
      position: absolute;
      top: 0;
      right: -50%;  /*change this with javascript in the future*/
      z-index: -1;
      display: block;
    visibility: visible;
  }
}
@media (min-width: 576px) {
  .carousel-five .carousel-item {
    margin-right: 0;
  }
  .carousel-five .carousel-inner .active + .carousel-item {
    display: block;
  }
  .carousel-five .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  .carousel-five .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
    transition: none;
  }
  .carousel-five .carousel-inner .carousel-item-next {
    position: relative;
    transform: translate3d(0, 0, 0);
  }
  .carousel-five .active.carousel-item-left + .carousel-item-next.carousel-item-left,
  .carousel-five .carousel-item-next.carousel-item-left + .carousel-item,
  .carousel-five .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  .carousel-five .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    visibility: visible;
  }
  .carousel-five .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
  .carousel-five .carousel-item-prev.carousel-item-right + .carousel-item,
  .carousel-five .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    display: block;
    visibility: visible;
  }
}

@media (min-width: 768px) {
  .carousel-five .carousel-inner .active + .carousel-item + .carousel-item {
    display: block;
  }
  .carousel-five .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
    transition: none;
  }
  .carousel-five .carousel-inner .carousel-item-next {
    position: relative;
    transform: translate3d(0, 0, 0);
  }
  .carousel-five .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  .carousel-five .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    display: block;
    visibility: visible;
  }
}

@media (min-width: 991px) {
  .carousel-five .carousel-inner .active,
  .carousel-five .carousel-inner .active + .carousel-item,
  .carousel-five .carousel-inner .active + .carousel-item + .carousel-item,
  .carousel-five .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
    display: block;
  }
  .carousel-five .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  .carousel-five .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
  .carousel-five .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
  .carousel-five .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
    transition: none;
  }
  .carousel-five .carousel-inner .active.col-lg-3.carousel-item,
  .carousel-five .carousel-inner .active.col-lg-3.carousel-item + .carousel-item,
  .carousel-five .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item,
  .carousel-five .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -25%;  /*change this with javascript in the future*/
    z-index: -1;
    display: block;
    visibility: visible;
  }
  .carousel-five .carousel-item-next.carousel-item-left,
  .carousel-five .carousel-item-next.carousel-item-left + .carousel-item,
  .carousel-five .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
  .carousel-five .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
  .carousel-five .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  .carousel-five .carousel-item-prev.carousel-item-right,
  .carousel-five .carousel-item-prev.carousel-item-right + .carousel-item,
  .carousel-five .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
  .carousel-five .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
  .carousel-five .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    display: block;
    visibility: visible;
  }
}
.carousel-five {
  margin-left: -15px;
  margin-right: -15px;
  width: calc(100% + 30px);
}
.carousel-five .carousel-control-prev i,
.carousel-five .carousel-control-next i {
  background-color: #FFF;
  box-shadow: 0 2px 2px rgba(0,0,0, 0.2);
  border:1px solid rgba(0,0,0, 0.05);
  padding: 20px 23px 20px 20px;
  border-radius: 100%;
}
.carousel-five .carousel-control-prev {
  left: -130px;
}
.carousel-five .carousel-control-next {
  right: -130px;
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    _max-width: 600px;
  }
}

#pills-tab img{height: 30px}
.packages h3 {
  font-size: 32px;
  border-radius: 5px 5px 0 0;
}
.packages .col:nth-child(1) h3 {
  background-color: var(--color_blue_light);
}
.packages .col:nth-child(2) h3 {
  background-color: var(--color_main);
}
.packages .col:nth-child(3) h3 {
  background-color: var(--color_main_green);
}
.packages .col:nth-child(4) h3 {
  background-color: var(--color_gold);
}
.packages.packages-promo .col:nth-child(1) h1 {
  background-color: #B5B5B1;
}
.packages.packages-promo .col:nth-child(2) h1 {
  background-color: #CBB86D;
}
.packages.packages-promo .col:nth-child(3) h1 {
  background-color: #3F4043;
}
.packages.packages-promo .col:nth-child(4) h1 {
  background-color: #5F1635;
}
.packages .col big {
  font-size: 32px;
}
.packages .col small {
  font-size: 10px;
  line-height: 13px;
}
.packages .col span {
  height: 30px;
}
.items-sale .price {
  font-size: 28px;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: var(--color_blue_light);
}
.popover-title {
    color: blue;
    font-size: 15px;
}
.popover-content {
    color: red;
    font-size: 10px;
}

.loading {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  background-color: rgba(255,255,255, 0.5);
  background-image: url('../img/loading-transparent.gif');
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
  height: 100%;
  min-height: 100%;
  width: 100%;
}

.ui-autocomplete {
  border: 1px solid #dee2e6 !important;
  background: #FFF;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  border-radius: 0.25rem !important;
}
.ui-menu-item {
  padding: 0 !important;
  margin: 5px 0 !important;
}
.ui-menu-item .ui-menu-item-wrapper {
  font-size: 14px;
  border: none;
}
.ui-menu-item .ui-menu-item-wrapper img {
  width: 50px;
  vertical-align: middle;
  margin-right: 10px;
}
.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
  background: rgba(0,0,0, 0.05) !important;
  font-weight: normal !important;
  color: #000;
}

.probe-form-vote .send-info {
  z-index: 2;
}

.guide-list {
  background: blue !important;
}
.guide-list li a {
  display: block;
  height: 100%;
  width: 100%;
}
.guide-list li a:hover {
  text-decoration: none;
  background-color: #F6F6F6 !important;
}

.guide .speed .speed-row .speed-name {
  position: relative;
}
.guide .speed .speed-row .speed-name::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 30px;
  margin: 0 10px 0 0;
}
.guide .speed .speed-row:nth-child(2) .speed-name::before {
  background: url(../img/icon_guide_car.png) no-repeat center;
  background-size: contain;
}
.guide .speed .speed-row:nth-child(3) .speed-name::before {
  background: url(../img/icon_guide_caravan.png) no-repeat center;
  background-size: contain;
}
.guide .speed .speed-row:nth-child(4) .speed-name::before {
  background: url(../img/icon_guide_vagon.png) no-repeat center;
  background-size: contain;
}
.guide .speed .speed-row:nth-child(5) .speed-name::before {
  background: url(../img/icon_guide_vagon.png) no-repeat center;
  background-size: contain;
}
.guide .speed .speed-row .speed-value div small {
  margin: auto;
  font-size: 12px;
}
.guide .speed .speed-row .speed-value div big {
  margin: auto;
  font-size: 20px;
}

.leaflet-popup-content-wrapper {
  border-radius: 3px;
  padding: 1px 0;
}

.leaflet-popup-content-wrapper .leaflet-popup-content {
}

.leaflet-popup-tip-container {
}

.carousel-items .carousel-control-prev {
  width: 100px;
  left: -100px;
}
.carousel-items .carousel-control-next {
  width: 100px;
  right: -100px;
}
.carousel-items .carousel-control-prev-icon,
.carousel-items .carousel-control-next-icon {
  height: 58px;
  width: 58px;
  outline: none;
  left: -100px;
}
.carousel-items .carousel-control-next-icon {
  background: url('../img/carousel-right.svg') no-repeat center;
}
.carousel-items .carousel-control-prev-icon {
  background: url('../img/carousel-left.svg') no-repeat center;
}

.stock-cats-list a {
  font-size: 12px;
  font-weight: bold;
  border-bottom: 1px solid #DDD;
  border-radius: 5px 5px 0 0;
}
.stock-cats-list a.active {
  background-color: var(--color_orange);
  color: #FFF;
}
.stock-cats-list .col {
  border-right: 1px solid #DDD;
  padding: 0;
  border-radius: 5px 5px 0 0;
}
.stock-cats-list .col:first-child {
  margin-left: 15px;
}
.stock-cats-list .col:last-child {
  border-right: none;
  margin-right: 15px;
}
.stock-cats-content label {
  margin-bottom: 10px;
}
.stock-cats-content select,
.stock-cats-content input {
  width: 45% !important;
}
.stock-cats-content select.form-control-block {
  width: 100% !important;
}

.item-calculator .slidecontainer,
.item-calculator-mp .slidecontainer {
  width: 100%;
}
.item-calculator .slider,
.item-calculator-mp .slider {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 100%; /* Full-width */
  height: 12px; /* Specified height */
  border-radius: 3px;
  background: #FFF; /* Grey background */
  outline: none; /* Remove outline */
  border-radius: 0px;
}
.item-calculator .slider {
  background: #F2F2F2;
}
.item-calculator .slider::-webkit-slider-thumb,
.item-calculator-mp .slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 26px; /* Set a specific slider handle width */
  height: 26px; /* Slider handle height */
  background: var(--color_blue_light);
  box-shadow: 0 1px 5px #ddd;
  border: 2.5px solid #FFF;
  border-radius: 20px;
  cursor: pointer; /* Cursor on hover */
}
.item-calculator .slider::-moz-range-thumb,
.item-calculator-mp .slider::-moz-range-thumb {
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: var(--main_color);
  cursor: pointer; /* Cursor on hover */
}


/* NOWY CSS */

.item-panel-click {
    padding: 15px !important;
    font-weight: 600;
    display: block !important;
    width: 100%;
    margin-bottom: 5px !important;
    text-align: center;
    font-size: 10px !important;
}
.item-panel-click img{
  display: block;
  height: 35px !important;
  margin: 0 auto 15px auto !important
}
.item-galeria{
    height: 150px;
    object-fit: cover !important;
    border-radius: 5px !important;
    width: 100% !important;
}
.cennik-logowanie{font-size: 12px;}
.white-box{
    text-align: center;
    background: #fff;
    border-radius: 5px;
    padding: 20px;
    font-size: 12px;
}
.konto-opis{align-self: center;}
.white-box ul{list-style: circle;padding: 20px 10px;font-size: 10px;text-align: left}
.white-box h6{margin: 0;font-size: 12px}
.white-box h3{font-size: 55px;margin: 0}
.city-item{
    height: 300px;
    position: relative;
    background-size: cover;
    border-radius: 5px;
    padding: 30px;
}
.city-item h2{
    position: absolute;
    bottom: 30px;
    color: #fff;
}
.wroclaw{background-image:linear-gradient(0deg, #00000094, transparent), url(../img/wroclaw.jpg);transition: transform 0.9s;-webkit-transition: 0.9s;}
.warszawa{background-image:linear-gradient(0deg, #00000094, transparent), url(../img/warszawa2.jpg);transition: transform 0.9s;-webkit-transition: 0.9s;}
.poznan{background-image:linear-gradient(0deg, #00000094, transparent), url(../img/poznan2.jpg);transition: transform 0.9s;-webkit-transition: 0.9s;}
.katowice{background-image:linear-gradient(0deg, #00000094, transparent), url(../img/katowice.jpg);transition: transform 0.9s;-webkit-transition: 0.9s;}
.trojmiasto{background-image:linear-gradient(0deg, #00000094, transparent), url(../img/trojmiasto.jpg);transition: transform 0.9s;-webkit-transition: 0.9s;}
.krakow{background-image:linear-gradient(0deg, #00000094, transparent), url(../img/krakow.jpg);transition: transform 0.9s;-webkit-transition: 0.9s;}
.bydgoszcz{background-image:linear-gradient(0deg, #00000094, transparent), url(../img/bydgoszcz.jpg);transition: transform 0.9s;-webkit-transition: 0.9s;}
.szczecin{background-image:linear-gradient(0deg, #00000094, transparent), url(../img/szczecin.jpg);transition: transform 0.9s;-webkit-transition: 0.9s;}
.olsztyn{background-image:linear-gradient(0deg, #00000094, transparent), url(../img/olsztyn.jpg);transition: transform 0.9s;-webkit-transition: 0.9s;}
.lodz{background-image:linear-gradient(0deg, #00000094, transparent), url(../img/lodz.jpg);transition: transform 0.9s;-webkit-transition: 0.9s;}
.city-item:hover {
    transition: transform 0.9s;-webkit-transition: 0.9s;transform: scale(1.05);
}
.status-platnosci{
    border-top: dashed 1px #ddd;
    padding: 5px 0 0;
    font-size: 12px;
}

.status-label{
    border: solid 1px #ddd;
    border-radius: 5px;
    padding: 5px;
    font-size: 12px;
}
.position-absolute-buttom {
    position: absolute;
    top: 5px;
    right: 5px;
    background: #fff;
    padding: 5px;
    border-radius: 5px;
}
.position-absolute{background: none;z-index: 999}
.menu-item-second{
    border: solid 1px #ddd;
    padding: 10px !important;
    border-radius: 5px;
    font-size: 10px;
    margin: 0 !important;
    margin-bottom: 5px !important;
}
.user-schedule .cal-name h4{height: 3.8em !important}
.bg-twitter{background: #1da1f2}
.gap-5{grid-gap: 5px !important;}
.line-2{line-height: 1.2em;height: 3em;overflow: hidden}
.foto-przewodnik {
    height: 55px;
    width: auto !important;
    object-fit: contain;
    margin-bottom: 10px !important
}
.footer-store{
    height: 35px;
}
.sticky{
    position: sticky !important;
    top: 10px;
    z-index: 9;
}
.img-kamper-carusel{}
.carusel-foto  {
    height: 210px;
    width: 100%;
    object-fit: cover;
    max-height: 270px;
    border-radius: 5px;
}
.bell-desc{padding: 15px 0}
.bell-box{text-align: center;}
.flag-img{height: 37px;width: 50px;object-fit:cover;border-radius: 5px;}
.absolute-heart {
    position: absolute !important;
    top: 5px;
    left: 5px;
    height: 30px !important;
    width: 30px !important;
    font-size: 15px !important;
    border: none !important;
    z-index: 9;
}

.line-hidden{
    line-height: 1em;
    height: 1.2em;
    overflow: hidden;
}

.mini-txt{font-size: 10px;line-height: 1.2em}
.de-alert{
    position: fixed;
    background: red;
    width: 100%;
    left: 0;
    top: 0;
    color: white;
    font-size: 12px;
    padding: 5px;
    z-index: 9999
}

.carusel-item-box{max-height: 175px;}

.navbar-main .fa-bars::before {color: #fff;}
.d-inline-block {
    padding: 5px 0;
}

.d-block {
    display: block !important;
    line-height: 1em;
    position: relative
}

.navbar-main{
  padding: .1rem 0 !important}

.mw-100{
    max-width: 100% !important;
    object-fit: cover;
    border-radius: 5px;
    width: 100%
}

.shadow-sm{
    box-shadow: 0 1px 1px #00000030 !important;
}

.mt-10{margin-top: 10px;}
.mt-15{margin-top: 15px;}
.mt-30{margin-top: 30px;}
.mbb-5{margin-bottom: 5px;}
.mb-15{margin-bottom: 15px}
.mb-30{margin-bottom: 30px}
.p-0{padding: 0px}
.p-055{padding: 0px 5px 5px}
.p-30{padding: 30px}
.rounded {
    border-radius: 5px !important;
}

.bg-white{padding: 10px;position: relative;font-size: 12px;line-height: 1.2em}

.data-box{
    color: #999;
    font-weight: 300;
}

.font-weight-bold{font-weight: 600 !important}

.align-self-center{align-self: center}
.t-center{text-align: center}
.font-weight-title{font-weight: 600;font-size: 14px;letter-spacing: -.35px;}
.font-weight-title-blog{font-weight: 600;font-size: 14px;letter-spacing: -.35px}
.grid-2{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 15px;}
.grid-3{display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 15px;}
.grid-4{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 15px;}
.grid-5{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;grid-gap: 15px;}
.grid-5-speed{display: grid;grid-template-columns: 200px auto auto auto auto;grid-gap: 5px;}
.grid-6{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap: 5px;}
.grid-12{display: grid;grid-template-columns: 1fr 3fr;grid-gap: 15px;}
.grid-42{
    display: grid;
    grid-template-columns: 4fr 2fr;
    grid-gap: 15px;
}
.grid-country{display: grid;grid-template-columns: 150px auto;grid-gap: 15px;}
.grid-39{display: grid;grid-template-columns: 3fr 9fr;grid-gap: 15px;}
.country-desc{align-self: center}
.mobile-title{width: 100%}
.col-item{display: grid;grid-template-columns: 4fr 8fr;grid-gap: 15px;}
.col-item img{
    width: 100%;
    object-fit: cover;
    height: 55px;
    border-radius: 5px;
}

.col-text-blog{align-self: center}

.font-big-main{
    font-size: 3.4rem;
    font-weight: 800 !important;
    letter-spacing: -1px;
    text-shadow: 1px 1px #000;
	position: relative
}

.content-blog h2{font-size: 2rem;font-weight: 900 !important;margin: 30px 0}
.content-blog{font-size: 16px;line-height: 1.8em;font-weight: 400}


.h100{height: 100px}

.dashed-box{
    padding: 60px 30px;
    background: #f9f9f9;
    border-radius: 3px;
    border: dashed 1px;
}


.dashed-box-blue {
    padding: 15px;
    background: #00b1ff14;
    border-radius: 3px;
    border: dashed 2px #00b1ff;
    opacity: 1 !important;
    color: #000 !important;
    line-height: 1.2em;
    text-align: center;
}
.guide-item{
    padding: 15px;
}

.list-img-kemping{
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.list-img-kamper{min-height: 145px;}
.pinit-title{
    line-height: 1.2em;
    height: 4em;
    overflow: hidden;
}

.avatar-img{
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 50px;
    max-width: 100% !important;
    border: solid 1px #f9f9f9;
    margin: 10px 0px 0 20px;
    padding: 0;
}

.avatar{width: 55px !important;height: 55px;object-fit:cover}

.circle {position: relative}
.circle .fa-chevron-right{
    position: absolute;
    top: 7px;
    right: 8px;
}

.zobacz{
    line-height: 2em;
    padding: 0;
    position: absolute;
    right: 45px;
    top: 5px;
    font-size: 12px;
}

.more-link{
    line-height: 2em;
    position: relative;
}


.kemp-img img {
    width: 100%;
    object-fit: cover;
    height: 100px;
    border-radius: 5px;
}

.green-link{font-size: 12px;color:var(--color_main_green)}
.score-item{position: absolute;right: 25px}
.place-road li{position: relative;height: 57.5px}
.place-road li .circle{
    position: absolute;
    right: 15px;
    top: 2.5px;
}



.footer-ul{
    list-style: none;
    padding: 0;
    margin: 15px 0;
    font-size: 12px;
}

.schedule-list {
  position: relative;
}
.schedule-list .schedule-month-back,
.schedule-list .schedule-month-forward {
  box-shadow: 0 0 5px rgba(0,0,0, 0.3);
  background: #FFF;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 25px;
  position: absolute;
  top: 0;
  text-align: center;
  vertical-align: middle;
  padding: 6px 0 0;
}
.schedule-list .schedule-month-back {
  left: -40px;
}
.schedule-list .schedule-month-forward {
  right: -40px;
}

.user-schedule .cal-add a{color: #15AEFA}
.user-schedule .fakeimg {
  background-color: #aaa;
  width: 100%;
  padding: 20px;
}
.user-schedule .grid-2-auto {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 15px;
}
.user-schedule .grid-12 {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 15px;
}
.user-schedule .grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
}
.user-schedule .grid-5 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 15px;
}
.user-schedule .mbb-5{margin-bottom: 5px;}
.user-schedule .p-15{padding: 10px}
.user-schedule .p-30{padding: 30px}
.user-schedule .mt-30{margin-top: 30px}
.user-schedule .cal-img img {
    width: 100%;
    height: 75px;
    object-fit: cover;
    border-radius: 5px;
}
.user-schedule .cal-name h4 {
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2em;
    height: 4.2em;
    overflow: hidden;
}
.user-schedule .far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}

.user-schedule .fa-calendar::before {
    content: "\f133";
}
.user-schedule .fa-calendar{
    margin-right: 10px;
    font-size: 21px;
    position: absolute;
    top: 5px;
    left: 0
}
.user-schedule .cal-name{align-self: center}
.user-schedule .green-status{
    background: #80B619;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 25px;
    border: solid 3px #fff;
}
.user-schedule .yellow-status{
    background: #FFD218;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 25px;
    border: solid 3px #fff;
}
.user-schedule .blue-status{
    background: #15AEFA;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 25px;
    border: solid 3px #fff;
}
.user-schedule .red-status{
    background: #E31E1E;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 25px;
    border: solid 3px #fff;
}
.user-schedule .btn-red{background: #E31E1E;color: #fff;padding: 15px;border-radius: 5px;display: table;margin: 15px auto}
.user-schedule .btn-blue{background: #15AEFA;color: #fff;padding: 15px;border-radius: 5px;display: table;margin: 15px auto}
.user-schedule .date-cal{border-top: solid 1px #f3f3f3;margin: 5px 0 0;padding: 10px 30px 0;position: relative}
@media screen and (max-width: 700px) {
  .user-schedule .grid-5{display: block}
  .user-schedule .grid-2{display: block}
    .ads-grid{
    display: block;
    grid-template-columns: auto 400px;
}
}
@media screen and (max-width: 400px) {
  .user-schedule .navbar a {
    float: none;
    width: 100%;
  }
}

ul.opt-extra-self li:last-child button {
  display: none;
}


.news-main .section-titile{border-bottom: solid 1px #ddd;text-transform: uppercase;margin-bottom: 16px;letter-spacing: 1px;}
.news-main .section-titile h2{border-bottom: solid 3px #89020C;display: table;margin-bottom: 0;font-weight: 900	}

.news-main .grid-31{display: grid;grid-template-columns: auto 400px;grid-gap: 12px 12px}
.news-main .grid-2-news{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 12px 12px}
.news-main .grid-3-news{display: grid;grid-template-columns: 1fr 1fr 300px;grid-gap: 12px 12px}
.news-main .grid-5-news{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;grid-gap: 12px 12px}
.news-main .big-title-hero{font-size: 36px;line-height: 1em;margin: 0;}
.news-main .box-title-mini{font-size: 12px;line-height: 1.2em;color: #000;}
.news-main .hero-news{height: 551px;position: relative;background-size: cover;background-position: center center;}
.news-main .box-half-news{position: relative;height: 268px;}
.news-main .grid-5-news .news-mini{margin-bottom: 0}
.news-main .box-content {
    position: absolute;
    bottom: 0;
    padding: 50px;
    color: #fff;
    line-height: 1.6em;
    background-image: linear-gradient(0deg,#000,transparent);
    border-radius: 0 0 5px 5px;
}

.news-main .mini-content{align-self: center;padding: 15px;color: #000}
.news-main .mini-content-box{align-self: center;padding:0 15px;color: #000}
.news-main .box-content-mini {
    position: absolute;
    bottom: 0;
    padding: 30px;
    color: #fff;
    line-height: 1.6em;
    background-image: linear-gradient(0deg,#000,transparent);
    border-radius: 0 0 5px 5px;
}

.news-main .news-mini-grid {
    display: grid;
    grid-template-columns: 175px auto;
    height: 175px;
    border-radius: 5px;
    box-shadow: 0 1px 1px #ddd;
    background: #fff;
	margin-bottom: 12px;
}
.news-main .news-mini {
    border-radius: 5px;
    box-shadow: 0 1px 1px #ddd;
    background: #fff;
	margin-bottom: 12px;
	height: 300px
}
.news-main .img-mini-box{width: 100%;height: 175px;object-fit:cover}

.news-main .img-news-box{width: 100%;height: 100%;object-fit: cover;}
.news-main .de-date{
    line-height: 1em;
    font-size: 10px;
}
.news-main .radius-5{border-radius: 5px;}
.news-main .radius-top{border-radius: 5px 5px 0 0;}
.news-main .radius-left{border-radius: 5px 0 0 5px;}
.news-main .mt-12{margin-top: 12px;}
.news-main .blue-border{border-color: #00B1FF !important}
.news-main #video-block{background: #000;padding: 50px;color: #fff}
.news-main .white-txt{color: #fff}

@media screen and (max-width: 992px) {
  .news-main .grid-31{display: block}
  .news-main .grid-2-news{display: block}
  .news-main .grid-3-news{display: block;}
  .news-main .grid-5-news{display: block}
  .news-main .box-content{padding: 25px;}
  .news-main .big-title-hero{font-size: 21px;}
  .news-main .box-half-news{margin-bottom: 12px;}
  .news-main .news-mini{margin-bottom: 12px !important;}
  .news-main .hero-news{margin-bottom: 12px;height: 420px}
  .news-main #video-block{padding: 10px}
  .news-main .section-titile h2{font-size: 18px;}
}

.news-main .topnav {
  overflow: hidden;
  background-color: #fff;
  position: relative;
}

.news-main .topnav #myLinks {
  display: none;
}

.news-main .topnav a {
  color: #000;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 14px;
  display: block;
}

.news-main .topnav a.icon {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.news-main .topnav a:hover {
  background-color: #ddd;
  color: black;
}

.news-main .active {
  background-color: #fff;
  color: #000;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px
}

/*.container{max-width: 1280px;margin: 0 auto}*/
.section-titile{border-bottom: solid 1px #ddd;text-transform: uppercase;margin-bottom: 16px;}
.section-titile h2{border-bottom: solid 3px #89020C;display: table;margin-bottom: 0}

.grid-31{display: grid;grid-template-columns: auto 400px;grid-gap: 12px 12px}
.grid-13{display: grid;grid-template-columns: 400px auto;grid-gap: 12px 12px}
.grid-2-news{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 12px 12px}
.grid-3-news{display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 12px 12px}
.grid-5-news{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;grid-gap: 12px 12px}
.grid-2-auto{display: grid;grid-template-columns: auto auto}
.big-title-hero{font-size: 36px;line-height: 1em;margin: 0;}
.box-title-mini{font-size: 12px;line-height: 1.2em;color: #000;height: 1.2em;overflow: hidden;}
.box-title-camp{
    font-size: 18px;
    line-height: 1.2em;
    color: #000;
    height: 2.4em;
    overflow: hidden;
}

.text-mini{font-size: 12px !important}
.hero-news{height: 455px;position: relative;background-size: cover;background-position: center center;}
.hero-miasta{height: 350px;position: relative;background-size: cover;background-position: center center;}


.box-half-news{position: relative;height: 268px;}
.grid-5-news .news-mini{margin-bottom: 0}
.box-content {
    position: absolute;
    bottom: 0;
    padding: 50px;
    color: #fff;
    line-height: 1.6em;
    background-image: linear-gradient(0deg,#000,transparent);
    border-radius: 0 0 5px 5px;
}


.box-content-miasta{
    position: absolute;
    top: 0;
    padding: 50px;
    color: #fff;
    line-height: 1.6em;
    background-image: linear-gradient(180deg,#000,transparent);
    border-radius: 5px 5px 0 0;
    width: 100%;
    box-sizing: border-box;
}
.miasto-price{
    position: absolute;
    bottom: 30px;
    right: 30px;
    background: #fff;
    border-radius: 5px;
    font-size: 12px;
    padding: 15px;
    line-height: 1em;
    text-align: right
}

.miasto-price h3{
    margin: 10px 0 0;
    font-size: 21px;
    font-weight: normal;
}

.b-bottom{border-bottom: solid 1px #f3f3f3;}

.ta-right {
    text-align: right;
}

.self-center{align-self: center}

.mini-content{align-self: center;padding: 15px;color: #000}
.mini-content-box{align-self: center;padding:0 15px;color: #000}
.box-content-mini {
    position: absolute;
    bottom: 0;
    padding: 30px;
    color: #fff;
    line-height: 1.6em;
    background-image: linear-gradient(0deg,#000,transparent);
    border-radius: 0 0 5px 5px;
}

.news-mini-grid {
    display: grid;
    grid-template-columns: 175px auto;
    height: 175px;
    border-radius: 5px;
    box-shadow: 0 1px 1px #ddd;
    background: #fff;
	margin-bottom: 12px;
}
.news-mini-camp {
    border-radius: 5px;
    box-shadow: 0 1px 1px #ddd;
    background: #fff;
	margin-bottom: 12px;
}

.news-mini {
    border-radius: 5px;
    box-shadow: 0 1px 1px #ddd;
    background: #fff;
	margin-bottom: 12px;
	height: 300px
}

.img-mini-box-camp{width: 100%;height: 241px;object-fit:cover}

.img-mini-box{width: 100%;height: 175px;object-fit:cover}

.img-news-box{width: 100%;height: 100%;object-fit: cover;}
.de-date{
    line-height: 1em;
    font-size: 10px;
}
.radius-5{border-radius: 5px;}
.radius-top{border-radius: 5px 5px 0 0;}
.radius-left{border-radius: 5px 0 0 5px;}
.mt-12{margin-top: 12px;}
.blue-border{border-color: #00B1FF !important}
#video-block{background: #000;padding: 50px;color: #fff}
.white-txt{color: #fff}
/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 992px) {

  /*.container{margin: 0 10px;}*/
  .grid-31{display: block}
  .grid-13{display: block;margin-top: 12px}
  .box-content-miasta{padding: 30px}
  .grid-2-news{display: block}
  .grid-3-news{display: block;margin: 0}
  .grid-5-news{display: block}
  .box-content{padding: 25px;}
  .big-title-hero{font-size: 21px;}
  .box-half-news{margin-bottom: 12px;}
  .news-mini{margin-bottom: 12px !important;}
  .hero-news{margin-bottom: 12px;height: 420px}
  #video-block{padding: 10px}
  .section-titile h2{font-size: 18px;}
  }

/* On screens that are 600px or less, set the background color to olive */
@media screen and (max-width: 600px) {

}


.topnav {
  overflow: hidden;
  background-color: #fff;
  position: relative;
  text-transform: uppercase
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: #000;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 14px;
  display: block;
  text-transform: uppercase
}

.topnav a.icon {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.active {
  background-color: #fff;
  color: #000;
  text-transform: uppercase;
  font-size: 14px;
}

.search-tab{
    background: #fff;
    border-radius: 5px;
    height: 455px
}
@media (max-width: 992px) {
  .search-tab{
    height: 545px;
    margin-bottom: 20px;
  }
}

.img-left {
    float: left;
    margin-right: 12px;
}

/* Style the tab */
.tab {
  overflow: hidden;
  background-color: #fff;
  border-radius: 5px 5px 0 0;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 20px;
  transition: 0.3s;
  font-size: 12px;
  line-height: 1.6em;
  font-weight: bold;
  text-transform: uppercase;
  border-left:solid 1px #f3f3f3

}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #fff;border-radius: 5px 0 0 0;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: 1px solid #f2f2f2;
}

.pano {
  width: 100%;
  height: 480px;
  margin: 0 auto;
  cursor: move;
}
.pano .controls {
  position: relative;
  top: 40%;
}
.pano .controls a {
  position: absolute;
  display: inline-block;
  text-decoration: none;
  color: #eee;
  font-size: 3em;
  width: 20px;
  height: 20px;
}
.pano .controls a.left { left: 10px; }
.pano .controls a.right { right: 10px; }
.pano.moving .controls a {
  opacity: 0.4;
  color: #eee;
}