/*
ThemeName: BidBay.pl
ThemeURI:
Description: BidBay - aukcje dla profesjonalistów
Version: 2.0
Author: neokom.pl
Author URI:
Tags:
*/

body								{margin:0; padding:0; background-color:#ffffff; font-size:18px; color:#212121; font-family:'Roboto Condensed',sans-serif; display:flex; flex-direction:column; min-height:100vh;}
@font-face							{font-family:'Material Icons'; font-style:normal; font-weight:400; src:url('font/material-icons-outlined-regular.otf'); src:local('Material Icons'),local('material-icons-outlined-regular'),url('font/material-icons-outlined-regular.woff2')format('woff2');}
.material-icons						{font-family:'Material Icons'; font-weight:normal; font-style:normal; font-size:24px; display:inline-block; line-height:1; text-transform:none; letter-spacing:normal; word-wrap:normal; white-space:nowrap; direction:ltr; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; -moz-osx-font-smoothing:grayscale; font-feature-settings:'liga';}
*									{box-sizing:border-box;}
	
#header_title						{width:100%; padding:0 3%; float:left; display:flex; align-items:center;}	
#header_title.hd_photo				{height:250px; background-size:cover; color:#ffffff; background-position:center; float:left;}	
#header_title.hd_txt				{overflow:hidden; padding:30px 3% 10px 3%; color:#31548a; float:left;}	
#header_title h1					{font-size:30px; margin:0; padding:0;}	
	
#header1							{width:100%; padding:0 3%; height:100px; background-color:#ffffff; float:left;}
a.home_page							{width:192px; height:64px; margin-top:18px; float:left;}
a.home_page img						{width:192px; height:64px; border:none;}
nav.menu_klienta					{width:calc(100% - 230px); margin-top:30px; height:30px; text-align:right; float:right;}
nav.menu_klienta ul					{padding:0px; margin:0px;}
nav.menu_klienta li					{display:inline-block; margin-left:30px; position:relative;}
nav.menu_klienta li span			{font-size:16px; padding-top:3px; padding-right:3px; color:#ff5a00; float:left;}
nav.menu_klienta li a				{color:#31548A; font-size:16px; font-weight:normal; text-decoration:none; transition:color 0.4s; position:relative;}
nav.menu_klienta li a:hover			{color:#31548A; text-decoration:underline;}
.menu_rwd_btn						{display:none;}
nav.menu_rwd						{display:none;}

#header2							{width:100%; padding:0 3%; height:100px; background-color:#31548A; position:relative; float:left;}
nav.menu_glowne						{width:calc(100% - 600px); margin-top:40px; height:30px; text-align:left; float:left;}
nav.menu_glowne ul					{padding:0px; margin:0px;}
nav.menu_glowne li					{display:inline-block; margin-right:30px; position:relative;}
nav.menu_glowne li a				{color:#ffffff; font-size:20px; text-decoration:none; transition:color 0.4s; position:relative;}
nav.menu_glowne li a:hover			{color:#ffffff;}
nav.menu_glowne li a::after			{content:''; position:absolute; left:0; bottom:-2px; width:100%; height:2px; background-color:#4D8CB6; transform:scaleX(0); transform-origin:bottomright; transition:transform0.4s;}
nav.menu_glowne li a:hover::after	{transform:scaleX(1); transform-origin:bottomleft;}
#head_search						{width:290px; height:40px; margin-top:30px; float:right;}
#head_search input					{width:245px; height:40px; padding-left:15px; border:none; border-radius:4px 0px 0px 4px; color:#ffffff; background-color:#466595; float:left;}
#head_search input::placeholder 	{color:#8599B8;}
#head_search button					{width:40px; height:40px; padding:0; border:none; border-radius:0px 4px 4px 0px; color:#ffffff; background-color:#FF5A00; transition:background-color 0.4s; float:left;}
#head_search button:hover			{cursor:pointer; background-color:#223A60;}
#head_search button span			{padding:11px 10px 10px 10px; font-size:20px; color:#ffffff; float:left;}
#head_category						{width:290px; height:40px; border-radius:4px; margin-top:30px; position:relative; float:right;}
#head_category:hover .head_cat_text	{cursor:pointer; background-color:#58749F;}
#head_category:hover .head_cat_btn	{cursor:pointer; background-color:#223A60;}
.head_cat_text						{width:245px; height:40px; border-radius:4px 0px 0px 4px; line-height:40px; padding-left:15px; color:#ffffff; background-color:#466595; transition:background-color 0.4s; float:left;}
.head_cat_btn						{width:40px; height:40px; border-radius:0px 4px 4px 0px; color:#ffffff; background-color:#FF5A00; transition:background-color 0.4s; float:left;}
.head_cat_btn span					{padding:11px 10px 10px 10px; font-size:20px; color:#ffffff; float:left;}
.head_cat_list 						{width:285px; color:#ffffff; background-color:#223A60; transition:background-color 0.4s; position:absolute; top:50px; left:0; z-index:1; display:none;}
.head_cat_list a 					{width:100%; padding:15px; color:#ffffff; text-decoration:none; border-bottom:1px solid #33496C; float:left;}
.head_cat_list a:hover 				{cursor:pointer; background-color:#466595; color:#ffffff; text-decoration:none;}
.head_cat_list a:last-child 		{border-bottom:none;}

#header3							{width:100%; padding:30px 3%; overflow:hidden; background-color:#eceff1; position:relative; float:left;}
#wrapper_breadcrumbs				{width:calc(100% - 430px); line-height:24px; font-size:15px; color:#808080; float:left;}
#wrapper_breadcrumbs a				{font-size:15px; color:#808080; text-decoration:none;}
#wrapper_breadcrumbs a:hover		{color:#ff5a00;}
#wrapper_breadcrumbs a span			{font-size:17px; margin-top:3px; margin-right:3px; float:left;}	
#wrapper_sort						{width:280px; height:30px; line-height:30px; color:#808080; font-size:15px; margin-right:9px; margin-bottom:20px; float:right;}
#wrapper_sort .select_sort			{height:30px; border-radius:4px; border:solid 2px #C5CBD1; font-size:15px; float:right;}
#wrapper_sort .select_sort:hover	{cursor:pointer; border-color:#ff5a00;}
#wrapper_sort span					{padding-right:10px; float:right;}
#wrapper_favorites					{width:130px; height:30px; line-height:30px; color:#808080; font-size:15px; margin-right:9px; margin-bottom:20px; float:right;}
#wrapper_favorites:hover			{cursor:pointer; color:#31548a;}
.check_fav_icon 					{width:20px; height:20px; margin:5px 5px 0px 0px; cursor:pointer; float:left; display:flex; align-items:center; justify-content:center; background-size:cover;}
.check_fav_icon::before 			{content:''; width:100%; height:100%; background-image:url('images/favorite.svg'); background-size:cover;}
.check_fav_icon.active::before 		{background-image:url('images/favorite_active.svg');}
/* .bread_offer						{margin-bottom:50px;} */

#page_title							{width:100%; overflow:hidden; padding-top:15px; padding-bottom:15px; float:left;}
#page_title h1						{margin:0; padding:0; font-size:25px;}

main								{width:100%; overflow:hidden; background-color:#ffffff; float:left;}
#main_center						{width:100%; padding:3%; overflow:hidden; float:left;}
	
.zoom								{-webkit-animation-name:fadeIn; animation-name:fadeIn; -webkit-animation-duration:1s; animation-duration:1s;} @-webkit-keyframes fadeIn {0% {transform:scale(0.9);} 100% {transform:scale(1);}} @keyframes fadeIn {0% {transform:scale(0.9);} 100% {transform:scale(1);}} 
.zoomIn        						{animation-name:zoomIn; animation-duration:2s; animation-fill-mode:forwards;} @keyframes zoomIn {from {transform:scale(0.8);} to {transform:scale(1);}}

/*podstrony*/
ol li								{margin-bottom:15px;}

/*kontakt*/
#contact_left						{width:33%; padding:0px 2% 30px 0%; min-height:100px; float:left;}
#contact_center						{width:34%; margin-top:20px; padding:0px 2% 30px 2%; border-left:1px solid #FF5A00; min-height:100px; float:left;}
#contact_center h2					{width:100%; margin:0px; padding:0px 0px 40px 0px; color:#ff5a00; font-size:17px; font-weight:normal; text-transform:uppercase; float:left;} 
#contact_right						{width:33%; margin-top:20px; margin-bottom:30px; padding:0px 0% 0px 2%; border-left:1px solid #FF5A00; min-height:100px; float:left;}
#contact_right h2					{width:100%; margin:0px; padding:0px 0px 40px 0px; color:#ff5a00; font-size:17px; font-weight:normal; text-transform:uppercase; float:left;} 
#contact_true						{width:100%; text-align:center; color:#566e35; font-weight:bold; float:left;}

.contact_data						{width:100%; padding-top:10px; font-size:20px; font-weight:bold; float:left;}
.contact_data span					{font-size:24px; padding-top:0px; padding-right:15px; color:#ff5a00; float:left;}
.contact_data .contact_adress 		{width:calc(100% - 39px); float:left; }
.contact_box_a						{width:100%; float:left;}
.contact_input						{width:100%; padding:0px 0px 10px 0px; float:left;}
.contact_input label				{width:100%; height:25px; line-height:25px; text-transform:uppercase; font-size:12px; float:left;}
.contact_input input				{width:100%; height:40px; padding:0px 10px 0px 10px; line-height:40px; border:1px solid #abb8c3; border-radius:4px; background-color:#ffffff; color:#212121; font-size:19px; font-family:'Roboto Condensed',sans-serif; float:left;}
.contact_text						{width:100%; padding:0px 0px 10px 0px; float:left;}
.contact_text label					{width:100%; height:25px; line-height:25px; text-transform:uppercase; font-size:12px; float:left;}
.contact_text textarea				{width:100%; height:200px; padding:10px; border:1px solid #abb8c3; border-radius:4px; background-color:#ffffff; color:#212121; font-size:19px; font-family:'Roboto Condensed',sans-serif; float:left;}
.contact_box_b						{width:100%; float:left;}
.contact_box_b input				{width:200px; height:50px; line-height:50px; text-align:center; border:none; border-radius:4px; background-color:#FF5A00; color:#ffffff; font-size:19px; font-family:'Roboto Condensed',sans-serif; transition:background-color 0.4s, color 0.4s; float:right;}
.contact_box_b input:hover			{cursor:pointer; color:#ffffff; background-color:#31548A;}

/*moje konto*/
/* .mojelicytacje-wrapper				{width:calc(100% - 500px); min-height:100px; overflow:hidden; padding-top:50px; float:right;} */
/* .mojekonto-wrapper					{width:500px; min-height:500px; overflow:hidden; padding-top:50px; float:right;} */
.logowanie-wrapper					{width:500px; min-height:500px; overflow:hidden; padding-top:50px; margin:0px auto 70px auto;}
.form-info							{width:100%; color:#31548A; text-align:center; padding-bottom:20px; font-weight:bold;}
.rodzaj-form						{width:150px; height:40px; line-height:40px; margin-right:60px; text-decoration:none; background-color:#82a550; color:#ffffff; text-align:center; border-radius:4px 4px 0px 0px; float:right;}
.rodzaj-form:hover					{cursor:pointer; background-color:#698641;}
.form-wrapper						{width:calc(100% - 80px); min-height:100px; overflow:hidden; margin:0px 40px 40px 40px; padding:30px; -webkit-box-shadow:0px 0px 40px -20px rgba(182,183,191,1); -moz-box-shadow:0px 0px 40px -20px rgba(182,183,191,1); box-shadow:0px 0px 40px -20px rgba(182,183,191,1); float:left;}
.form-title							{width:100%; height:30px; font-size:25px; float:left;}
.input-name							{width:100%; height:30px; font-size:15px; text-transform:uppercase; color:#555555; float:left;}
.input-wrapper						{width:100%; height:55px; margin-bottom:20px; border-radius:4px; border:1px solid #e6e6e6; position:relative; float:left;}
.input-wrapper input				{width:100%; height:53px; font-size:18px; line-height:53px; padding:0% 5% 0% 5%; border:none; float:left;}
.input-wrapper .material-icons		{color:#626262;}
.form-line							{width:100%; min-height:30px; display:overflow; font-size:15px; float:left;}
.form-line a						{font-size:15px; color:#464545; text-decoration:none;}
.form-line a:hover					{cursor:pointer; font-size:15px; color:#ff5a00;}
.button-wrapper						{width:100%; height:55px; margin-top:20px; float:left;}
.password-toggle					{position:absolute; top:50%; right:10px; transform:translateY(-50%); cursor:pointer;}
.button1_orange						{width:150px; height:54px; line-height:54px; font-size:18px; margin-right:20px; text-align:center; border:none; border-radius:4px; text-decoration:none; color:#ffffff; background-color:#ff5a00; transition:background-color 0.4s; float:left;}
.button1_orange:hover				{cursor:pointer; background-color:#31548A;}

/*aukcje oferta */
#wrapper_offer						{width:100%; padding:10px 3%; float:left;}

/*aukcje szczegoly*/
#offer_photo						{width:calc(100% - 450px); height:550px; background-color:#f6f7f8; border-radius:4px; overflow:hidden; position:relative; -webkit-box-shadow:0px 0px 10px 0px rgba(189,189,189,0.5); -moz-box-shadow:0px 0px 10px 0px rgba(189,189,189,0.5); box-shadow:0px 0px 10px 0px rgba(189,189,189,0.5); float:left;}

/* .image-container {align-items:center;} */
.image-container					{width:100%; height:550px; display:flex; justify-content:center; overflow:hidden;}
.image-wrapper						{display:flex; align-items:center; justify-content:center; max-width:100%; max-height:100%;}
#current-image						{max-width:100%; max-height:100%; object-fit:contain; object-position:center;}
#current-image:hover				{cursor:pointer;}
#prev-button,		
#next-button,		
#prev-button-modal,		
#next-button-modal					{position:absolute; top:50%; padding:10px; background-color:rgba(0, 0, 0, 0.5); color:#ffffff; border:none; border-radius:50%; cursor:pointer; display:flex; justify-content:center; align-items:center; width:50px; height:50px; transition:background-color 0.4s;}
#prev-button:hover,		
#next-button:hover,		
#prev-button-modal:hover,		
#next-button-modal:hover			{background-color:rgba(0, 0, 0, 0.8);}
#prev-button,		
#prev-button-modal					{left:20px;}
#next-button, 		
#next-button-modal					{right:20px;}
.modal								{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:1150; background-color:rgba(0, 0, 0, 0.8); text-align:center;}
.close-button, 	
.close-button-video					{position:absolute; top:20px; right:20px; width:50px; height:50px; color:#fff; border-radius:50%; display:flex; justify-content:center; align-items:center; background-color:rgba(0, 0, 0, 0.5); cursor:pointer;}
.close-button:hover,	
.close-button-video:hover			{background-color:rgba(0, 0, 0, 0.8);}
#modal-image						{max-width:100%; max-height:100%; top:50%; position:fixed; left:50%; z-index:1200; transform:translate(-50%, -50%);}
.photo_button span					{font-size:30px;}
.modal-video						{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:1150; background-color:rgba(0, 0, 0, 0.8);}
.content-video						{width:70%; height:70%; top:50%; position:fixed; left:50%; z-index:1200; transform:translate(-50%, -50%);}	
			
#offer_sidebar						{width:450px; padding:0px 10px 0px 20px; float:right;}
#offer_head							{width:100%; padding:30px; margin-bottom:20px; overflow:hidden; background-color:#f6f7f8; border-radius:4px; -webkit-box-shadow:0px 0px 10px 0px rgba(189,189,189,0.5); -moz-box-shadow:0px 0px 10px 0px rgba(189,189,189,0.5); box-shadow:0px 0px 10px 0px rgba(189,189,189,0.5); float:left;}
#offer_head span					{font-size:16px; color:#78909c;}
	
#offer_data							{width:50%; float:left;}
.offer_data_title					{width:100%; font-size:13px; padding-bottom:10px; text-transform:uppercase; color:#5E7C4E; float:left;}
.offer_data_day						{width:100%; font-size:15px; padding-bottom:5px; float:left;}
.offer_data_hour					{width:100%; font-size:15px; float:left;}
.offer_data_day span,		
.offer_data_hour span				{font-size:15px; padding:1px 4px 0px 0px; color:#424242 !important; float:left;}
		
#offer_time							{width:50%; float:left;}	
.offer_time_title					{width:100%; font-size:13px; padding-bottom:10px; text-transform:uppercase; text-align:right; color:#5E7C4E; float:left;}	
.offer_timeOut						{width:100%; font-size:20px; font-weight:bold; text-align:right; float:left;}		
		
#offer_price						{width:100%; padding-top:20px; margin-top:20px; border-top:1px solid silver; float:left;}
.offer_price_title					{width:100%; font-size:13px; text-transform:uppercase; color:#5E7C4E; text-align:left; margin-bottom:10px; float:left;}
.offer_info_title_blue				{width:100%; font-size:16px; text-transform:uppercase; color:#577447; text-align:left; margin-bottom:10px; float:left;}
.offer_info_title_red				{width:100%; font-size:16px; text-transform:uppercase; color:#ba3911; text-align:left; margin-bottom:10px; font-weight:bold; float:left;}
.offer_info_title_green				{width:100%; font-size:16px; text-transform:uppercase; color:#577447; text-align:left; margin-bottom:10px; font-weight:bold; float:left;}
		
#offer_active_price					{width:100%; font-size:32px; color:#ff5a00; font-weight:bold; margin-bottom:10px; text-align:left; float:left;}
#offer_price_currency				{width:40px; height:40px; line-height:40px; font-size:22px; color:#577447; font-weight:bold; text-align:right; float:left;}
#my_offer_price						{width:150px; height:40px; padding-left:7px; line-height:40px; font-size:26px; color:#212121; font-weight:bold; font-family:'Roboto Condensed',sans-serif; border-radius:4px; border:1px solid #759D60; margin-bottom:10px; float:left;}
#my_offer_price:hover				{cursor:pointer; border-color:#577447;}
	
#bid_open							{width:100%; height:40px; line-height:40px; letter-spacing:2px; font-size:22px; color:#ffffff; background-color:#ff5a00; font-family:'Roboto Condensed',sans-serif; text-align:center; border-radius:4px; border:1px solid #ff5a00; transition:background-color 0.4s; float:left;}
#bid_open:hover						{cursor:pointer; background-color:#ba3911;}
#bid_open span						{color:#ffffff;}

#bid								{width:100%; height:40px; line-height:40px; letter-spacing:2px; font-size:22px; color:#ffffff; background-color:#7EA36B; font-family:'Roboto Condensed',sans-serif; text-align:center; border-radius:4px; border:1px solid #759D60; transition:background-color 0.4s; float:right;}
#bid:hover							{cursor:pointer; background-color:#72975E;}
#bid span							{color:#ffffff;}	
#bid_wait							{width:100%; height:40px; line-height:40px; font-size:22px; color:#ffffff; background-color:#8C92BA; font-weight:bold; font-family:'Roboto Condensed',sans-serif; text-align:center; border-radius:4px; border:1px solid #8C92BA; float:right;}
#bid_wait:hover						{cursor:not-allowed; background-color:#8C92BA;}
#bid_wait span						{color:#ffffff;}
#bid_login							{width:100%; height:40px; line-height:40px; letter-spacing:2px; font-size:22px; color:#ffffff; text-decoration:none; background-color:#ff5a00; font-family:'Roboto Condensed',sans-serif; text-align:center; border-radius:4px; border:1px solid #ff5a00; transition:background-color 0.4s; float:right;}
#bid_login:hover					{cursor:pointer; background-color:#ba3911;}
#bid_login span						{color:#ffffff;}	
	
#offer_bid_list 					{width:100%; margin-bottom:20px; padding:30px; overflow:hidden; border-radius:4px; background-color:#f6f7f8; -webkit-box-shadow:0px 0px 10px 0px rgba(189, 189, 189, 0.5); -moz-box-shadow:0px 0px 10px 0px rgba(189, 189, 189, 0.5); box-shadow:0px 0px 10px 0px rgba(189, 189, 189, 0.5); float:left;}
#offer_bid_list h3					{width:100%; height:40px; font-size:20px; margin:0; padding:0; float:left;}
.offer-bid-list 					{max-height:240px !important; overflow:hidden; transition:max-height 0.3s ease, height 0.3s ease;}
.offer-bid-list.expanded 			{max-height:450px !important; overflow-y:auto;}
.table-wrapper 						{width:100%; max-height:300px; padding-right:10px; overflow-y:auto; float:left;}
.table-wrapper table 				{width:100%; border-collapse:collapse;}
.table-wrapper table th				{font-size:13px; text-transform:uppercase; font-weight:normal; color:#5E7C4E;}
.table-wrapper table .th_o			{text-align:left;}
.table-wrapper table .th_a			{width:60px; text-align:left;}
.table-wrapper table .th_d			{width:130px; text-align:left;}
.table-wrapper table .th_k			{width:40px; text-align:right;}
.table-wrapper table td				{border-bottom:1px solid silver; padding:4px 0px 4px 0px; font-size:15px;}
.table-wrapper table td span		{padding-top:1px; font-size:15px; float:left;}
.table-wrapper table td div			{width:20px; height:20px; line-height:20px; font-size:13px; border-radius:50%; color:#577447; background-color:#CEDCC9; text-align:center; padding-top:1px; float:right;}
.table-wrapper::-webkit-scrollbar 		{width:5px;}
.table-wrapper::-webkit-scrollbar-thumb {background-color:#97B588; border-radius:4px;}
.table-wrapper::-webkit-scrollbar-track {background-color:#f6f7f8;}

#bid_sum							{width:130px; font-size:13px; text-transform:uppercase; color:#5E7C4E; margin-top:20px; float:left;}
#bid_all							{width:180px; height:20px; line-height:20px; font-size:13px; color:#ffffff; border-radius:4px; border:0px; background-color:#97B588; text-transform:uppercase; margin-top:15px; text-align:center; float:right;}
#bid_all:hover						{cursor:pointer; background-color:#8EAB7E;}
	
#offer_map							{width:100%; height:380px; margin-bottom:20px; padding:30px; border-radius:4px; background-color:#f6f7f8; -webkit-box-shadow:0px 0px 10px 0px rgba(189,189,189,0.5); -moz-box-shadow:0px 0px 10px 0px rgba(189,189,189,0.5); box-shadow:0px 0px 10px 0px rgba(189,189,189,0.5); float:left;}	
#offer_map h3						{width:100%; height:40px; font-size:20px; margin:0; margin:0; float:left;}
#map								{width:100%; height:280px; border-radius:4px; float:left;}
/* .ol-viewport						{border-radius:4px;} */

#offer_video						{width:100%; height:322px; margin-bottom:20px; padding:30px; border-radius:4px; background-color:#f6f7f8; -webkit-box-shadow:0px 0px 10px 0px rgba(189,189,189,0.5); -moz-box-shadow:0px 0px 10px 0px rgba(189,189,189,0.5); box-shadow:0px 0px 10px 0px rgba(189,189,189,0.5); float:left;}	
#offer_video h3						{width:100%; height:40px; font-size:20px; margin:0; margin:0; float:left;}	
.runVideo							{width:100%; height:222px; text-align:center; float:left; border-radius:4px; background-position:top center; background-size:cover;}
.icoVideo							{width:60px; height:60px; background-color:rgba(255,255,255,0.6); border-radius:50px; margin:81px auto 0px auto;}
.icoVideo span						{font-size:30px; padding:15px; float:left;}
.runVideo:hover						{cursor:pointer;}
.runVideo:hover .icoVideo			{background-color:rgba(255,255,255,0.8);}
	
#offer_description					{width:calc(100% - 450px); padding:30px; min-height:100px; overflow:hidden; margin-top:20px; background-color:#f6f7f8; border-radius:4px; -webkit-box-shadow:0px 0px 10px 0px rgba(189,189,189,0.5); -moz-box-shadow:0px 0px 10px 0px rgba(189,189,189,0.5); box-shadow:0px 0px 10px 0px rgba(189,189,189,0.5); float:left;}
#offer_description h2				{width:100%; line-height:28px; font-size:26px; font-weight:bold; margin:0px 0px 20px 0px; padding:0; float:left;}
#offer_id							{width:100%; ont-size:14px; text-transform:uppercase; color:#b1b7bd; margin-bottom:10px; float:left;}

.offer_text							{width:100%; font-size:19px; float:left;}

.rotate-clockwise 					{-webkit-animation:rotateClockwise 2s linear infinite; animation:rotateClockwise 2s linear infinite;}
@-webkit-keyframes rotateClockwise 	{from {-webkit-transform:rotate(0deg); transform:rotate(0deg);} to {-webkit-transform:rotate(360deg); transform:rotate(360deg);}}
@keyframes rotateClockwise 			{from {-webkit-transform:rotate(0deg); transform:rotate(0deg);} to {-webkit-transform:rotate(360deg); transform:rotate(360deg);}}

/* lista ofert */
.auction_list 						{display:grid; grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); gap:15px; padding:15px 3%; max-width:100%; background-color:#eceff1;}
@media (min-width:1800px) 			{.auction_list {grid-template-columns:repeat(5, 1fr);}}
.item 								{background-color:#fff; border:1px solid #ddd; border-radius:4px; padding:0; text-align:center; box-shadow:0 2px 4px rgba(0,0,0,0.1); transition:transform 0.3s ease; overflow:hidden;}
.item:hover 						{transform:translateY(-5px);}
.photo 								{background-color:#ccc; width:100%; padding-top:75%; /* 4:3 */ position:relative; margin:0;}
.photo img 							{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.favorites 							{width:20px; height:20px; margin:15px 15px 0 0; cursor:pointer; float:right; display:flex; align-items:center; justify-content:center; background-size:cover;}
.favorites::before 					{content:''; width:100%; height:100%; background-image:url('images/favorite.svg'); background-size:cover;}
.favorites.active::before 			{background-image:url('images/favorite_active.svg');}
header 								{margin:15px 20px 0px 15px; width:calc(100% - 70px); text-align:left; float:left;}
header h2,	
header h3 							{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
header h2 							{margin:0px 0px 6px 0px; font-size:19px; font-weight:bold; color:#31548A;}
header h3 							{margin:0px; font-size:14px; font-weight:bold;  color:#212121;}
.time_end 							{margin:15px 0px 15px 15px; width:calc(50% - 15px); text-align:left; float:left;}
.time_end span 						{font-size:13px; color:#9e9e9e; width:100%; float:left;}
.time_end strong 					{font-size:14px; color:#212121; font-weight:normal; width:100%; height:20px; line-height:24px;	padding-top:3px; float:left;}
.time_end strong span 				{width:20px; padding-top:2px; font-size:17px; color:#ff5a00;	float:left;}
.price 								{font-size:16px; margin:15px 15px 15px 0px; width:calc(50% - 15px); text-align:right; float:left;}
.price span 						{font-size:13px; color:#9e9e9e;	width:100%; float:left;}
.price strong 						{font-size:20px; font-weight:bold; color:#ff5a00;	width:100%;	float:left;}
.brak_wynikow						{width:100%; padding-left:50px; padding-top:20px; float:left;}

/* modal */
#modal-container 					{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); display:none; align-items:center; justify-content:center; z-index:1;}
#modal-wrapper 						{width:450px; background:#ffffff; border-radius:10px; position:relative; box-shadow:0 4px 8px rgba(0, 0, 0, 0.2);}
#modal-content 						{width:90%; margin:5% 5% 0 5%; text-align:center; overflow:hidden; float:left;}
#modal-content a 					{color:#ff5a00; transition:color 0.4s;}
#modal-content a:hover 				{color:#31548A;}
#modal-button 						{width:90%; margin:5%; text-align:center; overflow:hidden; float:left;}
#modal-button #close_modal			{font-size:18px; padding:7px 14px; border:none; border-radius:4px; background-color:#ff5a00; color:#ffffff; transition:background-color 0.4s;}
#modal-button #close_modal:hover	{cursor:pointer; background-color:#31548A;}

/* opinie */
#review_title 						{width:100%; padding-top:40px; padding-left:10%; overflow:hidden; float:left;}
#review_title span 					{font-size:35px; padding:0px 10px 0px 90px; color:#466595; float:left;}
#review_title h4 					{font-size:30px; color:#31548A; padding:0; margin:0; float:left;}

#review 							{display:flex; align-items:center; width:80%; height:320px;	padding:20px 0px 0px 0px; overflow:hidden; position:relative; margin:0 auto;}
.re_left, .re_right 				{width:90px; height:200px; display:flex; align-items:center; justify-content:center; cursor:pointer;	color:#31548A; background-color:#ffffff; position:relative;}
.re_left 							{padding-right:50px;}
.re_right 							{padding-left:50px;}
.re_right::before 					{content:''; position:absolute; left:-90px; top:0; width:90px; height:200px; background:linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); pointer-events:none;}
.re_container 						{display:flex; flex-wrap:nowrap; overflow:hidden; flex:1; scroll-behavior:smooth; position:relative;}
.re_box 							{min-width:300px; max-width:300px; height:200px; margin-right:50px; padding:20px; border:1px solid #ddd; border-radius:4px; background-color:#f9f9f9;}
.re_box:hover 						{cursor:pointer;}
.re_box_author, .re_box_date 		{width:100%; height:20px; line-height:20px; font-size:16px; float:left; color:#9e9e9e;}
.re_box_author span, .re_box_date span {width:20px; height:20px; font-size:16px; padding-top:1px; float:left; color:#ff5a00;}
.re_box_text 						{width:100%; height:100px; overflow:hidden; margin-top:20px; font-size:17px; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; line-clamp:5; box-orient:vertical; text-overflow:ellipsis; float:left;}

.modal_author, .modal_date {width:100%; height:20px; line-height:20px; font-size:16px; float:left; color:#9e9e9e; text-align:left;}
.modal_author span, .modal_date span {width:20px; height:20px; font-size:16px; padding-top:1px; float:left;	color:#ff5a00;}
.modal_text {width:100%; max-height:400px; overflow-y:auto; margin-top:20px; font-size:17px; text-align:left; float:left;}

/* Formularz opinii */
#review_add 						{width:100%; padding-top:0px; padding-bottom:60px; padding-left:10%; padding-right:10%; overflow:hidden; float:left;}

.re_open_form 						{padding:6px 12px; margin:0 auto; color:#ffffff; background-color:#538bc1; border:none; border-radius:4px; transition:background-color 0.4s; display:block;}
.re_open_form:hover 				{cursor:pointer; background-color:#7AA5CF; color:#ffffff;}
.re_open_form span 					{font-size:15px; padding-right:10px; float:left;}

.re_form							{width:400px; overflow:hidden; margin:0 auto; display:none;}
.re_alert							{width:100%; font-size:17px; font-weight:bold; color:#212121; height:30px; text-align:center; float:left;}
.re_alert a							{color:#ff5a00; transition:color 0.4s;}
.re_alert a:hover 					{color:#31548A;}
.re_txt_author						{width:100%; font-size:15px; color:#bbb; height:20px; line-height:20px; float:left;}
.re_inp_author						{width:100%; height:50px; float:left;}
.re_txt_review						{width:100%; font-size:15px; color:#bbb; height:20px; line-height:20px; float:left;}
.re_inp_review						{width:100%; height:160px; float:left;}
.re_inp_btn							{width:100%; height:40px; float:left;}
.re_inp_author input 				{width:100%; height:40px; padding-left:15px; border:1px solid #ddd; border-radius:4px; font-family:'Roboto Condensed',sans-serif; font-size:16px; color:#212121; background-color:#ffffff; float:left;}		
.re_inp_review textarea 			{width:100%; height:140px; padding:15px; border:1px solid #ddd; border-radius:4px; font-size:16px; font-family:'Roboto Condensed',sans-serif; color:#212121; background-color:#ffffff; float:left;}
.re_inp_btn button 					{width:100%; height:40px; border:none; font-size:18px; float:left; padding:10px 17px; border-radius:4px; background-color:#ff5a00; color:#ffffff; transition:background-color 0.4s;}		
.re_inp_btn button:hover			{cursor:pointer; background-color:#31548A;}		

/* linia wiecej */
.more-div 							{width:100%; height:140px; display:flex; flex-direction:column; position:relative;}
.more-grey 							{height:100px; background-color:#eceff1;}
.orange-line-container 				{display:flex; justify-content:space-between; align-items:center; height:2px; position:relative;}
.orange-line 						{height:2px; background-color:#ff5a00; width:calc(50% - 110px);}
.orange-line-full 					{height:2px; background-color:#ff5a00; width:100%;}
.more-white 						{flex-grow:1; background-color:#ffffff;}
.btn-more 							{position:absolute; margin-top:80px; height:40px; top:0; left:50%; font-size:18px; transform:translateX(-50%); display:flex; justify-content:center; text-decoration:none; text-align:center; padding:10px 17px; border-radius:4px; background-color:#ff5a00; color:#ffffff; transition:background-color 0.4s;}
.btn-more:hover 					{cursor:pointer; background-color:#31548A;}

/* zaloz konto */	
#new_profile 						{width:100%; padding-top:70px; padding-bottom:70px; padding-left:10%; padding-right:10%; background-color:#31548A; background-image:url('images/new_profile.jpg'); background-size:cover; background-repeat:no-repeat; background-position:top right; float:left;}
#new_profile span 					{margin-left:90px; font-size:32px; width:45px; color:#ffffff; float:left;}
#new_profile h5 					{width:calc(100% - 135px); font-size:30px; color:#ffffff; padding:0; margin:0; float:left;}
.pro_text 							{width:520px; padding-top:30px; margin-left:90px;	color:#ffffff; float:left;}
#add_profile 						{margin-top:30px; margin-right:90px; height:45px; padding:10px 17px; border-radius:4px; font-size:18px; text-decoration:none; border:2px solid #ffffff; background-color:#ff5a00; color:#ffffff; transition:background-color 0.4s; float:right;}
#add_profile:hover 					{cursor:pointer; background-color:#223A60;}

/* lista kategorii */
#category_list_title 				{width:100%; padding-top:80px; padding-left:10%; overflow:hidden; float:left;}
#category_list_title span 			{font-size:35px; padding:0px 10px 0px 90px; color:#466595; float:left;}
#category_list_title h4 			{font-size:30px; color:#31548A; padding:0; margin:0; float:left;}
#category_list 						{width:100%; padding-top:40px; padding-bottom:130px; padding-left:calc(10% + 90px); padding-right:calc(10% + 90px); display:grid; grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); gap:20px; max-width:100%; background-color:#ffffff; justify-content:space-around;}
#category_list a 					{display:flex; flex-direction:column; justify-content:flex-end; align-items:center; text-align:center; padding-top:56.25%; /* 16:9 */ position:relative; text-decoration:none; color:#fff; border-radius:4px; background-size:cover; background-position:center; box-shadow:0 2px 4px rgba(0, 0, 0, 0.1); transition:transform 0.3s ease; overflow:hidden;}
#category_list a:hover 				{transform:translateY(-5px);}
#category_list a span 				{position:absolute; bottom:0; left:0; right:0; padding:10px; background-color:rgba(0, 0, 0, 0.5); width:100%; box-sizing:border-box; font-size:16px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

@media (min-width:1800px) 			{#category_list {grid-template-columns:repeat(5, 1fr);}}

#footer 							{width:100%; height:100px; margin-top:auto; float:left;}
.foo_logo 							{height:100px; width:calc(180px + 3%); padding-left:3%; border-radius:0px 30px 0px 0px; background-color:#538BC1; float:left;}
.foo_logo img 						{width:150px; height:50px; margin-top:30px; border:none; float:left;}
.foo_txt 							{width:calc(97% - 180px);  padding-right:3%; height:70px; margin-top:30px; background-color:#538BC1; float:left;}
.foo_txt a.fm						{margin-left:20px; padding-top:25px; color:#ffffff; text-decoration:none; font-size:17px; float:right;}
.foo_txt a.fm:hover					{text-decoration:underline; color:#ffffff;}
.foo_social							{padding-left:20px; height:25px; margin-top:23px; float:right;}
.foo_social	a						{width:25px; height:25px; margin-left:10px; filter:invert(100%) sepia(0%) saturate(7500%) hue-rotate(228deg) brightness(111%) contrast(104%); transition:filter 0.4s; float:right;}
.foo_social	a:hover					{filter:invert(33%) sepia(8%) saturate(5335%) hue-rotate(179deg) brightness(83%) contrast(82%);}
.foo_social	a img					{width:25px; height:25px; border:none;}

@media (max-width:900px) {

	.menu_rwd_btn						{width:40px; height:40px; margin-top:25px; border-radius:4px; color:#ffffff; background-color:#abb8c3; font-size:40px; display:block; float:right;}
	nav.menu_klienta 					{display:none;}
	nav.menu_glowne						{display:none;}
	nav.menu_rwd .rwd_line				{width:100%; height:1px; border-bottom:1px solid #6286BD; float:left;}
	nav.menu_rwd .menu_rwd_close		{width:30px; height:30px; background-color:#6286BD; border-radius:4px; color:#ffffff; font-size:30px; float:right;}

	nav.menu_rwd						{position:fixed; top:0; padding:30px 10% 10% 10%; right:-100%; width:100%; height:100%; background:rgba(49,84,138,0.95); transition:right 0.3s ease-in-out; display:block; z-index:100;}
	nav.menu_rwd ul						{list-style-type:none; margin:0; padding:0; width:100%; float:right;}
	nav.menu_rwd ul li					{width:100%; padding:10px 0; border-bottom:1px solid #6286BD; text-align:center; text-decoration:none;}
	nav.menu_rwd ul li:last-child		{border-bottom:none;}
	nav.menu_rwd ul li a				{color:#ffffff; text-decoration:none; font-size:20px;}
	nav.menu_rwd ul li a:hover			{text-decoration:underline;}

	#header2							{width:100%; padding:0 3%; height:110px; background-color:#31548A; position:relative; float:left;}
	#head_search						{width:100%; height:40px; margin-top:10px; float:right;}
	#head_search input					{width:calc(100% - 40px); height:40px; font-size:17px; padding-left:15px; border:none; border-radius:4px 0px 0px 4px; color:#ffffff; background-color:#466595; float:left;}
	#head_category						{width:100%; height:40px; border-radius:4px; margin-top:10px; position:relative; float:right;}
	.head_cat_text						{width:calc(100% - 40px); font-size:17px; height:40px; border-radius:4px 0px 0px 4px; line-height:40px; padding-left:15px; color:#ffffff; background-color:#466595; transition:background-color 0.4s; float:left;}
	.head_cat_list 						{width:100%; color:#ffffff; background-color:#223A60; transition:background-color 0.4s; position:absolute; top:50px; left:0; z-index:1; display:none;}

	#header3							{width:100%; padding:30px 3%; overflow:hidden; background-color:#eceff1; position:relative; float:left;}
	#wrapper_breadcrumbs				{width:100%; font-size:15px; color:#808080; float:left;}
	#wrapper_sort						{width:190px; height:30px; margin-top:10px; line-height:30px; color:#808080; font-size:14px; margin-right:0px; margin-bottom:0px; float:left;}
	#wrapper_sort .select_sort			{font-size:14px; float:left;}
	#wrapper_sort span					{display:none;}
	#wrapper_favorites					{width:115px; height:30px; line-height:30px; color:#808080; font-size:14px; margin-top:10px; margin-right:0px; margin-bottom:0px; float:right;}

	#page_title							{width:100%; overflow:hidden; padding-top:25px; padding-bottom:15px; float:left;}
	#page_title h1						{margin:0; padding:0; font-size:20px;}

	/* modal */
	#modal-wrapper 						{width:94%;}

	/* opinie */
	#review_title 						{width:100%; padding-top:0px; padding-left:3%; padding-right:3%; text-align:center; overflow:hidden; float:left;}
	#review_title span 					{font-size:25px; padding:0px; color:#466595; float:none;}
	#review_title h4 					{font-size:20px; color:#31548A; padding:0; margin:0; float:none;}

	#review 							{display:flex; align-items:center; width:100%; height:250px; padding:20px 3% 30px 3%; overflow:hidden; position:relative; margin:0 auto;}
	.re_left, .re_right 				{width:40px; height:200px; display:flex; align-items:center; justify-content:center; cursor:pointer; color:#31548A; background-color:#ffffff; position:relative;}
	.re_left 							{padding-right:0px;}
	.re_right 							{padding-left:0px;}
	.re_right::before 					{content:''; position:absolute; left:-90px; top:0; width:90px; height:200px; background:linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); pointer-events:none;}
	.re_box 							{min-width:98%; max-width:98%; height:200px; margin-left:1%; margin-right:1%; padding:20px; border:1px solid #ddd; border-radius:4px; background-color:#f9f9f9;}

	/* Formularz opinii */
	#review_add 						{width:100%; padding-top:0px; padding-bottom:40px; padding-left:3%; padding-right:3%; overflow:hidden; float:left;}
	.re_form							{width:100%; padding-left:40px; padding-right:40px; overflow:hidden; margin:0 auto; display:none;}
	.re_alert							{width:100%; font-size:16px; font-weight:bold; color:#212121; height:30px; text-align:center; float:left;}

	/* zaloz konto */	
	#new_profile 						{width:100%; padding:50px 3% 50px 3%; text-align:center; background-color:#31548A; background-image:url('images/new_profile.jpg'); background-size:cover; background-repeat:no-repeat; background-position:top right; float:left;}
	#new_profile span 					{margin-left:0px; font-size:25px; width:45px; color:#ffffff; float:none;}
	#new_profile h5 					{width:100%; font-size:20px; color:#ffffff; padding:0; margin:0; float:none;}
	.pro_text 							{width:100%; padding:30px 5% 30px 5%; margin-left:0px; color:#ffffff; float:left;}
	#add_profile 						{margin-top:30px; margin-right:0px; height:45px; padding:10px 17px; border-radius:4px; font-size:18px; text-decoration:none; border:2px solid #ffffff; background-color:#ff5a00; color:#ffffff; transition:background-color 0.4s; float:none;}

	/* linia wiecej */
	.more-div 							{width:100%; height:100px; margin-bottom:30px; display:flex; flex-direction:column; position:relative;}
	.more-grey 							{height:60px; background-color:#eceff1;}
	.btn-more 							{position:absolute; margin-top:40px; height:40px; top:0; left:50%; font-size:18px; transform:translateX(-50%); display:flex; justify-content:center; text-decoration:none; text-align:center; padding:10px 17px; border-radius:4px; background-color:#ff5a00; color:#ffffff; transition:background-color 0.4s;}

	/* lista kategorii */
	#category_list_title 				{width:100%; padding: 10px 3% 10px 3%; text-align:center; overflow:hidden; float:left;}
	#category_list_title span 			{font-size:25px; padding:0px; color:#466595; float:none;}
	#category_list_title h4 			{font-size:20px; color:#31548A; padding:0; margin:0; float:none;}
	#category_list 						{width:100%; padding-top:10px; padding-bottom:60px; padding-left:6%; padding-right:6%; display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:20px; max-width:100%; background-color:#ffffff; justify-content:space-around;}

	/*aukcje oferta */
	#wrapper_offer						{width:100%; padding:10px 3%; float:left;}

	/*aukcje szczegoly*/
	#offer_photo						{width:100%; height:auto; overflow:hidden; background-color:#f6f7f8; border-radius:4px; overflow:hidden; position:relative; -webkit-box-shadow:0px 0px 10px 0px rgba(189,189,189,0.5); -moz-box-shadow:0px 0px 10px 0px rgba(189,189,189,0.5); box-shadow:0px 0px 10px 0px rgba(189,189,189,0.5); float:left;}

	.image-container					{width:100%; height:260px; display:flex; align-items: center; justify-content:center; overflow:hidden;}
	.image-wrapper						{display:flex; align-items:center; justify-content:center; width:100%; height:260px;}
	#current-image						{width:100%; height:100%; max-width:100%; max-height:100%; object-fit: cover; object-position:center;}

	#offer_sidebar						{width:100%; padding:0px; float:right;}
	#offer_head							{width:100%; padding:20px 3% 20px 3%; margin-bottom:20px; overflow:hidden; background-color:#f6f7f8; border-radius:4px; -webkit-box-shadow:0px 0px 10px 0px rgba(189,189,189,0.5); -moz-box-shadow:0px 0px 10px 0px rgba(189,189,189,0.5); box-shadow:0px 0px 10px 0px rgba(189,189,189,0.5); float:left;}
		
	#offer_bid_list 					{width:100%; margin-bottom:20px; padding:20px 3% 20px 3%; overflow:hidden; border-radius:4px; background-color:#f6f7f8; -webkit-box-shadow:0px 0px 10px 0px rgba(189, 189, 189, 0.5); -moz-box-shadow:0px 0px 10px 0px rgba(189, 189, 189, 0.5); box-shadow:0px 0px 10px 0px rgba(189, 189, 189, 0.5); float:left;}
	#offer_bid_list h3					{width:100%; height:40px; font-size:20px; margin:0; padding:0; float:left;}

	#offer_map							{width:100%; height:auto; margin-bottom:20px; padding:20px 3% 20px 3%; border-radius:4px; background-color:#f6f7f8; -webkit-box-shadow:0px 0px 10px 0px rgba(189,189,189,0.5); -moz-box-shadow:0px 0px 10px 0px rgba(189,189,189,0.5); box-shadow:0px 0px 10px 0px rgba(189,189,189,0.5); float:left;}	
	#offer_map h3						{width:100%; height:40px; font-size:20px; margin:0; margin:0; float:left;}

	#offer_video						{width:100%; height:auto; margin-bottom:20px; padding:20px 3% 20px 3%; border-radius:4px; background-color:#f6f7f8; -webkit-box-shadow:0px 0px 10px 0px rgba(189,189,189,0.5); -moz-box-shadow:0px 0px 10px 0px rgba(189,189,189,0.5); box-shadow:0px 0px 10px 0px rgba(189,189,189,0.5); float:left;}	
	#offer_video h3						{width:100%; height:40px; font-size:20px; margin:0; margin:0; float:left;}	
		
	#offer_description					{width:100%; padding:20px 3% 20px 3%; overflow:hidden; margin-top:0px; background-color:#f6f7f8; border-radius:4px; -webkit-box-shadow:0px 0px 10px 0px rgba(189,189,189,0.5); -moz-box-shadow:0px 0px 10px 0px rgba(189,189,189,0.5); box-shadow:0px 0px 10px 0px rgba(189,189,189,0.5); float:left;}
	#offer_description h2				{width:100%; line-height:28px; font-size:26px; font-weight:bold; margin:0px 0px 20px 0px; padding:0; float:left;}

	/*kontakt*/
	#contact_left						{width:100%; padding:0; min-height:100px; float:left;}
	#contact_center						{width:100%; margin-top:30px; padding:0; border-left:none; min-height:100px; float:left;}
	#contact_center h2					{width:100%; margin:0px; padding:0px 0px 20px 0px; color:#ff5a00; font-size:17px; font-weight:normal; text-transform:uppercase; float:left;} 
	#contact_right						{width:100%; margin-top:50px; margin-bottom:30px; padding:0; border-left:none; min-height:100px; float:left;}
	#contact_right h2					{width:100%; margin:0px; padding:0px 0px 20px 0px; color:#ff5a00; font-size:17px; font-weight:normal; text-transform:uppercase; float:left;} 

	.contact_box_b input				{width:100%; height:50px; line-height:50px; text-align:center; border:none; border-radius:4px; background-color:#FF5A00; color:#ffffff; font-size:19px; font-family:'Roboto Condensed',sans-serif; transition:background-color 0.4s, color 0.4s; float:right;}
	.contact_box_b input:hover			{cursor:pointer; color:#ffffff; background-color:#31548A;}

	/*moje konto*/
	.logowanie-wrapper					{width:100%; min-height:500px; overflow:hidden; padding:0px; margin:30px auto 70px auto;}
	.rodzaj-form						{width:80%; height:40px; line-height:40px; margin-right:10%; text-decoration:none; background-color:#82a550; color:#ffffff; text-align:center; border-radius:4px 4px 0px 0px; float:right;}
	.form-wrapper						{width:100%; min-height:100px; overflow:hidden; margin:0px 0px 40px 0px; padding:30px 0px 30px 0px; -webkit-box-shadow:0px 0px 40px -10px rgba(182,183,191,1); -moz-box-shadow:0px 0px 40px -10px rgba(182,183,191,1); box-shadow:0px 0px 40px -10px rgba(182,183,191,1); float:left;}
	.button1_orange						{width:100%; height:44px; line-height:44px; font-size:18px; margin-right:0px; text-align:center; border:none; border-radius:4px; text-decoration:none; color:#ffffff; background-color:#ff5a00; transition:background-color 0.4s; float:left;}
	.button1_orange:hover				{cursor:pointer; background-color:#31548A;}

	#footer 							{width:100%; height:auto; min-height:50px; margin-top:auto; float:left;}
	.foo_logo 							{height:70px; width:100%; padding-left:3%; padding-right:3%; border-radius:30px 30px 0px 0px; background-color:#538BC1; text-align:center; float:left;}
	.foo_logo img 						{width:100px; height:30px; margin-top:20px; border:none; float:none;}
	.foo_txt 							{width:100%; padding-left:3%; padding-right:3%; padding-bottom:20px; height:auto; min-height:50px; margin-top:0px; text-align:center; background-color:#538BC1; float:left;}
	.foo_txt a.fm						{width:100%; margin-left:0px; padding-top:10px; color:#ffffff; text-decoration:none; text-align:center; font-size:16px; float:left;}
	.foo_txt a.fm:hover					{text-decoration:underline; color:#ffffff;}
	.foo_social							{width:100%; height:25px; padding:0px; margin:0px 0px 20px 0px; display:flex; justify-content:center; float:right;}
	.foo_social	a						{width:25px; height:25px; margin-left:5px; margin-right:5px; filter:invert(100%) sepia(0%) saturate(7500%) hue-rotate(228deg) brightness(111%) contrast(104%); transition:filter 0.4s; float:none;}
	.foo_social	a:hover					{filter:invert(33%) sepia(8%) saturate(5335%) hue-rotate(179deg) brightness(83%) contrast(82%);}
	.foo_social	a img					{width:25px; height:25px; border:none;}
}