:root {
    --main-color: #092869;
    --alt-color: #e8eff4;
}




/* reset */
.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;}
.icon-svg {display: block; font-size: 0;}
.flex-justify-end {justify-content: flex-end;}
::-moz-selection {color: #fff; background-color: var(--main-color);}
::selection { color: #fff; background-color: var(--main-color);}
.list-style-no {list-style: none; padding: 0; margin: 0;}
a.c-button, a.c-button:hover {background-color: var(--main-color); box-shadow: none;}
.row.gutter-0 > [class*="col-"] {padding-left: 0; padding-right: 0;}
.underline {text-decoration: underline;}
header .search-box .input .button input {color: var(--main-color);}
.product-details .add-to-cart, .product-details .sp-plus, .product-details .sp-minus {background: var(--main-color); }
.product-details .price, .product-details .price .salesprice {color: var(--main-color);}
footer ul li {opacity: 1;}
footer .details p.title::before {display: none;}
footer ul li a:before, footer ul li a:hover:before {display: none;}
footer .signature {background-color: transparent;}
.scrollToTop {background: var(--main-color);}
#vertical-menu ul.collapse li a.list-group-item::before {content: '';}
.shop #vertical-menu ul ul, #vertical-menu ul .collapse.in {padding: 0;}
.xadmin-links {background: #EA1E33;}
@media only screen and (max-width: 767px) {

	header .navbar-toggle .icon-bar {border-radius: 0;}
	footer .credit-cards {background: inherit; margin: 0; overflow-x: scroll; overflow-y: hidden; white-space: nowrap;}

}    
/* end reset */






body {background-color: #fff; overflow-x: hidden; color: #444; font-size: 15px;}
body, button, input, textarea {/*font-family: 'Rubik', sans-serif;*/ font-family: 'Jost', sans-serif; color: #43454b; /*line-height: 1.618;*/ -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-weight: 400;}
h1, h2, h3, h4, h5, h6 {font-weight: 600; color: #161616; font-family: 'Jost', sans-serif;}
h2 {font-size: 32px; line-height: 44px;}
h6 {font-size: 18px; line-height: 26px;}
h2.heading-title {margin-bottom: 30px;}

.animated {-webkit-animation-duration:.3s; -moz-animation-duration:.3s; -o-animation-duration:.3s; animation-duration:.3s;}



header .top {background-color: #f9f9f9;}
header .top .top-menu {margin-right: 30px;}
header .top .top-menu > li {margin-left: 20px;}
header .top .top-menu > li > a {color: inherit; padding: 7px 0; display: inline-block; font-size: 14px;  font-weight: 500; text-transform: uppercase;}
header .top .top-social {padding-left: 30px; border-left: 1px solid #e9e9e9;}
header .top .top-social > li > a {padding-left: 5px; padding-right: 5px; display: block;}
header .top .top-social > li > a svg {width: 30px; height: 30px; fill: #fff; stroke: #585858; stroke-width: 1px;}


header .middle {padding: 10px 0;}
header .middle .navbar.navbar-hover .dropdown:hover > ul.dropdown-menu {padding: 35px 30px 20px; z-index: 999; box-shadow: none; }
header .middle .navbar.navbar-hover > ul > .dropdown:hover > ul.dropdown-menu {left: -15px;}
header .middle .navbar.navbar-hover .dropdown:hover > ul.dropdown-menu:before {content: ""; position: absolute; top: 12px; right: 0; left: 0; bottom: 0; z-index: 0; box-shadow: 0 3px 10px rgb(0 0 0 / 20%); background-size: contain;}
header .middle .navbar.navbar-hover > ul > .dropdown:hover > ul.dropdown-menu > li:after {content: ''; width: 50px; display: block; height: 24px; position: absolute; top: 5px; right: -40px; cursor: pointer;}
header .middle .navbar.navbar-hover .dropdown:hover > ul.dropdown-menu > li {z-index: 9; position: relative; display: block; width: 100%;}
header .middle .navbar.navbar-hover .dropdown:hover > ul.dropdown-menu > li > a {padding: 7px 0; min-width: unset; display: flex; justify-content: space-between; white-space: normal; min-width: 165px; align-items: center;}
header .solid-menus .dropdown .dropdown-right > a i.icn-right {position: relative; right: -15px; margin-right: 0;}
header .middle nav .navbar-nav > li {margin-right: 18.5px;}
header .middle nav .navbar-nav > li > a {font-weight: 500; letter-spacing: 0px; }
header .middle nav .navbar-nav li.active a {background: none;}
header .middle :is(nav .navbar-nav > li > a, .navbar.navbar-hover .dropdown:hover > ul.dropdown-menu > li > a) {color: #161616; font-size: 16px; line-height: 22px;}

header .middle .navbar.navbar-hover .dropdown:hover > ul.dropdown-menu {-webkit-animation-duration:300ms;-moz-animation-duration:300ms;animation-duration:300ms;animation-delay:100ms;-webkit-animation-delay:100ms;-moz-animation-delay:100ms;-webkit-animation-fill-mode:both;
                                                                        -moz-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:animation_menu_sub;-moz-animation-name:animation_menu_sub;animation-name:animation_menu_sub;-webkit-transform-origin:0 0 0;
                                                                        -moz-transform-origin:0 0 0;-ms-transform-origin:0 0 0;}
header .solid-menus .dropdown .dropdown-right > .dropdown-menu {top: -35px!important; left: 117%;}  


header .sticky-wrapper .sticky-middle {z-index: 993; width: 100%; background: #fff;}
header .sticky-wrapper.is-sticky .sticky-middle {position: fixed; top: 0px;-webkit-animation-duration: 300ms; -moz-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-fill-mode: both; 
                                        -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: mySticky; -moz-animation-name: mySticky; animation-name: mySticky; backface-visibility: hidden; -webkit-backface-visibility: hidden; 
                                        box-shadow: 0 2px 4px rgba(0,0,0,.2); border-width: 0; transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);}


header .middle .menu-cart ul > li {margin-left: 44px;}
header .middle .menu-cart ul > li:last-child {margin-left: 24px;}
header .middle .menu-cart ul > li:last-child > a > svg {width: 29px; height: 29px;}
header .middle .menu-cart ul > li > a {display: flex;}
header .middle .menu-cart ul > li > a > svg, header .shopping-cart svg {width: 26px; height: 26px; fill: #444}
header .middle .menu-cart ul > li > a .badge {position: absolute; font-size: .933em; padding: 0.5em 0; width: 21px; height: 21px; flex-shrink: 0; line-height: .72; font-weight: 400; text-align: center; letter-spacing: -1px; border-radius: 50px; background-color: #e8eff4; right: -22px; top: 4px; color: #444;}
header .middle .menu-cart ul > li > ul.user-menu-dropdown {right: -12px; bottom: -102px; margin: 0; min-width: 150px;}

header .middle nav .navbar-nav > li.active > a, header .middle nav .navbar-nav > li > a:hover {color: var(--main-color)!important;}
header .dropdown-menu>li>a:focus, header .dropdown-menu>li>a:hover {background: transparent; color: var(--main-color)!important;}



.main-banners {overflow: hidden;}
.main-banners .banner-wrapper {text-align: center;}
.main-banners .banner-wrapper .banner-link {position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 9;}
.main-banners .banner-wrapper .banner-bg {overflow: hidden; transition: opacity 450ms;}
.main-banners .banner-wrapper .banner-bg:after, .home-categories .category .product-holder .banner-bg:after {content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: #000; z-index: 1; opacity: 0; transition: 450ms ease 0s;}
.main-banners .banner-wrapper:hover .banner-bg:after {opacity: 0.3;}
.main-banners .banner-wrapper .banner-bg img {transform: rotate(0deg) scale(1,1); transition: transform 400ms ease 0s; width: 100%; object-fit: cover; display: block;}
.main-banners .banner-wrapper:hover .banner-bg img {transform: rotate(3deg) scale(1.14);}

.main-banners .banner-wrapper .box-content {position: absolute; z-index: 2; display: table; transition: 300ms ease 0s; left: 50%; right: auto; top: 50%; bottom: auto; width: 100%; transform: translate(-50%,-50%); text-align: center; width: 100%;}
.main-banners .banner-wrapper .box-content a {font-size: 24px; display: inline-block; min-width: 200px; line-height: 50px; border-radius: 25px; padding: 0 25px; text-transform: none; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%); 
                                background: #fff; border-color: #fff ;color: #161616; font-weight: 600;}


.main-icons figure {width: 21%; margin-bottom: 5px; display: inline-block;}
.main-icons figure img {transition: 350ms ease 0s;}
.main-icons .icons-box-wrapper:hover img {-webkit-animation-duration: 200ms; -moz-animation-duration: 200ms; animation-duration: 200ms; animation-delay: 100ms; -webkit-animation-delay: 100ms; -moz-animation-delay: 100ms; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate-reverse; animation-direction: alternate-reverse; -webkit-animation-name: animation_swing; -moz-animation-name: animation_swing; animation-name: animation_swing;}
.main-icons h6 {color: #161616; text-transform: capitalize;}
.main-icons p {color: #707070; display: block;}





.home-categories .category .product-holder {border-color: transparent; margin-bottom: 20px;}
.home-categories .category .product-holder a {width: 100%; height: 100%; display: block;}
.home-categories .category .product-holder a h2 {font-size: 16px; line-height: 22px; font-weight: 400; color: #161616; word-wrap: break-word; margin: 20px 0 0px; z-index: 1; position: relative;}
.home-categories .category .product-holder img {aspect-ratio: 1.5/ 1; transform: rotate(0deg) scale(1,1); transition: transform 300ms ease 0s; width: 100%; padding: 10px; z-index: 2; position: relative;}
.home-categories .category .product-holder:hover img {transform: rotate(3deg) scale(1.14);}
.home-categories .category .product-holder img:hover {opacity: 1;}
.home-categories .category .product-holder:hover {border-color: #e5e5e5;}
.home-categories .category .product-holder:hover .banner-bg:after {opacity: 0.04;}




.color-banner {text-align: center; width: 100%; position: relative; background-color: var(--main-color);}
.color-banner a {width: 100%; height: 100%; padding: 10px; display: block; z-index: 1; position: relative;}
.color-banner .box-content {padding: 10px;}
.color-banner:after {position: absolute; left: 10px; right: 10px; bottom: 10px; top: 10px; content: ""; border: 1px dashed #e5e5e5; z-index: 0; opacity: 0.5;}
.color-banner .box-content h4 {font-size: 24px; line-height: 34px; font-weight: 600; border-color: #e5e5e5; color: #fff; margin-bottom: 5px;}
.color-banner .box-content-bottom {font-size: 16px; line-height: 28px; color: #fff;}


.one-product {text-align: left;}
.one-product .product-holder {margin-bottom: 40px;}
.one-product .product-img {border: none; position: relative; transition: all 300ms ease 0s;}

.one-product .product-img > a {position: relative; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block;}
.one-product .product-img > a:after {content: ''; left: 0; top: 0; position: absolute; width: 100%; height: 100%; z-index: 1; background: radial-gradient(transparent, #dfdfdf85); transition: all 300ms ease 0s; opacity: .5;}
.one-product .product-img:hover > a:after {opacity: 1; transition: all 300ms ease 0s;}
.one-product .product-img > a > img {padding: 50px;}
.one-product .product-img > a >img:hover {transform: scale(1.0);}
.one-product .product-content {position: relative; padding: 10px 10px 0 10px;}
.one-product .product-content h3 {min-height: 22px; margin-top: 6px; font-size: 16px; line-height: 22px; font-weight: 400; margin-bottom: 0;}
.one-product .product-content :is(.price, .discountedprice, .price-old-b2b) {color: #000; line-height: 22px; font-size: 16px; font-weight: 400; margin-top: 6px;}
.one-product .product-content .price-old-b2b {color: #000000b0; line-height: 22px; font-size: 15px; font-weight: 400; margin-top: 6px; border-top: 1px solid var(--alt-color); padding-top: 10px;}
.one-product .product-content .discountedprice {font-weight: 500;}
.one-product .product-content .currency {text-transform: lowercase;}
.one-product .product-content .product-group-button {justify-content: space-between; margin: 10px 0 0 0; padding: 8px 0 0 0; border-top: 1px solid #e5e5e5;}
.one-product .product-content .follow-featured {position: relative;}
.one-product .product-content .short-add-to-cart-btn {font-size: 16px; color: #707070; padding: 0; border: none;}
.one-product .product-content .short-add-to-cart-btn:before {content: "+"; margin-right: 2px;}
.one-product .product-content .short-add-to-cart-btn:hover {background: transparent;}
.one-product .product-content .no-stock {font-size: 16px; color: #eb0000; padding: 0; border: none; line-height: 13px;}
/*.one-product .product-content .no-stock span:before {content: "-"; margin-right: 2px;}*/
.one-product .product-content .no-stock svg {width: 26px; height: 20px; display: inline-block; margin-right: 5px; fill: #38383847;}
.one-product input[type="checkbox"].icon-checkbox + label span {font-size: 16px;}
.one-product input[type='checkbox']:checked.icon-checkbox + label .checked {color: var(--main-color);}
#noty_center_layout_container {width: 30%!important;}
#noty_center_layout_container > li {background-color: var(--main-color)!important; width: 100%!important;}





.brand-slide .swiperProductBrand  {border: 2px solid #ebebeb; padding: 50px 0; }
.brand-slide .swiperProductBrand img {filter: grayscale(1); opacity: 0.4; transition: all .1s ease-in;}
.brand-slide .swiperProductBrand img:hover {filter: grayscale(0); opacity: 1;}
.swiper-button-next:after, .swiper-button-prev:after {color: #b9b9b9;}
.swiper-button-next:hover:after, .swiper-button-prev:hover:after {color: #000;}




.shop #vertical-menu .list-group-item:first-child {padding-left: 30px;}
.shop #vertical-menu ul li ul a.list-group-item:before {content: "\00BB \0020";}



.kontakt .btn {background: var(--main-color)!important;}






footer :is(ul li, .details) a:hover {font-weight: inherit; background-color: transparent!important; color: var(--main-color)!important;}

footer {background-color: #f9f9f9;}

footer .footer-newsletter {padding: 45px 0; border-bottom: 1px solid #bebebe;}
footer .footer-newsletter .row {justify-content: space-between;}
footer .footer-newsletter .newsletter svg {width: 40px; height: 40px; margin-right: 22px;}
footer .footer-newsletter .newsletter-header {margin-right: 50px;}

footer .footer-newsletter .newsletter-form input[type=email] {background-color: #fff; box-shadow: none; padding: 1.067em; color: #939393; font-size: 1em; border: 2px solid #e7e7e7; border-top-left-radius: 5px; border-bottom-left-radius: 5px; 
                                                                line-height: 1em; width: 22em;}
footer .footer-newsletter .newsletter-form input[type=submit] {border: 0; background: 0 0; color: #fff; cursor: pointer; text-decoration: none; font-weight: 400; text-shadow: none; display: inline-block; outline: 0;
                                                                -webkit-appearance: none; -webkit-font-smoothing: antialiased; margin-left: -0.333em; border-radius: 0 5px 5px 0; padding: 1em 2.733em 1em 41px; background: var(--main-color);}
.footer-newsletter .newsletter-title {font-size: 21px; line-height: 1.095em; letter-spacing: -.01em; margin: 0 0 0.2em 0;color: #1f1f1f; font-weight: 500;}
.footer-newsletter .newsletter-text {font-size: 16px; color: #626262; line-height: 1.533em; display: block; letter-spacing: -.01em;}
.footer-newsletter .newsletter-text strong {color: #1f1f1f; font-weight: 500;}

.footer-newsletter .footer-social-icons {width: 30%;}
.footer-newsletter .footer-social-icons ul.social-icons {justify-content: space-around;}
.footer-newsletter .footer-social-icons i {margin-right: 0.389em; font-size: 1.2em; line-height: 1em; float: left; color: var(--main-color); margin-top: 0.111em;}
.footer-newsletter .footer-social-icons a {font-size: 16px; color: #626262; line-height: 23px; padding: 0;}

footer .details {padding-bottom: 20px;}
footer .details .footer-columns {flex-basis: 0; flex-grow: 1; max-width: 100%; justify-content: space-between; flex-wrap: wrap;}
footer .details .footer-columns .column {padding-top: 25px;}
footer .details .footer-columns .column.last:before {content: ''; width: 1px; position: absolute; left: -20px; height: 100%; background: #bebebe; top: 0;}
footer .details .footer-columns .column.middle:after {content: ''; width: 1px; position: absolute; right: 60px; height: 100%; background: #bebebe; top: 0;}
footer .details .footer-columns .column ul {margin-bottom: 50px;}

footer .details p.title {text-transform: uppercase; font-size: 15px; font-weight: 500; color: #1f1f1f; padding-bottom: 20px; margin-bottom: 0;}
footer .details .column a {color: #626060; font-weight: 400; margin-bottom: 0; display: inline-block; font-size: 16px; line-height: 32px;}
footer svg.icon-svg { fill: var(--main-color); width: 40px; height: 40px; margin-right: 20px; }
footer .footer-contact h5 {color: #1f1f1f; text-transform: uppercase; letter-spacing: -.023em; line-height: 1.533em; font-weight: 500; display: block; margin-bottom: 1.2em; margin-top: 0.333em; font-size: 1.1em;}
footer .logo {margin: 10px 0;}
footer div:has(.logo) span {display: block;}
footer .credit-cards a {margin-bottom: 15px; display: inline-block;}
footer .cc {height: 24px; width: auto;}
footer .footer-contact h6 {font-size: 1.1em; line-height: 1.2em; color: #626262; letter-spacing: -.015em; margin: 0 0 1em 0; font-weight: 400;}
display: block;
footer .footer-contact .footer-address-map-link {color: #626262; font-size: 16px;}    
footer .footer-contact .footer-address-map-link svg {margin-right: 7px; width: 17px; height: 17px;}


footer .signature {padding: 0;}
footer .signature > div {border-top: 1px solid #bebebe; padding: 30px 0;}
footer :is(.signature, .signature a) {color: #1f1f1f;}
footer .signature .text-left a {margin-left: 20px; position: relative; color: #acacbb;}
footer .signature .text-left a:hover {color: #EA1E33}
footer .signature .text-left a:before {content: ''; position: absolute; width: 1px; height: 100%; background: #bebebe; left: -10px; top: 0;}
footer .signature .tos > ul > li {display: inline-block; line-height: 22px; padding-left: 10px;}
footer .signature .tos > ul > li > a {font-size: 13px;}




.scrollToTop {display: block; width: 40px; height: 40px; overflow: hidden; text-transform: uppercase; letter-spacing: 0; text-decoration: none; background: rgba(0,0,0,0.3); color: #fff; border-radius: 5px; right: 2px; bottom: 2px; transform: scale(0,0); transition: 350ms ease 0s;}

.cookie-notification {bottom: 0; top: unset; right: 0; left: unset;}
.cookie-notification {-webkit-animation-duration: 900ms; -moz-animation-duration: 900ms; animation-duration: 900ms; -webkit-animation-fill-mode: both; 
                                        -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: slideUp; -moz-animation-name: slideUp; animation-name: slideUp; backface-visibility: hidden; -webkit-backface-visibility: hidden; 
                                        }

@media only screen and (min-width: 768px) {
    
    body:not(.homepage) header {margin-bottom: 30px;}
    .main-banners .col-md-3 {padding-left: 7.5px; padding-right: 7.5px;}
}


@media only screen and (min-width: 992px) {
    .main-banners .banner-wrapper .banner-bg img {min-height: 400px;}
}


@media only screen and (min-width: 1200px) {
    .main-banners .banner-wrapper .banner-bg img {min-height: 520px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    header .middle nav .navbar-nav > li {margin-right: 5px;}
    header .middle nav .navbar-nav > li > a {padding-left: 12px; padding-right: 12px;}
    
    footer .footer-newsletter .newsletter-header {margin-right: 20px;}
    footer .footer-newsletter .newsletter-form input[type=email] {width: 12em;}
    footer .details .footer-columns .column.middle:after {right: 20px;}


}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    
    header .middle nav .navbar-nav > li > a {padding-left: 11px; padding-right: 11px;}
    header .middle nav .navbar-nav > li > a span {display: inline-block!important;}
    header .middle nav .navbar-nav > li > a .icn-left {display: none!important;}
    
    header .sticky-wrapper {height: 101px!important;}
    header .sticky-wrapper .sticky-middle > div > .row {display: block;}
    header .middle nav .navbar-nav > li {margin-right: 5px;}
    header .menu-cart {text-align: center;}
    header .menu-cart ul {justify-content: center; margin-top: 10px;}
    header .logo img {width: auto; height: 100%; padding-bottom: 0;}
    
}



@media only screen and (max-width: 991px) {
    
    .main-banners [class^='col-'] {padding-left: 2px; padding-right: 2px; padding-bottom: 4px;}
    
    
    footer .footer-newsletter .row {display: block;}
    footer .footer-newsletter .newsletter-form input[type=email] {width: 13em;}
    footer .footer-newsletter .footer-social-icons {width: 100%; margin-top: 30px;}
    
    footer .footer-payment-icons .credit-cards {margin-bottom: 15px!important;}
    footer .footer-contact h6 {display: none;}
    footer .details .footer-columns {margin-top: 30px;}

}

@media only screen and (max-width: 767px) {
    
    #nav-section {margin-bottom: 0px;}
    
    header {padding-bottom: 71px;}
    header .bottom {position: fixed; z-index: 999; width: 100%; background: #fff;}
    .solid-menus .navbar-brand > img {width: auto;}
    header .navbar-header .shopping-cart {position: relative; margin-right: 75px;}
    header .navbar-header .badge {position: absolute; font-size: 12px; padding: 0.5em 0; width: 21px; height: 21px; line-height: .72; font-weight: 400; text-align: center; letter-spacing: -1px; border-radius: 50px; background-color: #e8eff4; right: -15px; top: 4px; color: #444;}
    header .solid-menus .navbar-pos-search a {top: 0; right: 0;}
    header .solid-menus .navbar-pos-search a > svg {width: 35px; display: block; height: 41px;}
    header .bottom #nav-section .navbar-default .navbar-nav > li > a {font-weight: 500; color: var(--main-color);}
    header #nav-section .navbar-default .navbar-toggle .icon-bar {background-color: var(--main-color); height: 1px;}
    header #nav-section .navbar-default .navbar-toggle .icon-bar:nth-child(3) {width: 22px;}
    header  #nav-section .navbar-default .navbar-toggle .icon-bar+.icon-bar {margin-top: 5px;}
    header .solid-menus .dropdown .dropdown-right > .dropdown-menu {left: inherit; top: 0px!important; padding-left: 20px; }

    header .solid-menus .navbar.no-bg {max-height: calc(100vh - 120px); overflow: auto;}
    
    header .middle .navbar.navbar-hover > ul > .dropdown:hover > ul.dropdown-menu > li:after {display: none;}


    .main-banners .banner-wrapper .banner-bg img {min-height: unset;}
    .main-banners .banner-wrapper .box-content a {font-size: 18px; line-height: 30px !important; border-radius: 15px; min-width: 120px;}
    .main-icons .col-md-3:nth-child(2n+1) {clear: both;}
    
    .one-product .product-img > a > img {padding: 30px;}
    .one-product .product-content {text-align: center;}
    .one-product .product-content .no-stock {display: flex;}
    .one-product .product-content .follow-featured {margin: 10px auto 0;}

    
    .color-banner .box-content h4 {font-size: 20px; line-height: 28px;}
    
    
    footer .footer-newsletter .newsletter svg {margin: 0 auto 20px;}
    footer .newsletter {text-align: center; padding: 0 30px;}
    footer .footer-newsletter .newsletter-header {margin-right: 0;}
    footer .newsletter-body {margin: 20px 0;}
    footer .footer-newsletter .newsletter-form :is(input[type=email], input[type=submit]) {width: 100%; display: block; margin: 0 auto 10px; max-width: 400px;}
    footer .footer-newsletter .footer-social-icons {width: 100%;}
    footer .footer-newsletter .footer-social-icons ul.social-icons {display: flex;}
    footer .details {text-align: center;}
    footer .details a.tgNaslov {text-transform: uppercase; font-size: 15px; font-weight: 500; color: #1f1f1f;}
    footer .details .tgSadrzaj {padding: 0 0 10px}
    footer .details .col-md-10 {margin: 40px 0;}
    
    footer .details .col-md-10:has(.call-us-title) span {font-weight: 600; font-size: 20px; margin: 10px 0 20px;}
    footer .details address {margin-bottom: 10px;}
    
    footer .signature .text-left :is(span, a) {display: block; text-align: center;}
    footer .signature .text-left a {margin-top: 10px; padding-top: 10px; margin-left: 0;}
    footer .signature .text-left a:before {width: 80px; height: 1px; left: calc(50% - 40px);}
    
}









/* animations */


@keyframes slideInUp{from{transform:translate3d(0,100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}
@keyframes slideInDown{from{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translate3d(0,0,0)}}
.slideInUp{animation-name:slideInUp;}
.slideInDown{animation-name:slideInDown}
.animated-slide {-webkit-animation-duration: 1.25s; animation-duration: 1.25s; -moz-animation-duration: 1.25s;
                    -webkit-animation-fill-mode: both; animation-fill-mode: both; -moz-animation-fill-mode: both; 
                    animation-delay: 300ms; -webkit-animation-delay: 300ms; -moz-animation-delay: 300ms;}


@-webkit-keyframes
animation_swing{0%{transform:rotate(-6deg)}100%{transform:rotate(6deg)}}
@keyframes
animation_swing{0%{transform:rotate(-6deg)}100%{transform:rotate(6deg)}}


@-webkit-keyframes
animation_menu_sub{0%{opacity:0;visibility:hidden;transform:scale(1,0.7)}100%{opacity:1;visibility:visible;transform:scale(1,1)}}

@-webkit-keyframes
animation_menu_sub{0%{opacity:0;visibility:hidden;transform:scale(1,0.7)}100%{opacity:1;visibility:visible;transform:scale(1,1)}}
@keyframes
animation_menu_sub{0%{opacity:0;visibility:hidden;transform:scale(1,0.7)}100%{opacity:1;visibility:visible;transform:scale(1,1)}}


@-webkit-keyframes
mySticky{from{transform:translateY(-100%)}to{transform:translateY(0)}}
@keyframes
mySticky{from{transform:translateY(-100%)}to{transform:translateY(0)}}


@-webkit-keyframes
slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
@keyframes
slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}