/*
Quick.Cart default stylesheet
More about design modifications - http://opensolution.org/Quick.Cart/docs/?id=en-design
*/
/* GLOBAL STYLES */


body,h1,h2,h3,h4,h5,h6,p,form,fieldset,img,ul{margin:0;padding:0;border:0;}
body{color:#000;font-family:'Roboto', Arial, sans-serif;padding:0;background: url('img/') no-repeat bottom center ;background-size:100% 100%;background-attachment:fixed;font-size:0.85em!important;font-weight:300;}
table{/*border: 1px solid #0935a6 !important;*/color:#000;font-family:'Roboto', Arial, sans-serif; vertical-align:top;border-radius:0px;overflow:hidden;margin:10px 0;}
table li{margin:5px 0 0 15px;}
tr{}
td {  vertical-align:top;padding:10px 3px 0px 3px;  overflow:hidden;}
td  p{  color:#000 !important;font-family: 'Roboto', Arial,Verdana, sans serif !important;}

#counterwrap{position:relative; overflow:hidden; width:80%; margin: auto auto;  text-align:center;margin-top:30px; }
#countersingle {width: 23%;height: 160px;background: ;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;float:left;margin:5px;font-size:2.1em;text-align:center;color:#000;}
.count{line-height: 100px;color:#000;font-size:2.1em;text-align:center;}


hr{vertical-align:bottom;}


.input, select, textarea{padding:5px;border-width:1px;border-style:solid;border-color:#6c6c6c #cccccc #cccccc #6c6c6c;font-size:1em;font-family:'Roboto', Arial,Verdana;text-shadow:1px 1px #e0e0e0;border-radius:5px;}
.input:focus, select:focus, .textarea:focus{text-shadow:none;}


.submit{padding:5px 14px;border-width:1px;border-style:solid;border-color:#000;background:#000 !important;color:#fff;font-weight:bold;font-size:1em;font-family:'Roboto', Arial,Verdana;border-radius:5px;}
.submit:hover{background:#ccc!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:#000 ;outline : none;}
a:hover{color:#000;}
a img {outline : none;}
a img:hover{opacity: 0.70;filter: alpha(opacity=70); /* 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:#000;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 .close{position:relative;font-size:1.2em;color:#fff;font-weight:300;text-decoration:none;margin:10px auto;background:#ff0000;padding:7px;border-radius:0px;width:80px;overflow:hidden;text-align:center;float:none;}
#noticeAboutCookies .close:hover{color:#600000;background:#fff;}
#noticeAboutCookies h2{font-family:"Times New Roman", Times;font-size:1.05em;color:red;}

/*POPUP*/
#noticeAboutCookies1{display:none;padding:7px 0;position:fixed; right:0; z-index:11000;width:100%; min-height:200px; left:0;top:10%;border-radius:10px;/*overflow:hidden;*/background:;text-align:center;}
#noticeAboutCookies1 .container{width:60%;margin:auto auto;position:relative;background:#fff;overflow:hidden;padding:10px; }
#noticeAboutCookies1 .close{position:relative;font-size:1.0em;color:#fff;font-weight:300;text-decoration:none;margin:10px auto;background:#ff0000;padding:7px;border-radius:0px;width:80px;overflow:hidden;text-align:center;float:none;clear:both;}
#noticeAboutCookies1 .close:hover{color:#ff0000;}
#noticeAboutCookies1 h2{font-family:"Times New Roman", Times;font-size:1.05em;color:red;}
#noticeAboutCookies1 p{font-size:0.9em;color:#000;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:#52e6fe url('img/')center center no-repeat;background-size:100% 100%;}

/* BODY STYLES - LEFT AND RIGHT COLUMN */


/* HEAD 1*/
#head1{float:left;width: 100%;text-align:center;margin:auto;padding:00px 0px 00px 00px;overflow:hidden;background: url('img/');}
#head1 .container{background: url('img/') ;/*border:1px solid #ff0000;*/width:1200px;overflow:hidden;padding-top:10px;margin:auto auto;}
#head1 .container p{color:#0e3c4b;}


/*----SLOGAN-------*/ 

#slogan{float:left;color:#000 !important; font-family: 'Roboto', Arial,Verdana, sans serif; font-weight:300;margin:0px 0px 15px 0; width:100%;overflow:hidden;display:block;position:relative;}
#slogan p {color:#000!important;margin-top:5px;font-size:1.2em;font-family: 'Roboto', Arial,Verdana, sans serif; font-weight:300 !important;margin-right:5px;margin-bottom:5px;text-align:center;float:none;}
#slogan p a{color:#000;text-decoration:none!important;margin-right:12px;font-weight:300 !important;}
#slogan a:hover {color:#ccc;}
#slogan img{margin:3px 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:200px;padding:6px 4px 6px 4px;}
#searchForm .submit{padding:8px 5px 6px 5px;font-size:0.917em;font-style:normal;border:0;background:#575757 url('img/') repeat-x;/*border-top:2px solid #faf9f9;*/border-radius:5px;}
#searchForm .submit:hover{padding:8px 5px 6px 5px;font-size:0.917em;font-style:normal;border:0;background:#ccc ;/*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 */


/*---- HEAD 2--------*/
#head2{float:left;width: 100%;text-align:center;margin:auto;padding:00px 0px 00px 00px;overflow:hidden;background: url('img/');}
#head2 .container{background: url('img/') ;/*border:1px solid #ff0000;*/width:1200px;overflow:hidden;padding-top:10px;margin:auto auto;}
#head2 .container p{color:#ccc;}

/*----LOGO ---- */

#logo{float:left;padding:00px 0px 00px 0px;margin-top:00px; text-align:left;width:20%;margin-bottom:0px;}
#logo a img{text-align:left;margin-bottom:-4px;margin-left:12px;}
#logo a{color:#000 !important;  font-family:'Roboto', Arial,Verdana, serif;font-weight:300; text-decoration:none;text-align:center;FONT-SIZE:1.9EM;}
#logo a:hover{color:#000; }


#tel_mail{float:left;color:#fff !important; font-family: 'Roboto', Arial,Verdana, sans serif; font-weight:300;margin:0px 0px 0px 0; width:40%;overflow:hidden;display:block;position:relative;}
#tel_mail p {color:#000!important;margin-top:5px;font-size:1.2em;font-family: 'Roboto', Arial,Verdana, sans serif; font-weight:300 !important;margin-right:5px;margin-bottom:5px;max-width:100%;text-align:left;float:none;}
#tel_mail p a{color:#fff;text-decoration:none!important;margin-right:12px;font-weight:300 !important;}
#tel_mail a:hover {color:#000;}
#tel_mail img{margin:3px 0px 0px 0;margin-right:8px;max-height:25px;}


.social{float:right;padding:00px 0px 00px 0px;margin-top:00px; text-align:right;width:10%; margin:10px 10px 10px 0;color:#000}
.social  p a{color:#000!important;margin-top:5px;font-size:1.4em;font-family: 'Roboto', Arial,Verdana, sans serif; font-weight:300;margin-right:5px;max-width:450px;float:right;}
.social  p{color:#000!important;}

/* ****************************************HEAD 3***************************************************** */
#head3{clear:both;width: 100%;background: url('img/'); margin-bottom:0;}
#head3 .container{border-radius:0 0 0px 0px;width:100%;overflow:visible;position:relative;background: url('img/');margin:auto auto;}
.f-header{ z-index: 9999; position: fixed; left: 0; top: 0; width: 100%;} /* 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-family: 'Roboto', Arial,Verdana, sans serif; font-weight:300;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.0em !important;} /* this make our menu fixed top */
.f-header  .menu2 ul li a {padding: 3px 10px 3px 10px; font-size:1.2em;}
.f-header  .menu2 ul {padding: 8px 0px;}


/* ****************************************MENU DROPDOWN***************************************************** */
.menu2{width:100%;background:#0e3c4b 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: 15px 10px;font-size: 1.0em !important;letter-spacing: 1px;text-align:center;position: relative;font-family: 'Roboto', Arial;font-weight:300 !important;}
.menu2 ul li.l1 a{padding: 15px 20px 15px 5px;}
.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 > li:first-child {  } 
.menu2 ul > li:first-child > a {  }
.menu2 ul > li:last-child { margin-right: 0;} 
.menu2 ul > li:last-child > a {   }
.menu2 ul li li { float:left;margin-top: 0px;z-index:13800;background:;clear:both}
.menu2 ul li li a { float:left;margin-top:0px;padding:5px!important;border-top:1px solid transparent;text-align:center!important;}
.menu2 ul li li:hover > a { color:#333; text-align:center;}
.menu2 ul li a:first-child:nth-last-child(2):before { content: ""; position: absolute; height: 0; width: 0; border: 5px solid transparent; top: 50% ;right:5px;  }
 .menu2 ul ul {top:60%;background:#feffdc;position: absolute;white-space: nowrap;z-index: 18200;left: -99999em;}
.menu2 ul > li:hover > ul {left: auto;min-width: 100%;}
.menu2 ul > li li:hover > ul { left: 100%;margin-left: 1px;top: -1px;}

/* 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: 5px 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: 5px solid transparent; 
  border-right-color: #fff;
  right: 10px; 
}*/


/*HEAD 4*/
#head4{clear:both;width: 100%;margin-top:00px;background:#ccc;display:none !important;}
#head4 .container{background:#ccc;overflow:hidden;margin:auto;width:1200px;padding:0px 0;}
#topMeni{display:none !important; overflow:hidden;background:;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%;background:;
border-bottom:none;
/*-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);
transform:rotate(-90deg);*/
}
#sideTab1:hover{background:;border-radius:50%;}
* html #sideTab1{display:none;}
*:first-child+html #sideTab1{right:-80px;}
#sideTab1{margin-right:0px ;margin-bottom:100px!important;}
#sideTab1 a{display:block;padding:5px 0px 25px 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: 680px;background: url('img/') ;}
#slidercontainer img{width:100%;height:auto;}
#slidercontainer .bx-caption1 img{height:40px; width:40px;}
#slidercontainer ul, li{margin:0 !important;}
.slidercontainer{margin:auto;width:100%;overflow:hidden;border-radius:0px;}
.slidercontainer img{width:100%;height:100%;}
.slidercontainer ul, li{margin:0 !important;}


/*SIMPLE NEWS 1 U 3 KOLONE HORIZONTALNO*/
#simpleNewsF{margin:00px 0 0px 0px;width:100%;background: url('img/');padding:50px 0px 0 0px;}
#simpleNewsF .type{background:none url('')  left bottom;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;background:;text-align:left;}
#simpleNewsF li{width:32.5%;padding:7px 5px 10px 5px;float:left;margin:10px 10px 10px 0px;overflow:hidden;min-height:120px;position:relative; }
#simpleNewsF li h3{font-size:1.25em;text-align:left;color:#fff;font-weight:normal !important;font-family: 'Roboto', Arial,Verdana;margin-bottom:20px;width:100%;border-bottom:1px dotted #ccc;padding-bottom:8px;}
#simpleNewsF li h6{padding:3px 0 0;font-size:0.8em;color:#666;}
#simpleNewsF li div{padding:2px 0 0 5px;}
#simpleNewsF .lL{border-bottom:0;padding-bottom:0;}
#simpleNewsF a{text-decoration:underline;color:#fff;}
#simpleNewsF a:hover{color:#ccc ;text-decoration:underline;}
#simpleNewsF p{text-decoration:none;color:#fff!important;font-weight:300;padding-bottom:7px;}
#simpleNewsF p a{color:#fff !important;text-decoration:underline;font-size:1.25em;}

/*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%!important;float:left;margin:40px 0;overflow:hidden;padding:25px 0}
article {width:49.5%!important;float:left; margin-bottom:10px;overflow:hidden;}
aside {width:32.8%!important;float:left;margin-bottom:10px;overflow:hidden;background:;margin-left:3px;margin-right:3px;}


/*FOOTER*/

#foot{clear:both;width: 100%;background:#0e3c4b  url('img/');}
#foot .container{width:1200px;margin:auto;padding:00px 0 0 0;overflow:hidden;background:#0e3c4b url('img/');}
#foot a{background:inherit;color:#fff;text-decoration:underline;font-weight:300;}
#foot a:hover{color:#ccc;background:inherit;}

#copyprava{padding-top:20px;width:100%; float:left;  margin: 00px 0 0px 0;min-height:30px; overflow:hidden;color:#fff;}

#prava{ float:left;  color:#fff;font-size:1.0em!important; text-align:left;margin-bottom:0px;margin-left:5px;padding-top:0px; min-width:100px;position:relative;overflow:hidden;}
#prava a{color:#fff; text-decoration:none;}
#prava a:hover{color:#ccc;text-decoration:underline;}

#izrada{  float:right; text-align:right;padding-top:0px; margin-right:20px;position:relative;min-width:200px;overflow:hidden;font-size:1.0em!important;}
#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:#1a1a1a !important;font-size:10px;}
#powered a:hover{color:#1a1a1a !important;font-size:10px;}

#copy{float:left;padding:0 25px;}
.foot{float:right;padding:0 25px;}



/*MAILER*/

.form_email{float:left;margin-left:0px;width:100%;}
.form_email td p {padding: 0 0 0px 0;margin: 0;line-height:110%;text-align:left;color:#000;font-family: 'Roboto', 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-family:'Roboto', Arial,Verdana!important;font-weight:normal !important;
}
.form_email input, .form_email textarea {font-family: 'Roboto', Arial,Verdana!important;font-size: 15px;margin: 0 0 10px 0;
}
.form_email input {background: #f5f5f5;padding: 5px;border: 1px solid #bbb;width: 100%;
}
.form_email textarea {background: #f5f5f5;padding: 5px;border: 1px solid #bbb;border-radius: 0px;width: 100%;height: 80px;
}
input.send {width:120px;background: #000 !important;padding: 30px 25px 30px 25px;font-family:'Roboto', Arial,Verdana !important;font-size: 1.0em !important;font-weight:normal !important;color: #fff !important;margin-top:0px;
}
input.send:hover{color: #ccc !important;background: #ff0000 !important;cursor: pointer;
}
.hvala{background:green;width:99.5%;padding:10px 0 10px 0;float:right;}
.greska{background:#ff0000;width:99.5%;padding:10px 0 10px 0;float:right;}
/*MAILER*/


/*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: 500px;
    overflow: hidden;
}

.wrapped iframe {
    position: absolute;
    top: 0; 
    left: 0;
    width: 99%;
    height: 900px;
}

/*KORPA MENI*/
#menu1 ul{z-index:51;position:fixed;right:5px ;bottom:0px;border:2px solid #000;border-top-left-radius:7px;border-top-right-radius:7px;background:#fff;
border-bottom:none;padding:0px 00px 00px 00px;
-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);
-ms-transform:rotate(0deg);-o-transform:rotate(0deg);
transform:rotate(0deg)}
#menu1 ul:hover{ background:#ccc;}
#menu1 li{float:left;list-style:none;}
#menu1 li a{padding:10px 0px 30px 0px;background:url('img/cartbasket.png') no-repeat center 25px;font-weight:bold;text-decoration:none;color:#fff;text-transform:lowercase;/*text-shadow:0 1px 1px #dbdbdb;*/}
#menu1 li a:hover, #menu1 .selected a{text-decoration:underline;color:#ff0000;background:url('img/cartbaskethov.png') no-repeat center 25px;}

#menu1 li.lBasket{padding:10px 8px 5px 20px;background:#000 url('img/cartbasket.png') no-repeat 15px 10px;}
#menu1 li.lBasket a{position:relative;padding:10px 0 0 27px ;background:none;color:#fff; font-size:1.0em;margin-top:10px;}
#menu1 li.lBasket a:hover{color:#ff0000;}
#menu1 li.lBasket span{display:block;color:#fff;font-size:1.0em;font-family:sans-serif;margin-top:10px;}


/************************************************************RESPONSIVE DESIGN COMMON***********************************************/

@media screen and (max-width:1199px){


/*HEADERI*/

#header{width:100%;background:;position:relative;}
#head1{height:100%;width:100%;position:relative;display:block;}
#head2 {height:100%;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 url('img/');position:relative;width:100%;overflow:hidden;}   
#head4 {display:block!important;padding-top:20px;background:none!important;} 
#head4 .container{width:100%;overflow:hidden;display:block!important;text-align:center!important;background:none!important;}

/*-------------------------------------------------------------------------------------------------------------------------*/  

/* 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:98%;margin-bottom:0 auto 10px auto; }
.social  p {color:#202020;margin-top:5px;font-size:1.1em;font-family:  'Roboto', Arial,Verdana, sans serif; font-weight:300;margin-right:5px;margin-bottom:5px;max-width:99%;text-align:center;}
#showmenu {margin-top:8px;margin-left:15px;width:30%;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:3px;float:left}
#logo a img{text-align:center;height:45px;width:auto;margin-left:15px!important;}

#tel_mail{float:left;color:#000 !important; font-family: 'Roboto', Arial,Verdana, sans serif; font-weight:300;margin:0px 0px 0px 0; width:100%;overflow:hidden;display:block;position:relative;}
#tel_mail p {color:#000;margin-top:0px;font-size:1.2em;font-family: 'Roboto', Arial,Verdana, sans serif; font-weight:300 !important;margin-right:5px;margin-bottom:5px;width:100%;text-align:center;float:none;}
#tel_mail p a{color:#000;text-decoration:none!important;margin-right:12px;font-weight:300 !important;}
#tel_mail a:hover {color:#ccc;}
#tel_mail img{margin:3px 0px 0px 0;margin-right:8px;max-height:25px;}

/*MENU 2*/
	
.menu2{text-align:left!important;width:100%;background:#2b2b2b}
.menu2 ul { padding:5px 0 5px 0px; list-style:none; position:relative; z-index:500; font-size:1.2em!important;font-weight:normal !important; font-family:'Roboto', Arial,Verdana, sans serif;margin-left:-5px !important;width:99%;margin-bottom:10px;}
.menu2 li{width:98.5%;margin-top:2px;border-bottom:1px solid #fff;}
.menu2 ul li a{height:auto;width:96%;padding:5px !important;font-size:1.0em !important;color:#fff!important;text-align:left;}
.menu2 li a:hover, .menu2 .selected a{text-decoration:none;}
.menu2 ul  ul {display:block;left: auto;margin-top: 10px;min-width: 100%;position:relative;margin-left:15px;list-style:none!important;background:none;}
.menu2 ul > li li:hover > ul { left: 0;margin-left: 1px;top: 0px;}
.menu2 ul li li a{  color: #fff; margin-top: -5px;font-size:0.7em!important;margin-left:15px;background:none;text-align:left!important;}
.menu2 ul li ul li {border-bottom:1px solid transparent; }
.menu2 ul li ul li a:hover{ background:none;}
.menu2 ul  ul  ul{display:block;margin-top: 10px;min-width: 100%;position:relative;margin-left:15px;list-style:none!important;background:none;}
.menu2 ul li ul li ul li a{  color: #ff0000!important; margin-top: -5px;font-size:0.6em!important;margin-left:25px;background:none;}
.menu2 ul li ul li ul li a:hover{  color: #ff0000!important; margin-top: -5px;font-size:0.6em!important;margin-left:25px;background:none;}
.menu2 ul li ul li ul li{border-bottom:1px solid #fff; }
.menu2 ul li ul li ul li a:hover{ background:none;}
/* arrow hover styling 
.menu2 ul > li > a:first-child:nth-last-child(2):before { 
  border-top-color: ; 
}
.menu2  ul> li:hover > a:first-child:nth-last-child(2):before {
  border: 0px solid transparent; 
  border-bottom-color: ; 
  margin-top:-5px
}
.menu2 ul li li > a:first-child:nth-last-child(2):before {  
  border-left-color: ; 
  margin-top: -5px;
}
.menu2 ul li li:hover > a:first-child:nth-last-child(2):before {
  border: 0px solid transparent; 
  border-right-color:;
  right: 10px; 
}
*/

/*SLIDER CONTAINER*/

#slidercontainer{margin:auto!important;width:100%!important;overflow:hidden!important;height:;}
#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*/

section { width:98%!important;float:left;text-align:center;}
article {width:98%!important;float:left; text-align:center;}
aside {width:98%!important;float:left;text-align:center; }


/*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: 500px;overflow: hidden;}
.wrapped iframe {position: absolute;top: 0; left: 0;width: 99%;height: 900px;}

/*COUNTER WRAPPER*/

#counterwrap{position:relative; overflow:hidden; width:80%; margin: auto auto;  text-align:center;margin-top:30px; }
#countersingle{width: 45%;height: 70px;background: ;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;float:left;margin:5px;font-size:1.3em;text-align:center;color:#2b2b2b;}
.count{line-height: 20px;color:#000;font-size:1.2em;text-align:center;}

/*SIDE TAB 1*/

#sideTab1:hover{background:#;border-radius:50%;}
* html #sideTab1{display:none;}
*:first-child+html #sideTab1{right:-80px;}
#sideTab1{margin-right:0px ;}
#sideTab1 a{display:block;padding:5px 0px 25px 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;
z-index:11700;
/*-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);
transform:rotate(-90deg);*/
}
#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 img{ height:25px;}
#sideTab a:hover{display:block;padding:10px 15px 10px 5px;text-decoration:none;color:#fff !important;font-size:2.2em;}


/*------- KRAJ RESPONSIVE MENU 2 ---------------------------*/

ul.bxsliderbu1{ margin-left:0px!important}
ul.bxsliderbu1 li{ margin-left:0px!important;margin-right:2px!important}

/*BUTTON BIG STYLE*/

p a.button_big {
  position: relative;
  
  min-height: 20px;
  min-width: 70px;
  margin: 10px 7px;
  padding: 20px 20px 20px 20px!important;
text-decoration:none;
  font-size: 1.1em;
  
  color: #666!important;
  border: 1px #ccc solid;
  border-radius: 8px;
  
  
  overflow:hidden!important;
  background: none;

  cursor: pointer;
  transition:         0.15s ease-in;
  -o-transition:      0.15s ease-in;
  -ms-transition:     0.15 ease-in;
  -moz-transition:    0.15 ease-in;
  -webkit-transition: 0.15s ease-in;
}

p a.button_big:hover {
  color: #fff !important;
   border-radius: 8px!important;
   overflow:hidden!important;
}

p a.button_big:before {
  content: "";
  position: absolute;
  background: #383736;
  top: 0;
  left: 0;
  right: 0;
  bottom: 100%;
  z-index: -1;
  -webkit-transition: bottom 0.16s ease-in;
  border-radius: 8px!important;
   overflow:hidden!important;
}

p a.button_big:hover:before {
  bottom: 0;
 border-radius: 8px!important;
   overflow:hidden!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:'Roboto', 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 a.button_small {
  position: relative;
  
  min-height: 20px;
  min-width: 70px;
  margin: 10px 7px;
  padding: 20px 10px 20px 10px!important;
text-decoration:none;
  font-size: 1.1em;
  
  color: #666!important;
  border: 1px #ccc solid;
  border-radius: 8px;
  
  
  overflow:hidden!important;
  background: none;

  cursor: pointer;
  transition:         0.15s ease-in;
  -o-transition:      0.15s ease-in;
  -ms-transition:     0.15 ease-in;
  -moz-transition:    0.15 ease-in;
  -webkit-transition: 0.15s ease-in;
}

p a.button_small:hover {
  color: #fff !important;
   border-radius: 8px!important;
   overflow:hidden!important;
}

p a.button_small:before {
  content: "";
  position: absolute;
  background: #383736;
  top: 0;
  left: 0;
  right: 0;
  bottom: 100%;
  z-index: -1;
  -webkit-transition: bottom 0.16s ease-in;
  border-radius: 8px!important;
   overflow:hidden!important;
}

p a.button_small:hover:before {
  bottom: 0;
 border-radius: 8px!important;
   overflow:hidden!important;
}





/*a.button_small{min-width:70px; text-align:center; overflow:hidden;padding:10px 10px 10px 10px!important;background: ;text-align:center;color:#666 !important;margin-top:25px!important;clear:both;font-size:0.8em!important;border-radius:8px;border:1px solid #666; text-decoration:none;}
p a.button_small{font-size:1.2em!important;font-family:'Roboto', 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 url('img/') no-repeat left bottom ;color:#fff!important;display:block;font-size:1.2em;text-align:left;font-weight:300;font-family:'Roboto', Arial,Verdana;margin-left:25px;}
.content{padding:10px 10px;list-style:none;line-height:1.0em;}
.visits{font-size:1.0em;margin-left:5px;color:#fff!important;}
.visits span{margin-right:10px;color:#fff!important;font-size:1.0em;}

hr { 
  border: 0; 
  height: 1px; 
  /*background-image: -webkit-linear-gradient(left, #cfffc0, #468925, #cfffc0);
  background-image: -moz-linear-gradient(left, #cfffc0, #468925, #cfffc0);
  background-image: -ms-linear-gradient(left, #cfffc0, #468925, #cfffc0);
  background-image: -o-linear-gradient(left, #cfffc0, #468925, #cfffc0); */
}
.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: none;}
  input[type=checkbox] {
    width: 18px;
    height: 18px;

}
p a.button_big_right {
  position: relative;
  
  min-height: 20px;
  min-width: 70px;
  margin: 10px 7px;
  padding: 20px 20px 20px 20px!important;
text-decoration:none;
  font-size: 1.1em;
  
  color: #666!important;
  border: 1px #ccc solid;
  border-radius: 8px;
  
  
  overflow:hidden!important;
  background: none;

  cursor: pointer;
  transition:         0.15s ease-in;
  -o-transition:      0.15s ease-in;
  -ms-transition:     0.15 ease-in;
  -moz-transition:    0.15 ease-in;
  -webkit-transition: 0.15s ease-in;
}

p a.button_big_right:hover {
  color: #fff !important;
   border-radius: 8px!important;
   overflow:hidden!important;
}

p a.button_big_right:before {
  content: "";
  position: absolute;
  background: #0e3c4b;
  top: 0;
  left:0 ;
  right: 100%;
  bottom: 0;
  z-index: -1;
  -webkit-transition: right 0.30s ease-in;
  border-radius: 8px!important;
   overflow:hidden!important;
}

p a.button_big_right:hover:before {
  right: 0;
 border-radius: 8px!important;
   overflow:hidden!important;
}