html {
	width: 100%;
    display: table;
	padding: 0;
	margin: 0;
}

body {
	font: 13px Arial, Helvetica, sans-serif;
    background-image: url(img/main-bg.jpg);
    background-size: cover;
    background-position: center;
    margin: 0;
    padding: 0;
    color: #2b211f;
}

ul, ol, dl, li {
 padding: 0px;
 margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
 margin-top: 0;
 padding: 0px; 
}
h1, h2, h3, h4 {
 font-size: 14px;
 color: #373737;
 font-weight: 600;
 margin: 0px 0px 20px 0px;
	/* text-transform: uppercase; */
}
h1 {
	padding: 0px 10px 0px 35px;
}
hr {
 border: none;
 border-bottom: 1px solid #BFC6C5;
 margin: 35px 0px 25px;   
}
a img {
 border: none;
}

a:link, a:visited {
 color: #9ab604;
 text-decoration: underline;
}

a:hover, a:active, a:focus {
 text-decoration: none;
}
*:focus{
 outline: none;
}
div.clear {clear: both;}
.bold {font-weight:bold;}
.italic {font-style: italic;}
.underline {text-decoration: underline;}
.inline {display:inline !important;}
.dark {color:#414e5b;}
.blue {color:#375e85;}

div.all {
	width: 100%;
	position: relative;
	overflow: hidden;
	border-top: 4px solid #9ab604;
}

div.content ol li,
div.content ul li {
    margin: 0 0 0 20px;
}

div.content p strong {
	font-weight: normal;
}

div.content .tags {
	width: 100%;
	font-size: 12px;
	clear: both;
	text-align: center;
	padding: 20px 0 0;
}

div.content .tags strong {
	font-weight: bold;
}

div.top {
	width: 100%;
	height: 290px;
	position: relative;
	overflow: hidden;
}
div.slider {
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -490px;
	z-index: 1;
}
div.top-cont {
	width: 980px;
	height: 290px;
	margin: 0 auto;
	position: relative;
}
div.logo-block {
	width: 140px;
	height: 85px;
	position: absolute;
	left: 20px;
	top: 0px;
	background: rgba(30,42,4, 0.85);
	box-shadow: 0px 1px 3px rgba(23,23,24, 0.4), inset 0 -3px 3px -3px rgba(255,255,255, 0.3);
	z-index: 2;
}
a.logo {
	display: block;
	width: 140px;
	height: 85px;
	background: url(img/logo.png) no-repeat center center;
}

div.phones-block {
	width: 130px;
	height: 53px;
	padding: 22px 10px 10px 80px;
	position: absolute;
	right: 20px;
	top: 0px;
	background: rgba(30,42,4, 0.85) url(img/phone-icon.png) no-repeat 20px center;
	box-shadow: 0px 1px 3px rgba(23,23,24, 0.4), inset 0 -3px 3px -3px rgba(255,255,255, 0.3);
	color: #fff;
	z-index: 2;
}
div.phones-block p {margin-bottom: 10px;}

a#cs-prev-coin-slider {
	width: 20px;
	height: 40px;
	left: 20px !important;
	text-indent: -900px;
	background: url(img/left-arrow.png) no-repeat 0px 0px;
}
a#cs-prev-coin-slider:hover {background-position: 0px -40px;}
a#cs-next-coin-slider {
	width: 20px;
	height: 40px;
	right: 20px !important;
	text-indent: 900px;
	background: url(img/right-arrow.png) no-repeat 0px 0px;	
}
a#cs-next-coin-slider:hover {background-position: 0px -40px;}

div.top-menu {
	width: 690px;
	padding: 5px 5px 0px 5px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	background: rgba(30,42,4, 0.85);
	box-shadow: 0px -1px 3px rgba(23,23,24, 0.4), inset 0 3px 3px -3px rgba(255,255,255, 0.3);
	z-index: 2;
}
div.top-menu a {
	display: inline-block;
	width: 70px;
	padding: 65px 10px 10px;
	margin: 0px 4px;
	position: relative;
	text-align: center;
	text-decoration: none;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
}
div.top-menu a:last-child {margin-right: 0px;}
div.top-menu a:hover {color: #9ab604;}
div.top-menu a.active {
	background: #fff;
	color: #367801;
}
div.top-menu a i {
	display: block;
	position: absolute;
	background: url(img/new2.png) no-repeat;
	display: block;
background: url(img/new2.png) no-repeat;
width: 40px;
height: 34px;
left: 30px;
top: 15px;
}
div.top-menu a.home i {
	width: 37px;
	height: 39px;
	left: 30px;
	top: 15px;
	background: url(img/home-icon.png) no-repeat;
}
div.top-menu a.home i:after {
	display: block;
	content: "";
	width: 37px;
	height: 39px;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(img/home-icon.png) no-repeat 0px -39px;
	opacity: 0;
	transition: opacity .6s;
}
div.top-menu a.active.home i:after, div.top-menu a.home:hover i:after {
	opacity: 1;
}

div.top-menu a.gallery i {
	width: 40px;
	height: 34px;
	left: 30px;
	top: 15px;
	background: url(img/gallery-icon.png) no-repeat;
}
div.top-menu a.gallery i:after {
	display: block;
	content: "";
	width: 40px;
	height: 34px;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(img/gallery-icon.png) no-repeat 0px -34px;
	opacity: 0;
	transition: opacity .6s;
}
div.top-menu a.active.gallery i:after, div.top-menu a.gallery:hover i:after {
	opacity: 1;
}

div.top-menu a.article i {
	width: 32px;
	height: 38px;
	left: 34px;
	top: 15px;
	background: url(img/article-icon.png) no-repeat;
}
div.top-menu a.article i:after {
	display: block;
	content: "";
	width: 32px;
	height: 38px;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(img/article-icon.png) no-repeat 0px -38px;
	opacity: 0;
	transition: opacity .6s;
}
div.top-menu a.active.article i:after, div.top-menu a.article:hover i:after {
	opacity: 1;
}

div.top-menu a.shop i {
	width: 38px;
	height: 36px;
	left: 27px;
	top: 19px;
	background: url(img/shop-icon.png) no-repeat;
}
div.top-menu a.shop i:after {
	display: block;
	content: "";
	width: 38px;
	height: 36px;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(img/shop-icon.png) no-repeat 0px -36px;
	opacity: 0;
	transition: opacity .6s;
}
div.top-menu a.active.shop i:after, div.top-menu a.shop:hover i:after {
	opacity: 1;
}

div.top-menu a.price i {
	width: 49px;
	height: 39px;
	left: 27px;
	top: 19px;
	background: url(img/price-icon.png) no-repeat;
}
div.top-menu a.price i:after {
	display: block;
	content: "";
	width: 49px;
	height: 39px;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(img/price-icon.png) no-repeat 0px -39px;
	opacity: 0;
	transition: opacity .6s;
}
div.top-menu a.active.price i:after, div.top-menu a.price:hover i:after {
	opacity: 1;
}

div.top-menu a.contacts i {
	width: 52px;
	height: 39px;
	left: 25px;
	top: 19px;
	background: url(img/contacts-icon.png) no-repeat;
}
div.top-menu a.contacts i:after {
	display: block;
	content: "";
	width: 52px;
	height: 39px;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(img/contacts-icon.png) no-repeat 0px -39px;
	opacity: 0;
	transition: opacity .6s;
}
div.top-menu a.active.contacts i:after, div.top-menu a.contacts:hover i:after {
	opacity: 1;
}


div.main {
	width: 100%;
}
div.main-cont {
	width: 980px;
	margin: 0 auto;
	position: relative;
}
div.left-menu {
	width: 280px;
	min-width: 280px;
	display: table-cell;
	vertical-align: top;
	padding-top: 5px;
	box-shadow: -10px -4px 5px -6px rgba(0,0,0, .3) inset;
}
div.left-menu h3 a {
	display: block;
	padding: 15px 10px;
	position: relative;
	/*font-size: 12px;*/
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: normal;
	font-size: 13px;
}
div.left-menu h3 a:hover {
	background: rgba(30,42,4, .15);
}
div.left-menu h3 a:after {
	display: block;
	content: "";
	position: absolute;
	left: 0px;
    top: 45px;
	width: 280px;
	height: 2px;
	background: url(img/left-menu-hline.png) no-repeat;
}
div.left-menu h3:last-child a:after {display: none;}
div.left-menu h3 a.active {
	padding-left: 42px;
	background: #fff url(img/info-icon.png) no-repeat 10px center;
	color: #367801;
}
div.left-menu h3 {
	margin: 0px;
}
div.content {
	width: 660px;
	padding: 20px;
	display: table-cell;
	vertical-align: top;
	background: #fff;
	position: relative;
}
div.page-cont {
	color: #002611;
	font-size: 14px;
}
div.page-header, div.page-cont h1 {
	padding: 12px 8px;
	margin-bottom: 20px;
	text-align: center;
	background: url(img/page-header.jpg) no-repeat;
	font-size: 15px;
	text-transform: uppercase;
	color: #fff;
}
div.page-header.articles {
	width: 684px;
	position: absolute;
	/*left: 280px;*/
	left: 0!important;
}

div.gallery-item {
	width: 220px;
	float: left;
	margin-bottom: 20px;
	text-align: center;
}
div.gallery-item a {
	text-transform: uppercase;
	color: #425c09;
	text-decoration: none;
}
div.gallery-item a:hover {
	text-decoration: underline;
	color: #9ab604;
}
div.gallery-item div.g-image-block {
	padding: 5px 5px 3px 5px;
	overflow: hidden;
	margin-bottom: 8px;
}
div.gallery-item a:hover div.g-image-block {
	background: url(img/image-bg.jpg);
}
div.gallery-item img {
	width: 208px;
	height: 130px;
	border: 1px solid #9ab604;
}
div.page-description {margin-top: 20px;}
div.page-description table {
	width: 100%;
	border: 1px solid #A5AA9B;
	border-collapse: collapse;
}
div.page-description table thead td {
	padding: 10px;
	border: none;
	background: #9AB604;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
}
div.page-description table td {
	padding: 5px 10px;
	border-left: 1px solid #A5AA9B;
}
table.dark thead td {
	background: #425C09 !important;
	border-left: 1px solid #658007 !important;
}
td.t-number {width: 20px;}
td.t-inches {width: 100px;}
td.t-price {width: 100px;}

div.product-buy-block {
	width: 100%;
	margin: 10px 0px;
	text-align: center;
	font-size: 18px;
	color: #af1d0e;
}
div.product-buy-block span {
	margin-right: 10px;
	font-size: 14px;
	color: #959595;
}
a.order-button {
	display: inline-block;
	padding: 8px 20px;
	background: url(img/order-btn.jpg) repeat-x 0px 0px;
	text-decoration: none;
	color: #fff;
	font-size: 20px;
	margin-left: 20px;
}
a.order-button:hover {background-position: 0px -40px;}

div.product-price {
	width: 260px;
	float: left;
	margin-top: 6px;
	font-size: 14px;
	color: #af1d0e;
}
div.product-price span {
	margin-right: 20px;
	font-size: 12px;
	color: #959595;
}

div.no-result {
	margin: 50px 0px;
	background: #f5f5f5;
	border: 1px solid #eee;
	text-align: center;
	padding: 20px;
	font-size: 14px;
	color: #999;
	text-shadow: 0 1px 0 #fff;
	box-shadow: 0px 0px 10px #e1e1e1 inset;
}

div.footer {
	width: 100%;
	height: 110px;
	background: url(img/footer.png) repeat-x left bottom;
}
div.footer-cont {
	width: 680px;
	height: 110px;
	margin: 0 auto;
	position: relative;
	font-family: Tahoma;
	font-size: 11px;
	color: #7097aa;
}
div.f-copy {
	width: 200px;
	position: absolute;
	left: 0px;
	top: 37px;
}
div.f-copy span, div.creators span, div.socials span {
	display: inline-block;
	position: relative;
	bottom: 19px;
}
div.socials span {bottom: 10px;}
a.logo2 {
	display: inline-block;
	width: 69px;
	height: 46px;
	margin-right: 20px;
	background: url(img/logo-footer.png) no-repeat;
}

div.creators {
	position: absolute;
	top: 37px;
}
a.creators {
	display: inline-block;
	width: 50px;
	height: 46px;
	margin-left: 20px;
	background: url(img/royally.png) no-repeat;
}
a.creators:hover {
	animation: blinker .5s normal forwards ease-in-out;
	-moz-animation: blinker .5s normal forwards ease-in-out;
	-webkit-animation: blinker .5s normal forwards ease-in-out;	
}

div.socials {
	width: 222px;
	position: absolute;
	top: 45px;
	right: 0px;
}
div.socials a {
	display: inline-block;
	width: 29px;
	height: 29px;
	margin-left: 10px;
	background: url(img/fb-icon.png) no-repeat;
}
div.socials a.vk-icon {
	background: url(img/vk-icon.png) no-repeat;
	margin-left: 15px;
}
div.socials a:hover {
	animation: blinker .5s normal forwards ease-in-out;
	-moz-animation: blinker .5s normal forwards ease-in-out;
	-webkit-animation: blinker .5s normal forwards ease-in-out;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    40% { opacity: 0.0; }
    60% { opacity: 1.0; }
    80% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    40% { opacity: 0.0; }
    60% { opacity: 1.0; }
    80% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    40% { opacity: 0.0; }
    60% { opacity: 1.0; }
    80% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

div.article-item {
	padding: 20px 10px;
	border-top: 1px solid #9AB604;
	margin-top: 40px;
}
div.article-item.first {
	margin-top: 40px;
	border: none;
}
div.article-left {
	width: 220px;
	float: left;
}
div.article-right {
	width: 400px;
	margin-left: 20px;
	float: left;
}
div.article-title {
	margin: 5px 0px 12px -10px;
	font-size: 15px;
	color: #425c09;
	text-transform: uppercase;
}
div.article-title a {
	text-decoration: none;
	color: #425c09;
}
div.article-title span {
	font-size: 11px;
	color: #959595;
	float: right;
	display: none;
}
div.article-item img {
	max-width: 210px;
	max-height: 130px;
	border: 1px solid #9AB604;
}
a.readmore {
	display: inline-block;
	padding: 4px 10px;
	float: right;
	background: url(img/pager-item.jpg) repeat-x 0px 0px;
	color: #fff;
	text-decoration: none;
}
a.readmore:hover {background-position: 0px -24px;}

div.sorting-block {
	width: 240px;
	float: left;
	padding: 0px 10px;
	font-size: 12px;
	text-transform: none;
	text-align: left;
}
div.category-title {
	width: 390px;
	float: right;
	text-align: left;
}
div.page-header.products:after {
	display: block;
	content: "";
	clear: both;
}
div.sorting-block input[type="button"] {
	padding: 0px;
	margin: 0px 4px;
	border: none;
	background: none;
	color: #1e2a04;
	cursor: pointer;
}
div.sorting-block input[type="button"]:hover {
	color: #9ab604;
}
div.sorting-block input[type="button"].active {color: #fff;}

/* PAGINATION */
ul.pages {
	margin-top: 20px;
	text-align: center;
}
ul.pages li {
	display: inline-block;
	width: 25px;
}
ul.pages li a {
	display: block;
	padding: 4px 8px;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	background: url(img/pager-item.jpg) no-repeat 0px 0px;;
}
ul.pages li a:hover, ul.pages li.selected a {background-position: 0px -24px;}
/* --PAGINATION */

/* AD GALLERY */
.ad-gallery {
  width: 660px;
}
.ad-gallery, .ad-gallery * {
  margin: 0;
  padding: 0;
}
  .ad-gallery .ad-image-wrapper {
    width: 100%;
    height: 400px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
  }
    .ad-gallery .ad-image-wrapper .ad-loader {
      position: absolute;
      z-index: 10;
      top: 48%;
      left: 48%;
      border: 1px solid #CCC;
    }
	
	
	
	.ad-gallery .ad-image-wrapper .ad-next {
      position: absolute;
      right: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 200;
    }
    .ad-gallery .ad-image-wrapper .ad-prev {
      position: absolute;
      left: 0;
      top: 0;
      width: 25%;
      height: 100%;
      cursor: pointer;
      display: block;
      z-index: 200;
    }
    .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
      /* Or else IE will hide it */
      background: url(img/trans.gif);
    }
      .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(img/ar_prev.png);
        width: 30px;
        height: 30px;
        /*display: none;*/
        position: absolute;
        top: 47%;
        left: 0;
        z-index: 101;
      }
      .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
        background: url(img/ar_next.png);
        width: 30px;
        height: 30px;
        right: 0;
        left: auto;
      }
	  
	  
	  
	
	
    .ad-gallery .ad-image-wrapper .ad-image {
      position: absolute;
      overflow: hidden;
	  box-sizing:border-box;
      -moz-box-sizing:border-box;
      -webkit-box-sizing:border-box;
	  border: 1px solid #9ab604;
      top: 0;
      left: 0;
      z-index: 9;
      
      text-align: center;
    }
      .ad-gallery .ad-image-wrapper .ad-image a img {
        border: 0;
      }
    .ad-gallery .ad-info {
      float: left;
    }
    .ad-gallery .ad-slideshow-controls {
      float: right;
    }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
        padding-left: 5px;
        cursor: pointer;
      }
      .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
        padding-left: 5px;
        font-size: 0.9em;
      }
    .ad-gallery .ad-slideshow-running .ad-slideshow-start {
      cursor: default;
      font-style: italic;
    }
  .ad-gallery .ad-nav {
    width: 100%;
    position: relative;
  }
    .ad-gallery .ad-forward, .ad-gallery .ad-back {
      position: absolute;
      top: 5px;
      height: 100px;
      z-index: 10;
	  opacity: 1 !important;
    }
    .ad-gallery .ad-back {
      cursor: pointer;
      left: -20px;
      width: 24px;
      display: block;
      background: url(img/gallery-arrows.png) 0px 0px no-repeat;
    }
    .ad-gallery .ad-forward {
      cursor: pointer;
      display: block;
      right: -20px;
      width: 24px;
      background: url(img/gallery-arrows.png) -24px 0px no-repeat;
    }
	.ad-gallery .ad-back:hover {
		background-position: 0px -100px;
	}
	.ad-gallery .ad-forward:hover {
		background-position: -24px -100px;
	}
	
    .ad-gallery .ad-nav .ad-thumbs {
      overflow: hidden;
      width: 100%;
	  height: 110px;
    }
      .ad-gallery .ad-thumbs .ad-thumb-list {
        float: left;
        width: 9000px;
        list-style: none;
      }
        .ad-gallery .ad-thumbs li {
          float: left;
		  margin: 0px 5px;
		  min-height: 110px;
        }
		.ad-gallery .ad-thumbs li a {
			display: block;
			padding: 5px;
		}
        .ad-gallery .ad-thumbs li:hover a {
          background: url(img/gallery-item-hover.jpg) no-repeat;
        }
		.ad-gallery .ad-thumbs li a img {
		  display: block;
		  max-width: 150px;
		  max-height: 100px;
		}
		.ad-gallery .ad-thumbs li a.ad-active {
          background: url(img/gallery-item-active.jpg) no-repeat;
		}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
  position: absolute;
  left: -9000px;
  top: -9000px;
}
/* --AD GALLERY */

div.map {
	width: 658px;
	height: 298px;
	border: 1px solid #9AB604;
}
table.contacts-table {
	width: 100%;
	margin: 20px 0px;
}
table.contacts-table td {
	color: #171106;
	font-size: 14px;
	vertical-align: top;
	padding: 5px 20px;
}
table.contacts-table td.second-td {border-right: 1px solid #9AB604;}
div.c-u-left {
	width: 210px;
	float: left;
}
div.c-u-middle {
	width: 350px;
	float: left;
}
div.c-u-right {
	width: 90px;
	float: left;
}
div.contact-as input[type="text"],
div.contact-as textarea {
	padding: 12px;
	background: #E8E9E5;
	border: 1px solid #425C09;
	font-size: 12px;
	text-transform: uppercase;
	color: #2b211f;
	margin-bottom: 10px;
}
div.contact-as input[type="text"]:focus,
div.contact-as textarea:focus {
	background: #F0F4DA;
	border-color: #9AB604;
}
div.contact-as .error input[type="text"],
div.contact-as .error textarea {border-color: #cf0000;}
div.contact-as input[type="text"] {width: 170px;}
div.contact-as textarea {
	width: 310px;
	height: 64px;
	resize: none;
}
div.contact-as input.btn {
	border: none;
	width: 90px;
	height: 90px;
	background: url(img/contact-us-btn.jpg) no-repeat 0px 0px;
	text-indent: -999px;
	cursor: pointer;
}
div.contact-as input.btn:hover {background-position: 0px -90px;}
div.contact-as .errorMessage {
	font-size: 11px;
	color: #cf0000;
}


div.mini-notif {
	padding: 0px 10px 15px;
}

div.subcategories-br {height: 50px;}
/* Error 404 page*/
div.error-page {
    padding-top: 5px;
}

div.error-page h1 {
    text-align: left;
    text-transform:initial;
    color: white;
    margin-top: 0;
}

div.img-404 {
    background: url(img/error-404.jpg) no-repeat 0px 0px;
    position: relative;
    background-size: contain;
    top: 20%;
    right: 0px;
    width: 100%;
    height: 610px;
	margin-top: 10%;
}