@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=latin,latin-ext);

/****************************************************/
/*FONT SIZE*/
/****************************************************/

.ftr_top_menu, .design, .docs li, .subcont_txt form p.disclaimer{
    font-size: 11px;
}

.news_box_front time, .slider_text time, time{
    font-size: 12px; /* to ce vjerojatno ici na 13, ali ovako je u PSD-u*/
}

p, .ftr_main_menu, .nfi_more, .query p, .query label, .pif_cijena span, .pif_str_cij, .pif_btn, .flag p, .docs li>a, .back, .sidebar_left p, .product_details p, form.inquiry_box p, form.inquiry_box input[type="radio"]+label, form.inquiry_box input[type="checkbox"]+label, .product_description p, .tech_det, .query .anketa_rezultati p:not(.percentage){
    font-size: 13px;
}

.top_menu, .pif_naz, .main_menu .language, .subcat li, .product_short_desc p, .subcont_txt h3 {
    font-size: 14px;
}

.main_menu, .featured_articles article p.intro, .sidebar_left h1.gray_link, .gallery_car h2, .news_list .pages a, .intro_box p, .inquiry, .product_list.more h2, .vid_gal>h2, .action_price p>span, .inquiry_standalone h2{
    font-size: 15px;
}

h2, .ftr_right h4, .query .anketa_rezultati p.percentage{
    font-size: 16px;
}

h1, .subcont_txt.product_list.more>h2:first-of-type{
    font-size: 18px;
}

.pif_cijena, .slider_text h2{
    font-size: 20px;
}

.subcont_txt h1, .content_sub >h1, .action_price>p{
    font-size: 24px;
}

/****************************************************/
/*LINE HEIGHT*/
/****************************************************/
.news_list .pages a{
    line-height: 14px;
}

p, .nfi_more, .featured_articles article p, .product_details p {
    line-height: 16px;
}

.pif_naz, .nl_ty p{
    line-height: 17px;
}

.main_menu li, .featured_articles article p.intro, .subcont_txt p, .sidebar_left p, #k_forma .inquiry_box label.pored{
    line-height: 18px;
}

.products_menu a{
    line-height: 20px;
}

.subcont_txt .intro, .intro_box p, .product_short_desc p{
    line-height: 22px;
}

.product_description p{
    line-height: 28px;
}

/****************************************************/
/*FONT*/
/****************************************************/

body, nav, input, textarea, select {
    font-family: 'Merriweather Sans', sans-serif;
}

.pif_cijena, .pif_str_cij, .flag p, .product_details p, .action_price p, .old_price p, .anketa_rezultati p.percentage{
    font-family: 'PT Sans', sans-serif;
}


/****************************************************/
body {
    position: absolute;    
    /*background-image: url(../images/bg-illustration.png);*/
    background-repeat: no-repeat;
    background-position: top center;
    width: 100%;
    min-height: 100%;
    min-width: 320px;
    background-color: #fff;
}

html>body, html>body #container {
	height: auto;
}

a{
    color: inherit;
    text-decoration: none;
}

b {
    font-weight: bold;
}

.container {
    position: absolute;
    min-height: 100vh;
    width: 100%;
}

header {
    position: relative;
    min-height: 188px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto 20px auto;
}

input.error, textarea.error {
	border: 1px solid #ff0000 !important;
}

.main {
    position: relative;
    width: 100%;
    max-width: 940px;
    margin: 0 auto 208px auto;    
}

/* ako je logotip okomit, header ce biti visi */
.logo {
    position: relative;
    display: block;
    float: left;
	background-position: left center;
    background-repeat: no-repeat;
    /*width: 232px;*/
	/*width: 308px;*/
	width: 600px;
    height: 90px;
    margin-top: 21px;
    margin-bottom: 29px;
}

.logo.mg{
	margin-top: 30px;
	float: left;
	position: relative;
	margin-bottom: 20px;
	padding: 0;
	max-width: 100%;
}

.logo.mg img{
	max-width: 100%;
	height: auto;
	display: block;
	position: relative;
	max-height: 90px;
	top: 50%;
	transform: translateY(-50%);
}

ul.norm_body, ol.norm_ol {
	margin: 12px 0 0 25px;
	padding: 0;
}

ul.norm_body li, ol.norm_ol li {
	margin: 0;
	padding: 0 0 2px 10px;
}

.top_menu {
    float: right;
    margin-top: 19px;
}

.top_menu li{
    display: inline;
    background-image: url('../images/menu_top_divider.png');
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 13px;
    padding-left: 8px;
}

.top_menu li:hover, .ftr_main_menu li:hover, .ftr_top_menu li:hover, .lnk_body, .design a:hover , .top_menu a.top_on, a.ftr_on, .lnk_tel:hover {
    text-decoration: underline;
}

.lnk_body:hover, .design a, .lnk_tel {
	text-decoration: none;
}

li.top_menu_last {
    background-image: none;
    padding-right:0;
}

.main_menu {
    position: relative;
    overflow: hidden;
    clear: both;
}
.main_menu ul{
    float: left;
    position: relative;
}
.main_menu li{
    position: relative;
    float: left;
    /*width: 160px;*/
}

.main_menu a{
    display: block;
    background-image: url('../images/main_menu_divider.png');
    background-repeat: no-repeat;
    background-position: right;
    padding: 15px 50px 14px 16px;
}

ul.language {
    float: right;
    margin-top: 14px;
}

.language li{
    float: left;
    width: auto;
    text-transform: uppercase;
}

.main_menu .language a{
    background-image: url(../images/lang_divider.png);
    background-position: top 2px right;
    padding: 1px 6px 0 6px;
}

.language a.home{
    display: block;
    width: 16px;
    height: 17px;
    background-image: url(../images/Tmpl-home.svg);
    padding: 0 12px 0 16px;
    background-repeat: no-repeat;
    background-position: center right 12px;
}

.language a.home:hover{
    display: block;
    width: 16px;
    height: 17px;
    background-image: url(../images/Tmpl-home-MO.svg);
    padding: 0 12px 0 16px;
    background-repeat: no-repeat;
    background-position: center right 12px;
}

.language a.home.no_svg{
    display: block;
    width: 16px;
    height: 17px;
    background-image: url(../images/Tmpl-home.png);
    padding: 0 12px 0 16px;
    background-repeat: no-repeat;
    background-position: center right 12px;
}

.language a.home.no_svg:hover{
    display: block;
    width: 16px;
    height: 17px;
    background-image: url(../images/Tmpl-home-MO.png);
    padding: 0 12px 0 16px;
    background-repeat: no-repeat;
    background-position: center right 12px;
}

.language a.last{
    background-image: none;
}

.html_slide, .html_slide_2 {
    overflow: hidden;
    border-top: 1px solid;
    border-bottom: 1px solid;
    min-height: 320px;
    width: 100%;
    position: relative;
}

.html_slide img, .html_slide_2 img{
    display: block;
    float: left;
}

.slider_text {
    border-top: 6px solid;
    float: left;
    height: 314px;
    width: 320px;
}

.slider_text time{
    float: left;
    margin: 27px 0 0 20px;
}

.slider_text h2{
    position: relative;
    float: left;
    clear: both;
    margin: 15px 0 0 20px;
    font-weight: normal;
}

.subcont_txt h3 {
	margin: 30px 0 20px 0;
}

.slider_text p{
    clear: both;
    float: left;
    margin: 19px 20px 0 20px;
}

.slider_text .nfi_more{
    margin-left: 20px;
	float: left;
	clear: left;
}

.transp_txt{
    height: 214px;
    width: 340px;
    position: absolute;
    right: 0;
    top: 67px;
    border-top: 5px solid;
    padding: 0 25px;
}

.transp_txt h2{
    margin-top: 24px;
    text-transform: uppercase;
}

.transp_txt p{
    margin-top: 19px;
}

.slider_navi {
    position: relative;
    overflow: hidden;
    list-style: none;
    margin-top: 9px;
}

.slider_navi li{
    float: right;
    height: 12px;
    width: 12px;
    margin-left: 5px;
}

.content, .content_sub {
    overflow: hidden;
}

.content_sub{
    position: relative;
    border-width: 6px 0 0 0;
    border-style: solid;
}

.bg_easeout{
    position: absolute;
    height: 186px;
    width: 100%;
    top: 214px;
    z-index: 0;
}

.content_sub > h1, .subcont_txt h2{
    text-transform: uppercase;
}

.content_sub > h1{
    margin: 39px 0 0 320px;;
}

.subcont_txt .intro{
    margin: 0px 0 0 0;
    padding-bottom: 6px;
    border-width: 0 0 1px 0;
    border-style: solid;
    min-height: 67px;
}

.subcont_txt .intro_wrapp{
	height:74px;
}

.subcont_txt{
    position: relative;
    margin-top: 44px;
    margin-left: 299px;
    z-index: 1;
    border-width: 0 0 0 1px;
    border-style: solid;
    padding: 0 20px 20px 20px;
    overflow: hidden;
}

.subcont_txt h2, .subcont_txt .inside_cont + p{
    margin-top: 38px;
}

.subcont_txt h2 {
	margin-bottom: 20px;
}

.gallery_car h2 {
	margin-bottom: 0px;
}

.subcont_txt p{
    margin-top: 11px;
}

.news_box_front{
    overflow: hidden;
    clear: both;
    position: relative;
    margin-top: 30px; /*bilo 19px*/
}

.news_front_item, .news_box_front > div:first-of-type{ /*.news_box_front > div:first-of-type selektira prvi div, a to je u ovom slucaju news_front_item*/
    /*max-width: 300px;*/
	max-width: 298px;
    float: left;
    margin-left: 20px; /* na responsive se mijenja u 2%;*/
    width: 32%
}

.news_box_front > div:first-of-type{
    margin-left: 0;
}

.news_front_item time{
    display: block;
    margin-top: 6px;
}

.category_box h1{
    text-transform: uppercase;
    padding: 8px 0 7px 20px;
    letter-spacing: 1px;
    margin-bottom: 30px;
}

h2{
    position: relative;
    margin-top: 4px;
}

p, .featured_articles p:first-of-type, .news_front_item p:first-of-type, .featured_articles p.intro + p, .news_front_item p.intro + p¸, .nlst_item p:first-of-type{
    margin-top: 20px; /*vrijedi za naslovnu stranicu - udaljenost od h2*/
}

.featured_articles p, .news_front_item p, .nlst_item p{
	margin-top: 0px;
}

.img_front_news_item {
    /*background-color: #d9dbdd;*/
    width: 100%;
}

.img_front_news_item img{
	width: 100%;
}

.img_front_news_item img, .sidebar_left img, .nlst_item img {
	border: 1px solid #d9dbdd;
}

footer {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 178px;
    width: 100%;
}

.ftr_left {
    max-width: 620px;
    margin-right: 290px;
    margin-top: 29px;
    overflow: hidden;
    display: flex;
    flex-flow: column;
}
.conversionRate {
    display: flex;
}

.ftr_right {
    float: right;
    /*margin-right: 120px;*/
	width: 280px;
    margin-top: 27px;
}

.ftr_content {
    overflow: hidden;
    max-width: 940px;
    margin: 0 auto;
    padding: 0 20px;
}

.ftr_main_menu{
    overflow: hidden;
    margin-top: 1px;
    float: left;
}

.ftr_main_menu li{
    float: left;
    margin-right: 15px;
    list-style: none;
    padding-right: 17px;
    background-image: url(../images/ftr_menu_divider.png);
    background-repeat: repeat-y;
    background-position: center right;
    text-transform: uppercase;
}

.product_box_front {
    overflow: hidden;
    margin-top: 30px; /*ovisno o prostoru koji ostane u novostima - u psd je izmedju vise i naslova 39px;*/
    max-width: 620px;
    margin-right: 320px;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
}
.product_box_front h1 {
    width: 100%;
}

.product_item_front{
    position: relative;
    float: left;
    width: 48%;
    padding-bottom: 42%;
    max-width: 298px;
    overflow: hidden;
    margin: 0 0 30px 4%;
    display: flex;
    margin-bottom: 0;
    margin-top: 30px;
}
.product_list .product_item_front:nth-of-type(2),
.product_list .product_item_front:nth-of-type(3) {
    margin-top: 0;
}
.product_box_front .product_item_front:nth-of-type(2),
.product_box_front .product_item_front:nth-of-type(1) {
    margin-top: 0;
}
 
.product_item_front .pif_child {
    width: 100%;
    display: flex;
    flex-flow: column;
}
.pif_first_col{
    margin-left: 0;
    clear: left;
}

.pif_last_row{
    margin-bottom: 0;
}

.newsletter {
    text-align: center;
    float: right;
    height: 155px;
    width: 298px;
    border: 1px solid;
    border-radius: 8px;
    margin-top: 30px;
}

.sidebar_front, sidebar_front_resp {
    width: 300px;
    overflow: hidden;
    float: right;
    margin-top: 30px;
}

.sidebar_front>div:first-of-type, sidebar_front_resp:first-of-type{
    margin-top: 0;
}

.query {
    text-align: center;
    overflow: hidden;
    width: 298px;
    float: left;
    margin-top: 30px;
    border-radius: 8px;
    border: 1px solid;
}

.nfi_more {
    text-transform: uppercase;
    text-decoration: underline;
    margin-top: 9px;
    font-weight: bold;
    float: left;
}  

.newsletter h1, .query h1 {
    text-transform: uppercase;
    margin-top: 18px;
}


.newsletter hr{
    margin: 33px 0 0 0;
}


.newsletter_mail {
    width: 238px;
    height: 30px;
    margin-top: 16px;
    border: 1px solid;
    padding: 0 11px;
}

.nl_btn, .qry_btn {
    height: 30px;
    width: 160px;
    margin-top: -17px;
    border-radius: 5px;
    border: 1px solid;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.qry_btn{
    margin: -17px 0 20px 0; 
    text-align: center;
}

.title_divider {
    margin: 5px 19px 0 19px;
}

.query p{
    text-align: left;
    margin: 19px 19px 0 19px;
}

.query form{
    overflow: hidden;
}

.query form label, .query .anketa_rezultati p:not(.percentage), form.inquiry_box input[type="radio"]+label, form.inquiry_box input[type="checkbox"]+label{
    text-align: left;
}

input[type=radio],input[type=checkbox]{
    display: none;
}

.query label:before, form.inquiry_box input[type="radio"]+label, form.inquiry_box input[type="checkbox"]+label:before{
    content: " ";
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid;
    position: absolute;
    left: 0;
    top: -2px;
    
}

form.inquiry_box input[type=checkbox]+label:before{
    border-radius: 0;
}

.query label, form.inquiry_box input[type="radio"]+label, form.inquiry_box input[type="checkbox"]+label {
    position: relative;
    clear: left;
    float: left;
    margin: 18px 0 0 19px;
    padding: 0 19px 0 22px;
}

.query .anketa_rezultati p.percentage + p{
	margin-top: 18px;
	margin-left: 60px;
}

.query .anketa_rezultati p.percentage{
	float:left;
	width: 41px;
	margin-top: 16px;
	margin-right: 0;
	font-weight: bold;
}

.query .anketa_rezultati p.glasovi{
	float: left;
	margin-left: 19px;
	margin-top: 14px;
	margin-bottom: 17px;
}

.query .anketa_rezultati .line, .newsletter .line{
	margin: 20px 19px 0 19px;
	height: 1px;
}

.nl_ty{
	border-width: 1px 0 1px 0;
	border-style: solid;
	padding: 0 0 20px 0;
	margin: 5px 19px 0 19px;
}

.anketa_rezultati{
	position: relative;
	overflow: hidden;
}

#k_forma form.inquiry_box input[type="radio"]+label, #k_forma form.inquiry_box input[type="checkbox"]+label{
	margin-left: 0;
}

.query form hr{
    clear: both;
    margin: 34px 0 0 0;
}
.form_wrapper {
    overflow: hidden;
}

.pif_child {
    border: 1px solid;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.pif_image {
    border-bottom: 1px solid;
    padding-bottom: 57%;
    /*background-image: url(../images/proizvod2.jpg);*/
    background-repeat: no-repeat;
    /*background-size: contain;*/
	background-size: 258px 145px;
    background-position: center;
}

.flag {
    position: absolute;
    float: right;
    right: 0;
    clear: right;
/*
    background-image: url(../images/flag_arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
*/
    margin-bottom: 3%;
    text-align: center;
/*    width: 65px;*/
    width: 55px;
    height: 30px;
}
.flag:nth-of-type(2) {
    top: 55px;
}

.flag_tail_up, .flag_tail_down{
    width: 0;
	height: 0;
	border-top-width: 15px;
    border-top-style: solid;
    border-top-color: inherit;
	border-left: 10px solid transparent;
    position: absolute;
    left: -10px;
}

.flag_tail_up{
    top: 0;
}

.flag_tail_down{
    transform: scaleY(-1);
    bottom: 0;
}

.flag_first {
    margin-top: 5%;
}

.flag p {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    margin-top: 7px;
    text-transform: uppercase;
    font-weight: bold;
}

.ftr_top_menu li,
.exchangeRate{
    float: left;
    padding-right: 7px;
    background-image: url(../images/ftr_top_menu_divider.png);
    background-position:center right;
    background-repeat: no-repeat;
    list-style: none;
    margin-right: 5px;
    line-height: 1;
}
.exchangeRate {
    font-size: 11px;
}

li.ftr_last{
    background-image: none;
}

.ftr_top_menu {
    overflow: hidden;
    margin-top: 21px;
    float: left;
    clear: left;
}

.social_icons {
    margin-top: 14px;
    float: left;
    clear: left;
}

.s_ico {
    display: block;
    float: left;
    height: 24px;
    width: 24px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: top;
}

.fb {
    background-image: url(../images/fb_i.svg);
}

.fb:hover {
    background-image: url(../images/fb_i_hover.svg);
}

.fb.no_svg {
    background-image: url(../images/fb_i.png);
}

.fb.no_svg:hover {
    background-image: url(../images/fb_i_hover.png);
}

.tw {
    background-image: url(../images/tw_i.svg);
}

.tw:hover {
    background-image: url(../images/tw_i_hover.svg);
}

.tw.no_svg {
    background-image: url(../images/tw_i.png);
}

.tw.no_svg:hover {
    background-image: url(../images/tw_i_hover.png);
}

.gpl {
    background-image: url(../images/gplus_i.svg);
}

.gpl:hover {
    background-image: url(../images/gplus_i_hover.svg);
}

.gpl.no_svg {
    background-image: url(../images/gplus_i.png);
}

.gpl.no_svg:hover {
    background-image: url(../images/gplus_i_hover.png);
}

.lid {
    background-image: url(../images/lid_i.svg);
}

.lid:hover {
    background-image: url(../images/lid_i_hover.svg);
}

.lid.no_svg {
    background-image: url(../images/lid_i.png);
}

.lid.no_svg:hover {
    background-image: url(../images/lid_i_hover.png);
}

.design {
    float: left;
    clear: left;
    margin-top: 26px;
}

.ftr_right p {
    margin: 0 0 5px 0;
}

.ftr_right h4 {
    margin-bottom: 18px;
    text-transform: uppercase;
}

.pif_desc {
    overflow: hidden;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    height: auto !important;
    min-height: 100px;
    flex: 1;
}

.pif_naz{
    margin-top: 9px;
    padding: 0 11px;
}

.pif_cijena {
    float: left;
    margin: 6px 0 0 11px;
    font-weight: bold;
}
.subcont_txt p.pif_cijena {
    margin-top: 6px;
}
.pif_cijena.cijenaEUR {
    font-size: 18px;
    color: #ababab;
}
.subcont_txt.product_list .pif_cijena.cijenaEUR {
    font-size: 18px;
    color: #ababab;
}
.action_price {
    /*
	height: 70px;
    top: -30px;
	*/
    position: absolute;
    right: 0;
}
.action_price>p.proizvodCijenaEUR {
    font-size: 22px;
    color: #d9dbdd;
    margin-bottom: 10px;
    margin-top: 10px;
}

.pif_str_cij {
    float: left;
    text-decoration: line-through;
    margin: 12px 0 0 9px;
}

p.line_through{
    text-decoration: line-through;
}

.pif_btn {
    float: right;
	display: block;
    border: none;
    border-radius: 7px;
    /*width: 80px;*/
	padding: 9px 25px 0 25px;
    height: 21px;
    margin-top: 6px;
    text-transform: uppercase;
    font-weight: bold;
    bottom: 10px;
    position: absolute;
    right: 10px;
	text-align: center;
}

.pif_desc hr {
    float: right;
    width: 10px;
    bottom: 10px;
    position: absolute;
    right: 0px;
}

.featured_articles hr{
    clear: both;
    margin: 46px 0 0 0;
    float: left;
    width: 100%;
}

.wrapper{
    padding: 0 20px;
}

.sidebar_front_resp, a.main_menu_resp{
    display: none;
}

a.main_menu_resp{
    background-image: url(../images/resp_men_ico.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 48px;
    width: 30px;
    float: right;
    clear: left;
    padding: 0 10px;
}

.price_more{
    position: relative;
    bottom: 13px;
    display: flex;
    flex-flow: column;
    margin-top: 20px;
}
.price_more .pif_str_cij:last-of-type {
    margin-top: 4px;
}

.banner_full_content{
    margin-top: 20px;
    clear: both;
}

.banner_sidebar{
    float: left;
    width: 300px;
	/*padding-bottom: 75%;*/
    /*height: 200px;*/
    margin-top: 30px;
    /*background-color: #ababab;*/
}

.banner_sidebar img{
	display: block;
}

.featured_articles{
    overflow: hidden;
    margin-right: 300px;
    margin-top: 40px;
}

.featured_articles.articlesFullWidth {
    margin-right: 0;
    width: 100%;
}
    
.featured_articles.articlesFullWidth article:nth-child(3n+3) {
    margin-right: 0;
}

.featured_articles h1{
    text-transform: uppercase;
    padding-top: 26px;
    border-top-width: 1px;
    border-top-style: solid;
}

.featured_articles h1 a:hover{
    text-decoration: underline;
}

.featured_articles article{
    float: left;
    max-width: 300px;
    margin-right: 20px;
}

.featured_articles article p.intro{
    margin-top: 19px;
}

.link_box, .link_box_resp{
    width: 300px;
    float: right;
    margin-top: 40px;
}

.bx-wrapper + .link_box{
	margin-top:0px;
}

.link_box_resp{
    display: none;
}

.link_box.idx_1{
    width: 100%;
/*    margin: 0 0 30px 0;*/
}

.links{
    position: relative;
    overflow: hidden;
    padding-bottom: 30px;
}

.link_box .links, .link_box_resp .links{
    position: relative;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-radius: 0 0 9px 9px;
}

.links li{
    list-style: none;
    margin: 0 11px;
    border-bottom-width: 1px;
    border-style: solid;
}

.links a{
	display: block;
    padding: 12px 16px 11px 16px;
    background-repeat: no-repeat;
    /*background-position: left 0px top 14px;*/
	background-position: calc(0%) calc(0% + 14px);
}

.links li:first-child{
    margin-top: 30px;
    border-top-width: 1px;
}

.link_box h1, .link_box_resp h1{
    padding: 8px 10px 7px 18px;
    border-radius: 9px 9px 0 0;
    text-transform: uppercase;
    
}

.more_btn{
    position: relative;
    text-align: center;
    margin-top: -17px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 8px 24px 6px 23px;
    float: left;
    border-radius: 9px;
}

.sidebar_left{
    overflow: hidden;
    float: left;
    width: 299px; /*bilo je 300 2015-05-25*/
    border-collapse: collapse;
    margin: 36px -1px 0 0;
/*    position: absolute;*/
    border-width: 0 1px 0 0;
    border-style: solid;
    padding-bottom: 20px;
}

.sidebar_left .gallery{
    border-width: 1px 0 1px 1px;
    height: 223px;
}

.sidebar_left img{
    display: block;
}

.sidebar_left img + ul.subcat li:first-of-type{
	border-top-width: 0;
}

.sidebar_left .bx-wrapper{
    margin-bottom: 41px;
}

.sidebar_left .highlight_link, .sidebar_left .gray_link{
    margin-top: 30px; /*bilo 14px, mijenjano zbog pozicije na stranici proizvod detaljno*/
    display: block;
    text-transform: uppercase;
    padding: 12px 13px 10px 13px;
    position: relative;
}

.sidebar_left .highlight_link.glry{
    background-image: url(../images/ikona.png);
    background-repeat: no-repeat;
    background-position: top 9px right 12px;
}

.sidebar_left .highlight_link:hover{
    text-decoration: underline;
}

.sidebar_left .gray_link{
    text-transform: uppercase;
    font-weight: normal;
    margin-top: 30px;
    border-width: 1px 0;
    border-style: solid;
}

.sidebar_left .gray_link.documents{
    background-image: url(../images/docs.png);
    background-repeat: no-repeat;
    background-position: top 9px right 12px; 
}

.subcat{
    overflow: hidden;
    /*margin-top: 30px;*/
    clear: both;
}

.subcat li{
    border-top-width: 1px;
    border-style: solid;
}

.subcat a{
	display: block;
    padding: 11px 0 11px 24px;
    background-repeat: no-repeat;
    /*background-position: left 12px top 15px;*/
	background-position: calc(0% + 12px) calc(0% + 15px);
}

.docs{
    margin-top: 19px;
    border-bottom: 1px solid;
    padding-bottom: 20px;
	list-style: none;
}

.docs li{
    text-transform: uppercase;
    margin-bottom: 10px;
	margin-left: 13px;
	margin-right: 10px;
}

.docs li:last-of-type{
    margin-bottom: 0;
}

.docs li>a{
    text-transform: none;
    text-decoration: underline;
}

.docs li>a:hover{
    text-decoration: none;
}


.subcat li:last-of-type{
    border-bottom-width: 1px;
}

.gallery_car{
    /*overflow: hidden;*/
}

.gallery_car h2, .inquiry_standalone h2{
    text-transform: uppercase;
    font-weight: 400;
    margin-top: 38px;
}

.gallery_thumbs{
/*    height: 115px;*/
    margin-top: 8px;
    border-width: 1px 0;
    border-style: solid;
    padding: 0 25px;
}

.gallery_thumbs img{
/*    float: left;*/
/*    width: 98px;*/
/*    height: 73px;*/
    border-width: 1px;
    border-style: solid;
/*
    margin-top: 19px;
    margin-left: 15px;
*/
}

.gallery_thumbs .bx-wrapper .bx-viewport{
    box-shadow: 0px 0px 0px;
}

.gallery_thumbs .bx-wrapper{
    margin: 20px 0;
    
}

.gallery_thumbs .bx-wrapper .bx-prev {
    left: -17px;
    border-width: 0 0 1px 1px;
}

.gallery_thumbs .bx-wrapper .bx-next {
    right: -17px;
    border-width: 0 1px 1px 0;
}

.gallery_thumbs .bx-wrapper .bx-prev, .gallery_thumbs .bx-wrapper .bx-next{
    width: 20px;
    height: 20px;
} 

.gallery_thumbs .bx-wrapper .bx-controls-direction a{
    top: 45px;
}

.gallery_thumbs .bx-pager{
    display: none;
}

.gallery_thumbs li:first-of-type{
    margin-left: 0;
}

.gallery_thumbs .arrow_left{
    display: block;
    float: left;
    position: relative;
    border-width: 1px 0 0 1px;
    border-style: solid;
    width: 14px;
    height: 14px;
    transform: rotate(-45deg);
    margin-left: 10px;
    margin-top: 50px;
}

.gallery_thumbs .arrow_right{
    float: right;
    display: block;
    border-width: 1px 1px 0 0;
    border-style: solid;
    width:14px;
    height:14px;
    transform: rotate(45deg);
    margin-right: 10px;
    margin-top: 50px;
}

.sidebar_left.responsive{
    display: none;
}

.references{
    overflow: hidden;
    margin-top: 20px;
}

.references a{
    float: left;
/*
    width: 298px;
    height: 152px;
*/
    width: 31.7%;
    padding-bottom: 16.17%;
    border-width: 1px;
    border-style: solid;
    margin: 0 0 40px 2%;
    /*background-image: url(../images/reference.jpg);*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.references a:nth-child(3n+1){
    margin-left: 0;
}

.news_list .nlst_item{
    margin-top: 30px;
    overflow: hidden;
}

.news_list div:first-child{
    margin-top: 10px;
}

.nlst_item .nlst_img{
    display: block;
    width: 300px;
    height: 154px;
    float: left;
    /*background-color: #ababab;*/
}

.nlst_item .txt{
    margin-left: 320px;
    overflow: hidden;
    border-bottom: 1px;
    border-style: solid;
}

.nlst_item a.nfi_more{
    margin-bottom: 30px;
    margin-top: 11px;
}

.nlst_item .txt time{
    position: relative;
    top: -4px;
}

.nlst_item .txt h2{
    margin-top: 1px;
}

.news_list .pages{
    list-style: none;
    margin-left: 320px;
    margin-top: 30px;
    overflow: hidden;
}

.news_list .pages li{
    border-width: 0 1px 0 0;
    border-style: solid;
    float: left;
    margin-bottom: 15px;
}

.news_list .pages a{
/*    padding: 0 18px;*/
    float: left;
    width: 42px;
    text-align: center;
}

.news_list .pages li:first-of-type a{
    width: 22px;
    text-align: left;
}

.sidebar_left.news_more{
    margin-top: 45px;
}

.sidebar_left.news_more .sdbr_img{
    display: block;
    width: 300px;
    height: 154px;
    float: left;
    background-color: #ababab;
    margin: 72px 0 14px 0;
}

.sidebar_left.news_more .highlight_link.glry{
    clear: both;
}

.before_art{
    min-height: 73px;
    border-width: 0 0 1px 0;
    border-style: solid;
}

.back{
    text-decoration: underline;
    float: left;
}

.before_art .back{
    margin-top: 10px;
}

.before_art .intro{
	border: none;
}

.content_sub > .back{
    position: absolute;
    bottom: 21px;
    left: 0;
}

.intro_box{
    margin-top: 30px;
}

.intro_box time{
    position: relative;
    top: -4px;
}

.intro_box h1{
    margin-top: 3px;
}

.intro_box p{
    margin-top: 21px;
    padding-bottom: 28px;
    border-bottom: 1px solid;
}

.subcont_txt.news_txt > p:first-of-type{
    margin-top: 26px;
}

.subcont_txt form{
    margin-top: 30px;
    padding-bottom: 15px;
}

form input, form textarea{
    width: 100%;
}

.subcont_txt form input{
    height: 25px;
    margin-bottom: 20px;
    padding: 0;
    width: 99%;
}

.subcont_txt form p{
    float: left;
    width: 140px;
    clear: left;
    margin-top: 29px;
}

.subcont_txt form p:first-of-type{
    margin-top: 5px;
}

.subcont_txt form .inputs{
    margin-left: 160px;
/*    padding-right: 10px;*/
}

.subcont_txt .inputs textarea{
    height: 120px;
    padding: 4px 0;
    width: 99%;
}

.inputs hr{
    width: 100%;
    margin: 46px 0 0 0;
    
}

input, textarea, select{
    border: 1px solid;
}

.subcont_txt .inputs .frm_btn{
    border: none;
    text-transform: uppercase;
    padding: 8px 13px 23px 13px;
    float: right;
    width: auto;
    border-radius: 7px;
    margin: -17px 30px 0 0;
}

.lnk_bdy{
    text-decoration: underline;
    color: inherit;
    font-size: inherit;
}

.lnk_bdy:hover{
    text-decoration: none;
}

.sidebar_left p{
    margin: 12px 20px 0 14px;
}

.sidebar_left p:first-of-type{
    margin-top: 23px;
}

.gray_link .toggl{
    border-width: 2px 2px 0 0;
    border-style: solid;
    width: 12px;
    height: 12px;
    display: block;
    transform: rotate(-45deg);
    position: absolute;
    right: 25px;
    top: 17px;
}

.gray_link .toggl.open{
    transform: rotate(135deg);
    top: 8px;
}

.gray_link.o_tvrtki:hover{
	cursor: pointer;
}

.gray_link + p{
    margin-top: 19px;
}

.subcont_txt.ref{
    border: none;
}

.subcont_txt .gmap{
    margin-top: 29px;
/*    padding-right: 10px;*/
}

.subcont_txt.nlst{
    border: 0;
}

.sidebar_left .fxd_img{
    width:100%;
    max-width: 300px;
}
    
 .sidebar_left.inside_cont{
      display: none;
 }

.content_sub.products h1{
    text-transform:none;
}

.subcont_txt.product_list:not(.more){
    margin-top: 36px;
    padding-right: 0;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
}

.subcont_txt.product_list >div.product_item_front:nth-child(2n){
    margin-left: 0px;
}

.subcont_txt.product_list >div.product_item_front:nth-last-child(1),.subcont_txt.product_list >div.product_item_front:nth-last-child(2){
	margin-bottom: 0;
}

.products_menu a{
    background-repeat: no-repeat;
    background-position:left 12px top 15px;
    padding: 10px 0 9px 24px;
    width: 275px; /*bilo je 276 2015-05-25*/
    border-top-width: 1px;
    border-top-style: solid;
    display: block;
    margin-right: 34px;
}

.products_menu>li:last-of-type a{
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

/*

.products_menu li a -> .products_menu li a
.products_menu li li a -> .products_menu ul a
.products_menu li li li a -> .products_menu ul ul a

*/

.products_menu ul a, .products_menu ul ul a.active{ /* 2 razina i dublje*/
    background-repeat: no-repeat;
    background-position:left 12px top 15px;
    border-top-width: 1px;
    border-top-style: solid;
}

.products_menu ul ul a{
    border-top-width: 1px;
    border-top-style: solid;
}

/*.products_menu a.active{
    padding-left: 24px;
    background-image: none;
    width: 288px;
}*/

.products_menu a.active{
    padding-left: 24px;
    background-image: none;
    width: 100%;
    box-sizing: border-box;
    padding-right: 18px;
}

.products_menu ul ul a.active{
    padding-left: 24px;
    width: 276px;
}

.products_menu ul{
    /*display: none;*/ /*proizvodi lijevi menu (sada je sve otvoreno)*/
}

.products_menu li{
    display: block;
}

.subcont_txt.product_list.more{
    padding-left: 20px;
}

.subcont_txt.product_list.more .top_bdr{
    border-width: 1px 0 0 0;
    border-style: solid;
    margin-right: 20px;
}

.subcont_txt.product_list.more>h2:first-of-type{
    margin-top: 30px;
    text-transform: none;
}

.product_item_front.more{
    width: 72%;
    max-width: none;
    padding-bottom: 41%;
    /*margin: 30px 0 0 0;*/
	margin: 10px 0 0 0;
}
    
.subcont_txt.product_list.more .sidebar_left{
    display: none;
}

.product_details{
    list-style: none;
    float: left;
    margin: 30px 0 0 3%;
    width: 25%
}

.product_details p{
    margin-top: 0;
}

.product_details li{
    border-width: 1px 0 0 0;
    border-style: solid;
    padding: 6px 0 6px 0;
}

.inquiry_wrap{
    clear: both;
    position: relative;
/*    overflow: hidden;*/
    min-height: 40px;
}

.inquiry, .inq2>.inquiry{
    display: block;
    clear: both;
    text-align: right;
    padding: 10px 46px 10px 0;
    z-index: 1;
    position: relative;
    border-width: 1px 0;
    border-style: solid;
    text-transform: uppercase;
}

.inquiry_wrap .toggle{
    position: absolute;
    top: 15px;
    right: 15px;
    background-image: url(../images/toggl_arrow_open.png);
    background-repeat: no-repeat;
    width: 18px;
    height: 10px;
    z-index: 0;
}

.inquiry_wrap .toggle.open{
    background-image: url(../images/toggl_arrow.png);
}

.inquiry_box{
    padding: 30px 0 14px 0;
    border-width: 0 0 1px 0;
    border-style: solid;
    position: relative;
    overflow: hidden;
    margin-top: 0;
    display: none;
}
form.inquiry_box p{
    float: left;
    clear: left;
    margin: 22px 0 0 10px;
}

.subcont_txt form.inquiry_box{
    margin-top: 0;
}

.subcont_txt .inquiry_standalone form.inquiry_box{
	display: block;
	margin-top: 8px;
    border-width: 1px 0px;
}

.inquiry_box p:first-of-type{
    margin-top: 4px;
}

form.inquiry_box input, form.inquiry_box textarea, form.inquiry_box select{
    max-width: 400px;
    width: 64%;
    float: right;
    margin: 10px 30px 0 0;
    height: 24px;
    border-width: 1px;
    border-style: solid;
}

form.inquiry_box textarea{
    height: 68px;
}

.inquiry_box input:first-of-type:not(#k_forma .inquiry_box input){
    margin-top: 0;
}

.inquiry_box textarea+p{
    clear: both;
    margin-top: 15px;
}

.inquiry_box .radio_l{
    float: left;
    clear: none;
}

.inquiry_box .radio_check_wrap{
    float: right;
    overflow: hidden;
	clear: right;
    width: 64%;
    margin: 10px 30px 0 0;
}

.radio_check_wrap label:first-of-type{
    margin-left: 0;
}

.inquiry_box hr{
    clear: both;
    margin-top: 37px;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.inquiry_box .frm_btn{
    border: none;
    text-transform: uppercase;
    padding: 8px 13px 23px 13px;
    float: right;
    width: auto;
    border-radius: 7px;
    margin: -17px 30px 0 0;
    clear: both;
    position: relative;
    z-index: 1;
}

form.inquiry_box p.disclaimer{
    width: auto;
    float: none;
    padding-top: 15px;
}

.product_short_desc{
    margin-top: 37px;
    border-bottom-width: 1px;
    border-style: solid;
    padding-bottom: 27px;
}

.product_short_desc p{
    margin: 0 0 10px 0;
}

.product_description section{
    padding: 14px 10px 11px 10px;
}

h2+div.product_description{
    margin-top: 19px;
}

.product_description p{
    margin: 0;
}

.tech_det{
    width: 100%;
    margin-top: 43px;
	margin-top: 20px;
    text-align: left;
    border-bottom-width: 1px;
    border-style: solid;
}

p + .tech_det{
	/*margin-top: 30px;*/
	margin-top: 15px;
}

.tech_det th, .tech_det td{
    border-width: 0 1px 0 0;
    border-style: solid;
    border-collapse: separate;
    padding: 10px 5px 10px 10px;
}

.tech_det td{
    border-top-width:1px;
}

.tech_det col{
    width: 39%;
}

.tech_det col:first-of-type{
    width: 22%;
}

.tech_det th{
    border-bottom-width: 1px;
    font-weight: bold;
}

.tech_det tr th:last-of-type, .tech_det tr td:last-of-type{
    border-right-width: 0px;
}

.gallery_car{
    border-top-width: 1px;
    border-style: solid;
    margin-top: 40px;
}

.vid_gal{
    overflow: hidden;
    margin-top: 40px;
    border-top-width: 1px;
    border-style: solid;
}

.vid_gal>h2{
    text-transform: uppercase;
    font-weight: 100;
    margin-bottom: 9px;
}

.inq2>.inquiry{
    width: 66%;
    float: left;
    padding-right: 6%;
}

.inq2{
    overflow: hidden;
}

.action_price{
    width: 28%;
    float: right;
    min-height: 40px;
}

.product_item_front.more.upit, .product_item_front.more.upit .pif_child{
    border-bottom: 0;
}

.inq2>.toggle{
    right: 29.5%;
}

.action_price p{
    margin-left: 20px;
}

.old_price{
    position: absolute;
    right: 0;
    top: -92px;
    width: 25%;
    border-width: 1px 0 0px 0;
    border-style: solid;
}

.old_price p{
    margin: 0;
}

/* -- VIDEO GALERIJA -- */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	margin-top: 9px;
	/*margin-bottom: 20px;*/
	height: 0;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.videoWrapper + .videoWrapper{
	margin-top: 30px;
}

.subcont_txt p.one_col_inp{
	display: none;
}

#email_done p{
	/*margin-top: 38px;*/
	margin: 20px;
	padding-bottom: 20px;
}

#k_forma .inquiry_box p{
	clear: both;
	width: auto;
	margin-right: 14px;
	margin-top: 14px;
}

#k_forma .inquiry_box p.odjeljak{
	margin-bottom: 14px;
	margin-right: 14px;
}

#k_forma .inquiry_box label.pored, #k_forma .inquiry_box .select_lab{
	float: left;
	clear: both;
	width: 130px;
	margin-top: 14px;
	margin-left: 10px;
}

#k_forma .inquiry_box textarea{
	padding-top: 3px;
}

.prod_more_wrapp{
	overflow: hidden;
}

.prod_more_wrapp + *:not(.inquiry_wrap){
	margin-top: 0;
	padding-top: 37px;
	border-top-width: 1px;
	border-top-style: solid;
}

.sidebar_left.inside_cont + .gmap{
	margin-top: 30px;
}

@media(max-width:1000px){
    /* RESPONSIVE FONTS */
    /* vw = 1% viewport width */
    
    .pif_naz{
        font-size: 1.4vw;
    }
        
    
    .action_price>p.proizvodCijenaEUR  {
        font-size: 18px;
        color: #d9dbdd;
    }
    .pif_cijena{
        font-size: 2vw;
    }
	
	.inq2 .action_price p{
		font-size: 20px;
	}

    /********************/
    .gallery_thumbs .bx-wrapper .bx-next {
        right: -17px
    }
    
    .gallery_thumbs .bx-wrapper .bx-prev{
        left: -17px;
    } 
    
    .main_menu ul:first-child, .top_menu, .language a.home{
        display: none;
    }
    
    .language li:last-of-type{
        margin-right: 5px;
    }
    
    ul.language{
        background-image: url("../images/main_menu_divider.png");
        background-repeat: no-repeat;
        background-position: right center;
        height: 34px;
        margin-top: 0;
        padding-top: 14px;
    }
    
    .top_menu li:hover{
        text-decoration: none;
    }
    
    a.main_menu_resp{
        display: block;
    }
    
    .flag p{
        line-height: normal;
    }
    
    .news_front_item{
        margin-left: 2%;
    }
    
    .subcont_txt.product_list .pif_cijena, .pif_cijena{
        margin-top: 6px;
    }
    
    .subcont_txt.product_list .pif_str_cij, .pif_str_cij{
        margin-top: 1.56vw;
    }
    
    .html_slide img, .html_slide_2 img{
        float: none;
        margin: 0 auto;
    }
    
    .slider_text{
        overflow: hidden;
        width: 100%;
        max-width: 620px;
        height: auto;
        padding-bottom: 10px;
        float: none;
        margin: 0 auto;
    }
    
	li.img_only a{
		display: block;
	}
	
	li.img_only a img{
		width: 100%;
	}
	
    .featured_articles article{
        width: 48%;
        margin-right: 2%;
    }
    
    .featured_articles.articlesFullWidth article {
        width: 32%;
        margin-right: 2%;
    }
    
    .wrapper{
        padding: 0 2vw;
    }
	
	.logo{
		max-width: 600px;
		float:none;
		width: auto;
		background-size: contain;
		height: auto;
		padding-bottom: 15%;
	}
	.logo.mg img{
		top: 0%;
		transform: translateY(0%);
}
	
	header{
		min-width: auto;
	}
}

@media(max-width:925px){
    .content_sub.products .sidebar_left{
        width: 230px;
    }
    
    .content_sub.products.more .sidebar_left{
        width: 300px;
    }
    
    .subcont_txt.product_list{
        margin-left: 230px;
    }

    .subcont_txt.product_list >div.product_item_front:nth-child(even){
        float: left;
    }

    .subcont_txt.product_list >div.product_item_front:nth-child(odd){
        float: right;
    }
    
    .subcont_txt.product_list.more .product_item_front.more{
        float: left;
    }
    
    .subcont_txt.product_list.more{
        margin-left: 300px;
    }
}

@media(max-width:915px){
    
    .product_box_front{
        margin-right: 250px;
    }
    
    .sidebar_front, .banner_sidebar{
        width: 230px;
    }
    
    .query, .newsletter{
        width: 228px;
    }
    
    .newsletter_mail{
        width: 166px;
    }
	
	.ftr_right, .ftr_left{
        float: left;
        margin-right: 0;
        clear: left;
		width: 100%;
    }
	
	.main{
		margin-bottom: 30px;
	}
	
	footer{
        position: relative;
        height: auto;
        padding-bottom: 20px;
    }
	
	.ftr_main_menu {
		display: none;
	}
	
	.ftr_left {
		margin-top: -2px;
	}
	
	form.inquiry_box input, form.inquiry_box textarea, form.inquiry_box select, .inquiry_box .radio_check_wrap {
		width: 61%;
	}
	
}

@media(max-width:850px){
    /* Fonts */

    .pif_naz{
        font-size: 16px;
    }
    
    .pif_str_cij{
        font-size: 13px;
    }
    
    .pif_cijena{
        font-size: 20px;
    }
    
    /********************/
    .sidebar_front{
        display: none;
    }
    
    .product_box_front{
        margin-right: 0;
        max-width: none;
    }
    
    .product_item_front{
        max-width: none;
        padding-bottom: 0;
        max-height: none;
    }
    
    .pif_child{
        position: relative;
        min-height: 36.4vw;
    }
    
    .sidebar_front_resp{
        display: block;
/*        float: left;*/
/*        width: 300px;*/
        margin: 30px auto 0 auto;
        
    }
    
    .banner_sidebar{
        width: 300px;
        float: left;
        clear: left;
        margin-top: 0;
    }
    
    .newsletter, .query{
/*        width: 298px;*/
        width: 300px;
        margin-top: 0;
    }
    
    .query.alone{
        float: left;
    }
    
    .newsletter{
        float: left;
        margin-bottom: 30px;
    }
    
    .query{
        float: right;
    }
    
    .pif_naz{
        margin-top: 2.31%;
    }
    
	/*
    .ftr_right, .ftr_left{
        float: left;
        margin-right: 0;
        clear: left;
    }
	*/
    
    .main{
        margin-bottom: 30px;
    }
    
	/*
    footer{
        position: relative;
        height: auto;
        padding-bottom: 20px;
    }
    */
	
    .pif_desc{
        height: 90px;
    }
    
    .featured_articles{
        margin-right: 29vw;
    }
    
    .featured_articles article{
        width: 28.5vw;
        margin-right: 3vw;
    }
    
    .link_box{
        width: 30vw;
    }
    
    .product_list .product_item_front, .subcont_txt.product_list > div:nth-child(2n+1){
        padding-bottom: 0;
    }
    
    .subcont_txt.product_list .sidebar_left.inside_cont {
        display: block;
        width: 100%;
        margin-bottom: 30px;
    }
    
    .products_menu a, .products_menu a.active{
        width: 100%;
    }
    
    .content_sub.products .sidebar_left{
        display: none;
    }
    
    .subcont_txt.product_list, .subcont_txt.product_list.more{
        width: 100%;
        border: none;
        margin-left: 0;
        padding: 0;
    }
    
    .subcont_txt.product_list.more .top_bdr{
        margin-right: 0;
    }
    
    .content_sub.products.more h1:not(.subcont_txt.product_list.more .sidebar_left.responsive){
        float: left;
        margin-left: 0;
    }
	
	form.inquiry_box input, form.inquiry_box textarea, form.inquiry_box select, .inquiry_box .radio_check_wrap {
		width: 70%;
	}
	
	form.inquiry_box input, form.inquiry_box textarea, form.inquiry_box select{
		max-width: 600px;
	}
	
	.subcont_txt.product_list.more .sidebar_left.responsive{
		display: block;
		margin-top: 20px;
        clear: both;
        width: 100%;
		float: none;
	}
	
	.sidebar_left.responsive .docs{
		border-bottom: none;
	}
	.sidebar_left.responsive + .gallery_car{
		margin-top: 0;
	}
}

@media(max-width:700px){
    .banner_full_content, .sidebar_left, .nrsp_frm_lab p{
        display: none;
    }
    
    .sidebar_left.products_menu{
        display: block;
    }
    
    .sidebar_left.responsive{
        display: block;
        margin-top: 30px;
        clear: both;
        width: 100%;
		float: none;
/*        width: auto;*/
/*        max-width: 300px;*/
/*        padding-right: 11px;*/ /*p*/
    }
    
    .sidebar_left.inside_cont{
        display: block;
        float: none;
        width: 100%;
    }
    
    .sidebar_left.inside_cont .bx-wrapper{
        max-width: 300px !important; /*important je tu samo zato da zgazi js css*/
    }
    
    .sidebar_left.inside_cont>*:first-child, .sidebar_left.responsive>*:first-child, .subcont_txt>.sidebar_left.inside_cont:first-child, .subcont_txt>.sidebar_left.news_more.inside_cont:first-child{
        margin-top: 0;
    }
    
    .sidebar_left.news_more.inside_cont, .sidebar_left.inside_cont{
        margin-top: 30px;
        padding-bottom: 0px;
    }
    
    .sidebar_left.inside_cont, .sidebar_left.news_more.inside_cont{
        margin-top: 15px;
    }
    
    .sidebar_left .gallery img{
        width: 100%;
    }
    
    .sidebar_left{
        border-right: 0;
    }
    
    .featured_articles{
        width: 57%;
    }
    
    .link_box{
        width: 40%;
    }
    
    .featured_articles article{
        float: left;
        clear: left;
        width: 100%;
        max-width: none;
		margin-top: 0;
    }
    
    .featured_articles.articlesFullWidth article {
        float: left;
        clear: left;
        width: 100%;
        max-width: none;
		margin-top: 0;
    }
    
    .transp_txt{
        position: relative;
        width: auto;
        top:0;
        height: auto;
        padding: 0 0 20px 0;
        overflow: hidden;
    }
    
    .subcont_txt{
        margin-left: 0;
        border-left: none;
        padding: 0 0px 0 0;
    }
    
    .subcont_txt>p.intro{
        margin-right: 0;
    }
    
    .content_sub.povratak{
		padding: 0 10px 60px 10px; /*27-05-2015 dodala padding 60 px zbog responsive sidebara - apsolutno pozicionirani link na povratak na ostale stranice iz nekog clanka*/
    }
    
    .content_sub.ref{
        padding-right: 10px;
    }
    
    .content_sub > h1{
        margin-left: 0;
    }
    
    .references{
        padding-right: 2px;
    }
    
    .nlst_item .txt{
        float: left;
        margin: 15px 0 0 0;
        width: 100%;
    }
    
    .news_list .nlst_item, .news_list div:first-child{
/*        padding-right: 10px;*/
        margin-top: 15px;
    }
	
    .nlst_item .txt .nfi_more{
        margin-bottom: 27px;
    }
    
    .news_list .pages{
        margin-left: 0;
        float: left;
    }

    .content_sub .back{
        left: 10px;
    }
	
	.featured_articles h1{
		border-top: 0;
	}
	
	.featured_articles article:first-of-type h1{
		border-top-width: 1px;
		border-top-style: solid;
	}
    
    .references a{
        width: 48%;
        padding-bottom: 24.51%;
    }
    
    .references a:nth-child(even){
        margin-left: 3.22%;
    }
    
    .references a:nth-child(odd){
        margin-left: 0;
    }
	
	.subcont_txt .gmap {
		margin-top: 30px;
		float: left;
		width: 100%;
	}
	
	.subcont_txt p.one_col_inp{
		display: block;
		float:left;
	}
	
	.subcont_txt form p:not(#k_forma .inquiry_box p){
		margin-top: 0px;
		margin-bottom: 5px;
	}
	
	.subcont_txt form .inputs{
		float: left;
		margin-left: 0;
		width: 100%;
	}
	
	.sidebar_left.inside_cont p{
		margin-left:0;
	}
	
	#kontakt_form .inputs p{
		margin: 0 15px 10px 0;
	}
	
	.sidebar_left.inside_cont + .gmap{
		margin-top: 25px;
	}
}

@media(max-width:655px){
    .query, .newsletter, .banner_sidebar{
        float: left;
        clear: both;
    }
    
    .query{
        margin-bottom: 30px;
    }
	
	.sidebar_front_resp{
		width: 300px;
	}
}

@media(max-width:620px){
    /* Fonts */
    
    .pif_naz{
        font-size: 16px;
    }
    
    .pif_str_cij{
        font-size: 13px;
    }
    
    .pif_cijena{
        font-size: 20px;
    }
    
    /********************/
    
    .ftr_main_menu, .ftr_main_menu, .news_front_item:nth-of-type(3n), .link_box, .inquiry_wrap .old_price{
        display: none;
    }
    
    .news_front_item, .news_box_front > div:first-of-type{
        width: 48%;
    }
    
    .news_front_item{
        margin-left: 4%;
    }
    
    .ftr_left{
        margin-top: 10px;
    }
    
    .product_item_front{
        width: 100%;
        margin-left: 0;
        margin-bottom: 30px;
    }
    
    .pif_image{
        padding-bottom: 37%;
    }
    
    .product_item_front.more .pif_image{
        padding-bottom: 57%;
    }
    
    .pif_desc{
        height: 18vw;
    }
    
    
    .link_box_resp{
        display: block;
    }
    
    .featured_articles, .link_box_resp{
        /*float: left;*/
        margin-right: 0;
        width: 100%;
        margin-top: 30px;
    }
    
    .link_box_resp{
        float: none;
		overflow: hidden;
    }
    
    .featured_articles article{
        /*margin-top: 17px;*/
    }
    
    .featured_articles article:first-of-type{
        /*margin-top: 10px;*/
    }

    .references a:nth-child(even){
        margin-left: 0;
        float: right;
        
    }
    
    .references a:nth-child(odd){
        margin-left: 0;
    }
	
	.ftr_top_menu {
		margin-top: 9px;
	}
	
	.sidebar_front_resp{
		margin-top: 0;
	}
    
}

@media(max-width:560px){
    form.inquiry_box input, form.inquiry_box textarea, form.inquiry_box select, form.inquiry_box .radio_check_wrap{
        float: left;
        clear: left;
        margin-right: 0;
        margin-left: 10px;
        width: 93%;
		max-width: none;
    }
    
    .subcont_txt form.inquiry_box p, #k_forma .inquiry_box label.pored, #k_forma .inquiry_box .select_lab{
        width: auto;
    }
    
    .inquiry_box .radio_l {
        clear: left;
        margin-left: 0;
    }
    
    form.inquiry_box p.disclaimer{
        padding-top: 23px;
    }
    
    .inq2 > .inquiry{
        width: 55%;
        padding-right: 7%; 
    }
    
    .inq2>.action_price{
        width:38%;
    }
    
    .inq2 > .toggle{
        right: 39%;
    }
}

@media(max-width:500px){
    
    .news_front_item, .news_box_front > div:first-of-type{
        width: 100%;
        margin: 30px 0 0 0;
        max-width: none;
    }
    
    .news_front_item:last-of-type{
        display: block;
    }
    
    .category_box h1{
        margin-bottom: 0;
    }
    
    .pif_desc{
        height: auto;
    }
    /*
    .pif_naz{
        margin-bottom: 50px;
    }*/
    
    .flag{
        margin-top: 3px;
        margin-bottom: 0;
    }
    
    .flag_first{
        margin-top: 6px;
    }
    
    /*.subcont_txt form .inputs{
        margin-left: 110px;
    }*/
    
    .subcont_txt form p{
        width: 90px;
    }
    
    .inq2 .action_price p{
        font-size: 4.5vw;
    }
    .conversionRate {
        flex-flow: column;
    }
    .exchangeRate {
        background-image: none;
    }
}

@media(max-width:400px){
    .sidebar_front_resp{
        width: 280px;
    }
    
    .newsletter, .query{
        width: 278px;
    }
    
    .banner_sidebar{
        width: 280px;
    }
	
	.banner_sidebar img{
		width: 100%;
	}
    
    .product_details{
        clear: left;
        float: none;
        margin-left: 0;
        width: 100%;
    }
    
    .subcont_txt.product_list.more .product_item_front.more{
        float: none;
        width: auto;
    }
    
    .inq2 > .inquiry{
        width: 53%;
        padding-right: 9%;
    }
    
    .inq2 .toggle{
        right: 40%;
    }
    
    .inquiry_wrap .old_price{
        /*display: block;*/
        border: 0;
    }
	
	.inquiry_wrap .old_price{
		display: block;
		width: auto;
	}
	
	.inquiry_wrap .old_price{
		display: none;
	}
	
	.old_price.resp_price{
		position: relative;
		top: auto;
		bottom: auto;
		width: 100%;
		display: block;
	}
}

@media(max-width:330px){
    .subcont_txt{
/*        padding-right: 0;*/
    }
    
    .references a:nth-child(n){
        width: 100%;
        padding-bottom: 47.5%;
        float: left;
    }
    
    .subcont_txt .inputs textarea {
        width: 98%;
    }
    
    .sidebar_left.inside_cont{
        width: 100%
    }
    
    .inq2 .action_price p{
        font-size: 15px;
    }
}