@charset "utf-8";
html, body{font-family: "Rubik", sans-serif; color:#000; font-size:16px; font-weight:400; line-height:1.4; word-wrap:break-word; background:#fff;}
body.doNotScroll{overflow:hidden; height:100vh;}
*:focus {outline: none;}
h1{font-size:inherit; line-height:inherit; font-weight:inherit; margin:inherit; padding:inherit;}
.h1{margin: 0 0 50px 0;font-size: 34px;font-weight: 400;line-height: 1.6;position:relative; border-bottom:1px solid #666;}
h2{font-size:24px; line-height:1.2; margin:50px 0 30px 0; font-weight:500; padding:0;}
.h2{font-size:24px; line-height:1.2; margin:50px 0 30px 0; font-weight:500; padding:0;}
h3{font-size:20px; line-height:1.2; margin:50px 0 30px 0; font-weight:400; padding:0;}
.h3{font-size:20px; line-height:1.2; margin:50px 0 30px 0; font-weight:400; padding:0;}
a{text-decoration:none; color:inherit; outline:none;}
p{margin:0 0 20px 0;}
p:last-child{margin:0;}
textarea{resize:none;}
input:focus {outline:none;}
hr{background: #e4e4e4; border: none; height: 1px; margin:30px 0;}
.flex{display: -ms-flexbox; display: flex;}
.align-items-start{-ms-flex-align: start; align-items: flex-start;}
.align-items-center{-ms-flex-align: center; align-items: center;}
.align-items-end{-ms-flex-align: end; align-items: flex-end;}
.toggleMenu{margin:0; background: #fff; width:40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; cursor:pointer; z-index:6; position:fixed; top:10px; right:10px; color:#f05a28; display:none;}
.toggleMenu.invert {background:#fff; color:#005aa9;}
.transition2s{transition:all 0.2s linear 0s; -webkit-transition:all 0.2s linear 0s; -moz-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; -ms-transition:all 0.2s linear 0s;}
.transition3s{transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s;}
.nonMobile{}
.mobile{display:none;}
.red, .crveno{color:#f00;}
.instaH{width: 20px; display: inline-block; position: relative; top: 5px; margin-right: 3px;}
.closeVideo{display: none}
.menuCatalog {background: linear-gradient(270deg, #73bb4c, #006d43);background-size: 400% 400%;
-webkit-animation: AnimationName 5s ease infinite;-moz-animation: AnimationName 5s ease infinite;animation: AnimationName 5s ease infinite;color: #fff;}

@-webkit-keyframes AnimationName {0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@-moz-keyframes AnimationName {0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes AnimationName {0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

header{border-bottom: 1px solid #000;}
header .line{    width: 100%;
  background: #000;
  height: 1px;}
header .topHeader{padding: 10px 0;}
header .topHeader .headerLogo{}
header .topHeader .logosHolder{margin: 0 auto;display: flex;}
header .topHeader .headerLogo .viacomLogo{display: inline; width: 160px; margin-right:15px;}

header .topSmallHeader {
  display: flex;
  justify-content: end;
  gap: 15px;
  font-size: 14px;
  padding-top: 15px;
  font-weight: 700;
}
header .topSmallHeader a i {
  transform: rotate(45deg);
  font-size: 13px;
}

#headerSearchForm {
  margin: 0 0 0 auto;
  border: 1px solid #f2f2f2;
  padding: 0 15px 0 40px;
  background: #F7F7F7;
  border-radius: 23px;
  position: relative;
}
#headerSearchForm input {
  height: 40px;
  border: none;
  font-size: 12px;
  color: #000;
  font-weight: 500;
  background: transparent;
}
#headerSearchForm input::placeholder {
  text-transform: capitalize;
  font-size: 12px;
  font-weight: 500;
  color: #000;
}
#headerSearchForm button {
  border: none;
  background: none;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
}
header .topHeader .contactWrapper{margin: 0 auto; font-size: 16px;color:#00517b;}
header .topHeader .contactWrapper .item{margin: 0 10px;}
header .topHeader .contactWrapper .item span{font-weight: 700;}
header .topHeader .fujitsuLogo{width: 65px;}
header .topHeader .generalLogo{margin-left: 15px; width: 115px;}
header .topHeader .mainMenu ul {
  list-style: none;
  display: flex;
  gap: 20px;
  margin: 0 40px 0 70px;
}
header .topHeader .mainMenu ul li a {
  font-weight: 700;
  font-size: 14px;
}
#headerMenu{margin: 0; padding: 20px 0; list-style: none; text-align: center;display: flex;gap: 25px;}
#headerMenu>li:first-of-type{margin-right: auto;}
#headerMenu>li{display: inline-block; position: relative;}
#headerMenu>li:last-child{margin-right:0;}
/*#headerMenu>li.hasSubmenu::before{background: url(https://www.viacomvs.com/img/arrow-gnav.png) no-repeat; content: ""; display: block; height: 6px; left:0; position: absolute; top: 27px; -webkit-transition: all .3s; transition: all .3s; width: 9px;}*/
.rotate{transform: rotate(180deg);}
#headerMenu>li>a{line-height: 15px; display: block;font-size: 14px;color: #2D6AB2;}
#headerMenu>li:hover{background-color: #cde8f9;}
.selected{background-color: #cde8f9;}
.submenuNav{/*background: rgba(74,74,74,.95) url(https://www.viacomvs.com/img/bg-stripe.png);*/background-color: #00517b; color: #fff; display: none; left: 0; position: absolute; top: 70px; z-index: 99; list-style: none; margin: 0; padding: 20px; white-space: nowrap; width: auto; text-align: left; font-size: 16px;}
.submenuNav li{position: relative;}
.submenuNav li a{border-bottom: 1px solid #999; display: block; padding: 0 0 10px 0; margin: 0 0 10px 0;}
.submenuNav li a:hover {background: #0e628e;}
.submenuNav li:last-child a{border:none; margin:0; padding: 0;}
.submenuNav .submenuNav{top:-15px; left: calc(100% + 20px);}
/* a[href^="akcija"] {font-weight: bold; color: #ea1319;} */
a[href^="r32-freon"] {font-weight: bold; color: #289d1c;}
a[href^="tehnicka-podrska-i-dokumentacija-r32-freon-2019-2021-godina"] {color: rgb(40, 157, 28); font-weight: bold;}

#mainSliderWrapper{margin-bottom: 50px;}
#mainSliderWrapper .item{height: 31vw; background-position: center; background-repeat: no-repeat; background-size: cover;}
#mainSliderCarousel .owl-dots{text-align:center;}
#mainSliderCarousel .owl-dot span{width:15px; height:15px; margin:10px 5px; background: #d6d6d6; display: block; border-radius:20px;}
#mainSliderCarousel .owl-dot.active span{background: #ac2330;}

.about{margin-bottom: 50px;}
.about .textWrapper{flex: 2 1 0%;}
.about .imageWrapper{flex: 1 1 0%; margin-left: 40px;}
.about-holder {display: flex;align-items: baseline;}
.first-about, .second-about {width: 50%;padding: 0 50px;}
.first-about img{width: 130px;;margin: 0 auto 45px auto;}
.second-about img {width: 200px;margin: 0 auto 45px auto;}

.promoBanner{margin-bottom:50px; margin-top: 50px;}
.generalLogo.mobile{width: auto; margin: 0 auto 50px;}
.pdf-holder {color: #f8f8f8;background-image: url(https://www.viacomvs.com/img/about-banner.jpg);background-size: cover;background-position: center;margin-top: 50px;height: 500px;display: flex;align-items: center;justify-content: center;}
.bannerItems {display: flex;align-items: center;justify-content: space-between;}
.pdf-holder>a {text-align:center;font-size: 25px;font-weight: 500;background: #eb161a;padding: 10px; border:1px solid #0a0a0a}
.pdf-holder>a:hover{text-decoration: underline;}
.pdf-holder>a span{display: block;}

.homepagecategoriesWrapper{margin-bottom: 50px;}
.homepagecategoriesWrapper .mainTitle {
  font-size: 40px;
  margin: 0 0 65px 0;
  font-weight: 700;
  text-align: center;
  position: relative;
}
.homepagecategoriesWrapper .mainTitle::before {
  content: "";
  position: absolute;
  width: 130px;
  height: 2px;
  background: #4595BA;
  left: 50%;
  transform: translateX(-50%);
  top: -20px;
}
.homepagecategoriesWrapper .item {
  width: 45%;
  float: left;
  display: block;
  text-align: center;
  margin-bottom: 40px;
}
.homepagecategoriesWrapper .item:nth-child(odd) {
  margin-right: 10%;
}
.homepagecategoriesWrapper .item img {
  margin-bottom: 30px;
  height: 280px;
  object-fit: cover;
  border-radius: 20px;
}
.homepagecategoriesWrapper .item .title {
  font-size: 32px;
  font-weight: 700;
  margin: 0 0 30px 0;
}
.homepagecategoriesWrapper .item .more {
  background: #2D6AB2;
  border-radius: 43px;
  display: inline-block;
  color: #fff;
  font-weight: 600;
  padding: 10px 20px;
}

.homepagecategoriesWrapper .item .imageWrapper{position:relative;}
.homepagecategoriesWrapper .item .overlay{position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgba(255,255,255,0.8); transform: scale(0); opacity: 0;}
.homepagecategoriesWrapper .item .overlay .button{position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}

.hero-section video{pointer-events: none; object-fit: cover; width: 100%; height: 56vh; position: relative; top: 0; left: 0; margin-bottom: 40px;}

.text2{margin-bottom: 50px;}
.leftContent{width: 25%; margin-right: 30px; margin-top: 40px; margin-bottom: 40px;}
.leftContent .mainTitle{margin: 0; background: #ddd; padding: 14px 12px; border: 1px solid #aaa; line-height: 1.2;}
.leftContent .categoriesList{margin: 0; padding: 0; list-style: none; line-height: 1.2;}
.leftContent .categoriesList .selected{background: #ddd !important;}
.leftContent .categoriesList li{border: 1px solid #aaa; border-top:none; padding: 14px 12px;}
.leftContent .categoriesList li:nth-child(2n+1){background:#f8f8f8;}
.leftContent .categoriesList li a{color: #a30b1a; position:relative;}
.leftContent .categoriesList li a::before{content: ""; display: inline-block; height: 7px; margin: -1px 7px 0 0; vertical-align: middle; width: 5px; background: url(https://www.viacomvs.com/img/arrow-link-s.png) 0 0 no-repeat;}
.leftContent .categoriesList li a:hover{text-decoration: underline;}
/* .content{width: 100%; margin-top: 40px; margin-bottom: 40px;} */

/* Category */
.categoryCategoriesWrapper{}
.categoryCategoriesWrapper .item{width: 30%; float: left; margin: 0 5% 20px 0; display: block; padding: 25px; background: #f8f8f8; border: 1px solid #dadada; text-align: center;}
.categoryCategoriesWrapper .item:nth-child(3n){margin-right:0;}
.categoryCategoriesWrapper .item:nth-child(3n+1){clear: left;}
.categoryCategoriesWrapper .item img{margin-bottom: 25px;}
.categoryCategoriesWrapper .item .title{color:#a30b1a; font-size: 27px; padding-left: 20px; font-weight: 400; background: url(https://www.viacomvs.com/img/arrow-link-m.png) 0 14px no-repeat; display: inline-block;}
.categoryProductsWrapper{display: table; width: 100%; margin: 0 0 50px 0;}
.categoryProductsWrapper .item{width: calc(calc(100% - 60px) / 3); float: left; margin: 0 30px 30px 0; padding: 20px; border:1px solid #fff;}
.categoryProductsWrapper .item:nth-child(3n){margin-right: 0;}
.categoryProductsWrapper .item:nth-child(3n+1){clear: left;}
.categoryProductsWrapper .item .title{display: block; margin: 0 0 20px 0; line-height: 1.2; font-size: 17px;}
.categoryProductsWrapper .item .imageWrapper{position:relative; margin-bottom: 10px;}
.categoryProductsWrapper .item .imageWrapper .overlay{position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgba(255,255,255,0.8); transform: scale(0); opacity: 0;}
.categoryProductsWrapper .item .imageWrapper .overlay .button{position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.categoryProductsWrapper .item .imageWrapper .thumb{}
.categoryProductsWrapper .item .pricesWrapper{}
.categoryProductsWrapper .item .pricesWrapper .price{color: #a30b1a; text-align: right;}
.categoryProductsWrapper .item:hover{border-color:#ddd; box-shadow: 0 3px 6px rgba(34,25,36,.2);}
.categoryProductsWrapper .item:hover .imageWrapper .overlay{transform: scale(1); opacity: 1;}
.categoryDescriptionWrapper{padding: 30px; background: #f2f2f2; font-size: 16px;}

.logoCatHolder {display: flex; align-items: center; border-bottom: 1px solid #666; justify-content: space-between;}
.logoCatHolder h1{border: none; margin: 0;}
.logoCatHolder img:nth-of-type(1){height: 55px; width: auto;}
.logoCatHolder img:nth-of-type(2){height: auto; width: 181px;}
.logoCatHolder .red{font-size: 34px; margin-top: 13px;}


.reviewedProductsWrapper{display: table; width: 100%; margin: 0 0 50px 0;}
.reviewedProductsWrapper .item{width: calc(calc(100% - 60px) / 3); float: left; margin: 0 30px 30px 0; padding: 20px; border:1px solid #fff;}
.reviewedProductsWrapper .item:nth-child(3n){margin-right: 0;}
.reviewedProductsWrapper .item:nth-child(3n+1){clear: left;}
.reviewedProductsWrapper .item .title{display: block; margin: 0 0 20px 0; line-height: 1.2; font-size: 17px;}
.reviewedProductsWrapper .item .imageWrapper{position:relative; margin-bottom: 10px;}
.reviewedProductsWrapper .item .imageWrapper .overlay{position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgba(255,255,255,0.8); transform: scale(0); opacity: 0;}
.reviewedProductsWrapper .item .imageWrapper .overlay .button{position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.reviewedProductsWrapper .item .imageWrapper .thumb{}
.reviewedProductsWrapper .item .pricesWrapper{}
.reviewedProductsWrapper .item .pricesWrapper .price{color: #a30b1a; text-align: right;}
.reviewedProductsWrapper .item:hover{border-color:#ddd; box-shadow: 0 3px 6px rgba(34,25,36,.2);}
.reviewedProductsWrapper .item:hover .imageWrapper .overlay{transform: scale(1); opacity: 1;}

.productsTitleWrapper{margin: 0 0 50px 0;}
.productsTitleWrapper .mainTitle{margin: 0 0 10px 0; background: #f2f2f2; padding: 10px 15px;}
.productsWrapper{display: table; width: 100%;}
.productsWrapper .item{width: calc(calc(100% - 90px) / 4); float: left; margin: 0 30px 30px 0; padding: 20px; border:1px solid #fff;}
.productsWrapper .item:nth-child(4n){margin-right: 0;}
.productsWrapper .item:nth-child(4n+1){clear: left;}
.productsWrapper .item .title{display: block; margin: 0 0 20px 0; line-height: 1.2; font-size: 17px;}
.productsWrapper .item .imageWrapper{position:relative; margin-bottom: 10px;}
.productsWrapper .item .imageWrapper .overlay{position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgba(255,255,255,0.8); transform: scale(0); opacity: 0;}
.productsWrapper .item .imageWrapper .overlay .button{position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
.productsWrapper .item .imageWrapper .thumb{}
.productsWrapper .item .pricesWrapper{}
.productsWrapper .item .pricesWrapper .price{color: #a30b1a; text-align: right;}
.productsWrapper .item:hover{border-color:#ddd; box-shadow: 0 3px 6px rgba(34,25,36,.2);}
.productsWrapper .item:hover .imageWrapper .overlay{transform: scale(1); opacity: 1;}

/* Gallery */
.galleriesWrapper{width: 100%; display: table;}
.galleriesWrapper .galleryWrapper{width: calc(calc(100% - 90px) / 4); float: left; margin: 0 30px 30px 0; padding: 20px; border:1px solid #fff;}
.galleriesWrapper .galleryWrapper:nth-child(4n){margin-right: 0;}
.galleriesWrapper .galleryWrapper:nth-child(4n+1){clear: left;}
.galleriesWrapper .galleryWrapper .date{font-size: 13px; color: #999; line-height: 1; margin: 0 0 5px 0; text-align: right;}
.galleriesWrapper .galleryWrapper .thumb{margin: 0 0 5px 0;}
.galleriesWrapper .galleryWrapper .title{color: #a30b1a; font-size: 18px; padding-left: 15px; font-weight: 400; background: url(https://www.viacomvs.com/img/arrow-link-m.png) 0 6px no-repeat; display: inline-block; line-height: 1.2;}
.galleriesWrapper .galleryWrapper:hover{border-color:#ddd; box-shadow: 0 3px 6px rgba(34,25,36,.2);}
.galleryWrapper{}
.galleryWrapper .item{width: calc(calc(100% - 90px) / 4); float: left; margin: 0 30px 30px 0; padding: 20px; border:1px solid #fff;}
.galleryWrapper .item:nth-child(4n){margin-right:0;}
.galleryWrapper .item:nth-child(4n+1){clear: left;}

/* Table */
.buttonsWrapper{margin-bottom: 100px; text-align: center;}
.buttonsWrapper a{background: #eeeeee; border: 1px solid #cccccc; cursor: pointer; display: inline-block; margin: 10px !important; padding: 10px 0; text-align: center; width: 260px; color: inherit; text-decoration: none;}
.tableWrapper{margin: 0 0 50px 0; width: 100%; display: table;}
.tableWrapper .mainTitle{margin: 0 0 10px 0;}
.documentationTable{border-collapse: separate; background: #fff; border-radius: 5px; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); font-size: 14px; width: 100%;}
.documentationTable thead{border-radius: 5px;}
.documentationTable thead tr th{color:#fff; padding:20px; background-image: linear-gradient(#004973, #578fab); border-top:1px solid #858d99; cursor: default;}
.documentationTable thead tr:first-child th:first-child{border-top-left-radius: 5px;}
.documentationTable thead tr:first-child th:last-child{border-top-right-radius: 5px;}
.documentationTable tbody tr:nth-child(2n+1){background:#f0f3f5;}
.documentationTable tbody tr td{padding: 20px; border-bottom:1px solid #e0e0e0;}
.documentationTable tbody tr:last-child td{border-bottom:none;}
.documentationTable tbody:hover > tr td{opacity: 0.4;}
.documentationTable tbody:hover > tr:hover td{opacity: 1;}
.documentationTable thead tr th:hover {background: #034c75;}
.downloadIcon{margin: 0 0 10px 0; display: block; clear: both;}
.downloadIcon:last-child{margin-bottom: 0;}
.downloadIcon .icon{display: block; color: red; font-size: 20px;}
.lockIcon{position: relative; background: #fee;}
.lockIcon::before{position: absolute; content: "\f023"; font-family: "Font Awesome 5 Free"; font-weight: 900; bottom: 10px; right: 10px; opacity: 0.2;}
.unlockIcon{position: relative; background: #e4ffef;}
.unlockIcon::before{position: absolute; content: "\f09c"; font-family: "Font Awesome 5 Free"; font-weight: 900; bottom: 10px; right: 10px; opacity: 0.2;}
.documentationTable.half{width: 48%; float: left; margin-right: 4%;}
.documentationTable.half:nth-child(2n+1){margin-right:0;}

.white-popup-block{background: #FFF; padding: 20px 30px; text-align: left; max-width: 650px; margin: 40px auto; position: relative;}
#loginForm{text-align: center;}
#loginForm .mainTitle{}
#loginForm .formItemWrapper{width: 100%; max-width: 300px; margin: 0 auto 15px auto;}
#loginForm .formItemWrapper:last-child{margin-bottom: 0;}
#loginForm .formItemWrapper label{display: block; font-size: 14px;}
#loginForm .formItemWrapper input{width: 100%; padding:10px; text-align: center; border: 1px solid #ddd;}
#loginForm button[type="submit"]{background: #a30b1a; color: #fff; border: none; width: 100%; height: 40px; font-size: 14px;}

.dokumenta{background: #eeeeee; border: 1px solid #cccccc; cursor: pointer; display: inline-block; margin: 0 4% 50px 0; padding: 10px 0; text-align: center; color: inherit; text-decoration: none; width: 48%; float: left;}
.dokumenta:nth-child(2n){margin-right: 0;}

/* Product */
.topTitlesWrapper{border-bottom: 1px solid #666; line-height: 1.4; margin-bottom: 20px; padding-bottom: 8px; margin-top: 30px;}
.topTitlesWrapper .sub{color: #666; display: block; font-size: 18px; margin: 0;}
.topTitlesWrapper h1{font-size: 36px; margin: 0;}
#productSlider{width:593px; margin:0; padding:0; list-style:none;}
#productSlider li{margin:0; padding:0; list-style:none;}
#productSlider .owl-nav{position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); z-index: 1;}
#productSlider .owl-nav button{position:absolute;}
#productSlider .owl-nav button.owl-prev{left:10px; color:#ababab; font-size:100px; line-height: 0;}
#productSlider .owl-nav button.owl-next{right:10px; color:#ababab; font-size:100px; line-height: 0;}
.pricesItemWrapper{}
.pricesItemWrapper .oldPrice{}
.pricesItemWrapper .price{}
.pricesItemWrapper .soon{}
.dodaci{width:100%; display:table; margin-bottom:40px; text-align: right;}
.dodaciIkonica{width:30px; height:30px; overflow:hidden; background:url(../wf-img/ikonice-v2.jpg) 0 0 no-repeat; margin:0 13px 10px 0; display:inline-block;}
.human-sensor{background-position:-30px 0;}
.up-down{background-position:-89px 0;}
.adjust{background-position:-119px 0;}
.restart{background-position:-149px 0;}
.changeover{background-position:-179px 0;}
.heat{background-position:-208px 0;}
.economy{background-position:-238px 0;}
.powerful{background-position:-268px 0;}
.low-noise{background-position:-298px 0;}
.sleep{background-position:-327px 0;}
.program{background-position:-357px 0;}
.weekly{background-position:-387px 0;}
.filter{background-position:-416px 0;}
.ion{background-position:-446px 0;}
.af{background-position:-476px 0;}
.wash{background-position:-506px 0;}
.w-s{background-position:-536px 0;}
.v-pam{background-position:-566px 0;}
.double{background-position:-596px 0;}
.distributing{background-position:-626px 0;}
.fresh{background-position:-656px 0;}
.save{background-position:-686px 0;}
.on-off{background-position:-716px 0;}
.wifi{background-position:-746px 0;}
.imagesWrapper{width: 100%; display: table; margin-bottom: 40px; text-align: right;}
.imagesWrapper .smallImageWrapper{width: 30%; display: inline-block; margin: 0 5% 20px 0;}
.imagesWrapper .smallImageWrapper:nth-child(3n){margin-right:0;}
.pdfsWrapper .pdfIconsHolder{}
@keyframes fadeIn { 
  from { opacity: 0; } }
ul.tabs{margin: 0px; padding: 0px; list-style: none; width:100%; display:table;}
ul.tabs li{background: #e7e7e7;box-sizing: border-box;color: #000;display: block;font-size: 100%;font-weight: bold;height: 100%;line-height: 1.3;padding: 12px 5px;position: relative;text-align: center;-webkit-transition: all .3s;transition: all .3s;width: calc(100% / 3); border-bottom: 2px solid #555; float: left;}
ul.tabs li::before{border-right: 8px solid transparent;border-left: 8px solid transparent;border-top: 10px solid #555;bottom: -10px;content: "";display: inline-block;height: 0;left: 50%;margin-left: -8px;opacity: 0;position: absolute;-webkit-transition: all .3s;transition: all .3s;visibility: hidden;width: 0;}
ul.tabs li.current::before{opacity: 1;visibility: visible;}
ul.tabs li.current{color: #fff; background-color: #555;}
.tab-content{display: none; background: #fff; padding:30px 0;}
.tab-content.current{display: block;}
.table-specifikacija{border:1px solid #aaa;}
.table-specifikacija td{vertical-align:middle; border:1px solid #aaaaaa; padding:14px 12px; word-break:break-all;font-size: 17px;}
.dimensionImage{width: 100%;margin: 30px auto;max-width: 700px;}
.videoWrapper iframe{margin: 30px auto;display: table;width: 100%;max-width: 700px;}

#productPage #productDetailsHolder {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
    align-items: center;
    margin-bottom: 130px;
}
#productPage #productDetailsHolder .productInfoHolder {
    width: 40%;
}
#productPage #productDetailsHolder .productImageHolder {
    width: calc(60% - 60px);
}
#productPage .productInfo h1 {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 40px;
}
#productPage .productInfo .productDescription {
    font-weight: 300;
    font-size: 14px;
    line-height: 100%;
    margin-bottom: 65px;
}
#productPage .productInfo .pricesItemWrapper .price {
    font-size: 20px;
    font-weight: 200;
}
#productPage .productInfo .pdfsWrapper .pdfIconsHolder {
    display: flex;
    gap: 0 80px;
    flex-wrap: wrap;
}
#productPage .productInfo .pdfsWrapper .pdfIconsHolder h3 {
    width: 100%;
    margin: 50px 0 40px 0;
    font-weight: 700;
    font-size: 24px;
    width: 100%;
}
#productPage .productInfo .pdfsWrapper .pdfIconsHolder .documentItem strong {
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
    font-size: 18px;
}
#productPage .productInfo .pdfsWrapper .pdfIconsHolder a {
    border: 1px solid #000;
    border-radius: 50px;
    padding: 8px 25px;
    display: inline-block;
    margin-top: 30px;
    font-size: 12px;
}

.rotateFav {transform: rotate(180deg);}
/* Contact */
.borderLeft{border-left:1px solid #ca7234; padding:0 0 0 20px; color: #ffffff;}
h1.titleContact {font-size: 48px; font-weight: 700; line-height: 56px; color: #ffffff; margin: 50px 0; text-transform: uppercase; position: relative; z-index: 1;}
#contactForm {width: 55%;margin: 0 auto 50px auto; border: 3px solid #00517b; padding: 40px;}
#contactForm input, #contactForm textarea{border-bottom:2px solid #00517b;border-top:white;border-left: white;border-right: white; color:#a0a0a0;font-size:14px;line-height:30px;margin:0 0 15px 0;outline:0;padding:10px;resize:vertical;width:100%;background:#fff}
#contactForm textarea {height: 200px;}
#contactForm button {color: #00517b; line-height: 20px; background-color: white; font-size: 14px; padding: 10px 50px; width: 33%; text-transform: uppercase; font-weight: 400;border: 2px solid;}
#contactForm button:hover {background-color: #00517b; color: white; transition: 0.2s linear; border-color: #00517b;}
#contactForm button .fas{margin:0 10px 0 0;}
#mail_fail,#mail_success,#mail_success_footer,#mail_fail_footer{display:none;padding:15px 0;margin:20px 0 0 0;float:right;font-size:13px;line-height:12px;border-radius:4px; width:100%; text-align:center;}
#mail_success,#mail_success_footer{color:#044406;background-color:#B7FBB9}
#mail_fail, #mail_fail_footer{color:#D8000C;background-color:#FFBABA}
.pageContactImg{padding:50px 0; background: linear-gradient( rgba(0,0,0,0.5), rgba(0, 0, 0, 0.5) ),url(https://www.viacomvs.com/img/bg.jpg) no-repeat center center fixed;}
p.title2 {font-size: 36px; color: #ffffff; margin-bottom: 55px;}
.contactFormTitle {margin: 0 auto 20px auto; display: table; font-size: 22px;}

footer {
  background: #F8F8F8;
}
footer .footerLogos {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 23px;
  margin: 50px 0 60px 0;
}
footer .footerLogos .footerLogosItem {
  width: 100%;
  display: flex;
  gap: 50px;
  justify-content: center;
}
footer .footerLogos .viacomLogo {
  width: 180px;
}
footer .footerLogos img.fujitsuLogo {
  width: 115px;
}
footer .footerLogos img.generalLogo {
  width: 200px;
}
footer .footerFlexItems {
  display: flex;
  border-bottom: 1px solid #4B91C3;
;
}
footer .item{width: 22%; float: left; margin: 0 4% 0 0;}
footer .item:not(:last-of-type){border-right: 1px solid #4B91C3;}
footer .item:last-child{margin-right: 0;}
footer .item .footerTitle {
  font-size: 20px;
  font-weight: 800;
  color: #2C7DB8;
  margin: 0 0 20px 0;
  padding-bottom: 5px;
}
footer .item .footerLinks{margin: 0; padding: 0; list-style: none;}
footer .item .footerLinks li {
  margin-bottom: 10px;
}
footer .item .footerLinks li:hover {background-color: #cde8f9; color: #000000; transition: 0.2s linear; margin-left: 3px;}
footer .item .footerText{}
.copy{color:#E63030;}
.copy .tex{padding: 50px 0;border-bottom: 1px solid #4B91C3;}

footer .footerBottomMenu {
  padding: 80px 0 70px 0;
}
footer .footerBottomMenu .holder {
  display: flex
;
}
footer .footerBottomMenu .holder ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex
;
  gap: 60px;
  margin-right: auto;
  font-weight: 700;
  color: #5295c5;
}
footer .footerBottomMenu .holder .social {
  display: flex
;
  gap: 15px;
  color: #2E81BA;
  font-weight: 500;
  align-items: center;
}
footer .footerBottomMenu .holder .social p {
  margin: 0;
}

#backToTop{bottom:20px; right:20px; cursor:pointer; display:none; height:60px; position:fixed; width:60px; border-radius:50%; font-size:20px; line-height:55px; text-align:center; z-index:100; color:#fff; background:#eb131a; border: 2px solid #fff;}

.mt-40{margin-top:40px;}
.cookieHolder{display:none;position: fixed; bottom: 0; left: 0; right: 0; padding: 15px; z-index: 999; background: #fff; color: #234479; font-size: 14px; line-height: 1.5; font-weight:400; -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.3);-moz-box-shadow:0px 0px 10px 0px rgba(50, 50, 50, 0.3);box-shadow:0px 0px 10px 0px rgba(50, 50, 50, 0.3);}
.cookieHolder a{font-weight:700; color: #ea1319;}
.cookieHolder .yes{background: #ea1319;color: #fff; font-size: 15px; font-weight: 400; padding: 10px 20px; border-radius: 20px; float: right; cursor:pointer;}

.attention{height: 300px;background: url(https://www.viacomvs.com/img/img-fcgl-pr-201908-surface-textured-02.jpg);background-position: center;background-size: contain;background-repeat: no-repeat;display: flex;place-content: center;align-items: center;position: relative;}
.attention p{position: relative;z-index: 1;}
.attention a{font-size: 24px;color: #fff;border: 2px solid;padding: 20px;transition: all .3s ease-in-out;}
.attention a:hover{color: #ea1319;border: 2px solid;}
.promoBanner .img-text-holder {margin: 25px auto;position: relative;}
.promoBanner .img-text-holder a{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-align: center;font-size: 25px;font-weight: 500;background: #eb161a;padding: 10px;border: 1px solid #0a0a0a;color: #fff;}

#banner {overflow:hidden; padding:0 0 20px 0;}
#banner div.banner {position:relative;aspect-ratio: 1/1;}
#banner div.banner.last {}
#banner div.banner a img {display:block; width:100%;}
#banner>div.banner>a {position:absolute; left:0; top:0; opacity : 0; z-index:10; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; right:0;}
#banner>div.banner>a.active {opacity:1; display:block; z-index:30;}
#banner-navigator {text-align:center; position:relative; margin-top:325px; font-size:6px; padding:5px 0;}
#banner-navigator a {background:grey; color:transparent; border-radius:50%; margin-right:4px; opacity:0.8; padding:1px 2px;}
#banner-navigator a.active {background:#333;}

#banner-first-advertisement{width:33.2%;}
#banner-second-advertisement, #banner-third-advertisement{margin:0 0 0 0.2%; width:33.2%}

.largeProduct{position: relative;}
.largeProduct .blink-txt{position: absolute;text-align: center;width: 100%;margin-top: 15px;}
.largeProduct .blink-txt .blink{animation: blink 2.7s infinite;transition: opacity 2s ease;opacity: 0;}


  .newsHomeHolder {
    display: flex;
    margin: 50px auto 80px auto;
    align-items: center;
}
.newsHomeHolder .left { flex: 1; border-radius: 25px; overflow: hidden; }
.newsHomeHolder .left img {
  aspect-ratio: 1;
  object-fit: cover;
}
.newsHomeHolder .right { flex: 1; padding: 40px 30px; display: flex; flex-direction: column; justify-content: center; gap: 20px; }
.newsHomeHolder .news-item {
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
}
.newsHomeHolder .news-item:first-of-type {
  border-bottom: 2px solid #0A0A0A;
  padding-bottom: 30px;
}
.newsHomeHolder .news-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.newsHomeHolder .news-item:not(:first-of-type) .news-title {
  width: calc(100% - 76px);
  border-bottom: 1px solid #0a0a0a;
  padding-bottom: 20px;
}
.newsHomeHolder .news-item:last-of-type .news-title{
  border-bottom: none;
  padding-bottom: 0;
}
.newsHomeHolder .news-index {
  font-weight: bold;
  color: #000;
  margin-bottom: 5px;
  width: 76px;
  padding-left: 16px;
  padding-top: 3px;
}
.newsHomeHolder .news-title h3 { font-weight: bold; font-size: 22px; margin: 0 0 5px 0; }
.newsHomeHolder .news-description {
  font-size: 13px;
  color: #000;
  line-height: 100%;
  font-weight: 300;
  display: flex;
  flex-flow: column;
}
.newsHomeHolder .learn-more {
  font-size: 13px;
  color: #2D6AB2;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  margin-top: 5px;
  border-bottom: 1px solid #2D6AB2;
  margin-bottom: -10px;
  align-self: baseline;
}

.viacom-advantage {
  background-color: #00C2F5;
  color: white;
  display: flex;
  align-items: center;
  padding: 10px 20px;
  font-size: 15px;
  justify-content: center;
  margin: 50px 0;
}

.viacom-advantage .label {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 20px;
  margin-right: 30px;
}

.viacom-advantage .label .arrow {
  margin-left: 34px;
  font-size: 16px;
}

.viacom-advantage .benefits {
  display: flex;
  gap: 70px;
  flex-wrap: wrap;
}

.viacom-advantage .benefit-item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.viacom-advantage .icon {
  font-size: 16px;
}

.contactSticky {
  display: flex
;
  flex-flow: column;
  position: fixed;
  right: 0;
  top: 25%;
  gap: 2px;
  text-align: center;
  font-size: 18px;
}
.contactSticky a {
  background: #2D6AB2;
  padding: 9px;
  color: #fff;
}
.contactSticky a:first-of-type {
  border-top-left-radius: 13px;
}
.contactSticky a:last-of-type {
  border-bottom-left-radius: 13px;
}


.filters-and-products {
  display: flex;
  gap: 60px;
}

.filters-and-products .filters {
  width: calc(25% - 30px);
}

.filters-and-products .filters .filter-group {
  margin-bottom: 20px;
}

.filters-and-products .filters .filter-group:first-of-type h4 {
  margin-top: 0;
}

.filters-and-products .filters .filter-group h4 {
  margin-bottom: 5px;
  font-size: 15px;
}

.filters-and-products .filters .filter-group label {
  display: block;
  margin: 5px 0;
}

.filters-and-products .products {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: calc(75% - 30px);
}

.filters-and-products .products .product-card {
  background: #D9D9D970;
  border-radius: 20px;
  padding: 25px;
  width: 100%;
}

.filters-and-products .products .product-card h2 {
  font-size: 18px;
  margin: 20px 0 35px 0;
  font-weight: 700;
}

.filters-and-products .products .product-card .flexProductHolder {
  display: flex;
}

.filters-and-products .products .product-card img {
  width: 300px;
  display: block;
}

.filters-and-products .products .product-card ul {
  list-style: disc;
  margin-left: 20px;
  font-size: 14px;
  width: 100%;
  margin-top: 0;
}


.filters-and-products .products .product-card .productItem .quick-look {
  border: 1px solid black;
  border-radius: 30px;
  padding: 5px 15px;
  cursor: pointer;
  font-size: 12px;
  display: flex;
  gap: 5px;
}

.filters-and-products .products .product-card .productItem .quick-look img{
  width: auto;
}

.filters-and-products .products .product-card .productItem .price {
  font-weight: 300;
  font-size: 20px;
  margin-right: auto;
  margin-left: 45px;
}

.filters-and-products .products .product-card .productItem .learn-more {
  background: #2b65ad;
  color: white;
  border: none;
  padding: 8px 20px;
  border-radius: 25px;
  cursor: pointer;
  width: 242px;
  margin-right: 40px;
  text-align: center;
  font-size: 14px;
}

.filters-and-products .products .product-card .flexProductHolder .productItem {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  gap:35px
}

.filters-and-products .products .product-card .flexProductHolder .productItem:first-of-type {
  width: 300px;
}
.filters-and-products .products .product-card .flexProductHolder .productItem:last-of-type {
  width: calc(100% - 300px);
}
.lineAboveFilters {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #9F9F9F;
  padding-bottom: 20px;
  margin-bottom: 35px;
}
.lineAboveFilters .item {
  display: flex;
  align-items: center;
}
.lineAboveFilters .item:first-of-type .title {
  border-right: 1px solid #9F9F9F;
  padding-right: 12px;
  margin-right: 12px;
  display: flex
;
  align-items: center;
  gap: 5px;
}
.lineAboveFilters .item:first-of-type .title i {
  font-size: 20px;
}
.lineAboveFilters .item:first-of-type .title span{
  font-size: 13px;
}
.lineAboveFilters .item:first-of-type .reset {
  color: #9F9F9F;
  font-size: 13px;
  display: flex;
  align-items: center;
}
.lineAboveFilters .item:last-of-type {
  gap: 24px;
  font-size: 13px;
}
.lineAboveFilters .item:last-of-type i{
  font-size: 20px;
}
.lineAboveFilters .item:last-of-type .title2{
  display: flex;
  align-items: center;
  gap: 5px;
}

#product-modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

#product-modal .modal-content {
  background: #eeeeee;
  margin: 5% auto;
  padding: 20px;
  display: flex;
  width: 80%;
  max-width: 900px;
  border-radius: 15px;
  position: relative;
  gap: 90px;
  align-items: center;
}

#product-modal .modal-left {
  width: calc(50% - 45px);
}

#product-modal .modal-left img {
  width: 100%;
}

#product-modal .modal-right {
  width: calc(50% - 45px);
}

#product-modal .modal-content .modal-right h3 {
    margin: 50px 0 30px 0;
    font-size: 18px;
    max-width: 80%;
}

#product-modal .modal-content .modal-right .titleSmall {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 10px;
}

#product-modal .modal-content .modal-right ul {
    margin: 0 0 30px 0;
}

#product-modal .modal-content .modal-right table{
    width: 100%;
}

#product-modal .modal-content .modal-right table tr td {
    border-bottom: 1px solid #9F9F9F;
    padding-bottom: 5px;
    padding-top: 15px;
    font-size: 14px;
}

#product-modal .modal-content .modal-right .learn-more-btn{
  background: #2b65ad;
  color: white;
  border: none;
  padding: 8px 20px;
  border-radius: 25px;
  cursor: pointer;
  width: 242px;
  text-align: center;
  font-size: 14px;
  display: block;
  margin: 30px auto 0 auto;
}

#product-modal .close-modal {
  position: absolute;
  right: 20px;
  top: 0;
  cursor: pointer;
  font-weight: 100;
  font-size: 40px;
}

.specHolder {
    margin-bottom: 90px;
}

.specHolder h2 {
    font-size: 40px;
    font-weight: 700;
    margin: 0 0 50px 0;
    position: relative;
}

.specHolder h2::before {
    content: "";
    display: block;
    width: 125px;
    height: 2px;
    background-color: #0073e6;
    margin: 0 auto 20px auto;
}

.prodSuportHolder > p {
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 50px;
}

.specHolder .accordion-item {
    border-bottom: 1px solid #9F9F9F;
}

.specHolder .accordion-title {
    padding: 20px 0;
    font-weight: 500;
    font-size: 20px;
    cursor: pointer;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.specHolder .accordion-title i {
    color: #ABABAB;
    font-size: 18px;
}

.specHolder .accordion-title.active i.fa-solid.fa-chevron-down {
    transform: rotate(180deg);
}

.specHolder .accordion-content {
    display: none;
    padding: 16px;
    background-color: #fafafa;
    border-top: 1px solid #eee;
    font-size: 14px;
}

.specHolder #expandAll {
    font-size: 13px;
    text-decoration: none;
    color: #333;
    border-bottom: 1px dotted #666;
    margin-bottom: 10px;
    display: inline-block;
}

.prodSuportHolder {
    margin-bottom: 70px;
}

.prodSuportHolder .itemsHolder {
    display: flex;
    flex-wrap: wrap;
    gap: 50px 35px;
}
.prodSuportHolder .itemsHolder .item {
    width: calc(50% - 25px);
}
.prodSuportHolder .itemsHolder .item .title {
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: 100%;
    font-weight: 500;
    margin-bottom: 10px;
}
.prodSuportHolder .itemsHolder .item .title img {
    width: 40px;
}
.prodSuportHolder h2 {
    font-size: 40px;
    font-weight: 700;
    margin: 0 0 35px 0;
    position: relative;
}
.prodSuportHolder h2::before {
    content: "";
    display: block;
    width: 125px;
    height: 2px;
    background-color: #0073e6;
    margin: 0 auto 20px auto;
}
.liveChatHolder {
    background: #F7F7F7;
    padding: 40px 0 30px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    border-radius: 16px;
    margin-bottom: 90px;
}
.liveChatHolder i {
    font-size: 22px;
    margin-bottom: 15px;
}
.liveChatHolder h2 {
    margin: 0 0 5px 0;
    font-weight: 500;
}
.liveChatHolder p {
    font-size: 14px;
    font-weight: 300;
    line-height: 100%;
    margin-bottom: 30px;
}
.liveChatHolder .liveChatBtn {
    border-bottom: 1px solid #000;
    font-size: 14px;
    font-weight: 500;
}

.ourRecommendations{
  overflow: hidden;
}
.ourRecommendations h2 {
    font-size: 40px;
    font-weight: 700;
    margin: 0 0 35px 0;
    position: relative;
}
.ourRecommendations h2::before {
    content: "";
    display: block;
    width: 125px;
    height: 2px;
    background-color: #0073e6;
    margin: 0 auto 20px auto;
}
.ourRecommendations > p {
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 50px;
}
.swiperProducts {
    position: relative;
}
.swiperProducts {
    position: relative;
    padding-bottom: 100px;
    margin-bottom: 80px;
}
.swiperProducts .swiper-pagination .swiper-pagination-bullet {
    margin: 0 !important;
    width: 50px;
    border-radius: 0;
    background: #d9d9d9;
    height: 2px;
}
.swiperProducts .swiper-pagination .swiper-pagination-bullet-active {
    background: #000;
}
.swiperProducts .buttons {
    position: absolute;
    right: 15%;
    bottom: 0;
    width: 95px;
    transform: translateY(-17px);
}
.swiperProducts .swiper-button-prev:after,.swiperProducts .swiper-button-next:after{content: "";}
.swiperProducts .buttons .swiper-button-next, .swiperProducts .buttons .swiper-button-prev {
    border: 1px solid #D9D9D9;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    color: #000;
    font-size: 12px;
}
.swiperProducts .buttons .swiper-button-next{
    right: 0;
}
.swiperProducts .buttons .swiper-button-prev{
    left: 0;
}
.swiperProducts .swiper-pagination{
  width: 50% !important;
  left: 50% !important;
  transform: translateX(-50%);
}
.swiper-slide .product-card a {
    display: flex;
    background: #f7f7f7;
    aspect-ratio: 1 / 1;
    align-items: center;
    padding: 0 25px;
    border-radius: 15px;
}
.swiper-slide .product-card .product-card-content h3 {
    margin: 15px 0 30px 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 100%;
    min-height: 48px;
}
.swiper-slide .product-card .product-card-content .price {
    font-size: 14px;
    font-weight: 300;
}
.gallery{
    margin-top: 60px;
    overflow: hidden;
}
.gallery .filter {
    display: flex;
    align-items: center;
    justify-content: center;
    gap:55px
} 
.gallery .filter button {border: none; background: none; cursor: pointer; padding: 0;position: relative;}
.gallery .filter button.active::after{
    content: "";
    display: block;
    width: 30px;
    height: 1px;
    background-color: #4595BA;
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
}
.gallery .project-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 17px 22px; margin-top: 90px; margin-bottom: 110px;}
.gallery .project-grid .project-card img {
    border-radius: 10px;
    aspect-ratio: 214 / 287;
    object-fit: cover;
}
.gallery .project-grid .project-card h3 {
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
    margin: 12px 0 0 0;
}
.gallery .project-grid .project-card p {
    font-size: 12px;
    line-height: 100%;
    font-weight: 300;
    margin-top: 5px;
}

.gallery .titleHolder h1 {
    font-size: 40px;
    font-weight: 700;
    margin: 0 0 35px 0;
    position: relative;
}
.gallery .titleHolder h1::before {
    content: "";
    display: block;
    width: 125px;
    height: 2px;
    background-color: #0073e6;
    margin: 0 auto 20px auto;
}
.gallery .titleHolder > p {
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 50px;
}

.documentationAccordion .accordionGroup { 
    margin-bottom: 2em; 
}

.documentationAccordion .accordionGroup .accordionItem { 
  border-bottom: 1px solid #9F9F9F;
  margin-bottom: 20px;
}

.documentationAccordion .accordionGroup .accordionItem .accordionHeader {
    padding-bottom: 15px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
    font-size: 24px;
    transition: .4s all;
}
.documentationAccordion .accordionGroup .accordionItem.active .accordionHeader {
    color: #2D6AB2;
}

.documentationAccordion .accordionGroup .accordionItem .accordionHeader.active {
    color: #2D6AB2;
}

.documentationAccordion .accordionGroup .accordionItem .accordionToggle { 
    background: none; 
    border: none; 
    font-size: 1.25rem; 
    color: #333;
    cursor: pointer;
    transition: transform 0.2s ease;
}

.documentationAccordion .accordionGroup .accordionItem.active{
  border-bottom: none;
  margin-bottom: 40px;
}

.documentationAccordion .accordionGroup .accordionItem .accordionContent {
    display: none;
    padding: 40px 0    0;
    border-top: 1px solid #2D6AB2;
}

.documentationAccordion .accordionGroup .accordionItem .docRow { 
    display: flex; 
    flex-wrap: wrap; 
    gap: 30px 50px; 
}

.documentationAccordion .accordionGroup .accordionItem .docCol {
    width: calc(50% - 25px);
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #B1ADAD;
    padding-bottom: 30px;
}

.documentationAccordion .accordionGroup .accordionItem .docCol strong {
    display: block;
    color: #646464;
    font-size: 14px;
    font-weight: 500;
}

.documentationAccordion .accordionGroup .accordionItem .downloadIcon{
  font-size: 12px;
  color: #2D6AB2;
  font-weight: 500;
}

.documentationAccordion .accordionGroup .accordionItem .downloadIcon i {
  font-size: 16px;
  color: #2D6AB2;
}

#dokumentacijaPage{
  margin-top: 60px;
}
#dokumentacijaPage .titleHolder {
    background: #00C2F5;
    width: 95%;
    margin: 0 auto;
    padding: 80px 0 100px 0;
}
#dokumentacijaPage .titleHolder h1 {
    font-size: 40px;
    font-weight: 700;
    margin: 0 0 35px 0;
    position: relative;
    padding: 0;
}
#dokumentacijaPage .titleHolder h1::before {
    content: "";
    display: block;
    width: 125px;
    height: 2px;
    background-color: #0073e6;
    margin: 0 auto 20px auto;
}
#dokumentacijaPage .titleHolder > p {
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 0;
}
#dokumentacijaPage .modelSearchHolder {
    width: 70%;
    margin: 170px auto 60px auto;
}
#dokumentacijaPage .modelSearchHolder h2 {
    margin: 0;
    font-weight: 700;
    font-size: 40px;
}
#dokumentacijaPage .modelSearchHolder .modelSearch {
    margin-top: 45px;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    align-items: center;
}
#dokumentacijaPage .modelSearchHolder .modelSearch .inputSearchHolder {
    border: 1px solid #838383;
    border-radius: 6px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    width: 80%;
}
#dokumentacijaPage .modelSearchHolder .modelSearch .inputSearchHolder #modelCode {
    border: none;
    font-size: 14px;
    font-weight: 400;
    color: #838383;
    height: 100%;
    padding-right: 10px;
    width: 100%;
}
#dokumentacijaPage .modelSearchHolder .modelSearch .inputSearchHolder #searchBtn {
    background: none;
    border: none;
    color: #838383;
    font-size: 23px;
    padding: 0;
}
#dokumentacijaPage .modelSearchHolder .modelSearch > span {
    width: calc(20% - 20px);
    font-size: 14px;
    color: #838383;
    border-bottom: 1px solid #838383;
    display: flex;
    justify-content: space-between;
}
#dokumentacijaPage .modelSearchHolder .modelSearch > span i {
    width: 18px;
    height: 18px;
    text-align: center;
    border: 1px solid #838383;
    border-radius: 50%;
    font-style: normal;
    line-height: 16px;
    font-size: 12px;
}
#dokumentacijaPage .categorySearchHoler {
    width: 70%;
    margin: 0 auto 50px auto;
} 
#dokumentacijaPage .categorySearchHoler h2 {
    margin: 0 0 80px 0;
    font-weight: 700;
    font-size: 40px;
}
#dokumentacijaPage .categorySearchHoler .categorySearch {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap: 60px 85px;
}
#dokumentacijaPage .categorySearchHoler .categorySearch div {
    width: calc(calc(100% - 170px) / 3);
    text-align: center;
    border: 1px solid #8B8B8B;
    border-radius: 8px;
    padding: 60px 0;
    font-size: 14px;
    color: #838383;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s linear;
}
#dokumentacijaPage .categorySearchHoler .categorySearch .active {
    border-color: #2D6AB2;
    color: #2D6AB2;
}