/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@import 'flexvideo.css';
@import 'fix-bootstrap.css';
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


img.aligncenter {
    display: block;
    margin: 0 auto;
}

body {
	font-size: 16px;
	font-family: Montserrat;
}

/* ancient-browser-alert error */
.ancient-browser-alert {
    background: #a00;
    color: #faa;
    display: block;
    padding: 3px 0;
    text-align: center;
}
.ancient-browser-alert a {
    color: #fff;
    text-decoration: underline;
}



.page-header-top-right {
    margin-top: 10px;
}



.pagination {
    margin: 0;
}



.pagination-center {
    text-align: center;
}
.pagination-row {
    margin-bottom: 20px;
}



.required {
    color: #f00;
}



.row-with-vspace {
    margin-bottom: 20px;
}



.site-main .format-aside {
    background: #f5f5f5;
}
.site-main .format-image {
    background: url('../img/content-post-format-image.png') left top no-repeat;
}
.site-main .format-link {
    background: url('../img/content-post-format-link.png') left top no-repeat;
}
.site-main .format-quote {
    background: url('../img/content-post-format-quote.png') left top no-repeat;
}
.site-main .format-video {
    background: url('../img/content-post-format-video.png') left top no-repeat;
}



.site-title {
    margin-bottom: 0;
    margin-top: 10px;
}
.site-title > a {
    text-decoration: none;
}
.site-title > div {
    height: auto;
    line-height: 18px;
}
.site-title .site-description {
    color: #999;
    font-size: 16px;
}
.site-title .site-title-heading {
    margin: 0;
}



.widget_calendar #wp-calendar {
    margin: 0;
}
.widget_calendar #wp-calendar #next {
    text-align: right;
}



#comments .comment-navigation {
    margin-bottom: 0;
}
#comments .comment-navigation-below {
    margin-bottom: 20px;
    margin-top: 15px;
}
#comments .media-list li .media {
    margin-top: 15px;
}
#comments .media-list li .media .media-body {
    border: 1px solid #eee;
    padding: 10px;
}
#comments .media-list li .media .media-body .comment-author {
    font-size: 12px;
    margin-bottom: 10px;
}
#comments .media-list ul.children {
    list-style: none;
    margin-left: 2.5em;
}


#main-column .wp-video-shortcode {
    display: block;
    height: auto;
    max-width: 100%;
}
#main-column .attachment .entry-content {
    margin-bottom: 20px;
}
#main-column .attachment .entry-content .attachment {
    text-align: center;
}
#main-column .attachment .entry-meta {
    margin-bottom: 20px;
}
#main-column .post,
#main-column .page {
    border: 1px solid #eee;
    margin-bottom: 20px;
    padding: 10px;
}
#main-column .post .entry-header .entry-meta {
    color: #999;
}
#main-column .post .entry-header .entry-meta a {
    color: inherit;
}
#main-column .post .entry-header .entry-meta .posted-on .updated {
    display: none;
}
#main-column .post .entry-meta .categories-icon {
    cursor: default;
}
#main-column .post .entry-meta .comments-link a {
    color: #333;
}
#main-column .post .entry-meta .comments-link a .comment-icon .comment-total,
#main-column .page .entry-meta .comments-link a .comment-icon .comment-total {
    color: #555;
    font-size: 12px;
    margin-left: 5px;
}
#main-column .attachment .edit-post-link a, 
#main-column .attachment .entry-meta .edit-post-link a, 
#main-column .post .entry-meta .edit-post-link a,
#main-column .page .entry-meta .edit-post-link a {
    color: #333;
}
#main-column .post .entry-meta .tags-icon {
    cursor: default;
}
#main-column .attachment .entry-title, 
#main-column .post .entry-title,
#main-column .page .entry-title {
    margin-top: 0;
    word-wrap: break-word;
}



#sidebar-left .widget,
#sidebar-right .widget {
    border: 1px solid #eee;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 10px;
}
#sidebar-left .widget ul,
#sidebar-right .widget ul {
    padding-left: 20px;
}
#sidebar-left .widget .widget-title,
#sidebar-right .widget .widget-title {
    font-size: 18px;
    margin-top: 0;
}



#site-footer {
    background: #f5f5f5;
    border-top: 3px solid #ddd;
    font-size: 12px;
    padding: 10px;
}

.button {
	display: inline-block;
    border: 0;
    transform: skew(-15deg);
    height: 0;
	padding: 10px 40px;
	color: white;
	transition: all 0.4s;
	text-decoration: none;
	outline: 0px;
    width: auto;
	background: #333d54;
	border-radius: 0 0 0!important;
	height: auto;
	margin: 20px auto;

    }
.wpcf7-response-output {
	color: white;
}
.wpcf7-submit {
	display: inline-block;
    border: 0;
	padding: 10px 40px;
	color: black;
	text-decoration: none;
	outline: 0px;
	transition: all 0.4s;
    width: auto;
	background: white;
	border-radius: 0 0 0!important;
	height: auto;
	margin: 20px 0 0 0;
}
.navbar-brand img {
    height: auto;
}
#header {
	background: white!important;
}
.box {
text-align: center;
}	


.abs {
 position: absolute;
 background: rgb(51 61 84 / 92%);
 color: white;
 transition: all 0.4s;
 bottom: 15%;
 display: block;
 transform: skew(-15deg);
 padding: 10px;
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
  width: 80%; 
}	

#slider h4 {
	clear: both;
}
.page-template-homepage-php .abs {
	position: relative;
	margin-top: 15px;
	bottom: 0px;
}
.table {
	width: 100%;
}
.page-template-homepage-php .box {
	margin-bottom: 30px;
	
}

.page-template-homepage-php .box h4 {
	margin-bottom: 5px;
	
}
#map {
	width: 100%;
	aspect-ratio: 5 / 3;
	margin-top: 120px;
}
.box {
 color: black;	
}
#offer, #middle, #main_content, #gallery {
	padding: 60px 2.5%;
	
}
#main {
	margin-top: 0px;
}
.u_big li, .list-unstyled li {
	 font-weight: 600;
	 font-size: 24px;	
 }
 
 .u_big {
	 width: 31%;
    padding-left: 30px;
    float: left;
    display: block;
    margin-top: 20px;
 }
 h1 {
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	padding-bottom: 10px;
	font-size: 42px;
}
h3 {
	font-weight: 800;
	text-align: left;
	padding-bottom: 20px;
	font-size: 48px;
	
}
#site-footer {
	
	background: url(../img/foot.jpg);
	background-position: top center;
	background-size: cover;
	padding: 60px 0;
}
.cent {
	text-align: center;
	color: white;
	font-size: 24px;
}

.gold {
	
	color: #a99110
	}
	
.list-unstyled li:hover {
color: #a99110;
cursor: pointer;
}	
h4 {
	margin-bottom: 20px;
	font-size: 32px;
}
hr {
	height: 4px;
	color:#a99110;
	background-color: #a99110;
	width: 70%;
	float: left;
	margin-top: 0!important;
}
.carousel h3 {
	
	text-transform: initial;
	text-align: left;
	padding-bottom: 10px;
}
h5 {
	font-size: 24px;
	font-weight: 400;
}
.box h4 {	
	text-transform: uppercase;
	text-align: center;
	display: inline-block;
	font-weight: 400;
	background: url('../img/str.png');
	padding: 10px 25px;
	padding-left: 25px;
	background-position: center left;
	background-repeat: no-repeat;
}

.post h4 {
	background: url('../img/str.png');
	padding-left: 25px;
	background-position: center left;
	background-repeat: no-repeat;
}
.post-navigation div {
	display: none;
}
.category.archive h4 {
	height: 90px;
	display: inline-block;
	background: none;
}
.dropdown-item.active, .dropdown-item:active {
 background: #333d54;	
}
.dropdown-menu {
	border-radius: 0 0 0 0;
	padding: 0 0;
}
.post .col-md-7 h4 {
	height: auto;
	background: none;
	padding-left: 0px;
	margin-bottom: 0px;
}

.category.archive h4 {
	margin-bottom: 0px;
}
.category.archive .box {
	margin-bottom: 60px;
}
.navbar-collapse li a {
	
	padding: 28px 35px;
	color: black;
	font-weight: bold;
	text-transform: uppercase;
}
#middle {
	
	background-color: #efefef;
	padding: 40px 2%;
	}
#middle_bg {
	background: url('../img/middle.png');
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 50%;
}

#offer {
	background: url('../img/bg1.png');
	background-position: top right;
	background-repeat: no-repeat;
}
#bottom {
	background: url('../img/bg2.png');
	background-position: top left;
	background-repeat: no-repeat;
}

.abs span {
	  transform: skew(15deg);
	  display: inline-block;
}
.wpcf7-text, .wpcf7-textarea {
	outline: none!important;
	border: 0px solid!important;
	width: 100%!important;
	padding: 5px 10px;
}

.wpcf7-textarea {
	height: 180px;
}
#middle label {
	color: white;
	width: 70%;
} 
.blue {
	margin-top: 100px;
	}
.blue h4 {
	color: white;
	font-weight: 400;
	padding: 60px 0 30px 0;
}
.post-thumbnail {
	padding: 10px;
}
.box {
	position: relative;
}
.page-template-default  #main {
	padding: 60px 0;
}

.button:hover, .wpcf7-submit:hover, .box:hover .abs  {
	background: #006ea3;
}
.box h4 a {
	color: #006ea3!important;
}
.button span {
	  transform: skew(15deg);
	  display: inline-block;
}
#navbar li a {
	text-transform: uppercase;
	padding: 15px 30px;
}
#slider {
	position: relative;
}
.offer {
	position: absolute;
	left: 0;
	padding: 6px 0;
	bottom: 0;
	background: #002a41b0;
	color: white;
	width: 100%;
}
#offer img {
	
}
.carousel-caption {
    left: 2.5%;
    top: 2%;
    text-align: left;
	color: #02283f;
	    text-shadow: 0 0px 0px rgba(0, 0, 0, .6);
}
.carousel-caption h2 {
	font-size: 78px;
	font-weight: bold;
}
.info {
	 color: #dedede;
	 font-size: 14px;
	 background: #333d54;
	 
}
.p_img img {
	width: 100%;
}
.liss {
	margin-bottom: 40px;
}
.liss h5 {
	background: #333d54;
    color: white;
	padding: 10px 15px;
    font-size: 18px;
    font-weight: bold;
}
.social-sidebar {
    position: fixed;
    top: 70px;
    right: 20px;
    width: 40px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 1000;
}

.social-sidebar a {
    display: block;
    width: 30px;
    height: 30px;
}

.social-sidebar img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
th p {
	margin-bottom: 0px;
}
.table {
	margin-top: 20px!important;
}
th {
	background: #333d54 !important;
    color: white !important;
	
}
.p_img {
	padding: 40px;
	
}
.table {
	padding: 40px 0;
}
#footer .textwidget {
	padding-top: 100px;
}
h1.entry-title, h1.page-title {
	text-align: left;
	padding: 60px 0;
}

offer.infinite-scroll {
    overflow: hidden;
    width: 100%;
}
.offer {
	overflow: hidden;
}
.offer-track {
    display: flex;
    flex-wrap: nowrap;
    animation: scrollLeft 35s linear infinite;
    /* 35s – możesz zmienić na 25s (szybciej), 45–60s (wolniej) */
}
.buttons {
	 text-align: right;
}
.buttons a {
	display: inline-block;
	}
.contact-bar {
	color: #a99110;
	background:#002a42; 
	padding: 10px 20px;
	margin-right: 30px!important;
}
.fa-phone {
	margin-right: 20px;
}
.buttons .align-items-center {
	margin: 12px 0;
	
}
.offer-track .col-4 {
    flex: 0 0 auto;
    /* zapobiega kurczeniu się kolumn */
}

@keyframes scrollLeft {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}
.icon-bar {
	background: #002a42;
}
/* opcjonalnie – pauza po najechaniu myszką */
.offer.infinite-scroll:hover .offer-track {
    animation-play-state: paused;
}

@media (max-width: 1600px) { 
	#slider h2 {
		font-size: 48px;
	}
	
	#slider h4 {
		font-size: 24px;
	}
	
	.navbar-collapse li a {
		padding: 20px 15px;
		font-size: 16px;
	}

}
@media (max-width: 1320px) { 

	.carousel h3 {
		font-size: 36px;
	}
	
	.carousel-indicators {
		display: none;
	}
	
	.carousel h5 {
	font-size: 18px;
	}
	.navbar-toggler {
		border: 0px solid;
	}
}
@media (max-width: 789px) { 

	.box img {
		clear: both;
		display: block;
		margin: auto;
	}
	#offer, #middle, #main_content, #gallery {
	padding: 30px 2.5%;
	
	}
	.list-unstyled li {
		text-align: center;
	}
	p {
		font-size: 15px;
	}
	.site-title-heading, .buttons {
		text-align: center;
	}
	.offer {
		display: none;
	}
	.u_big {
     width: 100%;
	}
	img {
		max-width: 100%;
	}
	#slider h2 {
		font-size: 28px;
		margin-top: 5px;
	}
	#map {
		margin-top: 30px;
	}
	#slider h4 {
		font-size: 16px;
	}
	
	#slider p, #slider h4, #slider hr {
		display: none;
	}
	.carousel-caption {
		width: 75%;
	}
	#footer .textwidget {
		padding: 60px 0!important;
		text-align: center;
	
	}
	.carousel-caption h3 {
		font-size: 24px;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	#middle label {
    color: white;
    width: 100%;
	}
	
}

@media (max-width: 480px) { 

.carousel-caption {
		width: 90%;
	}


}