* { padding: 0; margin: 0; }

body.color-bw { color: #000; background: #fff; }
body.color-wb { color: #fff; background: #000; }
body.color-cb { color: #195183; background: #9dd1ff; }
body.color-bb { color: #59422E; background: #F7F3D6; }
body.color-gb { color: #A9DD38; background: #3B2716; }

a { text-decoration: none; }
.color-bw a { color: #000; }
.color-wb a { color: #fff; }
.color-cb a { color: #195183; }
.color-bb a { color: #59422E; }
.color-gb a { color: #A9DD38; }

.wrap { width: 960px; margin: 0 auto; }
.clear { clear: both; height: 1px; }

#access { position:fixed; left: 0; top: 0; width: 100%; height: 44px; font: normal 17px 'Times New Roman', Times, serif; background-repeat: repeat-x; z-index: 2000; }
.color-bw #access { background-image: url("../images/panel-bw.e0ef91c16ac5.png"); }
.color-wb #access { background-image: none; }
.color-cb #access { background-image: url("../images/panel-cb.47c508cdb692.png"); }
.color-bb #access { background-image: url("../images/panel-bb.9d7d44b4635e.png"); }
.color-gb #access { background-image: url("../images/panel-gb.d5b3f581f8f2.png"); }

#access .wrap { height: 44px; }
#access dl, #access .switch { float: left; height: 44px; margin: 0 0 0 12px; }
#access .switch { margin: 0 0 0 24px; line-height: 44px; text-decoration: underline; }
#access dt { float: left; height: 44px; line-height: 44px; }
#access dd { float: left; margin: 0 0 0 5px; }
#access a.btn { display: block; float: left; background-repeat: no-repeat; }

#access .sound { float: left; margin: 0 0 0 12px; }
#access .sound a {
	display: block;
	width: 32px;
	height: 44px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url("../images/volume-max.bda140b97fbe.png");
}

.sound-on #access .sound a {
	background-image: url("../images/volume-x.a50baabf1315.png");
}

.font-size dd { padding: 7px 0 0; }
.font-size a { width: 26px; height: 31px; }
.color-bw .font-size a { background-image: url("../images/font-size-bw.ba0672fddcb6.png"); }
.color-wb .font-size a { background-image: url("../images/font-size-wb.70d8ab4472a7.png"); }
.color-cb .font-size a { background-image: url("../images/font-size-cb.2f0f24414718.png"); }
.color-bb .font-size a { background-image: url("../images/font-size-bb.56b032708380.png"); }
.color-gb .font-size a { background-image: url("../images/font-size-gb.150abee43e47.png"); }
.font-size .small { background-position: 0 -31px; }
.font-small .small { background-position: 0 0; }
.font-size .medium { background-position: -26px -31px; }
.font-medium .medium { background-position: -26px 0 !important; }
.font-size .big { background-position: -52px -31px; }
.font-big .big { background-position: -52px 0; }

.color dd { padding: 7px 0 0; }
.color a { width: 26px; height: 31px; background-image: url("../images/color.5897b9b8b129.png"); }
.color .bw { background-position: 0 -31px; }
.color-bw .bw { background-position: 0 0; }
.color .wb { background-position: -26px -31px; }
.color-wb .wb { background-position: -26px 0 !important; }
.color .cb { background-position: -52px -31px; }
.color-cb .cb { background-position: -52px 0; }
.color .bb { background-position: -78px -31px; }
.color-bb .bb { background-position: -78px 0; }
.color .gb { background-position: -104px -31px; }
.color-gb .gb { background-position: -104px 0; }

.image dd { padding: 6px 0 0; }
.image a { width: 28px; height: 28px; background-position: left top; background-repeat: no-repeat; }
.color-bw .image a { background-image: url("../images/image-bw.18a4a3f0e825.png"); }
.color-wb .image a { background-image: url("../images/image-wb.1916c9d50971.png"); }
.color-cb .image a { background-image: url("../images/image-cb.96b1f973cdb6.png"); }
.color-bb .image a { background-image: url("../images/image-bb.88c28a53f67e.png"); }
.color-gb .image a { background-image: url("../images/image-gb.0c53a0ea43f0.png"); }
.image-off a { background-position: right bottom; }

.settings { float: right; position: relative; height: 44px; padding: 0 0 0 34px; background-position: left center; background-repeat: no-repeat; }
.color-bw .settings { background-image: url("../images/settings-bw.2ccd1b710eb8.png"); }
.color-wb .settings { background-image: url("../images/settings-wb.f407e2b33baf.png"); }
.color-cb .settings { background-image: url("../images/settings-cb.562b9d2dec1d.png"); }
.color-bb .settings { background-image: url("../images/settings-bb.30bda5430165.png"); }
.color-gb .settings { background-image: url("../images/settings-gb.309351cd4875.png"); }
.settings a.btn { display: block; float: right; height: 44px; padding: 0 16px 0 0; line-height: 44px; background-position: right center; background-repeat: no-repeat; }
.color-bw .settings a.btn { color: #000; background-image: url("../images/arrow-bw.8bc22bae3027.png"); }
.color-wb .settings a.btn { color: #fff; background-image: url("../images/arrow-wb.5bc6f247dd4c.png"); }
.color-cb .settings a.btn { color: #195183; background-image: url("../images/arrow-cb.6d7fb9077e03.png"); }
.color-bb .settings a.btn { color: #59422E; background-image: url("../images/arrow-bb.366766ae82e7.png"); }
.color-gb .settings a.btn { color: #A9DD38; background-image: url("../images/arrow-gb.b117a2ad2931.png"); }

.settings .dropdown { display:none; position: absolute; right: 0; top: 100%; padding: 0 20px 20px; width: 916px; }
.color-bw .settings .dropdown { border: 2px solid #000; background: #fff; }
.color-wb .settings .dropdown { border: 2px solid #fff; background: #000; }
.color-cb .settings .dropdown { border: 2px solid #195183; background: #9dd1ff; }
.color-bb .settings .dropdown { border: 2px solid #59422E; background: #F7F3D6; }
.color-gb .settings .dropdown { border: 2px solid #A9DD38; background: #3B2716; }

.family-sans .settings .dropdown { font-family: Arial, Helvetica, sans-serif; }
.family-serif .settings .dropdown { font-family: 'Times New Roman', Times, serif; }
.spacing-usual .settings .dropdown { letter-spacing: 0; }
.spacing-medium .settings .dropdown { letter-spacing: 2px; }
.spacing-big .settings .dropdown { letter-spacing: 5px; }

.settings .dropdown h2 { font-size: 44px; margin: 15px 0; }
.settings .dropdown p { margin: 10px 0; font-size: 20px; }
.settings .dropdown a { text-decoration: none; }

.family span, .spacing span { font-weight: bold; }
.family a, .spacing a { font-weight: bold; padding: 2px 8px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; }
.color-bw .family a, .color-bw .spacing a { border: 1px solid #000; color: #000; }
.color-wb .family a, .color-wb .spacing a { border: 1px solid #fff; color: #fff; }
.color-cb .family a, .color-cb .spacing a { border: 1px solid #195183; color: #195183; }
.color-bb .family a, .color-bb .spacing a { border: 1px solid #59422E; color: #59422E; }
.color-gb .family a, .color-gb .spacing a { border: 1px solid #A9DD38; color: #A9DD38; }

.dropdown .spacing .medium { letter-spacing: 2px !important; }
.dropdown .spacing .big { letter-spacing: 5px !important; }

.color-bw.family-sans .dropdown .sans { color: #fff !important; background: #000; }
.color-bw.family-serif .serif { color: #fff !important; background: #000; }
.color-bw.spacing-usual .dropdown .usual { color: #fff !important; background: #000; }
.color-bw.spacing-medium .dropdown .medium { color: #fff !important; background: #000; }
.color-bw.spacing-big .dropdown .big { color: #fff !important; background: #000; }

.color-wb.family-sans .dropdown .sans { color: #000 !important; background: #fff; }
.color-wb.family-serif .dropdown .serif { color: #000 !important; background: #fff; }
.color-wb.spacing-usual .dropdown .usual { color: #000 !important; background: #fff; }
.color-wb.spacing-medium .dropdown .medium { color: #000 !important; background: #fff; }
.color-wb.spacing-big .dropdown .big { color: #000 !important; background: #fff; }

.color-cb.family-sans .dropdown .sans { color: #9dd1ff !important; background: #195183; }
.color-cb.family-serif .dropdown .serif { color: #9dd1ff !important; background: #195183; }
.color-cb.spacing-usual .dropdown .usual { color: #9dd1ff !important; background: #195183; }
.color-cb.spacing-medium .dropdown .medium { color: #9dd1ff !important; background: #195183; }
.color-cb.spacing-big .dropdown .big { color: #9dd1ff !important; background: #195183; }

.color-bb.family-sans .dropdown .sans { color: #F7F3D6 !important; background: #59422E; }
.color-bb.family-serif .dropdown .serif { color: #F7F3D6 !important; background: #59422E; }
.color-bb.spacing-usual .dropdown .usual { color: #F7F3D6 !important; background: #59422E; }
.color-bb.spacing-medium .dropdown .medium { color: #F7F3D6 !important; background: #59422E; }
.color-bb.spacing-big .dropdown .big { color: #F7F3D6 !important; background: #59422E; }

.color-gb.family-sans .dropdown .sans { color: #3B2716 !important; background: #A9DD38; }
.color-gb.family-serif .dropdown .serif { color: #3B2716 !important; background: #A9DD38; }
.color-gb.spacing-usual .dropdown .usual { color: #3B2716 !important; background: #A9DD38; }
.color-gb.spacing-medium .dropdown .medium { color: #3B2716 !important; background: #A9DD38; }
.color-gb.spacing-big .dropdown .big { color: #3B2716 !important; background: #A9DD38; }

.settings .dropdown ul { list-style: none; margin: 15px 0; font-size: 22px; }
.settings .dropdown ul a { display: block; padding: 10px 20px; font-weight: bold; }
.settings .dropdown ul span { display: none; }
.settings .dropdown .bw { color: #000 !important; background: #fff !important; }
.color-bw .bw span { display: inline !important; }
.settings .dropdown .wb { color: #fff !important; background: #000 !important; }
.color-wb .wb span { display: inline !important; }
.settings .dropdown .cb { color: #195183 !important; background: #9dd1ff !important; }
.color-cb .cb span { display: inline !important; }
.settings .dropdown .bb { color: #59422E !important; background: #F7F3D6 !important; }
.color-bb .bb span { display: inline !important; }
.settings .dropdown .gb { color: #A9DD38 !important; background: #3B2716 !important; }
.color-gb .gb span { display: inline !important; }

.settings .buttons { font-size: 22px; }
.settings .buttons a { display: block; float: right; padding: 4px; margin: 0 0 0 8px; }
.settings .buttons span { display: block; float: right; padding: 6px 12px; }
.color-bw .buttons a { background: #000 !important; }
.color-bw .buttons span { border: 2px solid #fff; color: #fff !important; }
.color-wb .buttons a { background: #fff !important; }
.color-wb .buttons span { border: 2px solid #000; color: #000 !important; }
.color-cb .buttons a { background: #195183 !important; }
.color-cb .buttons span { border: 2px solid #9dd1ff; color: #9dd1ff !important; }
.color-bb .buttons a { background: #59422E !important; }
.color-bb .buttons span { border: 2px solid #F7F3D6; color: #F7F3D6 !important; }
.color-gb .buttons a { background: #A9DD38 !important; }
.color-gb .buttons span { border: 2px solid #3B2716; color: #3B2716 !important; }

.outer { margin: 60px auto 0; width: 960px; }
.font-small .outer { font-size: 18px; }
.font-medium .outer { font-size: 24px; }
.font-big .outer { font-size: 30px; }
.family-sans .outer { font-family: Arial, Helvetica, sans-serif; }
.family-serif .outer { font-family: 'Times New Roman', Times, serif; }
.spacing-usual .outer { letter-spacing: 0; }
.spacing-medium .outer { letter-spacing: 2px; }
.spacing-big .outer { letter-spacing: 5px; }

.outer h1 { min-height: 80px; font-size: 1.4em; margin: 0 0 1em; }
.outer h1 a { display: block; min-height: 80px; line-height: 1.5em; /*padding: 0 0 0 140px;*/ text-decoration: none; background-repeat: no-repeat; background-position: 20px center; }
.color-bw h1 a, .color-cb h1 a { color: #000; }
.color-wb h1 a, .color-gb h1 a { color: #fff; }
.color-cb h1 a { color: #195183; }
.color-bb h1 a { color: #59422E; }
.color-gb h1 a { color: #A9DD38; }

.main-menu { font-size: 1.1em; }
.main-menu nav { display: block; }
.main-menu nav::after { content: ''; display: block; clear: both; }
.main-menu ul { list-style: none; }
.color-bw .main-menu  { border-bottom: 3px solid #000; }
.color-wb .main-menu  { border-bottom: 3px solid #fff; }
.color-cb .main-menu  { border-bottom: 3px solid #195183; }
.color-bb .main-menu  { border-bottom: 3px solid #59422E; }
.color-gb .main-menu  { border-bottom: 3px solid #A9DD38; }

.main-menu li { float: left; height: 54px; margin: 0 8px 0 0; }
.main-menu a { display: block; float: left; height: 53px; line-height: 53px; padding: 0 24px; text-decoration: none; font-weight: bold; }
.main-menu .active a { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.color-bw .main-menu a { color: #000; }
.color-bw .main-menu .active a { border: 1px solid #000; border-bottom: 4px solid #fff; }
.color-wb .main-menu a { color: #fff; }
.color-wb .main-menu .active a { border: 1px solid #fff; border-bottom: 4px solid #000; }
.color-cb .main-menu a { color: #195183; }
.color-cb .main-menu .active a { border: 1px solid #195183; border-bottom: 4px solid #9dd1ff; }
.color-bb .main-menu a { color: #59422E; }
.color-bb .main-menu .active a { border: 1px solid #59422E; border-bottom: 4px solid #F7F3D6; }
.color-gb .main-menu a { color: #A9DD38; }
.color-gb .main-menu .active a { border: 1px solid #A9DD38; border-bottom: 4px solid #3B2716; }

.menu { padding: 8px 0 0; }
.color-bw .menu { border-top: 3px solid #000; border-bottom: 1px solid #000; }
.color-wb .menu { border-top: 3px solid #fff; border-bottom: 1px solid #fff; }
.color-cb .menu { border-top: 3px solid #195183; border-bottom: 1px solid #195183; }
.color-bb .menu { border-top: 3px solid #59422E; border-bottom: 1px solid #59422E; }
.color-gb .menu { border-top: 3px solid #A9DD38; border-bottom: 1px solid #A9DD38; }
.color-bw .menu.top { border-top: none !important; }

.menu nav { display: block; }
.menu nav::after { content: ''; display: block; clear: both; }

.menu ul { list-style: none; font-size: 120%; }
.menu li { float: left; margin: 0 8px 4px 0; }
.menu a { display: block; float: left; padding: 2px 8px; text-decoration: none; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; }
.color-bw .menu a  { border: 1px solid #000; color: #000; }
.color-bw .menu .active a { background: #000; color: #fff; }
.color-wb .menu a  { border: 1px solid #fff; color: #fff; }
.color-wb .menu .active a { background: #fff; color: #000; }
.color-cb .menu a  { border: 1px solid #195183; color: #195183; }
.color-cb .menu .active a { background: #195183; color: #9dd1ff; }
.color-bb .menu a  { border: 1px solid #59422E; color: #59422E; }
.color-bb .menu .active a { background: #59422E; color: #F7F3D6; }
.color-gb .menu a  { border: 1px solid #A9DD38; color: #A9DD38; }
.color-gb .menu .active a { background: #A9DD38; color: #3B2716; }

.paginator { margin: 0.6em 0; }
.paginator a { display: block; float: left; text-decoration: none; padding: 4px 10px; margin: 0 6px 6px 0; font-weight: bold; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; }
.color-bw .paginator a  { border: 1px solid #000; color: #000; }
.color-bw .paginator a.active { background: #000 !important; color: #fff !important; }
.color-wb .paginator a  { border: 1px solid #fff; color: #fff; }
.color-wb .paginator a.active { background: #fff; color: #000; }
.color-cb .paginator a  { border: 1px solid #195183; color: #195183; }
.color-cb .paginator a.active { background: #195183; color: #9dd1ff; }
.color-bb .paginator a  { border: 1px solid #59422E; color: #59422E; }
.color-bb .paginator a.active { background: #59422E; color: #F7F3D6; }
.color-gb .paginator a  { border: 1px solid #A9DD38; color: #A9DD38; }
.color-gb .paginator a.active { background: #A9DD38; color: #3B2716; }

h2 { font-size: 1.8em; margin: 0.4em 0; }
.image-off img, .image-off .newsitem .image, .image-off video { display: none; }

.text { margin: 2.5em 0; }
.text p, .text ul, .text.ol, .newsitemdate { margin: 2.5em 0; line-height: 1.5; }
.info li { margin: 2.5em 0; }
.text ul, .text.ol { padding-left: 1.5em; }
.lead p, .newsitemdate a { font-weight: bold; }

img.image-left { float: left; margin: 0 12px 6px 0; }
img.image-right { float: right; margin: 0 0 6px 12px; }

table.prices { margin: 2.5em 0; line-height: 1.5; border-collapse: collapse; }
table.prices td, table.prices th { border-bottom: 1px solid #000; padding: 0.5em; }

.contacts { margin: 1em 0; }
.contacts dt { font-weight: bold; }
.contacts dd { margin: 0 0 1.5em; }

.newsitem { margin: 2.5em 0; }
.newsitem .image { float:left; width: 280px; text-align: center; }
.newsitem img { vertical-align: top; max-width: 100%; }
.newsitem .info { margin-left: 300px; }
.image-off .newsitem .info, .newsitem.clear-margin .info { margin-left: 0 !important; }
.newsitem h3 { font-size: 1.2em; margin: 0.2em 0; }
.newsitem .date a { font-weight: bold; }
.newsitem p { margin: 1.5em 0 0; line-height: 1.5; }
.newsitem a.buy-link {
	display: inline-block;
	font-size: 1.4em;
	padding: 0.2em 0.4em;
	border-radius: 3px;
}
.color-bw .newsitem a.buy-link { color: #000; background: #fff; border: 1px solid #000; }
.color-wb .newsitem a.buy-link { color: #fff; background: #000; border: 1px solid #fff; }
.color-cb .newsitem a.buy-link { color: #195183; background: #9dd1ff; border: 1px solid #195183; }
.color-bb .newsitem a.buy-link { color: #59422E; background: #F7F3D6; border: 1px solid #59422E; }
.color-gb .newsitem a.buy-link { color: #A9DD38; background: #3B2716; border: 1px solid #A9DD38; }

.main-photo { margin: 1em 0; text-align: center; }
.main-photo img { max-width: 960px; }

.doc-list { padding: 0 0 0 1.2em; margin: 1em 0; }

form { margin: 1em 0; }
form label { display: block; margin: 0.4em 0; font-size: 1.2em; }
form p { margin: 1em 0; }
form input, form select { font-size: 1.4em; height: 1.4em; line-height: 1.4em; padding: 0 0.4em; width: 50%; }
form textarea { font-size: 1.4em; height: 9em; padding: 0.2em 0.4em; width: 50%; }
form button { font-size: 1.4em; padding: 0.2em 0.4em; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; }
form .error { font-size: 1.4em; padding: 0.2em 0.4em; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; }
.color-bw form input, .color-bw form select, .color-bw form textarea, .color-bw form button, .color-bw form .error { color: #000; background: #fff; border: 1px solid #000; }
.color-wb form input, .color-wb form select, .color-wb form textarea, .color-wb form button, .color-wb form .error { color: #fff; background: #000; border: 1px solid #fff; }
.color-cb form input, .color-cb form select, .color-cb form textarea, .color-cb form button, .color-cb form .error { color: #195183; background: #9dd1ff; border: 1px solid #195183; }
.color-bb form input, .color-bb form select, .color-bb form textarea, .color-bb form button, .color-bb form .error { color: #59422E; background: #F7F3D6; border: 1px solid #59422E; }
.color-gb form input, .color-gb form select, .color-gb form textarea, .color-gb form button, .color-gb form .error { color: #A9DD38; background: #3B2716; border: 1px solid #A9DD38; }
form .address { display: none; }
form ul { list-style: none; }

.catalog {
	border-collapse: collapse;
}

.catalog th,
.catalog td {
	padding: 0.6em;
	border: 1px solid #000;
	vertical-align: top;
}

#feedback-list, #response-list {}
#feedback-list dt, #response-list dt { margin: 2.5em 0 1em; font-size: 1.2em; }
#feedback-list dt { font-weight: bold; }
#feedback-list dd, #response-list dd { margin: 1em 0 2.5em; }
#response-list dd { font-weight: bold; padding-bottom: 2.5em; }
#feedback-list dd.answer { padding: 0 0 2.5em; }
.color-bw #feedback-list dd.answer, .color-bw #response-list dd { border-bottom: 1px solid #000; }
.color-wb #feedback-list dd.answer, .color-wb #response-list dd { border-bottom: 1px solid #fff; }
.color-cb #feedback-list dd.answer, .color-cb #response-list dd { border-bottom: 1px solid #195183; }
.color-bb #feedback-list dd.answer, .color-bb #response-list dd { border-bottom: 1px solid #59422E; }
.color-gb #feedback-list dd.answer, .color-gb #response-list dd { border-bottom: 1px solid #A9DD38; }
#feedback-list dd p { margin: 1.5em 0 0; line-height: 1.5; }

.gallery { margin: 2.5em 0; text-align: center; }
.gallery p { margin: 1.5em 0; }
.gallery img, .gallery video { max-width: 100%; }

.gallery iframe {
	max-width: 100%;
	max-height: 540px;
	aspect-ratio: 16 / 9;
}