/* Header */
.header {display:flex; align-items:center; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; -o-transition:all .3s; transition:all .3s}
.navbar-fixed-top {position:fixed;top:0;z-index:999}
.navbar {-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out}

/* Bg */
.nn-bg {padding:100px 15px; position:relative}
.nn-bg-caption {padding-top:120px; text-align:center}
.nn-bg-caption h1 {font-size:2rem; font-weight:700; color:#FFF; margin:0}
.nn-bg-caption h2 {color:#B39C4F; font-weight:700; margin-top:.5rem}
.nn-bg-caption p {font-size:1.6rem; color:#FFF; margin:2rem 0}

.blockquote>:last-child {font-size:1.6rem}
.hide-me[aria-expanded="true"] {display: none;}

/* Content */
.nnco {padding:30px 15px 50px 15px}
.nn-content {background-color:#FFF; border:1px solid rgba(0,0,0,.125); border-radius:.25rem; padding:25px 50px 50px 50px}
.nn-content h2 {color:#7D8890; margin:3rem 0 2rem 0; font-weight:700; font-size:2rem}
.nn-content h2.sm {color:#7D8890; margin:3rem 0 1rem 0; font-weight:700; font-size:1.4rem}
.nn-content h3 {color:#B39C4F; margin:3rem 0 2rem 0; font-weight:700; font-size:1.6rem}
.nn-content ol li::marker {color:#B39C4F}
.nn-content ul li::marker {color:#E0E9E8}

/* Video */
.video-wrapper {position:relative; width:100%; height:0; margin:30px 0; padding-bottom:56.25%}
.video {position:absolute; top:0; left:0; width:100%; height:100%}
.vid {width:100%}

/* Block sections */
.wblock-s {padding:50px 0}
.wblock-s h1, .wblock-s h2 {font-weight:700; font-size:2rem; margin:2rem 0 2rem 0}
.wblock-s h3 {font-weight:700; font-size:2rem; margin:3rem 0 2rem 0}
.wblock-s h3.hg {margin:1rem 0 2rem 0; text-align:center; font-size:1.4rem}
.wblock-s h4 {font-weight:700; font-size:1.4rem; margin:2rem 0 1rem 0}
.wblock-s p {font-size:1rem}

.wblock-sh {padding:20px 0}
.wblock-sh p {text-align:center; color:#FFF};
.wblock-sh p.stat-title {font-size:3rem; color:#FFF; text-align:center; margin-bottom:0}

.wblock-s0 {padding:0 !important}
.pl-10 {padding-left:10rem !important}
.pr-10 {padding-right:10rem !important}

.wblock-white h2 {color:#B39C4F}
.wblock-white p.btn-m10 {margin:2rem 0}
.wblock-white p.btn-m20 {margin-top:2.5rem}
.wblock-white .btn-draw {text-transform:uppercase; text-decoration:none; background:none; color:#2E2E2E; padding:12px 20px; border:2px solid #2E2E2E; font-size:0.9rem; letter-spacing:2px;}
.wblock-white .btn-draw:hover {color:#B39C4F; border:2px solid #B39C4F}
.wblock-white .btn-draw-2 {text-transform:uppercase; text-decoration:none; letter-spacing:1px; font-size:0.9rem}

.wblock-light {background-color:#E0E9E8}
.wblock-light p.kont-title {text-transform:uppercase; color:#FFF; font-size:1.3rem; margin:0}
.wblock-light p.kont-subtitle {color:#FFF; font-size:3rem; line-height:3rem; margin:10px 0}
.wblock-light p.btn-m10 {margin-top:2rem}
.wblock-light p.btn-m20 {margin-top:2.5rem}
.wblock-light .btn-draw {text-transform:uppercase; text-decoration:none; background:none; color:#B39C4F; padding:12px 20px; border:2px solid #B39C4F; font-size:0.9rem; letter-spacing:2px;}
.wblock-light .btn-draw:hover {color:#212529; border:2px solid #212529}
.wblock-light .btn-draw-2 {color:#212529; text-transform:uppercase; text-decoration:none; letter-spacing:1px; font-size:0.9rem}
.wblock-light .btn-draw-2:hover {color:#B39C4F}

.wblock-dark {background-color:#7D8890}
.wblock-dark h2 {color:#2C2C2C}
.wblock-dark p, .wblock-dark ol li, .wblock-dark ul li {color:#FFF}
.wblock-dark table td {background:none; color:rgba(255,255,255,1); border:none; padding-left:20px; background-image:url(../img/chevron.png); background-position:0 11px; background-repeat:no-repeat}
.wblock-dark p.btn-m10 {margin-top:2rem}
.wblock-dark p.btn-m20 {margin-top:2.5rem}
.wblock-dark .btn-draw {text-transform:uppercase; text-decoration:none; background:none; color:#FFF; padding:12px 20px; border:2px solid #FFF; font-size:0.9rem; letter-spacing:2px;}
.wblock-dark .btn-draw:hover {color:#2C2C2C; border:2px solid #2C2C2C}
.wblock-dark .btn-draw-2 {color:#2C2C2C; text-transform:uppercase; text-decoration:none; letter-spacing:1px; font-size:0.9rem}
.wblock-dark .btn-draw-2:hover {color:#FFF}
.wblock-dark a {color:#FFF}
.wblock-dark a:hover {color:#2C2C2C}

.wblock-blue {background-color:#929E9D}
.wblock-blue h2 {color:#F5F5DC}
.wblock-blue p, .wblock-blue ol li, .wblock-blue ul li {color:#FFF}
.wblock-blue p.btn-m10 {margin-top:2rem}
.wblock-blue p.btn-m20 {margin-top:2.5rem}
.wblock-blue .btn-draw {text-transform:uppercase; text-decoration:none; background:none; color:#FFF; padding:12px 20px; border:2px solid #FFF; font-size:0.9rem; letter-spacing:2px;}
.wblock-blue .btn-draw:hover {color:#F5F5DC; border:2px solid #F5F5DC}
.wblock-blue .btn-draw-2 {color:#F5F5DC; text-transform:uppercase; text-decoration:none; letter-spacing:1px; font-size:0.9rem}
.wblock-blue .btn-draw-2:hover {color:#FFF}

.wblock-orange {background-color:#B39C4F}
.wblock-orange h2, .wblock-orange p {color:#2E2E2E}
.wblock-orange p.kont-title {text-transform:uppercase; color:#FFF; font-size:1.3rem; margin:0}
.wblock-orange p.kont-subtitle {color:#FFF; font-size:3rem; line-height:3rem; margin:10px 0}
.wblock-orange p.btn-m10 {margin-top:2rem}
.wblock-orange p.btn-m20 {margin-top:2.5rem}
.wblock-orange p a {color:#2E2E2E}
.wblock-orange p a:hover {color:#FFF}
.wblock-orange .btn-draw {text-transform:uppercase; text-decoration:none; background:none; color:#2E2E2E; padding:12px 20px; border:2px solid #2E2E2E; font-size:0.9rem; letter-spacing:2px;}
.wblock-orange .btn-draw:hover {color:#FFF; border:2px solid #FFF}
.wblock-orange .btn-draw-2 {color:#2E2E2E; text-transform:uppercase; text-decoration:none; letter-spacing:1px; font-size:0.9rem}
.wblock-orange .btn-draw-2:hover {color:#FFF}

.wblock-block-1 {background:#7D8890 url(../img/blocks.png) repeat-x bottom center; height:77px}
.wblock-block-2 {background:#F8F9FA url(../img/blocks-light.png) repeat-x bottom center; height:77px}

.kontakt-blok {margin-bottom:3rem}
.kontakt-blok h3 {font-size:1rem; margin:0}
.kontakt-blok .tu {text-transform:uppercase; margin:2rem 0 0 0}
.kontakt-blok .tn {margin:0 0 1.5rem 0; font-weight:700}

.wblock-form-l {text-align:left}
.wblock-form p a {color:#2E2E2E}
.wblock-form p a:hover {text-decoration:none}
.wblock-form textarea {height:100px !important}
.wblock-form label {margin-left:10px}

.serv-link {display:block; text-decoration:none; padding:1rem}
.serv-link:hover {background-color:#E0E9E8}
.serv-link i {margin:0; font-size:3rem}
.serv-link .serv-text {font-size:1.1rem; color:#212529; font-weight:400}

.adv-link i {margin:0; font-size:3rem; color:#B39C4F}
.adv-link strong {color:#B39C4F}

/* Image backgrounds */
.bg-white {background-color:#FFF}
.bg-01 {background:url(../img/bg-01.png) no-repeat 0 0}
.bg-02 {background:url(../img/bg-02.png) no-repeat 3rem 0}
.bg-03 {background:url(../img/bg-03.png) no-repeat 0 0}
.bg-04 {background:url(../img/bg-04.png) no-repeat 3rem 0}

/* Accordion */
.wblock-asset {min-height:340px}
.wblock-asset p {color:#2E2E2E}
.nav-pills .nav-link {color:#2E2E2E; background-color:#CFE2FF; padding:1rem 2rem !important; border-radius:0; border-top-left-radius:var(--bs-nav-pills-border-radius); border-top-right-radius:var(--bs-nav-pills-border-radius); margin-right:1px}
.nav-pills .nav-item .active {background-color:#FFF}

.accordion {margin:2rem 0}
.wblock-s h3.accordion-header {margin:0}
.accordion p, .card-body p {color:#2E2E2E}
.accordion .ttn {text-transform:none}
.accordion .fwn {font-weight:400; font-size:0.85rem; margin-left:10px}
.card h3 {font-size:1rem; margin:0 0 .5rem 0}
.card-body .btn-draw {text-transform:uppercase; text-decoration:none; background:none; color:#2E2E2E; padding:12px 20px; border:2px solid #2E2E2E; font-size:0.9rem; letter-spacing:2px;}
.card-body .btn-draw:hover {color:#929E9D; border:2px solid #929E9D}

/* Sticky */
.table-hover>tbody>tr:hover>* {background-color:#CFE2FF; border-bottom:1px solid #A9C5EB; box-shadow:none}
.sticky-top {top:140px}

/* Lightbox */
.fslimg {-webkit-filter:brightness(100%); filter:brightness(100%)}
.fslimg:hover {
    -webkit-filter: brightness(60%);
    filter: brightness(60%);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

/* Tooltips */
.wblock-map {position:relative}
#wblock-tooltip {
	position: absolute;
    bottom:25px;
    right:25px;
	width: auto;
	z-index: 10;
	opacity: 0.9;
	span {
		display: inline-block;
		color: #2E2E2E;
		background-color: #FFF;
		padding: 0.5em 0.8em;
	}
}
#wblock-tooltip h2 {font-size:1.8rem; margin:0 !important}
#wblock-tooltip em {font-style:normal; color:#dc3545; font-weight:700} 
#wblock-tooltip u {font-style:normal; color:#B39C4F; font-weight:700; text-decoration:none}
#wblock-tooltip i {font-style:normal; color:#198754; font-weight:700} 

/* Tables */
.wblock-blue table thead th {background-color:#B39C4F; vertical-align:middle}
.wblock-blue table tbody th, .wblock-blue table tbody td {vertical-align:middle}
.wblock-blue table tbody tr:nth-child(even) td, .wblock-blue table tbody tr:nth-child(even) th {background-color:rgba(255,255,255,0.05)}
.wblock-blue table tbody tr:nth-child(odd) td, .wblock-blue table tbody tr:nth-child(odd) th {background-color:rgba(0,0,0,0.25)}
.wblock-blue table tbody tr:hover td, .wblock-blue table tbody tr:hover th {background-color:#B39C4F; opacity:1}
.wblock-blue table tbody td.tl {text-align:left}
.wblock-gray table tbody tr:nth-child(even) td, .wblock-gray table tbody tr:nth-child(even) th {background-color:rgba(255,255,255,0.5)}
.wblock-gray table tbody td, .wblock-gray table tbody th {text-align:left; vertical-align:middle}

/* Googlemap */
#map {width:100%; height:500px}
.mapinfo {padding:0}
.mapinfo p {font-size:1rem; line-height:1.4rem; margin:0}

/* Footer */
.bg-nn {background-color:#2E2E2E !important}
.footer {padding:50px 0}
.footer p {color:#FFF}
.footer p.text-gray::after {content: ""; display: block; width: 38px; border-top: 3px solid rgba(255,255,255,0.16); margin: 5px 0 5px}
.footer p a:hover {color:#2C2C2C}
.footer-links {font-size:0.9rem}
.footer-links a {color:#FFF; text-decoration:none}
.footer-links a:hover {color:#2C2C2C !important}
.copyright {padding:20px 0 10px 0; background-color:#2E2E2E}
.copyright p {color:rgba(255,255,255,0.25)}
.soc-icons a {font-size:1.5rem; margin-right:10px}

/* Sticky Bar */
.stickybar {display:block; top:150px; right:0; bottom:auto; left:auto; position:fixed; z-index:1000}
.stickybar p {padding:0; margin:5px 0}
.stickybar a {display:block; padding:10px; font-size:0.9rem; border-color:#B39C4F; background-color:#B39C4F}
.stickybar a i {font-size:2rem}

/* Modal */
#wblock-modal p.modal-title {font-weight:700}
#wblock-modal h2 {color:#2E2E2E; text-align:center; font-weight:700; font-size:2.3rem; margin:1rem 0 1rem 0}
#wblock-modal p {color:#2E2E2E}

/* Colorize */
.bw {-webkit-filter: grayscale(100%); -webkit-transition: .3s ease-in-out; -moz-filter: grayscale(100%); -moz-transition: .3s ease-in-out; -o-filter: grayscale(100%);  -o-transition: .3s ease-in-out; filter: grayscale(100%); transition: .3s ease-in-out}
.bw:hover {-webkit-filter: grayscale(0%); -webkit-transition: .3s ease-in-out; -moz-filter: grayscale(0%); -moz-transition: .3s ease-in-out; -o-filter: grayscale(0%); -o-transition: .3s ease-in-out; filter: grayscale(100%); transition: .3s ease-in-out}

/* Typography */
a, button {font-weight:700; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; -o-transition:all .3s; transition:all .3s}
a, a.revert:hover {color:#B39C4F}
a:hover, a.revert {color:#2E2E2E}
strong, .btn {font-weight:700}
button {text-transform:uppercase}
.display-8 {font-size:1.8rem; font-weight:700; line-height:1.3; color:#2E2E2E !important}
.text-left {text-align:left}
.text-gray {color:rgba(255,255,255,0.32) !important}
.vizu-link {text-transform:none !important}
.wrap-link {overflow-wrap:break-word; word-wrap: break-word}
.btn-wblock-primary {text-transform:uppercase; background-color:#B39C4F; border:2px solid #B39C4F; color:#FFF}
.btn-wblock-primary:hover {background-color:#2E2E2E; border:2px solid #2E2E2E; color:#FFF}
.btn-wblock-secondary {text-transform:uppercase; background-color:#2E2E2E; border:2px solid #2E2E2E; color:#FFF}
.btn-wblock-secondary:hover {background-color:#FFF; border:2px solid #FFF; color:#2E2E2E}

body {font-size:1rem; font-family:'Poppins', sans-serif}
.img-sm {max-width:280px}
.link-pudorys, .link-poloha {color:#2E2E2E}
.link-pudorys:hover, .link-poloha:hover {color:#B39C4F}
#wblock-carousel-lokalita .carousel-caption {background-color:rgba(22,53,78,0.8); padding:10px 10px 0 10px}
#wblock-carousel-intro .carousel-caption {left:3rem; bottom:0}
#wblock-carousel-intro .carousel-caption h5 {text-align:left; text-transform:uppercase; color:#B39C4F}
#wblock-carousel-intro .carousel-caption p {text-align:left; text-transform:uppercase}
#wblock-carousel-intro h5 {font-weight:700}
.carousel-control-prev-icon, .carousel-control-next-icon {background-color:rgba(0,0,0,0.25)}
.carousel .fill {width:100vw; height:100vh; background-position:center center; background-repeat:no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover}
.full-screen {background-size: cover; background-position: center; background-repeat: no-repeat}

.carousel-motto {position:absolute; right:15%; bottom:40%; left:15%; padding-top:1.25rem; padding-bottom:1.25rem; color:#fff; text-align:center}
.carousel-motto .btn-draw {text-transform:uppercase; text-decoration:none; background:none; color:#FFF; padding:12px 20px; border:2px solid #FFF; font-size:0.9rem; letter-spacing:2px; margin-right:.5rem}
.carousel-motto .btn-draw:hover {color:#B39C4F; border:2px solid #B39C4F}
.carousel-motto .btn-draw-2 {text-transform:uppercase; text-decoration:none; background:none; color:#B39C4F; padding:12px 20px; border:2px solid #B39C4F; font-size:0.9rem; letter-spacing:2px;}
.carousel-motto .btn-draw-2:hover {color:#FFF; border:2px solid #FFF}
.lh-4 {line-height:3.5rem}

/* Carouse zoom */
.carousel-inner .carousel-item .fill {-webkit-animation: thing 20s; -o-animation: thing 20s; animation: thing 20s}
.carousel-inner .carousel-item > img {-webkit-animation: thing 20s; -o-animation: thing 20s; animation: thing 20s}
@keyframes thing {
    from {transform: scale(1, 1)}
    to {transform: scale(1.5, 1.5) translateX(-5%)}
}
@-webkit-keyframes thing {
    from {-webkit-transform: scale(1, 1)}
    to {-webkit-transform: scale(1.5, 1.5) translateX(-5%)}
}

/* Navbar */
.bg-transp {background:#2C2C2C}
.bg-nontrp {background:#2C2C2C} /* if this color is different than .bg-transp then there is scroll efect */
.logoleft {display:none; width:100px}
.logocent {width:280px}
.nav-link {color:#FFF; font-weight:700; padding:.2rem 0 .2rem 0 !important}
.nav-link-logo {display:block; border:none}
.navbar-nav {margin:10px auto}
.navbar-nav li {display:flex; flex-direction:row; align-items:center; margin:0 1rem; text-transform:uppercase; font-size:0.9rem}
.nav-link:hover, .bg-white .nav-link:hover, .bg-white .active .nav-link, .nav-item .active {color:#B39C4F !important}
.bg-white .nav-link {color:#2E2E2E}
#nav-toggle {background-color:#7D8890;}
#nav-logo-center {margin-right:4rem; margin-bottom:1rem;}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .img-sm {max-width:80%}
    .logoleft {display:block}
    .nav-link-logo {display:none}
    .bg-transp {background:#2C2C2C}
    .pl-10 {padding-left:3rem !important}
    .pr-10 {padding-right:3rem !important}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {  
    .img-sm {max-width:50%}
    .logoleft {display:block}
    .nav-link-logo {display:none}
    .navbar-nav li {margin:0}
    .nav-link {padding:.5rem 0 !important}
    .bg-transp {background:#2C2C2C}
    .pl-10 {padding-left:3rem !important}
    .pr-10 {padding-right:3rem !important}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .img-sm {max-width:70%}
    .logoleft {display:block}
    .nav-link-logo {display:none}
    .navbar-nav li {margin:0}
    .nav-link {padding:.5rem 0 !important}
    .bg-transp {background:#2C2C2C}
    .pl-10 {padding-left:3rem !important}
    .pr-10 {padding-right:3rem !important}
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .img-sm {max-width:70%}
    .nn-bg {padding:100px 15px 60px 15px}
    .nn-bg-caption {padding-top:50px}
    .nn-bg-caption h1 {font-size:2rem}
    .nn-bg-caption p {font-size:1.25rem; line-height:1.6rem}
    .nn-content {padding:0 25px 25px 25px}
    .logo {width:80px}
    .stickybar {bottom:75px; top:auto}
    .stickybar span {display:none; visibility:hidden}
    .logoleft {display:block}
    .nav-link-logo {display:none}
    .navbar-nav li {margin:0}
    .nav-link {padding:.5rem 0 !important}
    .bg-transp {background:#2C2C2C}
    .pl-10 {padding-left:3rem !important}
    .pr-10 {padding-right:3rem !important}
    #wblock-carousel-intro .carousel-caption h5 {font-size:1rem}
    #wblock-carousel-intro .carousel-caption p {font-size:0.8rem}
    #wblock-carousel-lokalita .carousel-caption h5 {font-size:1rem}
    #wblock-carousel-lokalita .carousel-caption p {font-size:0.8rem}
    .carousel-motto {bottom:35%}
    .wblock-white .btn-draw, .wblock-dark .btn-draw, .wblock-blue .btn-draw, .wblock-orange .btn-draw, .wblock-light .btn-draw {font-size:0.8rem; padding:12px 5px;}
}