/* here you can put your own css to customize and override the theme */
.steps-block .fa-truck,
.steps-block .fa-gift,
.steps-block .fa-wrench,
.steps-block .fa-money,
.steps-block .fa-phone {
	font-size: 30px;
	border: solid 2px #fff;
	border-radius: 30px !important;
	width: 60px;
	height: 60px;
	text-align: center;
	vertical-align: middle;
	padding-top: 14px;
	margin-right: 11px;
	float: left;
}

@media (max-width: 390px) {
	.steps-block .fa-truck, .steps-block .fa-gift, .steps-block .fa-phone, .steps-block .fa-money, .steps-block .fa-wrench {
	    border: 2px solid #FFFFFF;
	    border-radius: 30px !important;
	    float: left;
	    font-size: 20px;
	    width: 40px;
	    height: 40px;
	    margin-right: 11px;
	    padding-top: 12px;
	    text-align: center;
	    vertical-align: middle;	    
	}
}

.goods-page .btn-warning {
float: right;
margin-right: 10px;
}

/* Fix da ne prikazuje Najprodavanije prije ostalih važnijih stvari kada se raadi o tabletu i mobitelu*/
@media (max-width: 767px) {
.sidebar-products {
	display:none;
}

.dropdown-submenu {
	/*pointer-events: none;*/
}


}

.pre-footer a {
	color: #e84d1c;
}

body {
	color: #1B1C1D;
}
.product-item h3 a {
	color: #1B1C1D;
}
.sidebar a {
	color: #1B1C1D;
}

.ecommerce .header-navigation > ul > li > a {
	color: #1B1C1D;
}

.pre-header a {
	color: #1B1C1D;
}

.price-availability-block .price em {
font-style: normal;
color: #727272;
font-size: 19px;
}

#breadcrub {
	font-size:18px !important;
}


.ecommerce .header .mobi-toggler {
 margin-top: 25px; 
}

.header .mobi-toggler {
	color: #fff;
	border: 1px solid #e34f00;
	background-color: #e34f00;
	background: #e34f00 url(../img/icons/toggler.png) no-repeat 11px -23px;
	width: 42px;
	height: 42px;
}
.header .mobi-toggler:hover {
	background-color: #D8D8D8;
	border-color: #D8D8D8;
}

.header .mobi-toggler:hover {
	background: #D8D8D8 url(../img/icons/toggler.png) no-repeat 11px -23px;
	border-color: #D8D8D8;
	color: #fff;
}

/* Bug Fix for FancyBox overlay black on mobile devces*/
.fancybox-opened {z-index: 18030;}
.fancybox-overlay {z-index:0px;}


.ecommerce .header-navigation .dropdown-menu > li > a:hover, .ecommerce .header-navigation .dropdown-menu > li.active > a, .ecommerce .header-navigation .header-navigation-content .header-navigation-col li > a:hover, .ecommerce .header-navigation .header-navigation-content .header-navigation-col li.active > a {
	color: #fff !important;
}


.sidebar-products2 .item {
	width: 100% !important;
	overflow: hidden !important;
	padding-bottom: 15px !important;
	margin-bottom: 15px !important;
	border-bottom: solid 1px #eee !important;
}

.sidebar-products2 img {
width: 100px !important;
height: auto !important;
float: left !important;
}

.sidebar-products2 h3 {
font: 300 17px 'Open Sans', sans-serif !important;
/* text-transform: none; */
margin-left: 80px !important;
margin-bottom: 2px !important;
 /* white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;*/
}

.sidebar-products2 .price {
margin-left: 80px !important;
color: #E84D1C !important;
font: 18px 'PT Sans Narrow', sans-serif !important;
}

.header-navigation {
font: 19px "PT Sans Narrow", sans-serif;
letter-spacing: 1px;
margin: 0;
}

.content-page h3 {
font-size: 16px;
margin-bottom: 7px;
}

/*.content-page a:hover,*/
.sidebar2 a:hover {
color: #ffffff;
}

.flag {
	/*padding:3px;*/
	padding-right:5px;
	margin-top: -3px;
}

blockquote {
	margin: 0 0 2px;
}

.slide_title {
	color: #ffffff;
}
.slide_title strong{
	color: #E84D1C;
	font-weight:normal;
}

#s-naslov strong {
	font-weight:normal;
	color: #E84D1C;
}
#s-naslov2 strong {
	font-weight:normal;
	color: #E84D1C;
}

.whitea:hover{
	color:#ffffff !important;
}

.s-naslov3 {
	font-size: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.owl-buttons .owl-prev:hover {
background-color: #e84d1c;
}
.owl-buttons .owl-prev:hover {
background: #ccc url(../img/fa-angles.png) no-repeat 8px -31px;
}

.owl-buttons .owl-prev {
	background: #e84d1c url(../img/fa-angles.png) no-repeat 8px -31px;
}


.owl-buttons .owl-next:hover {
background-color: #e84d1c;
}
.owl-buttons .owl-next:hover {
	background: #ccc url(../img/fa-angles.png) no-repeat -33px -31px;
}

.owl-buttons .owl-next {
	background: #e84d1c url(../img/fa-angles.png) no-repeat -33px -31px;
}

.page-404 {
text-align: center;
padding-top: 60px;
padding-bottom: 125px;
}





@media (max-width: 1205px) and (min-width: 1005px){
	.header .header-navigation > ul > li {
		margin-right: 14px !important;
	}
	.header .header-navigation {
		clear:none !important;
	}
	.ecommerce .header-navigation > ul > li > a {
		color: #767f88;
		padding: 34px 0px 32px !important;
	}	
	.ecommerce .header .header-navigation li.menu-search {
	top: 30px;
	}
}


.bnt-wid {
	width:550px !important;
}

@media (max-width: 1205px) and (min-width: 1005px){
	.bnt-wid {
		width:425px !important;
	}
	.bnt-btn-wid {
		padding: 7px 10px !important;
		font-size: 14px !important;
	}	
}

@media (max-width: 1004px) {
.ecommerce .header-navigation .dropdown-menu > li > a:hover, .ecommerce .header-navigation .dropdown-menu > li.active > a, .ecommerce .header-navigation .header-navigation-content .header-navigation-col li > a:hover, .ecommerce .header-navigation .header-navigation-content .header-navigation-col li.active > a {
	color: #e02222 !important;
}
} 

@media (max-width: 1005px) and (min-width: 490px){
	.bnt-wid {
		width:410px !important;
	}
	.bnt-btn-wid {
		padding: 4px 7px !important;
		font-size: 12px !important;
	}	
}

@media (max-width: 490px) {
	.bnt-wid {
		width:80% !important;
	}
	.bnt-btn-wid {
		padding: 2px 5px !important;
		font-size: 10px !important;
		margin-top: -25px !important;
	}	
	.bnt-podnaslov {
		display:none !important;
		/*font-size:0.7em !important;*/
	}
	
	.linkedinBox {
	overflow-x: hidden; 
	margin-left: -18px; 
	width: 113%;	
	}
	
	a.btn.red.bnt-btn-wid {
		/*padding-top:15px !important;*/
		margin-top:5px !important;
		margin-left: -1px !important;
	}
	
}


.sticker2-ras {
	background: url(../../layout/img/ras1.png) no-repeat;
}
.sticker2 {
	position: absolute;
	top: 200px !important;
	left: 0;
	width: 118px;
	height: 117px;
}
.sticker2-big {
	position: absolute;
	top: 415px !important;
	left: 0;
	width: 118px;
	height: 117px;
}

.sticker3-ras {
	background: url(../../layout/img/ras3.png) no-repeat;
}
.sticker3-ras-eng {
	background: url(../../layout/img/ras3-eng.png) no-repeat;
}
.sticker3 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 100px;
}