/*HIKASHOP*/ /*VEX POPUP*/ .vex-theme-default{ /*display: none;*/ } .notifyjs-metro-base .image{ padding-right: 5px; } .notifyjs-metro-base .text{ line-height: 16px; } .notifyjs-metro-base .title{ line-height: 19px; margin-bottom: 7px; } .vex.vex-theme-default .vex-dialog-button.vex-dialog-button-primary{ font-size: 12px; text-transform: none; line-height: 16px; width: auto; background-color: #7d0000!important } /*POPUP U PROIZVOD STRANI*/ #sb-container img{ background-color: #efefef; } /*GASIM PRIKAZ E-MAIL-a U REGISTRACIJI*/ .hikashop_registration_email_line{ } #hika_registration_type{ } .hkform-horizontal {border:0px solid #ff0000; padding-top:0px;} .hkform-horizontal legend{border:0px solid #ff0000!important; margin-top:0px!important;} #hikashop_checkout_login_1_0 #hikashop_checkout_guest_email_title{ } #hikashop_checkout_login_1_0 #hikashop_checkout_guest_email_value{ } #hikashop_checkout_login_1_0 .hikabtn_checkout_guest_logout{margin:0px 0px 20px 10px;} /*OPSTE*/ .hikashop_category_information h1{color:#133337; text-transform:uppercase; font-size:24px;} /*CONTAINER*/ .hikashop_container{ font-family: 'Roboto', sans-serif; overflow:hidden; padding-bottom:40px;} /************************************************************************************************************************/ /************************************************************************************************************************/ /*LISTING PROIZVODA*/ .hikashop_products_listing_switcher{ display: none; } .hikashop_products_listing_main .categoryTitle{ font-size:34px; line-height: 44px; margin-bottom: 30px; padding-left: 12px;} .hikashop_products_listing{border:0px solid #ff00ff!important;} .hikashop_products_listing .hikashop_container{ margin:0!important; } .hikashop_products_listing .hikashop_product_name{ line-height:26px; margin:0px 0px; padding:10px 0px 4px 20px; margin-bottom:0px; overflow:hidden; border-top:1px solid #ddd; box-sizing: border-box; } .hikashop_products_listing .hikashop_product_name a{font-size:26px!important; line-height: 26px!important; color:#000!important; font-weight: bold;} .hikashop_products_listing .hikashop_product_name a:hover{color:#068af0!important;} .hikashop_products_listing .hikashop_product_custom{ min-height: 43px; } .hikashop_products_listing .hikashop_product_custom_name{ padding-left: 20px; margin-top:0px; text-transform: uppercase; color:#777; text-align: left; } .hikashop_products_listing .hikashop_product_custom_name label{ margin:0px; font-size: 11px; line-height: 15px; } .hikashop_products_listing .hikashop_product_custom_value{ padding-left: 20px; color:#000; text-align: left; line-height: 20px; font-size: 14px; } .hikashop_products_listing .hikashop_product_custom_value span{display: inline-block; text-align: center!important; border:1px solid #efefef; padding:4px 4px 2px 4px; margin-right: 3px; width: 20px; } /*......CIJENA*/ .hikashop_products_listing .hikashop_product_price_full{ display:none; } /*......SLIKA*/ .hikashop_products_listing .hikashop_discount_icon{position:absolute; font-weight: bold; top:15px; left:10px; border:2px solid #7d0000; color:#7d0000; border-radius: 50%; z-index:50; padding:15px 10px;/* box-shadow: 0 0 6px 0 rgba(0,0,0,.5);*/} .hikashop_products_listing .hikashop_listing_img_title { text-align:center; margin:10px; border:1px solid #efefef; padding:0px 0px; padding-bottom: 15px; box-sizing: border-box; } .hikashop_products_listing .hikashop_listing_img_title:hover{ border:1px solid #efefef; box-shadow: 0 0 10px 0 rgba(0,0,0,.1); } .hikashop_products_listing .hikashop_listing_img_title .hikashop_product_code_list{display:none!important;} .hikashop_products_listing .hikashop_product_image{border:0px solid #ddd; overflow:hidden; height:auto!important;} .hikashop_products_listing .hikashop_product_image_subdiv{border:0px solid #ddd; width:100%!important;} .hikashop_products_listing .hikashop_product_image_subdiv .hikashop_product_listing_image{border:0px solid #ff0000; background-color: #efefef; width:100%!important; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s;} .hikashop_products_listing .hikashop_product_image_subdiv .hikashop_product_listing_image:hover{} /*.......QUANTYTY*/ .hikashop_products_listing .hikashop_product_stock_count{display:none;}/*gasim stock count u listingu samo, ostaje u product page*/ .hikashop_products_listing .hikashop_product_no_stock{font-size:12px; line-height:36px; border:0px solid #ff0000; color:#7d0000;} .hikashop_products_listing .hikashop_product_quantity_div{display:none;} .hikashop_products_listing .hikashop_product_quantity_change_div_leftright{ display: none;} .hikashop_product_stock{ display: none; } .hikashop_products_listing .hikabtn.hikacart{display:none;} .hikashop_products_listing #hikashop_add_wishlist{ display:none;} .hikashop_products_listing .hikawishlist{ display:none;} .hikashop_products_listing h2{ font-size:22px; font-size:30px!important; font-weight:normal!important;} .hikashop_products_listing .span4{border:0px solid #ff00ff!important; margin:0px!important; float:left!important; width:33%!important; } .hikashop_products_listing .hikashop_rasprodato{ position:absolute; width:200px; top:50%; left:50%; z-index:50; margin-left: -100px; margin-top:-18px; } /*LISTING PROIZVODA - LIST PRIKAZ*/ .hikashop_products.display_list .hikashop_listing_img_title{ overflow: hidden; } .hikashop_products.display_list .hikashop_product_image_subdiv{ width: 200px!important } .hikashop_products.display_list .hikashop_product_name{display: block; width: 90%!important; height: auto; margin-top:20px!important; } .hikashop_products.display_list .hikashop_product_price_full {display: block; border:0px!important; margin:0px; height: auto; width: 97%!important; } .hikashop_products.display_list .hikashop_product_stock_count{ display: none; } /*LISTING PROIZVODA - KAD SE UDJE U KATEGORIJU*/ #hikashop_category_information_module_ .hikashop_product_name{border:0px solid #0000ff!important;} #hikashop_category_information_module_ .hikashop_product_name a{font-size:14px!important; line-height:20px!important; font-weight: bold;} #hikashop_category_information_module_ .hikashop_product_code_list{border:1px solid #0000ff!important; width:100%!important; line-height:18px!important; text-align:left!important; display:none;} #hikashop_category_information_module_ .hikashop_product_code_list a{color:#999!important;} #hikashop_category_information_module_ .hikacart{width:66%; padding:7px 0px;} /*LISTING PROIZVODA - KAD SE UDJE U KATEGORIJU - FILTERI*/ .hikashop_products_listing_main .hikashop_filter_main.hikashop_filter_main_Pretragasvihartikala_1{ display: none; } .hikashop_products_listing_main .hikashop_filter_main_div{ display: none; } .hikashop_products_listing_main .hikashop_filter_main_div h3{ display: none; } /*LISTING STRANA - FILTER*/ .hikashop_submodules .hikashop_filter_main_div {border:1px solid #ff0000; display:none; } /*LISTING KATEGORIJA - KAD SE UDJE U KATEGORIJU*/ .hikashop_subcategories_listing .hk-row-fluid{border:0px solid #ff0000;} .hikashop_subcategories_listing .hk-row-fluid .hikashop_category_image{border:0px solid #ff0000; height:auto!important;} .hikashop_subcategories_listing .hk-row-fluid .hikashop_category_name{border:0px solid #ff0000; display:block; margin-top:-15px; text-transform:uppercase; line-height:22px; height:44px; overflow:hidden;} /*MODUL LISTING KATEGORIJA - LIJEVA STRANA*/ .izborKategorije{ display:block; margin-top:30px; padding-top:25px; padding-bottom: 10px; padding-left: 30px; background-color:#f3f3f3; color:#000; font-size:24px; text-align:left; line-height:30px; font-weight:bold; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .categories-left{ margin-top:0px; padding:15px 20px; background-color: #f3f3f3; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .categories-left-title{ text-transform: uppercase; font-weight: 300;letter-spacing: 4px; font-size:14px; line-height: 22px; margin:0px; margin-bottom: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .categories-left-box{ border:0px solid #ff0000; margin-bottom: 15px; padding:10px 10px; } .categories-left ul{ border:0px solid #ff0000; margin:5px 0px; overflow:hidden;} .categories-left li{ line-height:20px; padding: 7px 0px 7px 35px; border-bottom:1px dashed #ccc; position: relative;} .categories-left li::before{ /*font-family: 'Material Icons Round'; */content:''; background:url('../images/icon-building.png') center center no-repeat; background-size: cover; color:#000; position: absolute; left:5px; top:50%; width:20px; height: 20px; margin-top:-10px; } .categories-left li:hover::before { color:#068af0;} .categories-left li:last-child{ border-bottom:0px dashed #ddd;} .categories-left li a{font-size:15px; line-height: 19px; } .categories-left li a:hover{ color:#068af0;} /************************************************************************************************************************/ /************************************************************************************************************************/ /*PROIZVOD STRANA*/ .hikashop_product_page{border:0px solid #ff00ff!important;} /*TOP PART*/ #hikashop_product_top_part {border:0px solid #ff0000; display:none; margin:30px 0px 10px 0px;} #hikashop_product_top_part h1{font-size:20px; text-transform:uppercase; color:#333; overflow:hidden;} #hikashop_product_top_part .hikashop_product_name_main{float:left; border:0px solid #ff0000; line-height:30px;} #hikashop_product_top_part .hikashop_product_code_main{float:right; border:0px solid #ff0000; font-size:14px; line-height:30px;} /*LEFT PART*/ #hikashop_product_left_part{border:0px solid #ff0000!important; width:55%!important; margin-right: 5%!important; position: relative;} #hikashop_product_left_part .hikashop_rasprodato{ position: absolute; z-index: 99; top:50%; left:50%; width: 200px; margin-left: -100px; margin-top:-25px; } #hikashop_product_left_part .hikashop_product_main_image_thumb{border:1px solid #ddd!important; height:auto!important; overflow:hidden; } #hikashop_product_left_part .hikashop_product_main_image_subdiv{border:0px solid #0000ff!important; width:100%!important; } #hikashop_product_left_part .hikashop_product_main_image{border:0px solid #0000ff!important; height:auto!important; } #hikashop_product_left_part #hikashop_main_image{border:0px solid #ff0000!important; width:100%!important; } #hikashop_product_left_part .hikashop_small_image_div{ margin-top:15px; } #hikashop_product_left_part .hikashop_child_image{border:1px solid #ddd!important; height:70px!important; margin:0px!important; margin-right:12px!important; background-color: #efefef;} #hikashop_product_left_part .hikashop_child_image:hover{border:1px solid #2e5b92!important; } /*RIGHT PART*/ #hikashop_product_right_part{border:0px solid #0000ff!important; font-size:12px; line-height:18px; padding-top:0px; width:40%!important;} #hikashop_product_right_part h1{ display: inline-block; padding:4px 10px; font-size:36px; line-height: 46px; background-color: #b5cfee; font-weight:bold; color:#000; overflow:hidden; } #hikashop_product_right_part .kategorije{ border:0px solid #ff0000; margin:0px; margin-bottom:80px; text-transform:uppercase; color:#333; } #hikashop_product_right_part .kategorije .titleKategorije{font-weight:bold;} #hikashop_product_right_part .logoMini img{border:0px solid #0000ff; height:120px; margin-bottom:10px;} #hikashop_product_right_part #hikashop_social{margin:5px 0px;} #hikashop_product_right_part #hikashop_social .hikashop_social_fb_button{ height: 20px; } #hikashop_product_right_part .category-box{ display: block; font-size:12px; line-height: 22px; margin-bottom: 15px; } #hikashop_product_right_part .hikashop_product_code_main{ font-size:12px; text-transform: uppercase; line-height: 22px; color:#666; border:0px solid #ddd; } #hikashop_product_right_part .product-category{ font-size:18px; text-transform: uppercase; color:#000; padding:3px 10px 3px 0px; margin-right: 7px; } #hikashop_product_right_part .product-ulaz{ font-size:14px; line-height:20px; padding-left: 13px; font-weight: bold; border-left: 4px solid #b5cfee; display: block; text-transform: uppercase; margin-top:30px;} #hikashop_product_right_part .product-brojsoba{ font-size:18px; line-height:18px; display: inline-block; padding: 5px 15px 4px 15px; border:2px solid #b5cfee; text-transform: uppercase; margin-top:30px;} #hikashop_product_right_part .product-spratovi{margin-top:30px;} #hikashop_product_right_part .product-spratovi-title { font-size: 14px; line-height: 18px; color:#666; text-transform: uppercase; margin-bottom: 4px; } #hikashop_product_right_part .procudt-spratovi-arr {color:#000; text-align: left; line-height: 28px; font-size: 18px;} #hikashop_product_right_part .procudt-spratovi-arr span{ display: inline-block; text-align: center!important; border:1px solid #efefef; padding:4px 4px 2px 4px; margin-right: 3px; width: 26px; } #hikashop_product_right_part .product-rok{ margin-top:30px;} #hikashop_product_right_part .product-rok-title { font-size: 14px; line-height: 18px; color:#666; text-transform: uppercase; margin-bottom: 4px; } #hikashop_product_right_part .product-rok-val {color:#000; text-align: left; line-height: 28px; font-size: 18px; font-weight: bold;} /*.......PRISE*/ #hikashop_product_right_part .hikashop_product_price_full{ display: none; } /*.......QUANTITY*/ #hikashop_product_right_part .hikashop_product_quantity_main{ display: none; } /*.......DUGME*/ #hikashop_product_right_part .hikabtn.hikacart{ display: none;} #hikashop_product_right_part #hikashop_add_wishlist{ display:none;} #hikashop_product_right_part .hikawishlist{display:none;} .hikashop_child_image{border:0px solid #ff0000; height:50px!important;} /*.......BOTTOM PART*/ .hikashop_product_bottom_part{border:0px solid #ff0000; margin:30px 0px; margin-top:60px; width:99%; padding:0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .hikashop_product_bottom_part .hikashop_tabs_li{border:0px solid #ff0000; color:#000; font-size: 24px!important; padding:0px!important; text-align: left; text-transform: uppercase; line-height: 34px!important; font-weight: 300; letter-spacing: 6px; margin:0px!important;} .hikashop_product_bottom_part .hikashop_tabs_li_selected{background-color:#fff!important; } .hikashop_product_bottom_part .termin{float:left; line-height:18px;} .hikashop_product_bottom_part .termin .material-icons{ font-size:20px; line-height:20px; display: inline-flex; vertical-align: top; color:#689768; border:0px solid #ff0000; } .hikashop_product_bottom_part .hikawishlist{ display:none!important;} .hikashop_product_bottom_part .hikabtn:hover{background-color:#689768;} .hikashop_product_bottom_part .hikashop_tabs_content { border-radius:0px; padding:0px; font-size:12px; line-height:18px; border:0px; border-top:0px solid #efefef; margin-top:0px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .hikashop_product_bottom_part .hikashop_tabs_content p{font-size:12px; line-height:18px; margin-bottom:7px;} .hikashop_product_bottom_part .hikashop_tabs_content ul{border:0px solid #ff0000; font-size:12px; line-height:18px; margin-bottom:0px; } .hikashop_product_bottom_part .hikashop_tabs_content ul li{ margin-left:0px; margin-bottom:7px; } .hikashop_product_bottom_part .hikashop_tabs_content table{width: auto } .hikashop_product_bottom_part .hikashop_tabs_content table tr:nth-child(odd){ background-color: #efefef; } .hikashop_product_bottom_part .hikashop_tabs_content table tr:nth-child(even){ background-color: #fff; } /*SLIKA FASADE*/ .hikashop_product_bottom_part .fasada-title{ margin-top:60px; text-transform: uppercase; font-size: 24px; text-align: left; line-height: 34px; font-weight: 300; letter-spacing: 6px; margin-bottom: 40px;} .hikashop_product_bottom_part .fasada{ margin-bottom: 20px; } /*ATRIBUTI ZA CIJELU ZGRADU*/ .hikashop_product_bottom_part .category-attricutes{ background-color: #f4f4f4; margin-top:10px; overflow: hidden; padding:25px 0px; } .hikashop_product_bottom_part .category-attricutes ul li{position:relative; width: 25%; color:#777; float:left; font-size: 12px!important; line-height: 16px!important; min-height: 34px; text-transform: uppercase; margin:0px 0px 30px 0px!important; padding:0px 20px; padding-top:70px; list-style-type: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; } .hikashop_product_bottom_part .category-attricutes ul li::before{ position: absolute; content: ''; width:60px; height:60px; left:50%; margin-left:-30px; top:0px; border:0px solid #cc0000; } .hikashop_product_bottom_part .category-attricutes ul li.spratovi::before{ background:url('../images/icon-spratovi.png') center center no-repeat; background-size: cover; } .hikashop_product_bottom_part .category-attricutes ul li.parket::before{ background:url('../images/icon-parket.png') center center no-repeat; background-size: cover; } .hikashop_product_bottom_part .category-attricutes ul li.grijanje::before{ background:url('../images/icon-grijanje.png') center center no-repeat; background-size: cover; } .hikashop_product_bottom_part .category-attricutes ul li.grijanje-tp::before{ background:url('../images/icon-grijanje-tp.png') center center no-repeat; background-size: cover; } .hikashop_product_bottom_part .category-attricutes ul li.lift::before{ background:url('../images/icon-lift.png') center center no-repeat; background-size: cover; } .hikashop_product_bottom_part .category-attricutes ul li.parking::before{ background:url('../images/icon-parking.png') center center no-repeat; background-size: cover; } .hikashop_product_bottom_part .category-attricutes ul li.garaza::before{ background:url('../images/icon-garaza.png') center center no-repeat; background-size: cover; } .hikashop_product_bottom_part .category-attricutes ul li.unutrasnja::before{ background:url('../images/icon-unutrasnja.png') center center no-repeat; background-size: cover; } .hikashop_product_bottom_part .category-attricutes ul li.ulazna::before{ background:url('../images/icon-ulazna.png') center center no-repeat; background-size: cover; } .hikashop_product_bottom_part .category-attricutes ul li.keramika::before{ background:url('../images/icon-keramika.png') center center no-repeat; background-size: cover; } .hikashop_product_bottom_part .category-attricutes ul li.fasada::before{ background:url('../images/icon-fasada.png') center center no-repeat; background-size: cover; } .hikashop_product_bottom_part .category-attricutes ul li.stolarija::before{ background:url('../images/icon-stolarija.png') center center no-repeat; background-size: cover; } .hikashop_product_bottom_part .category-attricutes ul li.video-nadzor::before{ background:url('../images/icon-video-nadzor.png') center center no-repeat; background-size: cover; } .product-desc-cont{ overflow: hidden; width:100%; margin-top:40px; } .product-desc-box{ padding-top:0px; float: left; } .product-desc-box:nth-child(1){ width: 50%; } .product-desc-box:nth-child(2){ width: 50%; } .product-desc-box table { } .product-desc-box table th{ font-size: 14px; line-height: 20px; padding:10px 20px; background-color: #b5cfee;} .product-desc-box table td{ font-size: 14px; line-height: 20px; padding:10px 20px; } .product-desc-box table tr:last-child td{ font-weight: bold; border-bottom: 1px solid #b5cfee } .product-desc-subtitle{ font-weight: bold; margin-bottom: 20px; font-size:16px; line-height: 16px; } .product-desc-temp{ padding:25px 0px; } .product-desc-temp span{ padding:20px 12px; font-size:20px; line-height: 20px; font-weight: bold; border-radius: 10px; background-color:#bdddbd; } .product-desc-temp span:nth-child(2){ margin-left: 20px; background-color:#ddbdbd; } .product-desc-food-cont{ display: flex; } .product-desc-food { font-size:15px; line-height: 21px; margin-bottom: 20px; } .product-desc-food-span{ height:60px; display: block; font-size:20px; color:#efefef; width: 60px; margin:0px auto; margin-bottom: 5px; line-height: 20px; font-weight: bold; border-radius: 10px; background-color:#efefef; } /*SISTEMSKE PORUKE*/ #hikashop_messages_error{border:1px solid #ffe3e3!important; background-color:#ffe3e3; margin:0px; padding:5px 10px; margin-bottom:15px; border-radius:10px; font-size:12px; line-height:18px; color:#111;} #hikashop_messages_error ul{margin-bottom:0px!important;} #hikashop_messages_error ul li{font-size:12px!important; line-height:16px; margin-left:0px!important; margin-bottom: 0px!important} #hikashop_messages_warning{border:1px solid #ffe3e3!important; background-color:#ffe3e3; margin:0px; padding:5px 10px; margin-bottom:15px; border-radius:10px; font-size:12px; line-height:18px; color:#111;} #hikashop_messages_warning ul{margin-bottom:0px!important;} #hikashop_messages_warning ul li{font-size:12px!important; line-height:16px; margin-left:0px!important;margin-bottom: 0px!important} /*PAGINATION*/ .hikashop_products_pagination{border:0px solid #ff0000; display:block;} .hikashop_products_pagination span{border-radius:3px; border:1px solid #ddd; padding:4px 10px; margin:3px 0px; margin-right:3px; font-size:14px; background-color:#ddd; color:#999; } .hikashop_products_pagination a{border-radius:3px; border:1px solid #ddd; padding:4px 10px; margin:3px 0px; margin-right:3px; font-size:14px; } .hikashop_products_pagination a:hover{ background-color: #ddd; transition: .5s; color:#000; } .hikashop_products_pagination .limit{border:0px solid #ff0000; display:none;} /*ukidam mogucnost izbora prikaza broj proizvoda po strani*/ .hikashop_products_pagination .counter{border:0px solid #ff0000; display:block; margin-top:10px; font-size:14px;} .hikashop_products_pagination .hikashop_results_counter{border:0px solid #ff0000; display:none;} /*ukidam brojac proizvoda od ukpno proizvoda*/ .hikashop_products_pagination .pagenav_text{border:0px solid #ff0000; display:none;} /*ukidam span sledeca i pocetak, prethodna i kraj*/ .hikashop_products_pagination .pagenav_start_chevron, .hikashop_products_pagination .pagenav_end_chevron{border:0px solid #ff0000; display:none;} /*ukidam znak za kraj i pocetak*/ .hikashop_products_pagination .hikashop_end_link, .hikashop_products_pagination .hikashop_next_link{border:0px solid #ff0000; display:none;} /*ukidam linkove sledeca i poslednja*/ .hikashop_products_pagination .hikashop_start_link, .hikashop_products_pagination .hikashop_previous_link{border:0px solid #ff0000; display:none;} /*ukidam linkove prethodna i start*/ /*FOOTER**/ .hikashop_footer{} /*------------------------------------------------------------------------ # JF_CALLA-EXTERIORS! - JOOMFREAK.COM JOOMLA 2.5 TEMPLATE # June 2013 # ------------------------------------------------------------------------ # COPYRIGHT: (C) 2013 JOOMFREAK.COM / KREATIF MULTIMEDIA GMBH # LICENSE: Creative Commons Attribution # AUTHOR: JOOMFREAK.COM # WEBSITE: http://www.joomfreak.com - http://www.kreatif-multimedia.com # EMAIL: info@joomfreak.com -------------------------------------------------------------------------*/ * { margin: 0; padding: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a:focus {outline: none;} a:hover, a:active { outline: 0!important; } a img {outline : none!important;} sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { max-width: 100%; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle; outline: none!important; } input, textarea { background-color: #FAFAFA; border: 1px solid #EAEAEA; padding: 4px; } button { line-height: normal; padding: 0; border: 0; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } textarea { overflow: auto; vertical-align: top; } .clearfix:before, .clearfix:after { content: ""; display: table; line-height: 0; } .clearfix:before, .clearfix:after { content: ""; display: table; line-height: 0; } .clearfix:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } body { margin: 0; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 24px; color: #000; background-color: #fff!important; border:0px solid #ff0000!important; } #jf-body p{color:#000;} a {color: #000; text-decoration: none;} a:hover {color: #068af0; text-decoration: none;} h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-serif; font-weight: normal; line-height: normal; color: inherit; } h1 { font-size: 36px; } h2 { font-size: 20px; font-weight:bold; color:#111; } h3 { font-size: 18px; } h4 { font-size: 18px; margin: 0 0 20px; } h5 { font-size: 14px; } h6 { font-size: 12px; } p {margin: 0 0 20px; } ul, ol {margin-left: 0; } fieldset { padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 18px; font-size: 19.5px; line-height: 36px; color: #333; border: 0; } label, input, button, select, textarea { font-size: 14px; line-height: 20px; line-height: normal; } label { display: block; margin-bottom: 5px; } button, .button { border: none; color: #fff; cursor: pointer; display: inline-block; font-size: 18px; line-height: 31px; padding: 0; } #system-message{ margin: 10px; } #jf-wrapper { overflow: hidden; position: relative; } .wrap { clear: both; width: 100%; } /*FORMA*/ select option {font-size: 15px; background-color: #fff!important; line-height: 25px!important; color: #000} .forma {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-bottom: 50px;} .forma-cont{ overflow: hidden; padding-top:6px; } .forma-100{ margin-bottom: 30px; position: relative; } .forma-50{ width:48%; float:left; margin-right:4%; position: relative; margin-bottom: 20px; } .forma-50:nth-child(2){margin-right:0%; } .forma-30{ width:30%; float:left; margin-right:5%; position: relative; margin-bottom: 20px; } .forma-30:nth-child(3){ margin-right:0%; } .forma-center{ float:none; margin:0px auto; margin-bottom: 30px; } .forma .clr { width: 100%; overflow: hidden;} .forma input, .forma select, .forma textarea {font-size: 15px; line-height: 23px; background-color: transparent; padding: 18px 0 8px 23px; width: 100%; border:1px solid #ddd; background-color:transparent; color: #000; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-appearance:none; -webkit-appearance:none; appearance:none; } .forma input[type="submit"]{ padding: 10px 60px; font-size: 16px; width: auto; background-color: #045de9; background: #1e73be; color:#fff; border:0px; font-weight: bold; margin-bottom: 30px; margin-top:10px;} .forma input[type="submit"]:hover{ background-color: #1859b2; background-image: linear-gradient(315deg, #1859b2 0%, #038fe8 74%); color:#fff; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; } .forma select { height: 40px; -webkit-box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .forma select option{ line-height: 22px;} .forma input:focus, .forma select:focus, .forma textarea:focus { outline:none!important; } .forma textarea{ font-family: 'Roboto', sans-serif; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .formErr {color: #cc0000; font-size:12px; line-height:14px; text-align: left;} .formLabel {color: #111; position: absolute; top:4px; left:25px; font-size: 10px; line-height:10px; letter-spacing: 2px; font-weight: 300; text-transform: uppercase; } .forma_uspjesno{font-size: 18px; line-height: 26px; width:70%; margin:30px auto; background:#d2ffd6; border-radius: 15px; padding:30px; text-align: center; color:#1a6021; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .forma_neuspjesno{font-size: 18px; line-height: 26px; width:85%; margin:30px auto; background:#ffe6e6; border-radius: 15px; padding:30px; text-align: center; color:#cc0000; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} /* HEADER */ .page-header{ border:0px solid #ddd; } .page-header h1{ font-size: 34px; line-height: 44px; font-weight: bold; margin-bottom: 30px; } /*SYSTEM MESSAGES*/ #system-message{border:1px solid #ffe3e3!important; background-color:#ffe3e3; border-radius: 10px; margin:0px; margin-bottom:20px; padding:15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} #system-message .close{font-size:18px;} #system-message .alert-heading{font-size:14px; font-weight:bold; margin-bottom:8px;} #system-message .alert-message{margin-bottom:5px;} #system-message dt{ font-size:14px; line-height:18px; font-weight: bold; margin-bottom: 10px;} #system-message ul{ margin:0px!important; list-style-type: none!important; } #system-message ul li{ margin-left: 15px!important; } #system-message ul li:last-child{ margin-bottom: 0px; } #system-message a{ font-weight: bold; color:#990000; } /* MAIN NAVIGATION */ #kiwi-menu {border:0px solid #ff0000; position: absolute; left:15%; top:12px; width:70%; height:31px; text-align: center; padding:0px; margin:0px; margin-left:10px; z-index:99; float:left;} #kiwi-menu > ul{ border:0px solid #ff0000; display: inline-block; } #kiwi-menu ul.menu li {display: block; position: relative; font-size:13px; cursor: pointer; float: left; text-align: left; margin:0px 10px; padding:0px 5px; color: #fff; font-weight:normal; line-height:31px; text-transform: uppercase; } #kiwi-menu ul.menu li.active{ color:#b5cfee; } #kiwi-menu ul.menu li.active a{ color:#b5cfee; } /*#kiwi-menu ul.menu li.active:after{display:block; content:''; position:absolute; left:0%; bottom:0; width:100%; height:2px; background-color:#b5cfee; -webkit-transition:all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition:all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition:all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55);} #kiwi-menu ul.menu li:after { display:block; content:''; position:absolute; left:0; bottom:0; width:0%; height:2px; background-color:#b5cfee; -webkit-transition:all .4s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition:all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition:all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55); } #kiwi-menu ul.menu li:hover:after{width:100%;}*/ #kiwi-menu ul.menu li:hover { color:#b5cfee; transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s; } #kiwi-menu ul.menu li a{ color:#fff; } #kiwi-menu ul.menu li a:hover{ color:#b5cfee; } #kiwi-menu .nav-child{display:none; position:absolute; left:-15px; min-width:240px; background-color:#fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); transition:0.7s; padding:20px 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #kiwi-menu .parent:hover .nav-child{display:block; transition: 0.5s; -moz-transition:0.5s; -webkit-transition: 0.5s; -o-transition:0.5s; } #kiwi-menu ul.menu li ul{ } #kiwi-menu ul.menu li ul li{ color:#000; line-height:30px!important; font-size:14px!important; margin: 0px; text-transform:none!important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; } #kiwi-menu ul.menu li ul li.divider{ margin-top:15px; margin-bottom: 7px; font-size: 12px!important; letter-spacing: 4px; font-weight: 300; text-transform: uppercase!important; } #kiwi-menu ul.menu li ul li:hover{ color:#000; } #kiwi-menu ul.menu li ul li a{ color:#000; } #kiwi-menu ul.menu li ul li a:hover{ color:#068af0; } #kiwi-menu ul.menu li.active ul li a{ color:#000;} #kiwi-menu ul.menu li.active ul li a:hover{ color:#068af0;} #kiwi-menu ul.menu li ul li:nth-child(odd){ width: 100%; display: block; float:none; } #kiwi-menu ul.menu li ul li:nth-child(even){ width: 100%; display: block; float:none; } #kiwi-menu ul.menu .item-127{ display: none; } #kiwi-menu ul.menu .item-116 .nav-child { padding-top: 5px; } #kiwi-menu ul.menu .item-116 ul li a{ margin-left: 25px } #kiwi-menu ul.menu .item-116 ul li::before { content: ''; background: url('../images/icon-building.png') center center no-repeat; background-size: auto; background-size: cover; color: #000; position: absolute; left: 0px; top: 50%; width: 18px; height: 18px; margin-top: -9px; } #kiwi-menu ul.menu .item-116 ul li.divider::before { display: none; } #kiwi-menu ul.menu .item-119 .nav-child {padding: 20px 20px 15px 20px; } #kiwi-menu ul.menu .item-119 ul li { border:1px solid #ddd; padding-left:15px; margin-bottom: 5px; } /* LANGUAGE JEZIK */ .jezik{float:right; z-index:1000; font-weight:700; border-left:0px solid #666; width:80px; font-size:14px; line-height:50px; } .jezik a{color:#684883;} .jezik .lang-active a{color:#EBE4F0;} /* jf-home-c */ #jf-home-c {color: #262626; font-size: 16px;} #jf-home-c p{color:#262626; font-size: 16px; line-height:26px;} #home-c-l {float: left;} #home-c-l-1 {float: left;} #home-c-l-2 {float: left;} #home-c-l-3 {float: left;} #home-c-l-4 {float: left;} #home-c-l-5 {float: left;} #home-c-l-6 {float: left;} #home-c-l-7 {float: left;} #home-c-l-8 {float: left;} #home-c-r {float: right;} #home-c-r-1 {float: right;} #home-c-r-2 {float: right;} #home-c-r-3 {float: right;} #home-c-r-4 {float: right;} #home-c-r-5 {float: right;} #home-c-r-6 {float: right;} #home-c-r-7 {float: right;} #home-c-r-8 {float: right;} #home-c-c {float: left;} #home-c-c-1 {float: left;} #home-c-c-2 {float: left;} #home-c-c-3 {float: left;} #home-c-c-4 {float: left;} #home-c-c-5 {float: left;} #home-c-c2-5 {float: left;} #home-c-c-6 {float: left;} #home-c-c-7 {float: left;} #home-c-c-8 {float: left;} #jf-home-c .main { padding: 70px 0; padding: 40px 0; border:0px solid #ff0000!important; } /* LATEST */ #jf-latest {background-clip: border-box;background-color: #000; background-image: url(../images/aktuelnosti.jpg); background-origin: padding-box;background-position: center center; background-repeat: no-repeat;background-size: cover; background-attachment: fixed; color: #fff;} #jf-latest h3 { color: #fff; } #jf-latest li, #jf-news li { float: left; width: 280px; margin-right: 60px; } /* CONTENT */ .contentMain{border:0px solid #ff0000; display:block; width:90%; margin:0px auto; margin-top:40px; overflow:hidden;} #jf-content{width:70%; border:0px solid #ff0000; float:right; margin-top:30px; background-color: #fff; margin-bottom:30px; padding-bottom: 50px;} #contentLeft{width:25%;border:0px solid #ff0000; float:left;} #jf-content, #jf-home-c, #jf-latest, #jf-news, #jf-map { position: relative; z-index: 50; } #jf-content .main {padding: 60px 0 60px; border:0px solid #ff0000; font-size:12px;} #jf-content #jf-content p { font-size:16px; line-height:26px;} #jf-content ul{ list-style-type:disc; margin-bottom:20px;} #jf-content ul li{ margin-left:40px; margin-bottom:8px; font-size:14px;} #jf-content .main ul{ list-style-type:disc; margin-bottom:20px;} #jf-content .main ul li{ margin-left:40px; font-size:14px; margin-bottom:8px;} #jf-content table td{ } #jf-home-c .main ul{ list-style-type:disc; margin-bottom:20px;} #jf-home-c .main li{ margin-left:40px; font-size:14px; margin-bottom:8px;} .item-page h1, .item-page h2 { font-size: 30px; margin-bottom: 30px; } .item-page{border:0px solid #ff0000;} .home #jf-content .main { padding: 0;} .itemid-115 #jf-content .main { padding: 0;} .itemid-121 #jf-content .main {padding: 0;} .itemid-120 #jf-content .main {padding: 0;} /* Mobile Menu */ a.gotomenu { display: none; } /*HEADER 2*/ .header-pages{position: relative; height:450px; } .header-brendovi{background: #7c0000; background: url(../images/izgradnja-objekata-tehnika-inzenjering.jpg) center bottom no-repeat; background-size: cover; } .header-brendovi .kiwi-slideshow-gradient{ height: 300px; } .header-brendovi-title { font-size: 90px; line-height: 100px; color:#fff; margin-top: 220px; font-weight: bold; } /*HEADER KONTAKT*/ .header-top{display: none; width: 100%; height: 35px; border-bottom: 1px solid #444; background-color: #262626; overflow: hidden; } .header-top-left{ line-height: 35px; color: #ccc; } .headerTelefon{background: url(../images/iconFooterTelephone2.png) center left no-repeat; padding-left:24px; float:left; text-transform: uppercase; font-size: 10px; } .headerEmail{background: url(../images/iconFooterEmail2.png) center left no-repeat; padding-left:24px; float:left; margin-left:20px; text-transform: uppercase; font-size: 10px; } .headerSpan{ color:#fff; text-transform: none; font-size: 12px; } .headerSpan a{ color:#fff; } /*HEADER STANOVI*/ .glavniMeni-dugme{ padding:5px 0px; margin-top:10px; } .glavniMeni-dugme span{ border:1px solid #fff; color:#fff; width:auto; background-color:transparent; font-size: 14px; line-height: 20px; text-transform: uppercase; padding:6px 30px 6px 30px; } .glavniMeni-dugme span:hover{ color:#000; background-color: #fff; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;} .header{ position:absolute; width:100%; height:80px; border-bottom:0px solid #444; z-index:100; } .header-logo{ position: absolute; left: 50%; transform: translateX(-50%); } .logoSlika{z-index:100; border:0px solid #ff0000; margin-top:15px; height:50px; position:relative;} .glavniMeniKontejner{height:55px;} .glavniMeni{width:100%; height:55px; top:80px; position:absolute; z-index:99; } #header2{width:100%; height:350px; border:1px solid #ff0000; background:url(../images/header2.jpg); background-position:center;} /*LEFT BANNER*/ .leftRow2{border:0px solid #ff0000; margin-top:30px; background-color:#efefef; overflow:hidden; color:#fff; margin-bottom:30px;} .leftRow2 h3{border:0px solid #ff0000; font-size:18px; line-height:26px; padding:0px; margin:10px; color:#fff; font-weight:bold;} .mobileHeader{ display:none;} .mobileHeaderContainer{ display:none;} .mobileHeaderLogo{ display:none;} .scale{transition-duration:0.5s; -o-transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration:0.5s;} .scale:hover{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); transition-duration:0.5s; -o-transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration:0.5s;} /*GENERAL*/ .margin_mobile{ margin:0px; } .margin_mobile_20{ margin:0px; } .galerije{position:absolute; top:45%; padding:20px 140px; font-size:30px; left:50%; margin-left:-180px; border:0px solid #283e28; background-color:#fff; color:#000; font-weight:bold; box-shadow: 10px 10px grey; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.4); } .galerije:hover{ background-color:#d40000; color:#fff;transition-duration:0.5s; -o-transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration:0.5s; } .shopCjenovnikLeft{width:47%!important; float:left; margin-right:5%; border:0px solid #ff0000;} .shopCjenovnikLeft th{ background-color:#689768; color:#fff;} .shopCjenovnikLeft td{ padding-left:5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .shopCjenovnikLeft tr:nth-child(even) {background: #eee} .shopCjenovnikLeft tr:nth-child(odd) {background: #FFF} .shopCjenovnikRight{width:47%; float:right;} .shopCjenovnikRight th{ background-color:#689768; color:#fff;} .shopCjenovnikRight td{ padding-left:5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .shopCjenovnikRight tr:nth-child(even) {background: #eee} .shopCjenovnikRight tr:nth-child(odd) {background: #FFF} /*POSLEDNJE DODATO*/ .poslednjeDodato .categoryTitle{display:none;} .tooltip{ visibility:hidden; display: none!important;} .popover { display: none!important; } .tip{display:none;} /*PAGES*/ /*...O NAMA*/ .page-onama-zahvalnica{ font-size:24px; line-height: 34px; margin:30px 0px; font-weight: bold; } .page-onama-iskustvo{ font-size:22px; line-height: 30px; margin:30px 100px; font-weight: bold; background-color: #b76c6c; color:#fff; border-radius: 15px; padding:20px 0px; } .page-onama-ime{ font-size:20px; font-weight: bold; color:#000; line-height: 26px; } .page-onama-vlasnici{ margin-bottom:10px; font-size: 16px; line-height: 26px; } .page-onama-titula{ color:#b76c6c; text-transform: uppercase; font-size: 14px; margin-bottom: 20px;} .page-onama-odjeljenje{ color:#000; text-decoration: underline; } .page-onama-telefon{color:#000; font-size: 15px; line-height: 23px; padding:3px 0px 3px 28px; margin-bottom:5px; background: url(../images/icon-phone.png) no-repeat; background-position:left center; background-size: 14px; } .page-onama-email{color:#000; font-size: 15px; line-height: 23px; padding:2px 0px 3px 28px; margin-bottom:30px; background: url(../images/icon-email.png) no-repeat; background-position:left center; background-size: 16px; } /*...GARAZE*/ .page-garage{ border-collapse: collapse; border-bottom: 3px double rgb(46, 91, 146); } .page-garage th{ padding:7px 15px; background-color: rgb(46, 91, 146); color:#fff; } .page-garage td{ padding:7px 15px; } .page-garage td:nth-child(2){ text-align: center; } .page-garage tr:nth-child(odd) td{ background-color: #efefef; } .page-garage tr:nth-child(odd) td{ background-color: #efefef; } /*NAS TIM*/ .nastim-cont{ width: 100%; overflow: hidden; margin-top:60px; } .nastim-box{position: relative; width: 30%; float:left; margin-right: 5%; margin-bottom:175px; background-color: #f8f8f8; } .nastim-box:nth-child(3n){ margin-right: 0%; } .nastim-img{ width:100%; background-color: #efefef; } .nastim-inner{ position: absolute; bottom:-100px; left:5%; width:90%; background-color: #efefef; padding:15px 20px; padding-right: 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .nastim-name{ font-size: 20px; font-weight: bold; color:#000; line-height: 26px; } .nastim-title{ font-size: 15px; color:#255fa5; line-height: 19px; margin-bottom: 10px; } .nastim-title2{ font-size: 12px; color:#000; letter-spacing: 3px; font-weight: 300; line-height: 22px; text-transform: uppercase; } .nastim-tel{ font-size: 13px; color:#000; font-weight: 300; line-height: 22px; position: relative; padding-left: 24px; } .nastim-tel::before { position: absolute; top:50%; left:0px; margin-top:-11px; font-family: 'Material Icons Round'; content:'phone_in_talk'; font-size: 14px; line-height: 22px; color:#255fa5; height:22px; } /*...FOOTER*/ .page-footer-podnaslov{ font-size: 18px!important; line-height: 28px!important; font-weight: bold; } /*...KONTAKTFORMULAR*/ .contact-form{ width: 100%; overflow: hidden; margin-bottom: 50px; } .contact-form-left{width: 50%; float:left; padding-right: 10%; border-right:1px solid #ddd; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .contact-form-right{ width: 27%; margin-left: 10%; float:left; } .kontakt-forma-intro{ font-size: 16px; line-height: 32px; color: #7e7d7d; text-align: left; margin-bottom: 32px;} /*KONTAKT RIGHT*/ .contact-right-title{ font-size:12px; line-height: 18px; margin-bottom: 18px; margin-top:40px; color:#000; font-weight: 300; text-transform: uppercase; letter-spacing: 4px; } .contact-right-title:nth-child(1){ margin-top:30px; } .contact-right-contact{ font-size:16px; line-height:20px; padding:13px 0px; background-color: #efefef; color:#000; margin-bottom: 10px; } .contact-right-adresa{position:relative; padding-left: 45px; } .contact-right-adresa::before{position: absolute; top:50%; left:10px; margin-top:-10px; font-family: 'Material Icons Round'; content:'home'; font-size: 18px; line-height: 20px; color:#1e73be; height:20px;} .contact-right-telefon{position:relative; padding-left: 45px; } .contact-right-telefon::before{position: absolute; top:50%; left:10px; margin-top:-10px; font-family: 'Material Icons Round'; content:'phone_in_talk'; font-size: 18px; line-height: 20px; color:#1e73be; height:20px;} .contact-right-email{position:relative; padding-left: 47px; } .contact-right-email::before{position: absolute; top:50%; left:10px; margin-top:-10px; font-family: 'Material Icons Round'; content:'mark_email_read'; font-size: 18px; line-height: 20px; color:#1e73be; height:20px;} .contact-right-social{ margin:15px 0px 15px 0px; } .contact-right-social img{height: 20px; margin-right:7px; background-color: #1e73be; padding:10px; cursor: pointer;} .contact-right-social img:hover{ background-color: #105796; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; } .contact-right-radno{ border-collapse: collapse; } .contact-right-radno td{ font-size: 14px; line-height: 24px; color:#000; padding-right: 20px; } .contact-right-radno tr td:nth-child(2){ color:#1e73be; font-weight: bold; } /*...GALERIJA*/ .page-galerija{ overflow: hidden; width: 100%; } .page-galerija img{ width: 24%; margin-right: 1.3%; float: left; margin-bottom: 10px; border-radius: 10px } .page-galerija img:nth-child(4n){ margin-right: 0%; } .page-galerija img:hover{ opacity: 0.7; cursor: pointer; } .page-modal { display: none; position: fixed; z-index: 9999; padding-top: 100px; left: 0;top: 0;width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.9); } .page-modal-content { margin: auto; position: relative; display: block; width: 50%; max-width: 500px; -webkit-animation-name: zoom; -webkit-animation-duration: 0.6s; animation-name: zoom; animation-duration: 0.6s;} @-webkit-keyframes zoom { from {-webkit-transform:scale(0)} to {-webkit-transform:scale(1)} } @keyframes zoom { from {transform:scale(0)} to {transform:scale(1)} } .page-modal-close { position: absolute; top: 15px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s;} .page-modal-close:hover,.page-modal-close:focus {color: #bbb; text-decoration: none; cursor: pointer;} .page-reservation{ padding: 20px 0px; overflow: hidden; width: 100%; text-align: center;} .page-button{ padding:13px 40px; border:1px solid #7d0000; border-radius: 20px; color:#000; text-transform: uppercase; font-size: 14px; line-height: 14px; } .page-button:hover{ color:#fff; background-color: #7d0000; cursor: pointer; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; } /*SLIDESHOW*/ .kiwi-slideshow-cont{ background-color: #262626; position: relative; } .kiwi-slideshow{ position:relative; overflow:hidden; text-align:center; margin:0px auto; z-index: 4} .kiwi-slideshow-images{overflow:hidden; border:0px solid #ffff00; height:100px; list-style-type:none; margin:0px;} .kiwi-slideshow-images li{ margin:0px; z-index: 2; } .kiwi-slideshow-slide{ position:absolute; width: 100%; background-color:#111; background-repeat: no-repeat; background-position: center center; background-size:cover; } .kiwi-slideshow-slide-m{ display: none; } .kiwi-slideshow-gradient{ position: absolute; width: 100%; height: 330px; top:0px; z-index: 5; background-image: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0));} .kiwi-slideshow-box{ position: absolute; z-index: 20; top:340px; left:13%; width: 40%; text-align: left } .kiwi-slideshow-logo{ opacity:1; position: absolute; width: 40%; top:180px; height: 150px; left:3%; text-align: center; z-index: 8; } .kiwi-slideshow-name{ position: absolute; z-index: 20; top:250px; left:13%; font-size: 14px; line-height: 24px; text-transform: uppercase; letter-spacing: 4px; font-weight: 300; color:#b5cfee; color:#fff; } .kiwi-slideshow-title{ font-size:80px; line-height: 90px; color:#fff; font-weight: bold; } .kiwi-slideshow-desc{ font-size:30px; line-height: 40px; color:#efcbcb; text-shadow: 0 0 1px #000; } .kiwi-slideshow-img{ height: 80px; margin-top:15px; } /*FADE EFFECT*/ .fade {border:0px solid #ff0000; top:100px; opacity:0; position: relative;} .pomjeriGore {top: 0px; opacity:1; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /*NASLOV*/ .naslov{ color:#111; text-align: left; font-weight: bold; font-size:42px; line-height: 54px; margin-bottom:18px; margin-top:18px;} .subtitle{/*font-family: 'Montserrat', sans-serif; */color:#111; font-weight: 300; text-align: left; font-size:12px; line-height: 16px; letter-spacing: 4px; text-transform: uppercase; } /*IZDVOJENI*/ .izdvojeni{ background-color: #fff; padding-top: 40px; padding-bottom: 40px; } .izdvojeni .subtitle{ padding-left: 15px; } .izdvojeni .subtitle:nth-child(3){ padding-left: 15px; margin-top:30px; } .izdvojeni .categoryTitle {padding-left: 15px; color: #111; font-weight: bold; font-size: 42px; line-height: 54px; margin-bottom: 18px; margin-top: 18px; } /*ZASTO MI*/ .why {position: relative; padding-top:40px; background:#fff url(../images/bg-zasto-izabrati-tehniku-inzinjering.jpg) center top no-repeat; background-size: 100% auto;} .kiwi-why-gradient{ position: absolute; width: 100%; height: 400px; top:0px; z-index: 5; background-image: linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,0)); } .why .main{ z-index: 10 } .why-cont{ overflow: hidden; padding: 85px 25px 30px 25px; } .why .naslov{ padding-left: 25px; } .why .subtitle{ padding-left: 25px; } .why-box{opacity: 0; position: relative; float: left; width: 23%; margin-right: 2.66%; padding:40px 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 8px 8px 30px 0 rgba(0,0,0,.12); box-shadow: 8px 8px 30px 0 rgba(0,0,0,.12); background-color: #fff; cursor: pointer; } /*.why-box:hover{ background-color: #045de9; background-image: linear-gradient(315deg, #045de9 0%, #09c6f9 74%); -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; } .why-box:hover::before{ color:#0466ea; top:-95px; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; } .why-box:hover .howto-img{ opacity: .4 } .why-box:hover .howto-title{ color:#fff; } .why-box:hover .howto-desc{ color:#eee; } .why-box::before{ position: absolute; z-index: -1; font-size: 90px; font-weight: bold; color:#ddd; line-height: 90px; top:-45px; right: 20px; }*/ .why-box:last-child{ margin-right: 0%; margin-top:60px;} .why-box:nth-child(2){ margin-top:60px; } .why-img{ height: 70px; width: 70px; background-color: #edf2ff; border-radius: 50%; overflow: hidden; text-align: center; } .why-img img{ height: 40px; margin-top: 15px; } .why-title{ font-size: 20px; line-height: 30px; font-weight: bold; color:#000; margin-top:20px; } .why-desc{ font-size: 16px; line-height: 24px; color:#777; margin-top:20px; min-height: 96px; } .why-img { position: relative; overflow: hidden;} .why-box:nth-child(1).why-animate { -webkit-animation: prikazi 0.5s 0.2s forwards; animation: prikazi 0.5s 0.2s forwards; } .why-box:nth-child(2).why-animate { -webkit-animation: prikazi 0.5s 0.35s forwards; animation: prikazi 0.5s 0.35s forwards; } .why-box:nth-child(3).why-animate { -webkit-animation: prikazi 0.5s 0.50s forwards; animation: prikazi 0.5s 0.50s forwards; } .why-box:nth-child(4).why-animate { -webkit-animation: prikazi 0.5s 0.65s forwards; animation: prikazi 0.5s 0.65s forwards; } @-webkit-keyframes prikazi { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes prikazi { 0% { opacity: 0; } 100% { opacity: 1; } } /*GARAŽE*/ .garage{position: relative; margin-top: 40px; padding:80px 0px; cursor: pointer; margin-bottom: 60px; background: url(../images/garaze-tehnika-inzinjering.jpg) center center no-repeat; background-size: cover } .garage-gradient{ position: absolute; z-index: 5; top:0px; left: 0px; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); } .garage-title{ position: relative; z-index: 10; font-size: 40px; line-height: 50px; font-weight: bold; color:#fff; text-align: center; text-transform: uppercase; } .garage-title a{ color:#fff; } /*MATERIJALI*/ .materijali-onama{ background: url(../images/tehnika-inzinjering-o-nama.jpg) left center no-repeat; background-size: 30% auto } .materijali{ padding:40px 0px;} .materijali-left{ float:left; width: 45%; position: relative; } .materijali-right{ float:right; width: 47%; } .materijali-cont{ overflow: hidden; width: 90%; max-width: 600px; margin:0px auto; } .materijali-box{ width: calc(32% - 2px); border:1px solid #555; border-radius: 20px; text-align: center; margin-right: 2%; float:left; text-align: center; padding:25px 0px; } .materijali-box:nth-child(3){ margin-right: 0%; } .materijali-box img{ width: 60%; } .materijali-box:hover{border:1px solid #000; background-color: #000;-webkit-transition: .5s; -moz-transition: .5s; transition: .5s; cursor: pointer; } .materijali-desc{ font-size: 16px; line-height: 32px; color: #7e7d7d; text-align: left; margin-bottom: 20px; } .materijali-atr{position: relative; padding-left:60px; color:#7e7d7d; font-size: 16px; line-height: 28px; margin-bottom: 20px; } .materijali-atr::before{ font-family: 'Material Icons Round'; content: 'done_all'; font-size: 30px; line-height: 30px; color: #b5cfee; position: absolute; left:5px; top:50%; margin-top:-15px; width: 30px; height: 30px; } .materijali-button{ padding: 10px 0px; margin-top:40px; } .materijali-button span{ padding:12px 50px; border:2px solid #b5cfee; color:#000; font-size: 14px; line-height: 20px; text-transform: uppercase; } .materijali-button span:hover{ background-color: #b5cfee; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; } .materijali-elementi {opacity: 0; position: absolute; width:190px; height: 190px; border:1px dashed #000; border-radius: 5px; padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .materijali-elementi:hover{ -moz-transform: scale(1.15); -webkit-transform: scale(1.15); transform: scale(1.15); -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; border:0px; cursor: pointer;} .materijali-elementi img{ border-radius: 5px; } .materijali-kupatilo{ top:0px; left:0px; } .materijali-fasada{ top:0px; right:0px; } .materijali-prozori{ bottom:0px; left:0px; } .materijali-ulazna-vrata{ bottom:0px; right:0px; } .materijali-kupatilo.materijali-animate { -webkit-animation: prikazi 0.5s 0.2s forwards; animation: prikazi 0.5s 0.2s forwards; } .materijali-fasada.materijali-animate { -webkit-animation: prikazi 0.5s 0.35s forwards; animation: prikazi 0.5s 0.35s forwards; } .materijali-prozori.materijali-animate { -webkit-animation: prikazi 0.5s 0.50s forwards; animation: prikazi 0.5s 0.50s forwards; } .materijali-ulazna-vrata.materijali-animate { -webkit-animation: prikazi 0.5s 0.65s forwards; animation: prikazi 0.5s 0.65s forwards; } /*...pulsiranje*/ .pulse_bovin{ left: 62.4%; top: 57.4%; } .pulse_tikves{ left: 58.9%; top: 60.6%; } .pulse_dalvina{ left: 86%; top: 57.5%; } .pulsating-circle { position: absolute; transform: translateX(-50%) translateY(-50%); width: 5px; height: 5px; } .pulsating-circle:before { content: ''; position: relative; display: block; width: 1000%; height: 1000%; box-sizing: border-box; margin-left: -500%; margin-top: -500%; border-radius: 50%; background-color: #fff; animation: pulse-ring 2.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; } .pulsating-circle:after { content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; margin-left: -50%; margin-top: -50%; background-color: #fff; border-radius: 10px; } .pulsating-circle2 { position: absolute; transform: translateX(-50%) translateY(-50%); width: 5px; height: 5px; } .pulsating-circle2:before { content: ''; position: relative; display: block; width: 1000%; height: 1000%; box-sizing: border-box; margin-left: -500%; margin-top: -500%; border-radius: 50%; background-color: #fff; animation: pulse-ring 2.25s .3s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; } .pulsating-circle2:after { content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; margin-left: -50%; margin-top: -50%; background-color: #fff; border-radius: 10px; } .pulsating-circle3 { position: absolute; transform: translateX(-50%) translateY(-50%); width: 5px; height: 5px; } .pulsating-circle3:before { content: ''; position: relative; display: block; width: 1000%; height: 1000%; box-sizing: border-box; margin-left: -500%; margin-top: -500%; border-radius: 50%; background-color: #fff; animation: pulse-ring 2.25s .6s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; } .pulsating-circle3:after { content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; margin-left: -50%; margin-top: -50%; background-color: #fff; border-radius: 10px; } @keyframes pulse-ring { 0% { transform: scale(0.33); } 80%, 100% { opacity: 0; } } /*O NAMA*/ .onama{ padding:40px 0px; } .onama-cont{ overflow: hidden; width: 100%; } .onama-left{ width: 45%; float:left; } .onama-right { width: 50%; float:right; } .onama-img{ text-align: left; margin-bottom: 20px; } .onama-img img{ } .onama-title{ font-size: 24px; font-weight: bold; line-height: 34px; color:#000; margin-bottom: 20px; text-align: left; } .onama-desc{ font-size: 16px; line-height: 32px; color:#7e7d7d; text-align: left; margin-bottom: 32px; } .dodatne{ width: 100%; } .dodatne-50{ float:left; width:48%; } .dodatne-50:nth-child(2){ float:right; } .dodatne-box{ display: flex; cursor: pointer; } .dodatne-box:hover .dodatne-title{ color:#068af0; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;} .dodatne-box:hover .dodatne-icon::after{ transform: rotate(0deg); -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;} .dodatne-box:hover .dodatne-center::before{ background-color: #068af0; transition: .5s;} .dodatne-box:hover .dodatne-icon::before{ border-left: 7px solid #d95a15; transition: .5s; } .dodatne-left{ width: 20%; } .dodatne-icon{font-size: 14px; line-height: 14px; color:#777; margin-top:28px; text-align: center; margin-right: 15px; float:right; position: relative } .dodatne-center{ width: 1px; background-color:#999; position: relative; } .dodatne-center::before{ content:''; position: absolute; top:31px; left:-3px; width: 7px; height: 7px; border-radius: 50%; background-color: #282828; z-index: 10; } .dodatne-center::after{ content:''; position: absolute; top:22px; left:-5px; width: 10px; height: 26px; border-radius: 50%; background-color: #fff; z-index: 9; } .dodatne-right{ width: calc(80% - 1px); padding-left: 30px; box-sizing: border-box; } .dodatne-title{ font-size: 18px; font-weight: bold; line-height: 24px; margin-bottom: 15px; color:#000; margin-top:24px; } .dodatne-desc{ font-size: 15px; line-height: 19px; color:#555; margin-bottom: 30px; } /*BROJACI*/ .brojaci{ background-color: #2e5b92; background-image: linear-gradient(315deg, #068af0 0%, #2e5b92 74%); position: relative; } .brojaci-abg-1{ position: absolute; right: 0px; bottom:0px; width: 30%; height: 240px; text-align: right; } .brojaci-abg-1 img{ position: absolute; right: 0px; bottom:0px; } .brojaci .naslov{ display: none; } .brojaci-cont{ width: 100%; display: table; } .brojaci-box{opacity: 0; width: 33%; display: table-cell; border-left: 1px dashed #138dec; padding:20px 0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .brojaci-box:first-child{border-left: 0px;} .brojaci-number{ font-size: 36px; text-align: center; color:#fff; font-size: 60px; font-weight: bold; line-height: 70px; } .fig-number{} .brojaci-title{position: relative; font-size:14px; text-align: center; font-weight: 300; color:#fff; letter-spacing: 4px; text-transform: uppercase; line-height: 26px; padding-top: 20px; margin-top:15px; } .brojaci-title::before{ position: absolute; content: ''; top:0px; left:50%; width:40px; height: 1px; margin-left: -20px; background-color: #fff; } .brojaci-box:nth-child(1).brojaci-animate { -webkit-animation: prikazi 0.5s 0.2s forwards; animation: prikazi 0.5s 0.2s forwards; } .brojaci-box:nth-child(2).brojaci-animate { -webkit-animation: prikazi 0.5s 0.35s forwards; animation: prikazi 0.5s 0.35s forwards; } .brojaci-box:nth-child(3).brojaci-animate { -webkit-animation: prikazi 0.5s 0.50s forwards; animation: prikazi 0.5s 0.50s forwards; } /*GOOGLE MAPA*/ .google-mapa{ padding:60px 0px; } #kiwi-map{ height: 500px; } /* BT - CONTENTSLIDER */ .novosti{ padding-bottom: 80px; } #btcontentslider140 .bt-row{ margin-bottom: 100px; overflow: visible!important; } #btcontentslider140 .bt-row .bt-center{padding:0px 10px; background: 0px solid #ff0000!important;} #btcontentslider140 .bt-row .bt-center:hover{ animation: fadeEffect 1s ease-in-out; } #btcontentslider140 .bt-row-last .bt-center{padding-left:10px; padding-right:0px; } #btcontentslider140 .bt-row-last .bt-center{padding-left:10px; padding-right:0px; } #btcontentslider140 .bt-row .bt-center:hover .bt-title{ color:#068af0;} #btcontentslider140 .bt-row-last .bt-center{padding-left:20px; padding-right:0px; } #btcontentslider140 .bt-row-first .bt-center{padding-right:20px; padding-left:0px;} #btcontentslider140 .bt-center img{} #btcontentslider140 .bt-row:nth-child(3) .bt-center{padding-left:20px; padding-right:0px;} #btcontentslider140 .bt-row:nth-child(5) .bt-center{padding-right:20px; padding-left:0px;} #btcontentslider140 .bt-date{border:0px solid #ff0000; display: block; padding:0px; margin:0px 0px 10px 0px!important; color:#888; font-size:13px; top:0px; line-height:15px; } #btcontentslider140 .traka{position: absolute; bottom:-95px; border:0px solid #ff0000; width: 90%; background-color: #efefef; left:5%; text-align:left; padding:30px 40px; box-sizing: border-box;} #btcontentslider140 .bt-title{ padding:0px; min-height: 48px; margin:0px!important; font-size:18px; line-height: 22px; color:#000; text-align:left; display:inline-block; font-weight: 700; text-transform: none; } #btcontentslider140 .bt-opis{ display: none; font-size: 14px; line-height: 26px; color:#7e7d7d; text-align: left; } #btcontentslider140 .bt-procitaj{ text-align: left; margin-top:15px; } #btcontentslider140 .bt-procitaj a{ color:#000; font-size: 12px; line-height: 12px; font-weight: 300; letter-spacing: 4px; text-transform: uppercase; } #btcontentslider140 .bt-procitaj a:hover{ color:#068af0; } #btcontentslider140 .bt-row-separate{border:0px solid #ff0000!important;} #btcontentslider140 .bt-row-separate:before{border:5px solid #ff0000!important;} @keyframes fadeEffect { 0% {opacity: 0.9;} 20% {opacity: 0.7;} 50% {opacity: 0.8;} 100% {opacity: 1;} } /* CATEGORY BLOG*/ .items-leading{overflow: hidden; display: block; } .items-leading .article-info{ display: none; } .items-leading article:nth-child(3n) .categoryBlog{ margin-right: 0%; } .blog .article_info{ } .blog .icons{ display: none; } .blog h1{ font-size: 36px; line-height: 46px; color:#000; margin-bottom: 40px; font-weight: bold; } .blog .subheading-category{ font-size:24px; text-transform: uppercase; font-weight: bold; line-height: 34px; margin-bottom:30px; overflow: hidden; display: block; } .categoryBlog{width: calc(31% - 0px); float:left; margin-right: 3.5%; overflow:hidden; margin-bottom:60px; cursor: pointer; position: relative;} .categoryBlog:hover .categoryIntro{ /*bottom:100px; transition: .8s;*/ } .categoryBlog:hover h2{ /*color:#fff; transition: .8s; text-shadow: 0 0 1px #666, 0 0 3px #666;*/ } .categoryBlog:hover .categoryDate{ color:#aaa; } .categoryTitle1 h2{font-size:18px!important; line-height: 24px!important; font-weight: bold!important; color:#000; min-height: 48px; overflow: hidden;} .categoryBlogCover { position: absolute; width: 100%; height:100%; top:0px; left:0px; } .categoryImage{height: 100%; border:0px solid #ddd; } .categoryDate{font-size:14px; line-height: 18px; color:#888; } .categoryIntro{position: relative; z-index: 11; margin-top:10px; } .categoryIntro a:hover{ text-decoration: none!important;} /*VISITCOUNTER*/ .visitorcounter p{border:0px solid #ff0000; font-size:14px!important; margin-bottom:0px!important;} /*CONTENT SPAN*/ .content66{width: 65%; float:left; padding-right:3px;} .content33{width: 33%; float:left; padding-right:5px;} .content50{width: 49%; float:left; padding-right:5px;} /*KIWI GALLERY*/ .kiwi-gallery{display: flex; flex-wrap: wrap; } .kiwi-gallery-column {flex: 33%; max-width: 33%; padding: 0 4px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .kiwi-gallery-column img { margin-top: 8px; vertical-align: middle; width: 100%; } /*MODAL IMAGE*/ .modal-image-small { cursor: pointer; transition: 0.3s;} .modal-image-small:hover {opacity: 0.7;} .modal-container { display: none; position: fixed; z-index: 100; padding-top: 20px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.9); } .modal-image {position: absolute; width: auto; height: auto; max-width:800px; max-height: 80%; /*-webkit-animation-name: zoom; -webkit-animation-duration: 0.6s; animation-name: zoom; animation-duration: 0.6s;*/ -webkit-transform: translate(-50%, -50%); left:50%; top:50%; transform: translate(-50%, -50%);} @-webkit-keyframes zoom { from {-webkit-transform:scale(0)} to {-webkit-transform:scale(1)} } @keyframes zoom { from {transform:scale(0)} to {transform:scale(1)} } /* The Close Button */ .modal-close {position: absolute; top: 15px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s;} .modal-close:hover, .modal-close:focus {color: #bbb; text-decoration: none;cursor: pointer;} /*FOOTER*/ .footer{background-color:#000; padding:40px 0px; border-top:0px solid #93e193; } .footer-logo{ width: 80%; } .footer-uvod{ font-size:12px; line-height: 18px; color:#888; margin-top:18px; margin-bottom: 10px; } .footer-menu{ color:#888; font-size: 12px; line-height: 18px; padding:3px 0px; padding-left: 20px; margin-left: 10px; position: relative;} .footer-menu a{ color:#888; font-size: 12px; line-height: 18px; } .footer-menu::before{ font-family: 'Material Icons Round'; content: 'keyboard_arrow_right'; color: #b76c6c; position: absolute; left: 0px; } .categories-footer{border:0px solid #E14818; margin-top:0px; margin-top:5px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .categories-footer-box{ margin-bottom: 30px; } .categories-footer ul{ border:0px solid #ff0000; margin:5px 0px 0px 0px!important; list-style-type: none; overflow:hidden; margin} .categories-footer li{ line-height:34px; padding-left:40px; margin: 0px!important; border-bottom:1px dashed #222; position: relative; list-style-type: none;} .categories-footer li::before{ font-family: 'Material Icons Round'; content:'keyboard_arrow_right'; color:#b5cfee; position: absolute; left:15px; } .categories-footer li:hover::before { color:#b5cfee;} .categories-footer li:last-child{ border-bottom:0px dashed #ddd; margin-bottom: 0px!important;} .categories-footer li a{font-size:12px; line-height: 21px; } .categories-footer li a:hover{ color:#b5cfee;} .footerNaslov{ color: #fff; font-size: 12px; line-height: 20px; margin-bottom:14px; font-weight: 300; letter-spacing: 4px; text-transform: uppercase;} .footer-podnaslov{ color:#888; font-size: 12px; line-height: 18px; } .footer table{ width: 100%; } .footer td{color:#888; font-size:12px; } .footer p{color:#888!important; font-size:12px!important; line-height:18px!important; } .footer .divFooter{padding-left:15px; background: url(../images/iconFooterArrow.png) no-repeat; background-position:left center; border-bottom: 1px solid #333; line-height: 30px; font-size: 12px;} .footer a{color:#888;} .footer a:hover{ color:#b76c6c ;} .footer-slogan{ margin-top:10px; font-size: 12px; color:#fff; font-weight: 300; letter-spacing: 4px; line-height: 18px; margin-top:30px; text-transform: uppercase;} .footerAddress{padding:5px 0px 5px 28px; margin-bottom:5px; background: url(../images/icon-address.png) no-repeat; background-position:left center; background-size: 16px;} .footerTelephone{padding:5px 0px 5px 28px; margin-bottom:5px; background: url(../images/icon-phone.png) no-repeat; background-position:left center; background-size: 14px;} .footerEmail{padding:5px 0px 5px 28px; margin-bottom:30px; background: url(../images/icon-email.png) no-repeat; background-position:left center; background-size: 16px;} .footer-100{ overflow:hidden; width: 100%; } .footer-50{ float:left; width: 48%; margin-right: 4%; } .footer-50:nth-child(2){ margin-right: 0%; } .footer-setifikat img{ width:60%; } .footer-social{ overflow: hidden; margin-bottom: 30px; } .footer-social img{ height: 20px; padding:10px; background-color: #111; border-radius: 6px; margin-right: 10px; } .footer-social img:hover{ background-color: #222; cursor: pointer;} .footer-radno{ border-collapse: collapse; } .footer-radno td{ font-size: 12px; line-height: 22px; color:#888; padding-right: 5px; } .footer-radno tr td:nth-child(1){ width:31%; } .footer-radno tr td:nth-child(2){ color:#b5cfee; font-weight: bold; } /*ROTATOR KLIJENTI*/ #clients {display: block; margin-left: auto; margin-right: auto;} #clients .clients-wrap {display: block; width: 95%; margin: 0 auto;overflow: hidden;} #clients .clients-wrap ul {display: block; list-style: none; position: relative; margin-left: auto; margin-right: auto;} #clients .clients-wrap ul li {display: block; float: left; position: relative; width: 220px; height: 100px; line-height: 100px; text-align: center;} #clients .clients-wrap ul li img {vertical-align: middle;max-width: 100%; max-height: 100%; -webkit-transition: 0 linear left; -moz-transition: 0 linear left transition: 0 linear left; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; filter: alpha(opacity=65); opacity: 0.65;} #clients .clients-wrap ul li img:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);opacity: 1.0;} /* BT - CONTENTSLIDER */ .bt-row .bt-center{padding:0px 10px;} .bt-inner .bt-center:hover{opacity:0.8;} .bt-row-last .bt-center{padding-left:20px; padding-right:0px; } .bt-row-first .bt-center{padding-right:20px; padding-left:0px;} #btcontentslider171 .bt-date{border:0px solid #ff0000; padding:0px!important; margin:0px!important; color:#aaa; font-size:13px; line-height:24px!important; margin-top:3px!important; } #btcontentslider171 .traka{position:relative; border:0px solid #ff0000; text-align:left;} #btcontentslider171 .bt-title{border:0px solid #ff0000; padding:0px; margin:0px!important; font-size:16px; color:#333; text-align:left; line-height:20px; display:inline-block;} #btcontentslider171 .bt-title:hover{color:#E14818;} /* BREADCRUMBS */ .breadcrumbs{border:0px solid #ff0000; } .breadcrumbs a.pathway{border:0px solid #ff0000; display:inline; margin:0px; font-size:12px; line-height:14px; color:#888; line-height:14px; margin:0px;} .breadcrumbs a.pathway:hover{ color:#b76c6c;} .breadcrumbs span{border:0px solid #ff0000; display:inline; margin:0px; font-size:12px; line-height:14px; color:#888; line-height:14px; margin:0px;} /*POMJERA ELEMENTE*/ .parentFrom{border:0px solid #ff0000;} .fromLeft{margin-left:0px; border:0px solid #ff0000; overflow:hidden; } .parentFrom2{border:0px solid #ff0000;} .fromLeft2{margin-left:0px; border:1px solid #ff0000; overflow:hidden; } .parentFrom3{border:0px solid #ff0000;} .fromRight3{margin-left:0px; border:0px solid #ff0000; overflow:hidden; } .parentFrom4{border:0px solid #ff0000;} .fromLeft4{margin-left:0px; border:1px solid #ff0000; overflow:hidden; } /* SIDE NAVIGATION */ #mySidenav{display:none;} /*PRETRAGA ARTIKALA*/ #jf-pretraga{padding-top:80px; padding-bottom:20px; } .pretraga{width:800px; margin:0px auto; margin-top:0px; border:1px solid #ff0000; margin-bottom:0px; } #pretragaInput{width:100%; border:1px solid #283e28; background-color:transparent; color:#283e28; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} #pretragaList{border:0px solid #ff0000!important; position:absolute; overflow:hidden; background-color:#fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); ovrflow:hidden; max-height:400px; min-width:300px; display:none; padding:15px; font-size:12px; line-height:20px; z-index:98; margin-left:15px;} #pretragaList ul{ list-style-type:none;} #pretragaList li{border-bottom:1px dotted #ddd!important; width:100%; padding:5px 0px; overflow:hidden;} #pretragaList li a{color:#111; } #pretragaList .pretragaListImage{width:20%; border:0px solid #ff0000; float:left;} #pretragaList .pretragaListImage img{height:50px;} #pretragaList .pretragaListDesc{width:78%; border:0px solid #ff0000; float:left; padding-left:5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } #pretragaList .pretragaListCijena{color:#7d0000;} #rotateBox{ background-color:#ff0000; width:100px; height:100px; } .contactLeft{width:50%; border:0px solid #ff0000; float:left;} .contactRight{width:49%; border:0px solid #ff0000; float:right;} .contactButton{border:1px solid #133337; border-radius:0; background-image:none; color:#fff; width:200px; height:40px; background-color:#133337;} .contactButton:hover{ background-color:#E2B828; color:#133337; transition-duration:0.5s; -o-transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration:0.5s;} .homeMargina{margin:20px; border:0px solid #ff0000;} .contactUvod{font-size:16px; color:#262626!important; line-height:29px; margin-bottom:30px;} .contactNaslov{color:#262626!important; font-size:40px; line-height:35px; margin-bottom: 30px; text-align: center;} #input-name {background-color:#999!immportant;} .loginNaslov{} .login-description{font-size:18px; line-height:29px; margin-bottom:30px;} /*DUGME*/ .btn{ font-size:12px; line-height:12px; border-radius:0; text-transform:uppercase; color:#111; border:0px solid #ff0000; margin:0; height:auto; background-image:none; } .btn-primary{ background-color:#eee; font-size:12px; padding:10px 25px; line-height:12px; border-radius:0; text-transform:uppercase; color:#111; border:0px solid #ff0000; margin:0; height:auto; background-image:none; } .btn-primary:hover{ background-color:#5d0000; color:#fff; transition-duration:0.5s; -o-transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration:0.5s; } .input-small{ border:0px solid #ff0000; margin:0px; margin-bottom:20px; } .input-small input{ border:1px solid #777; font-size:14px; line-height:26px;} .input-prepend{border:0px solid #ff00ff!important; } /*POWERED BY*/ .powered-by-container{ background-color:#252525; padding:10px 0px; text-align:right; font-size:12px; color:#888;} .powered-by{color:#fff;} .powered-by:hover{color:#f1b41d;} .powered-by-co{color:#f1b41d} /*PHOCA GALLERY*/ #phocagallery #pg-icons{display:none;} #phocagallery h1{margin-bottom:30px!important; margin-top:20px; color:#222; font-size:24px; font-weight:bold; text-transform:uppercase;} #phocagallery .pg-csv-name{border:0px solid #ff0000; font-size:16px; line-height:20px; height:44px; } #phocagallery .pg-csv-name a:hover{color:#D50000!important;} #phocagallery .pg-csv-box{border:0px solid #ff0000; width:31%; margin:0px; margin-left:1%; margin-right:1%; display:block; margin-bottom:20px; padding:0; border-radius:none!important; box-shadow:none; height:auto; } #phocagallery .pg-csv-box:hover{ background-color:none;} #phocagallery .pg-csv-box .pg-csv-box-img{border:0px solid #ff00ff; width:100%; height:auto!important;} #phocagallery .pg-csv-box .pg-box3 img{border:0px solid #ff0000; width:100%!important;} #phocagallery .pg-cv-box{ border:0px solid #ff0000; margin:0; margin-left:1%; margin-right:1%; width:31%; margin-bottom:20px; padding:0; box-shadow:none; height:auto; } #phocagallery .pg-cv-box .pg-cv-box-img{border:0px solid #ff00ff; width:100%; height:auto!important;} #phocagallery .pg-cv-box .pg-cv-box-img img{border:0px solid #ff00ff; width:100%!important;} .preloader{ position:fixed; top:0px; left:0px; background-color:#0C0C0C; width:100%; height:100%; z-index:9999;} /* #Base 960 Grid ================================================== */ .main { margin: 0 auto; position: relative; } .main100 { width: 100%; } .colspan2 { width: 440px; } .colspan3 { width: 33%; } .colspan50 { width: 49%; } .colspan75 { width: 74%; } .colspan25 { width: 25%; } .colspan66 { width: 66%; } .colspan33 { width: 33%; } .colspan33a { display:none; } /* #BIG SCREEN (Portrait) ================================================== */ /* Note: Design for a width of 1200px */ @media (min-width: 1800px) { .main{ max-width: 1300px; } .contentMain{ width: 1300px; } } @media (min-width: 1600px) and (max-width: 1799px) { .main{ max-width: 1300px; } .contentMain{ width: 1300px; } /*SLIDESHOW*/ .kiwi-slideshow-title{ font-size:50px; line-height: 60px; margin-bottom:30px; } .kiwi-slideshow-desc{ font-size:26px; line-height: 36px; } .kiwi-slideshow-img{ height: 60px; margin-top:15px; } } @media (min-width: 1100px) and (max-width: 1599px) { .main{ max-width: 90%; } } /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @media (min-width: 768px) and (max-width: 959px) { body{ display: none; } .main, #jf-footer .main-inner1 { width: 748px; width:100%; } .colspan2 { margin: 0 10px !important; width: 354px !important; } #home-c-c-2 { padding-top:0px; } /*.colspan3 { margin: 0 10px !important; width: 354px !important; }*/ #jf-latest li, #jf-news li, div.k2ItemsBlock ul li.lastItem { margin: 0 10px !important; } .clearList2, .clr2 { clear: both; } .clearList, .clr3 { clear: none !important; } div.itemListPortfolio div.itemContainer, div.itemListBlog div.itemContainer { margin: 0 10px !important; width: 354px !important; } div.itemCommentsForm form input.inputbox, div.itemCommentsForm form textarea.inputbox, #contact-form textarea, #contact-form input#jform_contact_name, #contact-form input#jform_contact_email { width: 346px !important; } #jf-contact h3 { font-size: 90px; } #jf-footer{ font-size: 18px; } #jf-footer .main-inner1 { padding: 135px 0 0; bottom: 30px; } #jf-social { margin-top: 20px; } #jf-footer .copyright { margin-top: 20px; position: static; transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; /* IE 9 */ } div.addthis_toolbox a { margin-right: 30px; } } /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ @media (max-width: 767px) { /* body{ display: none; }*/ /*GENERAL*/ .margin_mobile{ margin:0px 10px; } .margin_mobile_20{ margin:0px 20px; } .glavniMeni{display:none;} .header{display:none;} .glavniMeniKontejner{display:none;} .contactLight{display:none;} .modal-image {position: absolute; width: auto; height: auto; max-width:90%; max-height: auto; /*-webkit-animation-name: zoom; -webkit-animation-duration: 0.6s; animation-name: zoom; animation-duration: 0.6s;*/ -webkit-transform: translate(-50%, -50%); left:50%; top:50%; transform: translate(-50%, -50%);} .galerije{position:absolute; top:42%; padding:5px 30px; font-size:18px; left:50%; margin-left:-70px; border:0px solid #283e28; background-color:#fff; color:#000; font-weight:bold; } /*HEADER TOP*/ .header-top{ width: 100%; height: 60px; background-color: #262626} .header-top-left{line-height: 30px; overflow:hidden; height: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .header-top-right{ } .valute-left{ width:39%; line-height: 30px; } .valute-right{ width:60%; } .headerEmail{ position: absolute; top:0px; left: 8px; float:none; margin-left:0px; padding-right: 0px; } .headerTelefon{position: absolute; top:0px; right: 8px; float:none; text-transform: uppercase; font-size: 10px; } .headerSpan{ color:#fff; text-transform: none; font-size: 12px; } /*MOBILE HEADER*/ .mobileHeaderLogo{ position: absolute; top:0px; width: 100%; display:block; height:60px; text-align:center; z-index: 90} .mobileHeaderLogo img{border:0px solid #ff0000; height:50px; margin-top:5px;} .mobileHeader{border:0px solid #ff0000; position: absolute; top:0px; display:block; width:100%; height:50px; z-index:100; box-shadow: ;} .mobileHeader img { position: absolute; top:8px; height: 34px; left:15px; } a.gotomenu {display: block; height: 24px; border:0px solid #ff0000; text-align:center; position: absolute; left: 75%; width: 25%; top: 12px; z-index: 60; line-height:40px; color:#fff;} .mobileHeaderLogo .promjena-valute{ position: absolute; top:15px; left:5px; width: auto; } .mobileHeaderLogo .hikashop_currency_module .hikashopcurrency{ font-size: 12px; line-height: 16px; padding: 1px 26px 2px 5px; } /*HEADER PAGES*/ .header-pages{position: relative; height: 300px; } .header-brendovi{ background: url(../images/izgradnja-objekata-tehnika-inzenjering.jpg) center bottom no-repeat; background-size: cover; } .header-brendovi .kiwi-slideshow-gradient{ height: 100px; } .header-brendovi-title { font-size: 46px; line-height:56px; margin-left: 20px; margin-top: 100px; font-weight: bold; } /*LEFT BANNER*/ .leftRow2{ display: none; } /*SLIDESHOW*/ .kiwi-slideshow-images{overflow:hidden; border:0px solid #ffff00; height:100px; list-style-type:none; margin:0px;} .kiwi-slideshow-slide-m{ display: block; position:absolute; width: 100%; background-repeat: no-repeat; background-position: center center; background-size:cover; } .kiwi-slideshow-gradient{ position: absolute; width: 100%; height: 200px; top:0px; z-index: 5; background-image: linear-gradient(to bottom, rgba(0,0,0,0.7), rgba(0,0,0,0));} .kiwi-slideshow-name{ position: absolute; z-index: 20; top:150px; left:7%; font-size: 12px; line-height: 18px; letter-spacing: 2px; font-weight: 300; } .kiwi-slideshow-logo{ opacity:1; position: absolute; width: 90%; top:120px; height: 200px; left:3%; text-align: center; z-index: 8; } .kiwi-slideshow-box{ position: absolute; z-index: 20; top:200px; left:7%; width: 80%; text-align: left } .kiwi-slideshow-title{ font-size:30px; line-height: 37px; margin-bottom: 25px; } .kiwi-slideshow-desc{ font-size:15px; line-height: 21px; color:#efcbcb; text-shadow: 0 0 1px #000; } .kiwi-slideshow-img {margin-top:10px;} .kiwi-slideshow-img img{ height: 50px; } /*NASLOV*/ .naslov{font-size:30px; line-height: 38px; margin-bottom:30px; margin-top: 5px; } /*IZDVOJENI*/ .izdvojeni{ padding-bottom: 0px; padding-top: 20px; } .izdvojeni .categoryTitle{ font-size: 28px; line-height: 36px; margin-bottom: 10px; margin-top: 5px; padding-left: 5px; } .izdvojeni .subtitle:nth-child(3), .izdvojeni .subtitle{ padding-left: 0px; } /*ZASTO MI*/ .why {position: relative; padding-top:180px; background:#fff url(../images/bg-zasto-izabrati-tehniku-inzinjering.jpg) center top no-repeat; background-size: 180% auto;} .kiwi-why-gradient{ display: none; } .why .main{ z-index: 10 } .why-cont{ overflow: hidden; padding: 20px 25px 40px 25px; } .why .naslov{ padding-left: 25px; } .why .subtitle{ padding-left: 25px; } .why-box{opacity: 0; position: relative; float: left; width: 100%; margin-right: 0%; padding:40px 30px; -webkit-box-shadow: 8px 8px 30px 0 rgba(0,0,0,.12); box-shadow: 8px 8px 30px 0 rgba(0,0,0,.12); background-color: #fff; cursor: pointer; } .why-box:last-child{ margin-right: 0%; margin-top:40px;} .why-box:nth-child(2), .why-box:nth-child(3){ margin-top:40px; } .why-img{ height: 70px; width: 70px; background-color: #edf2ff; border-radius: 50%; overflow: hidden; text-align: center; } .why-img img{ height: 40px; margin-top: 15px; } .why-title{ font-size: 20px; line-height: 30px; font-weight: bold; color:#000; margin-top:20px; } .why-desc{ font-size: 16px; line-height: 24px; color:#777; margin-top:20px; min-height: 96px; } .why-img { position: relative; overflow: hidden;} /*MATERIJALI*/ .materijali-onama{ background: url(../images/tehnika-inzinjering-o-nama.jpg) left center no-repeat; background-size: 60% auto } .materijali{ padding-top:0px; } .materijali-left{ float:left; width: 100%; position: relative; } .materijali-right{ float:right; width: 100%; padding-top:40px; } .materijali-cont{ overflow: hidden; width: 90%; max-width: 600px; margin:0px auto; } .materijali-box{ width: calc(32% - 2px); border:1px solid #555; border-radius: 20px; text-align: center; margin-right: 2%; float:left; text-align: center; padding:25px 0px; } .materijali-box:nth-child(3){ margin-right: 0%; } .materijali-box img{ width: 60%; } .materijali-box:hover{border:1px solid #000; background-color: #000;-webkit-transition: .5s; -moz-transition: .5s; transition: .5s; cursor: pointer; } .materijali-desc{ font-size: 16px; line-height: 32px; color: #7e7d7d; text-align: left; margin-bottom: 20px; } .materijali-atr{position: relative; padding-left:60px; color:#7e7d7d; font-size: 16px; line-height: 28px; margin-bottom: 20px; } .materijali-atr::before{ font-family: 'Material Icons Round'; content: 'done_all'; font-size: 30px; line-height: 30px; color: #b5cfee; position: absolute; left:5px; top:50%; margin-top:-15px; width: 30px; height: 30px; } .materijali-button{ padding: 10px 0px; margin-top:40px; text-align: right; } .materijali-elementi {opacity: 0; position: absolute; width:100px; height: 100px; border-radius: 4px; padding: 5px; } /*O NAMA*/ .onama{ padding:40px 0px; } .onama-left{ width: 100%; float:none; } .onama-right { width: 100%; float:none; } .onama-img{ text-align: left; margin-bottom: 20px; } .onama-img img{ } .onama-title{ font-size: 24px; font-weight: bold; line-height: 34px; color:#000; margin-bottom: 20px; text-align: left; } .onama-desc{ font-size: 16px; line-height: 32px; color:#7e7d7d; text-align: left; margin-bottom: 32px; } .dodatne-50{ float:none; width:100%; } .dodatne-50:nth-child(2){ float:none; } .dodatne-box{ display: flex; cursor: pointer; } .dodatne-box:hover .dodatne-title{ color:#068af0; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;} .dodatne-box:hover .dodatne-icon::after{ transform: rotate(0deg); -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;} .dodatne-box:hover .dodatne-center::before{ background-color: #068af0; transition: .5s;} .dodatne-box:hover .dodatne-icon::before{ border-left: 7px solid #d95a15; transition: .5s; } .dodatne-left{ width: 20%; } .dodatne-icon{font-size: 14px; line-height: 14px; color:#777; margin-top:28px; text-align: center; margin-right: 15px; float:right; position: relative } .dodatne-center{ width: 1px; background-color:#999; position: relative; } .dodatne-center::before{ content:''; position: absolute; top:31px; left:-3px; width: 7px; height: 7px; border-radius: 50%; background-color: #282828; z-index: 10; } .dodatne-center::after{ content:''; position: absolute; top:22px; left:-5px; width: 10px; height: 26px; border-radius: 50%; background-color: #fff; z-index: 9; } .dodatne-right{ width: calc(80% - 1px); padding-left: 30px; box-sizing: border-box; } .dodatne-title{ font-size: 18px; font-weight: bold; line-height: 24px; margin-bottom: 15px; color:#000; margin-top:24px; } .dodatne-desc{ font-size: 15px; line-height: 19px; color:#555; margin-bottom: 30px; } /*BROJACI*/ .brojaci-box{opacity: 0; width: 100%; display: block; border-left: 0px dashed #138dec; padding:30px 0px; } .brojaci-box:nth-child(1).brojaci-animate { -webkit-animation: prikazi 0.5s 0.2s forwards; animation: prikazi 0.5s 0.2s forwards; } .brojaci-box:nth-child(2).brojaci-animate { -webkit-animation: prikazi 0.5s 0.25s forwards; animation: prikazi 0.5s 0.25s forwards; } .brojaci-box:nth-child(3).brojaci-animate { -webkit-animation: prikazi 0.5s 0.30s forwards; animation: prikazi 0.5s 0.30s forwards; } /*GOOGLE MAPA*/ .google-mapa{ padding:60px 0px; } .google-mapa .subtitle, .google-mapa .naslov{ padding-left: 20px; } /*NOVOSTI*/ .novosti{ padding-bottom: 40px; } /*BREADCRUMBS*/ .breadcrumb{border:0px solid #ff0000; margin:0px; padding-left:5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} /*CONTENT SPAN*/ .content66{width: 100%; padding:0px;} .content33{width: 100%; padding:0px;} .content50{width:100%; padding:0px;} /*BTCONTENTSLIDER */ #btcontentslider140 .bt-row .bt-center{padding:0px 0px;} #btcontentslider140 .bt-row:nth-child(3) .bt-center{padding:0px 0px;} #btcontentslider140 .bt-row:nth-child(5) .bt-center{padding:0px 0px;} #btcontentslider140 .bt-row-last .bt-center{padding:0px 0px; } #btcontentslider140 .bt-row-first .bt-center{padding:0px 0px;} #btcontentslider140 .traka{bottom:-70px; border:0px solid #ff0000; width: 95%; left:2.5%; padding:15px 20px; } #btcontentslider140 .bt-procitaj{ margin-top:5px; } /* SIDE NAVIGATION */ #mySidenav{display:block; background-color:#111; border:0px solid #ff0000;} .sidenav-inner{ width: 360px; padding-bottom: 40px; } .sidenav .sidenav-logo{ color:#fff; padding:40px 20px 25px 20px; margin-bottom:20px; text-align:center; font-weight:bold; font-size:18px; line-height: 25px; background-color: #2e5b92 } .sidenav .sidenav-logo img{ height: 60px; margin-bottom: 15px; } .sidenav {height: 100%; width: 0; position: fixed; z-index: 1000; top: 0; left: 0; background-color: #111; overflow-x: hidden; transition: 0.5s; } .sidenav ul{ padding:0px 25px; margin-top:20px; } .sidenav li{font-size:18px; line-height:36px; color:#fff; background: #1a1a1a; padding-left:20px; margin-bottom: 10px; border-radius: 7px; list-style-type:none; } .sidenav a {padding: 0px 0px 0px 0px; text-align:left; text-decoration: none; font-size: 18px; color: #fff; display: block; transition: 0.3s} .sidenav a:hover, .offcanvas a:focus{color: #f48f8f;} .sidenav ul.nav-child{ padding:0px 0px; margin-top:0px; margin-right: 15px; } .sidenav .nav-child li{ line-height:20px; border-bottom:1px solid #111; padding:5px 5px 5px 15px; margin-bottom: 0px; } .sidenav .nav-child li:last-child{ border-bottom:0px solid #111; padding-bottom:10px; } .sidenav .nav-child li .separator{font-size:12px; padding-left:0px; font-weight:300; text-transform: uppercase; letter-spacing: 4px; } .sidenav .nav-child li a{font-size:16px!important; border:0px solid #ff0000; padding-left:0px; text-transform:none; line-height: 20px; } .sidenav .closebtn {position: absolute; top: 10px; right: 25px; font-size: 40px; margin-left: 50px; color:#fff;} .sidenav .item-127 { display:none;} /*PHOCA GALLERY*/ #phocagallery .pg-csv-box{border:0px solid #ff0000; width:100%; margin:0px; display:block; margin-bottom:20px; padding:0; border-radius:none!important; box-shadow:none; height:auto; } #phocagallery .pg-cv-box{ border:0px solid #ff0000; margin:0; width:100%; margin-bottom:20px; padding:0; box-shadow:none; height:auto; } /*CONTENT */ .contentMain{width:100%;} #contentLeft{border:0px solid #ff0000; float:none; width:100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} #jf-content {border:0px solid #ff0000; width:100%; float:none; padding:0px 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} #jf-content h1{color:#000!important; } .itemid-115 #jf-content .main {padding: 0;} .itemid-121 #jf-content .main {padding: 0;} .itemid-120 #jf-content .main {padding: 0;} /*PAGE*/ /*NAS TIM*/ .nastim-cont{ width: 100%; overflow: hidden; margin-top:60px; } .nastim-box{position: relative; width: 100%; float:none; margin-right:0%; margin-bottom: 50px; background-color: #fff; } .nastim-box:nth-child(3n){ margin-right: 0%; } .nastim-img{ width:100%; background-color: #efefef; } .nastim-inner{ position: relative; bottom:0px; left:5%; width:90%; padding:15px 20px; margin-top:-25px; padding-right: 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .nastim-name{ font-size: 20px; font-weight: bold; color:#000; line-height: 26px; } .nastim-title{ font-size: 15px; color:#255fa5; line-height: 19px; margin-bottom: 10px; } .nastim-title2{ font-size: 12px; color:#000; letter-spacing: 3px; font-weight: 300; line-height: 22px; text-transform: uppercase; } /*...KONTAKTFORMULAR*/ .contact-form{ width: auto; margin:0px 15px; overflow: hidden; margin-bottom: 50px; } .contact-form-left{width: 100%; float:none; padding-right: 0%; border-right:0px solid #ddd; } .contact-form-right{ width: 100%; margin-left: 0%; float:none; } .kontakt-forma-intro{ font-size: 16px; line-height: 32px; color: #7e7d7d; text-align: left; margin-bottom: 32px;} .forma{ overflow: hidden; margin-bottom: 30px; } /*...GALERIJA*/ .page-galerija{ overflow: hidden; width: 100%; } .page-galerija img{ width: 100%; margin-right:0%; float: none; margin-bottom: 15px; } .page-galerija img:nth-child(4n){ margin-right: 0%; } .page-galerija img:hover{ opacity: 0.7; cursor: pointer; } /*...PAGE O NAMA*/ .page-onama-iskustvo{ font-size:18px; line-height: 26px; margin:25px 00px; font-weight: bold; background-color: #b76c6c; color:#fff; border-radius: 15px; padding:15px 0px; } /* CATEGORY BLOG*/ .blog { margin:0px 15px; } .blog h1{ font-size: 26px; line-height: 34px; margin-bottom:30px; } .blog .subheading-category{ font-size:24px; text-transform: uppercase; font-weight: bold; line-height: 34px; margin-bottom:30px; overflow: hidden; display: block; } .categoryBlog{width:100%; float:none; margin-right: 0%; overflow:hidden; margin-bottom:40px; cursor: pointer; position: relative;} .categoryTitle1 h2{font-size:16px!important; line-height: 22px!important; min-height: auto; } .categoryImage{height: 230px; } .categoryDate{font-size:13px; line-height: 17px; } /*PRETRAGA ARTIKALA*/ .pretraga{ width:100%; border:0px solid #ff0000; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} /*HIKASHOP*/ .vex.vex-theme-default .vex-content{ max-width: 90%!important; } /*LISTING KATEGORIJE LEFT*/ .categories-left{ margin:0px 15px; display: none; } .izborKategorije{ display:block; margin:0px 15px; font-size:20px; font-weight:bold; padding-top:10px; } #hikashop_module_92{border:1px solid #ddd; display:none; overflow:hidden; margin:0px 10px; padding:0px 10px 10px 10px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} /*LISTING PROIZVODA*/ .hikashop_products_listing_main .categoryTitle{font-size: 28px; line-height: 36px; padding-left: 0px; margin-bottom: 15px; } .hikashop_products_listing .hikashop_listing_img_title{ margin:2px; } .hikashop_products_listing .hikashop_listing_img_title:hover{ box-shadow: 0 0 5px 0 rgba(0,0,0,.1); } .hikashop_products_listing .hikashop_product_image_subdiv .hikashop_product_listing_image{ } .hikashop_products_listing .hikashop_product_name{ padding:10px 0px 4px 10px; } .hikashop_products_listing .hikashop_product_name a{ font-size:22px!important; line-height: 22px!important; } .hikashop_products_listing .hikashop_product{border:0px solid #fff!important; overflow:hidden; width:50%; padding:0px!important; float:left;} .hikashop_products_listing .hikashop_container{border:0px solid #fff!important; margin:10px 0px!important; padding-bottom:10px;} .hikashop_products_listing .hikashop_subcontainer{border:0px solid #fff!important; } .hikashop_products_listing .hikashop_product_custom{ min-height: 43px; } .hikashop_products_listing .hikashop_product_custom_name{ padding-left: 10px; margin-bottom: 2px; } .hikashop_products_listing .hikashop_product_custom_name label{ margin:0px; font-size: 10px; line-height: 14px; } .hikashop_products_listing .hikashop_product_custom_value{ padding-left: 10px; line-height: 20px; font-size: 10px; } .hikashop_products_listing .hikashop_product_custom_value span{display: inline-block; text-align: center!important; border:1px solid #efefef; padding:0px 2px 0px 2px; margin-right: 2px; width: 16px; } .hikashop_filter_collapsable_title_mobile{ display: none; } .hikashop_products_listing .hikashop_product_stock_count{ display: none!important; } .hikashop_products_listing .hikashop_rasprodato{ width:140px; top:50%; left:50%; z-index:50; margin-left: -70px; margin-top:-9px; } /*PRIKAZ PROIZVODA*/ #hikashop_product_top_part{ margin-top:20px;} #hikashop_product_right_part{border:0px solid #00ffff!important; width:100%!important; margin-top:30px;} #hikashop_product_right_part .hikashop_product_name_main{display:block; font-weight:bold; font-size:30px; line-height:40px; color:#111; margin-top:0px;} #hikashop_product_right_part .naziv{ display:none; } #hikashop_product_right_part .kategorije{ border:0px solid #ff0000; margin:0px; margin-bottom:20px; text-transform:uppercase; color:#333; } #hikashop_product_left_part{border:0px solid #00ffff!important; width:100%!important; margin-right: 0%!important} #hikashop_main_image{border:0px solid #00ffff!important; } .hikashop_product_main_image_subdiv{border:0px solid #0000ff!important; width:100%!important; } .hikashop_product_main_image{border:0px solid #ff00ff!important; width:100%!important; height:100%!important; } #sbox-window{border:0px solid #ff0000; height:auto!important;} .hikashop_product_bottom_part{ margin-top:0px; margin-bottom: 60px; } .hikashop_product_bottom_part .hikashop_tabs_content{font-size:12px; line-height:18px; } .hikashop_product_bottom_part .hikashop_tabs_content ul{border:0px solid #ff0000; margin-bottom:30px; margin-left:0px; } .hikashop_product_bottom_part .hikashop_tabs_content ul li{border:0px solid #ff0000; font-size:12px; line-height:18px; margin-left:0px; margin-bottom:10px; } .hikashop_product_bottom_part .hikashop_tabs_li{ font-size: 18px !important; line-height: 28px; letter-spacing: 3px; } .product-desc-box{ padding-top:0px; } .hikashop_product_bottom_part .fasada-title{ font-size: 18px; line-height: 28px; margin-bottom: 20px; letter-spacing: 3px;} .hikashop_product_bottom_part .category-attricutes{ margin-top:10px; padding:25px 0px; } .hikashop_product_bottom_part .category-attricutes ul li{position:relative; width: 50%; color:#777; float:left; font-size: 11px!important; line-height: 15px!important; min-height: 30px; text-transform: uppercase; margin:0px 0px 30px 0px!important; padding:0px 20px; padding-top:70px; list-style-type: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; } .hikashop_product_bottom_part .category-attricutes ul li::before{ position: absolute; content: ''; width:60px; height:60px; left:50%; margin-left:-30px; top:0px; border:0px solid #cc0000; } .product-desc-cont{ margin-top:20px; } .product-desc-box:nth-child(1){ width: 100%; } .hikashop_products_listing .listingKategorija{ margin-top:20px;} #hikashop_category_information_module_180 .listingKategorija{ margin-left:15px; border:0px solid #ff0000;} .hikashop_user_registration_page .hkc-sm-8{ max-width: 100%; } .reset-confirm .control-group{ max-width: 100%; } .reset-complete .control-group{ max-width: 100%; } .login .control-group{ max-width: 100%; } .profile-edit input{ width: 100%; } .main, #jf-footer .main-inner1 { width: 300px; width:100%; } .colspan2 { width: 100% !important; } .colspan3 { width: 100% !important; } .colspan25 { width: 100% !important; } .colspan50 { width: 100% !important; } .colspan66 { width: 100% !important; } .colspan33 { width: 100% !important; } .colspan75 { width: 100% !important; } #jf-mainnav { display: none; } .form-left, .form-right { float: none; } } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media (min-width: 480px) and (max-width: 767px) { .main, #jf-footer .main-inner1 { width: 420px; width:100%; } .colspan25 {width: 100% !important;} .colspan50 {width: 100% !important;} .colspan66 {width: 100% !important;} .colspan33 {width: 100% !important;} .colspan75 {width: 100% !important;} #home-c-c-2 { padding-top:0px; } div.itemListPortfolio div.itemContainer, div.itemListBlog div.itemContainer { width: 100% !important; margin-right: 0; } .form-left, .form-right { float: none; } div.itemCommentsForm form input.inputbox, div.itemCommentsForm form textarea.inputbox, #contact-form textarea, #contact-form input#jform_contact_name, #contact-form input#jform_contact_email { width: 410px !important; } div.itemCommentsForm form textarea.inputbox { float: none; } #jf-footer .main-inner1 { background-position: center 30px; } #jf-social li { margin: 0 12px; } div.addthis_toolbox a { margin-right: 20px; } } @media (min-width: 481px) and (max-width: 599px) { #jf-footer { min-height: 320px; } .colspan25 {width: 100% !important;} .colspan50 {width: 100% !important;} .colspan75 {width: 100% !important;} #home-c-c-2 { padding-top:0px; } #jf-footer .main-inner1 { bottom: 10px; padding: 105px 0 0; } #jf-footer p { margin-bottom: 10px; } #jf-social, #jf-footer .copyright { margin-top: 0; } .contactLeft{width:100%; border:0px solid #ff0000; } .contactRight{width:100%; border:0px solid #ff0000;} } @media (max-width: 479px) { /*header*/ #jf-header {background: url(../images/header-bg.png); position:fixed; top:0px; } #jf-header .main{border:0px solid #ffff00!important; width:100%;} .contactLeft{width:100%; margin-bottom:40px; border:0px solid #ff0000; } .contactRight{width:100%; border:0px solid #ff0000;} .logoNatpis{display:block!important; font-size:60px; color:#DDB437; text-align:center; margin-top:15px; } .version1{font-size:16px!important; line-height:26px!important; margin-right:20px!important; margin-left:20px!important; } .colspan25 {width: 100% !important;} .colspan50 {width: 100% !important;} .colspan66 {width: 100% !important;} .colspan33 {width: 100% !important;} .colspan75 {width: 100% !important;} }