﻿/*
Quick.Cart default stylesheet
More about design modifications - http://opensolution.org/Quick.Cart/docs/?id=en-design
*/
/* GLOBAL STYLES */
.blink{-webkit-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: blink normal 1s infinite ease-in-out; -ms-animation: blink normal 1s infinite ease-in-out; animation: blink normal 1s infinite ease-in-out;}
@keyframes blink {
    0% {
        opacity: 1;
    }
    49% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
.hamburger-menu {--c: #556270;height: 35px;aspect-ratio: 1;background:linear-gradient(var(--c) 50%,#0000 0) top/100% 20% repeat-y;}
.cross {
  --b: 30px; /* thickness */
  --s: 6px; /* space around */            
  --c: #ff0000;
  
  height: 35px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid var(--c);
  box-sizing: border-box;
  --g:conic-gradient(var(--c) 0 0) no-repeat 50%/;
  background: 
    var(--g) var(--b) calc(40% - 2*var(--s)),
    var(--g) calc(40% - 2*var(--s)) var(--b);
  rotate: 45deg;
}
.videoWrapper {
	width: 100%;
  position: relative;
  padding-bottom: 70.25%; /* 16:9 */
  height: 0;background:url('img/') no-repeat top center ;background-size:100%;
  margin-bottom:50px;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;bottom:0;
  left: 0;right:0;
  width: 100%;
  height: 100%;
}
.novo{position:absolute;left:-93px; top:-6px;z-index:18;background:#880000;width: 220px;height: 30px;padding-top:20px;transform: rotate(-45deg);text-align:center;font-weight:bold;font-size:1.35em;color:#fff;vertical-align:middle;overflow:hidden;animation: zoomup 0.5s ease infinite;
  animation-delay: calc(50ms * var(--i));}

.akcija{position:absolute;right:-95px; bottom:-12px;z-index:18;background:#ff3131;width: 220px;height: 30px;transform: rotate(-45deg);text-align:center;font-weight:bold;font-size:1.35em;color:#fff;vertical-align:middle;overflow:hidden;padding-bottom:30px; animation: zoomup 3s ease infinite;
  animation-delay: calc(100ms * var(--i));}


@keyframes zoomup {
  0%,
  100% {
    color: #ff0000;
	
    filter: blur(0.5px);
    /*text-shadow: 0 0 10px #000, 0 0 20px #000, 0 0 30px #000,
      0 0 40px #000, 0 0 50px #000, 0 0 100px #000;*/
  }

  50% {
    filter: blur(0);
    color: #fff;
    text-shadow: none;
  }
}



.embed-container { position: relative; padding-bottom: 25.25%; height: 0; overflow: hidden; width: 31%; float:left!important;margin:10px 3px 10px 3px;background:#ccc; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
html{
scroll-behavior: smooth;
}
body,h1,h2,h3,h4,h5,h6,p,form,fieldset,img,ul{margin:0;padding:0;border:0;font-weight:300;}
body {color:#000;font-family: 'Titillium Web', 'Open Sans', sans-serif;padding:0px;background: url('img/') no-repeat 50% top ;background-size:cover;font-size:0.95em;}
input{color:#000;font-family: 'Open Sans', sans-serif;padding:6px;background: url('img/') no-repeat 50% top ;background-size:cover;}
table{/*border: 1px solid #0935a6 !important;*/color:#000;vertical-align:top;border-radius:0px;overflow:hidden;margin:10px 0;}
table li{margin:5px 0 0 15px;}
tr{}
td {  vertical-align:top;padding:3px 1px 3px 3px;  overflow:hidden;}
td  p{  color:#000 !important;}

#counterwrap{position:relative; overflow:hidden; width:100%; margin: auto auto;  text-align:center;margin-top:30px; }
#countersingle {width: 23%;height: 160px;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;float:left;margin:5px;font-size:2.1em;text-align:center;color:#ff6600;text-shadow: 1px 1px #000;}
.count{line-height: 100px;color:#ff6600;font-size:2.1em;text-align:center;}
strong{font-weight:700!important; }
a strong{font-weight:700!important; }

.input, select, textarea{padding:5px;border-width:1px;border-style:solid;font-size:1em;border-radius:5px;}
.input:focus, select:focus, .textarea:focus{text-shadow:none;}


.submit{padding:5px 14px;background:#ff3131 !important;color:#fff;font-weight:bold;font-size:1em;border-radius:5px;border:none;}
.submit:hover{background:#ff3131!important;cursor:pointer;color:#000!important;}
* html .submit{padding:3px 1px;} /* IE 6 hack */
* html .input{height:21px;} /* IE 6 hack */

.form{background:#fff url('img/');border-top:2px solid #e0e0e0;border-bottom:2px solid #e0e0e0;}

.form label{font-size:1em;color:#2e6a97;font-weight:bold;}
.hide{display:none;}

a{color:#272626;outline : none;}
a:hover{color:#333;}
a img {outline : none;}
a img:hover{opacity: 0.95;filter: alpha(opacity=95); /* For IE8 and earlier */}
img{margin:0px 00px 0px 0px;border:none;border : 0;max-width:100%;height:auto;}

.clear{clear:both;height:0px;font-size:0px;line-height:0px;}


/*COOKIES*/
#noticeAboutCookies{display:none;padding:7px 0;position:fixed; left:0; z-index:11000;width:100%; min-height:40px; bottom:0%;/*overflow:hidden;*/background-color: rgba(0, 0, 0, 0.8);text-align:center;font-size:0.9em;color:#fff;}
#noticeAboutCookies p{font-size:1.1em;color:#fff;position:relative;margin:20px auto;font-weight:normal!important;min-width:300px; }
#noticeAboutCookies p  a:hover{ color:#fff; cursor:pointer;}
#noticeAboutCookies  a.close{position:relative;font-size:1.2em;color:#fff;font-weight:normal;text-decoration:none;margin:10px auto;background:#ff0000;padding:7px;border-radius:0px;width:80px;overflow:hidden;text-align:center;float:none;clear:both!important;display:block!important;}
#noticeAboutCookies .close:hover{color:#000;background:#fff;}
#noticeAboutCookies h2{font-size:1.05em;color:red;}

/*POPUP*/
#noticeAboutCookies1{display:none;padding:7px 0;position:fixed; right:0; z-index:11000;width:100%; height:100vh; left:0;border-radius:0px;text-align:center;background-color:rgba(0,0,0,0.5);top:0;}
#noticeAboutCookies1 .container{width:550px;margin:auto auto;position:relative;background:#fff;overflow:hidden;padding:8px; border:1px solid #ccc;top:30%;}
#noticeAboutCookies1 .close {
    position: absolute;
    font-size: 1.0em;
    color: #ff0000;
    font-weight: normal;
    text-decoration: none;
    top: -15px;
    background: #fff;
    padding: 0px;
    border-radius: 0px;
    width: 20px;
    overflow: hidden;
    text-align: center;
    float: none;
    clear: both;
    right: 15px;
    padding: 0px!important;
    max-height: 40px;
    background: none;
}
#noticeAboutCookies1 .close:hover{color:#ff0000;}
#noticeAboutCookies1 h2{font-size:1.35em;color:#666;margin:25px auto;}
#noticeAboutCookies1 p{font-size:0.9em;color:#fff;position:relative;margin:20px auto;font-weight:normal!important;min-width:300px;text-align:center; }
#noticeAboutCookies1 img{position:relative;margin:20px auto;clear:both;max-width:100%; }



/*BODY FOOT*/
#body, #foot{float:left;width:100%;margin:0 auto;padding:0;}





/* HEADER WITH TOP MENU ABOVE LOGO */
#header{width:100%;/*background:rgba(0,0,0, .7);*/background-size:cover;position:relative;top:0px;border-bottom: 0px solid #fff;}

/* BODY STYLES - LEFT AND RIGHT COLUMN */


/* HEAD 1*/
#head1{float:left;width: 100%;text-align:center;margin:auto;padding:5px 0px 5px 00px;overflow:visible;background:none;border-bottom:0px solid #f2f2f2;}
#head1 .container{width:1200px;overflow:visible;padding:0px 0;margin:auto auto;display: flex;flex-flow: row wrap;justify-content: space-between;align-items: center;flex-flow:row wrap;}



/*----SLOGAN-------*/ 

.slogan{float:left;color:#fff !important;  font-weight:normal;margin:0px 0px 0px 0; width:100%;overflow:hidden;display:block;position:relative;background:none;}
.slogan p {margin: 0 0 0 0px!important;font-size:1.10em; font-weight:normal !important;text-align:center;float:none;color:#fff !important;padding:0 0 0 0!important;}
.slogan p a{color:#fff;text-decoration:none!important;margin-right:5px;font-weight:normal !important;}
.slogan p a:hover {color:#ccc;}
.slogan img{margin:0px 0px 0px 0;margin-right:8px;max-height:25px;}
/*#slogan img:hover{opacity: 0.55;filter: alpha(opacity=55);}*/



/*------------SEARCH-----------*/

#searchForm{padding:5px 0px;text-align:left;float:right;}
#searchForm label{display:none;}
#searchForm .input{width:230px;padding:6px 4px 6px 4px;border-radius:0!important;border:1px solid #333!important;}
#searchForm .submit{padding:8px 5px 6px 5px;font-size:0.917em;font-style:normal;border:0;background:#333!important;/*border-top:2px solid #faf9f9;*/border-radius:0px;}
#searchForm .submit:hover{padding:8px 5px 6px 5px;font-size:0.917em;font-style:normal;border:0;background:#ccc!important ;/*border-top:2px solid #faf9f9;*/}
*:first-child+html #searchForm .submit{padding:3px 3px 8px;} /* IE 7 hack */
* html #searchForm .submit{padding:3px 3px 8px} /* IE 6 hack */

.mailList{width:100%; margin:auto auto;position:relative;overflow:hidden;}
#newsletter{width:80%; margin:10px auto;position:relative;overflow:hidden;text-align:center;border:0px solid red;border-radius:30px;padding:10px 0;font-size:1.25em;color:#666!important;/*display:none!important;*/}
#newsletter .input{width:220px;margin:10px 0 10px 0px;padding:8px 8px;border-radius:15px;border:none;text-align:center;}
#newsletter .submit{margin:10px 0 10px 0px;background:#333!important;color:#fff!important;padding:8px 12px;border-radius:15px;border:none!important;color:#fff;font-weight:normal!important;}
#newsletter label{display:none;}
#newsletter fieldset{max-width:360px;padding:0;margin:0;margin:15px auto 10px auto;padding:3px 8px;border-radius:30px!important;border:1px solid #666;}

/*---- HEAD 2--------*/
#head2{float:left;width: 100%;text-align:center;margin:auto;overflow:visible;border-bottom:0px solid #ff3131;background:#fff;}
#head2 .container{width:1200px;overflow:hidden;padding:20px 0px 20px 00px;margin:auto auto;display: flex;flex-flow: row wrap;justify-content: space-between;align-items: center;overflow:visible;}
#head2 .container p{color:#ccc;}

/*----LOGO ---- */

.logo{float:left;padding:00px 0px 00px 0px;margin-left:7px; text-align:left;margin-bottom:0px;}
.logo a img{text-align:left;margin-bottom:-4px;margin-left:0px;max-height:90px;width:auto;}
.logo a{color:#fff !important; font-weight:bold;font-size:2.4em;text-transform:uppercase;text-decoration:none; }
.logo a:hover{color:#fff; }


.tel_mail{width:100%;overflow:hidden;display:block;position:relative;margin-bottom:0px;display:flex;justify-content:space-between;align-items:center;padding:5px 0px;}
.tel_mail p {color:#333;margin-top:5px;font-size:1.0em; font-weight:normal !important;margin-right:0px;margin-bottom:5px;max-width:100%;text-align:left;}
.tel_mail p a{color:#333;text-decoration:none!important;margin-right:0px;font-weight:normal !important;}
.tel_mail img{margin:0px 8px 0px 0px;max-height:20px;}
.tel {color:#fff !important;  font-weight:normal;margin:auto auto;overflow:hidden;position:relative;margin:2px;display: flex;align-items:center;border-radius:15px 15px; padding:0px 7px;float:left;border:0px solid #ccc;}
.mail{color:#fff !important;  font-weight:normal;margin:auto auto; overflow:hidden;position:relative;margin:2px;display: flex;align-items:center;float:right;border-radius:15px 15px; padding:0px 7px;float:left;border:0px solid #ccc}
.tel p a{color:#ffff !important; font-weight:normal!important;}
.mail p a{color:#fff !important;font-weight:normal!important;}


.social{float:right;padding:00px 0px 00px 0px;margin-top:00px; text-align:right;width:0%; margin:10px 10px 10px 0;color:#fff;font-size:1.25em;display: flex;flex-flow: row wrap;justify-content: right;align-items: center;display:none;}

.social a{color:#030303!important;margin-top:5px;font-size:1.0em; font-weight:normal;margin-left:5px;max-width:450px;text-align:center;}
.social  p{color:#fff!important;text-align:center;}
.social img{ max-height:30px;width:auto;}
.jezici{clear:both;overflow:hidden;}
.jezik{float:right;padding:00px 0px 00px 0px;margin-top:00px; text-align:right;margin:0px 0px 0px 5px;color:#fff;font-size:1.25em;}
.jezik a img{height:30px;}
.face{float:right;padding:00px 0px 00px 0px;margin-top:00px; text-align:right;margin:0px 0px 0px 5px;color:#fff;font-size:1.25em;}
.inst{float:right;padding:00px 0px 00px 0px;margin-top:00px; text-align:right;margin:0px 0px 0px 5px;color:#fff;font-size:1.25em;}
.ytube{float:right;padding:00px 0px 00px 0px;margin-top:00px; text-align:right;margin:0px 0px 0px 5px;color:#fff;font-size:1.25em;}
.lin{float:right;padding:00px 0px 00px 0px;margin-top:00px; text-align:right;margin:0px 0px 0px 5px;color:#fff;font-size:1.25em;}
/* ****************************************HEAD 3***************************************************** */
#head3{clear:both;width: 100%; margin-bottom:0;}
#head3 .container{border-radius:0 0 0px 0px;width:100%;overflow:visible;position:relative;margin:auto auto;}


.menu1{padding:0px;width:90px;overflow:hidden;position:relative;float:right;}

.menu1 ul{overflow:hidden;padding:0px;}

.menu1 li{float:left;list-style:none;overflow:hidden;position:relative;}
.menu1 li a{padding:0px 0px 25px 0px;background:url('img/cartbasket.png') no-repeat center 5px;font-weight:bold;text-decoration:none;text-transform:lowercase;color:transparent!important;}
.menu1 li a:hover, .menu1 .selected a{padding:0px 0px 25px 0px;text-decoration:underline;color:#333;background:url('img/cartbaskethov.png') no-repeat center 5px;}

.menu1 li.lBasket{padding:0px 10px 0px 10px;background: url('img/cartbasket.png') no-repeat  center 5px;width:60px;}
.menu1 li.lBasket a{position:relative;padding:8px 8px 8px 8px ;background:none;color:transparent!important; font-size:0.6em;margin-top:10px;}
.menu1 li.lBasket a:hover{color:fff!important;}
.menu1 li.lBasket span{display:block!important;color:#fff;font-size:0.7em;font-family:sans-serif;margin-top:12px;clear:both;}


/*.menu2{width:100%;background:#0e0e0e url('img/');  text-align:left;vertical-align: top; display: inline-block; }

.menu2 ul{background: url('img/');margin: 10px auto 10px auto;padding:2px 0;list-style: none;width: 100%;display: table;text-align: center;}
.menu2 li{text-align:center; position: relative; display: inline-block;float: none;text-transform:uppercase; color: #fff; text-decoration: none;padding: 7px 10px;font-size: 1.1em !important;text-align:center;position: relative;font-family: 'Raleway','Open Sans', Arial;font-weight:normal !important;}
.menu2 li:hover{cursor:pointer;}
.menu2 ul li a {display:block; text-transform:uppercase; color: #fff; text-decoration: none;padding: 7px 10px;letter-spacing: 1px;text-align:center;position: relative;font-family: 'Raleway','Open Sans', Arial;font-weight:normal !important;}
.menu2 a:hover, #menu3 .sub1 a:hover{color:#c22463;background:none;text-decoration:underline;}
.menu2 .selected > a:first-child{color:#c22463;background:none;}

.menu2 .sub1{margin:0;padding:0;border:0;background:none;}
.menu2 .sub1 li{padding:2px 0 2px 20px;background:url('img/menu3_sub.gif') no-repeat 7px 8px;border:0px;}
.menu2 .sub1 a{display:block;width:100%;padding:2px 0;font-weight:normal;}*/

/* ****************************************MENU DROPDOWN******************************************************/
.f-header{ z-index: 9999; position: fixed; left: 0; top: 0; width: 100%;background:#fff!important;animation: smoothScroll 1s forwards;} /* this make our menu fixed top */
.f-header #logo{margin-bottom:0px;}
.f-header #logo img{ max-height:45px;} /* this make our menu fixed top */
.f-header #slogan{float:right;padding:00px 0px 10px 00px; color:#000 !important; font-size:1.0em; font-weight:normal;text-align:left;margin:5px 0px 0px 0; width:350px;overflow:hidden;display:block;position:relative;}
.f-header #slogan img{ max-height:20px;display:none;} /* this make our menu fixed top */
.f-header #slogan p { font-size:1.1em !important;} /* this make our menu fixed top */
.f-header .menu2 ul li {font-size:1.15em!important;}
.f-header .menu2 ul li a {padding: 5px 7px 5px 7px; color:#000!important;}
.f-header .menu2 ul {padding: 10px 0px;background:!important;}
.f-header .menu2 ul li.l150 {padding: 5px 7px 5px 7px; color:#000!important;}
.f-header .menu2 ul li {border-right:0px solid #000;}
.f-header .menu2 ul li.lL {border-right:none;}
.f-header .menu2 ul li.l150:before {content: "";font-size: 0.70em;vertical-align: middle;}
.f-header .menu2 ul ul{background:#fff!important;}
.f-header .menu2 ul ul li{font-size: 1.0em !important;}
 @keyframes smoothScroll {
	0% {
		transform: translateY(-40px);
	}
	100% {
		transform: translateY(0px);
	}
}


.menu2{text-align:right;}

.menu2 ul {margin: 0px auto 0px auto;padding:5px 0;list-style: none;display: table;text-align:;background:none;text-align:right;}

.menu2 ul li {text-align:center; display: inline-block;float: none;padding: 7px 0px;font-size: 1.10em !important;position: relative;border-bottom:1px solid transparent;}


.menu2 ul li.l150 {display: inline-block; text-transform:none; color: #000 !important; text-decoration: none;text-align:left;position: relative;font-weight:normal !important;cursor:pointer;}
.menu2 ul li.l150 .toggle_resp{float:right;width:8%;padding:10px 0;display:none;}
.menu2 ul li:hover{cursor:pointer;}

.menu2 ul li a  {display:block; text-transform:none; color: #000 !important; text-decoration: none;padding: 0px 9px;text-align:center;position: relative;font-weight:normal !important;border-bottom:1px solid transparent;}

.menu2 ul li { margin-right: 1px; } 
.menu2 ul li a { margin-bottom: 1px;}
.menu2 ul  li:hover { border-bottom:1px solid #000;color: #000 !important;}
.menu2 ul  li.selected a{ color: #000 !important;}
.menu2 ul li  a:hover { color:red;}


.menu2 .sub1 a{}
.menu2 ul.sub1{display:none;width:100%;}
.menu2 ul ul{top:90%;background:#fff;position: absolute;z-index: 18200;left: -99999em;padding:0px 0px 1px 0;min-width: 100%;overflow:visible;white-space: nowrap;}
.menu2 ul ul li{display:block;margin-top:0px;margin-bottom:0px;border-right:none!important;text-align:left!important;padding:4px 0;border-bottom:1px solid #ccc;font-size: 0.95em !important}
.menu2 ul ul li.l2 {background:none;}
.menu2 ul ul li a{padding:0 5px;text-align:left!important;}
.menu2 ul ul li a { text-transform:none; text-decoration: none;padding: 4px 14px;text-align:left!important;position: relative;font-weight:normal !important;}

.menu2 ul > li:hover > ul {left: 0;display: table!important;opacity: 1; animation: opacity 1s ease-in-out normal;}
   
   @keyframes opacity {from { opacity:0; } to { opacity: 1; } }

}
.menu2 ul ul ul{top:99%;background:#fff;position: absolute;z-index: 51200;left: -99999em;padding:0 0px 0 0;min-width: 100%;overflow:hidden;display:none!important;}
.menu2 ul > li li:hover > ul { left: 100%;top:10px;display: table!important;opacity: 1; animation: opacity 1s ease-in-out normal;position:absolute;display:none!important;}

/* arrow hover styling */

.menu2 ul li.l150 a:after {
  content: "";
    margin:0 0.30em;
    display:inline-block;
    border: 4px solid transparent;
    border-top:5px solid #000;
    border-bottom:0 none;
}
.menu2 ul li.l150 li a:after {
  content: "+";font-size: 0.85rem;
    vertical-align: middle;color:#fff;display:none;
}


/*MENU 2 HORIZONTALNI PODMENIJI
.menu2{width:100%;background:#2b2b2b url('img/');  text-align:left;vertical-align: top; display: inline-block; }

.menu2 ul {background: url('img/');margin: 10px auto 10px auto;padding:2px 0;list-style: none;width: 100%;display: table;text-align: center;}

.menu2 ul li {text-align:center; position: relative; display: inline-block;float: none;}

.menu2 ul li a {display:block; text-transform:uppercase; color: #fff; text-decoration: none;padding: 7px 10px;font-size: 1.2em !important;letter-spacing: 1px;text-align:center;position: relative;font-family: 'Raleway','Open Sans', Arial;font-weight:normal !important;}

.menu2 > li { float: left; margin-right: 1px; } 
.menu2 > li > a { margin-bottom: 1px;}
.menu2 ul > li:hover > a { background:; }
.menu2 ul > li.selected > a { background:; color:; }
.menu2 ul li:hover > a { color:#ccc; }

.menu2 ul.sub1 { display:none; }
.menu2 ul li:hover > ul.sub1 {background: url('img/');margin: 10px auto 10px auto;padding:2px 0;list-style: none;width: 100%;display: table;text-align: center;position:absolute;z-index:55000;top:60% }
.menu2 ul.sub1 {top:65%;background:#f4501d!important;position: absolute;white-space: nowrap;z-index: 55200;right:0%;left:0%;}

.menu2 ul.sub2 { display:none;}
.menu2 ul.sub1 li:hover > ul.sub2 {background: url('img/');margin: 10px auto 10px auto;padding:2px 0;list-style: none;width: 100%;display: table;text-align: center;position:absolute;z-index:55000;top:60%;right:0%;left:0%; }
.menu2 ul.sub2 {top:65%!important;background:#000!important;position: absolute;white-space: nowrap;z-index: 55200;right:0%;left:0%;}
*/


/*HEAD 4*/
#head4{clear:both;width: 100%;margin-top:00px;display:none !important;}
#head4 .container{overflow:hidden;margin:auto;width:1200px;padding:0px 0;}
#topMeni{display:none !important; overflow:hidden;position:relative;background:#1d59bb url('img/');}

/*SIDETAB*/
#sideTab{position:fixed;right:0px ;top:0%;border:1px solid #fff;border-radius:7px;background:#3a5897;
border-bottom:none;z-index:11700;
/*-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);
transform:rotate(-90deg);*/}
#sideTab a img{ height:30px;}
#sideTab:hover{background:#3a5897;}
* html #sideTab{display:none;}
*:first-child+html #sideTab{right:-80px;}
#sideTab{margin-right:0px ;border:2px solid #fff;}
#sideTab a{display:block;padding:5px 15px 5px 0px;text-decoration:none;color:#fff !important;font-size:1.533em;}
#sideTab a:hover{display:block;padding:10px 15px 10px 5px;text-decoration:none;color:#fff !important;font-size:2.2em;}


/*SIDE TAB1*/
#sideTab1{z-index:51;position:fixed;left:10px ;top:85%;
border-bottom:none;
/*-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);
transform:rotate(-90deg);*/
}
#sideTabviwap{display:none;left:10px;bottom:10px!important;overflow:hidden;z-index:62000;}
#sideTabviwap a img{display:none;padding:5px 0px 5px 0px;z-index:62000;}


#sideTab1{display:none;}
#sideTab1{right:-80px;}
#sideTab1{margin-right:0px ;margin-bottom:50px!important;}
#sideTab1 a{display:block;padding:5px 0px 10px 0px;text-decoration:none;color:#fff !important;font-size:1.533em;}


/*SLIDERCONTAINER*/

#slidercontainer li{width:100%;}
#slidercontainer{width:100%;overflow:hidden;border-radius:0px;border-radius:0px; margin: 0px auto 0px auto; text-align: center; max-height: 1300px;}
#slidercontainer img{width:100%;height:auto;}
#slidercontainer .bx-caption1 img{max-height:100px; width:auto;}
#slidercontainer ul,#slidercontainer  li{margin:0 !important;}
.slidercontainer{margin:auto;width:100%;overflow:hidden;border-radius:0px;}
.slidercontainer img{width:100%;height:100%;}
.slidercontainer ul,.slidercontainer  li{margin:0 !important;}


/*SIMPLE NEWS 1 U 3 KOLONE HORIZONTALNO*/
.simpleNewsF {width:100%;padding:40px 0;}
.simpleNewsF ul.content{padding: 0;margin: 0;list-style: none;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-flow: row wrap;justify-content: space-between;padding:0px 0px 0 0px;overflow:hidden;}
.simpleNewsF li{border:0px solid #fff;padding: 15px 5px;width: 28%;min-height: 200px;margin: 0px 0!important ;float:left;position:relative;overflow:hidden; }

.simpleNewsF .type{background:none;display:none;}
.simpleNewsF .content{border-radius:2px;margin:0px 0 5px 2px;width:100%;padding:2px 0px 0 0px;list-style:none;display:block;overflow: hidden;text-align:left;}

.simpleNewsF li h3{font-size:1.35em;text-align:left;color:#fff;font-weight:normal !important;margin-bottom:30px;width:100%;padding-bottom:8px;border-bottom:1px solid #e5e5e5; line-height:180%;}
.simpleNewsF li h6{padding:3px 0 0;font-size:0.8em;color:#333;}
.simpleNewsF li div{padding:0px 0 0 0px;}
/*.simpleNewsF li.l1{border:1px solid #e5e5e5;background:;padding: 10px;width: 99%;min-height: 200px;margin: 20px auto!important ;float:none; }*/
.simpleNewsF li div p{text-decoration:none;color:#fff!important;font-weight:normal;padding:7px 0;font-size:1.05em;line-height:160%;font-weight: 300 !important;}
.simpleNewsF li div p a{color:#fff !important;text-decoration:none!important;}

.simpleNewsF li div p a{color:#fff !important;text-decoration:none!important;}
.simpleNewsF li div p a:hover{color:#f2f2f2 ;text-decoration:underline;}
/*@keyframes color {
  0% {
    background-color: #fff;
  }
  50% {
    background-color: #df9903;
  }
  100 {
    background-color: #fff;
  }
}*/
/*PARAGRAF KLASE*/
p.class1-2{width:50%!important;float:left;}
p.class100{width:100%!important;float:left; clear:left;clear:right;}
p.class1-3{width:32.5%!important;float:left;}
p.class1-4{width:23.5%!important;float:left;}


/*BOXOVI SCTION ARTICLE ASIDE*/
section { width:99%;float:left; margin-bottom:10px;overflow:hidden;clear:both;}
article {width:48%;float:left; margin:0px 5px 15px 0px;overflow:hidden;padding:8px 0;}
aside {width:30%!important;float:left;margin:10px 5px 10px 5px;overflow:hidden;background:none;padding:0px 0px;border-radius:0px; }
.mojdiv {width:66%!important;float:left;margin-bottom:10px;overflow:hidden;background:rgba(255,255,255,0.8);}
article.est{background:#ccc;}
blockquote{width:20%;overflow:hidden;float:left;margin:10px 0px 10px 0px;border:0px solid #e5e5e5;border-radius:0px;}
blockquote:hover{border-radius:0px;border:0px solid #ccc;}

/*#page img{transition: all .5s ease-in-out;margin-left:8px;}
#page  img:hover{transform: scale(1.03);}*/



.pageField aside img, .pageField1 aside img, .pageField100 aside img, .pageField200 aside img{transition: all .8s ease-in-out;}
.pageField img:hover, .pageField1 img:hover, .pageField100 img:hover, .pageField200 img:hover{transform: scale(1.03);}

.pageField article img, .pageField1 article img, .pageField100 article img, .pageField200 article img{transition: all .8s ease-in-out;}
.pageField img:hover, .pageField1 img:hover, .pageField100 img:hover, .pageField200 img:hover{transform: scale(1.03);}

/*FOOTER*/

#foot{clear:both;width: 100%;background:#ff3131 url('img/') no-repeat  center center;background-size:cover;}
#foot .container{width:1200px;margin:auto;padding:00px 0 0 0;overflow:hidden;}
#foot a{background:inherit;color:#fff;text-decoration:underline;font-weight:normal;}
#foot a:hover{color:#ccc;background:inherit;}

.widgetN1{/*margin:10px 20px 0px 0;*/width:100%;float:left;padding-left:0px;clear:left;margin:00px auto 5px auto;padding-bottom:5px;overflow:hidden;}
.widgetN1 ul, .widgetN1 li, .widgetN1 ol{margin:0 0 5px 30px;padding:0;font-size:1.0em!important;line-height:160%}
.widgetN1 li{margin:0 0 12px 30px;padding:0;font-size:1.0em!important;line-height:160%}
.widgetN1 li a{color:#ccc !important; }
.widgetN1 p{padding-bottom:15px;padding-left:5px; padding-right:20px;color:#fff !important;font-size:1.2em !important;margin:5px 5px 5px 0px;line-height:160%;font-weight:normal !important;}
.widgetN1 p a{padding-bottom:12px; margin:5px 0 5px 0px;color:#ccc; }
.widgetN1 p.class1-2{width:50%!important;float:left;}
.widgetN1 p.class100{width:100%!important;float:left; clear:left;clear:right;}
.widgetN1 p.class1-3{width:30.5%!important;float:left;}
.widgetN1 p.class1-4{width:23.5%!important;float:left;}
.widgetN1 p a:hover{color:#ccc;}
.widgetN1 h2{font-weight:normal ;font-family: 'Raleway','Open Sans', Arial,Verdana, sans serif;font-size:2.2em;padding:2px 0 5px 5px;color:#fff;text-transform:none;margin:20px 0 5px 0px;line-height:120%;background: url('img/');width:97%;font-weight:normal;}
.widgetN1 h1{color:#fff !important;font-size:2.4em;font-weight:normal !important; margin:30px 0;}
.widgetN1 h3{font-size:1.95em;padding-bottom:10px;padding:10px 0 5px 00px;font-weight:normal;color:#fff;margin:10px 0 5px 12px;font-weight:normal;}

#copyprava{padding-top:20px;width:1200px; float:none;  margin: 00px auto 0px auto;min-height:30px; overflow:hidden;color:#fff;background: url('img/');}

#prava{ float:left;  color:#fff;font-size:1.0em!important; text-align:left;margin-bottom:0px;margin-left:5px;padding-top:0px; width:49%;position:relative;overflow:hidden;margin-top:4px;}
#prava a{color:#fff; text-decoration:none;}
#prava a:hover{color:#ccc;text-decoration:underline;}

#izrada{  float:right; text-align:right;margin-bottom:0px;margin-left:5px;padding-top:0px; width:49%;position:relative;overflow:hidden;}
#izrada h3{font-size:12px;}
#izrada a{color:#fff !important; text-decoration:none;font-size:1.0em!important;}
#izrada a:hover{color:#fff;text-decoration:underline;}

#powered a{color:#008000 !important;font-size:10px;}
#powered a:hover{color:#008000 !important;font-size:10px;}

#copy{float:left;padding:0 25px;}
.foot{float:right;padding:0 25px;}



/*MAILER*/

.form_email{float:none;margin:auto auto;width:99.9%;}
.form_email td p {padding: 0 0 0px 0;margin: 0;line-height:130%;text-align:left;color:#000;font-size: 1.0em !important;
}
.form_email p {font-family:'Open Sans', Arial,Verdana !important;font-size: 1.1em !important;}
.form_email p img {max-height:14px!important;
} 
.form_email strong {font-size: 1.25em;color:#000;font-weight:bold;
} 
.form_email h1 {font-size: 18px;padding: 0 0 10px 0;margin: 0;color:#000;text-align:justify;
}
.form_email h2 {padding: 0 0 10px 0;margin: 0;color:#000;text-align:justify;font-size: 1.2em;font-weight:normal !important;
}
.form_email input{margin:5px 0 5px 0px;padding:8px 8px;border-radius:0px;text-align:left;background: none;border:none;border: 1px solid #bbb;width: 100%;
}
.form_email input:required:focus { border: 1px solid red; outline: none; }
.form_email textarea {margin:5px 0 5px 0px;padding:8px 8px;border-radius:0px;text-align:left;background: none;border:none;border: 1px solid #bbb;width: 100%;height: 80px;font-size: 1.0em;
}
.form_email textarea:required:focus { border: 1px solid red; outline: none; }
input.send {width:120px;background: #ff3131 !important;padding: 10px 25px 10px 25px;font-size: 1.0em !important;font-weight:normal !important;color: #fff !important;margin-top:0px;border:none!important;text-align:center;border-radius:10px;
}
input.send:hover{color: #000 !important;background: #ccc !important;cursor: pointer;
}
.hvala{background:green;width:99.5%;padding:10px 0 10px 0;float:right;border-radius:8px;}
.greska{background:#ff0000;width:98.5%;padding:10px 0 10px 0;float:right;border-radius:8px;}
/*MAILER*/


/*IFRAME WRAPPER*/
.wrapped {
    position: relative;
    padding-bottom: 0; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    padding-top: 30px;
    height: 450px;
    overflow: hidden;
	clear:both;
}

.wrapped iframe {
    position: absolute;
    top: 0; 
    left: 0;
    width: 99%;
    height: 900px;
}
.wrapped_est {
    position: relative;
    padding-bottom: 5.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    padding-top: 30px;
    height: 600px;
    overflow: hidden;
	clear:both;
	width: 99.9%;
	margin:auto auto;
}

.wrapped_est iframe {
    position: absolute;
    top: 0; 
    left: 0;
    width: 99.9%;
    height: 650px;
}

ul.bxsliderbu1{ margin-left:0px!important}
ul.bxsliderbu1{ padding-bottom:50px;}
ul.bxsliderbu1 li{ margin-left:45px!important;margin-right:27px!important;background:#fff;min-height:250px;padding:5px;box-shadow:3px 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);width:305px!important}

/*KORPA MENI*/



/************************************************************RESPONSIVE DESIGN COMMON***********************************************/

@media screen and (max-width:1199px){
	
.menu1{padding:0px;width:90px;overflow:hidden;position:relative;float:right;}

.menu1 ul{overflow:hidden;padding:0px;}

.menu1 li{float:left;list-style:none;overflow:hidden;position:relative;}
.menu1 li a{padding:0px 0px 25px 0px;background:url('img/cartbasket.png') no-repeat center 5px;font-weight:bold;text-decoration:none;text-transform:lowercase;color:transparent!important;}
.menu1 li a:hover, .menu1 .selected a{padding:0px 0px 25px 0px;text-decoration:underline;color:#333;background:url('img/cartbaskethov.png') no-repeat center 5px;}

.menu1 li.lBasket{padding:0px 10px 0px 10px;background: url('img/cartbasket.png') no-repeat  center 5px;width:60px;}
.menu1 li.lBasket a{position:relative;padding:8px 8px 8px 8px ;background:none;color:transparent!important; font-size:0.6em;margin-top:10px;}
.menu1 li.lBasket a:hover{color:fff!important;}
.menu1 li.lBasket span{display:block!important;color:#fff;font-size:0.7em;font-family:sans-serif;margin-top:12px;clear:both;}

ul.bxsliderbu1{ margin-left:0px!important}
ul.bxsliderbu1{ padding-bottom:50px;}
ul.bxsliderbu1 li{ margin-left:0px!important;margin-right:0px!important;background:#fff;min-height:250px;padding:5px;box-shadow:3px 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);width:330px!important}


/*HEADERI*/

#header{width:100%;position:relative;border-bottom:0px solid #ccc;margin-bottom:0px;}
#head1{width:100%;position:relative;display:none;;margin-bottom:3px;}
#head2 {width:100%;position:relative;display:none;}
#head1 .container{width:100%;}
#head2 .container{width:100%;overflow:hidden;}
#head3{clear:both;width: 100%;display:none;}
#head3 .container{clear:both;border-radius:0px 0px 0px 0px;margin-bottom:0px;background:none ;position:relative;width:100%;overflow:hidden;}   
#head4 {display:block!important;padding-top:0px;background:#fff;} 
#head4 .container{width:100%;overflow:hidden;display:block!important;text-align:center!important;) no-repeat  center center;background-size:cover;}

/*-------------------------------------------------------------------------------------------------------------------------*/  
#searchForm{position:relative;top:0px;margin:auto auto!important;float:none;} 
/* LOGO-SLOGAN-MENU-SOCIAL - STYLES */

#slogan{overflow:hidden;margin-top:10px;padding:0 !important;text-align:center!important;width:100%;float:left;clear:both;}
#slogan p{text-align:center !important;max-width:98%;float:none}
#slogan p a{text-align:center !important;clear:both;width:98%;}
#slogan img{max-width:350px!important;height:auto;margin-top:5px!important;}
.social{padding:00px 0px 00px 0px;text-align:center;width:90%;margin-bottom:10px; }
.social a{color:#030303!important;margin-top:5px;font-size:1.0em; font-weight:normal;margin-right:5px;width:100%;float:none;text-align:center;}
.social  p {color:#202020;margin-top:5px;font-size:1.1em; font-weight:normal;margin-right:0px;margin-bottom:5px;max-width:99%;text-align:center;}
.face{float:right;padding:00px 0px 00px 0px;margin-top:00px; text-align:right;margin:0px 5px 0px 5px;color:#fff;font-size:1.25em;}
.inst{float:right;padding:00px 0px 00px 0px;margin-top:00px; text-align:right;margin:0px 0px 0px 5px;color:#fff;font-size:1.25em;}
.ytube{float:right;padding:00px 0px 00px 0px;margin-top:00px; text-align:right;margin:0px 5px 0px 5px;color:#fff;font-size:1.25em;}
.lin{float:right;padding:00px 0px 00px 0px;margin-top:00px; text-align:right;margin:0px 5px 0px 5px;color:#fff;font-size:1.25em;}
#showmenu {margin:15px 10px 10px 0;width:15%!important;text-align:right;float:right;}
#showmenu img{margin-top:0px;margin-right:15px!important;cursor:pointer;}

.logo{width:50%;text-align:left;margin-left:0px;margin-top:10px;float:left}
.logo a img{text-align:center;max-height:120px;width:auto;margin-left:15px!important;}
.logo a{font-size:1.6em!important }

.tel_mail{float:left;color:#000 !important;  font-weight:normal;margin:0px 0px 0px 0; width:100%;overflow:hidden;display:block;position:relative;display:none;}
.tel_mail p {color:#000;margin-top:0px;font-size:1.1em; font-weight:normal !important;margin-right:5px;margin-bottom:5px;width:100%;text-align:center!important;float:none;}
.tel_mail p a{color:#333;text-decoration:none!important;margin-right:12px;font-weight:normal !important;}
.tel_mail a:hover {color:#ccc;}
.tel_mail img{margin:3px 0px 0px 0;margin-right:8px;max-height:22px;}
.tel{color:#000 !important; margin:auto auto; width:98%;overflow:hidden;position:relative;background: url('img/')left center no-repeat;margin-bottom:8px;}







	/*MENU 2*/
.menu2{text-align:left!important;width:100%;background:#f2f2f2;}
.menu2 ul { padding: 0px 5px 0px 0px; list-style:none; position:relative; z-index:500; font-size:1.2em!important;font-weight:normal !important; margin-left:-2px !important;width:100%;}
.menu2 ul li{width:100%;border-bottom:1px solid #ff3131;padding:5px 5px!important;}
.menu2 ul li a{height:auto;width:100%;padding:5px 5px!important;font-size:1.0em !important;text-align:left;margin:7px 0;}
.menu2 ul li.l150 {display: inline-block; text-transform:uppercase;  text-decoration: none;padding: 0px 25px;letter-spacing: 1px;text-align:left;position: relative;font-weight:normal !important;cursor:pointer;font-size: 1.08em !important;width:98%;float:left;}
.menu2 ul li.l150 a{width:80%!important;float:left;color:#fff;}
.menu2 ul li.l150 .toggle_resp{float:right;width:10px;height:30px;padding:10px 15px;display:block;background:none;margin-right:8px;font-size:1.2em;color:#000;}
.menu2 li a:hover, .menu2 ul li.selected a{text-decoration:none;background:none;}
.menu2 ul  ul {display:none;left: auto;margin-top: 10px;min-width: 99%;position:relative;margin-left:15px;list-style:none!important;background:none!important;}
.menu2 ul > li li:hover > ul { left: 0;margin-left: 1px;top: 0px;}
.menu2 ul li li a{   margin-top: 0px;margin-bottom: 0px;font-size:0.7em!important;margin-left:10px;background:none;text-align:left!important;padding:10px 0px!important;float:left;}
.menu2 ul li ul li {border-bottom:1px solid transparent;margin:7px 0;float:left!important; }
.menu2 ul li ul li a:hover{ background:none;}
.menu2 ul  ul  ul{display:block;margin-top: 10px;min-width: 99%;position:relative;margin-left:15px;list-style:none!important;background:none;display:none;}
.menu2 ul li ul li ul li a{  margin-top: -5px;font-size:0.6em!important;margin-left:16px;background:none;padding:10px 0px!important;display:none;}
.menu2 ul li ul li ul li a:hover{   margin-top: -5px;font-size:0.6em!important;margin-left:25px;background:none;}
.menu2 ul li ul li ul li{border-bottom:1px solid #ccc; display:none;}
.menu2 ul li ul li ul li a:hover{ background:none;}
.menu2 ul li.l150 a:after {
  content: "";
    margin:0 0.0em;
    display:inline-block;
    border: 0px solid transparent;
    border-top:0px solid #fea92b;
    border-bottom:0 none;
}
.menu2 ul li.l150 li a:after {
  content: "+";font-size: 0.0rem;
    vertical-align: middle;color:#fea92b;display:none;
}



/* arrow hover styling */
/*.menu2 ul > li > a:first-child:nth-last-child(2):before { 
  border-top-color:#fff ; 
}
.menu2  ul> li:hover > a:first-child:nth-last-child(2):before {
  border: 0px solid transparent; 
  border-bottom-color:#fff ; 
  margin-top:-5px
}
.menu2 ul li li > a:first-child:nth-last-child(2):before {  
  border-left-color:#fff ; 
  margin-top: -5px;
}
.menu2 ul li li:hover > a:first-child:nth-last-child(2):before {
  border: 0px solid transparent; 
  border-right-color:#fff;
  right: 20px; 
}*/



/*SLIDER CONTAINER*/

.simpleNewsF li{min-height:100px;position:relative;border-right:none; }
.simpleNewsF li h3{margin-top:12px;}
.simpleNewsF li div{padding:10px 0 10px 0px;}

#slidercontainer{margin:auto!important;width:100%!important;overflow:hidden!important;}
#slidercontainer img{width:100%!important;height:auto;}
#slidercontainer ul, li{margin:0 !important;}

/*PARAGRAF KLASE*/

p.class1-2{width:98%!important;float:left;}
p.class100{width:98%!important;float:left; clear:left;clear:right;}
p.class1-3{width:98%!important;float:left;}
p.class1-4{width:98%!important;float:left;}

/*BOXOVI SECTIO ARTICLE ASIDE RESPONSIVE*/
blockquote{width:100%;overflow:hidden;float:left;}
section { width:100%!important;float:left;padding:0px 0px;}
article {width:100%!important;float:left; }
article img{max-width:100%!important;float:none; text-align:center;}
aside {width:100%!important;float:left;margin:12px auto!important; }
.mojdiv {width:99%!important;float:left;margin-bottom:10px;overflow:hidden;}
.embed-container { position: relative; padding-bottom: 30.25%; height: 0; overflow: hidden; width: 48%; float:left!important;margin:10px 3px 10px 3px } 

/*IFRAME WRAPPER*/

.wrapped {position: relative;padding-bottom: 5.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */padding-top: 30px;height: 450px;overflow: hidden;}
.wrapped iframe {position: absolute;top: 0; left: 0;width: 99%;height: 900px;}

/*COUNTER WRAPPER*/

#counterwrap{position:relative; overflow:hidden; width:100%; margin: auto auto;  text-align:center;margin-top:10px; }
#countersingle{width: 45%;height: 70px;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;float:left;margin:5px;font-size:1.3em;text-align:center;color:#2b2b2b;text-shadow: 0px 0px #000;}
.count{line-height: 20px;color:#ff6600;font-size:2.2em;text-align:center;text-shadow: 0px 0px #000;}

/*SIDE TAB 1*/

#sideTab1:hover{border-radius:50%;}

*:first-child+html #sideTab1{right:-80px;}
#sideTab1{margin-right:0px ;display:none;}
#sideTab1 a{display:none;padding:5px 0px 0px 0px!important;text-decoration:none;color:#fff !important;font-size:1.533em;}


/*SIDE TAB*/

#sideTab{position:fixed;right:-5px ;top:90%;border:1px solid #fff;border-radius:7px;background:#3a5897;margin-right:0px ;border:2px solid #fff;
z-index:11700;}
#sideTab a{display:block;padding:5px 15px 5px 0px;text-decoration:none;color:#fff !important;font-size:1.533em;}
#sideTab a img{ height:25px;}
#sideTab a:hover{display:block;padding:10px 15px 10px 5px;text-decoration:none;color:#fff !important;font-size:2.2em;background:#3a5897;}

#sideTabviwap{position:fixed;display:block;padding-left:10px;width:100%;bottom:0px!important;overflow:hidden;z-index:62000;background:#f7e900;left:0;}

#sideTabviwap a img{display:block;padding:5px 0px 5px 0px;z-index:62000;}
.vib{float:left;margin-right:8px;}
.vib img{width:50px;height:auto;}
.wap{float:left;margin-right:8px;}
.wap img{width:50px;height:auto;}
.mail_order{float:left;margin-right:8px;width:45px;height:auto;}
.mail_order img{float:left;margin-right:8px;}
.sideTabTel{position:fixed;right:10px ;bottom:5px;border-radius:50%;background:none;margin-right:0px ;z-index:11700;display:block!important;width:50px;height:50px;}
.sideTabTel a{display:block;padding:15px 0px 15px 0px;text-decoration:none;color:transparent !important;font-size:1.533em;text-align:center;height:30px!important;}
.sideTabTel a img{ width:auto; height:auto;margin:auto auto;}
.sideTabTel a:hover{display:block;padding:5px 15px 5px 0px;text-decoration:none;color:transparent !important;font-size:2.2em;}

.sideTabTel{box-shadow: 0 0 0 0 rgba(0, 128, 0, 0.7);
  border-radius: 50%;
  background-color:#008000;
  background-image:url('img/phonecall.png');
  background-size:80% ;
  background-repeat: no-repeat;
  background-position:center center;
  cursor: pointer;
  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
.sideTabTel:hover 
{
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
#foot{padding-bottom:70px;}
#copyprava{padding-top:20px;width:100%; float:left;  margin: 00px 0 0px 0;min-height:30px; overflow:hidden;background: url('img/');border-top:2px solid #ccc;}

#prava{ float:left;  color:#fff;font-size:1.0em!important; text-align:center;margin-bottom:15px;padding-top:0px; width:100%;position:relative;overflow:hidden;}
#prava a{color:#fff; text-decoration:none;}
#prava a:hover{color:#ccc;text-decoration:underline;}

#izrada{float:left; text-align:center;padding-top:0px; position:relative;width:100%;overflow:hidden;font-size:1.0em!important;margin-bottom:15px;}
#izrada h3{font-size:12px;}
#izrada a{text-decoration:none;font-size:1.0em!important;}
#izrada a:hover{color:#fff;text-decoration:underline;}

#powered a{color:#008000 !important;font-size:10px;}
#powered a:hover{color:#008000 !important;font-size:10px;}

#copy{float:left;padding:0 25px;}
#noticeAboutCookies1 .container{width:90%!important;margin:auto auto;position:relative;background:#fff;overflow:hidden;padding:8px; }
.mailList{width:98%; margin:auto auto;position:relative;overflow:hidden;}
#newsletter{width:100%; margin:10px auto;position:relative;overflow:hidden;text-align:center;border:0px solid red;border-radius:30px;padding:10px 0;font-size:1.25em;color:#666!important;}
#newsletter .input{width:280px!important;margin:10px 0 10px 0px;padding:8px 2px;border-radius:15px;border-radius:25px!important;border:1px solid #666;}
#newsletter .submit{margin:10px 0 10px 0px;background:#333!important;color:#fff!important;padding:8px 8px;border-radius:15px;border:none!important;color:#fff;font-weight:normal!important;}
#newsletter label{display:none;}
#newsletter fieldset{width:260px;padding:0;margin:0;margin:15px auto 10px auto;padding:1px 8px;border-radius:25px!important;border:0px solid #666;}
}
/*------- KRAJ RESPONSIVE MENU 2 ---------------------------*/


/*BUTTON BIG STYLE*/

p a.button_big {position: relative;clear:both;min-height: 15px;min-width: 100px;margin: 15px 0px!important;padding: 7px 20px 7px 20px!important;text-decoration:none!important;font-size: 0.90em!important;background:#f7e900!important;color: #333!important;border: 0px #c59f5f solid;font-weight:normal;border-radius: 25px!important;overflow:hidden!important;cursor: pointer;
  transition:0.15s ease-in;line-height:190%;}

p a.button_big:hover {color: #fff !important;border-radius: 0px!important;overflow:hidden!important;background:#ff0000!important;}


/*a.button_big{min-width:70px; text-align:center; overflow:hidden;padding:20px 20px 20px 20px!important;background: ;text-align:center;color:#ccc !important;margin-top:25px!important;clear:both;font-size:0.8em!important;border-radius:8px;border:2px solid #ccc; text-decoration:none;}
p a.button_big{font-size:1.4em!important;font-family:'Raleway','Open Sans', Arial,Verdana, sans serif;margin-top:25px!important}
p a.button_big:hover{background:#2b2b2b;text-align:center;color:#fff!important; }*/

/*BUTTON SMALL STYLE*/
p.contact_tel, p.contact_viber, p.contact_whatsapp, p.contact_email{padding:10px 2px;border-radius:0 25px 25px 0!important;margin-bottom:10px;} 
p.contact_tel img, p.contact_viber img, p.contact_whatsapp img, p.contact_email img{margin-right:7px!important;} 

p.contact_whatsapp{color:#fff !important;text-decoration:none!important;background:none!important;display:flex;align-items:center;}
p.contact_whatsapp:hover{color:#000!important;text-decoration:none;}

p.contact_viber{color:#fff !important;text-decoration:none!important;background:none!important;display:flex;align-items:center;}
p.contact_viber:hover {color: #000 !important;overflow:hidden!important;}

p.contact_tel{color:#fff !important;text-decoration:none!important; background:none!important;display:flex;align-items:center;}
p.contact_tel:hover {color: #000 !important;overflow:hidden!important;}

p.contact_email{color:#fff !important;text-decoration:none!important;background:none!important;display:flex;align-items:center;}
p.contact_email:hover{color:#000!important;text-decoration:none;}


p.contact_tel_page, p.contact_viber_page, p.contact_whatsapp_page, p.contact_email_page{padding:10px 2px;border-radius:0 25px 25px 0!important;margin-bottom:10px;} 
p.contact_tel_page img, p.contact_viber_page img, p.contact_whatsapp_page img, p.contact_email_page img{margin-right:7px!important;} 
p.contact_tel_page a, p.contact_viber_page a, p.contact_whatsapp_page a, p.contact_email_page a{color:#fff!important;text-decoration:none;} 

p.contact_whatsapp_page{color:#fff !important;text-decoration:none!important;background:#ff3131!important;display:flex;align-items:center;}
p.contact_whatsapp_page:hover{color:#000!important;text-decoration:none;}

p.contact_viber_page{color:#fff !important;text-decoration:none!important;background:#ff3131!important;display:flex;align-items:center;}
p.contact_viber_page:hover {color: #000 !important;overflow:hidden!important;}

p.contact_tel_page{color:#fff !important;text-decoration:none!important; background:#ff3131!important;display:flex;align-items:center;}
p.contact_tel_page:hover {color: #000 !important;overflow:hidden!important;}

p.contact_email_page{color:#fff !important;text-decoration:none!important;background:#ff3131!important;display:flex;align-items:center;}
p.contact_email_page:hover{color:#000!important;text-decoration:none;}

/*a.button_small{min-width:70px; text-align:center; overflow:hidden;padding:10px 10px 10px 10px!important;background: ;text-align:center;color:#333 !important;margin-top:25px!important;clear:both;font-size:0.8em!important;border-radius:8px;border:1px solid #333; text-decoration:none;}
p a.button_small{font-size:1.2em!important;font-family:'Raleway','Open Sans', Arial,Verdana, sans serif;margin-top:25px!important}
p a.button_small:hover{background:#2b2b2b;text-align:center;color:#fff!important; }*/

/* *********************************************VISITS COUNTER*************************** */


.type1{background:none;color:#fff!important;display:block;font-size:1.2em;text-align:left;font-weight:normal;margin-left:25px;}
.visits{font-size:1.0em;margin-left:5px;color:#fff!important;width:250px;margin:auto auto;text-align:center;}
.visits span{margin-right:10px;color:#fff!important;font-size:1.0em;}
hr {
	margin:30px 0; 
    overflow: visible; /* For IE */
    padding: 0;
    border: 0;
    height: 2px; 
    color: #333;
    text-align: center;
	background-image: -webkit-linear-gradient(left, #fff, #272626, #fff);
  background-image: -moz-linear-gradient(left, #fff, #272626, #fff);
  background-image: -ms-linear-gradient(left, #fff, #272626, #fff);
  background-image: -o-linear-gradient(left, #fff, #272626, #fff);
}
hr:after {
    content: url(img/accordionbg.png);
    display: inline-block;
    position: relative;
    top: -0.7em;
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}
/*hr { 
margin:30px 0; 
  border: 0; 
  height: 2px; 
background-image: -webkit-linear-gradient(left, #e1ecf5, #272626, #e1ecf5);
  background-image: -moz-linear-gradient(left, #e1ecf5, #272626, #e1ecf5);
  background-image: -ms-linear-gradient(left, #e1ecf5, #272626, #e1ecf5);
  background-image: -o-linear-gradient(left, #e1ecf5, #272626, #e1ecf5);
}*/
.accordion-toggle {cursor: pointer;background:#ccc;}
#accordion h3.accordion-toggle  {padding:10px 30px;cursor: pointer;background:#e5e5e5 url('img/accordionbg.png') no-repeat 10px center ;}
#accordion h3.accordion-toggle:hover  {padding:10px 30px;cursor: pointer;background:#ccc url('img/accordionbgd.png') no-repeat 10px center ;}
  .accordion-content {display: none;}
  .accordion-content.default {display: block;}
  input[type=checkbox] {
    width: 18px;
    height: 18px;

}

