.block-but .titul-box,
.box-print,
.btn, .box-donw,
.but-home, .box-review,
.members-access-error a {
 transition:all .3s ease-in-out 0s
}
#key,
#userid,
#userrole,
.entry-title {
 display:none
}
.members-access-error {
 margin:100px 0 0
}
.members-access-error a {
 display:block;
 text-align:center;
 width:260px;
 font-size:15px;
 line-height:40px;
 height:38px;
 border-radius:20px;
 margin:30px auto;
 font-weight:500;
 letter-spacing:1px;
 box-sizing:border-box;
 color:#fff;
 border:0;
 text-transform:uppercase;
 background-color:rgba(0,182,249,.7);
 box-shadow:0 .1em 5px rgba(122,122,122,.3);
 cursor:pointer
}
.members-access-error a:hover {
 transform:scale(1.1);
 border:0;
 background-color:rgba(0,182,249,1)!important;
 box-shadow:.2em .2em 5px rgba(122,122,122,.6)
}
.btn:hover,
.but-home:hover {
 -webkit-transform:scale(1.1);
 -moz-transform:scale(1.1);
 -o-transform:scale(1.1)
}
.block-but,
.box-print-glav,
.progres {
 border-radius:5px
}
.titul-kids2 {
 display:flex;
 align-self:center;
 flex-shrink:0
}
#key,
#kids-titul21, #donw {
 display:none
}
.entry-content,
.kids-page-glava,
.kidsbook {
 display:inline-block;
 width:100%
}
#body2021glavamat {
 background-color:rgba(255,193,7,.5)
}
#body2021glavarus, #body2021glavay10, #body2021glavay20 {
 background-color:rgba(77,208,225,.5)
}
#body2021glavamir {
 background-color:rgba(76,175,80,.5)
}
#body2021glavamem {
 background-color:rgba(229,57,53,.5)
}
#body2021glava3203 {
 background-color:rgba(102,103,171,.5)
}
#body2021glava3274 {
 background-color:rgba(226,237,157,1)
}
.boxg-kids4,
.progres {
 background-color:rgba(255,255,255,.7)
}
.kidsbook {
 min-width:572px
}

.box4,
.boxbox,
.boxg-kids3 {
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between;
 width:100%;
 max-width:905px;
 margin:0 auto 80px
}
.block-but-tot {
 flex-basis:48%;
 display:flex;
 flex-direction:column;
 height:160px;
 height:120px;
 margin-bottom:20px
}
.block-but {
 flex-basis:100%;
 display:flex;
 align-items:start;
 height:100px;
 cursor:pointer
}
.pic-glava {
 height:30px;
 margin:0 0 5px 4px;
 display:flex;
 z-index:100;
 justify-content:flex-start
}
.pic-glava .pic-glava-pic {
 height:60px;
 flex-basis:30px;
 align-items:center
}
.pic-glava .pic-glava-pic img {
 width:40px;
 height:60px
}
.progres-box {
 height:8px;
 margin-top:10px
}
.progres {
 flex-basis:100%;
 height:6px;
 margin:-5px 55px 0 47px
}
.block-but .titul-box {
 background-color:rgba(255,255,255,.6);
 color:#607D8B;
 width:100%;
 align-self:center;
 height:100px;
 border-radius:5px;
 box-shadow:0 .1em 5px rgba(122,122,122,.3)
}
#body2021glavamat .block-but .titul-box.titul-box1 {
 background-color:rgba(255,193,7,1);
 color:#fff
}
#body2021glavarus .block-but .titul-box.titul-box1 {
 background-color:rgba(77,208,225,1);
 color:#fff
}
#body2021glavamir .block-but .titul-box.titul-box1 {
 background-color:rgba(76,175,80,1);
 color:#fff
}
#body2021glavamem .block-but .titul-box.titul-box1 {
 background-color:rgba(229,57,53,1);
 color:#fff
}
.block-but .titul-box:hover {
 background-color:rgba(255,255,255,1)!important;
 color:var(--ctext)!important;
 box-shadow:.1em .1em 5px rgba(122,122,122,.5)
}
.but-home,
.but-home:hover {
 background-color:transparent
}
.box-print-glav {
 align-self:center;
 flex-shrink:0;
 width:55px;
 height:100px;
 cursor:pointer
}
.block-but .titul-box div:not(.medal-result) {
 display:flex;
 text-align:left;
 width:100%;
 height:100px;
 margin:0
}
.block-but .titul-box div:not(.medal-result) span {
 display:flex;
 align-self:center
}
.block-but .titul-box div span:nth-child(1) {
 float:left;
 width:50px;
 text-align:center;
 font-size:28px;
 justify-content:center;
 flex-shrink:0
}
.block-but .titul-box div span:nth-child(2) {
 padding:0 20px 0 0;
 font-size:16px;
 text-align:left
}
.but-home,
.titul-kids3 .icon24 {
 padding:0;
 font-weight:400;
 float:left
}
.box-print-glav:hover .prin {
 box-shadow:.1em .1em 5px rgba(122,122,122,.5)
}
.course h3 {
 font-size:1.25rem;
  margin: 0 auto;
}
#body2021glavamat .box-print-glav:hover .prin,
#body2021glavarus .box-print-glav:hover .prin {
 background-color:#fff
}
#body2021glavamir .box-print-glav:hover .prin {
 background-color:rgba(76,175,80,1)
}
#body2021glavamem .box-print-glav:hover .prin {
 background-color:rgba(229,57,53,1)
}
.progres-box .medal-result {
 position:absolute;
 margin:-46px 0 0 4px;
 width:40px;
 height:60px
}
.madel-1 {
 background-image:url(/wp-content/themes/wpbdemo/js-test/icon-kids/medal1.png)
}
.madel-2 {
 background-image:url(/wp-content/themes/wpbdemo/js-test/icon-kids/medal2.png)
}
.madel-3 {
 background-image:url(/wp-content/themes/wpbdemo/js-test/icon-kids/medal3.png)
}
.level1 {
 background-image:url(/wp-content/themes/wpbdemo/js-test/icon-kids/level1.png)
}
.level2 {
 background-image:url(/wp-content/themes/wpbdemo/js-test/icon-kids/level2.png)
}
.level3 {
 background-image:url(/wp-content/themes/wpbdemo/js-test/icon-kids/level3.png)
}
.level4 {
 background-image:url(/wp-content/themes/wpbdemo/js-test/icon-kids/level4.png)
}
.letostar-1 {
 background-image:url(/wp-content/themes/wpbdemo/js-test/icon-kids/letostar1.png)
}
.letostar-2 {
 background-image:url(/wp-content/themes/wpbdemo/js-test/icon-kids/letostar2.png)
}
.letostar-3 {
 background-image:url(/wp-content/themes/wpbdemo/js-test/icon-kids/letostar3.png)
}
.courses-container,
.portfel {
 flex-basis:49%;
 display:flex;
 margin-bottom:20px
}
.courses-container.close {
 position:relative;
 cursor:default
}
.courses-container.close .btn btnschetenter, 
.courses-container.close .box-print, .courses-container.close .course-info-box:nth-last-child(1) {
  pointer-events: none;
  display: none;
}
.courses-container.close::after {
 content:"";
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 width:80px;
  aspect-ratio: 1/1;
 border-radius:0 20px;
 background-color:rgba(255,255,255,.6);
 background-size:60%;
  border: 2px solid #ffffff;
  border-left: 0;
  border-bottom: 0;
 background-repeat:no-repeat;
 background-position:center;
 z-index:101
}
.box-print,
.btn,
.course-avatar,
.medal-result, .box-donw, .box-review {
 background-size:contain;
 background-repeat:no-repeat;
 background-position:center
}
#body2021glavamat .courses-container.close::after {
 background-image:url(/wp-content/themes/wpbdemo/js-test/icon-kids/lock-mat.png)
}
#body2021glavarus .courses-container.close::after {
 background-image:url(/wp-content/themes/wpbdemo/js-test/icon-kids/lock-rus.png)
}
#body2021glavamir .courses-container.close::after {
 background-image:url(/wp-content/themes/wpbdemo/js-test/icon-kids/lock-mir.png)
}
#body2021glavamem .courses-container.close::after {
 background-image:url(/wp-content/themes/wpbdemo/js-test/icon-kids/lock-mem.png)
}
#body2021glava3203 .courses-container.close::after {
 background-image:url(/wp-content/themes/wpbdemo/js-test/icon-kids/lock-wil.png)
}
#body2021glavay20 .courses-container.close::after, #body2021glavay10 .courses-container.close::after {
 background-image:url(/wp-content/themes/wpbdemo/js-test/icon-kids/lock-rus.png)
}
#body2021glava3914 .courses-container.close::after {
 background-image:url(/wp-content/themes/wpbdemo/js-test/icon-kids/lock-writing.png)
}
.course,
.portfelbox {
 background-color:#fff;
 border-radius:20px;
 display:flex;
 width:100%;
 overflow:hidden;
 text-align:left
}
.courses-container.close .course {
  background-color: rgba(255,255,255,0.2);
  border: 2px solid #ffffff;
}
.course h6 {
 opacity:.6;
 margin:0;
 letter-spacing:1px;
 text-transform:uppercase;
  font-family: Geologica,serif;
  font-weight: 500;
 font-size: 11px;  
 color:var(--ctext)
}
.course h3 span:not(.famautor) {
  position: relative;
  top: -3px;
  float: right;
 margin: 2px 0 0 0px;
 letter-spacing:1px;
 text-transform:uppercase;
 font-size: 11px;  
  padding: 5px;
  border-radius: 4px;
  line-height: 12px;
  color: #ffffff;   
}
.course h3 span.openvideo {
  background-color: #e4ab00;  
}
.course h3 span.closevideo {
   background-color: #B9C765;  
}
.course h3 {
 margin:10px 0;
 padding:0 50px 0 0;
 line-height:22px;
 color:var(--ctext)
}
.course h3 span.famautor {
  float: left;
  width: 100%;
  font-size: 13px;
  font-weight: normal;
  margin: 5px 0;
}
#body2021glava3274 .course h3, #body2021glava3274 .course h6 {
  position: absolute;
  width: 60%;
  padding:0;
}
#body2021glava3274 .course h3 {
  height: 40px;
  top: 40px;
}
#body2021glava3274 .course h6 {
  height: 40px;
  top: 80px;
}
.course-preview {
 color:#fff;
 padding:15px 10px;
 box-sizing:border-box;
 width:25%;
 display:flex;
 align-items:center; 
  background-color: #B9C765;
 flex-direction:column
}
.course-info {
 padding:20px;
 box-sizing:border-box;
 position:relative;
 width:75%
}
.course-avatar {
  position: relative;
 width:80%;
 height:calc(100% - 40px);
 display:flex;
 align-items:center;
 margin:0 10%
}
#body2021glavay10 .course-avatar, #body2021glavay20 .course-avatar {
 width:110%;
 height:110%;
 margin:0
}
#body2021glavay10 .course-info .course-info-box:nth-child(1), #body2021glavay20 .course-info .course-info-box:nth-child(1) {
  display: none;
}
.course-avatar-bac {
 position:absolute;
 display:none;
 margin:5px 2px;
 width:65px;
 aspect-ratio: 1/1;
 border-radius:100px;
 z-index:1
}
#body2021glavamem .course-avatar:after {
 background-color:rgba(229,57,53,.8)
}
#body2021glavamem #kidsmem10-01 .course-avatar:after {
 background-color:rgba(255,255,255,1)
}
.course-avatar img {
  position: relative;
 width:100%;
  max-width: 70px;
  margin: 0 auto;
  aspect-ratio: 1/1;
 z-index:100
}
.course-avatar:after {
  position: absolute;
  content: "";
  left: calc(50% - 35px);
  top: calc(50% - 35px);
  width: 70px;
  aspect-ratio: 1/1;
  border-radius: 100px;
  z-index: 1;
}
.course-info-box {
 width:100%
}
.course-info-box:nth-child(1) {
 height:20px
}
.course-info-box:nth-child(2) {
 height:auto;
 margin:10px 0
}
.box-print,
.course-info-box:nth-child(3) {
 height:40px
}
.box-print, .box-donw, .box-review {
 width:40px;
  background-color: #ffffff;
  border-radius: 100%;
 cursor:pointer
}
.progress-container {
 position:absolute;
 top:20px;
 left:20px;
 text-align:right;
 width:66%
}
.medal-result {
 position:absolute;
 top:10px;
 right:20px;
 width:40px;
 height:50px;
 letter-spacing:1px
}
.progress,
.progress .prog1 {
 border-radius:3px;
 height:5px
}
.progress {
 background-color:var(--cgrey);
 width:100%
}
.progress .prog1 {
 background-color:#43A047;
 content:'';
 position:absolute;
 top:0;
 left:0
}
.progress .prog1.proglevel {
 background-color:#e4ab00;
}
.btn {
 border:0;
 border-radius:50px;
 position:absolute;
 bottom:15px;
 right:20px;
 width:40px;
 height:40px;
 background-image:url(/wp-content/themes/wpbdemo/js-test/icon-kids/gogo.png);
 cursor:pointer
}
.courses-container.close a {
 pointer-events:none;
 cursor:default;
}
.btn:hover {
 box-shadow:0 2px 2px rgba(122,122,122,.3)
}
.box-print:hover, .box-donw:hover, .box-review:hover {
 -webkit-transform:scale(1.1);
 -moz-transform:scale(1.1);
 -o-transform:scale(1.1);
   box-shadow: 0 2px 2px rgba(122,122,122,.3);
  z-index: 100;
}
.box-print:hover::after,
.btn:hover::after, .box-donw:hover::after, .box-review:hover::after {
 content:attr(data-title);
 display: inline-block;
 margin-top:-35px;
 color:#fff;
 font-family: Geologica,serif;
 font-size: 10px!important;
 background-color: rgba(84,109,121,0.7);
 text-transform:uppercase;
 padding:5px 10px;
 font-weight:400;
 text-align:center;
 border-radius:3px
}
.box-print:hover::after {
  margin-left:48px;
   margin-top: 8px;
  width: 175px;
   background-color:rgba(84,109,121,.6);
}
#body2021glava3274 .box-print:hover::after {
 margin-left:-74px;
  margin-top:-35px;
  width: 170px;
}
#body2021glava3274 .box-review:hover::after {
 margin-left:-54px;
  margin-top:-35px;
  width: 120px;
}
.btn:hover::after {
 margin-left:-155px;
  margin-top: 10px;
  background-color:rgba(84,109,121,.6);
}
#body2021glava3274 .btn:hover::after {
 margin-left:-100px;
  margin-top:-35px;
}
.box-donw:hover::after {
  margin-left:-60px;
  width: 140px;
}
#body2021glavamat .btn {
 background-color:rgba(255,193,7,1)
}
#body2021glavarus .btn, #body2021glavay10 .btn, #body2021glavay20 .btn {
 background-color:rgba(77,208,225,1)
}
#body2021glavamir .btn {
 background-color:rgba(76,175,80,1)
}
#body2021glavamem .btn {
 background-color:rgba(229,57,53,1)
}
#body2021glava3203 .btn {
 background-color:rgba(102,103,171,.8)
}
#body2021glavamat .course-preview {
 background-color:rgba(255,193,7,.2)
}
#body2021glavarus .course-preview, #body2021glavay10 .course-preview, #body2021glavay20 .course-preview {
 background-color:rgba(77,208,225,.2)
}
#body2021glavamir .course-preview {
 background-color:rgba(76,175,80,.2)
}
#body2021glavamem .course-preview {
 background-color:rgba(229,57,53,.4)
}
#body2021glava3203 .course-preview {
 background-color:rgba(102,103,171,.8)
}
.box-print {
 background-image:url(/wp-content/themes/wpbdemo/js-test/icon-kids/goprint.webp);
  background-size: 85%;
}
#body2021glavamat .box-print {
  background-color:rgba(255,193,7,1)
}
#body2021glavarus .box-print, #body2021glavay10 .box-print, #body2021glavay20 .box-print {
  background-color:rgba(77,208,225,1)
}
#body2021glavamir .box-print {
  background-color:rgba(76,175,80,1)
}
#body2021glavamem .box-print {
  background-color:rgba(229,57,53,1)
}
#body2021glava3203 .box-print {
 background-image:url(/wp-content/themes/wpbdemo/js-test/icon-kids/print-wil.png)
}
#body2021glava3274 .box-print {
 background-image:url(/wp-content/themes/wpbdemo/js-test/icon-kids/print-letnum.png);
left: 20px;
}
#body2021glava3274 .box-donw.opusnon {
 background-image:url(/wp-content/themes/wpbdemo/js-test/icon-kids/print-letnumdonw-pas.png);
left: 70px;
}
#body2021glava3274 .box-donw.opusok {
 background-image:url(/wp-content/themes/wpbdemo/js-test/icon-kids/print-letnumdonw.png);
left: 70px;
}
#body2021glava3274 .box-donw.opusnon.closevideo, #body2021glava3274 .box-donw.opusok.closevideo {
 background-image:url(/wp-content/themes/wpbdemo/js-test/icon-kids/print-letnumdonw-paspas.png);
left: 70px;
  pointer-events: none;
}
#body2021glava3274 .box-review.reviewok {
 background-image:url(/wp-content/themes/wpbdemo/js-test/icon-kids/review.png);
  left: 120px;
}
#body2021glava3274 .box-review.reviewnon, #body2021glava3274 .box-review.reviewok.closevideo, #body2021glava3274 .box-review.reviewnon.closevideo {
  left: 120px;
  border-radius: 40px;
  background-image:url(/wp-content/themes/wpbdemo/js-test/icon-kids/review-pas.png);
  pointer-events: none;
  /*! opacity: 0; */
}
#body2021glava3274 .box-donw, #body2021glava3274 .box-print, #body2021glava3274 .box-review {
  border: 0;
  border-radius: 0px;
  position: absolute;
  bottom: 15px;
  width: 40px;
  height: 40px;
}
#body2021glava3274 .btn {
  background-color: #91A037;
}

.box4 {
 /*! width:95%; */
  padding: 0 1rem;
 margin:0 auto
}
#body2021glava3274 .course-preview {
 padding: 5px 0px;
 width: 35%;
}
#body2021glava3274 .btn.closevideo {
 background-color: transparent;
  background-image: url(/wp-content/themes/wpbdemo/js-test/icon-kids/gogo-paspas.png);
  box-shadow: 0 .1em 5px rgba(122,122,122,0);
  pointer-events: none;
  
}
#body2021glava3274 .course {
  background-color:rgba(255,255,255,0.9);
}
#body2021glava3274 .course-avatar {
 height:100%;
 margin:0%
}
#body2021glava3274 .box-print:hover::after {
  /*! width:153px; */
  font-size:9.3px;
}
#body2021glava3274 .box4 {
  min-width: 724px;
}
#body2021glava3274 .course-info-box:nth-child(2) {
 height:70px;
 margin:0
}

/*Downloade*/
.boxdown {
  display: block;
  position: fixed;
  top: 0;
  left: -120%;
  width: 100vw;
  height: 100vh;  
  transition: all 0.5s;
  background-color: rgba(255,255,255,0.9);
  z-index: 1001;
}
.boxdown.active {
  left: 0;
}
.close {
  border-radius: 20px;
  position: absolute;
  z-index: 1;
  /*! width: 40px; */
  /*! height: 40px; */
  /*! top: 10px; */
  /*! right: 30px; */
  font-size: 40px;
  color: #ffffff;
  cursor: pointer;
  /*! transform: rotate(45deg); */
  /*! background-color: #91A037; */
  /*! transition: all .3s ease-in-out 0s; */
}
.close:hover {
	/*! transform: scale(1.1); */
}
.tabdown {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  top: 0px;
  width: 100%;
  height: 98vh;
  max-width: 905px;
  padding: 60px 0 0 0;
  box-sizing: border-box;
  margin: 1% auto;
  overflow: auto;
}
.tabblokmydata, .tabblokmydata2 {
	width: 79%;
  min-width: 572px;
  margin: -30px auto 0 auto;
	height: 55px;
	padding: 10px 0;
  background-color: #E2ED9D;
  border-radius: 8px;
  box-shadow: 0 .1em 5px rgba(122,122,122,.5);
}
.tabblokmydata2 {
  background-color: #ffffff;
  height: 70px;
  box-shadow: 0 .1em 5px rgba(122,122,122,0);
}
.tabblokmydata2 span {
  display: inline-block;
  color: var(--ctext);
  font-weight: 500;
  line-height: 42px;
  font-size: 28px;
  width: 60%;
  text-transform: uppercase;  
}
.tabblokmydata .form_file_p {
	position: relative;	
	width: auto;
	height: 55px;
	margin: 10px auto;
}
.tabblokmydata .form_file_p input.form_file {	  
    font-size: 17px;
    color: #555555;
    /*! padding: 4px 0px; */
    text-align: left;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
    width: 250px;
	  margin: 5px 0;
    cursor: pointer;
}
.tabwiev {
  position: absolute;
  top: 100px;
  width: 80%;
  min-width: 572px;
  margin: 0px 10%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
}
.tabwiev .clscls {
  flex-basis: 48%;  
  margin: 0 auto;
  margin: 20px auto 10px auto;
  border: 1px solid #ddd;
  padding: 10px 1%;
  height: auto;
  background-color: #f5f5f5;
  border-radius: 10px;	
  box-shadow: 0 .1em 5px rgba(122,122,122,.3);
  box-sizing: border-box;
}
.tabwiev2 {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: space-between;
  height: 100%;
	/*! margin: 20px auto 10px auto; */
  text-align: center;
}
.tabwiev2:nth-child(2n+1) {
	/*! float: left; */
}
.tabwiev2:nth-child(2n) {
	float: right;
}
.tabwiev2 embed {
	width: 100%;
  /*! height: 100%; */
	margin: 0px auto 10px auto;
}
.tabwiev.tabwievopus .tabwiev2 embed {
	/*! height: 450px; */
}
.tabwievreview .tabwiev2 embed {
  height: 600px;
}
.mydata-wiev {
  float: right;
  width: 45%;
  margin: 0;
}
.tabwiev3 {
  
}
.boxbut {
    /*! justify-content: center; */
    /*! align-items: center; */
    text-align: center;
    line-height: 42px;
    border-radius: 20px;
    width: 100%;
    /*! height: 58px; */
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--ctext);
    font-weight: bold;
    font-size: 12px;
    margin: 10px 0 0 0;
    bottom: 0;
    box-sizing: border-box;
    cursor: pointer;
    color: #263238;
    font-family: Comfortaa,cursive;
}
.tabwiev2 input.delpdf, .tabblokmydata .gopdf, .boxbut .name-if_a, .name-if_a {
    /*! justify-content: center; */
    /*! align-items: center; */    
    text-align: center;
    width: 45%;
    line-height: 42px;   
    height: 38px;
    border-radius: 20px;    
    outline: 0;
    border: 0;
    bottom: 0;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--ctext);
  font-weight: bold;
  font-size: 12px;  
    box-sizing: border-box;
    background-color: #B9C765;
    box-shadow: .2em .2em 5px rgba(122,122,122,.1);
    transition: all .3s ease-in-out 0s;
    cursor: pointer;
    color: #263238;
    font-family: Comfortaa,cursive;
}
.boxbut .name-if_a {
  float: left;
  font-weight: bold;
}
.boxbut input.delpdf {
  width: 100%;
}
.tabblokmydata .gopdf {
  width: 200px;
  line-height: 40px;   
}
.tabwiev2 .delpdf:hover, .tabblokmydata .gopdf:hover, .tabwiev2 .name-if_a:hover {
	background-color: #91A037;
	color: #fff;
  transform: scale(1.1);
}
#body2021glava3274 .medal-result {
 top:5px;
 right:10px;
 width:60px;
 height:60px;
}
#body2021glava3274 .progress-container {
  top: 30px;
  width: 60%;
}
.tabwiev.tabwievreview {
  width: 80%;
  margin: 0 auto;
  display: inline-block;
  position: absolute;
  margin: 10px 10% 0 10%;
}
.tabwiev.tabwievreview .tabwiev2 .name-if_a {
  margin: 0 auto;
  width: 80%;
}

.closeclose {
  border-radius: 20px;
  position: absolute;
  z-index: 1;
  width: 40px;
  height: 40px;
  top: 10px;
  right: 30px;
  font-size: 40px;
  color: #ffffff;
  cursor: pointer;
  transform: rotate(45deg);
  background-color: #91A037;
  transition: all .3s ease-in-out 0s;
}
.closeclose:hover {
	transform: scale(1.1);
}

/*Summer-school*/
.boxg-kids30 {
  width:100%;
 text-align: center;
 max-width:905px;
 margin: -100px auto 40px auto;
} 
#body2021glava3274 .boxg-kids30 .box4 {
  display: inline-block;
}
.boxg-kids30 .butbut {
  position: relative;
  width: 90px;
  float: right;
  line-height: 16px;
  border-radius: 6px;
  background-color: transparent;
  color: var(--ctext);
  padding: 10px 0;
  border: 1px solid #91A037;  
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  opacity: 0.8;
  margin: 0;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--ctext);
  cursor: pointer; 
}
.boxg-kids30 .butbut:hover {
  opacity: 1;
  background-color: #91A037;
  color: #ffffff;
  border: 1px solid transparent;
}
#body2021glava3274 .titul-kids3 .titulkids1 {
  width: 80%;
}
.box4 .boxsert {  
  display: flex;
  flex-direction: row;
  justify-content: space-between; 
  align-items: flex-end;
  width: 100%;
  height: 250px;
  overflow: hidden;
  text-align: left;  
  box-sizing: border-box;
  color: #ffffff;  
  margin: 0 0 20px 0;
}
.box4 .boxsert .boxsert1 {
  position: relative;
  width: 30%;
  height: 250px;
  display: flex;
  align-items: center;
  flex-direction: column;
  
}
.box4 .boxsert .boxsert2 {
  color: #fff;
  padding: 15px;
  border-radius: 0px 10px 10px 0;  
  box-sizing: border-box;
  width: 70%;
  height: 120px;
  display: flex;
  align-items: start;
  flex-direction: column;
  background-color: #e4ab00;
}
.boxsertbag {
  position: absolute;
  background-color: #e4ab00;
  bottom: 0;
  width: 100%;
  border-radius: 10px 0px 0px 10px;  
  height: 120px;
}
.box4 .boxsert .boxsertimg {
  width: 100%;
  height: 100%;
  z-index: 100;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  background-image: url(/wp-content/themes/wpbdemo/images/kront-final.png);
}
.boxsert a {
  position: relative;
  line-height: 30px;
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
}
.boxsert a span {
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 50px;
  position: absolute;
  bottom: 22px;
  right: -80px;
  width: 40px;
  height: 40px;
  background-color: #e4ab00;
  border: 2px solid #ffffff;
  box-sizing: border-box;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  background-image: url(/wp-content/themes/wpbdemo/js-test/icon-kids/gogo.png);
  cursor: pointer;
  box-shadow: 0 .1em 5px rgba(122,122,122,.3);
  transition: all .3s ease-in-out 0s;
}
.boxsert a:hover span {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.boxg-kids-mes {
  position: relative;
  padding: 1rem 1rem;
  margin: -20px auto 10px auto;
  font-family: Geologica,serif;
}
.boxg-kids-mes .box4 {
  display: block;
  text-align: center;
  width: 100%;
  max-width: 680px;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 1px 1px 2px 2px rgba(0,0,0,.07);
  padding: 1rem 2rem;
  cursor: pointer;
}
.boxg-kids-mes .box4 .buttext {
  margin-top: 0.5rem;
  color: var(--cblue);
  padding: 5px 0;
}
.boxg-kids-mes .box4 .buttext.butarrow::after {
  content: url("data:image/svg+xml,%3Csvg aria-hidden='true' width='12' height='12' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgb(36,112,168)' d='M12.175 9H1C0.716667 9 0.479167 8.90417 0.2875 8.7125C0.0958333 8.52083 0 8.28333 0 8C0 7.71667 0.0958333 7.47917 0.2875 7.2875C0.479167 7.09583 0.716667 7 1 7H12.175L7.275 2.1C7.075 1.9 6.97917 1.66667 6.9875 1.4C6.99583 1.13333 7.1 0.899999 7.3 0.699999C7.5 0.516666 7.73333 0.420833 8 0.412499C8.26667 0.404166 8.5 0.499999 8.7 0.699999L15.3 7.3C15.4 7.4 15.4708 7.50833 15.5125 7.625C15.5542 7.74167 15.575 7.86667 15.575 8C15.575 8.13333 15.5542 8.25833 15.5125 8.375C15.4708 8.49167 15.4 8.6 15.3 8.7L8.7 15.3C8.51667 15.4833 8.2875 15.575 8.0125 15.575C7.7375 15.575 7.5 15.4833 7.3 15.3C7.1 15.1 7 14.8625 7 14.5875C7 14.3125 7.1 14.075 7.3 13.875L12.175 9Z' %3E%3C/path%3E%3C/svg%3E");
}
.boxg-kids-mes .box4:hover .buttext.butarrow::after {
  padding-left: 15px;
  transition: padding 0.15s linear;
}
#butreg {
  width: 100%;
  max-width: 250px;
  margin: 1rem auto;
  color: #ffffff;
}
#butreg:hover {
  box-shadow: 1px 1px 2px 2px rgba(0,0,0,.07);
  color: var(--cblue);
}
#biblioverkids {
  display: inline-block;
}
#biblioverkids label {
  display: inline-block;
  text-align: left;
  width: 100%;
  padding: 0 0 0 18px;
  max-width: 460px;
}
#biblioverkids input {
  width: 100%;
  max-width: 450px;
  margin: 0.5rem 0;
}
.spansmolcolor {
  font-weight: 800;
  color: var(--cblue);
}
#loginformsub label {
  display: inline-block;
  text-align: left;
  width: 100%;
  padding: 0 0 0 18px;
  max-width: 320px;
}
#loginformsub input {
  width: 100%;
  max-width: 300px;
  margin: 0.5rem 0;
}
#loginformsub input {
  width: 100%;
  max-width: 300px;
  margin: 0.5rem 0;
}
#sub2 {
  border: 0;
  width: 100%;
  color: #ffffff;
  margin: 1rem 0 0.5rem 0 !important;
  max-width: 300px;
}
#sub2:hover {
  color: var(--cblue);
  box-shadow: 1px 1px 2px 2px rgba(0,0,0,.07);
}
#open-box-reg2 {
  margin: 0 auto 2rem auto
}
@media only screen and (max-width: 767px) {
  .course h3 span {
   letter-spacing:0px;
  }  
}
@media only screen and (max-width:640px) { 
  .courses-container, .portfel {
    flex-basis: 100%;
    margin-bottom: 1rem;
  }
  .course h3 {
    font-size: 1rem;
  }
  .courses-container.close::after {
    width: 60px;
  }
  #open-box-reg2 {
    max-width: calc(100% - 2rem);
  }
}