/*
Theme Name: TAKA BS53 SL
Author: TAKA agencja
Description: Lightweight Bootstrap 5.3 based template focused on gaining site performance without using tons of plugins.
Version: 1.0
*/
body {
	background-color: #ffffff;
}
img {
	max-width: 100%;
	height: auto;
}

.logo {
	height: 80px;
	position: absolute;
    top: 8px;
}

@media (min-width: 961px) {
.logo {
	height: 121px;
	position: absolute;
    top: 0;
}
}
a {
	color: black;
	text-decoration: none;
}

* {
	font-family: font-family: 'Open Sans', sans-serif;
}


.nav-item a {
	text-transform: uppercase;
}
.img-offer-caption {
	font-size: 18px;
	font-weight: bold;
	padding: 15px 0;
}
.px-05 {
	padding-right: 0.05rem!important;
	padding-left: 0.05rem!important;
}
.carousel, .carousel-item {
	max-height: 100vh;
}
.carousel-item img {

	width: auto;
}

.carousel-item::after {
	display: block;
    
	opacity: 0.1;
        content: " ";
        background-size: contain;
	background-repeat: no-repeat;
        left: 0;
        position: absolute;
        top: 0;
 height: 100vh;
	width: 100%;
        z-index: 2;
}

.animated {
            -webkit-animation-duration: 5s;
            animation-duration: 5s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
        }
          @-webkit-keyframes fadeInLeft {
            0% {
               opacity: 0;
               -webkit-transform: translateX(-20px);
            }
            100% {
               opacity: 1;
               -webkit-transform: translateX(0);
            }
         }
         
         @keyframes fadeInLeft {
            0% {
               opacity: 0;
               transform: translateX(-20px);
            }
            100% {
               opacity: 1;
               transform: translateX(0);
            }
         }
         
         .fadeInLeft {
         -webkit-animation-name: fadeInLeft;
         animation-name: fadeInLeft;
         } 
          
          @-webkit-keyframes fadeInRight {
            0% {
               opacity: 0;
               -webkit-transform: translateX(20px);
            }
            100% {
               opacity: 1;
               -webkit-transform: translateX(0);
            }
         }
         
         @keyframes fadeInRight {
            0% {
               opacity: 0;
               transform: translateX(20px);
            }
            100% {
               opacity: 1;
               transform: translateX(0);
            }
         }
         
         .fadeInRight {
         -webkit-animation-name: fadeInRight;
         animation-name: fadeInRight;
         } 

.carousel-item h1, .carousel-item p {
    text-shadow: 4px 4px 6px rgba(66, 68, 90, 1);
}

img {
	max-width: 100%;
}

header {
	background-color: rgba(56, 54, 54, 1);
	background-image: linear-gradient(180deg, rgba(56, 54, 54, 1) 0%, rgba(36, 32, 21, 1) 100%);
	height: 95px;
}

#header {
	margin: 0;
    padding: 0;
}

.navbar-expand-lg .navbar-nav .nav-link {
	color: #fff;
	padding: 35px 18px 29px;
}

.navbar-expand-lg .navbar-nav .nav-link.active {
	color: #ffc65d;
    border-bottom: 4px solid #fff;
	background: rgba(255,255,255,0.07);
}

h3 {
    text-transform: uppercase;
    font-family: 'Open Sans', Helvetica, Tahoma, sans-serif;
    color: #000;
    font-size: 13px;
}

.left-menu {
	list-style: none outside none;
    border-left: 3px solid #ff660d;
	padding-left: 0;
}

.left-menu li {
    background-color: rgba(255, 255, 255, 1);
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(233, 224, 210, 1) 100%);
    cursor: pointer;
    display: list-item;
    padding: 10px;
}

.left-menu li:hover {
	background-color: rgba(250, 245, 245, 1);
	background-image: linear-gradient(180deg, rgba(250, 245, 245, 1) 0%, rgba(247, 196, 111, 1) 100%);
    cursor: pointer;
    display: list-item;
    padding: 10px;
}

.left-menu li a {
	color: #232121;
    font-weight: 500;
    font-size: 14px;
    overflow: hidden;
    text-decoration: none;
	text-transform: uppercase;

}

.bg-blue {
	background-color: rgba(134, 208, 208, 1);
	background-image: linear-gradient(180deg, rgba(134, 208, 208, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

.bg-blue-2 {
	background-color: rgba(80, 142, 204, 1);
	background-image: linear-gradient(180deg, rgba(80, 142, 204, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

.bg-blue:hover {
	background-color: rgba(35, 169, 169, 1);
	background-image: linear-gradient(180deg, rgba(35, 169, 169, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

.heading-main {
	border-bottom: 2px solid #0da1a1;
	text-transform: uppercase;
	margin-top: 3rem;
	font-weight: 300;
	font-size: 25px;
	padding: 10px 0;
}

.heading-offer {
	font-size: 18px;
	font-weight: 300;
	text-transform: uppercase;
	color: black;
}

h3::first-letter {
    font-size: 150%;
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1140px;
    }
}

.gallery {
	max-height: 260px;
}

.gallery img {
    object-fit: cover;
	max-height: 260px;
}

footer {
	border-top: 12px solid #0da1a1;
	background-color: rgba(80, 79, 79, 1);
	background-image: linear-gradient(180deg, rgba(80, 79, 79, 1) 0%, rgba(99, 100, 102, 1) 100%);
	color: white;
}

footer a {
	color: white;
}

.footer-menu {
	list-style: none;
}

.navbar-collapse.show {
    z-index: 1040;
	padding: 1rem;
    background-color: rgba(56, 54, 54, 1);
}

.navbar-toggler {
	margin-top: 25px;
}