/*#89cff1 - голубоватый
#7bdfeb - зеленоватый*/

html {
    font-size: 0.9rem;
    height: 101%;
}

@media (min-width: 768px) {
    html {
        font-size: 1rem;
    }
}

body {
    color: #3478a1 /*#4b8eb6*/ /*#296081*/;
    background: #b1e0f2 url('../Resources/backgroundMobile.jpg') repeat 50% 0;
    font-family: Rubik,Arial,Helvetica Neue,Helvetica,Lucida Grande,sans-serif;
    /*to prevent full-width problem inside a container with scroll (for wider element width)*/
    overflow-x: hidden;
}

.textBody {
    color: #3478a1;
}

.pageBack {
    background-color: rgba(241, 254, 254, 0.35);
    box-shadow: 0px 2px 10px #86c8e4, 0px -2px 30px #86c8e4
}

@font-face {
    font-family: lemon;
    src: url("../Resources/LemonTuesday.otf");
    /*font-family: handWritten;
	src: url('../Resources/19046.ttf');*/
}

@font-face {
    font-family: franxurter;
    src: url("../Resources/18881.ttf");
}

@font-face {
    font-family: english157;
    src: url("../Resources/18872.ttf");
}

@font-face {
    font-family: ar_Aquaguy;
    src: url("../Resources/18800.otf");
}

.icon {
    height: auto;
    width: 2rem;
}

.headerIcon {
    height: 2rem;
    width: auto;
}

.headerIconSmall {
    height: 1rem;
    width: auto;
}

.socialIcon {
    height: 1.5rem;
    width: auto;
}

hr.customDivider {
    border: 0;
    height: 0.1rem;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(27, 104, 143, 0.40), rgba(255, 255, 255, 1));
}

/*.test {
	align-self: center;
}*/

.clubTitle {
    font-size: 1.7rem;
}

.clubName {
    height: 5.5rem;
    width: auto;
}

.logo {
    z-index: 5;
    width: 100%;
    max-width: 130px;
}

@media (max-width: 405px) {
    .logo {
        z-index: 5;
        width: 5rem;
    }
}


.LogoInSection {
    width: 3rem;
    height: auto;
}

.page {
    /*background-color: #b2dff2;*/
    background-color: rgba(223, 240, 245, 0.55);
    box-shadow: 0px 0px 10px 10px rgba(0, 50, 100, 0.07);
}

.open {
    font-size: 0.8rem;
}

.copyright {
    text-align: center;
    padding: 1rem;
    background-color: #67788f;
    color: #c5ebcf;
}

.fw500 {
    font-weight: 500;
}

a {
    color: #3478a1 /*#296081*/;
}

.shadowNavbar {
    box-shadow: 0px 2px 10px #86c8e4, 0px -2px 30px #86c8e4;
    -webkit-box-shadow: 0px 2px 10px #86c8e4, 0px -2px 30px #86c8e4;
    -moz-box-shadow: 0px 2px 10px #86c8e4, 0px -2px 30px #86c8e4;
}

hr {
    margin-top: 0px;
    margin-bottom: 0px;
}

    hr.style-six {
        border: 0;
        height: 0;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        /*border-bottom: 1px solid rgba(143, 210, 244, 0.3);*/
    }

.link-top {
    color: #e3fbff;
    position: fixed;
    bottom: 50px;
    right: 0px;
    padding: 10px;
    opacity: 0.6;
}

    .link-top:hover {
        opacity: 1;
        border: 1px solid #3d666c;
        border-radius: 7px;
        background-color: rgba(227, 251, 255, 0.8);
        /*т.к. при наведении мышой дёргается за счёт толщины бордера*/
        padding: 9px;
    }


.squearBlue {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), white);
    color: #224689;
}

.trainTypeImage {
    width: 2rem;
    height: auto;
}

.kfkbuttonDetails {
    background-color: #4ed3ea;
    color: white;
}

.btn.kfkbuttonDetails:hover {
    color: white;
    background-color: #35c2da;
}

.kfkbuttonRecord {
    background-color: orange;
    color: white;
}

.btn.kfkbuttonRecord:hover {
    color: white;
    background-color: darkorange;
}

.priceBack {
    position: absolute;
    right: 0rem;
    top: -1rem;
    background-color: orange;
    border-radius: 50%;
    box-shadow: -2px 4px 0 0 hsla(56,13%,47%,.21);
    width: 7rem;
    height: 7rem;
    padding-top: 1rem;
    text-align: center;
}

.priceBackAdult {
    background-color: orange;
    border-radius: 50%;
    box-shadow: -2px 4px 0 0 hsla(56,13%,47%,.21);
    width: 7rem;
    height: 7rem;
    padding-top: 1rem;
    text-align: center;
}

.priceValue {
    font-size: 3rem;
    font-weight: 700;
    margin-top: -1rem;
}

.perMonth {
    font-size: 1rem;
    margin-top: -1rem;
}

.byn {
    font-size: 0.75rem;
}

.blockGroup {
    height: 100%;
    background-color: #fff;
    box-shadow: -4px 4px 12px hsla(56,13%,47%,.21);
    -webkit-box-shadow: -4px 4px 12px hsla(56,13%,47%,.21);
    -moz-box-shadow: -4px 4px 12px hsla(56,13%,47%,.21);
    font-family: Rubik,Arial,Helvetica Neue,Helvetica,Lucida Grande,sans-serif;
}

.headerBlock {
    /*best light orange color for back f7e7b1*/
    background-color: #7bdfeb /*#81d3f9*/ /*#27a3c2*/ /*#005daf*/ /*#b0e5f9*/ /*#1daadf*/;
    /*text-align: center;*/
    font-size: large;
    /*color: white;*/
    padding: 1rem;
    width: 100%;
}

.headerGroupText {
    padding-right: 30%;
}


.groupItem {
    overflow: hidden;
    background-color: #fff;
    border-radius: 12px;
    -webkit-box-shadow: -2px 4px 0 0 hsla(56,13%,47%,.21);
    box-shadow: -2px 4px 0 0 hsla(56,13%,47%,.21);
    -moz-box-shadow: -2px 4px 0 0 hsla(56,13%,47%,.21);
}

.textOrange {
    color: orange;
}

.textWhite {
    color: white;
}

.textBlue {
    color: /*#31cadc*/ #51b0e1 /*#7fcbf2*/;
}

.textBrightBlue {
    color: #4ed3ea;
}

.textBrightBlueDark {
    color: #37addb; /*#01ceef;*/
}

.textDarkGray {
    color: #687278;
}

.textDarkGrayLight {
    color: darkgray;
}

.textLight {
    color: #c5ebcf;
}

.textDarkBlue {
    color: #0A6CB3;
}

.headerBlock > a {
    color: #0b586b;
}

/*#groupContent:after {
	content: "";
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd;
	margin-top: 1rem;
}*/

#priceButtons:before {
    content: "";
    display: block;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #ddd;
    margin-bottom: 1rem;
}


.textSectionHeader {
    /*background: linear-gradient(0, transparent, #2c8fae, #2c8fae, transparent);*/
    color: #4ed3ea /*#3dd4ec*/;
    background-color: rgba(228, 245, 250, 0.9);
    border-bottom: 1px solid #3cd1e8;
}

.textInherit {
    color: inherit;
}

.aboutSectionHeader {
    color: #4ed3ea;
    background-color: rgba(228, 245, 250, 0.9);
}

.textSectionHeaderFont {
    /*font-size: 3rem;*/
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    margin-bottom: unset;
}

.contactsPage > .headerContacts {
    display: flex;
    flex-direction: column;
}

footer a {
    color: white !important;
    /*color: #c5ebcf !important;*/
}

footer {
    background-image: url("../Resources/footer.jpg");
    background-size: cover;
    background-position: center;
}

.el-icon__svg {
    fill: currentColor;
    width: 100%;
    height: 100%;
}

.el-iconLarge {
    display: inline-block;
    height: 2.2rem;
    width: 2.2rem;
}

.social .el-icon {
    height: 1.5rem;
    width: 1.5rem;
}

.el-icon {
    display: inline-block;
    height: 2rem;
    width: 2rem;
}

.el-iconSmall {
    display: inline-block;
    height: 1rem;
    width: 1rem;
}

.el-iconSmall-5 {
    display: inline-block;
    height: 3rem;
    width: 3rem;
    fill: white;
}


.numbersContainer {
    background: #b1e0f2 url('../Resources/backgroundMobile.jpg') no-repeat 50% 0;
    background-position: center;
}

    .numbersContainer .numbers {
        /*background-color: rgba(18, 90, 134, 0.8);*/
        /*color: white;*/
        font-size: 1.2rem;
        box-shadow: 0px 2px 10px #86c8e4, 0px -2px 30px #86c8e4;
        -webkit-box-shadow: 0px 2px 10px #86c8e4, 0px -2px 30px #86c8e4;
        background-color: #37c0decc /*rgba(228, 245, 250, 0.9)*/ /*rgba(223, 240, 245, 0.90)*/;
        border-color: transparent;
        color: #2eaddd; /*#9c9696;*/
    }

        .numbersContainer .numbers .countDigits, .numbersContainer .numbers .plus {
            color: #fbce1a /*#3dd4ec*/ /*#8ad7ff*/;
            font-size: 3rem;
            font-weight: 500;
        }

        .numbersContainer .numbers .numberItem {
            -webkit-box-flex: 0;
            -webkit-flex: 0 0 calc(50% - 10px);
            -ms-flex: 0 0 calc(50% - 10px);
            flex: 0 0 calc(50% - 10px);
        }

        .numbersContainer .numbers .textDigits {
            font-family: "Ubuntu",sans-serif;
            width: 13rem;
            margin-right: auto;
            margin-left: auto;
            color: white;
        }

@media screen and (min-width: 768px) {
    .numbersContainer .numbers .numberItem {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 calc(25%);
        -ms-flex: 0 0 calc(25%);
        flex: 0 0 calc(25%);
    }
}

.full-width {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    padding-right: initial;
    padding-left: initial;
}

.chempionsGrow .goldMedal img {
    height: 5rem;
}

.goldMedal img {
    height: 5rem;
}

.chempionsGrow {
    color: #ffa700 /*#ffbc00*/ /*#f9c73c*/ /*#f3b506*/;
    /*#f5b41f*/
    font-size: 3.5rem;
    font-weight: bold;
    letter-spacing: 0.3rem;
    word-spacing: 0.9rem;
    font-family: lemon;
    font-family: ar_Aquaguy;
    /*background-color: #c8ecf7aa*/ /*#dcf1f8*/ /*#204d5a*/ /*#239ec3*/ /*#1c84c1*/ /*#1cadc1*/ /*#279aa9*/ /*#f9ecc7*/
    /*z-index: 2000;*/
    /*background-color: #fdeab3;*/
    /*text-shadow: -1px 0 orange, 0 1px orange, 1px 0 orange, 0 -1px orange;*/
    /*text-shadow: 1px -1px 1px #ff0000, 0 0 20px #eafafd,0 0 20px #eafafd, 0 0 20px #eafafd, 0 0 20px #eafafd, 0 0 20px #eafafd, 0 0 20px #eafafd;*/
    /*text-shadow: 1px 1px 1px black, 0 0 20px #ff0000,0 0 20px #ff0000, 0 0 20px #ff0000, 0 0 20px #ff0000, 0 0 20px #ff0000, 0 0 20px #ff0000;*/
}

@media screen and (max-width: 400px) {
    /*.chempionsGrow {
		font-size: 1rem;
	}*/

    .chempionsGrow .goldMedal img {
        height: 3rem;
    }
}

.quoteIcon {
    width: 1rem;
    height: 1rem;
}

.quote {
    font-family: english157;
    font-size: 2rem;
    font-weight: bold;
    /*color: #60a3d6;*/
    color: #37addb; /*#60b1ec;*/
}

.allaMainPhoto {
    width: 90%;
    height: auto;
}

.oldSchool {
    font-size: 1.5rem;
}

.signQuality {
    transform: translate(0rem, 0rem) rotateZ(-35deg);
}


.verifiedByTime {
    transform: rotateZ(-25deg);
}

/*.underDirectionSection {
	background-color: #ddf2f72e;*/ /*#ddf2f77d;*/
/*}*/

.underDirectionSection1 {
    background-color: #b5e2efad;
}

.underDirectionSection2 {
    background-color: #e6f5f97d;
}

.underDirectionSection3 {
    background-color: #ffffffad;
}

/*background-color: (rgba(24, 86, 95, 0.77);*/
/*background-color:  #177d8c; #18565f;*/
.openGroupsSection {
    background-color: rgba(5, 132, 151, 0.77); /*rgba(23, 125, 140, 0.77);*/
}

.priceSection {
    background-color: #ffffffad;
}

.priceSection1 {
    background-color: #dcf1f7ad;
}

.oldSchool .underDirection {
    font-size: 1.5rem;
    padding: 1rem;
    color: #1e92a4; /*#7dabc5;*/
}

.oldSchool .ranking {
    font-size: 2.5rem;
    font-family: franxurter;
    color: #37c0de;
}

.oldSchool .allaName {
    padding: 1rem;
    color: #1e92a4; /*#3dd4ec;*/
    font-weight: 500;
}

.blockquote .allaName {
    font-size: 1.1rem;
    color: #6a8792;
}

.allaTitle{
    color: white !important;
}

.allaTitle a{
    color: white !important;
}

.slideContent {
    color: white;
    position: relative;
    z-index: 10;
    max-width: 40rem;
    padding: 3rem;
    padding-top: 5rem;
    margin-left: 8rem;
}

.aboutSectionHeaderContent {
    /*max-width: 40rem;*/
    padding: 3rem;
    padding-top: 5rem;
    padding-left: 8rem;
}

@media screen and (max-width: 991px) {
    .aboutSectionHeaderContent {
        padding: 3rem;
        padding-top: 3rem;
    }
}

@media screen and (max-width: 767px) {
    .aboutSectionHeaderContent {
        padding: 2rem;
        padding-top: 2rem;
    }
}

.slideContent h1 {
    font-family: Rubik,Arial,Helvetica Neue,Helvetica,Lucida Grande,sans-serif;
    font-weight: 700;
    line-height: 1.33;
}

@media screen and (max-width: 767px) {
    /* стили для xs-устройств */
    .slideContent {
        padding-top: 4rem;
        margin-top: initial;
        margin-left: initial;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    /* стили для sm-устройств */
}

@media (min-width: 991px) and (max-width: 1199px) {
    /* стили для md-устройств */
}

@media (min-width: 1200px) {
    /* стили для lg-устройств */
}

.mediaBack, .mediaBack:after {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

    .mediaBack:after {
        content: '';
        left: 0;
        background: linear-gradient(337deg,rgba(24, 92, 140, 0.9) 4.54%,rgba(0, 135, 175, 0.77) 52.04%,rgba(233, 244, 251, 0.13) 68.83%);
        background: -webkit-linear-gradient(337deg,rgba(24, 92, 140, 0.9) 4.54%,rgba(0, 135, 175, 0.77) 52.04%,rgba(233, 244, 251, 0.13) 68.83%);
        background: -o-linear-gradient(112deg,rgba(24, 92, 140, 0.9) 4.54%,rgba(0, 135, 175, 0.77) 52.04%,rgba(233, 244, 251, 0.13) 68.83%);
        /*background: -webkit-linear-gradient(337.6deg,rgba(24,67,140,.9) 4.54%,rgba(0,95,175,.77) 52.04%,rgba(0,95,175,.2) 98.83%);
		background: -o-linear-gradient(337.6deg,rgba(24,67,140,.9) 4.54%,rgba(0,95,175,.77) 52.04%,rgba(0,95,175,.2) 98.83%);
		background: linear-gradient(112.4deg,rgba(24,67,140,.9) 4.54%,rgba(0,95,175,.77) 52.04%,rgba(0,95,175,.2) 98.83%);*/
        z-index: 5;
    }

.singleSlide {
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    min-width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

@media (max-width: 650px) {
    .singleSlide {
        -o-object-position: -700px;
        object-position: -700px;
    }
}

@media (max-width: 470px) {
    .singleSlide {
        -o-object-position: -800px;
        object-position: -800px;
    }
}

@media (max-width: 420px) {
    .singleSlide {
        -o-object-position: -900px;
        object-position: -900px;
    }
}

.textHB {
    font-weight: bold;
}
/*1b688f*/

.itemNews {
    background-color: #f4fbff;
}

.itemNewsBoxShadow {
    box-shadow: 0px 2px 10px #86c8e4, 0px -2px 30px #86c8e4;
}

@media screen and (max-width: 767px) {
    .itemNews {
        box-shadow: 0px 2px 10px #86c8e4, 0px -2px 30px #86c8e4;
    }
}

.itemIndustries {
    background-color: #f4fbff;
    box-shadow: 0px 2px 10px #86c8e4, 0px -2px 30px #86c8e4;
    height: 100%;
    width: 100%;
}

    .itemIndustries .itemIndustriesTitle {
        color: #3dd4ec;
    }

    .itemIndustries .expertiseButton {
        width: 100%;
    }

    .itemIndustries .itemBoldChapter {
        color: orange;
        font-weight: bold;
    }

    .itemIndustries .itemIndustriesTitle:after {
        content: "";
        display: block;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #ddd;
        margin-top: 1rem;
    }

.itemChampion {
    background-color: #f4fbff;
    box-shadow: 0px 2px 10px #86c8e4, 0px -2px 30px #86c8e4;
    height: 250px;
    width: 100%;
}



    .itemChampion .itemChampionTitle {
        text-align: center;
        color: #bef6ff;
        margin-bottom: 5rem;
        z-index: 100;
        padding-top: 3rem;
    }

.championTitle a {
    color: #bef6ff !important;
}

.itemChampion .itemChampionDescription {
    color: white;
    text-align: center;
    padding-left: 2rem;
    padding-right: 2rem;
    margin-block-end: unset;
}

.itemChampion .itemChampionTextContent {
    color: white;
    text-align: center;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(11, 39, 74, 0.72)), to(transparent));
    background-image: -webkit-linear-gradient(rgba(11, 39, 74, 0.72), transparent);
    background-image: -moz-linear-gradient(rgba(11, 39, 74, 0.72), transparent);
    background-image: linear-gradient(rgba(11, 39, 74, 0.9), transparent, rgba(11, 39, 74, 0.9));
    height: 100%;
}

.itemChampion .itemChampionDescription:before {
    content: "";
    display: block;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #ddd;
    margin-bottom: 1rem;
}

.itemChampion .goldMedal img, .itemChampion .goldMedal1 img {
    position: absolute;
    height: 3rem;
    top: 0;
}

.itemChampion .goldMedal2 img {
    position: absolute;
    height: 3rem;
    top: 0;
    left: 5rem;
}

.itemChampion .goldMedal3 img {
    position: absolute;
    height: 3rem;
    top: 0;
    left: 7.5rem;
}

.itemChampionTextContent .goldMedal img {
    height: 3.5rem;
}

.newsImageMain {
    width: 100%;
    /*height: 10rem;*/
}

.itemIndustriesTitle a {
    color: #3dd4ec;
}

.newsChapter a {
    color: #51b0e1;
}

.newsImage {
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 767px) {
    .photoNew {
        min-height: 20rem;
    }
}

.textDarkGrayLight a {
    color: darkgray;
}

.textDarkGray a {
    color: #687278;
}

.groupCoachesSection {
    background-color: #CCFFCC;
}

.menCommentPhoto {
    border-radius: 50%;
    width: 120px;
    height: 150px;
    object-fit: cover;
}

.commentImage {
    width: 3rem;
    height: auto;
}

.commentsSection {
    background-color: #fdffdc /*#F9F5D9*/;
}

hr.customGreen {
    border: 0px;
    height: 2px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #00c4ffbf, rgba(0, 0, 0, 0));
    /*background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 255, 0, 0.75), rgba(0, 0, 0, 0));*/
}

.placeAdults {
    padding-left: 5rem;
    padding-top: 2rem;
}

.trainImage {
    width: 100%;
    /*width: 30rem;
	height: auto;*/
}

.buttonAsLink {
    background: none !important;
    border: none;
    padding: 0 !important;
    font-family: arial, sans-serif;
    text-decoration: underline;
    cursor: pointer;
    outline: none;
    color: #3478a1;
}

    .buttonAsLink:focus {
        outline: none;
    }

.social a:hover {
    text-decoration: none;
}

.goal {
    font-family: ar_Aquaguy;
}

.textAboutChampion {
    font-size: 3rem;
}

.lookingBeyond {
    font-size: 3rem;
    padding-top: 4rem;
    padding-bottom: 7rem;
    /*font-family: "Montserrat",sans-serif;
	font-weight: 700;*/
}

@media screen and (max-width: 767px) {
    .lookingBeyond {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
}

.imgAbout {
    height: 100%;
    width: auto;
    max-height: 535px;
    border-radius: 0 0 0 60px;
}

@media (max-width: 768px) {
    .imgAbout {
        width: 100%;
        border-radius: 0;
    }
}


.hideOverflow {
    overflow: hidden;
}

.groupAdvantage {
    word-wrap: break-word;
}

.fs1_1 {
    font-size: 1.1rem;
}

.p2rem {
    padding: 2rem !important;
}

.ourMissionImage {
    max-width: 100%;
    border-radius: 60px 0 60px 0;
}

.ourMission {
    padding-left: 10rem;
    padding-right: 10rem;
    padding-top: 2rem;
    padding-bottom: 4rem;
}

@media screen and (max-width: 1170px) {
    .ourMission {
        padding-left: initial;
        padding-right: initial;
    }

    .ourMissionImage {
        max-width: 100%;
        border-radius: 60px 0 60px 0;
    }
}

@media screen and (max-width: 768px) {
    .ourMission {
        padding-bottom: initial;
    }

    .ourMissionImage {
        max-width: 100%;
        border-radius: 0;
    }
}


.openGroupsSection a:hover {
    color: orange;
}

.openGroupsSection .el-icon__svg:hover {
    fill: orange;
}

.bg-orange {
    background-color: orange;
}

.reason5Item {
    max-width: 11rem;
}

.reason5Content, .reason5Content a {
    /*color: #bbe4f5;*/
    color: white;
}