/*
  (c) Mediaweb Studio
*/

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

/* CONTACT PAGE */
.map-ico {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAQCAMAAAD6fQULAAAAUVBMVEX///86Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6OjrStkGfAAAAGnRSTlMAAQYKFRooMDIzNElxdHyen6Kjpa/b6Ony/nCxraoAAABrSURBVHjaTclJDoMwFATRZgYz4zDV/Q8afztBvEVLpVZQbMBWKHIkziIH7+Q85KFmvIxnDnvTaWRUxy2VIJGmtGrj11plJ6vMyplJPSyNmgV6BRfJJVOT1IomzKSfHdj1Vx0clR4Dg14+ir5oxAkFtaurLwAAAABJRU5ErkJggg==')
	0 3px no-repeat;
}
.time-ico {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAMAAABFNRROAAAAWlBMVEX///86Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojqy/5jNAAAAHXRSTlMADhYZMzs/QUZJS09/gISHiIuOq6ytruDh5ebs8oKHB94AAABhSURBVHgBLctZEoIwAATRVlAIi4IgLtj3v6YJyfvrmhqS+8v3jaw2q4k6XZpTs2gH6ADCoDD75ChWH+yGUq0/tEqlnLVsSetefsnqDDqSjAr0uoUqbNoTXcyuZNPH70T0B/tQCFrOsbV3AAAAAElFTkSuQmCC')
	0 4px no-repeat;
}
.phone-ico {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAV1BMVEX///86Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6OjqVyn9wAAAAHHRSTlMAAgYKFBYlKSpYX2JjfX+pss3Q2eDh5OXs7fLzDJaFAwAAAFBJREFUeNpVylkOgCAMAFHcFXdxd+5/ThVIoPPTvrTKp4G19KhxpVYNvuLXCNd0wGMSd1u+MXT2s/oVgjOShlkc2SXpJdvADe5cfBsVl0X7C0z5Bp8oCs6qAAAAAElFTkSuQmCC')
	0 4px no-repeat;
}
.fax-ico {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAMAAADHVLbdAAAAS1BMVEX///86Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojrj+g89AAAAGHRSTlMAAQoSFkBkubzX2drb3N3e3+Dh4u7y+v7qJEklAAAAYElEQVR4AU3NS5qCQAAD4WJg7FYUwQfU/U8qmE/xXySLLMJqNmbC3/4r7kpL1X6636bxejlqRQ98/CsObETkLI7sBrHnaTw4iXYSdkpVUZOVtijx/l99d8KGTSOxGAvwAitCCUwxf2JfAAAAAElFTkSuQmCC')
	0 1px no-repeat;
}
.mail-ico {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAALCAMAAACXmSduAAAAdVBMVEX///86Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojrakz9AAAAAJnRSTlMAAQUGEi9DUllkaXJ/hoeIi6anrrq+xcjJytLU1uLj6Onw9/j5+1c2TvIAAABbSURBVAjXVc1VDoBAEAPQAou7u0Pvf0Q8WfozeRnDRjkDtEiiqyCEWrxKIDyQBsxLsw6HPM0MiOlDdOSE9erZAILn3nKv1tZ41/71l/6Zl/7/yB15U5Vf6jY9AIz7E30lhgpuAAAAAElFTkSuQmCC')
	0 6px no-repeat;
}

/* footer icons */
.footer .map-ico {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAQCAMAAAD6fQULAAAAUVBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////94FlRsAAAAGnRSTlMAAQYKFRooMDIzNElxdHyen6Kjpa/b6Ony/nCxraoAAABrSURBVHjaTclJDoMwFATRZgYz4zDV/Q8afztBvEVLpVZQbMBWKHIkziIH7+Q85KFmvIxnDnvTaWRUxy2VIJGmtGrj11plJ6vMyplJPSyNmgV6BRfJJVOT1IomzKSfHdj1Vx0clR4Dg14+ir5oxAkFtaurLwAAAABJRU5ErkJggg==')
	 0 2px no-repeat;
	 width: 210px;
}
.footer .time-ico {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAMAAABFNRROAAAAWlBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9jZLFEAAAAHXRSTlMADhYZMzs/QUZJS09/gISHiIuOq6ytruDh5ebs8oKHB94AAABhSURBVHgBLctZEoIwAATRVlAIi4IgLtj3v6YJyfvrmhqS+8v3jaw2q4k6XZpTs2gH6ADCoDD75ChWH+yGUq0/tEqlnLVsSetefsnqDDqSjAr0uoUqbNoTXcyuZNPH70T0B/tQCFrOsbV3AAAAAElFTkSuQmCC')
	0 3px no-repeat;
	width: 180px;
}
.footer .phone-ico {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAV1BMVEX////////////////////////////////////////////////////////////////////////////////////////////////////////////////////c7HqBAAAAHHRSTlMAAgYKFBYlKSpYX2JjfX+pss3Q2eDh5OXs7fLzDJaFAwAAAFBJREFUeNpVylkOgCAMAFHcFXdxd+5/ThVIoPPTvrTKp4G19KhxpVYNvuLXCNd0wGMSd1u+MXT2s/oVgjOShlkc2SXpJdvADe5cfBsVl0X7C0z5Bp8oCs6qAAAAAElFTkSuQmCC')
	0 2px no-repeat;
	width: 200px;
}
.footer .fax-ico {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAMAAADHVLbdAAAAS1BMVEX///////////////////////////////////////////////////////////////////////////////////////////////////+yVYcAAAAAGHRSTlMAAQoSFkBkubzX2drb3N3e3+Dh4u7y+v7qJEklAAAAYElEQVR4AU3NS5qCQAAD4WJg7FYUwQfU/U8qmE/xXySLLMJqNmbC3/4r7kpL1X6636bxejlqRQ98/CsObETkLI7sBrHnaTw4iXYSdkpVUZOVtijx/l99d8KGTSOxGAvwAitCCUwxf2JfAAAAAElFTkSuQmCC')
	0 2px no-repeat;
}
.footer .mail-ico {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAALCAMAAACXmSduAAAAdVBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+qOdF8AAAAJnRSTlMAAQUGEi9DUllkaXJ/hoeIi6anrrq+xcjJytLU1uLj6Onw9/j5+1c2TvIAAABbSURBVAjXVc1VDoBAEAPQAou7u0Pvf0Q8WfozeRnDRjkDtEiiqyCEWrxKIDyQBsxLsw6HPM0MiOlDdOSE9erZAILn3nKv1tZ41/71l/6Zl/7/yB15U5Vf6jY9AIz7E30lhgpuAAAAAElFTkSuQmCC')
	0 4px no-repeat;
}

/* print vers */
.print_contacts .map-ico {
	background: url('../img/icons/contacts-print/ico-map.png') no-repeat;
}
.print_contacts .time-ico {
	background: url('../img/icons/contacts-print/ico-time.png') no-repeat;
}
.print_contacts .phone-ico {
	background: url('../img/icons/contacts-print/ico-phone.png') no-repeat;
}
.print_contacts .fax-ico {
	background: url('../img/icons/contacts-print/ico-fax.png') no-repeat;
}
.print_contacts .mail-ico {
	background: url('../img/icons/contacts-print/ico-mail.png') no-repeat;
}
.ContactsPage-layout #map {
    height: 400px;
    margin-top: 20px;
}

/* COMMON: SOCIAL LINKS
------------------------------------ */
.s-links {
	overflow: hidden;
}
.s-links a {
	width: 40px;
	height: 40px;
	display: block;
	background-size: cover;
	float: left;
	margin: 2px 5px 0 0;
}
.s-links a.vk { background: url('../img/icons/svg/vk.svg'); background-size: cover; }
.s-links a.vk:hover { background: url('../img/icons/svg/vk-hover.svg'); background-size: cover; }
.s-links a.facebook { background: url('../img/icons/svg/facebook.svg'); background-size: cover; }
.s-links a.facebook:hover { background: url('../img/icons/svg/facebook-hover.svg');	background-size: cover; } 
.s-links a.google-plus { background: url('../img/icons/svg/google.svg'); background-size: cover;  }
.s-links a.google-plus:hover { background: url('../img/icons/svg/google-hover.svg'); background-size: cover; } 
.s-links a.twitter { background: url('../img/icons/svg/twitter.svg'); background-size: cover; }
.s-links a.twitter:hover { background: url('../img/icons/svg/twitter-hover.svg'); background-size: cover; }
.s-links a.instagram { background: url('../img/icons/svg/instagram.svg'); background-size: cover; }
.s-links a.instagram:hover { background: url('../img/icons/svg/instagram-hover.svg'); background-size: cover; }

/* COMMON: FILES
------------------------------------ */
.main-files {
	margin: 0 0 20px;
}
.main-files .item {
	min-height: 27px;
	margin-bottom: 6px;
	overflow: hidden;
}
.main-files .item span {
	color: #A5A5A5;
}
.main-files .info {
	padding: 6px 0 0 0;
}
.main-files .item .ico {
	float: left;
	width: 27px;
	height: 32px;
	background-image: url("../img/icons/files.png");
	background-repeat: no-repeat;
	margin-right: 15px; 
}
.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;
}

/* MAIN-CONTENT
------------------------------------ */
.main-content {
	margin-bottom: 15px;
}

/* COMMON: FORM
------------------------------------ */
/* general */
.main-form form {
	width: 100%;
	padding: 10px 0;
}
.main-form .middleColumn li {
	margin-bottom: 10px;
}
.main-form fieldset .field {
	margin-bottom: 18px;
	width: 880px;
	overflow: hidden;
	float: left;
}
.Search .main-form fieldset div.field {
	width: 380px;
	float: left;
	margin-right: 20px;
}
.Search .main-form input.action {
	float: left;
}
.main-form fieldset div.optionset {
	margin-bottom: 0;
}
.main-form fieldset div.field.stealthfieldcaptcha {
	display: none;
}
.main-form fieldset div.field label.left {
	display: block;
	overflow: hidden;
	font-weight: 700;
	margin-bottom: 12px;
}
.main-form div.requiredField label.left:after {
	content: "*";
}
.main-form fieldset div.field .middleColumn {
	float: left;
	overflow: visible;
}
.main-form p#Agree .middlecolumn {
	float: left;
	width: 380px;
}
.main-form p#Agree .message.required {
	line-height: 20px;
}
.main-form div.field label.hasError {
	display: block;
	width: 380px;
	float: left;
	margin-left: 20px;
}
.main-form .field label.hasError {
	color: #FD0101;
	font-size: 15px;
	line-height: 44px;
}
.main-form p.checkbox label.hasError {
	margin-right: 184px;
	float: right;
	line-height: 22px;
}
.main-form p.checkbox span.right {
	display: inline-block;
	width: 363px;
	vertical-align: top;
}
.main-form p.checkbox.personal-data label.right {
	display: none;
}
.main-form .message.required,
.main-form .message.validation {
	color: #F76767;
	font-size: 15px;
	margin-left: 20px;
	line-height: 32px;
	float: left;
}
.main-form .message.required a {
	color: #FFCC00;
}

/* fields */
.main-form .middleColumn input.text,
.main-form .middleColumn textarea,
.main-form .middleColumn select,
.form-view input.text,
.form-view textarea,
.form-view select {
	box-sizing: border-box;
	padding: 9px 20px;
	text-align: left;
	resize: none;
	width: 380px;
	line-height: 24px;
	float: left;
	border: 1px solid #D4D4D4;
	outline: transparent;
}
.main-form .middleColumn textarea {
	padding: 9px 20px;
}
.main-form .middleColumn select{
	padding: 9px 20px;
}
.main-form .middleColumn input.text:focus,
.main-form .middleColumn textarea:focus,
.main-form .middleColumn select:focus,
.form-view input.text:focus,
.form-view textarea:focus,
.form-view select:focus {
	border-color: #007FBA;
}
.main-form .middleColumn input.text.hasError,
.main-form .middleColumn textarea.hasError,
.main-form .middleColumn select.hasError,
.form-view input.text.hasError,
.form-view textarea.hasError,
.form-view select.hasError {
	border-color: #FF0000;
}
.main-form .middleColumn.validationError input.text,
.main-form .middleColumn.validationError textarea,
.main-form .middleColumn.validationError select {
	border-color: #FF0000;
}

/* groups */
.main-form .middleColumn ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 380px;
	float: left;
}

/* action */
.main-form input.action,
.form-view input.action,
#wrapper a.button-link {
	background: #FF0101;
	box-sizing: border-box;
	text-align: center;
	display: block;
	width: 195px;
	height: 45px;
	border: none;
	padding: 0;
	cursor: pointer;
	line-height: 45px;
	color: #fff;
	text-decoration: none;
	outline: none;
}
.main-form input.action:hover,
.form-view input.action:hover,
#wrapper a.button-link:hover {
	background: #CE0000;
}
.main-form input.action:active,
.form-view input.action:active,
#wrapper a.button-link:active {
	background: #FF0101;
}
#wrapper .main-form div.Actions {
	margin: 15px 0 0;
}
.main-content .default {
	background: #09C0C7;
	box-sizing: border-box;
	text-align: center;
	display: inline-block;
	width: 280px;
	height: 60px;
	border: none;
	padding: 0;
	cursor: pointer;
	font: 700 22px/60px PT Sans, sans-serif;
	color: #fff;
	text-decoration: none;
	outline: none;
}
.main-content .default:hover {
	border: 2px solid #09C0C7;
	line-height: 56px;
	background: #fff;
	color: #172632;
}
.main-content .default:active {
	background: #09C0C7;
	color: #fff;
	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: 172px;
}
.main-form .field.stealthfieldcaptcha {
	margin: 0;
}  

/* COMMON: SLIDER
------------------------------------ */
.slider-wrapper {
	width: 880px;
	height: 330px;
	position: relative;
	margin-bottom: 25px;
}
.slider-wrapper a.sl,
.slider-wrapper img {
	display: block;
	width: 880px;
	height: 330px;
	margin: 0;
	padding: 0;
}
.bx-pager {
	position: absolute;
	height: 20px;
	bottom: 20px;
	right: 20px;
}
.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 3px;
}
.bx-pager-link {
	display: block;
	width: 12px;
	height: 0;
	padding-top: 12px;
	border-radius: 50%;
	border: 1px solid #9B9B9B;
	overflow: hidden;
	background: #fff;
}
.bx-pager-link.active {
	background: #FF0101;
}

/* COMMON: POPUP FORM
------------------------------------ */
.popup-content.main-form fieldset div.field .middleColumn {
	width: 280px;
}
.popup-content.main-form div.field label.hasError {
	float: none;
    margin: 0;
    line-height: normal;
    width: 380px;
}
.popup-content.main-form p.checkbox label.hasError {
	float: none;
	margin: 0 0 0 5px;
}
.popup-content.main-form fieldset p.checkbox {
	width: 380px;
}
.popup-bg {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	background: rgba(170, 170, 170, 0.4);
	z-index: 5000;
}
.popup-content,
.popup-thanks {
	display: inline-block;
	vertical-align: middle;
}
.popup-thanks {
	display: none;
}
.popup-content,
.popup-thanks {
	position: relative;
	background: #F3F3F3;
	border: 1px solid #424242;
	border-radius: 5px;
	text-align: left;
	padding: 18px 30px;
	margin-top: 150px;
}
.popup-content {
	width: 480px;
}
.popup-content .close {
	position: absolute;
	right: 12px;
	top: 10px;
	color: #999;
	cursor: pointer;
}
.popup-content .close:hover {
	color: #000;
}
.popup-content h2.title {
	margin: 0 0 15px;
}

.popup-content .Actions {
	text-align: right;
	padding-top: 10px;
}

/* COMMON: GRID
------------------------------------ */
.grid {
	margin-right: -12px;
}
.grid a {
	text-decoration: none;
}
.grid .element {
	display: inline-block;
	vertical-align: top;
}
.rub-grid .element {
	width: 212px;
	margin: 0 10px 10px 0;
}
.rub-grid .image {
	width: 212px;
	height: 212px;
}
.rub-grid .title {
	font: 700 18px Roboto, sans-serif;
	margin: 10px 0 0 0;
}

/* PHOTOS */

/* common */
.image {
	display: block;
	position: relative;
	font-size: 0
}
.image:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	background: #2a2a2a;
	opacity: 0;
	transition: opacity .5s;
}
.image:hover:before {
	opacity: 0.7;
}

/* main-photos */
.main-photos {
	margin-bottom: 20px; 
}
.main-photos .element {
	margin: 0 13px 13px 0; 
}
.main-photos .image {
	width: 210px;
	height: 140px;
}
.main-photos .image:after {
	content: "";
	width: 24px;
	height: 24px;
	position: absolute;
	top: 8px;
	right: 8px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAABblBMVEX////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////W2EQOAAAAeXRSTlMAAQIDBAUGCAoLEBQWFx0eJykqKywtLzAyNDY3ODk8PT5AQUdISUtMVFVfYGVrbG90d3h5enx9foGCg4WJjY6Pk5SXnZ+gpaerrK6vsLKztbu9vr/AwcbIyszU1tjZ2tvf4OHi4+jp6uvs7e7v8PP09fb3+Pr7/P3+zkcMRwAAASxJREFUeAFdy9lfYQEchvHXwZgZs5hlmH0x7UtalJRUJC1F+0IR0mJROZL3v6/zO/I5fG+eqwc6k8u3mSwWEusTn2H0bbnEpuvwF7SM5GmQHYTO7K+zTW3UBI2nwQ41eb5fUjROjnNsyn0CrGsUcbcNb4bOqFtS8KNKTUTB/wEnHKcU5Y8IUJN69XaLrMyiq04xjh3pNMLSbvMRxQay0l5TRrqAKEUCVWmfkpYGsEJRgCpdhE/Lret1iqKIc+mFQ5kr3aT70UNdEvsUh+9g/2AFXoYoYghSlxlzvndH/LCE7vlkCr9rfKaSnAEOSFacsMXZZtK+SzJqAf6WaNRIVsn8VwDwstPDMDQv5tnBb4aweMs0uPKg5V/sjk2V1V8wsP4J7uVUNbMd+KlAPAL5mLmR8N7SeAAAAABJRU5ErkJggg==')
	no-repeat center;
	opacity: 0;
	transition: opacity .5s;
	z-index: 20;
}
.main-photos .image:hover:after {
	opacity: 1;
}
.main-photos .image:hover .caption {
	opacity: 1;
}
.main-photos .caption {
	position: absolute;
	bottom: 8px;
	left: 8px;
	font-size: 14px;
	color: #fff;
	opacity: 0;
	transition: opacity .5s;
	z-index: 200;
}
.main-photos .caption p {
	font: 300 14px Roboto, sans-serif !important;
	text-align: left;
	max-height: 90px;
	overflow: hidden;
	margin: 0;
}

/* CART PAGE
------------------------------------ */
.cart a {
	float: left;
	padding-left: 22px;
	margin-right: 6px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAANCAMAAACXZR4WAAAAw1BMVEX///9ugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoJugoKqxpJ0AAAAQHRSTlMAAwUHCRgcIiQlJicoLzU/QEtNVFtcXWprcnd9jI+Xm6Woq6yxtr/AwcPGys/Q0tPU2eHi5Obs7fH0+Pn6+/3+MqI87wAAAHdJREFUeAFNyFUaAiAQAOE1sLs7RLFbbHTvfypZ8APmbX6YCDHNQdDuIrEbQjQWX8uZa0TWQ9+boBrAkiD59NAmiGzcv7JADRyswNTA7x9aFtJq36zoasOihfxDzvs6fr6VDXS2KUSlPljiYwOF6/GQYSyxON3rPyhIGm1orYYWAAAAAElFTkSuQmCC')
	left center no-repeat;
}
#wrapper .cart .empty {
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	width: 31px;
	height: 24px;
	background: #DAEBEB;
	color: #6D8181;
	line-height: 24px;
	margin-left: 4px;
}
#wrapper .cart .num {
	display: inline-block;
	font-size: 16px;
	width: 31px;
	height: 24px;
	line-height: 24px;
	margin: 9px 0; 
}
.delete {
	display: block;
	padding-left: 34px;
	height: 24px;
	line-height: 24px;
	text-decoration: none;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAA/FBMVEW/LBW/LBW/LBW/LBW/LBW/LBW/LBUZHBwhJCQmKCgpLCwqLS0sLy8tMDAvMTEzNjY1ODg5PDw6PT07Pj48Pz8+QEBAQkJBQ0NCRUVDRkZISkpJS0tKTExLTU1MTk5OUVFPUVFSVFRVV1dWWVldX19fYWFhY2NjZWVmaGhnaWlqbGxwcXGpqqqvsLC/LBXCwsLFxsbHyMjIycnJysrMzMzQ0dHR0tLS0tLT09PV1dXW19fX2Njb29vd3d3f4ODg4eHh4uLj4+Pk5OTm5ubo6Ojo6enq6+vr6+vv7+/w8PDx8fHy8/P09PT19fX29vb4+Pj78vD78/H78/L////nbqpHAAAAB3RSTlPh7/Dx8/b7vkRvFQAAAMFJREFUeAFjYGBmxAKYWBlYggKwgEA9BsaAYGyAkISVOULI1gpJQknAACbuqKCEJGGgxmUMEXeVFTFAtsNNg88QRLvISVqgWu6rKmQUHOygLGaD7ip/DU5Td2khO0znummLSimaYfOHFQe7DjYPusrLqPGbYEo4SUvYeGvy6KNLOCuKWwcHe6kLGKJKOMsIOoBoPzVuE2QJXWlJW4hKHy1eXSQJKWFLmK0eKlJIEib2iND1NMEZH+RKMAXikGDTww4AIPCVOhRuKGwAAAAASUVORK5CYII=")
	left center no-repeat;
}
.delete-cart {
	float: left;
}
.cart-total {
	float: right;
	width: 316px;
	margin-bottom: 35px; 
}
.cart-total__price {
	font: 700 24px Roboto, sans-serif;
}
.cart-total__price span {
	font-size: 20px;
}
.quantity__field {
    box-sizing: border-box;
    border: 1px solid #718585;
    height: 24px;
    width: 32px;
    padding: 0;
    margin: 0;
    margin-top: 8px;
    text-align: center;
    vertical-align: top;
    float: left;
}

/* CART TABLE 
-------------------------------------------- */
#carttab {
	margin: 20px 0;
	text-align: center;
}
#carttab a {
	text-decoration: none;
}
#carttab th,
#carttab thead td {
	background-color: #DAEBEB;
	font-weight: 300;
	border-bottom: none;
	padding: 7px 30px;
	line-height: 18px;
}
#carttab td {
	border-bottom: 1px solid #6E8282;
	padding: 16px 30px;
	vertical-align: top;
	background-color: #fff;
}
#carttab caption {
	caption-side: top;
	font-size: 12px;
	font-style: italic;
	padding-bottom: 7px;
	text-align: center;
}
#carttab tr.summary td {
	background-color: #eee;
	text-align: right;
}
#carttab tr.summary td.right.total {
	text-align: center;
}
#carttab tr.summary.grandtotal td {
	font-weight: 700;
}
#carttab tr th:nth-of-type(1) {
	padding-left: 16px;
	width: 230px;
	text-align: left;
}
#carttab tr td:nth-of-type(1) {
	width: 80px;
	padding: 16px;
	font-size: 0;
}
#carttab tr td:nth-of-type(2) {
	text-align: left;
	width: 230px;
	font: 700 18px Roboto, sans-serif;
	padding-left: 0;
}
#carttab tr td:nth-of-type(3) {
	text-align: right;
}
#carttab tr td:nth-of-type(3) span {
	font-size: 12px;
}
#carttab tr td:nth-of-type(4) {
	width: 80px;
}
#wrapper #carttab tr td:nth-of-type(4) .counter,
#wrapper #carttab tr td:nth-of-type(4) .quantity__field {
	margin-top: 0
}
#carttab tr td:nth-of-type(5) {
	font-weight: 700;
	text-align: right;
}
#carttab tr td:nth-of-type(5) span {
	font-size: 12px;
}
#carttab tr td:last-of-type {
	width: 80px;
	padding: 16px 0;
}
#carttab .total {
	font-size: 18px;
}
.grandtotal .right.total {
	font-size: 18px;
}
.CartPage a,
.CheckoutPage-layout a {
	text-decoration: none;
}
.CheckoutPage-layout table {
	margin: 20px 0;
	border-spacing: 0;
	border-collapse: collapse;
	text-align: center;
}
.CheckoutPage-layout .main-form div.Actions {
	margin-top: 30px;
}
.CheckoutPage-layout th,
.CheckoutPage-layout thead td {
	background-color: #DAEBEB;
	text-align: center;
	border: none;
	padding: 7px 30px;
	font-weight: 300;
}
.CheckoutPage-layout td {
	border-bottom: 1px solid #6E8282;
	padding: 16px;
	vertical-align: top;
	font-size: 16px;
	background-color: #fff;
}
#orderItems caption,
#shippingDetails caption {
	caption-side: top;
	font-size: 12px;
	font-style: italic;
	padding-bottom: 7px;
	text-align: center;
}
#orderItems tr td:last-of-type {
	font-weight: 700;
}
#orderItems tr td:last-of-type span {
	font-size: 12px;
}
#shippingDetails td {
	border-bottom: none;
	text-align: left;
}
#shippingDetails td.name {
	font-weight: 700;
	width: 200px;
}
#shippingDetails td {
	padding-left: 0;
	padding-top: 8px;
	padding-bottom: 8px;
}
.CheckoutPage-layout .product .left.title {
	font-size: 18px;
	font-weight: 700;
	text-align: left;
}
#Form_OrderForm_hdrSummary {
	display: none;
}
.CheckoutPage-layout h2:last-of-type {
	padding-top: 45px;
}
.CheckoutPage-layout .product.last td,
.CheckoutPage-layout .summary td {
	border-bottom: none;
}
.CheckoutPage-layout .summary td {
	background: #DAEBEB;
}
.CheckoutPage-layout td.left.summarytitle {
	text-align: right;
	padding-right: 30px
}
#orderItems .summary.grandtotal {
	line-height: 29px;
}
#orderItems .summary.grandtotal td:last-of-type {
	font: 700 24px Roboto, sans-serif;
}
#orderItems .summary.grandtotal td:last-of-type span {
	font-size: 20px;
}
.CheckoutPage-layout hr {
	border: none;
	border-top: 1px dashed #D7CCB3;
}
.comeback,
.comeback:hover {
	display: block;
	font-weight: 700;
	width: 200px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #191B1B;
	box-sizing: border-box;
	border: 1px solid #C74733;
	margin-top: 30px;
}

/* CART POPUP
------------------------------------ */
.cart-popup-message {
	display: none;
	position: fixed;
	background: #fff;
	border: 1px solid #bbb;
	top: 25%;
	left: 50%;
	margin-left: -300px;
	width: 600px;
	border-radius: 5px;
	box-sizing: border-box;
	padding: 20px;
	z-index: 9000;
}
.cart-popup-message .title {
	text-align: center;
	margin-bottom: 25px;
	margin-top: 20px;
}
.cart-popup-message > .close {
	position: absolute;
	top: 10px;
	right: 16px;
	cursor: pointer;
}
.cart-popup-message .button-wrap {
	float: left;
	text-align: center;
}
.cart-popup-message .button-wrap:nth-of-type(1) {
	margin: 0 36px; 
}
#cart-popup-message .button-wrap .button-link {
	width: 225px;
}

/* CATALOG
------------------------------------ */
.Catalog .views {
	display: block;
	text-align: right;
}
.Catalog .options {
	font-size: 14px;
	color: #B6C0C0;
}
.Catalog .options .current {
	background: #DAEBEB;
	padding: 10px 15px;
}
.Catalog .options a {
	text-decoration: none;
}
.Catalog .text {
	display: inline-block;
	font-size: 14px;
	line-height: 28px;
	margin-right: 10px;
	vertical-align: top;
}
.Catalog .views .view {
	display: inline-block;
	height: 28px;
	width: 28px;
	background-color: #efefef;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 4px;
	vertical-align: top;
}
.Catalog .views .view.active {
	background-color: #00923f;
}
.Catalog .views .view-tile {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAKUlEQVQYV2OUlxL/z4AEHj57yQjiooszDqBCZPfhY4MdTgwYSM8QG44ArLsqgyOmklUAAAAASUVORK5CYII=');
}
.Catalog .views .view-tile.active {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAJklEQVQY02P8////fwYkwMjIyMjAwMCALs7EQCSgvkLqA8Yh4GsADc8QB9aJo9MAAAAASUVORK5CYII=');
}
.Catalog .views .view-list {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAHUlEQVQY02NkYGD4zwABjFAaxkcBTAwDBhhHpBsBgtcGB4G99NIAAAAASUVORK5CYII=');
}
.Catalog .views .view-list.active {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAALUlEQVQYV2P8////fwYGBgZGRkZGEA3jg9jIgJFoheg6cfHB1hEDiLd6OLkRAEiZL/N88b9JAAAAAElFTkSuQmCC');
}

/* tile */
.products.view-tile {
	margin-right: -16px;	
}
.products.view-tile .item {
	float: left;
	box-sizing: border-box;
	border: 1px solid #DAEBEB;
	padding: 0 15px;
	width: 212px;
	margin: 0 11px 11px 0;
	position: relative;
}
.products.view-tile .item:hover {
	border-color: #708383;
}
.products.view-tile .image-cont {
	margin: 15px auto;
	width: 180px;
	height: 180px;
}
.products.view-tile .desc-cont {
	width: 180px;
	margin: 0 auto;
	overflow: hidden;
	font: 700 18px Roboto, sans-serif;
}
.products.view-tile .price-cont {
	position: absolute;
	bottom: 18px;
	width: 180px;
	left: 15px;
}
.products.view-tile .order-button {
	margin-top: 10px;
	position: relative;
}
.products .price-cont .available,
.products .price-cont .unavailable {
	color: #019B97;
	font-size: 14px;
	line-height: 30px;
	float: right;
}
.products .price-cont .unavailable {
	color: #6D8181;
}
.products .price-cont .for-order {
	line-height: 30px;
	color: #939393;
	font-size: 12px;
	text-transform: uppercase;
}

/* list */
.products.view-list {
	border-top: 1px dashed #ccc;	
}
.products.view-list .item {
	border-bottom: 1px dashed #ccc;
	padding: 15px 0;
}
.products.view-list .image-cont,
.products.view-list .desc-cont {
	float: left;
}
.products.view-list .image-cont {
	width: 180px;
	border: 1px solid #E2E2E2;
	margin-right: 20px;
}
.products.view-list .desc-cont {
	width: 470px;
}
.products.view-list .title {
	font-size: 17px;
}
.products.view-list .desc {
	display: block;	
	margin-top: 11px;
}

.products.view-list .price-cont {
	float: right;
	width: 160px;
	text-align: center;
}
.products.view-list .old {
	display: block;	
	margin-bottom: 2px;
}
.products.view-list .price {
	margin-bottom: 14px;
}

/* common */
.products {
	margin: 30px 0 35px;
}
.products .image-cont a,
.products .image-cont img {
	display: block;	
}
.products .title {
	text-decoration: none;
	display: block;
	margin-bottom: 138px;
}
.products .price.old {
	display: block;
	color: #6D8181;
	font-size: 16px;
	text-decoration: line-through;
	margin-bottom: 8px;
}
.products .price.old .currency {
	font-size: 12px;
}
.products .price.discount {
	font: 700 24px Roboto, sans-serif;
}
.products .price.discount .currency {
	font-size: 20px;
}
.products .price-cont .AddProductAction {
	float: right;
	width: 92px;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
input[type=number] {
    -moz-appearance:textfield;
}
#wrapper .button-link.disabled,
#wrapper .button-link.disabled:hover,
#wrapper .button-link.disabled:active {
	width: 180px;
	color: #6D8181;
	background: #DAEBEB;
	cursor: default;
}
#wrapper .button-link.counter {
	width: 24px;
	height: 24px;
	line-height: 24px;
	margin-top: 8px;
	float: left;
	text-decoration: none;
	font-weight: 400;
}

/* PRODUCT PAGE
------------------------------------ */
.product-wrapper .photos-box {
	width: 280px !important;
	float: left !important;
	font-size: 0;
}
.product-wrapper .photos-box a,
.product-wrapper .photos-box > img {
	display: block;
	margin: 0;
	padding: 0;
}
.product-wrapper .photos {
	margin: 0 -20px 0 0;
}
.product-wrapper .photos a {
	float: left !important;
	margin: 16px 20px 0 0;
}
.product-wrapper .photos img {
	display: block;
}
.product-wrapper .description {
	margin-left: 20px !important;
	width: 580px;
	float: left;
}
.product-wrapper .price-cont {
	background-color: #DAEBEB;
	display: block;
	padding: 16px 25px;
	margin-bottom: 20px;
	position: relative;
}
.product-wrapper .price-cont .price {
	float: left;
	font-size: 20px;
	font-weight: 700;
	margin-right: 40px;
	line-height: 40px;
}
.product-wrapper .price-cont .price .value {
	font-size: 24px;
}
.product-wrapper .price-cont .old {
	text-decoration: line-through;
	color: #6D8181;
	font-size: 12px;
	font-weight: 300;
}
.product-wrapper .price-cont .old .value {
	font-size: 16px; 
}
.product-wrapper .order-button {
	float: right;
}
#wrapper .price-cont .AddProductNum {
	box-sizing: border-box;
	border-color: #718585;
	height: 24px;
	width: 32px;
	padding: 0;
	margin: 0;
	margin-top: 8px;
	text-align: center;
	vertical-align: top;
	float: left;
}
.product-wrapper .price-cont .AddProductAction {
	float: left;
	margin-left: 16px;
}
.Product .AddProductAction {
	width: 144px !important;
}
.product-wrapper .price-cont .available,
.product-wrapper .price-cont .unavailable {
	color: #019B97;
	font-size: 14px;
	line-height: 40px;
}
.product-wrapper .price-cont .unavailable {
	color: #6D8181;
}

/* NEWS AND ANNOUNCEMENT HOLDERS
------------------------------------ */
.NewsHolder-layout .item:nth-last-of-type(n+2),
.AnnouncementHolder-layout .item:nth-last-of-type(n+2) {
	margin: 0 0 15px;
	border-bottom: 1px dashed #CCCCCC;
}
.NewsHolder-layout .item .title,
.AnnouncementHolder-layout .item .title {
	margin: 0;
	font: 700 18px Open Sans, sans-serif;
}
.NewsHolder-layout .date,
.AnnouncementHolder-layout .date,
.NewsEntry-layout .date,
.Announcement-layout .date {
	font: 400 13px Open Sans, sans-serif;
	display: block;
	margin: 5px 0 10px;
}
.NewsEntry-layout .date,
.Announcement-layout .date {
	font-size: 18px;
	margin-bottom: 35px;
}
.NewsHolder-layout p, .AnnouncementHolder-layout p {
    overflow: hidden;
}
.NewsEntry-layout p.date,
.Announcement-layout p.date {
	margin-bottom: 5px;
	font-size:12px;
}
.NewsHolder-layout .item > img,
.NewsEntry-layout .pict > img,
.AnnouncementHolder-layout .item > img,
.Announcement-layout .pict > img {
	float: left;
	margin: 0 20px 20px 0;
}
.NewsHolder-layout .pict,
.AnnouncementHolder-layout .pict {
	width: 280px;
	float: left;
	margin: 0 20px 20px 0;
}

/* GUESTBOOK
------------------------------------ */
.Guestbook .user-reviews {
	list-style-type: none;
	padding: 0 20px;
}
.Guestbook .user-reviews .review {
	margin-bottom: 25px;
}
.Guestbook .user-reviews .date {
	font-size: 11px;
	margin: 0;
}
.Guestbook .user-reviews .title {
	font-size: 14px;
	font-weight: bold;
}
.Guestbook .user-reviews .button-link {
	margin-right: 15px;
}

/* Search */
.Search #Search {
	float: left;
	margin: 0 20px 0 0;
}
.Search .center-col h4 {
	margin: 0; 
}
.Search .center-col a {
	text-decoration: none;
}

/* ContentSubMenu */
.content-submenu {
	padding-left: 48px;
}
.greater-marker li {
	list-style: none;
	position: relative;
}
.content-submenu li a {
	text-decoration: none;
}
.greater-marker li a {
	position: relative;
}
.greater-marker li a:before {
	content: ">";
	position: absolute;
	top: 0;
	left: -16px;
}

/* Course list */
.center-col .cource-list {
	padding-left: 12px;
}
.center-col .cource-list li {
 margin-bottom: 15px;
}
.center-col.CoursePage-layout h2 {
	margin: 30px 0;
}
.center-col.CoursePage-layout .test-list li {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px dashed #B0B0B0;
}
.center-col.CoursePage-layout .test-name {
	display: inline-block;
}
.center-col.CoursePage-layout .name,
.center-col.CourseTest-layout .name {
	font-weight: 700;
}
.center-col.CoursePage-layout .param td,
.center-col.CourseTest-layout .param td  {
	border: none;
}
.center-col.CoursePage-layout .param td.name,
.center-col.CourseTest-layout .param td.name  {
	padding: 0 20px 0 0;
}
.center-col.CoursePage-layout .param td.value,
.center-col.CourseTest-layout .param td.value  {
	padding: 0 0 0 20px;
	text-align: left;
}
/* 26.03.2018 правки */
.testResults_summary {
	margin-bottom: 32px;
	margin-left: 20px;
}
.testResults_questionText {
	display: block;
	margin-bottom: 8px;
}
.testResults_listItem {
	margin-bottom: 32px;
	font-size: 18px;
	font-weight: 400;
}
.testResults_questionDescription {
	font-size: 16px;
	font-weight: 400;
}
.testResults_answerWrapper,
.testResults_commentWrapper {
	margin-left: 20px !important;
	font-size: 16px;
	font-weight: 400;
}
.testResults_answerTitle,
.testResults_commentTitle {
	font-weight: 400
}
.testResults_answer__right {
	color: #39ad00;
}
.testResults_answer__wrong {
	color: #ff0101;
}

/* TEST FORM 
------------- */
#Form_TestForm label.left {
	display: none;
}
.test_question {
	font: 700 18px Open Sans, sans-serif;
	margin-bottom: 10px;
}
.test_question_description {
	margin-bottom: 20px;
	padding-left: 20px;
}
#Form_TestForm .field.optionset {
	padding-left: 40px;
	margin-bottom: 20px;
	width: auto;
}

#Form_TestForm fieldset  .middleColumn ul {
	float: none;
	width: 100%;
}


/* COURSE PAGE
================================*/

.CourseTest-layout h1 .test_question_number {
	display: inline-block;
	padding: 8px 12px;
	background-color: #e5e5e5;
	font-size: 16px;
	font-weight: 400;
	float: right;
}
.CourseTest-layout h1 .test_question_number:before {
	content: 'вопрос ';
}
.CourseTest-layout #Form_TestForm .test_question_image {
	padding-left: 20px;
}
.CourseTest-layout #Form_TestForm .test_question_image img {
	max-width: 100%;
	width: 280px;
}

.CourseTest-layout #Form_TestForm_error {
	border: 1px solid #ff0101;
	padding: 20px;
	margin-top: 24px;
}
.CourseTest-layout #Form_TestForm_error h3 {
	content: 'Неправильно.';
	display: block;
	color: #ff0101;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 20px;
	margin-top: 0px;
}

/* Course Timer */
.finalCourseTimer {
	width: 280px;
	min-height: 92px;
	border: 2px solid #22272e;
	padding: 10px 0;
	box-sizing: border-box;
	background-color: #ffffff;
	margin-bottom: 44px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.finalCourseTimer * {
	box-sizing: border-box;
}

.finalCourseTimer .hours,
.finalCourseTimer .minutes,
.finalCourseTimer .seconds {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 68px;
}

.finalCourseTimer .hours > span:not(.name),
.finalCourseTimer .minutes > span:not(.name),
.finalCourseTimer .seconds > span:not(.name) {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 32px;
	height: 44px;
	border: 1px solid #d5d5d5;
	background-color: #e5e5e5;
	color: #21272d;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 36px;
	font-weight: 700;
}

.finalCourseTimer .divider {
	color: #22272e;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: 700;
	font-size: 36px;
	margin: 0 4px;
}

.finalCourseTimer .name {
	display: block;
	width: 100%;
	color: #22272e;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight: 400;
	text-align: center;
	line-height: 1;
	margin-top: 4px;
}

.finalCourseTimer .red,
.finalCourseTimer .red * {
	color: #ff0101 !important;
}

.finalCourseTimer .redMessage {
	width: 244px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	background: #ff0101;
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 23px;
	margin-top: 4px;
}