/* fonts and icons ------------------------------------------------------------------------------------ */ @import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700&subset=latin,latin-ext); @import url(../bootstrap3/plugins/font-awesome-4/css/font-awesome.min.css); /* default styles ------------------------------------------------------------------------------------ */ html{ overflow-y:scroll; } body {background:#fff;font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;font-weight: normal;color: #000;font-size: 14px;color: #333; padding-top:60px;} .small-gutter{ margin-left:-7.5px; margin-right:-7.5px;} .small-gutter > [class*='col-'] { padding-right:7.5px; padding-left:7.5px; } .corona-modal .modal-dialog{ background:#fff; } .print-machine{ z-index: 2; cursor: pointer; color: #000; background: #ffcd11; position: fixed; width: 50px; height: 50px; border-radius: 50%; display: block; bottom: -150px; left: 50%; margin-left: -25px; text-align: center; line-height: 50px; box-shadow: 2px 2px 3px #888888; -webkit-transition: all 0.5s;transition: all 0.5s } .print-machine.not-top{ bottom: 50px; } .print-machine .fa{top: -3px; position: relative;} .print-machine:hover{ cursor: pointer; color: #fff; } .print-machine2{ cursor: pointer; color: #333; } .print-machine2:hover{ cursor: pointer; color: #ffcd11; } #content .col-md-7 .img-responsive { width: 100%;} .btn-default {color: #333;background-color: #ffcd11;border-color: #ffcd11;border-radius:0; text-transform:uppercase;font-family: 'Oswald', sans-serif; font-weight:700;} .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {color: #fff;background-color: #565656;border-color: #565656;} legend { border: none;font-weight: 300;margin-bottom: 5px;font-family: 'Oswald', sans-serif;font-weight: 300;font-size: 16px;} label {font-weight: 300;} .btn-file {position: relative;overflow: hidden;} .btn-file input[type=file] {position: absolute;top: 0;right: 0;min-width: 100%;min-height: 100%;font-size: 999px;text-align: right;filter: alpha(opacity=0);opacity: 0;outline: none;background: white;cursor: inherit;display: block;} a{ color:#2679b8;} h1{color: #000;font-family: 'Oswald', sans-serif; font-weight:700; letter-spacing: 3px;} h2{color: #000;font-family: 'Oswald', sans-serif; font-weight:700; text-transform:uppercase; font-size:25px; line-height:25px; border-bottom:3px solid #ffcd11; margin-bottom:10px; padding-bottom:10px; margin-top: 41px;} h3{color: #000;font-family: 'Oswald', sans-serif; font-weight:700; text-transform:uppercase; font-size:20px; line-height:20px; border-bottom:3px solid #ffcd11; margin-bottom:10px; padding-bottom:10px; margin-top: 31px;} h3:before{content: ""; clear: both;} h4{line-height: 30px;} h4,h5,h6{color: #000;font-family: 'Oswald', sans-serif; font-weight:700; padding-bottom:0px;margin-top: 3px;} .bodytext .fa{width: 20px;} .alpha{ padding-left:0;} .omega{ padding-right:0;} body>.cookieLaw{ position:fixed; bottom:0; width:100%;background: #f0f0f0;z-index: 6;background: -moz-linear-gradient(top,#f0f0f0 0,#fff 24%);background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f0f0f0),color-stop(24%,#fff));background: -webkit-linear-gradient(top,#f0f0f0 0,#fff 24%);background: -o-linear-gradient(top,#f0f0f0 0,#fff 24%);background: -ms-linear-gradient(top,#f0f0f0 0,#fff 24%);background: linear-gradient(to bottom,#f0f0f0 0,#fff 24%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f0f0f0,endColorstr=#ffffff,GradientType=0);border-top: 1px solid #e6e6e6;font-size: 13px;line-height: 13px;margin-top: 0!important;color: #565656;padding:25px 10px 17px 10px;} .404{ background:url(/fileadmin/templates/images/homebg/home_bg0.jpg); background-size:cover; position:fixed; width:100%; height:100%;} body>.cookieLaw button{ float:right; margin-top:-10px;} #cookieObvestilo .cookieLaw{ padding: 0; } #cookieObvestilo .cookieLaw span{display: none;} .btn-primary { color: #000;background:none;border:none;} .btn{ border-radius: 0; } .contact_group{ display:none;} .contact_group.active{ display:block;} .t_contact{ cursor:pointer;} .t_contact i{ position: relative; float:right;margin-right: 20px;margin-top: -9px; cursor:pointer;} .t_contact i:before {content: "\f055";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: #000;font-size: 22px;padding-right: 0.5em;position: absolute;top: 10px;left: 0;} .t_contact.active i:before{content: "\f056"; } .tx-vobi-used-machine .img-responsive{ width:100%;} .powermail_message_error { list-style: none; margin:0; padding:10px; background: none; border:1px solid #ffcd11; } .certifikat_img{position: relative;height: 35px;padding-left: 4px;margin-bottom: -8px;margin-top: -13px;} .certifikat_cat {position: absolute;height: 35px;bottom: 0;right: 0;} .powermail_check_inner input{ float: left; } .powermail_check_inner label{ float: left; width: 80%; padding-left: 10px;} .powermail_check_inner{ clear: both; } #cestitka2017.modal{ } #cestitka2017.modal .modal-dialog{ } #cestitka2017.modal .modal-dialog .close, .machinesexcav.modal .modal-dialog .close{ color: #fff; opacity: 1; } #cestitka2017.modal .button.close{ color: #fff; } @media (min-width: 992px) { #RoadShow .modal-dialog{ width: 900px !important; } } /* vabilo bih ------------------------------------------------------------------------------------ */ #vabilo{ position: absolute; width: 729px; padding: 15px; background:#fff; top: -800px; left: 50%; margin-left: -350px; display: none; opacity: 0; z-index: 2;box-shadow: 10px 10px 5px #888888; box-shadow: -1px -2px 37px #000; -box-shadow: -1px -2px 37px #000;} #vabilo .top{ position: relative;} #vabilo .top .close{ position: absolute; right: 10px; top: 10px;} #vabilo .top .btn{ position: absolute; right: 10px; top: 320px;} #vabilo .bottom{ display: none;} /* serbianModal ------------------------------------------------------------------------------------ */ #serbianModal .bg{ background: #fff; padding:0 10px; } #serbianModal .bg .pomoc{ background: #ffc820; text-align: center; line-height: 70px; text-transform: uppercase; font-weight: bold; font-size: 20px; margin-bottom: 15px;font-family: 'Oswald', sans-serif; font-weight: 700;} #serbianModal .modal-dialog{ z-index: 2; position: relative; } #serbianModal button.close { position: absolute; right: -62px; z-index: 2; opacity: .9; color: #fff; padding: 0px 29px;} #serbianModal .bg .cta{text-transform: uppercase; font-weight: bold; font-size: 31px; color: #ffc820;font-family: 'Oswald', sans-serif; font-weight: 700;} #serbianModal .bg .email{font-size: 18px; text-transform: uppercase; font-weight: bold; color: #333; padding-top: 10px; display: block;font-family: 'Oswald', sans-serif; font-weight: 700;} #serbianModal .bg .img{margin: 15px 0;} #serbianModal .bg .address{ padding-top: 7px;} @media (min-width: 992px) { #serbianModal .modal-dialog{ width: 737px; } } @media (min-width: 768px) { } @media (max-width: 768px) { } @media (min-width: 768px) AND (max-width: 992px) { } /* vabilo bih ------------------------------------------------------------------------------------ */ #sajam .bg{ background: #fff; text-align: center; } #sajam .modal-dialog{ z-index: 2; position: relative; } #sajam .bg .title{ color: #333; font-family: 'Oswald', sans-serif; font-weight: 400; text-transform: uppercase; font-size: 25px; line-height: 27px; padding: 20px 20px 20px 20px; } #sajam button.close { position: absolute; right: 0; z-index: 2; padding: 1px 6px;} @media (min-width: 992px) { #sajam .modal-dialog{ width: 800px; } } @media (min-width: 768px) { #sajam .bg .title { font-size: 26px; line-height: 36px; padding: 70px 22px 61px 0px; font-weight: bold; } #sajam .bg .logo { padding-right: 22px;} } @media (max-width: 768px) { #sajam .bg .logo { padding-bottom: 20px;} #sajam .bg .img-responsive { width: 100%;} } @media (min-width: 768px) AND (max-width: 992px) { #sajam .bg .title { font-size: 22px; line-height: 33px; padding: 33px 33px 32px 0px; } } /* newsletter ------------------------------------------------------------------------------------ */ #newsletter{ position: fixed; bottom: 0; width: 100%; z-index: 3;} #newsletter a{ background-color: #ffcd11; color: #000; line-height: 31px; display: inline-block; padding: 0 10px 0 0px; font-weight: bold;} #newsletter a span{ background-color: #000; color: #ffcd11; display: inline-block; padding: 0px 10px; margin-right: 10px;} #newsletterForm .alert{ margin-top: 15px;} /* header ------------------------------------------------------------------------------------ */ .navbar-header{ height:64px;} .navbar-default {background-color: #fff;border:none; border-radius:0;height:68px;border-bottom: none;padding-top: 4px;} .navbar-default:after {content: ""; background: url(../images/header-gradient.png); background-repeat: repeat-x;height: 17px;width: 100%;} .navbar-brand {padding: 0px 0px 0 0;} .navbar-default .navbar-nav{position: relative;font-family: 'Oswald', sans-serif; font-weight:300;font-size: 16px; line-height: 24px;} .navbar-default .navbar-nav>li>a {color: #000;font-family: 'Oswald', sans-serif; font-weight:700; text-transform:uppercase; font-size:16px; letter-spacing:1px; height:60px; padding-left: 12px; padding-right: 12px; } .navbar-default .navbar-nav.nav-left>li>a {border-left:none;} .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {background: #ffcd11;} .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>li>a.active, .navbar-default .navbar-nav>li>a.active:hover, .navbar-default .navbar-nav>li>a.active:focus,.navbar-default .navbar-nav>li>a.selected, .navbar-default .navbar-nav>li>a.selected:hover, .navbar-default .navbar-nav>li>a.selected:focus {background-color: #ffcd11; color: #000;} .navbar-default .nav-left.navbar-nav>li ul{ display: none;} .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {background-color: #ffcd11;color: #000;} .navbar-default .nav-right >li { margin-left: 1px;} .navbar-default .nav-right >li >a{ background:rgba(0, 0, 0, 0.03);;} .navbar-default .nav-right ul li{ clear: both;padding: 0px 12px;min-width: 290px;} .navbar-default .nav-right ul li a{ float: left; clear: none; padding: 0; margin: 0; padding: 5px 0;} .navbar-default .nav-right ul li a:nth-child(2){ margin-left: 2px;} .navbar-default .nav-right ul li:after{ clear: both;} .navbar-default .nav-right a{ font-size: 13px !important; } .navbar-default .nav-right a .fa { font-size: 17px !important; color: #000;} .navbar-default .dropdown-menu{ border:none;right: 0; left:inherit;} .navbar-default .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {background: none; color: #FFC820;} .navbar-default .navbar-collapse{ margin-left:15px;} /* media-site ------------------------------------------------------------------------------------ */ #media-site{position:relative;background:url(../images/media-page-images/tx-em-ozadje.jpg) no-repeat center bottom; background-size:cover; z-index:2;} #media-site:before{ content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0;background:url(../images/overlay.png);} #media-site .top{ padding-top: 80px;} #media-site .bottom{} #media-site .media-box{ cursor: pointer; position: relative; background: #fff; color: #333; display: block; text-decoration: none; opacity: 1;-webkit-transition: all 2s;transition: all 2s;} #media-site .media-box a{ color: #333;} #media-site .media-box .image{ position: relative;} #media-site .media-box .image .fa{ position: absolute; text-shadow: 2px 2px 27px #000; z-index: 2; bottom: 0%; left: 50%; margin-bottom:-17px; margin-left: -25px; font-size: 50px; color: #fff;} #media-site .media-box .pad{ padding: 20px 15px 20px 15px;} #media-site .media-box .pad .title{ color: #000;font-family: 'Oswald', sans-serif;font-weight: 700;text-transform: uppercase;font-size: 16px;letter-spacing: 1px; padding-bottom: 15px;} #media-site .media-box .pad .desc{} #media-site .top .how-to-safe{ text-align: center; position: relative; z-index: 3; opacity:0;-webkit-transition: all 2s;transition: all 2s;} #media-site .top .how-to-safe.animateIn{ opacity: 1;} #media-site .top .how-to-safe span{ display: inline-block; background: #FFC820;color: #000;font-family: 'Oswald', sans-serif;font-weight: 700;font-size:24px;letter-spacing: 1px; margin: 55px 0; padding: 15px 40px;} #media-site .links{ position: absolute; bottom: 185px; right: 30px; z-index: 2;} #media-site .links img{ width: 150px;} @media (max-width: 768px) { #media-site{ height: auto !important} #media-site .media-box{ margin-bottom: 30px;} #media-site .links{ display: none;} } @media (min-width: 992px) AND (max-height: 960px) { } @media (min-width: 992px) { @keyframes animation1{ 0% { opacity: 0; } 80% { opacity: 1; } 100% { opacity: 0; } } @keyframes animation2{ 0% { opacity: 0; } 20% { opacity: 1; } 40% { opacity: 0; } 100% { opacity: 0; } } #media-site{ overflow: hidden; height: 1031px !important;} .animateOther.line:after{ opacity: 1 !important;transform: translateZ(0);-webkit-transform: translateZ(0);} #media-site .media-box.box_top_1{ top: -600px; left: -400px;} #media-site .media-box.box_top_2{ top: -600px; left: 0;} #media-site .media-box.box_top_3{ top: -600px; right: -400px;} #media-site .media-box.box_bottom_1{ bottom: -600px; left: -400px;} #media-site .media-box.box_bottom_2{ bottom: -600px; left: 0;} #media-site .media-box.box_bottom_3{ bottom: -600px; right: -400px;} #media-site .text-machine-left{ position: absolute; width: 100%; height: 53%; top: 0; right: 0;background:url(../images/media-page-images/napis_levo_1.png) no-repeat left bottom;opacity: 0; animation: animation1 5s infinite alternate;} #media-site .right-bg-machine-1{ display: none;} #media-site .right-bg-machine-2{display: none;} #media-site .right-bg-machine-3{ position: absolute; width: 100%; height:73%; top: 0; right: 0;background:url(../images/media-page-images/napis_desno_1.png) no-repeat right bottom;opacity: 0; animation: animation1 5s infinite alternate;} #media-site .right-bg-machine-4{ position: absolute; width: 100%; height: 78%; top: 0; right: 0px;background:url(../images/media-page-images/napis_desno_2.png) no-repeat right bottom;opacity: 0; animation: animation2 5s infinite alternate;} #media-site .bottom .reduce-width{ padding: 0 10%;} #media-site .box_top_1 .line{transform: translateZ(0);-webkit-transform: translateZ(0); display: block; position: absolute; background:#FFC820; left: 50%; width: 6px; margin-left: -3px; height: 0px; bottom: 0; margin-bottom: 0px; } #media-site .box_top_1 .line:after{ transform: translateZ(0);-webkit-transform: translateZ(0);opacity: 0; content: "";width: 20px;height: 20px;margin-top: -10px;margin-left: -7px;border-radius: 50%;background: #FFC820;position: absolute;top: 0;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;} #media-site .box_top_1 .line:before{transform: translateZ(0);-webkit-transform: translateZ(0);content: ""; position: absolute; background:#FFC820;bottom: 0; left: 0; width: 0px; height: 6px;-webkit-transition: width 0.8s;transition: width 0.8s;} #media-site .box_top_1 .line.animateOther:before{transform: translateZ(0);-webkit-transform: translateZ(0); width: 390px;} #media-site .box_top_2 .line{transform: translateZ(0);-webkit-transform: translateZ(0); display: block; position: absolute; background:#FFC820; left: 50%; width: 6px; margin-left: -3px; height: 0px; bottom: 0; margin-bottom: -0px; } #media-site .box_top_2 .line:after{transform: translateZ(0);-webkit-transform: translateZ(0);opacity: 0;content: "";width: 20px;height: 20px;margin-top: -10px;margin-left: -7px;border-radius: 50%;background: #FFC820;position: absolute;top: 0;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;} #media-site .box_top_3 .line{transform: translateZ(0);-webkit-transform: translateZ(0); display: block; position: absolute; background:#FFC820; left: 50%; width: 6px; margin-left: -3px; height: 0px; bottom: 0; margin-bottom: -0px; } #media-site .box_top_3 .line:after{ transform: translateZ(0);-webkit-transform: translateZ(0);opacity: 0;content: "";width: 20px;height: 20px;margin-top: -10px;margin-left: -7px;border-radius: 50%;background: #FFC820;position: absolute;top: 0;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;} #media-site .box_top_3 .line:before{transform: translateZ(0);-webkit-transform: translateZ(0);content: ""; position: absolute; background:#FFC820;bottom: 0; right: 0; width: 0px; height: 6px;-webkit-transition: width 0.8s;transition: width 0.8s;} #media-site .box_top_3 .line.animateOther:before{ transform: translateZ(0);-webkit-transform: translateZ(0);width: 390px;} .videoMedia{} .videoMedia .modal-dialog{ position: absolute; width: 80%; height: 80%; top: 10%; left: 10%;} .videoMedia .modal-dialog iframe{ position: absolute; width: 100%; height: 100%;} #media-site .box_bottom_1 .line{ z-index: 2; transform: translateZ(0);-webkit-transform: translateZ(0);display: block; position: absolute; background:#FFC820; left: 50%; width: 6px; margin-left: -3px; height: 0px; top: 0; margin-top: -0px; } #media-site .box_bottom_1 .line:after{ transform: translateZ(0);-webkit-transform: translateZ(0);opacity: 0;content: "";width: 20px;height: 20px;margin-bottom: -10px;margin-left: -7px;border-radius: 50%;background: #FFC820;position: absolute;bottom: 0;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;} #media-site .box_bottom_1 .line:before{transform: translateZ(0);-webkit-transform: translateZ(0);content: ""; position: absolute; background:#FFC820;top: 0; left: 0; width: 0px; height: 6px;-webkit-transition: width 1.3s;transition: width 1.3s;} #media-site .box_bottom_1 .line.animateOther:before{transform: translateZ(0);-webkit-transform: translateZ(0); width: 240px;} #media-site .box_bottom_2 .line{ z-index: 2; transform: translateZ(0);-webkit-transform: translateZ(0);display: block; position: absolute; background:#FFC820; left: 50%; width: 6px; margin-left: -3px; height: 0px; top: 0; margin-top: -0px; } #media-site .box_bottom_2 .line:after{ transform: translateZ(0);-webkit-transform: translateZ(0);opacity: 0;content: "";width: 20px;height: 20px;margin-bottom: -10px;margin-left: -7px;border-radius: 50%;background: #FFC820;position: absolute;bottom: 0;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;} #media-site .box_bottom_3 .line{ z-index: 2; transform: translateZ(0);-webkit-transform: translateZ(0);display: block; position: absolute; background:#FFC820; left: 50%; width: 6px; margin-left: -3px; height: 0px; top: 0; margin-top: -0px; } #media-site .box_bottom_3 .line:after{ transform: translateZ(0);-webkit-transform: translateZ(0);opacity: 0;content: "";width: 20px;height: 20px;margin-bottom: -10px;margin-left: -7px;border-radius: 50%;background: #FFC820;position: absolute;bottom: 0;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;} #media-site .box_bottom_3 .line:before{transform: translateZ(0);-webkit-transform: translateZ(0);content: ""; position: absolute; background:#FFC820;top: 0; right: 0; width: 0px; height: 6px;-webkit-transition: width 1.3s;transition: width 1.3s;} #media-site .box_bottom_3 .line.animateOther:before{ transform: translateZ(0);-webkit-transform: translateZ(0);width: 240px;} #media-site .blueimp-gallery>.slides>.slide>.slide-content{ margin: 100px;} } @media (min-width: 768px) AND (max-width: 992px){ #media-site .media-box{ margin-top: 50px;} #media-site .media-box .animateOther{margin-bottom: 0!important; margin-top: 0!important; height: 0!important;} } @media (min-width: 768px) AND (max-width: 992px){ #media-site .links{ bottom: 35px; text-align: center; width: 100%;} #media-site .links br{ display: none;} #media-site .links img{ display: inline-block;} #media-site .links img{ width: auto; height: 30px;} } @media (min-width: 992px) AND (max-width: 1400px){ #media-site {height: 850px !important;} } @media (min-width: 1400px) { #media-site .text-machine-left{ width: 90%; height: 45%; } #media-site .right-bg-machine-3{ right: 10%; height: 70%} #media-site .right-bg-machine-4{ right: 50px; height: 68%} } /* banner ------------------------------------------------------------------------------------ */ #banner{position:relative;background:url(../images/home_bg.jpg) no-repeat center bottom; background-size:cover; z-index:2;} #banner .slogan{color: #fff;font-family: 'Oswald', sans-serif; font-weight:700; text-shadow: 1px 1px 0 #000;text-transform:uppercase;font-size: 64px;line-height: 68px; height: 300px;display: table-cell;vertical-align: middle;} #banner .carousel {position: absolute;z-index: 0; width: 100%; height: 100%;} #banner .carousel-inner { position: absolute; width: 100%; height: 100%;} #banner .carousel-inner>.item { position: absolute; width: 100%; height: 100%;} .carousel-inner>.item { -webkit-transition: 1.2s ease-in-out left; transition: 1.2s ease-in-out left; opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-control { z-index: 2; } .carousel, .carousel-inner, .carousel-inner .item { height: 100%; } .blueimp-gallery>.slides>.slide .modal{ overflow: hidden;} #banner .featuredProducts{ background:none; border-bottom:none;background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.5);z-index: 2;position: relative;} #banner .featuredProducts .featured{ list-style:none;margin:0; padding:0; display:block;} #banner .featuredProducts .featured li{ float:left; width:25%;padding:20px 0 15px 0 ;background: rgb(255, 255, 255); background:rgba(255, 255, 255, 0.9); border-left:1px solid #E4E4E4; border-bottom:1px solid #E4E4E4;} #banner .featuredProducts.reklame .featured li{ float:left; width:20%;padding:20px 0 15px 0 ;background: rgb(255, 255, 255); background:rgba(255, 255, 255, 0.9); border-left:1px solid #E4E4E4; border-bottom:1px solid #E4E4E4;height: 219px;} #banner .featuredProducts.reklame .featured li.extra {background: #FFC820;height: 219px;border: none;} #banner .featuredProducts.reklame .featured li.extra.verticalCenter { position:relative;} #banner .featuredProducts.reklame .featured li.extra.verticalCenter .top{ position:absolute; top:0; left:0; width:100%; height:50%; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-flex-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} #banner .featuredProducts.reklame .featured li.extra.verticalCenter .bottom{ background:#fff; position:absolute; bottom:0; left:0; width:100%; height:50%; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-flex-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} #banner .featuredProducts.reklame .featured li.extra.verticalCenter .bottom:hover{ background:#000;} #banner .featuredProducts.reklame .featured li.extra.verticalCenter .bottom:hover a{ color:#fff;} #banner .featuredProducts.reklame .featured li.extra.verticalCenter span{ height:auto; padding-bottom:0;} #banner .featuredProducts.reklame .featured li.extra.verticalCenter a{ width: 100%} #banner .featuredProducts.reklame .featured li.extra.verticalCenter{} #banner .featuredProducts.reklame .featured li.reklama .mobile-link{ display: none;} #banner .featuredProducts.reklame .featured li.reklama{ width:40%;padding: 0; position: relative;border-left: none;} #banner .featuredProducts.reklame .featured li.reklama .glyphicon {display: inline-block;font-family: 'Glyphicons Halflings';font-style: normal;font-weight: 400;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} #banner .featuredProducts.reklame .featured li.reklama .item a{ display: block; width: 100%; height: 100%;position: absolute;top: 0;} #banner .featured.last li{ border-bottom:none;} #banner .featured li.extra{ background:#FFC820; height:219px; border:none;} #banner .featured li.extra a:hover{ color:#fff;} #banner .featured li:first-child{ border-left:none; margin-left:0;} #banner .featured li a{ text-decoration:none; text-align:center; color:#565656; display:block;-webkit-transition: all 0.5s; transition: all 0.5s;} #banner .featured li a:hover{ color:#ffcd11;} #banner .featured li a span{ display:block;font-family: 'Oswald', sans-serif; font-weight:400; text-transform:uppercase; font-size:21px;line-height: 24px; padding-bottom:20px; height:68px;} .mk #banner .featured li a span{ font-size: 14px;} #banner .featured li a img{ width:155px;-webkit-transition: all 0.5s; transition: all 0.5s;} #banner .featured li a:hover img{ margin-left:10px;} #banner .container{ position: relative;} #banner .choose_language{ background:#FFC820 url(../images/selectLanguage.png) no-repeat center right; width: 1110px; height: 0; z-index: 1; position: absolute; opacity: 0; margin: 0 0 0 15px; z-index: 0; -webkit-transition: opacity 0.5s;transition: opacity 0.5s;} #banner .choose_language a{ color:#FFC820; } #banner .choose_language.hover{ opacity: 1; height: 100%; z-index: 3;} #banner .choose_language .content{ margin:97px 0 0 50px; color: #fff;} #banner .choose_language .content .lang_title{ padding-left: 20px;} #banner .banner{ z-index: 1000; position: fixed; opacity: 1; -webkit-transition: opacity 0.5s;transition: opacity 0.5s; width: 479px;height: 363px; top: 150px; left: 50%; margin-left: -200px;border: 7px solid #fff;} #banner .banner > a{ display:block; width:100%; height:100%; color:#000; } #banner .banner.closed{ opacity: 0; z-index: 0; display: none;} #banner .banner .content{ height:185px; background:#FFC820; position: relative; } #banner .banner .content .top{ padding: 24px 20px 0px 25px; position: absolute;padding: 0 20px 18px 22px;left: 0;bottom: 0;width: 250px;} #banner .banner .content .top .title {font-family: 'Oswald',sans-serif;font-weight: 400;font-size: 37px;margin-bottom: 5px;margin-top:0px;padding-bottom: 0px;} #banner .banner .content .top .subtitle {font-family: 'Oswald',sans-serif;font-weight: 700;font-size: 22px;line-height: 21px;margin-bottom: 0;margin-top: 0;padding-bottom: 0;} #banner .banner .content .bottom{font-family: 'Oswald',sans-serif;font-weight: 300; text-transform:uppercase;font-size: 19px;line-height: 30px;margin-bottom: 0;margin-top: 0;text-align: right;padding: 68px 20px 18px 25px; position: absolute;right: 0;bottom: 0;width: 250px;} #banner .banner .image{ width: 100%;position: relative;height: 350px;display: block; background-size: cover;} #banner .banner #close{ z-index: 2; position:absolute; top:0; right:0; color:#fff; margin-top:-3px; cursor:pointer; margin-right:5px; font-size:36px;display: inline-block;width: auto;height: auto;} #banner .banner .content .lang_title{ padding-left: 20px;} #banner #langButton{ cursor: pointer;} /* banner2 ------------------------------------------------------------------------------------ */ #banner2{position:relative;background:url(../images/home_bg.jpg) no-repeat center bottom; background-size:cover; z-index:2;} #banner2 .slogan{color: #fff;font-family: 'Oswald', sans-serif; font-weight:700; text-shadow: 1px 1px 0 #000;text-transform:uppercase;font-size: 64px;line-height: 68px; padding-top: 10px; height: 350px;display: table-cell;vertical-align: middle;} #banner2 #home-backgrounds .carousel {position: absolute;z-index: 0; width: 100%; height: 100%;} #banner2 #home-backgrounds .carousel-inner { position: absolute; width: 100%; height: 100%;} #banner2 #home-backgrounds .carousel-inner>.item { position: absolute; width: 100%; height: 100%;} #home-backgrounds.carousel-inner>.item {-webkit-transition: 1.2s ease-in-out left;transition: 1.2s ease-in-out left;opacity: 0;-webkit-transition-property: opacity;transition-property: opacity;} #home-backgrounds .carousel-fade .carousel-inner .active {opacity: 1;} #home-backgrounds .carousel-fade .carousel-inner .active.left,#home-backgrounds .carousel-fade .carousel-inner .active.right {left: 0;opacity: 0;z-index: 1;} #home-backgrounds .carousel-fade .carousel-inner .next.left,#home-backgrounds .carousel-fade .carousel-inner .prev.right { opacity: 1;} #home-backgrounds .carousel-fade .carousel-control{z-index: 2;} #home-backgrounds .carousel,#home-backgrounds .carousel-inner,#home-backgrounds .carousel-inner .item {height: 100%;} .blueimp-gallery>.slides>.slide .modal{ overflow: hidden;} #banner2 .featuredProducts{ background:none; border-bottom:none;background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.5);z-index: 2;position: relative;width: 100%;} #banner2 .featuredProducts .featured{ list-style:none;margin:0; padding:0; display:block;} #banner2 .featuredProducts .featured li{ float:left; width:12.5%;padding:20px 0 15px 0 ;background: rgb(255, 255, 255); background:rgba(255, 255, 255, 0.9); border-left:1px solid #E4E4E4; border-bottom:1px solid #E4E4E4;} #banner2 .featuredProducts .featured li:nth-child(2){ border-left:1px solid #fff;} #banner2 .featured.last li{ border-bottom:none;} #banner2 .featured li:first-child{ border-left:none; margin-left:0;} #banner2 .featured li.extra {background: #FFC820; border-bottom: 1px solid #FFC820; height: 173px; border-left:none;} #banner2 .featured li.extra a:hover{ color:#fff;} #banner2 .featured li.extra.verticalCenter { border-bottom:none; color: #fff; position:relative; border-left: none;} #banner2 .featured li.extra.verticalCenter .top{ -webkit-transition: all 0.5s;transition: all 0.5s;background:#000;border-bottom: 1px solid #ffc820;position:absolute; top:0; left:0; width:100%; height:50%; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-flex-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} #banner2 .featured li.extra.verticalCenter .top a{ -webkit-transition: all 0.5s;transition: all 0.5s;color: #ffc820;} #banner2 .featured li.extra.verticalCenter .top:hover{ background:#ffc820;} #banner2 .featured li.extra.verticalCenter .top:hover a{ color:#000;} #banner2 .featured li.extra.verticalCenter .bottom{-webkit-transition: all 0.5s;transition: all 0.5s; background:#000; position:absolute; bottom:0; left:0; width:100%; height:50%; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-flex-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} #banner2 .featured li.extra.verticalCenter .bottom a{ -webkit-transition: all 0.5s;transition: all 0.5s;color: #ffc820;} #banner2 .featured li.extra.verticalCenter .bottom:hover{ background:#ffc820;} #banner2 .featured li.extra.verticalCenter .bottom:hover a{ color:#000;} #banner2 .featured li.extra.verticalCenter a{ width: 100%; } #banner2 .featured li.extra.verticalCenter a span{height: auto; padding: 0; margin: 0;} #banner2 .featured li a{ text-decoration:none; text-align:center; color:#565656; display:block;-webkit-transition: all 0.5s; transition: all 0.5s;} #banner2 .featured li a:hover{ color:#ffcd11;} #banner2 .featured li a span{ display:block;font-family: 'Oswald', sans-serif; font-weight:400; text-transform:uppercase; font-size:16px;line-height: 18px; padding-bottom: 15px; padding-top: 5px; height:58px;} .mk #banner2 .featured li a span{ font-size: 14px;} #banner2 .featured li a img{ width:105px;-webkit-transition: all 0.5s; transition: all 0.5s;} #banner2 .featured li a:hover img{ margin-left:10px;} #banner2 .container{ position: relative;} #banner2 .choose_language{ background:#010101;width: 100%; height: 0; z-index: 1; position: absolute; opacity: 0; margin: 0; z-index: 0; -webkit-transition: opacity 0.5s;transition: opacity 0.5s;} #banner2 .choose_language:before{ background:url(../images/selectLanguage2.png) no-repeat center bottom; width: 100%; height: 100%; content: ""; position: absolute; top: 0; left: 0;} #banner2 .choose_language a{ color:#FFC820; } #banner2 .choose_language.hover{ opacity: 1; height: 100%; z-index:20;} #banner2 .choose_language .content{ margin:97px 0 0 50px; color: #fff;} #banner2 .choose_language .content .lang_title{ padding-left: 20px;} #banner2 .choose_language .close{ position: absolute; top: 40px; right: 20px; color: #fff; opacity: 0.95} #banner2 #actions-list{ border: 10px solid #ffc820; margin-top: 75px; margin-bottom: 55px; background: #221e1f; color: #fff;} #banner2 #actions-list .carousel-indicators {bottom: 1px;} #banner2 #actions-list .item p{margin: 0 0 1px;} #banner2 #actions-list .item{height: 200px; overflow: hidden;} #banner2 #actions-list .item a.row{ display: block; color: #fff;} #banner2 #actions-list .item .content{ padding: 15px 0px 15px 15px;} #banner2 #actions-list .item .content h3{ color: #fff; margin-top: 0px;} #banner2 #actions-list .item .image{ height: 200px; width: 100%; background-size: cover;border: 10px solid #221e1f;} #banner2 .banner{ z-index: 1000; position: fixed; opacity: 1; -webkit-transition: opacity 0.5s;transition: opacity 0.5s; width: 479px;height: 363px; top: 150px; left: 50%; margin-left: -200px;border: 7px solid #fff;} #banner2 .banner > a{ display:block; width:100%; height:100%; color:#000; } #banner2 .banner.closed{ opacity: 0; z-index: 0; display: none;} #banner2 .banner .content{ height:185px; background:#FFC820; position: relative; } #banner2 .banner .content .top{ padding: 24px 20px 0px 25px; position: absolute;padding: 0 20px 18px 22px;left: 0;bottom: 0;width: 250px;} #banner2 .banner .content .top .title {font-family: 'Oswald',sans-serif;font-weight: 400;font-size: 37px;margin-bottom: 5px;margin-top:0px;padding-bottom: 0px;} #banner2 .banner .content .top .subtitle {font-family: 'Oswald',sans-serif;font-weight: 700;font-size: 22px;line-height: 21px;margin-bottom: 0;margin-top: 0;padding-bottom: 0;} #banner2 .banner .content .bottom{font-family: 'Oswald',sans-serif;font-weight: 300; text-transform:uppercase;font-size: 19px;line-height: 30px;margin-bottom: 0;margin-top: 0;text-align: right;padding: 68px 20px 18px 25px; position: absolute;right: 0;bottom: 0;width: 250px;} #banner2 .banner .image{ width: 100%;position: relative;height: 350px;display: block; background-size: cover;} #banner2 .banner #close{ z-index: 2; position:absolute; top:0; right:0; color:#fff; margin-top:-3px; cursor:pointer; margin-right:5px; font-size:36px;display: inline-block;width: auto;height: auto;} #banner2 .banner .content .lang_title{ padding-left: 20px;} #banner2 #langButton{ cursor: pointer;} /* latestNews ------------------------------------------------------------------------------------ */ #latestNews{ margin-bottom:20px; padding-top:20px; padding-bottom:5px;} #latestNews .col-title{font-family: 'Oswald', sans-serif; font-weight:700; text-transform:uppercase; font-size:13px; min-height: 48px;} #latestNews .description{ min-height:66px;} #latestNews .description img{ width:150px; float:left; margin-right:15px; margin-bottom:25px;} #latestNews .col-main-title{font-family: 'Oswald', sans-serif; font-weight:700; text-transform:uppercase; font-size:18px; border-bottom:5px solid #ffcd11; margin-bottom:15px; margin-top:15px; padding-bottom:15px;} #latestNews .col-main-title a{ color: #333;} #latestNews .col-title-allnews{font-family: 'Oswald', sans-serif; font-weight:700; text-transform:uppercase; font-size:15px; margin-top:15px; padding-top:15px;} #latestNews .list-group{ border-top:2px solid #F0F0F0; border-bottom:2px solid #F0F0F0; margin-top:19px; border-radius:0;} #latestNews .list-group .list-group-item:first-child{ border-top:none;} #latestNews .list-group .list-group-item{ border:none; border-top:1px solid #F0F0F0; border-radius:0; padding-left:0; background:url(../images/link-arrow-gray.png) no-repeat; background-position:right center;-webkit-transition: all 0.5s; transition: all 0.5s;padding: 5px 0px; font-size:15px;} #latestNews .list-group .list-group-item:hover{ color:#ffcd11;} /* latestNews ------------------------------------------------------------------------------------ */ #latestActions .col-main-title{font-family: 'Oswald', sans-serif; font-weight:700; text-transform:uppercase; font-size:18px; border-bottom:5px solid #ffcd11; margin-bottom:15px; margin-top:15px; padding-bottom:15px;} #latestActions .verticalCenter { position:relative;} #latestActions .verticalCenter .top{ position:absolute; top:0; left:0; width:100%; height:50%; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-flex-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} #latestActions .verticalCenter .bottom{ background:#fff; position:absolute; bottom:0; left:0; width:100%; height:50%; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-flex-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} #latestActions .verticalCenter .bottom:hover{ background:#000;} #latestActions .verticalCenter .bottom:hover a{ color:#fff;} #latestActions .verticalCenter span{ height:auto; padding-bottom:0;} #latestActions .verticalCenter a{ width: 100%} #latestActions .verticalCenter{} /* content ------------------------------------------------------------------------------------ */ #content{ min-height:940px;position:relative; padding-bottom:60px;} #content .top_bg{ background:#fff url(../images/home_bg4.jpg) no-repeat; background-size: 100% auto; padding-top:100px; padding-bottom:30px; margin-bottom:30px; border-bottom:5px solid #ffcd11; position: relative;} #content .top_bg:before {content: "";position: absolute;width: 100%;height: 100%;margin-top: -100px;background: -moz-linear-gradient(top,rgba(25,25,25,0) 0,rgba(25,25,25,0) 24%,rgba(25,25,25,0.89) 84%,#191919 100%);background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(25,25,25,0)),color-stop(24%,rgba(25,25,25,0)),color-stop(84%,rgba(25,25,25,0.89)),color-stop(100%,#191919));background: -webkit-linear-gradient(top,rgba(25,25,25,0) 0,rgba(25,25,25,0) 24%,rgba(25,25,25,0.89) 84%,#191919 100%);background: -o-linear-gradient(top,rgba(25,25,25,0) 0,rgba(25,25,25,0) 24%,rgba(25,25,25,0.99) 89%,#191919 100%);background: -ms-linear-gradient(top,rgba(25,25,25,0) 0,rgba(25,25,25,0) 24%,rgba(25,25,25,0.99) 89%,#191919 100%);background: linear-gradient(to bottom,rgba(25,25,25,0) 0,rgba(25,25,25,0) 24%,rgba(25,25,25,0.99) 89%,#191919 100%);} #content .breadcrumb {font-family: 'Oswald', sans-serif; font-weight:400;color: #fff; text-transform:uppercase;padding: 0px 0px;margin-bottom: 0px;list-style: none;background: none;border-radius: 0;} #content .breadcrumb a{ color:#fff;} #content .breadcrumb>.active {color: #ffcd11;} #content .top_bg h1{ color:#fff; margin-bottom:0;text-shadow: 0 1px 0 #000;text-transform:uppercase; font-size:48px; line-height:55px; margin-bottom:29px; padding-bottom:20px;} #content .bg{ background:#fff;} #content .submenu_title{font-family: 'Oswald', sans-serif;font-weight: 700;text-transform: uppercase;font-size: 25px;line-height: 25px;border-bottom: 3px solid #ddd;margin-bottom: 0;margin-top: 41px;padding-bottom: 10px;} #content .submenu_title .subbar-toggle{ display: none;} #content .list-group{ margin-top:0px; background: #fff; z-index: 10; } #content .list-group-item:first-child{ border-top: none;} #content .list-group-item:first-child,#content .list-group-item:last-child{ border-radius:0;} #content .list-group-item{ border-left:none; border-right:none; padding:0;} #content .list-group-item a{ color:#565656;font-family: 'Oswald', sans-serif; font-weight:400; font-size:16px; text-transform:uppercase; display:block;padding: 8px 26px 8px 0px; background:url(../images/link-arrow-gray.png) no-repeat; background-position:right center;} #content .list-group-item.active > a{ color: #ffcd11;} /*#content .list-group > li:first-child > ul{ display:none !important;}*/ #content .list-group > li > ul{ display:none; margin:0; padding:0;} #content .list-group > li > ul > li.list-group-item a{ font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;font-weight: normal;color: #000;font-size: 12px;padding: 4px 0;padding-right: 26px;} #content .list-group > li > ul > li:first-child{ border-top: 1px solid #ddd;} #content .list-group > li > ul > li:last-child{ border-bottom:0;} #content .list-group li.active ul{ display:block; } #content .list-group li.active ul li{ padding-left:10px;background: rgba(202, 202, 202, 0.1);} #content .list-group li.active ul li ul{ display:none; margin:0; padding:0;} #content .list-group li.active ul li.active ul{ display:block;} #content .list-group li.active ul li.active ul li{ background: none;} #content .list-group li.active ul li.active ul li:last-child{ border-bottom:0;} #content .list-group li.active ul li.active > a{ display:block; color: #ffcd11; font-weight: bold;} #content table{ width: 100% !important; margin-bottom: 20px; border:0 !important;} #content table>thead>tr>th {padding: 8px 8px 8px 4px;line-height: 1.42857143;vertical-align: bottom;border-bottom: 2px solid #ddd; border:0 !important;} #content table>tbody>tr>td {padding: 8px 8px 8px 4px; border:0 !important;} #content table>tbody>tr:nth-child(odd)>td, #content table>tbody>tr:nth-child(odd)>th {background-color: #F8F8F8;} #content ul, ol {margin-top: 0;margin-bottom: 15px;} #content .fixedDiv{z-index: 1;} #content .fixedDiv.title{ z-index: 10; background: #fff; display: block; } #content .fixedTitle{ z-index: 10; background: #fff; display: block; width: 100%;} #content .rightBox{ margin-bottom: 5px; margin-top: 5px;} #content .rightBox a{ display: block;width: 100%; height: 100px; padding-top: 15px; border:1px solid #ddd; color: #ffcd11; text-align: center;-webkit-transition: all 0.5s; transition: all 0.5s; cursor: pointer;} #content .rightBox a span{ margin-bottom: 5px; display: block; color: #000;} #content .rightBox a img{ height: 80px;} #content .rightBox.Quote a{ height: 50px; padding-top: 0px; } #content .rightBox.Quote a span{ width: 48%; float: left; height: 50px; padding: 4px; line-height: 1; display: flex; padding-top: 2px; justify-content: center; /* align horizontal */ align-items: center;} #content .rightBox.Quote a img{ height: 44px; float: right; display: inline-block; margin-top: 3px;} #content .rightBox a i{ font-size: 39px;} #content .rightBox a:hover{ background:#ffcd11;border:1px solid #ffcd11; color: #000; text-decoration: none; } #content .rentBox{ margin-top: 10px; } #content .rentBox .img{ margin-top: -5px; } #content .cat_list{ margin-left: -1.7%;margin-right: 0%;} #content .cat_list > div.line{} #content .cat_list > div { float: left; width: 31.63%; margin-left: 1.7%; margin-bottom: 10px;} #content .cat_list > div:nth-child(3n+4){ clear: both;} #content .cat_list > div .title{font-family: 'Oswald', sans-serif; font-weight:normal;font-size: 16px;line-height: 18px;display: table;width: 100%;text-transform: uppercase;line-height: 20px;color: #565656;height: 50px;background: #f0f0f0 url(../images/link-arrow-gray.png) right center no-repeat; border: none; margin-bottom: 0px; } #content .cat_list > div .image{ position: relative; margin-top: 0px;border: 1px rgba(204, 204, 204, 0.15) solid; border-top: none;max-height: 153px;overflow: hidden;} #content .cat_list > div .title span{padding: 0 30px 0 10px;display: table-cell;vertical-align: middle;word-break: break-word;} #content .cat_list > div a:hover .title span{background: #000 url(../images/link-arrow.png) right center no-repeat;border: none;color: #fff;text-decoration: none;} #content .cat_list > div a:hover .image{border: 1px rgba(0, 0, 0, 0.65) solid; border-top: none;} #content ul.machine_photos{ list-style: none; margin: 0; padding: 0;margin-left: -1.333%;} #content ul.machine_photos li{ float: left; width: 32%; margin-left: 1.3333%;margin-bottom: 10px;} #content ul.machine_photos li a{ display: block; width: 100%;height:200px; background-size: cover;} #content .cat_list_2d3d{ margin-left: -2.1%;margin-right: 0%;} #content .cat_list_2d3d > div.line{} #content .cat_list_2d3d > div { float: left; width: 47.9%; margin-left: 2.1%; margin-bottom: 10px;} #content .cat_list_2d3d > div:nth-child(2n+3){ clear: both;} #content .cat_list_2d3d > div .title{font-weight: normal;font-style: normal;font-size: 16px;line-height: 18px;display: table;width: 100%;text-transform: uppercase;line-height: 20px;color: #565656;height: 50px;background: #f0f0f0 url(../images/link-arrow-gray.png) right center no-repeat; border: none; margin-bottom: 0px; } #content .cat_list_2d3d > div .image{ margin-top: 0px;border: 1px rgba(204, 204, 204, 0.15) solid; border-top: none;} #content .cat_list_2d3d > div .title span{padding: 0 30px 0 10px;display: table-cell;vertical-align: middle;word-break: break-word;} #content .cat_list_2d3d > div a:hover .title span{background: #000 url(../images/link-arrow.png) right center no-repeat;border: none;color: #fff;text-decoration: none;} #content .cat_list_2d3d > div a:hover .image{border: 1px rgba(0, 0, 0, 0.65) solid; border-top: none;} #content .cat_list_ps{ margin-left: -2.1%;margin-right: 0%;} #content .cat_list_ps > div.line{} #content .cat_list_ps > div.full-width{ width: 97.8%; } #content .cat_list_ps > div{ float: left; width: 47.9%; margin-left: 2.1%; margin-bottom: 10px;} #content .cat_list_ps > div:nth-child(2n+3){ clear: both;} #content .cat_list_ps > div > div > .title{font-weight: normal;font-style: normal;font-size: 16px;line-height: 18px;display: table;width: 100%;text-transform: uppercase;line-height: 20px;color: #565656;height: 50px;background: #f0f0f0 url(../images/link-arrow-gray.png) right center no-repeat; border: none; margin-bottom: 0px; } #content .cat_list_ps > div > div > .image{ margin-top: 0px;border: 1px rgba(204, 204, 204, 0.15) solid; border-top: none;} #content .cat_list_ps > div > div > .title a{padding: 0 30px 0 10px;display: table-cell;vertical-align: middle;word-break: break-word; color: #333;} #content .cat_list_ps > div > div:hover .title a{background: #000 url(../images/link-arrow.png) right center no-repeat;border: none;color: #fff;text-decoration: none;} #content .cat_list_ps > div > div:hover .image{border: 1px rgba(0, 0, 0, 0.65) solid; border-top: none;} #content .catalogs h3{ clear: both; margin: 10px 0px 10px 0px; padding-top: 20px; } #content .catalogs .bodytext{ display: none; } #content .catalogs ul{ list-style: none; margin: 0; padding: 0; padding-bottom: 60px; margin-right: -11px;} #content .catalogs ul li{ float: left; width: 33.33333%;} #content .catalogs ul li img{ width: 100% !important; height: auto !important; padding-right:10px; } /* news */ #content #news_items .media .media-body{ padding-bottom: 33px;} #content #news_items .media{ position: relative; margin-bottom: 20px;} #content #news_items .media .btn{ position: absolute; bottom: 0; right: 0;} #content #news_items .media .line{ clear: both; border-top: 1px solid #ddd;} #content #news_items .media .news-list-morelink{ display: none;} #content .news-single-img a:nth-child(3n+4){ clear: both;} #content .news-single-img {float: none;margin: 0px 0 0 0px;padding: 0; margin-right: -17px;} #content .news-single-img a{float: left;margin: 0px 0 0 0px;padding: 0 10px 10px 0; width: 33%;} #content .news-single-img a img{width: 100%; height: auto;} #content .news-single-img .news-single-imgcaption{ display: none;} .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {background-color: #ffcd11;border-color: #ffcd11;} .pagination>li>a, .pagination>li>span {color: #ffcd11;} .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {color: #ffcd11;} .showResultsWrap{display: none;} .news-single-item .fixedTitle{ display: none !important;} /* form */ .tx-powermail{ width: 100% !important;font-family: 'Oswald', sans-serif !important; font-weight:300 !important;font-size: 16px !important;} .powermail_label {display: block;width: 40%;float: left;clear: left;font-weight: bold;color: #000;} .powermail_fieldset {clear: left;border: 0;padding: 0px 0px 0px 0px;margin-bottom: 20px;background: #fff;border:none;} .powermail_field {font-family: 'Oswald', sans-serif;font-size: 16px;width: 60%;padding: 3px;border: 1px solid #ccc;color: #444;} .powermail_field.btn{ width: 60%;} /* aside ------------------------------------------------------------------------------------ */ #aside{background: #f0f0f0; position:relative; z-index:3;background: -moz-linear-gradient(top,#f0f0f0 0,#fff 24%);background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f0f0f0),color-stop(24%,#fff));background: -webkit-linear-gradient(top,#f0f0f0 0,#fff 24%);background: -o-linear-gradient(top,#f0f0f0 0,#fff 24%);background: -ms-linear-gradient(top,#f0f0f0 0,#fff 24%);background: linear-gradient(to bottom,#f0f0f0 0,#fff 24%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f0f0f0,endColorstr=#ffffff,GradientType=0);border-top: 1px solid #e6e6e6;font-size: 13px;line-height: 13px;margin-top: 0!important;color: #565656;padding:34px 0 30px 0;} #aside .fcol{ width: 20%; float: left;} #aside .col-title{font-family: 'Oswald', sans-serif; font-weight:700; text-transform:uppercase; font-size:16px;} #aside ul{ list-style:none; margin:0; padding:0;} #aside ul li{ padding:5px 0 5px 0;} #aside a{color: #565656;} /* footer ------------------------------------------------------------------------------------ */ #footer{ background:#f0f0f0; padding-top:10px; font-size:13px; position: relative;} #footer a{ color:#333; position: relative; z-index: 5;} /* modal-cat ------------------------------------------------------------------------------------ */ .modal-cat .modal-header{padding: 15px;border-bottom: 1px solid #ffcd11;min-height: 16.42857143px;background: #ffcd11;} .modal-cat .modal-header .close{ margin-top: 2px;} .modal-cat .modal-content{border-radius: 0;} .modal-cat .modal-content .required{ color: #f00; } /* media queries ------------------------------------------------------------------------------------ */ @media (max-width: 768px){ .navbar .col-md-12.alpha.omega{ padding-left:15px; padding-right:15px;} .nav.nav-right { float:none !important;} .navbar-toggle {margin-right: 0px; margin-top:12px;} .navbar-default .navbar-nav{ margin-top:0;} .navbar-default .navbar-nav>li>a {height:auto; } .navbar-default .navbar-nav.nav-left>li>a {border-left:none;border-bottom: 1px #F0F0F0 solid;background: url(../images/link-arrow-gray.png) no-repeat;background-position: right center;} .navbar-default .navbar-nav.nav-right { float:none; width:100%;} .navbar-default .navbar-nav.nav-right>li { float:none; width:100%;} .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {background-color: #fff;color: #ffcd11;} .navbar-collapse .navbar-nav>li>a { padding-left: 30px;} .navbar-default .nav-left.navbar-nav>li.active ul{ display:block; list-style:none;padding-left: 0px;} .navbar-default .nav-left.navbar-nav>li.active >ul > li > a{ color:#000;display: block; padding: 4px 0px 4px 40px; border-bottom: 1px #F0F0F0 solid;background: url(../images/link-arrow-gray.png) no-repeat;background-position: right center;width: 100%;} .navbar-default .nav-left.navbar-nav>li.active >ul > li.active > a{ color:#ffcd11;} .navbar-default .nav-left.navbar-nav>li.active >ul > li.active > ul > li > a{ color:#000; display: block; padding: 4px 0px 4px 50px; border-bottom: 1px #F0F0F0 solid;background: url(../images/link-arrow-gray.png) no-repeat;background-position: right center;width: 100%; } .navbar-default .nav-left.navbar-nav>li.active >ul > li.active > ul > li.active > a{ color:#ffcd11; } .navbar-default .nav-left.navbar-nav>li.active ul li ul{ display:none; } .navbar-default .nav-left.navbar-nav>li.active ul li.active ul{ display:block; } #banner .banner { display:none;} #banner2 .banner { display:none;} #content .list-group{ padding-bottom:30px; } #content h1{font-size:30px; line-height:40px;} #aside .fcol{ width: 100%; float: left; padding-left: 15px padding-right:15px;} #aside .col-title{ margin-top:30px;} #aside{ padding-bottom:60px;} #content .cat_list{ margin-left: 0;} #content .cat_list > div .image{ display: none;} #content .cat_list > div { width: 100%; margin-left: 0;} #content .cat_list > div .title{margin-bottom: 0px;} .navbar-default .nav-right>li{ margin-right: -15px;} .navbar-default .nav-right>li > a{ padding: 10px 0 10px 0;border-bottom: 1px #F0F0F0 solid; height: 47px;} .navbar-default .nav-right>li > a:after{ content: ""; clear: both;} .navbar-default .nav-right>li.dropdown>a{clear: both;} .navbar-default .nav-right>li.dropdown>a span{ float: left;} .navbar-default .nav-right>li.dropdown>a i{ float: left; margin-left: 26px; margin-right: 15px;} #content .col-md-10 .news-list-container .media a img{ width:150px; height:auto;} } @media (min-width: 992px){ .navbar-default .nav-left.navbar-nav>li ul{ display: none;position: absolute; left: 0; list-style: none; background: #000; margin: 0; padding: 0px 0 0px 0; width: 1110px;margin-left: -241px; font-size: 16px;} .navbar-default .nav-left.navbar-nav>li{position: static;} .navbar-default .nav-left.navbar-nav>li:hover ul{display: block;} .navbar-default .nav-left.navbar-nav>li:hover ul li{ background: #000; float: left; text-align: center;} .navbar-default .nav-left.navbar-nav>li:hover ul li.active > a{ color: #ffcd11;} .navbar-default .nav-left.navbar-nav>li:hover ul li a{ color: #fff; padding: 17px 10px 17px 10px; display: block;} .navbar-default .nav-left.navbar-nav>li:hover ul li ul{ display: none; background: #2f2f2f; left: 0; top: 58px;border-top: 1px #3f3f3f solid; margin-left: 0; width: 1110px; padding-bottom: 10px;} .navbar-default .nav-left.navbar-nav>li:hover ul li:hover ul{ display: block;} .navbar-default .nav-left.navbar-nav>li:hover ul li ul li{ background: #2f2f2f; width: 25%;} .navbar-default .nav-left.navbar-nav>li:hover ul li ul li a{ color: #fff;} .navbar-default .nav-left.navbar-nav>li:hover ul li ul li.active a{ color: #ffcd11;} #banner2 #actions-list .item .col-sm-6.hidden-xs{ padding-right: 0;} } @media (min-width: 768px){ .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {margin-left: 15px;} .navbar-nav>li>a {padding-top: 22px;padding-bottom: 18px;} } @media (min-width: 768px) AND (max-width: 992px){ .nav>li>a { padding-left:4px; padding-right:4px; font-size:14px !important;} #content .list-group{ padding-bottom:30px; } .navbar-default .navbar-nav.nav-left{ width: 45%; } .navbar-default .navbar-nav>li>a{ height: auto; padding-top: 5px; padding-bottom: 5px; padding-left: 12px; padding-right: 12px; font-size: 11px !important;} } @media (min-width: 992px) AND (max-width: 1200px){ #banner .choose_language{ width: 910px; } .navbar-default .navbar-nav>li>a{padding-left: 7px; padding-right:7px;font-size: 13px;} .navbar-default .nav-left.navbar-nav>li >ul{ margin-left: -241px;width: 910px;} .navbar-default .nav-left.navbar-nav>li:hover ul li ul{ width: 910px;} } @media (max-width: 992px){ #vabilo{ display: none !important} #banner .slogan{font-size:23px; line-height:30px; height: 250px;} .featuredProducts { background:none;} #banner .featured li{ width:100%; padding:0; background: rgb(255, 255, 255); background:rgba(255, 255, 255, 0.90) url(../images/link-arrow-gray.png) no-repeat;background-position: right center;} #banner .featured.last li{ width:100%; padding:0; background:rgba(255, 255, 255, 0.90) url(../images/link-arrow-gray.png) no-repeat;background-position: right center;border-bottom: 1px solid #E4E4E4;} #banner .featuredProducts.reklame .featured li{ width:100%; padding:0; background: rgb(255, 255, 255); background:rgba(255, 255, 255, 0.90) url(../images/link-arrow-gray.png) no-repeat;background-position: right center;} #banner .featuredProducts.reklame .featured li {height: auto;} #banner .featuredProducts.reklame .featured li.reklama{ width:100%;} #banner .featuredProducts.reklame .featured li.reklama #carousel-akcije { display: none;} #banner .featuredProducts.reklame .featured li.reklama .mobile-link {display: block;} #banner .featured li.extra{ display:none;} #banner .featured li a{ text-align:left;} #banner .featured li a span{ padding:10px; height:auto; display:block;} #banner .featured li a span br{ display:none;} #banner .featured li img{ display:none;} #banner .choose_language{ display:none;} #banner2 .slogan{font-size:23px; line-height:30px; height: 150px;padding-top:30px;} #banner2 .featured li{ width:100% !important; padding:0 !important; background: rgb(255, 255, 255); background:rgba(255, 255, 255, 0.90) url(../images/link-arrow-gray.png) no-repeat;background-position: right center;} #banner2 .featured.last li{ width:100%; padding:0; background:rgba(255, 255, 255, 0.90) url(../images/link-arrow-gray.png) no-repeat;background-position: right center;border-bottom: 1px solid #E4E4E4;} #banner2 #actions-list{ margin-top: 0px; margin-bottom: 30px;} #banner2 .featuredProducts.reklame .featured li{ width:100%; padding:0; background: rgb(255, 255, 255); background:rgba(255, 255, 255, 0.90) url(../images/link-arrow-gray.png) no-repeat;background-position: right center;} #banner2 .featuredProducts.reklame .featured li {height: auto;} #banner2 .featuredProducts.reklame .featured li.reklama{ width:100%;} #banner2 #actions-list .item .image{ border: none;} #banner2 .featuredProducts.reklame .featured li.reklama .mobile-link {display: block;} #banner2 .featured li.extra{ display:none;padding: 0; height: auto;} #banner2 .featured li.extra.verticalCenter{ display: block;} #banner2 .featured li.extra.verticalCenter a span{ padding: 10px;} #banner2 .featured li.extra.verticalCenter .top{ position: relative;} #banner2 .featured li.extra.verticalCenter .bottom{ position: relative;} #banner2 .featured li a{ text-align:left;} #banner2 .featured li a span{ padding:10px; height:auto; display:block;} #banner2 .featured li a span br{ display:none;} #banner2 .featured li img{ display:none;} #banner2 .choose_language{ display:none;} .navbar-collapse { background: #fff; overflow: hidden;} .navbar-default .navbar-brand { margin-left: 15px;} .navbar-default .navbar-nav>li>a {} .navbar-default .nav-right > li.dropdown > a{ background: none;padding-left: 2px;padding-right: 2px;} .navbar-default .nav-right a .fa {margin-left: 0px;} .fixedDiv{position: relative !important; top: auto !important;} .fixedTitle{position: relative !important; top: auto !important;} .fixedContact{position: relative !important; top: auto !important;} #content .top_bg { background-size: cover !important; background-position: 100% 0 !important;} #content .submenu_title .subbar-toggle{ float: right; display: block; cursor: pointer;} #content .list-group{ display:none; } .subbar-toggle {border-color: #ddd; position: relative; float: right; margin-right: 0px; padding: 9px 10px; margin-top: -4px; margin-bottom: 0px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; background-color: #ddd; } .subbar-toggle .icon-bar {display: block;width: 22px;height: 2px;border-radius: 1px;background-color: #888;} .subbar-toggle .icon-bar+.icon-bar {margin-top: 4px;} } @media (max-height: 600px){ .fixedDiv{position: relative !important; top: auto !important;} .fixedTitle{position: relative !important; top: auto !important;} .fixedContact{position: relative !important; top: auto !important;} } @media (max-width: 500px){ #content .col-md-7 img{ width:100% !important; height:auto !important; padding-left:0 !important;} } @media (max-width: 390px){ #header .container{ margin-right: 0;margin-left: 0;padding-left: 0px;padding-right: 0px; } #header .navbar-default .navbar-brand {margin-left: 0px;} #header .navbar-default .navbar-toggle {position: absolute;right: 13px;} } /* cirilica font fix */ .mk .navbar-default .navbar-nav, .mk .navbar-default .navbar-nav>li>a , .mk #banner .slogan, .mk #banner .featured li a span, .mk #banner .banner .content .top .title , .mk #banner .banner .content .top .subtitle , .mk #banner .banner .content .bottom, .mk #banner2 .slogan, .mk #banner2 .featured li a span, .mk #banner2 .banner .content .top .title , .mk #banner2 .banner .content .top .subtitle , .mk #banner2 .banner .content .bottom, .mk #latestNews .col-title, .mk #latestNews .col-main-title, .mk #latestNews .col-title-allnews, .mk #content .breadcrumb , .mk #content .submenu_title, .mk #content .list-group-item a, .mk #content .cat_list > div .title, .mk .tx-powermail, .mk .powermail_field, .mk #aside .col-title{font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;} .mk-al .navbar-default .navbar-nav>li>a, .al .navbar-default .navbar-nav>li>a, .kosovo .navbar-default .navbar-nav>li>a {font-size: 13px !important;} .ba .navbar-default .navbar-nav>li>a {font-size: 13px !important;} .mk .navbar-default .navbar-nav>li>a {font-size: 11px !important;} @media (min-width: 768px) AND (max-width: 992px){ .mk .navbar-default .navbar-nav>li>a, .al .navbar-default .navbar-nav>li>a, .mk-al .navbar-default .navbar-nav>li>a, .kosovo .navbar-default .navbar-nav>li>a {font-size: 9px !important; padding-left: 3px; padding-right: 3px; letter-spacing: 0;} } @media (min-width: 992px){ .mk .navbar-default .navbar-nav.nav-left>li:last-child>a, .al .navbar-default .navbar-nav.nav-left>li:last-child>a, .mk-al .navbar-default .navbar-nav.nav-left>li:last-child>a, .kosovo .navbar-default .navbar-nav.nav-left>li:last-child>a { padding-top: 13px; max-width: 110px; line-height: 1; } }