@font-face {
    font-family: hlt;
    src: url('../fonts/site/hlt-aparo.ttf');
}

body {font-family: arial; font-size: 12px; color: #2d2d2d; background: #e9e7b2; line-height: 18px;}
img {max-width: 100%; height: auto !important;}

.wrap {width: 98%; max-width: 1000px; margin: 0 auto; background: #fff;}

a, a:hover {text-decoration: none !important;}
a {color: #2d2d2d;}
a:hover {color: #e73434;}

input[type=text], textarea {text-shadow: none; box-shadow: none;}
input[type=text]:focus, textarea:focus {outline: none !important; box-shadow: 1px 1px 1px #ccc; text-shadow: none; box-shadow: none;}

ul {list-style: none; margin: 0; padding: 0;}
h1, h2, h3 {margin: 0; padding: 0; font-weight: bold; font-size: 14px; line-height: 18px;}

#google_map {height: 250px;}
.np {padding: 0 !important;}
.npl {padding-left: 0 !important;}
.npr {padding-right: 0 !important;}
.ptb {padding-top: 10px; padding-bottom: 10px;}

.radius {border-radius: 8px;}
.transition {transition: all .3s linear; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear;}
.grayscale { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
.round {border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}

.pagination {text-align: right; width: 100%; margin: 28px 0 38px 0; padding-right: 16px;}
.pagination span {border: 1px solid #5fb130; padding: 5px 9px; margin-right: 4px;}
.pagination span a {color: #000;}
.pagination span.current {border: 1px solid #5fb130; background: #5fb130; color: #fff;}
.pagination span:last-child {margin-right: 0;}

.mobile-menu {line-height: 35px; font-size: 28px; color: #d33321; cursor: pointer; margin-left: 7px; /*position: absolute; top: 11px; right: 12px; z-index: 999; width: 50%; text-align: right;*/}
.mobile-menu-content {position: absolute; top: 60px; background: #5fb130; z-index: 999999; width: 90%; margin-left: 5%; display: none;}
.mobile-menu-content ul {list-style: none; display: block;border-top: 1px solid #fff; margin: 0; padding: 0;}
.mobile-menu-content li {border: 1px solid #fff; border-top: none; height: 38px; line-height: 38px; text-align: left;}
.mobile-menu-content li.active {background: #17254e;}
.mobile-menu-content li a {color: #fff; text-transform: uppercase; padding-left: 15px; display: block; font-size: 14px;}
.mobile-menu-content li:hover {background: #323232;}
.mobile-menu-content li:hover a {color: #fff;}
.mobile-menu-content li.active a {color:#fff;}

.fb-like-box, .fb-like-box iframe, .fb_iframe_widget, .fb_iframe_widget span, iframe {max-width: 100% !important;}


.menu {background: #5fb130; margin-bottom: 18px;}
.menu ul {list-style: none;}
.menu ul ul {display: none;}
.menu li {float: left; line-height: 38px; border-right: 1px solid #fff; padding: 0 18px;}
.menu li:hover, .menu li.active {background: #e73434;}
.menu li a {font-size: 14px; color: #fff; text-transform: uppercase; font-weight: bold; display: block;}


#sidebar {float: left;}
#content {float: right;}

.sidebar-title {background: #5fb12f url('../img/sidebar-title.png') no-repeat 8px 50%; height: 35px; line-height: 36px; color: #fff; text-transform: uppercase; font-size: 14px;}
.sidebar-title span {padding-left: 30px; font-weight: bold;}
.sidebar-content {border: 1px solid #9da698; border-top: none; margin-bottom: 20px;}
.bdt {border-top: 1px solid #9da698;}
.sidebar-content-category ul {padding: 6px 9px 10px 12px;}
.sidebar-content-category li {line-height: 36px; border-bottom: 1px dotted #2b2b2b;}
.sidebar-content-category li.last {border-bottom: none;}
.sidebar-content-category li a {font-weight: bold; font-size: 13px;}


.home-title {font-family: hlt; font-size: 48px; height: 48px; line-height: 48px; color: #ef413f; margin: 24px 0 15px 0;}
.home-title .glyphicon {font-size: 12px;}

.home-featured {margin: 15px 0 0 0; padding: 0;}
.home-featured h2 {text-align: center; margin: 5px 0;}
.home-featured .product-item {width: 90%; margin: 0 5%; border: 1px solid #9da698; text-align: center;}

.home-products {margin-bottom: 15px; padding: 0 6px;}

.footer {padding: 20px 0;}

.footer-menu {height: 38px; line-height: 38px; text-align: center; text-transform: uppercase; background: #5fb130;}
.footer-menu ul {list-style: none;}
.footer-menu ul ul {display: none;}
.footer-menu li {display: inline-block;}
.footer-menu li a {color: #fff; font-weight: bold; padding: 0 18px; border-right: 1px solid #fff;}
.footer-menu li a:hover { color: #e73434;}
.footer-menu li.last a {border-right: none;}

.jcarousel-wrap {position: relative; background: url('../img/jwrap.png') no-repeat 50% 0; padding: 30px 0 0 0;}
.jcarousel {margin: 25px 0 25px 0;}
.jcarousel img {border: 1px solid #bebdbd; width: 94%; margin: 0 3%;}
.jcarousel-control-prev, .jcarousel-control-next {width: 24px; height: 24px; z-index: 999; top: 59%;}
.jcarousel-control-prev {background: url('../img/prev.png') no-repeat 0 0; left: -35px;}
.jcarousel-control-next {background: url('../img/next.png') no-repeat 0 0; right: -35px; left: auto;}


.page-title {text-transform: uppercase;font-size: 21px; margin-top: 15px;}
.bread {border: 1px solid #5fb130; font-style: italic; padding: 12px 0 10px 12px; font-size: 11px;}
.bread a {color: #5fb130;}

.product-overview {margin: 15px 0;}
.support-product {font-size: 12px; font-weight: bold; margin-bottom: 15px;}
.support-product span {font-size: 16px; color: #d33321;}

.news-item {padding: 0 7px; margin-top: 15px;}
.news-item h2 {font-size: 16px; margin-bottom: 8px;}
.news-single h1 {font-size: 18px; margin: 15px 0 10px 0;}
.related-news ul {list-style: square; margin-top: 12px;}

.news-single {margin-bottom: 25px;}

.page-contact {padding: 15px 0;}
.page-contact form {width: 93%;}

.page-page .page-title {margin-bottom: 15px;}
.btn-site {background: #5fb130; color: #fff; border-radius: 0;}


@media all and (min-width: 992px) {
    body {background: #e9e7b2 url('../img/bg.png') repeat-y 50% 0;}
    #sidebar {width: 21%; margin-left: 7px;}
    #content {width: 76%; margin-right: 7px;}
    .news-thumb {padding: 0;}
}

@media all and (max-width: 768px) {
	.home-title {font-size: 32px;}
	.home-products {margin-bottom: 30px;}
	#content {width: 100%; float: left; margin-top: 15px; padding: 0 15px !important}
}