/*
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:'Raleway','Open Sans', 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;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;}

#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;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;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:#92278f!important ;outline : none;}
a:hover{color:#ccc;}
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-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-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:#fff url('img/');}

/* BODY STYLES - LEFT AND RIGHT COLUMN */


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



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

.slogan{float:left;color:#000 !important;  font-weight:300;margin:1px 0px 0px 0; width:100%;overflow:hidden;display:block;position:relative;}
.slogan p {color:#000 !important;margin-top:5px;font-size:1.4em; font-weight:300 !important;margin-right:5px;margin-bottom:5px;text-align:center;float:none;}
.slogan p a{color:#ff0000;text-decoration:none!important;margin-right:5px;font-weight:300 !important;}
.slogan p a:hover {color:#666;}
.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:230px;padding:6px 4px 6px 4px;border-radius:0!important;border:1px solid #92278f!important;}
#searchForm .submit{padding:8px 5px 6px 5px;font-size:0.917em;font-style:normal;border:0;background:#92278f!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:80%; margin:auto auto;position:relative;overflow:hidden;}
#newsletter{width:80%; margin:20px auto;position:relative;overflow:hidden;text-align:center;border:0px solid red;border-radius:30px;padding:30px 0;font-size:1.25em;color:#666!important;}
#newsletter .input{width:220px;margin:10px 0 10px 0px;padding:8px 8px;border-radius:15px;border:none;text-align:center!important;}
#newsletter .submit{margin:10px 0 10px 0px;background:#92278f!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{width:360px;padding:0;margin:0;margin:15px auto 10px auto;padding:3px 8px;border-radius:30px!important;border:1px solid #92278f;} 

/*---- 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;display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: justify;
    align-items: center;}
#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:0px;}
.logo a{color:#fff !important; font-weight:bold;font-size:2.4em;text-transform:uppercase;text-decoration:none; }
.logo a:hover{color:#ccc; }


.tel_mail{color:#fff !important; font-weight:300; width:59%;overflow:hidden;display:block;position:relative;}
.tel_mail p {color:#fff;margin-top:5px;font-size:1.2em; font-weight:300 !important;margin-right:0px;margin-bottom:5px;max-width:100%;text-align:center;}
.tel_mail p a{color:#92278f;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;}


.tel{color:#92278f !important;  font-weight:300;margin:auto auto; width:360px;overflow:hidden;position:relative;background: url('img/tel.png')left center no-repeat;padding:5px;}
.mail{color:#92278f !important;  font-weight:300;margin:auto auto; width:360px;overflow:hidden;position:relative;background: url('img/mail.png')left center no-repeat;padding:5px;}


.social{float:right;padding:00px 0px 00px 0px;margin-top:00px; text-align:right;width:20%; margin:10px 10px 10px 0;color:#92278f;font-size:1.25em;}
.social  p a{color:#fff!important;margin-top:5px;font-size:1.25em; font-weight:300;margin-right:5px;max-width:450px;float:right;text-align:right;}
.social  p{color:#92278f!important;}

/* ****************************************HEAD 3***************************************************** */
#head3{clear:both;width: 100%;background: url('img/'); margin-bottom:0;border-bottom:1px solid #ccc;}
#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-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;}

.menu1 ul{z-index:151000;position:fixed;right:5px ;bottom:0px;border:2px solid #92278f;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);
overflow:hidden;}
.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:#92278f;background:url('img/cartbaskethov.png') no-repeat center 25px;}

.menu1 li.lBasket{padding:10px 8px 5px 20px;background:#404040 url('img/cartbasket.png') no-repeat 8px 8px;}
.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:#92278f;}
.menu1 li.lBasket span{display:block;color:#fff;font-size:1.0em;font-family:sans-serif;margin-top:15px;}
/*.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:300 !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:300 !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******************************************************/
.menu2{width:100%;background:#fff url('img/');  text-align:left;vertical-align: top; display: inline-block; margin: 20px auto 0px auto; }

.menu2 ul {background: url('img/');margin: 0px auto 5px 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;text-transform:uppercase; color: #333; text-decoration: none;padding: 0px 10px;font-size: 1.0em !important;text-align:center;position: relative;font-weight:300 !important;}
.menu2 ul li:hover{cursor:pointer;}

.menu2 ul li a {display:block; text-transform:uppercase; color: #333; text-decoration: none;padding: 7px 14px;letter-spacing: 1px;text-align:center;position: relative;font-weight:300 !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:#666; }
.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:#fff;position: absolute;z-index: 18200;left: -99999em;padding:0 0px 0 0;min-width: 100%;overflow:hidden;white-space: nowrap;}
.menu2 ul ul li{display:block;background:#fff;margin-top:8px;margin-bottom:8px;}
.menu2 ul ul li a{padding:0 5px;}
.menu2 ul ul li a { text-transform:uppercase; color: #333; text-decoration: none;padding: 7px 14px;letter-spacing: 1px;text-align:left!important;position: relative;font-weight:300 !important;}
.menu2 ul > li:hover > ul {left: 0%;display: table!important;}
.menu2 ul > li li:hover > ul { left: 100%;margin-left: 0px;top: -1px;}

/* 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: 40% ;right:0px;  }
.menu2 ul > li > a:first-child:nth-last-child(2):before { 
  border-top-color: #333; 
}
.menu2  ul> li:hover > a:first-child:nth-last-child(2):before {
  border: 5px solid transparent; 
  border-left-color: #333; 
  margin-top:-5px
}



/*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:300 !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;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;}
.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;background:;}

/*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: 670px;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:31.5%;padding:7px 7px 10px 7px;float:left;margin:10px 5px 10px 0px;overflow:hidden;min-height:380px;position:relative; }
.simpleNewsF li h3{font-size:1.35em;text-align:left;color:#fff;font-weight:normal !important;margin-bottom:30px;width:100%;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 li.lL{}
.simpleNewsF p{text-decoration:none;color:#fff!important;font-weight:300;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:#ccc!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:5px 0;overflow:hidden;padding:5px 0;clear:both;}
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: url('img/');margin-left:3px;margin-right:3px;}


/*FOOTER*/

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

.widgetN1{/*margin:10px 20px 0px 0;*/width:100%;float:left;padding-left:0px;clear:left;/*background: url('img/');*/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:300 !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:300 ;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:300;}
.widgetN1 h1{color:#fff !important;font-size:2.4em;font-weight:300 !important; margin:30px 0;}
.widgetN1 h3{font-size:1.95em;padding-bottom:10px;padding:10px 0 5px 00px;font-weight:300;color:#fff;margin:10px 0 5px 12px;font-weight:300;}

#copyprava{padding-top:20px;width:100%; float:left;  margin: 00px 0 0px 0;min-height:30px; overflow:hidden;color:#fff;background:#92278f url('img/');border-top:2px solid #ccc;}

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

#izrada{  float:right; text-align:center;padding-top:0px; position:relative;width:49%;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:130%;text-align:left;color:#000;font-size: 1.1em !important;
}
.form_email p {font-family: 'Raleway','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, .form_email textarea {font-family: 'Raleway','Open Sans', 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-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;
	clear:both;
}

.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;border-bottom:1px solid #ccc;margin-bottom:10px;}
#head1{width:100%;position:relative;display:block;}
#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 url('img/');position:relative;width:100%;overflow:hidden;}   
#head4 {display:block!important;padding-top:0px;background:none!important;} 
#head4 .container{width:100%;overflow:hidden;display:block!important;text-align:center!important;background:none!important;}

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

.tel_mail{float:left;color:#000 !important;  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-weight:300 !important;margin-right:5px;margin-bottom:5px;width:100%;text-align:center!important;float:none;}
.tel_mail p a{color:#92278f;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;}
.tel{color:#000 !important; font-family: 'Raleway','Open Sans', Arial,Verdana, sans serif; font-weight:300;margin:auto auto; width:98%;overflow:hidden;position:relative;background: url('img/')left center no-repeat;margin-bottom:8px;}
.tel p a{color:#92278f !important;  font-weight:300; }
.mail {color:#92278f !important;  font-weight:300;margin:auto auto; width:98%;overflow:hidden;position:relative;background: url('img/')left center no-repeat;margin-top:8px;}
.mail p a{color:#92278f !important;  font-weight:300; }


.menu1 {z-index:51;position:fixed;left:0px ;bottom:0px;border-top-left-radius:7px;border-top-right-radius:7px;background:#fff;width:90px;
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 :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:#333 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;}





	/*MENU 2*/
.menu2{text-align:left!important;width:100%;background:#fff}
.menu2 ul { padding:5px 0 5px 0px; list-style:none; position:relative; z-index:500; font-size:1.2em!important;font-weight:normal !important; margin-left:-5px !important;width:99%;margin-bottom:10px;}
.menu2 li{width:98.5%;border-bottom:1px solid #ccc;}
.menu2 ul li a{height:auto;width:96%;padding:10px 5px!important;font-size:1.0em !important;color:#333!important;text-align:left;margin:7px 0;}
.menu2 li a:hover, .menu2 .selected a{text-decoration:none;}
.menu2 ul  ul {display:none;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: #333; margin-top: 5px;margin-bottom: 5px;font-size:0.7em!important;margin-left:10px;background:none;text-align:left!important;padding:10px 0px!important;}
.menu2 ul li ul li {border-bottom:1px solid transparent;margin:7px 0; }
.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: 333!important; 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{  color: #666!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 #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:#333 ; 
}
.menu2  ul> li:hover > a:first-child:nth-last-child(2):before {
  border: 0px solid transparent; 
  border-bottom-color:#333 ; 
  margin-top:-5px
}
.menu2 ul li li > a:first-child:nth-last-child(2):before {  
  border-left-color:#333 ; 
  margin-top: -5px;
}
.menu2 ul li li:hover > a:first-child:nth-last-child(2):before {
  border: 0px solid transparent; 
  border-right-color:#333;
  right: 10px; 
}


/*SLIDER CONTAINER*/

.simpleNewsF li{min-height:100px;position:relative;border-right:none; }


#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;}
article img{width:98%!important;float:none; text-align:center;}
aside {width:99%!important;float:left;text-align:center;margin:5px auto!important; }


/*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 ;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;}

.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;background:;}

.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);}}

#copyprava{padding-top:20px;width:100%; float:left;  margin: 00px 0 0px 0;min-height:30px; overflow:hidden;color:#fff;background:#92278f 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;}

.mailList{width:98%; margin:auto auto;position:relative;overflow:hidden;}
#newsletter{width:100%; margin:20px auto;position:relative;overflow:hidden;text-align:center;border:0px solid red;border-radius:30px;padding:30px 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 #92278f;}
#newsletter .submit{margin:10px 0 10px 0px;background:#92278f!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 #92278f;}

}
/*------- 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: 10px 20px 10px 20px!important;
text-decoration:none;
  font-size: 1.1em;
  
  color: #000!important;
  border: 2px #f4501d 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: #f4501d;
  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:'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: #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:'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 url('img/') no-repeat left bottom ;color:#fff!important;display:block;font-size:1.2em;text-align:left;font-weight:300;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: 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:#000!important;
  color:#fff!important;
  border:none;
  position:relative;
  height:20px!important;
  font-size:1.3em;
  padding:10px;
  cursor:pointer;
  transition:800ms ease all;
  outline:none;
  text-decoration:none;
   border-radius: 8px!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;
}