*, *::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.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; }
.checkoutHref { display: inline-block; position: absolute; left: 446px; 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;
}