:root {
    --theme-color: #ebb946; 
    --alt-color: #d88825;
    --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; line-height: 1.6em;}
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: 17px; font-weight: normal; line-height: 1.6em; margin-top: 113px;}


h1, h2, h3, h4, h5, h6 {font-family: "DM Sans", sans-serif; color: var(--heading-color); transition: all 0.4s ease-in-out;}
h1, h1.section-title {font-size: 32px; line-height: 0.95;}
h5 {font-size: 20px; font-weight: 600;}
.section-title {font-size: 30px; line-height: 1.1; margin: 20px 0 30px;}
.section-subtitle {font-size: 22px; font-weight: 300; line-height: 1.1;}
a {text-decoration: none;}
.section-preface {font-size: 14px; text-transform: uppercase;}


header {z-index: 998; width: 100%; position: fixed; top: 0; background: transparent;}
header.header-shadow {box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;}
header .top {background: #292929; font-weight: 600; font-size: 16px;}
header .top p {color: #fff;}
header .top a:hover {color: var(--theme-color);}
header .top .top-contact svg {width: 18px; height: 18px; fill: var(--theme-color); margin-right: 6px;}
header .middle {background-color: #fff; padding: 0;}
.nav-up {top: -43px;}
header .navbar {padding: 0;}
header .top-nav > .navbar, header .top-nav .header-logo {flex: 1 1 0;}
header nav.navbar .navbar-nav .nav-link {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%23111111%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;}




.news .list-inline {margin-top: 15px; margin-bottom: 15px}
.theme-list li, .news-one .main-content ul li {position: relative; line-height: 1.6;  padding: 1px 0 1px 30px;}
.theme-list li:before, .news-one .main-content ul li:before {content: ''; position: absolute; left: 0; width: 10px; height: 10px; border-radius: 50%; background-color: var(--heading-color); 
    top: 50%; transform: translateY(-50%); display: inline-block;}
.theme-button {background-color: var(--theme-color); color: var(--white-color); display: inline-block; font-size: 14px; font-weight: 700; padding: 10px 24px; 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(--alt-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);}
.theme-radius {border-radius: 4px;}



.documents, .mission {background-color: #F8F7F5;}
.documents .upper-img {margin: 0% 0% 0% -70%;}
.skill-item:after {content: ''; display: block; height: 60px; width: 1px; position: absolute; right: -12px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); 
    transform: translateY(-50%); background: #D1D0C8;}
.skills > div:last-child .skill-item:after {display: none;}
.skills .skill-item {min-height: 9em;}
.skills .skill-no {left: 0; top: 0; width: 100%; height: 100%;}
.skills .skill-no span {font-size: 6em; color: #fff; font-weight: 700;}
.skills .skill-no h3 {font-size: 18px;}

@media only screen and (min-width: 768px) {
	.services .service-item h4 {font-size: 22px;}
	.skills .skill-no span {font-size: 10em;}
	.skills .skill-no h3 {font-size: 26px;}
}

@media only screen and (max-width: 767px) {
    .documents .col-md-8 img {width: 50%;}
	.documents .upper-img {margin: -28% 0% 0% 35%;}
	.documents .documents-text {margin-top: -40px;}
}




.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 .main-content table {border-spacing: 6px; border-collapse: separate; table-layout: fixed; width: 100%;}
.news-one .main-content table .table-cell-bg {background: var(--theme-color); color: #fff;}
.news-one .main-content table .table-cell-bg2 {background: var(--alt-color); color: #fff;}
td, tfoot, th, thead, tr {border: 1px solid var(--theme-color); padding: 10px;}
.news-one .main-content .img-wrap {background: var(--theme-color);  padding: 24px; display: inline-flex; border-radius: 50%; margin-bottom: 16px;}
.news-one .main-content .icon-phase {width: 50px; height: 50px;}


.news-one .news-content h2 {margin-bottom: 32px;}


@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;}
}


.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; font-size: 30px;}
.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);}









footer {background-color: #000; 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: .2; }
footer .footer-top {border-bottom: 1px solid #434343;}
footer .footer-top .footer-logo img {max-width: 150px;}
footer .footer-top svg {fill: #fff; width: 30px; height: 30px;}
footer h4 {color: #fff; font-size: 22px; margin-bottom: 8px; text-shadow: 0 0 54px #000;}
footer, footer ul li a, footer ul li, footer .footer-bottom a {color: #fff9;}
footer ul li a {transition: color .1s ease-out; padding: 5px 0; display: inline-block;}
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}


.dropdown-item.active, .dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: #eaba57;
}



.scrollToTop {border: none; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23111111;stroke-width:1.5;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M12,10L8,6l-4,4'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat; background-position: center; background-size: 20px 20px; transition: .2s; border-radius: 4px; border: 1px solid #ffffffad;}
.scrollToTop:hover {background-color: var(--alt-color);}

@media screen and (min-width: 768px){
    body {margin-top: 138px;}
    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;}
    
    h1, h1.section-title {font-size: 64px;}
    h2.section-title {font-size: 57px;}
    
    .theme-button {padding: 18px 50px;}
    
    
    footer h4 {margin-bottom: 22px;}


}


@media (min-width: 768px) and (max-width: 991px){
    

}


@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: 34px 10px!important; 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;}

}



@media screen and (min-width: 1200px){
	.section-padding {padding: 120px 0;}
}


@media screen and (min-width: 1400px){
}




@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 .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: var(--heading-color); 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;}

}


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

	.section-padding {padding: 50px 0;}
	.p-t-100 {padding-top: 50px !important;}
	.p-b-100 {padding-bottom: 50px !important;}
	
	.theme-list li, .news-one .main-content ul li {line-height: 1.4em;}
	
	.services-item .services-home-content .theme-button {position: relative; top: auto; right: auto; left: auto; opacity: 1;}

	footer:before {left: -30%;}
	footer ul li {line-height: 26px; margin-bottom: 8px;}


    .news-one .main-content table { table-layout: unset;}

}

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

}