*, *::before, *::after {
    box-sizing: border-box;
}
/*#749A35; */
/* header */
/* modules */
/* footer */
/* CSS Resets */

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
q,
small,
strong,
sub,
sup,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    border: 0;
    margin: 0;
    padding: 0;
}
article,
aside,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
video,
object {
    display: block;
}
figure {
    position: relative;
}
figure img {
    width: 100%;
}
#wrapper {
    padding: 0 20px;
}
.row {
    width: 100%;
    max-width: 1010px;
    margin: 0 auto ;
    overflow: hidden;
}
.row123 {
    width: 1012px;
    padding-left: 0px;
    padding-right: 0px;
    background-image: url('img/shadows.png');
    background-repeat: repeat-y;
    max-width: 1010px;
    margin: 0 auto;
    overflow: hidden;
}
#footer123 {
    color: white;
    height: 83px;
    margin-left: -39px;
}
#footer123 .background {
    height: 100%;
    width: 100%;
    background: url(img/footerbackground.png);
}
#asidecolumn {
    float: left;
    width: 274px;
    margin-left: 20px;
}
#contentcolumn {
    float: left;
    width: 658px;
    margin-right: 0px;
}
#contentcolumn123 {
    float: left;
    margin-right: 0px;
}
img,
object,
embed {
    max-width: 100%;
}
/* Layout for mobile version */

@media handheld, only screen and (max-width: 767px) {
    .row,
    .body,
    .container {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .fourcol,
    .eightcol {
        width: auto;
        float: none;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 20px;
        padding-right: 20px;
    }
}
/******************************************
*  Base Rules
******************************************/

html,
body {
    height: 100%;
    margin-right: 0px !important;
    margin: 0;
    padding: 0;
}
html {
    overflow-y: scroll;
}
body {
    color: black;
    background: url(img/backbackground.png);
    font: 15px Arial;
    line-height: 21px;
    /* Changing this will break the baseline grid. */
    -webkit-text-size-adjust: none;
    /* Stops the iPhone scalling type up */

}
a {
    color: #005ea1;
}
a:hover {
    color: #d2464a;
}
a.dotted {
    border-bottom: 1px dotted #005ea1;
    text-decoration: none;
}
a.dotted:hover {
    border-bottom: 1px solid #005ea1;
    color: #005ea1;
}
a.nonhover:hover {
    color: #005ea1;
}
a.big {
    font-size: 16px;
    padding-left: 30px;
    background: url(img/Arrow.png) no-repeat left;
}
a.big.back {
    background: url(img/ArrowLeft.png) no-repeat left;
}
a img {
    display: block;
    /* Stops image links getting text link styles */

}
img {
    margin-bottom: 0px;
}
p {
    margin-bottom: 11px;
}
/*object,*/ embed,
            ol,
            blockquote,
            table {
                margin-bottom: 16px;
            }
ul {
    margin-bottom: 12px;
}
ul li {
    margin-bottom: 2px;
}
h1,
h2,
h3 {
    margin-bottom: 7px;
}
img {
    border: 1px solid #b5b5b5;
}
ul,
ol {
    padding-left: 20px;
}
ul.imageOnLeft,
ol.imageOnLeft {
    position: relative;
    right: -20px;
    padding-right: 20px;
}
li {
    margin-bottom: 8px;
}

p.bigMarginTop {
    margin-top: 36px;
}
blockquote {
    color: black;
    position: relative;
    left: 0px;
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 8px;
    font-size: 14px;
}
blockquote:before {
    content: '“';
}
blockquote:after {
    content: '”';
}
blockquote:after {
    content: '”';
}
h1,
h2,
h3,
h4 {
    color: #d2464a;
}

h1,
h4 {
    margin: 20px 0;
    margin-top: 26px;
}
h2,
h3 {
    margin-top: 18px;
}
h1.dotted,
h2.dotted,
h3.dotted,
h4.dotted {
    padding-top: 10px;
    border-top: 1px dotted #b5b5b5;
}
h1.bordered,
h2.bordered,
h3.bordered,
h4.bordered {
    border-bottom: 1px solid #b5b5b5;
    margin-top: 36px;
}
h1.bordered.bigger,
h2.bordered.bigger,
h3.bordered.bigger,
h4.bordered.bigger {
    border-bottom: 2px solid #b5b5b5;
    padding-bottom: 3px;
    margin-bottom: 26px;
}
h2,
h3,
h4 {
    font-weight: normal;
    text-align: left;
}
h2.inline,
h3.inline,
h4.inline {
    display: inline;
}
h1 {
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 10px;
}
h2 {
    font-size: 19px;
}
h2 a {
    text-decoration: none;
    color: inherit;
}
h2 a:hover {
    text-decoration: underline;
}
h2.black {
    color: black;
}
h3 {
    font-size: 17px;
}
h4 {
    font-size: 16px;
}
input[type=text] {
    width: 220px;
    font: 15px "lucida grande", tahoma, verdana, arial, sans-serif;
    border: 1px solid #9daccc;
    padding: 3px 5px 4px 5px;
    margin: 2px 0;
}
/******************************************
*  Modules  Rules
******************************************/

.textalignleft {
    text-align: left;
}
.textaligncenter {
    text-align: center;
}
.textalignright {
    text-align: right;
}
img.framed {
    border: 1px solid black;
    padding: 3px;
    margin: 3px;
}
img.heavyframed {
    border: 5px solid #444444;
    padding: 4px;
    margin: 3px;
}
img.floatleft {
    float: left;
    margin-right: 20px;
    margin-bottom: 5px;
}
img.floatright {
    float: right;
    margin-left: 20px;
    margin-bottom: 5px;
}
.red {
    color: #d2464a !important;
}
.blue {
    color: #005ea1 !important;
}
.black {
    color: black !important;
}
.gray {
    color: #878787;
}
.important {
    color: #d2464a !important;
    font-size: 21px;
}
p.newline {
    margin-bottom: 0;
}
table.heavy {
    border: 3px solid black;
    border-collapse: collapse;
}
table.heavy td {
    border: 2px solid black;
    padding: 5px;
}
table.heavy thead {
    background-color: #dddddd;
}
table.heavy tr.sum {
    background-color: #993333;
}
table.heavy tr.sum td.total {
    background-color: black;
    color: #eeeeee;
}
table tr.sum {
    background-color: #eeeeee;
}
table tr.sum td.total {
    background-color: #ffeeee;
}
table.light {
    border: 1px solid #dddddd;
    border-collapse: collapse;
    padding: 5px;
}
table.light td {
    border: 1px solid #eeeeee;
    padding: 5px;
}
.note {
    background: url(img/BlueBackground4.png);
    border: 1px solid #b5b5b5;
    padding: 10px;
    margin: 10px;
    font-size: 14px;
}
.note.biege {
    background: #fcfbe8;
}
.note.main {
    margin: 26px 0;
}
.smallnote {
    color: #878787;
    font-size: 12px;
    margin-bottom: 14px;
    position: relative;
    left: 10px;
    padding-right: 10px;
}
.clear {
    clear: both;
    font-size: 0;
    overflow: hidden;
    /* тройной презерватив для IE */

}
.blockquoteName {
    font-size: 15px;
    margin-bottom: 20px;
    font-style: italic;
    text-align: right;
}
.blockquoteName:before {
    content: '— ';
}
.additionalDescription {
    background: url(img/BlueBackground4.png);
    border: 1px dotted #b5b5b5;
    padding: 10px;
    margin: 10px;
    margin-top: 200px;
    font-size: 12px;
}
.additionalDescription.biege {
    background: #fcfbe8;
}
.last {
    margin-bottom: 0 !important;
    margin-right: 0 !important;
}
a.fancy img {
    display: inline;
}
/******************************************
* Layout Rules
******************************************/

body {
    background: url(img/backbackground.png);
}
.row {
    width: 1012px;
    padding-left: 9px;
    padding-right: 9px;
    background-image: url('img/shadows.png');
    background-repeat: repeat-y;
}
.row .col-wrap1 {
    border-right: 1px solid #999891;
    width: 700px;
    margin: 20px 0;
}
.row .col-wrap1 .col-wrap2 {
    width: 292px;
    margin-right: -100%;
    /* чтобы IE6 не раздвигал контейнер */
    position: relative;
    left: 700px;
}
.row .col-wrap1 .col-wrap2 #contentcolumn {
    float: left;
    width: 700px;
    margin-right: -700px;
    position: relative;
    left: -700px;
}
.row .col-wrap1 .col-wrap2 .BottomContent {
    width: 700px;
    margin-right: -700px;
    left: -700px;
    position: absolute;
    bottom: 0;
}

/*  Header  */

#header .background {
    position: relative;
    height: 113px;
    background: url(img/background.png);
}
#header .background #Logo {
    position: absolute;
    background: url(img/animated_logo8.gif);
    height: 112px;
    width: 112px;
}
#header .background #Logo a {
    display: block;
    height: 100%;
    width: 100%;
}
#header .background .title {
    width: 100%;
    height: 100%;
    background: url(img/HeaderBackground_glow.png);
}
#header #Name {
    display: none;
    float: left;
    width: 872px;
    height: 111px;
    color: #b4382e;
    font-size: 61px;
    line-height: 109px;
    text-align: center;
}
#header #HeaderImage {
    position: relative;
    clear: both;
    background: url('img/daode1800_bright.jpg') no-repeat;
    background-position: center;
    height: 316px;
}
#header #HeaderImage #ImgFollowPointer {
    background-image: url('img/picture_description.png');
    position: absolute;
    width: 462px;
    height: 24px;
    display: none;
}
#header .MenuWrapper {
    /*background: url(img/menutexture.png) no-repeat;*/
    /*height: 83px;*/
    /*width: 974px;*/
    overflow: hidden;
}
#header .MenuWrapper ul {
    list-style-type: none;
    margin: 0;
}
#header .MenuWrapper ul li {
    margin: 0;
    display: inline-block;
}
#header .MenuWrapper div {
    float: left;
}
#header .MenuWrapper .Menu {
    margin: 0 auto;
    width: 948px;
    height: 53px;
    float: none;
}
#header .MenuWrapper .SubmenuWrapper {
    background: url(img/Submenudown.png) repeat-x;
    height: 30px;
    width: 100%;
    font-size: 14px;
}
#header .MenuWrapper .SubmenuWrapper .Submenu {
    line-height: 30px;
    text-align: center;
    margin: 0 60px;
    width: 928px;
}
#header .MenuWrapper .SubmenuWrapper .Submenu .SubmenuItem {
    float: none;
    text-decoration: underline;
    font-weight: bold;
    margin-right: 40px;
    display: inline-block;
}
#header .MenuWrapper .SubmenuWrapper .Submenu .SubmenuItem a:hover,
#header .MenuWrapper .SubmenuWrapper .Submenu .SubmenuItem.Selected a {
    color: #be3e41;
}
#header .MenuWrapper .SubmenuWrapper .Submenu .SubmenuItem.Important {
    text-decoration: none;
}
#header .MenuWrapper .SubmenuWrapper .Submenu .SubmenuItem.Important a {
    text-decoration: none;
}
#header .MenuWrapper .SubmenuWrapper .Submenu .SubmenuItem.Important span {
    padding: 1px 5px;
    border: 2px dotted #c051d4;
    border-radius: 6px;
    background: #fff06d;
    color: #b929d2;
    font-size: 15px;
}
#header .MenuWrapper .Submenu:after {
    content: '';
    display: inline-block;
    width: 100%;
}
#header .MenuWrapper a {
    display: block;
}
#header .MenuWrapper .SubmenuWrapper1 {
    background: url(img/Submenuup.png) repeat-x;
    height: 30px;
    width: 100%;
    font-size: 14px;
}
#header .MenuWrapper .SubmenuWrapper1 .Submenu1 {
    line-height: 30px;
    text-align: center;
    margin: 0 60px;
    width: 872px;
}
#header .MenuWrapper .SubmenuWrapper1 .Submenu1 .SubmenuItem1 {
    float: none;
    text-decoration: underline;
    font-weight: bold;
    /* margin-right: 55px; */
    display: inline-block;
}
#header .MenuWrapper .SubmenuWrapper1 .Submenu1 .SubmenuItem1 a:hover,
#header .MenuWrapper .SubmenuWrapper1 .Submenu1 .SubmenuItem1.Selected a {
    color: #be3e41;
}
#header .MenuWrapper .SubmenuWrapper1 .Submenu1 .SubmenuItem1.Important1 {
    text-decoration: none;
}
#header .MenuWrapper .SubmenuWrapper1 .Submenu1 .SubmenuItem1.Important1 a {
    text-decoration: none;
}
#header .MenuWrapper .SubmenuWrapper1 .Submenu1 .SubmenuItem1.Important1 span {
    padding: 1px 5px;
    border: 2px dotted #c051d4;
    border-radius: 6px;
    background: #fff06d;
    color: #b929d2;
    font-size: 15px;
}
#header .MenuWrapper .SubmenuWrapper1 .Submenu1 .SubmenuItem1.Important1:hover span,
#header .MenuWrapper .SubmenuWrapper1 .Submenu1 .SubmenuItem1.Important1.Selected span {
    border: 1px solid #c051d4;
    padding: 2px 6px;
}


#header .MenuWrapper .Submenu1:after {
    content: '';
    display: inline-block;
    width: 100%;
}
#header .MenuWrapper a {
    display: block;
}
#header .MenuWrapper a .Underline {
    display: none;
    margin-top: -17px;
}
#header .MenuWrapper a:hover .Underline {
    background: url(img/Menu3/Underline.png) repeat-x;
    display: block;
}
#header .MenuWrapper .Lighten,
#header .MenuWrapper .Underline,
#header .MenuWrapper a {
    height: 53px;
}
#header .MenuWrapper .LightenLeft,
#header .MenuWrapper .LightenRight {
    height: 53px;
    width: 31px;
}
#header .MenuWrapper .Selected .LightenLeft {
    background: url(img/Menu2/Lighten_left.png) no-repeat right;
}
#header .MenuWrapper .Selected .LightenRight {
    background: url(img/Menu2/Lighten_right.png) no-repeat left;
}
#header .MenuWrapper .Selected .Lighten {
    background: url(img/Menu2/Lighten.png) repeat-x;
}
#header .MenuWrapper .Selected .Underline {
    background: url(img/Menu3/Underline.png) repeat-x;
    margin-top: -17px;
}
#header .MenuWrapper .Separator,
#header .MenuWrapper .Name {
    height: 22px;
    margin-top: 17px;
}
#header .MenuWrapper .Separator {
    background: url(img/Menu2/Separator.png) no-repeat;
    width: 6px;
}
#header .MenuWrapper .Novosti {
    width: 140px;
}
#header .MenuWrapper .Novosti .Name {
    width: 76px;
    background: url(img/Menu3/Novosti.png) no-repeat;
}
#header .MenuWrapper .Novosti .Name .Underline {
    width: 74px;
}
#header .MenuWrapper .Discipliny {
    width: 239px;
}
#header .MenuWrapper .Discipliny .Name {
    width: 175px;
    background: url(img/Menu3/Nashy-napravleniya.png) no-repeat;
}
#header .MenuWrapper .Discipliny .Name .Underline {
    width: 173px;
}
#header .MenuWrapper .Reguljarnye-zanjatija {
    width: 139px;
}
#header .MenuWrapper .Reguljarnye-zanjatija .Name {
    width: 75px;
    background: url(img/Menu3/Zanyatiya.png) no-repeat;
}
#header .MenuWrapper .Reguljarnye-zanjatija .Name .Underline {
    width: 73px;
}
#header .MenuWrapper .Seminary {
    width: 160px;
}
#header .MenuWrapper .Seminary .Name {
    width: 96px;
    background: url(img/Menu3/Seminary.png) no-repeat;
}
#header .MenuWrapper .Seminary .Name .Underline {
    width: 94px;
}
#header .MenuWrapper .Forum {
    width: 124px;
}
#header .MenuWrapper .Forum .Name {
    width: 60px;
    background: url(img/Menu3/Forum.png) no-repeat;
}
#header .MenuWrapper .Forum .Name .Underline {
    width: 58px;
}
#header .MenuWrapper .O-nas {
    width: 115px;
    /* уменьшаем на 1, чтобы поместилось на строке */

}
#header .MenuWrapper .O-nas .Name {
    width: 51px;
    /* уменьшаем на 1, чтобы поместилось на строке */
    background: url(img/O-nas.png) no-repeat;
}
#header .MenuWrapper .O-nas .Name .Underline {
    width: 50px;
}
#content .background {
    background: url(img/background.png);
    height: 100%;
    padding: 0 20px;
    /*float: left;*/
}

#content .background1 {
    background: url(img/texturetest.png);
    height: 100%;
    padding: 0 20px;
}
#content #subpageNavigation .subpage {
    color: inherit;
    display: block;
    border-bottom: 1px dotted #b5b5b5;
    margin-bottom: 17px;
}
#content #subpageNavigation .subpage:last-child {
    border: none;
}
#content #subpageNavigation .subpage a.read-more {
    display: block;
    color: black;
    border: 1px dotted transparent;
    text-decoration: none;
}
#content #subpageNavigation .subpage a.read-more h2 {
    margin: 0 0 7px 0;
    color: black;
    font-size: 18px;
}
#content #subpageNavigation .subpage a.read-more h2.hasBackgroundImage {
    line-height: 36px;
    padding-left: 55px;
}
#content #subpageNavigation .subpage a.read-more .description {
    margin-bottom: 15px;
}
#content #subpageNavigation .subpage a.read-more .description a.read-more {
    font-size: 14px;
    padding-left: 10px;
}
#content #subpageNavigation .subpage a.read-more .description .arrow-right {
    background: url(img/Arrow.png) no-repeat center right;
    height: 20px;
    width: 30px;
    display: none;
}
#content #subpageNavigation .subpage a.read-more:hover {
    background: #fcfbe8;
    border-color: #b5b5b5;
}
#content #subpageNavigation .subpage a.read-more:hover h2 {
    color: #d2464a;
}
#content #subpageNavigation .subpage a.read-more:hover .description .arrow-right {
    display: inline-block;
}
#content #subpageNavigation.small .subpage {
    border-bottom: none;
    margin-bottom: 15px;
}
#content #subpageNavigation.small .subpage a.read-more h2 {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
}
#content #subpageNavigation.small .subpage a.read-more .description {
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 0;
    margin-left: 20px;
}
#content #subpageNavigation.small .subpage a.read-more .description .arrow-right {
    height: 19px;
}
#content #subpageNavigation ul.links {
    list-style-type: none;
    padding-left: 0;
    margin: 0 0 16px 0;
}
#content #subpageNavigation ul.links li {
    display: inline;
    padding-left: 25px;
    font-size: 12px;
}
#content #subpageNavigation ul.links li:first-child {
    padding-left: 0;
}
#content #subpageNavigation ul.links li a {
    color: #878787;
}
#content #subpageNavigation ul.links li a:hover {
    color: #d2464a;
}
#content #subpageNavigation ul.links li a.Selected {
    color: #d2464a;
}
/*  Columns */

#contentcolumn,
#asidecolumn {
    color: black;
}
#contentcolumn #aside h1,
#asidecolumn #aside h1 {
    margin-bottom: 10px;
}
#contentcolumn .contentbox > :first-child,
#asidecolumn .contentbox > :first-child {
    margin-top: 0;
}
#contentcolumn .contentbox,
#asidecolumn .contentbox {
    margin: 20px 0;
    background: url(img/texture.png);
    border: 1px solid #fffccc;
}
#contentcolumn .contentbox .content,
#asidecolumn .contentbox .content {
    margin: 17px;
}
#contentcolumn .contentbox .header,
#asidecolumn .contentbox .header {
    background: url(img/AsideHeaderBackground.png);
    height: 36px;
    line-height: 36px;
    font-size: 18px;
    font-weight: normal;
    color: black;
    padding: 0 20px;
    margin-bottom: 0;
}
#contentcolumn .contentbox .header .chooseCity,
#asidecolumn .contentbox .header .chooseCity {
    color: #005ea1;
    font-size: 13px;
}
#contentcolumn .contentbox .header .chooseCity a,
#asidecolumn .contentbox .header .chooseCity a {
    color: #005ea1;
}
#contentcolumn .contentbox .header .chooseCity a:hover,
#asidecolumn .contentbox .header .chooseCity a:hover {
    text-decoration: none;
}
#contentcolumn .contentbox #CitySelectorAside,
#asidecolumn .contentbox #CitySelectorAside {
    margin-bottom: 15px;
    font-size: 19px;
}
#contentcolumn .contentbox #CitySelectorAside a,
#asidecolumn .contentbox #CitySelectorAside a {
    display: inline-block;
}
#contentcolumn .contentbox #phonebox .phoneheader,
#asidecolumn .contentbox #phonebox .phoneheader {
    margin-bottom: 7px;
    margin-top: 12px;
    color: #6d6c67;
    font-size: 16px;
}
#contentcolumn .contentbox #phonebox .phonetext,
#asidecolumn .contentbox #phonebox .phonetext {
    font-size: 17px;
}
#contentcolumn .contentbox #phonebox .phonetext .BigPhone,
#asidecolumn .contentbox #phonebox .phonetext .BigPhone {
    font-size: 25px;
    line-height: 24px;
    font-weight: bold;
    color: #d2464a;
    padding-left: 35px;
    background: url(img/phone-icon.png) no-repeat center left;
}
#contentcolumn .contentbox #disciplines a.NavigationOpen,
#asidecolumn .contentbox #disciplines a.NavigationOpen {
    color: #723733;
    font-weight: bold;
    text-decoration: none;
}
#contentcolumn123 {
    color: black;
}
#contentcolumn123 #aside h1 {
    margin-bottom: 10px;
}
#contentcolumn123 .contentbox > :first-child {
    margin-top: 0;
}
#contentcolumn123 .contentbox {
    margin: 20px 0;
    background: url(img/texture.png);
}
#contentcolumn123 .contentbox .content {
    margin: 17px;
}
/*  Footer  */

#footer,
#push {
    height: 43px;
}
.CopyrightWrapper .copyright {
    line-height: normal;
    font-size: 12px;
    color: #7f7f7f;
    text-align: center;
}
#footer {
    color: white;
    height: 83px;
}
#footer .background {
    height: 100%;
    width: 100%;
    background: url(img/footerbackground.png);
}
#footer .MenuWrapper .Menu {
    color: #d2464a;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    text-align: center;
}
#footer .MenuWrapper .Menu a {
    display: inline-block;
    text-decoration: none;
    color: #d2464a;
    line-height: 36px;
    font-size: 16px;
}
#footer .MenuWrapper .Menu a:hover {
    text-decoration: underline;
}
#footer .MenuWrapper .Menu a div {
    margin: 0 28px;
}
#footer .CopyrightWrapper {
    border-top: 1px solid #999891;
    width: 836px;
    margin: 0 auto;
    height: 47px;
    padding: 0;
}
#footer .CopyrightWrapper .copyright {
    margin: 6px auto;
}
#footer .CopyrightWrapper .copyright a {
    color:  #7f7f7f;
}
/*  For mobile version */

@media handheld, only screen and (max-width: 767px) {
    body {
        font-size: 16px;
        line-height: 24px;
    }
}
/*  Make minor type adjustments for 1024 monitors */

@media only screen and (max-width: 1023px) {
    body {
        font-size: 0.8em;
        /* Makes type a bit smaller at 1024 so layout doesn't look unbalanced */
        line-height: 1.5em;
        /* As above */

    }
}
/* Provide higher res assets for iPhone 4 */

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    /* An example of how to override an image with one twice the size for iPhone 4. Specify the original pixel size with background-size.
                .download {
                background: url(img/downarrow@2x.png) no-repeat;
                background-size: 27px 28px;
                }
        */
}

.button {
    /*padding: 5px 10px;*/
    display: inline-block;
    background: #878787 url(img/button.png) repeat-x bottom;
    border: none;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: 1px 1px #666;
    height: 28px;
}
.button:hover {
    background-position: 0 center;
}
.button:active {
    background-position: 0 top;
    position: relative;
    top: 1px;
    /*padding: 6px 10px 4px;*/
}
#PaymentWrapper .submitWrapper .button {
  padding: 0;
  display: inline-block;
  background: #878787 url(img/button.png) repeat-x bottom;
  border: none;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-shadow: 1px 1px #666;
  height: 28px;
}
#PaymentWrapper .submitWrapper .button:hover {
  background-position: 0 center;
}
#PaymentWrapper .submitWrapper .button:active {
  background-position: 0 top;
  position: relative;
  top: 1px;
  /*padding: 6px 10px 4px;*/
}

.button.red { background-color: #e50000; }
.button.purple { background-color: #9400bf; }
.button.green { background-color: #4dbe4d; /*#58aa00;*/ }
#PaymentWrapper .submitWrapper .button.green { background-color: #4dbe4d; /*#58aa00;*/ }
.button.orange { background-color: #ff9c00; }
.button.blue { background-color: #2c6da0; }
.button.black { background-color: #333; }
.button.white { background-color: #fff; color: #000; text-shadow: 1px 1px #fff; }
.button.small { font-size: 75%; padding: 3px 7px; }
.button.small:active { padding: 4px 7px 2px; background-position: 0 top; }
.button.large { font-size: 125%; padding: 7px 12px; }
.button.large:active { padding: 8px 12px 6px; background-position: 0 top; }
.button.smaller { font-size: 85%; /*padding: 4px 8px;*/ }
.button.smaller:active { /*padding: 5px 8px 3px;*/ background-position: 0 top; }

.button[disabled] {
    background: #d4d0c8;
    color: #808080;
    text-shadow: 1px 1px #fff;
    cursor: default;
}

.button[disabled]:active {
    top: 0px;
}


.marquee {
    overflow: hidden;
    height: 33px;
    font-size: 16px;
    line-height: 33px;
}

.marquee img {
    margin: 0;
    border: none;
    margin-right: 5px;
    vertical-align: text-bottom;
}
.marquee div {
    display: inline-block;
    margin-left: 0px;
}

.marquee div:first-child {
    margin-left: 0px;
}

.marquee .separator {
    width: 150px;
    height: 100%;
}

.marqueeWrapper {
    margin: 0 !important;
    padding: 0 5px;
    background: #fffef2;
}
.marqueeWrapper:hover {
    background: #fffdd5;
}

#radio {
    background: #fcfbe8;
    border: 1px solid #b5b5b5;
    display: none;
    margin: 20px 0;
    padding: 4px;
}

.rightflash object {
    margin: 0px auto;
}


#disciplines ul {
    padding: 0;
    margin-bottom: 0;
}

#disciplines li {
    list-style-type: none;
    line-height: 36px;
    height: 36px;
    margin: 0;
    background: url(img/DisciplineBackground2.png) repeat-x;
}

#disciplines li a {
    display: block;
    color: #d2464a;
    text-decoration: none;
}

#disciplines li a:hover {
    text-decoration: underline;
}

#disciplines li:hover {
    background: url(img/DisciplineBackgroundHighlight2.png) repeat-x;
}

#disciplines li.Selected {
    background: url(img/DisciplineBackgroundHighlight2.png) repeat-x;
}

#disciplines li.Selected a {
    text-decoration: underline;
}

#disciplines li div {
    padding-left: 55px;
}

#disciplines li .neidan {
    background: url(img/Disciplines/Neidan.png) no-repeat;
}

#disciplines li .daogong {
    background: url(img/Disciplines/Daogong.png) no-repeat;
}

#disciplines li .taiji {
    background: url(img/Disciplines/Taiji.png) no-repeat;
}

#disciplines li .xinyi {
    background: url(img/Disciplines/Xinyi.png) no-repeat;
}

#disciplines li .yiquan {
    background: url(img/Disciplines/Yiquan.png) no-repeat;
}

#disciplines li .bagua {
    background: url(img/Disciplines/Bagua.png) no-repeat;
}

#disciplines li .zhenxin {
    background: url(img/Disciplines/Zhenxin.png) no-repeat;
}

#disciplines li.doubleLine {
    line-height: normal;
    height: 54px;
    background: url(img/DisciplineBackground2Lines2.png) repeat-x;
}

#disciplines li.doubleLine:hover {
    background: url(img/DisciplineBackground2LinesHighlight2.png) repeat-x;
}

#disciplines li.doubleLine.Selected {
    background: url(img/DisciplineBackground2LinesHighlight2.png) repeat-x;
}

#disciplines li.doubleLine a {
    height: 54px;
}

#disciplines li.doubleLine a div {
    padding-top: 8px;
    height: 46px;
}

#disciplines .promonote {
    padding: 0 !important;
    color: #005ea1;
    font-size: 13px;
    font-weight: bold;
    position: relative;
    top: -26px;
    left: 55px;
    z-index: 5;
}

.review .text {font-size: 14px; background: #fcfbe8; position: relative; left: -5px; }
.review .text p {margin-bottom: 0; position: relative;}
.review.collapsed .text {max-height: 80px; overflow: hidden;}
.review .expandButton {font-size:13px;cursor:pointer;}
.review .expandButton:hover a { border-bottom: 1px solid #005ea1; }
.review.collapsed .expandButton {background: url(img/CollapseBackground.png) repeat-x top;margin-top:-18px;padding-top:18px;position:relative;}
.review .nameAge {font-weight: bold;float: right; color: #878787;}
.review .nameAge.marginBottom { margin-bottom: 14px; }
.reviewWrapper.multiple .nameAge {position:relative; right: 45px;}
.reviewWrapper .refresh {background: url(img/Refresh.png) no-repeat left; padding-left: 20px;}
.reviewWrapper .refresh.loading {background: url(img/ajax-loader.gif) no-repeat left;}
.reviewWrapper .nextReview { font-size: 13px; }
.reviewWrapper .reviewBox { position: relative; padding: 5px; margin-bottom: 20px; }
.reviewWrapper .corner { position: absolute; height: 5px; width: 5px; background: url(img/sprite2.png) no-repeat top left; }
.reviewWrapper .corner.topLeft { top: 0px; left: 0px; background-position: 0px 0px; }
.reviewWrapper .corner.bottomLeft { bottom: 0px; left: 0px; background-position: 0px -5px; }
.reviewWrapper .corner.topRight { top: 0px; right: 0px; background-position: -5px 0px; }
.reviewWrapper .corner.bottomRight { bottom: 0px; right: 0px; background-position: -5px -5px; }
.reviewWrapper .topSide { background: url(img/BorderPixel.png) #fcfbe8 top repeat-x; position: relative; top: -5px; }
.reviewWrapper .bottomSide { background: url(img/BorderPixel.png) #fcfbe8 bottom repeat-x; position: relative; top: 10px; }
.reviewWrapper .leftSide { background: url(img/BorderPixel.png) #fcfbe8 left repeat-y; position: relative; left: -5px; top: -5px; }
.reviewWrapper .rightSide { background: url(img/BorderPixel.png) #fcfbe8 right repeat-y; position: relative; left: 10px; }
.reviewWrapper .triangle {background: url(img/triangle2.png) no-repeat; height: 20px; width: 20px; position: absolute; bottom: -24px; right: 16px; }
.reviewWrapper .left-5px {position: relative; left: -5px;}

#SubscribeWrapper {
    /*width: 232px;*/
}

#SubscribeWrapper .SubscribeHeader {
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 10px;
}

#SubscribeWrapper .text-core .text-wrap {
    float:left;
    position:relative;
}

#SubscribeWrapper .LabelWrapper {
    float: left;
    height: 31px;
    line-height: 31px;
}

#SubscribeWrapper .ButtonWrapper {
    float: right;
    margin-top: 10px;
    width: 130px;
    max-height: 28px;
}

#SubscribeWrapper .ButtonWrapper input, #SubscribeWrapper .ButtonWrapper button  {
    height: 28px;
    margin: 0 0px 0 30px;
    font-size: 13px;
}

#SubscribeWrapper .InputWrapper input, #SubscribeWrapper .InputWrapper textarea {
    width: 171px;
}

#SubscribeWrapper .InputWrapper {
    position: relative;
    overflow: hidden;
    float: right;
}

#SubscribeWrapper .message, #SubscribeWrapper .validationMessage {
    width: 232px;
    /*display: none;*/
    font-size: 13px;
    line-height: 15px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dotted #b5b5b5;
}

#SubscribeWrapper .message .success, #SubscribeWrapper .validationMessage .success {
    color: #58aa00;
}

#SubscribeWrapper .message .error, #SubscribeWrapper .validationMessage .error {
    color: #d2464a;
}

#SubscribeWrapper .message.loading {
    color: black;
    padding-left: 20px;
    background: url(img/Skins/New/ajax-loader.gif) no-repeat 0 10px;
}

#SubscribeWrapper .clear {
    clear: both;
}

.copyright.small {
    height: 36px;
    line-height: 36px;
    border-top: 1px dashed #d5d5d5;
    background:url(img/smallfooterbackground.png) repeat-x;
    margin-top: 36px;
}

a.CitySelectorLink {

}

#CitySelectorContent {
    margin: 20px;
    width: 180px;
    display: none;
}

#CitySelectorContent ul {
    margin-bottom: 0;
    font-size: 17px;
}

#CitySelectorContent .curCity {
    font-size: 18px;
    font-weight: bold;
}

#maincontentbox {
    border: 10px solid #9755c7 !important;
    border-radius: 30px;
}

#maincontentbox h1, #maincontentbox h2, #maincontentbox .red {
    color: #802ebb !important;
}

.textAreaWrapper span.required, .radioGroupWrapper span.required {
    color: #d2464a;
    vertical-align: top;
}

.textAreaWrapper label.error+span.required, .textAreaWrapper input.valid+span.required, .textAreaWrapper textarea.valid+span.required {
    display: none;
}

#PaymentWrapper .textAreaWrapper input, #PaymentWrapper .textAreaWrapper textarea {
    width: 220px;
    font: 15px "lucida grande", tahoma, verdana, arial, sans-serif;
    border: 1px solid #9daccc;
    padding: 3px 5px 4px 5px;
    margin: 2px 0;
}

#PaymentWrapper label.error {
    vertical-align: top;
    color: #878787;
}

.textAreaWrapper label.error span.message{
    position: relative;
    top: 6px;
    font-size: 14px;
    vertical-align: top;
}

#PaymentWrapper .textAreaWrapper {
    margin-bottom: 15px;
}

#PaymentWrapper .textAreaWrapper textarea {
    vertical-align: top;
}

/*#PaymentWrapper #SumReadOnly + label.error, #PaymentWrapper #SumReadOnly + span.required {*/
/*position: relative;*/
/*top: -71px;*/
/*}*/

#PaymentWrapper .submitWrapper input {
    font-size: 17px;
    font-weight: normal;
    width: 220px;
    margin-top: 10px;
}

#PaymentWrapper #SumReadOnly {
    background: #fcfbe8;
    /*border: 1px solid #4dbe4d;*/
    font-weight: bold;
}

#PaymentWrapper .labelWrapper {
    color: #878787;
    font-weight: bold;
    margin-bottom: 5px;
}

#PaymentWrapper .radioWrapper {
    margin-top: 2px;
}

#PaymentWrapper .radioWrapper input, #PaymentWrapper .radioWrapper label {
    cursor: pointer;
    padding-left: 4px;
}

#PaymentWrapper .radioGroupWrapper {
    margin-bottom: 10px;
}

#PaymentWrapper .description {
    margin-bottom: 15px;
    color: gray;
    font-size: 13px;
}

#PaymentWrapper .description ul {
    margin-bottom: 0px;
}

#PaymentWrapper .formWrapper {
    float: left;
}

#PaymentWrapper .paymentTypesWrapperContainer {
    position: relative;
}

#PaymentWrapper .paymentTypesWrapper {
    position: absolute;
    right: 0;
}

#PaymentWrapper .paymentTypesWrapper img {
    border: none;
}

#PaymentWrapper .paymentTypesWrapper img {
    margin-bottom: 5px;
    display: block;
}

#PaymentWrapper .seminarDetails, #PaymentWrapper .groupDetails {
    font-size: 15px;
}

#PaymentWrapper .seminarDetails h2, #PaymentWrapper .groupDetails h2 {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bold;
    color: black;
    line-height: 22px;
    background: url(/Frontend/Images2/BlueBackground4.png);
    padding: 8px 5px;
}

#PaymentWrapper .pricesWrapper {
    padding-left: 0;
    width: 100%;
    float: none;
}

#PaymentWrapper .mainPriceWrapper, #PaymentWrapper .additionalDisciplinesWrapper {
    float: left;
    width: 50%;
}

#PaymentWrapper .costWrapper {
    border-bottom: 1px solid gray;
    margin-bottom: 15px;
}

.priceComment {
    margin-left: 20px;
    font-size: 95%;
    color: #878787;
    font-style: italic;
    line-height: 1.4;
    margin-bottom: 5px;
    margin-top: -3px;
}

.hiddenLink {
    text-decoration: none;
    color: black;
}

.hiddenLink:hover{
    text-decoration: underline;
    color: black;
}

.grayLink{
    text-decoration: underline;
    color: #777777;
}

.grayLink:hover{
    color: #969696;
}


.categoryFilter { margin: 10px 0 0 0; font-size: 14px; }
.categoryFilter .category { cursor: pointer; display: inline-block; padding: 4px 4px; margin-left: 9px; color: #005ea1; border-radius: 5px; text-align: center; }
.categoryFilter .category:hover { background: #eaf0f5; }
.categoryFilter .category:hover .dotted { border-bottom: 1px solid #005ea1; }
.categoryFilter .category.selected { font-weight: bold; background: #eaf0f5; }
.categoryFilter .category .dotted { border-bottom: 1px dotted #005ea1; }
.categoryFilter .category.selected .dotted {border-bottom: 1px solid #005ea1; }
.categoryDescriptions { clear: both; padding: 9px 0 13px 0; }
.categoryDescriptions .description {}
.products {}
.products .product { clear: both; overflow: hidden; padding: 18px 0 13px 0; min-height: 100px; border-top: 1px dotted #b9b9b9; font-size: 14px; }
.products .product .imageWrapper { float: left; width: 96px; }
.products .product .infoWrapper { float: left; margin: 0 20px; width: 389px; }
.products .product .asideWrapper { float: left; width: 91px; }
.products .product .productImage { width: 94px; margin: 0; }
.products .product .productName { font-weight: bold; }

.products .product .price { font-weight: bold; text-align: right; }
.products .product .size { font-weight: normal; padding-left: 6px; }
.products .product .shortDescription {}
.products .product .cartControls { height: 80px; position: relative; }
.products .product .cartControls div { display: inline-block; position: absolute; }
.products .product .cartControls .removeItem {top: 26px; left: 0px; height: 18px; width: 18px; background: url(img/Cart_Remove.png); cursor: pointer; margin-left: 0;}
.products .product .cartControls .removeItem:hover { background: url(img/Cart_Remove_hover.png); }
.products .product .cartControls .removeItem:active { background: url(img/Cart_Remove_active.png); }
.products .product .cartControls .itemsInCartWrapper { top: 24px; left: 29px; }
.products .product .cartControls .itemsInCart { height: 20px; margin: 0; font-size: 15px; padding: 0 2px; width: 20px; }
.products .product .cartControls .addItem { top: 10px; right: 0px; height: 47px; width: 24px; background: url(img/Cart_Add.png); cursor: pointer; }
.products .product .cartControls .addItem:hover { background: url(img/Cart_Add_hover.png); }
.products .product .cartControls .addItem:active { background: url(img/Cart_Add_active.png); }
.checkoutWrapper { position: fixed; bottom: -30px; width: 100%; z-index: 99; }
.checkoutHref { display: inline-block; position: absolute; right: 40px; bottom: 0px; height: 30px; width: 170px; background: url(img/Checkout_disabled.png); cursor: default; }
.checkoutHref .positionCount { color: white; position: absolute; top: 1px; left: 21px; font-weight: bold; }
.checkoutHref.twoDigits .positionCount { left: 17px; }
.enabled .checkoutHref { background: url(img/Checkout.png); cursor: pointer; }
.enabled .checkoutHref .positionCount { color: #fdf635; }
.enabled .checkoutHref:hover { background: url(img/Checkout_hover.png); }
.enabled .checkoutHref:active { background: url(img/Checkout_active.png); }
.enabled .checkoutHref:active .positionCount { top: 2px; left: 22px; }
.enabled .checkoutHref.twoDigits:active .positionCount { top: 2px; left: 18px; }
.emptyCart { cursor: pointer; height: 18px; width: 18px; position: absolute; left: 618px; bottom:6px; background: url(img/Cart_empty.png); }
.enabled .emptyCart { display: block; }
.emptyCart:hover { background: url(img/Cart_empty_hover.png);  }
.emptyCart:active { background: url(img/Cart_empty_active.png);  }

.productDescription { margin: 20px; display: none; }
.productDescription .header { }
.productDescription h2.title {
    color: black;
    background: url(img/BlueBackground4.png);
    font-weight: bold;
    height: 60px;
    padding: 0 5px;
    line-height: 60px;
    font-size: 22px;
    margin-top: 0;
    margin-bottom: 30px;
}
.productDescription .content { width: 427px; }

.productDescription .sizeAndPrice { font-weight: bold; font-size: 16px; }
.productDescription .size { color: #878787; }
.productDescription .price { margin: 7px 0 5px 0; color: #d2464a; font-size: 23px; }
.productDescription .asideWrapper { float: right; width:140px; padding-left:24px; margin-left:24px; margin-bottom: 20px; border-left: 1px dotted #b5b5b5; }
.productDescription .descriptionImage { width: 118px; margin-right: 10px; margin-bottom: 15px; }
.productDescription .addToCartHorizontal { background: url(img/Cart_Add_horizontal.png); height: 25px; width: 108px; margin: 20px 0 5px 0; cursor:pointer;}
.productDescription .addToCartHorizontal:hover{ background: url(img/Cart_Add_horizontal_hover.png); }
.productDescription .addToCartHorizontal:active { background: url(img/Cart_Add_horizontal_active.png); }

.products .product .productImage {
    height: 94px;
    object-fit: cover;
    object-position: center;
}

.productDescription .descriptionImage {
    height: 118px;
    object-fit: cover;
    object-position: center;
}

#dialog-confirm { display: none; }
.review {
    display: block;
}

.review-hidden {
    display: none
}
/****/

#SubscribeWrapper p {
    margin: 0;
}

#SubscribeWrapper .InputWrapper input
{
    width: 171px;
    font: 15px "lucida grande", tahoma, verdana, arial, sans-serif;
    border: 1px solid #9daccc;
    padding: 3px 5px 4px 5px;
    margin: 2px 0;
}

#SubscribeWrapper .wpcf7-submit
{
    height: 28px;
    margin: 0;
    font-size: 13px;
    display: inline-block;
    background: #878787 url(img/button.png) repeat-x bottom;
    border: none;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: 1px 1px #666;
}

#SubscribeWrapper .wpcf7-not-valid-tip {
    display: none;
    /*width: 186px;*/
    /*font-size: 13px;*/
    /*line-height: 15px;*/
    /*margin-top: 10px;*/
    /*padding-top: 10px;*/
    /*border-top: 1px dotted #b5b5b5;*/
}

#SubscribeWrapper label.error {
    display: none;
}

#SubscribeWrapper .wpcf7-response-output {
    border: 0;
    padding: 0;
    margin: 0;

    width: 232px;

    font-size: 13px;
    line-height: 15px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dotted #b5b5b5;
}

#SubscribeWrapper .wpcf7-response-output:empty {
    display: none;
}

#SubscribeWrapper .ajax-loader {
    width: 0;
    height: 0;
}

/* June 29 2022 */
/* newsletter form ids are different on dev and prod */
#SubscribeWrapper {
    /*height: 126px;*/
}

/*woocommerce*/
.woocommerce-checkout #payment ul.payment_methods {
    display: none;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    display: inline-block;
    background: #4dbe4d url(img/button.png) repeat-x bottom;
    border: none;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: 1px 1px #666;
    height: 28px;
    line-height: 0;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background-position: 0 center;
    display: inline-block;
    background: #4dbe4d;
    border: none;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: 1px 1px #666;
    height: 28px;
    line-height: 0;
}

.woocommerce #respond input#submit.alt:active,
.woocommerce a.button.alt:active,
.woocommerce button.button.alt:active,
.woocommerce input.button.alt:active {
    background-position: 0 top;
    position: relative;
    top: 1px;
    display: inline-block;
    background: #4dbe4d;
    border: none;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: 1px 1px #666;
    height: 28px;
    line-height: 0;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
    background: #fdfbe8;
    border-radius: 5px;
    border: 1px solid #f8ff2e;
}

#add_payment_method #payment div.form-row,
.woocommerce-cart #payment div.form-row,
.woocommerce-checkout #payment div.form-row {
    padding: 1em;
    text-align: center;
}

.woocommerce-checkout #payment .place-order span.woocommerce-input-wrapper {
    float: left;
    font-size: 97%;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    float: none;
}

.pulsate {
    -webkit-animation: pulsate 10s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    -webkit-animation-iteration-count: infinite;
    opacity: 0.5;
}
@-webkit-keyframes pulsate {
    0% {
        opacity: 0.5;
    }
    50% {
        opacity: 1.0;
    }
    100% {
        opacity: 0.5;
    }
}

.lib-new-box {
    border-radius: 20px;

}

.lib-new-box .new-box-title {

    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    color: #d2464a;
    margin-bottom: 20px;

}

.lib-new-box li a {
    color: #005ea1;
}

.lib-new-box ul {
    list-style: none;
}

.lib-new-box ul li:hover a {
    background-color: #fcf9d7;
    border: 1px;
    border-radius: 10px;
    color: #d2464a;
    box-shadow: 1px 1px 6px 5px #fcf9d7;
}

#menu-lib-menu {
    margin-bottom: 12px;
}


.waviy {
    text-align: center;
    margin: 5px;
}
.waviy .wrap {
    display: inline-block;
    position: relative;
    line-height: 25px; /*высота кнопки*/
    width: 215px; /*ширина кнопки*/
    cursor: pointer;
    border-bottom: 1px solid black;
    margin: 0 auto;
    border-radius: 15px; /*скругление углов кнопки*/
    text-decoration: none;
}

.waviy .wrap span {
    position: relative;
    display: inline-block;
    font-size: 12px;
    font-weight: 500; /*толщина букв*/
    width: 8px; /*расстояние между буквами*/
    line-height: 12px;
    color: black;
    text-transform: uppercase;
    vertical-align:middle;
}

.waviy .wrap:hover {
    background-image: none;
}

/*=====================*/
.waviy1 .wrap span {
    color: black;
    animation: waviy1-flip 4.2s infinite;
    animation-delay: calc(0.3s * var(--i));
}

.waviy1 .wrap:hover span {
    animation: waviy1-flip 1.4s infinite;
    animation-delay: calc(0.1s * var(--i));
}

.waviy1 .wrap {
    background: linear-gradient(lightgreen 14%, #42d842 97%);
}
.waviy1 .wrap:hover {
    background-color: lightgreen;
}

@keyframes waviy1-flip {
    0%, 21%, 100% {
        font-size: 12px;
        line-height: 12px;
        color: black;
    }
    12% {
        font-size: 20px;
        line-height: 20px;
        color: yellow;
    }
}

/*=====================*/

/*=====================*/
.waviy2 .wrap span {
    color: skyblue; /*начальный цвет букв*/
    animation: waviy2-flip calc(0.5s * 13) infinite;  /*скорость подъема каждой буквы (0.5s) умножить на количество букв включая пробел (13)*/
    animation-delay: calc(0.5s * var(--i)); /*скорость подъема каждой буквы (0.5s)*/
}

.waviy2 .wrap:hover span {
    animation: waviy2-flip calc(0.1s * 13) infinite; /*скорость подъема каждой буквы при наведении мышки (0.1s) умножить на количество букв включая пробел (13)*/
    animation-delay: calc(0.1s * var(--i)); /*скорость подъема каждой буквы при наведении мышки (0.1s) */
}

.waviy2 .wrap {
    background: linear-gradient(darkblue 14%, black 97%); /*цвет кнопки - градиент переходящий от тёмно синего darkblue к чёрнму black*/
}
.waviy2 .wrap:hover {
    background-color: darkblue; /* цвет кнопки - при наведении мышки*/
}

@keyframes waviy2-flip {
    0%, 21%, 100% {
        font-size: 12px; /* размер шрифта буквы в сжатом состоянии */
        line-height: 12px; /* высота строки буквы в сжатом состоянии*/
        color: skyblue; /* цвет буквы в сжатом состоянии*/
    }
    12% {
        font-size: 20px; /* размер шрифта буквы в увеличенном состоянии */
        line-height: 20px; /* высота строки буквы в увеличенном состоянии*/
        color: white; /* цвет буквы в увеличенном состоянии*/
    }
}

/*=====================*/

.arrow-flex-row {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.arrow-small {
    width:19px;
    height:19px;
    display: none;
}

.arrow-small:before {
    content: "";
    flex: 1;
    margin: 0 2px 0 0;
    background: currentColor;
    clip-path: polygon(0 8px, calc(100% - 6px) 8px,calc(100% - 8px) 2px,100% 50%,calc(100% - 8px) calc(100% - 2px),calc(100% - 6px) calc(100% - 8px),0 calc(100% - 8px));
    animation: a-small .5s infinite alternate;
}

.arrow-small:after {
    --s:-1;
}

@keyframes a-small {
    0%  {transform: scaleX(var(--s,1)) translate(-2px)}
    100%{transform: scaleX(var(--s,1)) translate( 2px)}
}

.arrow-big {
    width:50px;
    height:30px;
    display: none;
}

.arrow-big:before {
    content: "";
    flex: 1;
    margin: 0 5px;
    background: currentColor;
    clip-path: polygon(0 10px, calc(100% - 15px) 10px, calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, calc(100% - 15px) calc(100% - 10px), 0 calc(100% - 10px));
    animation: a3 .5s infinite alternate;
}

.arrow-big:after {
    --s:-1;
}
@keyframes a3 {
    0%  {transform: scaleX(var(--s,1)) translate(-4px)}
    100%{transform: scaleX(var(--s,1)) translate( 4px)}
}

.arrow-static {
    display: inline-block;
}

.tarif-box-option-content {
    margin-top: 10px;
}

.tarif-box-option {
    background-color: white;
    border-radius: 10px;
    border: 1px solid lightgray;
    margin: 0 0 10px 0;
    box-shadow: 1px 1px 3px -1px lightgrey;
}

.tarif-box-option:hover .arrow-big,
.tarif-box-option:hover .arrow-small {
    display: flex;
}

.tarif-box-option:hover .arrow-static {
    display: none;
}

.tarif-box-option-head {
    border-radius: 10px;
    padding: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fcf9d7;
}

.clickable {
    cursor: pointer;
    z-index: 200;
}

.post-237 .entry-header {
    display: none;
}

.tarif-box-main-page .payment-button,
.tarif-box-main-page .details-button {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 205px;
    height: 26px;
    margin: 10px 0px 10px 10px;
    padding: 4px 8px 4px 17px;
    font-size: 28px;
    letter-spacing: 5px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fffdc8f5;
    text-align: center;
    background: url(../img/button.png) repeat-x bottom;
    background-color: #4dbe4d;
    border: 1px solid darkgreen;
    border-radius: 19px;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.tarif-box-main-page .details-button {
    padding: 4px 8px 4px 8px;
    letter-spacing: 0px;
    width: 214px;
}

.tarif-box-main-page .details-button a,
.tarif-box-main-page .details-button a:hover {
    text-decoration: none;
    color: #fffdc8f5;
}

.tarif-box-main-page .tarif-box-main-page-head {
    font-size: 110%;
    margin-bottom: 2px;
}

.tarif-box-main-page .tarif-box-main-page-content {
    font-size: 90%;
    margin-bottom: 0px;
    margin-left: 0px;
}

.payment-button:hover {
    opacity: .8;
    color: white;
}

.tarif-box-option .payment-button {
    display: inline-block;
    text-decoration: none;
    margin: 0px;
    padding: 4px 18px;
    font-size: 15px;
    font-weight: 700;
    color: #fffdc8f5;
    text-align: center;
    background: url(../img/button.png) repeat-x bottom;
    background-color: #4dbe4d;
    border: 1px solid darkgreen;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.popup {
    padding: 15px;
}

.tarif-box-main-page {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

    background-color: white;
    border-radius: 10px;
    padding: 8px;
    border: 1px solid lightgray;
    margin-bottom: 7px;
    font-size: 110%;
}

.tarif-box-main-page:hover {
    border: 1px solid #168800;
    background-color: #fffef2;
}

.tarif-box-main-page:hover .arrow-big {
    display: flex;
}

.no-bottom-margin {
    margin-bottom: 0px !important;
}

.no-margin {
    margin: 0px !important;
}

.post-6368 .top-quote-chinese {
    font-size: 130%;
    color: #d2464a;
    margin: 15px 0 5px 0;
}

.post-237 .top-quote {
    font-size: 130%;
    color: #005ea1;
    margin: 10px 0 5px 0;
}

.popup hr {
    width: 96%;
    height: 1xpx;
}

.little-comment {
    line-height: 1.3em;
    font-size: 80%;
}

.h4-indigo {
    color: indigo !important;
    font-size: 15px;
}

.h4-indigo-bold {
    font-size: 13px;
    color: indigo;
    font-weight: bold;
}

.indigo-bold {
    color: indigo;
    font-weight: bold;
}

.footer-gray {
    font-size: 109%;
    color: #747474;
    line-height: 18px;
}

.post-237 p,
.post-6368 p {
    margin-bottom: 11px;
    line-height: 21px;
}

.post-237 h2 {
    margin-top: 17px;
    margin-bottom: 11px;
}

.post-6368 h2 {
    margin-top: 15px;
    margin-bottom: 11px;
}

.post-237 .picture-text {
    color: #878787;
    margin-top: 2px;
    font-size: 90%;
}


.waviy-a {
    text-align: center;
    margin: 5px;
}
.waviy-a .wrap-a {
    display: inline-block;
    position: relative;
    line-height: 35px;
    max-width: 320px;
    width: 100%;
    cursor: pointer;
    border-bottom: 1px solid black;
    margin: 0 auto;
    border-radius: 20px;
    text-decoration: none;

    background: linear-gradient(var(--color-waviy-a-bg1) 14%, var(--color-waviy-a-bg2) 97%);
}

.waviy-a .wrap-a span {
    position: relative;
    display: inline-block;
    font-size: 22px;
    font-weight: 486;
    line-height: 25px;
    text-transform: uppercase;
    vertical-align: middle;
    margin-top: -1px;

    color: var(--color-waviy-a-init);
    animation: waviy-a-flip calc(0.5s * var(--letters-num)) infinite;
    animation-delay: calc(0.5s * var(--i));
}

.waviy-a .wrap-a:hover {
    background-image: none;
    background-color: var(--color-waviy-a-bg1); /* цвет кнопки - при наведении мышки*/
}

@keyframes waviy-a-flip {
    0%, 21%, 100% {
        transform: scale(1);
        color: var(--color-waviy-a-init);
    }
    6% {
        color: var(--color-waviy-a-big);
    }
    12% {
        transform: scale(1.4);
    }
    18% {
        color: var(--color-waviy-a-big);
    }
    50% {
        color: var(--color-waviy-a-init);
    }
}
/*=====================*/
.waviy-a1 {
    --color-waviy-a-init: black; /* цвет буквы в сжатом состоянии*/
    --color-waviy-a-big: yellow; /* цвет буквы в увеличенном состоянии*/
    --color-waviy-a-bg1: lightgreen; /* цвет фона1*/
    --color-waviy-a-bg2: #42d842; /* цвет фона2*/
    --letters-num: 15; /* количество букв включая пробел */
}

.waviy-a2 {
    --color-waviy-a-init: #8c5402; /* цвет буквы в сжатом состоянии*/
    --color-waviy-a-big: #f2ffb7; /* цвет буквы в увеличенном состоянии*/
    --color-waviy-a-bg1: #bce1ff; /* цвет фона1*/
    --color-waviy-a-bg2: #7ec6ff; /* цвет фона2*/
    --letters-num: 14; /* количество букв включая пробел */
}

.waviy-a3 {
    --color-waviy-a-init: #0008A3; /* цвет буквы в сжатом состоянии*/
    --color-waviy-a-big: #7B82FF; /* цвет буквы в увеличенном состоянии*/
    --color-waviy-a-bg1: #FFEB3B; /* цвет фона1*/
    --color-waviy-a-bg2: #FFC107; /* цвет фона2*/
    --letters-num: 13; /* количество букв включая пробел */
}
.waviy-a4 {
    --color-waviy-a-init: #296600; /* цвет буквы в сжатом состоянии*/
    --color-waviy-a-big: #50c800; /* цвет буквы в увеличенном состоянии*/
    --color-waviy-a-bg1: #FFE4D0; /* цвет фона1*/
    --color-waviy-a-bg2: #ffc497; /* цвет фона2*/
    --letters-num: 14; /* количество букв включая пробел */
}

.waviy3 .wrap span {
    color: black;
    animation: waviy3-flip calc(0.5s * 14) infinite;
    animation-delay: calc(0.5s * var(--i));
}

.waviy3 .wrap:hover span {
    animation: waviy3-flip calc(0.1s * 14) infinite;
    animation-delay: calc(0.1s * var(--i));
}

.waviy3 .wrap {
    background: linear-gradient(red 14%, darkred 97%);
}
.waviy3 .wrap:hover {
    background-color: red;
}

@keyframes waviy3-flip {
    0%, 21%, 100% {
        font-size: 12px;
        line-height: 12px;
        color: black;
    }
    12% {
        font-size: 20px;
        line-height: 20px;
        color: yellow;
    }
}


.waviy4 .wrap span {
    color: white;
    animation: waviy4-flip calc(0.5s * 13) infinite;
    animation-delay: calc(0.5s * var(--i));
}

.waviy4 .wrap:hover span {
    animation: waviy4-flip calc(0.1s * 13) infinite;
    animation-delay: calc(0.1s * var(--i));
}

.waviy4 .wrap {
    background: linear-gradient(#F1DF07 14%, #B0A305 97%);
}
.waviy4 .wrap:hover {
    background-color: #F1DF07;
}

@keyframes waviy4-flip {
    0%, 21%, 100% {
        font-size: 12px;
        line-height: 12px;
        color: white;
    }
    12% {
        font-size: 20px;
        line-height: 20px;
        color: darkblue;
    }
}


.waviy5 .wrap span {
    color: black;
    animation: waviy5-flip calc(0.5s * 14) infinite;
    animation-delay: calc(0.5s * var(--i));
}

.waviy5 .wrap:hover span {
    animation: waviy5-flip calc(0.1s * 14) infinite;
    animation-delay: calc(0.1s * var(--i));
}

.waviy5 .wrap {
    background: linear-gradient(#F5A623 14%, #C37D09 97%);
}
.waviy5 .wrap:hover {
    background-color: #F5A623;
}

@keyframes waviy5-flip {
    0%, 21%, 100% {
        font-size: 12px;
        line-height: 12px;
        color: white;
    }
    12% {
        font-size: 20px;
        line-height: 20px;
        color: red;
    }
}



.waviy6 .wrap span {
    color: black;
    animation: waviy6-flip calc(0.5s * 13) infinite;
    animation-delay: calc(0.5s * var(--i));
}

.waviy6 .wrap:hover span {
    animation: waviy6-flip calc(0.1s * 13) infinite;
    animation-delay: calc(0.1s * var(--i));
}

.waviy6 .wrap {
    background: linear-gradient(#423189 14%, #8B00FF 97%);
}
.waviy6 .wrap:hover {
    background-color: #9400D3;
}

@keyframes waviy6-flip {
    0%, 21%, 100% {
        font-size: 12px;
        line-height: 12px;
        color: white;
    }
    12% {
        font-size: 20px;
        line-height: 20px;
        color: yellow;
    }
}


.waviy7 .wrap span {
    color: black;
    animation: waviy7-flip calc(0.5s * 14) infinite;
    animation-delay: calc(0.5s * var(--i));
}

.waviy7 .wrap:hover span {
    animation: waviy7-flip calc(0.1s * 14) infinite;
    animation-delay: calc(0.1s * var(--i));
}

.waviy7 .wrap {
    background: linear-gradient(#C68143 14%, #653F1F 97%);
}
.waviy7 .wrap:hover {
    background-color: #C68143;
}

@keyframes waviy7-flip {
    0%, 21%, 100% {
        font-size: 12px;
        line-height: 12px;
        color: black;
    }
    12% {
        font-size: 20px;
        line-height: 20px;
        color: yellow;
    }
}


.waviy8 .wrap span {
    color: black;
    animation: waviy8-flip calc(0.5s * 14) infinite;
    animation-delay: calc(0.5s * var(--i));
}

.waviy8 .wrap:hover span {
    animation: waviy8-flip calc(0.1s * 14) infinite;
    animation-delay: calc(0.1s * var(--i));
}

.waviy8 .wrap {
    background: linear-gradient(#6AE7CB 14%, #1CAF8D 97%);
}
.waviy8 .wrap:hover {
    background-color: #6AE7CB;
}

@keyframes waviy8-flip {
    0%, 21%, 100% {
        font-size: 12px;
        line-height: 12px;
        color: white;
    }
    12% {
        font-size: 20px;
        line-height: 20px;
        color: red;
    }
}

/*** СТИЛИ ДЛЯ СТРАНИЦЫ ОПЛАТА У **/

#SubscribeWrapper .ButtonWrapper {
    width: 130px;
}

#SubscribeWrapper .ButtonWrapper input, #SubscribeWrapper .ButtonWrapper button {
    margin: 0 0px 0 30px;
}

#PaymentWrapper #SumReadOnly + label.error, #PaymentWrapper #SumReadOnly + span.required {
    position: relative;
    top: 0;
}

/* Sum numerical field, hide arrows */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/* new wave animation */
.wave {
    position: relative;
    padding: 5px;
    width: 360px;
    height: 25px;
    margin: 0 auto;

    display: none;
    line-height: 35px;
    cursor: pointer;
    border-bottom: 1px solid black;
    border-radius: 20px;
    text-decoration: none;
    background: linear-gradient(#bce1ff 14%, #7ec6ff 97%);
}

.wave .small {
    position: absolute;
    left: 0;
    top: 0;
    /*width: 300px;*/
    height: 100%;
}

.wave .small span {
    display: inline-block;
    width: 20px;
    height: 30px;

    font-size: 24px;
    color: #8c5402;
    font-weight: 486;
    vertical-align: middle;
    transform: scale(1.0);
}

h1.main-page-1-line {
    margin-bottom: 5px;
    margin-top: 23px;
}

h1.main-page-2-line {
    line-height: 26px;
    margin-top: 0px;
}
/* subscribe form updates May 30 */
.accept {
    margin-top: 5px;
}

.accept input[type="checkbox"]{
    margin-left: 0;
}
.wpcf7-list-item {
    margin: 0;
}

.wpcf7-spinner {
    top: -25px;
    margin:0;
}

.wpcf7-response-output {
    color: red;
}

#SubscribeWrapper .ButtonWrapper {
    margin-top: 0;
}

.note-integrated {
    border: 1px dashed lightgray;
    border-left: 4px solid #d2464a;
    padding: 10px;
    padding-left: 15px;
    font-size: 14px;
    background-color: #fff8dc8d;
    box-shadow: 1px 1px 5px 1px #e1e1e1;
    border-radius: 3px;
}
.highlight-error {
    animation: fadeoutBg 3s; /***Transition delay 3s fadeout is class***/
}

#PaymentWrapper .textAreaWrapper input.highlight-error-border,
#PaymentWrapper .textAreaWrapper textarea.highlight-error-border {
    border-right: 3px solid crimson;
}

input[type='checkbox'].highlight-error-border {
    animation: fadeoutBorder 3s ease-in;
}

#PaymentWrapper .checkboxWrapper label.error.highlight-error {
    color: #d2464a;
    animation: none;
}

#PaymentWrapper .checkboxWrapper label,
#PaymentWrapper .checkboxWrapper input {
    cursor: pointer;
}

.checkboxWrapper span.required {
    color: #d2464a;
    vertical-align: top;
}

#PaymentWrapper div.checkbox {
    display: flex;
}

@keyframes fadeoutBg {
    0% { color: #d2464a;} /** from color **/
    100% { color: #878787;} /** to color **/
}

@keyframes fadeoutBorder {
    0% { outline: 2px solid #d2464a;} /** from color **/
    100% { outline: 2px solid transparent;} /** to color **/
}

#PaymentWrapper input[type='checkbox'] {
    margin-right: 5px;
}

#PaymentWrapper .textAreaWrapper input:focus,
#PaymentWrapper .textAreaWrapper textarea:focus {
    outline: none;
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
}

#contentcolumn.contentbox.single-column {
    width: 100%;
}
#content .background.single-column {
    width: 952px;
}

.main-page-green-button {
    background: #757575 url(img/button.png) repeat-x bottom;
    background-color: #85fe868a;
    border-radius: 6px;
    border: 1px solid #1ce100b3;
    color: #000;
    cursor: pointer;
    font-size: 16px;
    letter-spacing: 1px;
    height: 26px;
    line-height: 28px;
    padding: 2px 10px;
    text-align: center;
    text-decoration: none;
    box-shadow: 1.5px 1.5px 0px 0px #6f6f6f;
}

.main-page-green-button:hover {
    background-position: 0 center;
    color: #000;
    background-color: #a2ffa3;
    border: 1px solid #12c700;
    text-decoration: underline;
}
.main-page-anchor {
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
}

tr.course-highlight-border {
    animation: coursefadeoutBorder 3s ease-in;
}

@keyframes coursefadeoutBorder {
    0% {
        outline: 7px solid #ffcf44;
        border-radius: 15px;
        background-color: #fdfbd6 /** from color **/;
    }
    100% {
        outline: 7px solid transparent;
        border-radius: 0px;
        background-color: transparent /** to color **/
    }
}

/* Стилизация цитат в статьях */
.wp-block-quote {
    font-family: Arial;
    border-radius: 0;
    padding: 10px 40px;
    background: #fffae68f;
    font-size: 14px;
    margin: 10px 0 15px;
    border: 1px solid #ffefbd;
}
.wp-block-quote:after,
.wp-block-quote:before {
    content: none;
}
.wp-block-quote cite {
    font-style: normal;
}
.wp-block-quote p {
    font-style: italic;
    padding: 0;
    margin-bottom: 5px;
}
.wp-block-quote p:after,
.wp-block-quote p:before {
    font-size: 30px;
    line-height: 1;
    display: inline-block;
    vertical-align: text-bottom;
    height: 20px;
}
.wp-block-quote p:before {
    margin: 0 4px 0 -12px;
    content: '“';
}
.wp-block-quote p:after {
    content: '”';
}
/* Стилизации цитат в статьях - конец блока*/

/* desktop courses */
.course-view {
    margin: 20px 0 30px;
}
.course-view-body {
    display: flex;
    gap: 35px 20px;
    flex-wrap: wrap;
}
.course-view-unit {
    width: calc(33.333% - 14px);
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    box-sizing: border-box;
    position: relative;
    text-decoration: none;
    color: #000;
}
.course-view-unit a {
    text-decoration: none;
    text-align: center;
    color: #000;
}
.course-view-item {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    box-shadow: 0 0 5px #ccc;
}
.course-view-item img {
    border-radius: 10px;
    width: 100%;
    height: 180px;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
    border: 0;
    margin-bottom: 0;
}
.course-view-item--contain img {
    object-fit: contain;
}
.course-view-wrapper {
    margin: 8px 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    text-align: center;
}
.course-view-item-text {
    font-size: 15px;
    color: #000;
    line-height: 1.15;
}
.course-view-item-price {
    align-items: baseline;
    gap: 4px;
    white-space: nowrap;
    color: #000;
    background: rgba(255, 185, 0, 0.2);
    padding: 0 4px;
    border-radius: 4px;
    margin: 0 auto 8px;
    display: inline-flex;
}
.course-view-item-price .fa {
    color: rgba(0, 0, 0, 0.6);
}
.course-view-type {
    padding: 0 4px;
    border-radius: 4px;
    font-size: 12px;
    position: absolute;
    right: 5px;
    color: #000;
    background: rgba(140, 185, 237, .8);
    top: 5px;
}
.button-cart {
    margin: 2px 10px 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #000;
    padding: 0 10px;
    font-size: 15px;
    cursor: pointer;
    background: linear-gradient(to top, #b9e5b2 0%, #c5e5bf 50%);
    border: 0;
    border-radius: 10px;
    box-shadow: 1px 1px 4px #b9b6b6;
    letter-spacing: 1px;
    transition: background 300ms, border-color 300ms;
    height: 40px;
}
.button-cart:hover {
    background-position: 0 center;
    background-color: #a2ffa3;
    border-color: #12c700;
}
.icon-cart {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    height: 38px;
    width: 38px;
    box-sizing: border-box;
}
.icon-cart .fa-plus {
    font-size: 10px;
    margin-right: -3px;
}
.icon-cart .fa-shopping-cart {
    font-size: 15px;
    color: #000;
}
.button {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    cursor: pointer;
    color: #000;
    text-shadow: none;
    border: 1px solid;
    border-radius: 24px;
    height: 40px;
    padding: 0 25px;
    text-decoration: none;
    letter-spacing: 0.5px;
}
.button-transparent {
    font-size: 14px;
    height: 34px;
    font-weight: 400;
    border-radius: 24px;
    color: #c9c9c9;
    box-shadow: 0 0 5px rgba(0,0,0,.15);
    border-color: rgba(0,0,0,.15);
    padding: 0 10px;
    background: transparent;
}
.button--green {
    background-image: linear-gradient(to top, #9cd29c 0%, #b9e5b2 50%) !important;
    border-color: #86c886;
}
/* POPUP */
.desc-popup-wrap {
    margin: 20px 0;
    background-color: #fefeff;
    border: 1px dotted #cc9500;
    padding: 15px 20px;
    border-radius: 12px;
    overflow: hidden;
}
.popup-picture {
    /*text-align: center;*/
    float: left;
    margin: 0 25px 10px 0;
}
.popup-picture img {
    /*border: 1px solid #cdcdcd;*/
    border: 0;
}
.img-size {
    /*width: 200px;*/
    width: 140px;
    height: auto;
    object-fit: cover;
    object-position: center;
    vertical-align: middle;
    margin-bottom: 0;
    border-color: #dbdada;
    border-radius: 40px;
    display: block;
}
.picture-text {
    font-size: 12px;
    /*max-width: 300px;*/
    max-width: 150px;
    margin: 5px auto 10px;
    text-align: center;
    line-height: 1.25;
    color: #717171;
}
.timetable-popup-wrap {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.timetable-popup {
    display: flex;
    flex-direction: column;
    margin-bottom: 12px;
    background-color: #fefeff;
    align-items: center;
    border: 1px dotted #cc9500;
    padding: 20px 12px;
    border-radius: 12px;
    gap: 6px;
    max-width: 300px;
    width: 100%;
    box-sizing: border-box;
}
.timetable-popup--double {
    justify-content: space-around;
    gap: 30px 10px;
}
.timetable-popup--double .timetable-item-part:first-child:before {
    content: '';
    position: absolute;
    border-top: 1px solid #ccc;
    bottom: -18px;
    left: -15px;
    right: -15px;
}
.timetable-popup--double .timetable-desc {
    line-height: 1.25;
    text-align: center;
}
.timetable-popup--double .timetable-title {
    font-size: 17px;
    width: 100%;
}
.timetable-item-part {
    display: flex;
    flex-direction: column;
    position: relative;
    gap: 6px;
}
.timetable-popup-detail {
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px 12px;
    flex-direction: row;
    font-size: 15px;
}
.timetable-popup-time {
    display: flex;
    align-items: baseline;
    gap: 4px;
    white-space: nowrap;
    color: #000;
}
.timetable-popup-time .fa {
    color: rgba(0, 0, 0, 0.6);
}
.timetable-popup-select {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0 0 5px;
    line-height: 1.25;
    width: 100%;
}
.timetable-popup-label {
    color: #565656;
    font-size: 14px;
}
.popup .timetable-popup {
    max-width: 100%;
}
.form-radio-group {
    display: flex;
    width: 60%;
    margin: 0 auto;
    border-radius: 10px;
    box-shadow: 0 0 5px #ccc;
}
.form-radio-group-item {
    display: flex;
    flex: 1 1 0;
    position: relative;
    cursor: pointer;
    border: 1px solid #e9e9e9;
    border-right: none;
    background: rgba(255, 185, 0, 0.05);
}
.form-radio-group-item small {
    display: block;
    text-align: center;
    font-size: 15px;
}
.form-radio-group input[type=radio] {
    position: absolute;
    opacity: 0;
}
.form-radio-group label {
    user-select: none;
    font-size: 15px;
    padding: 8px 6px;
    flex: 1 1 0;
    border-radius: inherit;
    cursor: pointer;
}
.form-radio-group-item:first-child {
    border-radius: 10px 0 0 10px;
}
.form-radio-group-item:last-child {
    border-radius: 0 10px 10px 0;
    border-right: 1px solid #e9e9e9;
}
.form-radio-group input[type=radio]:checked + label {
    background: rgba(255, 185, 0, 0.2);
    box-shadow: 0 0 0 2px rgba(255, 185, 0, .8) inset;
}
.form-radio-group label:hover {
    color: #000;
}
.form-radio-group-details {
    display: none;
    color: #005ea1;
    min-height: 35px;
    font-size: 14px;
}
.other-forms {
    margin-bottom: 6px;
}
.section-hideShow {
    border-bottom: 1px solid rgba(201, 200, 182, 0.5);
}
.section-hideShow.is-active .fa-angle-right {
    transform: rotate(90deg);
}
.section-hideShow.is-active .section-heading-desc {
    display: none;
}
.section-hideShow.is-active .section-content {
    display: block;
}
.section-hideShow--article {
    margin-bottom: 20px;
}
.section-hideShow-bg .section-content {
    background: rgba(134,200,134,.1);
    padding: 6px;
    border-radius: 4px;
    line-height: 1.25;
    margin-left: 10px;
    gap: 25px;
    position: relative;
    align-items: center;
}
.section-hideShow-bg.is-active .section-content {
    display: flex;
}
.section-heading {
    display: flex;
    gap: 12px;
    align-items: center;
    cursor: pointer;
    position: relative;
}
.section-heading-desc {
    font-size: 11px;
    color: rgba(0,0,0,.4);
    position: absolute;
    left: 20px;
    bottom: 2px;
}
.section-heading .fa-angle-right {
    font-size: 26px !important;
    color: #86c886;
    transition: transform 200ms 100ms;
}
.section-heading h2 {
    font-size: 16px;
    margin: 12px 0 16px;
}
.section-heading + ol {
    margin-bottom: 15px;
}
.section-heading-text-price {
    color: rgba(0,0,0,.7);
}
.section-content {
    display: none;
    margin-bottom: 12px;
    padding: 0 0 0 5px;
}
.section-content label {
    flex: 1 1 0;
}
.section-content small {
    position: absolute;
    right: 2px;
    top: 2px;
    color: rgba(0,0,0,.4);
    font-size: 11px;
}
.section-content input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    font: inherit;
    color: rgba(0,0,0,.7);
    width: 20px;
    height: 20px;
    border: 1px solid rgba(0,0,0,.7);
    border-radius: 50%;
    display: grid;
    place-content: center;
    flex-shrink: 0;
    margin: 10px 6px 0 0;
}
.section-content input[type="radio"]::before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 10px 10px rgba(0,0,0,.7);
}
.section-content input[type="radio"]:checked::before {
    transform: scale(1) !important;
}
.little-comment {
    font-size: 13px;
    line-height: 1.25;
    margin-top: 12px;
    color: rgba(0,0,0,.7);
}
.top-quote {
    font-size: 12px;
    color: #555;
}
/*********************************************/
.popup-content h1 {
    text-align: left;
    margin-top: 0;
}
#header .MenuWrapper .SubmenuWrapper .Submenu {
    display: flex;
    justify-content: space-between;
    float: none;
    width: auto;
}
#header .MenuWrapper .Submenu:after {
    content: none;
}
#header .MenuWrapper .SubmenuWrapper .Submenu .SubmenuItem {
    margin-right: 0;
}
.SubmenuItem {
    position: relative;
}
.SubmenuItem .fa-shopping-cart {
    font-size: 15px;
    margin-right: 3px;
}
.SubmenuItem .header-btn-count{
    background: #d2464a;
    color: #fff;
    position: absolute;
    left: 8px;
    top: -2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    box-shadow: 1px 1px 2px rgba(0,0,0,.5);
    min-width: 14px;
    height: 14px;
    padding: 2px;
    border-radius: 50%;
}
/*********************************************/
.popup-content-course h1 {
    color: #d2464a;
    margin: 20px 0;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 10px;
    text-align: left;
    margin-top: 0;
    font-weight: 700;
}
.popup-content-course h2 {
    color: #d2464a;
}
#prev-order {
    display: none;
}
.desc-popup-wrap .popup-picture img {
    width: 140px;
    height: auto;
    object-fit: cover;
    object-position: center;
    vertical-align: middle;
    margin-bottom: 0;
    border-color: #dbdada;
    border-radius: 40px;
    display: block;
}
.desc-popup-wrap .popup-picture {
    float: left;
    margin: 0 25px 10px 0;
}
.button-cart-green {
    /* padding: 5px 10px; */
    display: inline-block;
    border: none;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: 1px 1px #666;
    height: 28px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    cursor: pointer;
    color: #000;
    text-shadow: none;
    border: 1px solid;
    border-radius: 24px;
    height: 40px;
    padding: 0 25px;
    text-decoration: none;
    letter-spacing: 0.5px;
    background-image: linear-gradient(to top, #9cd29c 0%, #b9e5b2 50%) !important;
    border-color: #86c886;
}
.button-cart-green:hover {
    background-position: 0 center;
    color: #d2464a;
}
#daode-checkout #PaymentWrapper .paymentTypesWrapper {
    top: 192px;
}
/* materials desktop */
.category-filter {
    display: none;
}
.popup--product {
    display: none;
}
.category-filter strong {
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
    padding-bottom: 2px;
    border-bottom: 1px solid rgba(201, 200, 182, 0.5);
}
.category-item {
    cursor: pointer;
    padding: 4px 4px;
    color: #005ea1;
    border-radius: 6px;
}
.category-item .dotted {
    border-bottom: 1px dotted #005ea1;
}
.category-item:hover {
    background: #eaf0f5;
}
.category-item.selected {
    font-weight: bold;
    background: rgba(255, 185, 0, 0.2);
}
.products {
    display: flex;
    flex-wrap: wrap;
    gap: 0 30px;
}
.product-item {
    flex-wrap: wrap;
    display: flex;
    gap: 10px 20px;
    padding: 18px 0 13px 0;
    border-top: 1px dotted #b9b9b9;
    font-size: 14px;
}
.image-wrapper {
    width: auto;
    line-height: 0;
    order: 1;
}
.product-image {
    width: 120px;
    height: 120px;
    object-fit: cover;
    object-position: center;
}
.info-wrapper {
    order: 3;
    width: 100%;
}
.product-area {
    order: 2;
}
.product-name {
    font-weight: bold;
}
.product-item .course-view-item-detail {
    margin-bottom: 10px;
    flex-direction: column;
    align-items: flex-start;
}
.product-area .button-cart {
    margin: 0;
}
.product-area .cart-view-item-detail {
    margin-bottom: 10px;
    flex-direction: column;
    align-items: flex-start;
}
.popup--product {
    display: none;
}
.size-price {
    font-weight: bold;
    font-size: 16px;
}
.product-size {
    color: #878787;
}
.product-price {
    margin: 5px 0;
    font-size: 23px;
}
.checkout-month label {
    width: 105px;
}
/* new style */
* {
    box-sizing: border-box;
}
.course-view {
    margin: 20px 0 30px;
}
.course-view-body {
    gap: 35px 20px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    justify-content: start;
    width: 100%;
}
.course-view-unit {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    box-sizing: border-box;
    position: relative;
    text-decoration: none;
    color: #000;
    width: auto;
}
.course-view-unit a {
    text-decoration: none;
    text-align: center;
    color: #000;
}
.course-view-item {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    box-shadow: 0 0 5px #e2e2e2;
}
.course-view-item img {
    border-radius: 10px;
    width: 100%;
    height: 180px;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
    border: 0;
    margin-bottom: 0;
}
.course-view-item--contain img {
    object-fit: contain;
}
.course-view-wrapper {
    margin: 8px 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    text-align: center;
}
.course-view-item-text {
    font-size: 16px;
    color: #000;
    line-height: 1.15;
}
.course-view-item-price {
    align-items: baseline;
    gap: 4px;
    white-space: nowrap;
    color: #000;
    background: rgba(255, 185, 0, 0.2);
    padding: 0 4px;
    border-radius: 4px;
    margin: 0 auto 8px;
    display: inline-flex;
}
.course-view-item-price .fa {
    color: rgba(0, 0, 0, 0.6);
}
.course-view-type {
    padding: 0 4px;
    border-radius: 4px;
    font-size: 12px;
    position: absolute;
    right: 5px;
    color: #000;
    background: rgba(140, 185, 237, .8);
    top: 5px;
}
.button-cart {
    margin: 2px 10px 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #000;
    padding: 0 10px;
    font-size: 16px;
    cursor: pointer;
    background: linear-gradient(to top, #b9e5b2 0%, #c5e5bf 50%);
    border: 0;
    border-radius: 10px;
    box-shadow: 1px 1px 4px #b9b6b6;
    letter-spacing: 1px;
    transition: background 300ms, border-color 300ms;
    height: 40px;
    gap: 4px;
}
.button-cart:hover {
    background-position: 0 center;
    background-color: #a2ffa3;
    border-color: #12c700;
}
.icon-cart {
    display: flex;
    width: 20px;
}
.button {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    cursor: pointer;
    color: #000;
    text-shadow: none;
    border: 1px solid;
    border-radius: 24px;
    height: 40px;
    padding: 0 25px;
    text-decoration: none;
    letter-spacing: 0.5px;
}
.button-transparent {
    font-size: 14px;
    height: 34px;
    font-weight: 400;
    border-radius: 24px;
    color: #c9c9c9;
    box-shadow: 0 0 5px rgba(0,0,0,.15);
    border-color: rgba(0,0,0,.15);
    padding: 0 10px;
    background: transparent;
}
.button--green {
    background-image: linear-gradient(to top, #9cd29c 0%, #b9e5b2 50%) !important;
    border-color: #86c886;
}
.button--yellow {
    background-image: linear-gradient(to top, #f1d5a4 0%, #fde7b2 50%) !important;
    border-color: #f1bf6a;
}
.button--white {
    background: #fff;
    border-color: #e9e9e9;
}
.button--blue {
    background-image: linear-gradient(to top, #adcbef 0%, #cbe2fd 50%) !important;
    border-color: #8cb9ed;
}
/* PAYMENT */
.content-button {
    margin-bottom: 26px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.content-button .button {
    padding: 0 16px;
}
.cart-view-body {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}
.cart-view-unit {
    display: flex;
    align-items: flex-start;
    flex-shrink: 0;
    box-sizing: border-box;
    box-shadow: 0 0 5px #ccc;
    width: calc(50% - 9px);
    flex-direction: unset;
    background: #fffef2;
    gap: 6px;
    border-radius: 10px;
    position: relative;
    text-decoration: none;
    color: #000;
}
.cart-view-wrapper {
    position: relative;
    flex: 1 1 0;
    padding: 10px 10px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    border-radius: inherit;
    font-size: 16px;
}
.cart-view-item-text {
    padding-right: 24px;
    line-height: 1.25;
    font-size: 16px;
}
.cart-view-item-format {
    color: #4dbe4d;
    font-size: 16px;
}
.cart-view-item-detail {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}
.cart-view-wrapper-price {
    display: flex;
    align-items: baseline;
    gap: 2px;
}
.cart-view-wrapper-price b {
    font-size: 16px;
}
.cart-view-item-delete {
    position: absolute;
    right: 0;
    top: 3px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.cart-view-item-delete .fa-trash-o {
    font-size: 18px;
    color: #ccc;
    cursor: pointer;
}
.cart-view-item-delete .fa-trash-o:hover {
    color: #c42320;
}
.text-input {
    height: 30px;
}
.text-input,
.text-textarea {
    width: 100%;
    font: 15px "HelveticaNeueCyr", sans-serif;
    border: 1px solid #9daccc;
    padding: 3px 5px 4px 5px;
    margin: 2px 0;
    border-radius: 4px;
    background-color: #fff;
    box-sizing: border-box;
}
.text-textarea {
    min-height: 80px;
}
.text-input-wrapper {
    display: flex;
    gap: 4px;
    align-items: center;
}
.text-input-empty-label {
    width: 100%;
    align-items: flex-start;
}
.cart-view-item-detail-wide {
    align-items: flex-start;
}
.cart-view-item-detail-wide .text-input {
    max-width: 110px;
}
label .required {
    color: #d2464a;
    vertical-align: top;
    font-size: 16px;
}
.cart-view-sum {
    margin: 0 0 10px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}
.cart-view-sum-value {
    margin-bottom: 20px;
}
.cart-view-sum-value b {
    font-size: 20px;
}
.cart-view-sum .button {
    margin-bottom: 12px;
}
.cart-view-item {
    margin: 10px 0 10px 10px;
    flex-shrink: 0;
    background-color: #fff;
    border-radius: 4px;
}
.cart-view-item img {
    display: block;
    line-height: 1;
    border-radius: inherit;
    width: 50px;
    height: 50px;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
    border: 1px solid #ede9e9;
}
.content-header-border {
    margin-top: 10px;
    margin-bottom: 26px;
    border-bottom: 2px solid #b5b5b5;
    padding-bottom: 2px;
}
/* POPUP */
.desc-popup-wrap {
    margin: 20px 0;
    background-color: #fefeff;
    border: 1px dotted #cc9500;
    padding: 15px 20px;
    border-radius: 12px;
    overflow: hidden;
}
.popup-picture {
    /*text-align: center;*/
    float: left;
    margin: 0 25px 10px 0;
}
.popup-picture img {
    /*border: 1px solid #cdcdcd;*/
    border: 0;
}
.img-size {
    /*width: 200px;*/
    width: 140px;
    height: auto;
    object-fit: cover;
    object-position: center;
    vertical-align: middle;
    margin-bottom: 0;
    border-color: #dbdada;
    border-radius: 40px;
    display: block;
}
.picture-text {
    font-size: 12px;
    /*max-width: 300px;*/
    max-width: 150px;
    margin: 5px auto 10px;
    text-align: center;
    line-height: 1.25;
    color: #717171;
}
.timetable-popup-wrap {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.timetable-popup {
    display: flex;
    flex-direction: column;
    margin-bottom: 12px;
    background-color: #fefeff;
    align-items: center;
    border: 1px dotted #cc9500;
    padding: 20px 12px;
    border-radius: 12px;
    gap: 6px;
    max-width: 300px;
    width: 100%;
    box-sizing: border-box;
}
.timetable-popup--double {
    justify-content: space-around;
    gap: 30px 10px;
}
.timetable-popup--double .timetable-item-part:first-child:before {
    content: '';
    position: absolute;
    border-top: 1px solid #ccc;
    bottom: -18px;
    left: -15px;
    right: -15px;
}
.timetable-popup--double .timetable-desc {
    line-height: 1.25;
    text-align: center;
}
.timetable-popup--double .timetable-title {
    font-size: 17px;
    width: 100%;
}
.timetable-item-part {
    display: flex;
    flex-direction: column;
    position: relative;
    gap: 6px;
}
.timetable-popup-detail {
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px 12px;
    flex-direction: row;
    font-size: 16px;
}
.timetable-popup-time {
    display: flex;
    align-items: baseline;
    gap: 4px;
    white-space: nowrap;
    color: #000;
}
.timetable-popup-time .fa {
    color: rgba(0, 0, 0, 0.6);
}
.timetable-popup-select {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0 0 5px;
    line-height: 1.25;
    width: 100%;
}
.timetable-popup-label {
    color: #565656;
    font-size: 14px;
}
.popup .timetable-popup {
    max-width: 100%;
}
.form-radio-group {
    display: flex;
    width: 60%;
    margin: 0 auto;
    border-radius: 10px;
    box-shadow: 0 0 5px #e2e2e2;
}
.form-radio-group-item {
    display: flex;
    flex: 1 1 0;
    position: relative;
    cursor: pointer;
    background: rgba(255, 185, 0, 0.05);
}
.form-radio-group .form-radio-group-item:first-child {
    border-radius: 6px 0 0 6px;
}
.form-radio-group .form-radio-group-item:last-child {
    border-radius: 0 6px 6px 0;
    border-right: 1px solid #cdcdcd;
}
.form-radio-group-item small {
    display: block;
    text-align: center;
    font-size: 16px;
}
.form-radio-group-item input[type=radio] {
    position: absolute;
    opacity: 0;
}
.form-radio-group-item label {
    user-select: none;
    font-size: 16px;
    padding: 8px 6px;
    flex: 1 1 0;
    border-radius: inherit;
    cursor: pointer;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #cdcdcd;
    box-shadow: 0 1px rgba(255,255,255,.07) inset,
    0 3px 5px rgba(0,1,6,.1),
    0 0 1px 1px rgba(0,1,6,.07);
}
.form-radio-group-item input[type=radio]:checked + label {
    border-color: #f1bf6a;
    background: rgba(255, 185, 0, 0.2);
    box-shadow: 0 0 1px rgba(0, 0, 0,.3) inset,
    0 2px 3px rgba(0, 0, 0,.3) inset,
    0 1px 1px rgba(255,255,255,.07);
}
.form-radio-group-item label:hover {
    color: #000;
}
.form-radio-group-details {
    display: none;
    color: #005ea1;
    min-height: 35px;
    font-size: 14px;
}
.form-radio-payment {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 2px 0 15px;
    max-width: 220px;
}
.form-radio-payment .form-radio-group-item {
    background: #fff;
    border-radius: 10px;
}
.form-radio-payment .form-radio-group-item label {
    min-height: 32px;
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 16px;
    text-align: center;
    line-height: 1.2;
    flex-direction: column;
    gap: 4px;
}
.form-radio-payment .form-radio-group-item label {
    border-right-width: 1px;
}
.form-radio-payment .form-radio-group-item img {
    width: 30px;
    border: 0;
}
.other-forms {
    margin-bottom: 6px;
}
.section-hideShow {
    border-bottom: 1px solid rgba(201, 200, 182, 0.5);
}
.section-hideShow.is-active .fa-angle-right {
    transform: rotate(90deg);
}
.section-hideShow.is-active .section-heading-desc {
    display: none;
}
.section-hideShow.is-active .section-content {
    display: block;
}
.section-hideShow--article {
    margin-bottom: 20px;
}
.section-hideShow-bg .section-content {
    background: rgba(134,200,134,.1);
    padding: 6px;
    border-radius: 4px;
    line-height: 1.25;
    margin-left: 10px;
    gap: 25px;
    position: relative;
    align-items: center;
}
.section-hideShow-bg.is-active .section-content {
    display: flex;
}
.section-heading {
    display: flex;
    gap: 12px;
    align-items: center;
    cursor: pointer;
    position: relative;
}
.section-heading-desc {
    font-size: 11px;
    color: rgba(0,0,0,.4);
    position: absolute;
    left: 20px;
    bottom: 2px;
}
.section-heading .fa-angle-right {
    font-size: 26px !important;
    color: #86c886;
    transition: transform 200ms 100ms;
}
.section-heading h2 {
    font-size: 16px;
    margin: 12px 0 16px;
}
.section-heading + ol {
    margin-bottom: 15px;
}
.section-heading-text-price {
    color: rgba(0,0,0,.7);
}
.section-content {
    display: none;
    margin-bottom: 12px;
    padding: 0 0 0 5px;
}
.section-content label {
    flex: 1 1 0;
}
.section-content small {
    position: absolute;
    right: 2px;
    top: 2px;
    color: rgba(0,0,0,.4);
    font-size: 11px;
}
.section-content input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    font: inherit;
    color: rgba(0,0,0,.7);
    width: 20px;
    height: 20px;
    border: 1px solid rgba(0,0,0,.7);
    border-radius: 50%;
    display: grid;
    place-content: center;
    flex-shrink: 0;
    margin: 10px 6px 0 0;
}
.section-content input[type="radio"]::before {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 10px 10px rgba(0,0,0,.7);
}
.section-content input[type="radio"]:checked::before {
    transform: scale(1) !important;
}
.little-comment {
    font-size: 13px;
    line-height: 1.25;
    margin-top: 12px;
    color: rgba(0,0,0,.7);
}
.top-quote {
    font-size: 12px;
    color: #555;
}
/*********************************************/
.popup-content h1 {
    text-align: left;
    margin-top: 0;
}
#header .MenuWrapper .SubmenuWrapper .Submenu {
    display: flex;
    justify-content: space-evenly;
    float: none;
    width: auto;
    height: 100%;
    align-items: center;
    margin: 0 1%;
}
#header .MenuWrapper .Submenu:after {
    content: none;
}
#header .MenuWrapper .SubmenuWrapper .Submenu .SubmenuItem {
    margin-right: 0;
    text-decoration: none;
}
.SubmenuItem {
    position: relative;
}
.SubmenuItem .shopping-basket {
    width: 18px;
    margin: 3px 4px 0 0;
}
.SubmenuItem .shopping-basket svg {
    fill: #000;
}
.SubmenuItem:hover .shopping-basket svg {
    fill: #be3e41;
}
.SubmenuItem .header-btn-count{
    background: #d2464a;
    color: #fff;
    position: absolute;
    left: 9px;
    top: -1px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    box-shadow: 1px 1px 2px rgba(0,0,0,.5);
    min-width: 14px;
    height: 14px;
    padding: 2px;
    border-radius: 50%;
}
.row {
    background: none;
}
.row,
.row123 {
    max-width: 1810px;
    width: auto;
    min-width: 1024px;
    position: relative;
}
#contentcolumn {
    max-width: 1442px;
    float: none;
    flex-grow: 1;
}
#content .background {
    background: none;
    padding: 0;
    display: flex;
    float: none;
}
body {
    font: 16px Arial;
    line-height: 1.5;
    background: #fff;
}
.blockquoteName {
    font-size: 16px;
}
#header .background {
    height: 185px;
    position: absolute;
    left: 9px;
    right: 9px;
    z-index: 1;
    background-image: radial-gradient(at top left, #acb5b8, transparent 44%);
}
#header .background #Logo {
    background-size: 65%;
    margin: 10px 40px;
    background-repeat: no-repeat;
}
#header .background .title {
    width: 100%;
    height: 95px;
    background-position: 10px center;
    background-repeat: no-repeat;
}
#header #HeaderImage {
    height: 316px;
}
#header .MenuWrapper div {
    float: none;
}
#header .MenuWrapper .SubmenuWrapper {
    background-color: #d8f5ab;
    background-position: bottom;
    height: 60px;
    font-size: 18px;
    border-top: 1px solid #bfb9b9;
}
#header .MenuWrapper .SubmenuWrapper .Submenu .SubmenuItem-payment a {
    display: flex;
    align-items: center;
}
#header .MenuWrapper .SubmenuWrapper .Submenu .SubmenuItem.Important span {
    font-size: 18px;
    border: 2px dotted #d2464a;
    color: #d2464a;
}
#header .MenuWrapper .SubmenuWrapper .Submenu .SubmenuItem span strong {
    font-weight: 400;
    color: #d2464a !important;
}
#header .MenuWrapper .Submenu:after {
    display: none;
}
#header .MenuWrapper .SubmenuWrapper1 {
    display: none;
}
#header .MenuWrapper .Lighten,
#header .MenuWrapper .Underline,
#header .MenuWrapper a {
    height: auto;
    text-decoration: none;
    color: #000;
    text-transform: uppercase;
    font-weight: 400;
}
#content #subpageNavigation.small .subpage a.read-more h2,
#PaymentWrapper .seminarDetails, #PaymentWrapper .groupDetails,
.products .product .cartControls .itemsInCart,
.tarif-box-main-page .payment-button,
.tarif-box-main-page .details-button,
.h4-indigo {
    font-size: 16px;
}
#forum-quotes {
    display: block;
    left: 70px;
    top: 95px;
    max-width: 880px;
    width: 50%;
}
#forum-quotes .laozi-ticker li .author {
    margin-bottom: 5px;
}
h1 {
    font-size: 28px;
    font-weight: 400;
}
h2 {
    font-size: 24px;
    font-weight: 400;
}
.site-2 {
    background: url(../images/texture.png);
}
.site-2 #contentcolumn .contentbox, .site-2 #asidecolumn .contentbox{
    background: #fffef2;
    border: 1px solid #fbefbf;
}
#asidecolumn {
    width: 330px;
    float: none;
}
#footer .background {
    background: #fcf9d7;
}
#footer .CopyrightWrapper {
    border-top: 0;
    padding-top: 15px;
}
.entry-slider {
    margin: 20px 0 30px;
}
/* swiper */
.swiper-banners {
    height: 200px;
    border-radius: 10px;
}
.swiper-inner {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
    box-sizing: border-box;
    gap: 2px;
    height: 100%;
}
.swiper-inner:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, rgba(255,255,255, .5) 0%, rgba(255,255,255, .3) 50%, transparent 100%);
}
.swiper-info {
    color: #000;
    letter-spacing: 1px;
}
.swiper-title {
    font-size: 20px;
    line-height: 1.15;
    font-weight: 600;
    color: #1a1a1a;
    text-shadow: 0 0 3px #fff;
}
.swiper-title strong {
    line-height: 1;
    color: #b82d31;
}
.swiper-text {
    width: 65%;
    margin: 8px 0 0;
    font-size: 16px;
    line-height: 1.25;
    text-shadow: 0 0 3px #fff;
}
.swiper-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: inherit;
    border: 0;
    z-index: -1;
    object-position: right;
}
.swiper-slide {
    border: 1px solid #f4e4bc;
    border-radius: 10px;
}
.swiper-button {
    margin-top: auto;
    height: 36px;
    font-size: 16px;
    padding: 0 50px;
}

.course-list-body {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}
.course-list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    box-shadow: 0 0 5px #e2e2e2;
    background: #fff;
    border-radius: 10px;
    padding: 4px 6px;
}
.course-list-img {
    display: block;
    width: 32px;
    height: 32px;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
    border: 1px solid #ede9e9;
    border-radius: 4px;
}
.course-list-btn {
    margin-left: auto;
}
.course-list-action {
    display: flex;
    gap: 8px;
    cursor: pointer;
    align-items: center;
    line-height: 1.25;
}
.course-list-action:hover .course-list-text {
    text-decoration: underline;
}
.button-cart-add {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    height: 38px;
    width: 38px;
    box-sizing: border-box;
    border-radius: 10px;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    flex-shrink: 0;
}

details.summary-dropdown summary {
    color: #005ea1;
    text-decoration: dotted underline;
    text-underline-offset: 4px;
    padding-bottom: 10px;
}

details.summary-dropdown>ol {
    border-left: 2px lightgray dashed;
    padding-left: 30px;
}

.marquee-main {
    margin: 20px 0;
    background: #fffef2;
    border: 1px solid #fffccc;
}

.button-cart p {
    margin-bottom: 0;
}

/*Боковая панель Курсы Дао*/
.content.kursdao {
    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.kursdao ul {
    list-style-type: none;
    padding-left: 0px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 17px;
}
.kursdao a {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-content: space-around;
    justify-content: flex-start;
    align-items: center;
    font-size: 130%;
    text-decoration: none;
}

.kursdao a:hover {
    color: #FF6A2B;
}

.kursdao img {
    width: 50px;
    border: none;
}

.course-new-box {
    border-radius: 20px;
    border: 1px solid #FF6A2B !important;
}
.course-new-box .new-box-title {
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    color: #FFF;
    margin-bottom: 17px;
    padding: 17px;
    background-image: linear-gradient(89.79deg, #FF6A2B 7.2%, #FF9327 99.74%) !important;
    border-radius: 18px 18px 0 0;
}
/*Конец стилей Боковая панель Курсы Дао*/

/*Сделать библиотеку в две колонки*/
.entry-content_two-columns #bibliotekalist {
    column-count: 2;
    margin-bottom: 30px;
}
.entry-content_two-columns ol.wp-block-list {
    break-inside: avoid-column;
}
/*Конец стилей сделать библиотеку в две колонки*/

.button.yellow {
    /*background-image: linear-gradient(to top, #f2c578 0%, #ffe197 50%) !important;*/
    /*background-image: linear-gradient(to top, #f1cc8c 0%, #ffe6a9 50%) !important;*/
    background-image: linear-gradient(to top, #f1d5a4 0%, #fde7b2 50%) !important;
    border-color: #f1bf6a;
    text-shadow: none;
    box-shadow: none;
}


.header-mobile {
    display: none;
}

#HeaderImageMobile {
    display: none;
}

/***************** mobile */
@media screen and (max-width: 767px) {
    .header-desktop {
        display: none;
    }

    .header-mobile {
        display: block;
    }



    .entry-title {
        /*display: none;*/
    }

    .background-mobile {
        display: block;
        /*position: fixed !important;*/
        /*right: 0;*/
        /*left: 0;*/
    }

    .background {
        display: none;
    }

    #content .background,
    #footer .background {
        display: block;
        padding: 0px;
    }

    /** wide style for mobile **/
    #header .background-mobile {
        position: relative;
        height: 113px;
        background: url(/wp-content/themes/daoderu/img/background.png);
    }

    #header .background-mobile #Logo {
        position: absolute;
        background: url(/wp-content/themes/daoderu/img/animated_logo8.gif);
        height: 112px;
        width: 112px;
    }

    #header .background-mobile #Logo a {
        display: block;
        height: 100%;
        width: 100%;
    }

    #header .background-mobile .title {
        width: 100%;
        height: 100%;
        /*background: url(/wp-content/themes/daoderu/img/HeaderBackground.png);*/
    }

    .marquee-main {
        display: none;
    }

    /** newStyle.css **/
    @font-face {
        font-family: 'Cuprum';
        src: url('/wp-content/themes/daoderu/fonts/Cuprum-Bold.ttf');
        font-weight: 600;
        font-style: normal;
    }
    .overflow {
        overflow: hidden;
    }
    body {
        font-family: 'HelveticaNeueCyr', sans-serif;
        -webkit-font-smoothing: antialiased;
        font-size: 15px;
        line-height: 1.5;
    }
    h1, h2, h3, h4, h5 {
        font-weight: 500;
        line-height: 1.3;
    }
    h1, .popup h1 {
        text-align: left;
        margin: 0 0 12px 0;
        font-size: 22px;
        line-height: 1.25;
        color: #000;
    }
    h2, h3, h4, .popup h2, .popup h3, .popup h4 {
        margin: 16px 0 8px;
        color: #000;
    }
    h1 + h2 {
        margin-top: 8px;
    }
    h2 {
        font-size: 18px;
    }
    h3 {
        font-size: 16px;
    }
    h4 {
        font-size: 15px;
    }
    p {
        margin-bottom: 10px;
    }
    b, strong {
        font-weight: 500;
    }
    #header {
        overflow: visible;
        background: #f6e6be;
        z-index: 8011;
        position: sticky;
        height: 50px;
        top: 0;
        width: 100%;
    }
    #header .MenuWrapper {
        background-image: url(/wp-content/themes/daoderu/img/menutexture.png);
    }
    #header .MenuWrapper .SubmenuWrapper .Submenu .SubmenuItem {
        position: relative;
    }
    #header .MenuWrapper .SubmenuWrapper .Submenu .SubmenuItem:before {
        content: "";
        width: 4px;
        height: 4px;
        position: absolute;
        right: -32px;
        top: 26px;
        background: #fff;
        box-shadow: 0 0 5px #000;
    }
    #HeaderImageMobile {
        display: block;
        margin: 0 4px 0;
        position: relative;
    }
    #header .MenuWrapper .SubmenuWrapper .Submenu .SubmenuItem:last-child:before {
        content: none;
    }
    .isScrolled {

    }
    .waviy {
        margin: 20px 0;
    }
    .header-price {
        margin-top: 10px !important;
        border-bottom: 2px solid #ccc !important;
    }
    .cookie-popup--not-accepted, .SubmenuWrapper1, #vk_groups iframe:last-child {
        display: none !important;
    }
    #header .background-mobile .title {
        box-sizing: border-box;
        display: flex;
        align-items: center;
        padding: 0 0 0 50px;
        height: 50px;
        width: auto;
    }
    #header .MenuWrapper .SubmenuWrapper {
        background: transparent;
        height: 53px;
    }
    #header .MenuWrapper a {
        color: #fef9e1;
        padding: 12px 0;
        font-size: 15px;
        text-decoration: none;
    }
    #header .MenuWrapper a, #header .MenuWrapper a:hover {
        color: #fef9e1 !important;
    }
    #header .MenuWrapper .SubmenuWrapper .Submenu .SubmenuItem {
        text-decoration: none;
    }
    #header .MenuWrapper .SubmenuWrapper .Submenu .SubmenuItem:not(.Important) a {
        text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.5);
    }
    #header .MenuWrapper .SubmenuWrapper .Submenu .SubmenuItem.Important span {
        color: #005ea1;
    }
    #header .background-mobile {
        display: flex;
        background: #fffef2;
        position: relative;
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
        flex-direction: column;
        height: 50px;
        padding: 0 6px;
    }
    .header-actions {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 4px;
        flex: 1 1 0;
        max-width: 180px;
        margin-left: auto;
        height: 100%;
    }
    #footer .CopyrightWrapper .copyright {
        margin: 6px auto;
    }
    .CopyrightWrapper .copyright {
        line-height: normal;
        font-size: 12px;
        color: #7f7f7f;
        text-align: center;
    }
    #footer .CopyrightWrapper .copyright a {
        color: #7f7f7f;
    }
    #footer .background {
        background-color: #fffbd5;
        background-position: 0 bottom;
        background-repeat: repeat-x;
    }
    input[type=text],
    input[type=email] {
        width: 100%;
        font: 15px "lucida grande", tahoma, verdana, arial, sans-serif;
        border: 1px solid #9daccc;
        padding: 3px 5px 4px 5px;
        margin: 2px 0;
    }
    .h4-indigo {
        margin: 0 0 10px;
        line-height: 1.25;
    }
    .color-dark-red {
        color: darkred !important;
    }
    #header .titleItem {
        line-height: 1;
        font-weight: 500;
        font-size: 16px;
        font-family: 'Cuprum', sans-serif;
        width: 110px;
    }
    #header .background-mobile #Logo {
        height: 42px;
        width: 42px;
        background-size: 100%;
    }
    #header .titleItem b {
        font-size: 20px;
        display: block;
    }
    h2.bordered.bigger {
        margin-top: 16px;
        margin-bottom: 12px;
        border-bottom: 1px solid rgba(201, 200, 182, 0.5) !important;
        padding-bottom: 2px !important;
    }
    h3.bordered.bigger {
        margin-bottom: 12px;
        border-bottom: 0 !important;
        padding-bottom: 2px !important;
    }
    #PaymentWrapper .formWrapper {
        padding-top: 10px;
        float: none;
        width: 100% !important;
    }
    #PaymentWrapper .textAreaWrapper {
        max-width: none ;
    }
    #PaymentWrapper .paymentTypesWrapper {
        position: relative;
        display: flex;
        gap: 4px;
        margin-top: 35px;
    }
    #PaymentWrapper .textAreaWrapper input,
    #PaymentWrapper .textAreaWrapper textarea {
        border-radius: 4px;
        min-height: 32px;
        width: 95%;
        box-sizing: border-box;
    }
    #PaymentWrapper .textAreaWrapper select, .payMonthContainer .ms-options-wrap {
        width: 95%;
    }
    .payMonthContainer .ms-options-wrap > .ms-options > ul label {
        padding-left: 32px;
    }
    #PaymentWrapper .payMonthContainer .ms-options-wrap input[type='checkbox'] {
        min-height: unset;
    }
    .headerMenuMobile {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        width: 40px;
        height: 46px;
    }
    .headerMenuIcon {
        font-size: 23px;
        color: #000;
        text-shadow: 2px 2px 0 #e3e0e0;
    }
    .headerMenuIcon:before {
        content: "\f0c9";
    }
    .dropdown.is-open .headerMenuIcon:before {
        content: "\f00d";
    }
    .headerMenuText {
        font-size: 8px;
        line-height: 1;
        font-weight: 500;
        margin-top: 4px;
        color: rgba(0,0,0,.6);
        text-transform: uppercase;
        font-family: Bahnschrift, sans-serif;
    }
    #asidecolumn .content ul {
        list-style-type: none;
        padding-left: 0;
    }
    .popup h1:first-child {
        margin-top: 0;
        padding-right: 22px;
    }
    .popup h2 {
        margin-top: 10px;
        display: flex;
        align-items: center;
        gap: 8px;
    }
    .popup .timetable-info {
        width: 100%;
    }
    .popup-btn {
        margin-top: 10px;
        text-align: center;
    }
    .timetable {
        margin-bottom: 20px;
    }
    .timetable-text {
        color: #555;
    }
    .color-dark-grey {
        color: #555 !important;
    }
    .timetable-time {
        display: flex;
        align-items: baseline;
        gap: 4px;
        color: rgba(0, 0, 0, 0.7);
        white-space: nowrap;
    }
    .timetable-time .waviy {
        margin: 4px 0 4px 0;
    }
    .timetable-detail {
        display: flex;
        gap: 4px 18px;
        align-items: flex-start;
        border-top: 1px solid #d3d3d3;
        padding-top: 4px;
        color: #5c5c5c;
        font-size: 14px;
    }
    .timetable-detail b {
        color: #5c5c5c;
    }
    .timetable-detail .fa {
        font-size: 14px;
        color: #999;
    }
    .timetable-item {
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        text-decoration: none;
        justify-content: space-between;
        background-color: #f6f6f4;
        box-shadow: 0 0 0 1px #ddd inset;
        border-radius: 8px;
        margin-bottom: 10px;
        gap: 4px;
        position: relative;
        padding: 8px 12px;
        transition: all 450ms 100ms;
    }
    .fancybox-popup.timetable-item {
        box-shadow: 0 0 0 1px #ddd inset, 4px 2px 7px #dbdbdb;
        background-color: #fff;
        padding-right: 42px;
    }
    .fancybox-popup.timetable-item:nth-child(2n) {
        background-color: #fffef2;
    }
    .timetable-item.fancybox-popup:hover,
    .timetable-item.fancybox-popup:active {
        background: rgba(6, 142, 6,0.10);
        box-shadow: 0 0 0 1px rgba(6, 142, 6, 0.25);
    }
    .timetable-price-popup {
        margin-bottom: 20px;
        line-height: 1.35;
    }
    .timetable-price-popup-title {
        word-break: break-word;
    }
    .timetable-price {
        display: flex;
        align-items: baseline;
        gap: 4px;
        white-space: nowrap;
    }
    .timetable-course {
        color: #000;
        display: flex;
        flex-direction: column;
        flex: 1 1 0;
        font-size: 17px;
        line-height: 1.35;
    }
    .timetable-course-descr {
        color: #878787;
        font-size: 15px;
    }
    .timetable-price .fa-rub {
        font-size: 14px;
    }
    .timetable-body:not(:last-child) {
        border-bottom: 1px solid #b5b5b5;
        padding-bottom: 16px;
        margin-bottom: 16px;
    }
    .timetable-btn {
        width: auto !important;
        padding: 0 5px !important;
    }
    .timetable-btn-arrow {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 22px;
        width: 32px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0 8px 8px 0;
    }
    .timetable-btn-arrow .fa {
        font-size: 22px;
        color: #86c886;
    }
    .timetable-price-popup-btn {
        width: auto;
        padding: 0 10px;
    }
    .timetable-price-popup-btn-text {
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 14px;
    }
    .timetable-popup-label {
        color: #565656;
        font-size: 14px;
    }
    .timetable-popup-wrap {
        text-align: center;
    }
    .timetable-popup-time,
    .timetable-popup-price {
        display: flex;
        align-items: baseline;
        gap: 4px;
        white-space: nowrap;
        color: #000;
    }
    .timetable-popup-time .fa,
    .timetable-popup-price .fa {
        color: rgba(0, 0, 0, 0.6);
    }
    .timetable-item-part {
        display: flex;
        flex-direction: column;
        /*align-items: center;*/
        gap: 6px;
        width: 100%;
        /*background: #fff;*/
        /*border: 1px dotted #cc9500;*/
        /*border-radius: 12px;*/
        /*padding: 10px 12px;*/
    }
    .timetable-popup-wrap .timetable-popup--double {
        justify-content: space-around;
        gap: 30px 10px;
    }
    .timetable-popup-wrap .timetable-popup--double-cart {
        flex-direction: row;
        background-color: transparent;
        padding: 0;
        border: 0;
    }
    .timetable-popup-wrap .timetable-popup--double .timetable-detail {
        order: initial;
    }
    .timetable-popup--double .timetable-desc {
        line-height: 1.25;
        text-align: center;
    }
    .timetable-popup--double  .timetable-title {
        font-size: 17px;
        width: 100%;
    }
    .timetable-popup {
        display: flex;
        flex-direction: column;
        margin-bottom: 12px;
        background-color: #fefeff;
        align-items: center;
        border: 1px dotted #cc9500;
        padding: 10px 12px;
        border-radius: 12px;
        gap: 6px;
    }
    /*.timetable-popup-price {*/
    /*    margin-bottom: 20px;*/
    /*}*/
    .timetable-price-popup-detail {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .timetable-popup-part {
        display: flex;
        gap: 4px;
        align-items: center;
        flex-direction: column;
        flex: 1 1 0;
    }
    .timetable-popup-part .timetable-detail {
        flex-direction: column !important;
        margin-bottom: 5px;
    }
    .timetable-popup-part + .timetable-popup-part {
        border-left: 1px solid #ccc;
        padding-left: 10px;
        margin-left: 5px;
    }
    .timetable-popup .button {
        padding: 0 10px;
    }
    .timetable-popup-action .fa-check {
        color: #86c886;
    }
    .timetable-popup-action-text {
        font-weight: 500;
    }
    /*.timetable-popup-detail,*/
    /*.timetable-action {*/
    /*    width: 100%;*/
    /*    order: 1;*/
    /*}*/
    .timetable-popup-detail {
        display: flex;
        justify-content: center;
        text-align: center;
        align-items: center;
        flex-wrap: wrap;
        gap: 4px 12px;
        flex-direction: row;
    }
    .timetable-price-popup-item {
        box-shadow: 0 0 0 1px #ddd inset;
        border-radius: 8px;
        display: flex;
        flex-direction: column;
        gap: 4px;
        padding: 8px 12px;
        background-color: #fefeff;
    }
    .timetable-price-popup-text {
        color: #555;
        font-size: 14px;
    }
    .timetable-price-popup-price,
    .timetable-popup-price {
        background: rgba(255, 185, 0, 0.2);
        padding: 0 4px;
        border-radius: 4px;
        white-space: nowrap;
    }
    .timetable-header {
        font-size: 16px;
        padding: 10px 0 10px;
        display: block;
        line-height: 1;
        text-align: center;
        font-weight: 500;
        background: #fff7d9;
        border: 1px dotted #e6c164;
        margin-bottom: 10px;
        border-radius: 8px;
    }

    #SubscribeWrapper .ButtonWrapper {
        text-align: right;
    }
    #SubscribeWrapper .ButtonWrapper input, #SubscribeWrapper .ButtonWrapper button {
        line-height: 1;
        width: auto;
    }
    .background-top {
        width: 100%;
        display: flex;
        align-items: center;
    }
    .header-btn {
        display: flex;
        align-items: center;
        flex-direction: column;
        text-decoration: none;
        text-align: center;
        justify-content: center;
        width: 40px;
        height: 46px;
        position: relative;
    }
    .header-btn-text {
        color: rgba(0,0,0,.6);
        letter-spacing: 0.25px;
        font-size: 8px;
        line-height: 1;
        font-weight: 500;
        margin-top: 4px;
        text-transform: uppercase;
        font-family: Bahnschrift, sans-serif;
    }
    .header-btn-icon.fa {
        font-size: 23px;
        color: #000;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 24px;
        text-shadow: 2px 2px 0 #e3e0e0;
    }
    .header-btn-count {
        position: absolute;
        right: 4px;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #000;
        font-size: 11px;
        font-weight: 600;
        line-height: 1;
        background: #b9e5b2;
        box-shadow: 1px 1px 2px rgba(0,0,0,.5);
        min-width: 10px;
        height: 10px;
        padding: 2px;
        border-radius: 50%;
    }
    .TableInfText.red {
        color: #c42320;
    }
    .img-size {
        height: auto !important;
        max-width: 100%;
        vertical-align: middle;
        margin-bottom: 0;
        border-color: #dbdada;
        border-radius: 40px;
    }
    .img-size-round {
        border-radius: 50%;
    }
    .img-bg {
        max-width: 100%;
        margin: 0;
        border: 0;
        vertical-align: middle;
    }
    .red-sky {
        font-size: 12px;
    }
    .section-hideShow {
        border-bottom: 1px solid rgba(201, 200, 182, 0.5);
    }
    .section-hideShow--article {
        margin-bottom: 20px;
    }
    .section-heading {
        display: flex;
        gap: 12px;
        align-items: center;
        cursor: pointer;
        position: relative;
    }
    .section-heading-desc {
        font-size: 11px;
        color: rgba(0,0,0,.4);
        position: absolute;
        left: 20px;
        bottom: 2px;
    }
    .section-heading .fa-angle-right {
        font-size: 26px !important;
        /*color: #d2464a;*/
        color: #86c886;
        transition: transform 200ms 100ms;
    }
    .section-hideShow.is-active .fa-angle-right {
        transform: rotate(90deg);
    }
    .section-hideShow.is-active .section-heading-desc {
        display: none;
    }
    .section-hideShow.is-active .section-content {
        display: block;
    }
    .section-heading h2 {
        font-size: 16px;
        margin: 12px 0 16px;
    }
    .section-heading + ol {
        margin-bottom: 15px;
    }
    .section-content {
        display: none;
        margin-bottom: 12px;
    }
    .section-content label {
        flex: 1 1 0;
    }
    .top-quote-chinese {
        /*color: #d2464a;*/
        margin: 5px 0;
        font-size: 12px;
        /*text-align: right;*/
        margin-bottom: 10px;
        color: #555;
    }
    .top-quote {
        /*color: #005ea1;*/
        margin: 0;
        font-size: 12px;
        /*text-align: right;*/
        color: #555;
    }
    .picture-text {
        font-size: 12px;
        margin: 5px 30px 10px;
    }
    .headerActions-popup {
        justify-content: center;
        padding-bottom: 6px;
        margin-bottom: 12px;
        border-bottom: 1px solid #ccc;
    }
    .headerActions-popup .header-btn:last-child {
        position: relative;
    }
    .headerActions-popup .header-btn:last-child:before {
        content: "";
        width: 1px;
        background-color: #ccc;
        position: absolute;
        left: -4px;
        bottom: 3px;
        top: 3px;
    }

    .site {
        position: relative;
        min-width: 320px;
    }
    .dropdown {
        z-index: 8011;
    }
    .dropdown-wrapper {
        overflow: auto;
        background-color: #fffef2;
        padding: 4px 0;
        border: 1px solid rgba(0,0,0,.1);
        border-radius: 12px;
        margin: -5px 6px 0 auto;
        width: 210px;
    }
    .dropdown-inner {
        top: 50px;
        height: calc(100vh - 50px);
        display: none;
        z-index: 8011;
        position: absolute;
        left: 0;
        width: 100%;
        background: rgba(0,0,0,.25);
    }
    .dropdown-menu {
        padding-left: 0;
        list-style-type: none;
        margin-bottom: 0;
    }
    .dropdown-contact {
        border-bottom: 1px solid rgba(0, 0, 0, .05);
        padding: 10px 12px;
        margin-bottom: 0;
    }
    .dropdown-contact-title {
        /*font-weight: 500;*/
        font-size: 16px;
    }
    .dropdown-contact-item {
        display: flex;
        flex-direction: column;
        margin-top: 6px;
        margin-left: 34px;
        line-height: 1.25;
    }
    .dropdown-contact-item small {
        color: rgba(0,0,0, 0.5);
    }
    .list-group-item {
        margin-bottom: 0;
    }
    .list-group-item a {
        color: #000;
        padding: 12px;
        display: block;
        text-decoration: none;
        font-size: 16px;
    }
    .list-group-item:not(:last-child) a {
        border-bottom: 1px solid rgba(0,0,0,.05);
    }
    .list-group-item_pay a {
        color: #b43131;
        padding-bottom: 15px;
    }
    .list-group-item_pay .list-group-item-icon {
        color: #b43131;
    }
    .list-group-item_pay + .list-group-item a {
        padding-top: 15px;
    }
    .list-group-item_contact {
        border-top: 1px solid rgba(0,0,0,.25);
    }
    .list-group-item_contact a {
        padding-top: 15px;
    }
    .list-group-item:last-child a {
        border-bottom: 0;
    }
    .list-group-item.is-active a {
        background: #f9efd4;
    }
    .list-group-item-icon {
        margin-right: 8px;
        text-shadow: none;
        color: rgba(0,0,0,.8);
        display: inline-flex;
        width: 25px;
        align-items: center;
        justify-content: center;
        font-size: 14px;
    }
    .list-group-links {
        margin-top: 3px;
        display: flex;
        gap: 20px;
        align-items: center;
    }
    .list-group-link {
        width: 32px;
        height: 32px;
        border-radius: 10px;
        background-size: cover;
        box-shadow: 2px 2px 0 #e3e0e0;
    }
    .list-group-link.icon-whatsapp {
        background-image: url(/wp-content/themes/daoderu/img/icon-whatsapp.jpg);
    }
    .list-group-link.icon-telegram {
        background-image: url(/wp-content/themes/daoderu/img/icon-telegram.jpg);
    }
    .list-group-link.icon-vk {
        background-image: url(/wp-content/themes/daoderu/img/icon-vk.jpg);
    }
    .is-open .dropdown-wrapper {
        display: block;
    }
    .is-open .dropdown-inner {
        display: block;
    }
    .is-open .dropdown-header {
        border-bottom: 1px solid #e3d3ad;
    }
    .other-forms {
        margin-bottom: 6px;
    }
    .course-picture {
        margin-top: 12px;
    }
    .submitWrapper-btn {
        margin-top: 10px;
    }
    .note {
        margin: 0;
        border: 1px dotted #ccc;
    }
    #maincontentbox {
        border: 0 !important;
        border-radius: 0;
    }
    #maincontentbox h1, #maincontentbox h2, #maincontentbox .red {
        color: #c42320 !important;
    }
    .footer-gray {
        font-size: inherit;
        line-height: inherit;
    }
    .page-list {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
        list-style-type: none;
        padding: 0;
    }
    .page_item {
        background: #fff;
        box-shadow: 0 0 5px #ccc;
        margin: 0;
        border-radius: 8px;
        /*flex: 1 1 0;*/
    }
    .page_item a {
        display: inline-flex;
        box-sizing: border-box;
        gap: 8px;
        width: 100%;
        height: 100%;
        padding: 10px 8px;
        text-decoration: none;
        color: #000;
        align-items: center;
        justify-content: space-between;
        line-height: 1.3;
    }
    .page_item .fa {
        color: #86c886;
    }
    .article-list ol {
        list-style: none;
        counter-reset: li;
        margin-bottom: 0;
    }
    .article-list > ol {
        padding-left: 0;
    }
    .article-list li {
        margin-bottom: 4px;
    }
    .article-list li:before {
        counter-increment: li;
        content: counters(li, ".") ". ";
    }
    .article-list.invisible {
        word-break: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        line-clamp: 5;
        -webkit-box-orient: vertical;
        box-orient: vertical;
        position: relative;
    }
    .article-list.invisible:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 24px;
        background-image: linear-gradient(to bottom, transparent 0, #fffef2 80%);
    }
    .expand-list {
        /*margin-top: 10px;*/
    }

    #contentcolumn .contentbox .content,
    #asidecolumn .contentbox .content {
        margin: 16px 8px;
    }
    label .required {
        color: #d2464a;
        vertical-align: top;
        font-size: 15px;
    }

    .mobile-block {
        display: block;
    }
    #contentcolumn .contentbox,
    #asidecolumn .contentbox {
        margin: 0 4px 16px;
        margin-bottom: 0;
    }
    #asidecolumn .contentbox:first-child {
        margin-top: 0;
    }
    .img-size {
        max-width: 250px;
    }
    .row,
    #contentcolumn,
    #asidecolumn {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    #asidecolumn {
        margin-left: 0;
    }
    #HeaderImage, .MenuWrapper {
        display: none;
    }
    #content .background-mobile {
        padding: 0;
    }
    /*#content.row {*/
    /*    overflow: visible;*/
    /*}*/
    #footer {
        height: 128px;
    }
    #footer .CopyrightWrapper {
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }
    .rightflash img {
        width: 100%;
    }
    .important {
        font-size: 18px;
    }
    .mobile-block {
        display: block;
    }
    .mobile-hide {
        display: none;
    }
    #SubscribeWrapper .ButtonWrapper input, #SubscribeWrapper .ButtonWrapper button {
        margin: 0;
    }
    .header-price {
        align-items: center;
    }
    #PaymentWrapper .textAreaWrapper {
        margin-bottom: 8px;
    }
    #PaymentWrapper .labelWrapper {
        font-weight: 400;
        margin-bottom: 0;
        line-height: 1.3;
        color: #000;
    }
    .textAreaWrapper label.error span.message {
        display: block;
        top: 0;
        color: #c42320;
        font-size: 13px;
    }
    .entry-content-h2 {
        margin: 0 0 10px;
    }
    .course-view {
        margin-bottom: 24px;
    }
    .course-view-header {
        font-size: 18px;
        /*padding: 10px 2px;*/
        display: flex;
        align-items: center;
        /*justify-content: center;*/
        gap: 6px;
        line-height: 1.25;
        /*text-align: center;*/
        font-weight: 500;
        /*background: #fff7d9;*/
        /*border: 1px dotted #e6c164;*/
        margin-bottom: 12px;
        /*border-radius: 8px;*/
    }
    .course-view-body {
        display: flex;
        gap: 18px;
        justify-content: center;
    }


    .course-view-main .course-view-body {
        flex-wrap: wrap;
    }
    .course-view-body::-webkit-scrollbar {
        display: none;
    }
    .course-view-main .course-view-item {
        box-shadow: 0 0 5px #ccc;
    }
    .course-view-item {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        /*padding: 4px;*/
        text-align: center;
        /*background-size: cover;*/
        /*background-position: center top;*/
        /*background-repeat: no-repeat;*/
        /*min-height: 120px;*/
        text-decoration: none;
        width: calc(50% - 10px);
        box-sizing: border-box;
    }
    .course-view-payment .course-view-body {
        flex-wrap: wrap;
    }
    .course-view-payment .course-view-unit {
        box-shadow: 0 0 5px #ccc;
    }
    .course-view-payment .fa-minus-circle,
    .course-view-payment .fa-plus-circle {
        font-size: 22px;
    }
    .course-view-cart {
        margin-bottom: 12px;
    }
    .course-view-cart .course-view-body {
        flex-wrap: wrap;
        gap: 10px;
    }
    /*.course-view-payment .course-view-item {*/
    /*    height: 106px;*/
    /*}*/
    .course-view-cart .course-view-unit {
        box-shadow:0 0 5px #ccc;
        width: 100%;
        flex-direction: unset;
        background: #fffef2;
        gap: 2px;
    }
    .course-view-cart .course-view-unit .course-view-item {
        width: auto;
        height: 50px;
        margin: 4px 0 4px 4px;
        flex-shrink: 0;
        background-color: #fff;
    }
    .course-view-cart .course-view-unit .course-view-item img {
        border-radius: 4px;
        width: 50px;
        height: 50px;
        object-fit: cover;
        object-position: center;
        overflow: hidden;
        box-shadow: 0 0 0 1px rgb(0 0 0 / 5%);
    }
    .course-view-cart .course-view-unit a {
        display: flex;
        gap: 4px;
        flex: 1 1 0;
    }
    .course-view-cart .course-area-wrapper {
        position: relative;
        border: 0;
        background: transparent;
        flex: 1 1 0;
        font-size: 15px;
    }
    .course-view-cart .course-area-wrapper .course-view-item-text {
        text-align: left;
        justify-content: flex-start;
        padding-right: 16px;
        line-height: 1.25;
        flex-direction: column;
        display: flex;
    }
    .course-view-cart .course-area-wrapper .course-view-item-detail {
        text-align: left;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 4px;
    }
    .course-view-item-detail-wide {
        flex-direction: column;
        align-items: normal !important;
    }
    .course-view-item-detail-wide .course-textarea {
        flex: auto;
    }
    /*.course-view-cart .course-view-amount {*/
    /*    gap: 4px;*/
    /*}*/
    .course-area-wrapper-input {
        /*width: 58px;*/
        /*height: 28px;*/
        /*padding: 4px 2px 4px 4px;*/
        /*display: flex;*/
        /*gap: 3px;*/
        /*border: 0;*/
        /*border-left: 1px solid #ccc;*/
        /*border-right: 1px solid #ccc;*/
        /*background: #eaeff7;*/
        /*box-sizing: border-box;*/
    }
    .course-view-cart .icon-delete {
        position: absolute;
        right: 0;
        top: 0;
        color: rgba(0,0,0,.2);
    }
    .icon-plus {
        transform: rotate(45deg);
    }
    .icon-plus:before {
        content: '×';
    }
    .icon-minus:before {
        content: '−';
    }
    .icon-plus,
    .icon-minus {
        color: rgba(0,0,0,.7);
    }
    .icon-plus:before,
    .icon-minus:before {
        font-size: 18px;
        line-height: 1;
        font-style: normal;
        border-radius: 50%;
        width: 28px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .icon-delete:before {
        font-size: 28px;
        line-height: 1;
        font-style: normal;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .course-view-unit {
        width: calc(50% - 10px);
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        /*background: #fff7d9;*/
        /*border: 1px solid rgba(255,239,192,1);*/
        box-sizing: border-box;
        border-radius: 10px;
        position: relative;
        text-decoration: none;
        color: #000;
        /*box-shadow: 1px 1px 4px #b1b1b1;*/
    }

    .course-view-unit .course-view-item {
        width: 100%;
    }
    .course-view-unit .course-view-item img {
        border-radius: 10px;
        width: 100%;
        height: 120px;
        object-fit: cover;
        object-position: center;
        overflow: hidden;
        border: 0;
        margin-bottom: 0;
    }
    .course-view-unit .course-view-item-contain img {
        object-fit: contain;
    }
    .course-view-unit a {
        text-decoration: none;
        text-align: center;
        color: #000;
    }
    .course-view-unit .timetable-popup-price {
        margin: 0 auto 5px;
        display: inline-flex;
    }
    /*.course-view-item-base {*/
    /*    background-image: url(/wp-content/themes/daoderu/img/base-1.jpg);*/
    /*}*/
    /*.course-view-item-chzhanchzhuan {*/
    /*    background-image: url(/wp-content/themes/daoderu/img/32.jpg);*/
    /*}*/
    /*.course-view-item-chunsyuegun {*/
    /*    background-image: url(/wp-content/themes/daoderu/img/Chunsyuegun-5.jpg);*/
    /*}*/
    /*.course-view-item-сhzhanchzhuanTheory {*/
    /*    background-image: url(/wp-content/themes/daoderu/img/Chzhanchzhuan-Theory.jpg);*/
    /*}*/
    /*.course-view-item-terms {*/
    /*    background-image: url(/wp-content/themes/daoderu/img/ТерминыДао-466.jpg);*/
    /*}*/
    /*.course-view-item-etymology {*/
    /*    background-image: url(/wp-content/themes/daoderu/img/Курс-Основы-Этимологии-иероглифов-5.jpg);*/
    /*}*/
    /*.course-view-item-yijing {*/
    /*    background-image: url(/wp-content/themes/daoderu/img/Yijing.jpg);*/
    /*}*/
    /*.course-view-item-huejminczin {*/
    /*    background-image: url(/wp-content/themes/daoderu/img/хмц-4.jpg);*/
    /*}*/
    /*.course-view-item-chzhanchzhuanSpeed {*/
    /*    background-image: url(/wp-content/themes/daoderu/img/Chzhanchzhuan.jpg);*/
    /*}*/
    /*.course-view-item-smisliLaoczi {*/
    /*    background-image: url(/wp-content/themes/daoderu/img/Smisli-Laoczi.jpg);*/
    /*}*/
    /*.course-view-item-ulyupaj {*/
    /*    background-image: url(/wp-content/themes/daoderu/img/Ulyupaj.jpg);*/
    /*}*/
    /*.course-view-item-huandiNejczin {*/
    /*    background-image: url(/wp-content/themes/daoderu/img/HuandiNejczin.jpg);*/
    /*}*/
    /*.course-view-item-yujsyanpaj {*/
    /*    background-image: url(/wp-content/themes/daoderu/img/YUjsyanpaj.jpg);*/
    /*}*/
    /*.course-view-item-ieroglifika {*/
    /*    background-image: url(/wp-content/themes/daoderu/img/Ieroglifika.jpg);*/
    /*}*/
    /*.course-view-item-alhimiyaCHzhunliLyuj {*/
    /*    background-image: url(/wp-content/themes/daoderu/img/AlhimiyaCHzhunliLyuj.jpg);*/
    /*}*/
    /*.course-view-item-sinicyuan {*/
    /*    background-image: url(/wp-content/themes/daoderu/img/Sinicyuan.jpg);*/
    /*}*/
    .course-view-item-text b {
        font-size: 14px;
        color: #000;
        line-height: 1.15;
        font-weight: 500;
        display: block;
    }
    .course-view-wrapper {
        padding: 4px 2px;
        /*border-top: 1px solid rgba(255,239,192,1);*/
        font-size: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 32px;
        text-align: center;
        /*position: absolute;*/
        /*bottom: 0;*/
        /*left: 0;*/
        /*right: 0;*/
        /*background: rgba(255,239,192,1);*/
        /*background: rgba(255, 247, 217, 0.9);*/
        /*border-radius: 0 0 10px 10px;*/
    }
    .course-view-scroll {
        display: flex;
        gap: 12px;
    }
    .course-area-wrapper {
        padding: 4px 2px;
        border-top: 1px solid rgba(255,239,192,1);
        font-size: 14px;
        display: flex;
        flex-direction: column;
        gap: 2px;
        background: rgba(255, 247, 217, 0.9);
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        border-radius: 0 0 10px 10px;
    }
    .course-view-item-format {
        color: #4dbe4d;
    }
    .course-view-sum {
        margin: 0 0 10px 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
    }
    .course-view-sum span,
    .course-view-sum .button {
        flex-shrink: 0;
    }
    .course-view-sum span {
        /*font-weight: 500;*/
        margin-left: 8px;
        margin-bottom: 4px;
    }
    .course-view-sum .button {
        margin-bottom: 12px;
    }
    .course-view-sum b {
        font-size: 20px;
    }
    .course-list-body {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }
    .course-list-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        border-top: 1px solid rgba(201, 200, 182, 0.5);
        padding: 4px 4px 0 0;
    }
    .formWrapper-other {
        margin-bottom: 30px;
    }
    .icon-cart-add {
        background: linear-gradient(to top, #b9e5b2 0%, #c5e5bf 50%);
        box-shadow: 0 0 5px #959393, -2px 2px 0 1px #fffef2;
        border-radius: 10px;
    }
    .course-view-cart .fa-minus,
    .course-view-cart .fa-plus {
        font-size: 16px;
        color: rgba(0,0,0,.7);
        border: 0.6px solid;
        border-radius: 50%;
        width: 22px;
        height: 22px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .fa-minus-circle {
        color: #e58f78;
    }
    .fa-plus-circle {
        color: #76b176;
    }
    .course-view-item-detail {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 4px 2px;
    }
    .course-view-amount {
        display: flex;
        align-items: center;
        font-size: 14px;
        background: #fff;
        height: 30px;
        box-sizing: border-box;
        border-radius: 4px;
        border: 1px solid #9daccc;
    }
    .icon-cart .fa-shopping-cart,
    .icon-cart .fa-plus {
        font-size: 18px;
        color: #000;
    }
    .course-area-wrapper-input {
        /*font-family: 'HelveticaNeueCyr', sans-serif;*/
        /*font-size: 14px;*/
        /*line-height: 1.25;*/
        /*border-radius: 4px;*/
        /*min-height: 22px;*/
        /*box-sizing: border-box;*/
        /*border: 1px solid #9daccc;*/
        /*width: 20px;*/
    }
    .course-area-wrapper-price b {
        font-size: 16px;
        font-weight: 500;
    }
    .course-area-wrapper-icon {
        font-size: 12px;
    }
    .course-view-delete {
        background: #000;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: -6px;
        top: -6px;
        cursor: pointer;
    }
    .course-view-delete .fa-times {
        font-size: 15px;
        line-height: 1;
        margin-top: -2px;
    }
    .shopping-cart {
        position: fixed;
        top: -3px;
        /*transition: bottom 300ms;*/
        left: 0;
        right: 0;
        display: none;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        background: #fff !important;
        box-shadow: 0 0 5px #ccc;
        text-decoration: none;
        color: #000;
        height: 45px;
        cursor: pointer;
        font-size: 14px;
        box-sizing: border-box;
        z-index: 10000;
        border-radius: 5px;
        line-height: 1.25;
        margin: 5px;
    }
    .shopping-cart-show {
        bottom: 0;
    }
    .isCart .dao-interactive {
        bottom: 60px;
    }
    /*.shopping-cart:before {*/
    /*    display: block;*/
    /*    content: "";*/
    /*    position: absolute;*/
    /*    left: 0;*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*    transform: translateX(-100%);*/
    /*    background: linear-gradient(90deg, #4dbe4d 0%, #b9e5b2 100%);*/
    /*    animation: loading 2s infinite;*/
    /*    z-index: -1;*/
    /*}*/
    /*@keyframes loading {*/
    /*    100% {*/
    /*        transform: translateX(0%);*/
    /*    }*/
    /*}*/
    .shopping-cart-info {
        display: flex;
        gap: 6px;
        align-items: center;
        line-height: 1.25;
        font-size: 13px;
        color: #3a3a3a;
        font-weight: 400;
        /*margin-left: 12px;*/
    }
    .shopping-cart-info .fa-shopping-cart {
        font-size: 20px;
    }
    .fa-shopping-cart {
        font-size: 22px;
        margin-right: 2px;
    }
    .shopping-cart-btn {
        display: inline-flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        /*background-image: linear-gradient(to top, #9cd29c 0%, #b9e5b2 50%) !important;*/
        font-weight: 600;
        height: 50px;
        letter-spacing: 0.5px;
        padding: 0 5px;
        flex: 1 1 0;
        gap:2px;
        width: 100%;
        box-sizing: border-box;
    }
    .shopping-cart-btn .fa-shopping-cart {
        font-size: 18px;
    }
    .icon-cart-wrap {
        background: linear-gradient(to top, #b9e5b2 0%, #c5e5bf 50%) !important;
        border-radius: 10px;
        /*position: absolute;*/
        /*top: -1px;*/
        /*right: -1px;*/
        /*box-shadow: 0 0 5px #959393, -2px 2px 0 1px #fffef2;*/
        box-shadow: 1px 1px 4px #b9b6b6;
        /*z-index: 2;*/
        margin: 2px 10px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 500;
        color: #000
    }
    .icon-cart {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 2px;
        height: 38px;
        width: 38px;
        box-sizing: border-box;
    }
    .icon-cart .fa-plus {
        font-size: 10px;
        margin-right: -3px;
    }
    .note-integrated {
        border-color: #86c886;
    }
    .icon-close {
        background: url(/wp-content/themes/daoderu/img/close-icon.svg) no-repeat;
        width: 100%;
        height: 100%;
        display: block;
    }

    .dropdown-el {
        /*margin-top: 20vh;*/
        margin-bottom: 10px;
        max-width: 315px;
        position: relative;
        /*display: inline-block;*/
        min-height: 42px;
        max-height: 42px;
        overflow: hidden;
        /*top: 0.5em;*/
        cursor: pointer;
        text-align: left;
        white-space: nowrap;
        color: #000;
        outline: none;
        border: 0.06em solid rgba(0,0,0,.15);
        border-radius: 12px;
        background-color: #fff;
        transition: 0.3s all ease-in-out;
    }
    .dropdown-el input:focus + label {
        background: #def;
    }
    .dropdown-el input {
        width: 1px;
        height: 1px;
        display: inline-block;
        position: absolute;
        opacity: 0.01;
    }
    .dropdown-el label {
        border-top: 0.06em solid rgba(0,0,0,.15);
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        gap: 8px;
        height: 42px;
        font-size: 14px;
        padding-left: 8px;
        padding-right: 20px;
        cursor: pointer;
        position: relative;
        white-space: normal;
        line-height: 1.15;
        box-sizing: border-box;
        transition: 0.3s color ease-in-out;
    }
    .dropdown-el label:nth-child(2) {
        margin-top: 42px;
        border-top: 0.06em solid #d9d9d9;
    }
    .dropdown-el input:checked + label {
        /*display: block;*/
        border-top: none;
        position: absolute;
        top: 0;
        width: 100%;
    }
    .dropdown-el input:checked + label:nth-child(2) {
        margin-top: 0;
        position: relative;
    }
    .dropdown-el::after {
        content: "";
        position: absolute;
        right: 8px;
        top: 1.25em;
        border: 0.4em solid #000;
        border-color: #000 transparent transparent transparent;
        transition: 0.4s all ease-in-out;
    }
    .dropdown-el.expanded {
        border-color: #86c886;
        background: #fff;
        padding: 0;
        box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 5px 0;
        max-height: 18em;
        overflow: auto;
    }
    .dropdown-el.expanded label {
        border-top: 0.06em solid #d9d9d9;
    }
    .dropdown-el.expanded label:hover {
        background: rgba(132,200,134,.25);
    }
    .dropdown-el.expanded input:checked + label {
        background: rgba(132,200,134,.25);
    }
    .dropdown-el.expanded::after {
        transform: rotate(-180deg);
        top: 0.85em;
    }
    .dropdown-el span {
        position: relative;
        display: flex;
        align-items: center;
        gap: 8px;
    }
    .dropdown-el span::before {
        content: "";
        display: block;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #86c886;
        flex-shrink: 0;
    }
    .timetable-popup-select {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin: 0 6px;
    }
    .shopping-cart-loading {
        position: relative;
        overflow: hidden;
    }
    .shopping-cart-loading:before {
        content: "";
        position: absolute;
        top: 0;
        height: 100%;
        width: 100px;
        transform: skewX(-45deg);
        left: -150%;
        /*background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.4));*/
        background: linear-gradient(90deg, rgba(185, 229, 178,.2) 0%, rgba(255, 255, 255, .2) 44%, rgba(255, 255, 255, .3) 45% ,rgba(255, 255, 255, .3) 55%, rgba(255, 255, 255, .2) 56%, rgba(185, 229, 178,.2) 100%);
        /*animation: flareAnimation 3s infinite ease-in-out, delay-animation 6s infinite linear;*/
        animation: flareAnimation 3s infinite ease-in-out;
        /*z-index: -1;*/
    }

    @keyframes flareAnimation {
        0% {
            left: -150%;
        }
        100% {
            left: 150%;
        }
    }

    @keyframes delay-animation {
        0% {
            opacity: 1;
        }
        50% {
            opacity: 1;
        }
        50.01% {
            opacity: 0;
        }
        100% {
            opacity: 0;
        }
    }

    .course-view-list {
        display: flex;
        gap: 8px;
        overflow: auto;
        padding-bottom: 6px;
    }
    .course-view-list .course-view-unit {
        flex-shrink: 0;
    }
    .course-view-type {
        padding: 0 4px;
        border-radius: 4px;
        font-size: 12px;
        position: absolute;
        right: 5px;
        color: #000;
    }
    .course-view-type {
        background: rgba(140, 185, 237, .8);
        top: 5px;
    }
    .dao-interactive {
        position: fixed;
        bottom: -17px;
        left: 50%;
        margin: 0 0 0 -40px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        z-index: 999;
        background: #ffec88;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        box-shadow: 1px 1px 4px #b9b6b6;
        transition: bottom 300ms;
    }
    .img-dao {
        width: 45px;
        height: 45px;
        /*box-shadow: 0 0 10px rgba(0,0,0,.5);*/
        box-shadow: 0 0 10px #a38a17;
        border-radius: 50%;
        border: 0;
        margin-bottom: 0;
    }
    .img-dao-rotate {
        animation: rotating 10s linear infinite;
    }
    .dao-text-rotate {
        animation: rotatingRevert 15s linear infinite;
    }
    @keyframes rotating {
        from{
            transform: rotate(0deg);
        }
        to{
            transform: rotate(360deg);
        }
    }
    @keyframes rotatingRevert {
        from{
            transform: rotate(360deg);
        }
        to{
            transform: rotate(0deg);
        }
    }
    .dao-text {
        white-space: nowrap;
        color: #000;
        /*text-shadow: 1px 1px 0 #fff;*/
        font-weight: 600;
    }
    .circle {
        position: absolute;
        top: 50%;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        text-align: center;
        line-height: 45px;
        margin-top: -22.5px;
    }
    .circle span {
        display: inline-block;
        width: 18px;
        font-size: 15px;
        position: absolute;
        transform: translate(-9.5px,0px)rotate(var(--rot)) translate(0,-32px)
    }
    .modal {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0.35);
        width: 100%;
        height: 100%;
        z-index: 9999;
    }
    .modal-content {
        width: 700px;
        margin: 100px auto 0;
        box-sizing: border-box;
        padding: 8px;
        /*box-shadow: 0 2px 6px rgba(0,0,0,1);*/
        background: #fff;
        border-radius: 12px;
        position: relative;
    }

    /* Popup close button */
    .modal-button {
        width: 32px;
        height: 32px;
        position: absolute;
        top: -8px;
        right: -8px;
        background: #fff;
        border-radius: 50%;
        box-shadow: 0 0 5px rgba(0,0,0,.5);
    }

    .modal-button:hover {
        background: rgba(0,0,0,1);
    }
    .tarif-box-option .payment-button {
        display: none;
    }
    .section-hideShow-bg .section-content {
        background: rgba(134,200,134,.1);
        padding: 6px;
        border-radius: 4px;
        line-height: 1.25;
        margin-left: 10px;
        gap: 25px;
        position: relative;
    }
    .section-hideShow-bg.is-active .section-content {
        display: flex;
    }
    .popup .little-comment {
        margin-top: 12px;
        color: rgba(0,0,0,.7);
    }
    .section-heading-text-price {
        color: rgba(0,0,0,.7);
    }
    .section-heading-text-note {
        color: rgba(0,0,0,.7);
        font-size: 12px;
        margin-top: 5px;
        line-height: 1.15;
    }
    .section-content input[type="radio"] {
        -webkit-appearance: none;
        appearance: none;
        background-color: #fff;
        margin: 0;
        font: inherit;
        color: rgba(0,0,0,.7);
        width: 20px;
        height: 20px;
        border: 1px solid rgba(0,0,0,.7);
        border-radius: 50%;
        display: grid;
        place-content: center;
        flex-shrink: 0;
        margin-right: 6px;
        margin-top: 12px;
    }
    .section-content input[type="radio"]::before {
        content: "";
        width: 12px;
        height: 12px;
        border-radius: 50%;
        transform: scale(0);
        transition: 120ms transform ease-in-out;
        box-shadow: inset 10px 10px rgba(0,0,0,.7);
    }
    .section-content input[type="radio"]:checked::before {
        transform: scale(1) !important;
    }
    .section-content small {
        position: absolute;
        right: 2px;
        top: 2px;
        color: rgba(0,0,0,.4);
        font-size: 11px;
    }

    .section-heading-text-price small {
        color: #d2464a;
    }
}

@media screen and (max-width: 374px) {
    .course-view-sum {
        flex-direction: column;
    }
    .timetable-price-popup-item {
        position: relative;
        padding-bottom: 40px;
    }
    .timetable-price-popup-btn,
    .timetable-price-popup-btn:active {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: initial;
        border-radius: 0 0 8px 8px;
    }
    .timetable-popup-day {
        /*width: 100%;*/
        font-size: 16px;
    }
    .timetable-popup .button {
        font-size: 15px;
    }
}
@media screen and (max-width: 359px) {
    .header-btn-icon.fa,
    .headerMenuIcon {
        font-size: 20px;
    }
    #header .background-mobile #Logo {
        height: 38px;
        width: 38px;
    }
    #header .background-mobile .title {
        padding: 0 0 0 44px;
    }
    #header .titleItem {
        width: 98px;
    }
    #header .titleItem b {
        font-size: 19px;
    }
}
@media screen and (max-width: 413px) {
    .entry-content-h1 b {
        display: block;
    }
    /*   .timetable-item {*/
    /*       flex-direction: row;*/
    /*       padding-right: 42px;*/
    /*       gap: 8px;*/
    /*   }*/
    /*    .timetable-detail {*/
    /*        flex-direction: column;*/
    /*        border: 0;*/
    /*        border-left: 1px solid #d3d3d3;*/
    /*        padding-left: 8px;*/
    /*        padding-top: 0;*/
    /*        min-width: 90px;*/
    /*    }*/
    /*    .course-view-item {*/
    /*        width: calc(25% - 14px);*/
    /*    }*/
}
@media screen and (min-width: 460px) {
    .course-view-unit {
        width: calc(33.333% - 8px);
    }
}
@media screen and (min-width: 640px) {
    .course-view-unit {
        width: calc(25% - 9px);
    }
    .course-view-cart .course-view-unit {
        width: calc(50% - 5px);
    }
    /*.timetable-popup-wrap .timetable-popup--double {*/
    /*    flex-direction: row;*/
    /*}*/
}
@media screen and (max-width: 720px) {
    .modal-content {
        width:90%;
    }
}

@media screen and (max-width: 767px) {
    .more-courses .course-list-body {
        display: flex;
    }
    .row,
    .row123 {
        max-width: 100%;
        width: 100%;
        min-width: 100%;
        position: relative;
    }

    #contentcolumn {
        max-width: 100%;
        float: none;
        flex-grow: 1;
    }
    .main-page-1-line, .main-page-2-line, .hide-mobile {
        display: none;
    }
    #asidecolumn {
        display: none;
    }
}

@media screen and (min-width: 767px) {
    .course-view-unit {
        width: auto;
    }
}