html {
                box-sizing: border-box
            }
            
            html {
                -ms-text-size-adjust: 100%;
                -webkit-text-size-adjust: 100%;
            }
            
            *,
            *:before,
            *:after {
                box-sizing: inherit
            }
            
            body {
                margin: 0;
            }
            
            article,
            aside,
            details,
            figcaption,
            figure,
            footer,
            header,
            main,
            menu,
            nav,
            section {
                display: block
            }
            
            summary {
                display: list-item
            }
            
            audio,
            canvas,
            progress,
            video {
                display: inline-block
            }
            
            progress {
                vertical-align: baseline
            }
            
            audio:not([controls]) {
                display: none;
                height: 0
            }
            
            [hidden],
            template {
                display: none
            }
            
            a {
                background-color: transparent
            }
            
            a:active,
            a:hover {
                outline-width: 0
            }
            
            abbr[title] {
                border-bottom: none;
                text-decoration: underline;
                text-decoration: underline dotted
            }
            
            b,
            strong {
                font-weight: bolder
            }
            
            dfn {
                font-style: italic
            }
            
            mark {
                background: #ff0;
                color: #000
            }
            
            small {
                font-size: 80%
            }
            
            sub,
            sup {
                font-size: 75%;
                line-height: 0;
                position: relative;
                vertical-align: baseline
            }
            
            sub {
                bottom: -0.25em
            }
            
            sup {
                top: -0.5em
            }
            
            figure {
                margin: 1em 40px
            }
            
            img {
                border-style: none
            }
            
            code,
            kbd,
            pre,
            samp {
                font-family: monospace, monospace;
                font-size: 1em
            }
            
            hr {
                box-sizing: content-box;
                height: 0;
                overflow: visible
            }
            
            button,
            input,
            select,
            textarea,
            optgroup {
                font: inherit;
                margin: 0
            }
            
            optgroup {
                font-weight: bold
            }
            
            button,
            input {
                overflow: visible
            }
            
            button,
            select {
                text-transform: none
            }
            
            button,
            [type=button],
            [type=reset],
            [type=submit] {
                -webkit-appearance: button
            }
            
            button::-moz-focus-inner,
            [type=button]::-moz-focus-inner,
            [type=reset]::-moz-focus-inner,
            [type=submit]::-moz-focus-inner {
                border-style: none;
                padding: 0
            }
            
            button:-moz-focusring,
            [type=button]:-moz-focusring,
            [type=reset]:-moz-focusring,
            [type=submit]:-moz-focusring {
                outline: 1px dotted ButtonText
            }
            
            fieldset {
                border: 1px solid #c0c0c0;
                margin: 0 2px;
                padding: .35em .625em .75em
            }
            
            legend {
                color: inherit;
                display: table;
                max-width: 100%;
                padding: 0;
                white-space: normal
            }
            
            textarea {
                overflow: auto
            }
            
            [type=checkbox],
            [type=radio] {
                padding: 0
            }
            
            [type=number]::-webkit-inner-spin-button,
            [type=number]::-webkit-outer-spin-button {
                height: auto
            }
            
            [type=search] {
                -webkit-appearance: textfield;
                outline-offset: -2px
            }
            
            [type=search]::-webkit-search-decoration {
                -webkit-appearance: none
            }
            
             ::-webkit-file-upload-button {
                -webkit-appearance: button;
                font: inherit
            }
            /* End extract */
            
            html,
            body {
                font-family: "Philosopher", "Times New Roman", Times, serif;
                font-size: 20px;
                line-height: 1.5
            }
            
            html {
                overflow-x: hidden
            }
            
            h1 {
                font-size: 36px
            }
            
            h2 {
                font-size: 30px
            }
            
            h3 {
                font-size: 24px
            }
            
            h4 {
                font-size: 20px
            }
            
            h5 {
                font-size: 18px
            }
            
            h6 {
                font-size: 16px
            }
            
            .w3-serif {
                font-family: serif
            }
            
            .w3-sans-serif {
                font-family: sans-serif
            }
            
            .w3-cursive {
                font-family: cursive
            }
            
            .w3-monospace {
                font-family: monospace
            }
            
            h1,
            h2,
            h3,
            h4,
            h5,
            h6 {
                font-family: "Philosopher", sans-serif;
                font-weight: 400;
                margin: 10px 0
            }
            
            .w3-wide {
                letter-spacing: 4px
            }
            
            hr {
                border: 0;
                border-top: 1px solid #eee;
                margin: 20px 0
            }
            
            .w3-image {
                max-width: 100%;
                height: auto
            }
            
            img {
                vertical-align: middle
            }
            
            a {
                color: inherit
            }
            
            .w3-table,
            .w3-table-all {
                border-collapse: collapse;
                border-spacing: 0;
                width: 100%;
                display: table
            }
            
            .w3-table-all {
                border: 1px solid #ccc
            }
            
            .w3-bordered tr,
            .w3-table-all tr {
                border-bottom: 1px solid #ddd
            }
            
            .w3-striped tbody tr:nth-child(even) {
                background-color: #f1f1f1
            }
            
            .w3-table-all tr:nth-child(odd) {
                background-color: #fff
            }
            
            .w3-table-all tr:nth-child(even) {
                background-color: #f1f1f1
            }
            
            .w3-hoverable tbody tr:hover,
            .w3-ul.w3-hoverable li:hover {
                background-color: #ccc
            }
            
            .w3-centered tr th,
            .w3-centered tr td {
                text-align: center
            }
            
            .w3-table td,
            .w3-table th,
            .w3-table-all td,
            .w3-table-all th {
                padding: 8px 8px;
                display: table-cell;
                text-align: left;
                vertical-align: top
            }
            
            .w3-table th:first-child,
            .w3-table td:first-child,
            .w3-table-all th:first-child,
            .w3-table-all td:first-child {
                padding-left: 16px
            }
            
            .w3-btn,
            .w3-button {
                border: none;
                display: inline-block;
                padding: 8px 16px;
                vertical-align: middle;
                overflow: hidden;
                text-decoration: none;
                color: inherit;
                background-color: inherit;
                text-align: center;
                cursor: pointer;
                white-space: nowrap;
                border-radius: 20px;
            }
            
            .w3-btn:hover {
                box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
            }
            
            .w3-btn,
            .w3-button {
                -webkit-touch-callout: none;
                -webkit-user-select: none;
                -khtml-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none
            }
            
            .w3-disabled,
            .w3-btn:disabled,
            .w3-button:disabled {
                cursor: not-allowed;
                opacity: 0.3
            }
            
            .w3-disabled *,
             :disabled * {
                pointer-events: none
            }
            
            .w3-btn.w3-disabled:hover,
            .w3-btn:disabled:hover {
                box-shadow: none
            }
            
            .w3-badge,
            .w3-tag {
                background-color: #000;
                color: #fff;
                display: inline-block;
                padding-left: 8px;
                padding-right: 8px;
                text-align: center
            }
            
            .w3-badge {
                border-radius: 50%
            }
            
            .w3-ul {
                list-style-type: none;
                padding: 0;
                margin: 0
            }
            
            .w3-ul li {
                padding: 8px 16px;
                border-bottom: 1px solid #ddd
            }
            
            .w3-ul li:last-child {
                border-bottom: none
            }
            
            .w3-ul li.with_img {
                padding: 0 0 !important;
            }
            
            .w3-tooltip,
            .w3-display-container {
                position: relative
            }
            
            .w3-tooltip .w3-text {
                display: none
            }
            
            .w3-tooltip:hover .w3-text {
                display: inline-block
            }
            
            .w3-ripple:active {
                opacity: 0.5
            }
            
            .w3-ripple {
                transition: opacity 0s
            }
            
            .w3-input {
                padding: 8px;
                display: block;
                border: none;
                border-bottom: 1px solid #ccc;
                width: 100%
            }
            
            .w3-select {
                padding: 9px 0;
                width: 100%;
                border: none;
                border-bottom: 1px solid #ccc
            }
            
            .w3-dropdown-click,
            .w3-dropdown-hover {
                position: relative;
                display: inline-block;
                cursor: pointer
            }
            
            .w3-dropdown-hover:hover .w3-dropdown-content {
                display: block
            }
            
            .w3-dropdown-hover:first-child,
            .w3-dropdown-click:hover {
                background-color: #ccc;
                color: #000
            }
            
            .w3-dropdown-hover:hover>.w3-button:first-child,
            .w3-dropdown-click:hover>.w3-button:first-child {
                position: absolute;
                right: 0px;
            }
            
            .w3-dropdown-content {
                cursor: auto;
                color: #000;
                background-color: #f7f7fb;
                width: 280px;
                display: none;
                position: absolute;
                min-width: 160px;
                margin: 0;
                padding: 0;
                z-index: 1;
                position: absolute;
                right: 0px;
                top: 84px;
                border-bottom-left-radius: 20px;
            }
            
            .w3-check,
            .w3-radio {
                width: 24px;
                height: 24px;
                position: relative;
                top: 6px
            }
            
            .w3-sidebar {
                height: 100%;
                width: 200px;
                background-color: #fff;
                position: fixed!important;
                z-index: 1;
                overflow: auto
            }
            
            .w3-bar-block .w3-dropdown-hover,
            .w3-bar-block .w3-dropdown-click {
                width: 100%
            }
            
            .w3-bar-block .w3-dropdown-hover .w3-dropdown-content,
            .w3-bar-block .w3-dropdown-click .w3-dropdown-content {
                min-width: 100%
            }
            
            .w3-bar-block .w3-dropdown-hover .w3-button,
            .w3-bar-block .w3-dropdown-click .w3-button {
                width: 100%;
                text-align: left;
                padding: 8px 16px
            }
            
            .w3-main,
            #main {
                transition: margin-left .4s
            }
            
            .w3-modal {
                z-index: 3;
                display: none;
                padding-top: 100px;
                position: fixed;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                overflow: auto;
                background-color: rgb(0, 0, 0);
                background-color: rgba(0, 0, 0, 0.4)
            }
            
            .w3-modal-content {
                margin: auto;
                background-color: #fff;
                position: relative;
                padding: 0;
                outline: 0;
                width: 600px
            }
            
            .w3-bar {
                width: 100%;
                overflow: hidden;
                display: flex;
            }
            
            .w3-bar * {
                transition: all 0.3s ease-out;
            }
            
            .menu_title:hover span {
                width: 100%;
            }
            
            .menu_title:hover~.menu_line_cnt .line {
                width: 100%;
            }
            
            .menu_row {
                display: flex;
                width: 100%;
                max-width: 1000px;
                flex-direction: row;
                justify-content: space-evenly;
                padding: 20px 0;
                z-index: 99;
            }
            
            .menu_title {
                display: flex;
                justify-content: center;
                font-size: 18px;
            }
            
            a.menu_item {
                text-decoration: none;
                line-height: 1;
            }
            
            .menu_line_cnt {
                width: 100%;
                overflow: hidden;
                display: inline-flex;
                justify-content: center;
                height: 3px;
            }
            
            .menu_line_cnt .line {
                width: 80%;
                background: #faae88;
                height: 100%;
            }
            
            .menu_title span {
                display: block;
                width: 0%;
                overflow: hidden;
                white-space: nowrap;
            }
            
            .w3-center .w3-bar {
                display: inline-block;
                width: auto
            }
            
            .w3-bar .w3-bar-item {
                padding: 8px 30px;
                font-size: 19px;
                float: left;
                width: auto;
                border: none;
                display: block;
                outline: 0
            }
            
            .w3-bar .w3-dropdown-hover,
            .w3-bar .w3-dropdown-click {
                position: absolute;
                float: right
            }
            
            .w3-bar .w3-button {
                white-space: normal
            }
            
            .w3-bar .w3-button.logo {
                background-color: #fffffF00 !important;
                width: 150px;
            }
            
            .w3-bar-block .w3-bar-item {
                width: 100%;
                display: block;
                padding: 8px 16px;
                text-align: left;
                border: none;
                white-space: normal;
                float: none;
                outline: 0
            }
            
            .w3-bar-block.w3-center .w3-bar-item {
                text-align: center
            }
            
            .w3-block {
                display: block;
                width: 100%
            }
            
            .w3-responsive {
                display: block;
                overflow-x: auto
            }
            
            .w3-container:after,
            .w3-container:before,
            .w3-panel:after,
            .w3-panel:before,
            .w3-row:after,
            .w3-row:before,
            .w3-row-padding:after,
            .w3-row-padding:before,
            .w3-cell-row:before,
            .w3-cell-row:after,
            .w3-clear:after,
            .w3-clear:before,
            .w3-bar:before,
            .w3-bar:after {
                content: "";
                display: table;
                clear: both
            }
            
            .w3-col,
            .w3-half,
            .w3-third,
            .w3-twothird,
            .w3-threequarter,
            .w3-quarter {
                float: left;
                width: 100%
            }
            
            .w3-col.s1 {
                width: 8.33333%
            }
            
            .w3-col.s2 {
                width: 16.66666%
            }
            
            .w3-col.s3 {
                width: 24.99999%
            }
            
            .w3-col.s4 {
                width: 33.33333%
            }
            
            .w3-col.s5 {
                width: 41.66666%
            }
            
            .w3-col.s6 {
                width: 49.99999%
            }
            
            .w3-col.s7 {
                width: 58.33333%
            }
            
            .w3-col.s8 {
                width: 66.66666%
            }
            
            .w3-col.s9 {
                width: 74.99999%
            }
            
            .w3-col.s10 {
                width: 83.33333%
            }
            
            .w3-col.s11 {
                width: 91.66666%
            }
            
            .w3-col.s12 {
                width: 99.99999%
            }
            
            .w3-rest {
                overflow: hidden
            }
            
            .w3-stretch {
                margin-left: -16px;
                margin-right: -16px
            }
            
            .w3-content,
            .w3-auto {
                margin-left: auto;
                margin-right: auto
            }
            
            .w3-content {
                max-width: 980px
            }
            
            .w3-auto {
                max-width: 1140px
            }
            
            .w3-cell-row {
                display: table;
                width: 100%
            }
            
            .w3-cell {
                display: table-cell
            }
            
            .w3-cell-top {
                vertical-align: top
            }
            
            .w3-cell-middle {
                vertical-align: middle
            }
            
            .w3-cell-bottom {
                vertical-align: bottom
            }
            
            .w3-hide {
                display: none!important
            }
            
            .w3-show-block,
            .w3-show {
                display: block!important
            }
            
            .w3-show-inline-block {
                display: inline-block!important
            }
            
            .w3-top,
            .w3-bottom {
                position: fixed;
                width: 100%;
                z-index: 1
            }
            
            .w3-top {
                top: 0
            }
            
            .w3-bottom {
                bottom: 0
            }
            
            .w3-overlay {
                position: fixed;
                display: none;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: rgba(0, 0, 0, 0.5);
                z-index: 2
            }
            
            .w3-display-topleft {
                position: absolute;
                left: 0;
                top: 0
            }
            
            .w3-display-topright {
                position: absolute;
                right: 0;
                top: 0
            }
            
            .w3-display-bottomleft {
                position: absolute;
                left: 0;
                bottom: 0
            }
            
            .w3-display-bottomright {
                position: absolute;
                right: 0;
                bottom: 0
            }
            
            .w3-display-middle {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%)
            }
            
            .w3-display-left {
                position: absolute;
                top: 50%;
                left: 0%;
                transform: translate(0%, -50%);
                -ms-transform: translate(-0%, -50%)
            }
            
            .w3-display-right {
                position: absolute;
                top: 50%;
                right: 0%;
                transform: translate(0%, -50%);
                -ms-transform: translate(0%, -50%)
            }
            
            .w3-display-topmiddle {
                position: absolute;
                left: 50%;
                top: 0;
                transform: translate(-50%, 0%);
                -ms-transform: translate(-50%, 0%)
            }
            
            .w3-display-bottommiddle {
                position: absolute;
                left: 50%;
                bottom: 0;
                transform: translate(-50%, 0%);
                -ms-transform: translate(-50%, 0%)
            }
            
            .w3-display-container:hover .w3-display-hover {
                display: block
            }
            
            .w3-display-container:hover span.w3-display-hover {
                display: inline-block
            }
            
            .w3-display-hover {
                display: none
            }
            
            .w3-display-position {
                position: absolute
            }
            
            .w3-circle {
                border-radius: 50%
            }
            
            .w3-round-small {
                border-radius: 2px
            }
            
            .w3-round,
            .w3-round-medium {
                border-radius: 4px
            }
            
            .w3-round-large {
                border-radius: 8px
            }
            
            .w3-round-xlarge {
                border-radius: 16px
            }
            
            .w3-round-xxlarge {
                border-radius: 32px
            }
            
            .w3-row-padding,
            .w3-row-padding>.w3-half,
            .w3-row-padding>.w3-third,
            .w3-row-padding>.w3-twothird,
            .w3-row-padding>.w3-threequarter,
            .w3-row-padding>.w3-quarter,
            .w3-row-padding>.w3-col {
                padding: 0 8px
            }
            
            .w3-container,
            .w3-panel {
                padding: 0.01em 16px
            }
            
            .w3-panel {
                margin-top: 16px;
                margin-bottom: 16px
            }
            
            .w3-grid {
                display: grid
            }
            
            .w3-grid-padding {
                display: grid;
                gap: 16px
            }
            
            .w3-flex {
                display: flex
            }
            
            .w3-text-center {
                text-align: center
            }
            
            .w3-text-bold,
            .w3-bold {
                font-weight: bold
            }
            
            .w3-text-italic,
            .w3-italic {
                font-style: italic
            }
            
            .w3-code,
            .w3-codespan {
                font-family: Consolas, "courier new";
                font-size: 16px
            }
            
            .w3-code {
                width: auto;
                background-color: #fff;
                padding: 8px 12px;
                border-left: 4px solid #4CAF50;
                word-wrap: break-word
            }
            
            .w3-codespan {
                color: crimson;
                background-color: #f1f1f1;
                padding-left: 4px;
                padding-right: 4px;
                font-size: 110%
            }
            
            .w3-card,
            .w3-card-2 {
                box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
            }
            
            .w3-card-4,
            .w3-hover-shadow:hover {
                box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19)
            }
            
            .w3-spin {
                animation: w3-spin 2s infinite linear
            }
            
            @keyframes w3-spin {
                0% {
                    transform: rotate(0deg)
                }
                100% {
                    transform: rotate(359deg)
                }
            }
            
            .w3-animate-fading {
                animation: fading 10s infinite
            }
            
            @keyframes fading {
                0% {
                    opacity: 0
                }
                50% {
                    opacity: 1
                }
                100% {
                    opacity: 0
                }
            }
            
            .w3-animate-opacity {
                animation: opac 0.8s
            }
            
            @keyframes opac {
                from {
                    opacity: 0
                }
                to {
                    opacity: 1
                }
            }
            
            .w3-animate-top {
                position: relative;
                animation: animatetop 0.4s
            }
            
            @keyframes animatetop {
                from {
                    top: -300px;
                    opacity: 0
                }
                to {
                    top: 0;
                    opacity: 1
                }
            }
            
            .w3-animate-left {
                position: relative;
                animation: animateleft 0.4s
            }
            
            @keyframes animateleft {
                from {
                    left: -300px;
                    opacity: 0
                }
                to {
                    left: 0;
                    opacity: 1
                }
            }
            
            .w3-animate-right {
                position: relative;
                animation: animateright 0.4s
            }
            
            @keyframes animateright {
                from {
                    right: -300px;
                    opacity: 0
                }
                to {
                    right: 0;
                    opacity: 1
                }
            }
            
            .w3-animate-bottom {
                position: relative;
                animation: animatebottom 0.4s
            }
            
            @keyframes animatebottom {
                from {
                    bottom: -300px;
                    opacity: 0
                }
                to {
                    bottom: 0;
                    opacity: 1
                }
            }
            
            .w3-animate-zoom {
                animation: animatezoom 0.6s
            }
            
            @keyframes animatezoom {
                from {
                    transform: scale(0)
                }
                to {
                    transform: scale(1)
                }
            }
            
            .w3-animate-input {
                transition: width 0.4s ease-in-out
            }
            
            .w3-animate-input:focus {
                width: 100%!important
            }
            
            .w3-opacity,
            .w3-hover-opacity:hover {
                opacity: 0.60
            }
            
            .w3-opacity-off,
            .w3-hover-opacity-off:hover {
                opacity: 1
            }
            
            .w3-opacity-max {
                opacity: 0.25
            }
            
            .w3-opacity-min {
                opacity: 0.75
            }
            
            .w3-greyscale-max,
            .w3-grayscale-max,
            .w3-hover-greyscale:hover,
            .w3-hover-grayscale:hover {
                filter: grayscale(100%)
            }
            
            .w3-greyscale,
            .w3-grayscale {
                filter: grayscale(75%)
            }
            
            .w3-greyscale-min,
            .w3-grayscale-min {
                filter: grayscale(50%)
            }
            
            .w3-sepia {
                filter: sepia(75%)
            }
            
            .w3-sepia-max,
            .w3-hover-sepia:hover {
                filter: sepia(100%)
            }
            
            .w3-sepia-min {
                filter: sepia(50%)
            }
            
            .w3-tiny {
                font-size: 10px!important
            }
            
            .w3-small {
                font-size: 12px!important
            }
            
            .w3-medium {
                font-size: 15px!important
            }
            
            .w3-large {
                font-size: 18px!important
            }
            
            .w3-xlarge {
                font-size: 24px!important;
                line-height: 1;
            }
            
            .w3-xxlarge {
                font-size: 36px!important
            }
            
            .w3-xxxlarge {
                font-size: 48px!important
            }
            
            .w3-jumbo {
                font-size: 64px!important
            }
            
            .w3-left-align {
                text-align: left!important
            }
            
            .w3-right-align {
                text-align: right!important
            }
            
            .w3-justify {
                text-align: justify!important
            }
            
            .w3-center {
                text-align: center!important
            }
            
            .w3-border-0 {
                border: 0!important
            }
            
            .w3-border {
                border: 1px solid #ccc!important;
                border-radius: 45px;
                overflow: hidden;
            }
            
            .w3-border-top {
                border-top: 1px solid #ccc!important
            }
            
            .w3-border-bottom {
                border-bottom: 1px solid #ccc!important
            }
            
            .w3-border-left {
                border-left: 1px solid #ccc!important
            }
            
            .w3-border-right {
                border-right: 1px solid #ccc!important
            }
            
            .w3-topbar {
                border-top: 6px solid #ccc!important
            }
            
            .w3-bottombar {
                border-bottom: 6px solid #ccc!important
            }
            
            .w3-leftbar {
                border-left: 6px solid #ccc!important
            }
            
            .w3-rightbar {
                border-right: 6px solid #ccc!important
            }
            
            .w3-section,
            .w3-code {
                margin-top: 16px!important;
                margin-bottom: 16px!important
            }
            
            .w3-margin {
                margin: 16px!important
            }
            
            .w3-margin-top {
                margin-top: 16px!important
            }
            
            .w3-margin-bottom {
                margin-bottom: 16px!important
            }
            
            .w3-margin-left {
                margin-left: 16px!important
            }
            
            .w3-margin-right {
                margin-right: 16px!important
            }
            
            .w3-padding-small {
                padding: 4px 8px!important
            }
            
            .w3-padding {
                padding: 8px 16px!important
            }
            
            .w3-padding-large {
                padding: 12px 24px!important
            }
            
            .w3-padding-16 {
                padding-top: 16px!important;
                padding-bottom: 16px!important
            }
            
            .w3-padding-24 {
                padding-top: 24px!important;
                padding-bottom: 24px!important
            }
            
            .w3-padding-32 {
                padding-top: 32px!important;
                padding-bottom: 32px!important
            }
            
            .w3-padding-48 {
                padding-top: 48px!important;
                padding-bottom: 48px!important
            }
            
            .w3-padding-64 {
                padding-top: 64px!important;
                padding-bottom: 64px!important
            }
            
            .w3-padding-top-64 {
                padding-top: 64px!important
            }
            
            .w3-padding-top-48 {
                padding-top: 48px!important
            }
            
            .w3-padding-top-32 {
                padding-top: 32px!important
            }
            
            .w3-padding-top-24 {
                padding-top: 24px!important
            }
            
            .w3-left {
                float: left!important
            }
            
            .w3-right {
                float: right!important
            }
            
            .w3-button:hover {
                color: #000!important;
                background-color: #ccc!important
            }
            
            .w3-transparent,
            .w3-hover-none:hover {
                background-color: transparent!important
            }
            
            .w3-hover-none:hover {
                box-shadow: none!important
            }
            
            .w3-rtl {
                direction: rtl
            }
            
            .w3-ltr {
                direction: ltr
            }
            /* Colors */
            
            .w3-amber,
            .w3-hover-amber:hover {
                color: #000!important;
                background-color: #ffc107!important
            }
            
            .w3-aqua,
            .w3-hover-aqua:hover {
                color: #000!important;
                background-color: #00ffff!important
            }
            
            .w3-blue,
            .w3-hover-blue:hover {
                color: #fff!important;
                background-color: #2196F3!important
            }
            
            .w3-light-blue,
            .w3-hover-light-blue:hover {
                color: #000!important;
                background-color: #87CEEB!important
            }
            
            .w3-brown,
            .w3-hover-brown:hover {
                color: #fff!important;
                background-color: #795548!important
            }
            
            .w3-cyan,
            .w3-hover-cyan:hover {
                color: #000!important;
                background-color: #00bcd4!important
            }
            
            .w3-blue-grey,
            .w3-hover-blue-grey:hover,
            .w3-blue-gray,
            .w3-hover-blue-gray:hover {
                color: #fff!important;
                background-color: #607d8b!important
            }
            
            .w3-green,
            .w3-hover-green:hover {
                color: #fff!important;
                background-color: #4CAF50!important
            }
            
            .w3-light-green,
            .w3-hover-light-green:hover {
                color: #000!important;
                background-color: #8bc34a!important
            }
            
            .w3-indigo,
            .w3-hover-indigo:hover {
                color: #fff!important;
                background-color: #3f51b5!important
            }
            
            .w3-khaki,
            .w3-hover-khaki:hover {
                color: #000!important;
                background-color: #f0e68c!important
            }
            
            .w3-lime,
            .w3-hover-lime:hover {
                color: #000!important;
                background-color: #cddc39!important
            }
            
            .w3-orange,
            .w3-hover-orange:hover {
                color: #000!important;
                background-color: #ff9800!important
            }
            
            .w3-deep-orange,
            .w3-hover-deep-orange:hover {
                color: #fff!important;
                background-color: #ff5722!important
            }
            
            .w3-pink,
            .w3-hover-pink:hover {
                color: #fff!important;
                background-color: #e91e63!important
            }
            
            .w3-purple,
            .w3-hover-purple:hover {
                color: #fff!important;
                background-color: #9c27b0!important
            }
            
            .w3-deep-purple,
            .w3-hover-deep-purple:hover {
                color: #fff!important;
                background-color: #673ab7!important
            }
            
            .w3-red,
            .w3-hover-red:hover {
                color: #fff!important;
                background-color: #f44336!important
            }
            
            .w3-sand,
            .w3-hover-sand:hover {
                color: #000!important;
                background-color: #fdf5e6!important
            }
            
            .w3-teal,
            .w3-hover-teal:hover {
                color: #fff !important;
                background-color: #964b6c !important;
                border-radius: 20px;
            }
            
            .w3-yellow,
            .w3-hover-yellow:hover {
                color: #000!important;
                background-color: #ffeb3b!important
            }
            
            .w3-white,
            .w3-hover-white:hover {
                color: #000!important;
                background-color: #fff!important;
                border-radius: 45px;
            }
            
            .w3-black,
            .w3-hover-black:hover {
                color: #fff!important;
                background-color: #000!important
            }
            
            .w3-grey,
            .w3-hover-grey:hover,
            .w3-gray,
            .w3-hover-gray:hover {
                color: #000!important;
                background-color: #9e9e9e!important
            }
            
            .w3-light-grey,
            .w3-hover-light-grey:hover,
            .w3-light-gray,
            .w3-hover-light-gray:hover {
                color: #000!important;
                background-color: #f1f1f1!important
            }
            
            .w3-dark-grey,
            .w3-hover-dark-grey:hover,
            .w3-dark-gray,
            .w3-hover-dark-gray:hover {
                color: #fff!important;
                background-color: #616161!important
            }
            
            .w3-asphalt,
            .w3-hover-asphalt:hover {
                color: #fff!important;
                background-color: #343a40!important
            }
            
            .w3-crimson,
            .w3-hover-crimson:hover {
                color: #fff!important;
                background-color: #a20025!important
            }
            
            .w3-cobalt,
            w3-hover-cobalt:hover {
                color: #fff!important;
                background-color: #0050ef!important
            }
            
            .w3-emerald,
            .w3-hover-emerald:hover {
                color: #fff!important;
                background-color: #008a00!important
            }
            
            .w3-olive,
            .w3-hover-olive:hover {
                color: #fff!important;
                background-color: #6d8764!important
            }
            
            .w3-paper,
            .w3-hover-paper:hover {
                color: #000!important;
                background-color: #f8f9fa!important
            }
            
            .w3-sienna,
            .w3-hover-sienna:hover {
                color: #fff!important;
                background-color: #a0522d!important
            }
            
            .w3-taupe,
            .w3-hover-taupe:hover {
                color: #fff!important;
                background-color: #87794e!important
            }
            
            .w3-danger {
                color: #fff!important;
                background-color: #dd0000!important
            }
            
            .w3-note {
                color: #000!important;
                background-color: #fff599!important
            }
            
            .w3-info {
                color: #fff!important;
                background-color: #0a6fc2!important
            }
            
            .w3-warning {
                color: #000!important;
                background-color: #ffb305!important
            }
            
            .w3-success {
                color: #fff!important;
                background-color: #008a00!important
            }
            
            .w3-pale-red,
            .w3-hover-pale-red:hover {
                color: #000!important;
                background-color: #ffdddd!important
            }
            
            .w3-pale-green,
            .w3-hover-pale-green:hover {
                color: #000!important;
                background-color: #ddffdd!important
            }
            
            .w3-pale-yellow,
            .w3-hover-pale-yellow:hover {
                color: #000!important;
                background-color: #ffffcc!important
            }
            
            .w3-pale-blue,
            .w3-hover-pale-blue:hover {
                color: #000!important;
                background-color: #ddffff!important
            }
            
            .w3-text-amber,
            .w3-hover-text-amber:hover {
                color: #ffc107!important
            }
            
            .w3-text-aqua,
            .w3-hover-text-aqua:hover {
                color: #00ffff!important
            }
            
            .w3-text-blue,
            .w3-hover-text-blue:hover {
                color: #2196F3!important
            }
            
            .w3-text-light-blue,
            .w3-hover-text-light-blue:hover {
                color: #87CEEB!important
            }
            
            .w3-text-brown,
            .w3-hover-text-brown:hover {
                color: #795548!important
            }
            
            .w3-text-cyan,
            .w3-hover-text-cyan:hover {
                color: #00bcd4!important
            }
            
            .w3-text-blue-grey,
            .w3-hover-text-blue-grey:hover,
            .w3-text-blue-gray,
            .w3-hover-text-blue-gray:hover {
                color: #607d8b!important
            }
            
            .w3-text-green,
            .w3-hover-text-green:hover {
                color: #4CAF50!important
            }
            
            .w3-text-light-green,
            .w3-hover-text-light-green:hover {
                color: #8bc34a!important
            }
            
            .w3-text-indigo,
            .w3-hover-text-indigo:hover {
                color: #3f51b5!important
            }
            
            .w3-text-khaki,
            .w3-hover-text-khaki:hover {
                color: #b4aa50!important
            }
            
            .w3-text-lime,
            .w3-hover-text-lime:hover {
                color: #cddc39!important
            }
            
            .w3-text-orange,
            .w3-hover-text-orange:hover {
                color: #ff9800!important
            }
            
            .w3-text-deep-orange,
            .w3-hover-text-deep-orange:hover {
                color: #ff5722!important
            }
            
            .w3-text-pink,
            .w3-hover-text-pink:hover {
                color: #e91e63!important
            }
            
            .w3-text-purple,
            .w3-hover-text-purple:hover {
                color: #9c27b0!important
            }
            
            .w3-text-deep-purple,
            .w3-hover-text-deep-purple:hover {
                color: #673ab7!important
            }
            
            .w3-text-red,
            .w3-hover-text-red:hover {
                color: #f44336!important
            }
            
            .w3-text-sand,
            .w3-hover-text-sand:hover {
                color: #fdf5e6!important
            }
            
            .w3-text-teal,
            .w3-hover-text-teal:hover {
                color: #009688!important
            }
            
            .w3-text-yellow,
            .w3-hover-text-yellow:hover {
                color: #d2be0e!important
            }
            
            .w3-text-white,
            .w3-hover-text-white:hover {
                color: #fff!important
            }
            
            .w3-text-black,
            .w3-hover-text-black:hover {
                color: #000!important
            }
            
            .w3-text-grey,
            .w3-hover-text-grey:hover,
            .w3-text-gray,
            .w3-hover-text-gray:hover {
                color: #757575!important
            }
            
            .w3-text-light-grey,
            .w3-hover-text-light-grey:hover,
            .w3-text-light-gray,
            .w3-hover-text-light-gray:hover {
                color: #f1f1f1!important
            }
            
            .w3-text-dark-grey,
            .w3-hover-text-dark-grey:hover,
            .w3-text-dark-gray,
            .w3-hover-text-dark-gray:hover {
                color: #3a3a3a!important
            }
            
            .w3-border-amber,
            .w3-hover-border-amber:hover {
                border-color: #ffc107!important
            }
            
            .w3-border-aqua,
            .w3-hover-border-aqua:hover {
                border-color: #00ffff!important
            }
            
            .w3-border-blue,
            .w3-hover-border-blue:hover {
                border-color: #2196F3!important
            }
            
            .w3-border-light-blue,
            .w3-hover-border-light-blue:hover {
                border-color: #87CEEB!important
            }
            
            .w3-border-brown,
            .w3-hover-border-brown:hover {
                border-color: #795548!important
            }
            
            .w3-border-cyan,
            .w3-hover-border-cyan:hover {
                border-color: #00bcd4!important
            }
            
            .w3-border-blue-grey,
            .w3-hover-border-blue-grey:hover,
            .w3-border-blue-gray,
            .w3-hover-border-blue-gray:hover {
                border-color: #607d8b!important
            }
            
            .w3-border-green,
            .w3-hover-border-green:hover {
                border-color: #4CAF50!important
            }
            
            .w3-border-light-green,
            .w3-hover-border-light-green:hover {
                border-color: #8bc34a!important
            }
            
            .w3-border-indigo,
            .w3-hover-border-indigo:hover {
                border-color: #3f51b5!important
            }
            
            .w3-border-khaki,
            .w3-hover-border-khaki:hover {
                border-color: #f0e68c!important
            }
            
            .w3-border-lime,
            .w3-hover-border-lime:hover {
                border-color: #cddc39!important
            }
            
            .w3-border-orange,
            .w3-hover-border-orange:hover {
                border-color: #ff9800!important
            }
            
            .w3-border-deep-orange,
            .w3-hover-border-deep-orange:hover {
                border-color: #ff5722!important
            }
            
            .w3-border-pink,
            .w3-hover-border-pink:hover {
                border-color: #e91e63!important
            }
            
            .w3-border-purple,
            .w3-hover-border-purple:hover {
                border-color: #9c27b0!important
            }
            
            .w3-border-deep-purple,
            .w3-hover-border-deep-purple:hover {
                border-color: #673ab7!important
            }
            
            .w3-border-red,
            .w3-hover-border-red:hover {
                border-color: #f44336!important
            }
            
            .w3-border-sand,
            .w3-hover-border-sand:hover {
                border-color: #fdf5e6!important
            }
            
            .w3-border-teal,
            .w3-hover-border-teal:hover {
                border-color: #9999cc !important
            }
            
            .w3-border-yellow,
            .w3-hover-border-yellow:hover {
                border-color: #ffeb3b!important
            }
            
            .w3-border-white,
            .w3-hover-border-white:hover {
                border-color: #fff!important
            }
            
            .w3-border-black,
            .w3-hover-border-black:hover {
                border-color: #000!important
            }
            
            .w3-border-grey,
            .w3-hover-border-grey:hover,
            .w3-border-gray,
            .w3-hover-border-gray:hover {
                border-color: #9e9e9e!important
            }
            
            .w3-border-light-grey,
            .w3-hover-border-light-grey:hover,
            .w3-border-light-gray,
            .w3-hover-border-light-gray:hover {
                border-color: #f1f1f1!important
            }
            
            .w3-border-dark-grey,
            .w3-hover-border-dark-grey:hover,
            .w3-border-dark-gray,
            .w3-hover-border-dark-gray:hover {
                border-color: #616161!important
            }
            
            .w3-border-pale-red,
            .w3-hover-border-pale-red:hover {
                border-color: #ffe7e7!important
            }
            
            .w3-border-pale-green,
            .w3-hover-border-pale-green:hover {
                border-color: #e7ffe7!important
            }
            
            .w3-border-pale-yellow,
            .w3-hover-border-pale-yellow:hover {
                border-color: #ffffcc!important
            }
            
            .w3-border-pale-blue,
            .w3-hover-border-pale-blue:hover {
                border-color: #e7ffff!important
            }
            
            button {
                margin: 20px;
            }
            
            .custom-btn {
                width: 250px;
                height: 50px;
                color: #fff;
                border-radius: 50px;
                padding: 10px 25px;
                font-family: "Philosopher", sans-serif;
                font-weight: 500;
                background: transparent;
                cursor: pointer;
                transition: all 0.3s ease;
                position: relative;
                display: inline-block;
                box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5), 7px 7px 20px 0px rgba(0, 0, 0, .1), 4px 4px 5px 0px rgba(0, 0, 0, .1);
                outline: none;
            }
            /* 6 */
            
            .btn-6 {
                background: rgb(247, 150, 192);
                background: radial-gradient(circle, rgba(247, 150, 192, 1) 0%, rgba(118, 174, 241, 1) 100%);
                line-height: 42px;
                padding: 0;
                border: none;
                position: absolute;
            }
            
            .btn-6 span {
                position: relative;
                display: block;
                width: 100%;
                height: 100%;
                font-size: 27px;
                font-weight: bold;
                margin: 4px 0;
            }
            
            .btn-6:before,
            .btn-6:after {
                position: absolute;
                content: "";
                height: 0%;
                width: 1px;
                box-shadow: -1px -1px 20px 0px rgba(255, 255, 255, 1), -4px -4px 5px 0px rgba(255, 255, 255, 1), 7px 7px 20px 0px rgba(0, 0, 0, .4), 4px 4px 5px 0px rgba(0, 0, 0, .3);
            }
            
            .btn-6:before {
                right: 0;
                top: 0;
                transition: all 500ms ease;
            }
            
            .btn-6:after {
                left: 0;
                bottom: 0;
                transition: all 500ms ease;
            }
            
            .btn-6:hover {
                background: transparent;
                color: #76aef1;
                box-shadow: none;
            }
            
            .btn-6:hover:before {
                transition: all 500ms ease;
                height: 0%;
            }
            
            .btn-6:hover:after {
                transition: all 500ms ease;
                height: 0%;
            }
            
            .btn-6 span:before,
            .btn-6 span:after {
                position: absolute;
                content: "";
                box-shadow: -1px -1px 20px 0px rgba(255, 255, 255, 1), -4px -4px 5px 0px rgba(255, 255, 255, 1), 7px 7px 20px 0px rgba(0, 0, 0, .4), 4px 4px 5px 0px rgba(0, 0, 0, .3);
            }
            
            .btn-6 span:before {
                left: 0;
                top: 0;
                width: 0%;
                height: .5px;
                transition: all 500ms ease;
            }
            
            .btn-6 span:after {
                left: 0;
                bottom: 0;
                width: 0%;
                height: .5px;
                transition: all 500ms ease;
            }
            
            .btn-6 span:hover:before {
                width: 0%;
            }
            
            .btn-6 span:hover:after {
                width: 100%;
            }
            
            .neon-pulse {
                box-shadow: 0 0 100px rgba(0, 255, 255, 0.5);
                animation: pulseOut 1.5s ease-out infinite;
                opacity: 0;
                position: absolute;
            }
            
            .neon-pulse::before,
            .neon-pulse::after {}
            
            .neon-pulse::after {
                animation-delay: 1s;
            }
            
            @keyframes pulseOut {
                0% {
                    transform: scale(1);
                    opacity: 1;
                }
                100% {
                    transform: scale(1.5);
                    opacity: 0;
                }
            }
            
            .btn_cnt_lp {
                display: flex;
                flex-direction: column;
                position: relative;
                align-items: center;
            }
            /* Container for the chat area */
            
            .chat-container {
                display: flex;
                flex-direction: column;
                background-color: #f1f1f1;
                /* Light background similar to Telegram */
                padding: 20px;
                font-family: 'Segoe UI', Roboto, sans-serif;
            }
            /* Base message block styling */
            
            .message {
                padding: 8px 12px;
                margin-bottom: 8px;
                position: relative;
                font-size: 18px;
                line-height: 1.4;
                text-align: left;
            }
            /* Received message (White) */
            
            .received {
                align-self: flex-start;
                background-color: #ffffff;
                border-radius: 12px 12px 12px 0;
                /* No bottom-left radius */
                box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
            }
            /* Sent message (Greenish) */
            
            .sent {
                align-self: flex-end;
                background-color: #e2ffc7;
                border-radius: 0 12px 12px 12px;
                /* No bottom-right radius */
                box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
            }
            /* Timestamp style */
            
            .timestamp {
                font-size: 10px;
                color: #888;
                float: right;
                margin: 4px 0 0 8px;
            }
            
            .comment-st img {
                width: 70px;
                height: 70px;
            }
            
            .w3-quarter.comment {
                display: flex;
                flex-direction: row;
                margin-top: 20px;
                padding: 0 20px 0 20px;
            }
            
            .comment-text {
                padding-left: 10px;
            }
            
            .sep-line {
                position: relative;
            }
            
            .sep-line::before {
                content: '';
                display: block;
                width: 80%;
                margin-bottom: 50px;
                height: 3px;
                border-radius: 1px;
                background: repeating-linear-gradient(90deg, #f1f1f8 0%, #9f9fcf 50%, #f1f1f8 100%);
            }
            
            .banner-layer {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
            }
            
            .experiance {
                position: absolute;
                top: 390px;
                left: 210px;
            }
            
            .experiance img {
                width: 300px;
            }
            
            .students {
                position: absolute;
                top: 170px;
                left: 670px;
            }
            
            .students img {
                width: 340px;
            }
            
            .teachinghours {
                position: absolute;
                top: 530px;
                left: 630px;
            }
            
            .teachinghours img {
                width: 240px;
            }
            /* Галерея */
            
            .gallery-overlay {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(0, 0, 0, 0.9);
                z-index: 10000;
                display: flex;
                justify-content: center;
                align-items: center;
                animation: fadeIn 0.3s ease;
            }
            
            @keyframes fadeIn {
                from {
                    opacity: 0;
                }
                to {
                    opacity: 1;
                }
            }
            
            .gallery-container {
                position: relative;
                width: 90%;
                height: 90%;
                max-width: 1200px;
                display: flex;
                justify-content: center;
                align-items: center;
            }
            
            .gallery-image {
                max-width: 100%;
                max-height: 100%;
                object-fit: contain;
                height: 90vh;
                transition: opacity 0.3s ease;
            }
            
            .gallery-content {
                text-align: center;
                color: white;
            }
            
            .gallery-caption {
                margin-top: 20px;
                font-size: 18px;
                color: #fff;
                text-align: center;
            }
            
            .gallery-close {
                position: absolute;
                top: 20px;
                right: 20px;
                background: rgba(0, 0, 0, 0.5);
                border: none;
                color: white;
                font-size: 40px;
                cursor: pointer;
                z-index: 10001;
                width: 50px;
                height: 50px;
                display: flex;
                align-items: center;
                justify-content: center;
                transition: transform 0.2s ease;
            }
            
            .gallery-close:hover {
                transform: scale(1.1);
            }
            
            .gallery-nav {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                background: rgba(0, 0, 0, 0.3);
                border: none;
                color: white;
                font-size: 40px;
                cursor: pointer;
                width: 60px;
                height: 60px;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 50%;
                transition: background-color 0.2s ease;
                z-index: 10001;
                    margin: 0px 0px;
            }
            
            .gallery-nav:hover {
                /*background: rgba(255, 255, 255, 0.3);*/
            }
            
            .gallery-prev {
                left: 20px;
            }
            
            .gallery-next {
                right: 20px;
            }
            
            .certs img {
                cursor: pointer;
                transition: transform 0.2s ease;
            }
            
            .certs img:hover {
                transform: scale(1.02);
            }
            
            .mm_bgr {
                position: absolute;
                width: 100%;
                max-width: 1180px;
                height: 70px;
                z-index: 1;
                border-bottom-right-radius: 100px;
                filter: drop-shadow(0px 5px 5px #672548);
                color: #672548;
                overflow: hidden;
            }
            
            .mm_bgr img {
                width: 99vw;
            }
            
            .wrap_logo {
                z-index: 100;
            }
            
            html {
                scroll-behavior: smooth;
            }
            
            .w3-theme-l5 {
                color: #643c63 !important;
                background-color: #f0f0f0 !important
            }
            
            .w3-theme-l4 {
                color: #000 !important;
                background-color: #cccccc !important
            }
            
            .w3-theme-l3 {
                color: #fff !important;
                background-color: #999999 !important
            }
            
            .w3-theme-l2 {
                color: #fff !important;
                background-color: #666666 !important
            }
            
            .bg-landing {
                background-color: #f2f2f8 !important;
            }
            
            .w3-theme-l1 {
                color: #643c63 !important;
                width: 100%;
                /* max-width: 1200px; */
                align-items: center;
                display: flex;
                flex-direction: column;
                justify-content: center;
            }
            
            .w3-theme-d1 {
                color: #fff !important;
            }
            
            .w3-theme-d2 {
                color: #fff !important;
                background-color: #00000000 !important
            }
            
            .w3-theme-d3 {
                color: #fff !important;
                background-color: #000000 !important
            }
            
            .w3-theme-d4 {
                color: #fff !important;
                background-color: #000000 !important
            }
            
            .w3-theme-d5 {
                color: #fff !important;
                background-color: #000000 !important
            }
            
            .w3-theme-light {
                color: #000 !important;
                background-color: #f0f0f0 !important
            }
            
            .w3-theme-dark {
                color: #fff !important;
                background-color: #000000 !important
            }
            
            .w3-theme-action {
                color: #fff !important;
                background-color: #000000 !important
            }
            
            .w3-theme {
                color: #fff !important;
                background-color: #964b6c !important
            }
            
            .w3-card.ava {
                border-radius: 90px;
                overflow: hidden;
            }
            
            .w3-theme.slogan {
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                position: absolute;
                top: 120px;
                left: 4vw;
                background: none !important;
                color: antiquewhite !important;
                /* font-size: xx-large !important; */
                font-weight: bold;
                font-size: 34px !important;
                max-width: 66vw;
                height: 100%;
                white-space: break-spaces;
                font-style: italic;
            }
            
            .w3-text-theme {
                color: #000000 !important
            }
            
            .w3-border-theme {
                border-color: #000000 !important
            }
            
            .w3-hover-theme:hover {
                color: #fff !important;
                background-color: #000000 !important
            }
            
            .w3-hover-text-theme:hover {
                color: #000000 !important
            }
            
            .w3-hover-border-theme:hover {
                border-color: #000000 !important
            }
            
            .expand-toggle{
                display: none;
            }
            

            
            .expandable-content {
                max-height: 0;
                overflow: hidden;
                opacity: 0;
                transition: all 0.5s ease;
            }
            
            .expand-toggle:checked~.expandable-content {
                max-height: 6000px;
                opacity: 1;
                margin-top: 0;
                padding-top: 0;
                width: 100%;
            }
            .expand-toggle:checked~.short-text .expand-btn {
                display: none;
            }
            
            .expand-toggle:checked~.expandable-content .collapse-btn {
                display: inline-flex;
            }
            /**-------------------------------------------*/

.comm-state {
    line-height: 1.4em;
    margin: 10px 0;
    transition: all 0.3s ease;
}
.comm-state.folded {
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.course-pack-detailed{
    transition: all 0.3s ease-out;
    overflow: hidden;
}
.course-pack-detailed.folded {
    height: 0px;
}
.course-pack-detailed.unfolded {
    height: 100%;
}
.course-state h3 {    font-size: 22px;    }
.course-pack-detailed p {    text-align: left;font-size: 18px;     margin: 10px 0 10px 0;}

.comm-state.unfolded {
    -webkit-line-clamp: unset;
    max-height: none;
    overflow: visible;
    display: block;
}

.comm-expand-btn,
.comm-collapse-btn {
    background: transparent;
    border: 1px solid #672748;
    color: #672748;
    padding: 0px 10px;
    margin: 0px 0;
    cursor: pointer;
    border-radius: 4px;
    font-size: 14px;
    transition: all 0.3s;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.comm-collapse-btn {display: none;}
.comm-expand-btn:hover,
.comm-collapse-btn:hover {
    background: #9f5e6e;
    color: white;
}

.comm-expand-btn .icon,
.comm-collapse-btn .icon {
    font-size: 16px;
    transition: transform 0.3s;
}

.comm-expand-btn:hover .icon {
    animation: bounceDown 1s infinite;
}

.comm-collapse-btn:hover .icon {
    animation: bounceUp 1s infinite;
}

/* Анимации для иконок */
@keyframes bounceDown {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(3px); }
}

@keyframes bounceUp {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-3px); }
}

@supports not (-webkit-line-clamp: 3) {
    .comm-state.folded {
        max-height: 4.2em;
        overflow: hidden;
        position: relative;
    }

    .comm-state.folded::after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        width: 30%;
        height: 1.4em;
        background: linear-gradient(to right, transparent, white 50%);
    }

    .comm-state.unfolded::after {
        display: none;
    }
}


            /**-------------------------------------------*/
            .arrow-svg {
                width: 24px;
                height: 24px;
                transition: transform 0.3s ease;
            }
            
            .arrow-down {
                transform: rotate(0deg);
            }
            
            .arrow-up {
                transform: rotate(180deg);
            }
            
            .expand-btn:hover .arrow-svg {
                transform: translateY(3px) rotate(0deg);
            }
            
            .collapse-btn:hover .arrow-svg {
                transform: translateY(-3px) rotate(180deg);
            }
            
            .arrow-svg .scroll {
                stroke-opacity: 0.7;
                animation: scrollPulse 2s infinite ease-in-out;
            }
            
            @keyframes scrollPulse {
                0%,
                100% {
                    stroke-opacity: 0.7;
                }
                50% {
                    stroke-opacity: 1;
                }
            }
            
            .original-button {
                display: flex;
                align-items: center;
                justify-content: center;
                line-height: 1;
                text-decoration: none;
                color: #f7864d;
                font-size: 18px;
                font-weight: bold;
                border-radius: 0px;
                width: 150px;
                height: 50px;
                position: relative;
                transition: 0.3s;
                overflow: hidden;
            }
            
            .original-button::after {
                content: "";
                display: block;
                align-items: center;
                text-align: center;
                height: 2px;
                width: 5%;
                position: absolute;
                background-color: #faae88;
                transition: .3s;
            }
            
            .original-button::before {
                content: "";
                display: block;
                align-items: center;
                text-align: center;
                height: 3px;
                width: 50%;
                position: absolute;
                background-color: #faae88;
                transition: .3s;
            }
            
            .original-button::after {
                bottom: 0;
            }
            
            .original-button::before {
                bottom: 7px;
            }
            
            .original-button:hover::after {
                width: 80%;
            }
            
            .original-button:hover::before {
                width: 100%;
            }
            
            .short-text {
                margin-top: 0px;
                display: flex;
                flex-direction: row;
            }
            
            .short-text,
            .expandable-content {
                width: 100%;
                max-width: 1200px;
                padding: 0 20px;
                font-style: italic;
            }
            
            .short-text .w3-quarter {
                padding-right: 20px;
                margin-top: 80px;
            }
            .short-text .w3-quarter {width: 24%;}
            .short-text .w3 {width: 75%;}
            
            .expandable-content .w3 {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
            }
            .teacher-advantages {
                list-style: none;
                padding-left: 0;
            }

            .teacher-advantages li {
                position: relative;
                padding-left: 25px;
                margin-bottom: 15px;
                line-height: 1.5;
            }

            .teacher-advantages li::before {
                content: "❖"; /* или ♦, ◇, ❖ */
                    font-style: normal;
                color: #62517c;
                position: absolute;
                left: 0;
                top: 4px;
                font-size: 16px;
            }
            
            .fb-cnt,
            .certs-cnt {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
            }
            
            .certs {
                width: 100%;
                max-width: 1600px;
            }
            
            .certs .w3-quarter {
                width: 23%;
                margin: 0 1%;
            }
                .cert-descr.folded {
                    display: -webkit-box;
                    -webkit-line-clamp: 3;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                }
                .cert-descr.unfolded {
                    -webkit-line-clamp: unset;
                    max-height: none;
                    overflow: visible;
                    display: block;
                }
            .radio-wrapper-26 {
                width: 100%;
                display: flex;
                flex-wrap: wrap;
            }
            
            .radio-wrapper-26 label {
                display: flex;
                align-items: flex-start;
                text-align: left;
                width: 25%;
                justify-content: space-between;
                padding: 5px;
                border: none;
                border-radius: 6px;
                box-shadow: 0 0 0 1px #d8dee4;
                transition: all 0.2s ease;
                font-size: 15px;
            }
            
            .radio-wrapper-26 label:not(:has(input:disabled)):hover {
                background: #f5f6f8;
            }
            
            .radio-wrapper-26 label:has(input:disabled) {
                opacity: .8;
                cursor: not-allowed;
                background: #f5f6f8;
            }
            
            .radio-wrapper-26 label:has(input:checked) {
                box-shadow: 0 0 0 1.5px rgb(37 99 235), 0 0 0 1px #d8dee4;
            }
            
            .radio-wrapper-26 label:has(input:focus) {
                box-shadow: 0 0 0 1.5px rgb(37 99 235), 0 0 0 4px rgb(191 219 254), 0 0 0 1px #d8dee4;
            }
            
            .radio-wrapper-26 label .inputAndLeftText {
                display: flex;
                gap: .75em;
            }
            
            .radio-wrapper-26 label .inputAndLeftText div {
                color: rgb(55 65 81);
                line-height: 1.25rem;
                display: flex;
                flex-direction: column;
            }
            
            .radio-wrapper-26 label .title,
            .radio-wrapper-26 label .price {
                font-weight: 500;
            }
            
            .radio-wrapper-26 label .desc {
                color: rgb(107 114 128);
            }
            
            .radio-wrapper-26 input,
            .radio-wrapper-26 label .price {
                color: rgb(37 99 235);
            }
            
            .radio-wrapper-26 label .price {
                margin-top: 1px;
            }
            
            .radio-wrapper-26 input {
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                padding: 0;
                -webkit-print-color-adjust: exact;
                print-color-adjust: exact;
                display: inline-block;
                vertical-align: middle;
                background-origin: border-box;
                -webkit-user-select: none;
                -moz-user-select: none;
                user-select: none;
                border: 1px solid rgb(209 213 219);
                box-shadow: 0 1px 2px 0 #0000000d;
                border-radius: 9999px;
                width: 18px;
                height: 15px;
                margin: 2px 0 0;
            }
            
            .radio-wrapper-26 input:checked {
                border-color: #0000;
                background-color: currentColor;
                background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9IiNmZmYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjMiLz48L3N2Zz4=);
            }
            
            .radio-wrapper-26 input:focus {
                box-shadow: 0 0 0 3px rgb(191 219 254), 0 1px 2px 0 #0000000d;
            }
            
            .radio-wrapper-26 input:disabled,
            .radio-wrapper-26 label:has(input:disabled) .price {
                color: rgb(156 163 175);
            }
            
            #contacts {
                display: flex;
                justify-content: center;
            }
            
            html,
            body {
                max-width: 2000px;
                margin: 0 auto;
                width: 100%;
                overflow-x: hidden;
                background-color: #f2f2f8 !important;
            }
            
            .logo-link {
                text-decoration: none;
                display: inline-block;
            }
            
            .logo-img {
                height: 24px;
                /* регулируйте высоту по необходимости */
                width: auto;
                vertical-align: middle;
                transition: opacity 0.3s ease;
            }
            
            .logo-link:hover .logo-img {
                opacity: 0.8;
            }
            
            footer {
                background-color: #672748 !important;
            }
            /* Стили для валидации полей */
            
            input:invalid,
            textarea:invalid {
                border-color: #ff6b6b !important;
            }
            
            input:valid,
            textarea:valid {
                border-color: #51cf66 !important;
            }
            /* Стили для поля телефона */
            
            input[type="tel"] {
                font-family: 'Philosopher', monospace;
                letter-spacing: 0.5px;
            }
            /* Подсказки при фокусе */
            
            input:focus,
            textarea:focus {
                box-shadow: 0 0 0 2px rgba(0, 150, 136, 0.2) !important;
                outline: none;
            }
            /* Анимированная иконка */
            
            .mm-drdn .animated-icon {
                padding: 35px;
                margin: 0;
                background: transparent !important;
                border: none;
                cursor: pointer;
            }
            
            .mm-drdn .icon-wrapper {
                position: relative;
                width: 24px;
                height: 18px;
            }
            
            .mm-drdn .hamburger-lines {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                transition: all 0.3s ease;
            }
            
            .mm-drdn .hamburger-lines span {
                display: block;
                height: 3px;
                width: 100%;
                background-color: white;
                border-radius: 2px;
                transition: all 0.3s ease;
            }
            
            .mm-drdn .arrow-down {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%) scale(0);
                color: white;
                font-size: 14px;
                opacity: 0;
                transition: all 0.3s ease;
            }
            /* При наведении - превращение в стрелку */
            
            .mm-drdn:hover .hamburger-lines span:nth-child(1) {
                transform: translateY(7.5px) rotate(45deg);
            }
            
            .mm-drdn:hover .hamburger-lines span:nth-child(2) {
                opacity: 0;
            }
            
            .mm-drdn:hover .hamburger-lines span:nth-child(3) {
                transform: translateY(-7.5px) rotate(-45deg);
            }
            
            .mm-drdn:hover .arrow-down {
                opacity: 1;
                transform: translate(-50%, -50%) scale(1);
                transition-delay: 0.15s;
            }

            
.gall-row {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
      width: 1300px;
      justify-content: center;
    align-items: center;
}
.gall-row img {
    margin: 3px;
    width: 120px;
}
/* Create four equal columns that sits next to each other */
.gall-column {
  -ms-flex: 25%; /* IE10 */
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.gall-column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

.gall-row img {

    object-fit: cover;
    cursor: pointer;
    border: 3px solid transparent;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.gall-row img:hover {
    border-color: #964b6c;
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Overlay для галереи */
#imageGalleryOverlay.gallery-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 9999;
    display: none;
    justify-content: center;
    align-items: center;
    opacity: 0;
    animation: fadeIn 0.3s forwards;
}

@keyframes fadeIn {
    to { opacity: 1; }
}

#imageGalleryOverlay .gallery-container {
    position: relative;
    max-width: 90vw;
    max-height: 90vh;
    background: transparent;
        display: flex;
    flex-direction: column;
}

#imageGalleryOverlay .gallery-image {
    max-width: 85vw;
    max-height: 70vh;
    object-fit: contain;
    display: block;
    margin: 0 auto;
    opacity: 0;
    animation: imageFadeIn 0.5s 0.2s forwards;
}

@keyframes imageFadeIn {
    to { opacity: 1; }
}

#imageGalleryOverlay .gallery-close {
    position: absolute;
    top: 0px;
    right: 0;
    background: #964b6cab;
    color: white;
    border: none;
    width: 40px;
    height: 40px;
    font-size: 24px;
    cursor: pointer;
    border-radius: 50%;
    z-index: 10000;
    transition: background 0.3s;
}

#imageGalleryOverlay .gallery-close:hover {
    background: #964b6c;
}

#imageGalleryOverlay .gallery-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #964b6cab;
    color: white;
    border: none;
    width: 50px;
    height: 50px;
    font-size: 30px;
    cursor: pointer;
    border-radius: 50%;
    transition: background 0.3s;
    z-index: 10000;
}

#imageGalleryOverlay .gallery-prev {
    left: 20px;
}

#imageGalleryOverlay .gallery-next {
    right: 20px;
}

#imageGalleryOverlay .gallery-nav:hover {
    background: #964b6c;
}

#imageGalleryOverlay .gallery-caption {
    text-align: center;
    color: white;
    margin-top: 15px;
    font-size: 16px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 4px;
    display: none;
}

/* Миниатюры */
#imageGalleryOverlay .gallery-thumbnails {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 20px;
    max-height: 100px;
    overflow-y: auto;
    padding: 10px;
}

#imageGalleryOverlay .thumbnail {
    width: 60px;
    height: 60px;
    object-fit: cover;
    cursor: pointer;
    border: 2px solid transparent;
    border-radius: 3px;
    opacity: 0.6;
    transition: all 0.3s;
}

#imageGalleryOverlay .thumbnail:hover,
#imageGalleryOverlay .thumbnail.active {
    opacity: 1;
    border-color: #964b6c;
    transform: scale(1.1);
}

/* Адаптивность */
@media (max-width: 768px) {
    .gall-row img {
        width: 120px;
        height: 120px;
    }

    #imageGalleryOverlay .gallery-nav {
        width: 40px;
        height: 40px;
        font-size: 24px;
    }

    #imageGalleryOverlay .gallery-prev {
        left: 10px;
    }

    #imageGalleryOverlay .gallery-next {
        right: 10px;
    }

    #imageGalleryOverlay .thumbnail {
        width: 40px;
        height: 40px;
    }
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media (max-width: 1200px) {
  .gall-row {
      width: 920px;
  }
    .gall-row img {
        width: 150px;
    }
}
@media (max-width: 800px) {
  .gall-row {
      width: 770px;
  }

}
@media (max-width: 600px) {
  .gall-row {
      width: 100vw;
  }
      .gall-row img {
        width: 22vw;
    }

}
/* Цветовая палитра сайта */
:root {
    --primary-color: #964b6c;     /* основной цвет */
    --accent-color: #f7864d;      /* подсветка */
    --bg-color: #f2f2f8;          /* фоновый цвет */
    --text-color: #333333;        /* основной текст */
    --light-color: #ffffff;       /* светлый */
}
/* Стилизация скроллбаров для всего сайта */
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track {
    background: var(--bg-color);  /* #f2f2f8 */
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb {
    background: var(--primary-color);  /* #964b6c */
    border-radius: 10px;
    border: 2px solid var(--bg-color);
    transition: all 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--accent-color);  /* #f7864d */
    cursor: pointer;
}

::-webkit-scrollbar-thumb:active {
    background: #d45a3b;  /* более темный оттенок подсветки */
}

::-webkit-scrollbar-corner {
    background: var(--bg-color);
}

/* Для Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--primary-color) var(--bg-color);
}

/* При наведении в Firefox */
*:hover {
    scrollbar-color: var(--accent-color) var(--bg-color);
}




            @media (max-width: 768px) {
                .radio-wrapper-26 label {
                    flex-direction: column;
                    align-items: flex-start;
                }
                .radio-wrapper-26 .price {
                    margin-top: 5px;
                    color: #666;
                }
            }
            
            @media (min-width:601px) {
                .w3-col.m1 {
                    width: 8.33333%
                }
                .w3-col.m2 {
                    width: 16.66666%
                }
                .w3-col.m3,
                .w3-quarter {
                    width: 24.99999%
                }
                .w3-col.m4,
                .w3-third {
                    width: 33.33333%
                }
                .w3-col.m5 {
                    width: 41.66666%
                }
                .w3-col.m6,
                .w3-half {
                    width: 49.99999%
                }
                .w3-col.m7 {
                    width: 58.33333%
                }
                .w3-col.m8,
                .w3-twothird {
                    width: 66.66666%
                }
                .w3-col.m9,
                .w3-threequarter {
                    width: 74.99999%
                }
                .w3-col.m10 {
                    width: 83.33333%
                }
                .w3-col.m11 {
                    width: 91.66666%
                }
                .w3-col.m12 {
                    width: 99.99999%
                }
            }
            
            @media (min-width:993px) {
                .w3-col.l1 {
                    width: 8.33333%
                }
                .w3-col.l2 {
                    width: 16.66666%
                }
                .w3-col.l3 {
                    width: 24.99999%
                }
                .w3-col.l4 {
                    width: 33.33333%
                }
                .w3-col.l5 {
                    width: 41.66666%
                }
                .w3-col.l6 {
                    width: 49.99999%
                }
                .w3-col.l7 {
                    width: 58.33333%
                }
                .w3-col.l8 {
                    width: 66.66666%
                }
                .w3-col.l9 {
                    width: 74.99999%
                }
                .w3-col.l10 {
                    width: 83.33333%
                }
                .w3-col.l11 {
                    width: 91.66666%
                }
                .w3-col.l12 {
                    width: 99.99999%
                }
            }
            
            @media (max-width:1205px) {
                .w3-auto {
                    max-width: 95%
                }
            }
            
            @media (max-width:600px) {
                .w3-modal-content {
                    margin: 0 10px;
                    width: auto!important
                }
                .w3-modal {
                    padding-top: 30px
                }
                .w3-dropdown-hover.w3-mobile .w3-dropdown-content,
                .w3-dropdown-click.w3-mobile .w3-dropdown-content {
                    position: relative
                }
                .w3-hide-small {
                    display: none!important
                }
                .w3-mobile {
                    display: block;
                    width: 100%!important
                }
                .w3-bar-item.w3-mobile,
                .w3-dropdown-hover.w3-mobile,
                .w3-dropdown-click.w3-mobile {
                    text-align: center
                }
                .w3-dropdown-hover.w3-mobile,
                .w3-dropdown-hover.w3-mobile .w3-btn,
                .w3-dropdown-hover.w3-mobile .w3-button,
                .w3-dropdown-click.w3-mobile,
                .w3-dropdown-click.w3-mobile .w3-btn,
                .w3-dropdown-click.w3-mobile .w3-button {
                    width: 100%
                }
            }
            
            @media (max-width:768px) {
                .w3-modal-content {
                    width: 500px
                }
                .w3-modal {
                    padding-top: 50px
                }
            }
            
            @media (min-width:993px) {
                .w3-modal-content {
                    width: 900px
                }
                .w3-hide-large {
                    display: none!important
                }
                .w3-sidebar.w3-collapse {
                    display: block!important
                }
            }
            
            @media (max-width:992px) and (min-width:601px) {
                .w3-hide-medium {
                    display: none!important
                }
            }
            
            @media (max-width:992px) {
                .w3-sidebar.w3-collapse {
                    display: none
                }
                .w3-main {
                    margin-left: 0!important;
                    margin-right: 0!important
                }
                .w3-auto {
                    max-width: 100%
                }
            }
            
            @media (max-width:1500px) {
                .menu_row {
                    max-width: 100%;
                }
                .mm_bgr {
                    max-width: 100%;
                    border-bottom-right-radius: 0px;
                }
                .mm_bgr img {
                    height: 500vh;
                }
                .w3-display-container.w3-animate-opacity>img {
                    margin-top: 65px;
                }
            }
            
            @media (max-width:1400px) {
                .students img {
                    width: 220px;
                }
                .students {
                    left: 46vw;
                }
                .experiance img {
                    width: 250px;
                }
                .experiance {
                    top: 370px;
                    left: 18vw;
                }
                .teachinghours img {
                    width: 180px;
                }
                .teachinghours {
                    top: 425px;
                    left: 42vw;
                }
            }
            
            @media (max-width:1300px) {
                .w3-quarter.comment {
                    width: 49.9%;
                }
                .comm-cnt {
                    display: flex;
                    flex-flow: wrap;
                }
                .comm-state.folded {
                    -webkit-line-clamp: 5;
                }
            }
            
            @media (max-width:1200px) {
                .students img {
                    width: 180px;
                }
                .students {
                    top: 115px;
                }
                .experiance img {
                    width: 220px;
                }
                .experiance {
                    top: 280px;
                    left: 13vw;
                }
                .teachinghours img {
                    width: 150px;
                }
                .teachinghours {
                    top: 380px;
                    left: 40vw;
                }
                .w3-theme.slogan {
                    top: 80px;
                    font-size: 24px !important;
                }
            }
            
            @media (max-width:1100px) {
                #contacts>.w3-row {
                    display: flex;
                    flex-direction: column;
                }
                #contacts>.w3-row>.w3-col.m5,
                #contacts>.w3-row>.w3-col.m7 {
                    width: 100%;
                    margin-bottom: 30px;
                }
                #contacts H3,
                #contacts p {
                    margin: 0 0 0 0;
                }
            }
            
            @media (max-width:1000px) {
                .students img {
                    width: 160px;
                }
                .students {
                    top: 140px;
                    left: 48vw;
                }
                .experiance img {
                    width: 180px;
                }
                .experiance {
                    top: 265px;
                    left: 17vw;
                }
                .teachinghours img {
                    width: 130px;
                }
                .teachinghours {
                    top: 320px;
                    left: 42vw;
                }
                .w3-theme.slogan {
                    top: 80px;
                    font-size: 24px !important;
                }
                .certs {
                    display: flex;
                    flex-flow: wrap;
                    justify-content: center;
                }
                .certs .w3-quarter {
                    width: 48%;
                }

                .gallery-container {    height: 100%;}
                .gallery-close {top: 0px;right: 0px;     margin: 10px 0px;}
                .gallery-prev {    left: 0px;}
                .gallery-next {    right: 0px;}

                .short-text .w3-quarter {width: 34%;}
                .short-text .w3 {width: 65%;}
            }
            
            @media (max-width:800px) {
                .students img {
                    width: 100px;
                }
                .students {
                    top: 210px;
                    left: 55vw;
                }
                .experiance img {
                    width: 150px;
                }
                .experiance {
                    top: 290px;
                    left: 22vw;
                }
                .teachinghours img {
                    width: 130px;
                }
                .teachinghours {
                    display: none;
                }
                .w3-theme.slogan {
                    top: 80px;
                    font-size: 24px !important;
                }
                .short-text .w3-quarter {width: 34%;}
                .short-text .w3 {width: 65%;}
            }
            
            .mm-drdn {
                display: none;
            }
            
            @media (max-width:700px) {
                .menu_row,
                .students,
                .experiance,
                .teachinghours {
                    display: none;
                }
                .mm-drdn {
                    display: block;
                    position: absolute;
                    float: right;
                    right: 0px;
                    z-index: 88;
                }
                .w3-theme.slogan {
                    top: 80px;
                    font-size: 24px !important;
                }
                .w3-quarter.comment {
                    width: 99%;
                }
                .custom-btn {    width: 190px;}
                .btn-6 span {    font-size: 23px;}

                #about > div.short-text > div.w3 > h2 {font-size: 23px;}
                #about > div.short-text > div.w3 > h3 {font-size: 20px;}
                .cert-descr {font-size: 16px; max-height: 13vh; }
                .certs p.w3-xlarge {     font-size: 18px !important;   line-height: 0; text-wrap-mode: nowrap;}
                #courses li.w3-padding-16 {font-size: 18px;}
                #courses li.w3-opacity {line-height: 0;font-size: 18px;}
                #courses {    padding-bottom: 32px !important;}
                #contacts {    padding-top: 16px !important;}
                .radio-wrapper-26 label {    width: 49%;}
                #contacts form {line-height: 1.4;}
                .mm_bgr {    height: 60px;}
                .w3-dropdown-content {    top: 60px;}
                .w3-bar .w3-button.logo {width: 138px;}
                .mm-drdn .animated-icon {padding: 22px;}
                .w3-display-container.w3-animate-opacity>img {        margin-top: 55px;}
                .short-text {flex-direction: column;
                    justify-content: center;
                    align-items: center;}
                .short-text .w3-quarter {width: 50vw;
                    margin-top: 40px;
                    margin-bottom: 20px;}
                .short-text .w3 {width: 100%;}
            }