@font-face {
    font-family: "SofiaProLight";
    src: url(/vendors/font/sofiapro-light-webfont.woff2) format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SofiaPro";
    src: url("https://db.onlinewebfonts.com/t/7615af7a9f681395bf515be718f1bf9c.eot");
    src: url("https://db.onlinewebfonts.com/t/7615af7a9f681395bf515be718f1bf9c.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/7615af7a9f681395bf515be718f1bf9c.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/7615af7a9f681395bf515be718f1bf9c.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/7615af7a9f681395bf515be718f1bf9c.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/7615af7a9f681395bf515be718f1bf9c.svg#SofiaPro")format("svg");
}

@font-face {
    font-family: "SofiaPro-Bold";
    src: url("https://db.onlinewebfonts.com/t/05428692254b58ccb090358a3dfecfff.eot");
    src: url("https://db.onlinewebfonts.com/t/05428692254b58ccb090358a3dfecfff.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/05428692254b58ccb090358a3dfecfff.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/05428692254b58ccb090358a3dfecfff.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/05428692254b58ccb090358a3dfecfff.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/05428692254b58ccb090358a3dfecfff.svg#SofiaPro-Bold")format("svg");
}

:root {
    --main-color: #f76470; /*#8b5275 stara violet*/
    --alt-color: #2f282d;  /*#3c363d*/
    --dark-color: #231F20;
    --white-color: #f9f9f9;
    --theme-color: #e9e1d6;
}




/* reset */
.theme-color {color: var(--main-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;}
.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;}
::-moz-selection {color: #fff; background-color: var(--main-color); -webkit-text-fill-color: initial; text-fill-color: initial;}
::selection {color: #fff; background-color: var(--main-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(--main-color); box-shadow: none;}
.underline {text-decoration: underline;}
header .search-box .input .button input {color: var(--main-color);}
.navbar {border: none;}
header .solid-menus .no-bg li.active a {background: none;}
header .menu-cart a:hover {color: var(--main-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(--main-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(--alt-color);}
.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(--main-color);}
.kontakt .btn {background: var(--main-color);}
#noty_center_layout_container > li, #noty_topCenter_layout_container, #noty_topCenter_layout_container > li {background-color: var(--main-color)!important;}
footer ul li a:hover {font-weight: inherit; color: var(--main-color);}
footer ul li {opacity: 1;}
footer .details p.title::before {display: none;}
footer .signature {background-color: transparent; color: #333;}
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(--main-color);}
.news-template-short2 img:hover {transform: scale(1);}
.scrollToTop {background: var(--main-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(--main-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(--main-color)!important;}
.checkout label:has(input) {cursor: pointer;}
a.no {color: var(--main-color); font-size: 20px;}
label {font-weight: 400;}


@media only screen and (min-width: 1200px) {
	.container {width: 1170px!important;}
}
@media (min-width: 992px) {
    .container {width: 970px;}
}
@media (min-width: 768px) {
    .container {width: 750px;}
}


body {/*font-family: 'Manrope', sans-serif; font-family: 'Nunito', sans-serif;*/ font-family: "SofiaProLight";}
h1, h2, h3, h4, h5, h6 {font-family: "SofiaProLight"; font-weight: 400;}
.border {background: #fff}
.homepage .border, .dark-back .border {background: var(--alt-color); background-color: var(--alt-color); background-position: top center; background-repeat: no-repeat; background-attachment: fixed; background-image: url(/img/back/bg-main2.jpg); background-blend-mode: multiply; background-size: 100% auto;}
.section-title {color: var(--main-color); font-weight: 400;}
.section-subtitle {font-size: 20px; color: #ffffff5e;}
.white-color {color: #f9f9f9;}
.overflow-h {overflow: hidden;}
.full-container {margin-left: 15px; margin-right: 15px;}

.homepage h1 {color: var(--alt-color); margin-top: 0; border-bottom: 1px solid #eee; padding-bottom: 20px; width: min-content; font-weight: 400;}
.dark-back h1 {color: var(--white-color);}

header .logo img {height: auto;}

 

header .middle {background: var(--alt-color);}
header .middle .navbar-middle li > a {color: var(--white-color); padding: 15px; font-family: "SofiaProLight"; font-size: 16px; line-height: 24px; text-transform: uppercase; transition: 0.2s;}
header .middle .navbar-middle li > a:hover {color: var(--main-color);}
header .advanced-search .input input {background: var(--alt-color); border: 1px solid #e9e1d661; border-radius: 20px; padding: 12px 20px; color: var(--theme-color);}
header .advanced-search .button {right: 20px; top: 0; height: 100%; display: flex; align-items: center; justify-content: center; min-width: 40px;}
header .advanced-search .button input {min-width: 40px; height: 100%; padding: 0; position: absolute; right: 0; top: 0;}
header .advanced-search .button svg {fill: var(--theme-color); pointer-events: none; width: 36px; height: 36px;}
header .menu-cart ul {transition: all .2s ease;}
header .menu-cart ul li a {line-height: 1; display: flex; background: var(--theme-color); border-radius: 50%; padding: 5px; box-shadow: 0 0 4px #e9e1d6; transition: .2s;}
header .menu-cart ul li svg {width: 25px; height: 25px; fill: var(--alt-color); transition: .2s;}
header .menu-cart ul li.profile {margin-bottom: 0;}
header .menu-cart ul li:hover svg {fill: var(--main-color)!important;}
header .middle .badge {background-color: var(--theme-color);}

header .bottom {margin-bottom: 0; background: var(--theme-color); border-top: 0; border-bottom: 0; padding: 0;}
header #nav-section .navbar-default .navbar-nav > li > a {font-family: "SofiaProLight"; font-size: 18px; line-height: 36px; color: var(--dark-color); transition: 0.2s; text-shadow: none; padding-top: 16px; padding-bottom: 16px;}
header #nav-section .navbar-default .navbar-nav > li:first-child > a, header .middle .navbar-middle li > a {}
header #nav-section .navbar-default .navbar-nav > li:hover > a {background: var(--alt-color); color: var(--theme-color);}
header #nav-section .navbar-default .navbar-nav > li.active > a {font-weight: inherit; color: var(--main-color);}
.homepage header #nav-section .navbar-default .navbar-nav > li.active:hover > a {color: var(--theme-color);}
header .solid-menus .navbar.navbar-hover .dropdown:hover > .dropdown-menu {background: var(--alt-color); /*box-shadow: none;*/ box-shadow: 0 6px 9px rgb(0 0 0 / 23%);}
header .solid-menus .navbar.navbar-hover .dropdown:hover > .dropdown-menu a {font-size: 16px; color: var(--theme-color);}
header .solid-menus .navbar.navbar-hover .dropdown:hover > .dropdown-menu li.active a {font-weight: 400!important; color: var(--main-color);}
header .solid-menus .navbar.navbar-hover .dropdown > .dropdown-menu a:hover {background-color: var(--theme-color); color: var(--alt-color);}

    				    
header .middle.fixed-header {position: fixed; top: 0; left: 0; width: 100%; z-index: 99999; box-shadow: 0 5px 20px #0000006b; padding: 10px 0;}
header .middle-clone {height: 117px;}
header .menu-cart ul .sticky-logo-wrap {margin-left: auto; padding: 0;}
header .menu-cart ul .sticky-logo-wrap .sticky-logo a {background: transparent; padding: 0; border-radius: 0; box-shadow: none;}
header .menu-cart ul .sticky-logo-wrap .sticky-logo img {width: 85px;}




.big-banner .swiper-slide {width: 100%;}
.big-banner .swiper-slide .description {display: none!important;}
.swiper-slide div {max-height: 700px;}
.big-banner .swiper-slide .one-slide-wrap {width: 1140px;}
.big-banner .swiper-slide a {display: flex; z-index: 2; position: relative;}
.big-banner .swiper-slide img {aspect-ratio: auto; filter: brightness(1.1); object-fit: cover; object-position: top;}
.img-clone-left, .img-clone-right {position: absolute; top: 0;}
.img-clone-left {left: 0;}
.img-clone-right {right: 0;}
.big-banner .swiper-slide .img-clone-left img, .big-banner .swiper-slide .img-clone-right img {filter: blur(7px) brightness(1.1); transform: scale(1.1);}



/* Radios With Sliding */
.radio-sliding {position: relative;} 
.radio-sliding input[type="radio"] {cursor: pointer; -webkit-tap-highlight-color: transparent; margin: 0;}
.radio-sliding :is(label, .selection) {height: 50px;}
.radio-sliding label {border-radius: 0.75em; display: flex; align-items: center; padding: 1.5em; margin: 0;}
.radio-sliding input[type="radio"] {border-radius: 50%; box-shadow: 0 0 0 0.0625em hsl(1,90%,80%), 0 0.125em 0.125em 0.0625em hsla(1,90%,10%,0.3); flex-shrink: 0; margin-inline-end: 1em; outline: transparent; position: relative; width: 1.5em; height: 1.5em; transition: background-color 0.3s, box-shadow 0.3s; -webkit-appearance: none; appearance: none;}
.radio-sliding input[type="radio"]:before,
.radio-sliding input[type="radio"]:after {border-radius: 50%; content: ""; display: block; position: absolute; transform: scale(0); transition: transform 0.3s cubic-bezier(0.65,0,0.35,1);}
.radio-sliding input[type="radio"]:before {box-shadow: 0 0 0 0.5em var(--main-color) inset, 0 0 0 0.0625em var(--main-color); top: -0.0625em; left: -0.0625em; width: calc(100% + 0.125em); height: calc(100% + 0.125em);}
.radio-sliding input[type="radio"]:after {background-color: hsl(0,0%,100%); top: 25%; left: 25%; width: 50%; height: 50%;}
.radio-sliding input[type="radio"]:checked:before, .radio-sliding input[type="radio"]:checked:after {transform: scale(1);}
.radio-sliding label:has(input[type="radio"]:checked), .radio-sliding label:has(input[type="radio"]:not(:checked)):hover {background-color: transparent;}
.radio-sliding .selection {border-radius: 0.75em; box-shadow: 0 0 0 0.125em var(--main-color) inset; display: none; pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; transition: transform 0.3s cubic-bezier(0.65,0,0.35,1);}
.radio-sliding label:has(input[type="radio"]:checked) ~ .selection {animation: fade-in 0.3s cubic-bezier(0.65,0,0.35,1); display: inherit;}
.radio-sliding label:nth-of-type(2):has(input[type="radio"]:checked) ~ .selection {transform: translateY(100%);}
.radio-sliding label:nth-of-type(3):has(input[type="radio"]:checked) ~ .selection {transform: translateY(200%);}
.radio-sliding .truncate {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}




.banner-content-home .row {padding-right: 15px;}
.banner-content-home .banner-content-item {float: left; position: relative; overflow: hidden; padding: 0;}
.banner-content-home .banner-content-item a {display: flex; flex-direction: column;}
.banner-content-home .banner-content-item .img-wrap {overflow: hidden;}
.banner-content-home .banner-content-item img {transition: 0.5s; filter: brightness(1.1) contrast(1.1); min-width: 100%; object-fit: cover;}
.banner-content-home .banner-content-item .item-text {z-index: 1;}
.banner-content-home .banner-content-item a .item-text p > span, .banner-content-home .banner-content-item a .item-text p {display: block; transition: 0.25s;}
.banner-content-item-1 .item-link {margin-left: 15px; z-index: 2; position: relative;}
.banner-content-item-1 .item-text {width: 100%; height: 230px; background: var(--theme-color); text-align: center; position: relative;}
.banner-content-item-1 a .item-text:after {content: ""; position: absolute; left: 44.1%; bottom: -21px; border: 21px solid transparent; border-top: 21px solid  var(--theme-color); transition: 0.5s;}
.banner-content-item-2 {width: 34%;}
.banner-content-item-2 img {height: 230px;}
.banner-content-item-2 .item-text {width: 100%; text-align: center; background: var(--white-color); position: relative;}
.banner-content-item-2 .item-text h5 {font-size: 60px; color: var(--main-color); margin: 0; padding-top: 43px; transition: 0.25s; text-transform: uppercase;}
.banner-content-item-2 .item-text p {font-family: "SofiaProLight"; font-size: 22px; color: #98887e; text-transform: uppercase; padding-top: 9px; padding-bottom: 53px; transition: 0.25s; margin-top: 10px;}
.banner-content-item-2 a .item-text:before {content: ""; position: absolute; left: 44.8%; top: -21px; border: 21px solid transparent; border-bottom: 21px solid var(--white-color); transition: 0.5s; z-index: 0;}
.banner-content-item-3 {width: 31%; position: static!important;}
.banner-content-item-3 .item-link {min-width: 375px;}
.banner-content-item-3 .item-text {position: absolute; right: 16px; left: 33%; background-color: #8f715f; bottom: 0; height: 199px; text-align: center; background: url(https://livedemo00.template-help.com/prestashop_54743/themes/theme1211/img/background.png);}
.banner-content-item-1 .item-text p, .banner-content-item-3 .item-text p {color: var(--theme-color); font-family: "SofiaProLight"; font-size: 30px; line-height: 42px;}
.banner-content-item-3 .item-text .col-md-7 p {text-align: left; padding: 0px 15px 0 60px;}
.banner-content-item-3 .item-text .col-md-5 p {text-align: center;}
.banner-content-item-3 a .item-text button {transition: 0.25s;}
.banner-content-item-3 a .item-text:before {content: ""; position: absolute; left: 74.8%; top: 0; background: url(https://livedemo00.template-help.com/prestashop_54743/themes/theme1211/img/top_arrow.png); width: 30px; height: 15px; transition: 0.5s;}

.banner-content-home .banner-content-item:nth-child(3) .item-text p > span:first-child, .banner-content-home .banner-content-item:nth-child(2) .item-text p > span:first-child {font-size: 40px; color: #fff;}

.banner-content-home .banner-content-item:nth-child(2) .item-text {background: var(--main-color); order: 2}
.banner-content-home .banner-content-item:nth-child(2) .item-text:after {display: none;}
.banner-content-home .banner-content-item:nth-child(2) .item-text:before {content: ""; position: absolute; left: 44.8%; top: -21px; border: 21px solid transparent; border-bottom: 21px solid var(--main-color); transition: 0.5s; z-index: 0;}
.banner-content-home .banner-content-item:nth-child(2) a:hover .item-text:before {top: -42px;}
.banner-content-home .banner-content-item:nth-child(3) .item-text {background: #9f9087;}
.banner-content-home .banner-content-item:nth-child(1) .item-text p > span:first-child {font-size: 40px; color: var(--alt-color);}
.banner-content-home .banner-content-item:nth-child(3) .item-text:after {border-top: 21px solid #9F9087;}
.banner-content-home .banner-content-item:nth-child(1) a .item-text p {color: #2f282da6;}


.banner-content-home .banner-content-item a:hover img {transform: scale(1.15);}
.banner-content-item-1 a:hover .item-text:after {z-index: 99; bottom: -42px;}
.banner-content-item-2 a:hover .item-text:before {top: -42px;}
.banner-content-item-3 a:hover .item-text:before {top: -15px;}
.banner-content-home .banner-content-item-1 a:hover .item-text p > span:first-child {margin-left: -50px;}
.banner-content-home .banner-content-item-1 a:hover .item-text p > span:last-child {margin-right: -50px;}
.banner-content-home .banner-content-item-2 a:hover .item-text h5 {padding-top: 35px;}
.banner-content-home .banner-content-item-2 a:hover .item-text p {padding-top: 25px;}
.banner-content-home .banner-content-item-3 a:hover .item-text p {padding-left: 35px;}
.banner-content-home .banner-content-item-3 a:hover .item-text button {font-size: 20px;}


    
    .banner-content-home .banner-content-item {overflow: unset;}
    .banner-content-home .banner-content-item a {box-shadow: 0 10px 20px -9px rgb(0 0 0 / 75%); border-radius: 8px; overflow: hidden;}
    .banner-content-home .banner-content-item img {max-height: 300px;}
    .banner-content-item-1 .item-text p, .banner-content-item-3 .item-text p {font-size: 22px;}





.product-tabs {

    .nav-tabs {border: none; height: auto; font-family: "SofiaProLight"; background: transparent; border-bottom: 3px solid #ddd; display: inline-block;}
    .nav-tabs > li {position: relative; padding: 0;}
    .nav-tabs > li:first-child {margin-right: 50px;}
    .nav-tabs > li > a {font: 500 20px/20px "SofiaPro", serif; color: #929daf; border: none; outline: none; margin: 0; margin-left: 0; margin-right: 0; padding: 10px 0; position: unset; display: inline-flex; flex-wrap: nowrap; white-space: nowrap; align-items: center;}
    .nav-tabs svg {fill: #929daf; height: 40px; vertical-align: bottom; margin-right: 10px; transition: all 0.2s ease-in-out;}
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {background: transparent; color: var(--theme-color); transition: 0.5s; border: 0;}
    .nav-tabs > li.active > a svg {fill: var(--main-color);}
    .nav-tabs > li.active:after {content: ''; height: 3px; width: 100%; background: var(--main-color); display: inline-block; position: absolute; bottom: -2px; left: 0; top: auto;}
    .tab-content {margin-top: 30px;}
    
    .slider {position: relative; width: 50%; transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);}
    .slider .indicator {position: relative; width: 50px; max-width: 100%; margin: 0 auto; height: 4px; background: var(--main-color); border-radius: 1px;}
}

.product-tabs input[name=tab-control]:nth-of-type(2):checked ~ .slider {transform: translateX(100%);}
.product-tabs input[name=tab-control] {display: none;}



.home-testimonials {padding: 80px 0;}




/*  KRATKI PROIZVOD */

.one-product .product-holder {border-radius: 10px;}
.one-product .price-holder {overflow: hidden; padding: 16px 17px 14px 25px; background: var(--main-color);}
.one-product .price-holder .price {font: 400 23px/23px "SofiaProLight", serif; text-align: left; color: var(--white-color); letter-spacing: -.3px;}
.one-product .price-holder .price .currency {font-size: 18px; text-transform: lowercase; font-family: \'Nunito\', sans-serif; color: var(--theme-color);}
.one-product .follow-featured {position: relative; top: auto; left: auto; margin-right: 10px; background: var(--main-color); display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; border-radius: 5px;}
.one-product .follow-featured label {margin-bottom: 0;}
.one-product img:hover {transform: scale(1);}
.one-product img.photo2 {position: absolute; left: 0; top: 0; z-index: 0; opacity: 0;}
.one-product .product-img a {display: flex;}
.one-product .product-img a img {width: 100%; filter: brightness(1.1) saturate(1.05);}
.one-product .product-img:hover .photo1-hide {opacity: 0;}
.one-product .product-img:hover .photo2 {opacity: 1;}
.one-product .product-flags {width: 60px;}
.one-product .product-flags [class^='exp-on'] {color: white; text-transform: uppercase; text-align: center; display: block;}
.one-product .product-flags .exp-on-action {background: var(--alt-color);}
.one-product .product-flags .exp-on-new {background: #f8941d;}
.one-product .product-content {background: var(--theme-color); display: flex; flex-direction: column; padding: 27px 15px;}
.one-product .product-holder a h2 {font-weight: 400; height: 40px; font-size: 18px; color: var(--alt-color); margin-bottom: 0;}
.one-product .product-content .product-buttons {display: flex; justify-content: center; align-items: center; margin-top: 20px;}
.one-product .product-content .product-buttons i {z-index: 1; position: relative;}


.promo {background: url(/img/promo-banner.webp) no-repeat center; background-size: cover; min-height: 300px; position: relative; margin-top: 60px;}
.promo:hover:before {background: #00000069;}
.promo:before {content: ''; position: absolute; background: #00000091; left: 0; top: 0; width: 100%; display: flex; height: 100%; transition: .3s ease-in;}
.promo-content {z-index: 1; position: relative; color: var(--theme-color); display: flex; justify-content: space-evenly; align-items: center;}
.promo-content h2 {margin: 0; font-weight: 500; font-size: 38px;}
.promo-content p {font-size: 24px; margin-top: 16px; color: var(--main-color); display: inline-block;}
.promo-content h2, .promo-content p {cursor: default; transition: .4s;}

.promo:hover .promo-content h2 {transform: translateX(-20px);}
.promo:hover .promo-content p {transform: translateX(20px);}

    .promo {background: url(/img/sivenje.webp); background-position: center; min-height: 450px;}
    .promo:before {background: #000000bf;}
    .promo:hover:before {background: #000000ad;}
    .promo .theme-button-dark {background: var(--main-color);}
    .promo .theme-button-dark span {color: #fff;}
    .promo .theme-button-dark:hover:before {background: var(--dark-color);}
    .promo h2.section-title {color: #fff;}
    .promo-content p {margin-bottom: 0; font-family: 'SofiaPro';}
    .promo img {width: 70px; margin-right: 30px; filter: invert(1);}




.homepage .blog h2 {position: absolute; z-index: 1; text-align: center; width: 100%;}
.mysimpleParallaxHolder {overflow: hidden;}
.simpleParallax {height: 400px; width: 100%;}
.mysimpleParallaxHolder1 .simpleParallax {height: 450px;}
.parallaxContent {position: absolute;}
.parallaxContent .blogtime {color: var(--main-color); font-size: 47px; line-height: 60px; font-weight: 600; display: inline-block;}
.parallaxContent .blogtime em {font-weight: 300; color: #fff; font-style: normal; padding: 0 0px 0 10px; display: inline-block;}
.parallaxContent .blogtime span {font-weight: 300; color: #fff; font-style: normal; padding: 0 0; display: inline-block; text-transform: uppercase; font-size: 28px; margin-left: 5px;}
.parallaxContent h4 a {color: var(--white-color); font-weight: 400; text-transform: uppercase; font-family: 'Nunito', sans-serif;}
.parallaxContent .blogtext {font-size: 18px; line-height: 24px; color: #959595; font-weight: 300; margin-bottom: 30px;}


.blog2 {
    overflow: hidden;
    
    .container-fluid {padding: inherit;}
    .news-template-short2 {margin-bottom: 0;}
    .news-template-short2 .imgdiv {position: relative; display: flex; min-height: 470px; height: 470px; background: #1a1a1a; line-height: inherit; margin-bottom: 0;}
    .news-template-short2 img {object-fit: cover; min-height: 100%; aspect-ratio: unset; opacity: .19; transition: transform 1s ease;}
    .news-template-short2 .imgdiv:hover img {transform: scale(1.1);}
    .news-wrap {position: absolute; width: 100%; height: 100%;}
    .news-content {position: relative; z-index: 1; padding: 0 15%;}
    .news-date {}
    .news-author {margin-top: 5px;}
    .news-content svg {width: 18px; height: 18px; fill: #fff; margin-right: 8px;}
    .news-content .news-date span, .news-content .news-author span {color: #fff;}
    .news-content a h2 {color: #fff; font-family: 'SofiaPro'; margin: 26px 0; font-size: 20px; line-height: 24px; text-shadow: 1px 1px 1px #00000052; letter-spacing: -.3px; text-transform: uppercase;}
    .news-content p {color: #fff; margin-bottom: 30px;}
    .theme-button {background: transparent;}
    .theme-button span {color: #fff; font-size: 16px;}
}



.about {padding: 70px 0 90px;}
.about .img-wrap {border-radius: 50%; background: var(--theme-color); padding: 25px; box-shadow: 0 10px 20px -9px rgb(0 0 0 / 84%);}
.about .img-wrap img {width: fit-content; max-width: 100px;}
.about .about-item {display: flex; flex-direction: column; align-items: center;}
.about .about-item h3 {padding: 0 35px; color: var(--theme-color); font-weight: 500;}
.about .about-item p {padding: 0 50px 20px; color: #959595; font-size: 15px;}


.info-icons {background: var(--dark-color); padding: 40px 0;}
.info-icons h4 {font-weight: 500;}
.info-icons .icons-box-wrapper {align-items: center;}
.info-icons figure {background: var(--theme-color); border-radius: 50%; width: fit-content; padding: 15px;}
.info-icons figure img {width: fit-content; max-width: 45px;}
.info-icons .box-content {color: var(--theme-color); text-align: left; margin-left: 20px;}




	.shop .sort {margin: 25px 0;}
	.shop ul.filters {padding: 0; font-size: 13px;}
	.shop ul.filters li {display: inline-block;}
	.shop ul.filters li.title {padding: 0px;text-align: center;}

	.shop .alert {display: inline-block;margin-bottom: 2px;margin-right: 8px;padding: 5px 10px 5px 10px;}
	.shop .alert .close {margin-left: 15px; font-size: 28px; line-height: 21px;}
	.shop .sidebar h4 {margin: 0 0 20px 0;}

	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {border: 1px solid #454d58; background: #454d58;}

	.checkbox, .radio {margin-top: 4px;margin-bottom: 4px;}

	.show-filters {padding: 5px 25px; border-radius: 6px; text-align: center; color: #fff; z-index: 999;}
	a.show-filters:hover {color: #fff; background: #000;}
	.show-filters.floating {position: fixed; left: 50%;transform: translate(-50%,-50%); bottom: 16px;  min-width: 137px;}
	h1.main-category {text-align: center; margin-bottom: 20px;}
	#hide-filters {position:absolute;right:-15px;top:-15px;font-size:30px;color: #222; cursor:pointer;}

	/* Show hide content JS */
	.hideContent-wrap {/*background-image: repeating-linear-gradient(45deg,transparent,transparent 3px,#45374185 3px,#453741a8 6px);*/ padding: 20px; border-radius: 10px; display: inline-block; background: #3f313b;}
	.hideContent {position: relative; overflow: hidden; height: unset; max-height: 55px; color: #fff; font-size: 17px;}
	.hideContent > a {color: #fff; text-decoration: underline;}
	.showContent {height: auto!important; max-height: unset!important;}
	a.showMore {cursor: pointer; font-weight: 400; text-decoration: underline; color: var(--main-color); font-size: 13px;}

	#totalProducts {margin: 25px 0;}
	#totalProducts::after {content: " proizvoda";}

	#vertical-menu a.list-group-item {padding: 5px 15px;}
	.sidebar {background: #f5f2f2; padding-top: 15px;}
	.sidebar .active {color: #5eca98!important;}
	.sidebar .active ul a {font-weight: 400!important;color: #454d58!important;}
	.sidebar ul li a {text-transform: uppercase;}
	.sidebar ul li ul li a {/*text-transform: capitalize;*/}


	.checkbox label::before {border-radius: 4px; border: 1px solid #a9a9a9; background: var(--alt-color);}
	.checkbox-danger input[type="checkbox"] + label::after {transform: scale(3) rotate(-20deg); opacity: 0; transition: all .2s ease-in; content: ''; left: -19px; top: 4px; margin-left: 0px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='%23f76470' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z'/%3E%3C/svg%3E"); background-size: cover;fill: #fff;}
	.checkbox-danger input[type="checkbox"]:checked + label::after {transform: scale(1) rotate(0deg); opacity: 1; transition: all .2s ease-in; content: '';}
	.checkbox-danger input[type="checkbox"]:not(:checked) + label::after {transition: all .2s ease-in; transform: scale(3) rotate(-20deg); opacity: 0; pointer-events: none;}
	.checkbox input[type="checkbox"]:focus + label::before, .checkbox input[type="radio"]:focus + label::before {outline: none;}
	.checkbox-danger input[type="checkbox"]:checked + label::before, .checkbox-danger input[type="radio"]:checked + label::before {background-color: var(--alt-color)!important; border-color: var(--main-color)!important;}

	.category-advanced-title {font-weight: 700;margin-top: 20px;}
	.sub-cat {display: block; clear: both; margin-left: 10px}
	.sub-cat::before {content: '- ';}

	@media only screen and (max-width: 767px) {
		h1 {margin: 0 0 15px 0; font-size: 24px;}
	    .shop .sidebar {position: absolute; z-index:1000; left: -1000px; top: 90px;}
	    .category-advanced-2 {text-align:center;}
	    .category-advanced-2 h3 {padding-top:0;}
	    .category-advanced-2 img {float: unset; margin-right:0px;}
	    .shop .brandFilter {margin: 0; padding: 0;}
	    #vertical-menu .navbar-header {background: var(--theme-color); border-radius: 5px;}
	    .show-filter-menu {left:0px!important; width: 80%; padding: 15px; background: #fff; box-shadow: 4px 1px 10px #5a5a5a;}
	    #vertical-menu .navbar-toggle {border: none;}
	    .shop .navbar-default .navbar-collapse, .shop .navbar-default .navbar-form {border: none;}
	}






.shop ul.filters {margin: 29px 0 29px 0;}
.shop ul.filters li.title, .shop a.tgNaslov, .shop .checkbox label, .shop .radio label {color: var(--white-color);}
.shop #vertical-menu ul, .shop .sidebar, .shop #vertical-menu ul li, .shop #vertical-menu a.list-group-item {background: transparent;}

.shop .tgSadrzaj {margin-bottom: 8px;}
.shop #vertical-menu ul {box-shadow: none; padding-left: 0;}
.shop .sidebar a.tgNaslov {display: block; margin-bottom: 4px; font-family: SofiaPro; font-size: 20px;}
.shop #vertical-menu ul.list-group li {border: none!important;}
.shop #vertical-menu a.list-group-item {border: none; color: var(--white-color); padding-left: 0; text-transform: none; font-size: 17px;}
.shop #vertical-menu a.list-group-item:hover, .shop .checkbox label:hover {color: var(--main-color);}
.shop #vertical-menu ul.list-group li.active > a:first-child {color: var(--main-color);}
.shop .checkbox label {transition: color .25s;}
.shop .filter-title {font-size: 30px; margin-bottom: 20px;}
.shop .alert {text-shadow: none; box-shadow: none; border: 1px solid #535353; cursor: pointer;}
.shop .alert .close {color: #fff; text-shadow: none;}
.shop .alert:hover .close {opacity: .8;}
.shop .sidebar .toggler {background-size: 22px;}

.shop .no-product h3 {color: var(--theme-color); border: 1px dashed #e9e1d63b; padding: 30px;}

.show-filters {background: var(--main-color);}
.shop ul.filters .alert.alert-primary strong {text-shadow: none; color: var(--main-color); font-weight: 300;}
.pagination>li>a, .pagination>li>span {background: transparent!important;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background: transparent!important; color: var(--main-color);}

.pagination > li:first-child > a, .pagination > li:first-child > span {border-bottom-left-radius: 12px; border-top-left-radius: 12px;}
.pagination > li:last-child > a, .pagination > li:last-child > span {border-bottom-right-radius: 12px; border-top-right-radius: 12px;}


.orderby select {background: transparent; cursor: pointer; border: 1px solid #535353; padding: 10px;}
.orderby select option {background: var(--alt-color);}
.dark-back .bg-color {color: var(--theme-color);}
.dark-back .orderby select, .dark-back #totalProducts {color: var(--theme-color);}
.dark-back .breadcrumb {background: transparent; padding: 10px 0; color: var(--theme-color);}
.dark-back .breadcrumb li, .dark-back .breadcrumb li a {color: var(--theme-color);}
.dark-back .news-estimation {color: #878787;}


.pre-footer {background: var(--dark-color); padding: 40px 0;}
.pre-footer a, .pre-footer svg {transition: .2s;}
.pre-footer-social a {background: var(--alt-color); border-radius: 50%; width: fit-content; padding: 16px; display: flex; margin: 0 5px;}
.pre-footer-social a svg {width: 24px; height: 24px; fill: var(--theme-color);}
.pre-footer .box-content svg {width: 28px; height: 28px;fill: var(--alt-color); filter: brightness(1.5); transform: scaleX(-1);}
.pre-footer .text-left svg {margin-right: 10px;}
.pre-footer .text-right svg {margin-left: 10px;}
.pre-footer .box-content h4 a {color: #e9e1d6ad; font-weight: 400; font-size: 22px;}
.pre-footer .box-content h4 a:hover {color: var(--main-color);}
.pre-footer .pre-footer-social a:hover svg {fill: var(--main-color);}



.info-icons {background: var(--dark-color); padding: 40px 0;}
.info-icons h4 {font-weight: 500;}
.info-icons .icons-box-wrapper {align-items: center;}
.info-icons figure {background: var(--theme-color); border-radius: 50%; width: fit-content; padding: 15px;}
.info-icons figure img {width: fit-content; max-width: 45px;}
.info-icons .box-content {color: var(--theme-color); text-align: left; margin-left: 20px;}


.static h1 {margin: 10px 0 20px;}

.static .login, .static .register {margin-top: 30px;}
.static p.login-title, .static p.register-title {background-color: transparent; color: var(--theme-color); font-weight: 400; padding: 32px 16px; font-size: 24px;}


/*  PROIZVOD STRANA */

.product .border {background: #FfFcFc;}
.product .breadcrumb {background: transparent; padding: 20px 0 30px;}
.product .breadcrumb li {font-size: 13px; letter-spacing: -.2px;}
.product .breadcrumb > .active {color: var(--dark-color); font-family: 'SofiaPro';}
.product .section-title {color: var(--dark-color); margin-bottom: 20px;}
.product .product-details {padding-left: 50px;}
.product h2.section-title {font-size: 26px;}

.product .slider-banner-image img {width: fit-content!important; border-radius: 10px;}
.product .slider-nav .slick-slide.thumbnail-image .thumbImg {height: auto;}
.product .slider-nav .slick-slide.thumbnail-image .thumbImg img {border-radius: 5px; aspect-ratio: 1/1; cursor: pointer;}
.product .product-details h1 {margin: 0 0 16px; letter-spacing: -.5px; font-size: 30px; color: var(--dark-color);}
.product .addtofav.inline {margin-left: auto;}
.product .addtofav.inline label {margin-bottom: 0; cursor: pointer;}
.product .addtofav.inline .fa-heart {font-size: 24px!important; color: var(--dark-color); margin-top: 4px;}
.addtofav.inline input[type='checkbox']:checked.icon-checkbox + label .checked {color: var(--main-color);}
.product .sku {margin-bottom: 15px;}
.product .sku b {font-weight: 400; font-family: 'SofiaPro'; color: var(--dark-color);}

.product .product-details .description {margin: 0 0 30px; font-size: 16px; border-top: 1px solid var(--theme-color); padding-top: 20px;}

.product-gift {gap: 24px; width: 100%; background: #f3eee8; border-radius: 5px; padding: 5px 12px; margin-bottom: 24px; text-align: left; color: var(--dark-color); transition: all 0.3s ease-out;}
.product-gift-icon  {background: #fff; border-radius: 50%; display: inline-flex; padding: 8px;}
.product-gift-icon svg {width: 30px; height: 30px; fill: #2f282d63;}
.product-gift h5 {font-size: 15px;}

.product .product-details .product-dropdown {margin-bottom: 16px;}
.product .product-details label.dropdown-product-select, .product .product-details .product-color > label {font-weight: 400; font-family: "SofiaPro"; font-size: 16px; position: relative;}
.product .product-details .dropdown-product-select span, .product .product-details .product-color > label > span {font-size: 27px; position: absolute; top: 5px; right: -18px;}
.product .product-details .select2-container--default .select2-selection--single {padding: 10px; border-radius: 5px; height: auto; border: 1px solid #ddd;}
.product .product-details .select2-container--default .select2-selection--single .select2-selection__arrow {top: 12px; right: 3px;}
.product .product-details .select2-container--default .select2-selection--single .select2-selection__arrow b {border-color: var(--main-color) transparent transparent transparent; border-width: 6px 5px 0 5px;}


.product .product-details .color-choose input[type="radio"] + label span {height: 34px; width: 34px; border-radius: 5px;}
.product .product-details .color-choose input[type="radio"] + label span:before {height: 34px; width: 34px}

.product .product-configuration {border-bottom: 1px solid var(--theme-color); padding: 0; margin-bottom: 0;}

.product-details .price-holder {margin-top: 20px; margin-bottom: 8px;}
.product-details .price, .product-details .price .salesprice {font-size: 26px; font-family: "SofiaPro"; font-weight: 400; letter-spacing: -.7px; margin-bottom: 8px;}
.product-details .price .currency {font-size: 20px;}
.product .vat-info {line-height: 1; padding-bottom: 20px;}
.product-details .price .price-old {color: #57575757; font-weight: 400; font-size: 17px;}
.product-details .price .price-old .currency {font-size: 17px;}

.product-details .add-to-cart, .product .product-details .go-to-checkout {display: inline-block; font-size: 16px; line-height: 38px; padding: 0 20px; border-radius: 5px; text-transform: unset; font-family: SofiaPro; border: 1px solid;}
.product-details .add-to-cart svg {width: 18px; height: 20px; fill: var(--white-color); vertical-align: text-top; margin-right: 10px;}

.product-details .sp-plus, .product-details .sp-minus {font-size: 12px; line-height: 38px; padding: 0 7px; width: auto; box-shadow: none; background: #f9f9f9; border: 1px solid #ddd; color: #666;}
.product-details .sp-plus {border-radius: 0 5px 5px 0; border-left: 0;}
.product-details .sp-minus {border-radius: 5px 0 0 5px;  border-right: 0;}
.product-details .quantity-input {border: 1px solid #ddd; border-radius: 0; box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-sizing: border-box; color: #333;padding: 0; width: 38px;font-weight: 400;line-height: 38px;width: 38px;}
.product-details .sp-plus:hover, .product-details .sp-minus:hover {background: var(--theme-color);}

.product-details .salespriceend {color: var(--main-color); font-size: 14px;}

.product .product-info {margin-top: 30px; border-top: 1px solid var(--theme-color); /*border-bottom: 1px solid var(--theme-color);*/ padding: 10px 0 20px;}
.product .product-info .product-info-icon {background: var(--main-color); border-radius: 50%; display: inline-flex; padding: 12px; margin-right: 20px;}
.product .product-info .product-info-icon svg {width: 20px; height: 20px; fill: #fff}
.product .product-info .product-info-text h5 span {white-space: nowrap;}

/*.product .one-product .product-holder {border-radius: 10px; box-shadow: 0 3px 8px #00000014;}
.product .one-product .price-holder {background: #f9f9f9; border: 1px solid #eee; border-radius: 10px 10px 0 0;}
.product .one-product .price-holder .price {font: 400 20px/20px "SofiaPro", serif; color: var(--dark-color); letter-spacing: -.4px;}
.product .one-product .price-holder .price .currency {color: #9b9b9b; font-family: 'SofiaProLight'; font-size: 15px;}
.product .one-product .product-content {box-shadow: 0 10px 20px #000; border: 1px solid #eeeeeead; background: #fff;}*/

.countdown-timer-wrapper {background-color: transparent; margin-bottom: 0;}
.countdown-timer-wrapper .promotext {color: var(--alt-color); font-weight: 400; padding-top: 0; display: flex; align-items: center; justify-content: flex-end; line-height: 1; font-size: 20px;}
.countdown-timer-wrapper .promotext svg {width: 36px; fill: var(--main-color); margin-right: 10px;}
.countdown-timer-wrapper .timer {padding: 0; text-align: right;}
.countdown-timer-wrapper .timer .timer-wrapper {width: 40px; text-align: center;}
.countdown-timer-wrapper .timer .timer-wrapper .time {color: var(--main-color); font-weight: 400; font-family: 'SofiaPro';}
.countdown-timer-wrapper .timer .timer-wrapper .text {font-size: 13px; color: var(--alt-color);}

.product .product-bottom {background: #fff; box-shadow: inset 0 4px 14px #0000001a; background-image: url(/img/back/bg-main2.jpg); background-repeat: no-repeat; background-size: 100% auto;}

.wishlist.product .border {background: transparent;}


.o-nama .main-content, .o-nama .main-content p {font-size: 16px;}
.o-nama .main-content p {margin-bottom: 32px;}
.o-nama .main-content img {box-shadow: 0 10px 20px -9px rgb(0 0 0 / 75%); border-radius: 12px;}
.o-nama .contact-details-item p {margin-bottom: 0;}
  
  
  
.blog .one-news {margin-bottom: 30px}
    

.news-one .main-content strong, .news-one .main-content b {color: var(--main-color); font-weight: inherit; font-family: SofiaPro;}
.news-one .sidebar {background-color: transparent;}
.news-one .main-content a {color: var(--main-color); border-color: var(--main-color);}
.news-one .social-circle a {border-bottom: none;}


.proizvodi h1 {color: var(--theme-color); font-size: 32px;}
.proizvodi h1 > span {display: block; font-size: 46px; color: var(--main-color); font-family: 'SofiaPro';}


/*  KONTAKT STRANA */

.contact-details i {display: block; float: left; width: 55px; height: 55px; line-height: 51px; text-align: center; font-size: 21px; border: 2px solid var(--main-color); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; 
                color: var(--main-color); margin: 0 16px 15px 0;}
.contact-details .contact-details-item {margin-bottom: 40px;}
.contact-details .contact-details-text {display: flex; flex-direction: column;}
.contact-details h3 {margin-bottom: 10px; margin-top: 0;}  
.contact-details p {font-size: 17px;}  

.contact-details .contact-details-item:nth-child(3n+1) {clear: both;}

.kontakt .contact-form {background: var(--dark-color); border-bottom: 1px solid #e9e1d61a;}
.kontakt .form-group {margin-bottom: 30px;}
.kontakt .contact-form .form-control {padding: 20px; background-color: var(--alt-color); border-color: transparent; transition: all .25s; border-radius: 0; font-size: 16px;}
.kontakt .contact-form .form-control:hover {border-color: #666;}
.kontakt .contact-form .form-control:focus {background: var(--theme-color);}
.kontakt .contact-form #contact-submit {float: right;}
.kontakt iframe {border-radius: 12px;}





/*  CHECKOUT STRANA */
.checkout .user-details {background: var(--alt-color); border-radius: 15px; box-shadow: 0 0 20px -9px rgb(0 0 0 / 75%); padding: 30px; margin: 50px auto 40px;}
.checkout .user-details .form-control, .checkout .login .form-control, .user-login .login .form-control, .user-login .register .form-control {background-color: var(--dark-color); color: var(--white-color); padding: 16px 12px; border-radius: 8px!important; border: none; margin-top: 8px; font-size: 15px; box-shadow: inset 0px 0px 11px -6px #000000b8;}
.checkout .user-details input.form-control:-webkit-autofill, .checkout .login input.form-control:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px var(--dark-color) inset;  -webkit-text-fill-color: var(--white-color);}
.checkout .user-details input.form-control:-webkit-autofill:focus, .checkout .login input.form-control:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 50px var(--dark-color) inset; -webkit-text-fill-color: var(--white-color);}
.checkout .form-title {font-weight: 400;}
.checkout .checkout-step {margin-right: 8px; font-size: 20px; font-family: 'SofiaPro';}
.checkout .select2-container--default .select2-selection--single {position: relative; background: var(--dark-color); border: none; height: 54px; margin-top: 8px; font-size: 15px; color: var(--white-color); border-radius: 8px; display: inline-flex; width: 100%;}
.checkout .select2-container--default .select2-selection--single .select2-selection__rendered {padding: 16px 10px; display: inline-flex; width: 92%; line-height: 1.3; color: var(--white-color);}
.checkout .select2-container--default .select2-selection--single .select2-selection__arrow {height: 100%; width: 26px;}
.checkout .select2-container--default .select2-selection--single .select2-selection__arrow b {border-color: var(--white-color) transparent transparent transparent; border-width: 8px 5px 0 5px; margin-left: -5px; margin-top: -3px; transition: border-color .5s;}
.checkout .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-color: transparent transparent var(--main-color) transparent; border-width: 0 5px 8px 5px;}
.checkout .select2-dropdown {background-color: var(--dark-color); border: none; border-radius: 8px;}
.checkout .select2-container--open .select2-dropdown--below {box-shadow: 0 7px 20px 0px rgb(0 0 0 / 34%); border-radius: 0 0 8px 8px; border: none; background: var(--alt-color);}
.checkout .select2-search--dropdown {padding: 8px 4px;}
.checkout .select2-container--default .select2-search--dropdown .select2-search__field {border: none; background: var(--dark-color); border-radius: 4px; box-shadow: inset 0px 0px 11px -6px #000000b8;}
.checkout .select2-results__option {padding: 10px 8px; color: #f9f9f975;}
.checkout .order-as-company {background: var(--alt-color); padding: 18px 4px 10px; box-shadow: 0 4px 20px -9px rgb(0 0 0 / 75%); border-radius: 10px;}
.checkout #new-delivery-address .form-title {color: #f9f9f9d6;}
.checkout .pretty input:checked~.state.p-success label:after, .checkout .pretty.p-toggle .state.p-success label:after {background-color: var(--main-color)!important;}

.checkout .product-gift {padding: 20px 26px 30px; background-image: repeating-linear-gradient(45deg,transparent,transparent 3px,#f3eee8ad 3px,#f3eee8ad 6px); border-radius: 10px; background-color: var(--theme-color);}
.checkout .product-gift > div {gap: 24px;}
.checkout .product-gift-icon svg {fill: var(--main-color); width: 40px; height: 40px}
.checkout .product-gift h5 {font-size: 16px;  line-height: 1.2;}
.checkout .product-gift ul {display: inline-flex; list-style: none; padding: 0; margin-bottom: 0; max-width: 90%;}
.checkout .product-gift ul li {width: 50%;}
.checkout .product-gift ul li label {font-weight: 400; font-size: 18px; letter-spacing: -1px; color: var(--dark-color); cursor: pointer; display: inline-flex; padding: 0;}
.checkout .product-gift ul li label input {margin-right: 10px; width: 16px; height: 16px; background: var(--alt-color);}

.checkout u:hover {text-decoration: none;}
#show-forgot-password {color: var(--main-color)!important; font-weight: 400!important;}
.forgot-password p {font-weight: 400; margin-top: 26px;}
#if-registered u {color: #ffffff54;}

.checkout .cart-checkout .okvir {border: none; padding: 0;}
.checkout .cart-checkout .dark-bg-box, .user-login .dark-bg-box {border: 0; border-radius: 15px; box-shadow: 0 10px 20px -9px rgb(0 0 0 / 75%); padding: 30px; background: var(--dark-color); font-size: 15px;}
.checkout .cart-checkout .okvir .cart_head {border-bottom: 3px solid var(--alt-color); border-top: 0; padding: 8px 0;}
.checkout .cart-checkout .okvir :is(i, h2) {color: var(--theme-color);}
.checkout .cart-checkout .okvir h2, .checkout .user-details h3 {font-weight: 400; margin-bottom: 20px; color: var(--main-color);}
.checkout .cart-checkout .okvir i {margin-right: 10px;}
.checkout .cart-checkout .okvir ul li label {font-weight: 400;}
.checkout .cart-checkout .okvir .editable {background: var(--main-color); border-color: var(--alt-color); border-radius: 50%; display: inline-flex; width: 20px; height: 20px; align-items: center; justify-content: center; margin: 0 4px;}
.checkout .cart-checkout .okvir .cart_product {padding: 16px 0; border-bottom: 2px solid var(--alt-color); display: inline-flex; justify-content: space-between; align-items: center; width: 100%;}
.checkout .cart-checkout .okvir .cart_delivery {border-bottom: 2px solid var(--alt-color); padding: 8px 0;}
.chekcout label, .checkoutCheckoxes p label {font-weight: 400;}
.checkout .cart-checkout .okvir :is(.cart_product, .cart_product a) {color: var(--theme-color);}
.checkout .cart-checkout .okvir .cart_total {font-size: 17px; display: inline-flex; width: 100%; padding: 16px 0; align-items: center; border-bottom: 0}
.checkout .cart-checkout .okvir .cart_total .levo span {display: block; font-size: 14px;}
.checkout .cart-checkout .okvir .cart_total .desno {color: var(--main-color);}
#order-holder .order-as-company label, #new-delivery-address .form-title, .fa-times {color: var(--theme-color);}

.checkout .cart-checkout .okvir .checkout-bottom .cart_total {border-top: 3px solid #333; border-bottom: 3px solid #333;}

.checkout .login {margin: 30px auto;}

.checkoutCheckoxes p {margin-bottom: 0;}
.checkoutCheckoxes p a {color: #f9f9f947;}
.checkoutCheckoxes p a:hover {color: #fff;}
.checkout-support a {color: var(--main-color);}


.user-login #login-form a, .required-label, .error {color: var(--main-color);}
.user-login .login .form-control, .user-login .register .form-control {background-color: var(--alt-color);}
.user-login .login input.form-control:-webkit-autofill, .user-login .register input.form-control:-webkit-autofill {-webkit-box-shadow:0 0 0 50px var(--alt-color) inset;  -webkit-text-fill-color: var(--white-color);}
.user-login .login input.form-control:-webkit-autofill:focus, .user-login .register input.form-control:-webkit-autofill:focus {-webkit-box-shadow:0 0 0 50px var(--alt-color) inset;  -webkit-text-fill-color: var(--white-color);}



.empty-wishlist img {max-width: 250px; height: auto;}


.search .category .product-holder {background: var(--theme-color);}
.search .category .product-holder h2 {margin: 20px 0; height: auto; font-family: SofiaPro; font-size: 24px;}


.swiper-button-next, .swiper-button-prev {background: #0000008f; border-radius: 50%!important; width: 50px!important; height: 50px!important;}
.swiper-button-next:hover, .swiper-button-prev:hover {background: #0000007a;}

.swiperTestimonials .content {color: var(--theme-color); font-size: 16px;}
.swiperTestimonials .content:before, .swiperTestimonials .name {color: var(--main-color);}



.theme-button {position: relative; font-size: 18px; line-height: 25px; color: var(--main-color); border: 1px solid rgb(247 100 112 / 50%); padding: 8px 20px 11px; display: inline-block; border-radius: 5px; overflow: hidden;}
.theme-button:before {background: var(--main-color); content: ""; height: 100%; left: 0px; opacity: 0; position: absolute; top: 0px; transform: scale3d(0.7, 1, 1); transition-delay: 0s, 0s; transition-duration: 0.4s, 0.4s; 
                        transition-property: transform, opacity; transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); width: 101%; pointer-events: none;}
.theme-button span {z-index: 1; position: relative; border-radius: 5px;}
.theme-button:hover span, .theme-button:hover i {color: var(--white-color);}
.theme-button:hover:before {opacity: 1; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1);}                   
.theme-button:hover {background: transparent;}

.theme-button-dark {background: var(--dark-color); color: var(--theme-color);}


footer .details {position: relative; padding: 55px 0 30px 0;}
footer .details ul li, footer .details ul li a, footer .details p {color: #e9e1d668;}
footer ul li {font-size: 15px;}
footer ul li a:hover {color: var(--theme-color);}
footer ul li a:hover:before {display: none; content: '';}
footer .details p.title {color: var(--theme-color); margin-bottom: 10px;}
footer .footer-contact ul {margin-top: 30px; padding-top: 20px; border-top: 1px solid #e9e1d61a; gap: 20px;}
footer .footer-contact ul > li {position: relative;}
footer .footer-contact ul > li:after {content: ''; position: absolute; right: -12px; top: 14px; width: 3px; height: 3px; display: block; background: var(--main-color); border-radius: 50%;}
footer .footer-contact ul > li:last-child:after {display: none;}
footer .visa {height: 28px; margin-right: 8px;}


@media (min-width: 768px) {
    
    body {padding-bottom: 90px;}
    body:not(.homepage) header {margin-bottom: 40px;}
    body.product header {margin-bottom: 0;}
    header .navbar-collapse {padding-left: 0; padding-right: 0;}
    
    header .middle {padding: 30px 0;}
    
    .middle .navbar-middle li > a {white-space: nowrap; letter-spacing: -0.5px; display: flex;}
    .middle .navbar-middle li > a svg {width: 24px; fill: var(--main-color); margin-right: 8px; min-height: 24px;}
    header #nav-section .navbar-default .navbar-nav > li > a {font-size: 17px;}

    
    header .logo-wrap {position: absolute; z-index: 9; top: 0; padding: 0 15px;}
    header .logo {background: var(--theme-color); padding: 10px 40px 0px;}
    header .logo > a {display: flex; position: relative;}
    .homepage header .logo > a {min-height: 300px;}
    header .logo > a > img {position: absolute; z-index: 99; top: -20px; height: 301px; left: 13px;}
    header .logo-header-info {background: #fff; padding: 40px;}
    header .logo-header-info-2 {background-color: transparent; padding: 40px; color: var(--white-color)!important;}
    header .logo-header-info-2 h1 {color: var(--white-color);}
    header .logo-header-info-2 p {font-size: 19px; letter-spacing: 0.3px; font-weight: 300; margin-top: 26px; color: #eee;}
    body:not(.homepage) header .logo-wrap {top: -60px; padding: 0 15px; right: 0;}
    body:not(.homepage) header .logo {padding: 0; background: transparent;}
    body:not(.homepage) header .logo img {height: 150px; z-index: 1; position: relative;}
    body:not(.homepage) header .logo-header-info-2 {display: none;}
    header .menu-cart ul {justify-content: center;}
    header .menu-cart ul li {margin-left: 10px;}
    header .menu-cart ul li:first-child {margin-left: 0;}
    header .menu-cart ul li:hover a {background: var(--alt-color); box-shadow: 0 0 14px #e9e1d6;}
    body:not(.homepage) header .menu-cart ul {justify-content: flex-start;}
    header .menu-cart ul li ul.user-menu-dropdown {list-style-type: none; padding-left: 0;}
    header .menu-cart ul li ul.user-menu-dropdown li {display: inline-flex; width: 100%; justify-content: flex-end; margin-left: 0;}
    header .menu-cart ul li ul.user-menu-dropdown li > a {border-radius: 0; background: transparent!important;  box-shadow: none; display: inline-flex; width: 100%; justify-content: flex-end; margin-left: 0; padding: 10px;}

    
    header .advanced-search {width: 80%; transition: .2s;}
    header .advanced-search .input, header .advanced-search .input input {transition: .2s;}
    header .advanced-search .input input:focus {border-color: #ddd; background: var(--theme-color)!important; color: var(--alt-color);}
    header .advanced-search:focus-within {width: 99%;}
    header .advanced-search .input:has(input:focus) ~ .button svg {fill: var(--main-color);}
    
    .curved {background: linear-gradient(315deg, transparent 1.5em, var(--main-color) 0) no-repeat; position: relative;}
    .curved:after {content: ''; position: absolute; bottom: 0px; right: 0; display: inline-block; height: 41px; width: 18px; transform: translate(-5px, 5px) rotate(68deg); background: linear-gradient(to left bottom, transparent 50%, #7da9b3 0, #d2f1fb 27px, #025364);}
                            

    .big-banner .swiper-slide a {height: 700px;}
    .big-banner .swiper-slide a > img {padding-right: 260px;}
    .big-banner .swiper-slide .description {transform: translateY(0); bottom: 0; top: auto; font-size: 29px; line-height: 40px; text-transform: uppercase; color: var(--alt-color); margin: 0; width: 34.2%; padding: 51px 35px 51px 47px; text-align: left;
                                                    background: var(--theme-color); font-family: "SofiaProLight";}
    .big-banner .swiper-slide .description span {position: absolute; top: -40px; left: 0; background: var(--main-color); color: var(--white-color); font-size: 22px; padding: 10px 23px;}
    
    
    .banner-content-item-1 img {max-height: 400px;}
    

    .dark-back .breadcrumb {margin-top: -20px;}
    
    
    .one-product .price-holder {min-height: 54px;}
    
    .checkout .product-gift textarea {margin-top: 0; max-width: 80%;}

    
    footer .details {box-shadow: 0 7px 18px #2f282d8a; z-index: 1; position: relative;}
    footer .col-md-4.text-center {padding-left: 40px;}
    footer .col-md-4.text-center p {color: #e9e1d6a6; font-style: italic; font-size: 13px;}
    footer .signature {position: fixed; bottom: 0; left: 0; width: 100%; z-index: -1;}    
    footer .signature a {color: var(--dark-color);}    
    
}

@media (max-width: 1199px) {
    .countdown-timer-wrapper {margin-bottom: 8px; margin-top: 26px;}
    .countdown-timer-wrapper .promotext {justify-content: flex-start;}
    .countdown-timer-wrapper .timer {text-align: left;}
}


@media (min-width: 767px) and (max-width: 1199px) {
    header .menu-cart ul .sticky-logo-wrap {border: 1px solid red;}
    
    header .middle .navbar-middle li > a span {display: none;}
    
    body.homepage header .logo > a > img {left: 0; height: auto; max-height: 200px; width: auto; max-width: 100%;}
    .homepage header .logo > a {min-height: 200px;}
    body:not(.homepage) header .logo img {height: auto; max-height: 120px; width: auto;}
}



@media (max-width: 767px) {
    
    .flex-xs {display: flex;}
    .big-banner .swiper-slide a {height: 300px;}
    .order-xs-1 {order: 1}
    .order-xs-2 {order: 2}
    .section-subtitle {max-width: 80%; margin: 0 auto;}
    
    header .middle {padding: 2px 0;}
    header .middle .menu-cart ul {justify-content: flex-start;}
    header .logo  {position: absolute; left: auto; right: 0; top: -100px; z-index: 9;}    
    header .logo img {height: 130px;}  
    header .logo > a {min-height: 130px; position: relative; height: auto;}
    body:not(.homepage) header .logo-wrap {top: -70px;}
    
    header .middle-clone {height: 50px;}
    
    
    header .solid-menus .navbar-header {display: flex;}
    header .solid-menus .navbar-toggle {margin-left: 0; border: 0;}
    header .solid-menus .navbar-default .navbar-collapse {box-shadow: 0 10px 20px -9px rgb(0 0 0 / 75%); border-radius: 10px;}
    header .bottom #nav-section .navbar-default .navbar-nav > li > a {font-weight: 400; font-size: 17px; background: var(--alt-color);  color: var(--white-color); border-top: 1px solid #535353;}
    header .bottom .logout {position: absolute; float: right; right: 13px; top: 12px; z-index: 9999; color: var(--white-color);} 
    header .solid-menus .navbar-default .navbar-nav .open .dropdown-menu>li>a {color: var(--white-color); background: #2f282ddb; position: relative;}
    header .solid-menus .navbar-default .navbar-nav .open .dropdown-menu>li>a:after {content: ''; height: 1px; width: 50%; display: inline-flex; position: absolute; left: 35px; bottom: 0; background: var(--alt-color);}
    header .solid-menus .navbar-default .navbar-nav .open .dropdown-menu>li:last-child>a:after {display: none;}
    
    
    .logo-header-info-2 {padding-top: 20px; margin-bottom: 30px;}
    .logo-header-info-2 h1 {padding-top: 20px; color: var(--alt-color); border-bottom: 1px solid var(--main-color); font-size: 36px; padding-bottom: 20px; width: min-content; font-weight: 400; margin-top: 0;}
    
    .big-banner .swiper-slide img {}
    
    .banner-content-home {margin-top: 30px!important;}
    .banner-content-home ul {padding-left: 15px; flex-direction: column; margin-top: 30px;}
    .banner-content-home .banner-content-item a {padding-left: 0; margin-bottom: 30px;}
    .banner-content-item-1, .banner-content-item-2, .banner-content-item-3 {width: 100%;}
    .banner-content-item-3 .item-text {left: 0; right: 0; display: flex; flex-direction: column; justify-content: center;}
    .banner-content-home .banner-content-item .item-text {padding: 0 15px;}
    .banner-content-item-1 a .item-text:after {bottom: auto; top: -42px; transform: rotate(180deg);}
    .banner-content-item-2 a .item-text:before {top: -42px;}
    .banner-content-item-3 a .item-text:before {left: calc(50% - 7px); top: -15px;}
    .banner-content-item-1 img {max-height: 250px;}
    .banner-content-item-1 .item-text {max-height: 140px;}
    .banner-content-item-1 .item-text p, .banner-content-item-3 .item-text p {font-size: 26px;}
    .banner-content-home .banner-content-item a .item-text p {margin-bottom: 0;}
    .banner-content-home .banner-content-item:nth-child(3) .item-text p > span:first-child, .banner-content-home .banner-content-item:nth-child(2) .item-text p > span:first-child {font-size: 32px;}
    .banner-content-home .banner-content-item .img-wrap {order: 2;}
    
    
    .banners img {position: absolute; height: 100%; object-fit: cover;}
    .banners .banner-text-right, .banners .banner-text-left {position: relative; padding: 40px;}
    
    .promo {display: flex; text-align: center; padding: 60px 0;}
    .promo .promo-content {flex-direction: column; align-items: center;}
    .promo .promo-content h2 {margin-bottom: 30px; font-size: 32px;}
    .promo .promo-content p {font-size: 21px; margin-bottom: 20px;}
    .promo .promo-content .banner-button {margin-top: 30px;}
    
    
    .info-icons .col-sm-6:nth-child(2n+1) {clear: both;}
    .info-icons .icons-box-wrapper {flex-direction: column; margin-bottom: 30px;}
    .info-icons .box-content {text-align: center; margin-left: 0;}
    
    .homepage  .blog h2 {position: relative; margin-bottom: 30px;}
    .mysimpleParallaxHolder {margin-bottom: 30px;}
    
    .home-testimonials .swiper-container {padding-bottom: 50px;}
    .home-testimonials .swiper-button-next, .home-testimonials .swiper-button-prev {top: auto; bottom: 0;}
    
    
    .product-tabs ul {display: flex; overflow-x: auto;}
    .product-tabs ul > li > a {margin-left: 32px; margin-right: 32px; font-size: 20px; line-height: 24px; display: flex; width: auto; text-align: center;}
    
    
    .shop .filter-title {margin: 40px 0 30px;}
    .shop .sidebar {background: var(--alt-color); box-shadow: 11px 0px 20px 2px rgb(0 0 0 / 50%); border-radius: 8px;}
    .shop #hide-filters {color: var(--main-color);}
    
    
    .product .product-details {padding-left: 15px;}   
    .product .product-info {padding: 24px 0 36px;}
    .product .product-info .product-info-1 {margin-bottom: 20px;}
    .description-details-wrap blockquote.quote {font-size: 16px;}

    .proizvodi h1 {margin-top: 40px; font-size: 28px;}
    .proizvodi h1 > span {font-size: 40px;}
    .proizvodi .banner-content-home .banner-content-item:nth-child .item-text p > span:first-child {font-size: 32px!important;}
    
    .o-nama .main-content img {margin-top: 30px;}
    
    /*.static h1 {margin: 50px 0 30px;}*/
    .search h1 {margin-top: 30px;}
    
    .news-template-short2 .imgdiv {width: 100%;}

    
    .pre-footer .row.flex-center {flex-direction: column;}
    .pre-footer .pre-footer-social {margin: 50px 0;}
    
    .checkout h3 span {color: #f9f9f947;}
    .checkout .cart-checkout .okvir {margin-top: 30px;}
    .cart-checkout .okvir .desno {color: var(--white-color); font-size: 14px;}
    .checkout .cart-checkout .dark-bg-box, .checkout .user-details, .user-login .dark-bg-box {padding: 20px;}
    .checkout .product-gift > div {text-align: center;}
    .checkout .product-gift {padding: 30px 20px;}
    .checkout .product-gift ul {display: flex; flex-direction: column;}
    .checkout .product-gift ul li {width: 100%; margin-bottom: 8px;}
    .checkout .product-gift textarea {min-height: 200px;}
    
    
    .contact-details h3 {font-size: 23px;}
    .contact-details .contact-details-item {margin-bottom: 32px;}
    .kontakt .contact-form #contact-submit {margin-bottom: 30px;}
    
    
    footer ul {padding-top: 0;}
    footer .details.visible-xs {padding-bottom: 20px;}
    footer .details .tgNaslov {color: var(--theme-color); border-bottom: 0;}
    footer .contact-info {border-top: 1px solid #e9e1d61a; margin-top: 20px;}
    footer .contact-info ul {padding-top: 20px;}
    footer .details .responsive-center p {color: #e9e1d6a6; font-style: italic; font-size: 13px;}
    footer .signature .col-md-5.text-right {text-align: center; margin: 20px 0 0;}
    footer .signature a {color: var(--dark-color); display: block;}
    footer .visa {max-width: initial;}
    
    .scroll-x {margin: 0; overflow-x: scroll; overflow-y: hidden; white-space: nowrap;}    
    
    
    
}

@media (max-width: 420px) {

.product-tabs .nav-tabs {display: flex; overflow-y: hidden; padding-bottom: 10px; border-bottom: 0;}
.nav-tabs > li:first-child {margin-right: 40px;}

}


footer .details {background: var(--alt-color);}
footer .logo {height: 150px; width: auto;}

footer .signature {background: var(--theme-color); color: var(--alt-color);}





.description-details-wrap {background-image: repeating-linear-gradient(45deg,transparent,transparent 3px,#f3eee8 3px,#f3eee8 6px); padding: 20px 0; border-radius: 10px;}
.description-details-wrap blockquote.quote {position: relative; text-align: center; padding: 14px 2px; width: 80%; color: #484748; margin: 1rem auto 2rem; border-left: 0;} 
/*.description-details-wrap blockquote {background: linear-gradient(to right, var(--main-color) 4px, transparent 4px) 0 100%, linear-gradient(to left, var(--main-color) 4px, transparent 4px) 100% 0, linear-gradient(to bottom, var(--main-color) 4px, transparent 4px) 100% 0, 
                                        linear-gradient(to top, var(--main-color) 4px, transparent 4px) 0 100%; background-repeat: no-repeat; background-size: 20px 20px;} */

/*.description-details-wrap blockquote.quote:before, .description-details-wrap blockquote.quote:after{font-family: FontAwesome; position: absolute; color: var(--main-color); font-size: 34px;} 
.description-details-wrap blockquote:before{content: "\f10d"; top: -12px; margin-right: -20px; right: 100%;}
.description-details-wrap blockquote:after{content: "\f10e"; margin-left: -20px; left: 100%; top: auto; bottom: -20px;} */

.description-details-wrap {background-image: url(/img/back/oblak.webp); background-size: 100% 320px; background-repeat: no-repeat; background-position: center; min-height: 320px; display: flex; align-items: center; justify-content: center;}
.description-details-wrap blockquote.quote {margin: 10px 0 0; width: auto; max-width: 70%;}


    .one-product .product-holder {box-shadow: -2px 5px 14px -3px rgb(0 0 0 / 32%)}
    .one-product .price-holder {display: flex; flex-direction: row; align-items: center;border-radius: 10px 10px 0 0; justify-content: center;}
    .one-product .price-holder .price {font: 400 21px/21px "SofiaPro", serif;}
    .one-product .price-old {margin-right: 5px; /*color: #a1a1a1;*/ font-size: 16px;}
    .one-product .price-holder .price .currency {font-size: 14px; /*color: #0000008f;*/}
    .one-product .price-holder .price-action {/*color: #df1627;*/}
    .one-product .price-holder .price-action .currency {/*color: #f76470a8;*/}
    
    .one-product .product-flags [class^='exp-on'] {font: 400 16px/16px "SofiaPro", serif; color: #fff; background: linear-gradient(112deg, #df1d2d 35%, #ad3e3e); padding: 0; width: 60px; height: 60px; border-radius: 50%; 
                                                    display: flex; align-items: center; justify-content: center; font-size: 20px; font-family: 'Open Sans', sans-serif; font-weight: 700;}
    .one-product .product-flags .exp-on-discount {background: #fff; color: var(--main-color);}
    .one-product .product-flags .exp-on-new {background: linear-gradient(135deg, #28c8d9 30%, #45bbc7); font-size: 14px;}
    .one-product .product-flags .exp-on-action {font-size: 14px;}
    



/* -- V2 LIGHT homepage2 -- */ 

.homepage2 /*, .shop */{
    
    .border {background: #fff; background-position: top center; background-repeat: no-repeat; background-attachment: fixed;  background-image: url(/img/back/bg-main2.jpg); background-size: 100% auto;}
    
    .section-title {font-family: 'SofiaPro'; font-feature-settings: "ss01" on,"tnum" on; font-size: 36px;}
    .section-subtitle {color: #231f20c7;}


    .about {background: transparent;}
    .about .img-wrap {box-shadow: 0 10px 20px -12px rgb(0 0 0 / 63%);}
    .about .about-item h3 {color: var(--dark-color);}
    .about .about-item p {color: #575757;}
    
    

    
    
    .simpleParallax {position: relative;}
    .simpleParallax:after {content: ''; background: #000000ad; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
    
    

    
    .swiperTestimonials .content {color: var(--dark-color); font-size: 17px;}
    
    
    
    .one-product .price-holder {display: flex; flex-direction: row; align-items: center; background: #f9f9f9; border: 1px solid #eee; border-radius: 10px 10px 0 0; justify-content: center;}
    .one-product .price-holder .price {color: var(--dark-color); font: 400 21px/21px "SofiaPro", serif;}
    .one-product .price-old {margin-right: 5px; color: #a1a1a1; font-size: 16px;}
    .one-product .price-holder .price .currency {font-size: 14px; color: #0000008f;}
    .one-product .price-holder .price-action {color: #df1627;}
    .one-product .price-holder .price-action .currency {color: #f76470a8;}
    .one-product .product-content {background: var(--white-color);}

    
    .one-product .product-flags [class^='exp-on'] {font: 400 16px/16px "SofiaPro", serif; color: #fff; background: linear-gradient(112deg, #df1d2d 35%, #ad3e3e);}
    .one-product .product-flags .exp-on-discount {background: linear-gradient(112deg, #df1d2d 35%, #ad3e3e);}
    .one-product .product-flags .exp-on-new {background: linear-gradient(135deg, #28c8d9 30%, #45bbc7);}
    
    
    .swiper-button-next, .swiper-button-prev {background: #fff; border-radius: 50%; width: 50px; height: 50px;}
    
    
    @media (min-width: 768px) {
        .bottom  .logo-header-info-2 {background-color: transparent;}
        

   }
    
    
    
    @media (max-width: 767px) {
        
        
        
        .promo img {margin-bottom: 20px;}
   }
}










@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        -ms-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
  }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
  }
}

@keyframes fadeUpIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        -ms-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
  }

    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
  }
}

@keyframes fadeInUp2 {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
  }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        -ms-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
  }
}

.fadeInUp {
    visibility: visible;
    animation-duration: .2s;
    animation-delay: 0.4s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation-fill-mode: both;
}
.fadeUpIn {
    visibility: visible;
    animation-duration: .4s;
    animation-delay: 0.2s;
    -webkit-animation-name: fadeUpIn;
    animation-name: fadeUpIn;
    animation-fill-mode: both;
}

.fadeInUp2 {
    visibility: visible;
    animation-duration: 0.5s;
    animation-delay: 0;
    -webkit-animation-name: fadeInUp2;
    animation-name: fadeInUp2;
    animation-fill-mode: both;
}

.fadeInUp3 {
    visibility: visible;
    animation-duration: .4s;
    animation-delay: 0.6s;
    -webkit-animation-name: fadeUpIn;
    animation-name: fadeUpIn;
    animation-fill-mode: both;
}

.fadeInUp4 {
    visibility: visible;
    animation-duration: .2s;
    animation-delay: 0.8s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    animation-fill-mode: both;
}

.animated {
    -webkit-animation-duration: .1s;
    -moz-animation-duration: .1s;
    -o-animation-duration: .1s;
    animation-duration: .1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}