:root {
    --theme-color: #26a9e1; 
    --alt-color: #f15b47;
    --heading-color: #141933;
    --gray-color: #545658;
    --light-gray-color: #f3f3f7;
    --black-color: #101010;
    --white-color: #fafafa;
    --dark-color: #000028;
    --box-shadow: 0px 0px 60px 0px rgba(4, 23, 26, 0.17);
}


/* reset */
.theme-color {color: var(--theme-color);}
a {transition: color .25s;}
.noselect, img {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
*:focus {outline: none!important;}
.relative {position: relative;}
.absolute {position: absolute;}
.w-100 {width: 100%;}
.h-100 {height: 100%;}
.p-r-0 {padding-right: 0!important;}
.icon-svg {display: block; font-size: 0;}
.flex-justify-start {justify-content: flex-start;}
.flex-justify-end {justify-content: flex-end;}
.flex-items-end {align-items: flex-end;}
.flex-justify-between {justify-content: space-between;}
.grid {display: grid;}
.inline-flex {display: inline-flex;}
::-moz-selection {color: #fff; background-color: var(--theme-color); -webkit-text-fill-color: initial; text-fill-color: initial;}
::selection {color: #fff; background-color: var(--theme-color); -webkit-text-fill-color: initial; text-fill-color: initial;}
.list-style-no {list-style: none; padding: 0; margin: 0;}
a.c-button, a.c-button:hover {background-color: var(--theme-color); box-shadow: none;}
.underline {text-decoration: underline;}
header .search-box .input .button input {color: #fff;}
.navbar {border: none;}
header .solid-menus .no-bg li.active a {background: none;}
header .menu-cart a:hover {color: var(--theme-color);}
.one-product .product-img {border: none;}
.product-details .add-to-cart, .product-details .sp-plus, .product-details .sp-minus, .comments .btn, .hvr-sweep-to-right::before, .cat-title {background: var(--theme-color);}
.product-details .go-to-checkout, .cart-checkout .okvir .editable {background: var(--alt-color); border-color: var(--alt-color);}
.cart-checkout .okvir .editable {border-bottom: 0;}
.addtofav.inline .fa-heart, .cart-checkout .okvir i, .cart-checkout .okvir h2 {color: var(--theme-color);}
.addtofav.inline .checkbox-inline, .addtofav.inline .checkbox-inline label {cursor: pointer;}
.product-details .price, .product-details .price .salesprice, .user-details .if-registered, .search h1 span, .shop ul.filters .alert.alert-primary strong, #vertical-menu .active a.list-group-item, .one-product .price, .sidebar .active ul a > i
    {color: var(--theme-color);}
.kontakt .btn {background: var(--theme-color);}
#noty_center_layout_container > li, #noty_topCenter_layout_container, #noty_topCenter_layout_container > li {background-color: var(--theme-color)!important;}
footer ul li a:hover {font-weight: inherit; color: var(--theme-color);}
footer ul li {opacity: 1;}
footer .details p.title::before {display: none;}
footer .signature {background-color: transparent; color: #00000080;}
footer .visa {width: auto;}
.form-control:focus {border-color: inherit; outline: 0; -webkit-box-shadow: none; box-shadow: none;}
body.compensate-for-scrollbar {margin-right: 0;}
.swiperTickerContainer, .xadmin-links, .swiper-container .swiper-pagination-bullet-active {background: var(--theme-color);}
.news-template-short2 img:hover {transform: scale(1);}
.news-one .main-content a {color: var(--theme-color); border-bottom: 2.5px solid var(--theme-color);}
.scrollToTop {background: var(--theme-color);}
#vertical-menu ul.collapse li a.list-group-item::before {content: '';}
.category select, .brand select {border: none;}
.breadcrumb .back {margin-left: auto;}
.swiper-button-next, .swiper-button-prev {color: var(--theme-color)!important;}
.user-login input[type=submit] {background: var(--alt-color);}
.theme-button:focus {color: #fff; text-decoration: none;}
.first-cta ul li a {background: var(--theme-color)!important;}
.checkout label:has(input) {cursor: pointer;}
a.no {color: var(--theme-color); font-size: 20px;}
label {font-weight: 400; margin-bottom: 0;}
.overlay:before {content: ''; height: 100%; width: 100%; top: 0; left: 0; position: absolute;}
.theme-overlay:before {background: transparent linear-gradient(90deg, var(--theme-color) 0%, #0054838c 100%) 0% 0% no-repeat padding-box; opacity: 0.5; transition: background 0.3s, border-radius 0.3s, opacity 0.3s;}
.overflow-hidden {overflow: hidden;}



body {font-family: "DM Sans", sans-serif; font-size: 16px; font-weight: normal;}
body:not(.homepage, .light-header) {padding-top: 90px;}
body:not(.homepage) header {background: var(--heading-color);}
body.light-header header {background: transparent;}
/*body.light-header header :has(.button-opened) {background: var(--heading-color);}*/
body.light-header header.header-shadow {background: #141932a3;}

h1, h2, h3, h4, h5, h6 {font-family: "Kanit", sans-serif; color: var(--heading-color); font-weight: 600; text-transform: capitalize; transition: all 0.4s ease-in-out;}
h5 {font-size: 20px; font-weight: 600;}
.section-title {font-size: 45px; font-weight: 600; line-height: 1.1; margin: 20px 0 30px;}
.section-title-desc {color: var(--theme-color); display: inline-block; font-weight: 600; font-size: 17px; text-transform: uppercase;}
a {text-decoration: none;}



header {z-index: 998; width: 100%; position: fixed; top: 0; background: transparent; /*transition: background .2s ease-out .2s;*/}
.nav-up {top: -71px;}
header.header-shadow {box-shadow: 0px 0px 7px 0px #22073d;    background: #141932a3;}
header .navbar {padding: 0;}
header .top-nav > .navbar, header .top-nav .header-logo {flex: 1 1 0;}
header nav.navbar .navbar-nav .nav-link {color: #fff; position: relative;}
.nav-item.dropdown .nav-link:after {content: ""; background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m4%206%204%204%204-4%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%221.5%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E); 
		width: 16px; height: 16px; margin-left: 2px; background-size: contain; background-repeat: no-repeat; 
		transition-property: transform; transition-timing-function: cubic-bezier(.55,.055,.675,.19); 
		transition-duration: .275s; border: none!important;}







.theme-list li, .news-one .main-content ul li {position: relative; line-height: 1.6; font-weight: 500; padding: 7px 0 7px 28px;}
.theme-list li:before, .news-one .main-content ul li:before {content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 40px; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%2326a9e1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
	display: inline-block; background-size: 20px 20px; background-repeat: no-repeat; background-position: center center;}
.theme-button {background-color: var(--theme-color); color: var(--white-color); display: inline-block; font-size: 14px; font-weight: 700; padding: 18px 50px; border-radius: 0; letter-spacing: 0.2px; 
	text-transform: uppercase; transition: all 0.3s ease-in-out; position: relative; z-index: 1; width: fit-content;border-radius: 4px;}
.theme-button:before, .theme-button:after {content: ''; height: 50%; width: 0; position: absolute; content: ''; background-color: var(--heading-color);	z-index: -1; transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.theme-button:before {top: 0; left: 0;}
.theme-button:after {bottom: 0; right: 0;}
.theme-button:hover:before, .theme-button:hover:after {width: 100%;}
.theme-button:hover {color: #fff;}
.theme-button-alt {background: transparent; border: 2px solid var(--theme-color);}
.theme-button-alt:before, .theme-button-alt:after {background-color: var(--theme-color);}



.video-wrap {height: 80vh; width: 100%; min-height: 500px;}
.video-wrap .video-back {display: block; visibility: visible; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: display .3s; -moz-transition: display .3s;
        transition: display .3s; pointer-events: none;}
.video-wrap video {max-height: 100%; object-fit: cover; width: 100%; height: 80vh;}
.video-wrap:before {content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #00000069; z-index: 1;}

.video-text {text-align: center; display: flex; justify-content: center; width: 100%; align-items: center; height: 80vh; flex-direction: column; color: #fff; z-index: 1;}
.video-text h1, .video-text p {color: #fff;}
.video-text h1 {font-size: 48px; line-height: 1.2; margin-bottom: 40px;}
.video-text p {font-size: 40px; font-weight: 300;color: #ffffffb5; box-shadow: 0px 0px 60px 0px rgba(4, 23, 26, 0.08);}



.intro {margin-top: -100px; z-index: 1;}
.intro .intro-left {padding: 40px 50px; background-color: var(--white-color); box-shadow: var(--box-shadow);}
.intro .intro-left h2 {font-size: 70px; color: var(--theme-color);}
.intro .intro-left p {font-size: 18px;}

.intro .intro-right {box-shadow: var(--box-shadow); background-color: var(--white-color); padding: 60px; z-index: 9;}
.intro .intro-right .shape-image {background-image: url(/img/shape.png); background-repeat: no-repeat; background-size: contain; background-position: top left; width: 100%; height: 100%; 
	position: absolute; top: -2px; bottom: 0; left: 0; z-index: -1;}
.intro-text span {font-size: 18px; color: var(--white-color); font-weight: 500;}
.intro-text h3 {font-size: 26px; color: var(--white-color); margin-top: 10px;}
.intro-contact p {font-size: 18px; margin-bottom: 5px; text-align: right;}
.intro-contact a {font-size: 26px; color: var(--heading-color); font-weight: 700;}



.about-home .about-image img {width: 100%; height: 100%;}
.about-image:before, .news-one .main-content:before { width: 0px; height: 0px; border-style: solid; border-width: 0 170px 170px 0; border-color: transparent #26a9e173 transparent transparent; transform: rotate(0deg); right: -20px; top: -20px; left: auto;}
.about-home .about-image .video-box-wrap {position: relative;}
.about-home .about-image .video-box-wrap img {clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);}

.about-home .about-content .about-list li {font-size: 18px; margin-bottom: 15px; color: var(--heading-color); background-color: var(--light-gray-color); width: 100%; padding: 15px 20px; 
	transition: all 0.4s ease-in-out; display: flex; align-items: center;}
.about-home .about-content .about-list li svg {width: 18px; height: 18px; fill: var(--theme-color); margin-right: 8px;}



.service-card {display: block; padding: 50px 20px; background-color: var(--white-color); box-shadow: var(--box-shadow); height: 100%; position: relative; z-index: 9; }
.service-home .service-card h5 {margin-bottom: 0;}
.service-home .service-card h5 a {color: var(--heading-color);}
.service-card .icon, .service-icon {width: 120px; height: 120px; line-height: 1.1em; border-radius: 50%; background-color: var(--light-gray-color); text-align: center; margin: 0 auto; position: relative; 
	transition: all 500ms ease; display: inline-flex; align-items: center; justify-content: center;}
.service-card .icon:before, .service-icon:before { background-color: var(--theme-color); content: ""; height: 100%; width: 100%; position: absolute; top: 0; left: 0; visibility: hidden; opacity: 0; 
	transition: all 0.3s ease-in-out; border-radius: 50%; }
.service-card .icon svg, .service-icon svg {width: 60px; height: 60px; fill: var(--theme-color);}
.service-card:hover .icon {transform: scaleX(-1);}
.service-card:hover .icon:before {opacity: 1; visibility: visible;}
.service-card:hover .icon svg {fill: var(--white-color); z-index: 9;}


.services-home:before {background-image: url(/img/patterns/wave-bg.svg); z-index: 0; display: block; opacity: .1;}
.services-item {padding: 100px 50px; position: relative;}
.services-item:before {background: #000; opacity: .5; transition: opacity 0.5s cubic-bezier(0, 0, 0.44, 1.18);}
.services-item .img-wrap {position: absolute; left: 0; top: 0; bottom: 0; z-index: -1; transition: -webkit-transform 0.5s cubic-bezier(0, 0, 0.44, 1.18); transition: transform 0.5s cubic-bezier(0, 0, 0.44, 1.18); transition: transform 0.5s cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 0.5s cubic-bezier(0, 0, 0.44, 1.18);}
.services-item img {object-fit: cover; min-width: 100%; min-height: 100%; width: 100%;}
.services-item .services-home-content {position: relative; z-index: 1; color: #fff; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease;}
.services-item .services-home-content h2 {color: #fff;}
.services-item .services-home-content .theme-button {position: absolute; top: 100%; right: 0; left: 0; opacity: 0; transition: opacity .25s ease, -webkit-transform .25s ease; transition: opacity .25s ease, transform .25s ease;
            transition: opacity .25s ease, transform .25s ease, -webkit-transform .25s ease; -webkit-transform: translateY(15px); transform: translateY(15px);}
.services-item .services-home-content .theme-button svg {width: 20px; height: 20px; stroke: #fff;}

.services-item:hover:before {opacity: .7;}
.services-item:hover .img-wrap {-webkit-transform: scale(1.09); transform: scale(1.09);}
.services-item:hover .services-home-content {-webkit-transform: translateY(-28px);  transform: translateY(-28px);}
.services-item:hover .services-home-content .theme-button {opacity: 1; transition: opacity .4s ease, -webkit-transform .4s ease; transition: opacity .4s ease, transform .4s ease; 
            transition: opacity .4s ease, transform .4s ease, -webkit-transform .4s ease; -webkit-transform: translateY(0); transform: translateY(0);}
            
            

.konsalting-u-logistici-i-spediciji .service-icon, .konsalting-u-logistici-i-spediciji .bottom .other-news  {display: none;}
.konsalting-u-logistici-i-spediciji .other-news-2.d-none {display: flex!important;}
.news-one .news-intro {background-color: var(--theme-link-color); background-position: center center; background-size: cover; overflow: hidden;}
.news-one .news-intro:before {background-color: #141933a6;}
.news-one .news-intro .news-intro-content {display: flex; flex-direction: column; justify-content: center; align-items: center; max-width: 80%; margin: 140px auto 80px; padding: 50px;}
.news-one .news-intro .news-intro-content h1 {color: #fff; font-size: 44px; line-height: 60px;}
.news-one .news-intro .news-category {color: #fff; font-size: 22px;}
.news-one .news-intro .figured-backgrounds {top: calc(100% - 30px); position: absolute; z-index: 1; width: 100%; max-height: 33px;}
.news-one .news-intro .figured-backgrounds svg {transform: scaleY(-1); height: 30px; width: 110%; fill: #eef2f9; }
.news-one .main-content {font-size: 17px; background-color: var(--light-gray-color);}
.news-one .news-one .main-content ul {padding-left: 0; list-style-type: none!important; margin-top: 16px;}
.news-one .news-content {margin-top: -150px;}
.news-one .main-img {border-radius: 12px; max-height: 260px; max-width: 100%; width: auto; margin: 0 auto; display: block; z-index: 2; position: relative; box-shadow: 0 8px 24px #2b38571f;}
.news-one .subtitle {color: inherit; font-size: 21px; font-weight: 700;}
.news-one .news-sidebar {background: url(img/newsletter-bg.svg), linear-gradient(315deg, #dc5967, #deb15a); padding: 30px; border-radius: 8px;}
.news-one .news-sidebar h3, .news-sidebar p {color: #fff;}
.news-one .news-sidebar img {width: 80px; height: auto; border-radius: 50%; margin-right: 16px;}
.news-one .news-sidebar h4 {font-size: 20px;}
.news-one .news-sidebar h5 {font-weight: 400;}
.news-one .service-icon {background-color: var(--theme-color); min-width: 120px;}
.news-one .service-icon svg {fill: var(--heading-color);}

@media screen and (max-width: 767px){
    .news-one .news-intro .news-intro-content {margin: 70px auto 50px; padding: 40px 0;}
    .news-one .news-intro .news-intro-content h1 {font-size: 33px; line-height: 44px;}
    .news-one .news-content {margin-top: -110px;}
    .news-one .subtitle {font-size: 19px;}
}


.why-home .theme-list { columns: 2; -webkit-columns: 2; -moz-columns: 2;}

.offer-home {background-image: url(/img/map-bg.png); background-repeat: no-repeat; background-size: cover; background-position: center;}
.offer-home .offer-home-icons {padding: 60px 0;}
.offer-home .icon-box-item {position: relative; padding: 36px; background: url(/img/step-bg.png) no-repeat center center; background-size: contain; filter: drop-shadow(0px 0px 13px #0003); display: flex;
    align-items: center; justify-content: center;}
.offer-home .icon-box-item:before {position: absolute; content: ""; right: -70px; top: 17px; width: 127px; height: 59px; background: url(/img/step-icon.png) center center no-repeat;}
.offer-home .col-12:nth-child(2) .icon-box-item:before {transform: rotate(160deg); bottom: 10px; top: auto;}
.offer-home .col-12:last-child .icon-box-item:before {display: none; content: unset;}
.offer-home .icon-box-item svg {width: 50px; height: 50px; fill: var(--theme-color); z-index: 1; position: relative;}


.usluge .services-home:before {display: none;}

.breadcrumb-section {padding: 200px 0px 150px;}
.breadcrumb-section:before {background-color: #141933a6;}
.breadcrumb {background: transparent; margin: 0 auto; display: inline-flex;}
.breadcrumb-content h1, .breadcrumb li, .breadcrumb li a, .breadcrumb > .active {color: #fff;}
.breadcrumb > .active {display: none;}
.breadcrumb li {font-size: 17px;}
.breadcrumb li a:hover {text-decoration: underline!important;}
.breadcrumb li:first-child {margin-right: 16px;}
.design-shape {right: 0; bottom: 0; transform: scale(-1); opacity: .3;}



.contact .content a {font-size: 17px; color: var(--heading-color);}
.contact .content a:hover {text-decoration: underline;}
.contact .content h2 {font-size: 36px; font-weight: 300;}
.contact .content h4 {font-size: 24px; padding: 24px 0 10px; font-weight: 300;}
.contact .contact-info h2 {border-top: 1px solid #c4c4cd; margin-top: 0; padding-top: 20px;}
.contact .form-control {font-size: 16px; line-height: 28px; border: 1px solid #1a1a24; background: var(--white-color); border-radius: 0; height: 75px; color: var(--heading-color); padding: 25px 20px; -webkit-box-sizing: border-box; 
                box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; width: 100% !important; font-weight: normal; appearance: none; border-radius: 0; margin-bottom: 26px;}
.contact textarea.form-control {height: inherit;}
.contact .contact-form span {margin-bottom: 30px; display: block; color: var(--heading-color);}
.contact .contact-info {padding-left: 8%;}
.contact .contact-info ul {margin: 20px 0;}
.contact .contact-info ul > li {font-size: 17px; line-height: 1.2; color: var(--heading-color);}
.contact .contact-info i {margin-right: 8px; color: var(--theme-color); font-size: 15px;}
.contact .contact-info ul > li svg {width: 30px; fill: var(--theme-color); height: 30px; display: inline-flex; margin-right: 8px;}
.contact .contact-info ul.flex {gap: 8px; flex-wrap: wrap;}
.contact .contact-map iframe {max-width: 100%;}



footer {background-color: var(--heading-color); position: relative;}
footer:before {content: ''; position: absolute; left: 0; top: 0; display: block; background-image: url(/img/shape2.png); background-repeat: no-repeat; background-size: contain; width: 100%; height: 100%; opacity: .1; }
footer .footer-top {border-bottom: 1px solid #2b3e5b;}
footer .footer-top .footer-logo img {max-width: 100px;}
footer .footer-top svg {fill: #fff; width: 30px; height: 30px;}
footer h4 {color: #fff; font-size: 22px;margin-bottom: 22px;}
footer, footer ul li a, footer ul li, footer .footer-bottom a {color: #fff9;}
footer ul li a {transition: color .1s ease-out;}
footer ul li a:before {display: none;}
footer .footer-bottom a:hover span {color: #fff;}
footer .footer-bottom-inner {border-top: 1px solid #2b3e5b; font-size: 15px; padding: 30px 0}



@media screen and (min-width: 768px){
    header .header-logo > img {max-height: 90px; transition: all .25s ease-out;}
    header.nav-up .header-logo > img, header.header-shadow .header-logo > img {max-height: 60px; padding: 4px 0;}
	.video-text h1 {font-size: 70px; max-width: 45%!important;}
	.intro .intro-left {padding: 30px 10px;}
	.intro .intro-left h2 {font-size: 60px;}
	.about-home .about-content .about-list li {width: 340px;}

}


@media (min-width: 768px) and (max-width: 991px){
    
    .intro .intro-right .shape-image {background-size: cover;}
	.offer-home .col-12:nth-child(2) .icon-box-item:before {transform: rotate(117deg); bottom: auto; top: 150%; right: auto; height: 200px; left: 0;}

}


@media screen and (min-width: 992px){
    .nav-item {margin-right: 8px; margin-left: 8px; display: flex; align-items: center;}    
	.navbar .navbar-nav .nav-link:before {content: ''; width: 0; height: 2px; background: var(--theme-color); position: absolute; left: 0; bottom: 0px; transition: all .4s ease; border: none;}
	.navbar .navbar-nav .nav-link:hover:before, .navbar .navbar-nav .nav-item.active .nav-link:before {width: 100%;}

    header .header-logo > img {padding: 10px 0;}
    header nav.navbar .navbar-nav .nav-link {display: inline-flex; align-items: center; justify-content: space-between; padding: 10px 10px!important; text-transform: uppercase; font-weight: 600; 
        font-size: 18px; transition: all .2s; flex-wrap: nowrap; white-space: nowrap; text-align: center;}
	header.header-shadow nav.navbar .navbar-nav .nav-link {font-size: 16px;}
    
    .intro .intro-left h2 {font-size: 90px;}
}



@media screen and (min-width: 1200px){
	.section-padding {padding: 120px 0;}
	.video-text h1 { max-width: 50%;}
	.about-home .about-image .video-box-wrap {bottom: 60px; right: -200px; filter: drop-shadow(6px 0px 6px #0006); position: absolute;}
	.intro .intro-left {padding: 40px 50px;}
}


@media screen and (min-width: 1400px){
	.about-home .about-image .video-box-wrap {bottom: 80px;}
}




@media screen and (max-width: 1199px){
	.section-padding {padding: 80px 0;}
}


@media screen and (max-width: 991px){
    
    body.light-header header:has(.button-opened), body.homepage header:has(.button-opened) {background: #141932a3!important;}
	header .header-logo > img {max-height: 50px;}
	header .middle .navbar-toggler {padding-right: 0;}	
	header .top-nav > .navbar {padding: 10px;}
	nav.navbar .navbar-nav {padding-top: 20px;}
	nav.navbar .navbar-nav > li {text-align: left;}
	.navbar-nav .dropdown-menu {border: none;}
	nav.navbar .navbar-nav .nav-item .dropdown-menu {padding: 0;}
	nav.navbar .navbar-nav .nav-link { font-size: 16px; padding: 12px 0;}
	nav.navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item {padding: 14px 16px; font-size: 16px;}
	
	.middle .navbar .theme-button {font-size: 14px; padding: 6px 10px; height: auto; min-width: unset; right: 60px; top: 20px} 
	.nav-wrap {justify-content: space-between; flex: 1;}


    .navbar .navbar-toggler, .navbar .navbar-toggler:focus {border: none; box-shadow: none; display: inline-flex; flex-direction: column; align-items: flex-end; justify-content: center; padding: 16px 10px;}
    .navbar .icon-bar {display: block; height: 2px; border-radius: 1px; background-color: #fff; width: 25px; transition: opacity .1s, transform .3s ease-in-out, width .3s ease-in-out;}
    .navbar .navbar-toggler .icon-bar.mid {margin-top: 6px; width: 22px;}
    .navbar .navbar-toggler .icon-bar.last {margin-top: 6px; width: 18px;}
    .navbar .navbar-toggler.button-opened :is(.icon-bar.mid, .icon-bar.last) {width: 25px;}
    

	.offer-home h3 {padding: 0 10%; margin-bottom: 40px;}
	
	body.kontakt {padding-top: 70px;}

}


@media screen and (max-width: 767px){

	.section-padding {padding: 50px 0;}

	.intro .intro-right {flex-direction: column; align-items: center; }
	.intro .intro-right .intro-contact p, .intro .intro-right {text-align: center;}
	.intro .intro-right .intro-text h3 {margin-top: 0;}
	.intro .intro-right .shape-image {background-size: cover; left: 0;}

	.why-home .theme-list {margin-bottom: 40px;}
	
	.o-nama .about-home, .news-one .main-content {overflow: hidden;}

	.offer-home .icon-box-item:before {right: 0; transform: rotate(45deg); top: 100%;}
	.offer-home .col-12:nth-child(2) .icon-box-item:before {bottom: auto; top: 100%; right: auto; left: -30px; transform: rotate(252deg);}
	
	.services-item .services-home-content .theme-button {position: relative; top: auto; right: auto; left: auto; opacity: 1;}
	
	footer:before {left: -30%;}
}


@media (max-width: 359px){
    header .header-logo > img {max-height: 26px;}

}