* {font-family: 'Roboto', sans-serif; margin: 0; padding: 0; scroll-behavior: smooth; box-sizing: border-box;}
*:focus:not(:focus-visible) {outline: 0 !important; box-shadow: none !important;} 
button, input {box-shadow: none !important;} 
button:focus {outline: none;}
textarea:focus {outline: none;}
body {background-color: #f0f0f0;}

.active-shadow {height: 100%; width: 100%; background-color: rgba(0,0,0,0.5); z-index: 2; position: fixed; top: 0; left: 0; right: 0; bottom: 0;}

.content {background-color: #f0f0f0;}
.content h1 {margin: 0; font-size: 55px; line-height: 60px;font-weight: 600;}
.content h1 .sub {display: block;font-size: 22px;font-weight: 400;}
.content h2 {font-size: 20px;margin: 28px 0 10px 0;color: #000;aline-height: 28px;}
.content h2.title {margin: 0;color: #FFF;}
.content h2.title a {color: #FFF;}
.content h3 {font-size: 18px;line-height: 28px;margin: 15px 0 15px 0;}
.content h4 {font-size: 16px;margin: 10px 0 10px 0;}
.content img {margin: 15px 0;max-width: 100%;height: auto;}
.content img.banner {margin: 0;}
.content img.no-margin {margin: 0;}
.content img.align-left {float: left;margin: 15px 20px 15px 0;}
.content img.align-right {float: right;margin: 15px 0 15px 20px;}
.content a {color: #000;text-decoration: none; font-size: 16px; font-weight: 600;}
.content a:hover {text-decoration: underline;}
.content a.btn-primary {color: #FFF;}
.content p {margin: 15px 0 15px 0;}

.section-gap {padding-bottom: 100px;}

	@media (max-width: 992px) {
		.section-gap {padding-bottom: 50px;}		
	}

.yamm .collapse,.yamm .dropup,.yamm .dropdown{position:static}.yamm .container{position:relative}.yamm .dropdown-menu{left:auto}.yamm .yamm-content{padding:1rem}.yamm .dropdown.yamm-fw .dropdown-menu,.yamm .dropup.yamm-fw .dropdown-menu{left:0;right:0}
.btn-outline-primary {--bs-btn-color: #000;--bs-btn-border-color: #000; } 
.content a.btn-outline-primary {text-decoration: none;}
.btn-outline-primary.btn:hover {background-color: #000;; border-color: #000;}
.splide__arrow {background: transparent;} 
.splide__arrow--prev {left: -3em;}
.splide__arrow--next {right: -3em;}


.content .btn-main {background-color: #143F8E; padding: 15px 30px; color: #fff; text-decoration: none; text-transform: uppercase; font-size: 14px; font-weight: 600; display: flex; align-items: center; justify-content: center;}
.content .btn-main:hover {background-color: #18366d;}

.content .btn-main.outline {background-color: transparent; border: 2px solid #000; color: #000;}
.content .btn-main.outline:hover {background-color: #000; color: #fff;}

@media (max-width: 992px) {
	.content h1 {font-size: 24px;line-height: 28px; padding-bottom: 15px;}
	.content h2 {font-size: 20px;}
	.content h3 {font-size: 16px;line-height: 20px;}
	.content h4 {font-size: 14px;}
}


@media (min-width: 768px) {.container {width: 730px!important; max-width: 730px!important;}}
@media (min-width: 992px) {.container {width: 950px!important; max-width: 950px!important;}}
@media (min-width: 1200px) {.container {width: 1150px!important; max-width: 1150px!important;}}
@media (min-width: 1600px) {.container {width: 1570px!important; max-width: 1570px!important;}}



.small-text {font-size: 16px;}


.section-main-banner {position: relative;}
.section-main-banner .background-image {background-image: url('../img/chu.png'); background-size: cover; background-repeat: no-repeat; background-position: center; height: 93vh;}
.section-main-banner .logo-container {position: absolute; top: 5%; }
.section-main-banner .logo-container span {font-family: 'Damion', sans-serif; font-weight: 400; font-size: 66px; }
.section-main-banner .date-container {position: absolute; top: 30%;}
.section-main-banner .date-container span {display: block;}
.section-main-banner .date-container .date {font-size: 55px; font-weight: 600;}
.section-main-banner .text-container {position: absolute; bottom: 10%; width: 40%;}
.section-main-banner .text-container h1 {font-size: 70px; font-weight: 700; line-height: 1;}
.section-main-banner .btn-container {display: flex; gap: 10px; margin-top: 20px}

	@media (max-width: 1400px) { 
		.section-main-banner .text-container {width: 100%;}
	}

	@media (max-width: 1200px) {
		.section-main-banner .text-container h1 {font-size: 40px;}
		.section-main-banner .logo-container span {font-size: 33px; }
		.section-main-banner .date-container .date {font-size: 28px; }
		.section-main-banner .background-image {height: 60vh;}
	}

	@media (max-width: 992px) {
		.section-main-banner .text-container h1 {font-size: 30px;}
		.section-main-banner .date-container .date {font-size: 23px;}
	}

.section-header {background-color: #18366d; height: 8vh;}
.section-header .container {height: 100%;}
.section-header .navbar-nav {justify-content: space-around; flex-direction: row; align-items: center; height: 100%;}
.section-header .navbar-nav .nav-link {padding: 0; color: #fff; font-weight: 600; font-size: 21px;}

	@media (max-width: 992px) {
		.section-header .navbar-nav {flex-wrap: wrap;}
		.section-header .navbar-nav .nav-link {font-size: 18px;}
	}

.section-calendar .section-calendar-header {padding-bottom: 30px; border-bottom: 1px solid #000;}
.section-calendar .section-calendar-header .row {align-items: center;}
.section-calendar .section-calendar-header .text {color: #6A6A6A; display: flex; justify-content: center;}
.section-calendar .section-calendar-header .text p {margin: 0;}
.section-calendar .section-calendar-header .link-container {display: flex; justify-content: end;}

	@media (max-width: 992px) {
		.section-calendar .section-calendar-header .link-container {justify-content: start; padding-top: 15px;}
	}

.section-calendar .section-calendar-main .info {padding: 25px 0; border-bottom: 1px solid #dadada;}
.section-calendar .section-calendar-main .info .row {align-items: center;}
.section-calendar .section-calendar-main .info .date-container {display: flex; gap: 15px; align-items: center;}
.section-calendar .section-calendar-main .info .date-container .day {font-size: 70px; font-weight: 600; line-height: 70px;}
.section-calendar .section-calendar-main .info .date-container .month {width: 100px; font-weight: 600; font-size: 21px; line-height: 24px;color: #6A6A6A;}
.section-calendar .section-calendar-main .info h2 {margin: 0; font-size:30px; font-weight: 600;}
.section-calendar .section-calendar-main .info .details {display: flex; gap: 20px; align-items: center; font-size: 15px; margin-top: 5px;}
.section-calendar .section-calendar-main .info .details img {margin: 0;}
.section-calendar .section-calendar-main .info .details .place-info {display: flex; gap: 5px; align-items: center;}
.section-calendar .section-calendar-main .info .details .time-info {display: flex; gap: 5px; align-items: center; color: #6A6A6A;}
.section-calendar .section-calendar-main .btn-container {display: flex; justify-content: end;}
.section-calendar .section-calendar-main .btn-container .btn-main {width: fit-content;}
.section-calendar .section-calendar-main .btn-container span {color: #143F8E; font-size: 21px;}

	@media (max-width: 992px) {
		.section-calendar .section-calendar-main .info .date-container .day {font-size: 40px; line-height: 50px;}
		.section-calendar .section-calendar-main .info .date-container .month {width: 80px; font-size: 16px; line-height: 18px;}
		.section-calendar .section-calendar-main .info h2 {font-size: 24px; margin-top: 5px;}
		.section-calendar .section-calendar-main .btn-container {justify-content: start; margin-top: 15px;}
	}


.section-about-us {}
.section-about-us .big-img-container {margin-bottom: 20px;}
.section-about-us .text-about p {margin: 0;}
.section-about-us .text-about {column-count: 2; column-gap: 30px; color: #6A6A6A;}

.section-info {background-color: #14183A; padding: 100px 0; color: #fff;}
.section-info img {margin: 0;}
.section-info .img-container.long {margin-top: 20px;}
.section-info .color-container {background-image: linear-gradient(to top, #143f8e, #274f9f, #375faf, #4670c0, #5581d1); display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding: 30px;}
.section-info .color-container span {font-size: 16px; text-transform: uppercase;}
.section-info .color-container h3 {margin: 0; font-size: 30px; line-height: 32px;}

.section-info .content-container {height: 100%; display:flex; align-items:center; margin-left: 60px;}
.section-info .content-container .text-container p {color: #D8D8D8;}
.section-info .content-container .text-container .advantages-container {margin-top: 50px;}
.section-info .content-container .text-container .advantages-container .item  {margin-top: 30px;}
.section-info .content-container .text-container .advantages-container .item h2 {color: #fff; margin: 0;}
.section-info .content-container .text-container .advantages-container .item p {margin-top: 10px;}

	@media (max-width: 992px) {
		.section-info {padding: 50px 0;}
		.section-info .color-container span {font-size: 16px;}
		.section-info .color-container h3 {font-size: 22px; line-height: 25px;}
		.section-info .color-container {gap: 40px; }
		.section-info .img-container {display: flex; align-items: center; justify-content: center; margin-top: 20px; }
		.section-info .content-container {margin-left: 0;margin-top: 20px;}
		.section-info .content-container .text-container p {margin-top: 0;}
		.section-info .content-container .text-container .advantages-container .item h2 {}
	}

.section-sponzors {padding-bottom: 100px; background-color: #14183A;}
.section-sponzors .sponzors-container {display: flex;flex-wrap: wrap; align-items: center; justify-content: center;}
.section-sponzors .sponzors-container .item {border: 1px solid #605d75; display: flex; align-items: center; justify-content: center; padding: 150px;}
.section-sponzors .sponzors-container .item img {margin: 0;}

	@media (max-width: 992px) {
		.section-sponzors {padding-bottom: 50px;}
		.section-sponzors .sponzors-container {gap: 30px;}
		.section-sponzors .sponzors-container .item {padding: 50px;}
	}


.section-faq {}
.section-faq .img-container {display: flex; justify-content: center;}
.section-faq .img-container img {height: 700px;}
.section-faq .content-container {height: 100%; display:flex; align-items:center; margin-left: 60px;}
.section-faq .content-container .text-container .questions-container {margin-top: 50px;}
.section-faq .content-container .text-container .questions-container .item  {padding: 20px 0; border-bottom: 1px solid #D8D8D8; }
.section-faq .content-container .text-container .questions-container .item button {background: none;color: inherit;border: none;padding: 0;font: inherit;cursor: pointer;outline: inherit; font-weight: 600; font-size: 21px;}
.section-faq .content-container .text-container .questions-container .item p {color: #6A6A6A;}

	@media (max-width: 992px) {
		.section-faq .content-container {margin-left: 0px;}
		.section-faq .content-container .text-container {margin-top: 15px;}
		.section-faq .content-container .text-container .questions-container {margin-top: 0px;}
	}

.section-pricing {}
.section-pricing .header-pricing {display: flex; justify-content: center; flex-direction:column; align-items:center; flex-wrap: wrap; }
.section-pricing p {color: #6A6A6A;}
.section-pricing .container-price {display: flex; justify-content: center; gap: 120px;  }
.section-pricing .price-container {margin-top: 30px; padding: 80px 30px; background-color: #fff;}
.section-pricing .price-container .price-title {padding-bottom: 40px;}
.section-pricing .price-container .price-title span {display: block; font-size: 21px; font-weight: 600; margin-bottom: 10px;}
.section-pricing .price-container .price-title .price-value {font-size: 55px;}
.section-pricing .price-container .price-content {margin-top: 40px;}
.section-pricing .price-container .price-content .btn-main.outline {width: fit-content; margin-top: 30px;}

	@media (max-width: 992px) {
		.section-pricing .header-pricing {display: flex; justify-content: start; align-items:start; }
		.section-pricing .container-price {flex-wrap: wrap; gap: 10px; }
		.section-pricing p {margin-top: 0;}

		.section-pricing .price-container {padding: 30px 20px;}
		.section-pricing .price-container .price-title {padding-bottom: 0;}
		.section-pricing .price-container .price-title span {font-size: 18px;}
		.section-pricing .price-container .price-title .price-value {font-size: 44px;line-height: 50px;}

	}

.content footer {padding: 100px 0; background-color: #14183A; color: #fff;}
.content footer .logo-container img {margin: 0}
.content footer .logo-container p {color: #D8D8D8; max-width: 70%;}
.content footer .logo-container span {font-family: 'Damion', sans-serif; font-weight: 400; font-size: 56px;}
.content footer h4 {margin-bottom: 20px; font-weight: 600; font-size: 21px;}
.content footer .info-container .store-text {margin-bottom: 30px;}
.content footer .info-container .store-text span {display: block; color: #fff;}
.content footer .info-container a {margin-bottom: 20px; display: block;}
.content footer a {color: #fff}

	@media (max-width: 992px) {
		.content footer {padding: 50px 0;}
		.content footer .logo-container span {font-size: 33px; }
		.content footer h4 {font-size: 18px;}
		.content footer a {line-height: 21px; padding: 0;}
		.content footer ul li {margin-bottom: 15px;}
		.content footer .info-container .store-text {margin-bottom: 20px;}
	}