.kontainer #main {-webkit-box-shadow: none;  box-shadow: none;}
.landcontainer {display: flex; flex-wrap: wrap; justify-content: space-between; width:96%; max-width:1000px; margin:0px auto; padding:20px 0;}


/*Левое меню*/
#left {text-align:center; padding:8px 20px !important; overflow:auto; width: 300px;}
#leftfilter {position: sticky; top: 0px; overflow:auto; padding: 20px 0 20px 8px;}
@media screen and (max-width: 1250px) {
#leftfilter {position: relative; height:auto; top:0;}
}

#left h1 {padding:10px 20px; margin:0; font-size:24px; text-align: left;}
#filtersearch, #filtersearch:hover, #filtersearch:focus {box-shadow:none !important; border:none !important; border-radius:10px; outline:none !important; background:#f8f8f8 url('/images/icons/svg/search.svg') no-repeat 22px center !important; margin:25px 0 15px; padding:10px 53px !important; border: 1px solid #dadada !important;}
#filtersearch:focus {background: #ffffff url('/images/icons/svg/search.svg') no-repeat 22px center !important; border: 1px solid #9c9c9c !important; }
#filtersearch::placeholder {color:#b0b0b0;}

#left [type="checkbox"].filled-in:not(:checked)+label:after {border: 1px solid #3d5afeb8; border-radius: 5px;}
#left [type="checkbox"].filled-in:checked+label:after {border: 1px solid #3D5AFE !important; background-color: #3D5AFE !important; border-radius: 5px !important;}

#left .filterwrapper {padding:9px 0 9px 20px; text-align:left;}
#left h2 {border:none; font-size:16px; margin:5px 0 15px; padding:0; font-weight: 400;}
#left p {padding:0; margin: 4px 0;}
#left .bbtn {font-size:14px !important; margin-top: 5px; background: rgb(255 255 255); color: #3D5AFE !important; border: 1px solid #3D5AFE;}
#left .closeleftbtn {display: none;}

@media screen and (max-width: 800px) {
    #left h1 {display: none;}
    #filtersearch, #filtersearch:hover, #filtersearch:focus {margin: 60px 0 15px;}
    #leftfilter {padding: 20px 0;}
    #left .closeleftbtn {background: #3D5AFE; color: white !important;}
 }

/*Словарь*/
#leftfilter h1 a {color:black; text-decoration:none;}
.letterstring {font-size:0; text-align:left;}
.letterstring a {display:inline-block; width:12.5%; padding:5px 0; text-decoration:none; font-size:14px; text-align:center; cursor:pointer; cursor: pointer;}
#filtersearch.errorword {background: rgba(232, 109, 109, 0.335) !important;}

.wordsgroup { text-align:left;}
.wordsgroup a {display:block; padding:5px 10px 5px 0; text-decoration:none; cursor: pointer;}

#words {margin:auto; max-width:800px;}
#words .forexample {padding:40px; background: url(https://4brain.ru/images/icons/example.svg) no-repeat, linear-gradient(to top,#e0f1ffa6 0,#defcff 100%); background-size: 70px;background-position: 98% 2%;border-radius: 20px; margin:40px 0 0;}
#words .forexample h2 {padding-top:0; margin-top:0; border:none;}

#wordcontainer h1 {text-align:left;}
#wordcontainer .description {font-size:130%;}
#wordcontainer .undertitleletter {color:gray; text-decoration: none;  font-size:50%; display:block;}

/*Блоки*/
.programblock, .programblock:hover {display:block; width: calc(50% - 16px); text-decoration:none; color:black;  box-shadow: 0 10px 32px -4px rgba(24,39,75,.1), 0 6px 14px -6px rgba(24,39,75,.12); min-height: auto; border-radius:16px; position:relative; overflow:hidden; margin:0 0 32px; background:white; }
/* .programblock:hover { -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease;} */
.programblock::before {content:""; position: absolute; display: block; top: 0; bottom: 0; right: -100px; background-color: #f1f1f1; transition: All 0.5s ease-out; border-bottom-left-radius: 50%; border-top-left-radius: 50%; width: 200px;}

.programblock.metha1::before {background-color: #ddf5ff;}
.programblock.metha2::before {background-color: #FFFDE9;}
.programblock.metha3::before {background-color: #F7F0FF;}
.programblock.metha4::before {background-color: #DDFFF9;}

.programblock:hover:before {transition: All 0.5s ease; width: calc(100% + 75px); background-color: #f1f1f112; border-bottom-left-radius: 0; border-top-left-radius: 0;}
.programblock.metha1:hover:before {transition: All 0.5s ease; width: calc(100% + 75px); background-color: #e1f6ff17; border-bottom-left-radius: 0; border-top-left-radius: 0;}
.programblock.metha2:hover:before {transition: All 0.5s ease; width: calc(100% + 75px); background-color: #fffde918; border-bottom-left-radius: 0; border-top-left-radius: 0;}
.programblock.metha3:hover:before {transition: All 0.5s ease; width: calc(100% + 75px); background-color: #f7f0ff15; border-bottom-left-radius: 0; border-top-left-radius: 0;}
.programblock.metha4:hover:before {transition: All 0.5s ease; width: calc(100% + 75px); background-color: #ddfff915; border-bottom-left-radius: 0; border-top-left-radius: 0;}

.card-box__filter-data {display:none;}

.programimg {position:absolute; right:0; top:0; bottom:0; width:38%; background-repeat:no-repeat; background-size: 80%; background-position: center center; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; -ms-transition: All 0.2s ease; transition: All 0.2s ease;}

.programdesc {margin-right:38%; text-align:left; padding:55px 20px 105px; font-size:17px;}
#main .programdesc h2, .programdesc h2 {font-size:20px; font-weight:500; padding:10px 0; margin:0; border:none; color:black;}
#main .programdesc p, .programdesc p {display: none;}


.programdesc:after {content: "Подробнее"; padding:0px 20px; border-radius:30px; margin:30px 0 12px; position: absolute; bottom: 10px; left: 20px; display:inline-block; text-align:center; font-weight:500; color: black; font-size: 12px; background-color: white; border: 1px solid transparent; background-image: linear-gradient(white, white), linear-gradient(90deg, #3B82F6, #3D5AFE); background-origin: border-box;
background-clip: padding-box, border-box;}
.programblock:hover .programdesc:after {color: white; background-image:  linear-gradient(90deg, #3D5AFE, #3B82F6); background-image: linear-gradient(90deg, #3D5AFE, #3B82F6), linear-gradient(270deg, #3B82F6, #3D5AFE); }
/* .programblock:hover .programdesc:after {color: white; background-image:  linear-gradient(90deg, #b46bfa, #f06359); background-image: linear-gradient(90deg, #b46bfa, #f06359), linear-gradient(270deg, #f06359, #b46bfa); } */

.bannerdopinfo {position: absolute; top: 5px; left: 20px; margin:12px 0 12px; }
.bannerdopinfoone {display:inline-block; border: 1px solid #e7e6eb; border-radius: 6px; font-size:12px; padding: 4px 8px; line-height: 100%; margin:7px 24px 7px 0;  color:#838285; font-weight:300;}
.bannerdopinfoone i {display:none; vertical-align: middle; color:rgba(44, 132, 206, 0.24);font-size:24px; margin:-2px 7px 0 0;}

.bannerdopinfoone.startdate.soondate {color:white; font-weight:600; font-size:18px; background: rgb(140, 10, 170); padding:15px; position:absolute; top:-7px; right:0; border-bottom-left-radius:7px;}
.bannerdopinfoone.startdate.soondate i {color:rgba(230,0,0,0.25);  display:none;}
.bannerdopinfoone:last-child {margin-right:0;}

.bannerdopinfoone:nth-child(1) {display: none;}
.bannerdopinfoone:nth-child(3) {display: none;}

.moremain {background:rgba(0,0,0,0.08); color:rgba(0,0,0,0.9); box-shadow:0 1px 1px rgba(0,0,0,0.2);}
.moremain:hover {background:rgba(0,0,0,0.12); color:rgba(0,0,0,0.9);}

@media screen and (max-width: 800px) {
    #left .closeleftbtn {display: inline-block;}
}

@media screen and (max-width: 1100px) {
.landcontainer {padding:0; margin-bottom: 40px;}
.programblock, .programblock:hover {min-height:auto; width: 100%; margin:10px 0 20px;}
.programimg { left:0; top:45px; bottom:auto; width:auto; right:0; height:110px; background-position: 96% top; background-size: contain;}
.programdesc {position:static; margin:0; bottom:0; margin:0; font-size:16px;}
#main .programdesc h2 {font-size:24px; margin:10px 110px 10px 0;}
.bannerdopinfoone.startdate.soondate {top:-7px; left:0; right:0; padding:4px 3%; text-alight:center; border-radius:0; font-size:15px; }
}