@charset "UTF-8";
/*
Theme Name: Globe Transfer
Theme URI: https://globetransfer.pl
Description: Szablon strony Globe Transfer VIP Warszawa
Author: NORTEN
Author URI: http://www.norten.pl
Version: 1.0
*/
* { margin: 0; padding: 0; box-sizing: border-box; }
html {scroll-behavior: smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
:focus {outline: 0;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;font-family: "Outfit", sans-serif;position: relative; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;animation: bugfix infinite 1s;-webkit-animation: bugfix infinite 1s; background-color: #000000; color: #dddddd;overflow-x: hidden;}

a {text-decoration:none;outline: 0;}
a:focus {outline: none !important;}
a:active,
a:hover {outline: 0;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {-webkit-appearance: none;-moz-appearance: none;}
input[type=search] {-webkit-appearance: none;-moz-appearance: none;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}

audio,canvas,video {display: inline-block;*display: inline;*zoom: 1;max-width: 100%;}
audio:not([controls]) {display: none;height: 0;}
[hidden] {display: none;}
html {font-size: 1em;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
p, p > b {font-size: 17px;line-height: 1.8;color: #dddddd;font-weight: 400;margin-bottom: 15px;font-family: "Outfit", sans-serif; }
ul li {font-size: 17px;line-height: 1.8;color: #dddddd;font-weight: 400;font-family: "Outfit", sans-serif;}

p > a, p > strong > a, p > a > strong, ul > li > strong > a {color: #c59d4f; font-weight: 600;}
p::selection, h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, h6::selection, ul li::selection, span::selection, b::selection, a::selection, bdi::selection, strong::selection {background-color: #B08839;color: #fff;}
strong, .text-item > b {font-weight: 700;color: #fff;}
figure {margin: 0;}
form {margin: 0;}
fieldset {border: 0;margin: 0;padding: 0;}
legend {border: 0;padding: 0;white-space: normal;*margin-left: -7px;}
button,input,select,textarea {font-size: 100%;margin: 0;vertical-align: baseline; *vertical-align: middle; }
button,input {line-height: normal;}
button,select {text-transform: none;}
button,html input[type="button"], input[type="reset"],input[type="submit"] {-webkit-appearance: button; cursor: pointer;*overflow: visible;}
button[disabled],html input[disabled] {cursor: default;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box; padding: 0; *height: 13px; *width: 13px;}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box;-webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}
textarea {overflow: auto; vertical-align: top;resize: vertical;}
table {border-collapse: collapse;border-spacing: 0;}
html,button,input,select,textarea {color: #010101;}
::-moz-selection {background: #000;text-shadow: none;}
::selection {background: #000;text-shadow: none;}
img {vertical-align: middle;border: 0;-ms-interpolation-mode: bicubic;}
img,
picture,
video {max-width: 100%;height: auto;}

h1,.h1{font-size:40px;font-weight:500;margin-bottom:12px;font-family: "Outfit", sans-serif; line-height: 1.5; color: #e7bf82;}
h2,.h2{font-size:28px;font-weight:500;margin-bottom:12px;font-family: "Outfit", sans-serif; line-height: 1.4; color: #e7bf82;}
h3,.h3{font-size:28px;font-weight:500;margin-bottom:10px;font-family: "Outfit", sans-serif; line-height: 1.5; color: #e7bf82;}
h4,.h4{font-size:26px;font-weight:500;margin-bottom:10px;font-family: "Outfit", sans-serif; line-height: 1.4; color: #e7bf82;}
h5,.h5{font-size:24px;font-weight:500;margin-bottom:8px;font-family: "Outfit", sans-serif; line-height: 34px; color: #e7bf82;}
h6,.h6{font-size:22px;font-weight:500;margin-bottom:8px;font-family: "Outfit", sans-serif; line-height: 28px; color: #e7bf82;}

.content {width:100%;float:left}
.container {margin-right:auto;margin-left:auto;position:relative;}
.container2 {margin-right:auto;margin-left:auto;position:relative; width: 90%;}
.container3 {margin-right:auto;margin-left:auto;position:relative;}
.flexbox {display: flex;flex-wrap: wrap;justify-content: space-between;}
.padding {}
.padleft {padding-left: 25px;}
.padright {padding-right: 25px;}

.col1 {width: 10%;}
.col2 {width: 20%;}
.col3 {width: 30%;}
.col33{width: 33%;}
.col4 {width: 40%;}
.col5 {width: 50%; box-sizing: border-box;}
.col6 {width: 60%;}
.col7 {width: 70%;}
.col8 {width: 80%;}

.toCenter {text-align: center;}
.toRight {text-align: right;}
.verticalCenter {display: grid !important;align-items: center;}

.col_padding .col5:first-child {padding-right: 20px;}
.col_padding .col5:last-child {padding-left: 20px;}




/* ----- Header ----- */
header {position: absolute;z-index: 9;}
.logo {max-width: 170px;}
.tel {font-size: 18px; color: #f9d297; font-weight: 500; letter-spacing: 0.4px; position: relative;}
.tel::before {content: ""; background-image: url("images/tel.svg"); width: 20px; height: 20px;display: inline-block;vertical-align: sub;margin-right: 12px;}
.social li {display: inline-block;}
.social li a::before {content: ""; width: 20px; height: 20px; display: block;}
.social li a.face::before {background-image: url("images/fa.svg");}
.social li a.what::before {background-image: url("images/wa.svg");}

#flags {width: auto !important;}
.social li:last-child {margin-left: 5px;}

#rezerwacja {}
#rezerwacja .container2 {position: relative;}
#rezerwacja .container2 a {
  position: absolute;
  right: 0;
  top: -25px;
  padding: 6px;
  color: #000;
  background: linear-gradient(0deg,rgb(196, 155, 88) 0%, rgb(249, 210, 152) 50%, rgb(196, 155, 88) 100%);
  font-weight: 500;
}


/* --- Menu --- */
.menu {list-style: none;margin: 0;padding: 0;text-align: center;}
.menu li {position: relative;display: inline-block;}
.menu > li > a {display: flex;align-items: center;gap: 5px;padding: 15px 20px;text-decoration: none;color: #fff;transition: background 0.3s;font-weight: 400; font-size: 19px; letter-spacing: 0.2px;}
.menu > li > a:hover {color: #f9d297;}
ul.menu li.menu-item-has-children a::after {content: ""; background-image: url("images/arrow-bottom.svg");display: block;width: 12px;height: 14px;top: 3px;position: relative;margin-left: 3px;}
ul.menu li.menu-item-has-children .sub-menu li a::after {display: none;}
.menu-item-has-children:hover .arrow {transform: rotate(-90deg);}
.sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  background: #0d0d0d;
  min-width: 250px;
  list-style: none;
  padding: 10px 0;
  box-shadow: 0 8px 16px rgba(0,0,0,0.1);
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.3s ease;
  z-index: 1000;
	text-align: left;
}
.sub-menu li {line-height: 1.6; display: block;}
.sub-menu li a {display: block;padding: 10px 20px;color: #dddddd;text-decoration: none;transition: background 0.3s;font-size: 16px;}
.sub-menu li a:hover {color: #c59d4f;}
.menu-item-has-children:hover .sub-menu {opacity: 1;visibility: visible;transform: translateY(0);}
.mobile-close {
  display: none;
  position: absolute;
  top: 20px;
  right: 20px;
  background: none;
  border: none;
  color: #fff;
  font-size: 36px;
  cursor: pointer;
  z-index: 2003;
}
/* ---- MOBILE MENU ----- */

/* Hamburger */
.hamburger {display: none;flex-direction: column;gap: 6px;width: 30px;background: none;border: none;cursor: pointer;z-index: 2001;}
.hamburger span {display: block;height: 3px;width: 100%;background: #fff;transition: 0.3s;}

/* Animacja X */
.hamburger.active span:nth-child(1) { transform: translateY(9px) rotate(45deg); }
.hamburger.active span:nth-child(2) { opacity: 0; }
.hamburger.active span:nth-child(3) { transform: translateY(-9px) rotate(-45deg); }

/* Overlay */
.mobile-menu-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000; 
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  z-index: 2000;
}

/* Pokazany overlay */
.mobile-menu-overlay.active {opacity: 1;visibility: visible;}

/* Mobile menu jako full screen */
@media (max-width: 1125px) {

  .hamburger {display: flex;}
  .main-menu {
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    width: 100%;
    height: 100vh;
    padding-top: 80px;
    transform: translateX(-100%);
    transition: 0.4s;
    z-index: 2002;
  }

  .main-menu.active {transform: translateX(0);}
  .menu {display: block;text-align: left;padding-left: 30px;}
  .menu li {display: block;margin-bottom: 10px;}
  .menu > li > a {padding: 15px 0;font-size: 24px;}

  /* Submenu mobilne */
  .sub-menu {position: static;background: none;box-shadow: none;padding: 10px 0 0 15px;opacity: 1 !important;visibility: visible !important;transform: none;display: none;}
  .menu-item-has-children.open .sub-menu {display: block;}

  /* Obrót strzałki */
  .menu-item-has-children .arrow {transition: transform 0.3s;}
  .menu-item-has-children.open .arrow {transform: rotate(-90deg);}
  .mobile-close {display: block;}
}







/* ----- Slider ------ */
#slider {overflow: hidden;}
.slide-content {position: absolute;left: 10%;right: 10%;width: 80%;margin-top: 0;margin-bottom: 0;top: auto;bottom: auto;height: 100%;}
.slide-title {font-weight: 700;letter-spacing: 0.2px; color: #fff;}
.slide-text {color: #f9d297; font-weight: 300;}
.slide-tel {}
.slide-tel a {color: #fff; letter-spacing: 0.4px;font-weight: 600;}

.slide-car {}
.slide_button {position: absolute;bottom: 50px;text-align: center;width: 100%;display: ruby;z-index: 999;}
.slide.slick-slide > img {margin-top: -50px;}

.slide-in {width: 50%;}
.slide-car {width: 50%; text-align: center;}
.slide-car img {margin-left: auto; margin-right: auto;}

.gold_button a {display: flex;padding: 16px 33px;font-size: 19px;color: #000;background: #C49B58;background: linear-gradient(0deg,rgba(196, 155, 88, 1) 0%, rgba(249, 210, 152, 1) 50%, rgba(196, 155, 88, 1) 100%);transition: 1s;transform: skewX(-15deg);font-weight: 500;}
.gold_button a::before {content: "";
  width: 70%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 15%;
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 0) 100%);
  opacity: 0.8;
}
.gold_button a::after {content: "";
  width: 70%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 15%;
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 0) 100%);
  opacity: 0.8;}
.gold_button a:hover {transition: 0.6s;background: #F9D298;background: linear-gradient(0deg,rgba(249, 210, 152, 1) 0%, rgba(196, 155, 88, 1) 50%, rgba(249, 210, 152, 1) 100%);}
.gold_button a span {transform: skewX(15deg);}




#slider{visibility:hidden;opacity:0;transition: opacity 1s; position: relative;}
#slider.slick-initialized{visibility:visible;opacity:1;}
#slider .slide_content{display:none ;}
#slider .slide_content:first-child{display:block; visibility:hidden;} 
#slider.slick-initialized .slide_content{display:block;visibility:visible!important;}






/* ---- Home 1 ---- */
.first_title {margin-bottom: 40px;}
.first_title span {background: -webkit-linear-gradient(#F9D298, #C49B58);-webkit-background-clip: text;-webkit-text-fill-color: transparent; font-size: 20px; margin-bottom: 5px; display: block;}
.first_title h1, .first_title .h2 {color: #fff;}
.first_title h2, .first_title .h2 {font-size: 40px; color: #fff;}
.home_image {position: relative;display: grid;}
.home_imagein {overflow: hidden;display: flex;justify-content: center;align-items: center;}
.home_imagein::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #000000;
  background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 50%);
  position: absolute;
  bottom: 0;
}
.im-szof::after {content: ""; background-image: url("images/szofer.webp"); width: 162px; height: 525px;position: absolute;left: -85px;bottom: -20px;}
.home_imagein img {max-width: inherit;}
.image_in-content {position: absolute;bottom: 0;text-align: center;}
.image_in-content h3 {color: #fff; font-size: 28px; letter-spacing: 0.2px; font-weight: 600; position: relative; margin-bottom: 4px;}
.image_in-content h3::before {content: "/";color: #e7bf82; font-weight: 400;display: block;}
.image_in-content span {background: -webkit-linear-gradient(#F9D298, #C49B58);-webkit-background-clip: text;-webkit-text-fill-color: transparent; font-size: 18px;}

.dark_button {margin-top: 30px;}
.dark_button a {
  display: flex;
  padding: 16px 33px;
  font-size: 19px;
  color: #000;
  background: #000000;
  background: linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(8, 8, 8, 1) 50%);
  border: solid 2px #edc589;
  transition: 1s;
  transform: skewX(-15deg);
  font-weight: 500;
}
.dark_button a:hover {transition: 0.6s; background: linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 50%);}
.dark_button a span {transform: skewX(15deg); width: 100%;}





/* ----  ------ */
.whiteback {background-color: #fff; color: #000;}
.whiteback .first_title h2 {color: #000000;}





/* ----- Ikony ---- */
.icon {text-align: center;}
.icon img {max-width: 80px; margin-bottom: 20px; margin-left: auto; margin-right: auto;}
.icon h4 {color: #fff; text-transform: uppercase; font-size: 18px;text-align: center; letter-spacing: 0.2px;}





/* ---- Mix auta ---- */
/* Controls
---------------------------------------------------------------------- */
#mix_car {height: 0px;}
.car_controls {
  padding: 1rem;
  font-size: 16px;
  text-align: right;
  width: 40%;
  float: right;
  position: relative;
  top: -130px;
}

.control_car {
  position: relative;
  display: inline-flex;
  width: auto;
  height: auto;
  cursor: pointer;
  font-size: 16px;
  color: #000;
  transition: background 150ms;
	transform: skewX(-15deg);
	border-radius: 0;
	padding-top: 8px; padding-bottom: 8px; padding-left: 12px; padding-right: 12px;
	border: solid 1px #edc589;
  background-color: #fff;
}
.control_car span {transform: skewX(15deg); font-weight: 500;}
.control_car:hover {background: #3f3f3f; color: #fff;}

.mixitup-control-active {background: linear-gradient(0deg,rgba(196, 155, 88, 1) 0%, rgba(249, 210, 152, 1) 50%, rgba(196, 155, 88, 1) 100%);}
.mixitup-control_car-active {background: #393939;}
.mixitup-control_car-active[data-toggle]:after {background: transparent;}
.control_car:first-of-type {border-radius: 0;}
.control_car:last-of-type {border-radius: 0;}
.control_car[data-filter=".green"],
.control_car[data-toggle=".green"] {}
.control_car[data-filter=".blue"],
.control_car[data-toggle=".blue"] {}
.control_car[data-filter=".pink"],
.control_car[data-toggle=".pink"] {}

/* Container
---------------------------------------------------------------------- */

.container-car {padding: 1rem;text-align: justify;font-size: 0.1px;}
.container-car:after {content: '';display: inline-block;width: 100%;}

/* Target Elements
---------------------------------------------------------------------- */

.mix,
.gap {display: inline-block;vertical-align: top;}
.mix {}
.mix:before {}
.mix.green {color: #91e6c7;}
.mix.pink {color: #d595aa;}
.mix.blue {}

.mix-car_tit h4 {color: #000; font-size: 22px; font-weight: 400; display: inline-block;}
.mix-car-ile {display: inline-block; font-size: 18px; font-weight: 300; color: #e7bf82; letter-spacing: 0.2px; float: right; position: relative;margin-top: 4px;}
.mix-car-ile::before {
  content: "";
  background-image: url("images/osoba.svg");
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: sub;
  margin-right: 4px;
}
.mix-model {display: block; font-size: 18px;font-weight: 300; color: #e7bf82;}

/* Grid Breakpoints
---------------------------------------------------------------------- */

/* 2 Columns */
.mix,
.gap {width: calc(100%/2 - (((2 - 1) * 2rem) / 2));}

/* 3 Columns */
@media screen and (min-width: 541px) {
    .mix,
    .gap {width: calc(100%/2 - (((2 - 1) * 2rem) / 2));}
}

/* 4 Columns */
@media screen and (min-width: 869px) {
    .mix,
    .gap {width: calc(100%/3 - (((3 - 1) * 3rem) / 3));}
}

#flota-button {display: block; margin-top: 30px;}
#flota-button .gold_button {text-align: center;}
#flota-button .gold_button a {display: inline-flex;}



/* ---- Home 2 ---- */
#home_two {position: relative;}
#home_two::before {content: ""; background-image: url("images/airplane.webp"); width: 439px;height: 175px; position: absolute; left: -8%; top: 5%;}



/* ---- Home transfer ---- */
#home_transfer {background-color: #020202; position: relative;}
#home_transfer::before {content: ""; background-image:url("images/back-transfer.webp"); width: 100%; height: 100%; left: 0; top: 0; position: absolute;background-position: center 180px;background-size: cover;background-repeat: no-repeat;}
.home-transfers {margin-bottom: 80px;}
.transf_box {text-align: center;display: flex;
  padding: 25px 33px;
  font-size: 19px;
  color: #000;
  background: #C49B58;
  background: linear-gradient(0deg,rgba(196, 155, 88, 1) 0%, rgba(249, 210, 152, 1) 50%, rgba(196, 155, 88, 1) 100%);
  transition: 1s;
  transform: skewX(-15deg);
  font-weight: 500;
  margin-bottom: 25px;
}
.transf_box span {transform: skewX(15deg); width: 100%; font-size: 18px; text-transform: uppercase;}
.cities {position: relative;}
.cities::before {
  content: "";
  background-image: url("images/pin.svg");
  width: 27px;
  height: 27px;
  display: inline-block;
  vertical-align: sub;
  margin-right: 10px;
}
.cities span:first-child {margin-right: 10px;}
.cities span:first-child::after {content: ""; background-image: url("images/mix-arrow.svg"); width: 16px;height: 16px;display: inline-block;margin-left: 9px;}
.cities span:last-child {}

.cities span .arro::before {content: ""; background-image:url("images/mix-arrow.webp");display: inline-block;width: 15px;height: 15px;}
.transf_button {text-align: center;}
.transf_button .dark_button {display: inline-block;margin-left: auto;margin-right: auto;left: 0;right: 0;}
.transf_button .dark_button a {color: #e7bf82;}

#breadcrumbs span span a {color: #e7bf82;} .breadcrumbs span span a:hover {color: #fff;}


/* ---- Home 3 Galeria ---- */
#home3_gal {position: relative;}
#home3 ul li {list-style: inside;}
.gallery-item {width: 24%; margin-bottom: 20px; overflow: hidden;height: 330px;display: flex;}
.lightbox-trigger {display: flex;justify-content: center;align-items: center;}
.gallery-item a img {max-width: 140%; transition: 0.6s;}
.gallery-item:hover a img {transition: 0.6s; opacity: 0.6;}
.lightbox-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.9);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease;
}

.lightbox-overlay.active {
    opacity: 1;
    pointer-events: all;
}

.lightbox-overlay img {
    max-width: 90%;
    max-height: 90%;
    border-radius: 10px;
}

/* strzałki */
.lightbox-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 48px;
    color: #fff;
    cursor: pointer;
    user-select: none;
    padding: 10px;
}

.lightbox-arrow.left {
    left: 30px;
}

.lightbox-arrow.right {
    right: 30px;
}

.lightbox-arrow:hover {
    opacity: .7;
}






.box3 {background-color: #060606;display: inline-flex;transform: skewX(-15deg); padding-left: 20px; padding-right: 20px; padding-top: 60px; padding-bottom: 60px;text-align: center; overflow: hidden;}
.box3_in {transform: skewX(15deg);width: 100%;}
.box3_in .gold_button {display: inline-block;}
.box3one::before {content: ""; background-image: url("images/auto1.webp"); position: absolute; right: -20%; width: 369px; height: 275px; background-size: contain; top: -40px; background-repeat: no-repeat;transform: skewX(15deg);}
.box3two::before {content: ""; background-image: url("images/auto2.webp"); position: absolute; right: -20%; width: 369px; height: 275px; background-size: contain; top: -40px; background-repeat: no-repeat;transform: skewX(15deg);}
.box3three::before {content: ""; background-image: url("images/auto3.webp"); position: absolute; right: -20%; width: 369px; height: 275px; background-size: contain; top: -40px; background-repeat: no-repeat;transform: skewX(15deg);}
.box3_info span {font-size: 16px; letter-spacing: 0.2px; font-weight: 500; margin-bottom: 7px;display: block;}
.box3_title {background: -webkit-linear-gradient(#F9D298, #C49B58);background-clip: border-box;-webkit-background-clip: text;-webkit-text-fill-color: transparent; font-size: 28px; font-weight: 600;}
.box3-tel::before {width: 27px;height: 27px;content: "";background-image: url("images/tel.svg");display: inline-block;vertical-align: sub;margin-right: 12px;}
.box3-mail::before {width: 27px;height: 27px;content: "";background-image: url("images/mail.svg");display: inline-block;vertical-align: sub;margin-right: 12px;}







/* ----- Aktualności ------ */
.news3 {overflow: hidden; width: 32%;}
.news3-img {margin-bottom: 14px;display: flex;justify-content: center;align-items: center; position: relative; overflow: hidden;max-height: 340px;}
.news3-img a img {transition: 0.6s;max-width: none;}
.news3-img:hover a img {-webkit-transform: scale(1.2);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1); transition: 0.6s;}
.news3 h4 {font-size: 20px;} .news3 h4 a {color: #fff;} .news3 h4 a:hover {color: #C49B58;}
.news3 p {font-size: 16px; color: #dddddd; font-weight: 300; line-height: 1.6;}
.news3-date {position: absolute; padding: 6px;display: flex;background: #C49B58;background: linear-gradient(0deg,rgba(196, 155, 88, 1) 0%, rgba(249, 210, 152, 1) 50%, rgba(196, 155, 88, 1) 100%);transform: skewX(-15deg);right: 10px;top: 10px;z-index: 9;}
.news3-date span {transform: skewX(15deg); color: #000;}

.news_block.flexbox::after, .similar-posts-list.flexbox::after {content: "";flex: 0 0 32%;}
.post-img {overflow: hidden; max-height: 380px;display: flex;justify-content: center;align-items: center; margin-bottom: 40px;transform: skewX(-10deg);margin-left: 3%;}
.post-img img {min-width: 100%;min-width: 106%;transform: skewX(10deg);}

#current_post {background-color: #060606; position: relative;}
#current_post::before {content: ""; background-image: url("images/car2.webp"); width: 643px; height: 464px; position: absolute; right: -10%; opacity: 0.6; background-size: contain;}




/* ----- Podstrony ----- */
#top_page {margin-top: 150px;background-color: #000; position: relative;}
#top_page::before {
  content: "";
  background-image: url("images/slide2.webp");
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.5;
}
#top_page::after {content: ""; background-image: url("images/car1.webp"); width: 580px; height: 532px; background-repeat: no-repeat; background-size: contain; right: -5%;position: absolute;top: 0;}
.page .wp-block-list li {list-style: inside;}

.form-col .wpcf7-form-control-wrap-main input, .form-col .wpcf7-form-control-wrap input, .wpcf7-select, .wpcf7-email {
  width: 100%;
  padding: 20px;
  background-color: #373737;
  border: none;
  color: #ccc;
  opacity: 1;
	font-family: "Outfit", sans-serif;
}
.wpcf7-textarea {width: 100%; padding: 20px;max-height: 120px;background-color: #373737;color: #ccc;border: none;font-family: "Outfit", sans-serif;}
.wpcf7-form hr {margin-top: 25px; margin-bottom: 25px; border-bottom: solid 1px #272520; border-top: none; border-left: none; border-right: none;}
.wpcf7-submit {background: #C49B58;background: linear-gradient(0deg,rgba(196, 155, 88, 1) 0%, rgba(249, 210, 152, 1) 50%, rgba(196, 155, 88, 1) 100%);transition: 1s;font-weight: 500; border: none;font-size: 20px;padding: 12px 18px;}

.white-page {background-color: #fff; color: #000;}
.white-page p, .white-page p > b, .white-page p strong, .white-page ul li {color: #000;}
.page-template-page-flota #top_page::after, .blog #top_page::after, .single-post #top_page::after {display: none;}

.wp-block-separator {border-bottom: none; border-left: none; border-right: none;border-top: solid 1px #272520; margin-bottom: 40px; margin-top: 35px;}

.cont-icon {margin-bottom: 18px !important;}
.cont-icon .uagb-icon-list__label {font-size: 20px;font-weight: 600;}
.cont-icon .uagb-icon-list__source-wrap svg {width: 20px!important;height: 20px!important;font-size: 20px!important;}

.uagb-rm__desc strong {color: #d0d0d0;font-weight: 600;}


/* ---- Stopka ---- */
footer {position: relative;}
footer::before {content: ""; background-image: url("images/foot-back.webp"); width: 100%; height: 100%; top: 0; left: 0; position: absolute;background-size: cover;background-position: center;opacity: 0.7;}
.footer1 {padding-top: 45px; padding-bottom: 45px;}
.footer2 {padding-top: 45px; padding-bottom: 45px; border-top: solid 1px #272520;}
.foot-title {position: relative; font-size: 26px; font-weight: 600; margin-bottom: 15px; letter-spacing: 0.2px;}
.foot-title::before {content: "/"; font-size: 30px; font-weight: 400; margin-right: 8px;background: -webkit-linear-gradient(#F9D298, #C49B58);background-clip: border-box;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.foot-col p {font-size: 16px; color: #dddddd; line-height: 1.6}
.foot-col ul li a {color: #dddddd;font-size: 16px; }
.foot-col a {color: #e7bf82;}.foot-col a:href {color: #fff;}
.foot-cont {margin-top: 25px;}
.foot-cont li a {color: #fff; font-size: 21px;}
.foot-cont li a::before {content: ""; width: 24px; height: 24px;}
.foot-cont li a.mail::before {background-image: url("images/mail.svg"); background-repeat: no-repeat;display: inline-block;vertical-align: sub;margin-right: 12px;}




/* ---- MOBILE ---- */

@media (max-width: 601px) {
	.container, .container3 {max-width: 90%;}
	.container2 {max-width: 98%;}
	.padding {padding-top: 60px; padding-bottom: 60px;}
	
	h2, .h2 {font-size: 26px;margin-bottom: 5px;line-height: 1.3}
	h3, .h3 {font-size: 24px;line-height: 1.2;}
	.first_title h1 {font-size: 30px;line-height: 1.2;}
	.first_title h2, .first_title .h2 {font-size: 32px;line-height: 1.2;}
	
	p, p > b, ul li  {font-size: 16px;line-height: 1.7;}
	
	.col_padding .col5:first-child {padding-right: 0;}
	.col_padding .col5:last-child {padding-left: 0;}
	.col_padding .col5 {width: 100%;}
	
	.slide-content {left: 5%;right: 5%;width: 90%;}
	
	.page_title h1 {font-size: 25px;}
	
	header {padding-top: 25px; padding-bottom: 25px;}
	header .col1 {width: 30%; order: 3;text-align: center;}
	header .topLogo {order: 1;}
	.logo {max-width: 130px;}
	header .topMenu {width: auto; order: 4;}
	header .topTel {order: 2;width: 35%;}
	.menu > li > a {font-size: 20px;padding: 10px 12px;} .tel, .gold_button a {font-size: 14px;}
	.tel::before {width: 13px;height: 13px;margin-right: 6px;}
	
	#slider {}
	#slider, #slider .slick-list, #slider .slick-list .slick-track {height: 600px;}
	.slide-car {
    top: 45%;
    position: absolute;
    right: -20%;
    z-index: 0;
    width: 65%;
  }
	.slide_button a {font-size: 15px;padding: 14px 26px;}
	.slide-car img {opacity: 0.9;}
	.slide-in {width: 100%;z-index: 99;}
	.slide-title {font-size: 34px; margin-bottom: 16px;}
	.slide-text {font-size: 18px; margin-bottom: 16px; line-height: 1.5;}
	.slide-tel a {font-size: 20px;}
	.slide-tel a::before {width: 22px;height: 22px;}
	
	#top_page {margin-top: 110px;padding-top: 30px;padding-bottom: 30px;}
	#top_page .container {z-index: 2;}
	#top_page::after {
    width: 200px;
    height: 152px;
    right: -20%;
    top: 26%;
		z-index: 0; opacity: 0.6;
  }
	#content_page {padding-top: 20px;}
	
	#home_two::before {left: -40%;opacity: 0.5;}
	
	.home_image {height: 320px;margin-bottom: 35px;}
	
	.first_title {margin-bottom: 25px;}
	#home_cars .first_title {text-align: center;}
	.car_controls {width: 100%;top: -20px;text-align: center;}
	.control_car {margin-bottom: 2px;}
	#mix_car {height: 70px;}
	.mix-car_tit h4 {font-size: 18px;text-align: left;}
	.mix-model, .mix-car-ile {font-size: 16px;}
	.mix-car-ile {float: left;
  width: 100%;
  position: relative;
  margin-top: 0;margin-bottom: 6px;}
	
	.image_in-content h3 {font-size: 26px;}
	.im-szof::after {display: none;}
	
	#home_icon {padding-top: 0;}
	.icon {width: 33%;margin-bottom: 20px;}
	.icon h4 {font-size: 17px;}
	.icon img {max-width: 65px;margin-bottom: 14px;}
	
	.home-transfers {margin-bottom: 20px;}
	.transf_box {padding: 15px 8px; font-size: 16px;width: 49%;}
	.transf_box span {font-size: 15px;}
	.cities::before {width: 24px;height: 24px;margin-right: 6px;}
	
	#home3 {padding-bottom: 1px;}
	#home-3box {padding-top: 0; padding-bottom: 0;}
	.box3 {width: 100%; margin-bottom: 5px;background-color: #111;padding-left: 10px;padding-right: 10px;padding-top: 50px;padding-bottom: 50px;}
	
	.news3 {width: 100%; margin-bottom: 20px;}
	.news3-img {height: 230px;overflow: hidden;}
	
	
	.footer1 {padding-top: 40px; padding-bottom: 10px;}
	.footer2 {padding-top: 20px; padding-bottom: 20px;font-size: 13px;}
	.foot-col p, .foot-col ul li a {font-size: 15px; line-height: 1.6;}
	.foot-title {margin-bottom: 10px;background: -webkit-linear-gradient(#F9D298, #C49B58);background-clip: border-box;-webkit-background-clip: text;-webkit-text-fill-color: transparent; font-size: 23px;}
	.foot-title::before {font-size: 24px;font-weight: 300;margin-right: 5px;}
	.foot-cont li a::before {width: 18px;height: 18px;}
	.foot-col .social {text-align: center;}
	
	.footer1 .col3.foot-col {width: 100%; margin-bottom: 25px;}
	.foot-accordion-btn {width: 100%;border: none;text-align: left;cursor: pointer; position: relative;}
	.foot-accordion-btn::after {content: ""; background-image: url("images/arrow-bottom.svg"); width: 20px; height: 20px; display: inline-block;margin-left: 10px;vertical-align: middle;}
	.foot-accordion-content {max-height: 0;overflow: hidden;transition: max-height 0.3s ease;padding: 0 15px;}
	.foot-accordion.open .foot-accordion-content {max-height: 600px; /* wystarczająco na treść */padding: 15px;}
	
	.form-col {width: 100%;}
	.gallery-item {width:49%;height: 200px;}
}




@media (max-width: 495px) {
	h2, .h2 {font-size: 24px;margin-bottom: 5px;line-height: 1.2;}
	h3, .h3 {font-size: 24px;line-height: 1.2;}
	
	header .topTel {position: absolute;left: 0;text-align: right;top: -30px;width: auto;}
	header .container2 {padding-top: 14px;}
	header .topLogo {width: 30%;}
	.logo {top: -10px;position: relative;}
	header .col1 {width: 43%;}
	#flags {width: auto !important;padding-left: 10px;}
	#rezerwacja .container2 a {top: -22px;padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px;}
	
	.hamburger{top: -4px;position: relative;}
	
	 #slider, #slider .slick-list, #slider .slick-list .slick-track {height: 540px;}
	.slide-title {font-size: 30px;margin-bottom: 18px;line-height: 1.2;font-weight: 600;}
	.slide_button {width: 180px;left: 7%;bottom: 65px;}
	.icon {width: 50%;}
	.mix-car_tit h4 {font-size: 16px; margin-bottom: 4px;}
	.mix-car-ile {margin-top: 0;}
	.mix-model, .mix-car-ile {font-size: 14px;}
	.control_car {font-size: 15px;}
	.transf_box {width: 100%;margin-bottom: 1px;}
	.slide-car {top: 51%;}
	#home_one {padding-top: 0;}
	.gallery-item {width:100%;height: 250px;}
	
}



@media (min-width: 601px) {
	.container, .container3 {max-width: 90%;}
	.container2 {max-width: 98%;}
	.padding {padding-top: 60px; padding-bottom: 60px;}
	
	.first_title h2, .first_title .h2 {font-size: 35px;}
	
	.col_padding .col5:first-child {padding-right: 0;}
	.col_padding .col5:last-child {padding-left: 0;}
	.col_padding .col5 {width: 100%;}
	
	.slide-content {left: 5%;right: 5%;width: 90%;}
	
	header {padding-top: 25px; padding-bottom: 25px;}
	header .col1 {width: 30%; order: 3}
	header .topLogo {order: 1;}
	.logo {max-width: 130px;}
	header .topMenu {width: auto; order: 4;}
	header .topTel {order: 2;}
	.menu > li > a {font-size: 17px;padding: 10px 15px;} .tel, .gold_button a {font-size: 17px;}
	
	#slider {}
	#slider, #slider .slick-list, #slider .slick-list .slick-track {height: 660px;}
	.slide-car {top: 30%;position: relative;}
	.slide-title {font-size: 34px; margin-bottom: 16px;}
	.slide-text {font-size: 18px; margin-bottom: 16px; line-height: 1.5;}
	.slide-tel a {font-size: 20px;}
	.slide-tel a::before {width: 22px;height: 22px;}
	
	 #top_page::after {
    width: 270px;
    height: 222px;
    right: -5%;
    top: 26%;
  }
	
	#home_two::before {left: -35%;}
	
	.home_image {height: 350px;margin-bottom: 45px;}
	
	.first_title {margin-bottom: 35px;}
	#home_cars .first_title {text-align: left;}
	.car_controls {width: 70%;}
	
	.image_in-content h3 {font-size: 26px;}
	.im-szof::after {display: none;}
	
	.icon {width: 33%;margin-bottom: 20px;}
	.icon h4 {font-size: 17px;}
	
	.home-transfers {margin-bottom: 20px;}
	.transf_box {padding: 15px 18px; font-size: 17px;}
	.transf_box span {font-size: 16px;}
	.cities::before {width: 24px;height: 24px;margin-right: 6px;}
	
	#home-3box {padding-top: 0; padding-bottom: 0;}
	.box3 {width: 100%; margin-bottom: 5px;}
	
	
	.footer1 {padding-top: 40px; padding-bottom: 40px;}
	.footer2 {padding-top: 20px; padding-bottom: 20px;}
	.foot-col p, .foot-col ul li a {font-size: 15px; line-height: 1.6;}
	
	.form-col {width: 100%;}
	.gallery-item {width:49%;height: 200px;}
}




@media (min-width: 869px) {
	.container {}
	.container2 {}
	.padding {padding-top: 70px; padding-bottom: 70px;}
	
	.first_title h2, .first_title .h2 {font-size: 38px;}
	
	.col_padding .col5:first-child {}
	.col_padding .col5:last-child {}
	.col_padding .col5 {}
	
	.slide-content {}
	
	header {}
	header .col1 {}
	header .topLogo {}
	.logo {max-width: 140px;}
	header .topMenu {}
	header .topTel {;}

	
	#slider {}
	#slider, #slider .slick-list, #slider .slick-list .slick-track {height: 700px;}
	.slide-car {}
	.slide-title {font-size: 36px; margin-bottom: 20px;}
	.slide-text {font-size: 20px; margin-bottom: 20px; line-height: 1.6;}
	.slide-tel a {font-size: 22px;}
	.slide-tel a::before {width: 23px;height: 23px;}
	
	 #top_page::after {
    width: 300px;
    height: 252px;
    right: -5%;
    top: 22%;
  }
	
	#home_two::before {}
	
	.home_image {height: 400px;margin-bottom: 45px;}
	
	
	.first_title {margin-bottom: 40px;}
	
	.image_in-content h3 {font-size: 28px;}
	.im-szof::after {}
	
	.icon {}
	.icon h4 {}
	
	.home-transfers {margin-bottom: 40px;}
	.transf_box {padding: 25px 33px; font-size: 19px;}
	.transf_box span {font-size: 18px;}
	.cities::before {width: 27px;height: 27px;margin-right: 10px;}
	
	.footer1 {padding-top: 50px; padding-bottom: 50px;}
	.footer2 {padding-top: 20px; padding-bottom: 20px;}
	.foot-col p, .foot-col ul li a {font-size: 16px; line-height: 1.7;}
	
	.form-col {width: 48%;}
	.gallery-item {width:32%;height: 230px;}

}



@media (min-width: 1024px) {
	
	.container {}
	.container2 {}
	.padding {}
	
	.first_title h2, .first_title .h2 {font-size: 40px;}
	
	.col_padding .col5:first-child {padding-right: 30px;}
	.col_padding .col5:last-child {padding-left: 30px;}
	.col_padding .col5 {width: 50%;}
	
	.slide-content {left: 10%;right: 10%;width: 80%;}
	
	.logo {max-width: 170px;}
	
	#slider {}
	#slider, #slider .slick-list, #slider .slick-list .slick-track {}
	.slide-car {}
	.slide-title {font-size: 38px; margin-bottom: 20px;}
	.slide-text {}
	.slide-tel a {}
	.slide-tel a::before {}
	
	 #top_page::after {
    width: 350px;
    height: 302px;
    right: -5%;
    top: 15%;
  }
	
	#home_two::before {left: -30%;}
	
	.home_image {height: auto;margin-bottom: 0;}
	
	
	.first_title {}
	#home_cars .first_title {}
	.car_controls {}
	
	.image_in-content h3 {}
	.im-szof::after {display: block;}
	
	.icon {width: 20%;margin-bottom: 0;}
	.icon h4 {}
	
	.home-transfers {margin-bottom: 80px;}
	
	#home-3box {padding-top: 70px; padding-bottom: 70px;}
	.box3 {width: 33%; margin-bottom: 0;}
	.gallery-item {width:32%;height: 250px;}
	
}



@media (min-width: 1125px) {
	.container {}
	.container2 {max-width: 90%;}
	.container3 {max-width: 90%;}
	.padding {padding-top: 80px; padding-bottom: 80px;}
	
	.col_padding .col5:first-child {padding-right: 40px;}
	.col_padding .col5:last-child {padding-left: 40px;}
	
	header {padding-top: 30px; padding-bottom: 30px;}
	header .col1 {width: 10%; order: 4;}
	header .topLogo {order: 1;}
	logo {max-width: 170px;}
	header .topMenu {width: 50%; order: 2;}
	header .topTel {order: 3;}
	.menu > li > a {padding: 10px 14px;} 
	#slider {}
	#slider, #slider .slick-list, #slider .slick-list .slick-track {}
	.slide-car {}
	.slide-title {font-size: 42px; margin-bottom: 25px;}
	.slide-text {font-size: 22px; margin-bottom: 25px; line-height: 1.6;}
	.slide-tel a {font-size: 24px;}
	.slide-tel a::before {width: 24px;height: 24px;}
	
	 #top_page::after {
    width: 380px;
    height: 332px;
    right: -5%;
    top: 15%;
  }
	
	#home_two::before {left: -8%;}
	
	.first_title {margin-bottom: 50px;}
	#home_cars .first_title {text-align: center;}
	.car_controls {width: 40%;}
	
	.image_in-content h3 {font-size: 30px;}
	.home_imagein::before {display:block;}
	
	.icon h4 {font-size: 18px;}
	
	.footer1 {padding-top: 60px; padding-bottom: 60px;}
	.footer2 {}
	.foot-col p, .foot-col ul li a {}
	.gallery-item {width:32%;height: 270px;}
}





@media (min-width: 1310px) {
	.container {max-width: 1280px;}
	.container3 {max-width: 70%;}
	.padding {padding-top: 80px; padding-bottom: 80px;}
	
	.col_padding .col5:first-child {padding-right: 40px;}
	.col_padding .col5:last-child {padding-left: 40px;}
	
	header {padding-top: 40px; padding-bottom: 40px;}
	.menu > li > a {font-size: 20px;padding: 12px 18px;} .tel, .gold_button a {font-size: 20px;}
	#slider {}
	#slider, #slider .slick-list, #slider .slick-list .slick-track {height: 800px;}
	.slide-car {top: 35%;position: relative;}
	.slide-title {font-size: 48px; margin-bottom: 35px;}
	.slide-text {font-size: 26px; margin-bottom: 35px; line-height: 1.6;}
	.slide-tel a {font-size: 26px;}
	.slide-tel a::before {width: 25px;height: 25px;}
	
	#top_page::after {width: 480px;height: 432px;right: -5%;top: 0;}
	
	.first_title {margin-bottom: 60px;}
	
	.image_in-content h3 {font-size: 32px;}
	
	.icon h4 {}
	
	.footer1 {padding-top: 60px; padding-bottom: 60px;}
	.footer2 {padding-top: 20px; padding-bottom: 20px;}
	.foot-col p, .foot-col ul li a {font-size: 16px; line-height: 1.7;}
	.gallery-item {width:24%;height: 300px;}
}

@media (min-width: 1610px) {
	.container {max-width: 1480px;}
	.container3 {max-width: 60%;}
	.padding {padding-top: 100px; padding-bottom: 100px;}
	.page h2 {font-size: 32px;}
	
	.col_padding .col5:first-child {}
	.col_padding .col5:last-child {}
	
	header {}
	.menu > li > a {font-size: 21px;padding: 15px 25px;} .tel, .gold_button a {font-size: 21px;}
	#slider {}
	#slider, #slider .slick-list, #slider .slick-list .slick-track {height: 820px;}
	.slide-car {}
	.slide-title {font-size: 54px; margin-bottom: 38px;}
	.slide-text {font-size: 27px; margin-bottom: 45px; line-height: 1.6;}
	.slide-tel a {font-size: 28px;}
	.slide-tel a::before {width: 27px;height: 27px;}
	
	#top_page::after {width: 580px;height: 532px;right: -5%;top: 0;}
	
	.first_title {margin-bottom: 70px;}
	
	.image_in-content h3 {font-size: 32px;}
	
	.icon h4 {font-size: 20px;}
	
	.transf_box {width: 24%;}
	
	.footer1 {padding-top: 70px; padding-bottom: 70px;}
	.footer2 {padding-top: 40px; padding-bottom: 40px;}
	.foot-col p, .foot-col ul li a {font-size: 17px; line-height: 1.8;}
	.gallery-item {width:24%;height: 330px;}
}