/* Add here all your css styles (customizations) */

.js-carousel.slick-initialized .js-next,
.js-carousel.slick-initialized .js-prev {
    opacity: 0;
}


.g-max-width-645 {
    max-width: 1190px !important;
}

.text-main-page {
    font-size: 18px;
    color: #e9e9e9;
}

.fs-18 {
    font-size: 18px !important;
}

.m-top-25 {
    margin-top: 25px !important;
}

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

.fs-25 {
    font-size: 25px !important;
}

.f-w {
    font-weight: 700;
}

.m-top-60 {
    margin-top: 60px;
}

.m-top-40 {
    margin-top: 40px;
}

.m-top-120 {
    margin-top: 120px;
}

.u-image-icon-size-5xl {
    width: 5.14286rem;
}

.m-top-50-pr {
    padding-top: 2%;
}

/*.m-bt-50-pr {
   padding-bottom: 50%;
}*/

.white-color {
    color: #ffffff;
}


.text-indent-30 {
    text-indent: 30px;
}

/* .butt-head {

} */

.navbar-nav {
    margin: 0 auto;
    table-layout: fixed;
    float: none;
}

footer a {
    color: #999999;
}

.btn {
    white-space: normal !important;
}

main {
    overflow-x: hidden;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .g-font-size-11 {
        font-size: 0.62571rem !important;
    }
}

@media (max-width: 992px) {
    .g-bg-gray-dark-v1 {
        min-height: 50px !important;
    }
}

@media (max-width: 992px) {
    .hamburger-box {
        bottom: 6px;
    }
}

@media (max-width: 768px) {
    .hamburger-box {
        bottom: 12px;
    }
}

#erconts {
    color: red;
    font-size: 14px;
    font-weight: 700;
}

/* .gc-logo-item {
    position: absolute;
    left: -130px;
    top: -6px;
} */

/* #js-scroll-nav {
    position: relative;
} */

.gc-logo-link {
    width: 110px;
    display: inline-flex;
    height: 30px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
}

.gc-logo {
    width: 130px;
}
@media screen and (max-width: 750px) {
    .gc-bullets {
        width: 100%;
        margin: 10px auto !important;
    }

    .gc-bullets .g-font-size-35 {
        font-size: 1.35rem!important;
    }

    .gc-bullets p {
        font-size: 11px;
    }

    .gc-bullets .col {
        min-width: 150px;
        margin-bottom: 10px !important;
    }

    .g-height-100vh {
        height: auto !important;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav {
        justify-content: space-between;
        width: 100%;
        align-items: center;
    }

    .nav-item {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

.gc-preem__green {
    color: #59e581;
}

.gc-preem__article {
    padding: 30px 50px;
    margin: 40px 0 40px;
    box-sizing: border-box;
    min-height: 133px;
}

.gc-preem__article.opened {
    min-height: 370px;
    height: calc(100% - 80px);
}

.gc-preem__list {
    text-align: left;
    text-transform: none;
    list-style: square;


}

.gc-preem__list li {
    padding-left: 10px !important;
}

.gc-preem__list b {
    font-size: 1.2em;
}

.gc-article p {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8)
}

.gc-article {
    display: none;
}

.gc-price-btn {
    font-size: 12px;
    width: auto;
    margin: auto;
    display: inline-block;
}

.gc-preem__faq-btn {
    background: #339d27;
    display: block;
    border: none;
    width: 60%;
    margin: auto !important;
    font-size: 15px;
}

.gc-preem__faq-btn span {
    font-size: 10px;
}

.gc-preem__faq p {
    color: #000
}

.gc-preem__faq {
    position: relative;
}

.gc-preem__up {
    position: sticky;
    background: #59e581;
    color: #fff;
    padding: 10px;
    top: 60px;
    text-align: center;
    cursor: pointer;
}

.gc-faq__answer {
    display: none;
    margin-bottom: 0;
    padding-top: 10px;
}

.gc-faq__answer--bigger {
    font-size: larger;
}

.gc-faq__answer--green {
    color: #59e581;
}

.gc-faq__item {
    border-bottom: 1px solid #e3e3e3;
    list-style: none;
    padding: 14px 20px;

}

.gc-faq__item--green {
    background: #59e58121;
}

.gc-faq__item:last-child {
    border: none
}

.gc-faq__item i {
    float: right !important;
    margin-top: 5px;
}

.gc-faq__question {
    cursor: pointer;
    font-size: 18px;
    margin-bottom: 0;
}

.gc-faq__question--bigger {
    font-size: 20px;
    font-weight: 600;
    color: #59e581;
}

.gc-faq__list {
    margin: 0;
    padding: 0;
}

.gc-price-table {
    margin: 0 auto 20px;
}
.gc-price-table td {
    text-align: left !important;
    padding: 10px 20px;
}

.gc-price-table tbody, .gc-price-table tr {
    width: 100%;
}
.gc-price__text {
    color: #59e581;
}

.gc-price-block {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    /* align-items: flex-start; */
    position: relative;
    width: 100%;
}

.gc-price-block > article {
    display: flex;
    flex-direction: column;
    flex: 0 0 calc(100% / 3 - 20px);
    margin: 0 10px;
    justify-content: space-between;
    /* min-height: 1105px !important; */
    margin-bottom: 20px;

}
.gc-price-block.-default > article {
    flex: 0 0 calc(100% / 4 - 20px);
}

.gc-price-block.-default > article header {
    padding: 0 15px 15px!important;
}
.gc-price-block.-default > article header h4 {
    font-size: 14px;
}
.gc-price-block.-default > article .gc-price-table td {
    padding: 10px!important;
}
.gc-price-block.-default > article .gc-price-table td, .gc-price-block.-default > article .gc-price-table td .g-font-size-20 {
    font-size: 14px!important;
}

/* .gc-price-block > article.world {
    min-height: 1165px!important;
} */
.gc-price-block > article.course {
    min-height: auto!important;
}
/* .gc-price-block > article.opened {
    height: 100%;
} */
.gc-color-text {
    color: #59e581;
}

/* .gc-price-block > article.opened .price-descr {
    display: block;
}  */

.gc-price-block > article img {
    filter: grayscale(1);
}


.gc-gift {
    display: flex;
    flex-direction: column
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 20px;
    flex-wrap: wrap;
}
.gc-gift img {
    width: 455px;
    margin-right: 20px;
    max-width: 100%;
}

.gc-gift > a {
    max-width: 400px;
    width: auto !important;
    margin: 10px 0 !important;
}
.gc-gift__gift-descr {
    width: 100%;
    padding-top: 20px;
}
.gift-descr__btn {
    cursor: pointer;
    font-size: 18px;
    margin-bottom: 0;
    border-bottom: 1px solid #e3e3e3;
    list-style: none;
    padding: 14px 20px;
    color: #59e581;
    font-weight: 700;
}
.gift-descr__btn i {
    float: right !important;
    margin-top: 5px;
}
.gift-descr__content {
    display: none;
}
.gc-teachers-photo {
    text-align: center;
}

.gc-teachers-photo img {
    height: 200px;
    width: auto !important;
}

.gc-price__info-item {
    font-size: 10px;
}

.gc-price__info-item.fs-larger {
    font-size: 12px;
}

.gc-price__header {
    min-height: 96px;
}
.gc-price__price-rules {
    width: calc(100% - 40px);
    margin: 0 auto;
    padding-top: 20px;
}
.price-rules__btn {
    cursor: pointer;
    font-size: 18px;
    margin-bottom: 0;
    border-bottom: 1px solid #e3e3e3;
    list-style: none;
    padding: 14px 20px;
    color: #2f2f2f;
}
.price-rules__btn i {
    float: right !important;
    margin-top: 5px;
}
.price-rules__content {
    display: none;
}

.gc-header__colored {
    color: #59e581;
}
.gc-header__mobile {
    display: none;
}
.gc-teachers__diploma {
    position: relative;
    height: 200px;
    width: 150px;
    display: inline-block;
}
.smaller {
    display: block;
    font-size: smaller;
}
.nav-link.bigger {
    font-size: 1rem;
    color: #04ff4c;
}

.nav-link.biggerPrice {
    font-size: 1rem;
    color: #00ff55;
}

.u-btn-outline-primary.dark-green {
    background: #339d27;
    border-color: #339d27;
}
.gc-preem__list {
    display: none;
}
.gc-preem__list__list-descr {
    list-style: square;
}
.gc-preem__article__header {
    cursor: pointer;
}
.gc-preem__article__header i {
    color: #fff;
    float: right;
    margin-top: 5px;
}
.price-descr-btn {
    padding: 0 25px;
    cursor: pointer;
}
.price-descr-btn i {
    color: #fff;
    float: right;
    margin-top: 5px;
}
.price-descr {
    display: none;
}
#home {
    min-height: 100vh !important;
    height: auto !important;
    background-image: url(../img-temp/1400x891/img2-default.jpg);
}
#home.-online {
    background-image: url(../img-temp/1400x891/img2.jpg);
}
#home.-vocal {
    background-image: url(../img/img-bg-vocal.jpg)!important;
}
#home.-piano {
    background-image: url(../img/piano-top-bg.jpg)!important;
}
#home.-ukulele{
    background-image: url(../img/ukulele_1_sqreen.jpg);
}

@media all and (max-width: 700px) {
    #home.-piano {
        background-position: top left -100px;
    }
}

@media all and (max-width: 500px) {
    #home.-vocal {
        background-position: top left -600px;
    }
}

#preeminence .h2 {
    font-size: 1.6rem;
}
.teachers {
    margin-top: 50px;
    margin-bottom: 50px;
}
.teacher {
    margin-bottom: 10px;
}
.teacher img {
    max-width: 100%;
}
.teacher__info {
    margin: 10px 0;
}
.teacher__info i {
    margin-left: 30px;
}
.teacher__name {
    cursor: pointer;
}
.teacher__desc {
    display: none;
}

.home-contacts {
    position: absolute;
    right: 20px;
    top: 50px;
    padding: 15px 20px;
    font-size: 16px;
    z-index: 10;
}

.home-contacts__tel {
    margin-bottom: 10px;
    display: block;
}

.home-contacts__messengers {
    display: none;
}

.home-contacts__messenger {
    margin-right: 10px;
    background: #fff;
    border-radius: 50%;
    padding: 3px;
    width: 31px;
    height: 31px;
    display: flex;
    align-items: center;
}

.home-contacts__messenger img {
    width: 25px;
}

.process {
    margin-bottom: 50px;
}

.process-img {
    display: block;
    margin: 0 auto 20px;
    max-width: 100%;
}

#price .mobile-show {
    display: none;
}


@media screen and (max-width: 1200px) {
    .nav-link {
        font-size: 8px;
    }
    .nav-link.prices {
        font-size: 8px;
        color: #59e581;
    }
    .u-header__section__prices {
        font-size: 1.1rem;
        color: #00ff55 !important;
    }
    #home {
        background-image: url(../img-temp/1400x891/img3-default.jpg);
        background-attachment: fixed;
    }
}
@media screen and (max-width: 991px) {
    .nav-link {
        font-size: 10px;
    } 
    .gc-header__big {
        display: none;
    }  
    .gc-header__mobile {
        display: block;
        font-size: 14px;
    }  
    .home-contacts__messengers {
        display: flex;
    }
    .home-contacts {
        top: 40px;
        right: 0;
    }
    .g-max-width-645 {
        margin-top: 130px!important;
    }
    .gc-price-block > article.opened .price-descr {
        display: none;
    } 
    
    #videostd, .nav-item > .nav-link[href="#skype"] {
        display: none;
    }

    #faq, #price {
        padding-bottom: 0!important;
    }

    #price .mobile-hide {
        display: none;
    }

    #price .mobile-show {
        display: block;
    }

    .gc-bullets > div:nth-child(6), .gc-bullets > div:nth-child(8), .gc-bullets > div:nth-child(9), .gc-bullets > div:nth-child(10) {
        display: none;
    }
    .gc-faq__item--hide {
        display: none;
    }
}
@media screen and (max-width: 990px) {
    .container {
        max-width: 90% !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .gc-price-block {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .gc-price-block > article, .gc-price-block > article.course, .gc-price-block > article.world {
        width: calc(50% - 40px);
        margin-bottom: 20px;
        min-height: auto!important;
        flex: 0 0 calc(50% - 40px);
    }
    .gc-price-block > article.opened {
        height: auto;
    }
}

@media screen and (max-width: 883px) {
    .gc-price-block > article.opened {
        height: auto;
    }
    #home {
        background-image: url(../img-temp/1400x891/img4-default.jpg);
    }
    #home.-online {
        background-image: url(../img-temp/1400x891/img4.jpg);
    }
}

@media screen and (max-width: 660px) {
    .gc-price-block > article, .gc-price-block > article.course, .gc-price-block > article.world {
        max-width: inherit;
        flex: auto;
        width: 100%;
        min-height: auto !important;
        margin: 0 0 20px 0;
    }

    .gc-price-block {
        flex-direction: column;
    }

    .gc-price-block article {
        margin-bottom: 30px;
        position: relative;
    }

    .gc-price-block article:before {
        position: absolute;
        font-size: 18px;
        color: #fff;
        font-weight: 500;
        top: 26px;
        left: 20px;
    }

    .gc-price-block article:nth-child(1):before {
        content: '1.';
    }

    .gc-price-block article:nth-child(2):before {
        content: '2.';
    }

    .gc-price-block article:nth-child(3):before {
        content: '3.';
    }

    .gc-price-block article:nth-child(4):before {
        content: '4.';
    }

    .gc-price-block article .u-icon-v3 {
        display: none;
    }

    .gc-price-block article h4 {
        margin-top: 30px!important;
        font-size: 16px;
    }

    .gc-price-block img {
        display: none;
    }

    .gc-price-block article .g-pa-40 {
        padding: 25px!important;
    }

    .gc-price__text {
        display: block;
        margin: 0 auto 20px;
    }

    .gc-price-btn {
        margin: 0 auto!important;
    }

    .gc-price-table .g-font-size-20 {
        font-size: 18px!important;
        line-height: 18px!important;
    }

    #price .g-mb-65 {
        margin-bottom: 20px!important;
    }

    
    #preeminence .h2 {
        font-size: 1.0rem;
    }

    #videomygame .text-main-page {
        font-size: 14px;
    }

    .container {
        max-width: 100% !important;
    }

    .gc-teachers-photo img {
        height: auto;
        width: 100px !important;
    }

    .gc-teachers__diploma {
        width: 100px !important;
    }
    #home.-online {
        background-image: url(../img-temp/1400x891/img5.jpg);
        /* background-size: auto 900px; */
        background-position: top center;
    }

    #home {
        background-image: url(../img-temp/1400x891/img5-default.jpg);
        /* background-size: auto 900px; */
        background-position: top center;
    }

    #home h2 {
        font-size: 25px!important;
    }
    
    .gc-price-block.-default > article header {
        padding: 0 45px 15px!important;
    }
}

@media screen and (max-width: 400px) {
    .gc-gift {
        flex-direction: column;
    }

    #footer .col-6 {
        width: 100%;
        max-width: 100%;
        margin-bottom: 10px;
    }
}

.gc-header__link {
    margin-top: 20px;
    color: #fff;
    font-size: 20px;
}

@media screen and (max-width: 767px) {
    .gc-header__link {
        font-size: 18px;
    }
}

.preem-vocal {
    font-size: 20px;
    color: #000;
    list-style: initial;
}

@media all and (max-width: 660px) {
    .preem-vocal {
        font-size: 16px;
        margin-left: 30px;
    }
}

.preem-vocal li:nth-child(2n) {
    color: #59e581;
}

#videomygame {
    background-image: url(../img/mic-microphone.jpg);
}


#videomygame.-piano {
    background-image: url(../img/piano-teachers-bg.jpg);
}

.form-group {
    position: relative;
}

.form-group .hint {
    display: none;
    position: absolute;
    bottom: calc(100% + 10px);
    left: 0;
    background: #fff;
    width: 100%;
    padding: 10px;
    box-shadow: 1px 5px 10px #ccc;
}

.form-group .hint:before {
    content: '';
    position: absolute;
    top: 100%;
    left: calc(50% - 7px);
    width: 14px;
    height: 14px;
    background: transparent;
    border: 7px solid #fff;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.form-group input:focus + .hint {
    display: block;
}

.jc-c {
    justify-content: center;
}

.teacher-default {
    padding: 0 10px;
}

.teacher-default iframe {
    border: 2px solid #59e581;
    width: calc(100% - 20px);
    margin-left: 10px;
}

@media (min-width: 1250px) {
    .container {
        max-width: 1440px;
    }
}

@media (max-width: 767px) {
    .gc-price-block {
        display: grid;
        grid-template-columns: repeat(3, 80vw);
        grid-gap: 20px;
        justify-content: flex-start;
        overflow: auto;
    }
}

html {

    scroll-padding-top: 60px;
}

html::-webkit-scrollbar-track {
    border-radius: 4px;
}

html::-webkit-scrollbar-track {
    width: 4px;
    background-color: #fff;
}

html::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #000;
}

@keyframes fingerAnimate {
    from {
        right: 32px;
    }

    to {
        right: 4px;
    }
}


.price__title {
    position: relative;
}

.price__title-icon {
    position: absolute;
    bottom: -24px;
    right: 10px;
    width: 24px;
    height: 24px;
    animation: fingerAnimate 1s linear infinite alternate;
}

.price__title-text {
    font-size: 20px;
    font-weight: 500;
}









:root {
    --gray: #34495e;
    --darkgray: #2c3e50;
}

select {
    /* Reset Select */
    appearance: none;
    outline: 0;
    border: 0;
    box-shadow: none;
    /* Personalize */
    flex: 1;
    padding: 0 1em;
    color: #fff;
    background-color: var(--darkgray);
    background-image: none;
    cursor: pointer;
}
/* Remove IE arrow */
select::-ms-expand {
    display: none;
}
/* Custom Select wrapper */
.select {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: flex;
    width: 20em;
    height: 3em;
    border-radius: .25em;
    overflow: hidden;
}
/* Arrow */
.select::after {
    content: '\25BC';
    position: absolute;
    top: 0;
    right: 0;
    padding: 1em;
    background-color: #34495e;
    transition: .25s all ease;
    pointer-events: none;
}


/* Other styles*/
body {
    color: #fff;
    background: var(--background-gradient);
}
h1 {
    margin: 0 0 0.25em;
}
a {
    font-weight: bold;
    color: var(--gray);
    text-decoration: none;
    padding: .25em;
    border-radius: .25em;
    background: white;
}


.dropdown-menu-1 {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}