@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=cyrillic');

 ::-webkit-input-placeholder {color:#656bad;}
 ::-moz-placeholder          {color:#656bad;}
 :-moz-placeholder           {color:#656bad;}
 :-ms-input-placeholder      {color:#656bad;}
 ::placeholder {color: #656bad;}

 body, html { 
    background-color: #1c2142;
}
 
 label, a, .card ul > li {
    color: #13c1bf;
    text-decoration: underline !important;
}
 a:hover {
    color: #13c1bf; 
    text-decoration: underline;
}

.nav-tabs a{
  color: #eee;
  text-decoration: none !important;
}

footer a{
  color: #eee;
  text-decoration: none !important;
}

footer a:hover{
  color: #eee;
  text-decoration: underline !important;
}

 p {
    margin-bottom: 5px;
    color: #fff;
    font-family: 'Open Sans', sans-serif !important;
 }

 p > b {
    color: #13c1bf;
 }

 .card {
    background: #2c3161 none repeat scroll 0 0; 
    box-shadow: 1px 1px 10px #181d3a;
}

 .card-title {
  text-align: center;
}

 .card-title h4 {
  color: #13c1bf;
  text-transform: uppercase;
}

 .or {
    text-align: center;
    padding: 10px 0px;
    color: #13c1bf;
}

 .form-control {
    background: #242852;
    border: 0px;
    color: #656bad;
    height: 38px;
}

 img.success {
    max-width: 160px;
    margin-bottom: 20px;
 }

 h3.success {
    color: #3bb54a;
 }

 h3.error {
    color: #ec2828;
 }

 ul {
    padding-left: 10px;
 }

 .btn {
    min-width: 180px;
    margin-bottom: 5px;
 }

 a.policy {
    text-decoration: underline !important;
 }


#telegram, .pulse{
	width: 84px;
	height: 84px;
}

 .pulse {
	  position: fixed;
	  bottom: 40px;
	  right: 40px;
	  display: block;	  
	  border-radius: 50%;
	  background: white;
	  cursor: pointer;
	  box-shadow: 0 0 0 rgba(0, 123, 255, 0.8);
	  animation: pulse 2s infinite;
	  z-index: 999;
}
.pulse:hover {
  	animation: none;
}
.column-wrapper {
   display: flex;
   justify-content: space-between;
}

.column {
   flex: 1;
   padding: 20px;
   transition: box-shadow 0.3s ease; /* добавляем transition для плавного перехода */
}

/* Эффект "погашения" тени при наведении */
.column:hover {
   box-shadow: 0 0 5px rgba(15, 172, 151, 0.568); /* изменяем прозрачность тени */
}

/* Уменьшаем размер шрифта во втором и третьем столбцах */
.column:nth-child(2),
.column:nth-child(3) {
   font-size: 14px; /* задаем меньший размер шрифта */
}

/* Увеличиваем ширину первого столбика */
.column:first-child {
   flex: 1.7; /* увеличиваем ширину в 1.5 раза */
}

.btn.btn-primary.btn-neon {
   position: relative;
   overflow: hidden;
}

.btn.btn-primary.btn-neon::before, .btn.btn-primary.btn-neon::after {
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   width: 300%;
   height: 300%;
   background: rgba(15, 172, 151, 0.3);
   border-radius: 50%;
   transition: all 0.3s ease;
   z-index: -1;
   transform: translate(-50%, -50%);
   opacity: 0;
}

.btn.btn-primary.btn-neon::after {
   background: rgba(15, 172, 151, 0.1);
   width: 200%;
   height: 200%;
}

.btn.btn-primary.btn-neon:hover::before, .btn.btn-primary.btn-neon:hover::after {
   opacity: 1;
}



@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.8);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(0, 123, 255, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.8);
    box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.8);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(0, 123, 255, 0);
      box-shadow: 0 0 0 10px rgba(0, 123, 255, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
      box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
  }
}


@media (max-width: 768px){
	#telegram, .pulse{
		width: 60px;
		height: 60px;
	}

	.pulse{
		bottom: 20px;
	  	right: 20px;
	}
}