/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 30 2023 | 10:10:35 */
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    font-size: 16px;
}

.splide__slide img {
  	width: 100%;
  	height: auto;
	object-fit: contain;
	max-height: 600px;
	border-radius: 16px;
}
#image-carousel {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 0 40px 0;
}
#image-carousel > .splide__pagination > li >  .splide__pagination__page.is-active {
	background: #77bdff;
	opacity: 1;
}

.b-font {
    font-family: "Bebas", Arial, sans-serif!important;
}
.r-font {
    font-family: "Roboto", Arial, sans-serif!important;
}
.subtitle-xl {
    font-size: 3rem!important;
}
.title-xl {
    font-size: 180px!important;
}
.title-m {
    font-size: 80px!important;
}
.text-m {
    font-size: 20px!important;
}
.block {
    padding: 8rem 0!important;
}
.footer-bl {
    padding: 2rem 0!important;
}
.price-cards {
    margin-top: 48px!important;
    width: 100%;
    max-width: 1600px!important;
}
.footer-policy {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.start-bl {
	height: 100vh;
}
.start-bl-bg {
	height: 100vh;
	align-items: start!important;
}
.start-bl-title {
	text-align: center!important;
	max-width: 70%!important;
	margin: 32px 0!important;
}
.start-bl-subtitle > strong > span { color: #0081f9; }
.start-title-block {
	display: flex;
	flex-direction: column;
	justify-content: center;
	
}
@media screen and (min-width:1601px) {
    .container {
    width: 100%!important;
    max-width: 1600px!important;
    margin: 0 auto!important;
}
.title-l {
    font-size: 130px!important;
}
}@media screen and (max-width:1600px) {
    .container, .price-cards {
    max-width: 1200px!important;
    margin: 0 auto!important;
}
.title-l {
    font-size: 110px!important;
}
}@media screen and (max-width:1400px) {
    .title-l {
    font-size: 100px!important;
}
}@media screen and (max-width:1200px) {
	.start-bl-title {
		font-size: 110px!important;
	}
    .subtitle-xl {
    font-size: 2.5rem!important;
}
.title-xl {
    font-size: 120px!important;
}
.title-l {
    font-size: 75px!important;
}
.title-m {
    font-size: 60px!important;
}
.text-m {
    font-size: 18px!important;
}
.container {
    max-width: 100%!important;
    padding-left: 40px!important;
    padding-right: 40px!important;
}
.block {
    padding-top: 4rem!important;
    padding-bottom: 4rem!important;
}
}@media screen and (max-width:850px) {
    .start-bl>div {
    height: 99vh!important;
    -webkit-box-align: start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important;
}
	.start-bl-title {
		font-size: 90!important;
		max-width: 90%!important;
		margin: 24px 0!important;
	}
.subtitle-xl {
    font-size: 2rem!important;
}
.title-xl {
    font-size: 100px!important;
}
.title-l {
    font-size: 65px!important;
}
.title-m {
    font-size: 50px!important;
}
.text-m {
    font-size: 18px!important;
}
.start-bl-frst-line {
    -ms-flex-preferred-size: 90vw!important;
    flex-basis: 90vw!important;
}
.adv-title {
    text-align: left!important;
}
.about-me-bl {
    -ms-grid-columns: 100%!important;
    grid-template-columns: 100%!important;
}
.about-img-1, .about-img-3 {
    display: none!important;
}
.shedule-bl>.container {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important;
    gap: 20px!important;
}
.price-cards {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.price-card {
    max-width: 70%!important;
}
.form-container {
    top: 0!important;
    left: 5vw;
    width: 90%!important;
}
.connect-us {
    margin-top: 0!important;
    text-align: center;
    font-size: 60px!important;
}
.form-title {
    font-size: 25px!important;
    text-align: center;
}
.splide-carousel.splide__slide {
		font-size: 14px!important;
		line-height: 24px!important;
		padding: 24px!important;
	}
}
@media screen and (max-width:600px) {
    header {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
	.start-bl-title {
		font-size: 80px!important;
		max-width: 100%!important;
	}
.subtitle-xl {
    font-size: 1.5rem!important;
}
.title-xl {
    font-size: 70px!important;
}
.title-l {
    font-size: 60px!important;
}
.title-m {
    font-size: 40px!important;
}
.text-m {
    font-size: 18px!important;
}
footer {
    position: relative;
}
footer, .feedback-block {
    z-index: 30!important;
}
.adv-bl, .feedback-block {
    z-index: 0;
}
.price-card {
    max-width: 90%!important;
    z-index: 0;
}
/* .add-btn > a {
    position: fixed;
    display: block;
    width: 80%;
	left: 10%;
    bottom: 5vh;
    z-index: 25;
} */
	.splide__slide {
		font-size: 14px!important;
		line-height: 20px!important;
		padding: 16px!important;
	}
	.stories-rew img { 
		width: 80%;
		margin: 0 auto;
	}
}
@media screen and (max-width:400px) {
	.start-bl-title {
		font-size: 60px!important;
	}
    .title-l {
    font-size: 30px!important;
}
.title-xl {
    font-size: 55px!important;
}
.start-bl-scnd-line {
    margin-top: 20px!important;
}
}.block {
    max-width: 100%!important;
}
.about-me-bl {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}
.about-me-list {
    margin-top: 48px!important;
}
body {
    overflow-x: hidden;
}
.form-title, input, textarea, h2, h5 {
    font-family: "Bebas", Arial, sans-serif!important;
}
p, pre, textarea, send-btn {
    font-family: "Roboto", Arial, sans-serif;
}
a {
    text-decoration: none;
}
.header-cl {
    width: 100%}
.add-btn {
    font-family: "Roboto", Arial, sans-serif;
}
::-webkit-scrollbar {
    width: 0;
}
.frst-banner {
    z-index: 0;
}
.feedback-block {
    overflow: hidden;
    height: 800px;
    position: relative;
}
.form-title {
    color: #000!important;
}
.form-container {
    position: relative;
    top: 15vh;
    left: 5vw;
    width: 45%;
    padding: 10px;
    background: #fff;
    -webkit-box-shadow: 0 15px 25px rgba(0, 0, 0, .6);
    box-shadow: 0 15px 25px rgba(0, 0, 0, .6);
    border-radius: 10px;
}
.user-box {
    position: relative;
}
.user-box input, .user-box textarea {
    width: 100%;
    padding: 25px 0 10px;
    font-size: 16px;
/*     color: #06213d; */
    margin-bottom: 20px;
    border: none;
    border-bottom: 1px solid #06213d;
    outline: none;
    background: 0 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
/*.user-box input {
    height: 40px;
} */
.user-box textarea {
    height: 40px;
    resize: none;
}
::placeholder {
	font-family: "Bebas", Arial, sans-serif!important;
	font-size: 16px;
}
/* ::-webkit-input-placeholder {
    font-family: "Bebas", Arial, sans-serif!important;
    position: absolute;
    top: 40px;
    left: 0;
    padding: 10px 0;
    font-size: 16px;
    color: #06213d;
    pointer-events: none;
    -webkit-transition: .5s;
    transition: .5s;
}
::-moz-placeholder {
    font-family: "Bebas", Arial, sans-serif!important;
    position: absolute;
    top: 40px;
    left: 0;
    padding: 10px 0;
    font-size: 16px;
    color: #06213d;
    pointer-events: none;
    -moz-transition: .5s;
    transition: .5s;
}
:-ms-input-placeholder {
    font-family: "Bebas", Arial, sans-serif!important;
    position: absolute;
    top: 40px;
    left: 0;
    padding: 10px 0;
    font-size: 16px;
    color: #06213d;
    pointer-events: none;
    -ms-transition: .5s;
    transition: .5s;
}
::-ms-input-placeholder {
    font-family: "Bebas", Arial, sans-serif!important;
    position: absolute;
    top: 40px;
    left: 0;
    padding: 10px 0;
    font-size: 16px;
    color: #06213d;
    pointer-events: none;
    -ms-transition: .5s;
    transition: .5s;
}
::placeholder {
    font-family: "Bebas", Arial, sans-serif!important;
    position: absolute;
    top: 40px;
    left: 0;
    padding: 10px 0;
    font-size: 16px;
    color: #06213d;
    pointer-events: none;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
} */
textarea:focus::-webkit-input-placeholder, input:focus::-webkit-input-placeholder {
    top: -10px;
    left: 0;
    color: #0081f9;
    font-size: 12px;
}
textarea:focus::-moz-placeholder, input:focus::-moz-placeholder {
    top: -10px;
    left: 0;
    color: #0081f9;
    font-size: 12px;
}
textarea:focus:-ms-input-placeholder, input:focus:-ms-input-placeholder {
    top: -10px;
    left: 0;
    color: #0081f9;
    font-size: 12px;
}
textarea:focus::-ms-input-placeholder, input:focus::-ms-input-placeholder {
    top: -10px;
    left: 0;
    color: #0081f9;
    font-size: 12px;
}
textarea:focus::placeholder, input:focus::placeholder {
    top: -10px;
    left: 0;
    color: #0081f9;
    font-size: 12px;
}
.send-btn {
    font-size: 1.1rem;
    cursor: pointer;
    position: absolute;
    right: 0;
    border: 1px solid transparent;
    border-radius: 8px 0 0 8px;
    outline: none;
    color: #fff;
    background: #04203c;
    padding: 16px 24px;
    text-transform: uppercase;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.send-btn:hover {
    color: #04203c;
    background: #fff7d9;
    border: 1px solid #04203c;
}
.map-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.map-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.map-cover>span {
    background-color: rgba(3, 29, 60, .6)!important;
}
.map-cover.is-active>span {
    background-color: transparent!important;
}
.video-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 0 0;
    z-index: 0;
}
.video-cover.is-active {
    background: #000;
}
.form-video {
    position: absolute;
    top: 0;
    left: 10%;
    width: 35vw;
    height: 100vh;
    display: none;
    z-index: 1;
}
.connect-us {
    position: relative;
}
.switcher-btn {
    cursor: pointer;
    position: absolute;
    z-index: 3;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 5vh;
    right: 5vw;
    border: 1px solid #0081f9;
    outline: none;
    border-radius: 25px;
    background: #fff;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-box-shadow: 0 0 0 rgba(94, 197, 186, 1);
    box-shadow: 0 0 0 rgba(94, 197, 186, 1);
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
}
.switcher-btn:hover span>img {
    -webkit-transform: translatey(-2px);
    -ms-transform: translatey(-2px);
    transform: translatey(-2px);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-animation: none;
    animation: none;
}
.switcher-btn:active span>img {
    -webkit-transform: translatey(2px);
    -ms-transform: translatey(2px);
    transform: translatey(2px);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.map-btn, .form-btn {
    display: none;
}
.map-btn.is-active, .form-btn.is-active {
    display: block;
}
.map-btn>img, .form-btn>img {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
@-webkit-keyframes pulse {
    0% {
    -webkit-box-shadow: 0 0 0 0 rgba(94, 197, 186, 1);
    -webkit-transform: translatey(-2px);
    transform: translatey(-2px);
}
70% {
    -webkit-box-shadow: 0 0 0 10px rgba(94, 197, 186, 0);
    -webkit-transform: translatey(2px);
    transform: translatey(2px);
}
100% {
    -webkit-box-shadow: 0 0 0 0 rgba(94, 197, 186, 0);
    -webkit-transform: translatey(0);
    transform: translatey(0);
}
}@keyframes pulse {
    0% {
    -webkit-box-shadow: 0 0 0 0 rgba(94, 197, 186, 1);
    box-shadow: 0 0 0 0 rgba(94, 197, 186, 1);
    -webkit-transform: translatey(-2px);
    transform: translatey(-2px);
}
70% {
    -webkit-box-shadow: 0 0 0 10px rgba(94, 197, 186, 0);
    box-shadow: 0 0 0 10px rgba(94, 197, 186, 0);
    -webkit-transform: translatey(2px);
    transform: translatey(2px);
}
100% {
    -webkit-box-shadow: 0 0 0 0 rgba(94, 197, 186, 0);
    box-shadow: 0 0 0 0 rgba(94, 197, 186, 0);
    -webkit-transform: translatey(0);
    transform: translatey(0);
}
}
/* splide */
.splide-carousel { padding: 5rem 0; height: 600px;}
.splide__track {
}
.splide__list {}
.splide-carousel > .splide__track > .splide__list > .splide__slide {
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	font-size: 16px;
	line-height: 28px;
	text-align: center;
	color: #000;
	padding: 32px;
	background: rgba(247, 247, 247, 0.8);
	border-radius: 16px;
}
/* .splide__slide.is-active {transform: scale(1); transition: .3s ease;} */
.stories-rew {
	max-width: 1200px;
	margin: 0 auto;
	gap: 20px!important;
	padding-bottom: 5vh;
}
@font-face{font-family:Bebas;src:url(https://afootball.me/wp-content/themes/twentytwentythree/assets/fonts/bebas/bebasneuecyrillic.ttf);font-weight:400}@font-face{font-family:Roboto;src:url(https://afootball.me/wp-content/themes/twentytwentythree/assets/fonts/roboto/Roboto-Bold.ttf);font-weight:700}@font-face{font-family:Roboto;src:url(https://afootball.me/wp-content/themes/twentytwentythree/assets/fonts/roboto/Roboto-Medium.ttf);font-weight:medium}@font-face{font-family:Roboto;src:url(https://afootball.me/wp-content/themes/twentytwentythree/assets/fonts/roboto/Roboto-Regular.ttf);font-weight:400}