.btn-1{
    background-color: #8a140e; color: white;
}
.btn-1:hover{
    background-color: #75110c; color: white;
}
.btn-2{
    background-color: #304062; color: white;
}
.btn-2:hover{
    background-color: #26324c; color: white;
}
.btn-3{
    background-color: #51a2d9; color: white;
}
.btn-3:hover{
    background-color: #3b89bd; color: white;
}
.background-1{
	background-color: #304062;
}
.color-white{
	color: white;
}
.ads *{
	max-width: 100%;
}
#google_maps{
	height: 300px;
}
.google_maps_p{
	margin-bottom:0;
}
.google_maps_img{
	height: 100px; margin-top: 5px;
}
.social_inline_block{
	display: inline-block; vertical-align: top; padding: 7px;
}
.easy-autocomplete{
	color: black;
}
/* strona główna */
.pool-feature a{
	color: white;
}
.book-now-form i{
	margin-top: 5px;
}
/* strona kraju */
.single-hero-slide-country{
	height: auto;
}
/* wyszukiwarki */
#search_box{
	background-color: #314162; color: white; padding-top:20px; padding-bottom:20px; margin-top:10px; margin-bottom: 10px;
}
.menu_box h4{
	background-color: #51a2d9; color: white; margin:0; padding: 8px 5px;
}
.menu_box h4 .icon{
	float: right; font-size: 1.2em;
}
.menu_box h4 a{
	margin: 0 5px;
}
.menu_box ul{
	margin: 0; padding:0; list-style: none;
}
.menu_box li{
	background-color: #dcdee3;
}
.menu_box a{
	color: white;
}
.menu_box li a{
	color: #314162; padding: 4px 5px; display: block; background-color: white; font-size: 13px;
}
.menu_box li a img{
	position: relative; top:-1px; margin-right: 5px; max-width: 140px;
}
.menu_box li a:hover, .menu_box li.active a{
	color: #314162; background-color: white; text-decoration: none;
}
/* rides przejazdy */
.ride_list{
	border: solid 1px white; margin-bottom: 10px;
}
.ride_list.highlighting{
	background-color: rgba(248,225,34,0.6);
}
.ride_list h2{
	color: white; background-color: #314162; font-size: 15px; padding: 5px 20px; font-weight: bold;
}
.ride_list h2 a{
	color: white;
}
.ride_list h2 .large{
	font-size: 30px;
}
.ride_list table{
	margin-top: 15px;
}
.ride_list table tr td{
	padding: 5px;
}
.ride_list .see_more{
	margin: 10px;
}
#index_przejazdy{
	border: solid 2px #51a2d9; padding: 20px; margin-top: 50px; background-color: white;
}
#index_przejazdy .nav-tabs .nav-link:hover, #index_przejazdy .nav-tabs .nav-link.active{
	color: white; background-color: #51a2d9;
}
#index_rides label{
	color: white;
}
#index_rides .background-img{
	background-size: 100% 100%;
}
#index_rides .background-img form{
	padding-top: 22px;
}
#index_rides .ride_list h2{
	font-weight: normal;
}
#index_rides h3{
	color: white; font-weight: bold;
}
#index_rides h3.text-danger{
	color: red;
}
#ride h2{
	color: white; background-color: #002172; font-size: 15px; padding: 5px 20px; font-weight: bold;
}
#ride h2 a{
	color: white;
}
#ride h2 .large{
	font-size: 30px;
}
#ride table{
	margin-top: 15px;
}
#ride table tr td{
	padding: 5px;
}
#ride_avatar{
	height: 80px;
}
#ride_price_name{
	font-size: 22px; margin-top: 15px;
}
#ride_price{
	font-size: 40px; font-weight: bold; color: #51a2d9; line-height: 1;
}
#search_rides_box{
	background-image: url('/upload/images/info/baner_przejazd.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center;
	padding: 20px 15px;
}
#search_rides label{
	color: white;
}
/* community */
.community_list{
	text-align: center; display: block; overflow: hidden; padding-bottom: 10px;
}
.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 p{
	line-height: 1.5; margin-bottom:0;
}
.community_list_online{
	background-color: #00c70b; width: 24px; height: 24px; border-radius: 200px; position: absolute; bottom:2px; left:2px;
}
.form-search-community{
	max-width: 1000px; margin: auto; color: white;
}
.community_list_menu li{
	border-top: solid 1px #304062; padding: 5px 0;
}
.community_list_menu li:last-child{
	border-bottom: solid 1px #304062;
}
.tagi_list .tag-item{
	border: solid 1px #304062; border-radius: 15px; display: inline-block; margin: 5px; padding: 5px 10px;
}
.set_voice_box .pusty{
	opacity: 0.5;
}
/* add and edit offer */
#box_add_offer{
	background-color: #F7F7F7; padding-top: 20px; padding-bottom: 20px; margin-top: 20px;
}
#box_add_offer hr{
	margin-top: 40px; margin-bottom: 40px;
}
#box_add_offer .control-label{
	text-align: right;
}
#preview_load{
	padding: 45px; display: inline-block; vertical-align: top;
}
.preview_photos .img-thumbnail{
	margin: 4px 2px; display: inline-block; vertical-align: top;
}
.preview_photos img{
	height: 100px;
}
body.dragging, body.dragging * {
	cursor: move !important;
}
.dragged {
	position: absolute;  opacity: 0.5;  z-index: 2000;
}
.preview_photos .placeholder {
	position: relative; width: 50px; height: 100px; border: 1px solid #ddd; background-color: #eee; border-radius: 4px; display: inline-block;
}
#icon_load_categories{
	padding-top: 8px;
}
/* logowanie rejestracja i reset hasła */
#modal_login .modal-header{
	border-bottom: none; background-color: #51a2d9; color: white;
}
#modal_login .nav.nav-tabs{
	border-bottom: none;
}
#modal_login .modal-body{
	background-color: #314162; color: white;
}
#modal_login h3, #modal_login .modal-body a{
	color: white;
}
/* offers */
.offers{
	background-color: white; padding: 5px 10px; border: solid 1px #d7e9f7; margin-bottom:5px; position: relative; overflow: hidden;
}
.offers.promoted{
	border: solid 1px #8a140e;
}
.offers.promoted_index{
	border-left: solid 4px #8a140e;
}
.offers:nth-child(2n+1){
	background-color: #d7e9f7;
}
.offers.highlighting{
	background-color: yellow;
}
.offers .offers_promoted_index_text{
	position: absolute;background-color: #8a140e; color: white; text-align: center; transform: rotate(45deg); z-index: 40;
	font-size: 0.7em; width: 90px; left: -20px; bottom: 18px; font-weight: bold;
}
.offers img{
	width: 100%; margin-top:10px; max-width: 200px;
}
.offers_category p, .offers_price p, .offers_date p{
	color: white; margin: 0; line-height: 1.4;
}
.offers_date p{
	color: #314162;
}
.offers_date{
	background-color: white;  padding: 3px 5px;
}
.offers_category{
	background-color: #314162;  padding: 3px 5px;
}
.offers_category p a{
	color: white;
}
.offers_price{
	background-color: #51a2d9; padding: 3px 5px;
}
/* offer */
#offer{
	background-color: white;
}
#offer_panel{
	margin: 0 20px;
}
#offer_box_description{
	padding: 20px 20px 10px;
}
#offer .tab-pane{
	padding: 20px 5px;
}
.galleria{
	max-width:600px; width:100%; height: 400px; margin: 0 auto 15px;
}
.galleria-fscr{
    position:absolute; top: auto; bottom:10px; right:10px; z-index:4; cursor: pointer; color: black; opacity:0.7;
}
.galleria-fscr:hover{
    opacity:1;
}
.galleria-fscr.active{
	color: white;
}
.galleria-theme-classic{
	background: transparent;
}
#offer_avatar{
	max-width: 100%;
}
/*-- pricing --*/
.pricing{
	padding: 1em 0 2em; font:inherit; max-width: 800px; margin: auto;
}
.w3l-pricing-grids {
    max-width: 1100px;    margin: 0 auto;    display: flex;
}
h3.heading {
    font-size: 45px;    font-weight: 400;    letter-spacing: 0;    margin-bottom: 1em;    text-transform: capitalize;
}
h3.heading span{
    font-weight: 400;    color: #51a2d9;	border-bottom: 2px solid #51a2d9;
}
.agileits-pricing-grid {
	flex: 1;	margin:0 5px;    transition: 0.5s all;
}
.agileits-pricing-grid:hover {
    transform: scale(1.06);    z-index: 1;
}
.pricing-top{
    padding: 2em 0 0;    background: #8a140e;    text-align: center;    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.blue-top{
    background: #51a2d9 !important;
}
.green-top{
    background: #fbe90f !important;
}
.yellow-top{
    background: #f97102 !important;
}
.pricing-top h3{
	color: #FFF;    font-size: 1.5em;    margin: 0;    text-transform: uppercase;    letter-spacing: 1px;
}
.wthree-pricing-info{
    padding: 2em 0;
}
.wthree-pricing-info p{
	color:#FFFFFF;	font-size:1em;	margin:0;	text-align:center;
}
.wthree-pricing-info p span{
    font-size: 4em;    font-weight: 600;
}
.pricing-bottom{
    background-color: #dcdee3;    padding: 0em 0 2em 0em;    border-bottom-left-radius: 5px;    border-bottom-right-radius: 5px;
}
.pricing-bottom-top {
    padding: 1em 0;    background: #8a140e;
}
.pricing-bottom-top p{
    color: #002172;    margin: 0;    font-size: .9em;    line-height: 1.8em;    font-weight: 600;    text-transform: uppercase;
}
.pricing-bottom-bottom{
    padding: 3em 2em;
}
.pricing-bottom-bottom p{
	color: #333;    font-size: 15px;    margin: 0 0 1em 0;
}
.buy-button {
    margin-bottom: 10px;    text-align: center;
}
.pricing-bottom-bottom p span{
	font-weight: 700;	color: #333;	letter-spacing: 1px;
}
.pricing-bottom-bottom p span.fa {
    width: 25px;    color: #ffffff;    font-weight: 100;
}
.first p span.fas {
    color: #8a140e;
}
.second p span.fas {
    color: #51a2d9;
}
.third p span.fas {
    color: #fbe90f ;
}
.fourth p span.fas {
    color: #fc7100;
}
p.text {
    margin-bottom: 0;
}
.buy-button input[type=submit], .buy-button input[type=button]{
    background: #fc7100;    padding: .5em 1.5em;	border: solid 1px #fc7100;    color: #fff;    font-size: 15px;    letter-spacing: 1px;    border-radius: 3px;
}
.buy-button input[type=submit]:hover, .buy-button input[type=button]:hover{
	background: none;	border: solid 1px #fc7100;	color:#fc7100;	transition: 0.5s all;	text-decoration: none;
}
.first .buy-button input[type=submit], .first .buy-button input[type=button]{
	background: #8a140e;	border: solid 1px #8a140e;
}
.first .buy-button input[type=submit]:hover, .first .buy-button input[type=button]:hover{
	background: none;	border: solid 1px #51a2d9;	color: #51a2d9;
}
.second .buy-button input[type=submit], .second .buy-button input[type=button]{
	background: #51a2d9;	border: solid 1px #51a2d9;
}
.second .buy-button input[type=submit]:hover, .second .buy-button input[type=button]:hover{
	background: none;	border: solid 1px #51a2d9;	color: #51a2d9;
}
.third .buy-button input[type=submit], .third .buy-button input[type=button]{
	background: #fbe90f;	border: solid 1px #fbe90f;
}
.third .buy-button input[type=submit]:hover, .third .buy-button input[type=button]:hover{
	background: none;	border: solid 1px #fbe90f;	color: #fbe90f;
}
.blue-pricing-bottom-top:nth-child(2){
	border-top: solid 1px #51a2d9;
}
.green-pricing-bottom-top:nth-child(2){
    border-top: solid 1px #6eff00;
}
.offers .buy-button input[type=submit], .offers .buy-button input[type=button]{
    padding: .2em 1em;    font-size: 13px;
}
/*-- //pricing --*/
/* wynajme */
#index_wynajme{
	border: solid 2px #51a2d9; padding: 20px; margin-top: 50px;
}
#search_index_wynajme{
	padding-top: 20px; overflow: hidden;
}
#search_index_wynajme form{
	padding-top: 20px;
}
#search_index_wynajme label{
	color: white;
}
/* lista reklam i banerów użytkowników */
.ads_list{
	margin-bottom: 20px;
}
.ads_list .ad_code{
	margin-bottom: 10px;
}
.ad_code *{
	max-width: 100%; max-height: 150px;
}
.ads_list .table{
	max-width: 400px; margin-top: 10px;
}
#ads_transport, #ads_wynajem{
	height: 250px; overflow: hidden; width: 300px; margin: auto;
}
#ads_rectangle_turystyka{
	height: 505px; overflow: hidden; margin: auto; width: 520px; max-width:100%;
}
#ads_top{
	height: 200px; overflow: hidden; margin: 20px auto; width: 750px; max-width:100%;
}
#ads_bottom{
	height: 100px; overflow: hidden; margin: 20px auto; width: 750px; max-width:100%;
}
/* community footer społeczność stopka */
#community_footer_outer .nav-tabs .nav-link{
	color: white;
}
#community_footer_outer .nav-tabs .nav-link.active{
	color: #304062;
}
/* footer */
.footer_menu a{
	color: white;
}
/* side panel facebook */
#facebook2_2{
	right: -300px; z-index: 1000; background-color: #2980b9; width: 300px; padding: 1px; height:354px; position: fixed; top: 88px; border: 1px solid white;
}
#facebook2_2_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;
}
#facebook2_2_image img{
	position: absolute; top:15px; left: 14px;
}
/* panel alert */
#panel_alert{
    position: fixed;    top: 50px;    right: -160px;    z-index: 99999;  
}
#panel_alert_title {
    width: 150px;    border: 2px solid #c8193e;    background-color: #c8193e;    color: #ffffff;    font-weight: bold;    border-radius: 10px;    padding: 5px 5px 25px 5px;    text-align: center;    position: relative;    top: 140px;    left: -90px;    transform: rotate(-90deg);    z-index: 1; display: block;
}
/* panel kontakt */
#panel_kontakt{
    position: fixed;    top: 204px;    right: -160px;    z-index: 99999;  
}
#panel_kontakt_title {
    width: 150px;    border: 2px solid #304062;    background-color: #304062;    color: #FFFFFF;    font-weight: bold;    border-radius: 10px;    padding: 5px 5px 25px 5px;    text-align: center;    position: relative;    top: 140px;    left: -90px;    transform: rotate(-90deg);    z-index: 1; display: block;
}
.fa-spinner-animate {
    animation: spin .7s infinite linear; 
}
@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}
@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
/* ustawienia settings */
#settings_box{
	background-color: #304062; padding: 15px 30px; 
}
.settings_box{
	border: solid 1px darkgrey; background-color: lightgrey; padding: 10px; margin: 20px -5px; position: relative; padding-bottom: 50px; overflow: hidden; height: 100%;
}
.settings_box h4{
	margin-bottom: 10px;
}
.settings_box input[type=submit]{
	position: absolute; bottom: 10px; left:0; right:0; margin: auto;  width: 100px;
}
#settings_list_moje_podroze li a{
	background-color: #c8c8c8; color: #007bff; font-size: 1.1em; border: solid 1px #dee2e6; padding: 10px; display: block;
}
/* promowane ogłoszenia */
#promowane_ogloszenia {
  position: relative;
}
.promowane_ogloszenia{
	padding: 5px;
}
.promowane_ogloszenia a{
	position: relative; display: block; width: 240px; height: 180px; margin: auto; overflow: hidden; border: solid 1px #314162; background-color: black;
}
.promowane_ogloszenia a img{
	height: 100%; width: auto; position: absolute; top:0; bottom:0; left:-1000px; right: -1000px; margin: auto; opacity: 0.85;
}
.promowane_ogloszenia_text{
	position: absolute; bottom: 0; color: white; font-size: 1.4em; padding: 5px; transition: all 0.2s;
}
/* info */
.info_box p, .info_box li{
	color: #4f4f4f; font-size: 14px; line-height: 1.6;
}
.info_box ul{
	margin-left: 15px;
}
.info_box ul li{
	list-style-type: circle;
}
.info_box ul ul li{
	list-style-type: square;
}
/* przepisy */
#recipe .black p{
	color: black; margin-bottom:0;
}
#recipe .blue{
	color: #51a2d9;
}
#recipe .border-blue{
	border: solid 1px #51a2d9;
}
#recipe .border-blue .col{
	border: solid 1px #51a2d9;
}
#recipe .border_bottom{
	border-bottom: solid 1px #51a2d9;
}
.recipe{
	border-bottom: black solid 1px;
}
.recipe:first-child{
	border-top: black solid 1px;
}
.recipe-last-column{
	border-left: black solid 1px;
}
.recipe-last-column p{
	color: black; font-weight: bold; margin-bottom:5px;
}
.recipe-inside{
	padding-top: 20px; padding-bottom: 20px;
}
#recipe_alphabet .col{
	border: solid 1px black;
}
.set_recipe_voice{
	color: #51a2d9;
}
.set_recipe_voice:hover{
	opacity: 1 !important;
}
/* cookies */
#cookies-message{
	display: none; color: white; padding: 15px 0px; text-align: center; 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);
}
#accept-cookies-checkbox{
	transition: all 0.5s; padding: 2px 6px; border-radius: 4px; display: inline-block; margin-left: 10px; text-decoration: none; cursor: pointer; background-color: #6dbcdb; color: #FFF; border: solid 1px #6dbcdb;
}
#accept-cookies-checkbox:hover{
	background-color: transparent; border-color: white
}