@charset "UTF-8";

:root {
	--primary-title-color: #80aa32;
}

html {
	scroll-behavior: smooth;
}



.ticket-section .price-item {
  position: relative;
  transition: all .5s ease;
  box-shadow: 0 0 20px 0 rgba(0,0,0,.29);
  background-color: #fff;
}

.ticket-section .price-item .price-money {
  padding-bottom: 10px;
  padding-top: 15px;
  background: #e7e8f4;
  transition: all .5s ease;
}

.ticket-section .price-item:hover .price-money {
  background: #111a91;
  transition: all .5s ease;
}

.ticket-section .price-item:hover .price-money h1,
.ticket-section .price-item:hover .price-money h2,
.ticket-section .price-item:hover .price-money p {
  color: #fff;
  transition: all .5s ease;
}

.enter_tickets_title {
  font-size: 19px;
  line-height: 30px;
}

.enter_tickets_title {
  color: #2f323c;
  font-weight: 400;
  background: #fff;
  padding-top: 18px;
  padding-bottom: 15px;
  text-transform: uppercase;
}

.price-money-p {
	font-family: "Archivo",sans-serif;
	font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  padding: 1em 2em;
	padding-bottom: 1em;
	color: rgba(0,0,0,.5);
}
.price-money h1 {
	font-family: "Archivo",sans-serif;
}
.btn_by_ticket {
	width: 125px;
}
.price-money span {
	font-family: "Archivo",sans-serif;
	font-size: 25px;
  line-height: 35px;
}

.contact-form-box {
  padding: 25px;
  background-color: #e7e8f4;
}

.accordion_block {
  background-color: #101990;
}
form#contact-form {
  color: #6c757d;
}

.fa-duotone.fa-solid.fa-phone,
.fa-duotone.fa-solid.fa-envelope {
  color: #101990;
  font-size: 18px;
}

.contact_person-title {
  line-height: 2;
}


.alert_block {
  display: none;
}

.alert_block-show {
  display: block;
  animation: showBlock 2s linear forwards;
}

@keyframes showBlock {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


#footer-contact {
  padding: 100px 0;
  background-color: #fff;
}

.footer-soc-icons {
  display: flex;
}
.footer-soc-icons-item {
  margin-right: 8px;
  box-shadow: 1px 1px 3px #ccc;
}

.big.font-weight-sbold {
  color: #101990;
  font-weight: 600;
  font-size: 24px;
}
h5.footer-block-title {
  margin-bottom: 25px;
}
p.event-detail-address.big {
  /* color: #4b6e97; */
  color: #656a6e;
  margin-bottom: 0.4rem;
}

@media (width <= 992px) {
  .big.font-weight-sbold {
    font-size: 22px;
  }
  #footer-contact {
    padding: 60px 0;
  }
}

@media (width <= 767px) {
  .big.font-weight-sbold {
    font-size: 21px;
  }
  h5.footer-block-title {
    margin-bottom: 18px;
  }
   #footer-contact {
    padding: 40px 0;
  }
}
@media (width <= 592px) {
  .countdown-info-place,
  .countdown-info-date {
    font-size: 1.6rem;
  }
  #add_to_calendar,
  #btn_participate {
    padding: .5rem 0.8rem;
    font-size: 1.1rem;
  }
  #countdown-info,
  #time-countdown {
    padding: 0.8rem !important;
  }
  .display-5 {
    font-size: 1.6rem;
  }
  .display-6 {
    font-size: 1.3rem;
  }
  .counter-column .count {
    font-size: 1.6rem;
  }
  .counter-column h6 {
    font-size: 1.5rem;
  }
}
@media (width <= 360px) {
  .countdown-info-place,
  .countdown-info-date {
    font-size: 1.2rem;
  }
  #add_to_calendar,
  #btn_participate {
    padding: .4rem 0.6rem;
    font-size: 0.9rem;
  }
  #countdown-info,
  #time-countdown {
    padding: 0.5rem !important;
  }
  .hero-heading {
    font-size: clamp(1.6rem, 5vw, 4rem);
  }
  .display-5 {
    font-size: 1.4rem;
  }
  .display-6 {
    font-size: 1.1rem;
  }
  .counter-column .count {
    font-size: 1.2rem;
  }
  .counter-column h6 {
    font-size: 1.2rem;
  }
  #topBarSM > div > ul > .nav-item:first-child {
    margin-right: 2rem;
  }
}
@media (width <= 340px) {
  #topBarSM > div > ul > .nav-item:first-child {
    margin-right: 4rem;
  }
  .price-money-p {
    font-size: 0.8rem;
  }
  .enter_tickets_title {
    font-size: 18px;
    line-height: 10px;
  }
  .price-money h1 {
    font-size: 2rem;
  }
  
}
@media (width <= 310px) {
  #topBarSM > div > ul > .nav-item:first-child {
    margin-right: 5rem;
  }
  
}

.lection-desc-link {
  color: #101990;
  text-decoration: none;
}
.lection-desc-link:hover { 
  color: #101990;
}