html {
  --lh: 1.4rem;
  line-height: var(--lh);
}

.card-text {
  --max-lines: 3;
  position: relative;
  max-height: calc(var(--lh) * var(--max-lines));
  padding-right: 1rem; /* space for ellipsis */
}



.card-columns {
  @include media-breakpoint-only(lg) {
    column-count: 4;
  }
  @include media-breakpoint-only(xl) {
    column-count: 5;
  }

#countdown {
	float:left;
	padding:5px;
	width:48px;
	height:55px;
	position:relative;
	display:block;
	color:#ffffff;
}
			
span {
	margin:0px;
	padding:0px;
	width:24px;
	height:55px;
	float:left;
	color:#ffffff;
	font-size:13em;
	font-weight:bold;
	position:absolute;
}

#minutes {
	margin-left:24px;
	font-size:33em;
}

#timer_wrap {
	background-color:#515151;
	border-radius:10px;
	height:65px;
	width:340px;
	padding:15px 18px;
}

   .loader {
  display: none;     
  border: 16px solid #f3f3f3;
  border-radius: 10%;
  border-top: 16px solid blue;
  border-right: 16px solid green;
  border-bottom: 16px solid red;
  border-left: 16px solid pink;
  margin-left:20px;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

div.tm-grid-expand
{
  width: 100%;
  max-width: 1024px;
  padding: 15px;
  margin: 0 auto;    
    
}

span.uk-text-background
{
    display: block;
    text-align:  center;
    font-size: 50px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px #fff;
}

.future_block
{
    background: #fff;
    display: block;
    padding-top:108px; 
    padding-bottom:123px;
    text-align: center;

}
#container {
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
}
.display-4{
    text-align  : center;  
}
.dialog-box{
    display:none;    
}
.lesson-video {
  display: flex;
  justify-content: center;
}
.btn-link-video{
    display: flex;
    justify-content: center;
    font-family: 'Montserrat', sans-serif;
	font-weight:  900; 
	background:  #fff;
	color: #005;
	text-align: center;
	padding:24px; 
	border-radius: 5px;
	margin:auto;
	width: 500px;   
}
.phone_input{
    width: 140px; 
}
.wrapper2
{
    display: flex;
    line-height: 1.65em;
    margin-top:20px;
}
.el-item-1
{	width: 285px;
	margin-left: 2px;
	margin-right: 40px;
}
.el-item-2
{	width: 290px;
	margin-left: 40px;
	margin-right: 40px;
}
.el-item-3
{	width: 290px;
	margin-left: 40px;
	margin-right: 40px;
}
.el-item-4
{	width: 285px;
	margin-left: 40px;
	margin-right: 40px;
}

.el-item-5
{	width: 290px;
	margin-left: 40px;
	margin-right: 40px;
}
.el-item-6
{	width: 290px;
	margin-left: 40px;
	margin-right: 2px;
}
.el-button-video
{  	
    font-family: 'Montserrat', sans-serif;
	font-weight:  900; 
	background:  #ffd429;
	display: block;
	color: #000;
	text-align: center;
	text-decoration: none;
	padding:24px; 
	transition: all 0.5s ease;
	border-radius: 100px;
	margin: auto;
	width: 500px;
}
.el-button-video:hover
{
	background: #E3B709;
}
.el-footer
{
   text-align: center; 
}
.container-main
{
    display: flex; /* Создаем гибкую структуру */
    flex-direction: column; /* Располагаем элементы вертикально */
    min-height: 100vh; /* Минимальная высота равна высоте вьюпорта */
    margin-top:100px;
}
.main-panel{
 background-color: rgba(218, 165, 32, 0.7); 
 border-radius:1%;
 margin-left:20px;
 margin-right:20px;
 margin-top:20px;
}
.main-btn{
   margin:10px,20px,10px,20px; 
   padding: 20px;
   position:center;
}
.in-main-panel{
    display: block;
    text-align:  center;
    margin:10px,20px,10px,20px; 
}
.lead{
 text-align:  center;   
 margin:10px,20px,10px,20px;
 margin-top:20px;
}
.image-widgit{
  display: block;
  margin-top:50px;
  color:#fff;
}

.dragon-card{
    display: flex;
    justify-content: center;
    margin-top:20px;  
}
.dragon-footer{
    display: block;
    text-align:  center;
    width:800px;
}
.footer{ 
    left:0px;
    bottom:0px;
    height:30px;
    width:100%;
    margin-top: 40px;
    background-color:#f3f3f3;
    text-align:  center;
}