/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}
body {
  margin: 0;
  overflow-x: hidden;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  width: 100%;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*--------------------------------------------
Initial Setup
----------------------------------------------*/
*,
*:before,
*:after {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body {
  overflow-x: hidden;
}
a {
  text-decoration: none;
}
body {
  font-size: 14px;
  line-height: 1.6;
  font-weight: normal;
}
input:focus {
  outline: none;
}
ul {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
img,
video {
  max-width: 101%;
  vertical-align: top;
}
audio,
canvas,
video {
  display: inline;
  zoom: 1;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}





/*--------------------------------------------
General
----------------------------------------------*/
/*placeholder*/
::-webkit-input-placeholder {
  -webkit-font-smoothing: antialiased;
}
:-moz-placeholder {
  /* Firefox 18- */
  -moz-osx-font-smoothing: grayscale;
}
::-moz-placeholder {
  /* Firefox 19+ */
  -moz-osx-font-smoothing: grayscale;
}
a,
a:visited {
  cursor: hand;
  cursor: pointer;
}
select {
  border: 1px solid #CFCFCF !important;
  /*Removes border*/
  -webkit-appearance: none;
  /*Removes default chrome and safari style*/
  -moz-appearance: none;
  /* Removes Default Firefox style*/
  background: #ffffff url(../image/arrow-down.png) no-repeat 97% 10px;
  text-indent: 0.01px;
  /* Removes default arrow from firefox*/
  text-overflow: "";
  /*Removes default arrow from firefox*/
  /*My custom style for fonts*/
  color: #666;
  border-radius: 0;
  padding: 6px 24px 6px 10px;
}
select:focus {
  outline: none;
}
button {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}
.button,
a.button {
  padding: 10px 15px;
  /*text-transform: uppercase;*/
  border: none;
  display: inline-block;
}
.buttons {
/*  border-top: 1px solid #e0e0e0;
  padding-top: 30px;
  margin-top: 30px;*/
}
.buttons .left {
  float: left;
}
.buttons .right {
  float: right;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
input {
  margin: 0;
  padding: 10px;
  background-color: #fff;
  max-width: 100%;
  border: 1px solid #CFCFCF;
  vertical-align: middle;
}
textarea {
  padding: 5px 10px;
  background-color: #fff;
  border: 1px solid #CFCFCF;
}
input[type="text"],
input[type="password"] {
  max-width: 100%;
}
p {
  margin: 10px 0 10px 0;
}
/*--------------------------------------------
Notification
----------------------------------------------*/
#notification {
  top: 80px;
  z-index: 999;
  right: 20px;
  width: 300px;
  position: fixed;
  transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
}
#notification.active {
  top: 20px;
  opacity: 1;
  visibility: visible;
}
#notification a {
  color: #D54D48;
}
#notification > div {
  margin: 0;
  width: auto;
}
.success,
.warning,
.attention,
.information {
  color: #111;
  margin: 20px auto 15px 0;
  padding: 10px 30px 10px 40px;
  position: relative;
  max-width: 1200px;

}

.cart-info .stock{color:#A60300}
.success {
  background: #ffffff url(../image/success.png) 10px center no-repeat;
}
.warning {
  background: #ffd1d1 url(../image/warning.png) 10px center no-repeat;
}
.attention {
  background: #fff5cc url(../image/attention.png) 10px center no-repeat;
}
.success .close,
.warning .close,
.attention .close,
.information .clos {
  top: 50%;
  right: 15px;
  cursor: pointer;
  margin-top: -5px;
  position: absolute;
}
.required {
  color: #A60300;
  margin-left: 4px;
}
.error {
  display: block;
  color: #FF0000;
}
.help {
  color: #858585;
  font-size: 10px;
  font-weight: 400;
  font-family: Verdana, Geneva, sans-serif;
  display: block;
}
/*--------------------------------------------
Grid Framework
----------------------------------------------*/
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
  font-size: 0;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
  width: 100%;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
table {
  max-width: 100%;
  background-color: transparent;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: middle;
  border-bottom: 1px solid #dddddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #dddddd;
}
.table .table {
  background-color: #ffffff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
@media (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
/*--------------------------------------------
Magnific Popup CSS
----------------------------------------------*/
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
  display: none;
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.mfp-loading.mfp-figure {
  display: none;
}
.mfp-hide {
  display: none !important;
}
.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #cccccc;
}
.mfp-preloader a:hover {
  color: white;
}
.mfp-s-ready .mfp-preloader {
  display: none;
}
.mfp-s-error .mfp-content {
  display: none;
}
button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-close:active {
  top: 1px;
}
.mfp-close-btn-in .mfp-close {
  color: #333333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px;
}
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}
.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid white;
  margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid white;
  margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black;
}
/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444444;
}
.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}
.mfp-image-holder .mfp-content {
  max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
        * Remove all paddings around the image on small screen
        */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-ie7 .mfp-img {
  padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
  padding: 0;
}
.mfp-ie7 .mfp-content {
  padding-top: 44px;
}
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}
/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}
/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}
/*--------------------------------------------
Combo CSS
----------------------------------------------*/
.clr:before,
.clr:after,
.buttons:before,
.buttons:after,
.category-info:before,
.category-info:after,
.kuler-accordion .box-product:before,
.kuler-accordion .box-product:after,
.kuler-tabs:before,
.kuler-tabs:after,
.feature2 li:before,
.feature2 li:after {
  content: " ";
  display: table;
}
.clr:after,
.buttons:after,
.category-info:after,
.kuler-accordion .box-product:after,
.kuler-tabs:after,
.feature2 li:after {
  clear: both;
}
.icf,
#top-bar .links span:before,
#top-bar .extra .dropdown-toggle:before,
#top-bar .extra #language .dropdown-toggle:before,
#cart #cart-total:before,
#header .checkout .view:before,
#top-bar .checkout .view:before,
#header .checkout .check:before,
#top-bar .checkout .check:before,
#search .button-search:before,
.contact li:before,
.newsletter button:before,
.product-filter .display a:before,
.product-filter .display span:before,
.product-info .details a:before,
.cart-total + .buttons .view:before,
.cart-total + .buttons .check:before {
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}
#cart, #cart a{font-size: 16px;
color: #444;
text-transform: none;
/* position: absolute; */
/* right: 10px; */
/* top: 7px; */
display: inline-block;
/* min-width: 200px; */
float: right;}
.kuler,
#cart .empty:before,
.social a:before,
.scrollup:before,
.jcarousel-skin-opencart .jcarousel-prev:before,
.jcarousel-skin-opencart .jcarousel-next:before,
.article-extra-info .author:before,
.article-extra-info .category:before,
.comment-stats:before,
.article-extra-info time:before {
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}
.tran,
a,
#top-bar .links > div,
#top-bar .extra .dropdown-menu,
#header,
.bottom li,
.contact li,
.newsletter input,
.newsletter button,
.product-list > div,
ul.box-category > li,
.product-info .details .cart,
.scrollup,
.jcarousel-skin-opencart .jcarousel-prev,
.jcarousel-skin-opencart .jcarousel-next,
.jcarousel-skin-opencart .jcarousel-prev:before,
.jcarousel-skin-opencart .jcarousel-next:before,
#content .articles li img,
.kbm-recent-article .link,
.bottom-banners .icon,
.alert label:before,
.alert .col-md-11,
	.product-list > div:hover, .product-list > div,
.top-banners.skin_1 .info, .pgspan .fa  {
-webkit-transition: all 0.3s ease; /* Firefox */
-moz-transition: all 0.3s ease; /* WebKit */
-o-transition: all 0.3s ease; /* Opera */
transition: all 0.3s ease; /* Standard */
}
.product-grid a .fa-shopping-cart, .buttonframe, .product-grid a .buttonouterframe,  .buttonouterframe, .product-grid.buttonouterframe, .buttonouterframe.buttonframe, .product-grid .wrapper:hover{
-webkit-transition: all 0.2s ease; /* Firefox */
-moz-transition: all 0.2s ease; /* WebKit */
-o-transition: all 0.2s ease; /* Opera */
transition: all 0.2s ease; /* Standard */
}

.abl {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
/* 6ba239--------------------------------------------
Top bar
----------------------------------------------*/
/*general*/
#top-bar {
  text-align: left;
  border-bottom: 1px solid transparent;
  font-size: 13px;
}
#top-bar .social a {
  margin: 0;
  padding: 0 5px;
  font-size: 13px;
}
#top-bar .social a:before {
  background-color: transparent;
  width: auto;
  line-height: 1;
  height: auto;
}
#top-bar .social a:hover:before {
color:#000;
}
/* extra info*/
#top-bar .ship li {
  display: inline-block;
  font-size: 13px;
}
#top-bar .ship li i {
  color: #cccccc;
}
/*links*/
#top-bar .links {
  width: auto;
  float: right;
  position: relative;
  border-left: 1px solid transparent;
  padding-right: 0;
}
#top-bar .links:hover > div {
  visibility: visible;
  opacity: 1;
  top: 100%;
  z-index: 9999;
}
#top-bar .links span {
  line-height: 60px;
  padding: 0;
}
#top-bar .links span:before {
  content: "\f0c0";
  margin-right: 7px;
  color: #cccccc;
}
#top-bar .links > div {
  position: absolute;
  top: 130%;
  left: 0;
  background-color: #fff;
  padding: 15px;
  width: 200px;
  visibility: hidden;
  opacity: 0;
}
#top-bar .links > div a {
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 13px;
  text-transform: uppercase;
}
#top-bar .links #welcome {
  font-size: 0;
}
#top-bar .links #welcome a {
  font-size: 14px;
}
/*extra*/
#top-bar .extra {
  font-size: 0;
}
#top-bar .extra span {
  text-transform: none;
  font-size: 13px;
}
#top-bar .extra form {
  display: inline-block;
  padding: 0 0px 0 15px;
  font-size: 14px;
  margin-left: -1px;
}
#top-bar .extra .btn-group {
  position: relative;
}
#top-bar .extra .dropdown-toggle {
  background: none;
  border: none;
  font-weight: 400;
  line-height: 17px;
  padding: 0 10px;
}
#top-bar .extra .dropdown-toggle:focus {
  outline: none;
}
#top-bar .extra .dropdown-toggle:before {

}
#top-bar .extra .dropdown-toggle strong {
  display: none;
}
#top-bar .extra #language img {
  display: none;
}
#top-bar .extra #language .dropdown-toggle:before {

}
#top-bar .extra .dropdown-menu {
  text-align: left;
  position: absolute;
  top: 80%;
  left: 0px;
  z-index: 1001;
  min-width: 160px;
  padding: 14px 10px 5px 16px;
border-radius: 5px;
  visibility: hidden;
  opacity: 0;
     background: #FFFFFF;
    padding: 20px 14px 10px 14px;
	-webkit-box-shadow: 10px 5px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 10px 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 5px 10px rgba(0, 0, 0, 0.1);
	background: #FFFFFF;
	border: 2px solid #7C9E8B;
	
}
#top-bar .extra .dropdown-menu li {
  line-height: 1;
}
#top-bar .extra .dropdown-menu.open {
  visibility: visible;
  opacity: 1;
  top: 80%;
}
/*--------------------------------------------
Header
----------------------------------------------*/
/*general*/
#header {
  padding: 20px 0;

  position: relative;
}
#header [class*="col"] {
  vertical-align: middle;
}
/*logo*/
#logo {
  text-align: center;
}
/*mini cart*/
#cart h4 {
  display: none;
}
#cart #cart-total:before {
 /* content: '\f07a';
  font-size: 22px;
  vertical-align: top;
  display: inline-block;
  margin-right: 10px;
  line-height: 55px;*/
}
#cart .heading {
  position: relative;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 55px;
}
#cart .heading #cart-product-total {
  font-size: 14px;
  position: absolute;
  z-index: 1000;
  left: 48%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
  display: block;
  min-width: 20px;
  min-height: 20px;
  line-height: 20px;
  top: -5px;
}
#cart .wrapper {
  position: absolute;
  right: 0;
  top: -12px;
  width: 370px;
  z-index: 9;
  display: block;
  visibility: hidden;
  opacity: 0;

  -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translate(0, 10px);
  -moz-transform: translate(0, 10px);
  -ms-transform: translate(0, 10px);
  -o-transform: translate(0, 10px);
   border-radius: 5px;
  

    padding: 20px 14px 10px 14px;
	-webkit-box-shadow: 10px 5px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 10px 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 5px 10px rgba(0, 0, 0, 0.1);
	background: #FFFFFF;
	border: 2px solid #7C9E8B;
  
  
}
#cart .content {
  background-color: #fff;
  text-align: left;
  padding: 40px 0 30px;
}
#cart .empty {
  padding: 10px 0;
  text-align: center;
}
#cart .empty:before {
  content: '\f129';
  font-size: 50px;
  display: block;
  margin-bottom: 20px;
}
#cart.active .heading {
  z-index: 99999;
}
#cart.active .heading a {
  color: #000000;
}
#cart.active .wrapper {
  visibility: visible;
  opacity: 1;
  z-index: 9999;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
}

.cart_grid:hover{display: inline-block;
background: #797C5E;
padding: 7px 15px;
color: #0d5a30;
font-weight:600;
text-transform: uppercase;
font-size: 12px;
font-weight:600;
}
.cart_grid a:hover{
color: #0d5a30;
font-weight:600;
}
.cart_grid .fa{font-size:16px}

.cart_grid{display: inline-block;
background: #0d5a30;
padding: 7px 15px;
color: #fff;
text-transform: uppercase;
font-size: 12px;
font-weight:600;
}
.cart_grid a{
color: #fff;
font-size: 12px;
text-transform: uppercase;
}

#header .mini-cart-info .image,
#top-bar .mini-cart-info .image {
  padding-right: 0;
  margin-bottom: 5px;
}

#cart .mini-cart-info li, #cart .mini-cart-info li a {float:left}


#header .mini-cart-info .remove,
#top-bar .mini-cart-info .remove {
  cursor: pointer;}
.mini-cart-total {font-size:14px}

#header .mini-cart-info li,
#top-bar .mini-cart-info li {
border-top: 1px solid #e0e0e0;
    margin-bottom: 0;
    padding-top: 3px;
}
#header .mini-cart-info li:last-child,
#top-bar .mini-cart-info li:last-child {
  border-bottom: none;
}
#header .mini-cart-info a,
#top-bar .mini-cart-info a {
  font-size: 13px;
  font-weight: 500;
  color: #222;
}
#header .mini-cart-total,
#top-bar .mini-cart-total {
  padding: 10px 0;
  margin-bottom: 15px;
  
  border-top: 1px solid #e0e0e0;
  font-size:14px;
line-height: 20px;
}
.mini-cart-total .res{
border-top: 1px solid #e0e0e0;
 font-size:14px;
line-height: 20px;
padding-top:10px
}
.mini-cart-total .right{font-size:14px;}
#header .checkout,
#top-bar .checkout,
.cart-total + .buttons {
  text-align: right;
}
#header .checkout a,
#top-bar .checkout a,
.cart-total + .buttons a {
  text-transform: uppercase;
  vertical-align: top;
  padding: 10px 25px;
  display: inline-block;
  background-color: #222222;
  color: #FFFFFF;
  font-size: 14px;margin-bottom: 30px;
}
#header .checkout a:hover,
#top-bar .checkout a:hover,
.cart-total + .buttons a:hover {
  background-color: #e94b35;
}
#header .checkout .view:before,
#top-bar .checkout .view:before,
.cart-total + .buttons .view:before {
  content: "\f07a";
  margin-right: 5px;
  font-size: 18px;
}
#header .checkout .check:before,
#top-bar .checkout .check:before,
.cart-total + .buttons .check:before {
  content: "\f090";
  font-size: 18px;
  margin-right: 5px;
}
/*search*/
#search .button-search {
  display: inline-block;
  float: right;
  margin-left: 10px;
}
#search .button-search:before {
  content: "\f002";
  font-size: 20px;
  color: #8D8D8D;
  line-height: 36px;
}
#search input {
  padding: 10px 15px;
vertical-align: top;
border: 1px solid transparent;
height: 36px;
visibility: hidden;
opacity: 0;
position: absolute;
right: 70px;
min-width: 246px;
border-radius: 5px;
}
#search select {
  padding: 10px;
  display: inline-block;
  margin-bottom: 15px;
  height: 41px;
}
.live-search-container #search-inner {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.kuler-finder-result {
  visibility: hidden;
  opacity: 0;
}
#header #menu {
  display: none;
}
/*--------------------------------------------
Bottom
----------------------------------------------*/
.bottom {
  padding: 40px 0 40px;
}
.bottom h3 {
  position: relative;
  overflow-x: hidden;
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
}
.bottom h3 span {
  position: relative;
  z-index: 9;
  padding-right: 10px;
}
.bottom h3:after {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  top: 47%;
  z-index: 1;
  opacity: 0.2;
}
.bottom li {
  margin-bottom: 10px;
}
.bottom li:hover {
  -webkit-transform: translate(10px, 0);
  -moz-transform: translate(10px, 0);
  -ms-transform: translate(10px, 0);
  -o-transform: translate(10px, 0);
}
.bottom .box-content,
.bottom .box,
.bottom .kuler-advanced-html {
  display: inline;
}
/*--------------------------------------------
Contact
----------------------------------------------*/
.contact li {
  margin-bottom: 20px;
}
.contact li:before {
  font-size: 20px;
  margin-right: 15px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  margin-top: -5px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.contact .skype:before {
  content: '\e626';
}
.contact .email:before {
  content: "\f0e0";
}
.contact .mobile:before {
  content: "\f10b";
}
.contact .phone:before {
  content: "\f095";
}
.contact .fax:before {
  content: "\f1ac";
}
.contact .imp:before {
  content: "\f129";
}
/*--------------------------------------------
Social newsletter
----------------------------------------------*/
/*social*/
.social-newsletter {
  padding: 0 0 50px;
}
.social-newsletter .container {
  padding-top: 30px;
}
.non-newsletter {
  text-align: center;
}
.social {

}
.social li {
float: left;
line-height: 40px;
height: 40px;
padding:0 0 0 20px;
font-size:13px;
color: #fff;
}
.social li.lilang {padding:0 0 0 5px;}


.social a:before {
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  display: inline-block;
  font-size: 16px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  margin: 0 5px 0 -10px;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  -webkit-text-shadow: -50px 0 0px transparent;
  -moz-text-shadow: -50px 0 0px transparent;
  -ms-text-shadow: -50px 0 0px transparent;
  -o-text-shadow: -50px 0 0px transparent;
  text-shadow: -50px 0 0px transparent;
  overflow: visible;
}
.social a:hover:before {
  -webkit-text-shadow: 0 0px 0px #fff;
  -moz-text-shadow: 0 0px 0px #fff;
  -ms-text-shadow: 0 0px 0px #fff;
  -o-text-shadow: 0 0px 0px #fff;
  text-shadow: 0 0px 0px #fff;
}
.social .facebook:before {
  content: '\e606';
}
.social .twitter:before {
  content: '\e608';
}
.social .google_plus:before {
  content: '\e600';
}
.social .youtube:before {
  content: '\e613';
}
.social .rss:before {
  content: '\e60b';
}
.social .pinterest:before {
  content: '\e61e';
}
.social .instagram:before {
  content: '\e625';
}
/*newsletter*/
.newsletter {
  text-transform: uppercase;
  line-height: 35px;

}
.newsletter input {
  font-size: 13px;
  display: block;
  width: 100%;
  margin: 10px 0;
  padding: 15px;
  border: 1px solid transparent;
  height: 36px;
  border-radius: 5px;
}
.newsletter button {
  border: none;
  padding: 0 20px;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1px;
  line-height: 23px;
  height: 36px;
  position: relative;
  overflow: hidden;
  border: 1px solid transparent;
}

.newsletter button:hover {
  color: #fff;
}
.newsletter button:hover:after {
  height: 260%;
  opacity: 1;
}
/*--------------------------------------------
Powered
----------------------------------------------*/
#powered {
  padding-top: 30px;
  font-weight: 300;
}
#powered .payment li {
  display: inline-block;
}
/*--------------------------------------------
Products Grid
----------------------------------------------*/
.product-grid {
  text-align: center;
  margin-left: -15px;
  margin-right: -15px;
  font-size: 0;
}
.product-grid .thumb {
  margin-bottom: 25px;
}
.product-grid .thumb .hover {
  display: none;
}
.product-grid .name {
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 16px;
}
.product-grid .name a {
  color: #e94b35;
}
.product-grid.category-product-list .price {
position: absolute;
padding: 4px 10px 4px 12px;
height: 33px;
background: #86AB96;
top: -1px;
right: -1px;
font-size: 16px;
color: #fff;
-webkit-border-radius: 0 5px 0 5px;
-moz-border-radius: 0 5px 0 5px;
border-radius: 0 5px 0 5px;
}
.product-grid .price-old {
  text-decoration: line-through;
  padding-left: 10px;
}
.product-grid .price-tax {
  font-weight: 400;
  font-size: 14px;
}
.product-list.category-product-list .descriptionsmaller{display:none}

.product-grid.category-product-list .description{display:none}

.product-grid.category-product-list .list-details{display:none}
.product-list.category-product-list .grid-details{display:none}

.product-grid.category-product-list .rating{display:none}
.product-list.category-product-list .ratinggrid{display:none}

.product-grid.category-product-list .price-old{
position: absolute;
padding: 2px 10px 2px 8px;
height: 26px;
background: #C5C7B9;
top: 33px;
right: 0px;
color: #fff;
-webkit-border-radius: 0 0px 0 5px;
-moz-border-radius: 0 0px 0 5px;
border-radius: 0 0px 0 5px;
  font-weight: 400;
  font-size: 13px;color:#fff}

.product-grid .price-old{

position: absolute;
padding: 2px 10px 2px 8px;
height: 26px;
background: #C5C7B9;
top: 33px;
right: -1px;
color: #fff;
-webkit-border-radius: 0 0px 0 5px;
-moz-border-radius: 0 0px 0 5px;
border-radius: 0 0px 0 5px;
  font-weight: 400;
  font-size: 13px;color:#fff}

.product-grid .details {
  display: none;
}
.product-grid .description {
font-size:14px;
}
.product-grid .cart {

}
.product-grid .rating {margin: 13px 0 0 0;}
.sale {
  position: absolute;
top: -11px;
left: -11px;
min-width: 48px;
min-height: 48px;
line-height: 46px;
text-align: center;
font-size: 14px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
background-color: #A60300;
color: #fff;
font-weight: 600;
}
.sale:after {

}
#listsale{
position: absolute;
top: -22px;
left: -9px;
min-width: 48px;
min-height: 48px;
line-height: 46px;
text-align: center;
font-size: 14px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
background-color: #A60300;
color: #fff;
font-weight: 600;
z-index:5
}
/*--------------------------------------------
Products List
----------------------------------------------*/
.product-list {
  text-align: center;
}
.product-list > div {
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 24px;
  background-color: #ffffff;
  margin-bottom: -1px
}

.product-list .left {
  position: relative;

}
.product-list .left .hover {
  position: absolute;
  top: 0;
  left: 15px;
}
.product-list .left .thumb {
  margin-bottom: 20px;
}
.product-list .name a {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 500;
  color: #e94b35;
  
}
.product-list .price {
position: absolute;
padding: 2px 10px 2px 12px;
height: 26px;
background: #86AB96;
top: 8px;
right: 8px;
font-size: 14px;
color: #fff;
-webkit-border-radius: 0 0px 0 5px;
-moz-border-radius: 0 0px 0 5px;
border-radius: 5px;
	
}
.product-list .price .price-tax {
  font-size: 14px;
}
.product-list .price br {
  display: none;
}
.product-list .price-old {
  color: #fff;
  text-decoration: line-through;
  padding-left: 10px;
}
.product-list .price-fixed
{
  font-size: 18px;
  font-weight: 600;
}
.product-list .description {
  margin-bottom: 20px;
  color: #878787;
}
.product-list .rating {
position: relative;
top: 3px;
left: 10px;
}
.product-list .right {
  position: static;
}
.product-list .hover {
  display: none;
}
/*--------------------------------------------
Pagination
----------------------------------------------*/
.pagination {
  text-align: center;
  padding: 30px 0;
}
.pagination .links a,
.pagination .links b {
  color: #fff;
  margin: 0 1px;
  font-size: 16px;
  padding: 2px 10px;
  display: inline-block;
  background-color: #ccc;
}
/*--------------------------------------------
Breadcrumb
----------------------------------------------*/
.breadcrumb {
  padding: 5px 0 6px 0;
  background-color: #E7E8E0;
margin-bottom: 30px;
border:0;
}
.breadcrumb li a{font-size:13px; color:#777}
.breadcrumb .col-md-3,
.breadcrumb .col-md-8 {
  text-align: left;
}
.breadcrumb .col-md-3 h2,
.breadcrumb .col-md-8 h2 {
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 1;
}
.breadcrumb li {
  display: inline-block;
  line-height: 1;
  font-size: 14px;
  font-weight: 500;
  color: #444;
}
.breadcrumb li:after {
  content: "»";
  margin: 0 5px 0 10px;
  font-size: 18px;
  color: #aaa;
}
.breadcrumb li:last-child:after {
  display: none;
}
/*--------------------------------------------
Left/Right Column
----------------------------------------------*/
.sidebar .box-heading {
  text-align: left;
  font-size: 18px;
  margin-bottom: 20px;
}
.sidebar .box-product {
  text-align: left;
  margin: 0;
}
.sidebar .box-product .col-xs-12 {
  padding: 0;
}
.sidebar .box-product .hover,
.sidebar .box-product .details {
  display: none;
}
.sidebar .box-product .thumb {
  float: left;
}
.sidebar > div {
  margin-bottom: 30px;
}
.sidebar ul a {
color: #333;
font-size: 14px;
line-height: 17px;

}
.sidebar .box-product > div {
  width: 100%;
}
.sidebar .box-product img {
  float: left;
  margin-right: 10px;
}
.sidebar .box-product .cart {
  display: none;
}
.sidebar [class*="col"] {
  width: 100%;
  margin-bottom: 20px;
  text-align: left;
}
.sidebar [class*="col"] .thum .hover,
.sidebar [class*="col"] .details,
.sidebar [class*="col"] .cart {
  display: none;
}
.sidebar [class*="col"] .thumb {
  float: left;
  margin: 4px 10px 0 0;
}
.sidebar .kuler-tabs {
  padding: 0;
  margin: 0;
}
.sidebar .product-grid > div:hover a img,
.sidebar .box-product > div:hover a img {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
}
/*--------------------------------------------
Quick View
----------------------------------------------*/
.quickview {
  padding: 30px;
  background-color: #fff;
  min-height: 505px;
  margin-bottom: 0 !important;
}
.quickview .row {
  padding: 0;
}
.quickview .product-info {
  background-color: #fff;
}
.quickview .left {
  background-color: #fff;
}
.quickview .right {
  background-color: #fff;
}
.quickview .left .image {
  margin-bottom: 10px;
}
/*--------------------------------------------
Box category
----------------------------------------------*/
ul.box-category > li {
  padding: 8px;
  font-size: 14px;
  font-weight: 400;
}
ul.box-category > li:hover {
  color: #e94b35;
}
ul.box-category > li.active ul {
  display: block;
}
ul.box-category > li ul {
  display: none;
}
ul.box-category > li > .toggle {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(../image/icon/plus-dark.png) no-repeat center center;
  cursor: pointer;
  float: right;
}
ul.box-category > li.active > .toggle {
  background-image: url(../image/icon/minus-dark.png);
}
ul.box-category > li ul > li {
  padding: 8px 5px 8px 10px;
}
ul.box-category > li ul > li > a {
  text-decoration: none;
  display: block;
}
ul.box-category > li ul > li > a.active {
  font-weight: bold;
}

/*--------------------------------------------
One page checkout
----------------------------------------------*/
#one-page-checkout .customer-info input[type="text"] {
  width: 100%;
  margin-bottom: 15px;
}
#one-page-checkout #login {
  margin-bottom: 20px;
  color: #EC6467;
}
#address-form-container {
  background-color: #fff;
  padding: 30px;
  max-width: 600px;
  margin: 0 auto;
  position: relative;
}
#address-form-container select,
#address-form-container input {
  width: 100%;
}
#payment-form {
  max-width: 600px;
  position: relative;
  background: #fff;
  padding: 30px;
  margin: 0 auto;
}
#payment-form table td {
  padding: 10px;
}
/*--------------------------------------------
Nomal page checkout
----------------------------------------------*/
.checkout-heading {
padding: 1px 12px;
color: #595959;
font-size: 13px;
background: #E7E8E0;
display: inline-block;
margin: 5px 0 12px;
border-radius: 24px;
font-weight: 600;
}
.checkout-heading a {
  float: right;
  color: #A60300;
  margin-left:30px;
  text-decoration:underline;
  padding-right:15px
}
.checkout-content {
font-size: 14px;
}
/*--------------------------------------------
Login Page
----------------------------------------------*/
.login_page .content span {
  min-width: 120px;
  display: inline-block;
}
.login_page .content .col-md-9 {
  margin-bottom: 30px;
}
.login_page .content .col-md-9 input {
  width: 100%;
}
.login_page .content .button {
  margin-bottom: 30px;
  float: right;
}
/*--------------------------------------------
Register Page
----------------------------------------------*/
.register_page .form {
  width: 100%;
}
.register_page .form td {
  padding: 10px 10px 0 0;
}
.register_page .form input[type="text"] {
  width: 100%;
}
.register_page #content .row {
  margin-bottom: 25px;
  padding: 0px 0;
  border-bottom: 1px solid #dddddd;
}
.register_page .buttons {
  margin-bottom: 30px;
}
.register_page input[type="submit"] {
  float: right;margin-top: 10px;

}
/*--------------------------------------------
Category Page
----------------------------------------------*/
.product-filter {
  margin-bottom: 30px;
  background-color: #fff;
  padding: 7px 15px 7px 17px;
  border:1px solid #e0e0e0;
  font-size:13px
}
.product-filter div[class^="col"] {
  margin-bottom: 0px;
}
.product-filter div[class^="col"] b {
  font-weight: 400;
}
.product-filter .display a {
  color: #888888;
}
.product-filter .display span {
  color: #444444;
}
.product-filter .display a,
.product-filter .display span {
  margin-right: 15px;
  cursor: pointer;
  font-size: 13px;
}
.product-filter .display a:before,
.product-filter .display span:before {
  margin-right: 5px;
}
.product-filter .display a.list:before,
.product-filter .display span.list:before {
  content: "\f03a";
}
.product-filter .display a.grid:before,
.product-filter .display span.grid:before {
  content: "\f009";
}
.product-filter .product-compare a {
  color: #878787;font-size: 13px;
}
.product-filter select {
  padding: 0 10px;
}
.product-filter .limit, .product-filter .sort{font-size: 13px;}
.product-filter .sort{text-align:right}
.category-info {
  margin-bottom: 30px;
}
.category-info .image {
  float: left;
  margin-right: 30px;
  border: 10px solid #ffffff;
}
.category-info p {
  font-weight: 400;
	font-size:14px
}
.category-info h2 {
  font-weight: 600;
  font-size: 22px;
}
.category-list {
  margin-bottom: 30px;
}
.category-list li {
  display: inline-block;
  line-height: 1;
  margin-bottom: 10px;
  margin-right: 20px;
  text-align: center;
}
.category-list li img {
  margin-bottom: 15px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.category-list a {
  display: block;
}
.category-list ul {
  background-color: #fff;
  padding: 15px;
}
/*--------------------------------------------
Product Info
----------------------------------------------*/
table.radio {
  margin-bottom: 30px;
}
table.radio td {
  padding: 5px 10px 0 0;
}
.cart-total {
  padding: 15px 0 0;
  margin: 0 0 15px 0;
  border-top: 1px solid #eeeeee;
  text-align: right;
}
.cart-total td {
  padding: 0 10px;
}
/*--------------------------------------------
Product Info
----------------------------------------------*/
.product-info > div {
  background-color: #fff;
  margin-bottom: 30px;
  font-size: 0;
}
.product-info .review {
  line-height: 1;
  margin-bottom: 10px;
  font-size: 13px;
}
.product-info .left,
.product-info .right {
  margin-bottom: 30px;
  position: static;
}
.product-info .left {
  vertical-align: top;
}
.product-info .left .image {
  width:346px;height:346px;
  border: 1px solid #e0e0e0;
	padding: 20px;
	position:relative;
}
#main-image{max-width:374px; max-height:374px;margin-bottom: 15px;}
.image-additional img {
  margin-right: 7px; border: 1px solid #e0e0e0; padding:5px; margin-top:3px;
}
.product-info h1 {
  font-size: 24px;
  margin-bottom: 10px;
  font-weight: 600;
  color: #e94b35;
}
.product-info .price {
  margin-bottom: 0px;
  font-size: 24px;
  font-weight: 600;
  color: #333;
  text-align: right;
}
.product-info .price .price-new {
  color: #252525;
  margin-right: 10px;
}
.product-info .price .price-old {
  font-size: 16px;
  color: #888;
  text-decoration: line-through;
  font-weight:400
}
.product-info .price div {

}
.product-info .description {
  margin: 0;
line-height: 16px;
font-size: 12px;
text-align: right;
}
.product-info .description-left {
 margin: 10px 0 0 0;
line-height: 16px;
font-size: 12px;
text-align: left;
color:#A60300;
}

.product-info .description a{font-weight:600}
.product-info .description h2 {
  margin-bottom: 0;
}
.product-info .description span {
  min-width: 120px;
  display: inline-block;
}
.product-info .options {
margin-bottom: 15px;
}
.product-info h2 {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
  font-weight: 600;
}
.product-info .custom-block {
  margin-bottom: 20px;
  padding: 30px;
  background-color: #f7f7f7;
  font-weight: 300;
}
.product-info .quantity {
float:left;margin: 0 18px 0 0;
}
.product-info .quantity input {
  padding: 7px 10px;
  text-align: center;
  border: 1px solid #CFCFCF;
  vertical-align: top;
  min-height: 43px;
  border-radius: 5px;
}
.product-info .quantity button {
  background: none;
  border: 1px solid #CFCFCF;
  padding: 5px 14px;
  color: #000;
  min-height: 43px;
  border-radius: 5px;
}
.product-info .details {
float:left;
}
.product-info .details .cart {
  background-color: #0d5a30;
  border-radius: 20px;
}
#button-cart:hover{cursor:pointer}
.product-info .details div {
  display: inline-block;
  margin:0;
}
.product-info .details a {
  font-size: 0;
}
.product-info .details a:before {
  font-size: 20px;
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  background-color: #222;
  color: #fff;
  display: inline-block;
}
.product-info .details .wishlist a:before {
  content: "\f08a";
}
.product-info .details .compare a:before {
  content: "\f1de";
}
.product-info .details .cart a {
  font-size: 16px;
  padding: 0 10px 0 0;
    font-weight: 600;
  color: #fff;
}
.product-info .details .cart a:before {
  background-color: transparent;
}
.product-info .details .cart a:hover:before {
  background-color: transparent;
}
.product-info .details .cart a:before {
  content: "\f07a";
}
.product-info .minimum {
  margin-top: 10px;
}
input[name='captcha'] {
  margin: 15px 0;
}
.product-tabs {
  padding: 30px;
  background: #fff;
}
#tabs a {
  color: #444444;
  background-color: #E7E8E0;
  font-size: 16px;
  padding: 10px 15px;
  display: inline-block;
    border-right: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  border-radius: 5px 5px 0 0;
}
#tabs a.selected {
  background-color: #fff;
  border-bottom: 1px solid #fff;
  margin-bottom:-1px;
}
.tab-content {
  padding: 30px 15px 30px 15px;
  margin-bottom: 30px;
    border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
  border-radius: 0 5px 5px 5px;
}
.related-products{margin-top:30px;color:#666; font-size:14px; }

.related-products .product-grid{text-align:left}
.related-products h2 {
text-align: left;
font-size: 16px;
font-weight: bold;
color: #0d5a30;
text-transform: none;
}
.related-products .thumbnail {max-width: 110px;
max-height: 110px;
display: inline-block;
margin-bottom: 15px;}
.related-products .max{max-width:300px}
.related-products .borderout{border:1px solid #e0e0e0;padding:15px 15px 5px 15px; border-radius:5px}
.related-products .price{position: absolute;
padding: 4px 10px 4px 12px;
height: 33px;
background: #86AB96;
top: 0px;
right: 15px;
font-size: 16px;
color: #fff;
-webkit-border-radius: 0 5px 0 5px;
-moz-border-radius: 0 5px 0 5px;
border-radius: 0 5px 0 5px;}

.related-products .buttonouterframe{margin-top:16px}
/*--------------------------------------------
General
----------------------------------------------*/
#container {
  overflow-x: hidden;
  margin-left: auto;
  margin-right: auto;

}
#content {
  margin-bottom: 30px;;min-height: 300px;
}
.center {
  text-align: center;
}
.kuler-advanced-html{padding:30px 0; 

}
.promodesc{border: 1px solid #e0e0e0}
.tp-caption.start {
  border: none;
  padding: 0;
  margin: 0;
}
.box-heading {
  font-size: 24px;
  text-transform: capitalize;
  font-weight: 500;
  overflow: hidden;
  margin-bottom: 10px;
  color: #bbb;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  text-align: center;
}
.box-heading > span {
  position: relative;
  display:inline-block;
  padding:0 20px;
  background:#fff;
  
}
.box-heading > span:before,
.box-heading > span:after {
  content: "";
  position: absolute;
  width: 1500px;
  height: 0px;
  
  top: 48%;
  left: -1520px;
}
.box-heading > span:after {
  left: auto;
  right: -1520px;
}
#order-total-content #button-confirm {
  display: none;
}
#login-popup {
  padding: 30px;
  max-width: 700px;
  margin: 0 auto;
  background-color: #fff;
  position: relative;
  font-size: 0;
}


#review-popup {
  font-size:16px;
  padding: 30px;
  max-width: 900px;
  margin: 0 auto;
  background-color: #fff;
  position: relative;
  border: 20px solid #0d5a30;
  color:#333;
}
#review-popup h2
{color: #0d5a30;
font-weight: 900;
text-transform: uppercase;
font-size: 26px;}

.mfp-content .mfb-butr{width:100%; text-align:right}
#login-popup input {
  width: 100%;
}
#login-form {
  padding: 30px;
  max-width: 300px;
  margin: 0 auto;
  background-color: #ffffff;
  position: relative;
  font-size: 0;
}
#login-form form {
  font-size: 14px;
}
#login-form input {
  width: 100%;
}
.latest,
.featured,
.special {
  padding: 50px 0 30px;
  margin-bottom: 560px;
}
.cart-info thead {
  background-color: #fff;
}
/*scroll up*/
.scrollup {
  font-size: 0;
  cursor: pointer;
  color: #ffffff;
  padding: 5px 15px;
  bottom: -50px;
}
.scrollup:hover {
  font-size: 15px;
}
.scrollup:before {
  content: '\f102';
  font-size: 30px;
}
.scrollup.show {
  bottom: 50px;
  opacity: 0.8;
}
/*mega menu*/
@media only screen and (max-width: 991px) {
  /*mega menu for mobile*/
  .navigation {
    margin-bottom: 30px;
    background: none !important;
  }
  #btn-mobile-toggle {
    cursor: pointer;
    padding: 10px 15px;
    position: relative;
    display: block;
    background-color: #fff;
	color: #444;
	border: 1px solid #777;
	border-radius: 24px;
	top: 16px;
	right: -5px;
	font-weight:600
  }
  #btn-mobile-toggle:after {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: "\f13a";
    font-size: 22px;
    position: absolute;
    right: 15px;
    top: 11px;
  }
  #btn-mobile-toggle.expand:after {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
  }
  #menu .mainmenu {
    padding: 15px;
    font-size: 14px;
    background-color: #f7f7f7;
  }
  #menu .mainmenu li {
    padding: 0 0 10px;
  }
  #menu .mainmenu > li {
    line-height: 1.2;
  }
  #menu .mainmenu > li > a {
    padding-bottom: 10px;
    display: block;
  }
  #menu .mainmenu > li ul {
    padding-left: 15px;
    border-left: 1px solid #eeeeee;
    margin-left: 10px;
  }
  #menu .mainmenu > li li {
    position: relative;
  }
  #menu .mainmenu > li li:before {
    content: '';
    width: 10px;
    height: 1px;
    background-color: #eeeeee;
    position: absolute;
    left: -15px;
    top: 10px;
  }
  #megamenu {
    display: none;
    padding: 15px 15px 0;
  }
  #megamenu .dropdown-container {
    display: none;
    background-color: #fff;
    padding: 15px;
  }
  #megamenu .dropdown-container .container {
    padding: 10px 0;
  }
  #megamenu li.item {
    margin-bottom: 20px;
    position: relative;
  }
  #megamenu li.item:before,
  #megamenu li.item:after {
    content: " ";
    display: table;
  }
  

  
  #megamenu li.item:after {
    clear: both;
  }
  #megamenu li.item p {
    color: #aaa;
  }
  #megamenu li.item > a {
    font-size: 16px;
    display: inline-block;
  }
  #megamenu li.item .menu-category-image {
    margin-right: 15px;
  }
  #megamenu li.item .menu-category-title {
    display: block;
    color: #444;
  }
  #megamenu li.item .subcat {
    margin: 0 !important;
  }
  #megamenu li.item .btn-expand-menu {
   font-size: 18px;
	padding-left: 3px;
  }
  #megamenu li.item .btn-expand-menu:before {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: "\f13a";
    display: inline-block;
    color: #7C9E8B;
	cursor:pointer;
  }
  #megamenu li.item.expand .btn-expand-menu:before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
  }
  #megamenu .product .hover {
    display: none;
  }
}
/*--------------------------------------------
Carousel
----------------------------------------------*/
.jcarousel-skin-opencart .jcarousel-container {
  margin: 0 0 0px;
  /*overflow: hidden;*/
}
.jcarousel-skin-opencart .jcarousel-container:hover .jcarousel-prev {
  left: -100px;
}
.jcarousel-skin-opencart .jcarousel-container:hover .jcarousel-next {
  right: -100px;
}
.jcarousel-skin-opencart .jcarousel-direction-rtl {
  direction: rtl;
}
.jcarousel-skin-opencart .jcarousel-clip {
  overflow: hidden;
  width: 100%;
}
.jcarousel-skin-opencart .jcarousel-item {
  text-align: center;
}
.jcarousel-skin-opencart .jcarousel-item-horizontal {
  margin-left: 0;
  margin-right: 10px;
}
.jcarousel-skin-opencart .jcarousel-direction-rtl .jcarousel-item-horizontal {
  margin-left: 10px;
  margin-right: 0;
}
.jcarousel-skin-opencart .jcarousel-item-placeholder {
  background: #fff;
  color: #000;
}
.jcarousel-skin-opencart .jcarousel-prev,
.jcarousel-skin-opencart .jcarousel-next {
  position: absolute;
  top: 30%;
  cursor: pointer;
  z-index: 20;
}
.jcarousel-skin-opencart .jcarousel-prev {
  left: -100px;
  top: 35%;
  right: auto;
}
.jcarousel-skin-opencart .jcarousel-next {
  right: -100px;
  top: 35%;
}
.jcarousel-skin-opencart .jcarousel-prev:before {
  content: '\f104';
  font-size: 25px;
  color: #fff;
  width: 32px;
  height: 32px;
  display: block;
  line-height: 32px;
  text-align: center;
  right: 33px;
}
.jcarousel-skin-opencart .jcarousel-next:before {
  content: '\f105';
  font-size: 25px;
  color: #ffffff;
  width: 32px;
  height: 32px;
  display: block;
  line-height: 32px;
  text-align: center;
}
/*--------------------------------------------
RosaceaCare Filter
----------------------------------------------*/
.kuler-filter .box {
  background-color: #e0e0e0;
  padding: 20px;
}
.kuler-filter .buttons {
  margin-top: 20px;
}
.kuler-filter .ui-slider-horizontal .ui-slider-handle {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  width: 10px;
  background: #444;
  border: none;
}
.kuler-filter .ui-slider-horizontal .ui-slider-range {
  background: #aaaaaa;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none;
}
.kuler-filter .ui-slider-horizontal {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin: 0 10px;
}
.kuler-filter select {
  width: 100%;
}
/*--------------------------------------------
RosaceaCare Slide
----------------------------------------------*/
.kuler-slides img{max-width:102%}
.kuler-slides .jcarousel-skin-opencart .jcarousel-container-horizontal {
  padding: 0;
}
.kuler-slides .box-heading {
  margin: 30px 0 50px 0;
  font-size:24px;
  text-transform:uppercase;
  font-weight:500;
  color:#0d5a30;
}
.kuler-slides .product-grid .col-lg-3 {
  margin-top: 10px;
}
/*--------------------------------------------
RosaceaCare Accordion
----------------------------------------------*/
.kuler-accordion {
  margin-bottom: 50px;
}
.kuler-accordion .item-title {
  color: #ffffff;
  cursor: pointer;
  font-size: 16px;
  background-color: #aaaaaa;
}
.kuler-accordion .item-title span {
  display: inline-block;
  line-height: 48px;
  padding-left: 15px;
  padding-right: 15px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.kuler-accordion .item-title.selected {
  background-color: #444444;
}
.kuler-accordion .box-product {
  background-color: #fff;
  margin: 0;
}
.kuler-accordion .right {
  padding-bottom: 15px;
}
.kuler-accordion .product-list > div {
  margin: 0;
  font-size: 0;
  padding: 0;
}
.kuler-accordion .product-list > div:hover {
  border-color: transparent;
}
.kuler-accordion .item-content {
  background-color: #fff;
}
.kuler-accordion .product-list .rating {
  display: inline-block;
}
/* HORIZONTAL */
.kuler-accordion .horizontal {
  border: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  box-sizing: content-box;
  background-color: #fff;
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
}
.kuler-accordion .horizontal .item-title,
.kuler-accordion .horizontal .item-content {
  z-index: 1;
  overflow: hidden;
  position: absolute;
}
.kuler-accordion .horizontal .item-title {
  top: 0;
  left: 0;
  z-index: 2;
  text-align: right;
  border-bottom: 1px solid #ffffff;
  transform: translateX(-100%) rotate(-90deg);
  -moz-transform: translateX(-100%) rotate(-90deg);
  -webkit-transform: translateX(-100%) rotate(-90deg);
  transform-origin: right top;
  -moz-transform-origin: right top;
  -webkit-transform-origin: right top;
  -webkit-backface-visibility: hidden;
  /* fixes chrome bug */
}
.kuler-accordion .horizontal .item-content {
  top: -1px;
  margin: 0;
  border-top: none;
  border-left: none;
}
/* IE */
.kuler-accordion .horizontal.box-content.ie .item-title,
.kuler-accordion .horizontal.box-content.ie .item-title span {
  filter: none;
  -ms-filter: none;
  -ms-transform: none;
}
.kuler-accordion .horizontal.box-content.ie7 .item-title {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.kuler-accordion .horizontal.box-content.ie8 .item-title {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
}
.kuler-accordion .horizontal.box-content.ie9 .item-title {
  -ms-transform: translateX(-100%) rotate(-90deg);
  -ms-transform-origin: right top;
}
/* VERTICAL */
.kuler-accordion .vertical .item-content {
  overflow: hidden;
}
/*custom */
.kuler-accordion .box-product > div:hover a img {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
}
/*--------------------------------------------
RosaceaCare Testimonial
----------------------------------------------*/
.kt-module {
  background-color: #65B05B;
  padding: 80px 0;
}
.kt-module .device {
  border: none;
  width: 900px;
  height: auto;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  font-size: 18px;
  color: #FFFFFF;
}
.kt-module .swiper-slide {
  width: 900px !important;
  height: auto !important;
}
.kt-module .swiper-slide img {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  margin-bottom: 30px;
}
.kt-module .swiper-wrapper {
  height: auto !important;
}
.kt-module .swiper-horizontal,
.kt-module .swiper-container {
  width: auto;
  height: auto;
}
.kt-module .swiper-container {
  padding-bottom: 80px;
}
.kt-module .slide-content {
  font-weight: 500;
  font-size: 20px;
}
.kt-module .writer_name {
  display: block;
  margin-top: 15px;
  font-size: 14px;
  font-weight: 600;
}
.kt-module .swiper-pagination-switch {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: none;
  border: 2px solid #A1CF9C;
}
.kt-module .swiper-active-switch {
  border-color: #FFFFFF;
}
/*--------------------------------------------
RosaceaCare Tabs
----------------------------------------------*/
.ui-tabs .ui-tabs-panel {
  padding: 0;
}
.kuler-tabs {
  background: none;
  border: none;
  margin-bottom: 3b0px;
}
.kuler-tabs .title {
  text-align: center;
  margin-bottom: 10px;
  overflow: hidden;
}
.kuler-tabs .title ul {
  display: inline-block !important;
  position: relative;
  overflow: visible !important;
}
.kuler-tabs .title ul:before {
  content: "";
  position: absolute;
  width: 5000px;
  height: 1px;
  background-color: #797C5E;
  top: 48%;
  left: -1020px;
}
.kuler-tabs .title ul:after {
  left: auto;
  right: -1020px;
}
.kuler-tabs .ui-tabs-hide {
  display: none;
}
.kuler-tabs .box-heading {
  position: relative;
  text-align: center;
  text-transform: uppercase;
  padding: 0;
  background: none;
  border: none;
}
.kuler-tabs .box-heading li {
  display: inline-block;
  padding-right: 0;
  vertical-align: top;
  font-size: 16px;
  float: none;
  border: none;
  background: none;
  background-color: #fff;
  white-space:normal;
}
.kuler-tabs .box-heading li a {

  font-weight: 200;
  font-size: 16px;
  text-transform: none;
  float: none;
  position: relative;
  line-height:26px;
}
.kuler-tabs .box-heading li.ui-state-default {
  display: none;
}
.kuler-tabs .box-heading li.ui-state-active {
  display: inline-block;
}
.kuler-tabs .box-heading li.ui-state-active a {
  color: #444444;
}
.kuler-tabs .box-heading .btn-tabs-toggle {
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: none;
  position: absolute;
}
.kuler-tabs .box-heading .btn-tabs-toggle:before {
  display: none;
}
.kuler-tabs .collapse .ui-state-default {
  display: none;
}
.kuler-tabs .expand li {
  display: inline-block;
  z-index: 2;
}
.kuler-tabs .expand .ui-state-default {
  display: inline-block;
}
.kuler-tabs .expand .ui-state-active {
  z-index: 0;
}
/*--------------------------------------------
RosaceaCare Contact Form
----------------------------------------------*/
.kcf-module .box {
  max-width: 1200px;
  margin: 0 auto;
}
.kcf-module input,
.kcf-module textarea {
  width: 100%;
  border: none;
  background-color: #F7F7F7;
  padding: 15px;
}
.kcf-module button {
  background: #000;
  font-weight: 600;
  padding: 10px 25px;
  border: none;
  text-transform: uppercase;
  font-size: 13px;
}
.kcf-module p {
  margin-bottom: 10px;
}
.footer-top .kcf-module {
  margin: 50px 0;
}
.kcf-module .box-heading {
  text-align: left;
}
.kcf-module .box-heading:before {
  display: none;
}
/*--------------------------------------------
RosaceaCare Blog Manager
----------------------------------------------*/
/*recent article*/
#content .articles {
  margin-bottom: 70px;
}
#content .articles li {
  text-align: center;
}
#content .articles li .image {
  overflow: hidden;
  position: relative;
  margin-bottom: 15px;
}
#content .articles li a {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #333;
}
#content .articles li a:hover {
  color: #797C5E;
}
#content .articles li span {
  color: #666;
}
#content .articles li:hover img {
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.kbm-recent-article .image:hover .link {
  visibility: visible;
  opacity: 1;
}
.kbm-recent-article .link {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  visibility: hidden;
  opacity: 0;
}
.kbm-recent-article .link a {
  font-size: 42px !important;
  color: #ffffff !important;
  top: 42%;
  position: absolute;
  left: 45%;
}
/*related articles*/
.related-articles ul {
  margin: 0;
  width: auto;
}
.related-articles ul li {
  margin: 0 0 5px 20px;
  list-style: circle;
}
.related-articles ul a {
  font-size: 14px !important;
}
.related-articles h4 {
  font-size: 18px;
  font-weight: 600;
  color: #222222;
}
/*sidebar settings*/
.col-md-4 .articles li a {
  display: block;
}
.col-md-4 .articles li p {
  padding: 0 0 15px;
  margin: 0;
  font-size: 13px;
}
.article {
  display: inline-block;
  vertical-align: top;
  background-color: #fff;
  margin-bottom: 30px !important;

}


.article .read-more {
  text-align: right;
  padding: 7px 15px;
  margin-right:15px;
  display: inline-block;
  float:right;
  clear: both;
  border: 2px solid #E7E8E0;
  background: none !important;
  color: #444;
  margin-bottom: 20px;font-size: 15px;
}

.article .read-more:hover {
	  text-align: right;
  padding: 7px 15px;
  margin-right:15px;
  display: inline-block;
  float:right;
  clear: both;
  border: 2px solid #E7E8E0;
  background: none !important;
  color: #797C5E;
  margin-bottom: 20px;
}
.arth1{font-weight: 400;
text-transform: none;
color: #595A4A;
/* background: #96997F; */
/* letter-spacing: 2px; */
font-family: 'Lobster', cursive;
font-size: 36px;
}
.article .article-image {
  margin-right: 25px !important;
  float:left;
  background:#fff;padding:3px;border:1px solid #e0e0e0;
}
.article-list + .pagination,
.comment-list + .pagination {
  border: none;
  padding: 0;
}
.kuler-module .box-heading span{	
font-weight: 600;
text-transform: uppercase;
color: #FFFFFF;
background: #797C5E;
display: inline-block;
padding: 1px 15px;
font-size: 15px;
margin-top: 5px;
border-radius: 24px;
}
.comment-container {
  padding: 0;
}
.comment-stats {
  padding: 10px 20px;
  background-color: #EEEEEE;
  font-weight: 600;
  font-size: 18px;
}
.article-extra-info {
  font-size: 0;
  color: #b2b2b2;
  margin-bottom: 10px;
}

.article .article-extra-info{color: #333;}

.article-extra-info time,
.article-extra-info a {
  font-size: 13px;
  margin-right: 15px;
  font-weight: 300;
}
.article-extra-info .author:before {
  font-family: 'FontAwesome';
  content: "\f007";
  font-size: 14px;
  margin-right: 3px;
  color: #999;
}
.article-extra-info .category:before {
  font-family: 'FontAwesome';
  content: "\f114";
  font-size: 14px;
  margin-right: 5px;
  color: #999;
}
.comment-stats:before {
	font-family: 'FontAwesome';
  content: "\f0e5";
  margin-right: 3px;
  color: #999;
}
.article-extra-info time:before {
  font-family: 'FontAwesome';
  content: "\f073";
  font-size: 14px;
  margin-right: 3px;
  color: #999;
}
.comment-list .comment {
  padding: 0;
  margin: 0;
}
.author-name {
  font-size: 18px;
  font-weight: 600;
}
.article-header h2 {
  margin-bottom: 10px;
  text-transform: none;
  font-size: 18px;
  font-weight: 500;
}
.article-header h2, .article-header h2 a{
font-weight: 400;
text-transform: none;
color: #595A4A;
/* background: #96997F; */
font-family: 'Lobster', cursive;font-size: 26px; }

.article-content p {
font-weight: 400;
color: #444;
font-size: 15px;
}
.kbm-latest-comment ul,
.kbm-latest-comment li {
  margin: 0;
}
.kbm-latest-comment li {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #EEEEEE;
}
.kbm-latest-comment li a {
  color: #444;
}
.comment-container {
  background-color: transparent;
}
#form-comment .validator input,
#form-comment .validator img {
  vertical-align: middle;
}
.comment-container {
  padding: 0 !important;
  background: none !important;
}
#form-comment td {
  padding: 10px 10px 10px 0;
}
.container {
  max-width: 320px;
}
[class*="col"] {
  margin-bottom: 15px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
  .container {
    max-width: 600px;
  }
}
@media only screen and (min-width: 992px) {
  /*--------------------------------------------
General
----------------------------------------------*/
  [class*="col"] {
    margin-bottom: 0;
  }
  .container {
    max-width: 960px;
  }
  .boxed .navigation > .container {
    position: relative;
  }
  #btn-mobile-toggle {
    display: none;
  }
  /*home icon*/
  .home-icon {
    font-size: 0 !important;
  }
  .home-icon:before {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: "\f015";
    font-size: 19px;
   
    display: inline-block;
  }
  /*top bar*/
  #top-bar .ship {
    text-align: left;
    padding: 0;
  }
  #top-bar .ship li {
    padding: 0 20px;
    height: 60px;
    line-height: 60px;
    border-right: 1px solid #EEEEEE;
  }
  #top-bar .ship li i {
    margin-right: 10px;
  }
  #top-bar .extra {
    text-align: right;
  }
  #top-bar .extra form {
    border-left: 1px solid transparent;
    line-height: 40px;
  }
  .social li {
    margin-bottom: 0;
  }
  #powered {
    padding: 25px 0;
  }
  #logo {
    text-align: left;
	
  }
  .newsletter {
    font-size: 14px;color: #ABABAB; text-transform:none
  }
  .newsletter input {
    display: inline;
    width: 320px;
    margin: 0 5px 0 0px;
  }
  .kuler-tabs .box-heading .btn-tabs-toggle {
    display: none;
  }
  .payment {
    text-align: right;
  }
  #header #cart .wrapper {
    width: 550px;
  }
  .shop {
    width: auto;
	margin-right:10px;
    float: right;
    padding-left: 10px;
  }
  #top-bar .extra {
    width: auto;
	padding:0;
  }

  #top-bar .ship {
    display: inline-block;
    width: auto;
  }
  #top-bar .social a:before {
    height: 40px;
    line-height: 42px;
  }
  .breadcrumb .hidden-xs {
    text-align: right;
  }
  #search {
    text-align: left;	
	padding:0;
	float: left;
  }
  #search:hover input {
    width: 300px;
    visibility: visible;
    opacity: 1;
    border-color: #CFCFCF;
  }
  
 #search .btn-two{height:36px; border-radius: 0 5px 5px 0;} 
 #search .btn-two:hover{background:#797C5E}
 
#search .input-group-btn{

visibility: hidden;
opacity: 0;
position: absolute;
right: 24px;}
  
#search:hover .input-group-btn 
  { 
   visibility: visible;
    opacity: 1;
  }
  #search input {
    width: 0;

  }
  #search input:focus {
    width: 300px;
    visibility: visible;
    opacity: 1;
    border-color: #CFCFCF;
  }
  /*--------------------------------------------
Products List
----------------------------------------------*/
 .product-list .description, .product-grid .descriptionsmaller{font-size:14px;color:#444}
  .product-list .left .thumb {
    margin-bottom: 0;
  }
  .product-list .right {
    text-align: left;
  }
  .product-list .details {
display: block;
text-align: right;
font-size: 14px;
position: relative;
top: 28px;
  }
  .product-list .details .wishlist,   .product-list .details .compare, .product-list .details .wishlist,   .product-list .details .cart {
text-align: left;
display: inline-block;
border: 1px solid #fff;
min-width: 151px;
margin-bottom: 0px;
padding: 1px 1px 1px 12px;
-webkit-transition: all 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);
border-radius: 5px;
  }
  
  .product-list .details a {
    font-size: 13px;
  }
  .product-list .details a:before {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: "\e60d";
    font-size: 16px;
    width: 27px;
    display: inline-block;
    color: #444;
   -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  }


   .product-list .details .wishlist,   .product-list .details .compare{border: none;background:none;}
   .product-list .details .wishlist:hover,   .product-list .details .compare:hover{background:#797C5E;}
   
  .product-list .details .wishlist:hover a, .product-list .details .compare:hover a, .product-list .details .cart:hover a,
  .product-list .details .wishlist:hover a:before, .product-list .details .compare:hover a:before, .product-list .details .cart:hover a:before {color:#fff}
  
 .product-list .details .cart{border: 1px solid #0d5a30;
background: #fff;
color: #0d5a30;
border-radius: 20px;
margin-top: 10px;
padding: 6px 5px 6px 0px;
text-align: center;}
  .product-list .details .cart:hover{border: 1px solid #797C5E;}
 
  
.product-list .cart a, .product-list .cart a:before{color:#0d5a30;}
  .product-list .cart a:before{margin-right:4px}
  
  .product-list .wishlist a:before {
    content: "\f08a";
  }
  .product-list .compare a:before {
    content: "\f1de";
  }
  .product-list .quick-view a:before {
    content: "\f06e";
  }
  .product-list .cart a:before {
    content: "\f07a";
  }
  .product-list .thumb {
   max-width: 130px;

display: inline-block;
    position: relative;
  }
  .product-list .thumb .hover {
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .product-list .thumb .hover:before {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.7);
  }
  .product-list > div:hover {
    border: 1px solid #e94b35;
  }
  .product-list > div:hover .hover {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }
  .product-list > div {
    border: 1px solid #e0e0e0;
  }
  .product-list > div:hover .thumb .hover {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }
  .product-list > div:hover .details > div {

  }
  .product-list > div:hover .details a:before {
    opacity: 1;
    visibility: visible;
  }
  .product-list > div:hover .sale {
    -webkit-animation: bounceIn 500ms linear infinite alternate;
    animation: bounceIn 500ms linear infinite alternate;
  }
  /*--------------------------------------------
Products grid
----------------------------------------------*/
  .product-grid .wrapper {
    position: relative;
  }
  .product-grid > div {
    margin-bottom: 44px;
  }
  .product-grid > div:hover .thumb .hover {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
  }
  .product-grid > div:hover .details > div {
  }
  .product-grid > div:hover .details a:before {
    opacity: 1;
    visibility: visible;
  }
  .product-grid > div:hover .sale {
    -webkit-animation: bounceIn 500ms linear infinite alternate;
    animation: bounceIn 500ms linear infinite alternate;
  }
  .product-grid .details {
    display: block;
    width: 100%;
    margin: auto;
    position: absolute;
    bottom: -10px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    text-align: center;
    font-size: 0;
  }
  .product-grid .details .cart {
    display: inline-block;
    margin: 10px 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
text-align: center;
background: #0d5a30;
padding: 10px;
border-left: 1px solid #fff;
min-width: 40px;
  }
  
    .product-grid .details .cartbot {
    display: inline-block;
    margin: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
text-align: left;
background: #0d5a30;
min-width: 150px;
padding: 10px;
text-transform:uppercase;
  }
  
  
  
  .product-grid .details a {
    font-size: 14px;
  }
  .product-grid .details a span{
    margin-left:4px;
  }
  .product-grid .details a:before {
 
  }
  .product-grid .wishlist a:before {
   
  }
  .product-grid .compare a:before {
    
  }
  .product-grid .quick-view a:before {
    
  }
  .product-grid .cart a:before {
    
  }
  .product-grid .thumb {
    overflow: hidden;
    position: relative;
  }
  
    .product-grid .wrapper {
position: relative;
border: 1px solid #e0e0e0;
padding: 20px;
border-radius: 5px;
}
  
  .product-grid .wrapper:hover {
position: relative;

}
  
  .product-grid .thumb .hover {
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	

  }
  .product-grid .thumb .hover:before {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    /*background-color: rgba(255, 255, 255, 0.7);*/
  }
  /*--------------------------------------------
Navigation
----------------------------------------------*/
  #header .col-md-10,
  #header .col-md-7,
  #header .col-md-8 {
    position: static;
  }
  .navigation {
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    border-top: 1px solid transparent;
  }
  .navigation .container {
    position: static;
  }
  .mainmenu > li {
    margin-right: 40px;
    position: relative;
    display: inline-block;
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .mainmenu > li > a {
    padding: 0;
    display: block;
  }
  .mainmenu > li:hover > div {
    visibility: visible;
    z-index: 1001;
    opacity: 1;
    margin-top: 0;
    pointer-events: auto;
  }
  .mainmenu > li a {
   
    font-size: 16px;
    font-weight: 400;
  }
  .mainmenu > li > div {
    visibility: collapse;
    position: absolute;
    padding: 15px;
    width: 250px;
    z-index: -999;
    opacity: 0;
    margin-top: 20px;
    pointer-events: none;
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
    background: #FFFFFF;
  }
  #menu {
    text-align: right;
  }
  #menu .mainmenu > li > div {
    text-align: left;
  }
  #menu .mainmenu > li > div > ul > li,
  #menu .mainmenu > li > div > ul li.parent {
    position: relative;
    margin-bottom: 10px;
  }
  #menu .mainmenu > li > div > ul > li:hover > .sublevel,
  #menu .mainmenu > li > div > ul li.parent:hover > .sublevel {
    visibility: visible;
    opacity: 1;
    left: 220px;
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
  }
  #menu .mainmenu > li .sublevel {
    position: absolute;
    background-color: #fff;
    padding: 15px;
    top: 0;
    left: 250px;
    width: 250px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  /*--------------------------------------------
Mega Menu
----------------------------------------------*/
  #megamenu {
    position: relative;
    text-align: left;
	float: left;
	top:6px;

  }
  #megamenu .mainmenu > li {
    position: relative;
    text-align: left;
  }
  
    #megamenu .mainmenu > li.category{
    position: static;
    text-align: left;
  }
  
  #megamenu .mainmenu > li > div {
    left: 0;
    width: 150%;
    font-size: 13px;
    padding: 20px 0 20px;
	border:none;
	box-shadow:none;
	background: transparent;
  }
  #megamenu .mainmenu > li.category > div {
	left: 0px;  
  }
  #megamenu .mainmenu > li > div .container {
    border-radius: 5px;
    background: #FFFFFF;
    padding: 20px 14px 10px 14px;
	-webkit-box-shadow: 10px 5px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 10px 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 5px 10px rgba(0, 0, 0, 0.1);
	background: #FFFFFF;
	border: 2px solid #7C9E8B;
	
  }
  #megamenu .mainmenu > li > div .item > a {
    display: block;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    text-transform: none;
    font-size: 15px;
	line-height: 20px;
  }
  #megamenu .mainmenu > li > div p {
    line-height: 1.5;
    color: #888;
    margin-bottom: 0px;
    font-size: 13px;
  }
  #megamenu .html {
    position: relative !important;
  }
  #megamenu .html .container {
    float: right;
  }
  #megamenu .html .dropdown:before,
  #megamenu .html .dropdown:after {
    content: " ";
    display: table;
  }
  #megamenu .html .dropdown:after {
    clear: both;
  }
  #megamenu .custom {
    position: relative;
  }
  #megamenu .custom .dropdown-container {
    width: 300px;
  }
  #megamenu .custom .col-md-3 {
    width: 100%;
  }
  #megamenu .col-md-3 {
    float: none;
    margin-right: -5px;
    display: inline-block;
    vertical-align: top;
   }
  #megamenu .subcat {
    margin: 0 !important;
  }
  #megamenu .subcat li {
    line-height: 1;
    margin-bottom: 10px;
  }
  #megamenu .subcat a {
    text-transform: none;
    color: #878787;
    font-size: 15px;
    font-weight: 300;
  }
  #megamenu .subcat a:before {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: "\f178";
    margin-right: 7px;
  }
  #megamenu .menu-category-image {
    margin-right: 10px;
	margin-top:13px;
  }
}
@media only screen and (min-width: 1200px) {
  /*--------------------------------------------
General
----------------------------------------------*/
  .boxed #container {
    max-width: 1250px;
  }
  .container {
    max-width: 1200px;
  }
  /*fixed header*/
  .fix {
    position: fixed !important;
    z-index: 1000;
    left: 0;
    top: 0 !important;
    width: 100%;
    background-color: #fff;
    margin: 0;
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
  }
  .fix#header {
    padding-top: 15px;
  }
  .fix .mainmenu > li > a {
    padding: 10px 0;
  }
  .fix .navigation {
    margin-top: 15px;
  }
  /*search*/
  .kuler-finder-result {
    visibility: visible;
    opacity: 1;
    text-align: left;
  
    padding-top: 15px;
    z-index: 9999 !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
   
    width: 670px !important;
    right: 0px !important;
	top: 45px !important;
	
	
	-webkit-box-shadow: 10px 5px 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 10px 5px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 10px 5px 10px rgba(0, 0, 0, 0.1);
	background: #FFFFFF;
	border: 6px solid #7C9E8B;
	
	
  }
  .kuler-finder-result .name a {
    padding: 0; font-weight:600
  }
  .kuler-finder-result .description {
    font-weight: 400;
	line-height:18px;
  }
  .kuler-finder-result li {
    margin-bottom: 15px;
  }
  .kuler-finder-result li:before,
  .kuler-finder-result li:after {
    content: " ";
    display: table;
  }
  .kuler-finder-result li:after {
    clear: both;
  }
  .kuler-finder-result .left {
    width: auto;
    padding-right: 0;
  }
  .kuler-finder-result #load-more-container {
    width: 100%;
    text-align: center;
    padding: 10px 20px;
    margin-top: 20px;
    border-top: 1px solid #EEEEEE;
    text-transform: uppercase;
  }
  .kuler-finder-result #load-more-container:before,
  .kuler-finder-result #load-more-container:after {
    content: " ";
    display: table;
  }
  .kuler-finder-result #load-more-container:after {
    clear: both;
  }
  .kuler-finder-result #load-more-container .ui-state-hover {
    background: none !important;
    border: none !important;
  }
  .ui-menu .ui-menu-item a {
    padding: 0;
  }
  .ui-menu .ui-menu-item {
    margin-bottom: 20px;
  }
  /*menu*/
  #header #menu {
    display: block;
  }
  .kuler-slides .box-heading {
    position: relative;
  }
  .kuler-slides .box-heading span {
  }
  /*--------------------------------------------
Products List
----------------------------------------------*/
  .kuler-tabs .box-heading li.ui-state-default,
  .kuler-tabs .category-list h2 li.ui-state-default {
    display: inline-block;
  }
}
.features {
  text-align: center;
  margin: 0 -100% 70px;
  padding: 0 100%;
  width: 300%;
}
.features .container {
  padding-top: 70px;
  padding-bottom: 80px;
}
.features .img {
  width: 100px;
  height: 100px;
  background-color: #fff;
  display: inline-block;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  margin-bottom: 30px;
}
.features h3 {
  font-weight: 600;
  font-size: 16px;
}
.features p {
  font-size: 13px;
  font-weight: 300;
  padding: 0 20px;
}
.features .col-md-3:hover .img {
  -webkit-animation: bounceIn 500ms linear infinite alternate;
  animation: bounceIn 500ms linear infinite alternate;
}
.feature2 li:before {
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: block;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: center;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.feature2 ul li:nth-child(1):before {
  content: '1';
}
.feature2 ul li:nth-child(2):before {
  content: '2';
}
.feature2 ul li:nth-child(3):before {
  content: '3';
}
.feature2 ul li:nth-child(4):before {
  content: '4';
}
.feature2 ul li:nth-child(5):before {
  content: '5';
}
.feature2 ul li:nth-child(6):before {
  content: '6';
}
.top-banners {
  padding: 70px 0 90px;
  margin-bottom: 70px;
  text-align: center;
}
.top-banners h2 {
  font-size: 36px;
  font-weight: 500;
}
.top-banners .col-md-12 {
  margin-bottom: 40px;
  padding-bottom: 40px;
  background: url("../image/img1.png") bottom center no-repeat;
}
.top-banners .col-lg-12 {
  margin-bottom: 30px;
}
.bottom-banners {
  padding: 50px 0;
}
.bottom-banners .col-md-3 {
  text-align: center;
  font-size: 0;
}
.bottom-banners .col-md-3:hover .icon {
  background-color: #fff;
  color: #e94b35;
}
.bottom-banners .col-md-3:hover h3 {
  color: #FFFFFF;
}
.bottom-banners .icon {
  width: 70px;
  height: 70px;
  background-color: #C13D24;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  line-height: 70px;
  font-size: 30px;
  display: inline-block;
  margin-bottom: 15px;
  color: #FFFFFF;
}
.bottom-banners h3 {
  font-size: 18px;
  color: #81230D;
  font-weight: 600;
}
.alert .container {
  position: relative;
  font-size: 0;
}
.alert input {
  display: none;
}
.alert input:checked ~ .col-md-11 {
  overflow: hidden;
  opacity: 0;
  margin-top: -100px;
}
.alert input:checked ~ label:before {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
}
.alert label {
  cursor: pointer;
  color: #AAA;
  font-size: 12px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9999;
  font-size: 0;
  background-color: #e94b35;
}
.alert label:before {
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  content: "\f107";
  font-size: 30px;
  display: inline-block;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  color: #FFFFFF;
}
.alert .col-md-11 {
  visibility: visible;
  opacity: 1;
  color: #FFFFFF;
  font-weight: 500;
  font-size: 15px;
  padding: 15px 100%;
  width: 300%;
  background-color: #e94b35;
  margin: 0 -100%;
  z-index: 999;
  -webkit-box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 1px 2px rgba(0, 0, 0, 0.1);
}
.alert p {
  margin: 0;
}

/*--------------------------------------------
Skin 3
----------------------------------------------*/
.alert.skin_3 .col-md-11,
.alert.skin_3 label {
  background-color: #65B05B;
}
@media only screen and (min-width: 1200px) {
  .top-banners.skin_3 {
    background-color: #FFCA95;
    padding-bottom: 0;
  }
  .top-banners.skin_3 .row {
    margin: 0;
  }
  .top-banners.skin_3 .row .col-md-4 {
    padding: 0;
  }
  .top-banners.skin_3 .col-md-12 {
    background: url("../image/img2.png") bottom center no-repeat;
  }
  .bottom-banners.skin_3 {
    background: url("../image/bg3.jpg");
  }
  .bottom-banners.skin_3 .icon {
    width: 200px;
    height: 200px;
    background-color: #FFCA95;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    line-height: 200px;
    font-size: 50px;
    display: inline-block;
    color: #FFFFFF;
  }
  .bottom-banners.skin_3 .icon2 {
    background-color: #797C5E;
  }
  .bottom-banners.skin_3 .icon3 {
    background-color: #F4D4D9;
  }
  .bottom-banners.skin_3 .icon4 {
    background-color: #CAE5EC;
  }
    #megamenu .mainmenu > li > div {
    width: 130%;
   }
}

.transparent {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
}




/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 5px; 
	border: none;
	background: #333;
	color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-size: 12px;
	line-height: 16px;
	padding: 5px 6px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}