@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800&subset=latin,latin-ext';
@charset "UTF-8";


:root {
    --kolor-1: #797A7E; /*menu  0244a1*/
    --kolor-2: #3a3b3b; /*wybrany element  17d4fc*/
    --kolor-3: white; /*tekst white*/
    --font-1: 'Open Sans';
}
  

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
    position: relative;
    /*width: 100%;*/
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

 
/***********************************************************************************************************************************************/
 /*OWN*/
/***********************************************************************************************************************************************/

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
    font-size: 62.5%;
    overflow-x: hidden;
}

@media only screen and (min-width: 768px) {
    html {
        font-size: 62.5%;
    }
}

body {
    font-family: var(--font-1) !important;
    color: black;
    font-weight: 300;
    line-height: 1.6;
    box-sizing: border-box;
    width: 100vw;
    overflow-x: hidden;
}

body::-webkit-scrollbar {
    width: 1rem;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}

body::-webkit-scrollbar-thumb {
    background-color: #d6d6d6;
    border-radius: 10px;
    outline: none;
    height: 5rem;
}

body::-webkit-scrollbar-thumb:hover {
    background-color: #31d62c;
}

a:hover {
    text-decoration: none;
}

.cc-height-100 {
    height: 100%;
}

.cc-vertical-center {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.cc-flex-align-center {
    display: flex;
    align-items: center;
}

.cc-full-flex-2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cc-section-padding {
    padding: 5rem 0;
}

@media (min-width: 768px) {
    .cc-section-padding {
        padding: 8rem 0;
    }
}

.cc-section-padding--faq {
    padding: 5rem 0 7rem;
}

@media (min-width: 768px) {
    .cc-section-padding--faq {
        padding: 8rem 0;
    }
}

.cc-section-padding--footer {
    padding: 7rem 0 3rem;
}

@media (min-width: 768px) {
    .cc-section-padding--footer {
        padding: 10rem 0 3rem;
    }
}

.cc-section-padding--mobile {
    padding: 3rem 0;
}

@media (min-width: 768px) {
    .cc-section-padding--mobile {
        padding: 8rem 0;
    }
}

.cc-section-padding--order-form {
    padding: 2rem 0 0;
}

@media (min-width: 576px) {
    .cc-section-padding--order-form {
        padding: 2rem 0;
    }
}

@media (min-width: 768px) {
    .cc-section-padding--order-form {
        padding: 3rem 0;
    }
}

.cc-to-the-right {
    float: right;
}

.cc-text-color {
    color:  #00B51A;
}

.cc-row-no-padding {
    padding: 0;
}

.cc-text-white {
    color: white;
}

.cc-font-12 {
    font-size: 12px !important;
}

.cc-font-14 {
    font-size: 14px !important;
}

.cc-font-16 {
    font-size: 16px !important;
}

.cc-font-18 {
    font-size: 18px !important;
}
 
.cc-mobile-padding {
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 360px) {
    .cc-mobile-padding {
        padding-left: 0.6rem;
        padding-right: 0.6rem;
    }
}

@media (min-width: 375px) {
    .cc-mobile-padding {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media (min-width: 510px) {
    .cc-mobile-padding {
        padding-left: 0;
        padding-right: 0;
    }
}

.cc-mobile-padding--small {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

@media (min-width: 510px) {
    .cc-mobile-padding--small {
        padding-left: 0;
        padding-right: 0;
    }
}

.cc-mobile {
    display: block;
}

@media (min-width: 690px) {
    .cc-mobile {
        display: none;
    }
}

.cc-since-tablet {
    display: none;
}

@media (min-width: 690px) {
    .cc-since-tablet {
        display: block;
    }
}

.cc-tablet {
    display: none;
}

@media (min-width: 690px) {
    .cc-tablet {
        display: block;
    }
}

@media (min-width: 1110px) {
    .cc-tablet {
        display: none;
    }
}

.cc-desktop {
    display: none;
}

@media (min-width: 1110px) {
    .cc-desktop {
        display: block;
    }
}

.cc-hr {
    border-top: 1px solid rgba(241, 228, 255, 0.38);
    margin-top: 3rem;
    margin-bottom: 3rem;
}

h1 {
    font-size: 3.2rem;
    line-height: 4.8rem;
}

@media (min-width: 930px) {
    h1 {
        font-size: 4.8rem;
        line-height: 7.2rem;
    }
}

h2 {
    font-size: 2.6rem;
    line-height: 3.9rem;
}

@media (min-width: 930px) {
    h2 {
        font-size: 3.2rem;
        line-height: 4.8rem;
    }
}

h3 {
    font-size: 2.1rem;
    line-height: 3.2rem;
}

@media (min-width: 930px) {
    h3 {
        font-size: 2.6rem;
        line-height: 3.9rem;
    }
}

h4 {
    font-size: 1.6rem;
    line-height: 2.4rem;
}

@media (min-width: 690px) {
    h4 {
        font-size: 1.8rem;
        line-height: 2.7rem;
    }
}

p {
    font-size: 1.6rem;
    line-height: 2.4rem;
}

a {
    color: #4EACFE !important;
    text-decoration: underline;
}

.t-light {
    font-weight: 200 !important;
}

.t-regular {
    font-weight: 400;
    color:black;
}

.t-bold {
    font-weight: 600;
}

.cc-btn--course, .cc-btn--main, .cc-btn--submit, .cc-btn--order-form, .cc-btn--coupon-validation {
    background-image: linear-gradient(to right, #31d62c, #31d62c);
    color: #FFF;
    border: 1px solid #f1e4ff;
    -webkit-transition: all 200ms ease-in-out;
}

.cc-btn--course:hover, .cc-btn--main:hover, .cc-btn--submit:hover, .cc-btn--order-form:hover, .cc-btn--coupon-validation:hover, .cc-btn--course:focus, .cc-btn--main:focus, .cc-btn--submit:focus, .cc-btn--order-form:focus, .cc-btn--coupon-validation:focus, .cc-btn--course:active, .cc-btn--main:active, .cc-btn--submit:active, .cc-btn--order-form:active, .cc-btn--coupon-validation:active {
    text-decoration: none;
    cursor: pointer;
    background-image: linear-gradient(to right, #31d62c, #31d62c);
    color: #FFF;
    border: 1px solid #31d62c;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
}

.cc-btn {
    text-transform: uppercase;
    min-width: 10rem;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    padding: 1rem 3rem;
    border-radius: 5px;
    text-decoration: none;
}

@media (min-width: 576px) {
    .cc-btn {
        font-size: 1.2rem;
    }
}

.cc-btn:focus {
    outline: none;
}

.cc-btn:active {
    outline: none;
    transform: translateY(2px);
}

.cc-btn--main {
    font-size: 1.6rem;
    line-height: 2.4rem;
    padding: 15px 30px;
}

.cc-btn--submit {
    text-align: center;
    width: 100%;
    color: #FFF;
    font-size: 1.4rem;
    line-height: 2.1rem;
    letter-spacing: 1px;
    padding: 1.2rem 4rem;
}

@media (min-width: 576px) {
    .cc-btn--submit {
        width: 15rem;
    }
}

.cc-btn--photo-session {
    background-color: transparent;
    color: #B04FDB;
    border: 2px solid #B04FDB;
    box-sizing: border-box;
}

.cc-btn--photo-session:hover, .cc-btn--photo-session:focus, .cc-btn--photo-session:active {
    text-decoration: none;
    background: #31d62c;
    color: #FFF;
    font-weight: 600;
    border: 2px solid #31d62c;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
    transition: all 200ms ease-in-out;
}

.cc-btn--buy {
    padding: 1.5rem 5rem;
}

.cc-btn--order-form {
    text-align: center;
    width: 100%;
    color: #FFF;
    font-size: 1.6rem;
    line-height: 2.4rem;
    letter-spacing: 1px;
    padding: 1.1rem 4.5rem;
}

@media (min-width: 690px) {
    .cc-btn--order-form {
        width: 20rem;
    }
}

.cc-btn--coupon-validation {
    text-align: center;
    width: 20rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    letter-spacing: 1px;
    padding: 0.9rem 2rem;
    background: transparent;
    color: #31d62c;
    border: 2px solid #31d62c;
    box-sizing: border-box;
    margin-top: 0.8rem;
}

.cc-btn--coupon-validation:hover, .cc-btn--coupon-validation:focus, .cc-btn--coupon-validation:active {
    text-decoration: none;
    cursor: pointer;
    background: #31d62c;
    backface-visibility: hidden;
    color: #FFF;
    border: 2px solid #31d62c;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
    transition: all 200ms ease-in-out;
}

@media (min-width: 510px) {
    .cc-btn--coupon-validation {
        width: 15rem;
        margin-top: initial;
        margin-left: 0.5rem;
    }
}

.cc-checkbox input[type="checkbox"] + .cc-checkbox__label, .cc-checkbox input[type="checkbox"] + .cc-checkbox__label-xs {
    font-size: 1.4rem;
    line-height: 2.1rem;
    font-weight: 400;
    cursor: pointer;
    position: relative;
    text-indent: -4.5rem;
    padding-left: 4.5rem;
}

@media (min-width: 690px) {
    .cc-checkbox input[type="checkbox"] + .cc-checkbox__label, .cc-checkbox input[type="checkbox"] + .cc-checkbox__label-xs {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
}

.cc-radio input[type="radio"] + .cc-radio__label {
    font-size: 1.6rem;
    line-height: 2.1rem;
    font-weight: 400;
    cursor: pointer;
    position: relative;
    text-indent: -4.5rem;
    padding-left: 4.5rem;
}

@media (min-width: 690px) {
    .cc-radio input[type="radio"] + .cc-radio__label {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }
}

.cc-radio input[type="radio"] + .cc-radio__label::before, .cc-checkbox input[type="checkbox"] + .cc-checkbox__label::before, .cc-checkbox input[type="checkbox"] + .cc-checkbox__label-xs::before {
    content: '';
    background: #FFF;
    border-radius: 0;
    border: 1px solid #00B51A;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    position: relative;
    margin-right: 2rem;
    vertical-align: middle;
    top: -0.2rem;
    cursor: pointer;
    transition: all 200ms ease-in-out;
}

.cc-radio input[type="radio"]:disabled + .cc-radio__label::before, .cc-checkbox input[type="checkbox"]:disabled + .cc-checkbox__label::before, .cc-checkbox input[type="checkbox"]:disabled + .cc-checkbox__label-xs::before {
    box-shadow: inset 0 0 0 4px #aeaeae;
    border-color: #6e6e6e;
    background: #6e6e6e;
}

.cc-radio {
    width: 100%;
    align-items: center;
    margin-bottom: 2rem;
}

.cc-radio input[type="radio"] {
    position: absolute;
    opacity: 0;
}

.cc-radio input[type="radio"] + .cc-radio__label::before {
    border-radius: 100%;
}

.cc-radio input[type="radio"]:checked + .cc-radio__label::before {
    background: #31d62c;
    box-shadow: inset 0 0 0 4px #FFF;
}

.cc-radio input[type="radio"]:focus + .cc-radio__label::before {
    outline: none;
    border-color: #FFF;
}

.cc-radio input[type="radio"] + .cc-radio__label:empty::before {
    margin-right: 0;
}

.cc-checkbox {
    width: 100%;
    align-items: center;
    margin-bottom: 2rem;
}

.cc-checkbox input[type="checkbox"] {
    position: absolute;
    opacity: 0;
}

.cc-checkbox input[type="checkbox"]:checked + .cc-checkbox__label::before {
    background: url("../assets/icons/check.svg") center no-repeat;
    background-color: #31d62c;
    border: 1px solid #31d62c;
}

.cc-checkbox input[type="checkbox"]:focus + .cc-checkbox__label::before {
    outline: none;
    border-color: #FFF;
}

.cc-checkbox input[type="checkbox"] + .cc-checkbox__label:empty::before {
    margin-right: 0;
}

.cc-checkbox input[type="checkbox"] + .cc-checkbox__label-xs::before {
    border: 1px solid #EEDEFF;
    border-radius: 5px;
}

.cc-checkbox input[type="checkbox"]:checked + .cc-checkbox__label-xs::before {
    background: url("../assets/icons/check.svg") center no-repeat;
    background-color: #31d62c;
    border: 1px solid #31d62c;
}

.cc-checkbox input[type="checkbox"]:focus + .cc-checkbox__label-xs::before {
    outline: none;
    border-color: #FFF;
}

.cc-checkbox input[type="checkbox"] + .cc-checkbox__label-xs:empty::before {
    margin-right: 0;
}

.cc-nav {
    width: 100%;
    background-color: #FFF;
    position: fixed;
    z-index: 1000;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}

.cc-nav__logo {
    min-width: 130px;
    max-width: 130px;
}

@media (min-width: 576px) {
    .cc-nav__logo {
        max-width: 250px;
    }
}

.cc-nav__logo-form-padding {
    padding: 1rem 0;
}

@media (min-width: 576px) {
    .cc-nav__logo-form-padding {
        padding: 1.5rem 0;
    }
}

.cc-nav__logo--mobile {
    text-align: center;
}

@media (min-width: 576px) {
    .cc-nav__logo--mobile {
        text-align: left;
    }
}

.cc-nav__padding {
    padding: 2rem;
}

.cc-nav__sign-up {
    display: none;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 400;
    color: #00B51A;
}

@media (min-width: 576px) {
    .cc-nav__sign-up {
        display: block;
        font-size: 1.2rem;
    }
}

.cc-nav__icon {
    font-size: 2rem;
}

.cc-nav__hidden-row {
    padding: 2rem 0 3rem;
}

.cc-nav__hidden-button {
    margin-right: 4.8rem;
}

.cc-nav__buttons-rwd {
    display: none;
}

@media (min-width: 768px) {
    .cc-nav__buttons-rwd {
        display: flex;
    }
}

.cc-nav__appended-nav-rwd {
    display: flex;
}

@media (min-width: 768px) {
    .cc-nav__appended-nav-rwd {
        display: none;
    }
}

.cc-banner {
    min-height: 60rem;
    width: 100%;
    background-color: rgba(255, 212, 255, 0.1);
}

.cc-banner__nav-spacing {
    padding-top: 6rem;
}

@media (min-width: 768px) {
    .cc-banner__nav-spacing {
        padding-top: 8rem;
    }
}

@media (min-width: 768px) {
    .cc-banner__mobile-top {
        padding-top: 0;
    }
}

.cc-banner__image {
    width: 100%;
    padding-top: 0;
    padding-bottom: 1.5rem;
}

@media (min-width: 768px) {
    .cc-banner__image {
        padding-top: 0;
        transform: scale(1.05);
    }
}

.cc-banner__top-spacing {
    padding-top: 0;
}

@media (min-width: 768px) {
    .cc-banner__top-spacing {
        padding-top: 5rem;
    }
}

@media (min-width: 300px) and (max-width: 359px) {
    .cc-banner__subheading-xs-mobile {
        font-size: 1.9rem;
        line-height: 3rem;
    }
}

#cc-banner-desktop {
    display: none;
}

@media (min-width: 768px) {
    #cc-banner-desktop {
        display: block;
    }
}

#cc-banner-mobile {
    display: block;
}

@media (min-width: 768px) {
    #cc-banner-mobile {
        display: none;
    }
}

.cc-benefits {
    min-height: 40rem;
    width: 100%;
    background: rgba(255, 212, 255, 0.1);
}

.cc-benefits__col {
    padding-bottom: 2rem;
}

@media (min-width: 768px) {
    .cc-benefits__col {
        padding-bottom: 0;
    }
}

.cc-benefits__direction {
    flex-direction: row;
    align-items: flex-start;
    min-height: 8rem;
}

@media (min-width: 1200px) {
    .cc-benefits__direction {
        align-items: center;
        min-height: initial;
    }
}

.cc-benefits__icon {
    width: 5.5rem;
    height: 5.5rem;
    border-radius: 5px;
    background: white;
    margin: 0 auto;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.05);
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width: 768px) {
    .cc-benefits__icon {
        width: 6.5rem;
        height: 6.5rem;
        margin: 0;
    }
}

.cc-benefits__svg {
    width: 20px;
    height: 20px;
}

@media (min-width: 768px) {
    .cc-benefits__svg {
        width: 24px;
        height: 24px;
    }
}

.cc-benefits__text {
    text-align: left;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .cc-benefits__text {
        padding-top: 0;
        padding-right: 2rem;
        padding-left: 2rem;
    }
}

.cc-salary {
    min-height: 25rem;
    background: linear-gradient(110deg, #4EACFE, #8D1FFC, #00B51A);
    background-repeat: no-repeat;
    background-position: left;
    color: #FFF;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.cc-salary::after {
    content: "";
    background: url("../assets/icons/wings.svg") no-repeat;
    transform: scale(3.5);
    opacity: 0.3;
    width: 300px;
    height: 300px;
    top: 650px;
    left: -50px;
    position: absolute;
    z-index: 1;
}

@media (min-width: 375px) {
    .cc-salary::after {
        top: 620px;
        left: -40px;
    }
}

@media (min-width: 576px) {
    .cc-salary::after {
        top: 550px;
        left: 50px;
    }
}

@media (min-width: 768px) {
    .cc-salary::after {
        top: 495px;
        left: 50px;
    }
}

.cc-salary::before {
    content: "";
    background: url("../assets/icons/wings.svg") no-repeat;
    transform: scale(3.5);
    opacity: 0.3;
    width: 300px;
    height: 300px;
    top: -400px;
    right: -420px;
    position: absolute;
    z-index: 1;
}

@media (min-width: 768px) {
    .cc-salary::before {
        top: -360px;
        right: -320px;
    }
}

.cc-salary__flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cc-salary__text {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 400;
}

@media (min-width: 768px) {
    .cc-salary__text {
        font-size: 1.8rem;
        line-height: 2.7rem;
    }
}

.cc-salary__amount {
    font-size: 3.2rem;
    line-height: 4.8rem;
}

@media (min-width: 768px) {
    .cc-salary__amount {
        font-size: 4.8rem;
        line-height: 7.2rem;
    }
}

.cc-programme__step-one, .cc-programme__step-two, .cc-programme__step-three {
    padding: 1.5rem 3rem;
    width: 100%;
    margin-bottom: 3rem;
}

@media (min-width: 768px) {
    .cc-programme__step-one, .cc-programme__step-two, .cc-programme__step-three {
        width: 250px;
        text-align: center;
        padding-left: initial;
    }
}

.cc-programme__step-one::after, .cc-programme__step-two::after, .cc-programme__step-three::after {
    position: absolute;
    padding-top: 2px;
    width: 25px;
    height: 25px;
    top: 14px;
    left: 4px;
    border-radius: 100%;
    color: #FFF;
    text-align: center;
}

@media (min-width: 360px) {
    .cc-programme__step-one::after, .cc-programme__step-two::after, .cc-programme__step-three::after {
        width: 33px;
        height: 33px;
        padding-top: 5px;
        top: 11px;
        left: 0;
    }
}

@media (min-width: 768px) {
    .cc-programme__step-one::after, .cc-programme__step-two::after, .cc-programme__step-three::after {
        top: 13px;
        padding-top: 3px;
    }
}

.cc-programme {
    width: 100%;
    background: rgba(255, 212, 255, 0.1);
}

.cc-programme__step-one {
    background: rgba(109, 158, 255, 0.1);
}

.cc-programme__step-one::after {
    content: "1";
    background: #6D9EFF;
}

.cc-programme__step-two {
    background: rgba(155, 103, 230, 0.1);
}

.cc-programme__step-two::after {
    content: "2";
    background: #9B67E6;
}

.cc-programme__step-three {
    background: rgba(193, 59, 210, 0.1);
}

.cc-programme__step-three::after {
    content: "3";
    background: #C13BD2;
}

.cc-programme__separator {
    border-top: 1px solid rgba(241, 228, 255, 0.38);
    margin-top: 3rem;
    margin-bottom: 3rem;
}

@media (min-width: 768px) {
    .cc-programme__separator {
        margin-left: 10rem;
    }
}

.cc-programme__rel-line {
    position: relative;
}

.cc-programme__vertical-line {
    display: none;
    position: absolute;
    width: 5px;
    height: 605px;
    background: linear-gradient(to bottom, #4EACFE, #8D1FFC, #00B51A);
    top: 54px;
    left: -1px;
}

@media (min-width: 992px) {
    .cc-programme__vertical-line {
        display: block;
    }
}

.cc-instructors {
    width: 100%;
    background: rgba(255, 212, 255, 0.1);
}

.cc-instructors__heading {
    padding-bottom: 3rem;
}

@media (min-width: 768px) {
    .cc-instructors__heading {
        padding-bottom: 5rem;
    }
}

.cc-instructors__card {
    background: #FFF;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    margin: 0;
    width: 100%;
}

@media (min-width: 768px) {
    .cc-instructors__card {
        min-height: 28rem;
    }
}

@media (min-width: 992px) {
    .cc-instructors__card {
        min-height: 31rem;
    }
}

.cc-instructors__person-photo {
    max-width: 250px;
    transform: scale(1);
    padding-bottom: 0;
    margin-left: -20px;
}

@media (min-width: 768px) {
    .cc-instructors__person-photo {
        width: 100%;
        height: auto;
        transform: scale(1.2);
        padding-bottom: 2.5rem;
    }
}

@media (min-width: 992px) {
    .cc-instructors__person-photo {
        transform: scale(1.5);
        margin-left: -6px;
        padding-bottom: 3rem;
    }
}

@media (min-width: 1200px) {
    .cc-instructors__person-photo {
        width: 100%;
        height: auto;
        transform: scale(1.3);
        padding-bottom: 3.3rem;
    }
}

.cc-instructors__title {
    padding: 30px 30px 0;
}

.cc-instructors__logos {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: row;
    flex-wrap: wrap;
}

@media (min-width: 768px) {
    .cc-instructors__logos {
        flex-direction: row;
        flex-wrap: nowrap;
    }
}

.cc-instructors__logo {
    max-width: 80px;
    margin: 0 1rem 2rem;
}

@media (min-width: 470px) {
    .cc-instructors__logo {
        max-width: 100px;
        margin: 0 1rem 2rem;
    }
}

@media (min-width: 490px) {
    .cc-instructors__logo {
        max-width: 100px;
        margin: 0 2rem 2rem;
    }
}

@media (min-width: 768px) {
    .cc-instructors__logo {
        max-width: 100px;
        margin: 0 1rem;
    }
}

@media (min-width: 768px) {
    .cc-instructors__logo {
        max-width: 100px;
        margin: 0 1rem;
    }
}

@media (min-width: 1200px) {
    .cc-instructors__logo {
        max-width: 120px;
        margin: 0;
    }
}

.cc-slider__opinion--1, .cc-slider__opinion--2, .cc-slider__opinion--3, .cc-slider__opinion--4, .cc-slider__opinion--5 {
    margin: 25px auto;
    width: 25rem;
    height: 35rem;
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}

@media (min-width: 360px) {
    .cc-slider__opinion--1, .cc-slider__opinion--2, .cc-slider__opinion--3, .cc-slider__opinion--4, .cc-slider__opinion--5 {
        width: 27rem;
        height: 34rem;
    }
}

@media (min-width: 414px) {
    .cc-slider__opinion--1, .cc-slider__opinion--2, .cc-slider__opinion--3, .cc-slider__opinion--4, .cc-slider__opinion--5 {
        width: 33rem;
        height: 31rem;
    }
}

@media (min-width: 576px) {
    .cc-slider__opinion--1, .cc-slider__opinion--2, .cc-slider__opinion--3, .cc-slider__opinion--4, .cc-slider__opinion--5 {
        width: 40rem;
        height: 25rem;
    }
}

@media (min-width: 768px) {
    .cc-slider__opinion--1, .cc-slider__opinion--2, .cc-slider__opinion--3, .cc-slider__opinion--4, .cc-slider__opinion--5 {
        width: 65rem;
        height: 20rem;
    }
}

.cc-slider__opinion--1::before, .cc-slider__opinion--2::before, .cc-slider__opinion--3::before, .cc-slider__opinion--4::before, .cc-slider__opinion--5::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 19.8rem;
    transform: translateX(-50%);
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #FFF;
}

@media (min-width: 768px) {
    .cc-slider__opinion--1::before, .cc-slider__opinion--2::before, .cc-slider__opinion--3::before, .cc-slider__opinion--4::before, .cc-slider__opinion--5::before {
        top: 20rem;
    }
}

.cc-opinions {
    width: 100%;
    min-height: 35rem;
    background: linear-gradient(110deg, #4EACFE, #8D1FFC, #00B51A);
    color: #FFF;
    position: relative;
    overflow: hidden;
}

.cc-opinions::after {
    content: "";
    background: url("../assets/icons/wings.svg") no-repeat;
    transform: scale(3.5);
    opacity: 0.3;
    width: 300px;
    height: 300px;
    top: 800px;
    left: 0;
    position: absolute;
    z-index: 1;
    display: none;
}

@media (min-width: 768px) {
    .cc-opinions::after {
        left: -120px;
        display: block;
    }
}

@media (min-width: 1200px) {
    .cc-opinions::after {
        left: 50px;
    }
}

.cc-opinions::before {
    content: "";
    background: url("../assets/icons/wings.svg") no-repeat;
    transform: scale(3.5);
    opacity: 0.3;
    width: 300px;
    height: 300px;
    top: 420px;
    right: 100px;
    position: absolute;
}

.cc-slider {
    padding: 1rem 0 4rem;
    position: relative;
    border-radius: 5px;
}

.cc-slider__additional-spacing {
    padding-bottom: 7rem;
}

@media (min-width: 414px) {
    .cc-slider__additional-spacing {
        padding-bottom: 8rem;
    }
}

@media (min-width: 576px) {
    .cc-slider__additional-spacing {
        padding-bottom: 10rem;
    }
}

@media (min-width: 768px) {
    .cc-slider__additional-spacing {
        padding-bottom: 15rem;
    }
}

.cc-slider__left-arrow {
    background: url("../assets/icons/icon-left-arrow.png") no-repeat center;
    width: 50px;
    height: 50px;
}

.cc-slider__right-arrow {
    background: url("../assets/icons/icon-right-arrow.png") no-repeat center;
    width: 50px;
    height: 50px;
}

.cc-slider__carousel-control {
    z-index: 999;
}

.cc-slider__carousel-control--prev {
    position: absolute;
    transform: translate(-45%, 0);
}

@media (min-width: 360px) {
    .cc-slider__carousel-control--prev {
        transform: translate(-29%, 0);
    }
}

@media (min-width: 414px) {
    .cc-slider__carousel-control--prev {
        transform: translate(-40%, 0);
    }
}

@media (min-width: 576px) {
    .cc-slider__carousel-control--prev {
        transform: translate(-80%, 0);
    }
}

@media (min-width: 768px) {
    .cc-slider__carousel-control--prev {
        transform: translate(-80%, 0);
    }
}

@media (min-width: 992px) {
    .cc-slider__carousel-control--prev {
        transform: translate(0, 0);
    }
}

.cc-slider__carousel-control--next {
    position: absolute;
    transform: translate(45%, 0);
}

@media (min-width: 360px) {
    .cc-slider__carousel-control--next {
        transform: translate(29%, 0);
    }
}

@media (min-width: 414px) {
    .cc-slider__carousel-control--next {
        transform: translate(40%, 0);
    }
}

@media (min-width: 576px) {
    .cc-slider__carousel-control--next {
        transform: translate(80%, 0);
    }
}

@media (min-width: 768px) {
    .cc-slider__carousel-control--next {
        transform: translate(80%, 0);
    }
}

@media (min-width: 992px) {
    .cc-slider__carousel-control--next {
        transform: translate(0, 0);
    }
}

.cc-slider__quote {
    font-size: 16px;
    font-weight: 400;
    color: #00B51A;
    padding: 3.5rem 4rem;
    position: relative;
}

@media (min-width: 360px) {
    .cc-slider__quote {
        padding: 4rem;
    }
}

@media (min-width: 414px) {
    .cc-slider__quote {
        padding: 4rem 5rem;
    }
}

@media (min-width: 768px) {
    .cc-slider__quote {
        padding: 4rem 7rem;
    }
}

.cc-slider__signature {
    padding-top: 1.6rem;
    font-size: 12px;
    color: #00B51A;
}

.cc-slider__opinion--1::before {
    left: 25%;
}

@media (min-width: 320px) {
    .cc-slider__opinion--1::before {
        left: 23.5%;
    }
}

@media (min-width: 360px) {
    .cc-slider__opinion--1::before {
        left: 23.5%;
    }
}

@media (min-width: 414px) {
    .cc-slider__opinion--1::before {
        left: 24%;
    }
}

@media (min-width: 576px) {
    .cc-slider__opinion--1::before {
        left: 28%;
    }
}

@media (min-width: 768px) {
    .cc-slider__opinion--1::before {
        left: 27%;
    }
}

@media (min-width: 992px) {
    .cc-slider__opinion--1::before {
        left: 33%;
    }
}

@media (min-width: 1200px) {
    .cc-slider__opinion--1::before {
        left: 35.5%;
    }
}

.cc-slider__opinion--2::before {
    left: 39.5%;
}

@media (min-width: 320px) {
    .cc-slider__opinion--2::before {
        left: 36.5%;
    }
}

@media (min-width: 360px) {
    .cc-slider__opinion--2::before {
        left: 37%;
    }
}

@media (min-width: 414px) {
    .cc-slider__opinion--2::before {
        left: 37%;
    }
}

@media (min-width: 576px) {
    .cc-slider__opinion--2::before {
        left: 39%;
    }
}

@media (min-width: 768px) {
    .cc-slider__opinion--2::before {
        left: 38.5%;
    }
}

@media (min-width: 992px) {
    .cc-slider__opinion--2::before {
        left: 41.5%;
    }
}

@media (min-width: 1200px) {
    .cc-slider__opinion--2::before {
        left: 43%;
    }
}

.cc-slider__opinion--3::before {
    left: 50%;
}

.cc-slider__opinion--4::before {
    left: 61%;
}

@media (min-width: 320px) {
    .cc-slider__opinion--4::before {
        left: 63.5%;
    }
}

@media (min-width: 360px) {
    .cc-slider__opinion--4::before {
        left: 63.5%;
    }
}

@media (min-width: 414px) {
    .cc-slider__opinion--4::before {
        left: 63%;
    }
}

@media (min-width: 576px) {
    .cc-slider__opinion--4::before {
        left: 61%;
    }
}

@media (min-width: 768px) {
    .cc-slider__opinion--4::before {
        left: 62%;
    }
}

@media (min-width: 992px) {
    .cc-slider__opinion--4::before {
        left: 58.5%;
    }
}

@media (min-width: 1200px) {
    .cc-slider__opinion--4::before {
        left: 57%;
    }
}

.cc-slider__opinion--5::before {
    left: 72%;
}

@media (min-width: 320px) {
    .cc-slider__opinion--5::before {
        left: 76.5%;
    }
}

@media (min-width: 360px) {
    .cc-slider__opinion--5::before {
        left: 76.5%;
    }
}

@media (min-width: 414px) {
    .cc-slider__opinion--5::before {
        left: 76%;
    }
}

@media (min-width: 576px) {
    .cc-slider__opinion--5::before {
        left: 72%;
    }
}

@media (min-width: 768px) {
    .cc-slider__opinion--5::before {
        left: 73%;
    }
}

@media (min-width: 992px) {
    .cc-slider__opinion--5::before {
        left: 67%;
    }
}

@media (min-width: 1200px) {
    .cc-slider__opinion--5::before {
        left: 64.5%;
    }
}

.cc-slider__indicators {
    bottom: -3rem;
    display: flex;
    align-items: center;
}

@media (min-width: 414px) {
    .cc-slider__indicators {
        bottom: -4rem;
    }
}

@media (min-width: 576px) {
    .cc-slider__indicators {
        bottom: -5rem;
    }
}

@media (min-width: 768px) {
    .cc-slider__indicators {
        bottom: -7rem;
    }
}

.cc-slider__indicators li {
    width: 40px;
    height: 35px;
    border-radius: 100%;
    border: 2px solid #FFF;
    background: #FFF;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
}

@media (min-width: 360px) {
    .cc-slider__indicators li {
        width: 40px;
        height: 38px;
        margin-left: 0.3rem;
        margin-right: 0.3rem;
    }
}

@media (min-width: 414px) {
    .cc-slider__indicators li {
        width: 40px;
        height: 40px;
    }
}

@media (min-width: 576px) {
    .cc-slider__indicators li {
        width: 50px;
        height: 50px;
        border: 3px solid #FFF;
    }
}

@media (min-width: 768px) {
    .cc-slider__indicators li {
        width: 60px;
        height: 60px;
        margin-left: 1rem;
        margin-right: 1rem;
    }
}

.cc-slider__indicators li:nth-of-type(1) {
    background: url("../assets/img/cc-marysia.jpg") no-repeat center center;
    background-size: cover;
}

.cc-slider__indicators li:nth-of-type(2) {
    background: url("../assets/img/cc-basia.jpg") no-repeat center center;
    background-size: cover;
}

.cc-slider__indicators li:nth-of-type(3) {
    background: url("../assets/img/cc-daniel.jpg") no-repeat center center;
    background-size: cover;
}

.cc-slider__indicators li:nth-of-type(4) {
    background: url("../assets/img/cc-klaudia.jpg") no-repeat center center;
    background-size: cover;
}

.cc-slider__indicators li:nth-of-type(5) {
    background: url("../assets/img/cc-lukasz.jpg") no-repeat center center;
    background-size: cover;
}

.cc-slider__indicators li.active {
    width: 60px;
    height: 50px;
    transition: all 100ms ease-in-out;
}

@media (min-width: 360px) {
    .cc-slider__indicators li.active {
        width: 60px;
        height: 55px;
    }
}

@media (min-width: 414px) {
    .cc-slider__indicators li.active {
        width: 60px;
        height: 60px;
    }
}

@media (min-width: 576px) {
    .cc-slider__indicators li.active {
        width: 70px;
        height: 70px;
    }
}

@media (min-width: 768px) {
    .cc-slider__indicators li.active {
        width: 80px;
        height: 80px;
    }
}

.cc-formalities {
    background: rgba(255, 212, 255, 0.1);
    width: 100%;
    height: auto;
}

.cc-formalities__col {
    min-height: 11rem;
}

@media (min-width: 992px) {
    .cc-formalities__col {
        min-height: initial;
    }
}

.cc-formalities__col--bullets {
    min-height: 20rem;
}

@media (min-width: 768px) {
    .cc-formalities__col--bullets {
        min-height: 21rem;
    }
}

@media (min-width: 992px) {
    .cc-formalities__col--bullets {
        min-height: initial;
    }
}

.cc-formalities .cc-formalities__list, .cc-formalities .cc-formalities__list-course {
    list-style: none;
    margin-left: 0;
    font-size: 1.6rem;
}

.cc-formalities .cc-formalities__list li, .cc-formalities__list .cc-formalities li, .cc-formalities .cc-formalities__list-course li, .cc-formalities__list-course .cc-formalities li {
    margin-bottom: 0.5em;
    margin-left: 2em;
    font-weight: normal;
}

.cc-formalities .cc-formalities__list li::before, .cc-formalities__list .cc-formalities li::before, .cc-formalities .cc-formalities__list-course li::before, .cc-formalities__list-course .cc-formalities li::before {
    content: '\2022';
    display: inline-block;
    text-indent: -3rem;
    color: #B04FDB;
}

@media (min-width: 576px) {
    .cc-formalities__list {
        width: 240%;
    }
}

@media (min-width: 992px) {
    .cc-formalities__list {
        width: 100%;
    }
}

@media (min-width: 576px) {
    .cc-formalities__list-course {
        width: 240%;
    }
}

.cc-formalities__additional-spacing {
    padding-bottom: 5rem;
}

@media (min-width: 1200px) {
    .cc-formalities__additional-spacing {
        padding-bottom: 5rem;
    }
}

.cc-prices {
    width: 100%;
    background: linear-gradient(110deg, #4EACFE, #8D1FFC, #00B51A);
    height: 114rem;
    color: #00B51A;
}

@media (min-width: 768px) {
    .cc-prices {
        height: 130rem;
    }
}

@media (min-width: 992px) {
    .cc-prices {
        height: 45rem;
    }
}

.cc-prices::before {
    content: "";
    background: url("../assets/icons/wings.svg") no-repeat;
    transform: scale(4.5);
    opacity: 0.3;
    width: 300px;
    height: 300px;
    top: 650px;
    left: 50px;
    position: absolute;
}

@media (min-width: 1400px) {
    .cc-prices::before {
        left: 200px;
    }
}

@media (min-width: 1500px) {
    .cc-prices::before {
        left: 250px;
    }
}

@media (min-width: 1900px) {
    .cc-prices::before {
        transform: scale(5.5);
        top: 800px;
        left: 340px;
    }
}

.cc-prices__heading {
    color: #FFF;
}

@media (min-width: 1200px) {
    .cc-prices__container {
        max-width: 130rem;
    }
}

.cc-prices__small-box {
    height: 25rem;
    width: 24rem;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
    text-align: center;
    padding: 1.5rem;
    background-color: #FFF;
    margin-bottom: 5rem;
    border-radius: 10px;
}

@media (min-width: 768px) {
    .cc-prices__small-box {
        height: 29.5rem;
        width: 26rem;
    }
}

@media (min-width: 992px) {
    .cc-prices__small-box {
        height: 31rem;
        width: 27rem;
    }
}

@media (min-width: 1200px) {
    .cc-prices__small-box {
        height: 32rem;
        width: 30rem;
        margin-bottom: 0;
    }
}

.cc-prices__big-box {
    height: 33.5rem;
    width: 27rem;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
    text-align: center;
    padding: 4rem 1.5rem;
    background-color: #FFF;
    margin-bottom: 5rem;
    border-radius: 10px;
}

@media (min-width: 768px) {
    .cc-prices__big-box {
        height: 35rem;
        width: 32rem;
    }
}

@media (min-width: 992px) {
    .cc-prices__big-box {
        height: 36.5rem;
        width: 30rem;
    }
}

@media (min-width: 1200px) {
    .cc-prices__big-box {
        margin-bottom: 0;
        height: 41rem;
        width: 36rem;
    }
}

.cc-prices__bestseller {
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0.6rem;
    color: #FFF;
    letter-spacing: 1px;
    background: #31d62c;
    border-radius: 18px;
    width: 153px;
}

.cc-prices__description {
    font-weight: 400;
}

.cc-prices__price-label {
    font-size: 3.2rem;
    line-height: 4.5rem;
    font-weight: 600;
}

.cc-prices__price-label--big {
    font-size: 3.8rem;
    line-height: 5.7rem;
    font-weight: 600;
}

@media (min-width: 768px) {
    .cc-prices__price-label--big {
        font-size: 4.8rem;
        line-height: 7.2rem;
    }
}

/* common */
.ribbon {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
}

.ribbon::before,
.ribbon::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid #2980b9;
}

.ribbon span {
    position: absolute;
    display: block;
    width: 225px;
    padding: 15px 0;
    background: linear-gradient(#9BC90D 0%, #79A70A 100%);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    color: #fff;
    font: 700 18px/1 'Lato', sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    text-align: center;
}

/* top right*/
.ribbon-top-right {
    top: -5px;
    right: 37px;
}

.ribbon-top-right::before,
.ribbon-top-right::after {
    border-top-color: transparent;
    border-right-color: transparent;
}

.ribbon-top-right::before {
    top: 0;
    left: 0;
}

.ribbon-top-right::after {
    bottom: 0;
    right: 0;
}

.ribbon-top-right span {
    left: -25px;
    top: 30px;
    transform: rotate(45deg);
}

.cc-faq {
    width: 100%;
    background: rgba(255, 212, 255, 0.1);
    color: #00B51A;
}

.cc-faq__top-spacing {
    padding-top: 0;
    padding-bottom: 2rem;
}

@media (min-width: 992px) {
    .cc-faq__top-spacing {
        padding-top: 20rem;
        padding-bottom: 0;
    }
}

.cc-faq__question-box {
    padding: 2.5rem 0;
    margin-right: 1rem;
    background: transparent;
    border: none;
    border-bottom: 1px solid #EEDEFF;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.cc-faq__question-text {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin: 0;
    padding-right: 1.5rem;
}

.cc-faq__answer {
    font-size: 16px;
    font-weight: 200;
    line-height: 24px;
    margin: 0;
    padding: 4rem 2rem 2rem 0;
}

@media (min-width: 768px) {
    .cc-faq__answer {
        padding: 4rem 10rem 2rem 0;
    }
}

.cc-faq__sign {
    font-size: 2rem;
    font-weight: 600;
    color: #00B51A;
}

.cc-footer {
    width: 100%;
    background: linear-gradient(110deg, #4EACFE, #8D1FFC, #00B51A);
    min-height: 30rem;
    color: #FFF;
    position: relative;
    overflow: hidden;
}

.cc-footer::before {
    content: "";
    background: url("../assets/icons/wings.svg") no-repeat;
    transform: scale(4.5);
    opacity: 0.3;
    width: 300px;
    height: 300px;
    top: 850px;
    left: 100px;
    position: absolute;
}

@media (min-width: 1400px) {
    .cc-footer::before {
        left: 200px;
    }
}

@media (min-width: 1500px) {
    .cc-footer::before {
        left: 250px;
    }
}

@media (min-width: 1900px) {
    .cc-footer::before {
        left: 340px;
    }
}

.cc-footer__form {
    background: white;
    padding: 4rem 3rem 3rem;
    border-radius: 5px;
    box-shadow: 0 8px 21px rgba(0, 0, 0, 0.15);
}

.cc-footer__flexi-form {
    display: flex;
    flex-direction: column;
}

.cc-footer__input {
    color: #00B51A;
    font-size: 1.4rem;
    line-height: 2.1rem;
    font-weight: 200;
    padding: 1rem 1.5rem;
    margin-bottom: 2.5rem;
    background: #FFF;
    border: 1px solid #EEDEFF;
    border-radius: 5px;
    outline: none;
    width: 100%;
}

@media (min-width: 768px) {
    .cc-footer__input {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
}

.cc-footer__input::placeholder {
    color: gray;
    font-size: 1.4rem;
    line-height: 2.1rem;
    font-weight: 200;
}

@media (min-width: 768px) {
    .cc-footer__input::placeholder {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
}

.cc-footer__textarea {
    color: #00B51A;
    font-size: 1.4rem;
    line-height: 2.1rem;
    font-weight: 200;
    border: 1px solid #EEDEFF;
    border-radius: 5px;
    outline: none;
    padding: 0.8rem 1.5rem;
    margin-bottom: 2.5rem;
}

@media (min-width: 768px) {
    .cc-footer__textarea {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
}

.cc-footer__textarea::placeholder {
    color: gray;
    font-size: 1.4rem;
    line-height: 2.1rem;
    font-weight: 200;
}

@media (min-width: 768px) {
    .cc-footer__textarea::placeholder {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
}

.cc-footer__last-line {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: column;
}

@media (min-width: 576px) {
    .cc-footer__last-line {
        flex-direction: row;
    }
}

.cc-footer__copyright {
    font-size: 1.4rem;
    font-weight: 400;
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.37);
}

@media (min-width: 768px) {
    .cc-footer__copyright {
        font-size: 1.6rem;
    }
}

.cc-footer__visa-icon {
    height: 1.5rem;
}

.cc-footer__payu-icon {
    height: 2.35rem;
}

.cc-footer__mastercard-icon {
    height: 2.6rem;
}

.cc-footer--2 {
    width: 100%;
    background: linear-gradient(110deg, #4EACFE, #8D1FFC, #00B51A);
    min-height: 10rem;
    color: #FFF;
    position: relative;
    overflow: hidden;
}

.cc-footer--2::before {
    content: "";
    background: url("../assets/icons/wings.svg") no-repeat;
    transform: scale(4.5);
    opacity: 0.3;
    width: 300px;
    height: 300px;
    top: 850px;
    left: 100px;
    position: absolute;
}

@media (min-width: 1400px) {
    .cc-footer--2::before {
        left: 200px;
    }
}

@media (min-width: 1500px) {
    .cc-footer--2::before {
        left: 250px;
    }
}

@media (min-width: 1900px) {
    .cc-footer--2::before {
        left: 340px;
    }
}

.cc-order {
    width: 100%;
    min-height: 100vh;
    background: linear-gradient(110deg, #4EACFE, #8D1FFC, #00B51A);
    color: #00B51A;
    position: relative;
    overflow: hidden;
}

.cc-order::before {
    content: "";
    background: url("../assets/icons/wings.svg") no-repeat;
    transform: scale(3.5);
    opacity: 0.3;
    width: 300px;
    height: 300px;
    top: 400px;
    right: 450px;
    position: absolute;
}

@media (min-width: 1200px) {
    .cc-order::before {
        right: 400px;
    }
}

@media (min-width: 1400px) {
    .cc-order::before {
        right: 600px;
    }
}

@media (min-width: 1500px) {
    .cc-order::before {
        right: 700px;
    }
}

.cc-order__logo {
    min-width: 100px;
    max-width: 130px;
}

@media (min-width: 576px) {
    .cc-order__logo {
        max-width: 150px;
    }
}

.cc-order__card {
    background: white;
    padding: 4rem 3rem 3rem;
    border-radius: 5px;
    box-shadow: 0 8px 21px rgba(0, 0, 0, 0.15);
}

.cc-order__flexi-form {
    display: flex;
    flex-direction: column;
}

.cc-order__select {
    -webkit-appearance: none;
    display: block;
    width: 100%;
    color: #00B51A;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 200;
    background: url("/assets/icons/caret-down.png") no-repeat right #FFF;
    background-position-x: 98%;
    padding: 1rem 1.5rem;
    margin-bottom: 2.5rem;
    -webkit-font-smoothing: antialiased;
    border: 1px solid #EEDEFF;
    border-radius: 5px;
    outline: none;
}

.cc-order__input {
    color: #00B51A;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 200;
    padding: 1rem 1.5rem;
    margin-bottom: 2.5rem;
    background: #FFF;
    border: 1px solid #EEDEFF;
    border-radius: 5px;
    outline: none;
    width: 100%;
}

.cc-order__input::placeholder {
    color: #00B51A;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 200;
}

.cc-order__textarea {
    color: #00B51A;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 200;
    border: 1px solid #EEDEFF;
    border-radius: 5px;
    outline: none;
    padding: 1rem 1.5rem;
    margin-bottom: 2.5rem;
}

.cc-order__textarea::placeholder {
    color: gray;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 200;
}

.cc-progress-bar {
    background-color: #31d62c;
}

.cc-form__radio-label, .cc-form__checkbox-label {
    font-size: 1.8rem;
    font-weight: 400;
    cursor: pointer;
    position: relative;
    padding-left: 4rem;
}

.cc-form__radio-button, .cc-form__radio-button--small, .cc-form__checkbox-button {
    height: 2.5rem;
    width: 2.5rem;
    border: 1px solid #00B51A;
    border-radius: 100%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}

.cc-form__radio-button::after, .cc-form__radio-button--small::after, .cc-form__checkbox-button::after {
    content: "";
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #31d62c;
    opacity: 0;
    transition: opacity .2s;
}

.cc-form__input, .cc-form__textarea, .cc-form__coupon-input {
    color: black;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 200;
    padding: 1rem 1.5rem;
    margin-bottom: 2.5rem;
    background: #FFF;
    border: 1px solid black;
    border-radius: 5px;
    outline: none;
    width: 100%;
}
.zz_categoryOptionsSelect{
    color: black;
    font-size: 1.6rem;
    line-height: 2.4rem;
    border-radius: 5px;
    font-weight: 200;
    padding: 1rem 1.5rem;
    margin-bottom: 2.5rem; 
    border-width: 0.909091px;
    border-color: black;
}

.cc-form__input::placeholder, .cc-form__textarea::placeholder, .cc-form__coupon-input::placeholder {
    color: gray;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 200;
}

.cc-form {
    width: 100%;
    background-color: rgba(255, 212, 255, 0.1);
}

.cc-form__heading-mobile {
    font-size: 2.4rem;
    line-height: 3.6rem;
}

@media (min-width: 400px) {
    .cc-form__heading-mobile {
        font-size: 3.2rem;
        line-height: 4.8rem;
    }
}

@media (min-width: 768px) {
    .cc-form__heading-mobile {
        font-size: 4.8rem;
        line-height: 7.2rem;
    }
}

.cc-form__nav-spacing {
    padding: 4.4rem 0 0;
}

@media (min-width: 576px) {
    .cc-form__nav-spacing {
        padding: 5.8rem 0 0;
    }
}

@media (min-width: 768px) {
    .cc-form__nav-spacing {
        padding: 7rem 0 0;
    }
}

.cc-form__radios {
    width: 100%;
    display: inline-block;
}

.cc-form__radio-group {
    width: 100%;
    display: inline-block;
    align-items: center;
    margin-bottom: 1.6rem;
}

@media (min-width: 930px) {
    .cc-form__radio-group {
        width: 33%;
        margin-bottom: 0;
    }
}

.cc-form__radio-group--place {
    width: 100%;
    display: inline-block;
    align-items: center;
    margin-bottom: 2rem;
}

input:checked ~ .cc-form__radio-label .cc-form__radio-button:after {
    opacity: 1;
}

.cc-form__radio-button--small {
    width: 2rem;
    height: 2rem;
}

.cc-form__radio-button--small::after {
    width: 1.3rem;
    height: 1.3rem;
}

input:checked ~ .cc-form__radio-label .cc-form__radio-button--small:after {
    opacity: 1;
}

.cc-form__checkbox-input {
    display: none;
}

.cc-form__checkbox-button {
    height: 2rem;
    width: 2rem;
    border-radius: 5px;
}

.cc-form__checkbox-button::after {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 5px;
    border: 1px solid #00B51A;
}

.cc-form__radio-input:checked ~ .cc-form__checkbox-label .cc-form__checkbox-button:after {
    opacity: 1;
}

.cc-form__card {
    min-height: 10rem;
    width: 100%;
    background: #FFF;
    margin: 0 auto;
    border-radius: 5px;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
    padding: 5rem;
}

.cc-form .fa-li {
    color: #31d62c;
    height: 100%;
    padding-top: 0.7rem;
    padding-left: 0.5rem;
}

.cc-form__list-item {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 400;
    padding: 1rem;
}

.cc-form__inside-form {
    background: white;
    padding: 4rem 3rem 3rem;
    border-radius: 5px;
    box-shadow: 0 8px 21px rgba(0, 0, 0, 0.15);
}

.cc-form__flexi-form {
    display: flex;
    flex-direction: column;
}

.cc-form__after-input {
    font-size: 1.4rem;
    line-height: 2.1rem;
}

@media (min-width: 690px) {
    .cc-form__after-input {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
}

.cc-form__coupon-input {
    margin-bottom: 0;
    width: 20rem;
    display: inline-block;
}

.cc-form__coupon-validation-position {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

@media (min-width: 510px) {
    .cc-form__coupon-validation-position {
        flex-direction: row;
    }
}

.cc-form__line {
    background: rgba(0, 0, 0, 0.05);
}

.cc-form__before-coupon {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-top: 0.5rem;
    margin-bottom: 2rem;
}

@media (min-width: 930px) {
    .cc-form__before-coupon {
        font-size: 1.8rem;
    }
}

.cc-form__price-section {
    text-align: left;
}

@media (min-width: 690px) {
    .cc-form__price-section {
        text-align: right;
    }
}

.cc-form__before-price {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-bottom: 2.3rem;
}

@media (min-width: 690px) {
    .cc-form__before-price {
        margin-bottom: 2.1rem;
    }
}

@media (min-width: 930px) {
    .cc-form__before-price {
        font-size: 1.8rem;
    }
}

.cc-form__price {
    font-size: 2.4rem;
}

.cc-form__legend {
    font-size: 1.8rem;
    line-height: 2.4rem;
    padding-left: 2.4rem;
}

.cc-form__legend span {
    color: #C13BD2;
}

.cc-form__picked-date {
    font-size: 1.8rem;
    line-height: 2.4rem;
}

.cc-form__picked-date span {
    color: #C13BD2;
}

.cc-step__one, .cc-step__two, .cc-step__three, .cc-step__four {
    padding: 1.5rem 1.5rem 1.5rem 3rem;
    width: 100%;
    text-align: left;
    margin-bottom: 3rem;
    color:black;
}

@media (min-width: 510px) {
    .cc-step__one, .cc-step__two, .cc-step__three, .cc-step__four {
        padding: 1.5rem 4rem;
    }
}

.cc-step__one::after, .cc-step__two::after, .cc-step__three::after, .cc-step__four::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    top: 14px;
    left: 4px;
    border-radius: 100%;
    color: #FFF;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60%, 100%;
}

@media (min-width: 510px) {
    .cc-step__one::after, .cc-step__two::after, .cc-step__three::after, .cc-step__four::after {
        width: 33px;
        height: 33px;
        top: 10px;
        left: 0;
    }
}

.cc-step {
    width: 100%;
    background: rgba(255, 212, 255, 0.1);
}

.cc-step__one {
    background: rgba(109, 158, 255, 0.1);
}

    .cc-step__one::after {
        background-image: url("../img/ic_check_white_24px.png"), linear-gradient(to right bottom, var(--kolor-1), var(--kolor-1));
    }

.cc-step__two {
    background: rgba(109, 158, 255, 0.1);
}

    .cc-step__two::after {
        background-image: url("../img/ic_check_white_24px.png"), linear-gradient(to right bottom, var(--kolor-1),var(--kolor-1));
    }

.cc-step__three {
    background: rgba(109, 158, 255, 0.1);
}

    .cc-step__three::after {
        background-image: url("../img/ic_check_white_24px.png"), linear-gradient(to right bottom, var(--kolor-1), var(--kolor-1));
    }

.cc-step__four {
    background: rgba(109, 158, 255, 0.1);
}

    .cc-step__four::after {
        background-image: url("../img/ic_check_white_24px.png"), linear-gradient(to right bottom, var(--kolor-1), var(--kolor-1));
    }

.datepicker-here {
    margin-bottom: 2rem;
}

    .datepicker-here .datepicker {
        border-radius: 5px;        
        font-family: var(--font-1) !important;
        width: 250px;
        font-size: 14px;
        color: #31d62c;
    }

@media (min-width: 768px) {
    .datepicker-here .datepicker {
        width: 450px;
        font-size: 18px;
    }
}

.datepicker-here .datepicker--nav-title {
    color: #4a4a4a;
}

.datepicker-here .datepicker--day-name {
    color: var(--kolor-1);
    font-weight: 400;
}

.datepicker-here .datepicker--cell {
    height: 41.7px;
}

.datepicker-here .datepicker--cell.-selected- {
    color: #FFF;
    background: #31d62c;
}

.datepicker-here .datepicker--cell.-current- {
    color: #FF9A19;
}

.datepicker-here .datepicker--cell.-disabled-.-focus- {
    background: initial;
}

.datepicker-here .datepicker--cell.-focus- {
    color: #FFF;
    background: #31d62c;
}

.datepicker-here .datepicker--cell .datepicker--cell-day.-weekend-.-selected- {
    color: #FFF;
    background: #31d62c;
}

.datepicker-here .datepicker--cell .datepicker--cell-day.-weekend-.-selected-.-focus- {
    color: #FFF;
    background: #31d62c;
}

.datepicker-here .dp-note {
    background: #31d62c;
}

.cc-date {
    width: 2rem;
    height: 2rem;
    border-radius: 5px;
}

.cc-date--available {
    border: 1px solid #31d62c;
    background: #31d62c;
}

.cc-date--unavailable {
    border: 1px solid #E54F4F;
    background: #E54F4F;
}

.cc-date--disabled {
    border: 1px solid #aeaeae;
    background: #aeaeae;
}

/*=========================*/

.dayPanel {
    width: 260px;
    min-height: 340px;
    padding: 0;
    margin-left: 0 !important;
    display: block !important;
    float: initial;
}

.dayPanel:first-child {
    padding: 3rem 0 0;
}

.col-12.ng-scope > .dayPanel {
    width: 260px;
    min-height: 340px;
    padding: 0;
    margin-left: 0 !important;
    display: block !important;
    float: initial;
}

.col-12.ng-scope > .dayPanel:nth-child(2) {
    min-height: 100px;
    padding: 3rem 0 0;
}

@media (min-width: 360px) {
    .dayPanel {
        width: 280px;
        min-height: 340px;
        padding: 0;
        margin-left: 0 !important;
        display: block !important;
        float: initial;
    }

    .dayPanel:first-child {
        padding: 3rem 0 0;
    }

    .col-12.ng-scope > .dayPanel {
        width: 280px;
        min-height: 340px;
        padding: 0;
        margin-left: 0 !important;
        display: block !important;
        float: initial;
    }

    .col-12.ng-scope > .dayPanel:nth-child(2) {
        min-height: 100px;
        padding: 3rem 0 0;
    }
}


/*.dayPanel:first-child {*/
    /*margin-left: 0 !important;*/
/*}*/

/*@media (min-width: 690px) and (max-width: 929px) {*/
    /*.dayPanel {*/
        /*width: 285px;*/
        /*min-height: 340px;*/
        /*padding: 3rem 0 0;*/
        /*margin-left: 10px !important;*/
    /*}*/

    /*.dayPanel:first-child {*/
        /*margin-left: 0 !important;*/
    /*}*/

    /*.col-12.ng-scope > .dayPanel {*/
        /*width: 285px;*/
        /*min-height: 340px;*/
        /*padding: 3rem 0 0;*/
        /*margin-left: 10px !important;*/
    /*}*/

    /*.col-12.ng-scope > .dayPanel:nth-child(2) {*/
        /*margin-left: 0 !important;*/
    /*}*/
/*}*/

@media (min-width: 1110px) {
    .dayPanel {
        width: 320px;
        min-height: 380px;
        padding: 3rem 0;
        margin-left: 40px !important;
        display: inline-block !important;
        float: left;
    }

    .dayPanel:first-child {
        margin-left: 0 !important;
    }

    .dayPanel:first-child div p.dayPanelTitle {
        padding-left: 4.4rem;
    }

    .col-12.ng-scope > .dayPanel {
        width: 320px;
        min-height: 380px;
        padding: 3rem 0;
        margin-left: 40px !important;
        display: inline-block !important;
        float: left;
    }

    .col-12.ng-scope > .dayPanel:nth-child(2) {
        margin-left: 0 !important;
    }

    .col-12.ng-scope > .dayPanel:nth-child(2) div p.dayPanelTitle {
        padding-left: 4rem;
    }
}

/*.dayPanel > .dayPanelTitle,*/
/*.dayPanel .dayPanelTitle div > b.ng-binding {*/
    /*text-align: center;*/
/*}*/

table {
    background-color: #fff;
    border: none;
    width: 270px;
}

@media (min-width: 360px) {
    table {
        width: 290px;
    }
}


@media (min-width: 375px) {
    table {
        width: 300px;
    }
}

@media (min-width: 930px) {
    table {
        width: 300px;
    }
}

.btn-sm {
    font-size: 15px !important;
}

thead {
    background-color: #fff;
}

thead tr th button {
    background-color: #fff;
    border: none;
    color: #9c9c9c !important;
}

thead tr th button > i {
    font-size: 12px !important;
}

thead tr th button > strong.ng-binding {
    font-weight: 400;
}

    thead tr th > small.ng-binding {
        color: var(--kolor-1);        
        font-weight: 600;
        font-size: 110%;
    }

tbody {
    background-color: #fff;
    color: var(--kolor-1);
}

    tbody tr td > button {
        min-width: 100%;
        background-color: #fff;
        border: none;
        color: var(--kolor-1);
    }

.active {
    background-color: #fff;
    color: var(--kolor-1)!important;
}

.text-info {
    color: var(--kolor-1) !important;
    font-weight: 400;
}

.btn-default {
    color: #ababab;
}

.btn.btn-default.active,
.btn.btn-default.hover {
    background-color: #31d62c;
    color: #fff;
    border: none;
}

.btn:focus {
    outline: none;
    box-shadow: none;
}

.btn-info:focus {
    outline: none;
    box-shadow: none;
}

.btn.btn-info:active:hover:focus {
    background-color: #31d62c !important;
}

.btn.btn-default:hover,
.btn.btn-default:active,
.btn.btn-default:focus {
    background-color: #31d62c !important;
    color: #fff !important;
    border-color: #31d62c !important;
    outline-color: transparent;
}

.btn-default:hover {
    border-color: #fff;
}

.btn-default[disabled] {
    border-color: #fff;
}

.btn-default {
    color: #00B51A;
}

.btn-info {
    background-color: #31d62c;
    color: #fff;
}

.text-muted {
    color: #e3e3e3 !important;
}

.btn:disabled {
    color: #e3e3e3 !important;
    box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,0.09);
}

.btn {
    box-shadow: inset 0px -1px 0px 0px rgba(0,0,0,0.09);
}

.step1_divRezerwuj {
    height: 30px !important;
    padding-top: 5px !important;
    margin-left: 5px;
    cursor: pointer;
    background-color: #00B51A;
    color: #fff;
    width: 100%;
    text-align: center;
    font-weight: 400;
}

.step1_Zarezerwowane {
    background-color: transparent !important;
    color: #00B51A !important;
    border: 2px solid #00B51A !important;
}


.step1_hour {
    padding-top: 10px !important;
}

#box20 {
    text-align: center;
}

.cc-checkbox__label > p {
    font-size: 1.4rem;
    line-height: 2.1rem;
    font-weight: 400;
    color:black;
}

@media (min-width: 930px) {
    .cc-checkbox__label > p {
        font-size: 1.6rem;
        line-height: 2.4rem;
        font-weight: 400;
    }
}


.cc-spinner {
    width: 100%;
    height: 80vh;
    background: rgba(255, 212, 255, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.cc-spinner__main {
    background-color: #FFF;
    width: 100%;
    border-radius: 5px;
    /*box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);*/
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

@media (min-width: 576px) {
    .cc-spinner__main {
        width: 90%;
    }
}

@media (min-width: 768px) {
    .cc-spinner__main {
        width: 70%;
    }
}

.cc-spinner__inside-elements {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5rem 1.5rem;
    text-align: center;
}

@media (min-width: 414px) {
    .cc-spinner__inside-elements {
        padding: 5rem;
    }
}

@media (min-width: 576px) {
    .cc-spinner__inside-elements {
        padding: 5rem;
    }
}

.cc-spinner__loading {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}

    .cc-spinner__loading::after {
        content: " ";
        display: block;
        border-radius: 50%;
        width: 0;
        height: 0;
        margin: 6px;
        box-sizing: border-box;
        border: 26px solid #31d62c;
        border-color: #31d62c transparent #31d62c transparent;
        animation: spinning-wing 1.2s infinite;
    }

@keyframes spinning-wing {
    0% {
        transform: rotate(0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    50% {
        transform: rotate(900deg);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    100% {
        transform: rotate(1800deg);
    }
}

.errorMessageInput {
    border: 1px solid #ff0000;
}

.errorMessage {
    color: #ff0000;
    font-size: 11px;
}

.errorMessage + .cc-checkbox__label::before {
    border: 1px solid #ff0000;
}

.alert.alert-success {
    border-radius: 5px;
    font-size: 12px;
    color: #ffffff;
    background: #31d62c;
}


.alert.alert-error {
    border-radius: 5px;
    color: #ffffff;
    background: #ff0000;
    font-size: 12px;
}

.alert.alert-error > button {
    outline: none;
    color: #ffffff;
}
    
    #signup-form {
        padding-left: 0px;
        padding-right: 0px;
    }

    @media (max-width: 576px) {
        .cc-form__card {
                padding-left: 10px;
                padding-right: 10px;
            }
        }
        
        @media (max-width: 768px) {
            .cc-form__card {
                padding-left: 20px;
                padding-right: 20px;
            }
        }
        
        @media (min-width: 768px) {
            .cc-form__card {
                padding-left: 50px;
                padding-right: 50px;
            }
        }

.zapiZaj-booker-configPepole{
    margin-top:13px;margin-bottom: 10px;padding-bottom: 6px;
}        
.zapiZaj-booker-configPepoleOptions{
    margin-bottom: 10px;
}
.zapiZaj-booker-configPepoleOptions-opt{
    word-wrap:break-word;
}

.zapisyZajecia-availablePlaces{
    visibility: hidden;
}
.party-description{
    line-height: 1rem;
    display: block;
}
.fv-choice{
    font-size: 18px;
}