/*
  (c) Mediaweb Studio
*/


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

/* COMMON: SLIDER
------------------------------------ */
.slider-wrapper {
	overflow: hidden;
	padding-bottom: 30px;
	position: relative;
	margin-top: -25px;/* .body padding */
}
.slider-wrapper a.slide,
.slider-wrapper img {
	display: block;
	margin: 0;
	padding: 0;
}
.slider-wrapper a.slide {
	position: absolute;
	overflow: hidden;
}
.slider-wrapper img {
	height: auto !important;
	width: 100% !important;
	max-width: none !important;
}
.bx-pager {
	position: absolute;
	height: 20px;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
}
.bx-wrapper .bx-viewport {
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
}
.bx-pager-item {
	display: inline-block;
	margin: 0 4px;
}
.bx-pager-link {
	display: block;
	width: 16px;
	height: 0;
	padding-top: 16px;
	border-radius: 8px;
	overflow: hidden;
	background: #999;
}
.bx-pager-link.active {
	background: #000;
}


/* 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.hasError {
	display: block;
	font: 15px Tahoma, sans-serif;
	color: #FF0000;
	padding-top: 2px;
}
.main-form div.field  .message {
	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-color: #0060c9; /* $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;
}

/* 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;
	text-align: center;
	margin: 0 14px 5px 0 !important;
	width: 100% !important;
	font: 12px Tahoma, sans-serif !important;
}
.grid .image {
	display: inline !important;
	vertical-align: middle !important;
	text-align: center !important;
	border: 1px solid #839fb6 !important;
	background-color: #fff;
	width: auto !important;
	height: auto !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;
	height: 186px;
    overflow: hidden;
    margin-bottom: 30px;
}
.goods-list-catalog .item .price-cont {
	font-size: 17px;
}
.goods-list-catalog .item .price {
	font-weight: bold;
}

.goods-list-catalog .item .desc * {
	font-size: 15px !important;
}
.goods-list-catalog .item .desc .title {
	display: inline-block;
}

/* 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{
	
	list-style-type: none;
}
.subcat-list a {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 10px 10% 10px 20px;
	margin: 5px 0;
	background: url('../img/arrow2.png') 95% center no-repeat #0d67a7; /* $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 .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;
}

/* SimpleOrderPage */
.SimpleOrderPage .OrderProduct,
.SimpleOrderPage .typography {
	padding: 0 4%;
}
.SimpleOrderPage .typography h1 {
	padding: 0px;
}

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