/*
Credit: http://www.templatemo.com
*/

body {
	margin: 0px;
	padding: 0px;
	color: #333;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	line-height: 1.5em; 
	background-color: #fff;
	background-image: url(img/back_avalon.png);
	background-repeat: repeat;
    background-size: 200px;
}
.price_modul p{
	    line-height: 1.5em;
}
.kontakt_top{
    max-width: 1130px;
    width: 100%;
    margin: 0 auto;
    min-height: 22px;
    font-size: 15px;
    padding-top: 8px;
    font-weight: bold;
    text-align: center;
}

a, a:link, a:visited { color: #EE3F24; text-decoration: none; }
a:hover { color: #f19005; text-decoration: none !important; }

p { margin: 0 0 10px 0; padding: 0; line-height: 18px;
margin-bottom: 8px;
font-family: Verdana, Geneva, sans-serif;}
img { border: none; }

h1 { 
font-size:  2.3em;
font-weight: 600;
margin: 0 0 30px 0;
padding: 5px 0;
line-height: 1em;
font-family: monospace;
text-transform: uppercase;
font-weight: 900;
text-rendering: optimizelegibility;
text-decoration: none;
 }
 .mapa{
 width: 450px;
height: 200px;
margin-right: 0px;
padding-right: 0px;
 }
 .blog_img{
 margin-right:10px;
 margin-bottom:10px;
 }
 .flexh3{
overflow: hidden;
text-shadow: 1px 1px 1px #f2F2f2;
padding: 2px 0 0 10px;
margin-right: 10px;
font-size: 14px;
font-weight: bold;
 }
 
 .cleaner_line{
width: 100%;
height: 5px;
background-image: url('images/line.png');
background-size: 100% 5px;
 }
  .cleaner_line2{
width: 100%;
height: 5px;
background-image: url('images/line1.png');
background-size: 100% 5px;
 }
 .poruci_proizvod, .dodaj_u_konfigurator{
    width: 155px;
    margin: 5px;
    text-decoration: none;
    float: left;
    border-radius: 2px;
    height: 24px;
    font-weight: bold;
    min-width: 53px;
    text-align: center;
    border: 2px solid #348601;
    color: #fff;
    padding-top: 5px;
    background: #02bf1a;
    /* background-image: url(images/korpa.png); */
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: 3px 3px;
    cursor: pointer;
 }
 .dodaj_u_konfigurator{
 background-image:none;
 }
 #site_title a {
 font-size:1.2em;
 }#site_title span {
 font-size:2em;
 text-shadow:none;
 }
 #site_title_mobile{
 display:none;
 }
 #order_share{
 width:100%;
 height:50px;
 }
.content_box h2 {
  margin: 0 0 30px 0;
  line-height: 1.4em;
  font-size: 21px;
  font-weight: 900;
  line-height: 1.4em;
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-size: 20px;
  font-family: Arial,Helvetica,sans-serif !important;
  text-rendering: optimizelegibility;
 }.content_box ul{
position:relative;
left:10px;
text-decoration: none;
 }
 .web_cijena_art{
	 position: absolute;
    z-index: 100;
    background: #ff4a4a;
    padding: 3px;
    color: #ffffff;
    font-weight: bold;
    border-radius: 10px;
 }
 .paket_sajtovi_main{
 float: left;
width: 242px;
background: url(images/planshadow.png) no-repeat center bottom;
padding: 0 0 11px 0;
margin: 0 10px 0 0;
 }
 .no_margine{
 margin:0px;
 }
.paket_sajtovi {
width: 200px;
background: url(images/planbg.png) repeat-x left top #e7e7e7;
border: 1px solid #b5b5b5;
padding: 20px;
border-radius: 5px;
}
.paket_sajtovi h2 {
margin: -10px 0 0 -10px;
padding: 0px;
color: #FFF;
font-size: 20px;
text-align: center;
background: url(images/planheading.png) no-repeat left top;
width: 219px;
line-height: 58px;
height: 58px;
text-transform: uppercase;
font-family: 'MyriadPro-Bold';
border-left: none !important;
padding-left: 0px !important;
text-shadow: 2px 1px 0 #555, 3px 3px 0 #000;
}
.paket_sajtovi ul {
list-style: none;
margin: 0 0 20px 0;
padding: 0px;
}
.paket_sajtovi ul li {
color: #333;
font-size: 14px;
background: url(images/planbullet.png) no-repeat left 11px;
padding: 0 0 0 20px;
border-bottom: 1px solid #b5b5b5;
height: 31px;
line-height: 31px;
}
.pregledano_text{
padding-left: 9px;
height: 75px;
overflow: hidden;
font-size: 15px;
}
.fancybox-custom .fancybox-skin {
			box-shadow: 0 0 50px #222;
		}
.planrate {
height: 70px;
width: 200px;
background: url(images/planrateshadow.png) no-repeat center bottom;
margin: 0 0 20px 0;
}

.accessible-megamenu{

}
.viewplan {
margin: 0 auto;
width: 199px;
height: 30px;
}
.viewplan a {
display: block;
width: 199px;
height: 30px;
line-height: 30px;
text-align: center;
text-decoration: none;
color: #FFF;
font-size: 12px;
text-transform: uppercase;
background: url(images/planview.png) no-repeat left top;
}
.doller1 {
float: left;
color: #000;
font-size: 34px;
height: 30px;
line-height: 30px;
font-family: 'MyriadPro-Bold';
margin: 20px 0 0 29px;
}
.numeric1 {
float: left;
color: #000;
font-size: 80px;
height: 60px;
line-height: 53px;
font-family: 'MyriadPro-Bold';
}
.per {
float: left;
color: #000;
font-size: 24px;
font-family: 'MyriadPro-Bold';
height: 20px;
line-height: 20px;
margin: 20px 0 0 0;
}
h3 { font-size: 21px; margin: 0 0 15px 0; padding: 0; padding: 0; color: #333; font-weight: normal; }
h4 { font-size: 18px; margin: 0 0 15px 0; padding: 0; }
h5 { font-size: 16px; margin: 0 0 10px 0; padding: 0; color: #333; }
h6, .proizvodi_list { font-size: 14px; margin: 0 0 5px 0; padding: 0; color: #333; }
.proizvodi_list{
font-weight:400;
}
.post-title, .post-title2{
width: 100%;
height: 42px;
font-size: 15px;
padding: 0px;
margin: 0px;
line-height: 19px;
overflow: hidden;
color:#000;
padding-top: 2px;
}.post-title2{
width: 100%;
height: 60px;
font-size: 1em !important;
}
#configurator{
margin-bottom: 20px;
margin-top: 20px;
}
#configurator_data{
width: 770px;
height:150px;
}#configurator_data .configurator_to_mail{
width:100%;
height:135px%;
}

#configurator .modul_conf{
width: 810px;
height: 36px;
}#configurator .modul_conf select{
width: 465px;
float: left;
}#configurator .modul_conf1{
width: 112px;
float: left;
}
input:focus, textarea:focus, isindex:focus, keygen:focus, select:focus {
outline-offset: -2px;
outline-color:#00d;
}#search_box input:focus {
outline-offset: -2px;
outline-color:#00d;
}
.dropcap {
display: block;
float: left;
font-size: 35px;
line-height: 20px;
margin: 0 5px 0 0;
}
.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }


.float_l { float: left; }
.float_r { float: right; }

.image_wrapper { display: inline-block; border: 1px solid #ccc; padding: 4px; background: #fff; margin-bottom: 10px; margin-right:10px;}
.image_fl { float: left; margin: 3px 15px 0 0; }
.image_fr { float: right; margin: 3px 0 0 15px; }

blockquote { font-style: italic; margin-left: 10px;}
cite { font-weight: bold; color:#3b3823; }
cite span { color: #696443; }
em { color: #2d7ad1; }

.tmo_list { margin: 20px 10px; padding: 0; list-style: none; }
.tmo_list li { background: transparent url(images/templatemo_list.png) no-repeat scroll 0 0px; margin:0 0 20px; padding: 0 0 0 20px; 	line-height: 20px; }


.tmo_list_l { width: 33%; float: left; }
.tmo_list_r { width: 25%;
    float: left;}

.btn_more a { 
	margin-top: 10px;
	display: inline-block;
	color: #2d7ad1;
	padding: 2px 20px 2px 0;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
    background: url(images/templatemo_more.png) no-repeat center right;
}

.btn_more a:hover {
	color: #000;
	text-decoration: none;
}

#templatemo_wrapper { 
     width: 95%;
	 max-width: 1400px;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0px 0px 5px 0px #000
}

#templatemo_sidebar {
float: left;
    width: 25%;
    padding: 0.5%;
}

#site_title {
	margin-bottom: 45px;
	z-index: 100;
	    height: auto;
}
.main_a{
width: 30.3%;
    height: 230px;
    float: left;
    margin-bottom: 40px;
    text-align: center;
    padding-bottom: 5px;
    border-bottom: 3px solid #797878;
    padding: 1%;
    padding-bottom: 1.5%;
    margin: 0.5%;
    box-shadow: 0px 0px 10px 0px #B3B3B3;
    border-radius: 10px;
    display: inline-block;
    position: relative;
}
#left_sider_reklame{
	display:none;
}
.top_website{
width:200px;
height:20px;
font-family: 'Artifika', serif;
padding:2px;
margin-bottom:5px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-moz-border-radius: 10px;
outline: none;
padding: 5px 15px 8px;
margin: 0 -15px;
text-decoration: none;
text-transform: uppercase;
color: #666666;
border-top: 1px solid #E6E6E6;
background: url(images/arrow.png) no-repeat 92% 14px;
}.top_website span{
font-size:16px;
float: right;
margin-right: 14px;
}

.decoration_none{
text-decoration:none !important;
}
#site_title h1 {
	margin: 0;
	padding: 0;
	z-index: 100;
	position: relative;
}

#site_title a {
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	color: #333;
	z-index:1;position:relative;
	font-weight: normal;
	text-decoration: none;
	position: absolute;
}
#slider {
				width:800px;
				height:250px;
				
				/*IE bugfix*/
				padding:0;
				margin:0;
				position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
margin: 0px;
width: 750px;
height: 180px;
			}
			
			#slider li { list-style:none; }
			
			#page {
width: 654px;
height: 187px;
margin-left: 0px;
position: relative;
top: -28px;
			}
#site_title a strong {
	color: #f19005;
font-size: 1.5em;
}

#site_title a span {
	display: block;
	font-size: 12px;
	color: #666;
	font-family: 'Artifika', serif;
text-transform: uppercase;
	font-weight: normal;
	margin-top: 5px;
	text-align: right;
}

#templatemo_sidebar h3 {
	border-left: 5px solid #f19005;
	padding-left: 10px;
}

.sidebar_box {
	margin-bottom: 30px;
	padding-bottom: 2px;
	border-bottom: 2px solid #CCC;
}

#templatemo_sidebar .no_border {border:0 none; padding:0;}
.sidebar_box_icon {
	width:5px;
	height:18px;
	cursor:default;
	margin-right:10px;
	display:block;
	float:left;
}
#slider1_container{
position: relative; top: 0px; left: 0px; width: 700px; height: 300px; overflow: hidden;
  border-radius: 5px;
  position: relative;
  -webkit-box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5), 0px 0px 0px 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5), 0px 0px 0px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5), 0px 0px 0px 3px rgba(0, 0, 0, 0.5);
  margin: 0px auto;
  margin-bottom: 20px;
  top: -20px;
}#slider1_container .load_avalon{
position: absolute; top: 0px; left: 0px;
}#slider1_container .filter_avalon{
filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block;
                background-color: #000000; top: 0px; left: 0px;width: 100%;height:100%;
}#slider1_container .load_gif_avalon{
position: absolute; display: block; background: url(img/img/loading.gif) no-repeat center center;
                top: 0px; left: 0px;width: 100%;height:100%;
}#slider1_container .cursor_avalon{
cursor: move; position: absolute; left: 0px; top: 0px; width: 700px; height: 300px; overflow: hidden;
}
.sidebar_box .sidebar_content {
	padding-left: 15px;
}
#antivirus_cijenovnik .naziv{
width: 380px;
height: auto;
float: left;
}#antivirus_cijenovnik .cijena{
width: 170px;
height: auto;
float: left;
}#antivirus_cijenovnik .produzenje{
width: 180px;
height: auto;
float: left;
}
#normal_web{
display:none !important;
}
#popup_web{
  color:#fff;
  cursor:pointer;
  background:blue;
}
#popup_web:hover {

}
#web_prodavnica_popup_fixed{
width:100%;
height:100%;
background: rgba(68, 67, 67, 0.79);	
position:fixed;
left:0px;
display:none;
top:0px;
z-index:2000;
}#web_prodavnica_popup .slika_proizvoda {
  max-height: 94px;
  width: auto;
  max-width: 96%;
}#web_prodavnica_popup .post-title, #web_prodavnica_popup .post-title2 {
  width: 100%;
  height: 42px;
  font-size: 14px;
  padding: 0px;
  margin: 0px;
  line-height: 14px;
  overflow: hidden;
  color: #000;
  font-weight: bold;
  padding-top: 2px;
}
#popularno_h2{
background-color: #F7F7F7;
  box-shadow: 2px 2px 1px #9A9A9A;
  -moz-box-shadow: 2px 2px 1px #9A9A9A;
  -webkit-box-shadow: 2px 2px 1px #9A9A9A;
}#popularno_h2 h2{
  float: left;
  margin-left: 75px;
  position: relative;
  top: -6px;
  margin-bottom: -12px;
  padding: 7px;
  border-radius: 24px;
  border: 1px solid #9A9A9A;
  border-bottom: 0px;
  box-shadow: 2px 2px 1px #9A9A9A;
  -moz-box-shadow: 2px 2px 1px #9A9A9A;
  -webkit-box-shadow: 2px 2px 1px #9A9A9A;
}
#web_prodavnica_popup .close_x{
    position: absolute;
    right: -8px;
    top: -9px;
    overflow: hidden;
    background: #FFFFFF;
    border-radius: 2px;
    border: solid 2px #dcdbdb;
    transition: all .3s ease-out;
    cursor: pointer;
    border-radius: 18px;
    font-size: 34px;
    text-align: center;
    color: #fb3232;
    width: 25px;
    height: 25px;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}#web_prodavnica_popup .close_x:hover{
  border: solid 2px #ff5b5b;
}
#web_prodavnica_popup{
  width: 80%;
  height: auto;
  position: absolute;
  margin: 0px auto;
  z-index: 2001;
  top: 20px;
  display:none;
  left: 10%;
  background: #fff;
}#web_prodavnica_popup .main_a {
width: 13%;
  height: 131px;
  float: left;
  margin-bottom: 13px;
  text-align: center;
  padding-bottom: 2px;
  border-bottom: 3px solid #797878;
  padding: 0%;
  margin: 0.5%;
  box-shadow: 0px 0px 10px 2px #B3B3B3;
  border-radius: 10px;
  display: inline-block;
  position: relative;
}
#search_box { width: 100%; height: 30px;}
#search_box form { clear: both; width: 100%; height: 30px; padding: 0; } 
#searchfield { display: block;
    float: left;
    height: 30px;
    width: 84%;
    padding: 0 0px;
    margin-right: 0px;
    color: #333;
    line-height: 30px;
    background: none;
    border: none;
    border: 1px solid; } 
#searchbutton { display: block;
    float: left;
    height: 32px;
    width: 15%;
    padding: 0 0 0px 0;
    margin: 0;
    cursor: pointer;
    font-size: 2em;
    color: white;
    position: relative;
    left: -3px;
    border: none;
    border-radius: 0px 10px 10px 0px;
    background: #e53935; }

#news_box { margin: 0; padding: 0; list-style: none; }
#news_box li {
-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
outline: none;
padding: 5px 15px 8px;
text-decoration: none;
text-transform: uppercase;
color: #666666;
border-top: 1px solid #E6E6E6;
background: url(images/arrow.png) no-repeat 92% 14px;

 }#news_box li:hover {
position:relative;
left:5px;
color: #222;
 }
 
 #news_box a{
text-decoration:none;
 }
#news_box .last { margin-bottom: 0; padding: 0; border-bottom: none; }
#news_box h6 { color: #f19005; }
#news_box h6:hover { text-decoration: underline; }

#templatemo_content {
float: left;
    width: 70%;
    padding: 0px 2% 0% 2%;
}

.content_box { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 2px solid #ccc; font-size:14px;} 
.last { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }

#templatemo_menu {
	height: auto;
    min-height: 60px;
    margin-bottom: 5px;
    width: 100%;
}
#avalon_isporuka{
width: 100%;
height: 120px;
}
#templatemo_menu ul {

}

#templatemo_menu ul li {

}

#templatemo_menu ul li a {

}

#templatemo_menu ul li a:hover, #templatemo_menu ul li .current {

}


#templatemo_content h2 {

}

.content_box_inner {
	padding-left: 20px;
}

.col_w280 {
	float: left;
	width: 260px;
	padding-right: 40px;
}
.kontakt_1{
width: 253px;
float: left;
padding-right: 21px;
}.kontakt_2{
width: 310px;
float: left;
padding-left: 10px;
}

.partner_box { 
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 2px solid #ccc;
	text-align: justify;
	font-family: 'The Girl Next Door', cursive;
}
.opis_blog{
font-size:1em;
}
.partner_box .ss_right {
	float: right;
	width: 350px;
}
.naslov_blog{
	font-weight:bold;
	line-height: 30px;
}

.service_list { margin: 40px 0 0 0; padding: 0; list-style: none; }
.service_list li { margin: 0; padding: 0; }
.service_list li a { display: block; height: 25px; font-size: 14px; margin-bottom: 20px; padding-left: 35px; }
.service_list li .service_one { background: url(images/onebit_08.png) center left no-repeat; }
.service_list li .service_two { background: url(images/onebit_11.png) center left no-repeat; }
.service_list li .service_three { background: url(images/onebit_17.png) center left no-repeat; }
.service_list li .service_four { background: url(images/onebit_21.png) center left no-repeat; }
.service_list li .service_five { background: url(images/onebit_12.png) center left no-repeat; }

#contact_form {  padding: 0; }
#contact_form form { margin: 0px; padding: 0px; }
#contact_form form .input_field { font-family: Tahoma, Geneva, sans-serif; width: 300px; padding: 5px; background: #fff; border: 1px solid #dfdfdf; }
#contact_form form label { display: block; width: 100px; margin-top: 10px; font-size: 14px; }
#contact_form form textarea { font-family: Tahoma, Geneva, sans-serif; width: 400px;  height: 200px; padding: 5px; background: #fff; border: 1px solid #dfdfdf; }
#contact_form form .submit_btn { padding: 10px 15px; margin: 10px 80px 0px 0px; background: #fff; border: 1px solid #dfdfdf; 	}

#templatemo_footer_wrapper {
	width: 100%;
	background: #eee;
	border-top: 5px solid #99c5f8;
	padding-bottom: 38px;
}

#templatemo_footer { 
  width: 96%;
  margin: 0 auto;  
  padding: 10px;
  padding-bottom: 0px;
  text-align: center;
  color: #61a4f0;
}
.price_modul, .price_modul2{
  width: 100%;
font-size: 21px;
}

.price_modul2 {
width: 150px;
}
#templatemo_footer a {
	color: #61a4f0;
}

#templatemo_footer a:hover {
	color: #b3d7ff;
}
.dostupno{

}
#pretraga_avalon{
width: 100%;
border: 1px solid darkorange;
margin-bottom: 20px;
padding: 10px;
height: 87px;
background: #EBEBEB;
border-radius: 20px;
}
#pretraga_avalon select, #pretraga_avalon input, #pretraga_avalon span, #pretraga_avalon label, #pretraga_avalon input[type=text] {
float:left;
width:190px;
}#pretraga_avalon input[type=submit] {
float:right;
width:170px;
position: relative;
top: 15px;
}#pretraga_avalon label {
float: left;
width: 99px;
clear: both;
padding: 5px;
margin-top: 9px;
}
#pretraga_avalon input[type=text]{
margin-top:-3px;
}#pretraga_avalon span, label{
float: left;
width: 71px;
padding-left: 4px;
padding-top: 2px;
}
#slider-range{
width: 192px;
float: left;
margin-top: 10px;
}
#amount{
width: 150px !important;
background: none;
border: none !important;
outline: none;
color: #000 !important;
float: left !important;
-webkit-box-shadow: none;
box-shadow:none;cursor:default;
}

.right_border{
  width: 2%;
  float: left;
  background: url(images/div.png);
  height: 210px;
  background-size: 101% 100%;
  margin-left: 1%;
  margin-right: 1%;
  display: none;
}
.a_holder_avalon{
display:block;
}
.right_border_none{
border-right:none;
float:left;
width:1px;
height: 210px;
}
#_logo5{
  width: 100%;
}
.proizvodi{
  width: 100%;
  height: 210px;
}

.proizvodi .placeholder_slika {
  height: 157px;
  overflow: hidden;
}
.slika_proizvoda{
  max-height: 153px;
  width: auto;
  max-width: 90%;
}
.proizvodi .placeholder_slika .slika_proizvoda{
  max-height: 153px;
  width: auto;
  max-width: 90%;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}.proizvodi:hover{
font-weight:bold;
}.proizvodi .placeholder_slika:hover {
opacity: 1;
    -webkit-transform: scale(1.05,1.07);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1.05,1.07);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
}.proizvodi:hover .stara_cijena{
font-size: 14px;
}.proizvodi:hover .akcija_proizvodi2{
margin-top:-6px;
margin-left:-4px;
}
.no-margine-right{
border-right:none;
}
.akcija_proizvodi2, .akcija_proizvodi3 {
position: absolute;
border: none;
width: 68px !important;
height: 54px !important;
z-index:10;
left: -6px;
  top: -4px;
}.akcija_proizvodi3{
width: 45px !important;
height: 40px !important;
}.akcija_proizvodi4{
	position: absolute;
border: none;
width: 40px !important;
height: 40px !important;
z-index:10;
	right: -6px;
    top: -12px;
}
input[type=checkbox] {
	visibility: hidden;
}
.slideThree, .slideThree2, .slideThree3 {
	width: 80px;
	height: 26px;
	float:left;
	background: #333;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position: relative;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}
.slideThree3{
width: 92px;
}.slideThree2{
width: 116px;
}
.slideThree:after, .slideThree2:after, .slideThree3:after {
	content: 'Novo';
	font: 12px/26px Arial, sans-serif;
	color: #000;
	position: absolute;
	right: 10px;
	z-index: 0;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255,255,255,.15);
}
.slideThree2:after {
content: 'Polovno';
}.slideThree3:after {
content: 'Akcija';
}
.slideThree:before ,.slideThree2:before ,.slideThree3:before {
	content: 'Novo';
	font: 12px/26px Arial, sans-serif;
	color: #00CFD8;
	position: absolute;
	left: 10px;
	z-index: 0;
	font-weight: bold;
}
.slideThree2:before{
content: 'Polovno';
}.slideThree3:before{
content: 'Akcija';
}
.slideThree label, .slideThree2 label, .slideThree3 label {
	display: block !important;
	width: 34px !important;
	height: 20px !important;

	padding: 0px !important;
margin-top: 0px !important;
	
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;

	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-ms-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	position: absolute !important;
	top: 3px !important;
	left: 3px !important;
	z-index: 1;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}
.slideThree3 label {
	width: 42px !important;
	}.slideThree2 label {
	width: 53px !important;
	}
.slideThree input[type=checkbox]:checked + label, .slideThree2 input[type=checkbox]:checked + label, .slideThree3 input[type=checkbox]:checked + label  {
	left: 43px !important;
}
.slideThree3 input[type=checkbox]:checked + label  {
	left: 48px !important;
}.slideThree2 input[type=checkbox]:checked + label  {
	left: 61px !important;
}
.stanje_novo, .stanje_polovno, .stanje_novo2{
position: absolute;
margin-top: -1px;
margin-left: -39px;
-webkit-transform: scale(1.05,1.07);
    -webkit-transition-timing-function: ease-out !important;
    -webkit-transition-duration: 0ms !important;
    -moz-transform: scale(1.05,1.07) !important;
    -moz-transition-timing-function: ease-out !important;
    -moz-transition-duration: 0ms !important;
}.stanje_polovno{

}
.stanje_novo2{
margin-top: 0px;
margin-left: -28px;
}
.height275{
height: 275px;
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
.particle{position:absolute;top:50%;left:50%;width:1rem;height:1rem;border-radius:100%;background-color:#00acff;background-image:-webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.3) 75%,rgba(0,0,0,0));box-shadow:inset 0 0 1px 1px rgba(0,0,0,.25);}.particle--a{-webkit-animation:particle-a 1.4s infinite linear;-moz-animation:particle-a 1.4s infinite linear;-o-animation:particle-a 1.4s infinite linear;animation:particle-a 1.4s infinite linear;}.particle--b{-webkit-animation:particle-b 1.3s infinite linear;-moz-animation:particle-b 1.3s infinite linear;-o-animation:particle-b 1.3s infinite linear;animation:particle-b 1.3s infinite linear;background-color:#dc50ff;}.particle--c{-webkit-animation:particle-c 1.5s infinite linear;-moz-animation:particle-c 1.5s infinite linear;-o-animation:particle-c 1.5s infinite linear;animation:particle-c 1.5s infinite linear;background-color:#ffbf03;}@-webkit-keyframes particle-a {
  0% {
   -webkit-transform: translate3D(-3rem,-3rem,0);
    z-index: 1;
    -webkit-animation-timing-function: ease-in-out;
  } 25% {
    width: 1.5rem;
    height: 1.5rem;
  }

  50% {
    -webkit-transform: translate3D(4rem, 3rem, 0);
    opacity: 1;
    z-index: 1;
    -webkit-animation-timing-function: ease-in-out;
  }

  55% {
    z-index: -1;
  }

  75% {
    width: .75rem;
    height: .75rem;
    opacity: .5;
  }

  100% {
   -webkit-transform: translate3D(-3rem,-3rem,0);
    z-index: -1;
  }
}

@-moz-keyframes particle-a {
  0% {
   -moz-transform: translate3D(-3rem,-3rem,0);
    z-index: 1;
    -moz-animation-timing-function: ease-in-out;
  }

  25% {
    width: 1.5rem;
    height: 1.5rem;
  }

  50% {
    -moz-transform: translate3D(4rem, 3rem, 0);
    opacity: 1;
    z-index: 1;
    -moz-animation-timing-function: ease-in-out;
  }

  55% {
    z-index: -1;
  }

  75% {
    width: .75rem;
    height: .75rem;
    opacity: .5;
  }

  100% {
   -moz-transform: translate3D(-3rem,-3rem,0);
    z-index: -1;
  }
}

@-o-keyframes particle-a {
  0% {
   -o-transform: translate3D(-3rem,-3rem,0);
    z-index: 1;
    -o-animation-timing-function: ease-in-out;
  }

  25% {
    width: 1.5rem;
    height: 1.5rem;
  }

  50% {
    -o-transform: translate3D(4rem, 3rem, 0);
    opacity: 1;
    z-index: 1;
    -o-animation-timing-function: ease-in-out;
  }

  55% {
    z-index: -1;
  }

  75% {
    width: .75rem;
    height: .75rem;
    opacity: .5;
  }

  100% {
   -o-transform: translate3D(-3rem,-3rem,0);
    z-index: -1;
  }
}

@keyframes particle-a {
  0% {
   transform: translate3D(-3rem,-3rem,0);
    z-index: 1;
    animation-timing-function: ease-in-out;
  }

  25% {
    width: 1.5rem;
    height: 1.5rem;
  }

  50% {
    transform: translate3D(4rem, 3rem, 0);
    opacity: 1;
    z-index: 1;
    animation-timing-function: ease-in-out;
  }

  55% {
    z-index: -1;
  }

  75% {
    width: .75rem;
    height: .75rem;
    opacity: .5;
  }

  100% {
   transform: translate3D(-3rem,-3rem,0);
    z-index: -1;
  }
}

@-webkit-keyframes particle-b {
  0% {
   -webkit-transform: translate3D(3rem,-3rem,0);
    z-index: 1;
    -webkit-animation-timing-function: ease-in-out;
  }

  25% {
    width: 1.5rem;
    height: 1.5rem;
  }

  50% {
    -webkit-transform: translate3D(-3rem, 3.5rem, 0);
    opacity: 1;
    z-index: 1;
    -webkit-animation-timing-function: ease-in-out;
  }

  55% {
    z-index: -1;
  }

  75% {
    width: .5rem;
    height: .5rem;
    opacity: .5;
  }

  100% {
   -webkit-transform: translate3D(3rem,-3rem,0);
    z-index: -1;
  }
}

@-moz-keyframes particle-b {
  0% {
   -moz-transform: translate3D(3rem,-3rem,0);
    z-index: 1;
    -moz-animation-timing-function: ease-in-out;
  }

  25% {
    width: 1.5rem;
    height: 1.5rem;
  }

  50% {
    -moz-transform: translate3D(-3rem, 3.5rem, 0);
    opacity: 1;
    z-index: 1;
    -moz-animation-timing-function: ease-in-out;
  }

  55% {
    z-index: -1;
  }

  75% {
    width: .5rem;
    height: .5rem;
    opacity: .5;
  }

  100% {
   -moz-transform: translate3D(3rem,-3rem,0);
    z-index: -1;
  }
}

@-o-keyframes particle-b {
  0% {
   -o-transform: translate3D(3rem,-3rem,0);
    z-index: 1;
    -o-animation-timing-function: ease-in-out;
  }

  25% {
    width: 1.5rem;
    height: 1.5rem;
  }

  50% {
    -o-transform: translate3D(-3rem, 3.5rem, 0);
    opacity: 1;
    z-index: 1;
    -o-animation-timing-function: ease-in-out;
  }

  55% {
    z-index: -1;
  }

  75% {
    width: .5rem;
    height: .5rem;
    opacity: .5;
  }

  100% {
   -o-transform: translate3D(3rem,-3rem,0);
    z-index: -1;
  }
}

@keyframes particle-b {
  0% {
   transform: translate3D(3rem,-3rem,0);
    z-index: 1;
    animation-timing-function: ease-in-out;
  }

  25% {
    width: 1.5rem;
    height: 1.5rem;
  }

  50% {
    transform: translate3D(-3rem, 3.5rem, 0);
    opacity: 1;
    z-index: 1;
    animation-timing-function: ease-in-out;
  }

  55% {
    z-index: -1;
  }

  75% {
    width: .5rem;
    height: .5rem;
    opacity: .5;
  }

  100% {
   transform: translate3D(3rem,-3rem,0);
    z-index: -1;
  }
}
#avalon_title{
z-index:100;
}

@-webkit-keyframes particle-c {
  0% {
   -webkit-transform: translate3D(-1rem,-3rem,0);
    z-index: 1;
    -webkit-animation-timing-function: ease-in-out;
  }

  25% {
    width: 1.3rem;
    height: 1.3rem;
  }

  50% {
    -webkit-transform: translate3D(2rem, 2.5rem, 0);
    opacity: 1;
    z-index: 1;
    -webkit-animation-timing-function: ease-in-out;
  }

  55% {
    z-index: -1;
  }

  75% {
    width: .5rem;
    height: .5rem;
    opacity: .5;
  }

  100% {
   -webkit-transform: translate3D(-1rem,-3rem,0);
    z-index: -1;
  }
}

@-moz-keyframes particle-c {
  0% {
   -moz-transform: translate3D(-1rem,-3rem,0);
    z-index: 1;
    -moz-animation-timing-function: ease-in-out;
  }

  25% {
    width: 1.3rem;
    height: 1.3rem;
  }

  50% {
    -moz-transform: translate3D(2rem, 2.5rem, 0);
    opacity: 1;
    z-index: 1;
    -moz-animation-timing-function: ease-in-out;
  }

  55% {
    z-index: -1;
  }

  75% {
    width: .5rem;
    height: .5rem;
    opacity: .5;
  }

  100% {
   -moz-transform: translate3D(-1rem,-3rem,0);
    z-index: -1;
  }
}

@-o-keyframes particle-c {
  0% {
   -o-transform: translate3D(-1rem,-3rem,0);
    z-index: 1;
    -o-animation-timing-function: ease-in-out;
  }

  25% {
    width: 1.3rem;
    height: 1.3rem;
  }

  50% {
    -o-transform: translate3D(2rem, 2.5rem, 0);
    opacity: 1;
    z-index: 1;
    -o-animation-timing-function: ease-in-out;
  }

  55% {
    z-index: -1;
  }

  75% {
    width: .5rem;
    height: .5rem;
    opacity: .5;
  }

  100% {
   -o-transform: translate3D(-1rem,-3rem,0);
    z-index: -1;
  }
}

@keyframes particle-c {
  0% {
   transform: translate3D(-1rem,-3rem,0);
    z-index: 1;
    animation-timing-function: ease-in-out;
  }

  25% {
    width: 1.3rem;
    height: 1.3rem;
  }

  50% {
    transform: translate3D(2rem, 2.5rem, 0);
    opacity: 1;
    z-index: 1;
    animation-timing-function: ease-in-out;
  }

  55% {
    z-index: -1;
  }

  75% {
    width: .5rem;
    height: .5rem;
    opacity: .5;
  }

  100% {
   transform: translate3D(-1rem,-3rem,0);
    z-index: -1;
  }
}

.akcija_meni{
float: left;
width: 150px;
border-left: 1px solid #DFDFDF;
padding: 2px;
border-right: 1px solid #DFDFDF;
height: 157px;
margin-left: 1px;
}.akcija_meni:hover{
background:rgba(200,220,200,0.5);
}

.meni_proizvodi{
width: 100px;
height: 75px;
margin: 1px;
padding: 0px;
border: 3px solid #DBDBDB;
}.meni_proizvodi:hover{
border: 3px solid #BDBDBD;
}	

#footerbottom {
background-color: white;
width: 100%;
box-shadow: 0px -1px 5px #d0cfcf;
margin-top: 25px;
min-height: 46px;
position: fixed;
left: 0px;
bottom: 0px;
z-index: 3000;
}
#footerbottom .footerwrap {
max-width: 1000px;
float: none;
margin: 0px auto 0px auto;
}

 
.socialfooter {
width: auto;
float: right;
height: 46px;
}.socialfooter2 {
padding-right:140px;
}

.socialfooter ul {
width: auto;
float: right;
height: 46px;
padding: 0px;
margin: 0px;
}

.socialfooter ul li {
width: 46px;
float: left;
display: inline-block;
height: 39px;
border-right: 1px solid #d5d5d5;
border-left: 1px solid #d5d5d5;
list-style-type: none;
background-color: white;
margin-left: -1px;
padding-top: 7px;
padding-left: 9px;
}

#conteactinfo {
      width: 45%;
  margin: 0px auto;
  font-family: 'HelveticaLTStdRoman',Arial, Helvetica, sans-serif;
  color: #807f7f;
  font-size: 10pt;
  font-weight: normal;
  text-decoration: none;
  padding-top: 15px;
  float: left;
  
}
.skype-text a span {
color: #00A5CD;
font-size: 22px;
text-shadow: none;
}
.skype-logo{
height:35px;
float:left;
padding-right:10px;
padding-top:5px;
}

.slide-up-boxes a { 
  display: block;
  margin: 0% 1% 0% 0%;
  background: rgba(215, 215, 215, 0.5);
  height: 65px;
  width: 32%;
  float: left;
  overflow: hidden;
  text-decoration: none;
	box-shadow: 0px 0px 2px 2px #BDBDBD;
	-moz-box-shadow: 0px 0px 2px 2px #BDBDBD;
	-webkit-box-shadow: 0px 0px 2px 2px #BDBDBD;
		}
		
		.slide-up-boxes h5 { 
			color: #333; 
			text-align: center;
			height: 65px; 
			font: italic 18px/65px Georgia, Serif;    /* Vertically center text by making line height equal to height */
			 opacity: 1;
			 -webkit-transition: all 0.2s linear; 
			 -moz-transition: all 0.2s linear; 
			 -o-transition: all 0.2s linear;
		}
		
		.slide-up-boxes a:hover h5 { 
			margin-top: -75px;
			opacity: 0; 
		}
		
		.slide-up-boxes div { 
			position: relative; 
			color: white; 
			font: 12px/15px Georgia, Serif;
			height: 45px; 
			padding: 10px; 
			opacity: 0; 
			-webkit-transform: rotate(6deg); 
			-webkit-transition: all 0.4s linear; 
			-moz-transform: rotate(6deg); 
			-moz-transition: all 0.4s linear; 
			-o-transform: rotate(6deg); 
			-o-transition: all 0.4s linear; 
		}
		.slide-up-boxes a:hover div { 
			opacity: 1; 
			-webkit-transform: rotate(0); 
			-moz-transform: rotate(0); 
			-o-transform: rotate(0); 
		}
		.slide-up-boxes a:nth-child(1) div {
background: #c73b1b url(images/webconf.png) -5px -4px no-repeat;
background-size: 74px;
padding-left: 82px;
		}
		.slide-up-boxes a:nth-child(2) div { 
background: #367db2 url(images/www_image_with_mouse.png) 3px 22px no-repeat;
background-size: 68px;
padding-left: 74px;
		}
		.slide-up-boxes a:nth-child(3) div { background: #393838; padding-left: 10px; }
		
		.slide-up-boxes a:nth-child(4) div { background: #223456 url(images/qod.png) 14px 16px no-repeat; padding-left: 10px; }
		.slide-up-boxes a:nth-child(5) div { background: #345988 url(images/qod.png) 14px 16px no-repeat; padding-left: 10px; }
		.slide-up-boxes a:nth-child(6) div { background: #225236 url(images/qod.png) 14px 16px no-repeat; padding-left: 10px; }
		.slide-up-boxes a:nth-child(7) div { background: #223456 url(images/qod.png) 14px 16px no-repeat; padding-left: 10px; }
		.slide-up-boxes a:nth-child(8) div { background: #585585 url(images/qod.png) 14px 16px no-repeat; padding-left: 10px; }
		.slide-up-boxes a:nth-child(9) div { background: #854854 url(images/qod.png) 14px 16px no-repeat; padding-left: 10px; }
		
input[type=email], input[type=tel]{
-webkit-box-shadow: 0 1px 0 #fff inset;
-moz-box-shadow: 0 1px 0 #fff inset;
box-shadow: 0 1px 0 #fff inset;
background-color: #eee;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 );
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
background-image: -webkit-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
background-image: -moz-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
background-image: -o-linear-gradient(top, #eeeeee 20%, #ffffff 80%);
background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-bottomright: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
padding: 2px;
width: 215px !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
margin: 0px;
height: 28px;
margin-right: 5px;
border: 1px solid #999;
text-indent: 8px;
} input[type=tel]{
width: 150px !important;
}
.konfigurator_komentar{
height:30px;
width:100%;
}

.poslednje_pregledano_img{
	width:100px;
height:100px;
float:left;

display:-ms-flexbox;
-ms-flex-pack:center;
-ms-flex-align:center;


display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;

-webkit-box-pack:center;
-webkit-box-align:center;

}
.poslednje_pregledano_slika{
width: 100px;
height: auto;
max-height: 100px;
}
.avalon-placanje-wrapper, .avalon-placanje-wrapper-right{
background: #fff;
float: left;
border: solid #ddd 1px;
padding: 15px 10px;
border-radius: 8px;
margin: 15px 15px 11px 30px;
width: 315px;
}
.avalon-placanje-wrapper-right {
width: 215px;
}
.avalon-placanje-wrapper span {
display: block;
float: left;
line-height: 22px;
font-size: 0.88em;
width: 164px;
}.avalon-placanje-wrapper p {
clear: both;
margin-bottom: 2px;
width: 100%;
height: 37px;
}
.avalon-placanje-wrapper span.post-label {
display: block;
float: right;
line-height: 26px;
width: auto;
}
.avalon-placanje-wrapper input {
padding: 4px 5px;
border-radius: 5px;
border: solid 1px #CCC;
text-align: left;
width: 140px !important;
}
.avalon-placanje-wrapper input.calculate-war {
float: right;
width: auto;
cursor: pointer;
padding: 5px;
margin: 5px 13px 0 0;
color: #81BB3F;
border: #81BB3F solid 2px;
font-weight: bold;
background: none;
}
.avalon-placanje-wrapper select {
width: 55px;
text-align: right;
border-radius: 5px;
padding: 3px;
float:left;
}
.nacin2{
margin-top: 3px !important;
}
.bank-logo {
width: 300px;
height: 60px;
display: block;
float: left;
}

#super_akcija_holder{
height: 191px;
padding: 6px;
width: 400px;
border: 1px dotted #999;
-webkit-box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.75);
box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.75);
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
float: left;
}
#super_akcija_holder .image_super_akcija{
width:200px;
height:150px;
float:left;
border-right:1px dotted #999;
}#super_akcija_holder .naslov_super_akcija{
border-bottom: 1px dotted #999;
float: left;
text-align: center;
width: 199px;
}#super_akcija_holder .opis_cijena_akcija{
float: left;
text-align: center;
width: 199px;
height: 92px;
}
#super_akcija_holder .opis_super_akcija{
float: left;
text-align: center;
width: 99px;
height: 70px;
}#super_akcija_holder .cijene_super_akcija{
float: left;
text-align: center;
width: 99px;
padding-top: 15px;
height: 79px;
font-weight: bold;
line-height: 33px;
}#super_akcija_holder .cross{
position: absolute;
width: 141px;
height: 36px;
opacity: 0.76;
margin-top: -16px;
margin-left: -29px;
transition:transform .2s ease-in-out, opacity .2s ease-in-out;
}#super_akcija_holder .cijena1{
float: left;
text-align: center;
width: 99px;
padding-top: 15px;
height: 5px;
font-size: 2em;
font-weight: bold;
line-height: 0px;
}#super_akcija_holder .cijena2{
float: left;
text-align: center;
width: 99px;
padding-top: 28px;
height: 19px;
font-size: 2em;
font-weight: bold;
line-height: 0px;
}#super_akcija_holder .datumi_super_akcija{
float: left;
text-align: center;
width: 199px;
height: 40px;
}#super_akcija_holder .dan{
float: left;
text-align: right;
color: #6F6F6F;
font-size: 2.1875em;
line-height: 30px;
font-family: UnitSlabWebPro-Medium, Arial, Helvetica, sans-serif;
width: 40px;
}#super_akcija_holder .m_y{
float: left;
text-align: center;
}#super_akcija_holder .datum1{
float: left;
text-align: center;
width: 70px;
margin-left:20px;
}#super_akcija_holder .datum2{
float: left;
text-align: center;
width:70px;
padding-left: 12px;
}#super_akcija_holder .do{
float: left;
text-align: center;
}


@-webkit-keyframes blink {
    0% {
        opacity:0.9;
    }
    50% {
        opacity:0.4;
    }
    100% {
        opacity:0.9;
    }
}
@-moz-keyframes blink {
    0% {
        opacity:0.9;
    }
    50% {
        opacity:0.4;
    }
    100% {
        opacity:0.9;
    }
}
.cross {
-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    
    -webkit-animation-direction: normal;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: blink;
    -webkit-animation-timing-function: ease-in-out;
    
-moz-animation-direction: normal;
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: blink;
    -moz-animation-timing-function: ease-in-out;    
}
.stara_cijena{
    font-size: 12px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: rgb(255, 249, 249);
    display: block;
    height: 20px;
    padding: 5px;
    color: #000;
	    width: 70px;
    border: 1px solid #DBDBDB;
    border-radius: 20px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.stara_cijena::before, .stara_cijena::after {
    content: '';
    width: 100%;
    position: absolute;
    right: 0;
    top: 50%;
	opacity: 0.7;
}
.stara_cijena::before {
    border-bottom: 2px solid rgba(255,0,0,0.8);
    -webkit-transform: skewY(-15deg);
    transform: skewY(-15deg);
}
.stara_cijena span{
font-weight: bold;
background-size: 100%;
background-repeat: no-repeat;
background-position: center center;
}
.proizvod_new{
    /* margin: -18px -26px -19px 114px; */
    padding-top: 9px;
    width: 54px;
    padding-bottom: 7px;
    border: 1px solid rgb(218, 218, 218);
    position: absolute;
    right: 0px;
    top: -30px;
    left: auto;
}.proizvod_new2{
margin: -18px -26px -19px 114px;
}
.nova_cijena, .product_price{
text-shadow: 1px 1px 0px #000;
font-weight: bold;
}
.price_modul .nova_cijena{
    position: absolute;
    right: 5%;
    bottom: 0px;
}
#sort_left{
float:left;
}
#sortiraj{
  float: right;
  width: 100%;
  max-width: 300px;
}#sortiraj :first-child{
position:relative;
top:-5px;
}#sortiraj select{
float: right;
width: 60%;
outline:none;
}
#t2_tv img{
margin:5px;
}#t2_tv p{
font-family: initial;
font-size: 1.2em;
}
.show-menu img{
display:none;
}
#menu_avalon{
  display: block;
  box-sizing: border-box;
  list-style: none;
  margin: 0 0 0 60px;
  padding: 0;
  height: 3.077em;
  color: #454545;
  border-color: rgba(0, 0, 0, 0.3);
  border-width: 0 1px 1px;
  border-bottom-right-radius: 3px;
  font-size: 13px;
  border-left: none;
  z-index: 1000;
  width: 100%;
  margin-top: 39px;
  margin-left: -40px;
  padding-left: 40px;
  font-family: 'Artifika', serif;
}

#menu_avalon .menus_input {
height: 18px;
padding: 0;
width: 100%;
margin: 0px auto;
text-align: center;
}
#menu_avalon ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
}

/*Create a horizontal list with spacing*/
#menu_avalon li {
	display:inline-block;
	float: left;
	margin-right: 1px;
}

/*Style for menu links*/
#menu_avalon li a {
  text-decoration: none;
  position: relative;
  display: block;
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
  height: 3.077em;
  float: left;
  color: #454545 !important;
  text-shadow: 0 1px 0 #fff;
padding-left: 8px;
  padding-right: 9px;
  padding-top: 10px;
  -moz-text-shadow: 0 1px 0 #fff;
  border-right: 1px solid rgba(0, 0, 0, 0.3);
}

/*Hover state for top level links*/
#menu_avalon li:hover a {
background: -webkit-gradient(linear,left top,left bottom,from(#f5f8fa),to(#e3e5e5));
  background: -moz-linear-gradient(top,#f5f8fa,#e3e5e5);
  background: -ms-linear-gradient(top,#f5f8fa,#e3e5e5);
  background: -o-linear-gradient(top,#f5f8fa,#e3e5e5);
}

/*Style for dropdown links*/
#menu_avalon li:hover ul a {
	background: #f3f3f3;
	color: #2f3036;
	height: 40px;
	line-height: 40px;
}

/*Hover state for dropdown links*/
#menu_avalon li:hover ul a:hover {
	background: #19c589;
	color: #fff;
}

/*Hide dropdown links until they are needed*/
#menu_avalon li ul {
	display: none;
}

/*Make dropdown links vertical*/
#menu_avalon li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
#menu_avalon li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}

/*Display the dropdown on hover*/
#menu_avalon ul li a:hover + .hidden, .hidden:hover {
	display: block;
}
#menu_avalon ul li, li a {
  background:none;
}
/*Style 'show menu' label button and hide it by default*/
#menu_avalon .show-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	background: #19c589;
	text-align: center;
	padding: 10px 0;
	display: none;
	background: #F4F4F4;
  text-align: center;
  padding: 10px 0;
  width: 100%;
  box-shadow: 0px 0px 8px 0px #000;
}

/*Hide checkbox*/
#menu_avalon input[type=checkbox]{
    display: none;
    -webkit-appearance: none;
}

/*Show menu when invisible checkbox is checked*/
#menu_avalon input[type=checkbox]:checked ~ #menu{
    display: block;
}
.kontakt_top {
    padding: 0px !important;
}

/*Responsive Styles*/

@media screen and (max-width : 720px){
	#templatemo_content {
    width: 96% !important;
    margin-top: 55px;
}
#templatemo_wrapper {
    width: 98%;
}
}
@media screen and (max-width : 1020px){
#web_prodavnica_popup_fixed, #web_prodavnica_popup, #popup_web{
display:none !important;
}
#normal_web{
display: inline-block !important;
}
}
@media screen and (max-width : 940px){
	/*Make dropdown links appear inline*/
	#menu_avalon ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	#menu_avalon li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	#menu_avalon ul li, li a {
		width: 100%;
	}
	/*Display 'show menu' link*/
	#menu_avalon .show-menu {
		display:block;
	}
}
@media screen and (max-width: 1150px){
#templatemo_content {
   width: 57%;
}
#templatemo_footer { 
  padding: 2%;
}
.web_config_avalon{
display:none !important;
}
#menu_avalon li a {
padding-left: 8px;
  padding-right: 10px;
  z-index: 100;
}
.menu_small{
width:90px !important;
float:right !important;
display:block !important;
  position: relative !important;
  left: -10px !important;
}
}@media screen and (max-width: 950px){
.slide-up-boxes a {
  margin: 0px 0px 5px 2px;
  width: 100%;
}
.web_config_avalon{
display:block !important;
}
}@media screen and (max-width: 850px){
.main_a {
  width: 44%;
}
#menu_avalon {
  margin-left: 0px;
  padding-left: 0px;
  }
}@media screen and (max-width: 770px){
#templatemo_sidebar{
display:none;
}
#left_sider_reklame{
	display:block;
}#left_sider_reklame img{
	width:48% !important;
	margin:1% !important;
	float:left;
	box-shadow: 0px 2px 2px #000;
	-moz-box-shadow: 0px 2px 2px #000;
	-o-box-shadow: 0px 2px 2px #000;
	-webkit-box-shadow: 0px 2px 2px #000;
}
#templatemo_content {
  width: 95%;
}
#menu_avalon {
    margin-top: 0px;
  }
  .show-menu img{
  display: inline-block !important;
  position: relative;
  top: 1px;
  left: 17px;
  float: left;
  background-color: #F4F4F4;
  width: 79px;
  }
body{
background:none;
}
#site_title_mobile{
display: block;
  width: 27%;
  height: 62px;
  float:left;
  margin: 0px auto;
}
.main_a {
  width:30.3%;
}
#turn_wrapper{
display:none !important;
}
#slider1_container{ 
left: -8px;
}
#menu_avalon .show-menu {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
  color: #EE3F24;
  background: #F4F4F4;
  text-align: center;
  padding: 10px 0;
  width: 100%;
  box-shadow: 0px 0px 8px 0px #000;
}
.menu_small{
  top: 18px !important;
}
}@media screen and (max-width: 590px){
.main_a {
  width: 47%;
}
#menu_avalon {
    margin-top: 0px;
}
#conteactinfo {
  width: 90%;
  text-align: center;
  }
  .footerwrap a{
display:none;
}
#conteactinfo {
    float: none;
}
.socialfooter ul {
    margin: 0px auto;
}
.footerwrap strong{
	display:none;
}
.socialfooter{
	vertical-align: middle;
    display: flex;
    align-items: center;
    width: auto;
    float: none;
}
.content_box .socialfooter2{
	display:none;
}
}
@media screen and (max-width: 460px){
#site_title_mobile{
  width: 40%;
  height: auto;
  float:none;
  margin:0px auto;
}
#left_sider_reklame img{
	width:100% !important;
	margin-bottom:2% !important;
}
}@media screen and (max-width: 375px){
.main_a {
     width: 98%;
}
#templatemo_content {
}
#slider1_container{
position:relative;  
left: -3px;
}
.nbs-flexisel-container, .flexh3{
display:none;
}
}

#bottom_new{
	background:#fff;
	padding-top:5px;
	padding-bottom:5px;
	width: 95%;
    margin: 0px auto;
	    width: 95%;
    max-width: 1400px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0px 0px 5px 0px #000;
}


	
}
#bottom_new .footer-grids {
    text-align: left;
}
#bottom_new .col-md-4 {
    width: 33.33333333%;
}
#bottom_new .footer-grid h4 {
    font-size: 1.1em;
    text-transform: uppercase;
	color: #ee3f24;
    border-left: 4px solid #ee5656;
    padding: 0;
    padding-left: 0.5em;
    margin-bottom: 1.5em;
    font-weight: bold;
}
#bottom_new h5.inner {
    line-height: 1.1em;
    font-size: 1.2em;
    padding: 0;
}	
#bottom_new h5.inner a {
	color: #262627;
    font-size: 1.2em;
}

#bottom_new .img-responsive, #bottom_new .thumbnail>img, #bottom_new .thumbnail a>img {
    display: block;
    max-width: 100%;
    height: auto;
}

#bottom_new img {
    vertical-align: middle;
}
#bottom_new img {
    border: 0;
}

#bottom_new .item-details {
    padding-right: 0;
}
#bottom_new li{
	-webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
    outline: none;
    padding: 5px 15px 8px;
    margin: 0 -15px;
    text-decoration: none;
    text-transform: uppercase;
    color: #666666;
	list-style:none;
    border-top: 1px solid #E6E6E6;
	font-size: 1.2em;
}
#bottom_new .cijena_bottom{
	text-shadow: 1px 1px 0px #ff0202;
}
#bottom_new li:hover{
	background: url(images/arrow.png) no-repeat 92% 14px;
}
@media (max-width: 550px){
#bottom_new .col-md-4{
	width:100%;
}
}
@media (min-width: 992px){
#bottom_new .col-md-4{
    float: left;
}
}

#bottom_new .item-pic {
    padding: 0;
}
@media (min-width: 992px){
#bottom_new .col-md-3 {
    width: 25%;
}
}
@media (min-width: 992px){
#bottom_new  .col-md-1, #bottom_new  .col-md-2, #bottom_new  .col-md-3, #bottom_new  .col-md-4, #bottom_new  .col-md-5 {
    float: left;
}
}
#bottom_new .editor-pics {
    margin-bottom: 0.7em;
}
#bottom_new .col-md-9{
position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
	line-height: 1.42857143;
    color: #333;
}
#bottom_new li a{
	color: #0e0e0e;
    font-size: 15px;
    display: block;
    padding-bottom: 10px;
    text-decoration: none;
	background:#fff;
    letter-spacing: 2px;
}