html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body {
  background: #333;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 13px;
  font-variant: small-caps;
  color: #999;
}
img {
  max-width: 100%;
}
a {
  color: #fff;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}

/*
input[type="radio"] {
	display:none;
}
input[type="radio"] + label {
	margin-right: 6px;
	display: inline-block;
	cursor: pointer;
}
input[type="radio"] + label span {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: -2px 0 0 0;
	vertical-align: middle;
	background: url("../images/radio.png") no-repeat left top;
	cursor: pointer;
}
input[type="radio"]:checked + label span {
	background: url("../images/radio.png") no-repeat left bottom;
}
*/ 

.input-select {
  height: 27px;
  padding: 0 35px 0 10px;
  border: 1px solid #666;
  background: #fff url(../images/select.png) no-repeat right;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.container {
  width: 1178px;
}
.container::after, .clearfix::after {
  content: '';
  display: table;
  clear: both;
}
.text-serif {
  font-family: Georgia, 'Times New Roman', Times, serif;
}
.text-serif2 {
  font-family: 'Bruskovaya Plain:001.001', Georgia, 'Times New Roman', Times, serif;
}
.text-custom {
  font-family: 'agency fb', sans-serif;
}
.logo {
  width: 346px;
  height: 120px;
  float: left;
}
.header-text {
  padding: 16px 0;
  overflow: hidden;
  text-align: right;
  line-height: 1.1rem;
  font-style: italic;
}
.nav {
  height: 43px;
  overflow: hidden;
  background: #222;
  font-size: 28px;
  font-weight: bold;
}
.nav a {
  text-decoration: none;
}
.nav a:hover {
  color: #ffcc99;
}
.nav ul {
  margin: 0;
  padding: 0;
}
.nav li {
  margin: 0;
  padding: 0;
  list-style: none;
  vertical-align: top;
}
.nav .container > ul > li {
  display: inline-block;
  line-height: 43px;
}
.nav .nav-main {
  margin: 0 0 0 218px;
  float: left;
}
.nav .nav-main li {
  margin: 0 30px 0 0;
  line-height: 49px !important;
}
.nav .nav-right {
  float: right;
}
.nav .nav-right li {
  margin: 0 0 0 30px;
}
.nav-icon {
  padding: 0 0 0 36px;
  display: inline-block;
  background-position: left 10px;
  background-repeat: no-repeat;
}
.nav-main .nav-icon {
  vertical-align: baseline;
}
.icon-home {
  background-image: url(../images/icon-home.png);
}
.icon-customer {
  background-image: url(../images/icon-customer.png);
}
.icon-register {
  background-image: url(../images/icon-register.png);
  background-position: left 7px;
}
.icon-cart {
  position: relative;
  height: 43px;
  padding: 0 0 0 54px;
  background-image: url(../images/icon-cart.png);
  background-position: left center;
}
.icon-cart span {
  position: absolute;
  top: 5px;
  right: 1px;
  width: 23px;
  height: 23px;
  display: inline-block;
  font-size: 14px;
  line-height: 23px;
  text-align: center;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-weight: normal;
}
.aside {
  width: 182px;
  margin: 16px;
  float: left;
  background: url(../images/aside-bg.png) no-repeat center, #fff;
}
.aside ul {
  margin: 0;
  padding: 0;
}
.aside li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.aside li a, .aside li span {
  padding: 12px 0 12px 44px;
  display: block;
  color: #55524d;
  text-decoration: none;
  font-size: 16px;
}
.aside li a {
  background: url(../images/bullet.png) no-repeat 10px, linear-gradient(to bottom, rgba(255,255,255,0.1) 0%,rgba(0,0,0,0.2) 100%);
}
.aside li a:hover {
  text-decoration: underline;
}
.aside li span {
  padding-left: 0;
  background: url(../images/menu-heading-bg.jpg) no-repeat center top, linear-gradient(to right, rgba(55,63,82,0.9) 0%,rgba(101,111,139,0.9) 50%,rgba(55,63,82,0.9) 100%);
  font-size: 22px;
  font-variant: normal;
  text-shadow: 1px 1px rgba(54, 61, 79, 1);
  text-align: center;
  color: #fff;
}
.content {
  width: 964px;
  margin: 16px 0 16px 0;
  float: right;
}
.product {
  width: 964px;
  min-height: 296px;
  margin: 0 0 16px 0;
  background: url(../images/product-bg.png) no-repeat center;
  background-size: cover;
}
.product-single {
  width: 925px;
  margin: 0 auto 16px auto;
}
.product-title {
  width: 100%;
  height: 63px;
  margin: 4px 0 0 0;
  display: inline-block;
  background: url(../images/product-title-bg.png) no-repeat center;
  text-align: center;
}
.product-single-title {
  background: url(../images/product-single-title-bg.png) no-repeat center;
}
.product-title h1 {
  position: relative;
  margin: 0;
  display: inline-block;
  font-size: 34px;
  font-weight: bold;
  color: #fff8ec;
  text-transform: uppercase;
  line-height: 60px;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
.product-title h1::before {
  position: absolute;
  top: 2px;
  left: -62px;
  content: '';
  width: 62px;
  height: 54px;
  background: url(../images/product-title-img-left.png) no-repeat center;
}
.product-title h1::after {
  position: absolute;
  top: 2px;
  right: -62px;
  content: '';
  width: 62px;
  height: 54px;
  background: url(../images/product-title-img-right.png) no-repeat center;
}
.product-image {
  width: 255px;
  margin: 0 0 0 21px;
  float: left;
  text-align: center;
}
.product-image img {
  margin: 0 0 5px 0;
  display: block;
}
.product-price {
  width: 106px;
  height: 42px;
  padding: 0 6px 0 0;
  display: inline-block;
  background: url(../images/product-price.png) no-repeat center;
  font-size: 18px;
  font-weight: bold;
  color: #c33400;
  text-decoration: none;
  text-align: center;
  line-height: 36px;
}
.product-price-long {
  width: 600px;
  height: 42px;
  padding: 0 6px 0 0;
  display: inline-block;
  background: #555555;
  font-size: 18px;
  font-weight: bold;
  color: #e3a400;
  text-decoration: none;
  text-align: center;
  line-height: 36px;
}

.product-content {
  width: 653px;
  height: 190px;
  margin: 0 19px 0 0;
  float: right;
  background: url(../images/product-bg-2.png) no-repeat center;
}
.product-text {
  width: 408px;
  height: 175px;
  margin: 8px 0 0 8px;
  padding: 7px 10px;
  float: left;
  box-sizing: border-box;
  background: url(../images/product-text-bg.png) no-repeat center;
  color: #fff;
  font-style: italic;
  overflow: hidden;
}
.product-buttons {
  width: 177px;
  height: 132px;
  margin: 20px 30px 0 0;
  padding: 5px 0 0 0;
  box-sizing: border-box;
  float: right;
  background: url(../images/product-buttons-bg.png) no-repeat center;
  text-align: center;
}
.product-buttons a {
  margin: 10px 0 0 0;
  display: inline-block;
}
.product-single-info {
  position: relative;
  min-height: 293px;
  margin: 20px 0 0 0;
  padding: 15px;
  box-sizing: border-box;
  background: url(../images/product-bg-3.png) no-repeat center;
  background-size: cover;
}
.product-single-text {
  padding: 7px 10px;
  background: url(../images/product-single-text-bg.png) repeat center;
  color: #fff;
}
.product-single-buttons {
  position: absolute;
  right: 15px;
  bottom: 30px;
}
.product-single-buttons .product-price .product-price-long {
  margin: 5px 10px 0 0;
  vertical-align: top;
}

.product-buy {
  padding: 15px;
  box-sizing: border-box;
}
.product-buy h1, .product-buy h2 {
  margin: 15px 0 0 0;
  font-size: 32px;
  font-weight: normal;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  line-height: 1.5rem;
}
.product-buy h2 {
  margin: 0;
  font-size: 18px;
}
.product-buy-block {
  width: 736px;
  min-height: 173px;
  margin: 15px 0 0 0;
  padding: 5px;
  float: left;
  background-color: #5d5d5d;
  box-sizing: border-box;
}
.product-buy-block ul, .product-buy-block li {
  margin: 0;
  padding: 0;
  list-style: none;
  color: #3f3f3f;
}
.product-buy-block li {
  margin: 2px 0;
}
.product-buy-block .product-buy-list {
  margin: 0 0 10px 0;
}
.product-buy-list span {
  color: #cc3300;
}
.product-buy-total {
  width: 179px;
  min-height: 173px;
  margin: 15px 0 0 0;
  padding: 10px 0;
  box-sizing: border-box;
  float: right;
  background: url(../images/buy-bg.png) no-repeat center;
  background-size: cover;
  text-align: center;
  color: #fff;
}
.product-buy-total h3 {
  margin: 10px 0;
  font-size: 22px;
  font-weight: normal;
  text-transform: uppercase;
}
.product-buy-total h4 {
  margin: 20px 0;
  color: #ff9933;
  font-size: 24px;
  font-weight: normal;
  text-transform: uppercase;
}
.pay-table {
  width: 100%;
  display: table;
}
.pay-options {
  display: table-cell;
  width: 60%;
  padding: 10px;
  box-sizing: border-box;
  background-color: #686868;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
}
.pay-options ul, .pay-options li {
  color: #fff;
}
.pay-billing {
  display: table-cell;
  width: 40%;
  padding: 10px;
  box-sizing: border-box;
  background-color: #aaaaaa;
  text-align: center;
  vertical-align: middle;
}
.pay-billing label {
  font-size: 18px;
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
  color: #fff;
  text-transform: uppercase;
  line-height: 27px;
}
.paginator {
  height: 32px;
  margin: 30px 0;
  padding: 21px 0 19px 0;
  background: url(../images/paginator-bg.png) no-repeat center;
  text-align: center;
}
.paginator ul {
  margin: 0 0 0 -10px;
  padding: 0;
  display: inline-block;
}
.paginator li {
  width: 28px;
  height: 28px;
  margin: 0;
  padding: 0;
  border-radius: 14px;
  list-style: none;
  display: inline-block;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
}
.paginator li:hover, .paginator li.active {
  background-color: #cbc3b6;
}
.paginator li a {
  display: block;
  color: #333;
  text-decoration: none;
}
.paginator-prev, .paginator-next {
  width: 11px;
  height: 14px;
  display: inline-block;
  background-position: center;
  background-repeat: no-repeat;
}
.paginator-prev {
  margin-right: 80px;
  background-image: url(../images/paginator-prev.png);
}
.paginator-next {
  margin-left: 80px;
  background-image: url(../images/paginator-next.png);
}
.cart-checkout {
  margin: 30px 0;
  text-align: center;
}
.cart-total {
  margin: 0 0 20px 0;
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
}
.cart-total span {
  color: #cc6666;
  font-size: 36px;
}
.bottom-content {
  padding-left: 214px;
}
.bottom-text {
  font-style: italic;
}
.footer {
  padding: 20px 0;
  color: #fff;
  text-align: center;
}