@charset "utf-8";
/*for lessons*/
.lesson p {
   font-size: 20px;
}
.lesson p.tip {
   font-size: 18px;
}
.lesson .gramm-example, .lesson .gramm-example-80 {
    border: #BBDEFB 2px solid;
    border-radius: 15px;line-height: 2;
    margin: 30px auto;
    text-indent: 0;
    padding: 10px;
}
.lesson h4{
	margin-bottom: 15px;
	margin-top: 30px;
	margin-left: 30px;
	font-size: 22px;
	color: #029720;
	text-align: left;
}
.lesson h4:before, .lamp:before{
	content: url("../image/bulb-h32.acaf12e0b51f.png");
	font-size:20px;
	font-weight: 600;
	padding-right: 5px;
	color: #be0017;
}
ul.list-lamp li:after {
    content: url("../image/bulb-h20.5736df44283b.png");
    font-size: 12px;
}
.lesson h3.text-title:before{
	content: url("../image/fitness-category/text-for-beginners-2.d9a7850f1d73.png");
    padding-right: 10px;
}
.lesson h3.gramm-title:before{
	content: url("../image/fitness-category/gramm-rule.84ff8477d177.png");
    padding-right: 10px;
}	
.lesson h3.lex-title:before{
	content: url("../image/fitness-category/fitness-category2.119f711c915b.png");
    padding-right: 10px;	
}
.lesson h3.ex-title:before{
	content: url("../image/fitness-category/schreiben.a4b91a4a18ba.png");
    padding-right: 10px;
}
.lesson h5, .intro-les h5{
	font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
}
.lesson h5{
	margin-left: 30px;
}
.intro-les h5{
	margin-left: 0;
}	
.de-flag{
	white-space: nowrap;
}
.lesson h3{
	margin-bottom: 30px;
	margin-top: 30px;
	font-size: 26px;
}
.lesson .accordion{
	margin-left: 30px;
	margin-bottom: 20px;
}
.lesson .accordion .card-body{
	width: 80%;
}
.lesson .accordion p {
   font-size: 16px;
}
.lesson .accordion button:before {
   content: url("../image/check-blue-bord2.b3f49965b51f.png");
   padding-right: 10px;
}
.lesson .accordion button {
    border: none;
    background: #f7f2f2;
    border-radius: 5px;
    padding: 5px 5px 8px;
} 
.lesson .accordion .task h5{
	font-size: 18px;
}
/*.lesson .accordion button {
    border: 1px grey solid;
    border-radius: 38px 10px;
    background: #f7f2f2;
    padding: 5px 15px;
} */ 
.lesson li a {
    font-size: 16px;
    font-weight: 600;
    background-color: #f7f2f2;
    padding: 4px 8px;
    border-radius: 5px;
}
.lesson .task .task-acc-answer {
	margin-left: 15px;
    font-size: 20px;
    font-weight: 600;
    padding: 0 8px;
	color: #029720;
}
h5.task {
    font-size: 18px;
    font-weight: 600;
    margin: 20px 30px;
    color: #029720;
    text-align: left;
    line-height: 24px;
}
h5.task:before{
	content: url("../image/target-h28.574a62821ccd.png");
	margin-right: 10px;
}
.task .answer-down:after{
	content: "￬️";
	padding-left: 5px;
}
.task .answer-up:after{
	content: "￪️";
	padding-left: 5px;
}
/*озвучка ячеек*/
/*.vc-lesson:before{
	content: url("../image/de-flag3.1d8cceb47b3a.png");
	padding-right: 10px;
	cursor: pointer;
}*/
.vc-lesson{
	color: #be0017;
	/*cursor: pointer;*/
} 
.ul-list-red, .ul-list-dark-blue {
	line-height: 35px;
    font-weight: 600;
	font-size: 18px;
}
.ul-list-dark-blue{
	color: #4e657c;
}
.ul-list-red{
	color: #be0017;
}
.last-element-black li:nth-last-child(1){
	color: #4e657c;
}



@media (min-width: 1220px){

}
@media (max-width: 1199.98px) {

}

@media screen and (min-width: 992px){

}

@media (max-width: 991.98px){

}

@media(max-width:767.98px) {
.de-flag, .ru-flag{
	white-space: normal;
}
.lesson .accordion .card-body{
	width: 100%;
}
.lesson h4 {
    margin-bottom: 10px;
    margin-top: 15px;
    margin-left: 15px;
    font-size: 22px;
   
}
}

@media(max-width:575.98px) {	
.lesson p {
    font-size: 18px;
}
.lesson h4 {
    font-size: 20px;
	margin-top: 10px;
}
.lesson h3 {
    margin-bottom: 10px;
    font-size: 22px;
}
.lesson h5 {
	font-size: 18px;
    line-height: 20px;
}
.lesson .acd-heading h5 {
    margin-left: 5px;
}

}
@media(max-width:435px) {

}

@media(max-width:376px) {
	
.lesson .accordion{
	margin-left: 0;
	margin-bottom: 10px;
}
.lesson h3 {
	margin-left: 15px;
    font-size: 20px;
}
.lesson h4 {
	margin-left: 15px;
    font-size: 18px;
	margin-top: 10px;
}
.lesson h3 img{
	margin-bottom: 10px;
}
}