@font-face {
  font-family: Montserrat-Regular;  src: url('../fonts/montserrat/Montserrat-Regular.ttf'); 
}
@font-face {
  font-family: Montserrat-Medium;  src: url('../fonts/montserrat/Montserrat-Medium.ttf'); 
}
@font-face {
  font-family: Montserrat-Bold;  src: url('../fonts/montserrat/Montserrat-Bold.ttf'); 
}
@font-face {
  font-family: Montserrat-Italic;  src: url('../fonts/montserrat/Montserrat-Italic.ttf'); 
}
@font-face {
  font-family: Montserrat-Black;  src: url('../fonts/montserrat/Montserrat-Black.ttf'); 
}
body{
	font-family: Montserrat-Regular; font-size: 0.9em;
}
img {
    image-orientation: from-image; -webkit-image-orientation: from-image; -moz-image-orientation: from-image;
}
.page_box{
	padding-top: 30px; padding-bottom: 30px;
}
.background_grey{
	background-color: #f4f7f9;
}
.background_white{
	background-color: white;
}
.overflow_auto{
	overflow: auto; position: relative;
}
.overflow_hidden{
	overflow: hidden;
}
.main-color-1, a.main-color-1:hover{
	color: #51a2d9;
}
.main-color-2, a.main-color-2:hover{
	color: #918f8f;
}
.ads{
	margin: 20px auto; text-align: center;
}
.ads *{
	max-width: 100%;
}
.btn-1{
    background-color: #8a140e; color: white;
}
.btn-1:hover{
    background-color: #1ba390; color: white;
}
.content *{
	max-width: 100%;
}
.social_inline_block{
	display: inline-block; vertical-align: top; padding: 7px;
}
#google_maps{
	height: 400px
}
.google_maps_p{
	margin-bottom:0;
}
.google_maps_img{
	height: 100px; margin-top: 5px;
}
.img-zoom{
	transition: all .2s ease-in-out; background-color: white; z-index:5; position: relative;
}
.img-zoom:hover {
	transform: scale(2); z-index:10;
}
/* top & menu nav*/
#top_text h1{
	font-size: 2em; margin: 20px 0; 
}
#top_text img{
	height: 80px; margin-top: -6px;
}
#menu_box{
	padding-bottom:0;
}
#menu{
	max-width: 1140px; margin: auto;
}
#menu ul{
	border-bottom: solid 3px #51a2d9;
}
#menu .nav-item {
	color: #bdbdbd; border: solid 1px #ececec; border-bottom: none; transition: all 0.5s; margin-right: 8px;
}
#menu .nav-item.active, #menu .nav-item:hover{
	border-color: #51a2d9; background-color: #51a2d9;
}
#menu .nav-item.active  .nav-link , #menu .nav-item:hover  .nav-link {
	color: white;
}
#menu .nav-link {
    padding: 8px 20px;
}
/* main page - index */
.index_box_green h3{
	color: white; background-color: #51a2d9; padding: 8px 20px; margin-bottom: 10px; font-size: 2em; font-weight: bold;
}
#banner_1{
	background: url(../images/bg1.jpg) no-repeat 0px 0px;    background-size: cover;    padding: 2em 0;
}
#banner_2{
	background: url(../images/bg2.jpg) no-repeat 0px 0px;    background-size: cover; background-attachment: fixed;   padding: 2em 0; height: 300px;
}
#banner_3{
	background: url(../images/bg3.jpg) no-repeat 0px 0px;    background-size: cover; background-attachment: fixed;   padding: 2em 0; height: 300px;
}
#banner_4{
	background: url(../images/bg4.jpg) no-repeat 0px 0px;    background-size: cover; background-attachment: fixed;   padding: 2em 0; height: 300px;
}
#search_index{
	background-color: rgba(0,0,0,0.5); border-radius: 4px; color: white; padding: 20px;
}
#search_index .slider.slider-horizontal{
	width: 100%;
}
.destinations ul li{
	border-bottom:1px ridge #DFDFDF;
}
.destinations li.dropdown.active {
    display: block;
}
.destinations ul li.button a{
    padding: 17px 20px;    margin: 0;    display: block;    background: url(../images/arrow.png) no-repeat 322px 24px #ffffff;    box-shadow: 0 0px 1px #CECECE;    color: #337ab7;    font-size: 1em;    transition: 0.5s all; 
}
.destinations li.button a span{
	margin-right: 22px;
}
.destinations .dropdown{
	display:none;	padding: 0;
}
.destinations .dropdown li a{
	border-left: 6px solid #1a2c4d;	display: block;
}
.destinations-grid img{
	width:100%;
}
.destinations-grid-info{
    padding: 1em;    background: #ECECEC;
}
.destinations-hotel{
	float:left;	width:60%;
}
.destinations-price{
    float: left;    width: 13%;
}
.destinations .fa-star{
    color: #fdd000;    font-size: .8em;    margin: 0 .2em;
}
.destinations-grid-info h5{
	color: #337ab7;	font-size:1em;	font-weight:600;	margin:0;
}
.destinations-grid-info p{
	color:#777;	font-size:.9em;	margin:1em 0 0 0;	line-height:1.8em;
}
.destinations-grid-info p.b-period{
    color: #464646;
}
#index_see{
    padding: 2em;    background: #FFF;    margin: 0 0 1em;    box-shadow: 0 0px 1px #CECECE;
}
#index_see .fas{
	font-size: 3em;    color: #51a2d9;
}
/*-- top-destinations-grids --*/
.top-destinations-bottom{
	padding:1em;
}
.td-middle a{
    margin: 0;    color: #337ab7;    text-decoration: none;    box-shadow: 0 0 0; 
}
.td-middle a:hover{
	color:#51a2d9;
}
.td-grids {
    margin-bottom: 20px;
}
.td-middle .fa-star{
    color: #fdd000;  margin: 0 .15em; font-size: 0.8em;
}
.top-destinations-bottom .date-text a{
	vertical-align: top; display: inline-block; text-align: justify; text-justify: inter-word; width: 110px;
}
.top-destinations-bottom .date-text img{
	width: 100px; margin-bottom: 10px;
}
.top-destinations-bottom .date-text a:last-child{
	width: calc(100% - 115px);
}
/* add and edit offer */
#box_add_offer{
	border: solid 3px #51a2d9;
}
#box_add_offer h1{
	background-color: #51a2d9; color: white; padding: 10px; font-size: 30px; margin: 0 -15px;
}
#box_add_offer .col-form-label{
	text-align: right;
}
#box_add_offer hr{
	margin-top: 40px; margin-bottom: 40px;
}
#preview_load{
	padding: 45px; display: none; vertical-align: top;
}
#photos_info, #photos_progress{
	display: none;
}
#preview_photos .img-thumbnail{
	margin: 4px 2px; display: inline-block; vertical-align: top;
}
body.dragging, body.dragging * {
	cursor: move !important;
}
.dragged {
	position: absolute;  opacity: 0.5;  z-index: 2000;
}
#preview_photos .placeholder {
	position: relative; width: 60px; height: 155px; border: 1px solid #ddd; background-color: #eee; border-radius: 4px; display: inline-block; margin: 5px;
}
/* offers */
#banner_ogloszenia{
	background: url(../images/baner_ogloszenia.jpg) no-repeat 0px 0px;    background-size: cover;    padding: 2em 0;
}
.form-search .fa-star{
    color: #fdd000;  margin: 0 .15em; font-size: 0.8em;
}
.offers{
	padding: 5px 10px; border: solid 1px #e7e7e7; margin-bottom: 18px;
}
.offers .fa-star{
    color: #fdd000;  margin: 0 .15em; font-size: 0.8em;
}
.offers img{
	width: 100%; margin: -5px 10px 10px -12px; max-width: 250px;
}
.offers p{
	margin-bottom: 5px;
}
#select_search_to_where ~ .btn{
	height: 40px;
}
/* offer */
#offer{
	padding-top: 5px; padding-bottom: 15px;
}
#offer_photos{
	margin-bottom: 20px;
}
#offer_photos img{
	height: 50px; margin: 3px; max-width: 100%; box-shadow: 0 0 4px rgba(0,0,0,.5); padding: 2px;
}
#offer_photos img.big{
	height: auto; margin-bottom: 10px;
}
#offer_box_description{
	padding: 20px 20px 10px;
}
#offer .tab-pane{
	padding: 0 5px 20px;
}
.offer_joined_users a{
	width: 50px; height: 50px; margin: auto; display: block; overflow: hidden; position: relative;
}
.offer_joined_users img{
	height: 100%; position: absolute; top:0; left:-1000px; right: -1000px; margin: auto;
}
/* blog */
#banner_blog{
	background: url(../images/baner_kontakt.jpg) no-repeat 0px 0px;    background-size: cover;    padding: 2em 0;
}
.blog{
	background-color: white; margin-bottom: 20px; padding: 20px;
}
.blog h4{
	border-bottom: solid 1px #cbcbcb; padding-bottom: 8px; margin-bottom: 15px;
}
.blog img{
	width: 60px; height: 60px; border-radius: 100px;
}
.blog .blog_grey{
	color: #7c7c7c; font-size: 0.8em;
}
.blog_dodaj_img{
	height: 100px;
}
#blog_dodaj{
	border: solid 2px #51a2d9;
}
#blog_dodaj_naglowek{
	border: solid 4px #51a2d9; border-bottom: solid 6px #51a2d9; text-align: center; margin-bottom: 30px; padding: 10px;
}
#blog_dodaj_baner{
	max-width: 700px; width: 100%; display: block; margin: 30px auto 60px;
}
#blog_dodaj form{
	margin: 20px;
}
#blog_dodaj .form-control{
	border-color: #51a2d9;
}
#blog_naglowek{
	padding: 20px 20px 0; background-color: white; text-align: center; display: inline-block;
}
#blog_naglowek img{
	border-radius: 200px; height: 80px; width: 80px; display: inline-block; vertical-align: top; border: solid 4px #bdc3c7;
}
#blog_naglowek_left{
	display: inline-block; vertical-align: top; padding: 10px 40px 0;
}
#blog_naglowek h4{
	color: #51a2d9;
}
#blog_naglowek p{
	color: #a8a8a8; font-size: 0.9em;
}
#blog_ocena{
	border: solid 1px grey; padding: 15px 15px 0;
}
#blog_ocena .voice_count{
	margin-right: 20px;
}
#blog_ocena a{
	color: #fff200;
}
#blog_ocena .pusty{
	opacity: 0.5;
}
#blog_co_warto{
	border: solid 1px #fff200; border-radius: 3px;
}
#blog_co_warto h5{
	background-color: #fff200; color: black; padding: 3px 10px;
}
#blog_co_warto p{
	padding: 3px 10px;
}
/* turysci */
#banner_turysci{
	background: url(../images/baner_turysci.jpg) no-repeat 0px 0px;    background-size: cover;    padding: 2em 0;
}
.turysci{
	margin-bottom: 15px; max-height: 120px;
}
.turysci_inside{
	padding: 5px;height: 100%;
}
.turysci_img_box{
	display: inline-block; vertical-align: top; width: 70px;
}
.turysci_img{
	border-radius: 200px; height: 60px; width: 60px;
}
.turysci_text{
	display: inline-block; vertical-align: top; width: calc(100% - 75px); padding; 5px 0;
}
.turysci_text .status{
	display: inline-block; vertical-align: top; height: 8px; width: 8px; border-radius: 100px; background-color: #c7c7c7;
}
.turysci_text .status.active{
	background-color: #51a2d9;
}
.turysci_text p{
	font-size: 0.8em; color: grey; margin-bottom: 5px;
}
.turysci_text .btn-link{
	font-size: 0.8em; color: #a02b80;
}
/* profil */
.profile_menu{
	background-color: white; font-size: 1.2em; border-bottom: solid 2px #2c3e50;
}
.profile_menu a{
	display: block;
}
.community_tab_nav{
	padding-top: 5px;
}
.community .avatar{
	overflow: hidden; width:150px; height: 150px; position: relative; margin: auto; max-width: 100%;
}
.community .avatar img{
	max-height: 100%; position: absolute; left:-1000px; right:-1000px; top:0; margin: auto;
}
.set_voice_box .pusty{
	opacity: 0.5;
}
/* registration, log in and reset password */
#login_box{
	padding: 0px 40px 20px; border-right: solid 1px #dee2e6;
}
#login_box .tab-content{
	margin-top: 20px;
}
#login_box .btn-sm{
	margin-bottom: 5px;
}
/* :: 13.0 Footer Area CSS */
.footer-area {
  position: relative;
  z-index: 1;
  background-color: #304062;
  padding-bottom: 40px; 
  padding-top: 50px;}
  .footer-area .footer-widget-area p {
    color: #cccccc;
    font-size: 16px;
    margin-bottom: 0; }
  .footer-area .footer-widget-area .widget-title {
    padding-top: 15px;
    color: #ffffff;
    font-weight: 400; }
  .footer-area .footer-widget-area .subscribe-form {
    position: relative;
    z-index: 1; }
    .footer-area .footer-widget-area .subscribe-form input {
      width: 100%;
      height: 46px;
      background-color: transparent;
      border: 2px solid #51a2d9;
      padding: 0 15px;
      color: #ffffff; }
    .footer-area .footer-widget-area .subscribe-form button {
      -webkit-transition-duration: 500ms;
      transition-duration: 500ms;
      width: 100%;
      height: 46px;
      border: none;
      font-size: 16px;
      margin-top: 15px;
      color: #ffffff;
      cursor: pointer;
      background-color: #8a140e; }
      .footer-area .footer-widget-area .subscribe-form button:hover, .footer-area .footer-widget-area .subscribe-form button:focus {
        background-color: #304062; }
  .footer-area .copywrite-text {
    position: relative;
    z-index: 1; }
    .footer-area .copywrite-text p {
      margin-bottom: 0;
      line-height: 1.5;
      font-size: 12px;
      color: rgba(204, 204, 204, 0.4); }
      .footer-area .copywrite-text p a {
        font-size: 12px;
        color: rgba(204, 204, 204, 0.4); }
        .footer-area .copywrite-text p a:hover {
          color: #ffffff; }
.footer_menu a{
	color: white;
}
.menu_social li{
	display: inline-block; font-size: 20px; margin: 5px;
}
.menu_social li a{
	color: white;
}
/* social */
.social ul{
	padding:0;	margin:0;
}
.social ul li{
    display: inline-block;    margin: 0 10px 10px; font-size: 24px; 
}
/* rides transport */
#banner_transport{
	background: url(../images/baner_transport.jpg) no-repeat 0px 0px;    background-size: cover;    padding: 80px 0 0;
}
#banner_transport h2{
	color: white; padding-bottom: 180px; font-weight: bold; font-size: 3em; text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
#banner_transport_2{
	background: url(../images/baner_transport_2.jpg) no-repeat 0px 0px;    background-size: cover;    padding: 2em 0;
}
#banner_transport_3{
	background: url(../images/baner_transport_3.jpg) no-repeat 0px 0px;    background-size: cover;    padding: 100px 0 0;
}
#banner_transport_3 h2{
	color: white; padding-bottom: 230px; font-weight: bold; font-size: 3em; text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
.rides{
	border: solid 1px #e4e4e4; padding-bottom: 10px; height:calc(100% - 30px);
}
.rides img{
	margin-bottom: 10px; width:100%; height: 180px;
}
.rides .date{
	color: #b6b6b6;
}
/* ustawienia settings */
#settings_box{
	background-color: rgba(45,60,119,0.6); padding: 15px 30px;
}
.settings_box{
	border: solid 1px darkgrey; background-color: lightgrey; padding: 10px; margin: 15px 0; position: relative; padding-bottom: 50px; overflow: hidden;
}
.settings_box input[type=submit]{
	position: absolute; bottom: 10px; left:0; right:0; margin: auto;
}
/* notifications ustawienia */
#banner_notification{
	background: url(../images/baner_powiadomienia.jpg) no-repeat 0px 0px;    background-size: cover;    padding: 2em 0; height: 400px;
}
#notifications_menu{
	margin-bottom: 50px;
}
#notifications_menu li {
	display: block; width: 100%;
}
#notifications_menu li a{
	background-color: white; display: block; color: grey;
}
#notifications_menu li a.active, #notifications_menu li a:hover{
	background-color: #51a2d9; color: white; font-weight: bold;
}
#notifications_menu li a .badge{
	float: right; margin-top: 3px;
}
.notification_list{
	border-bottom: solid 1px #e3e3e3; margin-bottom: 20px; padding: 10px 5px;
}
/* kontakt contact */
#banner_kontakt{
	background: url(../images/baner_kontakt.jpg) no-repeat 0px 0px;    background-size: cover;    padding: 2em 0; height: 400px;
}
/* community */
.community_list{
	text-align: center; display: block; overflow: hidden;
}
.community_list_img_box{
	width: 50px; height: 50px; margin: auto; position: relative;  margin-bottom: 5px;
}
.community_list_img{
	border-radius: 200px; overflow: hidden; width:100%; height: 100%; position: relative;
}
.community_list img{
	height: 100%; position: absolute; left:-1000px; right:-1000px; top:0; margin: auto;
}
.community_list:hover img{
	opacity: 0.9;
}
.community_list_online{
	background-color: #00c70b; width: 24px; height: 24px; border-radius: 200px; position: absolute; bottom:2px; left:2px;
}
/* cookies */
#cookies-message{
	display: none; color: white; padding: 15px 0px 12px; position: fixed; bottom: 0px; left:0; right:0; background-color: rgba(0,0,0,0.6); border-top: solid 1px white; z-index: 100000; box-shadow: 0 0 5px rgba(0,0,0,0.4);
}
#cookies-message .btn{
	position: relative; top:-3px;
}
/* back to top */
#back_to_top{
	position: fixed; bottom: 15px; right: 15px; z-index: 100; opacity: 0.5; transition: all 0.5s;
}
#back_to_top:hover{
	opacity: 0.9;
}
#back_to_top.back_to_top_hidden{
	visibility:hidden;  opacity:0;
}
/* side panel facebook */
#facebook_side{
	right: -300px; z-index: 1000; background-color: #2980b9; width: 300px; padding: 1px; height:354px; position: fixed; top: 88px; border: 1px solid white;
}
#facebook_side_image{
	position: absolute; top:-1px; left:-40px; width:40px; height: 51px; background-color: #2980b9; border: solid 1px white; border-right: none; border-top-left-radius: 2px; border-bottom-left-radius: 2px;
}
#facebook_side_image img{
	position: absolute; top: 15px; left: 14px;
}
/* icon refresh load */
@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
.fa-spinner-animate {
    animation: spin .7s infinite linear; 
}
/* style mobile */
@media(max-width: 992px) {
	#login_box{
		padding: 20px; border-right:0;
	}
	#slider .carousel-caption{
		bottom: 215px;
	}
	#search_box.search_box_slider{
		margin-top: -230px;
	}
	#offers_page #search_box{
		display: none;
	}
}
@media(max-width: 768px) {
	#search_box.search_box_slider{
		margin-top: 0px;
	}
	.articles_list .media{
		display: block; margin-bottom: 25px;
	}
	.articles_list img{
		width: 90%; margin-bottom: 5px;
	}
	.img-zoom:hover {
		transform: scale(1);
	}
}
@media(max-width: 576px) {
	#box_add_offer .col-form-label{
		text-align: left;
	}
	.galleria{
		height: 300px;
	}
}