/********************************************************************** __ __ _ _____ \ \ / /(_) / ____| \ \ / / _ ___ __ __| (___ ___ _ _ _ __ ___ ___ \ \/ / | | / _ \\ \ /\ / / \___ \ / _ \ | | | || '__|/ __|/ _ \ \ / | || __/ \ V V / ____) || (_) || |_| || | | (__| __/ \/ |_| \___| \_/\_/ |_____/ \___/ \__,_||_| \___|\___| web: www.viewsource.biz email: office@viewsource.biz Copyright (c) 2005-2009 ViewSource ***********************************************************************/ @import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,700&subset=cyrillic,cyrillic-ext,latin-ext'); /* C O M M O N ********************************************************/ body {margin: 0px; padding: 0px; font: 16px Ubuntu, Arial, Verdana, sans-serif; color: #58595b; background: #fff; font-weight: 300;} body.modal-open { padding-right: 17px!important; } .modal { text-align: center; } @media screen and (min-width: 768px) { .modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100%; } } .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; } h1 {margin: 52px 0 18px 0;font-family: 'Ubuntu', sans-serif; font-weight: 300; font-size: 36px; color: #58595b;text-transform: uppercase;} h1 .space { } h1 .space span { margin: 0px 10px; } h2 {margin: 20px 0;font-family: "Ubuntu", sans-serif; font-weight: 300; font-size: 36px; color: #58595b;text-transform: uppercase;} h3 { font-size: 25px; font-weight: 500; color: #83a53f; text-transform: none; margin: 0 0 25px 0; } h4 { font-size: 20px; font-weight: 500; color: #83a53f; text-transform: none; margin: 48px 0 24px 0; letter-spacing: -0.2px; } .alert h4 { font-weight: 400; } hr {border: 0px; border-top: 1px solid #ddd; } a, a:visited {color:#b5d958; text-decoration:none; outline: none;} a:hover {text-decoration:none;color: #ffc358;} a img, a:visited img, a:hover img {border: 0px;} a:focus, a:active, button, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { outline: none !important; } a:focus, a:active, button, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { outline:none!important; text-decoration: none; } b, strong { font-weight: 500; } img {border: 0px; } form {margin: 0px; padding: 0px;} p { margin-bottom: 20px; } label { font-weight: 300; } select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; } select.form-control:focus { box-shadow: none; } .btn.btn-default, .btn.btn-default:focus, .btn.btn-primary, .btn.btn-primary:focus { border-radius: 5px; padding: 4px 30px; background: #b5d958; color: #fff; border: none; text-transform: uppercase; font-size: 18px; font-weight: 500; -webkit-transition: background 0.3s ease 0s, color 0.3s ease 0s; -moz-transition: background 0.3s ease 0s, color 0.3s ease 0s; -o-transition: background 0.3s ease 0s, color 0.3s ease 0s; transition: background 0.3s ease 0s, color 0.3s ease 0s; box-shadow: none; } .btn.btn-default:hover { background: #ffc358; } .btn.btn-primary, .btn.btn-primary:focus { background: #a3a3a3; } .btn.btn-primary:hover { background: #ffc358; } .p-0 { padding:0!important; } .w-100 { width: 100%!important; } .img-w-100 img.img-responsive { width: 100%!important; } /* W R A P P E R ******************************************************/ #Wrapper {width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0 0px 0;} #WrapperTopLeft {width: 5px; height: 4px; font-size: 0px; background: url("/design/images/wraper-top-left.gif") no-repeat; } #WrapperTop {height: 4px; font-size: 0px; background: url("/design/images/wraper-top-center.gif") repeat-x;} #WrapperTopRight {width: 5px; height: 4px; font-size: 0px; background: url("/design/images/wraper-top-right.gif") no-repeat;} #WrapperMiddleLeft {background: #b1aeae url("/design/images/wrapper-middle-left.gif") repeat-y right;} #WrapperMiddle {width: 1000px; background: #fafafa; padding: 11px 0 11px 0;} #WrapperMiddleRight {background: #b1aeae url("/design/images/wrapper-middle-right.gif") repeat-y left; } #WrapperBottomLeft {width: 5px; height: 4px; font-size: 0px; background: url("/design/images/wraper-bottom-left.gif") no-repeat;} #WrapperBottom {height: 4px; font-size: 0px; background: url("/design/images/wraper-bottom.gif") repeat-x bottom;} #WrapperBottomRight {width: 5px; height: 4px; font-size: 0px; background: url("/design/images/wraper-bottom-right.gif") no-repeat;} #box { border: 1px solid #ccc; margin: 2px 0 2px 0px; } /* M A I N C O N T A I N E R S **************************************/ #MainContainer {width:100%;} #Header {height: 127px; font-size: 10px;} #Body {} #Footer {width: 100%;} #LeftCol {width: 200px;} #CenterCol {} #RightCol {width: 200px;} .ContentContainer {border: 1px solid #d7d7d7; height:469px;} .CatalogContentContainer {border: 1px solid #d7d7d7;} /* C O N T A I N E R S E L E M E N T S ******************************/ #HeaderContainer {width: 100%;} #HeaderLeft {height: 127px; background: url("/design/images/header-left.gif") no-repeat right;} #HeaderCenter {width: 1000px; height: 127px; background: url("/design/images/header-center.gif") repeat-x;} #HeaderRight {height: 127px; background: url("/design/images/header-right.gif") no-repeat left;} #HeaderTop {color: #494949; font-size: 11px;} #HeaderTop a {color: #494949;} #HeaderBottom {} #HeaderLeft {margin:10px 0px 0px 10px;} #HeaderRight {margin:10px 10px 0px 0px;} #HeaderLogo {} #HeaderLang {margin: 0px 0px 5px 0px;} #HeaderLang a {color:#000; text-decoration:none;} #HeaderLang a:visited {color:#000; text-decoration:none;} #HeaderLang a:hover {color:#000; text-decoration:underline;} #HeaderSearch {} #HeaderSearch input {border: 1px solid #ccc; background: #f9f9f9;} #HeaderOpcije {margin: 5px 0 0 0px; } #HeaderOpcije a {color:#000; text-decoration:none;} #HeaderOpcije a:visited {color:#000; text-decoration:none;} #HeaderOpcije a:hover {color:#000; text-decoration:underline;} #HeaderSearchContainer {height: 31px; width: 221px; background: url("/design/images/header-search-container.gif") no-repeat;} #HeaderSearchText {background: none; border: 0px; width: 195px; font: 10px Verdana; color: #8b8b8b; margin: 0 0 0 5px;} #HeaderSearchButon {background: url("/design/images/header-search-button.gif") no-repeat; border: 0px; width: 14px; height: 13px; cursor: pointer; margin: 2px 0 0 2px;} #HeaderMenuContainer {width: 100%;} #HeaderMenuContainer .HeaderMenuOne {height: 38px; font-size: 14px;} #HeaderMenuContainer .HeaderMenuOne a {display: block; width: 100%; height: 100%; color: #574e4e;} #HeaderMenuContainer .HeaderMenuOne a:hover {background: url("/design/images/header-menu-over.gif") repeat-x; color: #ffffff; text-decoration: none;} .HeaderMenuOption {height: 38px;} #BodyContent {width:100%;} #LeftColContent {background: #fff; padding:0px 5px 0px 5px;} #CenterColContent {} #RightColContent {background: #fff; padding:0px 5px 0px 5px;} #FooterLeft {background: url("/design/images/footer-left.png") no-repeat right top;} #FooterCenter {width: 1000px; background: url("/design/images/footer-center-main.gif") no-repeat;} #FooterRight {background: url("/design/images/footer-right.png") no-repeat left top;} #FooterContent {margin: 5px 0 0 0px;} #Footer a, #Footer a:visited {color:#ffffff;text-decoration:none;} #Footer a:hover {text-decoration:underline;} #FooterBottom {height: 162px; background: url("/design/images/footer-bottom.png") no-repeat;} .FooterPotpis {height: 59px; color: #ffffff; font-size: 11px;} /* C L A S S B O X **************************************************/ .box-left-cel {margin: 5px 0 5px 0px; width: 190px;} .box-header-left-cel {background: url("/design/images/box-header.gif") repeat-x; height: 25px; } .box-header-left-left-cel {background: url("/design/images/box-header-left.gif") no-repeat; width: 6px; height: 25px; font-size: 0px;} .box-header-right-left-cel {background: url("/design/images/box-header-right.gif") no-repeat; width: 6px; height: 25px; font-size: 0px;} .box-wrap-left-cel {} .box-wrap-left-left-cel {background: url("/design/images/box-wrap-left.gif") repeat-y left; width: 6px;} .box-wrap-right-left-cel {background: url("/design/images/box-wrap-right.gif") repeat-y right; width: 6px;} .box-footer-left-left-cel {background: url("/design/images/box-footer-left.gif") no-repeat; width: 6px; height: 6px; font-size: 0px;} .box-footer-left-cel {border-bottom: 2px solid #cccccc; font-size: 0px; padding: 0px; margin: 0px; font-size: 0px;} .box-footer-right-left-cel {background: url("/design/images/box-footer-right.gif") no-repeat; width: 6px; height: 6px; font-size: 0px; font-size: 0px;} .box-right-cel {margin: 5px 0 5px 0px; width: 190px;} .box-header-right-cel {background: url("/design/images/box-header.gif") repeat-x; height: 25px; } .box-header-left-right-cel {background: url("/design/images/box-header-left.gif") no-repeat; width: 6px; height: 25px; font-size: 0px;} .box-header-right-right-cel {background: url("/design/images/box-header-right.gif") no-repeat; width: 6px; height: 25px; font-size: 0px;} .box-wrap-right-cel {} .box-wrap-left-right-cel {background: url("/design/images/box-wrap-left.gif") repeat-y left; width: 6px;} .box-wrap-right-right-cel {background: url("/design/images/box-wrap-right.gif") repeat-y right;width: 6px;} .box-footer-left-right-cel {background: url("/design/images/box-footer-left.gif") no-repeat; width: 6px; height: 6px;} .box-footer-right-cel {border-bottom: 2px solid #cccccc; font-size: 0px; padding: 0px; margin: 0px;} .box-footer-right-right-cel {background: url("/design/images/box-footer-right.gif") no-repeat; width: 6px; height: 6px; font-size: 0px;} .box-banner {margin: 5px 0 0 0; width: 190px;} .box-banner-content {} .box-content {margin: 3px;} /* C L A S S C A T A L O G ******************************************/ .one-item {margin: 0 0 0px 0px;} .one-item-parameter {width: 230px;} .one-item-group-filter {width: 395px;} .one-item-group-items {margin: 0 0 30px 30px;} .one-item-group-items-parameter {width: 200px;} .one-item-group-items-picture {border: 1px solid #cccccc;} .category-items {margin: 0 0 30px 0px;} .category-items-parameter {width: 230px;} .category-items-picture {border: 1px solid #cccccc;} .category-items-group-items-filter {width: 395px;} .category-items-group-items {margin: 0 0 30px 30px;} .category-items-group-items-parameter {width: 200px;} .category-items-group-items-picture {border: 1px solid #cccccc;} .CatalogContent {padding: 0px 10px 10px 20px;} .CatalogNavigation {border-top: 1px solid #d9d9d9; padding: 4px 0 10px 5px;} .CatalogNavigationBottom {background: url("/design/images/catalog-navigator.gif") repeat-x bottom; padding: 10px 0 10px 0px; text-align: center;} .CatalogNavigationContainer {padding: 0 0 0 0px;} .CatalogCategoryList {background: url("/design/images/catalog-category-list.gif") no-repeat left center; padding: 2px 0 2px 14px; font-size: 12px;} .CatalogCategoryList a {color: #434343;} .CatalogCategoryList a:hover {font-weight: bold; text-decoration: none; color: #837c7c;} .CatalogCategoryListActive {background: url("/design/images/catalog-category-list.gif") no-repeat left center; padding: 2px 0 2px 14px; font-size: 12px; font-weight: bold;} .CatalogCategoryListActive a {color: #009B3D;} .CatalogCategoryListActive a:hover {font-weight: bold; text-decoration: none; color: #837c7c;} .CategoryListPicture {width: 140px; height: 140px; background: #ffffff;} .CategoryListDataContainer {padding: 4px;} .CategoryListTitle {border-top: 1px solid #837c7c; padding: 4px 0 2px 0; font-size: 14px; font-weight: bold;} .CategoryListAllContainer {border: 1px solid #d7d7d7; background: #ffffff;} .CategoryListAllContainer:hover {background: #837c7c;} .CategoryListAllContainer:hover a {color: #ffffff; text-decoration: none;} .CategoryListAllContainer a {display: block; color: #837c7c;} .CategoryListAllContainer a:hover {background: #837c7c; color: #ffffff; text-decoration: none;} .CatalogProgramListContainer {padding: 0 8px 0px 0;} .CatalogProgramList {border:1px solid #e5e5e5; padding: 9px; position: relative; max-width:173px;} .CatalogProgramList img {padding: 0px; margin:0px; display: block;max-width:100%;} .CatalogProgramListProgram {position: absolute; bottom: 9px; left: 9px;right:9px;overflow: hidden;} .CatalogProgramListProgram img { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ } .CatalogProgramList:hover img { filter: none; -webkit-filter: none; } .ProgramGalleryList {padding: 0 10px 0 0px;} .ProgramVelika {padding: 10px 0 0 0px;} .ProgramVelikaContainer {display: none;} /***************************** C U S T O M ******************************/ .table-fix-head { overflow: auto; max-height: 600px; } .table-fix-head thead th { position: sticky; top: 0; z-index: 1;} .table-fix-head tbody th { position: sticky; left: 0; } .galleryThumbs { margin: 3px;} .galleryThumbs img {padding:0px;margin:0px;border: 0px;} .info {background: #f6f6f6;padding: 15px; margin: 5px 0; font-size: 17px;} .info img {margin-right: 15px;} .site-side-space .info { margin: 5px 0; } .site-side-space.qna-cont .info { margin: 5px 15px 20px 15px; } #IndexSliderContainer {height: 469px; border: 1px solid #d0d0d0;} .PageContent {padding: 20px;} .PageBannerContainer {padding: 0px 10px 0 10px;} .PageBannerList {padding: 0 0 10px 0;} .PageBannerList img {display: block;} .PageTextContainer {width: 808px; border: 1px solid #d0d0d0; background: #ffffff;} #FlasAnimacijaProd {border-radius: 3px; -moz-border-radius: 3px; background: #9a9292 url("/design/images/kamera-proizvod.png") no-repeat 8px 3px; color: #ffffff; padding: 5px 12px 5px 38px; cursor: pointer; font-weight: bold;} #FlasAnimacijaProd:hover {background: #009a3d url("/design/images/kamera-proizvod.png") no-repeat 8px 3px;} .PageText {padding: 10px;} .PageTitle {padding: 0 0 10px 0;} .ProductContainer {width: 780px;} .OpisProizvoda {padding: 3px 0 3px 0;} .OpisProizvoda p {padding: 0px; margin: 0px;} .boja-tekst {cursor: pointer;} .boja-slika {cursor: pointer;} .ProductShare {} .ProductShareContainer {background: url("/design/images/proizvod-crte.gif") repeat-x top left; padding: 5px 0 0 0;} .AnimacijaButtonContainer {background: url("/design/images/proizvod-crte.gif") repeat-x top left;padding: 5px 0 5px 0;} textarea {border: 1px solid #837c7c; border-radius: 3px; -moz-border-radius: 3px; width: 167px; background: #d2d2d2; font: 12px Arial; padding-left: 3px;} select {border: 1px solid #837c7c; border-radius: 3px; -moz-border-radius: 3px; width: 172px; background: #d2d2d2; font: 12px Arial;} .dugmici {border: 1px solid #837c7c; cursor: pointer; background: #9a9292; border-radius: 3px; -moz-border-radius: 3px; font: bold 12px Arial; color: #ffffff;} .dugmici:hover {background: #615151;} #FooterListNavLeft {cursor: pointer;} #FooterListNavRight {cursor: pointer;} .QnaPitanjeLink {background: #009a3d; padding: 0 5px 0 10px;} .QnaPitanjeLink a {color: #ffffff; font-weight: bold;} #UserMenuContainer {background: url("/design/images/user-menu.gif") repeat-x; height: 45px; margin: -11px 0 0 0;} #UserMenuLeft {height: 45px; background: url("/design/images/user-menu-left.gif") no-repeat left;} #UserMenuRight {height: 45px; background: url("/design/images/user-menu-right.gif") no-repeat right;} .PorucivanjeUserOption {color: #ffffff; font-weight: bold; padding: 0 8px 0 0;} .PorucivanjeUserOption a {color: #ffffff;} .PorucivanjeUserOptionReside {padding: 0 8px 0 8px;} .ProdajnaMrezaList {width:235px; padding: 10px 12px 12px 0; background: url("/design/images/mreza-bottom.gif") repeat-x bottom left;} .ProdajnaMrezaSlika {padding: 3px; border: 1px solid #dfdfdf;} .ProdajnaMrezaSlika img {display: block;} .ArticleText {height:387px; overflow:auto; padding-right: 10px;} .ArticleImageText {border: 1px solid #dfdfdf; padding: 3px; background: #ffffff;} .ArticleImageText img {display: block;} .NewsContent {height:353px; overflow: auto; padding-right:10px;} .NewsPicture {border: 1px solid #dfdfdf; padding: 3px; background: #ffffff;} .NewsPicture img {display: block;} .NewsText p {padding: 0px; margin: 0px;} .FooterCategoryListContainer {padding: 2px 0px 0px 0px;} .FooterCategoryListContent {background: url("/design/images/footer-category-container.png") no-repeat; width: 138px; line-height:112%} .FooterCategoryList {padding: 5px 0 0 6px; overflow:hidden; height:45px; color: #ffffff;} .FooterCategoryListBox {width: 90px; height: 110px; background: none; color: #ffffff; border: 0px;} .FooterCategoryListSub {padding-left: 5px;} .FooterCategoryListButtonUp {height:10px;text-align: center; background: url('/design/images/category-list-top.png') center no-repeat; cursor: pointer;} .FooterCategoryListButtonDown {height:10px;text-align: center; background: url('/design/images/category-list-bottom.png') center no-repeat; cursor: pointer;} .FooterCategoryList a {display:block; white-space:nowrap; padding-top: 1px; padding-bottom:1px;} .FooterCategoryNoLink {padding: 1px 0 1px 0;} .PageTitleContainer {border-bottom: 1px solid #009b3d; padding: 0 0 5px 0;} .PageTitleContainer h1 {padding-bottom: 0px;} .IndexBannerTextBox {float: right; margin: 20px; padding:10px; width: 250px; color: #fff; background-color: #44a55e; opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */} .IndexBannerTextBox a {color: #fff; text-decoration: none;} .IndexBannerTextBox a:hover {font-weight: bold;} .IndexBannerTextBox li {background: 0px 5px url('/design/images/li-beli.gif') no-repeat; padding-left:10px; } .IndexBannerTextBox ul {list-style-type: none; padding: 0 0 0 0px; margin: 0;} #mask{position: absolute;left: 0; top: 0; z-index: 9000; background-color: #000; display: none;} #boxes .window{ position: absolute; left: 0; top: 0; display: none; z-index: 9999; padding: 20px;} #boxes #popup{padding: 5px;background-color: #ffffff;border:2px solid #9a9292; left: 50%; transform: translateX(-50%);max-width: 100%;} .popup-image-wrapper {float:left;padding-right:5px;} .popup-image-wrapper img {display: block;max-width: 100%;} .popup-image-wrapper:last-child {padding-right:0px;} #popup .close { opacity: 1; } .RuciceImage{} .RuciceShowImage{} .RuciceShowImage img{} .FirstRuciceImage{display:none;} .SecondRuciceImage{display:none;} .RuciceSelect{color:#959595;cursor:pointer;} .FormFileData{} .FormFileData .FormFileContainer{display:none;} .FormFileData .FormFileContainer .file-input-wrapper {margin-bottom: 5px;} .FormFileData .FormFileContainer:first-child{padding:0 0 0px 0;display:block;} .ShoppingCartLimitOrder{padding:10px 0 10px 0;margin: 10px 0 20px;} .ShoppingCartLimitOrder div{border:1px solid #ff0000;padding:20px;font-size:22px;color:#ff0000;} /* New */ .site-side-space { padding: 0px 60px; } .navbar { margin: 0; padding: 20px 0 0px 0; border: 0; } .navbar-collapse { margin-top: 11px; } .navbar-brand { height: auto; padding: 0; } .navbar-brand img { width: 144px; } .navbar-nav { margin-bottom: -3px; } .navbar-nav > li > a { font-size: 17px; padding: 11px 13px 25px; letter-spacing: -0.5px; margin: 0 3px; color: #58595b; font-weight: 400; text-transform: uppercase; position: relative; z-index:1; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } .nav > li > a:focus, .nav > li > a:hover { background: transparent; color: #58595b; } .navbar-nav > li > a:before { content: ''; position: absolute; bottom: 13px; left: 0; right: 0; width: 100%; margin: 0 auto; height: 2px; background: #73a732; -webkit-transition: opacity 0.4s ease 0s; -moz-transition: opacity 0.4s ease 0s; -ms-transition: opacity 0.4s ease 0s; -o-transition: opacity 0.4s ease 0s; transition: opacity 0.4s ease 0s; opacity: 0; -webkit-backface-visibility: hidden; } .navbar-nav > li > a:hover:before, .navbar-nav > li.dropdown.child-hover > a:before { opacity: 1; } .navbar-nav > li > a .caret { display: none; } .navbar-nav > li.dropdown.child-hover > a, .navbar-nav > li.dropdown.open > a { text-decoration: none; background: transparent; } .navbar-nav > li.dropdown > a:focus { text-decoration: none; } .navbar-nav > li > .dropdown-menu.kolekcije { right: auto; } .navbar-nav > li > .dropdown-menu.drawer { width: 690px; left: -17px; background: #fff; color: #58595b; padding: 15px 32px 16px 32px; border-radius: 0; box-shadow: none; border: 0; border-top: 2px solid #73a732; } .navbar-nav > li > .dropdown-menu.drawer ul { margin: 0; padding: 0; } .navbar-nav > li > .dropdown-menu.drawer ul li { list-style: none; margin: 0 0 4px 0; float: left; width: 25%; } .navbar-nav > li > .dropdown-menu.drawer li:last-child { margin-bottom: 0px; } .navbar-nav > li > .dropdown-menu.drawer a { font-size: 14px; color: #58595b; font-weight: 300; } .navbar-nav > li > .dropdown-menu.drawer a:hover { color: #73a732; text-decoration: none; } .navbar-nav > li > .dropdown-menu.drawer a:focus { text-decoration: none; } .navbar-nav > li > .dropdown-menu { border-radius: 0; border-top: 2px solid #73a732; left: 0; } .navbar-nav > li > .dropdown-menu.kolekcije li { margin: 2px 0; } .navbar-nav > li > .dropdown-menu.kolekcije li a { font-size: 14px; color: #58595b; font-weight: 300; padding: 0 20px 0 20px; } .navbar-nav > li > .dropdown-menu li a:hover { color: #73a732; text-decoration: none; background: transparent; } .slider-go-down { position:absolute; bottom:0px; left:0px; width: 100%; z-index: 999; height: 5px; background: #fbad1e; } .slider-go-down .arrow { height: 40px; width: 40px; line-height: 44px; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); background: #fcad1d; color: #fff; text-align: center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 1000; } .slider-go-down .arrow i { font-size: 20px; } .slider-go-down .arrow:hover { cursor: pointer; background: #009a3d; } .slider-text { position: absolute; z-index:2; color: #fff; font-size: 20px; font-weight: 300; width: 100%; bottom: 0; height: auto; background: rgba(0,0,0,0.4); padding: 10px 0 15px 0; /*visibility: hidden;*/ } .slider-text .text-wrapper { text-align: center; overflow: hidden; } .slider-text h1 { margin: 0; font-size: 48px; font-weight: 500; color: #fff; text-align: center; text-transform: uppercase; letter-spacing: 0.2px; } .slider-text p { margin-top: 15px; margin-bottom: 4px; } .slider-text .read-more, .slider-text .read-more:focus { display: inline-block; text-decoration: none; color: #b6da59; font-weight: 500; font-size: 20px; outline:none!important; text-transform: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .slider-text .read-more:hover { text-decoration: none; color: #fbc15f; } .section-proizvodni-program { padding: 120px 0px; background-image: url("/design/images/jelka-transparent.png"); background-repeat: no-repeat; background-position: right -40px bottom 60px; } .section-proizvodni-program.inner { padding: 60px 0px; } .section-proizvodni-program.first, .section-proizvodni-program.inner.first { padding-top: 0px; } .section-proizvodni-program.program-left { background-position: left -90px bottom 60px; } .section-proizvodni-program.ambijenti { padding: 0 0 20px 0px; } .section-proizvodni-program .big-title { line-height: 45px; } .section-proizvodni-program .big-title.index { line-height: 70px; } .section-proizvodni-program .big-title span { font-size: 35px; } .carousel-inner > .item { width: 100%; height: 100%; } .carousel.banner .carousel-inner > .item { height: auto!important; } .carousel.banner .carousel-control { width: 40px; margin: 20px; background-image:none!important; } .carousel.banner .carousel-control > span { position: absolute; background-repeat: no-repeat; background-position: center center; display: block; width: 40px; height: 40px; cursor: pointer; background-color: rgba(0,0,0,0.4); left: 0; top: 50%; transform: translateY(-50%); border-radius: 50%; } .carousel.banner li { margin-left: 3px; margin-right: 3px; } .carousel.banner .left.carousel-control > span { background-image: url("/design/images/slider-arrow-left.png"); } .carousel.banner .right.carousel-control > span { background-image: url("/design/images/slider-arrow-right.png"); } .masonry { display: flex; height: 820px; width: 100%; margin: auto; flex-flow: row wrap; flex-direction: column; gap: 20px; } .masonry .masonry-item { display: block; background-position: top left; background-size: cover; transition: all 3s linear; height: 260px; width: 540px; } .masonry .masonry-item:hover { background-position: 100% 0; } .masonry.count-3 .masonry-item:nth-of-type(2) { height: calc(260px + 20px + 260px); } .masonry.count-3 .masonry-item:nth-of-type(3) { height: 100%; width: calc(100% - 20px - 540px); } .masonry.count-4 .masonry-item:nth-of-type(4) { height: 100%; width: calc(100% - 20px - 540px); } .masonry .masonry-item:nth-of-type(1) { order:1; } .masonry .masonry-item:nth-of-type(2) { order:2; } .masonry .masonry-item:nth-of-type(3) { order:3; } .masonry .masonry-item:nth-of-type(4) { order:4; } .masonry.count-3.side-tr .masonry-item:nth-of-type(1) { order:2; } .masonry.count-3.side-tr .masonry-item:nth-of-type(2) { order:3; } .masonry.count-3.side-tr .masonry-item:nth-of-type(3) { order:1; } .masonry.count-4.side-tr .masonry-item:nth-of-type(1) { order:2; } .masonry.count-4.side-tr .masonry-item:nth-of-type(2) { order:3; } .masonry.count-4.side-tr .masonry-item:nth-of-type(3) { order:4; } .masonry.count-4.side-tr .masonry-item:nth-of-type(4) { order:1; } .kolekcija-page.dark { background-color: #323233; color: #e2e2e2; } .kolekcija-page.dark h1, .kolekcija-page.dark h2, .kolekcija-page.dark h3, .kolekcija-page.dark h4, .kolekcija-page.dark h5, .kolekcija-page.dark h6 { color: #e2e2e2; } .kolekcija-page.dark .btn.btn-default, .kolekcija-page.dark .btn.btn-default:focus, .kolekcija-page.dark .btn.btn-primary, .kolekcija-page.dark .btn.btn-primary:focus { background-color: #dbd1c8; color: #323233; } .kolekcija-page h1 { margin-top: 0; } .kolekcija-page h2 { margin: 0; font-weight: 900; font-size: 58px; } .kolekcija-page h3 { margin: 0; font-weight: 500; font-size: 36px; } .kolekcija-page p { margin: 30px 0; } .kolekcija-page .arc-one-element img { max-height: 400px; margin: auto; } .carousel.slide.banner.ly2 { padding: 0 54px; } .carousel.slide.banner.ly2 .carousel-control { margin-left: 0; margin-right: 0; opacity: 0.9; } .carousel.slide.banner.ly2 .carousel-control:hover span { background-color: #ffc358; } .read-more, a.read-more { display: inline-block; color: #231f20; font-size: 13px; font-weight: 500; text-transform: uppercase; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .read-more .arrow-image { margin-left: 10px; } .read-more:hover { text-decoration: none; } .read-more .arrow-image { margin-top: -2px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .read-more:hover .arrow-image { margin-left: 20px; } .program-description { padding-left: 60px; } .program-description.left { padding-left: 0px; padding-right: 60px; } .big-title { font-weight: 300; font-size: 52px; color: #434343; line-height: 65px; margin-top: 70px; margin-bottom: 25px; } .big-title .collection { margin-top: 5px; font-size: 35px; } .section-proizvodni-program .text, .index-prodajna-mreza .text { color: #616161; font-size: 18px; margin-bottom: 10px; line-height: 28px; } .section-proizvodni-program .potprogram-title, .index-prodajna-mreza .potprogram-title { font-size: 32px; margin: 40px 0 25px 0; color: #434343; } .section-proizvodni-program .potprogram-title.smaller, .index-prodajna-mreza .potprogram-title.smaller { font-size: 28px; } .carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-control { z-index: 2; } /* WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers." now override the 3.3 new styles for modern browsers & apply opacity */ @media all and (transform-3d), (-webkit-transform-3d) { .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .arrow-image { margin-top: -4px; margin-left: 5px; } .arrow-image.white { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .index-box { padding: 0px 15px; margin-bottom: 30px; } .index-box .title { font-size: 35px; color: #434343; margin-top: 45px; } .index-box .text { font-size: 19px; color :#616161; margin-top: 32px; line-height: 30px; } .index-box .read-more { display: inline-block; color: #231f20; font-size: 13px; font-weight: 500; text-transform: uppercase; margin-top: 30px; } .index-box .read-more .arrow-image { margin-left: 10px; } .index-box .read-more:hover { text-decoration: none; } .index-box .read-more .arrow-image { margin-top: -2px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .index-box .read-more:hover .arrow-image { margin-left: 20px; } .form-control { border-radius: 0px; border: 1px solid #e2e2e2; box-shadow: none; font-family: 'Ubuntu', sans-serif; } .form-control:focus { border-color: #e2e2e2; box-shadow: none; } .newsletter-section { background: #fff; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; padding: 80px 0px 90px 0px; text-align: center; } .newsletter-section .title { font-size: 35px; color: #434343; margin-top: 0; } .newsletter-section .text { color: #616161; font-size: 19px; margin-top: 20px; } .newsletter-section .input-wrapper { width: 830px; margin: 45px auto 0px auto; } .newsletter-section .form-control { padding:8px 0px 8px 18px; height: 50px; background: transparent; color:#333333; width:80%; float:left; font-size:14px; font-weight: 400; } .newsletter-section .input-group-btn { width:20%; float:left; } .newsletter-section .input-group-btn .btn.btn-default { width:100%; height: 50px; background: #fbad1e; border:1px solid #fbad1e; border-radius: 0px; color:#fff; padding-top:8px; padding-bottom:8px; font-size:13px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; font-weight: 500; text-transform: uppercase; } .newsletter-section .input-group-btn .btn.btn-default:hover { background: #009a3d; border: 1px solid #009a3d; } .index-prodajna-mreza { padding: 90px 0px 90px 0px; background-image: url("/design/images/jelka-transparent.png"); background-repeat: no-repeat; background-position: right -75px bottom 0px; } .index-prodajna-mreza .big-title { margin-top: 95px; } .index-prodajna-mreza .text { margin-top: 55px; margin-bottom: 65px; } .map-wrapper { position: relative; } .map-wrapper .search-wrapper { position: absolute; left: 75px; right: 75px; bottom: 40px; background: #fff; padding: 30px 35px; } .map-wrapper .search-wrapper .form-control, .mreza-map-wrapper .search-wrapper .form-control { padding:8px 0px 8px 18px; height: 46px; background: transparent; color:#333333; font-weight: 400; width:80%; float:left; font-size:14px; border: 1px solid #d7d7d7; } .map-wrapper .search-wrapper .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ text-transform: capitalize; } .map-wrapper .search-wrapper .form-control::-moz-placeholder { /* Firefox 19+ */ text-transform: capitalize; } .map-wrapper .search-wrapper .form-control:-ms-input-placeholder { /* IE 10+ */ text-transform: capitalize; } .map-wrapper .search-wrapper .form-control:-moz-placeholder { /* Firefox 18- */ text-transform: capitalize; } .map-wrapper .search-wrapper .input-group-btn, .mreza-map-wrapper .search-wrapper .input-group-btn { width:20%; float:left; } .map-wrapper .search-wrapper .input-group-btn .btn.btn-default, .mreza-map-wrapper .search-wrapper .input-group-btn .btn.btn-default { width:100%; height: 46px; background: transparent; border:1px solid #d7d7d7; border-radius: 0px; color:#333333; padding-top:8px; padding-bottom:8px; font-size:12px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; font-weight: 400; text-transform: uppercase } .map-wrapper .search-wrapper .input-group-btn .btn.btn-default:hover, .mreza-map-wrapper .search-wrapper .input-group-btn .btn.btn-default:hover { background: #fbad1e; border: 1px solid #fbad1e; color: #fff; } footer { background: #59595b; font-weight: 300; font-size: 12px; color: #fff; } footer a, footer a:focus, footer a:visited { color: #fff; text-decoration: none; } .footer-top { background: #72a631; } .footer-top .left-text { font-size: 30px; color: #fff; font-weight: 500; text-transform: uppercase; margin-top: 22px; } .footer-top .right-social { float: right; padding: 15px 0; } .footer-top .right-social i { width: 50px; height: 50px; border: 2px solid #fff; border-radius: 0; text-align: center; line-height: 48px; font-size: 30px; -webkit-transition: background 0.3s ease 0s, color 0.3s ease 0s; -moz-transition: background 0.3s ease 0s, color 0.3s ease 0s; -o-transition: background 0.3s ease 0s, color 0.3s ease 0s; transition: background 0.3s ease 0s, color 0.3s ease 0s; } .footer-top .right-social a { margin-right: 22px; } .footer-top .right-social a:last-child { margin-right: 0; } .footer-top .right-social a:hover { color: #73a732; } .footer-top .right-social i:hover { background: #fff; color: #73a732; } .footer-bottom { background: #59595b; padding: 60px 0 58px 0; } .footer-bottom .footer-left .title { font-size: 35px; font-weight: 500; text-decoration: underline; margin: -9px 0 25px 0; } .footer-bottom .footer-left .text { font-size: 20px; font-weight: 300; } .footer-bottom .footer-right { float: right; } .footer-bottom .footer-right .title { font-size: 18px; font-weight: 500; display: inline-block; border-bottom: 1px solid #838384; line-height: 16px; margin-bottom: 22px; } .footer-bottom .footer-right .text { font-size: 18px; font-weight: 300; line-height: 22px; } .footer-bottom .footer-middle .form-control { height: 40px; color: #58595b; font-weight: 300; font-style: italic; font-size: 18px; padding-left: 20px; border: 0; box-shadow: none; letter-spacing: -0.6px; } .footer-bottom .footer-middle .btn.btn-default { background: #b5d958; text-transform: uppercase; font-size: 18px; font-weight: 500; color: #fff; padding: 7px 12px; margin-top: 20px; } .footer-bottom .footer-middle .btn.btn-default:hover { color: #b5d958; background: #fff; } .navbar-fixed-top { background: #fff; } .bread-crump-wrapper { padding: 30px 0; background: #f6f6f6; } .bread-crump-wrapper.with-text { padding: 30px 0; } .bread-crump-title { font-size: 29px; font-weight: 500; text-transform: uppercase; } .bread-crump-text { font-size: 20px; margin-top: 3px; } .bread-crump-text a { color: #434343; } .bread-crump-text a:hover { color: #fbad1e; text-decoration: none; } #map { height: 610px; margin: 0 0 22px 0; } #map h4 { margin: 10px 0; } .contact-form-wrapper .form-control { height: 48px; border: 2px solid #ebebeb; margin-bottom :30px; font-size: 13px; color: #333; padding: 10px 12px; font-weight: 400; } .contact-form-wrapper .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #333; text-transform: uppercase; font-weight: 400; } .contact-form-wrapper .form-control::-moz-placeholder { /* Firefox 19+ */ color: #333; text-transform: uppercase; font-weight: 400; } .contact-form-wrapper .form-control:-ms-input-placeholder { /* IE 10+ */ color: #333; text-transform: uppercase; font-weight: 400; } .contact-form-wrapper .form-control:-moz-placeholder { /* Firefox 18- */ color: #333; text-transform: uppercase; font-weight: 400; } .contact-form-wrapper #captcha_code.form-control { height: 40px; font-weight: 600; font-size: 14px; } .btn.btn-default.contact-btn { border-radius: 3px; height: 40px; padding: 0 36px; background: #b5d958; color: #fff; border:none; text-transform: uppercase; font-size: 13px; font-weight: 500; -webkit-transition: background 0.5s ease 0s; -moz-transition: background 0.5s ease 0s; -o-transition: background 0.5s ease 0s; transition: background 0.5s ease 0s; } .btn.btn-default.contact-btn:nth-child(2) { margin-right: 0; } .btn.btn-default.contact-btn:hover { background: #ffc358; } .contact-form-wrapper .btn.btn-default:hover { background: #ffc358; } .contact-form-wrapper .select-wrapper { border: 2px solid #ebebeb; overflow: hidden; height: 48px; width: 100%; position: relative; display: block; margin-bottom: 30px; } .contact-form-wrapper .select-wrapper select.form-control { height: 50px; padding: 8px; border: 0; font-weight: 500; text-transform: uppercase; width: 110%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .contact-form-wrapper .select-wrapper:after { content: ''; background: url("/design/images/select-arrow-down.png") no-repeat 0 20px; color: #888; font-size: 17px; padding: 13px 12px 0px 0px; position: absolute; right: 0; top: 0; z-index: 1; text-align: center; width: 38px; height: 100%; pointer-events: none; } .contact-form-wrapper select.form-control:hover { cursor: pointer; } .pagination { text-transform: uppercase; font-weight: 500; font-size: 12px; } .pagination .arrow-image { margin-right: 5px; } .pagination .arrow-image.left { -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg); } .pagination li:first-child span, .pagination li:first-child a, .pagination li:last-child span, .pagination li:last-child a { border: none; background: transparent; position: relative; } .pagination li:first-child span { padding-left: 55px; } .pagination li:last-child span { padding-right: 55px; } .pagination li:first-child span:before, .pagination li:last-child span:before { content: ""; position: absolute; width: 31px; height: 7px; top: 11px; right: 10px; z-index: 1; background: url('/design/images/long-arrow.png') no-repeat right; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pagination li:first-child a span:before, .pagination li:last-child a span:before { top: 4px; } .pagination li:first-child a { padding-left: 0px; padding-right: 12px; } .pagination li:last-child a { padding-left: 12px; padding-right: 0px; } .pagination li:first-child span:before { right: auto; left: 10px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .pagination > li > a, .pagination > li > span { border: 1px solid #ccc; color: #333; margin-right: 3px; background: transparent; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .pagination li:last-child span, .pagination li:last-child a { margin-right: 0px; } .pagination > li.active > span, .pagination > li.active > span:hover { background: #333; border: 1px solid #333; color: #fff; } .pagination li span:hover, .pagination li a:hover { background: #fbad1e; border: 1px solid #fbad1e; color: #fff; } .pagination li:first-child a:hover, .pagination li:last-child a:hover, .pagination li:first-child span:hover, .pagination li:last-child span:hover { border: none; background: transparent; color: #fbad1e; } .pagination li.disabled:first-child span:hover, .pagination li.disabled:last-child span:hover { background: transparent; color: #333; } .pagination li:first-child span:hover:before, .pagination li:first-child a:hover span:before { left: 0px; } .pagination li:last-child span:hover:before, .pagination li:last-child a:hover span:before { right: 0px; } .pagination li.disabled:first-child span:hover:before, .pagination li.disabled:first-child a:hover span:before { left: 10px; } .pagination li.disabled:last-child span:hover:before, .pagination li.disabled:last-child a:hover span:before { right: 10px; } .pagination li.dots span:hover { background: transparent; border: 1px solid #ccc; color: #333; cursor: default; } .news-list { padding: 60px 0 27px 0; } .one-news { margin-bottom: 30px; } .image-wrapper { position: relative; padding-top: 59%; overflow: hidden; } .one-news .image-wrapper img { width: 100%; min-height: 100%; position: absolute; top: 50%; transform: translateY(-50%); } .one-news .date { font-size: 18px; background: #56595b; color: #fff; padding: 3px 0 5px 25px; font-weight: 300; letter-spacing: -1px; } .one-news .content { padding: 21px 25px 30px 25px; background: #f6f6f6; font-size: 18px; } .one-news .title a { display: block; font-weight: 600; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 20px; color: #58595b; } .one-news .title a:hover { text-decoration: none; } .one-news .text { text-align: justify; margin-bottom: 51px; height: 115px; overflow: hidden; } .one-news .bottom .share-icons { float: right; margin-top: -8px; } .one-news .bottom .share-icons i { width: 25px; height: 25px; line-height: 26px; color: #fff; font-size: 15px; text-align: center; background: #56595b; border-radius: 50%; margin-right: 7px; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } .one-news .bottom .share-icons i:last-child { margin-right: 0; } .one-news .bottom .share-icons i:hover { background: #83a53f; } .one-news .bottom a.more { color: #83a53f; font-weight: 500; -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .one-news .bottom a.more:hover { text-decoration: none; color: #ffc358; } .about-us-program { width: 100%; } .about-us-program .program-name { font-size: 24px; font-weight: 700; vertical-align: middle; } .clear-fixed-nav { padding-top: 87px; } .bs-example .carousel-control { display: block; width: 15px; height: 30px; cursor: pointer; overflow: hidden; position: absolute; top: 50%; transform: translateY(-50%); text-shadow: none; background: transparent; } .bs-example .carousel-control:hover { background: transparent; } .bs-example .carousel-indicators { bottom: 0; } .bs-example .carousel-indicators li { border-radius: 0; width: 12px; height: 12px; margin: 0 10px 0 0; position: relative; border: 0; } .bs-example .carousel-indicators li.active { background: #fff; border: 0; } .bs-example .carousel-indicators li:after { display: block; content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; border: 1px solid #fff; -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.4); box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.4); } .program-logo { margin: 50px 0px 30px 0px; } .ambients-slider-wrapper { padding-bottom: 80px; } .ambients-slider-wrapper .carousel-inner { overflow: visible; } .ambients-slider-wrapper .indicators-wrapper { text-align: center; } .ambients-slider-wrapper .carousel-indicators { position: static; text-align: center; margin: 30px 0px 0px 0px; padding: 0px; width: auto; display: inline-block; } .ambients-slider-wrapper .carousel-indicators li { border-radius: 0px; width: 18px; height: 18px; border-color: #202020; background: #f5f5f5; margin: 0px 3px 0px 0px; } .ambients-slider-wrapper .carousel-indicators li:hover { background: #ddd; } .ambients-slider-wrapper .carousel-indicators li:last-child { margin-right: 0px; } .ambients-slider-wrapper .carousel-indicators li.active, .ambients-slider-wrapper .carousel-indicators li.active:hover { border-color: #6d6d6d; background: #959595; } .ambients-slider-wrapper .carousel-control { display: inline-block; cursor: pointer; position: relative; text-shadow: none; width: 40px; height: 18px; box-shadow: none; background: transparent; opacity:1; } .ambients-slider-wrapper .carousel-control.left { -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg); } .ambients-slider-wrapper .carousel-control:hover { box-shadow: none; } .ambients-slider-wrapper .carousel-control:before{ display: block; content: ""; position: absolute; width: 31px; height: 7px; top: 5px; right: 0px; z-index: 1; background: url('/design/images/long-arrow.png') no-repeat right; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .ambients-slider-wrapper .carousel-control:hover:before { right: -10px; } .bs-example .program-image { position: absolute; top: 20px; left: 20px; bottom:auto; right: auto; z-index: 5; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .bs-example .program-image.top-right { top: 20px; right: 20px; bottom:auto; left: auto; } .bs-example .program-image.bottom-left { top: auto; right: auto; bottom: 20px; left: 20px; } .bs-example .program-image.bottom-right { top: auto; right: 20px; bottom: 20px; left: auto; } .product-box-wrapper a, .product-box-wrapper a:hover { text-decoration: none; color: #434343; } .product-box { background: #fff; margin-bottom: 30px; color: #58595b; padding-bottom: 21px; font-weight: 300; font-size: 11px; position: relative; } .product-box:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; margin: 0 auto; height: 4px; background: #73a732; display: block; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; opacity: 0; } .product-box:hover:before { opacity: 1; } .product-box a:hover { color: #ffc358; } .product-box .program-image { position: absolute; top: 10px; right: 10px; z-index:1; text-align: right; } .product-box .program-image img { max-height: 40px; max-width: 100px; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ opacity: 0.5; } .product-box .program-image img:hover { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%); opacity: 1; } .product-box .image { overflow: hidden; min-height: 200px; aspect-ratio: 1; } .product-box .image svg { max-width:302px; } .product-box .name { margin: 15px 0 0 25px; font-size: 15px; height: 20px; } .product-box .dimensions { font-size: 15px; margin: 5px 0px 0px 25px; height: 22px; } .product-box .button-bar { display: flex; position: absolute; top: 10px; right: 10px; left: 10px; opacity: 0.6; } .product-box .button-bar:hover { opacity: 1; } .product-box .button-bar button { font-size: 14px; height: 30px; width: 30px; background-color: #59595b; padding: 2px 8px; margin-left: 4px; } .product-box .button-bar button:focus { font-size: 14px; padding: 2px 8px; margin-left: 4px; } .product-box .button-bar button.quantity { width: fit-content; margin-right:auto; } .product-box .delete:focus { padding: 4px 10px; } .product-box .price .price-label { font-size:14px; margin-right: 5px; } .left-tree { background-image: url("/design/images/jelka-transparent.png"); background-repeat: no-repeat; background-position: left -225px top 10px; background-size: 545px auto; } .left-col-categories .category-list-item { margin-bottom: 20px; font-size: 18px; color: #5d5d5d; } .left-col-categories .category-list-item:last-child { margin-bottom: 0px; } .left-col-categories .category-list-item a, .left-col-categories .category-list-item a:focus { color: #5d5d5d; text-decoration: none; position: relative; } .left-col-categories .category-list-item a:after { position: absolute; width: 31px; height: 7px; background: url("/design/images/long-arrow.png") no-repeat; right: -40px; top: 6px; content: ''; opacity: 0; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .left-col-categories .category-list-item a:hover:after { opacity: 1; right: -50px; } .left-col-categories .category-list-item a:hover{ text-decoration: none; } .left-col-categories .category-list-item.active a, .left-col-categories .category-list-item.active a:hover, .left-col-categories .category-list-item.active a:focus { color: #fbad1e; } .left-col-categories .subcategories { padding-left: 15px; } .left-col-categories .subcategories .category-list-item { font-size: 16px; font-weight: 400; } .one-item .product-namecollection-price-wrapper { margin-top:80px; display: flex; justify-content: space-between; } .one-item .product-namecollection-price-wrapper .price { } .one-item .product-name { font-size: 36px; font-weight: 600; color: #73a632; text-transform: uppercase; line-height: 44px; } .one-item .product-name.without-collection { margin-bottom: 30px; } .one-item .iz-linije { color: #58595b; font-size: 28px; font-weight: 600; margin-bottom: 36px; } .one-item .iz-linije a { color: #58595b; } .one-item .iz-linije a:hover { color: #ffc358; } .one-item .dimensions { font-size: 18px; margin-bottom: 30px; } .one-item .description { font-size: 18px; margin-bottom: 88px; } .item-values .dropdown { display: inline-block; } .item-values .dropdown .btn { position: relative; border: 1px solid #d7d7d7; background: transparent; text-align: left; padding: 5px 40px 5px 10px; font-size: 18px; font-weight: 400; color: #383838; text-transform: none; } .item-values .dropdown .btn:focus { background: transparent; box-shadow: none; border: 1px solid #d7d7d7; } .item-values .dropdown .btn:hover { color: #fbad1e; } .item-values .dropdown .btn:after { font-family: 'FontAwesome'; content: '\f0d7'; display: block; position: absolute; top: 50%; right: 10px; font-size: 14px; transform: translateY(-50%); } .item-values .dropdown img { width: 23px; height: 23px; border: 1px solid #ddd; margin: -4px 5px 0 0; } .item-values .dropdown .dropdown-menu { border-radius: 0px; border:0px; } .item-values .dropdown .dropdown-menu li { padding: 5px 10px; font-weight: 500; font-size: 16px; } .item-values .dropdown .dropdown-menu li:last-child { margin-bottom: 0px; } .item-values .dropdown .dropdown-menu li:hover { cursor: pointer; } .item-values .dropdown .dropdown-menu li:hover span { color: #fbad1e; } .item-values .dropdown .dropdown-menu li:hover img { border-color: #fbad1e; } .related-wrapper.manufacturer { margin-top: 70px; } .related-box-text { text-align: right; } .related-box-text .title { font-size: 35px; color: #393939; margin-top: 70px; } .related-box-text .text { margin-top: 50px; color: #616161; font-size: 17px; line-height: 26px; } .related-box-text .read-more { margin-top: 40px; } #CommonForm .form-control, #CollectorForm .form-control { margin-bottom: 20px; height: 42px; width: 300px; } #CollectorForm .form-control { width: 100%; margin-bottom: 22px; } #CollectorForm label { margin-bottom: 8px; } #CollectorForm .form-bottom { margin-top: 20px; } .one-place { background: #f6f6f6; padding: 13px 20px 30px 20px; margin-bottom: 30px; } .one-place .title { font-size: 24px; color: #58595b; font-weight: 500; margin-bottom: 18px; } .one-place .info-table-wrapper { min-height: 260px; } .one-place .info-table { font-size: 15px; } .one-place .info-table a { color: #58595b; } .one-place .info-table a:hover { color: #73a732; text-decoration: none; } .one-place .info-table tr td { vertical-align: top; font-size: 14px; padding-top: 13px; } .one-place .info-table tr td:first-child { font-weight: 500; font-size: 14px; color: #58595b; width: 60px; } .one-place .info-table tr td:nth-child(2) { padding-left: 35px; } .one-place .info-table tr:last-child td { padding-bottom: 0px; } .one-place .map-location-btn { font-size: 16px; margin: 0 0 0 13px; font-weight: 500; display: inline-block; padding: 5px 64px; border-radius: 5px; background-color: #73a732; text-transform: uppercase; color: #fff; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .one-place .map-location-btn:hover { background: #ffc358; color: #fff; cursor: pointer; } .one-place .map-location-btn.disabled { background: #eee; color: #999; } .one-place .map-location-btn.disabled:hover { cursor: not-allowed; } .one-place .programi-u-salonu { font-size: 14px; margin-top: 13px; } .one-place .programi-u-salonu .text { font-weight: 500; margin-bottom: 20px; font-size: 14px; } .one-place .program-name { list-style: none; padding: 0; margin: 0; } .one-place .program-name li { position: relative; padding-left: 17px; margin: 0 0 2px 0; } .one-place .program-name li:before { content: ''; position: absolute; top: 9px; left: 0; width: 3px; height: 3px; background: #58595b; border-radius: 50%; } .one-place .program-name li a { color: #58595b; } .one-place .program-name li a:hover { color: #73a732; text-decoration: none; } .mreza-map-wrapper { margin-bottom: 17px; background: #fff; } .mreza-map-wrapper .filter-wrapper { background: #57595b; padding: 35px 0; } .mreza-map-wrapper .filter-wrapper .title { font-size: 32px; margin-top: 40px; margin-bottom: 20px; } .mreza-map-wrapper .filter-wrapper h1 { margin-top: 70px; margin-bottom: 30px; font-size: 35px; } .mreza-map-wrapper .filter-wrapper .name { margin-bottom: 8px; font-size: 20px; } .mreza-map-wrapper .filter-wrapper .dropdown { font-size: 20px; font-weight: 400; color: #616161; } .mreza-map-wrapper .filter-wrapper .dropdown a, .mreza-map-wrapper .filter-wrapper .dropdown a:focus { background: #f2f2f2; color: #58595b; text-decoration: none; padding: 5px 19px; font-size: 16px; width: 100%; font-weight: 500; display: block; text-transform: uppercase; } .mreza-map-wrapper .filter-wrapper .dropdown a { position: relative; display: block; } .mreza-map-wrapper .filter-wrapper .dropdown a:after { content: ''; display: block; position: absolute; right: 20px; top: 9px; width: 30px; height: 11px; background: url("/design/images/mreza-dropdown-arrow.png") no-repeat center center; } .mreza-map-wrapper .filter-wrapper .dropdown a:hover { text-decoration: none; background: #ddd; } .mreza-map-wrapper .filter-wrapper .dropdown-menu { border-radius: 0px; font-size: 15px; padding: 5px 20px; width: 100%; margin: 0; } .mreza-map-wrapper .filter-wrapper .dropdown-menu.city { height: 300px; overflow-y: scroll; margin: 0; } .mreza-map-wrapper .filter-wrapper .dropdown-menu li { padding: 5px 0; margin: 0; } .mreza-map-wrapper .filter-wrapper .dropdown-menu li:hover { color: #b5d958; cursor: pointer; } .mreza-map-wrapper .filter-wrapper .dropdown-menu li.active { color: #b5d958; } .mreza-map-wrapper .filter-wrapper .btn.btn-default { display: block; width: 100%; height: 30px; padding: 0; background: #b5d958; color: #fff; font-size: 16px; font-weight: 500; text-transform: uppercase; border-radius: 5px; } .mreza-map-wrapper .filter-wrapper .btn.btn-default:hover { background: #ffc358; } .mreza-map-wrapper .search-wrapper .form-control { width: 70%; } .mreza-map-wrapper .search-wrapper .input-group-btn { width: 30%; } .mreza-map-wrapper h1 { font-size: 35px; } #MrezaMap { height: 500px; } #MrezaMap h3 { margin: 5px 0 8px 0; font-size: 20px; } #MrezaMap p { margin-bottom: 5px; } #MrezaMap br { margin-bottom: 5px; } #MrezaMap a.more { color: #009a3d; } #MrezaMap a.more:hover { color: #fbad1e; text-decoration: none; } .search-list li { margin: 0 0 20px 0; } .btn.btn-default.zaposlenje, .btn.btn-default.qna { margin-bottom: 30px; } .user-navigation { margin-top: 10px; } .user-navigation .option { margin-bottom: 30px; } .porucivanje-form-wrapper select.form-control { width: auto; } select.form-control.full-width { width: 100%; } .manufacturer-select-wrapper .function-image { margin: 0 auto 10px auto; } .btn.add-to-cart, .btn.empty-cart, .btn.add-to-cart:focus, .btn.empty-cart:focus { margin-top: 30px; padding: 12px 18px; border-radius: 8px; float: right; } .btn.empty-cart img { margin-top: 6px; } select.form-control.rucice { height: 175px; min-width: 180px; } .article-text-wrapper img { max-width: 100%; } .dropdowns-wrapper { margin-top: 50px; } .ambient-pin { position: absolute; } .ambient-pin .pin-image { z-index:5; } .ambient-pin .pin-product { position: absolute; top: 1px; left: calc(100% - 20px); padding-left: 20px; visibility: hidden; z-index:999; opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .ambient-pin .pin-product.left { left: auto; padding-left: 0; padding-right: 20px; right: calc(100% - 20px); } .ambient-pin .pin-product .pin-product-content { width: 270px; background: #fff; border: 1px solid #dadada; color: #656565; font-weight: 400; padding-bottom: 10px; } .ambient-pin:hover .pin-product { visibility: visible; opacity: 1; } .ambient-pin .pin-product img { max-width: 268px; } .pin-product .product-box { max-width: 305px; } #shopping_cartForm .btn.space { margin: 30px 0 10px 0; } .file-input-wrapper { border: 1px solid #d7d7d7; padding: 10px 15px; float:left; margin-right: 25px; } .file-input { color: #7c8083; height: 38px; width: 350px; } .file-input-text { float:left; margin-top: 18px; } .select-reclamation { margin-bottom: 22px; } .read-more-right { position: relative; padding-right: 10px; } .read-more.read-more-right { position: relative; padding-right: 45px; } .read-more.read-more-right img { position: absolute; right: 0px; top: 7px; margin-left: 0px; } .read-more.read-more-right:hover img { margin-left: 0px; right: -9px; } .form-control.add-element { height: 39px; } .table.user-reclamation { border: none; } #TablePorucivanje.table-striped > tbody > tr { background: #e5e7e7; } #TablePorucivanje.table-striped > tbody > tr.bgcolor { background: #f2f2f2; } .table-striped { margin-bottom: 0; } .table-striped > tbody > tr th { background: #56595b; color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 500; padding: 13px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; text-align: center; } .table-striped > tbody > tr th:last-child { border-right: 0; } .table-striped > tbody > tr.row-like-heading td { background: #56595b; font-weight: 500; font-size: 16px; color: #fff; text-transform: uppercase; } .table-striped > tbody > tr:nth-of-type(2n+1) { background: #f2f2f2; } .table-striped > tbody > tr:nth-of-type(2n+2) { background: #e5e7e7; } .table-striped > tbody > tr > td { border: 0; border-bottom: 1px solid #fff; font-size: 16px; color: #58595b; padding: 5px 15px; vertical-align: middle; } .table-striped > tbody > tr > td a { color: #58595b; } .table-striped > tbody > tr > td a:hover { color: #8fbc62; } .table-striped > tbody > tr > td { border-right: 1px solid #fff; } .table-striped > tbody > tr > td:last-child { border-right: 0; } .table-striped > tbody > tr.row-like-heading > td { border-right: 0; } .table.user-reclamation td, .table.user-reclamation th { padding-left: 15px; } .table-striped > tbody > tr:last-child td { border-bottom: 0; } .table-striped > tbody > tr > td .form-control { border: none; } .table-striped > tbody > tr > td .form-control[readonly], .table-striped > tbody > tr > td fieldset[disabled] .form-control { background: #fff; } .table-striped .select-wrapper { border: none; overflow: hidden; height: 34px; width: 100%; position: relative; display: block; } .table-striped .select-wrapper select.form-control { height: 34px; padding: 7px 8px 8px 50px; border: 0; width: 105%; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-overflow: ellipsis; font-size: 16px; } .table-striped .select-wrapper:after { content: ''; background: url("/design/images/select-arrow-smaller.png") no-repeat 0 20px; padding: 0 12px 0 0; position: absolute; left: 15px; top: -6px; z-index: 1; text-align: center; width: 38px; height: 100%; pointer-events: none; } .table-striped select.form-control:hover { cursor: pointer; } .table-scroll { max-height: 526px; overflow-y: scroll; } .table-striped > thead > tr th { background: #56595b; color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 500; padding: 13px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; text-align: left; } /*#TablePorucivanje.table-striped > tbody > tr > th {*/ /* vertical-align: middle;*/ /*}*/ /*#TablePorucivanje.table-striped td table td {*/ /* padding-left: 0;*/ /*}*/ /*#TablePorucivanje.table-striped > tbody > tr > td:first-child {*/ /* width: auto;*/ /*}*/ #TablePorucivanje.table-striped > tbody > tr > td.sum-td { text-align: right; } #TablePorucivanje.table-striped > tbody > tr > td:last-child[rowspan] { border-left: 1px solid #fff!important; } /*#TablePorucivanje.table-striped > tbody > tr > td .inner-table {*/ /* width: 100%;*/ /* height: 62px;*/ /* margin: 0;*/ /*}*/ #TablePorucivanje.table-striped > tbody > tr > td .inner-table tr > td { border-right: 1px solid #fff; } #TablePorucivanje.table-striped > tbody > tr > td .inner-table tr > td:last-child { border-right: 0; } /*#TablePorucivanje.table-striped > tbody > tr > td .inner-table.boja-korpusa {*/ /* height: auto;*/ /*}*/ /*#TablePorucivanje.table-striped > tbody > tr > td .inner-table td.boja-korpusa-td {*/ /* width: 120px;*/ /*}*/ /*#TablePorucivanje.table-striped > tbody > tr > td .inner-table td.boja-fronta-td {*/ /* width: 92px;*/ /*}*/ /*#TablePorucivanje.table-striped > tbody > tr > td .inner-table td.kol-boja-td {*/ /* width: 90px;*/ /*}*/ /*#TablePorucivanje.table-striped > tbody > tr > td .inner-table td.dodatak-td {*/ /* width: 86px;*/ /*}*/ /*#TablePorucivanje.table-striped > tbody > tr > td .inner-table td.tez-boja-td {*/ /* width: 87px;*/ /*}*/ #TablePorucivanje.table-striped > tbody > tr.sum-row { background: transparent; } #TablePorucivanje.table-striped > tbody > tr.sum-row td { padding: 14px 0; position: relative; } #TablePorucivanje.table-striped > tbody > tr.sum-row > td .btn { margin: 0 auto; float: none; padding: 0; height: 41px; width: 41px; background: #73a732; } #TablePorucivanje.table-striped > tbody > tr.sum-row > td .btn:hover { background: #ffc358; } #TablePorucivanje.table-striped > tbody > tr.sum-row > td.sum { font-weight: 500; text-transform: uppercase; } #TablePorucivanje.table-striped > tbody > tr.sum-row > td > div{ border-right: 1px solid #595959; padding: 5px 15px; } #TablePorucivanje.table-striped > tbody > tr.sum-row > td div.no-border { border-right: none; position: static; right: 0; } #TablePorucivanje.table-striped small { white-space: nowrap; } .jed-mere { font-weight: 400; font-size: 12px; color: #777; margin-left: 2px; } @-moz-document url-prefix() { /* bug izmedju chrome-a i firefox-a one-reclamation-top-wrapper*/ .table-striped > tbody > tr > td:first-child { width: 390px; } #TablePorucivanje.table-striped > tbody > tr > td .inner-table td.boja-korpusa-td { width: 122px; } #TablePorucivanje.table-striped > tbody > tr > td .inner-table td.boja-fronta-td { width: 93px; } #TablePorucivanje.table-striped > tbody > tr > td .inner-table td.kol-boja-td { width: 89px; } #TablePorucivanje.table-striped.shopping-cart-table > tbody > tr > td .inner-table td.boja-korpusa-td { width: 121px; } #TablePorucivanje.table-striped.shopping-cart-table > tbody > tr > td .inner-table td.kol-boja-td { width: 90px; } } /*#TablePorucivanje.table-striped.shopping-cart-table > tbody > tr > td .inner-table {*/ /* height: 64px;*/ /*}*/ .reclamation-info { font-size: 18px; margin: 6px 0 54px 0; } .reclamation-info.first { margin: 24px 0 0 0; } .reclamation-info span { font-weight: 500; } .reclamation-info.cart { margin-bottom: 38px; } .one-reclamation-top-wrapper { } .one-reclamation-top-wrapper .btn, .one-reclamation-top-wrapper .btn:focus { margin-right: 10px; padding: 7px 10px; height: 40px; position: relative; } .one-reclamation-top-wrapper .btn i { margin-right: 10px; font-size: 15px; } .one-reclamation-top-wrapper .btn-with-img, .one-reclamation-top-wrapper .btn-with-img:focus { padding-left: 52px; } .one-reclamation-top-wrapper .btn img { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); } .reclamation-table-wrapper { margin: 22px 0 40px 0; } .reclamation-table-wrapper .table-reclamation-heading { width: 100%; } .reclamation-table-wrapper .table-reclamation-heading .table-th { font-size: 16px; font-weight: 500; color: #fff; padding: 23px 20px; background: #56595b; float: left; text-transform: uppercase; } .reclamation-table-wrapper .table-reclamation-heading .table-th.first { width: 390px; border-right: 1px solid #fff; } .reclamation-table-wrapper .table-reclamation-heading .table-th.second { width: calc(100% - 390px); } .spisak-porucivanja-item { margin-bottom: 10px; } .spisak-porucivanja-item a:hover { text-decoration: none; color: #fbad1e; } .spisak-porucivanja-item .num { margin-right: 10px; font-weight: 500; } #TablePorucivanje { width: 100%; } .btn.btn-default.transparent { background: transparent; border: 1px solid #c1c1c1; color: #323232; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding: 15px 30px; } .btn.btn-default.transparent:hover { color: #fff; background: #fbad1e; border: 1px solid #fbad1e; } .one-article-katalog { margin-top: 80px; } .one-article-katalog:first-child { margin-top: 0px; } .one-article-katalog h1 { margin-top: 70px; } .one-article-katalog h2 { font-weight: 300; letter-spacing: -1px; } .one-article-katalog p { margin: 30px 0; } .one-article-3d-planer h1 { margin-bottom: 40px; } .small-red-text { font-size: 11px; color: #FF4C4C; } .first-row-3d-planer h2 { margin-top: 70px; } .first-row-3d-planer .btn, .first-row-3d-planer .btn:focus { margin: 15px 0 17px 0; padding: 7px 10px; } .one-item-krace-uputstvo { margin-bottom: 50px; } .one-item-krace-uputstvo .title { background: #f6f6f6; font-size: 18px; color: #58595b; font-weight: 500; padding: 4px 10px 4px 24px; } .one-item-krace-uputstvo .text { background: #f6f6f6; font-size: 14px; padding: 26px 25px 10px 12px; min-height: 160px; } .one-item-krace-uputstvo .text ul { margin: 0; padding: 0; list-style: none; } .one-item-krace-uputstvo .text li { position: relative; padding-left: 17px; margin: 0 0 19px 0; } .one-item-krace-uputstvo .text li:last-child { margin-bottom: 0; } .one-item-krace-uputstvo .text li:before { content: ''; position: absolute; top: 9px; left: 0; width: 3px; height: 3px; background: #58595b; border-radius: 50%; } .green-text { font-size: 14px; color: #009a3d; margin-left: 15px; } .one-example-3d-planer { margin-bottom: 40px; } .examples-wrapper a { color: #393939 } .examples-wrapper a:hover { text-decoration: none; } .one-example-3d-planer .title { font-weight: 400; font-size: 15px; margin-top: 10px; color: #656565; } .one-example-3d-planer:hover .title { color: #fbad1e; } .examples-wrapper h2 { margin-top: 70px; margin-bottom: 40px; } .examples-wrapper .text-right p { margin-bottom: 20px; } .install-steps-wrapper .img-responsive { margin-bottom: 30px; } .step-2-wrapper { padding: 0 50px; } .install-steps-wrapper p { margin-bottom: 30px; } .arrow-left-more, .arrow-left-more:visited, .arrow-left-more:focus { color: #393939; padding-left: 40px; position: relative; text-transform: uppercase; font-size: 13px; font-weight: 500; } .arrow-left-more:hover { text-decoration: none; } .arrow-left-more:after { position: absolute; width: 31px; height: 7px; background: url("/design/images/long-arrow.png?20170801") no-repeat; left: -0px; top: 5px; content: ''; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg); } .arrow-left-more:hover:after { left: -10px; } /*.form-control.napomena {*/ /* background: #f2f2f2;*/ /* padding: 8px 13px;*/ /* font-size: 18px;*/ /* border: none;*/ /* font-weight: 300;*/ /* color: #58595b;*/ /* min-height: 100px;*/ /* max-width: 100%;*/ /*}*/ /*.form-control.napomena-za-nalepnicu {*/ /* background: #f2f2f2;*/ /* padding: 8px 13px;*/ /* font-size: 18px;*/ /* border: none;*/ /* font-weight: 300;*/ /* color: #58595b;*/ /* min-height: 50px;*/ /* margin-bottom: 20px;*/ /*}*/ /*.form-control.napomena::-webkit-input-placeholder, .form-control.napomena-za-nalepnicu::-webkit-input-placeholder { !* Chrome/Opera/Safari *!*/ /* color: #58595b;*/ /*}*/ /*.form-control.napomena::-moz-placeholder, .form-control.napomena-za-nalepnicu::-moz-placeholder { !* Firefox 19+ *!*/ /* color: #58595b;*/ /*}*/ /*.form-control.napomena:-ms-input-placeholder, .form-control.napomena-za-nalepnicu:-ms-input-placeholder { !* IE 10+ *!*/ /* color: #58595b;*/ /*}*/ /*.form-control.napomena:-moz-placeholder, .form-control.napomena-za-nalepnicu:-moz-placeholder { !* Firefox 18- *!*/ /* color: #58595b;*/ /*}*/ /*.napomena-mesto-isporuke {*/ /* margin: 35px 0 60px 0;*/ /*}*/ .reclamation-text-potvrdi { margin-top: 30px; } .reclamation-bottom-form-wrapper { margin-top: 30px; } .reclamation-bottom-form-wrapper textarea { min-height: 130px; } .form-input-label { font-weight: 500; margin-top: 15px; margin-bottom: 5px; } .user-form-button-wrapper { margin-top: 25px; } .user-form-button-wrapper .btn { margin-right: 10px; } .ask-question-text { margin-top: -5px; line-height: 30px; } .one-qna { margin-bottom: 50px; } .one-qna .date { font-weight: 500; font-size: 20px; margin-bottom: 5px; } .one-qna .question-wrapper { margin-bottom: 5px; line-height: 28px; } .one-qna .question-wrapper .left { margin-right: 10px; font-weight: 400; font-size: 18px; } #Question.form-control { min-height: 150px; } .back-top-qna { margin-bottom: 40px; } .about-us-section { margin-top: 120px; } .about-us-section:first-child { margin-top: 0px; } .about-us-section:last-child { margin-bottom: 50px; } .about-us-section .about-us-text-left { text-align: right; margin-top: 70px; } .about-us-section.reverse .about-us-text-left { text-align: left; } .about-us-section .text{ margin-top: 30px; } .zaposlenje-text-wrapper h1 { margin-top: 70px; } .zaposlenje-list-wrapper { margin-top: 50px; margin-bottom: 50px; } .zaposlenje-list { padding: 20px 0 0 0; } .zaposlenje-list .zaposlenje-list-item { position: relative; margin-bottom: 10px; padding-left: 16px; font-size: 18px; font-weight: 300; color: #58595b; letter-spacing: 0.2px; } .zaposlenje-list .zaposlenje-list-item:before { content: ''; position: absolute; top: 10px; left: 0; width: 5px; height: 5px; background: #58595b; border-radius: 50%; } .zaposlenje-list .zaposlenje-list-item a { color: #73a732; font-weight: 500; font-size: 18px; } .zaposlenje-list .zaposlenje-list-item a:hover { color: #ffc358; text-decoration: none; } .index-boxes-section { padding-bottom: 60px; } .back-to-program { margin-top: 20px; } #item_picture { position: relative; } #RuciceImage { position: absolute; top: 10px; left: 10px; /*border: 1px solid #dadada;*/ -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.4); box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.4); } #CloseRuciceImage { position: absolute; right: 5px; top: 5px; color: #696969; } #CloseRuciceImage:hover { color: #fbad1e; cursor: pointer; } .video-wrapper { position: relative; } .video-wrapper .video-name { font-weight: 400; margin: 10px 0; } .video-wrapper .overlay-play { text-align: center; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; } .video-wrapper .overlay-play i { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 80px; color: #fff; } .video-wrapper .overlay-play:hover { cursor: pointer; } .video-wrapper .overlay-play:hover i { color: #009a3d; } .smaller-heading { font-size: 32px; } .porucivanje-text { margin-bottom: 30px; } .table-bordered > tbody > tr > th { font-weight: 500; color: #434343; } .newsletter-form { margin: 30px 0; } .newsletter-left-wrapper .read-more { margin-top: 20px; } #CommonForm.FormQna { width: 100%; } #CommonForm.FormQna .form-control { width: 100%; } .questions-form-wrapper { padding-left: 60px; } h2.questions-title { margin-top: 0; } .index-boxes-section { padding: 35px 0 20px 0; } .index-boxes-section .one-box { margin-bottom: 30px; } .prodajna-mesta-box { position: relative; background: #8fbc62; padding-top: 100%; } .prodajna-mesta-box .box-content, .anketa-box .box-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; } .prodajna-mesta-box .icon-wrapper { margin-top: 74px; text-align: center; } .prodajna-mesta-box .icon-wrapper img { max-width: 100%; } .prodajna-mesta-box .prodajna-mesta-text { text-align: center; text-transform: uppercase; font-weight: 500; color: #fff; font-size: 30px; max-width: 200px; margin: 60px auto 0 auto; line-height: 30px; } .katalozi-box, .planer-box { position: relative; } .katalozi-box img, .planer-box img { width: 100%; } .katalozi-box .text, .planer-box .text { position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.4); } .katalozi-box .text .text-inner, .planer-box .text .text-inner { text-align: center; text-transform: uppercase; font-weight: 500; color: #fff; font-size: 30px; max-width: 200px; margin: 20px auto; line-height: 30px; } .site-lang-ENG .katalozi-box .text .text-inner, .site-lang-ENG .planer-box .text .text-inner { font-size: 25px; } .anketa-box { position: relative; background: #ffc358; padding-top: 100%; } .anketa-box .icon-wrapper { margin-top: 75px; text-align: center; } .anketa-box .anketa-text { margin-top: 60px; text-align: center; color: #fff; font-size: 20px; font-weight: 300; line-height: 26px; } .garancija-box { position: relative; background: #56595b; padding-top: 100%; color: #fff; } .garancija-box .box-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; } .garancija-box .garancija-text h1 { color: #fff; font-size: 30px; font-weight: 500; text-transform: uppercase; margin: 37px 0 60px 0; } .garancija-box .garancija-text ul li { padding-left: 25px; font-size: 20px; font-weight: 300; margin-bottom: 11px; } .garancija-box .garancija-text ul li:last-child { margin-bottom: 0; } .proizvodni-program-slider-wrapper { position: relative; } .proizvodni-program-overlay { position: absolute; z-index: 999; top: 0; left: 0; bottom: 0; width: 420px; background: rgba(0,0,0,0.4); color: #fff; } .proizvodni-program-overlay .content-wrapper { position: absolute; left: 100px; bottom: 46px; } .proizvodni-program-overlay .content-wrapper .title { font-size: 30px; font-weight: 500; text-transform: uppercase; margin-bottom: 64px; } .proizvodni-program-indicators { list-style: none; padding: 0; } .proizvodni-program-indicators li { font-size: 30px; color: #fff; margin-bottom: 15px; text-transform: uppercase; } .proizvodni-program-indicators li:last-child { margin-bottom: 0; } .proizvodni-program-indicators li.active, .proizvodni-program-indicators li.active a, .proizvodni-program-indicators li.active a:hover { color: #ffc358; } .proizvodni-program-indicators li a { color: #fff; position: relative; font-weight: 300; -moz-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .proizvodni-program-indicators li a:hover { color: #ffc358; text-decoration: none; } .product-category-wrapper { background: #edefef; padding: 50px 0 30px 0; } .left-col-product-categories .category-list-item { margin-bottom: 8px; } .left-col-product-categories .category-list-item a { font-size: 18px; color: #58595b; font-weight: 300; position: relative; display: inline-block; padding: 0; } .left-col-product-categories .category-list-item a:hover { text-decoration: none; } .left-col-product-categories .category-list-item a:before { content: ''; position: absolute; bottom: -3px; left: 0; width: 100%; margin: 0 auto; height: 2px; background: #73a732; display: block; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; opacity: 0; } .left-col-product-categories .category-list-item a:hover:before, .left-col-product-categories .category-list-item.active a:before { opacity: 1; } .left-col-product-categories .category-list-item.active a { font-weight: 500; } /*-----------------------------------------*/ .product-box .title { text-transform: uppercase; color: #58595b; font-weight: 500; /* font-size: 16px; danijel edit*/ font-size: 16px; overflow: hidden; /* white-space: nowrap; danijel edit*/ white-space: normal; text-overflow: ellipsis; line-height: 20px; height: 40px; /* height: 20px; danijel edit*/ padding: 0 20px; /* margin: 24px 0 -1px 0; danijel edit*/ margin: 24px 0 -1px 0; } .product-box .title a { color: #58595b; } .product-box .title a:hover { color: #ffc358; } /*-----------------------------------------*/ .product-box .colection-name { font-weight: 500; font-size: 14px; padding: 0 20px; margin-bottom: 8px; min-height: 18px; } .product-box .colection-name a { color: #83a53f; } .product-box .colection-name a:hover { color: #ffc358; } .product-box .description { padding: 0 20px; height: 20px; } .product-box .description p { margin: 0; } .product-box .price { padding: 0 20px; height: 20px; font-weight: 600; font-size: 16px; } .product-box .price .regular-price { position: relative; color: #56595b; font-weight: 300; font-size: 14px; margin-right: 6px; } .product-box .price .regular-price:before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: #56595b; transform: rotate(18deg); transform-origin: 0% 0%; } .pagination-wrapper { font-size: 16px; font-weight: 300; color: #58595b; margin-bottom: 18px; } .pagination-wrapper a { color: #58595b; } .pagination-wrapper a:hover { text-decoration: none; color: #83a53f; } .pagination-wrapper .disabled span:hover { cursor: not-allowed; } .pagination-wrapper .disabled span { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ } .pagination-wrapper .pocetak { float: left; width: 120px; text-transform: uppercase; margin-top: 4px; } .pagination-wrapper .kraj { float: right; width: 120px; text-align: right; text-transform: uppercase; margin-top: 4px; } .pagination-wrapper .middle-pagination { float: left; width: calc(100% - 240px); text-align: center; } .pagination-wrapper .middle-pagination .prethodna { text-transform: uppercase; margin-right: 30px; } .pagination-wrapper .middle-pagination .sledeca { text-transform: uppercase; margin-left: 30px; } .pagination-wrapper .middle-pagination .page-num, .pagination-wrapper .middle-pagination .dots { margin-right: 5px; } .pagination-wrapper .middle-pagination .page-num.last{ margin-right: 0; } .pagination-wrapper .middle-pagination .page-num.active { font-size: 20px; font-weight: 500; } .contact-wrapper { padding: 20px 0 80px 0; } .contact-left-info .title { font-size: 42px; color: #58595b; text-transform: uppercase; font-weight: 500; margin-top: 69px; } .contact-left-info .text { font-size: 20px; color: #58595b; margin: 34px 0 49px 0; line-height: 30px; } .contact-wrapper .form-control { background: #f2f2f2; border: 0; box-shadow: none; color: #58595b; font-weight: 500; font-size: 18px; height: 50px; padding-top: 8px; padding-left: 13px; margin-bottom: 20px; } .contact-wrapper textarea.form-control { padding-top: 14px; min-height: 300px; font-weight: 500; } .contact-wrapper .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ text-transform: uppercase; font-weight: 500; color: #58595b; } .contact-wrapper .form-control::-moz-placeholder { /* Firefox 19+ */ text-transform: uppercase; font-weight: 500; color: #58595b; } .contact-wrapper .form-control:-ms-input-placeholder { /* IE 10+ */ text-transform: uppercase; font-weight: 500; color: #58595b; } .contact-wrapper .form-control:-moz-placeholder { /* Firefox 18- */ text-transform: uppercase; font-weight: 500; color: #58595b; } .contact-wrapper .select-wrapper { border: 0; height: 50px; font-weight: 500; } .contact-info-box { color: #fff; background: #b5d958; width: 100%; text-align: center; position: relative; padding-top: 102%; } .contact-info-box .flex-center { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ align-items: center; justify-content: center; } .contact-info-box .text { text-transform: uppercase; font-weight: 500; color: #fff; font-size: 13px; margin-top: 16px; } .contact-info-box .text a { color: #fff; text-decoration: none; } .porucivanje-wrapper { color: #58595b; padding: 20px 0 100px 0; } .porucivanje-wrapper .title { font-size: 42px; font-weight: 500; text-transform: uppercase; margin: 68px 0 42px 0; } .porucivanje-wrapper .porucivanje-text { font-size: 18px; } .porucivanje-wrapper .porucivanje-text p { margin-bottom: 25px; } .porucivanje-wrapper .loginFrom { margin-top: 60px; } .porucivanje-wrapper .loginFrom .form-control { margin-bottom: 20px; background: #f2f2f2; border: 0; box-shadow: none; font-size: 18px; color: #58595b; font-weight: 500; } .porucivanje-wrapper .loginFrom .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ text-transform: uppercase; font-weight: 500; color: #58595b; } .porucivanje-wrapper .loginFrom .form-control::-moz-placeholder { /* Firefox 19+ */ text-transform: uppercase; font-weight: 500; color: #58595b; } .porucivanje-wrapper .loginFrom .form-control:-ms-input-placeholder { /* IE 10+ */ text-transform: uppercase; font-weight: 500; color: #58595b; } .porucivanje-wrapper .loginFrom .form-control:-moz-placeholder { /* Firefox 18- */ text-transform: uppercase; font-weight: 500; color: #58595b; } .porucivanje-wrapper .loginFrom .contact-btn { margin-top: 30px; height: 40px; padding: 0 19px; background: #b5d958; color: #fff; border-radius: 3px; border:none; text-transform: uppercase; font-size: 18px; font-weight: 300; letter-spacing: -0.8px; -webkit-transition: background 0.5s ease 0s; -moz-transition: background 0.5s ease 0s; -o-transition: background 0.5s ease 0s; transition: background 0.5s ease 0s; } .city-heading h2 { margin-bottom: 38px; } .promocija-wrapper { margin-bottom: 30px; } .katalog-wrapper { margin-bottom: 30px; } .katalog-wrapper .title { height: 62px; line-height: 62px; padding: 0 10px 0 70px; display: block; width: 100%; background: #57595b; color: #fff; font-size: 18px; font-weight: 500; text-transform: uppercase; position: relative; -webkit-transition: background 0.5s ease 0s; -moz-transition: background 0.5s ease 0s; -o-transition: background 0.5s ease 0s; transition: background 0.5s ease 0s; } .katalog-wrapper a:hover .title { background: #b5d958; } .katalog-wrapper .title i { font-size: 40px; position: absolute; top: 50%; left: 25px; transform: translateY(-50%); } .katalog-wrapper a:hover { text-decoration: none; } .zaposlenje-wrapper .zaposlenje-top { margin: 60px 0 50px 0; } .first-row-3d-planer { margin-top: 60px; } .planer-download { margin-top: 86px; } .icon-3d { float: left; } .icon-download-wrapper { float: left; margin-left: 40px; } .icon-download-wrapper p { font-size: 14px; } .small-green-text { font-size: 14px; color: #55713b; margin-top: 56px; letter-spacing: -0.1px; padding-right: 5px; line-height: 17px; } .kratko-uputstvo-heading { background: #808386; font-size: 30px; font-weight: 500; color: #fff; text-transform: uppercase; padding: 13px 23px; margin: 40px 0 25px 0; } .btn.btn-default.preuzmite-uputstvo { white-space: normal; margin-bottom: 30px; text-align: left; line-height: 22px; padding: 20px 25px; } .one-article-3d-planer .garancija-box { position: relative; } .one-article-3d-planer .garancija-box .garancija-text h1 { font-size: 22px; margin: 0 0 38px 0; line-height: 23px; } .one-article-3d-planer .garancija-box .garancija-text ul { list-style: none; padding: 0; margin: 0; } .one-article-3d-planer .garancija-box .garancija-text li { position: relative; padding-left: 17px; margin: 0 0 6px 0; font-size: 14px; } .one-article-3d-planer .garancija-box .garancija-text li:last-child { margin-bottom: 0; } .one-article-3d-planer .garancija-box .garancija-text li:before { content: ''; position: absolute; top: 9px; left: 0; width: 3px; height: 3px; background: #fff; border-radius: 50%; } .kolekcije-wrapper { margin: 60px 0 50px 0; } .kolekcija-box { position: relative; margin-bottom: 30px; } .kolekcija-box .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.4); display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ color: #fff; font-size: 42px; font-weight: 500; opacity: 0; padding: 0 30px; text-transform: uppercase; text-align: center; align-items: center; justify-content: center; -webkit-transition: opacity 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .kolekcija-box:hover .overlay { opacity: 1; } .other-lines-wrapper { padding: 43px 0 40px 0; } .other-lines-wrapper .slider-controls .control.owlPrev-1 { display: none; } .other-lines-wrapper .kolekcija-box .overlay { font-size: 30px; } .other-lines-wrapper .title { font-size: 30px; font-weight: 500; text-transform: uppercase; margin-bottom: 34px; } .other-lines-wrapper .kolekcija-box { margin-bottom: 0; } .other-lines-wrapper .garancija-box .garancija-text h1 { font-size: 22px; margin: 0 0 38px 0; line-height: 23px; } .other-lines-wrapper .garancija-box .garancija-text ul { list-style: none; padding: 0; margin: 0; } .other-lines-wrapper .garancija-box .garancija-text li { position: relative; padding-left: 17px; margin: 0 0 6px 0; font-size: 14px; } .other-lines-wrapper .garancija-box .garancija-text li:last-child { margin-bottom: 0; } .other-lines-wrapper .garancija-box .garancija-text li:before { content: ''; position: absolute; top: 9px; left: 0; width: 3px; height: 3px; background: #fff; border-radius: 50%; } /* .ambients-slider .slider-text h1 { font-size: 48px; text-transform: none; } .ambients-slider .slider-text { padding: 20px 0 7px 0; } */ .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .owl-carousel .owl-item { transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); } .slider-controls .control { position: absolute; top: 50%; left: 35px; transform: translateY(-50%); z-index: 9; display: block; /* size of arrow element */ width: 40px; height: 40px; cursor: pointer; overflow: hidden; background-color: rgba(0,0,0,0.4); border-radius: 50%; } .slider-controls .control:hover { background-color: rgba(0,0,0,0.8); } .slider-controls .control.owlPrev-1 { background-image: url("/design/images/slider-arrow-left.png?20170801"); background-repeat: no-repeat; background-position: center center; } .slider-controls .control.owlNext-1 { right: 35px; left: auto; background-image: url("/design/images/slider-arrow-right.png?20170801"); background-repeat: no-repeat; background-position: center center; } .other-lines-wrapper .owl-wrapper { height: 315px; overflow: hidden; } .newsletter-wrapper { padding: 50px 0; font-size: 18px; } .newsletter-wrapper .FormNewsletter { width: 100%; } .newsletter-wrapper #CommonForm .form-control { background: #f2f2f2; width: 100%; border: none; box-shadow: none; } .newsletter-wrapper .small-text { color: #55713b; font-size: 14px; margin: 44px 0 30px 0; font-style: italic; } .newsletter-form .btn { margin: 10px 20px 0 0; } .program-name li .link-wrapper { position: relative; display: inline-block; } .program-name li .link-wrapper .programs-tooltip { position: absolute; left: 100%; top: 50%; transform: translateY(-50%); visibility: hidden; padding-left: 15px; z-index: 99; min-width: 100px; opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .program-name li .link-wrapper:hover .programs-tooltip { visibility: visible; opacity: 1; } .program-name li .link-wrapper .programs-tooltip-content { background: rgba(0,0,0,0.7); color: #fff; padding: 10px 15px; } .program-name li .link-wrapper .programs-tooltip-content a { color: #fff; margin-bottom: 5px; display: block; } .program-name li .link-wrapper .programs-tooltip-content a:hover { color: #b5d958; } .program-name li .link-wrapper .programs-tooltip-content a:last-child { margin-bottom: 0; } .zaposlenje-form-wrapper { background: #f6f6f6; padding: 45px 0 50px 0; } .zaposlenje-form-wrapper .title { font-size: 30px; font-weight: 500; color: #72a632; margin-bottom: 30px; } .zaposlenje-form-wrapper #CollectorForm .form-control { background: #fff; border: none; width: 100%; height: 50px; font-size: 18px; color: #58595b; font-weight: 500; box-shadow: none; } .zaposlenje-form-wrapper .btn.btn-default { width: 100%; font-size: 22px; font-weight: 500; text-transform: uppercase; height: 50px; border-radius: 5px; } .zaposlenje-form-wrapper .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #58595b; } .zaposlenje-form-wrapper .form-control::-moz-placeholder { /* Firefox 19+ */ color: #58595b; } .zaposlenje-form-wrapper .form-control:-ms-input-placeholder { /* IE 10+ */ color: #58595b; } .zaposlenje-form-wrapper .form-control:-moz-placeholder { /* Firefox 18- */ color: #58595b; } .zaposlenje-form-wrapper .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .zaposlenje-form-wrapper .inputfile + label, .zaposlenje-form-wrapper .inputfile + label:focus { font-size: 1.25em; font-weight: 700; height: 50px; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ flex-direction: row; flex-wrap: nowrap; justify-content: space-between; background: transparent; outline: none !important; } .zaposlenje-form-wrapper .inputfile + label img { max-height: 50px; display: block; width: 47px; } .zaposlenje-form-wrapper .inputfile + label span.choose-file { display: block; height: 100%; padding: 0 15px; font-size: 14px; font-weight: 300; background: #fff; line-height: 50px; -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s; -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s; -o-transition: background 0.2s ease 0s, color 0.2s ease 0s; transition: background 0.2s ease 0s, color 0.2s ease 0s; } .zaposlenje-form-wrapper .inputfile + label span.text { display: block; height: 100%; line-height: 50px; font-size: 18px; color: #58595b; font-weight: 500; } .zaposlenje-form-wrapper .inputfile:focus + label { background: transparent; } .zaposlenje-form-wrapper .inputfile + label:hover span.choose-file { background: #b5d958; color: #fff; } .zaposlenje-form-wrapper .inputfile + label { cursor: pointer; /* "hand" cursor */ } .zaposlenje-form-wrapper .inputfile:focus + label { outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px; } .zaposlenje-form-wrapper .select-wrapper { border: none; overflow: hidden; height: 50px; width: 100%; position: relative; display: block; margin-bottom: 22px; } .zaposlenje-form-wrapper #CollectorForm .select-wrapper select.form-control { height: 50px; padding: 8px; border: 0; font-size: 18px; font-weight: 500; width: 110%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .zaposlenje-form-wrapper #CollectorForm .select-wrapper:after { content: ''; background: url("/design/images/select-arrow-smaller.png?20170801") no-repeat 0 20px; padding: 13px 12px 0px 0px; position: absolute; right: 0; top: 0; z-index: 1; text-align: center; width: 38px; height: 100%; pointer-events: none; } .zaposlenje-form-wrapper select.form-control:hover { cursor: pointer; } .select-range-wrapper { color: #fff; } .select-range-wrapper .slider.slider-horizontal { width: 100%; } .closest-stores { width: 100%; height: 30px; line-height: 28px; display: inline-block; padding: 0; font-weight: 500; background: #b5d958; color: #fff; font-size: 16px; text-transform: uppercase; text-align: center; border-radius: 5px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .closest-stores:hover { background: #ffc358; cursor: pointer; } .closest-stores i { font-size: 20px; margin-right: 10px; vertical-align: middle; margin-top: -3px; } .related-wrapper { background: #f6f6f6; padding: 30px 0 0px 0; position: relative; } .related-wrapper .head-title { font-size: 20px; font-weight: 500; text-transform: uppercase; margin-bottom: 30px; } .owl-wrapper.related-products { height: 425px; } .owl-wrapper.related-products .slider-controls .control.owlPrev-1 { left: -50px; } .owl-wrapper.related-products .slider-controls .control.owlNext-1 { right: -50px; } .search-by-location, .search-by-city { display: none; } .search-by-location.visible, .search-by-city.visible { display: block; } .otvoreni-konkursi-title { font-size: 30px; text-transform: uppercase; font-weight: 500; color: #fff; background: #808386; padding: 12px 12px 14px 12px; } .one-employment-wrapper { padding: 60px 0; } .one-employment-text { font-size: 18px; color: #58595b; } .one-employment-text .btn, .one-employment-text .btn:focus { height: 50px; padding: 12px 50px; } .employment-city, .employment-date { display: table; } .employment-city { margin-bottom: 8px; } .employment-city span, .employment-date span { display: table-cell; } .employment-city span.bold, .employment-date span.bold { font-weight: 500; width: 175px; } .employment-date { margin-bottom: 50px; } .employment-note { font-size: 14px; margin-bottom: 30px; } .employment-note .note-title { color: #83a53f; font-weight: 500; margin-bottom: 20px; margin-top: 50px; } .posao-list-wrapper { margin-bottom: 40px; } .posao-list-wrapper .heading { font-weight: 500; margin-bottom: 10px; } .posao-list-wrapper ul { margin: 0; padding: 0; list-style: none; } .posao-list-wrapper ul li { margin: 0; padding: 0 0 0 15px; position: relative; } .posao-list-wrapper ul li:before { content: ''; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; background: #58595b; border-radius: 50%; } .anketa-first-box-wrapper { position: relative; padding-top: 100%; width: 100%; overflow: hidden; margin-bottom: 30px; } .anketa-first-box-wrapper .anketa-first-box-text { position: absolute; top: 50%; left: 0; transform: translateY(-50%); padding: 0 25px; } .anketa-first-box-wrapper .anketa-first-box-text .title { color: #73a732; font-size: 26px; font-weight: 500; margin-bottom: 31px; } .anketa-first-box-wrapper .anketa-first-box-text .text { font-size: 18px; } .anketa-first-box-wrapper .anketa-first-box-text .text p:last-child { margin-bottom: 0; } .anketa-box-wrapper { position: relative; padding-top: 100%; width: 100%; overflow: hidden; background: #cdcecf; margin-bottom: 30px; color: #fff; } .anketa-box-wrapper.filled { background: #ffc257; } .anketa-form-box { position: absolute; top: 50%; left: 0; transform: translateY(-50%); padding: 0 25px } .anketa-wrapper { padding: 60px 0 50px 0; } .anketa-form-box .box-text { font-size: 24px; font-weight: 500; margin-bottom: 22px; line-height: 26px; } .anketa-form-box .box-text label { font-weight: 500; } .anketa-form-box input.form-control { max-width: 250px; height: 25px; margin: 3px 0 0 30px; border: none; box-shadow: none; } .anketa-form-box .box-label { margin: 3px 0 0 30px; } /* Base for label styling */ .custom-check:last-child { margin-bottom: 0; } .custom-check [type="checkbox"]:not(:checked), .custom-check [type="checkbox"]:checked { position: absolute; left: -9999px; } .custom-check [type="checkbox"]:not(:checked) + label, .custom-check [type="checkbox"]:checked + label { position: relative; padding-left: 31px; cursor: pointer; font-size: 20px; font-weight: 300; } /* checkbox aspect */ .custom-check [type="checkbox"]:not(:checked) + label:before, .custom-check [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: 1px; width: 21px; height: 21px; border: 2px solid #fff; background: transparent; border-radius: 50%; } /* checked mark aspect */ .custom-check [type="checkbox"]:not(:checked) + label:after, .custom-check [type="checkbox"]:checked + label:after { content: ''; width: 11px; height: 11px; border-radius: 50%; position: absolute; top: 6px; left: 5px; background: #fff; transition: all .2s; } /* checked mark aspect changes */ .custom-check [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); } .custom-check [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); } /* disabled checkbox */ .custom-check [type="checkbox"]:disabled:not(:checked) + label:before, .custom-check [type="checkbox"]:disabled:checked + label:before { box-shadow: none; border-color: #bbb; background-color: #ddd; } .custom-check [type="checkbox"]:disabled:checked + label:after { color: #999; } .custom-check [type="checkbox"]:disabled + label { color: #aaa; } .custom-check { margin-bottom: 7px; } .custom-check label { margin-bottom: 0; } .HideInquireOptions.Hide { visibility: hidden; } .custom-radio { display: block; position: relative; padding-left: 30px; margin-bottom: 9px; cursor: pointer; font-size: 18px; } .custom-radio input { position: absolute; z-index: -1; opacity: 0; } .custom-radio .radio-checked { position: absolute; top: 1px; left: 0; height: 21px; width: 21px; background: transparent; border: 2px solid #fff; border-radius: 50%; } .custom-radio input:disabled ~ .radio-checked { background: #e6e6e6; opacity: 0.6; pointer-events: none; } .custom-radio .radio-checked:after { content: ''; position: absolute; width: 11px; height: 11px; border-radius: 50%; top: 3px; left: 3px; background: #fff; transition: all .2s; opacity: 0; transform: scale(0); } .custom-radio input:checked ~ .radio-checked:after { opacity: 1; transform: scale(1) } .custom-radio input:disabled ~ .radio-checked:after { background: #7b7b7b; } .anketa-first-box-wrapper .anketa-first-box-text .btn.btn-default { height: 50px; width: 305px; margin-top: 50px; } .anketa-wrapper .info { margin: -25px 0 20px 0; } .news-text { color: #58595b; font-size: 18px; letter-spacing: -0.4px; line-height: 26px; padding: 80px 0 60px 0; } .news-text h1 { font-weight: 600; font-size: 36px; color: #73a732; letter-spacing: 0.2px; margin: 0 0 37px 0; } .news-text p { margin-bottom: 30px; } .news-text .two-column-news { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 30px; /* Chrome, Safari, Opera */ -moz-column-gap: 30px; /* Firefox */ column-gap: 30px; } .owl-news-wrapper { position: relative; margin-bottom: 45px; } .news-gallery-image { position: relative; padding-top: 100%; overflow: hidden; } .news-gallery-image .image-crop-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .news-gallery-image .image-crop-wrapper img { object-fit: cover; height: 100%; } .news-gallery-image .image-crop-wrapper img:hover { cursor: pointer; } .product-properties-wrapper { background: #f2f2f2; padding: 43px 30px 28px 30px; } .product-locations { padding: 50px 0; } .product-locations .mreza-map-wrapper .filter-wrapper { background: transparent; padding: 0; } .product-locations .mreza-map-wrapper .filter-wrapper .btn.btn-default { display: inline-block; width: auto; padding-left: 18px; padding-right: 18px; background: #73a732; margin-top: 20px; } .product-locations .mreza-map-wrapper .filter-wrapper .btn.btn-default:hover { background: #ffc358; } .product-locations .mreza-map-wrapper .filter-wrapper .dropdown a { padding: 15px 13px; } .product-locations .mreza-map-wrapper .filter-wrapper .dropdown a:after { background: url("/design/images/select-arrow-smaller.png?20170801") no-repeat 0 0; width: 20px; top: 21px; right: 20px; } .product-locations .nearest-title { font-size: 24px; font-weight: 500; color: #58595b; margin: 18px 0 30px 0; } .product-locations .nearest-text { font-size: 18px; color: #58595b; margin-bottom: 30px; } .product-locations .other-lines-wrapper { background: transparent; padding: 0; } .view-collection { position: relative; } .view-collection img { width: 100%; } .view-collection .text-overlay { position: absolute; bottom: 0; width: 100%; background: rgba(0,0,0,0.5); color: #fff; font-weight: 500; font-size: 22px; text-transform: uppercase; text-align: center; padding: 11px 0 13px 0; } .news-pagination { position: relative; margin-bottom: 50px; } .news-pagination a { color: #58595b; font-size: 16px; text-transform: uppercase; } .news-pagination a:hover { color: #ffc358; } .news-pagination .prethodna { float: left; } .news-pagination .sledeca { float: right; } .news-pagination .sve-vesti { position: absolute; top: 0; left: 50%; transform: translateX(-50%); } .one-item .price .default { white-space: nowrap; font-size: 36px; font-weight: 600; } .one-item .price .discount-price { white-space: nowrap; font-size: 36px; font-weight: 600; } .one-item .price .original-price { white-space: nowrap; font-size: 24px; font-weight: 500; margin-top: -5px; } .one-item .price .original-price span { position: relative; } .one-item .price .original-price span:before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: #56595b; transform: rotate(18deg); transform-origin: 0% 0%; } .product-properties-wrapper .item-values .label { font-size: 15px; font-weight: 600; text-transform: uppercase; color: #58595b; padding: 0; } .boja-overlay-wrapper { position: relative; border: 1px solid #dbdbdb; } .boja-overlay-wrapper .boja-tekst { position: absolute; top: 0; left: 0; width: 100%; height:100%; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ align-items: center; justify-content: center; background: rgba(0,0,0,0.5); color: #fff; text-transform: uppercase; font-size: 10px; font-weight: 500; opacity: 0; text-align: center; -webkit-transition: opacity 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .boja-overlay-wrapper:hover .boja-tekst { opacity: 1; } .items-boje { padding: 5px; } .row-slider-boje { padding: 0 25px; } .share-icons-box a { margin-right: 5px; } .share-icons-box i { width: 35px; height: 35px; line-height: 36px; color: #fff; font-size: 22px; text-align: center; background: #56595b; border-radius: 50%; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } .share-icons-box i:hover, .share-icons-box .viber-icon:hover { background: #83a53f; } .one-employment-text .share-icons-box { margin-top: 10px; } .promocija-wrapper .share-icons-box, .katalog-wrapper .share-icons-box { margin-top: 10px; } .catalog-item-colors-slider { max-height: 74px; overflow: hidden; position: relative; margin-top: 5px; } .catalog-item-colors-slider .slider-controls .control { position: absolute; top: 45%; left: 0; transform: translateY(-50%); z-index: 9; display: block; cursor: pointer; background: transparent; border-radius: 0; width: auto; height: auto; } .catalog-item-colors-slider .slider-controls .control.right { left: auto; right: 0; } .catalog-item-colors-slider .slider-controls.disabled .control { opacity: 0.2; } .front-colors-template { display: none; } .porucivanje-menu { background: #818286; color: #fff; padding: 18px 5px 15px 5px; } .porucivanje-menu .menu-item { text-align: center; } .porucivanje-menu .menu-item a { color: #fff; text-transform: uppercase; font-weight: 500; font-size: 18px; position: relative; white-space: nowrap; } .porucivanje-menu .menu-item a:before { content: ''; position: absolute; bottom: -2px; left: 0; right: 0; width: 100%; margin: 0 auto; height: 2px; background: #fff; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; opacity: 0; } .porucivanje-menu .menu-item.active a:before { opacity: 1; width: 100%; } .manufacturer-select-wrapper { margin-bottom: 30px; position: relative; line-height: 1.8em; } .manufacturer-select-wrapper.reclamation-manufacturer { margin-bottom: 21px; } .manufacturer-select-wrapper input[type="radio"] { position: absolute; top: 0; left: 0; z-index: -1; } .manufacturer-select-wrapper label { display: block; width: 100%; position: relative; padding-top: 100%; background: #cccdcf; } .manufacturer-select-wrapper input:checked + label { background: #58595B; } .manufacturer-select-wrapper.kuhinje input:checked + label { background: #78789e; } .manufacturer-select-wrapper.kiki input:checked + label { background: #FAA61A; } .manufacturer-select-wrapper.milla input:checked + label { background: #CEA684; } .manufacturer-select-wrapper.radda input:checked + label { background: #996838; } .manufacturer-select-wrapper.kalla input:checked + label { background: #8AACBD; } .manufacturer-select-wrapper.ARC input:checked + label { background: #E1F2E2; } .manufacturer-select-wrapper.ARC .manufacturer-name { top:56%; } .manufacturer-select-wrapper.ARC .manufacturer-name .second { font-size: 36px; margin-top:0px; } .manufacturer-select-wrapper label:hover { cursor: pointer; } .manufacturer-select-wrapper label .manufacturer-name { display: block; position: absolute; width: 100%; top: 50%; left: 0; transform: translateY(-50%); color: #fff; padding: 10px; } .manufacturer-select-wrapper label .manufacturer-name { display: block; font-size: 35px; font-weight: 400; line-height: 0.9; } .porucivanje-choose-manufacturer { margin-top: 30px; } .box-with-icon { position: relative; background: #8fbc62; padding-top: 100%; margin-bottom: 30px; } .box-with-icon.vizija-box { background: #ffc358; } .box-with-icon.preuzmite-prezentaciju { background: #808285; } .box-with-icon .box-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; } .box-with-icon .icon-wrapper { margin-top: 74px; text-align: center; } .box-with-icon .box-text { text-align: center; text-transform: uppercase; font-weight: 500; color: #fff; font-size: 30px; max-width: 200px; margin: 60px auto 0 auto; line-height: 30px; } .box-with-icon.preuzmite-prezentaciju .box-text { max-width: 280px; } .box-with-text { position: relative; } .box-with-text .text { position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.4); } .box-with-text .text .text-inner { text-align: center; text-transform: uppercase; font-weight: 500; color: #fff; font-size: 30px; max-width: 280px; margin: 20px auto; line-height: 30px; } .about-first-row { margin-top: 60px; } .about-first-row .drustvena-odgovornost-box { margin-bottom: -10px; } .sertifikati-title { font-size: 30px; text-transform: uppercase; font-weight: 500; color: #fff; background: #56595b; padding: 12px 12px 14px 12px; margin-top: 10px; } .box-with-text.nase-nasledje .text .text-inner { max-width: 100%; padding: 35px 40px 58px 40px; text-align: left; margin: 0; } .box-with-text.nase-nasledje .text .text-inner .title { font-size: 30px; font-weight: 500; margin-bottom: 32px; } .box-with-text.nase-nasledje .text .text-inner .text-small { font-size: 20px; font-weight: 300; text-transform: none; line-height: 24px; } .owl-wrapper.certificates { position: relative; height: 155px; margin: 40px 0; } .owl-wrapper.certificates .slider-controls .control.owlPrev-1 { left: -50px; } .owl-wrapper.certificates .slider-controls .control.owlNext-1 { right: -50px; } .owl-carousel .owl-item .certificate-wrapper { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ align-items: center; justify-content: center; height: 155px; } .owl-carousel .owl-item .certificate-wrapper img { width: auto; max-width: 100%; max-height: 130px; } .owl-carousel .owl-item .certificate-wrapper .certificate-text { font-size: 12px; margin-top: 5px; text-align: center; font-weight: 600; text-transform: uppercase; } .owl-carousel .owl-item .certificate-wrapper .certificate-text a { color: #59595b; text-transform: uppercase; border-bottom: 2px solid #73a732; padding: 0 1px; } .owl-carousel .owl-item .certificate-wrapper .certificate-text a:hover { color: #8fbc62; } .modal-content { border-radius: 4px; overflow: hidden; } .modal-header { padding: 12px 15px; font-size: 18px; font-weight: 400; } .bootstrap-dialog.type-warning .modal-header { background: #ffc358; color: #fff; } .bootstrap-dialog.type-warning .modal-header .close { color: #fff; opacity: 0.9; } .bootstrap-dialog.type-warning .modal-header .close:hover { opacity: 1; } .modal-body { padding: 20px 15px; } .modal-footer { padding: 10px 15px; } .modal-footer .btn.btn-default, .modal-footer .btn.btn-default:focus, .modal-footer .btn.btn-primary, .modal-footer .btn.btn-primary:focus { font-size: 16px; } .delatnost-first-row { margin-top: 60px; } .delatnost-first-row h3 { margin-top: -5px; } .delatnost-first-row ul { margin-bottom: 33px; } .delatnost-second-row { margin-top: 53px; } .delatnost-second-row h3.ulaganja-heading { margin-top: 80px; } .delatnost-third-row { margin: 50px 0 80px 0; } .article-text-wrapper { font-size: 20px; letter-spacing: 0.2px; } .article-text-wrapper ul { margin: 0 0 30px 0; padding: 0; list-style: none; } .article-text-wrapper ul li { margin: 0; padding: 0 0 0 27px; position: relative; } .article-text-wrapper ul li:before { content: ''; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; background: #58595b; border-radius: 50%; } .doslednost-first-row { margin: 55px 0; } .promo-video-box:hover { cursor: pointer; } .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom { padding-right: 17px; } .vizija-i-poslovanje-first-row { margin: 56px 0 0 0; } .vizija-i-poslovanje-second-row { margin-bottom: 32px; } .user-cart-title { color: #58595b; font-size: 16px; font-weight: 500; line-height: 15px; height: 23px; display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } .user-cart-title.sema-secenja { height: auto; color: #8fbc62; margin: 70px 0 40px 0; } .porucivanje-form-wrapper .select-wrapper, .reclamation-form-main-wrapper .select-wrapper { border: none; overflow: hidden; height: 50px; width: 100%; position: relative; display: block; } .porucivanje-form-wrapper .select-wrapper.rucice-select, .reclamation-form-main-wrapper .select-wrapper.rucice-select { height: 31px; margin-bottom: 4px; } .porucivanje-form-wrapper .select-wrapper select.form-control, .reclamation-form-main-wrapper .select-wrapper select.form-control { height: 50px; padding: 8px 75px 8px 8px; border: 0; font-size: 18px; font-weight: 500; width: 110%; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-overflow: ellipsis; } .porucivanje-form-wrapper .select-wrapper.mesto-isporuke-select, .reclamation-form-main-wrapper .select-wrapper.mesto-isporuke-select { height: 40px; } .porucivanje-form-wrapper .select-wrapper.mesto-isporuke-select select.form-control, .reclamation-form-main-wrapper .select-wrapper.mesto-isporuke-select select.form-control { background: #f2f2f2; font-weight: 300; height: 40px; font-size: 16px; } .porucivanje-form-wrapper .select-wrapper.mesto-isporuke-select:after { top: -4px; } .porucivanje-form-wrapper .select-wrapper.rucice-select select.form-control { font-weight: 400; height: 31px; padding-top: 0; padding-bottom: 0; } .porucivanje-form-wrapper .select-wrapper:after, .reclamation-form-main-wrapper .select-wrapper:after { content: ''; background: url("/design/images/select-arrow-smaller.png?20170801") no-repeat 0 20px; padding: 13px 12px 0px 0px; position: absolute; left: auto; right: 0; top: 0; z-index: 1; text-align: center; width: 38px; height: 100%; pointer-events: none; } .porucivanje-form-wrapper .select-wrapper.rucice-select:after { padding-top: 0; top: -8px; } .porucivanje-form-wrapper select.form-control:hover, .reclamation-form-main-wrapper select.form-control:hover { cursor: pointer; } .choose-element-row { margin: 25px 0; } .korpus-colors-row { margin: 0 -5px; } .cart-product-color { float: left; padding: 0 6px; width: 16.666%; position: relative; margin-top: 16px; } .cart-product-color .color-name { font-size: 14px; text-align: center; min-height: 52px; margin-bottom: 5px; } .cart-product-color input[type="radio"] { position: absolute; left: 0; top: 0; z-index: -1; } .cart-product-color label { position: relative; z-index: 1; display: block; } .cart-product-color label:hover { cursor: pointer; } .cart-product-color input:checked + label { border: 2px solid #8fbc62; } .cart-product-color-image { width: 100%; } .cart-product-color .front-color-image label { display: block; } .cart-product-color .front-color-image img { width: 100%; } .porucivanje-form-wrapper .select-wrapper-small { border: none; overflow: hidden; height: 20px; width: 100%; position: relative; display: block; } .porucivanje-form-wrapper .select-wrapper-small select.form-control { height: 20px; padding: 0 4px; border: 0; font-size: 14px; font-weight: 400; width: 110%; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-overflow: ellipsis; } .porucivanje-form-wrapper .select-wrapper-small:after { content: ''; background: url("/design/images/select-wrapper-smaller-arrow.png?20170801") no-repeat 0 8px; position: absolute; right: 2px; top: 0; z-index: 1; text-align: center; width: 14px; height: 100%; pointer-events: none; } .broj-rucica-select-wrapper .select-wrapper-small { width: 60px; } .form-control.front-kolicina { height: 26px; padding: 1px; margin-bottom: 10px; border: 0; } .form-control.front-kolicina:focus { box-shadow: none; } .modal-backdrop.in { opacity: 0.85; } .one-reclamation-wrapper { margin-bottom: 60px; } .user-cart-table-title { font-size: 18px; font-weight: 500; text-transform: uppercase; margin-bottom: 25px; } .napomena-mesto-isporuke { display: table; width: 100%; } .napomena-mesto-isporuke .napomena-left { display: table-cell; float: none; width: 425px; } .napomena-mesto-isporuke .napomena-right { display: table-cell; vertical-align: bottom; float: none; width: 425px; } .napomena-mesto-isporuke .napomena-wrapper { background: #f2f2f2; padding: 15px; } .napomena-mesto-isporuke .napomena-wrapper .napomena-title { font-size: 18px; margin-bottom: 2px; } .napomena-mesto-isporuke .mesto-isporuke-wrapper .mesto-isporuke-title { font-size: 18px; color: #58595b; font-weight: 500; margin-bottom: 16px; } .napomena-mesto-isporuke .mesto-isporuke-wrapper .mesto-isporuke-like-input { height: 40px; background: #f2f2f2; line-height: 40px; padding-left: 12px; font-size: 14px; } .custom-check:last-child { margin-bottom: 0; } .custom-check [type="radio"]:not(:checked), .custom-check [type="radio"]:checked { position: absolute; left: -9999px; } .custom-check [type="radio"]:not(:checked) + label, .custom-check [type="radio"]:checked + label { position: relative; padding-left: 31px; cursor: pointer; font-size: 20px; font-weight: 300; } /* checkbox aspect */ .custom-check [type="radio"]:not(:checked) + label:before, .custom-check [type="radio"]:checked + label:before { content: ''; position: absolute; left: 0; top: 1px; width: 21px; height: 21px; border: 2px solid #56595b; background: transparent; border-radius: 50%; } /* checked mark aspect */ .custom-check [type="radio"]:not(:checked) + label:after, .custom-check [type="radio"]:checked + label:after { content: ''; width: 11px; height: 11px; border-radius: 50%; position: absolute; top: 6px; left: 5px; background: #56595b; transition: all .2s; } /* checked mark aspect changes */ .custom-check [type="radio"]:not(:checked) + label:after { opacity: 0; transform: scale(0); } .custom-check [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); } /* disabled checkbox */ .custom-check [type="radio"]:disabled:not(:checked) + label:before, .custom-check [type="radio"]:disabled:checked + label:before { box-shadow: none; border-color: #56595b; background-color: #56595b; } .custom-check [type="radio"]:disabled:checked + label:after { color: #56595b; } .custom-check [type="radio"]:disabled + label { color: #56595b; } .reclamation-title { font-size: 18px; font-weight: 500; } .reclamation-title.first { margin: 18px 0 11px 0; } .reclamation-title.second { margin: 0 0 18px 0; } .form-control.multiple-select { border: 0; background: #e5e7e7; font-size: 20px; font-weight: 300; color: #58595b; padding: 0; } .form-control.multiple-select option { padding: 0 5px 0 17px; color: #58595b; } .form-control.multiple-select option:checked, .form-control.multiple-select option:focus, .form-control.multiple-select option:active { color: red; background: #cdcecf repeat url("data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMpaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjAtYzA2MCA2MS4xMzQ3NzcsIDIwMTAvMDIvMTItMTc6MzI6MDAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgV2luZG93cyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyOEIzNzQyNDY1NzIxMUU3OUY4REY0M0M2NTYxNDhFRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyOEIzNzQyNTY1NzIxMUU3OUY4REY0M0M2NTYxNDhFRiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI4QjM3NDIyNjU3MjExRTc5RjhERjQzQzY1NjE0OEVGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI4QjM3NDIzNjU3MjExRTc5RjhERjQzQzY1NjE0OEVGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJDQsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgAAQABAwERAAIRAQMRAf/EAEoAAQAAAAAAAAAAAAAAAAAAAAkBAQAAAAAAAAAAAAAAAAAAAAIQAQAAAAAAAAAAAAAAAAAAAAARAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AE3IX//Z"); } .reclamation-picture-and-colors { background: #f2f2f2; padding: 0 0 25px 0; margin: 25px 0 0 0; } .choose-color-title { font-size: 18px; font-weight: 500; text-transform: uppercase; } .reclamation-form-wrapper { margin: 25px 0 60px 0; } .add-reclamation-wrapper { margin: 25px 0; } .user-form-button-wrapper .btn.btn-default { padding: 12px 30px; border-radius: 8px; } .add-reclamation-to-list-text { font-size: 18px; font-weight: 500; margin-top: 9px; } .btn.btn-default.add-reclamation-to-list-btn { padding: 7px 25px; border-radius: 7px; } .reclamation-form-main-wrapper { min-height: 640px; } .input-like-select { border: none; background: #fff; width: 60px; margin-bottom: 10px; padding-left: 8px; height: 20px; font-size: 14px; font-weight: 400; } .one-catalog-wrpper { margin-bottom: 30px; } .one-catalog-wrpper .text { height: 90px; padding-top: 20px; font-size: 19px; } .one-catalog-wrpper .preuzmite-katalog { display: flex; gap: 10px; flex-wrap: nowrap; justify-content: space-between; } .one-catalog-wrpper .preuzmite-katalog a { display: block; background-color: #56595b; color: #ffffff; padding: 10px 15px; font-size: 14px; text-transform: uppercase; transition: background 0.3s ease 0s; } .one-catalog-wrpper .preuzmite-katalog a:hover { background: #b5d958; } .one-catalog-wrpper .preuzmite-katalog a:focus { text-decoration: none; } .one-catalog-wrpper .preuzmite-katalog i { font-size: 16px; margin-right: 6px; } /*.one-catalog-wrpper .share-icons-box {*/ /* margin-top: 20px;*/ /*}*/ /*.one-catalog-wrpper .share-icons-box a {*/ /* margin-right: 2px;*/ /*}*/ /*.one-catalog-wrpper .share-icons-box i {*/ /* width: 30px;*/ /* height: 30px;*/ /* font-size: 18px;*/ /* line-height: 31px;*/ /* margin: 0;*/ /*}*/ .one-promotion-wrpper { margin-bottom: 30px; } .one-promotion-wrpper .content-wrapper { background: #e5e6e6; } /*.one-promotion-wrpper .share-icons-box {*/ /* float: right;*/ /* margin-right: 25px;*/ /*}*/ /*.one-promotion-wrpper .share-icons-box a {*/ /* margin-right: 0;*/ /*}*/ /*.one-promotion-wrpper .share-icons-box i {*/ /* width: 25px;*/ /* height: 25px;*/ /* font-size: 15px;*/ /* line-height: 26px;*/ /* margin: 0;*/ /*}*/ .one-promotion-wrpper .content-wrapper .content { padding: 11px 0 15px 0; } .one-promotion-wrpper .content-wrapper .content .first-row { padding: 4px 10px 4px 25px; background: transparent; text-transform: uppercase; font-size: 18px; font-weight: 400; display: inline-block; } .one-promotion-wrpper .content-wrapper .content .first-row.green { background: #8ba34a; color: #fff; } .one-promotion-wrpper .content-wrapper .content .name { font-size: 34px; padding-left: 25px; font-weight: 600; text-transform: uppercase; margin-bottom: 10px; } .one-promotion-wrpper .content-wrapper .content .text { font-size: 17px; padding: 0 0 0 25px; margin-bottom: 27px; line-height: 26px; height: 105px; } .one-promotion-wrpper .content-wrapper .content .aktuelno { font-size: 13px; float: left; margin: 12px 0 0 25px; } h1.promocije { margin-top: 0; } .katalozi-wrapper, .aktuelne-promocije-wrapper { margin-bottom: 30px; } .site-lang-ENG .navbar .search-wrapper { margin-left: 25px; } .site-lang-ENG .icon-download-wrapper .btn.btn-default, .site-lang-ENG .btn.btn-default.preuzmite-uputstvo { font-size: 17px; } .site-lang-ENG .box-with-icon .box-text, .site-lang-ENG .box-with-text .text .text-inner { font-size: 24px; } .owl-wrapper.promocije { position: relative; margin: 30px 0; } .owl-wrapper.promocije .slider-controls .control.prev { display: none; left: -50px; background-image: url("/design/images/slider-arrow-left.png?20170801"); background-repeat: no-repeat; background-position: center center; } .owl-wrapper.promocije .slider-controls .control.next { left: auto; right: -50px; background-image: url("/design/images/slider-arrow-right.png?20170801"); background-repeat: no-repeat; background-position: center center; } .aktuelne-promocije-wrapper h3 { margin-bottom: 0; margin-top: 30px; } .header-container { width: 1340px; margin: 0 auto; padding: 0 15px; } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; transform-style:preserve-3d; webkit-backface-visibility: hidden; } .owl-carousel .owl-item { transform: translateZ(0); -webkit-transform: translateZ(0); -ms-transform: translateZ(0); } .planer-description { font-size: 17px; } .navbar-toggle.hide-bars .icon-bar { display: none; } .close-menu-icon { display: block; position: absolute; width: 24px; height: 24px; right: 18px; bottom: -4px; } .close-menu-icon:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 33px; height: 2px; background: #57595b; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .close-menu-icon:after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 33px; height: 2px; background: #57595b; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 450px; } .site-lang-ENG .contact-form-wrapper #captcha_code.form-control { font-size: 12px; } .one-item .price { margin-bottom: 35px; } .nase-nasledje { margin-bottom: 30px; } .navs-tab-wrapper { margin-bottom: 30px; } .nav.nav-tabs { background: #828282; } .nav.nav-tabs li { margin: 0; } .nav.nav-tabs li a, .nav.nav-tabs li a:focus { color: #fff; border-radius: 0; margin: 0; border: 0; padding: 10px 18px; font-size: 17px; font-weight: 400; -webkit-transition: background 0.3s ease 0s; -moz-transition: background 0.3s ease 0s; -o-transition: background 0.3s ease 0s; transition: background 0.3s ease 0s; } .nav.nav-tabs li a:hover { background: #72a631; border: 0; color: #fff; } .nav.nav-tabs li.active a { background: #72a631; margin: 0; border: 0; } .mobile-swipe { display: none; } #CollectorForm .form-bottom { margin-top: 0; } #CollectorForm .form-bottom.captcha-top img { margin-top: 6px; } #CollectorForm #captcha_code { margin-bottom: 0; } .product-properties-wrapper .control img { width: 10px; } .one-item .colors-wrapper { margin-bottom: 40px; } .product-properties-wrapper > .row > .col-xs-12 { margin-top: 15px; } .product-properties-wrapper > .row > .col-xs-12:first-child { margin-top: 0; } .description-label { color: #58595b; font-size: 20px; font-weight: 600; padding: 0; margin: 0 0 10px 0; } .product-tabs .navs-tab-wrapper { margin-bottom: 0; } .product-tabs .tab-content { background: #f2f2f2; padding: 20px 30px; } .product-info-accordions.panel-group .panel { border-radius: 0; margin-top: 6px; border: 0; background: #f5f5f5; } .product-info-accordions .panel-default > .panel-heading { padding: 0; border-radius: 0; } .product-info-accordions .panel-default > .panel-heading h4 { border-radius: 0; } .product-info-accordions .panel-default > .panel-heading h4 a { display: block; padding: 12px 20px 12px 20px; border-radius: 0; position: relative; color: #fff; background: #72a631; } .product-info-accordions .panel-default > .panel-heading h4 a:hover { color: #fff; background: #72a631; } .product-info-accordions .panel-default > .panel-heading h4 a:after { content: '\f106'; display: block; position: absolute; right: 20px; top: calc(50% - 2px); transform: translateY(-50%); font-family: 'FontAwesome'; font-size: 28px; color: #fff; } .product-info-accordions .panel-default > .panel-heading h4 a.collapsed:after { content: '\f107'; top: 50%; } .product-info-accordions .panel-default > .panel-heading h4 a.collapsed { background: #828282; } .product-info-accordions .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top: 0; } .video-thumbs-wrapper { height: 380px; overflow-y: auto; overflow-x: hidden; } .video-thumbs-wrapper .video-thumb { padding: 2px; border: 1px solid #ccc; margin-bottom: 5px; } .video-thumbs-wrapper .video-thumb .img-wrapper { position: relative; } .video-thumbs-wrapper .video-thumb .img-wrapper:after { content: '\f144'; display: block; width: 48px; height: 34px; font-family: "FontAwesome"; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 50px; color: #f8f8f8; } .video-thumbs-wrapper .video-thumb .img-wrapper:hover:after { color: #72a631; } .video-thumbs-wrapper .video-thumb:last-child { margin-bottom: 0; } .video-thumbs-wrapper .video-thumb.active { border-color: #72a631; } .video-thumbs-wrapper .video-thumb.active .img-wrapper:after { display: none; } .video-thumbs-wrapper .video-thumb:hover { cursor: pointer; } .video-thumbs-right { padding-left: 5px; } .video-thumbs-wrapper .video-thumb .preview-title { text-align: center; font-weight: 500; font-size: 15px; padding: 4px 10px; } .video-thumb-wrapper { margin-bottom: 5px; } .montazne-seme-image-wrapper { width: 100%; text-align: center; } .montazne-seme-image-wrapper .sema-title { margin-top: 8px; } .montazne-seme-image-wrapper .sema-title a { color: #58595b; } .montazne-seme-image-wrapper .sema-title a:hover { color: #ffc358; } .validation-failed { border: 1px solid red!important; } .user-login-note { color: red; font-size: 16px; font-weight: 400; margin-bottom: -20px; } .news-head-image img { width: 100%; } .porucivanje-menu-flex { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 15px; } .download-table-wrapper { margin-top: 30px; } .download-table-wrapper .table .download-cell { width: 150px; } .download-table-wrapper .table .download-cell i { margin-right: 5px; } .download-table-wrapper a { color: #58595b; } .download-table-wrapper a:hover { color: #b5d958; } .sokle-i-rp-alert { margin-bottom: 50px; } .alert-warning { background: #ffcc72; } .alert-warning .close { opacity: 0.6; } .napomena-box-wrapper { position: relative; } .napomena-box-wrapper i { position: absolute; top: 8px; right: 8px; font-size: 18px; cursor: pointer; } .napomena-box-wrapper i:hover { color: #b5d958; } .napomena-box-wrapper .form-control { padding-right: 28px; } .open-configurator-wrapper { display: none; } .open-configurator-wrapper.show { display: block; } .open-configurator, #openConfiguratorKuhinje { display: inline-block; background: #b5d958; text-transform: uppercase; font-size: 18px; font-weight: 500; color: #fff; padding: 14px 40px; text-align: center; border-radius: 5px; cursor: pointer; -webkit-transition: background 0.3s ease 0s, color 0.3s ease 0s; -moz-transition: background 0.3s ease 0s, color 0.3s ease 0s; -o-transition: background 0.3s ease 0s, color 0.3s ease 0s; transition: background 0.3s ease 0s, color 0.3s ease 0s; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ } .open-configurator:hover, #openConfiguratorKuhinje:hover { background: #fff; color: #b5d958; } .configurator-heading-wrapper { background: #f1f2f2; } .configurator-message-box-wrapper { background-color: #f6f6f6; padding: 30px 0 0; } .configurator-message-box { background-color: #828282; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ justify-content: flex-end; align-items: center; color: #fff; font-size: 18px; } .configurator-message-box p { margin: 0 10px 0 0; font-weight: 400; } .configurator-message-box p b { font-weight: 500; } .configurator-message-box .btn.btn-default { text-transform: none; background: #72a631; border-radius: 0; margin: 0; border: 0; padding: 10px 25px; font-size: 17px; font-weight: 400; } .configurator-message-box .btn.btn-default:hover { background-color: #b5d958; } .select-product-chosen .chosen-container-single { position: relative; } .select-product-chosen .chosen-container-single .chosen-drop { margin-top: 1px; border-radius: 0; border-color: #fff; } .select-product-chosen .chosen-container-single .chosen-search input[type="text"] { padding: 6px 20px 6px 5px; } .select-product-chosen .chosen-container .chosen-results li { padding: 8px 6px 4px; line-height: normal; font-size: 14px; border-radius: 2px; font-weight: 300; } .select-product-chosen .chosen-container .chosen-results li.result-selected { color: #000; font-weight: 400; } .select-product-chosen .chosen-container .chosen-results li.highlighted { background: #ccc; } .select-product-chosen .chosen-container .chosen-results li.result-selected.highlighted { background: #eee; } .select-product-chosen .chosen-container-single:after { content: ''; background: url("/design/images/select-arrow-smaller.png?20170801") no-repeat 0 22px; position: absolute; right: 0; top: 0; z-index: 1; text-align: center; width: 38px; height: 100%; } .select-product-chosen .chosen-container-single .chosen-single, .select-product-chosen .chosen-container-single .chosen-single.active { background: #fff; box-shadow: none; border: 1px solid #fff; height: 50px; line-height: 50px; color: #999; font-size: 18px; font-weight: 500; padding-left: 15px; border-radius: 2px; } .select-product-chosen .chosen-container-active.chosen-with-drop .chosen-single { box-shadow: none; background: #fff; border-radius: 0; border: 1px solid #fff; } .required-text { font-size: 18px; margin-top: 20px; margin-bottom: 40px; } .reclamation-table .delete { cursor: pointer; } .reclamation-table .delete:hover { color: #8fbc62; } .select-color-wrapper { padding: 0 0 50px; display: none; } .rp-secenje-preview { margin-top:10px; position: relative; } .rp-secenje-nav { position: absolute; top: 50%; cursor: pointer; } .rp-secenje-nav:last-child { right:0; } .rp-secenje-table { margin-top:10px; } .rp-secenje-table input::-webkit-outer-spin-button, .rp-secenje-table input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .rp-secenje-table input[type=number] { -moz-appearance: textfield; } .rp-secenje-table td { padding:5px; } .disclaimer { font-style: italic; font-size: 12px; padding: 10px; } #ShoppingCart img.zoom { cursor: pointer; } #ShoppingCart .tooltip .tooltip-arrow { display: none; } #ShoppingCart .tooltip.in { opacity: 1!important; } #ShoppingCart .shoppingcart-validator { margin-bottom: 15px; } #ShoppingCart .shoppingcart-validator .alert ul { padding-left: 20px; } #ShoppingCart .shoppingcart-validator .alert ul li { margin: 10px 0; } .session-files { display: flex; gap: 20px; flex-wrap: wrap; } .session-files-wrapper .shopping-cart-file { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .session-files-wrapper label, .session-files-wrapper label:focus { display: flex; flex-wrap: nowrap; justify-content: space-between; background: #fff; outline: none !important; flex-direction: column-reverse; padding: 5px; margin: 0; width: 204px; height: 75px; cursor: pointer; } .session-files .session-file { position: relative; display: flex; align-items: center; flex-direction: column; border: 1px solid #e2e2e2; } .session-files label.session-file { height: 86px; } .session-files .session-file .one-session-file-name { font-size: 12px; background-color: #e2e2e2; padding:4px; width: 100%; } .session-files .session-file .one-session-file-name > div { width: 180px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .session-files .session-file .choose-file{ padding: 10px; background-color: #f2f2f2; width: 100%; text-align: center; } .session-files .session-file .choose-file-size { font-size: 12px; line-height: 1.2em; font-weight: 300; color: #b5d958; font-style: italic; padding: 5px 0; } .session-files .session-file .delete { cursor: pointer; } .session-files .session-file .one-session-file-preview { padding:2px; height: 204px; width: 204px; text-align: center; display: flex; align-items: center; justify-content: center; } .session-files .session-file .one-session-file-preview img { cursor: pointer; } .session-files .session-file .delete { position: absolute; bottom:2px; right:4px; } .session-files .session-file .delete:hover { color:#8fbc62; } .session-files .session-file img { max-width: 100%; max-height: 100%; } .session-files .session-file:hover { border:1px solid #789c48; } #configuratorPlaceholder { position: relative; } .kolekcija-page > .row { display: flex; flex-wrap: wrap; padding-bottom: 30px; } .kolekcija-page > .row:last-child { padding-bottom: 0; } .kolekcija-page > .row > [class*='col-'] { display: flex; flex-direction: column; } .bg-dark { background-color: #4E4A4B; } .bg-gray { background-color: #f6f6f6; } .text-light { color: #ffffff; } .text-green { color: #73a732; } .text-grey { color: #58595b; } .h-100 { height: 100%; } .p-1 { padding: 15px; } .p-2 { padding: 30px; } .py-1 { padding-top: 10px; padding-bottom: 10px; } .py-2 { padding-top: 30px; padding-bottom: 30px; } .py-3 { padding-top: 50px; padding-bottom: 50px; } .py-4 { padding-top: 100px; padding-bottom: 100px; } .py-5 { padding-top: 200px; padding-bottom: 200px; } .mt-5 { margin-top: 50px; } .mt-7 { margin-top: 200px; } .my-3 { margin-top: 30px!important; margin-bottom: 30px!important; } .my-5 { margin-top: 50px; margin-bottom: 50px; } .bg-dark p, .bg-dark h2 { color: #ffffff; } #tabRadnePloce .product-color-wrapper { display: flex; flex-wrap: wrap; gap: 20px; } #tabRadnePloce .product-color-wrapper .product-color-image { position: relative; border: 1px solid #dbdbdb; width: 138px; } #tabRadnePloce .product-color-wrapper .product-color-image > div { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.5); color: #fff; text-transform: uppercase; font-size: 10px; font-weight: 500; opacity: 0; text-align: center; -webkit-transition: opacity 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; /*margin:5px;*/ } #tabRadnePloce .product-color-wrapper .product-color-image.active { border-color: #faa61b!important; } .vscms-owlcarousel .owl-carousel .owl-nav img { width: 10px; } .product-color-wrapper .product-color-image > div:hover { opacity: 1; cursor: pointer!important; } .owl-carousel .owl-nav.disabled { opacity: .4; display: block!important; } .owl-carousel .owl-next, .owl-carousel .owl-prev { position: absolute; top:0; bottom: 0; display: inline-flex!important; align-items: center; justify-content: center; background-color: transparent!important; cursor: pointer!important; } .owl-carousel .owl-nav img { width: 14px; } .owl-carousel .owl-prev { left: -38px; } .owl-carousel .owl-next{ right: -38px; } .fotorama__thumb-border { border-color: #faa61b!important; } .blueimp-product.blueimp-gallery > .indicator > li { opacity: 1; width: 40px; height: 40px; } @media only screen and (max-width: 420px) { .blueimp-product.blueimp-gallery > .indicator > li { width: 30px; height: 30px; } } .blueimp-product.blueimp-gallery > .close { font-weight: 100; font-size: 70px; } .blueimp-product.blueimp-gallery > .title { left: 0; right: 0; text-align: center; font-size: 50px; margin: 30px 0px 0 0; } .blueimp-product.blueimp-gallery > .title:hover { opacity: 0.8; } .blueimp-product.blueimp-gallery > .indicator > li { border-color: transparent; border-width: 3px; border-radius: 0; background-size: cover; margin: 10px 5px 0 5px; } .blueimp-product.blueimp-gallery > .indicator > li:hover, .blueimp-product.blueimp-gallery > .indicator > .active { border-color: #faa61b!important; } .owl-carousel-related.owl-carousel .owl-next, .owl-carousel-related.owl-carousel .owl-prev { top: 42%; bottom: unset; width: 40px; height: 40px; background-color: rgba(0,0,0,0.4)!important; border-radius: 50%!important;; display: block; cursor: pointer!important;; overflow: hidden; } .owl-carousel-related.owl-carousel .owl-next { right:-70px; } .owl-carousel-related.owl-carousel .owl-prev { left:-70px; } .owl-carousel-related .owl-controls .owl-prev:hover, .owl-carousel-related .owl-controls .owl-next:hover { background-color: rgba(0,0,0,0.8)!important; } .content-share-wrapper { margin-top: 15px; margin-bottom: 15px; } .content-share { display: flex; flex-wrap: nowrap; align-items: center; gap: 10px; margin: 0; } .content-share .share-btn { width: 35px; height: 35px; line-height: 37px; color: #fff; font-size: 21px; text-align: center; background: #56595b; border-radius: 50%; transition: background 0.2s ease-in-out; } .content-share .share-btn svg { fill: #ffffff; width: 20px; height: 20px; margin-top:8px; } .content-share .share-btn:hover { background-color: #83a53f; } .fotorama__nav:before, .fotorama__stage:before, .fotorama__nav:after, .fotorama__stage:after { background-image:none!important; } .arc-buditedizajner { display: flex; color: #72a631; font-weight: 600; margin: 0 10px 15px 10px; } .arc-buditedizajner > div > div { font-size: 18px; } .arc-buditedizajner img { background-color: #ffffff; border:2px solid #72a631; margin-right: 10px; padding: 3px; } .clickable { cursor: pointer; } #blueimp-gallery { display: none; } button.btn.btn-default.btn-list-add-product { margin: 15px 0 ; font-size: 14px; text-transform: none; } #productList { min-height: 200px; } #productList .product-box .image svg { padding:30px; aspect-ratio: 1; } #productListElementList { min-height: 463px; } #productListPriceTotal { background-color: #ffffff; padding: 8px 0px; margin-bottom: 15px; max-width: 260px; text-align: center; } #productListPriceTotal .price-total { font-weight: 600; margin-left: 10px; white-space: nowrap; } #productListButtonBar button { margin-bottom: 15px; } .form-catalog-list { margin: 50px 0; } .form-catalog-list button, .form-catalog-list .form-group { margin-left: 15px; margin-bottom: 15px; } .bread-crump-wrapper .bc-btn { display: flex; width: 150px; height: 60px; padding: 10px; background-color: #72a631; color: white; cursor: pointer; margin-right: 15px; margin-bottom: 15px; } .bread-crump-wrapper .bc-btn-share { cursor: pointer; } .bread-crump-wrapper .bc-btn > img { margin-right: 10px; max-width: 40px; max-height: 40px; } .bread-crump-wrapper .bc-btn > div > strong { display: block; } .bread-crumb-right h5 { margin-top: 0; } .bootstrap-dialog-message .code-container { margin-top: 15px; font-size: 16px; font-weight: 600; display: flex; gap: 30px; flex-wrap: wrap; justify-content: space-evenly; } .bootstrap-dialog-message .code-container > div, .bootstrap-dialog-message .code-container > a { color: #58595b; display: flex; flex-direction: column; align-items: center; gap: 20px; padding:20px; border:2px solid #72a631; max-width: 165px; } .bootstrap-dialog-message .code-container .code { font-size:34px; font-weight: 900; color:black; } .bootstrap-dialog-message .code-container .fa-map-marker { font-size:64px; color: #72a631; } .sc-bg-dark { background: #edefef; } .navbar .navbar-buttonbar { float: right; display: flex; justify-content: space-between; align-items: center; min-width: 190px; flex-wrap: nowrap; margin-left:15px; margin-top:8px; margin-right: 15px; } .navbar .navbar-buttonbar.resp { display: none; min-width: 0px; margin-left:0; float: right; margin-top:14px; margin-right: 10px; } .navbar .navbar-buttonbar.resp .product-list .badge { bottom: 4px; } .navbar .navbar-buttonbar.resp > div { height: 30px; } .navbar .navbar-buttonbar > div, .navbar .navbar-buttonbar > form .languages { /*height: 48px;*/ padding-left:15px; } .search-container { min-height: 500px; font-weight: 500; font-size: 14px; line-height: 1.45; } .search-container .product-image { max-height: 100px; } .search-container h2 { font-size: 22px; margin: 10px 0 10px 0; } .search-container input { display: inline-block; width: calc(100% - 88px); vertical-align: middle; background: #f2f2f2; border: 0; box-shadow: none; font-weight: 500; font-size: 18px; height: 50px; padding-top: 8px; padding-left: 13px; } .search-container button.btn.btn-default { height: 50px; font-size: 24px; } .navbar .search-wrapper .template { display: none; } .user-dropdown { width: 260px; padding: 0; margin:0; border-radius: 0px; background: #fff; border: 0; border-top: 2px solid #73a732; } .search-dropdown { width: 600px; padding: 0; border-radius: 0px; margin: 0px; background: #fff; border: 0; border-top: 2px solid #73a732; } .search-wrapper a:focus { text-decoration: none; } .search-wrapper.open a, .search-wrapper.open a:focus { color: #fff; text-decoration: none; } .search-dropdown li { margin: 0; padding: 0; } .search-dropdown .form-control { padding: 10px 20px; height: 62px; background: transparent; width: 100%; font-size: 14px; color: #58595b; border: 0; margin: 0; } .search-dropdown .form-control:focus { text-transform: none; box-shadow: none; } .search-dropdown .input-group-btn { width:30%; float:left; } .search-dropdown .input-group-btn .btn.btn-default { width:100%; height: 37px; background: #fbad1e; border:1px solid #fbad1e; border-radius: 0px; color:#fff; padding-top:8px; padding-bottom:8px; font-size:10px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; font-weight: 400; text-transform: uppercase; } .search-dropdown .input-group-btn .btn.btn-default:hover { background: #009a3d; border: 1px solid #009a3d; } .btn.btn-default.searchbox-header-submit { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); z-index: 2; font-size: 14px; width: 130px; } .btn.btn-default.searchbox-header-clear { position: absolute; right: 150px; top: 50%; transform: translateY(-50%); z-index: 2; font-size: 14px; padding: 4px 10px; } .twitter-typeahead { display: block !important; } .twitter-typeahead .tt-menu { border: 0; right: 0; } .twitter-typeahead.no-result .tt-menu { height: auto; } .twitter-typeahead .list-group { margin: 0; background: #ededed; } .twitter-typeahead .list-group > a:hover { color: #333; } .suggestion-product { padding: 6px 15px; font-size: 13px; color:#58595b; } .suggestion-product:hover { background: #fff; } .suggestion-product .image-wrapper { padding: 0 5px; } .suggestion-product .image-wrapper img { max-width: 100%; } .suggestion-product .category { font-size: 12px; color: #aaa; margin-top: -2px; } .suggestion-product .price { font-size: 12px; } .suggestion-product .currency.hide-currency { display: none; } .twitter-typeahead .tt-suggestion:hover { color: #333; } .twitter-typeahead .tt-suggestion .suggestion-product { -webkit-transition: background 0.3s ease 0s; -moz-transition: background 0.3s ease 0s; -ms-transition: background 0.3s ease 0s; -o-transition: background 0.3s ease 0s; transition: background 0.3s ease 0s; } .twitter-typeahead .tt-suggestion .suggestion-product:hover { background: #f2f2f2; } .tt-menu .no-products-found { padding: 10px 15px; font-weight: 400; } .searchbox-results-wrapper { display: flex; width: 100%; overflow-y: auto; max-height: 380px; padding-bottom: 10px; background: #fff; } .search-results-dropdown .suggestion-product .informations { padding: 0; } .search-products-wrapper .search-products { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ flex-wrap: wrap; } .search-products-wrapper.left { width: 100%; } .search-products-wrapper.right .search-products { width: 140px; } .search-products-wrapper.left .search-products { border-right: 1px solid #ccc; } .search-products-wrapper.left .search-products > a { width: 32.9%; } .search-products-wrapper.right .search-products > a { width: 100%; } .search-products-wrapper .search-products > a { width: 24.9%; } .search-products-wrapper.right .search-products .suggestion-product > div { display:flex; border:2px solid #72a631; border-radius: 5px; padding: 10px; } .search-results-dropdown .suggestion-product .title { word-break: break-all; } .search-wrapper .search-site-label, .search-wrapper .suggested-products-label { padding: 10px 15px 10px 15px; font-size: 14px; font-weight: 500; } .tt-dataset.tt-dataset-0 { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } .search-products .suggestion-product { padding-bottom: 10px; position: relative; } .search-products .suggestion-product:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; transition: opacity .2s; opacity: 0; background-color: rgba(0,0,0,.04); pointer-events: none; } .search-products .suggestion-product:hover:after { opacity: 1; } .search-products a:hover { color: #333; } .search-products .suggestion-product .informations .title { font-size: 13px; } .twitter-typeahead .list-group.no-products { width: 100%; background: #fff; } .tt-menu { -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175); box-shadow: 0 6px 12px rgba(0,0,0,0.175); } .tt-menu .tt-highlight { font-weight: 600; } .twitter-typeahead .search-products-wrapper .tt-suggestion .suggestion-product:hover { background: transparent; } .languages .language-name { display: block; width: 25px; height: 25px; border-radius: 50%; background: #57595b; color: #fff; text-transform: uppercase; font-size: 10px; text-align: center; line-height: 25px; position: relative; } .languages a:hover { text-decoration: none; } .languages .dropdown-menu { background: #fff; border-radius: 0; margin: 0; padding: 12px 0px; left: 0; border: 0; border-top: 2px solid #73a732; width: 160px; } .languages .dropdown-menu li { margin: 0px; padding: 0px; } .languages .dropdown-menu li a { -webkit-transition: color 0.3s ease 0s; -moz-transition: color 0.3s ease 0s; -ms-transition: color 0.3s ease 0s; -o-transition: color 0.3s ease 0s; transition: color 0.3s ease 0s; } .languages .dropdown-menu li a, .languages .dropdown-menu li a:focus { padding: 6px 10px 6px 13px; color: #58595b; font-size: 14px; background: transparent; } .languages .dropdown-menu li a:hover { background: transparent; color: #73a732; } .languages .dropdown-menu li a span { display: inline-block; width: 25px; height: 25px; border-radius: 50%; background: #57595b; color: #fff; text-transform: uppercase; font-size: 10px; text-align: center; line-height: 25px; position: relative; margin-right: 20px; -webkit-transition: background 0.3s ease 0s; -moz-transition: background 0.3s ease 0s; -ms-transition: background 0.3s ease 0s; -o-transition: background 0.3s ease 0s; transition: background 0.3s ease 0s; } .languages .dropdown-menu li a:hover span { background: #73a732; } .porucivanje, .product-list { position: relative; } .porucivanje > a, .porucivanje > a:focus, .product-list > a, .product-list > a:focus { color: #58595b; font-size: 26px; } .porucivanje a:hover .product-list a:hover { text-decoration: none; color: #73a732; } .product-list > a > img { margin-top: -5px; } .productListBadge { position: relative; } .product-list .badge { position: absolute; bottom: 22px; right: -10px; background-color: #72a631; padding: 2px 5px; font-size: 10px; font-weight: 500; } .product-list .badge.price { right: 50%; transform: translateX(50%); bottom: -13px; background-color: #faa61b; } .currency-symbol { font-size: calc(100% - 30%); } .currency-symbol:before { display: none; } .navbar-buttonbar .user-info .info-row { padding: 15px 15px; border-bottom: 1px solid #eeeeee; } .navbar-buttonbar .user-link { margin: 10px 15px; } .navbar-buttonbar .user-link a { color: #58595b; } .navbar-buttonbar .user-link a:hover{ color: #73a732; } .navbar-buttonbar .user-info .info-row span { font-weight: 500; } #pdfViewBackdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.95); z-index: 9991; } #pdfViewBackdropClose { position: fixed; top: 20px; right: 20px; z-index: 9992; font-size: 50px; cursor: pointer; width: 40px; z-index: 9992; } #productListElementList .emptylist-title { font-weight: 500; font-size: 50px; margin-top: 140px; } #productListElementList .emptylist-img { max-height: 270px; margin-top: 76px; } .page-not-found { display: flex; margin-top:60px; margin-bottom:60px; display: flex; margin-top: 60px; margin-bottom: 60px; align-items: center; } .page-not-found svg { max-width: 50%; } .page-not-found h1 { font-weight: 300; font-size: 50px; margin:0; padding-right: 15px; } /* NOVO reklamacije *********************************************/ #ReclamationType { margin-top:45px; margin-bottom: 0; } /* NOVO porucivanje *********************************************/ .btn.btn-xs, .btn.btn-xs:focus { padding: 4px 10px!important; font-size: 14px!important; line-height: 1.5!important; text-transform: inherit; } .napomena { font-style: italic; font-size: 14px; color: #999999; margin: 6px 0; } #Manufacturer { margin-top:45px; margin-bottom: 0; } #Manufacturer .manufacturer { position: relative; cursor: pointer; background-color: #cccdcf; color:#ffffff; } #Manufacturer .manufacturer h2 { color:inherit; font-size: 2.10rem; font-weight: 700; text-transform: uppercase!important; } #Manufacturer .manufacturer .manufacturer-img-overlay { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(80, 80, 80, 0.8); } #Manufacturer .manufacturer .manufacturer-img-overlay-bottom { position: absolute; bottom: 0; left: 0; right: 0; height:6px; } #Manufacturer .manufacturer-wrapper:nth-child(2) .manufacturer-img-overlay-bottom { background: linear-gradient(rgba(133, 166, 64, 0.95), rgba(133, 166, 64, 0.95));} #Manufacturer .manufacturer-wrapper:nth-child(1) .manufacturer-img-overlay-bottom { background: linear-gradient(rgba(188, 216, 95, 0.95), rgba(188, 216, 95, 0.95));} #Manufacturer .manufacturer-wrapper:nth-child(3) .manufacturer-img-overlay-bottom { background: linear-gradient(rgba(83, 113, 59, 0.95), rgba(83, 113, 59, 0.95));} #Manufacturer .manufacturer-wrapper:nth-child(4) .manufacturer-img-overlay-bottom { background: linear-gradient(rgba(188, 216, 95, 0.95), rgba(188, 216, 95, 0.95));} #Manufacturer .manufacturer-wrapper:nth-child(5) .manufacturer-img-overlay-bottom { background: linear-gradient(rgba(133, 166, 64, 0.95), rgba(133, 166, 64, 0.95));} #Manufacturer .manufacturer-wrapper:nth-child(6) .manufacturer-img-overlay-bottom { background: linear-gradient(rgba(83, 113, 59, 0.95), rgba(83, 113, 59, 0.95));} #Manufacturer .manufacturer-wrapper .manufacturer.active .manufacturer-img-overlay-bottom { height: 14px; background: linear-gradient(rgba(255, 195, 88, 0.90), rgba(255, 195, 88, 0.90)); } #Manufacturer h2, #Programs h2, #ProductSelectorPlaceholder h2, #ShoppingCart h2, #ReclamationType h2, #ReclamationForm h2, #ProductPartsReclamation h2 { margin-top:0; margin-bottom:15px; font-size: 26px; } #ProductSelectorPlaceholder h2 .filter { font-size: 18px; } #ProductSelectorPlaceholder { padding-top: 15px; padding-bottom: 15px; background: #ffffff; position: relative; min-height: 845px; } #ProductPartsReclamation { padding-top: 45px; padding-bottom: 45px; background: #edefef; position: relative; min-height: 200px; } #ProductPartsReclamation .input-group-addon { border-radius: 0; } #ReclamationForm { padding-top: 45px; padding-bottom: 45px; background: #fff; } #ReclamationForm div.note { font-size: 12px; line-height: 14px!important; font-style: italic; color: #72a631; margin-top: 4px; } #Programs { margin-top: 45px; margin-bottom: 45px; } #Programs .program-wrapper { background-color: #cccdcf; cursor: pointer; } #Programs .program-wrapper.active { background-color: #b5d958; } #Programs .program-wrapper .program-title { text-align: center; font-size: 16px; font-weight: 500; color: #ffffff; padding: 6px 0px; } .shoppingcart-remove { font-weight: 400; font-size: 18px; cursor: pointer; } .shoppingcart-remove :hover { color: #8fbc62; } .btn.btn-default.shoppingcart-empty { font-size: 30px; } #ShoppingCart { margin-top:45px; position: relative; } #ShoppingCart.loading #TablePorucivanje { opacity: 0.2; } #ShoppingCart.loading .shoppingcart-validator { opacity: 0.2; } #ShoppingCart .detalji-porudzbine { margin-bottom:30px; } #ShoppingCart .modal-help { cursor: pointer; margin-left:15px; } #ShoppingCart .modal-help:hover { color: #b5d958; } #ShoppingCart .form-submit-button { padding: 12px 40px; } #ShoppingCart .form-submit-button img { max-height: 40px; margin-right: 20px; } #ShoppingCart .form-submit-button i { font-size: 24px; } #ShoppingCart .form-control { font-size: 16px; } #ShoppingCart .porucivanje-prazna-korpa { display: flex; justify-content: center; align-items: center; color: #58595b; font-size: 20px; font-weight: 500; padding: 30px; } #ShoppingCart .porucivanje-prazna-korpa img { margin-right: 50px; } i.price-modifier { font-size: 16px; color: #58595b; margin-left:6px; cursor: pointer; } i.price-modifier:hover { color:#72a631; } .user-logged-in:before { background: linear-gradient(0deg, rgba(82,114,60,0.75) 0%, rgba(130,166,64,0.75) 50%, rgba(190,217,103,0.75) 100%); border-radius: 50%; } .bootstrap-dialog .modal-dialog .modal-body { overflow-y: auto; max-height: 75vh; } #PriceModifier h4 { margin: 10px 0; } #PriceModifier h5 { font-size: 15px; } input.form-control[data-date] { width:96px; } .text-red-bold { color: red; font-weight: 300; }