/*
  (c) Mediaweb Studio
*/


input.action {
	-webkit-appearance: none;
}

/* COMMON: SLIDER
------------------------------------ */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  /*overflow: hidden;*/
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.widgetHolder-SliderHomepageWidget {
  padding: 0 0 25px;
}
.sliderHomePageWidget {
  max-width: 1180px;
  margin: 0 auto;
  /*overflow: hidden;*/
/* Slider */
/* Arrows */
/* Dots */
}
.sliderHomePageWidget_slide {
  height: 300px !important;
  overflow: hidden;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.sliderHomePageWidget_slideTitle {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 4px 8px;
  background: rgba(0,0,0,0.7);
  color: #fff;
}
.slick-loading .sliderHomePageWidget .slick-list {
  background: #fff url("/themes/comp1/img/vendor/slickajax-loader.gif") center center no-repeat;
}
.sliderHomePageWidget .slick-prev,
.sliderHomePageWidget .slick-next {
  position: absolute;
  display: block;
  height: 0;
  padding: 49px 0 0 0;
  width: 49px;
  overflow: hidden;
  cursor: pointer;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  border: none;
  outline: none;
  z-index: 1001;
  opacity: 0.6;
/*&.slick-disabled:before
			opacity: slick-opacity-not-active*/
}
.sliderHomePageWidget .slick-prev:hover,
.sliderHomePageWidget .slick-next:hover {
  opacity: 1;
}
.sliderHomePageWidget .slick-prev:focus,
.sliderHomePageWidget .slick-next:focus {
  outline: none;
}
.sliderHomePageWidget .slick-prev {
  left: 32px;
  background: url("/themes/comp1/img/slider-left.png") no-repeat center;
}
.sliderHomePageWidget .slick-next {
  right: 32px;
  background: url("/themes/comp1/img/slider-right.png") no-repeat center;
}
.sliderHomePageWidget .slick-dotted.slick-slider {
  margin-bottom: 25px;
}
.sliderHomePageWidget .slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.sliderHomePageWidget .slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 2px;
  padding: 0;
  cursor: pointer;
}
.sliderHomePageWidget .slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.sliderHomePageWidget .slick-dots li button:hover,
.sliderHomePageWidget .slick-dots li button:focus {
  outline: none;
}
.sliderHomePageWidget .slick-dots li button:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background: #d5d5d5;
}
.sliderHomePageWidget .slick-dots li.slick-active button:before {
  background: #006baf;
}

/* COMMON: FILES
------------------------------------ */
.main-files {
	margin: 40px 0;
}
.main-files .item {
	min-height: 27px;
	font-size: 12px;
	margin-bottom: 6px;
	overflow: hidden;
}
.main-files .info {
	padding: 6px 0 0 32px;
}
.main-files .item .ico {
	float: left;
	width: 27px;
	height: 32px;
	background-image: url("../img/icons/files.png");
	background-repeat: no-repeat;
}
.main-files .ico-arc,
.main-files .ico-zip,
.main-files .ico-rar {
	background-position: 0 -33px;
}
.main-files .ico-mp3 {
	background-position: 0 -66px;
}
.main-files .ico-jpg , .main-files .ico-png {
	background-position: 0 -99px;
}
.main-files .ico-mkv {
	background-position: 0 -132px;
}
.main-files .ico-txt {
	background-position: 0 -165px;
}
.main-files .ico-doc, 
.main-files .ico-docx {
	background-position: 0 -199px;
}
.main-files .ico-pdf {
	background-position: 0 -233px;
}
.main-files .ico-pps {
	background-position: 0 -267px;
}
.main-files .ico-ppt {
	background-position: 0 -301px;
}
.main-files .ico-xls, 
.main-files .ico-xlsx {
	background-position: 0 -335px;
}

/* COMMON: FORM
------------------------------------ */
/* general */
.main-form form {
	width: 100%;
	padding: 10px 0;
}
.main-form fieldset div.field {
	margin-bottom: 5px;
	overflow: hidden;
}
.main-form fieldset div.field label.left {
	display: block;
	overflow: hidden;
	font: 15px Tahoma, sans-serif;
	color: #5D6163;
	margin-bottom: 3px;
}
.main-form div.requiredField label.left:after {
	content: " *";
	color: #FF0000;
}
.main-form fieldset div.field .middleColumn {
	overflow: visible;
}
.main-form div.requiredField label.required {
	display: block;
	font: 15px Tahoma, sans-serif;
	color: #FF0000;
	padding-top: 2px;
}
.main-form .field .message,
.main-form .field .required {
	color: #ff0000;
}

/* fields */
.main-form .middleColumn input.text,
.main-form .middleColumn textarea,
.main-form .middleColumn select,
.form-view input.text,
.form-view textarea,
.form-view select {
	border: 1px solid #ccc;
}
.main-form .middleColumn input.text,
.main-form .middleColumn textarea {
	box-sizing: border-box;
	width: 100%;
	padding: 10px;
	font: 16px Tahoma, sans-serif;
	text-align: left;
	resize: none;
}
.main-form .middleColumn select {
	box-sizing: border-box;
	width: 100%;
	padding: 10px;
	font: 16px Tahoma, sans-serif;
	text-align: left;
	background: #fff;
}
.main-form p.checkbox {
	/*padding-left: 30%; ???*/
}

/* groups */
.main-form .middleColumn ul {
	list-style-type: none;
	padding: 0;
}
.main-form .middleColumn ul label {
	vertical-align: top;
}
.main-form .middleColumn ul input {
	vertical-align: bottom;
}

/* action */
.main-form input.action,
.form-view input.action,
#wrapper a.button-link {
	width: 100%;
	padding: 10px 0;
	margin: 0;
	background-image: linear-gradient(to top, #d16200 0%, #f99800 100%); /* $button-bg */
	border: none;
	border-radius: 6px;
	cursor: pointer;
	font: 18px Verdana, sans-serif;
	text-align: center;
	color: #fff;
}
#wrapper a.button-link {
	width: 100%;
	display: inline-block;
	text-decoration: none;
}

.main-form .field .middlecolumn {
	display: block;
}
.main-form .field .required {
	display: inline-block;
	color: #ff0000;
}

/* captcha */
.main-form .phpcaptcha img {
	float:left;
	margin:0 10px 0 0;
	border: 0 none;
}
.main-form .phpcaptcha input.text {
	position: relative;
	top: -5px;
	width: 30%;
}

/* COMMON: GRID
------------------------------------ */
.grid {
	display: table;
	margin-right: -16px;
}
.grid > .element {
	display: inline-block !important;
	vertical-align: top !important;
	margin: 0 14px 5px 0 !important;
	width: 152px !important;
	font: 12px Tahoma, sans-serif !important;
}
.grid .image {
	display: table-cell !important;
	vertical-align: middle !important;
	text-align: center !important;
	border: 1px solid #839fb6 !important;
	background-color: #fff;
	width: 152px !important;
	height: 152px !important;
	line-height: 0;
}
.grid p {
	display: block !important;
	text-align: center !important;
	padding: 13px 0 !important;
	margin: 0 !important;
}
.grid p.title {
	margin-top: 5px !important;
	font-weight: bold !important;
}

/* PhotoGalleryPage page */
.PhotoGalleryPage .grid p {
	padding: 0 !important;
}

/* GOODS LIST
------------------------------------ */

/* common */
.goods-list {
	margin-top: 20px;
}
.goods-list .item {
	overflow: hidden;
	border-bottom: 1px solid #9ab6cf;
	padding: 20px 0;
}
.goods-list .item.last {
	border: none;
}
.goods-list .item .img {
	box-sizing: border-box;
	display: inline-block;
	margin-bottom: 10px;
	padding-right: 10px;
	width: 30%;
	min-width: 110px;
	vertical-align: top;
}
.goods-list .item .img img {
	border: 1px solid #839fb6;
}
.goods-list .item .padding {
	box-sizing: border-box;
	display: inline-block;
	width: 70%;
	vertical-align: top;
}
.goods-list .item .title-cont {
	margin-bottom: 8px;
}
.goods-list .item .title {
	font-size: 18px;
}

/* catalog */
.goods-list-catalog .item .desc {
	font-size: 15px;
}
.goods-list-catalog .item .price-cont {
	font-size: 17px;
}
.goods-list-catalog .item .price {
	font-weight: bold;
}

/* widget */
.goods-list-widget .item {
	border-bottom: 1px dashed #9ab6cf;
}
.goods-list-widget .item .price-cont {
	font-size: 17px;
}
.goods-list-widget .item .price {
	font-weight: bold;
}

/* NEWS AND ANNOUNCEMENT HOLDERS
------------------------------------ */
.NewsHolder-layout .item,
.AnnouncementHolder-layout .item {
	margin-bottom: 20px;
}
.NewsHolder-layout .item h2.title,
.AnnouncementHolder-layout .item h2.title {
	margin: 0;
	font-size: 18px;
	font-weight: normal;
}
.NewsHolder-layout .item p.date,
.AnnouncementHolder-layout .item p.date {
	margin-bottom: 4px;
	font-size: 15px;
}
.NewsHolder-layout .item .pict,
.NewsEntry-layout .pict,
.AnnouncementHolder-layout .item .pict,
.Announcement-layout .pict {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}
.NewsHolder-layout .item .pict img,
.NewsEntry-layout .pict img,
.AnnouncementHolder-layout .item .pict img,
.Announcement-layout .pict img{
	max-height: 300px;
	width: auto;
}

/* CATALOG
------------------------------------ */
/* start catalog */
#wrapper .subcat-list,
#wrapper .subcat-list li{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.subcat-list a {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 10px 10% 10px 20px;
	margin: 5px 0;
	background: linear-gradient(to top, #d16200 0%, #f99800 100%), url('../img/arrow2.png') 95% center no-repeat; /* $button-bg */
	border-radius: 6px;
	cursor: pointer;
	font-size: 18px;
	text-align: left;
	color: #fff !important;
	text-decoration: none;
}

/* OrderButton form */
.OrderButton {
	margin-top: 10px;
}
.OrderButton fieldset {
	float: left;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-top: 3px;
}
.OrderButton input.action {
	padding: 5px 22px;
	float: left;
	width: auto;
}
.OrderButton input.action:active {
	padding: 5px 21px 5px 23px;
}
.OrderButton input.text {
	height: 26px;
	width: 20px;
	line-height: 26px;
	text-align: center;
	margin: 0;
	padding: 0 3px;
	display: inline-block;
	border: 1px solid #aaa;
}
.OrderButton input.action.disabled {
	background: #efefef;
	color: #aaa;
	padding: 5px 22px;
	width: auto;
	display:  inline-block;
}
.OrderButton .plus,
.OrderButtonCart .plus,
.OrderButton .minus,
.OrderButtonCart .minus {
	display: inline-block;
	font-size: 26px;
	line-height: 24px;
	height: 26px;
	width: 20px;
	background: #DEDEDE;
	margin: 0 2px;
	color: #000;
	border: 1px solid #aaa;
	text-decoration: none;
	vertical-align: top;
	text-align: center;
}

/* PRODUCT
------------------------------------ */
.Product-layout .main-image,
.Product-layout .main-image img {
	display: block;
}
.Product-layout .main-image {
	margin-bottom: 20px;
}
.Product-layout .price-container {
	font-size: 17px;
	margin-top: 25px;
	margin-bottom: 25px;
}
.Product-layout .OrderButton {
	margin-bottom: 10px;
}

/* CART
------------------------------------ */

/* cart info panel */
.cart-info {
	background: #e7eef4;
	font-size: 15px;
	padding-top: 25px;
	padding-bottom: 22px;
}
#wrapper .cart-info .button-link {
	margin: 5px 0;
}
.cart-info .title {
	display: inline-block;
	width: 160px;
}
.cart-info .value {
	font-weight: bold;
}

/* buttons */
.OrderButtonCart {
	margin-top: 16px;
}
.OrderButtonCart .delete {
	float: right;
	font-size: 15px;
	position: relative;
	text-decoration: none;
	border-bottom: 1px solid;
}
.OrderButtonCart .delete:hover {
	border-bottom: none;
}
.OrderButtonCart .delete:before {
	position: absolute;
	left: -20px;
	top: 5px;
	width: 10px;
	height: 10px;
	content: "";
	border-bottom: none;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAALVBMVEX////yAADyAADyAADyAADyAADyAADyAADyAADyAADyAADyAADyAADyAADyAACi52UFAAAADnRSTlMAFRgbtLe9xszP0tXY25+1L4QAAABESURBVHjaLcpbDgAhCEPRIuqoPPa/3GlQfjhJL8YU8GQOnDxC8UEjrTXLUEA9zdKp8hO4snmKoEuubOhFVb/R182+/gOIdwJ/xgVt5QAAAABJRU5ErkJggg==);
}
.OrderButtonCart form {
	display: inline-block;
}
.OrderButtonCart input {
	height: 26px;
	width: 20px;
	line-height: 26px;
	text-align: center;
	margin: 0;
	padding: 0 5px;
	display: inline-block;
	border: 1px solid #aaa;
}

/* SEARCH
------------------------------------ */
.Search-layout .item {
	padding: 20px 0;
	border-bottom: 1px dashed #7B7B7B;
}
.Search-layout .item.last {
	border: none;
}

/* EVENTS
------------------------------------ */
/* holder */
.EventHolder-layout .events-list {
	margin-top: 10px;
}
.EventHolder-layout .events-list .item {
	margin-bottom: 22px;
}
.EventHolder-layout .events-list .date {
	font-size: 15px;
}
.EventHolder-layout .events-list .title {
	font-size: 18px;
}

/* event */
.Event-layout .date-time {
	font-size: 15px;
	margin-bottom: 10px;
}

/* FAQ
------------------------------------ */
.FaqHolder-layout .questions-list,
.FaqSection-layout .questions-list {
	padding-left: 25px;
}
.FaqHolder-layout .questions-list .item,
.FaqSection-layout .questions-list .item {
	position: relative;
	margin-bottom: 15px;
}
.FaqHolder-layout .questions-list .item:before,
.FaqSection-layout .questions-list .item:before {
	content: attr(data-pos)".";
	position: absolute;
	top: 0;
	left: -20px;
	font-size: 18px;
}
.FaqHolder-layout .questions-list .question,
.FaqSection-layout .questions-list .question {
	font-size: 18px;
	text-decoration: none;
	border-bottom: 1px dashed;
}
.FaqHolder-layout .questions-list .question:hover,
.FaqSection-layout .questions-list .question:hover,
.FaqHolder-layout .questions-list .question:active,
.FaqSection-layout .questions-list .question:active {
	border-bottom: none;
	padding-bottom: 1px;
}

.FaqHolder-layout .questions-list .answer,
.FaqSection-layout .questions-list .answer {
	display: none;
	margin: 10px 0 0;
}
.FaqHolder-layout .questions-list .item.active .answer,
.FaqSection-layout .questions-list .item.active .answer {
	display: block;
}

/* PUBLICATIONS
------------------------------------ */

/* holder */
.PublHolder-layout .item {
	margin-bottom: 30px;
}
.PublHolder-layout .item .date-author {
	margin-bottom: 4px;	
}
.PublHolder-layout .item h2 {
	font-size: 18px;
	margin: 0 0 8px;
}

/* publication */
.Publication-layout .pict img {
	max-height: 100%;
}
.Publication-layout .pict {
	margin-bottom: 20px;
}
.Publication-layout .date-author {
	text-align: right;
	margin-top: 25px;
	margin-bottom: 30px;
}


/* CART POPUP WINDOW
-------------------------------------------- */
.shadow-bg {
	display: none;
	content: "";
	background: rgba(170, 170, 170, 0);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 8000;
}
.cart-popup {
	display: none;
	position: fixed;
	box-sizing: border-box;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 9000;
}
.cart-popup .content {
	position: relative;
	padding: 27px 40px 26px;
	background: #e7eef4;
	font: 18px Tahoma, sans-serif;
	color: #5D6163;
	text-align: center;
}
.cart-popup .content:before,
.cart-popup .content:after {
	content: "";
	position: absolute;
	overflow: hidden; /* linux chrome top line fix */
	left: 0;
	width: 100%;
	height: 17px;
	background-repeat: repeat-x;
}
.cart-popup .content:before {
	top: -17px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAARCAYAAAAcw8YSAAAALUlEQVQI11XGwQnAIBQFsPRZtY5RcP8ZvQn/EmLvvwVP0Cpv0OvGZQZf3QrWATKfAOUmFR3FAAAAAElFTkSuQmCC);
}
.cart-popup .content:after {
	bottom: -17px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAARCAYAAAAcw8YSAAAAKklEQVQI12NQUVGMZmJgYPgOJ34wMTAw/ERl/YITv5kYGBj+oLL+ohL/AZwdEI3Dap4lAAAAAElFTkSuQmCC);
}
.cart-popup .content .msg {
	margin-bottom: 2px;
}

.cart-popup .content .button-wrap {
	text-align: center;
}
#cart-popup .content .button-link {
	padding: 5px;
	width: auto;
	min-width: 190px;
	margin: 5px 15px 0;
}
#cart-popup .content .button-link:active {
	padding: 5px 4px 5px 6px;
}

/* COMMON: CONTACTS
------------------------------------ */
.contacts-ico {
	padding-left: 20px;
	padding: 0 0 2px 20px;
	margin-bottom: 10px;
	-webkit-print-color-adjust: exact;
}
.contacts-on-page {
	margin-top: 10px;
	margin-bottom: 10px;
}

.map-ico {
	background: url('/themes/mobile/img/icons/contacts/ico-map.png')
	no-repeat;
}
.time-ico {
	background: url('/themes/mobile/img/icons/contacts/ico-time.png')
	no-repeat;
}
.phone-ico {
	background: url('/themes/mobile/img/icons/contacts/ico-phone.png')
	no-repeat;
}
.fax-ico {
	background: url('/themes/mobile/img/icons/contacts/ico-fax.png')
	no-repeat;
}
.mail-ico {
	background: url('/themes/mobile/img/icons/contacts/ico-mail.png')
	no-repeat;
}