.parallax-window {
    min-height: 400px;
    background: transparent;
}
.parallax-container {
  height: 500px;
  width: 100%;
  background-size: cover;
}

:root {--main-color: #19aaf8;}

body {font-family: 'Libre Franklin'; font-size:15px; font-weight:400; line-height:22px; -webkit-font-smoothing:antialiased; overflow-x:hidden!important}
ul, li {list-style-type: none; padding: 0;}
.news-one .main-content ul, .news-one .main-content li {list-style-type: disc; padding: 10px;}
h1, h2, h3, h4, h5, h6 {font-family: 'Libre Franklin';}
h1, h2 {font-weight: 500;}
h3 {font-size: 30px; line-height: 1.17em; font-weight: 400;}
h4 {font-size: 20px; line-height: 1.2em;}
h4, h5, h6 {font-weight: 500;}
h1 {font-size: 45px; }
h2 {font-size:45px; line-height: 1.09em;}
h5 {font-size: 13px; line-height: 1.455em; letter-spacing: .1em; text-transform: uppercase; }
h6 {font-size: 16px; line-height: 1.4em;}
a:active, a:visited, a:focus, a:link {text-decoration: none;}

.flex-row-center {display: flex; flex-direction: row; align-items: center; justify-content: center;}

.homepage :is(h1, h2, h3, h4, h5, h6) {color: #fff;}
.homepage {color:#dfdfdf;}
.home-content, .home-content .bg-color {background-color: #171717;}

.static .bg-color h1 {font-size: 30px; line-height: 1.17em; font-weight: 400; color: #000; margin: 25px 0; -ms-word-wrap: break-word; word-wrap: break-word;}
#nav-section {margin-bottom: 0px; /*border-bottom: none;*/}


/*header .bottom {background: #171717;}

header #nav-section li > a {color: #fff;}

header #nav-section {width: 100%;}
header .big-nav {width: 100%; position: relative;}
header .big-nav-logo {position: absolute; left: 0; top: 0; width: 100%; border: 2px solid yellow; height: 100%; text-align: center;}
header .big-nav-left, .big-nav-right {}
header :is(.big-nav-left, .big-nav-right) ul {}
header :is(.big-nav-left, .big-nav-right) ul > li {}*/

header .badge {font-size: 10px; padding: 0; position: absolute; /*border: 1px solid #bfbfbf;*/ right: -14px; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; top: -7px; background: transparent; color: #000;}


.home-portfolio {box-sizing: border-box;}
.home-portfolio .portfolio-image {filter: brightness(0.9); position: relative; display: inline-block; width: 100%; vertical-align: middle; clip-path: inset(0 0 0 0); -webkit-clip-path: inset(0 0 0 0); overflow: hidden;}
.home-portfolio article {pointer-events: auto; visibility: visible; padding: 0; margin: 0; position: relative; display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box;}
.home-portfolio .portfolio-wrapper {overflow: hidden; position: relative; display: inline-block; width: 100%; vertical-align: middle;}
.home-portfolio article .portfolio-image img {display: block; width: 800px; height: 1300px; -webkit-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); -webkit-transition: -webkit-transform 1s cubic-bezier(.33,.02,0,.93); 
                                                        -o-transition: transform 1s cubic-bezier(.33,.02,0,.93); transition: transform 1s cubic-bezier(.33,.02,0,.93); 
                                                        transition: transform 1s cubic-bezier(.33,.02,0,.93),-webkit-transform 1s cubic-bezier(.33,.02,0,.93); width: 90%; height: auto; max-width: 100%;}
.home-portfolio article .portfolio-text-holder {position: relative; display: inline-block; width: 100%; vertical-align: middle; margin: 30px 0 40px; text-align: center;}
.home-portfolio article .portfolio-text {position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; vertical-align: middle;}
.home-portfolio :is(h4, h4 span) {color: #fff; margin: 0;}
.home-portfolio article .portfolio-text h4 > span {position: relative; width: auto; background-repeat: no-repeat; background-image: -o-linear-gradient(transparent calc(100% - 1px),currentColor 1px); 
                                                                background-image: linear-gradient(transparent calc(100% - 1px),currentColor 1px); background-image: -ms-linear-gradient(transparent 95%,currentColor 1px); 
                                                                -webkit-transition: .6s cubic-bezier(.215,.61,.355,1); -o-transition: .6s cubic-bezier(.215,.61,.355,1); transition: .6s cubic-bezier(.215,.61,.355,1); background-size: 0 100%; }
.home-portfolio article a { z-index: 2; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0;}

/*hover*/
.home-portfolio article:hover .portfolio-image img {filter: brightness(1.1);-webkit-transform: scale(1.25) translateX(10%); -ms-transform: scale(1.25) translateX(10%); transform: scale(1.25) translateX(10%);  -webkit-transition: -webkit-transform 1s cubic-bezier(.33,.02,0,.93); 
                                                    -o-transition: transform 1s cubic-bezier(.33,.02,0,.93); transition: transform 1s cubic-bezier(.33,.02,0,.93); 
                                                    transition: transform 1s cubic-bezier(.33,.02,0,.93),-webkit-transform 1s cubic-bezier(.33,.02,0,.93); }
.home-portfolio article:hover .portfolio-text h4 > span {background-size: 100% 100%;}




.home-portfolio article .portfolio-image {opacity: 0; -webkit-transition:1s cubic-bezier(.645,.045,.355,1), -webkit-transform 1s;-o-transition:1s cubic-bezier(.645,.045,.355,1),transform 1s;transition:1s cubic-bezier(.645,.045,.355,1),transform 1s;
                                         transition:1s cubic-bezier(.645,.045,.355,1),transform 1s,-webkit-transform 1s; will-change:clip-path,transform}


@keyframes slideDown {
   0% {
       clip-path:inset(0 0 100% 0);-webkit-clip-path:inset(0 0 100% 0);
       
  }
   
   100% {
       clip-path:inset(0 0 0 0);-webkit-clip-path:inset(0 0 0 0);
       
  }
}
.home-portfolio article .portfolio-image {
   animation-name: slideDown;
   animation-duration: 1s;
   opacity: 1;
}
.home-portfolio article:nth-of-type(1) .portfolio-image {animation-delay: 100ms;}
.home-portfolio article:nth-of-type(2) .portfolio-image {animation-delay: 200ms;}
.home-portfolio article:nth-of-type(3) .portfolio-image {animation-delay: 300ms;}
.home-portfolio article:nth-of-type(4) .portfolio-image {animation-delay: 400ms;}





.animation-right {pointer-events: auto; visibility: visible; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.animation-right img {display: block; -webkit-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); -webkit-transition: -webkit-transform 1s cubic-bezier(.33,.02,0,.93); 
                                                        -o-transition: transform 1s cubic-bezier(.33,.02,0,.93); transition: transform 1s cubic-bezier(.33,.02,0,.93); 
                                                        transition: transform 1s cubic-bezier(.33,.02,0,.93),-webkit-transform 1s cubic-bezier(.33,.02,0,.93); width: 100%; height: auto; max-width: 100%;}
.animation-right:hover img {-webkit-transform: scale(1.25) translateX(10%); -ms-transform: scale(1.25) translateX(10%); transform: scale(1.25) translateX(10%);  -webkit-transition: -webkit-transform 1s cubic-bezier(.33,.02,0,.93); 
                                                    -o-transition: transform 1s cubic-bezier(.33,.02,0,.93); transition: transform 1s cubic-bezier(.33,.02,0,.93); 
                                                    transition: transform 1s cubic-bezier(.33,.02,0,.93),-webkit-transform 1s cubic-bezier(.33,.02,0,.93);}
                                                    
                                                    
.home-portfolio article {animate-delay: 0.5s;  animate-duration: 2s;}




.home-title-wrapper {align-items: center;}
.home-title .home-title-left h4 {color: #bcbcbc; font-size: 18px; line-height: 27px; font-weight: 400;}
.home-title .home-title-left h5 {color: #fff; margin-bottom: 18px;}
/*.home-title .home-title-left ul {}
.home-title .home-title-left ul > li {margin-top: 10px;}
.home-title .home-title-left ul > li > a {color: #bcbcbc;}*/
.home-title .home-title-left p {max-width: 80%;}
.home-title .home-title-image {padding: 10px 0 0 45px !important;}
.home-title .home-title-list-content {padding-left: 28px;}

h4.title-text {color: #bcbcbc; font-size: 18px; line-height: 27px; font-weight: 400;}


.parallax-holder {background-size: cover;position: static; background-attachment: fixed; background-position: center 0; background-repeat: no-repeat; -webkit-transform: translateZ(0); transform: none; -moz-transform: none; -ms-transform: none; 
                    overflow: hidden;padding: 0; background-color: transparent;}

.home-testimonials .testimonials-text {color: #fff;}
.home-testimonials h2 {margin: 0;}
.home-testimonials .swiperTestimonials .content {width: 80%; padding-left: 0px; text-align: center;}
.home-testimonials .swiperTestimonials .content:before {display: none;}
.home-testimonials .swiperTestimonials .content p {margin: 20px 0 0; font-weight: 200; font-size: 20px; line-height: 27px;}
.home-testimonials .swiperTestimonials .content .name {text-align: center; font-style: normal; color: #fff; margin-top: 25px;}



.home-interior .interior-one {padding-bottom: 30px; padding-top: 20px;}
.home-interior .interior-image {overflow: hidden; }
.home-interior .interior-text h4 {margin-top: 34px;}
.home-interior .interior-text p {color: #bcbcbc;}
.home-interior .interior-link {color: #fff; font-weight: 600;}
.home-interior .interior-image.no1 {height: 45rem;}
.home-interior .interior-image.no2 {height: 40rem;}
.home-interior .interior-image.no3 {height: 47rem;}
.home-interior .interior-image.no4 {height: 43rem;}



.home-brands {background: #000; padding: 130px 0;}
.home-brands .swiperProductBrand img {opacity: 0.4;filter: brightness(300); -webkit-transition: opacity .15s ease-out; -o-transition: opacity .15s ease-out; transition: opacity .15s ease-out;}
.home-brands .swiperProductBrand a:hover img {opacity: 1;}




.home-progress p {color: #bcbcbc;}
.home-progress .progress-title-holder {position: relative; margin: 10px 0 15px;}
.home-progress .progress-title-holder span:nth-of-type(1) { position: relative; display: inline-block; vertical-align: middle; z-index: 100; }
.home-progress span:nth-of-type(2) { position: absolute; right: 0; bottom: 1px; width: auto; display: inline-block; vertical-align: middle; opacity: 1; z-index: 10; }
.home-progress .progress-content-holder { position: relative; height: 3px; overflow: hidden; background-color: #757575; }
.home-progress .progress-content-holder > div { height: 3px; max-width: 100%; overflow: hidden; background-color: #fff;}





.home-process {height: auto;}
.home-process .process-holder {padding: 150px 0 140px;}
.home-process .process-holder .process-item {text-align: center; flex: 1 1 0px;}
.home-process .process-holder .process-item h4 {margin: 36px 0 10px;}
.home-process .process-holder .process-item p {color: #fff;}

.home-process .process-mark {text-align: right; padding: 0 4.7%; position: relative; flex: 1 1 0px;}
.home-process .process-mark .process-circle {opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);background-color: #fff;position: relative; display: inline-block; vertical-align: top; width: 45px; height: 45px; font-size: 13px; 
                    line-height: 45px; font-weight: 800; color: #000; background-color: #fff; border-radius: 100%; -webkit-transition: opacity .2s ease,-webkit-transform .3s ease; -o-transition: opacity .2s ease,transform .3s ease; 
                    transition: opacity .2s ease,transform .3s ease; transition: opacity .2s ease,transform .3s ease,-webkit-transform .3s ease; text-align: center;}
.home-process .process-mark .process-line {position: absolute; bottom: -120%; left: 82%; width: 35%; height: 2px; -webkit-transition: width .4s ease .1s; -o-transition: width .4s ease .1s; transition: width .4s ease .1s; background: #fff;}
.home-process .process-mark .process-line:before, .home-process .process-mark .process-line:after {content: ''; position: absolute; width: 15px; height: 2px; background-color: #fff; right: -2px; -webkit-transition: all .2s ease-in .3s; -o-transition: all .2s ease-in .3s; transition: all .2s ease-in .3s;}
.home-process .process-mark .process-line:before {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: -5px;}
.home-process .process-mark .process-line:after {-webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); bottom: -5px;}
.home-process .process-mark:last-child .process-line {display: none;}

.home-process .process-vertical-holder {position: absolute; top: 0; left: 0; width: 46px; height: 100%;  margin: 0 auto;}
.home-process .process-vertical-holder .process-mark {height: 25%;}
.home-process .process-vertical-holder .process-mark .process-line {height: 57%; top: 53px; left: 50%; width: 2px; -webkit-transition: height .4s ease .1s; -o-transition: height .4s ease .1s; transition: height .4s ease .1s; color: #fff;}



.home-icons h2 {margin-bottom: 40px;}
.home-icons .icons-icon a {display: block;}
.home-icons .icons-item {padding: 0 7% 60px 7%;}
.home-icons .icons-item h4 {margin-top: 25px;}
.home-icons .icons-item h4 > a {color: #fff;}
.home-icons .icons-item .icons-content p {color: #989898;}    




.product {}
.product .product-details h1 {letter-spacing: -0.4px; font-size: 36px; color: #003654}
.product .sku {margin-bottom: 15px; font-size: 14px; color: #3e3d46; text-transform: uppercase; letter-spacing: -0.3px;}
.product .product-configuration {border-bottom: none;}
.product .product-button-choose {margin-bottom: 0;}
.product .product-button-choose button {border-color: var(--main-color);}
.product .product-button-choose button:hover, .product-button-choose button.active {background: var(--main-color); color: #fff; border-color: var(--main-color); }
.product .product-details .product-configuration {margin-bottom: 20px;}
.product .product-details .variations-info {color: var(--main-color); font-size: 20px;}

.product .product-details .price {font-size: 32px; color: #003654; line-height: 1.2em;}
.product .product-details :is(.price, .price .salesprice) {margin-bottom: 0;}
.product .product-details .price.price-min-max {font-size: 30px; margin-bottom: 0;}
.product .product-details .price-description {color: var(--main-color); font-weight: 500; margin-top: 15px;}

.product .product-details .price-old {font-size: 17px; color: #ccc; text-decoration: line-through;}
.product .product-details .salesprice {font-size: 32px; color: #003654; font-weight: 700; }


.product .product-details .currency {font-weight: 500; letter-spacing: -0.7px;}
.product .sp-quantity {justify-content: flex-end;}
.product .product-details :is(.sp-minus, .sp-plus) {background-color: #19aaf8; padding: 3px 15px;}
.product .product-details .quantity-input {font-size: 20px; font-weight: 500;}
.product .product-details label {margin: 0; font-weight: 500;}
.product .product-details .sp-quantity label {margin-right: 15px;}
.product :is(.add-to-cart, .go-to-checkout) {display: block; margin-bottom: 15px; text-align: center; font-size: 19px; letter-spacing: -0.8px;}
.product .add-to-cart {background: transparent; color: var(--main-color); border: 2px solid var(--main-color); margin-left: 0;}
.product .go-to-checkout {background: var(--main-color);}
.product .product-bullets {margin: 0;}



/*.bettertabs { background: #fff; background-image: linear-gradient(to right, #004a96 , #1f9b7e); height: auto; color: #fff; }
.bettertabs .nav-tabs { width: 100%; justify-content: space-between; display: flex;}
.bettertabs .nav-tabs>li { float: unset;  display: inline-flex;}
.bettertabs .nav-tabs>li a  {  padding: 20px 25px; font-size: 24px;  border-radius: 0; border: 0; color: #fff;}
.bettertabs .nav-tabs>li.active>a, .bettertabs .nav-tabs>li.active>a:focus, .bettertabs .nav-tabs>li.active>a:hover {  color: #fff; background-image: linear-gradient(to right, #004a96 , #1f9b7e); border: 0;}
.bettertabs .nav>li>a:focus, .bettertabs .nav>li>a:hover { text-decoration: none; background-image: linear-gradient(to right, #004a96 , #1f9b7e); }

.bettertabs .tab-pane { padding: 25px 0; }
.bettertabs .white-link { color: #fff; }
.bettertabs iframe { width: 100%; height: 40rem; }*/

/* za mob mora da se poredjaju jedan ispod drugog lepo */
@media only screen and (max-width: 767px) {
    .bettertabs .nav-tabs {  width: 100%; justify-content: space-between; display: inline-table;}
    .bettertabs .nav-tabs>li a {  padding: 15px 20px;  font-size: 19px;}
}



.bettertabs {width: 100%; background: linear-gradient(90deg, #003654f2, var(--main-color)); position: relative; z-index: 1; padding: 0 0 30px;}
/*.bettertabs:after {position: absolute; width: 100%; height: 100%; content: ''; top: 0; left: 0; z-index: 2; background: #ffffffdb;}*/
.bettertabs .tab-content {padding: 50px 0;}
.bettertabs ul.nav-tabs {border: none;}
.bettertabs :is(.nav-tabs>li>a, .tab-content, .tab-content a) {color: #fff;}
.bettertabs .nav-tabs>li>a {font-size: 20px; padding: 20px 25px; font-weight: 400; letter-spacing: -0.5px; text-transform: uppercase; transition: all 0.1s ease-out;}
.bettertabs :is(.nav-tabs>li>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li>a:hover) {border: none; border-radius: 0; margin: 0;}
.bettertabs .nav-tabs>li>a:hover {background: #fff; color: var(--main-color);}
.bettertabs :is(.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover) {color: var(--main-color);}
.bettertabs  iframe { width: 100%; height: 40rem; }
.bettertabs .toggler-one > a {font-size: 18px; font-weight: 500; padding-left: 26px;}
.bettertabs .accordion-mark {left: 0;}
.bettertabs .tgSadrzaj {padding-left: 26px;}
.bettertabs .table-hover>tbody>tr:hover {background-color: #f5f5f51c;}





.form-control:focus {box-shadow: none; border-color: var(--main-color);}
.calculator {background: #f5f9fc; height: auto; padding: 50px 0 0;}
.calculator p {color: #000; font-size: 19px; font-weight: 300;}
.calculator :is(.form-control, select) {font-size: 18px; height: 45px; padding: 0px 20px; color: #003654;}
.calculator select {font-weight: 300; text-transform: uppercase;}
.calculator label {display: block; font-size: 18px; margin-bottom: 7px; font-weight: 400;}
.calculator .error  {font-size: 14px;}

.calculator-result {position: relative; background-image: url(/img/back/epoxy-resin-art-background.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; padding: 65px 0px 75px;}
.calculator-result:before { content: ""; background-image: url(https://www.vistaresin.com/static/version1661232200/frontend/Icecube/Theme/en_GB/images/product-detail-resin-need-down.png); position: absolute; left: 50%; transform: translate(-50%, 0); width: 100%; height: 100%; top: 0; background-repeat: no-repeat; 
                            background-size: 80px; background-position: top center; background-color: #00000038;}
.calculator-result .row {display: flex; flex-direction: row; justify-content: center;}
.calculator-result .result {padding: 15px; margin: 0px 12px; text-align: center; border: solid 5px #fff; color: #fff; z-index: 9; position: relative;}
.calculator-result .result h4 {text-transform: uppercase;}






.o-nama .about-text {margin: 140px auto 100px auto;}





.team .team-item {padding: 0; position: relative; overflow: hidden; min-height: 1px;}
.team .team-item.one-product {text-align: unset;}
.team .team-image {overflow: hidden;}
.team .team-social-wrapper {position: absolute; display: block;z-index: 1; opacity: 0; width: 70%; height: auto; right: 0; left: auto; top: auto; bottom: 24px; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); 
                                transform: translateX(100%); background-color: #171717; color: #fff; -webkit-transition: -webkit-transform .4s ease-in-out; -o-transition: transform .4s ease-in-out; transition: transform .4s ease-in-out; 
                                transition: transform .4s ease-in-out,-webkit-transform .4s ease-in-out;}
.team .team-item:hover .team-social-wrapper {opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
.team .team-social-content {padding: 18px 0 22px 29px; -webkit-transform: translateX(200%); -ms-transform: translateX(200%); transform: translateX(200%); -webkit-transition: -webkit-transform .4s ease-in-out; -o-transition: transform .4s ease-in-out; 
                        transition: transform .4s ease-in-out; transition: transform .4s ease-in-out,-webkit-transform .4s ease-in-out;}
.team .team-item:hover .team-social-content {opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
.team .team-item img {display: block; -webkit-transform: scale(1.06); -ms-transform: scale(1.06); transform: scale(1.06); -webkit-transition: -webkit-transform 1s cubic-bezier(.33,.02,0,.93); -o-transition: transform 1s cubic-bezier(.33,.02,0,.93); transition: transform 1s cubic-bezier(.33,.02,0,.93); transition: transform 1s cubic-bezier(.33,.02,0,.93),-webkit-transform 1s cubic-bezier(.33,.02,0,.93);}
.team .team-item:hover img {-webkit-transform: scale(1.06) translateX(-3%); -ms-transform: scale(1.06) translateX(-3%); transform: scale(1.06) translateX(-3%); -webkit-transition: -webkit-transform 1s cubic-bezier(.33,.02,0,.93); 
                                -o-transition: transform 1s cubic-bezier(.33,.02,0,.93); transition: transform 1s cubic-bezier(.33,.02,0,.93); transition: transform 1s cubic-bezier(.33,.02,0,.93),-webkit-transform 1s cubic-bezier(.33,.02,0,.93);}

.team .team-social-content .team-social-links {margin-top: 7px;}
.team .team-social-content .team-social-links a {color: #fff; margin-right: 13px; position: relative;}
.team .team-social-content .team-social-links a:before, .team .team-social-content .team-social-links a:after {bottom: -2px;}



.team-one .team-one-image {max-height: 700px; overflow: hidden;}
.team-one h1 {font-weight: 300; color: #111; line-height: 1.14em; letter-spacing: .025em;}
.team-one h3 {font-weight: 400; margin-bottom: 35px;}
.team-one .team-one-content p {font-size: 20px; line-height: 1.65em; font-weight: 300; letter-spacing: .01em; color: #121212;}
.team-one .team-one-content > div {padding-left: 60px;}

.team-one .team-gallery-title {position: relative; padding: 100px 0;}
.team-one .team-gallery-title-front {z-index: 9; position: relative; padding: 30px 0 0;}
.team-one .team-gallery-title-front span {font-size: 11px; line-height: 1em; font-weight: 500; letter-spacing: .25em; color: #2b2b2b; text-transform: uppercase; display: block; margin: 0 0 19px;}
.team-one .team-gallery-title-back {position: absolute; display: flex; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; line-height: 1; justify-content: center; align-items: center; 
    -webkit-text-stroke: 1px #f3e0ce; font-size: 200px; 
    font-family: Montserrat,sans-serif; letter-spacing: -20px; color: #fff; font-weight: 700; opacity: .6; text-transform: uppercase; text-align: center;}
.team-one .team-gallery-title h2 {font-weight: 400; color: #111; font-size: 55px; line-height: 1.14em; letter-spacing: .025em; margin: 25px 0;}
.team-one .team-gallery-items a {/*max-height: 250px;*/ display: flex;}
.team-one .team-gallery-items img {width: 100%; /*filter: saturate(0.5);*/}

.team-one .team-gallery-items .team-gallery-items-content p {opacity: 0; transform: translateY(15px); color: #2b2b2b; z-index: 1;font-size: 11px; line-height: 1.7em; font-weight: 500; letter-spacing: .25em; color: #2b2b2b; text-transform: uppercase; transition: .3s ease;}
.team-one .team-gallery-items-content {opacity: 0; transition: opacity 0.5s; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(251,251,251,.6); display: flex; align-items: center; justify-content: center; 
                                        flex-direction: column; pointer-events: none;}
.team-one .team-gallery-items > div:hover .team-gallery-items-content {opacity: 1;}
.team-one .team-gallery-items > div:hover .team-gallery-items-content p {opacity: 1; transform: translateY(0);}
.team-one .team-gallery-items > div:hover img {filter: saturate(1);}




.usluge .service-items {background-color: #000; color: #fff;} 
.usluge .service-items .service-image {background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; filter: saturate(0.6); min-height: 250px;}
.usluge .service-items .service-item {padding: 80px 12.5% 95px 12.5%}
.usluge .service-items .service-item h2 {font-size: 36px; letter-spacing: -0.5px;} 
.usluge .service-items .service-item a {color: #fff; display: inline-block; width: auto; }
.usluge .service-items .service-item p {font-size: 16px; margin-top: 10px; color: #acacac; line-height: 26px; font-weight: 400;}
.usluge .service-items .service-item a > span {font-size: 15px; line-height: 1.47em; letter-spacing: 0.45px; font-weight: 600; text-transform: lowercase;}

.usluge .service-items .row:nth-child(even) {flex-direction: row-reverse;}





.bredcrumb {background-image: url(/img/back/terrazzo-bckr.png); background-position: center 0; background-repeat: no-repeat; background-size: cover; margin-bottom: 70px;}
.bredcrumb ul {padding: 30px 0; margin: 0; flex-direction: row; justify-content: space-between; font-size: 11px; line-height: 1.5em; font-weight: 500; letter-spacing: .25em; text-transform: uppercase;}
.breadcrumb :is(ul, li, a) {color: #8c8282;}
.bredcrumb a {cursor: pointer; padding: 20px 0;}
.bredcrumb-separator {margin: 0 5px; color: #e5d8d8;}
.bredcrumb-separator:after {content: '|';}
.bredcrumb a:before {background: #8c8282;}





.blog-list h4 {color: #fff;}

.blog-list .bl-item {padding: 0;}
/*.blog-list .bl-item:nth-child(4n+1) {clear: both;}*/
.blog-list .bl-item-wrapper {position: relative; width: 100%;cursor: pointer;}
.blog-list .bl-image-back {margin: 0; position: absolute; z-index: 20; opacity: 0; width: 100%; height: 100%; -webkit-transition: opacity .3s cubic-bezier(.65,.01,1,1); -o-transition: opacity .3s cubic-bezier(.65,.01,1,1); 
                            transition: opacity .3s cubic-bezier(.65,.01,1,1); background-size: cover; background-position: left center;}
.blog-list .bl-item-wrapper:hover .bl-image-back {opacity: 1; -webkit-transition: opacity .3s cubic-bezier(.65,.01,1,1); -o-transition: opacity .3s cubic-bezier(.65,.01,1,1); transition: opacity .3s cubic-bezier(.65,.01,1,1);}
.blog-list .bl-image-back a {position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0;}
.blog-list .bli-content {height: 380px; padding: 60px 50px 130px 42px; background-color: transparent; border: 1px solid #555; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; display: inline-block; 
                            -webkit-box-sizing: border-box; box-sizing: border-box;position: relative; width: 100%;}

.blog-list .bli-content .bli-date a {color: #bcbcbc; font-size: 15px; font-weight: 300; width: auto;}
.blog-list .bli-content h4 a {color: #fff;}
.blog-list .bli-content .bli-excerpt p {color: #bcbcbc; margin: 10px 0 11px;}
.blog-list .bli-content .bli-read-more a {color: #fff;}



/*faq*/
.toggler, .togglerSkriven {background: none!important;}
.faq-wrapper {border: 1px solid #e1e1e1;}
.toggler-one {position: relative; }
.toggler-one > a {border-bottom: 1px solid #e1e1e1; font-size: 16px; line-height: 1.4em; color: #000; font-weight: 600; padding: 24px 20px 23px 53px; cursor: pointer; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: color .2s ease-out,background-color .2s ease-out;
                    -o-transition: color .2s ease-out,background-color .2s ease-out; transition: color .2s ease-out,background-color .2s ease-out;}
.tgSadrzaj {padding: 35px 32px 34px; background-color: transparent; border-bottom: 1px solid #e1e1e1;}
.tgSadrzaj p {margin: 0;}
.accordion-mark {position: absolute; top: 50%; left: 26px; width: 20px; height: 15px; margin: -1px 0 0; font-size: 15px; line-height: 15px; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.accordion-mark span {position: absolute; display: block; width: 100%; height: 100%; font-size: inherit; line-height: inherit; -webkit-transition: opacity .2s ease-out; -o-transition: opacity .2s ease-out; transition: opacity .2s ease-out;}
.toggler .accordion-mark .fa-plus {opacity: 1;}
.toggler .accordion-mark .fa-minus {opacity: 0;}
.toggler:hover .accordion-mark .fa-minus, .togglerActive .accordion-mark .fa-minus {opacity: 1;}
.toggler:hover .accordion-mark .fa-plus, .togglerActive .accordion-mark .fa-plus {opacity: 0;}




header .middle .user-menu-dropdown a { color: #666;}


.portfolio .portfolio-images .item img {/*filter: saturate(0.6);*/}
.portfolio .portfolio-images a {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 6;}
.item-text-overlay {position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; background-color: rgba(0,0,0,.66); overflow: hidden;}
.item-text-overlay-inner {position: relative; display: table; table-layout: fixed; height: 100%; width: 100%;}
.item-text-holder {position: relative; display: table-cell; height: 100%; width: 100%; padding: 0 15px; vertical-align: bottom; text-align: left; left: -100%; -webkit-transition: left .2s ease-out; -moz-transition: left .2s ease-out; transition: left .2s ease-out;}
.item-text-holder-inner {width: 75%; border-left: 1px solid #fff; margin: 0 0 20px 5px; position: relative;}
.item-text-holder-inner h4 {position: relative; padding-bottom: 8px; padding-left: 14px; margin: 0; top: 20px; opacity: 0; -webkit-transition: all 0s .3s; -moz-transition: all 0s .3s; transition: all 0s .3s; color: #fff; 
                            font-size: 17px; line-height: 1.5555555555555555555555555555556em; text-transform: uppercase; letter-spacing: 1px;}
.item-text-holder-inner span {display: block; width: 0; bottom: calc(50% - 1px); left: 0; height: 1px; content: ''; background-color: #fff; -webkit-transition: width 0s .3s; -moz-transition: width 0s .3s; transition: width 0s .3s;text-align: left;}
.item-text-holder-inner h6 {position: relative; padding-left: 14px; top: -20px; opacity: 0; -webkit-transition: all 0s .3s; -moz-transition: all 0s .3s; transition: all 0s .3s; color: #19aaf8; margin-top: 6px;}


.portfolio .portfolio-images .item:hover .item-text-overlay {opacity: 1;}
.portfolio .portfolio-images .item:hover .item-text-holder {left: 0; -webkit-transition: left .3s ease-out; -moz-transition: left .3s ease-out; transition: left .3s ease-out;}
.portfolio .portfolio-images .item:hover h4 {opacity: 1; top: 0; -webkit-transition: all .3s cubic-bezier(.165,.84,.44,1) .5s; -moz-transition: all .3s cubic-bezier(.165,.84,.44,1) .5s; transition: all .3s cubic-bezier(.165,.84,.44,1) .5s;}
.portfolio .portfolio-images .item:hover span {width: 100%; -webkit-transition: width .7s cubic-bezier(.23,1,.32,1) .28s; -moz-transition: width .7s cubic-bezier(.23,1,.32,1) .28s; transition: width .7s cubic-bezier(.23,1,.32,1) .28s;}
.portfolio .portfolio-images .item:hover h6 {opacity: 1; top: 0; -webkit-transition: all .3s cubic-bezier(.165,.84,.44,1) .5s; -moz-transition: all .3s cubic-bezier(.165,.84,.44,1) .5s; transition: all .3s cubic-bezier(.165,.84,.44,1) .5s;}



@keyframes swiper-content-in{0%{transform:translate3d(0,40px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}


/*.blog .newsdate {font-size: 10px; line-height: 2em; font-weight: 500; letter-spacing: .25em; text-transform: uppercase; margin-bottom: 0; flex-flow: wrap; animation-delay: .2s; animation: swiper-content-in 1s backwards; color: #a2a2a2;}
*/



.blog .swiper-container {width: 100%; height: 100%;}
.blog .swiper-slide {text-align: center; font-size: 18px; /*display: flex; justify-content: center; align-items: center;*/}
.blog .swiperBlog .swiper-slide a {width: 100%; height: 100%; display: block; z-index: 9;}
.blog .swiperBlog .swiper-slide a img {width: 100%;}


.blog .swiper-scale-effect .swiper-slide-cover {transition: 8s ease-out; transform: scale(1.2);}

.blog .swiper-scale-effect .swiper-slide.swiper-slide-active .swiper-slide-cover {transform: scale(1);}

.blog .swiper-slide .swiper-slide-cover {position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: transparent no-repeat 50% 50%; /*background-repeat: no-repeat;  background-position: center; */ background-size: cover;}
.blog .swiper-slide:nth-of-type(1) .swiper-slide-cover {transform-origin: 0 100%;}
.blog .swiper-slide:nth-of-type(2) .swiper-slide-cover {transform-origin: 100% 100%;}
.blog .swiper-slide:nth-of-type(3) .swiper-slide-cover {transform-origin: 100% 0;}
.blog .swiper-slide:nth-of-type(4) .swiper-slide-cover {transform-origin: 0 100%;}

.blog .swiper-slide .slide-content {z-index: 9; color: #000; position: absolute; left: 0; top: 0; display: flex; justify-content: center; flex-direction: column; width: 100%; height: 100%; align-items: center; color: #fff;}
.blog .swiper-slide .slide-content h3 {font-weight: 400;/ font-size: 43px; line-height: 1.16em; letter-spacing: .035em;}

.animation-slide-change {animation-delay: .2s; animation: swiper-content-in 1s backwards;}


.blog .blog-grid .item > a { overflow: hidden;}
.blog .blog-grid .news-content {margin-top: 10px;}
.blog .blog-grid .news-content h4 {font-weight: 400; color: #111; font-size: 25px; line-height: 1.29em; letter-spacing: .035em; margin: 25px 0; -ms-word-wrap: break-word; word-wrap: break-word; margin: 10px 0 15px;}



.product-selector .col-left > ul > li:first-child {height: 40px;}
.product-selector .col-left > ul > li {/*padding: 12.5px 20px;*/ line-height: 1; text-transform: uppercase; color: #3e3d46; font-weight: 500; font-size: 11px; color: #003654; height: 50px; display: flex; align-items: center; justify-content: flex-end;}
.product-selector .col-left > ul > li:nth-child(2n+1) {width: calc(100% + 30px); margin-left: -15px; background-color: rgba(62, 61, 70, 0.03); padding-right: 15px;}
.product-selector .product-item > div {padding: 2px 20px; font-size: 15px; display: flex; align-items: center; justify-content: center; min-height: 50px;}
.product-selector .product-item .product-attribute {height: 50px; overflow: auto;}
.product-selector .product-item > div:nth-child(2n+0) {background-color: rgba(62, 61, 70, 0.03); width: calc(100% + 30px); margin-left: -15px;}
.product-selector .bg-title, .product-selector .product-item > div.bg-title {background-color: #19aaf8!important; width: calc(100% + 30px); text-align: center; margin-left: -15px; padding: 10px 23px; min-height: 70px;
                                                                                display: flex; align-items: center; justify-content: center; margin-bottom: 10px;}
.product-selector .product-item {transition: all 0.5s;}
.product-selector .product-item:hover {background: rgba(239, 232, 247,0.56);}
.product-selector .product-item > div.dark {background: #eee;}
.product-selector .product-item .img-box {display: block; padding-top: 40px; margin-bottom: 15px; padding-bottom: 0;}
.product-selector .product-item .img-box img {margin-bottom: 20px;}
.product-selector .product-item .img-box h4 {font-size: 15px; margin: 0; font-weight: 500; text-transform: uppercase; color: #3e3d46; transition: all 0.5s; line-height: 1.2; min-height: 20px;}
.product-selector .product-item .product-name h2 { font-size: 15px; line-height: 1.2; color: #fff; font-weight: 500; margin: 0px; height: 50px; overflow: hidden;}
.product-selector .product-item .product-price {padding: 10px 23px;}
.product-selector .product-item .product-link {padding-bottom: 40px; padding-top: 30px;}
.product-selector .product-item > div a {font-size: 16px; padding: 8px 45px; text-transform: uppercase; display: inline-block; letter-spacing: -0.5px;}

.product-selector .korak2 .col-left {padding-top: 245px;}
.product-selector .korak2 img {max-height: 150px;}

.product-selector .swiper-pagination-bullets {display: block; text-align: center; width: 100%;}
.product-selector .swiper-pagination-bullets .swiper-pagination-bullet {width: 15px; height: 15px; margin: 2px; background-color: #fff; border: 1px solid var(--main-color); border-radius: 100%; opacity: 1;}
.product-selector .swiper-pagination-bullets .swiper-pagination-bullet-active {background-color: var(--main-color);}


.kontakt .contact-info i {font-size: 16px; color: #282828; width: 30px;}
.kontakt .contact-info > p:nth-of-type(1) {font-size: 18px; line-height: 26px; color: #454545; margin-bottom: 20px;}
.kontakt .contact-info > p:nth-of-type(2) {margin-bottom: 30px;}
.kontakt .contact-info ul:first-of-type > li {line-height: 2em;}
.kontakt .contact-info :is(h5, span) {display: inline-block;}
.kontakt .contact-info h5 {width: 100px; padding: 10px 0; letter-spacing: 0.01em; margin: 0;}
.kontakt .contact-info a {color: #898989; font-size: 16px;}
.kontakt .contact-info a:before, .kontakt .contact-info a:after {bottom: -4px;}

.kontakt .under ul > li {line-height: 1.8em;}
.kontakt .under ul > li:first-of-type {text-transform: uppercase; font-weight: 700; margin-bottom: 5px;}
.kontakt .under h3 {display: flex; align-items: center; margin-bottom: 25px;}
.kontakt .under h3 i {font-size: 19px; margin-right: -5px; color: #3e3d3d;}

.kontakt .contact-form .form-control {box-shadow: none; border: none; border-bottom: 1px solid #111; margin-bottom: 30px; padding-left: 0;}

.kontakt .contact-map a {font-size: 20px; color: var(--main-color); margin-bottom: 30px; display: inline-block; width: auto;}

footer .details {padding-bottom: 40px;}


.theme-button {display: inline-block; line-height: 1; color: #232323; border: 1px solid #232323; background-color: transparent; padding: 12px 24px; -webkit-border-radius: 0px;
                border-radius: 0px; text-align: center; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;  position: relative; text-transform: uppercase ;}
.theme-button:hover { border-color: #232323; color: #fff; background-color: #232323;}
.theme-button:hover:before {left: 100%; transform: rotate(90deg);}
.theme-button:hover:after {right: 100%; transform: rotate(90deg);}
.theme-button:before {position: absolute; top: -7px; left: -7px;  content: "";  transform: rotate(0deg);  -webkit-transform: rotate(0deg);  border: solid;  border-width: 0 1px 1px 0;  display: inline-block;  padding: 3px; -webkit-transition: all .5s ease-out;  -moz-transition: all .5s ease-out;  transition: all .7s ease-out;  border-color: inherit;}
.theme-button:after {position: absolute;  bottom: -7px;  right: -7px;  content: "";  transform: rotate(0deg); -webkit-transform: rotate(0deg); border: solid;  border-width: 1px 0 0 1px;  display: inline-block;  padding: 3px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; transition: all .7s ease-out; border-color: inherit;}

.theme-button-white {border-color: #fff; color: #fff;}
.theme-button-white:hover {border-color: #fff; background: #fff; color: #232323;}

.theme-underline {position: relative; width: 100%;}
.theme-underline:after, .theme-underline:before {position: absolute; height: 1px; width: 100%; content: ''; left: 0; background-color: currentColor; bottom: 0;}
.theme-underline:before {-webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition: -webkit-transform .4s cubic-bezier(.28,.38,0,.81); -o-transition: transform .4s cubic-bezier(.28,.38,0,.81); 
                            transition: transform .4s cubic-bezier(.28,.38,0,.81); transition: transform .4s cubic-bezier(.28,.38,0,.81),-webkit-transform .4s cubic-bezier(.28,.38,0,.81); }
.theme-underline:after {-webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition: -webkit-transform .4s cubic-bezier(.28,.38,0,.81) .2s;
                        -o-transition: transform .4s cubic-bezier(.28,.38,0,.81) .2s; transition: transform .4s cubic-bezier(.28,.38,0,.81) .2s; transition: transform .4s cubic-bezier(.28,.38,0,.81) .2s,-webkit-transform .4s cubic-bezier(.28,.38,0,.81) .2s; }
.theme-underline:hover:before { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); }
.theme-underline:hover:after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }


.theme-underline2 {position: relative;}
.theme-underline2:before, .icons-icon:hover ~ .icons-content a:before {position: absolute; bottom: -2px; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%;
                            transform-origin: 100% 50%; -webkit-transition: -webkit-transform .4s cubic-bezier(.28,.38,0,.81); -o-transition: transform .4s cubic-bezier(.28,.38,0,.81); transition: transform .4s cubic-bezier(.28,.38,0,.81);
                            transition: transform .4s cubic-bezier(.28,.38,0,.81),-webkit-transform .4s cubic-bezier(.28,.38,0,.81); height: 1px; width: 100%; background-color: currentColor; content: ''; left: 0;}
.theme-underline2:hover:before, .icons-icon:hover ~ .icons-content a:before {-webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%;}






.swiper-button-next:after, .swiper-button-prev:after {font-size: 27px;}


a, p a {text-decoration: none; -webkit-transition: color .2s ease-out; -o-transition: color .2s ease-out; transition: color .2s ease-out; }
#noty_center_layout_container li {background: transparent!important; box-shadow: none!important;}
.noty_message {background-color: #003654; border-radius: 30px 0 30px 0; border: 2px solid var(--main-color);}

@media only screen and (min-width: 1440px) {
    .usluge .service-items .service-item {padding: 130px 15.5% 165px 15.5%;}
}
    


/**  min-width  **/
@media only screen and (min-width: 992px) {
    .flex-md {display: flex;}
    .flex-md-v-center {align-items: center;}
    
    .blog-list .title-wrapper {padding: 0 30%;}
    
}





@media (min-width: 768px) and (max-width: 991px) {
    .pull-right-xs-alt {float:right!important;}
    div.product-list-4 .col-sm-4.one-product:nth-of-type(4n+1) { clear: none; }
    div.product-list-4 .col-sm-4.one-product:nth-of-type(2n+1) { clear: none; }
    div.product-list-4 .col-sm-4.one-product:nth-of-type(3n+1) { clear: both; }
    
    div.product-list-4 .col-sm-6.one-product:nth-of-type(4n+1) { clear: none; }
    div.product-list-4 .col-sm-6.one-product:nth-of-type(3n+1) { clear: none; }
    div.product-list-4 .col-sm-6.one-product:nth-of-type(2n+1) { clear: both; }
    
    
}


@media (min-width: 992px) and (max-width: 1023px) {
    .home-interior .interior-image {height:auto!important;}
    .team .team-social-content {padding-left: 15px;}
    .o-nama .about-text {margin: 80px auto 60px auto;}
    .flex-sm {display: flex;}
    .o-nama .row {align-items: center;}
}






/**  max-width  **/
@media only screen and (max-width: 1440px) {
    .blog-list .bli-content {padding: 40px 20px 85px 25px;}
    .team-one .team-gallery-items a {max-width: 300px; margin: 0 auto;}


}

@media only screen and (max-width: 1023px) {
    header .menu-cart ul li {margin-left: 30px;}
     /*.home-portfolio article:nth-child(3n+1) { clear: both; }*/
     /*.home-portfolio article {min-height: 650px;}*/
     /*.home-portfolio article, .blog-list .bl-item {width: 33.33333%;}*/
     .home-interior {padding-bottom: 50px;}
     .home-interior .interior-one {min-height: 700px;}
     
     .product .product-button-choose {margin-top: 20px;}
     
}


@media only screen and (max-width: 991px) {
    
    .text-align-sm {text-align: center;}
    .home-title .home-title-left .home-title-image {text-align: center; padding: 70px 30px 0 30px !important;}    .h
    .team-one .team-gallery-items > div {margin-bottom: 30px;}
    .team-gallery {padding-bottom: 0;}
    .o-nama .about-text {margin: 80px auto 0 auto;}
    .home-title .home-title-left p {margin: 0 auto 30px;}
}


@media only screen and (max-width: 767px) {
    .flex-row-center {display: block;}
    h1 {font-size: 38px; line-height: 43px;}
    h2 {font-size: 35px; line-height: 40px;}
    h3 {font-size: 26px;}
    .solid-menus .no-bg #top-search input {padding-left: 30px; background: #fff;}
    .homepage .solid-menus .no-bg #top-search input {background: #000; color: #fff;}
    /*.home-portfolio article:nth-child(2n+1) {clear: both;}
    .home-portfolio article {width: 50%;}*/
    .home-portfolio article .portfolio-text-holder {padding: 0 15px;}
    .home-title .home-title-list-content {padding-left: 0;}
    .home-title .home-title-image {padding: 10px 20px!important;}
    .home-title-left { text-align: center; }
    
    .home-title-bottom {margin-top: 35px}
    
    .home-interior .interior-blocks {padding: 30px;}
    .home-interior .interior-one {min-height: unset;}
    
    .home-progress {padding: 0 15px;}
    .home-progress .progress-images > div:nth-of-type(1) {margin-bottom: 30px;}
    
    .home-process .process-holder {padding: 90px 15px 55px}
    .home-process .process-holder > div {width: 420px; position: relative; margin: 0 auto;}
    .home-process .process-holder .process-item {padding-bottom: 25px;}
    .home-process .process-holder .process-item img {display: none;}
    .home-process .process-holder .process-content {margin-bottom: 40px; text-align: left; padding-left: 60px; padding-right: 40px;}
    .home-process .process-holder .process-content h4 {margin-top: 0;}
    .home-process .process-holder .process-content p {padding-right: 10%;}
    .home-process .process-vertical-holder .process-mark .process-line:before, .home-process .process-vertical-holder .process-mark .process-line:after {content: ''; position: absolute; background-color: #fff; width: 15px; height: 2px; bottom: 5px; top: unset;}
    .home-process .process-vertical-holder .process-mark .process-line:before {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); left: -12px;}
    .home-process .process-vertical-holder .process-mark .process-line:after {-webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); right: -12px;}
    
    
    .product h1 {margin-top: 10px;}
    .product .sku-fav > div {text-align: center;}
    .product .price-holder {text-align: center; margin-bottom: 20px;}
    .product .sp-quantity {display: flex; justify-content: center;}
    .product .add-to-cart {width: 100%;}
    .product .product-details .price {font-size: 28px;}
    .product .product-details :is(.sp-minus, .sp-plus) {padding: 1px 13px;}
    .product .add-to-cart {margin-top: 15px;}
    .product .go-to-checkout {display: flex; justify-content: center;}
    
    .product .bettertabs {margin-top: 60px!important;}
    .product .bettertabs ul.nav-tabs {position: absolute; left: 0; right: 0; width: 100%;}
    .product .bettertabs ul.nav-tabs li {width: 100%; border-top: 1px solid #0e4563; text-align: right;}
    .product .bettertabs ul.nav-tabs li:first-child {border-color: #eee;}
    .product .bettertabs ul.nav-tabs li a {font-size: 19px; padding: 7px 15px;}
    .product .bettertabs .tab-content {padding-top: 220px; padding-bottom: 0;}
    .product .bettertabs .tab-content>.tab-pane {padding: 15px;}
    
    .calculator select {width: 100%;}
    .calculator :is(.form-control, select) {padding: 0 7px; font-size: 14px;}
    .calculator .form-control {text-align: center;}
    .calculator-result {padding: 60px 0px 50px;}
    .calculator-result .row {flex-direction: column;}
    .calculator-result .result {margin: 10px 0;}
    
    .product .breadcrumb {display: flex; justify-content: space-between;}
    
    
    .team .team-item img {width: 100%;}
    .team .team-item h4 { font-size: 16px;}
    
    .team-one .team-one-content > div {padding-left: 0;}
    .team-one .team-one-content h1 {margin-top: 30px;}
    .team-one .team-one-content h3 {font-size: 20px; color: #00000094; text-transform: uppercase;}
    .team-one .team-gallery-title {padding: 40px 0;}
    .team-one .team-gallery-title h2 {font-size: 35px; margin-bottom: 0;}
    .team-one .team-gallery-items > div {margin-bottom: 20px;}
    .team-one .team-club {text-align: center;}
    .team-one .team-club h5 {margin-top: 30px;}
    .team-one .team-club a {margin-top: 50px;}
    
    
    
    .usluge .service-items .service-item {padding: 50px 10.5% 95px 13.5%;}
    
    .blog-list :is(ul, .title-wrapper) {padding: 0 20px;}
    .blog-grid {margin: 0 30px;}
    .blog .blog-grid .news-content h4 {font-size: 20px;}
    
    .product-selector .product-item > div.bg-title {width: 100%; margin-left: 0;}
    .product-selector .product-item > div {flex-direction: column; padding: 10px 0;}
    .product-selector .product-item > div > span {text-align: center; text-transform: uppercase; color: #3e3d46; font-weight: 600; font-size: 14px; margin-bottom: 10px;}
    
    
    .kontakt .contact-form {padding-top: 40px; padding-bottom: 40px;}
    .kontakt .contact-form button {margin: 0 auto; display: block;}
    .kontakt .contact-info ul:nth-child(1) > li {text-indent: -31px; padding-left: 31px;}
    .kontakt .contact-info ul:nth-child(1) > li > i {padding-left: 31px;}
    .kontakt .under {margin-bottom: 30px;}
    .kontakt .under h3 {margin-bottom: 20px;}
    .kontakt .m-b-90 {margin-bottom: 35px;}
    
    .swiper-slide div {max-height: unset;}
    
}





@media only screen and (max-width: 480px) {
    .home-portfolio article { width: 100%; clear: both;}
    
    .col-xxs-12 {width: 100%;}
    
    .blog-list .bl-item {width: 100%;}
}