.hvezdnytym .order-product .bottom {
    background: linear-gradient(86.2deg, #219380 11.05%, #E7B746 89.41%);
}

.hvezdnytym .section-newsletter form button {
    background-color: #219380;
}

.hvezdnytym footer .top h3 {
    color: #219380;
}

.hvezdnytym .order-product h2,
.hvezdnytym .order-product h3 {
    color: #219380;
}

.hvezdnytym h1, .hvezdnytym h2 {
    color: #219380;
}

.hvezdnytym .edubalicek-about h3 {
    color: #219380;
}

.hvezdnytym .edubalicek-about {
    background: url("./images/ht-kruhy.svg") center center no-repeat;
    background-size: auto 580px;
}

@media (max-width: 1200px) {
    .hvezdnytym .edubalicek-about {
        background: none;
    }
}

.hvezdnytym .section-faq .box:before {
    background-image: url("../images/faq-left-HT.png");
}

.hvezdnytym .section-faq .box:after {
    background-image: url("../images/faq-right-HT.png");
}

.hvezdnytym .section-gallery a.photo .inner:before {
    background-color: rgba(33, 147, 128, 0.6);
}

@media (max-width: 1200px) {
    .hvezdnytym .section-info-boxes {
        margin-bottom: 50px !important;
    }
}


.hvezdnytym .section-halves .price .price-text,
.hvezdnytym .order-product .top .row .price
{
    color: #219380;
}

.hvezdnytym .section-halves .info .info-text {
    background-color: #219380;
}

.hvezdnytym .steps .step.done .number span {
    background-color: #219380 !important;
}

.hvezdnytym .steps .step .number span {
    border-color: #219380;
}

.hvezdnytym .steps .step.active .number span {
    background-color: #219380 !important;
}

.hvezdnytym .section-game .box:hover {
    background: linear-gradient(86.2deg, #219380 11.05%, #E7B746 89.41%);
}

.hvezdnytym .screenplay .week-text .options a,
.hvezdnytym .screenplay .week-text .options button:not(.plan),
.hvezdnytym .screenplay .week.active .week-heading .sign,
.hvezdnytym .screenplay .week.active .week-heading,
.hvezdnytym .screenplay .week.active .week-text .inner,
.hvezdnytym .screenplay .screenplay-description p span
{
    color: #219380 !important;
    border-color: #219380 !important;
}

.hvezdnytym .screenplay .week.active .week-heading .sign {
    background-color: #219380 !important;
}

.hvezdnytym .section-game .selected-options p strong {
    color: #219380 !important;
}

.hvezdnytym .screenplay .week-text .options a.play,
.hvezdnytym .screenplay .week-text .options button.play,
.hvezdnytym .screenplay .screenplay-description p span.play
{
    background: #fff url("./images/play-green.svg") 11px center no-repeat;
}

.hvezdnytym .screenplay .week-text .options a.edit,
.hvezdnytym .screenplay .week-text .options button.edit,
.hvezdnytym .screenplay .screenplay-description p span.edit
{
    background: #fff url("./images/edit-green.svg") 10px center no-repeat
}

.hvezdnytym .screenplay .week-text .options a.done,
.hvezdnytym .screenplay .week-text .options button.done,
.hvezdnytym .screenplay .screenplay-description p span.done
{
    background: #fff url("./images/check-green.svg") 11px center no-repeat
}

.hvezdnytym .section-game .box.add-more span {
    color: #219380 !important;
    background: url("./images/plus-black.svg") center top no-repeat;
    background-size: 43px 43px !important;
}

.hvezdnytym .section-game .box.add-more:hover span {
    color: #fff !important;
    background: url("./images/plus-white.svg") center top no-repeat;
    background-size: 43px 43px !important;
}

.hvezdnytym .section-game .box.add-more span {
    color: #000;
}

.hvezdnytym .section-select-card .card.active .inner {
    border-color: #219380;
}

.hvezdnytym .screenplay .week-text .options .button-group {
    max-width: 140px;
    padding-left: 0 !important;
}

.hvezdnytym .screenplay .week-text .options a,
.hvezdnytym .screenplay .week-text .options button,
.hvezdnytym .screenplay .week-text .download-button-text
{
    display: inline-block;
    height: 25px;
    line-height: 21px;
    text-decoration: none;
    float: left;
    margin-left: 16px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 13px;
    padding-right: 15px;
    padding-left: 33px;
}

.hvezdnytym .screenplay .week-text .download-button-text {
    justify-content: center;
    justify-items: center;
    align-items: center;
    border: 2px solid #219380 !important;
}

.hvezdnytym .screenplay .week-text .options .button-group a,
.hvezdnytym .screenplay .week-text .options .button-group button
{
    /*padding-right: 0 !important;*/
    margin-left: 0 !important;
}

.hvezdnytym .remodal-js .remodal-close:hover {
    background: #E7B746;
}

.hvezdnytym .remodal .remodal-close {
    background: #219380;
}

.hvezdnytym .screenplay .week-text .options a.download span {
    background-image: url(./images/download.svg) 10px center no-repeat !important;
}

.hvezdnytym .info .info-link {
    background-image: url("./images/info-HT.svg") !important;
}
.hvezdnytym .info .info-text {
    background: #219380 !important;
}

/* homepage */

.section-account .sidebar ul {
    background: linear-gradient(86.2deg, #294b99 11.05%, #5584FF 89.41%);
}

.section-contact-detail h4, .section-account .main-content h4 {
    color: #294b99;
}

.section-contact-detail p .purple, .section-account .main-content p .purple {
    color: #294b99;
}

.section-contact-detail p a, .section-account .main-content p a {
    color: #294b99;
}

.homepage .button {
    background: linear-gradient(86.2deg, #294b99 11.05%, #5584FF 89.41%);
}

.register.button {
    background: linear-gradient(86.2deg, #294b99 11.05%, #5584FF 89.41%) !important;
}

.homepage .order-product .bottom {
    background: linear-gradient(86.2deg, #294b99 11.05%, #5584FF 89.41%);
}

.homepage .section-statistics h3 {
    color: #294b99;
}

.homepage .link-more:before {
    background: #294b99;
}

.homepage .order-product h2,
.homepage .order-product h3 {
    color: #294b99;
}

.homepage h1, .homepage h2 {
    color: #294b99;
}

.homepage .edubalicek-about h3 {
    color: #294b99;
}



.homepage .section-halves .price .price-text,
.homepage .order-product .top .row .price
{
    color: #294b99;
}

.homepage .section-halves .info .info-text {
    background-color: #294b99;
}

footer .top h3 {
    color: #294b99 !important;
}

.section-newsletter {
    background: linear-gradient(86.2deg, #294b99 11.05%, #5584FF 89.41%) !important;
}

.section-newsletter form button {
    background-color: #294b99 !important;
}

.popup-info .box {
    background: linear-gradient(86.2deg, #294b99 11.05%, #5584FF 89.41%) !important;
}

footer .top .contact a.email {
    color: #294b99;
}



.button-gradient {
    background: linear-gradient(86.2deg, #219380 11.05%, #E7B746 89.41%) !important;
    padding-left: 15px !important;
    color: #fff !important;
    margin-top: 4px;
}

.hvezdnytym .button, .button.hvezdnytym {
    background: linear-gradient(86.2deg, #219380 11.05%, #E7B746 89.41%);
}

.hvezdnytym .button:hover, .button.hvezdnytym:hover {
    background: linear-gradient(86.2deg, #E7B746 11.05%, #219380 89.41%);
}

.zpatkyvcase .button, .button.zpatkyvcase {
    background: linear-gradient(86.2deg, #562580 11.05%, #AE2C85 89.41%);
}

.zpatkyvcase .button:hover, .button.zpatkyvcase:hover {
    background: linear-gradient(86.2deg, #AE2C85 11.05%, #562580 89.41%);
}

.zpatkyvcase .screenplay .week-text .download-button-text
{
    display: inline-block;
    height: 25px;
    line-height: 21px;
    text-decoration: none;
    float: left;
    margin-left: 16px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 13px;
    padding-right: 15px;
    padding-left: 33px;
}


.zpatkyvcase .activity .button-gradient {
    line-height: 24px !important;
}
.zpatkyvcase .button-gradient {
    background: linear-gradient(86.2deg, #AE2C85 11.05%, #562580 89.41%) !important;
    padding-left: 15px !important;
    color: #fff !important;
    margin-top: 4px;
}

.zpatkyvcase .activity .button-gradient svg {
    position: relative;
    left: 2px;
    top: 3px;
}




/* DENIK */

.denik-about {
    margin-top: 330px;
    margin-bottom: 150px;
}
.denik-about .row {
    top: -340px;
    position: relative;
}

.denik-about .text.top {
    top: -245px;
}

.denik-about .text.bottom {
    bottom: -170px;
}

.button-buy-large {
    transform: scale(1.2);
}

.pt-30 {
    padding-top: 30px !important;
}

@media (max-width: 1200px) {
    .denik-about {
        margin-top: 70px;
        background: none !important;
        margin-bottom: 0;
    }
    .denik-about .row {
        top: 0;
    }
    .denik-about .row h2 {
        margin-bottom: 40px;
    }
    .denik-about .img {
        display: none;
        padding-top: 0 !important;
    }
}

/* DOBROSDILKY */

.dobrosdilky-about {
    margin-top: 350px;
    margin-bottom: 300px;
}

.dobrosdilky-about .img {
    padding-top: 160px;
}

.dobrosdilky-about .img img {
    width: 290px;
}

.dobrosdilky-list .container {
    display: flex;
    align-items: center;
}


@media (max-width: 1200px) {
    .dobrosdilky-about {
        margin-top: 70px;
        background: none !important;
        margin-bottom: 0;
        text-align: center;
    }
    .dobrosdilky-about .img {
        padding-top: 40px;
    }
    .dobrosdilky-about .img img {
        width: 80%;
        max-width: 360px;
    }
    .dobrosdilky-list .container {
        display: block;
    }
}

.section-intro-homepage h1, .section-intro-homepage h2 {
    font-size: 62px;
}
.section-intro-homepage img {
    transform: scale(1.35);
    position: relative;
    top: 30px;

}
@media (max-width: 1200px) {
    .section-intro-homepage img {
        transform: scale(1);
        top: 0;

    }
}