/*
Quick.Cart default stylesheet
More about design modifications - http://opensolution.org/Quick.Cart/docs/?id=en-design
*/
/* GLOBAL STYLES */
.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%;
}
body,h1,h2,h3,h4,h5,h6,p,form,fieldset,img,ul{margin:0;padding:0;border:0;}
body, textarea, input{color:#000;font-family:'Open Sans', serif;padding:0;background: url('img/') no-repeat 50% top ;background-size:cover;font-size:0.85em;font-weight:normal;}
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;border-width:1px;border-style:solid;border-color:#000;background:#000 !important;color:#fff;font-weight:bold;font-size:1em;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:#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:-10px ;background:#fff;padding:7px;border-radius:0px;width:20px;overflow:hidden;text-align:center;float:none;clear:both;right:15px}
#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:#fff url('img/') top center no-repeat;background-size:cover;position:relative;padding-top:0px;}

/* BODY STYLES - LEFT AND RIGHT COLUMN */


/* HEAD 1*/
#head1{float:left;width: 100%;text-align:center;margin:auto;padding:0px 0px 0px 00px;overflow:visible;background:#000d20;}
#head1 .container{width:100%;overflow:visible;padding-top:5px;margin:auto auto;}



/*----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-top:0px;font-size:1.10em; font-weight:normal !important;margin-right:5px;margin-bottom:5px;text-align:center;float:none;color:#fff !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;padding:00px 0px 00px 00px;overflow:hidden;}
#head2 .container{width:1200px;overflow:hidden;padding-top:00px;margin:auto auto;display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;}
#head2 .container p{color:#ccc;}

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

.logo{float:left;padding:00px 0px 00px 0px;margin-top:5px; text-align:center;width:39%;margin-bottom:0px;}
.logo a img{text-align:center;margin-bottom:-4px;margin-left:0px;max-height:150px;width:auto;}
.logo a{color:#333 !important; font-weight:bold;font-size:2.4em;text-transform:uppercase;text-decoration:none; }
.logo a:hover{color:#333; }


.tel_mail{color:#fff !important; font-weight:normal; width:30%;overflow:hidden;display:block;position:relative;}
.tel_mail p {color:#fff;margin-top:5px;font-size:1.2em; font-weight:normal !important;margin-right:0px;margin-bottom:5px;text-align:left;}
.tel_mail p a{color:#fff;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:18px;}


.tel {color:#fff !important;  font-weight:bold;margin:auto auto; overflow:hidden;position:relative;margin:2px;float:left;}
.mail{color:#fff !important;  font-weight:bold;margin:auto auto; overflow:hidden;position:relative;margin:2px;float:left;}
.tel p a{color:#333 !important; font-weight:normal!important;}
.mail p a{color:#333 !important;font-weight:normal!important;}


.social{float:right;padding:00px 0px 00px 0px;margin-top:00px; text-align:right;width:30%; margin:10px 10px 10px 0;color:#fff;font-size:1.25em;}

.social a{color:#030303!important;margin-top:5px;font-size:1.0em; font-weight:normal;margin-right:5px;max-width:450px;float:right;text-align:center;}
.social  p{color:#fff!important;}
.jezici{clear:both;overflow:hidden;}
.jezik{float:right;padding:00px 0px 00px 0px;margin-top:00px; text-align:right;margin:0px 5px 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 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 5px 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;}
/* ****************************************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:5px 0px 5px 0px ;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:0px;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%;} /* 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.0em !important;} /* this make our menu fixed top */
.f-header .menu2 ul li a {padding: 5px 10px 5px 10px; font-size:0.8em!important;color:#fff!important;}
.f-header .menu2 ul {padding: 10px 0px;background:#030303!important;}
.f-header .menu2 ul li.l150 {padding: 5px 10px 5px 10px; font-size:0.9em!important;color:#fff!important;}
.f-header .menu2 ul li {border-right:0px solid #fff;}
.f-header .menu2 ul li.lL {border-right:none;}
.f-header .menu2 ul li.l150:before {content: "�0a0�0a0▼";font-size: 0.70em;vertical-align: middle;}

.menu2{width:100%;  text-align:center;vertical-align: top; display: inline-block; margin: 10px auto 0px auto;border-top:0px solid #f26520;border-bottom:0px solid #ffcc60;}

.menu2 ul {margin: 0px auto 0px auto;padding:10px 0;list-style: none;width: 100%;display: table;text-align:;background:#000d20;}

.menu2 ul li {text-align:left; position: relative; display: inline-block;float: none;text-transform:none; color: #fff; text-decoration: none;padding: 5px 0px;font-size: 1.08em !important;text-align:left;position: relative;font-weight:normal !important;border-right:0px solid #fff;}

.menu2 ul li.lL {text-align:left; position: relative; display: inline-block;float: none;text-transform:none; color: #fff; text-decoration: none;padding: 0px 0px;font-size: 1.08em !important;text-align:left!important;position: relative;font-weight:normal !important;border-right:none;}
.menu2 ul li.l150 {display: inline-block; text-transform:none; color: #fff !important; text-decoration: none;letter-spacing: 1px;text-align:left;position: relative;font-weight:normal !important;cursor:pointer;font-size: 1.08em !important;}
.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:uppercase; color: #fff !important; text-decoration: none;padding: 0px 15px;letter-spacing: 1px;text-align:left;position: relative;font-weight:normal !important;}

.menu2 > li { float: left; margin-right: 1px; } 
.menu2 > li > a { margin-bottom: 1px;}
.menu2 ul > li:hover > a {  }
.menu2 ul > li.selected > a {  }
.menu2 ul li:hover > a { color:#0b509f;}
.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 .sub1 a{}
.menu2 ul.sub1{display:none;width:100%;}
.menu2 ul ul{top:90%;background:#000d20;position: absolute;z-index: 18200;left: -99999em;padding:0px 0px 10px 0;min-width: 100%;overflow:visible;white-space: nowrap;}
.menu2 ul ul li{display:block;margin-top:8px;margin-bottom:8px;border-right:none!important;text-align:left!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:uppercase; text-decoration: none;padding: 7px 14px;letter-spacing: 1px;text-align:left!important;position: relative;font-weight:normal !important;font-size: 0.95em !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;}
.menu2 ul > li li:hover > ul { left: 100%;top:10px;display: table!important;opacity: 1; animation: opacity 1s ease-in-out normal;position:absolute;}

/* arrow hover styling */
.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:0px;  }
.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: 3px solid transparent; 
  border-left-color: #fff; 
  margin-top:-5px
}
.menu2 ul li.l150:before {
    /*content: "▼";font-size: 0.85rem;*/
    vertical-align: middle;
}



/*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;background:#ccc;display:none !important;}
#head4 .container{background:#ccc;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;}
.sideTabTel{position:fixed;right:-5px ;top:90%;border-radius:50%;background:none;margin-right:0px ;z-index:11700;display:none!important;}
.sideTabTel a{display:block;padding:5px 15px 5px 0px;text-decoration:none;color:#000 !important;font-size:1.533em;}
.sideTabTel a img{ width:auto; height:auto;}
.sideTabTel a:hover{display:block;padding:5px 15px 5px 0px;text-decoration:none;color:#fff !important;font-size:2.2em;}

/*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{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 {width:100%;}
.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-around;padding:5px 0px 0 0px;overflow:hidden;}
.simpleNewsF li{border:0px solid #fff;padding: 10px 5px;width: 25%;min-height: 200px;margin: 20px 0!important ;float:left; }
.simpleNewsF li.l1{border:0px solid #fff;padding: 10px 0px;width: 100%;min-height: 200px;margin: 10px 0!important ;float:left; }
.simpleNewsF li.l1 h3{font-size:1.95em;text-align:center;color:#fff;font-weight:bold !important;margin-bottom:30px;width:100%;padding-bottom:8px;border-bottom:0px solid #fff; line-height:180%;}
.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:center;color:#fff;font-weight:normal !important;margin-bottom:30px;width:100%;padding-bottom:8px;border-bottom:1px solid #fff; line-height:180%;}
.simpleNewsF li h6{padding:3px 0 0;font-size:0.8em;color:#333;}
.simpleNewsF li div{padding:2px 0 0 5px;}
/*.simpleNewsF li.l1{border:1px solid #e5e5e5;background:;padding: 10px;width: 99%;min-height: 200px;margin: 20px auto!important ;float:none; }*/
.simpleNewsF p{text-decoration:none;color:#fff!important;font-weight:normal;padding-bottom:7px;font-size:1.25em;line-height:130%}
.simpleNewsF p a{color:#fff !important;text-decoration:none!important;}
.simpleNewsF p a:hover{color:#666!important ;text-decoration:underline;}

/*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-bottom:10px;overflow:hidden;}
article {width:48%!important;float:left; margin:0px 5px 15px 0px;overflow:hidden;}
aside {width:32.5%!important;float:left;margin-bottom:10px;overflow:hidden;}
.mojdiv {width:66%!important;float:left;margin-bottom:10px;overflow:hidden;background:rgba(255,255,255,0.8);}
article.est{background:#ccc;}
blockquote{width:24.4%;overflow:hidden;float:left;margin:10px 0px 10px 0px;border:2px solid #e5e5e5;border-radius:8px;}
blockquote:hover{border-radius:0px;border:2px 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:#000d20 url('img/') no-repeat  center center;background-size:cover;}
#foot .container{width:100%;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:#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: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-bottom: 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-bottom: 1px solid #bbb;width: 100%;height: 80px;font-size: 0.9em;
}
.form_email textarea:required:focus { border: 1px solid red; outline: none; }
input.send {width:120px;background: #2a2a2a !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: #ccc !important;background: #666 !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;
}

/*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:5px 0px 5px 0px ;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:0px;clear:both;}


/*HEADERI*/

#header{width:100%;position:relative;border-bottom:0px solid #ccc;margin-bottom:0px;background:#fff!important;}
#head1{width:100%;position:relative;display:block;background:#272626!important;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!important;} 
#head4 .container{width:100%;overflow:hidden;display:block!important;text-align:center!important;background:#fff url('img/') no-repeat  center center;background-size:cover;border-bottom:3px solid #272626;}

/*-------------------------------------------------------------------------------------------------------------------------*/  
#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:96%;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-top:10px;margin-right:10px;width:25%!important;text-align:right;float:right;}
#showmenu img{margin-top:0px;margin-right:15px!important;cursor:pointer;}

.logo{width:70%;text-align:left;margin-left:0px;margin-top:0px;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.2em; 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:25px;}
.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%;}
.menu2 ul { padding:5px 5px 5px 0px; list-style:none; position:relative; z-index:500; font-size:1.2em!important;font-weight:normal !important; margin-left:-2px !important;width:100%;background:#272626;}
.menu2 ul li{width:100%;border-bottom:1px solid #fff;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; color: #deab49 !important; 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;}
.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.4em;color:#fff;}
.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: 5px;margin-bottom: 5px;font-size:0.6em!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;}
.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;}
.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; }
.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:#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; }


#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*/

section { width:100%!important;float:left;padding:10px 4px;}
article {width:100%!important;float:left; }
article img{width:98%!important;float:none; text-align:center;}
aside {width:100%!important;float:left;margin:5px auto!important; }
.mojdiv {width:99%!important;float:left;margin-bottom:10px;overflow:hidden;}

/*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;left:10px;width:120px;bottom:10px!important;overflow:hidden;z-index:62000;}

#sideTabviwap a img{display:block;padding:5px 0px 5px 0px;z-index:62000;}
.vib{float:left;margin-right:8px;}
.wap{float:left;}

.sideTabTel{position:fixed;right:10px ;top:90%;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(255, 0, 0, 0.7);
  border-radius: 50%;
  background-color: #ff0000;
  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;color:#fff;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{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;}
#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 ---------------------------*/

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;
  clear:both;
  min-height: 20px;
  min-width: 70px;
  margin: 15px 0px;
  padding: 10px 20px 10px 20px!important;
text-decoration:none!important;
  font-size: 1.1em;
   background: #000d20;
  color: #fff!important;
  border: 0px #ccc solid;
 font-weight:bold;
  
  
  overflow:hidden!important;
  

  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: #666 !important;
 border-radius: 20px!important;
   overflow:hidden!important;
}

p a.button_big:before {
  content: "";
  position: absolute;

  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
  z-index: -1;
  -webkit-transition: bottom 0.16s ease-in;
  border-radius: 15px!important;
   overflow:hidden!important;
}

p a.button_big:hover:before {
  top: 0;
  color: #000 !important;
 border-radius: 25px!important;
   overflow:hidden!important;
    background: #000d20;
}


/*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 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: #333!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:#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;}
.content{padding:10px 10px;list-style:none;line-height:1.0em;}
.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, #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);
}
hr:after {
    content: url(img/hr-wrg.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;

}
p a.button_big_right {
  position: relative;
  background:#000;
  min-height: 20px;
  min-width: 70px;
  margin: 10px 7px;
  padding: 20px 20px 20px 20px!important;
text-decoration:none;
  font-size: 1.1em;
  
  color: #fff!important;
  border: 1px #0e0e0e solid;
  border-radius: 8px;
  
  
  overflow:hidden!important;
  
  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: #ff0000 !important;
   border-radius: 8px!important;
   overflow:hidden!important;
   background: #ccc;
}

p a.button_big_right:before {
  content: "";
  position: absolute;
  background: #ff0000;
  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;
   background:#fb7c00!important;
}

p a.button_lines{
  background:#333!important;
  color:#fff!important;
  border:none;
  position:relative;
  height:20px!important;
  font-size:1.3em;
  padding:10px 30px;
  cursor:pointer;
  transition:800ms ease all;
  outline:none;
  text-decoration:none;
   border-radius: 8px!important;
   margin:20px auto!important;
}
p a.button_lines:hover{
background: #fff!important;
  color:#ff0000!important;text-decoration:none; border-radius: 8px!important; border-radius: 0px!important;
}
p a.button_lines:before, p a.button_lines:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #ff0000!important;
  transition:400ms ease all;
}
p a.button_lines:after{
  right:inherit;
  top:inherit;
  left:0px;right:0px;
  bottom:0;
}
p a.button_lines:hover:before, p a.button_lines:hover:after{
  width:100%;
  transition:800ms ease all;
}