@import url('font-awesome.min.css');
@import url('../fonts/candara_1.css');
@import url('magnific-popup.css');
@import url('lightbox.css');

html,
body {
    height:100% !important;
    min-height:100% !important;
}

body {
    background:#F2E1C7 url(../images/page-bg.png);
    margin:0px;
    padding:0px;
    overflow-x:hidden;
    font-family: 'CandaraRegular';
    font-size:14px;
}

h1,
h2,
h3,
h4,
h5,
h6,
ul,
li {
    padding:0px;
    margin:0px;
}

h1 {
    font-family:'Aller';
    font-size:29px;
    margin-bottom:15px;
    color:#393939;
}

h2 {
    font-family:'Aller';
    font-size:23px;
    margin-bottom:10px;
    color: #393939;
}

h3 {
    font-size:12px;
    font-family:'Aller';
    margin-bottom:14px;
    padding-bottom:13px;
    border-bottom:1px solid #b7d6e2;
}

a {
    color:#007B1B;
    text-decoration:none;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

a:hover {
    color:#B92D43;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

a:focus {
    color:#B92D43;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

/* header
========================================================*/
#my-header {
    margin:8px 0;
}

#logo img { display: inline;}

#my-header > div > div:nth-of-type(2) {
    padding-top:20px;
    padding-bottom:20px;
}

#my-header > div > div:nth-of-type(3) {
    text-align:right;
}

#main-menu .login-area {
    position: absolute;
    z-index: 999;
    right: 0;
    top: 10px;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

#main-menu .login-area a:before {
    content:'';
    padding:2px 0 2px 20px;
    background:#fff url(../images/login-icon.png) left no-repeat;
}

#main-menu .login-area a {
    background:#fff;
    padding:12px;
    text-decoration:none;
    color:#007B1B;
    border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -ms-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -o-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

#main-menu .login-area a span {
    padding:12px;
    border-left:1px solid #ccc;
}

#main-menu .login-area a:hover {
    color:#C8344A;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

#main-menu .login-area a:hover:before {
    content:'';
    padding:2px 0 2px 20px;
    background:#fff url(../images/login-icon-over.png) left no-repeat;
}

header p {
    padding:0px;
}

header p span,
header p span a {
    font-size:26px;
    color:#BA2D40;
    font-style: italic;
    font-weight:bold;
    text-decoration:none;
}

header p span:hover,
header p span a:hover {
    color:#007B1B;
    text-decoration:none;
}

/* menu
========================================================*/
.sub_menu{
    display: none;
}
.navbar-collapse {
    padding:0px;
}

.my-nav {
    min-height:40px;
    background: #1bb021; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFiYjAyMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDdiMWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #1bb021 0%, #007b1b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1bb021), color-stop(100%,#007b1b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #1bb021 0%,#007b1b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #1bb021 0%,#007b1b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #1bb021 0%,#007b1b 100%); /* IE10+ */
    background: linear-gradient(to bottom, #1bb021 0%,#007b1b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1bb021', endColorstr='#007b1b',GradientType=0 ); /* IE6-8 */
    -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -ms-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -o-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
}

.navbar-nav {
    margin:0 auto;
    float:none;
}

.my-nav li a {
    padding: 0;
    color: #fff;
    text-transform: uppercase;
    background: none;
    padding: 10px 12px;
    font-weight:bold;
}

.my-nav li.active > a {
    background: #1bb021; /* Old browsers */
    -moz-box-shadow: inset 0px 2px 2px rgba(255, 255, 255, .4), inset 0px -2px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 0px 2px 2px rgba(255, 255, 255, .4), inset 0px -2px 2px rgba(0, 0, 0, .4);
    -ms-box-shadow: inset 0px 2px 2px rgba(255, 255, 255, .4), inset 0px -2px 2px rgba(0, 0, 0, .4);
    -o-box-shadow: inset 0px 2px 2px rgba(255, 255, 255, .4), inset 0px -2px 2px rgba(0, 0, 0, .4);
    box-shadow: inset 0px 2px 2px rgba(255, 255, 255, .4), inset 0px -2px 2px rgba(0, 0, 0, .4);
}

.my-nav li:hover > a {
    background: #1bb021; /* Old browsers */
    -moz-box-shadow: inset 0px 2px 2px rgba(255, 255, 255, .4), inset 0px -2px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 0px 2px 2px rgba(255, 255, 255, .4), inset 0px -2px 2px rgba(0, 0, 0, .4);
    -ms-box-shadow: inset 0px 2px 2px rgba(255, 255, 255, .4), inset 0px -2px 2px rgba(0, 0, 0, .4);
    -o-box-shadow: inset 0px 2px 2px rgba(255, 255, 255, .4), inset 0px -2px 2px rgba(0, 0, 0, .4);
    box-shadow: inset 0px 2px 2px rgba(255, 255, 255, .4), inset 0px -2px 2px rgba(0, 0, 0, .4);
}

.my-nav li a:focus {
    padding: 0;
    color: #fff;
    text-transform: uppercase;
    background: none;
    padding: 10px 18px;
    font-weight:bold;
}

.fancybox-next, .fancybox-prev{
    outline: none !important;
}
/* banner
========================================================*/
.banner {
    background:#fff;
    padding:5px;
    display:inline-block;
    width:100%;
}

.banner ul {
    margin:0px !important;
}

.banner ul li {
    list-style:none;
    float:left;
    margin:0 5px 0 0;
    width:32.9%;
    overflow:hidden;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

.banner ul li img {
    width:100%;
}

.banner ul li:last-child {
    list-style:none;
    float:left;
    margin:0;
}

.carousel {
    position: relative;
    background: #fff;
    padding: 5px;
}
.carousel .mask {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.carousel .mask .slideset {
    width: 99999px;
    float: left;
}
.carousel .mask .slide {
    width: 838px;
    float: left;
}
.carousel .mask .slide img {
    display: block;
    width: 100%;
    height: auto;
}
.btn-prev:focus,
.btn-next:focus {
    outline:none;
}
.btn-prev,
.btn-next {
    position: absolute;
    top: 50%;
    left: 0;
    background: url(../images/img01.png) no-repeat;
    width: 48px;
    height: 71px;
    margin: -35px 0 0;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    outline:none;
}
.btn-next {
    left: auto;
    right: 0;
    background: url(../images/img02.png) no-repeat;
}
.carousel.not-enough-slides a.btn-prev,
.carousel.not-enough-slides a.btn-next {
    visibility: hidden;
}

/* content common
========================================================*/
#content {
    margin-bottom:20px;
}

#content h1 {
    padding-bottom:10px;
    padding-top:10px;
    background:url(../images/content-heading-bg.png) bottom repeat-x;
}

.content-up .content-main .img-responsive {
    border:5px solid #d1d1d1;
    border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#content ul {
    margin:0 0 0 25px;
}

#content .content-common p img {
    border:3px solid #fff;
    border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#content .content-common p:nth-of-type(even) img {
    float:right;
    margin:0 0 20px 20px;
}

#content .content-common p:nth-of-type(odd) img {
    float:left;
    margin:0 20px 20px 0;
}

/* left nav
========================================================*/
#content .left-navbar form  {
    background:#b92d43;
    padding:15px;
}

#content .left-navbar form fieldset {
    width:100%;
    margin:0 auto;
}

#content .left-navbar form fieldset select {
    width:80%;
    line-height:25px;
    float:left;
    margin-right:10px;
}

#content .left-navbar form fieldset input[type="button"],
#content .left-navbar form fieldset input[type="submit"],
#content .left-navbar form fieldset button {
    background:#1BB021 url(../images/search-icon.png) center no-repeat;
    width:auto;
    height:15px;
    padding:16px;
}

#content .left-navbar form fieldset input[type="button"]:hover,
#content .left-navbar form fieldset input[type="submit"]:hover,
#content .left-navbar form fieldset button:hover {
    background:#FFE8A4 url(../images/search-icon-over.png) center no-repeat;
}

#content .left-navbar .left-nav {
    background:#fff;
    min-height:200px;
    -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -ms-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -o-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    padding:20px 0;
}

#content .left-navbar .left-nav ul {
    margin:0px;
    padding:0px;
    margin:0 0 0 25px;
}

#content .left-navbar .left-nav ul li {
    list-style:none;
}

#content .left-navbar .left-nav ul li a:before {
    /*	content:'❯';*/
    content:'»';
    padding:10px 5px 10px 19px;
    margin:0 0 0 -32px;
}

#content .left-navbar .left-nav ul li a {
    font-family: 'CandaraRegular';
    font-size:14px;
    font-weight:bold;
    padding:5px;
    display:block;
    color:#007B1B;
    text-decoration:none;
    /*text-transform:uppercase;*/
    word-wrap:break-word;
}

.sub_menu{
    padding-left: 15px !important;
}
#content .left-navbar .left-nav ul.main_cat li.active a {
    padding:5px;
    display:block;
    color:#B92D43;
    text-decoration:none;
}
#content .left-navbar .left-nav ul.main_cat li ul.sub_menu li a {
    color: #007B1B;
}
#content .left-navbar .left-nav ul.main_cat li ul.sub_menu li a:hover {
    color: #B92D43;
}
#content .left-navbar .left-nav ul.main_cat li ul.sub_menu li.inner_active a {
    color: #000;
}

#content .left-navbar .left-nav ul li a:hover {
    padding:5px;
    display:block;
    color:#B92D43;
    text-decoration:none;
}

#content .left-navbar .left-nav ul ul {
    margin:0px;
    padding:0px;
    margin:0;
}

#content .left-navbar .left-nav ul ul li {
    list-style:none;
}

#content .left-navbar .left-nav ul ul li a:before {
    content:'-';
    padding:10px 5px 10px 19px;
    margin:0 0 0 -32px;
}

#content .left-navbar .left-nav ul ul li a:hover, #content .left-navbar .left-nav ul ul li.active a {
    color:#B92D43;
}

#content .bottom-spacing {
    margin-bottom:20px;
}

#content p span {
    color:#B92D43;
}

#content p span a {
    background:#B92D43;
    padding:10px;
    color:#fff;
    display:inline-block;
}

#content p span a:hover {
    background:#007B1B;
    text-decoration:none;
}

#content hr {
    background:url(../images/content-heading-bg.png) bottom repeat-x;
    border:none;
    height:10px;
}

/* form common
========================================================*/
form fieldset {
    width:100%;
    margin:0 auto;
}

form fieldset > div {
    margin-bottom:5px;
    position:relative;
}
form fieldset label {
    font-weight:normal;
}

form fieldset span {
    display:inline-block;
}

form fieldset input[type="text"],
form fieldset textarea,
form fieldset placeholder,
form fieldset select {
    color:#333;
    border: 1px solid #ccc;
    width:100%;
    padding:6px 5px;
    resize:none;
    border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

form fieldset input[type="text"]:focus,
form fieldset select:focus,
form fieldset select option:focus,
form fieldset textarea:focus,
form fieldset placeholder:focus {
    color:#000;
}

form fieldset select option {
    color:#333;
    border: 0px solid #ccc;
    width:100%;
}

form fieldset input[type="checkbox"] {
    border: 1px solid #ccc;
    border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

form fieldset input[type="button"],
form fieldset input[type="submit"],
form fieldset button {
    background:#00A161;
    border:none;
    margin-top:5px;
    color:#fff;
    display:block;
    width:100%;
    padding:8px 0;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

form fieldset input[type="button"]:hover,
form fieldset input[type="submit"]:hover,
form fieldset button:hover {
    background:#B92D43;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

/* form specific
========================================================*/
#content form fieldset input[type="button"].button-print,
#content form fieldset input[type="submit"].button-prints,
#content form fieldset button.button-print {
    background:#B92D43 url(../images/button-print.png) center left no-repeat;
    background-position:10px;
    padding-left:50px;
    padding-right:10px;
    text-align:left;
}

#content form fieldset input[type="button"].button-print:hover,
#content form fieldset input[type="submit"].button-print:hover,
#content form fieldset button.button-print:hover {
    background:#00A160 url(../images/button-print.png) center left no-repeat;
    background-position:10px;
}

#content form fieldset input[type="button"].button-gallery,
#content form fieldset input[type="submit"].button-gallery,
#content form fieldset button.button-gallery {
    background:#B92D43 url(../images/button-gallery.png) center left no-repeat;
    background-position:10px;
    padding-left:50px;
    padding-right:10px;
    text-align:left;
}

#content form fieldset input[type="button"].button-gallery:hover,
#content form fieldset input[type="submit"].button-gallery:hover,
#content form fieldset button.button-gallery:hover {
    background:#00A160 url(../images/button-gallery.png) center left no-repeat;
    background-position:10px;
}

#content form fieldset select.select-brands {
    background:#5C5C5C;
    color:#fff;
    border:none;
    padding:0px 5px;
}

#content form fieldset select.select-brands option {
    background:#5C5C5C;
    color:#fff;
    border:none;
    padding:5px 10px;
}

/* home page
========================================================*/
#content .conten-home h1 {
    margin-bottom:15px;
    background:url(../images/home-heading-repeat.png) center repeat-x;
    text-align:center;
}

#content .conten-home h1 span {
    background: url(../images/page-bg.png);
    padding:0 20px;
}

#content .conten-home h1:before {
    content:'';
    background:url(../images/home-heading-right.png) center no-repeat;
    padding:0 36px 0 0;
}

#content .conten-home h1:after {
    content:'';
    background:url(../images/home-heading-left.png) center no-repeat;
    padding:0 0 0 36px;
}

#content .home-products .product-col {
    background:#fff;
    padding-bottom:10px;
    margin-bottom:0px;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -ms-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -o-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
}

#content .home-products .image img {
    width:100%;
}

#content .home-products > div h4 {
    font-size:14px;
    text-align:center;
    padding:10px 0;
    color:#fff;
    font-weight:bold;
    font-style:italic;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

#content .home-products > div:nth-of-type(odd) h4 {
    background:#b92d43;
}

#content .home-products > div:nth-of-type(even) h4 {
    background:#007B1B;
}

#content .home-products .description {
    height:130px;
    overflow: hidden;
    padding:8px;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

#content .home-products a {
    padding:8px;
}

/* product
========================================================*/
#content .my-table thead td:nth-of-type(odd),
#content .my-table thead th:nth-of-type(odd) {
    background:#646057;
    color:#fff;
}

#content .my-table thead td:nth-of-type(even),
#content .my-table thead th:nth-of-type(even) {
    background:#3E3E3E;
    color:#fff;
}

#content .my-table td, .my-table th {
    border:0px !important;
}

#content .my-table tbody tr:nth-of-type(odd) {
    background:#f0dfa7;
}

#content .my-table tbody tr:nth-of-type(even) {
    background:#fbe9b3;
}

.mfp-content img {
    margin-right:20px;
    margin-bottom:15px;
    /*border:3px solid #e0cb8d;*/
}

.mfp-content h1 {
    font-size:23px;
    color:#007445;
}

.mfp-content h2 {
    font-size:18px;
    font-weight:bold;
    color: #393939;
}

/* brands
========================================================*/
#content .my-brands > tbody > tr > td,
#content .my-brands > thead > tr > th {
    border:0px !important;
    word-wrap:break-word;
}

#content .my-brands > thead > tr > th {
    padding:0px;
}

#content .my-brands tbody tr:nth-of-type(odd) td:nth-of-type(odd) {
    background:#f0dfa7;
}

#content .my-brands tbody tr:nth-of-type(odd) td:nth-of-type(even) {
    background:#fbe9b3;
}

#content .my-brands tbody tr:nth-of-type(even) td:nth-of-type(odd) {
    background:#fbe9b3;
}

#content .my-brands tbody tr:nth-of-type(even) td:nth-of-type(even) {
    background:#f0dfa7;
}

/* promotions
========================================================*/
#content .promotions > div {
    margin-bottom:20px;
    min-height:340px;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

#content .promotions > div > div {
    border:3px solid #e0cb8d;
    background:#fff;
    padding:0px;
    text-align:center;
}

#content .promotions > div > div img {
    display:inline;
}

#content .promotions > div > div p {
    background:#fef2ce;
    font-size:16px;
    margin:0px;
    padding:10px 0;
    min-height:100px;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

#content .promotions > div > div p span {
    color:#008651;
    display:block;
}

#content .promotions a {
    color:#fff;
    display:block;
    float:left;
    width:50%;
    padding:5px 0;
    text-decoration:none;
}

#content .promotions a:nth-of-type(1) {
    background:#b92d43 url(../images/button-print.png) left no-repeat;
    background-position:10px;
}

#content .promotions a:nth-of-type(1):hover {
    background:#97152a url(../images/button-print.png) left no-repeat;
    background-position:10px;
}

#content .promotions a:nth-of-type(2) {
    background:#454545 url(../images/button-view.png) left no-repeat;
    background-position:10px;
}

#content .promotions a:nth-of-type(2):hover {
    background:#2c2c2c url(../images/button-view.png) left no-repeat;
    background-position:10px;
}

/* contact us
========================================================*/
#content .contact form fieldset input[type="text"],
#content .contact form fieldset textarea,
#content .contact form fieldset input[type="checkbox"] {
    /*	-moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
        -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
        -ms-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
        -o-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
        box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
            padding:6px 8px;*/
}

#content .contact form fieldset input[type="button"],
#content .contact form fieldset input[type="submit"],
#content .contact form fieldset button {
    -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -ms-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -o-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
}

#content .contact iframe {
    border:3px solid #fff;
    border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    width:100%;
    height:385px;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

#content .contact > div > div:nth-of-type(1) > div > div:nth-of-type(1) {
    border-right:1px solid #A1A1A1;
}

/* collapse
========================================================*/
.panel-collapse {
    border-bottom:1px solid #D7C9A4;
}

.panel-default > .panel-heading {
    background:none;
    border-bottom:1px solid #D7C9A4;
}

.panel-group .panel {
    -webkit-border-radius:0;
    -o-border-radius:0;
    -ms-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    border:none;
    background:none;
    box-shadow:none;
}
.panel-heading {
    padding:0;
}
.accordion-toggle {
    padding:10px 0px;
    display:block;
    text-decoration:none;
    background: none;
}
.accordion-toggle:hover {
    text-decoration:none;
    background:none;
    color:#1bb021 !important;
}

.panel-title .glyphicon-chevron-up:before {
    content:'+';
    color:#fff;
    background:#000;
    font-weight:900;
    margin:0 10px 0 0;
    padding:2px 5px 2px 5px;
    position:absolute;
}

.panel-title:hover .glyphicon-chevron-up:before {
    content:'+';
    color:#fff;
    background:#1bb021;
    font-weight:900;
    margin:0 10px 0 0;
    padding:2px 5px 2px 5px;
    position:absolute;
}
.panel-title .glyphicon-chevron-down:before {
    content:'-';
    color:#fff;
    background:#1bb021;
    font-weight:900;
    margin:0 10px 0 0;
    padding:1px 7px 3px 7px;
    position:absolute;
}
.panel-title span {
    display:inline-block;
    margin-left:35px;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border:none;
    padding:10px 0;
}


/* footer
========================================================*/
footer {
    background:#4c4a4e url(../images/footer-bg.jpg);
    color:#fff;
    padding:20px 0;
}

footer a {
    color:#fff;
}

footer a:hover {
    color:#1bb021;
}


/*.cycle-slideshow{ height:450px;}
.cycle-slideshow img{ width:100%; height:100%}

.cycle-slideshow .cycle-controls{ 
	bottom: 10px;
    left: 10px;
    position: absolute;
    z-index: 999;
}*/

#demos{ max-width:1170px; width:100%; margin:0 auto; position:relative;}
#demos .controls{ position:absolute; bottom:15px; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); z-index:10; opacity:0.4;}
#demos .controls i{ border-radius:100em; background:#B92D43; display:inline-block; cursor:pointer; width:25px; height:25px; text-align:center; line-height:25px; color:#fff; font-size:12px;}
.owl-nav{ position:absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); width:100%;}

.owl-nav .owl-prev:before, .owl-nav .owl-next:before{
    font-family:'FontAwesome';
    font-size:80px;
    color:#fff;
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
}
.owl-nav .owl-prev:before{
    content:"\f104";
    text-shadow:-3px 0 2px rgba(0,0,0,0.2);
}
.owl-nav .owl-prev,
.owl-nav .owl-next{
    height: 60px;
    width: 40px;
	opacity:0.6;
}
.owl-nav .owl-prev {
    float: left;
    margin-left:10px;
}
.owl-nav .owl-next:before{
    content:"\f105";
    text-shadow:3px 0 2px rgba(0,0,0,0.2);
}
.owl-nav .owl-next {
    float: right;
    margin-right:10px;
}
@media(max-width:490px){
.owl-nav .owl-prev,
.owl-nav .owl-next{
    height: 40px;
    width: 20px;
}
.owl-nav .owl-prev:before, .owl-nav .owl-next:before{
    font-size:40px;
}   
}

/* 1024
========================================================*/
@media screen and (max-width: 1199px) {
	.cycle-slideshow{ height:380px;}
    .my-nav li a {
        padding:10px 7px;
    }
    #content .home-products > div h4 {
        font-size:12px;
        text-align:center;
        padding:10px 0;
        color:#fff;
        font-weight:bold;
        font-style:italic;
        -webkit-transition: all 0.25s;
        -o-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -webkit-transition: all 0.25s;
        transition: all 0.25s;
    }

    .banner ul li {
        width:32.8%;
        -webkit-transition: all 0.25s;
        -o-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -webkit-transition: all 0.25s;
        transition: all 0.25s;
    }

    #content .home-products .description {
        min-height:140px;
        padding:8px;
        -webkit-transition: all 0.25s;
        -o-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -webkit-transition: all 0.25s;
        transition: all 0.25s;
    }

    #content .promotions > div {
        min-height:330px;
        -webkit-transition: all 0.25s;
        -o-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -webkit-transition: all 0.25s;
        transition: all 0.25s;
    }

    #content .promotions > div > div p {
        min-height:120px;
        -webkit-transition: all 0.25s;
        -o-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -webkit-transition: all 0.25s;
        transition: all 0.25s;
    }
}

/* 991
========================================================*/
@media screen and (max-width: 991px) {
	.cycle-slideshow{ height:300px;}
    .my-nav li a {
        padding: 0;
        color: #fff;
        text-transform: uppercase;
        background: none;
        padding: 10px 3px;
        font-weight:bold;
    }

    #my-header > div > div:nth-of-type(3) div {
        top:156px;
        -webkit-transition: all 0.25s;
        -o-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -webkit-transition: all 0.25s;
        transition: all 0.25s;
    }

    #my-header > div > div:nth-of-type(3) div a span {
        display:none;
    }

    .banner ul li {
        width:32.65%;
        -webkit-transition: all 0.25s;
        -o-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -webkit-transition: all 0.25s;
        transition: all 0.25s;
    }

    #content .left-navbar form fieldset select {
        width:65%;
        float:left;
        margin-right:10px;
    }

    #content .home-products .product-col {
        margin-bottom:15px;
        -webkit-transition: all 0.25s;
        -o-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -webkit-transition: all 0.25s;
        transition: all 0.25s;
    }

    #content .home-products .description {
        min-height:100px;
        padding:8px;
        -webkit-transition: all 0.25s;
        -o-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -webkit-transition: all 0.25s;
        transition: all 0.25s;
    }

    #content .contact form fieldset label {
        font-size:0.7em !important;
        font-weight:normal;
    }

    #content .promotions > div {
        min-height:280px;
        -webkit-transition: all 0.25s;
        -o-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -webkit-transition: all 0.25s;
        transition: all 0.25s;
    }

    #content .promotions a:nth-of-type(1) {
        background-image:none;
    }

    #content .promotions a:nth-of-type(1):hover {
        background-image:none;
    }

    #content .promotions a:nth-of-type(2) {
        background-image:none;
    }

    #content .promotions a:nth-of-type(2):hover {
        background-image:none;
    }
}


/* 768
========================================================*/
@media screen and (max-width: 768px) {
	.cycle-slideshow{ height:250px;}
}


/* 767
========================================================*/
@media screen and (max-width: 767px) {
    #my-header > div > div:nth-of-type(3) {
        text-align:left;
    }
    .my-nav li a {
        padding: 0;
        color: #fff;
        text-transform: uppercase;
        background: none;
        padding: 10px 18px;
        font-weight:bold;
    }

    #my-header > div > div:first-child div:nth-of-type(2) {
        position:absolute;
        z-index:999;
        margin:24px 0 0 18px;
    }

    #content > div > div > div:first-child {
        margin-bottom:20px;
    }

    #content form fieldset input[type="button"].button-print,
    #content form fieldset input[type="submit"].button-prints,
    #content form fieldset button.button-print {
        background-position:7px;
        padding:20px;
    }

    #content form fieldset input[type="button"].button-print:hover,
    #content form fieldset input[type="submit"].button-print:hover,
    #content form fieldset button.button-print:hover {
        background-position:7px;
        padding:20px;
    }

    #content form fieldset input[type="button"].button-gallery,
    #content form fieldset input[type="submit"].button-gallery,
    #content form fieldset button.button-gallery {
        background-position:7px;
        padding:20px;
    }

    #content form fieldset input[type="button"].button-gallery:hover,
    #content form fieldset input[type="submit"].button-gallery:hover,
    #content form fieldset button.button-gallery:hover {
        background-position:7px;
        padding:20px;
    }

    form fieldset input[type="button"] span,
    form fieldset input[type="submit"] span,
    form fieldset button span {
        display:none;
    }

    #content .contact > div > div:nth-of-type(1) > div > div:nth-of-type(1) {
        border-right:0px solid #e8d292;
    }

    #content .contact form fieldset label {
        font-size:13px !important;
        font-weight:700;
    }

    #content .contact iframe {
        width:100%;
        height:200px;
        -webkit-transition: all 0.25s;
        -o-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -webkit-transition: all 0.25s;
        transition: all 0.25s;
    }

    #content .content-common p:nth-of-type(even) img,
    #content .content-common p:nth-of-type(odd) img {
        float:left;
        margin:0 0px 20px 0;
        width:100%;
    }

    #content .promotions > div {
        min-height:auto;
        -webkit-transition: all 0.25s;
        -o-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -webkit-transition: all 0.25s;
        transition: all 0.25s;
    }

    #content .promotions a:nth-of-type(1) {
        background-image:url(../images/button-print.png);
    }

    #content .promotions a:nth-of-type(1):hover {
        background-image:url(../images/button-print.png);
    }

    #content .promotions a:nth-of-type(2) {
        background-image:url(../images/button-view.png);
    }

    #content .promotions a:nth-of-type(2):hover {
        background-image:url(../images/button-view.png);
    }

    #content .promotions > div > div p {
        min-height:100px;
        -webkit-transition: all 0.25s;
        -o-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -webkit-transition: all 0.25s;
        transition: all 0.25s;
    }
}

/* 640
========================================================*/
@media screen and (max-width: 640px) {
	.cycle-slideshow{ height:300px;}
    .banner ul li {
        width:32.5%;
        -webkit-transition: all 0.25s;
        -o-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -webkit-transition: all 0.25s;
        transition: all 0.25s;
    }
}

/* mobile
========================================================*/
@media screen and (max-width: 480px) {
	.cycle-slideshow{ height:220px;}
    .banner ul li {
        width:32.3%;
        -webkit-transition: all 0.25s;
        -o-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -webkit-transition: all 0.25s;
        transition: all 0.25s;
    }
    #content .conten-home h1 {
        margin-bottom:15px;
        background:none;
        text-align:left;
    }

    #content .conten-home h1 span {
        padding:0px;
    }

    #content .conten-home h1:before {
        display:none;
        content:'';
        background:url(../images/home-heading-right.png) center no-repeat;
        padding:0 36px 0 0;
    }

    #content .conten-home h1:after {
        display:none;
        content:'';
        background:url(../images/home-heading-left.png) center no-repeat;
        padding:0 0 0 36px;
    }
}
@media screen and (max-width: 360px) {
	.cycle-slideshow{ height:150px;}
    .banner ul li {
        width:32.1%;
        -webkit-transition: all 0.25s;
        -o-transition: all 0.25s;
        -moz-transition: all 0.25s;
        -webkit-transition: all 0.25s;
        transition: all 0.25s;
    }
}
@media screen and (max-width: 1200px) {
    .my-nav li a {
        padding: 10px 8px;
        font-weight:bold;
        font-size: 12px;
    }
}
@media screen and (max-width: 992px) {
    .my-nav li a {
        padding: 10px 6px;
        font-weight:normal;
        font-size: 12px;
    }
    /*.carousel .mask .slide {
            width: 167px;
    }*/
    .cl{display: none;}
}



@media screen and (max-width: 767px) {
    /*.carousel .mask {
            width: 290px;
            margin: 0 auto;
    }
    .carousel .mask .slide {
            width: 280px;
    }*/
    .btn-prev, .btn-next {
        display: none;
    }
    .login-area{display:none;} 
}
/*@media screen and (max-width: 320px) {
}*/

@media print {
    .table {
        display: block !important;
    }
    body {
        overflow: visible ;
    }
}