/* =============================================================
template.css - eshopmain
============================================================ */

body{
/*font-family: "Commissioner", sans-serif;*/
font-family: "Fira Sans", sans-serif;
background-color: #fff;
color: #000;
font-size:16px;
/*line-height:24px;*/
line-height:24px;
}

.white-background{background-color:#FFFFFF;}
/*.boxview{background-color: #ffffff;border-radius:2px;box-shadow: 0 0 11px #00000008;}*/

/***********************
  RAISED BUTTONS
************************/
.btn-success.raised {
border-radius:3px;
box-shadow: 0 3px 0 0 #0d460d;
}


a, object {   
outline:none;   
color: #672359;
}  

a:hover, a:focus, a.active {
  text-decoration: none;
  outline: none;
  color: #751f64;
}

img {
/*display: block;*/
height: auto;
max-width: 100%;
}

/* android fix*/
select {-webkit-appearance: menulist;} 
/*select font fix */
select.form-control{font-family: Arial, Helvetica, sans-serif;font-size:14px;}
@media screen and (min-width: 1200px) {
select.form-control{width:auto;}
}

#frmOrderProduct{font-size:14px;}
.productOrder, .productPerPage {border-radius:0px; border:1px solid #dfdfdf;}

/* full width images in div */

.fullwidth{
position: relative;
overflow: hidden;
width: 100%;
/*box-shadow: 0 5px 25px 0 rgb(156 156 156 / 20%);
transition: box-shadow .3s ease-out, transform .3s ease-out, opacity .2s ease-out;*/
transform: translateZ(0);
}

.fullwidth:hover {
/*box-shadow: rgba(45,45,45,0.05) 0px 2px 2px,rgba(49,49,49,0.05) 0px 4px 4px,rgba(42,42,42,0.05) 0px 8px 8px,rgba(32,32,32,0.05) 0px 16px 16px,rgba(49,49,49,0.05) 0px 32px 32px,rgba(35,35,35,0.05) 0px 64px 64px;*/
transform: translate(0, 0px)
}

.fullwidth img{
width:100%;
height:auto;
transition: all 0.8s;
}

/* padding-bottom row */
.padbottom{
padding-bottom:10px;
}

.nopaddingRight {
padding-right: 0 !important;
margin-right: 0 !important;
}

/*search top menu */
input.searchInput{
margin:5px 0px;
height: 40px;
color: #000;
background-color: #FFF;
background-image: none;
}

input.searchInput:focus{
border: 1px solid #9B9B9B;
box-shadow:none
}

button.searchInput{
margin:5px 0px;
font-size:16px;
height:40px;
line-height:30px;
}

.catSearch{
min-height:40px;
}

.catSearchNopad{padding-right:5px;}

.catSearchText{
font-weight:700;
display:inline-block;
vertical-align:bottom;
height:10px;
}

.catSearch select {
margin: 5px 5px 10px 0px;
height: 40px;
color: #000;
background-color: #FFF;
background-image: none;
}

.searchInput .glyphicon-search{
color:#8f99a2;
}

.pad-bottom{
padding:0px 0px 5px 0px;
}

.pad-top{
padding:5px 0px 0px 0px;
}

.pad-no{
padding:0px;
}

.fullimg{
padding:0px 0px 5px 5px;
}

.fullimg2{
padding:0px 0px 0px 5px;
}

.fullimg img {
width: 100%;
}

.fullContent{
padding:0px 0px 0px 5px;
}

.last_update{
line-height:50px;
background-color:#585252;
font-size:12px;
color:#FFFFFF;
}

/*bottom footer*/
.bottomfooter{
background-color:#000000;
color:#fff;
}
.bottomfooterLeft{
line-height:45px;
font-size:12px;
}

.bottomfooterLeft a{
color:#fff;
text-decoration:underline;
}

@media only screen and (max-width: 1023px) {	
#pageHeader{height:auto;}
.header-link img{max-height:100px;	}
}

@media only screen and (max-width: 767px) {}

/*===================================================DEFAULT==========================================*/

/*==========Login to admin=============*/
#adminLogin {
position: absolute;
left:0px;
bottom:5px;
_display:none;
}
body > #adminLogin {
position:fixed;
}

#srollover {
display: block;
width:25px;
height:25px;
padding:5px;
font-size:18px;
line-height:25px;
opacity:0.2;
text-decoration: none;
color:#ccc;
cursor:pointer
} 

#srollover:hover {
opacity:1;
text-decoration: none;
color:#E00036;
} 

/*============go to top================ */

/*go to top*/

#toTop {
position: fixed;
bottom:46px;
right:0px;
background: #8b8989;
width:54px;
height: 32px;
text-decoration: none;
display: none;
transition: all 0.3s ease;
cursor:pointer;
z-index:10
}
#toTop span {
color: #fff;
margin: 0;
position: relative;
left:17px;
top:1px;
font-size:28px;
transition: all 0.3s ease;
}
#toTop:hover {
background: #545b62;
}
#toTop:hover i {
color: #fff;
top:3px;
cursor:pointer;
}


/*powered by ints */
#intsBlock{
width:300px;
text-align:center;
}  

#intsBlock a{
color:#878787;
font-size:12px;
line-height:30px;
}  

/*ints tooltip*/
a.ints_tooltip{
position:relative;
text-decoration:none;
}
a.ints_tooltip:hover{
background-color:transparent;
z-index:1000;
}
a.ints_tooltip span{
display: none;
margin:0 auto;
text-align:center;
}
a.ints_tooltip:hover span{
display:block;
position:absolute;
z-index:20;
bottom:10px;
text-align:center;
left: 50%;
margin-left: -50px;
width:100px;
height:65px;
/*border:1px solid #A5F517;
background-color:#ffffff;
color:#FFFFFF;*/
}

/* Search results*/
#result {
background-color:#FFFFFF;
text-decoration:none;
border: 1px solid #ccc;
}

span.required{
color: #AD0000 !important;
}

span.required .fa{
font-size:10px;
margin-left:1px;
}

span.formrequired{
color: #AD0000 !important;
}

.msgSent {
font-size: 20px;
text-align: center;
}

/* tooltip */
.prevnext .tooltip-inner {
width:80px;
height:auto;
padding:5px;
opacity:1;
background-color: #fff;
border:1px solid #cacaca;
}

.prevnext .tooltip-arrow {
/* border-top-color: #606060; */
}

.prevnext .tooltip.in {
opacity: 1;
filter: alpha(opacity=100);
}

