@font-face { 	font-family: 'Conv_BebasNeue Regular'; 	src: url('../fonts/BebasNeue Regular.eot'); 	src: local('O'), url('../fonts/BebasNeue Regular.woff') format('woff'), url('../fonts/BebasNeue Regular.ttf') format('truetype'), url('../fonts/BebasNeue Regular.svg') format('svg'); 	font-weight: normal; 	font-style: normal; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:24px;font:normal normal 18px 'Cuprum',Arial,sans-serif;color:#000;height:100%;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
/*html {background:#d9cac3 url(../images/bg_1.jpg) top center no-repeat;/*height:100%;*margin-right: calc(-1 * (100vw - 100%));overflow-x: hidden;}*/
html {background:#d9cac3 url(../images/bg_121.jpg) top center no-repeat;/*height:100%;*/margin-right: calc(-1 * (100vw - 100%));overflow-x: hidden;} 
h1 {font-size:54px;}
h2 {font-size:40px;}
h3 {font-size:25px;}
h4 {font-size:19px;}
h5 {font-size:20px;}
h6 {font-size:16px;}
.wrapper {width:1000px;margin:0 auto;}
.menu {border-left:1px solid rgba(0,0,0,0.4);margin:0px 0px 0px 511px;padding:54px 0px 0px 30px;}
.menu h1,.menu h3 {font-family:'Conv_BebasNeue Regular';display:inline-block;}
.menu li {position:relative;margin-bottom:41px;}
.menu li:first-child {line-height:35px;margin-bottom:50px;}
.menu li:first-child:before {top:0px;}
.menu li:before {content:'';background:url(../images/icon.png) top left no-repeat;display:inline-block;width:35px;height:35px;position:absolute;top:-7px;left:-48px;}
.menu li.facebook:before {background:url(../images/facebook.png) top left no-repeat;}
.menu li a, div.text a {color:#000;position:relative;text-decoration: none; cursor: pointer;}
.menu li > img {display:inline-block;width:196px;height:196px;position:absolute;top:-88px;left:-210px;visibility:hidden;}
.menu li:hover img {visibility:visible;}
.menu li a:hover, div.text a:hover {color:#0077cc;text-decoration:none;}
.dropbtn {padding: 5px;cursor: pointer;}
/*.fa-facebook-official::before {content:'\f230';}*/

/*04042026*/
.social-links > a {display:inline-block;font-size: 24px;margin-right:20px;}

h1.page-title {font-size: 2.5em;margin-bottom: 0.2em;line-height: 1.1;}
h2.page-subtitle {font-size: 1.8em;line-height: 1.1em;font-weight: 400;margin-top: 0.5em;margin-bottom: 1.2em;}
.custom-page-container {max-width: 900px;margin: 40px auto;padding: 0 20px;}
.audio-block {margin-bottom: 30px;background: #fff;padding: 20px;border: 1px solid #eee;border-radius: 5px;}
.audio-label {display: block;margin-bottom: 10px;font-weight: bold; font-size: 1.2em;}
audio {width: 100%;}
.back-link {display: inline-block;margin-top: 30px;text-decoration: none;color: #000;border-bottom: 1px solid #000;}
.back-link:hover {opacity: 0.7;}
.audio-version-label {text-transform: uppercase;letter-spacing: 1px;color: #888;margin-bottom: 30px;display: block;}
.nowrap {white-space: nowrap;}
/*04042026*/

/* Смены языка 
.dropdown {position:relative;display:inline-block;float:right;z-index: 10;margin-top: 10px;}
.dropdown-content {display: none;position: absolute;background-color:#f9f9f9;width:60px;}*/
/*.dropbtn {padding-left:10px;width: 40px;}
.dropbtn::after {background: rgba(0, 0, 0, 0) url("../images/arrow_down_48px-16.png") no-repeat scroll center center;content: "";height: 16px;position: absolute;right: 0;top: 7px;width: 16px;}
.dropdown-content a {color: black;padding: 2px 0 2px 10px;text-decoration: none;display: block;} **/
.dropdown-content .active {font-weight:bold;}
.dropdown-content a {color:#000;}
.dropdown-content a:hover {color:#0077cc;text-decoration: none;}
/**.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content {display: block;}**/

/* Раскрывающийся блок */
.toggle-box {display: none;}
.toggle-box + label {display: block;}
.toggle-box + label + div {display: none;}
.toggle-box:checked + label + div {display: block;/**background: #f1f1f1;**/ margin:5px;}
.menu li .demo a, div.text a {font-size:16px;padding-bottom:10px;display:block}
.demo .text, .tooltipster-content div.text {padding: 10px 10px 0px 15px;}
label {/*text-decoration: underline;*/ cursor: pointer;}
.menu label:hover {color:#0077cc;text-decoration:none !important;}


/* Смена языка */
#lang {position: absolute;top: 20px;right: 20px;}
#lang img {width: 30px;height: auto;}

/* Планшетная версия */
@media screen and (max-width: 999px) {
/*html {background: #eae6d4 url(../images/bg_mobile3.jpg) top right no-repeat;height: 100%;background-size: contain;} 
html {background:#eae6d4 url(../images/bg_1.jpg) top center no-repeat;/*height:100%;/margin-right: calc(-1 * (100vw - 100%));overflow-x: hidden;}*/
html {background:#d9cac3 url(../images/bg_121.jpg) top center no-repeat;/*height:100%;*/margin-right: calc(-1 * (100vw - 100%));overflow-x: hidden;}
body {font-size: 16px;line-height: 20px;}  
h1 {font-size: 38px;line-height: 50px;}
.wrapper {width: 100%;}
.mobile-title {position: relative;top: 60px;text-align: right;font-size: 38px;line-height: 50px;text-transform: uppercase;}
/*.menu {margin: 160px 10px 0 20px;} */
.menu {border-left:1px solid rgba(0,0,0,0.4);margin:0px 0px 0px 50%;padding:41px 15px 0px 30px;} 
.menu li > img {display: none;}
.menu li .demo a, div.text a {font-size:15px;}
.menu li:first-child::before { top: 7px;}
}

/* Мобильная версия*/ 
@media screen and (max-width: 850px)/*767px*/ {
/*html {background: #eae6d4 url(../images/bg_mobile1.jpg) top left no-repeat;/*height:100%;/background-size: contain;} */ 
html {background: #d9cac3 url(../images/bg_mobile121.jpg) top left no-repeat;/*height:100%;*/background-size: contain;}
body {font-size: 16px;line-height: 20px;}  
h1 {font-size: 38px;line-height: 50px;}
.wrapper {width: 100%;}
.mobile-title {position: relative;top: 60px;text-align: right;font-size: 38px;line-height: 50px;text-transform: uppercase;}
.menu {margin: 38% 10px 0 20px;}  
.menu li > img {display: none;}
.menu li .demo a, div.text a {font-size:15px;}
.menu li:first-child::before { top: 7px;}

}