/*
Theme Name: Tanie Autka
Theme URI: https://tanieautka.pl
Description:  
Version: 1.4.0
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');
@import url('css/foundation.css');
@import url('https://code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css');
@import url('select2/css/select2.min.css');
@import url('fileuploader/font/font-fileuploader.css');
@import url('fileuploader/jquery.fileuploader.min.css');
@import url('fileuploader/jquery.fileuploader-theme-thumbnails.css');
@import url('https://cdn.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.css');

body * { font-family: Inter;}

h1,h2,h3,h4,h5,h6 {font-weight:700;}
h2 {font-size:30px;}
h3 {font-size:24px;}
h4 {font-size:20px;}
h5 {font-size:18px;}
h6 {font-size:16px;}

form label {}
form input, form select, .reveal input, .reveal select {border-radius:12px !important;}
form textarea {height:250px;}
form input[type=submit] {margin:0 0 15px 0;padding:15px 30px;font-weight:700;background:#d62626;color:#fff;border-radius:12px;border:none;cursor:pointer;}
form input[type=submit]:disabled {background:#d8d8d8;}

.button, .button:hover {background:#d62626;color:#fff;border-radius:12px;}

::placeholder {opacity:1;color:#7e7e7e;}

.select2-container .select2-selection--single {height:40px;}
.select2-container .select2-selection--single .select2-selection__rendered {line-height:40px;}
.select2-container--default .select2-selection--single .select2-selection__arrow {height:40px;position:absolute;top:0px;right:0px;width:40px;text-align:center;line-height:40px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {display:block;position:relative;margin:0;padding:0;left:0;top:0;width:100%;height:40px;border:none;background:transparent}
.select2-container--default .select2-selection--single .select2-selection__arrow b:before {content: "\f078";font-family: "Font Awesome 6 Free";font-weight:900;}
.select2-container--default .select2-selection--single .select2-selection__clear {float:left;height:40px;padding: 0px 5px 0 10px;margin:0;}
.select2 {margin-bottom:1rem;}
.select2-selection {border-radius:12px !important;}

.select2-container--open .select2-dropdown--above {top:10px;padding:0 0 10px 0;}
.select2-container--open .select2-dropdown--below {top:-10px;padding:10px 0 0 0;}

header {font-size:16px;font-weight:700;}
.logo { display:inline-block; margin:20px 0; }
#mobile-menu {display:none;}
header ul {list-style:none;margin:15px 0 0 0;padding:0;}
header ul li {float:left;margin:0 35px 0 0;font-size:16px;font-weight:700;}
header ul li a, header ul li a:hover {color:#3e3e3e;}
.header-right {margin:15px 0 0 0;text-align:right;}
.header-right .button {margin:0 30px 0 0;font-size:16px;font-weight:700;}

#fp-banner {background:url(images/search-bg.jpg) center center;}


.short-search {background:#fff;margin:30px 0;border-radius:24px;overflow:hidden;}
.short-search input[type=submit] {display: block;width: 100%;line-height: 40px;padding: 0;text-align: center;}
.short-search .sort-label {text-align:right;line-height:40px;font-size:18px;font-weight:700;}
.short-search .more {display:block;line-height:40px;color:#2b3bc1;text-align:center;}
#short-search-tabs {border:none;}
#short-search-tabs li {float:left;}
#short-search-tabs li a {display:block;padding:20px 25px;text-align:center;color:#4254a1;font-size:16px;line-height:16px;font-weight:700;}
#short-search-tabs li a i {display:block;font-size:40px;line-height:40px;margin-bottom:5px;}
#short-search-tabs .tabs-title > a:focus, #short-search-tabs .tabs-title > a[aria-selected="true"] {background:#4254a1;color:#fff;}
#short-search-tabs .sort-label {}

#hidden_params {display:none;}

.tabs-panel {position:relative;}

a.fast_filter {display:inline-block;margin:0 16px 16px 0;padding:0px 20px;font-size:20px;line-height:40px;font-weight:700;background:#d62626;color:#fff;border-radius:12px;}
a.fast_filter span.icons {margin:0 0 0 10px;vertical-align:middle;}
a.fast_filter span.icons.s1 {font-size:16px;}
a.fast_filter span.icons.s2 {font-size:20px;}
a.fast_filter span.icons.s3 {font-size:30px;}

#fp_slogan {color:#fff;}
#fp_slogan h1 {line-height:1.1;font-family: 'Times New Roman', serif;}
#fp_slogan ul {font-size:20px;line-height:1.1}
#fp_slogan ul li {margin:0 0 10px 0;font-family: 'Times New Roman', serif;}
#fp_slogan ul li a, #fp_slogan ul li a:hover {color:#dc143c;}
#fp_slogan .button {width:100%;margin:20px 0;font-size:24px;font-weight:700;}


.car-box {margin:0 0 30px 0;border:2px solid #f0f0f0;border-radius:20px;overflow:hidden;color:#000;}
.car-box .inner {padding:5px 20px 20px 20px;}
.car-box .price {display:block;font-size:18px;font-weight:700;color:#fb0000;text-align:center;}
.car-box h3 {font-size:16px;color:#000;}
.car-box h3 span {display:block;color:#7e7e7e;}
.car-box .tag {display:inline-block;padding:0 10px;margin:0 0 10px 0;font-size:14px;background:#ececec;color:#000;border-radius:20px;}

.car-box.big-box .inner {padding:20px;}
.car-box.big-box .price {display:inline-block;float:right;font-size:22px;}
.car-box.big-box h3 {font-size:24px;}
.car-box.big-box h3 span {display:inline-block;}

.car-box.wide img {width:320px;float:left;margin:0 30px 0 0;}
.car-box.wide .inner {padding:20px 20px 0 20px;}
.car-box.wide .price {display:inline-block;margin:0 0 20px 20px;float:right;font-size:30px;line-height:30px;}
.car-box.wide .price .leasing_desc {font-size:16px;color:#000;}
.car-box.wide .price .leasing_price {color:#4254a1;}
.car-box.wide .price.user {font-size:24px;color:#000;text-align:right;}
.car-box.wide h3 {max-height:90px;margin:0 0 30px 0;font-size:24px;line-height:30px;overflow:hidden;}
.car-box.wide h3 span {display:inline;}
.car-box.wide div.clear {clear:right;}
.car-box.wide .tag {font-size:16px; padding:5px 15px;}
.car-box.wide .location {float:right;font-size:18px}
.car-box.wide .edit_links a {display:inline-block;margin:10px 10px 0 0;padding:10px 15px;background:#d62626;color:#fff;border-radius:12px;}
.car-box.wide .edit_links .stats {display:inline-block;margin:15px 15px 15px 0;}


.car-box.highlight {position:relative;border-color:#4254a1;background:rgba(66, 84, 161, 0.2);}
.car-box.highlight:before {content:'WYRÓŻNIONE';position:absolute;display:inline-block;top:0;left:0;padding:10px 20px;font-size:16px;line-height:16px;font-weight:700;background:#4254a1;color:#fff;}

#fp-offers h2 {margin:40px 0;padding:0;}


.outer_sad {margin:45px 0;}

#fp-makes {}
#fp-makes .grid-x {padding:40px 0;border-top:1px solid #e5e7eb;}
#fp-makes ul {list-style:none;}
#fp-makes ul li {display:block;float:left;margin:10px;}
#fp-makes ul li a {display:flex;width:80px;height:80px;padding:15px;border:1px solid #f4f4f5;}

#fp-news .grid-x {border-top:1px solid #e5e7eb;}
#fp-news h2 {margin:40px 0;}
#fp-news h2 a {color:#000;}
.news-box {margin:0 0 60px 0;border:2px solid #f0f0f0;border-radius:20px;overflow:hidden;}
.news-box .inner {padding:20px;}
.news-box .inner h3 {font-size:24px;line-height:28px;}
.news-box .inner p {font-size:16px;line-height:20px;height:100px;overflow:hidden}
.news-box .inner a, .news-box .inner a:hover {color:#000;}
.sidebar .news-box {margin:0 0 30px 0;}

#fp-ico-boxes .grid-x {border-top:1px solid #e5e7eb;}
#fp-ico-boxes h2 {margin:60px 0 30px 0;padding:0;font-size:30px;}
#fp-ico-boxes h3 {font-size:20px;}
.ico-box {margin:0 0 45px 0;}


#fp-cta {padding:70px 0;background:url(images/partner-bg.jpg) center center no-repeat;color:#fff;}
#fp-cta h2 {margin:20px 0 0 0;font-size:36px;}
#fp-cta p {margin:35px 0;}
#fp-cta .button {padding:20px 40px;font-size:20px;font-weight:700;background:transparent;border:1px solid #7e88c6;}


#page {padding:60px 0 120px 0; }
#news {padding:60px 0 120px 0; }

#about_header {padding:200px 0;text-align:center;color:#fff;background:url(images/search-bg.jpg) center center;}
#about_header h1 {margin:0;padding:0;font-size:6em;}

.add_selection_box {display:block;padding:20px;margin:30px 0;font-size:24px;border:1px solid #d8d8d5;color:#4254a1;text-align:center;}
.add_selection_box:hover {background:#4254a1;color:#fff;}
.add_selection_box i {display:block;font-size:80px;line-height:80px;margin-bottom:15px;}




.form_bg_color {margin:30px 0;padding:20px 0;background:#f8f8f8;}

.checkboxes_container label {display:inline-block;margin:0 0 5px 0;color:#2e2e2e;cursor:pointer;overflow:hidden;border-radius:12px;}
.checkboxes_container label input {display:none;}
.checkboxes_container label span {display:block;width:100%;padding:0 15px;line-height:40px;background:#d8d8d8;}
.checkboxes_container label input:checked + span {color:#fff;background:#2b3bc1;}

.checkboxes_container.radio {margin:30px 0;}
.checkboxes_container.radio label {display:block;margin:15px 0;}
.checkboxes_container.radio label span {padding:20px;font-size:30px;font-weight:700;line-height:30px;text-align:center;}
.checkboxes_container.radio label span div.promo_days {}
.checkboxes_container.radio label span div.promo_price {padding:20px 0 0 0;font-size:40px;color:#d62626;}
.checkboxes_container.radio label span div.promo_text {font-size:12px;line-height:16px;}

#ta_total_price {font-size:24px;font-weight:700;color:#d62626;}

.modal-opener {position:relative;width:100%;margin-bottom:1rem;padding:8px;line-height:24px;border:1px solid #aaa;border-radius:12px;color:#999;cursor:pointer;}
.modal-opener:before {display:block;width:40px;height:40px;position:absolute;top:0;right:0;content: "\f078";font-family: "Font Awesome 6 Free";font-weight:900;line-height:40px;text-align:center;color:#000;}

.error {display:block;font-size:12px;color:red;font-weight:700;}

.warning {display:block;margin:30px 0;padding:10px 20px;background:#fff;font-weight:700;border:2px solid red;}
.success {display:block;margin:30px 0;padding:10px 20px;background:#fff;font-weight:700;border:2px solid green;}



.account_menu {margin:30px 0;padding:40px 0;background:#f8f8f8;}
.account_menu ul {list-style:none;margin:0;padding:0;border:none;background:transparent;}
.account_menu ul li {float:left;margin:0 20px 0 0;padding:0;}
.account_menu ul li a {display:inline-block;margin:0;padding:20px 20px;font-size:16px;line-height:16px;font-weight:700;color:#646464;}
.account_menu ul li a:hover,
.account_menu .tabs-title > a:hover,
.account_menu .tabs-title > a[aria-selected="true"] {background:transparent;color:#4254a1;border-bottom:3px solid #4254a1;}

.account_pwd {margin:30px 0;padding:40px 0;background:#f8f8f8;}

.account_file_thumbs .fileuploader-theme-thumbnails .fileuploader-thumbnails-input,
.account_file_thumbs .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item {width:50%;width:calc( 50% - 16px ); padding-top:45%;}

#ogloszenia .car-box.wide h3 {margin:0 0 20px 0;height:30px;overflow:hidden;}

.account_total {font-size:24px;color:#d62626;}

.account_table {}
.account_table th, .account_table td {text-align:center;vertical-align:middle;border:1px solid #ddd;}
.account_table td.price {color:#006400;font-weight:700;}
.account_table td.price.negative {color:#d62626;}

.breadcrumbs {margin:60px 0 30px 0;font-size:14px;}

#car h1 {font-size:30px;line-height:36px;font-weight:400;color:#000;}
#car h1 span {color:#7e7e7e;}
#car .price {display:block;font-size:30px;line-height:30px;font-weight:700;color:#fb0000;text-align:right;}
#car .price .leasing_desc {font-size:16px;color:#000;}
#car .price .leasing_price {color:#4254a1;}

#car .car_att {display:inline-block;font-size:14px;margin:0 20px 0 0;color:#7e7e7e;text-align:center;}
#car .car_att span {display:inline-block;padding:0 10px;margin:8px 0 10px 0;font-size:14px;background:#ececec;color:#3a3a3a;border-radius:20px;}
#car .contacts {padding:30px;margin-top:20px;background:#f8f8f8;}
#car .contacts .show_contacts {margin:0 0 20px 0;font-size:20px;font-weight:700;color:#4453a1;cursor:pointer;}
#car .contacts_inner {margin:0;padding:10px 20px;font-size:14px;background:#fff;border:1px solid #f4f4f4;border-radius:20px;color:#767676;}
#car .contacts_inner h3 {color:#3f3f3f;}
#car .post_archived {margin:30px 0;background:#d62626;padding:30px 20px;font-size:24px;text-align:center;color:#fff;}

#car_desc_wrapper {margin:30px 0 60px 0;}
#car_desc_wrapper .car_data ul {margin:0 0 30px 0;padding:0;list-style:none;column-count:2;}
#car_desc_wrapper .car_data ul li {Display:block;line-height:16px;margin:12px 0;}
#car_desc_wrapper .car_data ul li span.lbl {display:block;float:left;width:50%;font-weight:700;}
#car_desc_wrapper .car_data ul li span.value {display:block;float:left;width:50%;}
#car_desc_wrapper .car_data ul li:after {content: "";display:table;clear:both;}
#car_desc_wrapper .car_desc {font-size:14px;color:#5e5e5e;}
#car_desc_wrapper .equipment {padding:20px 30px;background:#f8f8f8;}
#car_desc_wrapper .equipment ul {font-size:14px;color:#5e5e5e;}

#search_results {margin:60px 0 40px 0;}
#search_desc {margin:60px 0;}
ul.page-numbers {margin:0;padding:0;list-style:none;text-align:center;border-top:2px solid #f0f0f0;}
ul.page-numbers li {display:inline-block;}
ul.page-numbers li a,
ul.page-numbers li span {display:block;width:40px;height:40px;line-height:40px;}
ul.page-numbers li a {color:#6b7280;}
ul.page-numbers li span.current,
ul.page-numbers li a:hover {color:#4152a3;border-top:2px solid #4152a3; }

footer {padding:70px 0 0 0;background:#d8d8d5;}
footer ul, footer .menu {display:block;list-style:none;margin:0;padding:0;}
footer ul li {line-height:14px;margin:12px 0;}
footer .menu a {padding:0;margin:0;}
footer ul li a {font-size:14px;color:#000;}
footer ul li a:hover {color:#000;text-decoration:underline;}

footer .widget_box {margin:0 0 60px 0;}
footer .widget_box h3 {line-height:30px;height:60px;overflow:hidden;}

footer .social {margin:30px 0;}
footer .social a {display:block;width:28px;height:28px;float:left;margin:0 15px 0 0;}
footer .social a.facebook {background:url(images/ico_fb.png);}
footer .social a.instagram {background:url(images/ico_insta.png);}
footer .social a.linkedin {background:url(images/ico_lin.png);}

footer form {border:1px solid #000;border-radius:10px;}
footer form input[type=text], footer form input[type=text]:focus {margin:0 10px;padding:0;border:0;background:transparent;}
footer form input[type=text]::placeholder {color:#000;opacity:1;}
footer form input[type=submit] {margin:2px 5px;padding:9px 20px;font-size:14px;font-weight:700;border:none;border-radius:10px;background:#d62626;color:#fff;cursor:pointer;}
footer .copyrights {margin:40px 0 0 0;padding:25px 70px 25px 0;font-size:14px;border-top:1px solid #c4c4be;color:#93938b;text-align:right;}


@media only screen and (max-width: 1023px) {
	#mobile-menu {padding:10px;margin:40px 30px 0 0;display:inline-block;float:right;background:#3d4da9;border-radius:10px;cursor:pointer;}
	.mobile-menu-elem {display:none;}
	header ul {text-align:center;}
	header ul li {display:block;float:none;margin:0;}
	.header-right {margin:15px 0;text-align:center;}
	.header-right a {display:inline-block;}
	#short-search-tabs li a {padding:11px;font-size:14px;}
	#car_desc_wrapper .car_data ul {column-count:1;}
	.car-box.wide img {width:100%;height:auto;float:none;margin:0;}
	.car-box.wide .inner {padding:0 20px}
	.car-box.wide .price {display:block;margin:10px 0;float:none;font-size:24px;line-height:24px;}
	.car-box.wide h3 {font-size:18px;margin:0 0 10px 0;}
	.car-box.wide .location {display:block;float:none;margin:0 0 10px 0;text-align:center;}

}