@charset "utf-8";
/* CSS Document */

body{
	opacity: 0;
}

a{
	text-decoration: none !important;
}

.btn:focus{
	outline: 0;
	box-shadow: none !important;
}

img { border:0px;}

#wrapper { margin: 0 auto; }

@media only screen and (max-width: 799px) {
	.no-mobile{
		display: none !important;
	}
	.yes-mobile{
		display: block !important;
	}
}
@media only screen and (min-width: 800px) {
	.no-mobile{
		display: block !important;
	}
	.yes-mobile{
		display: none !important;
	}
}
.btn-orange{
	border-color: #ff6c00;
}
.btn-orange-full{
	border-color: transparent;
	background-color: #ff6c00;
	color: #fff;
	padding: 0.75rem 2rem;
	margin: 1rem auto;
}
.btn-orange-full:hover{
	background-color: transparent;
	border-color: #ff6c00;
	color: #ff6c00;
}


/*HEADER*/
#page-top{
	box-shadow: 0 0 4px 0 #ddd;
	position: sticky;
	top: 0;
	background-color: #fff;
	z-index: 2000;
}
#header { display: flex; align-items: center;position: relative;}
#header #logo img{ width:auto; height:80px; padding:0.5rem 0;}
#header #navigation { flex-grow: 1; }

/*BANER*/


/**GLAVNI DEO**/

/*******************************************LEVA STRANA********************************************************************/

#content-main { min-height:780px;}

#content-main .home-box { width:200px; float:left; padding-bottom:0px; max-height:242px; padding:5px; overflow:hidden; background:white; border:1px solid #9eaeb7; border-radius:5px; margin-bottom:18px; } 
#content-main .home-box h3{ float:left; padding-bottom:0px; max-height:42px; padding:5px; overflow:hidden; font-size:13px;  } 
#content-main .fix { margin-right:18px; height:257px; overflow:hidden; } 
.imgfix { margin-right:10px;}



div#content-main div.home-box p.more { font-size:12px; color:#076ca6; font-weight:bold; float:left; padding:8px 0 8px 0; width:200px; text-align:right; height:14px;}
div#content-main div.home-box p.more2 { font-size:12px; color:#076ca6; font-weight:bold; float:left; padding:15px 0 8px 0; width:85px; text-align:right; height:27px;}
div#content-main div.home-box p.more2 img {border:0px;}
div#content-main div.home-box p.more a {color:#076ca6; text-decoration:none;}
div#content-main div.home-box p.more a:hover {color:#302e2e; text-decoration:none;}
#content-main .home-box.fix p { float:left; width:200px; height:45px; overflow:hidden;}
#content-main .home-box p { float:left; width:200px; height:45px; overflow:hidden;}
#content-main .home-box.fix img, #content-main .home-box img { border:1px solid #a3b4bd;}
/*FOOTER*/
#content-footer { } 
.page-foot {background-color: #ff6c00;color: #fff;padding:2rem 0 0 0;}
.page-foot a{
	color: #fff;
}
.page-foot a:hover{
	opacity: 0.6;
}
.footer-links{
	font-size: 1.25rem;
}

#design { color:white;text-align: center;}
#design a { color:white; text-decoration:none; font-weight:bold;}



/*******************************************DESNA STRANA********************************************************************/
#sidebar {}

#search { width:252px; float:left; padding:0 3px 0 4px;}
#search input { width:160px;  float:left; background:none; border:0px solid #c5c5c5; color:#302e2e; padding:8px 28px 8px 28px; height:15px;}
#search input.taster { width:30px; height:25px; float:left; cursor:pointer; margin:1px 0 0 0; padding:3px 0 0 0 ;}


/*BOXEVI PROIZVODI - NOVOSTI - PRIJAVA*/
.box-pro {margin-bottom: 2rem;}
.box-pro .blue-title {background:#0093dd; padding: 0.5rem 1rem;}
.box-pro .blue-title h2 {  color:white;margin: 0;font-size: 1.5rem;}
.box-pro .blue-title h2 a {color:white;margin: 0;}
.box-pro .blue-title h2 a:hover {opacity: 0.7; }

/*novo*/
.h2katfix a{
	display: block;
	padding: 0.5rem 0;
	color: #0093dd;
	font-weight: 700;
	border-bottom: 1px solid #0093dd;
	font-size: 1.75rem;
	margin-bottom: 2rem;
}

#putanja {color:#706f6f;width:100%; padding-bottom:15px;}
#putanja span {color:black; font-size:14px; vertical-align:middle}
#putanja a { color:#404040; text-decoration:none; }
#putanja a:hover { color:#076ca6; }

p.cena {width:200px; float:left; height:auto !important; margin:0px; padding:0px; border:0px solid red}
#opis {width:391px; float:left; border:1px solid #bac7ce; padding:9px 9px 3px 9px; border-radius:5px; margin-right:26px; }
#slicice {width:391px; float:left; padding:9px 0 0 0;}
#slicice img {margin-bottom:6px; border-radius: 5px;}
.slicice-ramak {margin:0 6px;}
#tekstopis {width:255px; float:left;}
#opis img {border-radius:5px; border:1px solid #bac7ce}
#tekstopis p {float:left; padding-bottom:10px; width:255px;}
#tekstopis h3 {
	float: left;
	width: 255px;
	border: 0px solid red;
	margin: 0px;
	padding: 0px;
	padding-bottom: 3px;
	font-weight: normal;
}
#tekstopis p.cena {font-size:18px; font-weight:bold;}
#tekstopis .boja {font-size:18px; font-weight:bold; float:left; padding-bottom:12px;  height:auto !important; width:255px;}
#tekstopis .boja p {float:left; padding-top:3px; width:50px;}
#tekstopis .boja table {float:left;}
#tekstopis .boja table tr td {cursor:pointer;}
#duzi-opis{
	margin-bottom: 2rem;
}
.duzi-opis {
	border: 1px solid #0093dd;	
	
}
#duzi-opis h3{
	padding: 0.5rem 1rem;
	background-color: #0093dd;
	color: #fff;
	margin: 0;
}
#duzi-opis article{
	padding: 1rem;
}
#tekstopis p.cena small {font-size:11px}
.text-kraci {margin:2rem 0;font-style: italic;font-size: 0.85rem;color: #333;}



/*VERTIKALNA NAV*/
.menu2{
	list-style: none;
	padding: 0;
}
.menu2 li a{
	display: block;
	padding: 0.5rem 1rem;
	border-bottom: 1px solid #ddd;
	color: #302e2e;
	font-weight: 700;
}
.menu2 li a:hover{
	color: #ff6c00;
}
.submenu{
	display: none;
	list-style: none;
	padding: 0;
	background-color: #f8f8f8;
	transition: all 1s;
	max-height: 0;
}

.submenu.active{
	max-height: 10000px;
	display: block !important;
	opacity: 1;
	transition: all 1s;
}
.menu2 li ul a{
	padding-left: 2rem;
}

div#wrapper div#container div#sidebar div.box-pro ul.menu {padding:0px; border:0px solid  red; padding:5px 5px 5px 4px ;}
div#wrapper div#container div#sidebar div.box-pro ul.menu li ul {padding:0px;}
div#wrapper div#container div#sidebar div.box-pro ul.menu li {width:249px; border:0px solid red; text-indent:15px;}
div#wrapper div#container div#sidebar div.box-pro ul.menu li a:hover {background:#0093dd; color:#fff; width:241px;}
div#wrapper div#container div#sidebar div.box-pro ul.menu li ul li a:hover{width:218px; background:none; color:black; background: url(../images/li-h.png) left center no-repeat;}

a.korpadugme2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	 text-decoration:none; font-weight:normal;
	font-weight: bold;
	background: #ed5b52;
	padding: 7px 10px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	float: left;
	color: #FFF;
}
/* ====================== */
/* Pagination             */
/* ====================== */
/*Pagination*/
#pagination{width:702px; height:21px; float:left; padding-right:20px;color: #000000; text-decoration:none;}
.wp-pagenavi, .commentsnavigation {
font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  color: #000000; font-weight: bold; float:right; }

.wp-pagenavi a, .wp-pagenavi .current, .commentsnavigation a, .commentsnavigation .current {
padding: 1px 6px; border: 1px solid #c0c0c0; background: white;  color: #000000; margin:0 3px; text-decoration:none;}

.wp-pagenavi a:hover, .wp-pagenavi .current, .commentsnavigation .current, .commentsnavigation a:hover {
 background:  #ed5b52; border: 1px solid #c5c5c5; color: #FFFFFF;}
.wp-pagenavi .pages {  color: #000000;}
div#content div#c1 div#main div.wp-pagenavi span.pages {border:1px solid #c0c0c0; padding:2px 6px; margin:0 3px;}
div#content div#c1 div#main div.wp-pagenavi a.last {border:1px solid #c0c0c0}
/*box3 */
#content #main .p7 {width:747px;float:left; padding-top:15px; margin-top:13px;}
#content #main .p7 .p7a {width:747px; float:left;  }
#content #main .p7 .p7a h2 { bottom left no-repeat; color:#df1f26; font-size:18px; padding:0px 0 0px 37px; border:0px solid red; height:23px; width:692px; float:left; margin-bottom:22px; font-weight:bold;}
#content #main .p7 .p7a .tekst1 {width:729px; float:left;  border:0px solid red;  height:114px; overflow:hidden;}
#content #main .p7 .p7a .tekst1 p {color:#747474; font-size:12px; line-height: 18px;}
#content #main .p7 .p7a .tekst1 p a:hover {color:black;}
#content #c2 { float:left; width:1008px;height:28px; margin-left:35px;}
/*vesti*/
div.p7.vestibox {width:700px !important; float:left; background:none !important; padding-top:0px !important;  }
div.p7.vestibox .slika {width:182px; float:left;}
div.p7.vestibox img { float: left; border:1px solid #dddddd}
div.p7.vestibox .vest {width:425px; padding:0 22px; float:left; height:108px; overflow:hidden;}
div.p7.vestibox .vest h3 {color:#E0252C; font-size:20px; margin:0px; padding:0 0 5px 0px;}
div.p7.vestibox .vest h3 a {color:#E0252C;}
div.p7.vestibox .vest h3 a:hover {color:#404040;}
div.p7.vestibox .vest p {font-size:12px; color:#4e4d4d; line-height:14px;}
div.p7.vestibox .vest p a {color:#E0252C; font-weight:bold;}
div.p7.vestibox .vest p a:hover {color:black;}
div.p7.vestibox .vest-pelaz {width:700px; height:1px; float:left;border-bottom-color:#000000 ; border-bottom-style: dotted;}
div.contact form table tbody tr td input {width:459px; border:1px solid #e4e8ee; border-top:1px solid #aaabb1; padding:2px;}
div.contact form table tbody tr td textarea {width:459px;  border:1px solid #e4e8ee; border-top:1px solid #aaabb1; font-family: Arial, Helvetica, sans-serif;  padding:2px;}
div.contact form#form2 table tbody tr td img {float:left}
div.contact form  table tbody tr td input#submit {width:100px; border:1px solid #6f6f6f; border-radius: 5px; background: #cdcdcd ; padding:3px;}

.centralkorpa {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px;
	width: 680px;
	display: block;
	float: left;
	overflow: hidden;
	left: 300px;
	margin-left: 12px;
	margin-top: 20px;
}
.korpatitle {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
a.korpadugme {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	background: #35a0c8;
	padding: 7px 10px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	color: #FFF;
	float: left
}
a.korpadugme:hover {background:#9acfe3; color:#000}
.kanta {
	float: right;
	clear: right;
	padding: 10px;
	background-image: url(../images/kanta.png);
	background-repeat: no-repeat;
}
.clear {clear:both; width:100%}
zvezdica {color:#f00}

.checkout label {
	display: block;
	float: left;
	padding: 5px 10px;
	text-align: right;
	text-transform: uppercase;
	width: 130px;
}

.checkout label.vremepocetka {width:110px; text-transform:none; font-size:14px}

.checkout input[type="text"], .checkout input[type="password"], .checkout select, .checkout textarea {
	border: medium none;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 1px 5px #555555;
	display: block;
	margin-bottom: 1px;
	padding: 10px 10px;
	text-align: left;
	width: 250px;
	background: #ececec
}
.checkout select {
	width: 250px
}

.checkout input.short {
	width: 90px
}
	
.checkout h3 {
	color: #008dc1;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 20px;
	font-size: 18px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}	
	
.captcha {
	margin-top: 20px;
	margin-left: 40px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.captcha img {float: left; margin-right:30px; margin-top:25px; }	
.captcha input[type="text"] {padding:10px; margin-top:25px;}

.korpasubmit {
	background: none repeat scroll 0 0 #35A0C8;
	border-radius: 7px;
	color: #FFFFFF;
	float: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	margin-left: 175px;
	margin-top: 15px;
	text-transform: uppercase;
	clear: both;
	border: none;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
div#container div#content div#content-main div.home-box h3 {padding-left:2px;}
div#content div#content-main div.home-box p {padding-left:2px;}
div#content div#content-main div.home-box p.more {padding-left:0px;}


/* VLADA */
.box-item{
	text-align: center;
	border: 1px solid #eee;
	margin-bottom: 1rem;
	position: relative;
	transition: all 0.5s;
}
.box-item-img{
	display: block;
	padding: 10px;
	height: 170px;
}
.box-item-img img{
	max-width: 100%;
	height: 100%;
}
.box-item-hover{
	padding: 10px;
	transition: all 0.75s;
}
.box-item-hover a{
	color: #ff6c00;
}
.box-item:hover{
	box-shadow: 0 2px 8px 0 #ddd;
}
.box-item:hover .box-item-hover{
	background-color: #ff6c00;
	color: #fff;
}
.box-item:hover .box-item-hover a{
	color: #fff;
}
.box-item:hover .box-item-hover p{
	color: #fff;
}
.box-item:hover .box-item-hover a:hover{
	opacity: 0.6;
}
.box-item:hover .btn-orange{
	border-color: #fff;
}
.box-item:hover .box-item-price{
	color: #fff !important;
}
.box-item h2{
	font-size: 1.25rem;
	margin: 1rem 0;
	height: 48px;
}
.box-item h2 a{
	color: #0093dd;
}
.box-item h2 a:hover{
	color: #302e2e;
}
.box-item p{
	font-size: 0.85rem;
	color: #777;
	height: 60px;
	overflow: hidden;
}

.box-item-prod-title{
	font-size: 1rem !important;
	height: 60px !important;
	margin: 0 !important;
	overflow-y: hidden;
}
.box-item-prices{
	text-align: center;
	height: 5rem;
}
.box-item-old-price{
	font-size: 1.125rem;
	color: #ff6c00;
	text-decoration: line-through;
	line-height: 2rem;
}
.box-item-price{
	font-size: 1.5rem;
	color: #302e2e;
	line-height: 3rem;
	font-weight: 700;
}

.slick-arrow{
    position: absolute;
    background: transparent;
    border: none !important;    
    z-index: 2;
    font-size: 2.25rem;
    height: 2.5rem;
    width: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.slider-nav .slick-arrow{
	top: 16px;
	color: #eee;
}
.slider-for .slick-arrow{
	top: calc(50% - 15px);
	color: #ddd;
}
.mob-slider-nav .slick-arrow{
	top: 16px;
	color: #eee;
}
.mob-slider-for .slick-arrow{
	top: calc(50% - 15px);
	color: #ddd;
}
.slick-arrow:focus{
    border: none !important;
    outline: none !important;
}
.slick-arrow:focus-visible{
    border: none !important;
    outline: none !important;
}
.slick-arrow:hover{
    color: #777;
}
.slider-for .slick-prev{
    left: 0.5rem;
}
.slider-for .slick-next{
    right: 0.5rem;
}
.slick-track{
	margin-bottom: 2rem;
}
.slider-nav .slick-prev{
    left: -1.5rem;
}
.slider-nav .slick-next{
    right: -1.5rem;
}
.mob-slider-for .slick-prev{
    left: 0.5rem;
}
.mob-slider-for .slick-next{
    right: 0.5rem;
}

.mob-slider-nav .slick-prev{
    left: 0;
}
.mob-slider-nav .slick-next{
    right: 0;
}
.slick-track img{
	border: 1px solid #ddd;
}

.slider-nav .slick-track img{
    margin: 0 5px;
    max-height: 72px;
    overflow-y: hidden;
    cursor: pointer;
}

.mob-slider-nav .slick-track img{
    margin: 0 5px;
    max-height: 60px;
    overflow-y: hidden;
}
.slick-slide{
	display: flex !important;
	justify-content: center;
}

.product-title{
	color: #302e2e;
	font-size: 1.75rem;
	font-weight: 700;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid #302e2e;
}

.product-prices{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem 0;
}
.product-price{
	font-size: 2.25rem;
	font-weight: 700;
	color: #0093dd;
}
.product-price-old{
	font-size: 1.75rem !important;
	font-weight: 700;
	text-decoration: line-through;
	color: #ff6c00;
	margin-right: 1.5rem;
}

.product-quantity{
	padding: 1rem;
	text-align: center;
}
.product-quantity .input-group{
	justify-content: center;
}
.product-quantity button{
	height: 4rem;
	text-align: center;
	border-radius: 0;
	padding: 0 1.5rem;
}
.product-quantity input{
	height: 4rem;
	width: 5rem !important;
	flex: none !important;
	text-align: center;
	border-top-color: #212529;
	border-bottom-color: #212529;
	border-left-color: transparent;
	border-right-color: transparent;
	font-size: 2.5rem;
	font-weight: 700;
}
.product-colors{
	padding: 0.5rem 1rem;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.form-group{
	margin-bottom: 1rem;
}
.card-header{
	padding: 0.75rem 1rem;
	background-color: #0093dd;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 700;
	text-align: center;
}
.checkout-text{
	padding: 1.5rem 2rem;
	border: 1px solid #0093dd;
	font-size: 1.25rem;
	line-height: 2.5rem;
}
.contact-icons i{
	width: 24px;
	text-align: center;
}



.page-slider .page-slider-item{align-items:center;background-position:center center;background-repeat:no-repeat;background-size:cover;display:flex;height:400px;justify-content:center}
.page-slider .page-slider-item-content{display:flex;flex-direction:column}
.page-slider .page-slider-item-content h2{font-size:3rem;font-weight:700;margin-bottom:1rem}
.page-slider .page-slider-item-content h3{font-size:1.75rem;font-style:italic;margin-bottom:.5rem}
.page-slider .page-slider-item-content .btn{border-radius:0;font-weight:700;text-transform:uppercase}
@media (max-width:800px){.page-slider-item-content h2{font-size:1.75rem!important}
.page-slider-item-content h3{font-size:1.25rem!important}
.page-slider-item-content .btn{font-size:.75rem;padding:.25rem 1rem}
.box-item-img {height: auto;}
}
@media only screen and (min-width:992px) and (max-width:1199px){.page-slider-item{height:340px!important}}
@media only screen and (min-width:768px) and (max-width:991px){.page-slider-item{height:300px!important}}
@media only screen and (max-width:767px){.page-slider-item{height:180px!important}}
.slider-arrow{align-items:center;background:transparent;border:1px solid #ff6c00;border-radius:0;color:#ff6c00;display:flex;font-size:3rem;height:5rem;justify-content:center;position:absolute;top:calc(50% - 40px);width:3rem;z-index:2}
.slider-prev{left:5%}
.slider-next{right:5%}
.slider-arrow:hover{border-color:#fff;color:#fff}
@media only screen and (min-width:767px) and (max-width:1599px){.slider-prev{left:1rem}.slider-next{right:1rem}}
@media only screen and (max-width:1100px){.slider-arrow{bottom:5%;font-size:1.5rem;height:2rem;top:auto;width:2rem}.slider-prev{left:5%}.slider-next{left:calc(5% + 2rem)}}