body{

	font-size: 16px;
}
h1, h2, h3, h4, h5, h6 { font-family: Arial,Verdana,sans-serif; color: #4e657c;}

h1 { font-size: 30px; font-style: normal; font-weight: 700; line-height: 34px; }
h2 { font-size: 26px; font-style: normal; font-weight: 600; line-height: 32px; }
h3 { font-size: 24px; font-style: normal; font-weight: 600; line-height: 30px; }
h4 { font-size: 20px; font-style: normal; font-weight: 600; line-height: 24px; }
h5 { font-size: 18px; font-style: normal; font-weight: 600; line-height: 18px; }
h6 { font-size: 16px; font-style: normal; font-weight: 600; line-height: 18px; }

/*.row {
    margin-right: -10px;
    margin-left: -10px;
}*/
/* header  small*/


.header.dark{
	background-image:url("../image/for-index/wave.c0a49ad633e9.png");
	}
.header.dark {  background: #d7e4f5; }
.bg-light {
    background-color: #e8e8e8!important;

}
.bg-black {
    background-color: #000!important;

}
.bg-light-blue {
    background-color: #d7e4f5;
}
.bg-superlight-blue {
    background-color: #e1edfd73;
}
.mega-menu .menu-mobile-collapse-trigger:before, .mega-menu .menu-mobile-collapse-trigger:after, .mega-menu .menu-mobile-collapse-trigger span {
    background: #c1272d;

}
.mega-menu .menu-mobile-collapse-trigger.active:before {
    -webkit-transform: rotate(33deg);
    -ms-transform: rotate(33deg);
    transform: rotate(33deg);
}

/*.mega-menu .menu-links > li.active a {
    background-color: transparent;
	border-bottom: #C03 1px solid;
}*/
/* header  index*/
/* mega-menu  alfa*/
.alfa .mega-menu .menu-links {
    margin-right: 20px;
    padding: 0;
    display: block;
}
.mega-menu .menu-links > li > a {
    color: #313131;
	font-size:16px;
}
.mega-menu .menu-logo img {
    height: 40px;
}
.landing .slider-content-middle .container {
	max-width: 1220px;
}
.page-title.small {
    padding-top: 12px;
    padding-bottom: 12px;
}
.page-title.small h1 {
    text-align: left;
}
.page-title.linguo-title h1 {
    text-align: center;
	font-size: 26px;
	color: #626262;
}
.page-title.linguo-title{
    padding-top: 6px;
    padding-bottom: 6px;
}
/*lesson grammatic*/

.page-section-blog-linguo{
	padding: 10px 0;

	background-color: #ffffff;
}
.page-title h1 {
    text-transform: none;
}
/*.page-section-blog-linguo .tab{
	margin-top: -20px;
}*/

ul.page-breadcrumb li a {
    text-transform: none;
}
ul.page-breadcrumb  i {
    padding: 0 7px;
}
ul.page-breadcrumb  a {
	font-size:14px;
}
ul.page-breadcrumb h1 {
	font-size:20px;
	display: inline;
}
.pl-1 {
	padding-left: 1px;
}
.pl-2 {
	padding-left: 2px;
}
.pr-1 {
	padding-right: 1px;
}
.pr-2 {
	padding-right: 2px;
}
.paper {
	background-image:url("../image/dot.0816a11c267b.png");
	padding: 20px;
	/*min-height: 50vh;*/
	 margin-bottom: 20px;
}
					/*..padding {
						padding: 20px;
					}
					greenBord {
						height: 150px;
						border-radius: 5px;
						background-size: cover;
					}
					.greenBord {
						border: 1px solid #6dbd63;
						box-shadow: 0 0 10px #6dbd63;
					}*/
.exercise-content p {
    line-height: 2;
}
.exercise-content{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    padding: 20px;
	background: #fff;
	min-height: 60vh;
	/*min-height: 340px;
	margin: 20px 2px;*/
}
.ex-narrow{
   	margin: auto;
    max-width: 70%;;
}
/*новые стили для таблицы*/
.les-table .redBrd,
.les-table .greenBrd,
.les-table .blueBrd,
.les-table .violetBrd,
.les-table .orangeBrd,
.redBrd,
.greenBrd,
.blueBrd,
.violetBrd,
.orangeBrd,
.redBrd-span,
.greenBrd-span,
.blueBrd-span,
.violetBrd-span,
.orangeBrd-span
{
    border: 1px solid transparent;
    transition: all 0.5s ease-out 0s;
    cursor: pointer;
}
.les-table .redBrd, .redBrd,
.redBrd-span{
    box-shadow: 0 0 8px 1px rgba(188, 40, 40, 0.7);
}
.les-table .greenBrd, .greenBrd,
.greenBrd-span{
    box-shadow: 0 0 8px 1px rgba(3, 153, 15, 0.7);
}
.les-table .blueBrd, .blueBrd,
.blueBrd-span{
    box-shadow: 0 0 8px 1px rgba(41, 128, 185, 0.7);
}
/*.redBrd,
.greenBrd,
.blueBrd,
.violetBrd,
.orangeBrd,
.les-table .redBrd,
.les-table .greenBrd,
.les-table .blueBrd,
.les-table .violetBrd,
.les-table .orangeBrd{
    padding: 10px 20px;
}*/
.redBrd-span,
.greenBrd-span,
.blueBrd-span,
.violetBrd-span,
.orangeBrd-span{
	padding: 0 8px;
	margin:5px;
}

.redBrd-span{
    box-shadow: 0 0 8px 1px rgba(188, 40, 40, 0.7);
}
.greenBrd-span{
    box-shadow: 0 0 8px 1px rgba(3, 153, 15, 0.7);
}

/*новые стили для таблицы*/
.text-de {
    color: #565656;
    padding: 6px 0;
}
figcaption, figure {
    display: block;
}
figcaption {
    padding: 10px;
	margin: 0 auto;
}
/*figure.figure-img-small figcaption{
    width: 130px;
}
*/
figure.chest figcaption{
    min-height: 50px;
	font-size: 18px;
	font-weight: 600;
	color: #999;
}
/*************************
   slogan
*************************/
.text-dark-red {
    color: #be0017;
	font-weight: 600;
}
.text-bold-green {
    color: #029720;
	font-weight: 600;
}
.text-bold-orange {
    color: #ec9124;
	font-weight: 600;
}
.text-bold-black {
    color: #000;
	font-weight: 600;
}
.text-bold-blue {
    color: #36acff;
	font-weight: 600;
}
.text-femin {
    color: #ff4e1f;
	font-weight: 600;
}
.text-maskul {
    color: #0092f9;
	font-weight: 600;
}
.text-neutrum {
    color: #ad7753;
	font-weight: 700;
}
.text-dark-gray {
    color: #4e657c;
	font-weight: 600;
}
.text-dark-blue {
    color: #014194;
}
.text-light-blue {
    color: #999999;
}
.text-blue {
    color: #004cff;
}
/*************************
    grammatic
*************************/

/*.right-gramm-block p {
    font-family: "Times New Roman", Times, serif;
	font-size: 18px;
    margin-bottom: 20px;
}*/

.text-red2 {
    color: #C00;
}
.w-text-red2 {
    color: #C00;
}

/*************************
  
*************************/
/*************************************
          general breadcrumbs
**************************************/
.landing .section-title {
    margin-bottom: 40px;
    position: relative;
    line-height: 100px;
}

/*************************************
           breadcrumbs
**************************************/
ul {
    list-style: none;
    margin: 0;
    padding: 0;
	cursor: pointer;
}

/*************************************
           breadcrumbs - new
**************************************/

/*.dropcap-violet, .dropcap-pink, .dropcap-dark-violet {
    width: 22px;
    height: 22px;
    line-height: 20px;
    float: left;
    border-radius: 50%;
    font-size: 10px;
    text-align: center;
    color: #fff;
}*/
.tab .nav.nav-tabs li a {
    padding: 4px 7px;
    min-width: 59px;
    text-align: center;
	border-radius: 6px;
}
/*.img-fluid {
   max-width: 70%;
   height: auto;
}*/
.settings-pict .img-fluid {
    max-width: 100%;
    height: auto;
}
.slider-content-middle {
    position: absolute;
    display: inline-block;
    width: 100%;
    top: 74%;
    left: 0;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.slider-content-middle {
    top: 74%;
}
.landing  .slider-content h1{
    text-shadow: 0 2px 4px #ffffff;
	font-size: 28px;
	line-height: 28px;

}
.landing .slider-content h4 {
    text-shadow: 0 2px 4px #ffffff;
    font-size: 20px;
	font-weight: 600;
}
.scroll-down{
    width: 22px;
    height: 34px;
    margin-left: -17px;
    line-height: 15px;
}
.scroll-down i {
    background: #be0017;
}


/*.landing-container{
    display: flex;
	width: 75%;
    height: 95%;
}
.landing-title-name{
	position: relative;
}
.landing-title-name h1{
	position: absolute;
    display: inline-block;
    width: 100%;
    top: 81%;
    left: 0;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
}*/
.landing .img-fluid {
    max-width: 90%;
}
.land-block {
	position: relative;
	height: 80vh;
	padding: 20px;
	margin-bottom: 70px;
}
.landing .img-lng, .landing .img-lng-404 {
   background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -ms-background-size: cover !important;
    position: relative;
    z-index: 0;
    background-origin: initial;
    background-position: center center !important;
    background-repeat: no-repeat;
}
.landing .img-lng {
	height: 86vh;
}
.landing .img-lng-404 {
	height: 100vh;
}
.land-block .row{
    margin: 70px 20px!important;

}
.landing .button{
	 border-color: #8ad5e8;
	 font-size: 18px;

}
.skill {
    margin: 15px 0 22px;
}
.gray-bg {
    background: #d7e4f5;
}
ul.einz li {
    font-size: 22px;
    padding-left: 34px;
}

.comics .img-fluid {
    max-width: 100%;
    height: auto;
}
.m-10{
	margin: 10px;
}
.m-20{
	margin: 20px;
}
.mt-mb-20{
	margin-top: 20px;
	margin-bottom: 20px;
}
.mt-mb-10 {
    margin-top: 10px;    margin-bottom: 10px;
}
.table-responsive{
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.table th, .table td {
    padding: 0.3rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.paper .col-md-auto {
    max-width: 66%;
}
.blog-linguo {
	background: #ffffff;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
	border-top: 0;
	padding: 0;
}
.social ul li {
    display: inline-block;
    padding: 0 6px;
}
.blog-entry .blog-detail{
        padding: 18px 30px;
}
.blog-entry .blog-detail {
    background: #ffffff;
    padding: 30px;
    border-top: 0;
}
.blog-linguo .blog-entry .blog-detail {
    background: #ffffff;
    padding: 0 10px;
    border-top: 0;
}
sub, sup  {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
	padding-left: 6px;
	cursor:pointer;

}
sup {
    right: 3px;
    top: -.5em;
}
.nominativ {
    border-bottom: 3px solid #fff;
    padding: 1px;
    -moz-border-image: url("../image/underline-nominativ.0595ed929800.png") 5 repeat;
    -webkit-border-image: url("../image/underline-nominativ.0595ed929800.png") 5 repeat;
    -o-border-image: url("../image/underline-nominativ.0595ed929800.png") 5 repeat;
    border-image: url("../image/underline-nominativ.0595ed929800.png") 5 repeat;
}

.bg-nominativ{
	background-color: #18bacc;
}
.akkusativ {
    border-bottom: 3px solid #fff;
    padding: 1px;
    -moz-border-image: url("../image/underline-akkusativ.b2800d98ca0c.png") 5 repeat;
    -webkit-border-image: url("../image/underline-akkusativ.b2800d98ca0c.png") 5 repeat;
    -o-border-image: url("../image/underline-akkusativ.b2800d98ca0c.png") 5 repeat;
    border-image: url("../image/underline-akkusativ.b2800d98ca0c.png") 5 repeat;
}

.bg-akkusativ{
	background-color: #2ECC71;
}
.dativ {
    border-bottom: 3px solid #fff;
    padding: 0;
    -moz-border-image: url("../image/underline-dativ.4929d2fe3e9d.png") 5 repeat;
    -webkit-border-image: url("../image/underline-dativ.4929d2fe3e9d.png") 5 repeat;
    -o-border-image: url("../image/underline-dativ.4929d2fe3e9d.png") 5 repeat;
    border-image: url("../image/underline-dativ.4929d2fe3e9d.png") 5 repeat;
}
.color-nominativ{
	color: #18bacc;
	font-weight: 600;
}
.color-akkusativ{
	color: #2ECC71;
	font-weight: 600;
}
.color-dativ{
	color: #9B59B6;
	font-weight: 600;
}
.color-genitiv{
	color: #de9306;
	font-weight: 600;
}
.bg-dativ{
	background-color: #9B59B6;
}
.fitness-listing .badge{
	margin: 2px 5px;
    letter-spacing: 1px;
    font-size: 16px;
	font-weight: 500;
    /*color: #17a2b8;*/
}
.badge {
    line-height: 1.5;
	margin-bottom: 6px;
}
.badge-number-rose span{
    background-color: #ffcbcf96;
    color: #212529;
    display: inline-block;
    font-size: 75%;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
	border: 1px #9b9b9b solid;
    padding: 6px 9px;
}
.badge-dativ {
	background-color: #9B59B6;
	color: #ffffff;
}
.badge-akkusativ {
	background-color: #2ECC71;
	color: #ffffff;
}
.badge-nominativ {
	background-color: #18bacc;
	color: #ffffff;
}
.badge-genitiv {
	background-color: #de9306;
	color: #ffffff;
}
.badge-new {
	background-image: url("../image/badge-new.b85bbc892d06.png");
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	padding: 1px 20px;
	margin: 0 10px;
	background-repeat: no-repeat;
}
.skill-bar{
	    background: #be0017;
}
.genitiv {
    border-bottom: 3px solid #fff;
    padding: 1px;
    -moz-border-image: url("../image/underline-genitiv.c33abea0af97.png") 5 repeat;
    -webkit-border-image: url("../image/underline-genitiv.c33abea0af97.png") 5 repeat;
    -o-border-image: url("../image/underline-genitiv.c33abea0af97.png") 5 repeat;
    border-image: url("../image/underline-genitiv.c33abea0af97.png") 5 repeat;
}
.color-gray{
	color: #999999;
}
.color-dark-blue600{
	color: #4e657c;
	font-weight: 600;
}

.bg-genitiv{
	background-color: #f6a50c;
}
.gray-bg {
    background: #d7e4f5;
}
.badge-1em {
    line-height: 1;
}
.badge-umlaut {
    display: inline-block;
	padding: 8px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}
.text-reb, .text-reb-letter{
    color: #565656;
    font-weight: 600;
    min-height: 18px;
}
.text-reb{
    font-size: 20px;
	letter-spacing: 2px;
}
.text-reb-letter{
    font-size: 34px;
	letter-spacing: 6px;
}
.text-solution-letter {
    color: #50b09b;
    font-weight: 600;
	font-size: 34px;
	letter-spacing: 6px;
}
.text-solution {
    color: #50b09b;
    font-weight: 600;
	font-size: 24px;
	letter-spacing: 2px;
}
.intro-test .text-solution {
	font-size: 20px;
	padding-top: 10px;
}
.parallax.footer-custom{
    background-position: bottom center !important;
}

.form-control {
    font-size: 20px;
}
.blog-linguo-content .img-fluid {
    max-width: 50%;
    height: auto;
}
.cursor-p{
	cursor: pointer;
}
.translate{
	font-size: 16px;
	color:#999;
}

.badge-info-border {
    border: #be0017 2px solid;
}

.key-words .badge-info-border, .aud-player.badge-info-border {
    border: #be0017 1px solid;
	border-radius: 10rem;
}

.aud-block{
	/*text-align:right;*/
	padding-right: 20px;
	padding-bottom: 10px;
}

.exercise-content .text-solution, .exercise-content .text-reb {
    padding: 5px;
	cursor: pointer;
}

.exercise-content .divider, .exercise-content .divider.medium {
    margin: 15px auto;
}

.key-words{
	margin: 10px 0;
}
.key-words span{
	margin: 5px;
	font-size: 14px;
}
.key-words a{
	color: #4e657c;
}

/*.word-rating{
	 margin-top: 44px;
}*/
.comfort h2.title-effect::before{
	background: #1A237E !important;
	opacity: 0.8;
	text-shadow: 0 0 12px black;
}
.comfort h2.title-effect{
	text-shadow: 0 0 12px black;
}
.ex-2 .exercise-content mark, .ex-4 .exercise-content mark, .fitness mark {
    background: #7cd5fd;
    padding: 0 10px;
    cursor: pointer;
}
.ex-2 .exercise-content mark.dark-blue, .ex-4 .exercise-content mark.dark-blue {
    background: #0188c4;
}
.ex-2 .exercise-content mark.red, .ex-4 .exercise-content mark.red {
    background: #F00;
}
.ex-4 .exercise-content div {
    line-height: 2;
}
.ex-5 .row div{
    margin-bottom: 10px;
	font-size: 26px;
	font-weight: 600;
	letter-spacing: 2px;
}

.ja, .nein, .ja-nein-invis {
    content: "";
    display: inline-block;
    font-size: 40px;
    width: 60px;
    height: 60px;
    color: #009900;
    font-weight: 600;
    margin-bottom: 10px;
}
.nein {
    background: url("../image/dislike.e45906c6bbd1.gif") no-repeat;
}
.ja {
    background: url("../image/like.f72ed573fa8f.gif") no-repeat;
}
.ex-3 .exercise-content .text-reb {
    padding: 0 5px;
}
.js-exercise-7-task span {
    padding: 0 0 1px 7px;
    margin: 7px;
    line-height: 42px;
    border: 2px solid #d6d5d5;
    border-radius: 5px;
    border-top: 1px solid #d6d5d5;
    background-color: #f4f1f1;
}

#picture-disc{
	cursor: pointer;
}
#picture-disc.sound{
	background-color: #e4e4e4;
	border: thin solid transparent;
	border-radius: 20px;
}
.opacity-btn {
    opacity: 0.4;
}
.opacity-btn:hover {
    opacity: 1;
}
.opacity-0 {
    opacity: 0;
}
.opacity-50 {
    opacity: .5;
}
.opacity-100 {
    opacity: 100;
}
ul.list li a{
	color: #333333;
}
ul.list li .badge{
	color: #333;	
}
ul.bdg li .badge{
	margin:0 5px;	
}
ul.list-hand li:after {
    content: "\f0a4";
}
ul.list-star li:after {
    content: "\f005";
}
ul.list-dot li:after {
    content: "•";
}
ul.list-section-sign li:before {
    content: "§";
	color:#660066;
	font-size: 18px;
    line-height: 20px;
}
ul.list-section-sign li span {
	padding-right: 10px;
	padding-left: 3px;
	color:#be0017;
}
ul.line-h-18 li {
    margin: 5px 0;
    padding-left: 12px;
    position: relative;
    line-height: 18px;
    border-bottom: #666 solid 1px;
    font-size: 16px;
    font-weight: 600;
	color: #be0303;
}
ul.list-section-sign li span:after {
	content: ".";
}
.font8{
	font-size:8px;
}
.font12{
	font-size:12px;
}
.font14{
	font-size:14px;
}
.font16{
	font-size:16px;
}
.font18{
	font-size:18px;
}
.font20{
	font-size:20px;
}
.font22{
	font-size:22px;
}
.font26{
	font-size:26px;
}
.font28{
	font-size:28px;
}
ul.list-volume-up {
    padding: 0;
    margin: 0;
}
.usefull-link a {
	font-size: 18px;
}
.ex-9 li.btn{
    font-size: 22px;
}
.footer .social ul li a i{
	color: #be0017;
	width: 25px;
	height: 35px;
    line-height: 35px;
}
.badge-dark-red {
    color: #fff;
    background-color: #be0017;
}
.badge-lexika {
    color: #fff;
    background-color: #16A085;
	font-family: "Montserrat-Bold";
}
.badge-kazus {
    color: #fff;
    background-color: #2980B9;
	font-family: "Montserrat-Bold";
}
.badge-genus {
    color: #fff;
    background-color: #E67E22;
	font-family: "Montserrat-Bold";
}
.badge-numer {
    color: #fff;
    background-color: #C0392B;
	font-family: "Montserrat-Bold";
}
.badge-forms {
    color: #fff;
    background-color: #17a2b8;
	font-family: "Montserrat-Bold";
}
.badge-praesens {
    color: #fff;
    background-color: #7F8C8D;
	font-family: "Montserrat-Bold";
}
.tab-pane .badge-info, .tab-pane .badge-dark-red{
    font-size: 16px;
}
.tab .nav.nav-tabs li .second-tab{
    padding: 0 0.6rem;
	cursor: default;
    line-height: 16px;
}
.ex-8 .fa{
	cursor: pointer;
}
.blog-linguo .social.list-style-none {
    margin-bottom: 0;
    margin-top: -60px;
}
.l-height-45 {
    line-height: 45px;
}
.l-height-35 {
    line-height: 35px;
}
.table-stat {
    line-height: 26px;
}
.l-height-22 {
    line-height: 22px;
}

/*custom colors for thems, word-trening*/

/*.btn-theme-accidents{
	background-color: #8ab515;
}
.btn-theme-art{
	background-color: #ea7d13;
}
.btn-theme-cinema{
	background-color: #f3a5a5;
}
.btn-theme-city{
	background-color: #64B5F6;
}
.btn-theme-culture{
	background-color: #8e03ce;
}
.btn-theme-linguistics{
	background-color: #8e03ce;
}
.btn-theme-economy{
	background-color: #80f1c0;
}
.btn-theme-education{
	background-color: #0475a3;
}
.btn-theme-family{
	background-color: #ffc300;
}
.btn-theme-history{
	background-color: #63F;
}
.btn-theme-household{
	background-color: #06b9b9;
}
.btn-theme-lifestyle{
	background-color: #3498DB;
}
.btn-theme-medicine{
	background-color: #8aabff;
}
.btn-theme-nature{
	background-color: #2ECC71;
}
.btn-theme-person{
	background-color: #d55394;
}
.btn-theme-politic{
	background-color: #d002d0;
}
.btn-theme-soul{
	background-color: #366;
}
.btn-theme-science{
	background-color: #24747a;
}
.btn-theme-shopping{
	background-color: #a04950;
}
.btn-theme-sport{
	background-color: #F66;
}
.btn-theme-religion{
    background-color: #cc6666;
}

.btn-theme-time{
	background-color: #39f728;
}
.btn-theme-transport{
	background-color: #ff0000;
}
.btn-theme-home{
	background-color: #ff0000;
}
.btn-theme-food{
    background-color: limegreen;
}
.btn-theme-job{
    background-color: #008dde;
}
.btn-theme-technology{
	background-color: #BDC3C7;
}
.btn-theme-work-rest-time{
	background-color: #ffbf8c;
}
.btn-theme-world{
	background-color: #1313ea;
}*/
/*custom colors from Kate*/
ul.theme-filter.subcat-list li span.badge:hover{
	border: #444444 1px solid;
	font-size: 13px;

}
ul.theme-filter.subcat-list li{
	height: 32px;
	line-height: 32px;


}
.btn-theme-accidents{
background-color: #8ab515;
}
.btn-theme-art{
background-color: #ea7d13;
}
.btn-theme-animal{
background-color: #b7ea2d;
}
.btn-theme-auto{
background-color: #558dc3;
}
.btn-theme-body{
background-color: #fbb817;
}
.btn-theme-cinema{
background-color: #f3a5a5;
}
.btn-theme-calendar{
background-color: #40d8a7;
}
.btn-theme-city{
background-color: #64B5F6;
}
.btn-theme-culture{
background-color: #ce47a1;
}
.btn-theme-cloths{
background-color: #893cce;
}
.btn-theme-linguistics{
background-color: #ce533d;
}
.btn-theme-economy{
background-color: #80f1c0;
}
.btn-theme-education{
background-color: #0475a3;
}
.btn-theme-educat{
background-color: #1ca37e;
}
.btn-theme-emotions{
background-color: #be8db9;
}
.btn-theme-family{
background-color: #ffc300;
}
.btn-theme-food{
background-color: #dba543;
}
.btn-theme-history{
background-color: #63F;
}
.btn-theme-health{
background-color: #2ca33c;
}
.btn-theme-household{
background-color: #06b9b9;
}
.btn-theme-home{
background-color: #d9d90e;
}
.btn-theme-lifestyle{
background-color: #3498DB;
}
.btn-theme-medicine{
background-color: #8aabff;
}
.btn-theme-naturscience{
background-color: #ff942d;
}
.btn-theme-plants{
background-color: #2ebec4;
}
.btn-theme-street{
background-color: #bc84ff;
}
.btn-theme-vacation{
background-color: #ff4363;
}
.btn-theme-weather{
background-color: #d552ff;
}
.btn-theme-material{
background-color: #4680e1;
}
.btn-theme-nature{
background-color: #2ECC71;
}
.btn-theme-person{
background-color: #d55394;
}
.btn-theme-politic{
background-color: #d002d0;
}
.btn-theme-soul{
background-color: #366;
}
.btn-theme-science{
background-color: #24747a;
}
.btn-theme-shopping{
background-color: #a04950;
}
.btn-theme-sport{
background-color: #F66;
}
.btn-theme-religion{
background-color: #cc6666;
}

.btn-theme-time{
background-color: #39f728;
}
.btn-theme-transport{
background-color: #ff0000;
}
.btn-theme-home{
background-color: #ff0000;
}
.btn-theme-food{
background-color: limegreen;
}

.btn-theme-job{
background-color: #008dde;
}

.btn-theme-technology{
background-color: #BDC3C7;
}
.btn-theme-work-rest-time{
background-color: #ffbf8c;
}
.btn-theme-world{
background-color: #1313ea;
}

/*custom colors for gend*/
.fa-font-1-5{
     font-size: 1.5em;
}
.fa-font-2{
     font-size: 2em;
}
.fa-font-1-2{
     font-size: 1.2em;}
.fa-font-3{
     font-size: 3em;
}
.tab-pane .badge-pill{
    margin-left: 56%;
}
.tab-pane .badge-pill.badge-info{
    margin-left: 1%;
}
.dialogs .badge-pill {
    margin-left: 56%;
}
.dialogs .badge-info {
    font-size: 16px;
	 margin-bottom: 24px;
}
/*.word-window .entry-meta .fa,
.word-window-modal .entry-meta{
    color: #be0017;
}
*/
ul.page-breadcrumb {
    padding: 0 0 16px 0;
	max-width: 80%;
}
ul.page-breadcrumb li a{
	  color: #626262;
}
a.tip {
    color: #616161;
    font-size: 14px;
}
a.tip:hover {
    cursor: pointer;
    position: relative;
}
.page-breadcrumb a{
	margin-right: 3px;
}
.tab .nav.nav-tabs li a {
    color: #be0017;
	}
.chest-and-garbage{
	width: 50%;
    margin: 25px auto 0;
}
.three-button-word-tren{
	margin-top: -15px;
}
.blog-linguo .page-breadcrumb a{
    color: #626262;
}
.blog-linguo .page-breadcrumb  i{
    color: #be0017;
}
ul.page-breadcrumb li a{
    color: #626262;
}
.page-breadcrumb  i{
    color: #be0017;
}
.grammatic ul.list li {
	 padding-left: 20px;
	 line-height: 20px;
	  color: #353535;
}
.grammatic ul.grammatic-blog-right-bar li {
	 padding-left: 0;
	 line-height: 20px;
	  color: #353535;
}

.grammatic .acd-group .list a {
    color: #353535;
}
.grammatic .acd-group .list a.select{
    font-style: italic;
    color: #2779ea;
}
/*=====  custom pagination ======*/
/*===== end of custom pagination ======*/
.exercise-content .btn  {
    padding: .05rem .3rem;
    margin: 10px;
	font-size: 20px;
	border: 2px solid #e0e0e0;
}
.border-bottom-bold {
	border-bottom: 3px solid #999;
}
.border-bottom-2px-dark {
    border-bottom: 2px solid #333;
}
.min-h-10{
	min-height: 10px;
}
.min-h-50{
	min-height: 50px;
}
.min-h-60{
   min-height: 60px;
}
.min-h-70{
	min-height: 70px;
}
.emoji{
	cursor: pointer;
}
.emoji-28{
	font-size: 28px;
}
.ex-11 .emoji{
	margin-left: 8px;
    margin-right: 8px;

}
.ex-11 .exercise-content .btn{
	font-weight: 600;
	font-size: 24px;
	margin: 6px;

}

/*=====  custom pagination ======*/
/*===== end of custom pagination ======*/

/*.ex-9 .exercise-content, .ex-10 .exercise-content{
    margin: 6px 2px;
}*/
.shuffle-filters button, .shuffle-filters a.button {
    margin: 4px;
    cursor: pointer;
    padding: 6px 25px;
    font-size: 15px;
    border-radius: 3px;
    background: transparent;
    color: #363636;
    font-weight: 500;
    border: 1px solid #ccc;
    text-transform: capitalize;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.shuffle-filters a.button,
.shuffle-filters a.button:hover,
.shuffle-filters button:hover {
    background: #be0017;
    color: #fff;
}/*
.active1, active2, active3{
    background: #be0017;
    color: #fff;
}*/
.shuffle-filters {
    display: table;
    margin: 0;
    text-align: left;
}
ul.subcat-list{
	/*margin: 0 0 0 4px;*/
	 list-style: none;
  /*height: 300px;*/
  display: flex;
  flex-direction: column;
  flex-wrap: wrap
}
ul.level-list{
	/*margin: 0 0 0 4px;*/
	 list-style: none;
  /*height: 300px;*/
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
ul.subcat-list li, ul.level-list li{
  page-break-inside: avoid;
  break-inside: avoid;
  padding: 0 8px;
}
.masonry-item.chosed-info{
 	margin-top: 10px;
}
.chosed-level img {
    margin-bottom: 9px;
    margin-left: 5px;
}
.masonry-item h5 {
	color: #626262;
}
.portfolio-item a {
	color: #626262;
}
.portfolio-item .portfolio-overlay {
    bottom: -100px;
}
.portfolio-item-like{
    font-size: 14px;
}
.portfolio-item-like i{
	padding-left: 10px;
}
.portfolio-item-like i span{
	padding-left: 5px;
}
.masonry .masonry-item .portfolio-item-like img{
	width:14px;
	height: 14px;
	vertical-align: unset;
}

.card-body {
    padding: 8px 15px 5px;
}
.badge-main-category{
    padding: 6px 12px;
	font-size: 18px;
	margin-bottom: 6px;
}
.masonry-page .masonry.columns-4 .masonry-item {
    width: 25%;
    padding: 15px;
}
 .masonry-item-text{
    margin: 5px;
    padding: 10px;
    font-size: 16px;
    font-weight: 600;
	color:#626262;
    border: 1px solid #dee2e6;
    border-radius: 5px;
}
 .masonry-item-text.line{
    padding: 4px;
	margin-bottom: -8px;
}
.bg-light-orange{
    background-color: #ffe8ab96;
	color: #212529;
}
.bg-light-blue{
    background-color: #cdf2ff96;
	color: #212529;
}
.bg-light-red{
    background-color: #ffcbcf96;
	color: #212529;
}
.bg-light-green{
    background-color: #e0fee7;
	color: #212529;
}
.bg-light-yellow{
    background-color: #fdf9a5cf;
	color: #212529;
}
.bg-light-lila{
    background-color: #f5cdff96;
	color: #212529;
}
.bg-light-aquamarin{
    background-color: #a5f5fdcf;
	color: #212529;
}
.bg-light-darkViol{
    background-color: #dbdeffcf;
	color: #212529;
}
.bg-light-grey{
    background-color: #e9e9e9;
}
.bg-light-light-grey{
    background-color: #f6f9fc;
}

.gram-table, .custom-table, .vert-border-table{
    font-size: 18px;
    border-spacing: 6px;
    text-decoration: none;
    border-collapse: collapse;
    border: #CCC thin solid;
    background-color: #FFF;

}
.gram-table {
    margin: 16px auto 30px;
	min-width: 70%;
}
.vert-border-table{
    border: none;

}
.vert-border-table td{
	border-right: #CCC thin solid;
	
}
.vert-border-table th{
	border-bottom: #CCC thin solid;
	
}
.custom-table {
    margin: 16px 0 30px;
}

th {
    padding: 4px;
    border-right: #CCC thin solid;
}
.gram-table th, .custom-table th {
    font-weight: 600;
    color: #1f384a;
    border-bottom: #CCC 1px solid;
    background-color: #d7e4f5;
}
.custom-table th {
	text-align: center;
	font-size: 16px;
}
.gram-table td, .gram-table th, .custom-table td, .custom-table th {
    padding: 5px 10px;
    border-right: #CCC thin solid;
}
.custom-table td.secondary, .custom-table th.secondary {
    font-size: 14px;
	font-style:italic;
    background-color: #f3f3fd;


}
.gram-table th:nth-child(1) {
    border-left: #CCC thin solid;
}
/*ul.list li:after {
    left: -10px;
}*/
.audiomost{
	min-height:	450px;
}
.audiomost .box{
	padding: 0 60px;
}
.pattern-der{
	background-image:url("../image/pattern-der.79eb3ec182f2.png");
}
.pattern-dot{
	background-image:url("../image/dot.0816a11c267b.png");
}
.about-technologies .img-fluid {
    max-width: 100%;
}

.tab .nav.nav-tabs li.nav-item a {
    background: none;
	border: 1px solid #a2a0a0;
}
.tab .nav.nav-tabs li.nav-item a.active
{

    border-bottom: #be0017 5px solid;
	background-color: #d7e4f5;
}
.tabs-header-img{
    margin: 10px;
    padding: 0px 6px 2px 6px;
    border: 1px solid #a2a0a0;
    border-radius: 6px;
    line-height: 36px;	
}

.ex-0b .exercise-content .text-solution,
.ex-0b .exercise-content .text-reb {
    padding: 0 5px;
    cursor: pointer;
}
.ex-0b .exercise-content .text-solution{
    font-size: 24px;
}
.ex-0b .exercise-content .text-reb{
	color:#999;
}
.blog-linguo h5.deutsch-kek  {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    padding-left: 76px;
	margin-top: 15px;
}
.tab .nav.nav-tabs li.ex-dropdown a{
    text-align: left;
}
.ex-3a .you-say span{
	padding: 2px 10px;
	margin-left: 5px;
}
.you-say{
	background: #f6f7f8;
}

.ex-3a img:hover{
	opacity: .7;
}

.ex-0c .exercise-content,
.ex-0b .exercise-content,
.ex-1 .exercise-content,
.ex-3 .exercise-content,
.ex-3a .exercise-content,
.ex-4 .exercise-content,
.ex-5 .exercise-content{
    margin: 0;
	/*min-height: 340px;*/
	min-height: 47vh;
}
.ex-0b .btn {
    min-width: 100px;
}
.ex-0c .col-1 i,
.ex-7a .col-1 i {
    position: absolute;
    top: 50%;
	cursor: pointer;
}
.lexicon .img-fluid {
    max-width: 100%;
    height: auto;
}
.ex-5 input {
    text-align: center;
    outline: none;
    /*font-size: 18px;*/
    font-weight: 600;
    color: #626262;
    margin: 1px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom-color: #17a2b8;
    width: 25px;
    height: 30px;
    padding: 0;
}
.ex-5 .row div, .ex-5 .row div input {
    margin-bottom: 10px;
	margin-top: 20px;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: 2px;
}
.ex-1 li.btn {
    font-size: 30px;
}
.self-study-parallax h2{
	position:absolute;
	top: 50px;
	left: 50px;
}
.superfind .container{
	min-height: 500px;
 }
.superfind .audio-track  {
    padding: 20px;
	width: 50% ;
}
.superfind ul li  {
	 padding-top: 5px;
	 font-size:20px;
}
.superfind ul.superfind-phrase{
	margin: 0 150px;
    padding-bottom: 20px;
}
.superfind .button:hover, .superfind .button:focus {
    background: #EDFFD7;
    border-color: #80c080;
    color: #32a432;
}
.superfind .blog-entry{
    margin-bottom: 100px;
}
.superfind .form-control {
    padding: 5px 5px 5px 20px;
     background: none ;
    color: #acacac;
    border: 1px solid #acacac;
}
.superfind .button  {
    font-size: 18px;
    padding: 3px;
    min-width: 40px;
}
.dropdown-menu {
    padding: .5rem 1rem;
}
.footer.footer-topbar img#logo-footer {
    height: 38px;
}
.tab .nav.nav-tabs li.ex-dropdown a{
	background: #fff;
    border: 1px solid #fff;

}
li.ex-dropdown .dropdown-item {
    width: 250px;
}
.tren-art .artikel .btn {
	font-size: 16px;
	border:#666 thin solid;
	color: #212529;
	font-weight: 700;
	border-radius: 20px;
}
.tren-art .exercise-content{
	min-width: 80%;
	margin: 6px auto;
}
.tren-art .font20 .btn {
	font-size: 20px;
}
table .nice-select{
	float: none;
}
table .nice-select{
	font-size: 16px;
    padding-left: 5px;
    padding-right: 30px;
}
table .fancyselect ul.list li {
    margin: -9px 0;

}
.nice-select .list {
    padding: 10px 0;
}
.min-h-300 {
    min-height: 300px;
}
.min-h-310 {
    min-height: 310px;
}
.modal-dialog {
 display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  margin: auto; /* по центру */
}
.modal-setting ul {
	line-height: 30px;
	margin:	20px 30px;
}
.modal-setting .button{
	padding: 1px 12px;
	margin: 2px;
}
.header-hide i {
    width: 500px;
	margin: 0 auto 10px;
	height: 30px;
}
.footer-useful-link ul li a {
    color: rgba(0,0,0,0.7);
}
.addresss-info li a  {
    color: rgba(0,0,0,0.7);
}
.addresss-info li  {
    color: rgba(0,0,0,0.7);
}
.addresss-info li i  {
    color: rgba(0,0,0,0.7);
}
.footer-useful-link ul li {
    margin-bottom: 10px;
}
.footer-useful-link ul li a {
    line-height: 22px;
}
.tab .nav.nav-tabs > li > a.active,
.nav.nav-tabs > li > a.active:focus,
.nav.nav-tabs > li > a.active:hover {
    color: #626262;
	font-weight: 600;
    border-color: #eeeeee;
}
.owl-carousel-h-230 .portfolio-item{
	height: 230px;
}
.fitness-listing .btn-link {
    font-weight: 600;
    color: #4e657c;
    font-size: 18px;
    background-color: transparent;
}.owl-carousel-h-230 .portfolio-item .portfolio-overlay{
	bottom: -180px;
}
.search .search-btn {
     color: #313131;
}
.fitness-category .card a.card-title{
	display: inline-block;
    margin-bottom: .75rem;
	font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
	color: #4e657c;
	}
.card {
    margin-bottom: 2px;
}
.three-dots{
	padding-left: 8px;
	letter-spacing: 9px;
}
.fitness-listing ul.list li a{
    color: #4e657c;
}
div select {
    color: #13b559;
    border: none;
    border-bottom: #EEEEEE 2px solid;
}
select option{
	font-size: 16px;
	padding: 0 5px;
}
select {
  outline: 0;
}
select:focus {
outline: none;
}
.tab .nav.nav-tabs {
    margin: 10px 0 10px;
}s

.acc-box {
    padding: 34px 0 0 14px;
}
.remember-checkbox a{
     color: #fff;
}
.form-control {
    padding: 10px;
}
.social-login, .social-login-mini {
	display: inline-block;
    margin: 5px 2px;
    color: #fff;
    cursor: pointer;
    border-radius: 4px;
}
.social-login-mini{
    height: 40px;
    width: 40px;
}
.social-vk {
    background: url("../image/social/vk-icons.06ab50606986.png") no-repeat;
	background-size: 170px;
    background-color: #6785b7;
}
.social-fb {
    background: url("../image/social/fb-icons.8fd069a5c02c.png") no-repeat;
	background-size: 40px;
    background-color: #3b5998;
}
.social-tw {
    background: url("../image/social/tw-icons.24bb9fb3b203.png") no-repeat;
	background-size: 32px;
    background-color: #29abe2;
}

.social-ok {
    background: url("../image/social/ok-icons.2a9fec7c03f5.png") no-repeat;
	background-size: 32px;
    background-color: #ff6600;
}
.modal .form-control {
    font-size: 12px;
}
.text-solution.js-ex-5-task-div textarea {
    font-size: 24px;
}
.js-ex-5-task-div textarea {
    letter-spacing: 4px;
}
.paragraf-big p{
	font-size: 22px;
}
.paragraf-big span{
	font-size: 28px;
}
.progress {
    position: relative;
    margin: 10px auto 15px;
    width: 50%;
    height: 6px;
    background-color: #b5d1f5;
    border: rgba(204, 204, 204, 0) 0 solid;
    border-radius: 6px;
}
.subprogress {
    position: absolute;
    width: 70%;
    height: 6px;
    background-color: #286692;
    border: #286692 thin solid;
    border-radius: 6px;
}
.level-filter li {
	text-align: right;
}

/*=========comics-img==========*/
.comics-img-max {
  position: relative;
  float: left;
}
.strip-up {
    background-color: rgba(255,255,255,.8);
    height: 2%;
    position: absolute;
    width: 100%;
    height: 6%;
    left: 0;
    top: 1%;
    display: inline-block;
    z-index: 555;
}
.strip-down {
    background-color: rgba(255,255,255,.7);
    position: absolute;
    width: 100%;
    height: 5%;
    bottom: 0;
    left: 0;
    display: inline-block;
    z-index: 222;
}

.strip-up-yt {
    background-color: rgba(255,255, 255, 0.8);
    height: 2%;
    position: absolute;
    width: 100%;
	left: 0%;
    top: 1%;
    display: inline-block;
    z-index: 555;
}
.strip-down-yt {
    background-color: rgba(255,255, 255, 0.7);
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0%;
    display: inline-block;
    z-index: 222;
}
.strip-up-yt {
	top: 0;
    height: 9%;
}
.strip-down-yt {
    height: 11%;
}
.comics-img-max img,  .ex-16 iframe{
    width: 100%;
}
.masonry.columns-3 .masonry-item-update {
	padding: 0 30px 0;
	}
.masonry-item-update h2 {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    color: #4e657c;
    text-align: center;
    border: 2px solid transparent;
    padding: 5px;
	background: #e9e9e9;
	border-radius: 6px;
	margin-bottom: 10px;
}
.masonry.columns-3 .masonry-item-update {
	padding: 0 30px 0;
	}
.masonry-item-update h2 {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    color: #4e657c;
    text-align: center;
    border: 2px solid transparent;
    padding: 5px;
	background: #d7e4f5;
	border-radius: 6px;
	margin-bottom: 10px;
}
.portfolio-item-description {
    position: relative;
    width: 100%;
    /*height: 450px;*/
    text-align: center;
}

.ex-16 iframe{
    width: 100%;
}
.border-gray-ring, .border-gray-ring-small { 
    margin: 7px;
    border: 4px solid #d6d5d5;
    border-radius: 10px;
    border-top: 1px solid #d6d5d5;
	/*white-space: nowrap;*/
}
.btn-adds {
    color: #fff;
    background-image: url("../image/dot.0816a11c267b.png");
    margin: 7px;
    border: 4px solid #d6d5d5;
    border-radius: 10px;
    border-top: 1px solid #d6d5d5;
}
.btn-adds-light-green {
    color: #fff;
    background: #d4ffd5eb;
    margin: 7px;
    border: 4px solid #d6d5d5;
    border-radius: 10px;
    border-top: 1px solid #d6d5d5;
}
.border-gray-ring {
    padding: 7px; 
    line-height: 42px;
}
.border-gray-ring-small  {
    padding: 19px 0 0 0;
    line-height: 16px;
}
		/*ex-15*/
.btn-ex{
    -ms-touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    width: 20%;
    min-width: 100px;
    max-height: 50%;
    padding: 3px;
    background: #fff;
    position: absolute;
   /* cursor: default !important;*/
    line-height: 0.5em;
    z-index: 0;
    -webkit-transition: border-color 200ms linear;
    -moz-transition: border-color 200ms linear;
    -o-transition: border-color 200ms linear;
    transition: border-color 200ms linear;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.5);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,.5);
    -ms-box-shadow: 0 2px 4px rgba(0,0,0,.5);
    -o-box-shadow: 0 2px 4px rgba(0,0,0,.5);
    box-shadow: 0 2px 4px rgba(0,0,0,.5);
    border-radius: 1em;
    pointer-events: auto;
}
.btn-ex{
	border: 4px solid white;
}
.btn-ex div, .btn-ex-falls div, .btn-ex-true div{
	white-space: normal;
	line-height: 20px;
		/*end of ex-15*/
}
.btn-ex-falls{
	border: 4px solid red;
}
.btn-ex-true{
	border: 4px solid green;
}
.yt-d-text span, .yt-r-text span{
    display: block;
    padding: 2px 10px;
}

.update {
    font-size: 14px;
    color: #999999;
    padding-right: 2px;
    float: right;
    line-height: 1.5;
    margin-top: 0;
}
.update-title{
	margin: -26px 0 0 5px;
	font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}
.divider-medium-03 {
    width: 60%;
    margin: 14px auto;
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.divider-star:after {
	content: "* * *";
	color: #be0017;
	font-size: 20px;
	padding-left: 30px;
	line-height: 45px;
}
.btn-interactive{
	margin: 3px;
}
ul.selection li, .dialogs ul li  {
    padding: 10px;
    margin: 7px auto;
    border: 2px solid #d6d5d5;
    border-radius: 10px;
    border-top: 1px solid #d6d5d5;
	}
ul.selection li {
	width: 50%;
	line-height: 25px;
}

/*.dialogs ul li {
	width: 80%;
	line-height: 36px;
}*/
.dialogs ul .sub-ul li {
    padding: 0;
	margin-left: 10%;
    border: none;
    color: #898989;
}
.dialogs ul li span.person{
	padding-left: 10px;
}
.dialogs ul li span.person:after {
	content:":";
}

.js-ex-5w-answer-elment {
	display: block;
}
.sidebar-widget {
	margin-bottom: 20px;
}
/*{
	margin-bottom: 8px;
}*/

.team {
	text-align: center;
	overflow: hidden;
}
.team-round .team-photo img { 
	border-radius: 50%;
	width: 50%;
}
.user.card-body {  padding: .1rem;
}
.user.card-body {  padding: .1rem;
}
.user h2 {  margin-top: .5rem;
 margin-bottom: .1rem;
}
.list-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
}
.list-group-item-user {
	position: relative;
	background-color: white;
 padding: .25rem 1.25rem;
	border: 1px solid rgba(0,0,0,.125);
	margin-bottom: 5px;
	margin-top: 5px;
}
.test select, .test select option{
    font-weight: 600;
}
.divider.small {
    width: 20%;
    margin: 0 auto;

}
.test .divider.small {
    width: 20%;
    margin: 40px auto;
	color: #ccc;
	border-bottom: 2px solid rgba(0, 0, 0, 0.3);
}
.dialogs .btn, .dialogs .btn i {
    font-size: 1.2rem;
    font-weight: 600;
}
.dialogs i.activ {
    color: #be0017;
}
.modal-content {
  max-height: 70vh;
  overflow-y: auto;
}
.modal-content i.activ {
    color: #be0017;
	}
/*.dialogs .btn.activ:before{
    content: "\f013";
	margin-right: 5px;

}*/
.dialogs .fa-check:before {
    content: "\f00c";
	margin-right: 5px;
}
.dialogs .container-flex{
	width: 70%;
	margin: 30px auto;
}
.container-flex{
	display: flex;
}
.dialogs .container-flex{
	display: flex;
}
.container-flex-column{
	flex-flow: column;
}
.flex-0{
	flex: 0;
}

.container-flex .flex-1 {
	flex: 1;
}
.dialogs .container-flex .flex-2 {
	flex: 1;
	text-align: left;
	color: #1c04d4;
}
.container-flex .flex-3 {
	flex: 4;
}
.second-page ul .container-flex {
display: flex;
align-items: center;
}
/*.container-flex .flex-2 {
	flex: 2;
}*/
/*.container-flex div:nth-of-type(1n+2) {
   margin-left: 20px;
}*/
.container-flex {
    background-color: #f2fff9;
    padding-left: 10px;
    padding-top: 5px;
    border: 3px #a7e7c9 solid;
    border-radius: 10px;
    border-right: 6px #a7e7c9 solid;
    border-bottom: 6px #a7e7c9 solid;
}
.container-flex:nth-of-type(odd) {
    margin-left: 24px;
    background-color: #fffff5;
    padding: 10px;
    border: 3px #f3d7a3 solid;
    border-radius: 10px;
    border-right: 6px #f3d7a3 solid;
    border-bottom: 6px #f3d7a3 solid;
}

	/*global-search*/
.global-search .container-flex-column div:first-child {
	margin-left: 20px;
	font-size:20px;
	color: #17a2b8;
}
.container-flex .flex-1 p{
	font-size:14px;
}
.global-search.container-flex-column div:nth-of-type(1) {
	font-size:16px;
	color: #17a2b8;
}
.global-search.container-flex-column div:nth-of-type(2) {
	font-size:16px;
}
.container-flex-column.text-left div {
	text-align:left;
}
.dialogs .container-flex .flex-3 {
	text-align: left;
}

.dialogs .flex-2 span.person:after {
    content: ":";
}
.container-flex .text-gray{
    color: #4d4d4d;
    padding-left: 20px;
    font-weight: 500;
    line-height: 26px;
    font-size: 20px;
}
.modal-light-blue{
    border: 4px solid #fff2bf;
    background-color: #d7e4f5;
}
.modal-light-yellow{
    border: 4px solid #17a2b8;
    background-color: #fffcf2;
}
.accordion .card {
	margin-bottom: 10px;
}
.check .container-column {
	display: flex;
	flex-flow: column;
}
.check .container-flex div {
	flex: 1;
	font-size: 20px;
	margin-right: 10px;
	margin-bottom: 5px;
	border-bottom: 1px solid #dee2e6;
}
.check .container-flex i {
	font-size: 1.2em;
	cursor: pointer;
    letter-spacing: 2px;
	padding: 0.25rem;
}
.scanner a {
    color: #626262;
}
/*.scanner .container-flex-column.first div:nth-of-type(1) {
	padding-left: 50px;
}*/
.scanner .container-flex-column div.last:last-child {
	padding-left: 32px;
}
.container-flex.scanner div:nth-of-type(1n+2) {
    margin-left: 0;
}
.lex-definition .container-flex-column img{
	border: #999 thin solid;
    border-radius: 11px;
    padding: 2px;
	cursor:pointer;
}
.action-for-select span{
	    white-space: nowrap;
		padding: 3px;
		margin: 3px;
		line-height: 30px;
		font-size: 16px;
		border: #999999 thin solid;
		border-radius: 5px;
		background-color: #edf5ff;
}
.user-vocab td:nth-of-type(3){
	text-align: left;
	font-size:16px;
}
.user-vocab-table-title{
    border-bottom: #CCCCCC thin solid;
    padding: 10px 0;
    margin-bottom: 10px;
}
.container-flex.user-vocab div:nth-of-type(1n+2),
.container-flex.user-vocab-table-title div:nth-of-type(1n+2) {
   margin-left: 10px;
}
.user-vocab div:nth-of-type(1),
.user-vocab-table-title div:nth-of-type(1){
	flex: 0 0 44px;
}
.user-vocab div:nth-of-type(2),
.user-vocab-table-title div:nth-of-type(2){
	flex: 0 0 30%;
}
.user-vocab div:nth-of-type(3),
.user-vocab-table-title div:nth-of-type(3){
	flex: 0 0 50%;
}
.user-vocab div:nth-of-type(4){
	flex: 0 0 20%;
}
.user-vocab div:nth-of-type(5){
	flex: 0 0 48px;
}
.user-vocab div:nth-of-type(6){
	flex: 0 0 48px;
}

.user-vocab-table-title div:nth-of-type(4){
	flex: 0 0 48px;
}
.user-vocab-table-title div:nth-of-type(5){
	flex: 0 0 48px;
}
.action-for-select{
	border-bottom: #CCCCCC thin solid;
	padding: 10px 0;
}
.dict-word .modal-dict-word:hover{
	color: #000;
    background-color: #d7e4f5;
	padding: 2px 0;
}
.top-right{
    margin-top: -25px;
    text-align: right;
    font-weight: 600;
	color: #be0017;
	cursor: pointer;
	font-size: 18px;
}
.border-left{
	border-left: #999999 4px solid;
}
.border-left-light{
	border-left: #999999 1px solid;

}
.remember .clue div{
	width: 80%; margin: 0 auto;
}
.banners {
	position: fixed;
	background: #40657e;
 	width: 100%;
	height: 100px;
	z-index: 999;
}
.banners-top {
	top: 0;
}
.banners-bottom {
	bottom: 0;
}
.banners-text{
	color: #FFFFFF;
	line-height: 30px;
	font-size: 18px;
}
.banners-row{
	margin: 10px;
	margin-top: 20px;
}
.banners .col-4{
	text-align:center;
}
.scanner.wordlist img, .ring-check  img{
	border: #999 thin solid;
    border-radius: 11px;
    padding: 2px;
    cursor: pointer;
}
.scanner.wordlist{
	font-size:18px;
	line-height: 30px;
}
/*.ru-flag, .de-flag{
	padding-left: 20px;
}*/
.de-flag{
	cursor: pointer;
}
.ru-flag{
	color: #999999;
	padding-right: 10px;
}
.de-flag:before{
	content: url("../image/de-flag3.1d8cceb47b3a.png");
	padding-right: 8px;
}
.de-audio:before{
	content: url("../image/de-flag.f4612a5da9dc.png");
	padding-right: 8px;
}

.de-flag:after{
	content: " - ";
	font-size: 18px;
	font-weight:600;
	padding-right: 5px;
	padding-left: 5px;
}
.dash:after{
	content: " - ";
	font-size: 18px;
	font-weight:600;
	padding-right: 5px;
	padding-left: 5px;
}
.ru-flag:before{
	/*content: url("../image/ru-flag.841ead47f8c1.png");*/
	padding-right: 8px;
}
.right-bottom-block, .right-bottom-block-min{
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 400px;
	height: 100px;
	text-align: center;
	background-color: #40657e;
	color: #FFFFFF;
	font-size: 20px;
	padding: 10px;
	cursor: pointer;
	z-index: 9999;
}
.right-bottom-block-min{
	width: 300px;
	height: 50px;
}
.right-top-block, .right-top-block-min, .right-top-block-horizontal  {
    position: fixed;
    right: -8px;
    text-align: center;
    background-color: #40657e;
    color: #FFFFFF;
    padding: 4px;
    cursor: pointer;
	transform: translateY(-50%); /* Центрируем кнопку по вертикали */
    z-index: 99999; /* Устанавливаем z-index, чтобы кнопка была над другими элементами */
    transition: right 0.3s ease; /* Анимация выдвижения */
}
.right-top-block {
    top: 12%;
    font-size: 20px;
}
.right-top-block-min {
    top: 25%;
    font-size: 24px;
}
.right-top-block-horizontal {
    top: 3%;
    font-size: 20px;
	right: 4px;
}
.right-top-block-horizontal span:not(:last-child):after {
    content:'|';
    padding-left: 5px;
}
.right-top-block:hover {
    right: 5px; /* Выдвигаем кнопку при наведении */
}
.right-top-block-min:hover {
    right: 5px; /* Выдвигаем кнопку при наведении */
}

.center-block, .center-block-min {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    text-align: center;
    background-color: #40657e;
    color: #FFFFFF;
    padding: 10px;
    cursor: pointer;
}
.btn-lil{
	color: #fff;
    background-color: #7c52d4;
    border-color: #2c545a;
}
.btn-orange{
	color: #fff;
    background-color: #ec9124;
    border-color: #2c545a;
}
.btn-green{
	color: #fff;
    background-color: #00a712;
    border-color: #2c545a;
}
.btn-dark-dark-red{
	color: #fff;
    background-color: #860606;
    border-color: #2c545a;
}
.text-play{
    font-weight: 600;
	font-size: 26px;
	letter-spacing: 2px;
}
ul.grey-font li a {
    color: #4e657c;
}
.paper-gram {
	position: relative;
	border:#e4e4e4 thin solid;
	/*background-image: url("../image/cross.7e7296b0de45.png");*/
	min-height: 460px;
	padding: 10px;
	font-size:18px;
}

/*.right-gramm-block p {
    font-family: "Times New Roman", Times, serif;
	font-size: 18px;
    margin-bottom: 20px;
}*/

.gramm-example, .gramm-example-80 {
    border: #BBDEFB thin solid;
    border-radius: 5px;
    background-color: #f3fafe;
    line-height: 2;
    margin: 24px auto;
    text-indent: 0;
    padding: 5px 1px;
	text-align: center;
	clear: both;
}
.gramm-example-80 .ru-flag{
    padding-left: 3px;
}
.gramm-example {
    width: 60%;
}
.min-h-74 {
    min-height: 74vh;
}
.acd-heading h2, .acd-heading h4 {
    font-style: normal;
    font-weight: 600;
	cursor: pointer;
}
.acd-heading h2{
    font-size: 26px;
    line-height: 32px;
	padding: 15px 0 5px;
}
.acd-heading h4{
    font-size: 20px;
    line-height: 24px;
	padding: 10px 0 0;
}
.acd-heading h2:hover, .acd-heading h4:hover {
	text-decoration:underline;
	color: #999;
}
h2 .badge, h4 .badge {
    padding: 0 5px;
	border:#CCCCCC thin solid;
	letter-spacing: 3px;
}
.choice-string .btn {
    padding: 0.03rem 0.3rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
    color: #fff;
    background-color: #40657e;
    border-color: #2c545a;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.select-word .col-6 ul {
    font-size:22px;
}
.word-input {
    text-align: left;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
	border-bottom: 1px solid #666666;
    width: 120px;
    padding: 0 5px;
    margin-left: 2px;
	margin-right: 8px;
	margin-bottom: 10px;
	color:#666666;
}
.word-input-true {
    color: #13b559;
}
.word-input-false {
    color: #CC0000;
}
.word-input-select {
    color: #333;
	font-weight:600;
}
.word-input[placeholder] {
	text-align:left;
	font-style: italic;

}
.word-input[placeholder]:before {
	content: "(";
}
::-webkit-input-placeholder { color: #CCCCCC; }
::-moz-placeholder          { color: #CCCCCC; } /* Firefox 19+ */
:-moz-placeholder           { color: #CCCCCC; } /* Firefox 18- */
:-ms-input-placeholder      { color: #CCCCCC; }

.ex-input .true-answer{
	color: #13b559;
	padding-right: 5px;
	font-weight:600;
}
/*.list-select*/
.list-select li img{
	width: 60%;
}
.list-select ul.list li{
	margin-bottom: 14px;
    line-height: 20px;
	padding-left: 0;
}
.list-select ul {
	text-align: left;
}
.list-select figure{
    cursor: pointer;
	margin-left: 20px;
	display: inline;
}
.list-select figcaption{
    cursor: pointer;
	margin-left: 30px;
	color: #029720;
    font-weight: 600;
}
.list-select figcaption span{
    color: #333333;
	font-weight: 500;
}

.custom-title {
    border: 1px solid;
	border-radius: 15px;
	background-color: #17a2b8;
	display: inline-block;
	padding: 5px 10px;
	color: #fff;
}
.custom-title:hover {
    cursor: pointer;
    position: relative;
}
.custom-title span {
    display: none;
	background-color: #fff;
	color: #000;
	font-size:14px;
}
.custom-title:hover span{
	position: absolute;
    border: #333333 1px solid;
	border-radius: 5px;
    padding: 10px;
    display: block;
    z-index: 100;
    left: -125px;
	bottom: 30px;
    margin: 10px;
    width: 250px;
}
h2.shadow{
	color:#000000;
    top: 10%;
    left: 7%;
    font-size: 40px;
    text-shadow: 1px 1px 2px white, 2px 2px 4px white;
    max-width: 50%;
    padding: 5px;
    line-height: 18px;
}
.inner-img{
	width: 20%;
	position:absolute;
	top: 7%;
    left: 8%;
}
.inner-img img{
	background-color: transparent;
}
h2.shadow span{
    font-weight: 600;
    font-size: 22px;
}
.over-height50{
    max-height: 50vh;
    overflow: auto;
}
.over-height40{
    max-height: 40vh;
    overflow: auto;
}
.over-height30{
    max-height: 30vh;
    overflow: auto;
}
.over-height20{
    max-height: 20vh;
    overflow: auto;
}
.over-height15{
    max-height: 15vh;
    overflow: auto;
}
.over-height25{
    max-height: 25vh;
    overflow: auto;
}
/*for bottom btn in gramtren*/
.x-centering{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  white-space: nowrap;
}
.x-centering.x-centering-bottom{
  bottom: 1%;
}
/*for rule description in gramtren*/
.Rule-gt::before {
	content: "Правило: ";
	font-weight: 600;
}
.border-green-ring-medium, .border-green-ring {
    margin: 7px;
    border: 4px solid #03990fb3;
    border-radius: 10px;
    border-top: 1px solid #03990fb3;
	padding: 14px 7px;
    line-height: 17px;
}
.border-green-ring {
	padding: 7px;
    line-height: 42px;
}
.border-red-ring-medium {
    margin: 7px;
    border: 4px solid #eec9c9;
    border-radius: 10px;
    border-top: 1px solid #eec9c9;
	padding: 14px 7px;
    line-height: 17px;
}
.border-dark-red-ring-medium {
    margin: 7px;
    border: 4px solid #c1272d;
    border-radius: 10px;
    border-top: 1px solid #c1272d;
	padding: 7px;
    line-height: 24px;
	background-color: #ffeded;
}
.border-grey-ring-medium {
    margin: 7px;
    border: 4px solid #CCC;
    border-radius: 10px;
    border-top: 1px solid #CCC;
	padding: 14px 7px;
    line-height: 17px;
}
.intro-test .border-grey-ring-medium {
    margin: 3px;
	padding: 7px;
}
.gram-text, .gram-text-v2 {
    background-color: #f8f9fa;
    margin: 4px;
    right: 7px;
    line-height: 30px;
    border: 1px solid #bababa;
    font-size: 16px;
    color: #be0017;
    font-weight: 600;
    top: -10px;
}
.gram-text-v2:hover{
	background-color: #a4ccf5;	
}
.modal-bg-ivory {
    background-color: #fbfbfa;
    border: 2px solid rgba(0, 0, 0, 0.2);
}
.border-left-detail {
    font-size: 16px;
    border-left: #999999 4px solid;
    padding-left: 20px;
    margin-left: 20px;
}
	/*first-letter select*/
h4+p:first-letter {
    font-family: "Times New Roman", Times, serif;
    font-size: 140%;
    color: #be0017;
	font-weight:600;
	padding: 2px;
	font-style: italic;
}
p.first-letter:first-letter {
    font-family: "Times New Roman", Times, serif; /* Гарнитура шрифта первой буквы */
    font-size: 140%; /* Размер шрифта первого символа */
    color: #be0017; /* Красный цвет текста */
	font-weight:600;
	padding: 2px;
	font-style: italic;
}
   
   /*text-select*/
.tip, .tip2, .tip3 {
	margin: 40px;
	border-left: 4px #666666 double;
	padding-left: 20px;
	font-style: italic;
	color: #222121;
	word-spacing: 2px;
}
.tip:before {
	content: "Внимание!";
	color: #be0017;
	font-weight:600;
	padding-right: 20px;
}
.tip2:before {
	content: "Интересно!";
	color: #be0017;
	font-weight:600;
	padding-right: 20px;
}
.tip3:before {
	content: "Кстати!";
	color: #be0017;
	font-weight:600;
	padding-right: 20px;
}
.table-image {
    border: 1px solid #a2a0a0;
    padding: 4px 7px;
    min-width: 59px;
    text-align: center;
    border-radius: 6px;
}
.badge-round-small {
    padding-right: 0.8em;
    padding-left: 0.8em;
    border-radius: 10rem;
}
.d-md-i-block {
    display: inline-block !important;
}
.flags-gb:before{
	content: url("../image/flags/flags-gb.18b32eba6c0c.png");
	padding-right: 10px;
}
.flags-gr:before{
	content: url("../image/flags/flags-gr.5bb4a721619e.png");
	padding-right: 10px;
}
.flags-ru:before{
	content: url("../image/flags/flags-ru.ad0d9f50c738.png");
	padding-right: 10px;
}
.flags-fr:before{
	content: url("../image/flags/flags-fr.f2efbc414c79.png");
	padding-right: 10px;
}
.flags-de:before{
	content: url("../image/flags/flags-de.69c24a842405.png");
	padding-right: 10px;
}
.flags-ua:before{
	content: url("../image/flags/flags-ua.30ed27128c6b.png");
	padding-right: 10px;
}
.flags-jp:before{
	content: url("../image/flags/flags-jp.d1fde8815e7f.png");
	padding-right: 10px;
}
ul.mini-list li {
	margin: 5px 0;
    padding-left: 12px;
    position: relative;
    line-height: 18px;
	border-bottom: #666 solid 1px;
	font-size:14px;
	font-weight:600;
}
ul.mini-list li:before {
    content: "-  ";
	color: #be0017;
}
ul.mini-list li a{
	color:#666;
}
.nowrap{
	white-space: nowrap;
}
.wordtrening-preview-element{
padding-bottom: 5px;
padding-right: 20px;
float: left;
}
.disappearance {
    max-height: 150px;
    overflow: hidden;
    margin-top: -86px;
}
.disappearance:before {
    content: "";
    display: block;
    height: 73px;
    position: relative;
    top: 80px;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #fff);
}
.circle-number{
text-align: center;
padding: 2px 4px;
font-weight: 600;
font-size: 12px;
border-radius: 15px;
max-height: 25px;
max-width: 25px;
min-width: 22px;
color: #804f0c;
}
.circle-number-gold{
border: 1px #b7b7b7 solid;
background-color: #fff265;
}
.circle-number-bronze{
border: 1px #b7b7b7 solid;
background-color: #fcdbba;
}
.circle-number-silver{
border: 1px #b7b7b7 solid;
background-color: #dcdcdc;
}

/*table_blur*/
.table_blur {
    background: #f5ffff;
    border-collapse: collapse;
    text-align: left;
    color: #343434;
    font-size: 16px;
	margin: 20px auto;
	font-weight: 600;
}
.table_blur th {
    background: linear-gradient(#acc2e5, #012154);
    color: #ffffff;
    padding: 10px;
    border: 1px solid grey;
    text-align: center;
	font-weight: 500;
}
.table_blur tr:nth-child(odd) {
  background: #ebf3f9;
}
.table_blur td{
    border: 1px solid #303030;
    padding: 10px;
}
/*end table_blur*/
.table-first-bold td:nth-child(1){
	font-weight:600;
	padding-right: 20px;
}
.table-third-red td:nth-child(3){
	color: #C00;
}
.table-second-red td:nth-child(2){
	color: #C00;
}
.white-space-nowrap {
    white-space: nowrap;
}
.clearfix {
    clear: both; 
}
/*.badge.WS-normal-left{
    text-align: left;
    white-space: normal;
	color: #212529;
    background-color: #f8f9fa;
	word-spacing: 2px;
}*/
.list-block-head {
    background-color: #f8f9fa;
    padding: 10px;
}
.list-block-head:before{
	content: url("../image/bulb-h20.5736df44283b.png");
}
.list-block-add:before{
	content: url("../image/bulb-h18.a0e2ed08d39d.png");
	padding-right: 2px;
}
.list-block-add{
	color: #212529;
	padding-right: 10px;
	font-size: 14px;
	font-weight:600;
	line-height: 20px;
}
.list-block-add a{
	color: #0053a7;
}
.card-special{
	border: 4px solid #d6d5d5;
    border-radius: 10px;
    border-top: 1px solid #d6d5d5;
    padding: 10px;
}
.dropcap-44{
    width: 44px;
    height: 44px;
    line-height: 44px;
}

.crown, .crown-40, .crown-white, .crown-white-40{
	font-weight: 600;
}


.crown, .crown-40{
	color:#17a2b8;
}
.crown-white, .crown-white-40{
	color:#ffffff;
}
.crown:after{
	content: url("../image/crown.fbe2b1019783.png");
    line-height: 0;
    position: relative;
    vertical-align: top;
    padding-left: 4px;
    cursor: pointer;
}
.crown-white:after{
	content: url("../image/crown-white.97d5318d3ca5.png");
    line-height: 0;
    position: relative;
    vertical-align: top;
    padding-left: 4px;
    cursor: pointer;
}
.crown-40:after{
	content: url("../image/crown-40-20.3547c6c5af77.png");
    line-height: 0;
    position: relative;
    vertical-align: top;
    padding-left: 4px;
    cursor: pointer;
}
.crown-mix-before:before{
	content: url("../image/crown-mix.f5e8093ddd50.png");
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    padding-right: 8px;
    cursor: pointer;
}
.crown-before:before{
	content: url("../image/crown.fbe2b1019783.png");
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    padding-right: 8px;
    cursor: pointer;
}
.crown-white-before:before{
	content: url("../image/crown-white.97d5318d3ca5.png");
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    padding-right: 8px;
    cursor: pointer;
}
sup.badge{
	line-height: .7;
	font-size: 14px;
}
.close-cross{
	position:absolute;
	cursor:pointer;
	top: 5px; 
	right: 5px;
}
.close-banner-button {
    position: absolute;
    cursor: pointer;
    top: -10px;
    right: 1px;
    border: #80808000 1px solid;
    font-size: 30px;
    color: black;
    background: white;
    border-radius: 14px;
    padding: 4px;
    line-height: 22px;
}
.close-cross .fa-window-close:hover{
	color:#be0017;		
}
.icon-image-top-right{
    position: absolute !important;
    top: 18px;
    right: 18px;
    padding: 3px;
    background-color: #ffffff00;
    font-weight: 600;
}
.icon-image-top-right.activ{
    color: #be0017;
}
.icon-image-top-right.non-activ{
    color: #949494;
}
.input-1-5{
    transform: scale(1.5);
    opacity: 0.9;
    cursor: pointer;
}
.prem-ad-block-4 p{
    font-size: 20px;
    margin-left: 10px;
    font-style: italic;
}
.prem-ad-block-4 .hook-title{
    color: #029720;
	font-weight: 600;
}
.align-center {
  display: flex;
  justify-content: center; /* горизонтальное выравнивание */
  align-items: center; /* вертикальное выравнивание */
  margin: 0 auto;
}
.lamp:before {
    content: url("../image/bulb-h32.acaf12e0b51f.png");
	padding-right: 5px;
}
.mini-lamp:before {
    content: url("../image/bulb-h20.5736df44283b.png");
	padding-right: 2px;
}
  
/*.book:hover{
    background-color: #d7e4f5;
}*/
@media (min-width: 1220px){
body.boxed-layout .container {
    width: 90%;
}
/*.paper {
	min-height: 50vh;
		}*/
.tab .nav.nav-tabs li {
    margin-right: 5px;
}
}
@media (max-width: 1199.98px) {
.blog-linguo.grammatic .blog-entry .blog-detail {
    padding: 20px;
}
.mega-menu .menu-logo img {
    height: 38px;
}
.alfa .mega-menu .menu-links {
    margin-right: 0;
}
}

@media (min-width: 1099.98px){
.d-lg-block{
	display: block !important;
}
.d-lg-none{
	display: none !important;
}	
}
@media screen and (min-width: 992px){
.exercise-content p{
	line-height: 2.5;
	font-size: 18px;
}
}

@media (max-width: 991.98px){
.blog-linguo {
    padding: 0 5px;
}
.page-title.small h1 {
    margin-top: 0;
	font-size: 16px;
}
.page-title.linguo-title h1 {
	font-size: 18px;
	line-height: 0;
    padding-top: 10px;
}
.page-title.small {
    padding-top: 25px;
    padding-bottom: 10px;
}
.page-title.linguo-title  {
    padding-bottom: 0;

}
/*.exercise-content .text-solution, .exercise-content .text-reb {
    padding: 0 5px;
}*/
.blog-linguo.grammatic .blog-entry .blog-detail {
    padding: 12px;
}
.masonry-page .masonry.columns-4 .masonry-item {
    width: 25%;
}
.portfolio-item .portfolio-overlay {
    padding: 0 4px;
}
.mega-menu .menu-logo img {
    height: 40px;
}
.acc-box {
	margin: -8px 0 0 14px;
    padding: 0 0 0 14px;
}
.search .search-btn {
    line-height: 45px;
}
.ex-narrow {
    max-width: 100%;
}
.shuffle-filters button, .shuffle-filters a.button {
    margin: 0 2px;
    padding: 2px 5px;
}
.superfind ul {
	margin: 0 50px;
}
.aud-block{
	padding-right: 0;
}
.dialogs .container-flex{
	width: 100%;
	margin: 20px auto;
}
.dialogs .container-flex, .container-flex{
	flex-flow: column;
}

.check .container-flex, .flex-table .container-flex{
	flex-flow: row;
}
.container-flex-column.first{
    padding-left: 20px;
}
.remember .clue div{
	width: 100%;
}
.d-md-none{
	display:none;	
}

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

h1 { font-size: 26px;}
h2 { font-size: 22px;}
.tab .nav.nav-tabs li a {
    padding: 4px 7px;
	font-size: 16px;
}
.dropcap {
    width: 35px;
    height: 35px;
    line-height: 35px;
}
.skill {
    margin: 12px 0 20px;

}
/*.btn {
    padding: .2rem .5rem;
    font-size: .7rem;
}*/
/*.exercise-content .btn {
    padding: .05rem .3rem;
    margin: 6px ;
}*/
.exercise-content ul {
	line-height: 2.4;
}
.text-solution-letter, .text-reb-letter{
    font-size: 30px;
}
.blog-linguo .social.list-style-none {
   display: none;
}
.blog-linguo .tab .nav.nav-tabs {
    margin-bottom: 12px;
}
.page-section-blog-linguo .tab{
	margin-top: 0;
}
.word-rating {
    margin-top: 0;
}
.exercise-content .divider, .exercise-content .divider.medium {
    margin: 5px auto;
}
ul.page-breadcrumb {
    padding-top: 10px;
}
.chest-and-garbage{
	width: 80%;
	margin: 0 auto;
}.animated {
    margin-top: 5px;
}
.three-button-word-tren{
	margin-top: -70px;
}
.blog-linguo h3{
	font-size: 16px;
}
.blog-linguo h5{
	font-size: 14px;
}
/*.deutsch-kek{
	display: none;
}*/

/*.header-hide{
	display: none;
}*/
.page-breadcrumb.mb-40{
    margin-bottom: 18px !important;
}
/*.grammatic .col-lg-4, .grammatic .col-md-4{
	display: none;
}*/
.tab .nav.nav-tabs li .second-tab {
    margin-top: -8px;
	font-size: 16px;
}
.masonry-page .masonry.columns-4 .masonry-item, .masonry-page .masonry.columns-5 .masonry-item {
    width: 33%;
}
.masonry-page .masonry.columns-2 .masonry-item{
    width:100%;
}

.shuffle-filters{
    margin: 0;
}
/*.img-fluid {
    max-width: 30%;
    height: auto;
}*/

.mega-menu .menu-logo img {
    height: 30px;
}
.page-breadcrumb.mb-40 {
    margin-bottom: 0 !important;
}
.blog-linguo .page-breadcrumb a {
    font-size: 18px;
}
.ex-0c .exercise-content  ul{
    line-height: 1;
}
.superfind .page-breadcrumb.mb-40  {
    margin-bottom: -20px !important;
}
.superfind .audio-track {
    padding: 10px;
	width: 80% ;
}
.superfind .form-control {
    font-size: 20px;
    padding: 5px;
}
.superfind .button {
    font-size: 16px;
	padding: 5px;
}
.superfind ul  {
	margin: 0 5px;
}
.header-hide i {
    width: 300px;
    margin: 0 auto;
}
.team .team-photo img {
    width: 30%;
    float: left;
}
.dialogs ul li {
    width: 100%;
    line-height: 24px;
}
.dialogs ul .sub-ul li {
    margin-left: 2%;
}
.settings-pict {
    display: none;
}
.user-vocab-table-title div:nth-of-type(3){
	flex: 0 0 20%;
}
.user-vocab div:nth-of-type(2),
.user-vocab-table-title div:nth-of-type(2){
	flex: 0 0 50%;
}
.fluid-btn{
	padding: 4px 8px;
    font-size: 14px;
}
.banners {
	height: 120px;
	margin: 2px;
}
.banners-text {
	line-height: 20px;
	font-size: 14px;
}
.banners-row{
	margin: 2px;
	margin-top: 2px;
}

.banners .btn{
	margin-top: 5px;
	font-size: 12px;
}
.banners .col-4{
	position: absolute;
    bottom: 20px;
    right: 20px;
}
.d-md-block{
	display: block;
}
.ex-6 ul.list li {
    margin: 10px 0;
    padding-left: 10px;
    position: relative;
    line-height: 24px;
}
.gramm-example {
    width: 100%;
}
.acd-heading h4 {
    font-size: 16px;
    line-height: 19px;
}
.col-auto {
    flex: auto; 
}
ul.line-h-18 li {
    font-size: 14px;
}
.container-flex.text-reb{
        font-size: 16px;
        letter-spacing: 1px;
}

.container-flex .text-gray{
    padding-left: 25px;
    font-weight: 500;
    line-height: 24px;
    font-size: 16px;
}
}
@media(max-width:575.98px) {
p{
	font-size: 18px;
	color: #4a4a4a
}
.nav-tabs .fa {
    /*display: none;*/
}
.nav-tabs #word-text-settings-tab .fa {
    display: inline-block;

}
.paper .col-md-auto {
    max-width: 100%;
}
.blog-entry .blog-detail {
    padding: 0 10px 0;
}
.blog-linguo-content .img-fluid{
    max-width: 100%;
    height: auto;
}
.blog-linguo {
    padding: 0;
}
.page-section-blog-linguo h1{
	font-size: 20px;
	line-height: 20px;
}
.paper {
    padding: 0;
    background-image: none;
}
.ex-2 .exercise-content {
    padding: 6px;
}

.exercise-content img#picture-disc{
	width: 26px;
}
.exercise-content {
    margin: 6px auto;
}
.ex-1{
	margin: 10px 0;
	padding: 5px 0;
}

.ex-2 .col-lg-4 .exercise-content, .ex-2 .col-md-4 .exercise-content{
	padding: 10px;
}
.text-solution-letter, .text-reb-letter{
    font-size: 22px;
}
.blog-linguo-content p {
    color: #000;
	font-size: 20px;
}
.page-title {
    padding-top: 10px;
}
.tab .nav.nav-tabs li a {
    padding: 2px;
	font-size: 16px;
	min-width: auto;
}
.dropcap {
    width: 30px;
    height: 30px;
    line-height: 30px;
}
/*.fa {
    color: #be0017;
}*/
.footer .social ul {
    padding: 0;
}
.footer .social ul li a i{
    width: 25px;
	height: 35px;
    line-height: 35px;
}
.tab .nav.nav-tabs li .second-tab {
    /*padding: .1rem 1rem;
	cursor: default;*/
	    display: none;
}

.tab .nav.nav-tabs li {
    margin-bottom: 2px;
    margin-right: 0;

}
#back-to-top .top {
    bottom: 50px;
    width: 28px;
}
.chest img, .garbage img{
	padding-top: 30px;
}
.page-breadcrumb{
	font-size: 14px;
}
.tab-pane .badge-info {
    font-size: 14px;
}
.tab .nav.nav-tabs li {
    margin-bottom: -2px;
}
.ex-9 .exercise-content .btn {
    margin: 10px 4px;
}
.audiomost .box {
    padding: 0;
}
.table-bordered tbody tr td, .table-bordered thead tr th {
    padding: 10px 7px;
}
.masonry.columns-3 .masonry-item-update {
    padding: 0;
}
.masonry.columns-3 .masonry-item {
    padding-right: 5px;
}
.footer-useful-link ul li {
    margin-bottom: 0;
}
.js-ex-5-task-div textarea {
    letter-spacing: 4px;
}
.page-title.small h1 {
    margin-top: -20px;
}
.text-solution.js-ex-5-task-div textarea {
    font-size: 22px;
}
.masonry-page .masonry.columns-5 .masonry-item, .masonry-page .masonry.columns-4 .masonry-item {
    width: 50%;
    padding: 10px;
}
.paragraf-big p{
	font-size: 18px;
}
.paragraf-big span{
	font-size: 22px;
}
ul.selection li {
    width: 90%;
}
.select-word .col-6 ul {
    font-size:14px;
}
.list-select .col-sm-4, .list-select .col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
}
.list-select .col-9{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
h3{
	line-height: 22px;
	font-size: 22px;
}
.border-green-ring-medium, .border-red-ring-medium, .border-grey-ring-medium {
	padding: 7px;
}
h1 {
    font-size: 22px;
}
.table_blur {
    font-size: 16px;
	margin: 5px auto;
}
.table_blur th, .table_blur td{
    padding: 5px;
}
}
@media(max-width:435px) {
.ex-11 .exercise-content .btn{
	font-size: 22px;
	padding: 5px;
}
.chest-and-garbage{
	width: 90%;
	margin: 0 auto;
}
.card-body {
    padding: 5px;
}
.card-header {
    padding: 5px;
    margin-bottom: 0;
}
/*.audiomost .justify-content-center{
    margin-left: -26%;
}*/

.settings-pict {
	display: none;

}
.about-exercises .img-fluid {
    max-width: 80%;
}
.ex-0b .btn {
    min-width: 80px;
}
.exercise-content{
    padding: 2px 4px;
    background: #fff;
    box-shadow: 0 0 0 rgb(0, 0, 0);

}

.social-login-mini {
    margin: 0 2px;
}
.login-box-02 {
    padding: 10px;
}

.shuffle-filters button, .shuffle-filters a.button {
    margin: 0 2px;
    padding: 2px 5px;
}
.superfind .blog-entry{
    margin-bottom: 20px;
	margin-top: 30px;
}
.landing .section-title {
    margin-bottom: 14px;
    line-height: 0;
}
.landing .button {
    margin-bottom: 10px;
}
.scanner .container-flex{
  margin-left: -150px;
}
.acd-heading h2 {
    font-size: 24px;
}
.list-select ul {
	text-align: left;
	margin-left: 10px;
}
.list-select .col-sm-4, .list-select .col-sm-3, .list-select .col-9{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
/*.list-select*/
.list-select li img{
	width: 20%;
}
.list-select figcaption{
	display: inline-block;
}
/*изменить стили для 435 экрана*/
.text-solution {
    font-size: 20px;
}
.text-reb {
    font-size: 18px;
    letter-spacing: 1px;
}
.js-exercise-7-task span {
   padding: 0 3px 1px 4px;
    margin: 3px;
    line-height: 36px;
    border: 1px solid #d6d5d5;
}
ul.subcat-list li, ul.level-list li {
    padding: 0;
}
.badge {
    padding: 0.3em 0.2em;
    font-size: 65%;
    font-weight: 600;
    line-height: 1.2;
}
.badge-round-small {
	font-size: 65%;
	padding-top: 0.4em;
	padding-bottom: 0.2em;
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem;
}
.table-stat .text-dark-red,
.table-stat .text-bold-orange,
.table-stat .text-bold-green,
.table-stat .text-bold-blue {
    font-size: 14px;
}
h2.shadow{
    font-size: 30px;
    line-height: 14px;
}
h2.shadow span{
    font-size: 20px;
}
.tab-pane h2{
	font-size: 16px;
    line-height: 22px;
}
.custom-title {
    padding: 0px 6px;
}
.tabs-header-img {
    margin: 5px;
    padding: 2px 6px 7px 6px;
}


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

}	

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 811.98px) {

.paper {
    min-height: 360px;
}
}
/*стили для рамки в мобильной версии*/

/*=======   tabs  background and border ========*/

/*.tab .nav.nav-tabs li.ex-1-tab a{
    background: #ffedd7;
	background:  none;
    border-color: #e33203;
    color: #9f2302;
	border-width: 2px;
}
.tab .nav.nav-tabs li.ex-2-tab a{
   background:  #faeae9;
   background:  none;
    border-color: #c77777;
    color: #cc3300;
	border-width: 2px;
}
.tab .nav.nav-tabs li.ex-3-tab a{
   background:  #f3f9ff;
      background:  none;
    border-color: #73bfe4;
    color: #4ac2f3;
	border-width: 2px;
}
.tab .nav.nav-tabs li.ex-4-tab a{
    background: #FFFFEE;
   background:  none;
    border-color: #f8c373;
    color: #e48a02;
	border-width: 2px;
}
.tab .nav.nav-tabs li.ex-5-tab a{
    background: #f4d9ff;
   background:  none;
    border-color: #c080be;
    color: #9c32a4;
	border-width: 2px;
}
.tab .nav.nav-tabs li.ex-6-tab a{
    background: #fff4d7;
   background:  none;
    border-color: #c0b280;
    color: #a45632;
	border-width: 2px;
}
.tab .nav.nav-tabs li.ex-7-tab a{
	background: #d7fffd;
   background:  none;
    border-color: #80c0c0;
    color: #3286a4;
	border-width: 2px;
}
.tab .nav.nav-tabs li.ex-8-tab a{
    background: #dad8ff;
   background:  none;
    border-color: #8780c0;
    color: #4110de;
	border-width: 2px;
}
.tab .nav.nav-tabs li.ex-9-tab a{

    background: #EDFFD7;
   background:  none;
    border-color: #80c080;
    color: #32a432;
	border-width: 2px;
}
.tab .nav.nav-tabs li.ex-7a-tab a{
    background: #ffd7d7;
   background:  none;
    border-color: #c08080;
    color: #a43232;
	border-width: 2px;
}
.tab .nav.nav-tabs li.ex-0-tab a{
    background: #EDFFD7;
   background:  none;
    border-color: #80c080;
    color: #32a432;
	border-width: 2px;
}
.tab .nav.nav-tabs li.ex-3a-tab a{
    background: #EDFFD7;
   background:  none;
    border-color: #80c080;
    color: #32a432;
	border-width: 2px;
}

.tab .nav.nav-tabs li.ex-0a-tab a{
    background: #faf1ec;
   background:  none;
    border-color: #ff9e9e;
    color: #ca3636;
	border-width: 2px;
}

.tab .nav.nav-tabs li.ex-0b-tab a{
    background: #faf1b4;
   background:  none;
    border-color: #feca3c;
    color: #b48810;
	border-width: 2px;
}
.tab .nav.nav-tabs li.ex-0c-tab a{
    background: #deecfa;
   background:  none;
    border-color: #62acf4;
    color: #fff;
	border-width: 2px;
}*/
@font-face {
font-family: "Montserrat-Bold"; 
src: url("../fonts/Montserrat/Montserrat-Bold.ade91f473255.ttf")  format("truetype");
font-style: normal; 
font-weight: normal; 
}
@font-face {
font-family: "Montserrat-Medium"; 
src: url("../fonts/Montserrat/Montserrat-Medium.c8b6e083af3f.ttf")  format("truetype");
font-style: normal; 
font-weight: normal; 
}
@font-face {
font-family: "Montserrat-SemiBold"; 
src: url("../fonts/Montserrat/Montserrat-SemiBold.c641dbee1d75.ttf")  format("truetype");
font-style: normal; 
font-weight: normal; 
}