/**
 * WARNING: Do not change this file. Your changes will be lost.
 **/
 body.noScroll {
 overflow: hidden;
}
body{
font-family: Ubuntu,
sans-serif;
font-size: 16px;
line-height: 1.6875;
color: #828181;
}
input,
button,
select,
textarea{
font-family: 'Roboto',
sans-serif;
}
p,
li,
label{
font-family: 'Roboto',
sans-serif;
color: #828181;
font-size: 1em;
}
a{
color: #828181;
}
a:hover,
a:focus{
color: #828181;
}
a:focus{
outline: thin dotted;
}
.img-thumbnail{
line-height: 1.6875;
-webkit-transition: all 0.3s 0s ease,
0.2s 0.3s 0s ease,
ease-in-out 0.3s 0s ease;
-moz-transition: all 0.3s 0s ease,
0.2s 0.3s 0s ease,
ease-in-out 0.3s 0s ease;
-ms-transition: all 0.3s 0s ease,
0.2s 0.3s 0s ease,
ease-in-out 0.3s 0s ease;
-o-transition: all 0.3s 0s ease,
0.2s 0.3s 0s ease,
ease-in-out 0.3s 0s ease;
transition: all 0.3s 0s ease,
0.2s 0.3s 0s ease,
ease-in-out 0.3s 0s ease;
}
hr{
margin-top: 5px;
margin-bottom: 5px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6{
font-weight: 300;
color: #333333;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small{
color: #828181;
}

h1,
.h1,
h2,
.h2,
h3,
.h3{
margin-top: 27px;
margin-bottom: 13.5px;
}
h4,
.h4,
h5,
.h5,
h6,
.h6{
margin-top: 13.5px;
margin-bottom: 13.5px;
}
.h1{
font-size: 50px;
}
h2,
.h2{
font-size: 28px;
}
.h5{
font-size: 16px;
}
h6,
.h6{
font-size: 14px;
}
p{
margin: 0 0 13.5px;
}
.lead{
margin-bottom: 27px;
font-size: 18px;
}
@media (min-width: 768px){

.lead{
font-size: 24px;
}
}
.text-muted{
color: #828181;
}
.page-header{
padding-bottom: 12.5px;
margin: 54px 0 27px;
}
ul,
ol{
margin-bottom: 13.5px;
}
dl{
margin-bottom: 27px;
}
dt,
dd{
line-height: 1.6875;
}
abbr[title],
abbr[data-original-title]{
border-bottom: 1px dotted #828181;
}
blockquote{
padding: 13.5px 27px;
margin: 0 0 27px;
font-size: 20px;
}
blockquote footer,
blockquote small,
blockquote .small{
line-height: 1.6875;
color: #828181;
}
address{
margin-bottom: 27px;
line-height: 1.6875;
}
pre{
adding: 13px;
margin: 0 0 13.5px;
font-size: 15px;
line-height: 1.6875;
}
@media (min-width: 1200px) {
.container {
    width: 85%;
}
.container.top_banners, .container.secondary_banners {
  width: 100%!important;
}
}
.col-md-1-plus{
position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 992px) {
  .col-md-1-plus{
    float: left;
  }
.col-md-1-plus{
width: 11.33333333%;
}
.col-md-offset-1{
margin-left: 2.33333333%;
}
}
caption{
color: #828181;
}
.table{
margin-bottom: 27px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td{
line-height: 1.6875;
}
@media screen and (max-width: 767px){
.table-responsive{
margin-bottom: 20.25px;
}
}
legend{
margin-bottom: 27px;
font-size: 24px;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus{
outline: thin dotted;
}
output{
font-size: 16px;
line-height: 1.6875;
}
.form-control{
height: 41px;
font-size: 16px;
line-height: 1.6875;
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.3s 0s ease;
-moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.3s 0s ease;
-ms-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.3s 0s ease;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.3s 0s ease;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.3s 0s ease;
font-size: 1em;
line-height: 1.214em;
color: #aaa;
}

input.visibleField {
  display: block;
  width: 100%;
  height: 41px;
  padding: 6px 12px;
  font-size: 16px;
line-height: 1.6875;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.3s 0s ease;
-moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.3s 0s ease;
-ms-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.3s 0s ease;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.3s 0s ease;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.3s 0s ease;
font-size: 1em;
line-height: 1.214em;
color: #aaa;
}
input.inc_dec_quantity_field{
display:inline;
}
@media screen and (-webkit-min-device-pixel-ratio: 0){
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control{
line-height: 41px;
}
input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm,
.input-group-sm input[type="date"],
.input-group-sm input[type="time"],
.input-group-sm input[type="datetime-local"],
.input-group-sm input[type="month"]{
line-height: 33px;
}
input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg,
.input-group-lg input[type="date"],
.input-group-lg input[type="time"],
.input-group-lg input[type="datetime-local"],
.input-group-lg input[type="month"]{
line-height: 49px;
}}

.radio label,
.checkbox label{
min-height: 27px;
}
.form-control-static{
min-height: 43px;
}
.input-sm{
height: 33px;
font-size: 14px;
}
select.input-sm{
height: 33px;
line-height: 33px;
}
.form-group-sm .form-control{
height: 33px;
font-size: 14px;
}
.form-group-sm select.form-control{
height: 33px;
line-height: 33px;
}
.form-group-sm .form-control-static{
height: 33px;
min-height: 41px;
font-size: 14px;
}
.input-lg{
height: 49px;
font-size: 20px;
}
select.input-lg{
height: 49px;
line-height: 49px;
}
.form-group-lg .form-control{
height: 49px;
font-size: 20px;
}
.form-group-lg select.form-control{
height: 49px;
line-height: 49px;
}
.form-group-lg .form-control-static{
height: 49px;
min-height: 47px;
font-size: 20px;
}
.has-feedback .form-control{
padding-right: 51.25px;
}
.form-control-feedback{
width: 41px;
height: 41px;
line-height: 41px;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback{
width: 49px;
height: 49px;
line-height: 49px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback{
width: 33px;
height: 33px;
line-height: 33px;
}
.has-feedback label ~ .form-control-feedback{
top: 32px;
}
.help-block{
color: #b7b7b7;
}
.form-horizontal .radio,
.form-horizontal .checkbox{
min-height: 34px;
}
@media (min-width: 768px){
.form-horizontal .form-group-lg .control-label{
padding-top: 14.333333px;
font-size: 20px;
}}
@media (min-width: 768px){
.form-horizontal .form-group-sm .control-label{
font-size: 14px;
}}
.btn{
font-size: 16px;
line-height: 1.6875;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus{
outline: thin dotted;
}
.btn a:hover{
text-decoration: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active{
background-color: #fff;
border-color: #ccc;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active{
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active{
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active{
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active{
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active{
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-link{
color: #828181;
}
.btn-link:hover,
.btn-link:focus{
color: #828181;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus{
color: #828181;
}
.btn-lg,
.btn-group-lg > .btn{
font-size: 20px;
}
.btn-sm,
.btn-group-sm > .btn{
font-size: 14px;
}
.btn-xs,
.btn-group-xs > .btn{
font-size: 14px;
}
.fade{
-webkit-transition: opacity 0.3s 0s ease,
0.15s 0.3s 0s ease,
linear 0.3s 0s ease;
-moz-transition: opacity 0.3s 0s ease,
0.15s 0.3s 0s ease,
linear 0.3s 0s ease;
-ms-transition: opacity 0.3s 0s ease,
0.15s 0.3s 0s ease,
linear 0.3s 0s ease;
-o-transition: opacity 0.3s 0s ease,
0.15s 0.3s 0s ease,
linear 0.3s 0s ease;
transition: opacity 0.3s 0s ease,
0.15s 0.3s 0s ease,
linear 0.3s 0s ease;
}
.dropdown-menu{
font-size: 16px;
}
.dropdown-menu .divider{
margin: 12.5px 0;
}
.dropdown-menu > li > a{
line-height: 1.6875;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus{
color: #828181;
}
.dropdown-header{
font-size: 14px;
line-height: 1.6875;
color: #828181;
}

@media (min-width: 768px){
.navbar-toggle {
    display: inline-block!important;
} 
.navbar-right .dropdown-menu{
left: 0 !important;
right: auto !important;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn{
height: 49px;
font-size: 20px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn{
height: 49px;
line-height: 49px;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn{
height: 33px;
font-size: 14px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn{
height: 33px;
line-height: 33px;
}
.input-group-addon{
font-size: 16px;
}
.input-group-addon.input-sm{
font-size: 14px;
}
.input-group-addon.input-lg{
font-size: 20px;
}
.nav > li.disabled > a{
color: #828181;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus{
color: #828181;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus{
border-color: #828181;
}
.nav .nav-divider{
margin: 12.5px 0;
}
.nav-tabs > li > a{
margin-right: 1px;
line-height: 1.6875;
background: #dcdcdc;
border-radius: 0;
}
.nav-tabs > li > a:hover{
border-color: #e5e5e5 #e5e5e5 #ddd;
}
.navbar{
margin-bottom: 27px;
}
.navbar-brand{
float: left;
font-size: 20px;
line-height: 27px;
}
.navbar-nav{
/*margin: 5.75px -15px;*/
}
.navbar-nav > li > a{
line-height: 27px;
}
@media (max-width: 767px){
.navbar-nav .open .dropdown-menu > li > a{
line-height: 27px;
}
}
@media (min-width: 768px){
.navbar-nav > li > a{
padding-top: 11.5px;
padding-bottom: 11.5px;
}}
.navbar-btn{
margin-top: 4.5px;
margin-bottom: 4.5px;
}
.navbar-btn.btn-sm{
margin-top: 8.5px;
margin-bottom: 8.5px;
}
.navbar-text{
margin-top: 11.5px;
margin-bottom: 11.5px;
}
.breadcrumb{
margin-bottom: 27px;
}
.breadcrumb > li + li:before{
color: #828181;
}
.breadcrumb > .active{
color: #333333;
}
.pagination{
margin: 27px 0;
}
.pagination > li > a,
.pagination > li > span{
line-height: 1.6875;
color: #333333;
background-color: #f5f5f5;
border: 1px solid transparent;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{
background-color: #333333;
border-color: transparent;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus{
color: #828181;
}
.pagination-lg > li > a,
.pagination-lg > li > span{
font-size: 20px;
}
.pagination-sm > li > a,
.pagination-sm > li > span{
font-size: 14px;
}
.label-default{
background-color: #828181;
}
.badge{
font-size: 14px;
background-color: #e8e8e8;
}
.alert{
padding:0 0 25px;
margin-bottom: 27px;
}
.alert-success{
background-color: #fff;
border-color: #ccc;
}
a.btn.btn-md.btn-sm.cart-add{
color:#828181;
}
a.btn.btn-md.btn-sm.cart-add:hover{
color:#fff;
}
i.material-icons.cart-add-icon{
font-size: 40px;
padding: 10px 0px 0px 10px;
height: 60px;
background: #25b109;
color: #fff;
}
.panel-title{
margin-bottom: 15px;
font-size: 18px;
}
.close{
font-size: 24px;
}
.tooltip{
font-family: Ubuntu, sans-serif;
line-height: 1.6875;
font-size: 14px;
}
@media screen and (min-width: 768px){
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next{
margin-top: -15px;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev{
margin-left: -15px;
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next{
margin-right: -15px;
}
}
body.boxed:before,
body.boxed:after,
.boxed:before,
.boxed:after,
body.fullwidth:before,
body.fullwidth:after,
.fullwidth:before,
.fullwidth:after,
body.fullwidth .container:before,
body.fullwidth .container:after,
.fullwidth .container:before,
.fullwidth .container:after{
content: " ";
display: table;
}
body.boxed:after,
.boxed:after,
body.fullwidth:after,
.fullwidth:after,
body.fullwidth .container:after,
.fullwidth .container:after{
clear: both;
}
@media screen and (min-width: 501px){
.ContainerFlex{
display:flex;
}}
.ImageFlex{
}
#textContainer{
padding-top:15px;
}
@media screen and (min-width: 501px){
.TextFlex{
 flex: 1;
 padding-left: 15px;
 padding-top: 0!important;
}}
@media screen and (max-width: 500px){
.TextFlex{
  flex: 1;
  padding-left: 0px;
}
}}
@media screen and (min-width: 501px){
#cat-desc {
    margin-top:10px;
}
.catDescContent{
  margin: 5px 0 15px;
}
}