.wordpress .alignnone{margin:5px 20px 20px 0}
.wordpress .aligncenter,.wordpress div.aligncenter{display:block;margin:5px auto}
.wordpress .alignright{float:right;margin:5px 0 20px 20px}
.wordpress .alignleft{float:left;margin:5px 20px 20px 0}
.wordpress a img.alignright{float:right;margin:5px 0 20px 20px}
.wordpress a img.alignnone{margin:5px 20px 20px 0}
.wordpress a img.alignleft{float:left;margin:5px 20px 20px 0}
.wordpress a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wordpress .wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}
.wordpress .wp-caption.alignleft,.wordpress .wp-caption.alignnone{margin:5px 20px 20px 0}
.wordpress .wp-caption.alignright{margin:5px 0 20px 20px}
.wordpress .wp-caption img{border:0;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}
.wordpress .wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}
.wordpress .screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.wordpress .screen-reader-text:focus{background-color:#eee;clip:auto!important;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}

.help-block{display:block;margin-top:5px;margin-bottom:10px;color: #f27474;
}

*, :after, :before {
    box-sizing: border-box;
    word-break: inherit!important;
}

.autocomplete{
    min-width: 270px;
    z-index: 99999;
}
.modal{
    z-index: 99999!important;
}

@media (max-width: 767px) {
    .hidden-mobile {
        display: none;
    }
}

/*******************
Main & Page wrapper
*******************/

.page-wrapper {
    padding-top: 0px;
}

#main-wrapper {
    overflow: hidden;
}


/*******************
container fluid
*******************/

.container-fluid {
    padding: 0px;
}

.customBtn--white.customBtn--trans {
    color: #ffffff!important;
    background: 0 0;
}


/*******************
Fix-width
*******************/

.fix-width {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
}


/*******************
Spacer
*******************/

.spacer {
    padding: 90px 0;
}

.mini-spacer {
    padding: 40px 0;
}

.footerLinkActive{
    font-size: 1rem;
    line-height: 1.21429;
    margin-top: 10px;
    margin-bottom: 10px;
    text-decoration: none;
    color: #00c09c!important;
}
.footerLinkActive:first-child{
    margin-top: -1px;
}

.base-settings{
    min-height:400px;padding:20px 40px
}

.base-settings .profile-edit-footer{padding-left:40px}
.base-settings .profile-edit-footer{margin-top:120px}
.base-settings .profile-edit-footer{background:#eff7fd;padding:30px 0 30px 197px}
.base-settings .profile-edit-footer .profile-edit-footer-hint{color:#bdc3c7;font-size:15px;padding-left:10px}

.whiteUserContainer{background:#fff;border-left:2px solid #ecf0f1;min-height:700px;padding:20px 40px}
.whiteUserContainer .row-normal{margin-left:-15px;margin-right:-15px}
.whiteUserContainer .settingsVars .settingsVars-item{background:#fff;border:none;border-radius:5px;color:#34495e;display:block;font-size:13px;position:relative;text-align:center;padding:20px 15px 15px;height:100%;box-shadow:0 15px 45px rgba(0,0,0,.05);transition:all .23s ease}
.whiteUserContainer .settingsVars .settingsVars-item:hover{box-shadow:0 15px 45px rgba(0,0,0,.1)}
.whiteUserContainer .settingsVars .settingsVars-item img{width:80px;height:auto}
.whiteUserContainer .settingsVars .settingsVars-item2{background:#fff;border:2px solid #bfdef5;border-radius:10px;color:#34495e;display:block;float:left;font-size:13px;margin:0 0 20px 20px;min-height:180px;position:relative;text-align:center;width:220px;height:150px;padding:20px 0 15px}
.whiteUserContainer .settingsVars .settingsVars-item2:hover{border-color:#1abc9c}
.whiteUserContainer .settingsVars .settingsVars-item img,.whiteUserContainer .settingsVars .settingsVars-item2 img{position:relative;display:block;margin:0 auto 20px}




.red{
    color:#EE3436;
}

html body .p-0{padding:0}
html body .p-5px{padding:5px}
html body .p-10{padding:10px}
html body .p-15{padding:15px}
html body .p-20{padding:20px}
html body .p-25{padding:25px}
html body .p-30{padding:30px}
html body .p-40{padding:40px}
html body .p-l-0{padding-left:0}
html body .p-l-5{padding-left:5px}
html body .p-l-10{padding-left:10px}
html body .p-l-15{padding-left:15px}
html body .p-l-20{padding-left:20px}
html body .p-l-25{padding-left:25px}
html body .p-l-30{padding-left:30px}
html body .p-r-0{padding-right:0}
html body .p-r-5{padding-right:0}
html body .p-r-10{padding-right:10px}
html body .p-r-15{padding-right:15px}
html body .p-r-20{padding-right:20px}
html body .p-r-25{padding-right:25px}
html body .p-r-30{padding-right:30px}
html body .p-r-40{padding-right:40px}
html body .p-t-0{padding-top:0}
html body .p-t-5{padding-top:5px}
html body .p-t-10{padding-top:10px}
html body .p-t-15{padding-top:15px}
html body .p-t-20{padding-top:20px}
html body .p-t-25{padding-top:25px}
html body .p-t-30{padding-top:30px}
html body .p-t-40{padding-top:40px}
html body .p-t-50{padding-top:50px}
html body .p-t-60{padding-top:60px}
html body .p-b-0{padding-bottom:0}
html body .p-b-5{padding-bottom:5px}
html body .p-b-10{padding-bottom:10px}
html body .p-b-15{padding-bottom:15px}
html body .p-b-20{padding-bottom:20px}
html body .p-b-25{padding-bottom:25px}
html body .p-b-30{padding-bottom:30px}
html body .p-b-40{padding-bottom:40px}
html body .p-b-50{padding-bottom:50px}

html body .m-10{margin:10px}
html body .m-15{margin:15px}
html body .m-20{margin:20px}

html body .m-0{margin:0}
html body .m-l-5{margin-left:5px}
html body .m-l-10{margin-left:10px}
html body .m-l-15{margin-left:15px}
html body .m-l-20{margin-left:20px}
html body .m-l-30{margin-left:30px}
html body .m-l-40{margin-left:40px}
html body .m-r-5{margin-right:5px}
html body .m-r-10{margin-right:10px}
html body .m-r-15{margin-right:15px}
html body .m-r-20{margin-right:20px}
html body .m-r-30{margin-right:30px}
html body .m-r-40{margin-right:40px}
html body .m-t-0{margin-top:0}
html body .m-t-5{margin-top:5px}
html body .m-t-10{margin-top:10px}
html body .m-t-15{margin-top:15px}
html body .m-t-20{margin-top:20px}

html body .margin-top-20{margin-top:20px}
html body .m-t-30{margin-top:30px}
html body .m-t-40{margin-top:40px}
html body .m-t-50{margin-top:50px}
html body .m-t-60{margin-top:60px}
html body .m-t-70{margin-top:70px}
html body .m-b-0{margin-bottom:0}
html body .m-b-5{margin-bottom:5px}
html body .m-b-10{margin-bottom:10px}
html body .m-b-15{margin-bottom:15px}
html body .m-b-20{margin-bottom:20px}
html body .margin-bottom-20{margin-bottom:20px}
html body .m-b-30{margin-bottom:30px}
html body .m-b-40{margin-bottom:40px}
html body .m-b-50{margin-bottom:50px}
html body .m-b-60{margin-bottom:60px}
html body .vt{vertical-align:top}
html body .vm{vertical-align:middle}
html body .vb{vertical-align:bottom}
.op-8{opacity:.8}
.op-7{opacity:.7}
.op-5{opacity:.5}
.op-3{opacity:.3}

html body .font-16{font-size:16px}
html body .font-14{font-size:14px}
html body .font-13{font-size:13px}
html body .font-10{font-size:10px}
html body .font-18{font-size:18px}
html body .font-20{font-size:20px}
html body .b-0{border:none!important}
html body .b-r{border-right:1px solid rgba(120,130,140,.13)}
html body .b-l{border-left:1px solid rgba(120,130,140,.13)}
html body .b-b{border-bottom:1px solid rgba(120,130,140,.13)}
html body .b-t{border-top:1px solid rgba(120,130,140,.13)}
html body .b-all{border:1px solid rgba(120,130,140,.13)!important}
.thumb-sm{height:32px;width:32px}
.thumb-md{height:48px;width:48px}
.thumb-lg{height:88px;width:88px}
.hide{display:none}
.img-circle{border-radius:100%}
.radius{border-radius:4px}

.fixHeight700{min-height:700px}
.fixHeight350{min-height:350px}
.fixHeight170{min-height:170px}

.text-center{text-align: center}
.w-100{
    width: 100%;
}
.w-100i{
    width: 100% !important;
}


.profile .alert {
    width: 100%;
    grid-column: 1/-1;
}


.swal2-container {
    z-index: 999999;
}


.btn-success-gradiant{color:#fff; background:#2cdd9b;background:-webkit-linear-gradient(legacy-direction(to right),#2cdd9b 0,#1dc8cc 100%);background:linear-gradient(to right,#2cdd9b 0,#1dc8cc 100%);border:0;border:1px solid #1dc8cc}
.btn-success-gradiant:hover{background:#1dc8cc;background:-webkit-linear-gradient(legacy-direction(to right),#1dc8cc 0,#2cdd9b 100%);background:linear-gradient(to right,#1dc8cc 0,#2cdd9b 100%)}
.btn-success-gradiant.active,.btn-success-gradiant:active,.btn-success-gradiant:focus{box-shadow:0;opacity:1}
.btn-danger-gradiant{background:#ff4d7e;background:-webkit-linear-gradient(legacy-direction(to right),#ff4d7e 0,#ff6a5b 100%);background:linear-gradient(to right,#ff4d7e 0,#ff6a5b 100%);border:0}
.btn-danger-gradiant:hover{background:#ff6a5b;background:-webkit-linear-gradient(legacy-direction(to right),#ff6a5b 0,#ff4d7e 100%);background:linear-gradient(to right,#ff6a5b 0,#ff4d7e 100%)}
.btn-danger-gradiant.active,.btn-danger-gradiant:active,.btn-danger-gradiant:focus{box-shadow:0;opacity:1}
.btn-info-gradiant{background:#188ef4;background:-webkit-linear-gradient(legacy-direction(to right),#188ef4 0,#316ce8 100%);background:linear-gradient(to right,#188ef4 0,#316ce8 100%);border:0;color:#fff}
.btn-info-gradiant:hover{background:#316ce8;background:-webkit-linear-gradient(legacy-direction(to right),#316ce8 0,#188ef4 100%);background:linear-gradient(to right,#316ce8 0,#188ef4 100%)}
.btn-info-gradiant.active,.btn-info-gradiant:active,.btn-info-gradiant:focus{box-shadow:0;opacity:1}

.btn-arrow:hover{color:#fff}

.btn-arrow{position:relative}
.btn-arrow span{display:inline-block;position:relative;transition:all 300ms ease-out;will-change:transform}
.btn-arrow:focus span,.btn-arrow:hover span{transform:translate3d(-1rem,0,0)}
.btn-arrow i{position:absolute;width:1.1em;right:0;opacity:0;top:50%;transform:translateY(-50%);transition:all 300ms ease-out;will-change:right,opacity}
.btn-arrow:focus i,.btn-arrow:hover i{opacity:1;right:-2rem}

.btn{
    border-radius: 8px;
}



.btn-lg{padding:.75rem 1.5rem;font-size:1.25rem}
.btn-md{padding:15px 45px;font-size:16px}
.btn-sm{padding:.25rem .5rem;font-size:12px}
.btn-xs{padding:.25rem .5rem;font-size:10px}




.btn-inverse, .btn-inverse.disabled {
    background: #3e4555;
    border: 1px solid #3e4555;
    color: #fff
}

.btn-inverse.disabled:hover, .btn-inverse:hover {
    background: #232a37;
    color: #fff;
    border: 1px solid #232a37
}

.btn-inverse.active, .btn-inverse.disabled.active, .btn-inverse.disabled:active, .btn-inverse.disabled:focus, .btn-inverse:active, .btn-inverse:focus {
    background: #232a37;
    color: #fff
}


.btn-arrow, .btn-arrow span {
    position: relative
}

.btn-arrow span {
    display: inline-block;
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    will-change: transform;
    white-space: nowrap
}

.btn-arrow:focus span, .btn-arrow:hover span {
    -webkit-transform: translate3d(-1rem, 0, 0);
    transform: translate3d(-1rem, 0, 0)
}

.btn-arrow i {
    position: absolute;
    width: 1.1em;
    right: 0;
    opacity: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    will-change: right, opacity;
    font-style: normal;
    font-weight: bold;
}


.btn-arrow:focus i, .btn-arrow:hover i {
    opacity: 1;
    right: -2rem
}




.qaList li{
    min-height: 130px;
}
.hidden {
    display: none!important;
}

.circleButtonFa {
    color:#000;
    text-decoration: none;
    position: relative;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: none;
    background: #f5f8fa;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}




.btn-primary-gradiant{color:#fff;background:#5a76f6;background:-webkit-gradient(linear,left top,right top,from(#5a76f6),to(#1dc8cd));background:-webkit-linear-gradient(left,#5a76f6 0%,#1dc8cd 100%);background:-o-linear-gradient(left,#5a76f6 0%,#1dc8cd 100%);background:linear-gradient(to right,#5a76f6 0%,#1dc8cd 100%);border:0}.btn-primary-gradiant:hover{background:#1dc8cd;background:-webkit-gradient(linear,left top,right top,from(#1dc8cd),to(#5a76f6));background:-webkit-linear-gradient(left,#1dc8cd 0%,#5a76f6 100%);background:-o-linear-gradient(left,#1dc8cd 0%,#5a76f6 100%);background:linear-gradient(to right,#1dc8cd 0%,#5a76f6 100%);color:#fff}.btn-primary-gradiant.active,.btn-primary-gradiant:active,.btn-primary-gradiant:focus{-webkit-box-shadow:0;box-shadow:0;opacity:1}




.games-list-item .n-games__overlay-prem{position:absolute;top:0;left:0;z-index:9;opacity:.7;padding:5px 0 0;width:100%;background-color:rgba(0,0,0,.8)}
.games-list-item .n-games__overlay-prem::before{content:'';display:block;width:100%;padding-bottom:71%}
.games-list-item .n-games__overlay-prem__inner{position:absolute;padding-top:10px;width:100%;height:100%;top:0;left:0;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap}
.n-games__overlay-prem__img .fa{color:#ffc419;font-size:45px}
.games-list-item .n-games__overlay-prem__text{font-size:16px;color:#fff;line-height:1.1;margin-top:10px;padding:0 10px;text-align:center}
.games-list-item .n-games__overlay-prem__link{font-size:16px;color:#ffc419;text-decoration:underline;text-align:center}


.reg-page{background:#FEFEFE;border:1px solid #EEE;box-shadow:0 0 3px #EEE;color:#555;padding:30px;border-radius:10px}
.form-control-feedback {
    right: 30px;
    top: 12px;
    position: absolute;
}

.form-group {
    position: relative;
    margin-bottom: 20px;
}

.header-profile-popup .popup-nav-block a .svg {
    margin-right: 22px;

}



.lstmain-aside-nav__link.is-active{color:var(--green-color)}

.autoheight{
    min-height: auto;
}


.header-profile-popup {
     width: 300px;
}



.hide{
    display: none;
}

.greenLink{
    color:var(--green-color);
}
.greenLink:hover{
    color: #03B18D;
}
.customBtn--average:hover{
    color: var(--white);
}
.customBtn--green:hover {
    color: var(--white);
}
.customBtn--blue:hover{
    color: var(--white);
}

.customBtn--orange:hover{
    color: var(--white);
}
.customBtn--sorange{
    background:linear-gradient(90deg, #e97e5a 0%, #EE3436 100%);
    box-shadow:0 4px 0 #EE3436;
    color: var(--white);
}
.customBtn--sorange:hover{
    color: var(--white);
}
.customBtn--pink:hover{
    color: var(--white);
}
.customBtn--white:hover{
    color: var(--black);
}

.customBtn--white:hover{
    color: var(--black);
}
.customBtn--white:hover {
    color: #4e8ff9;
}

.customBtn--lesson:hover{
    color: var(--white);
}
.customBtn--drop-shadow{
    padding-left:20px;
    padding-right: 20px;
}

.settings-section__change-pass i{
    padding-right: 10px;
}

.customBtn--drop-shadow i{
    padding-right: 10px;
}


.mnavigation a:hover{
    color: var(--white);
}

.cursor-pointer{
    cursor: pointer;
}


.customBtn--trans:hover{
    color:var(--green-color);
}



.autocomplete{
    z-index: 99999;
}


.breadcrumb{background-color:#f3f4f5;font-size:15px;font-weight:700;line-height:1.55;padding:9px 20px;margin-bottom:10px;border-radius:6px;}
.breadcrumb>li{position:relative;text-shadow:none}

.breadcrumb .active{color:#bdc3c7;cursor:default}
.breadcrumb .active:after{display:none}
.breadcrumb .active>a{color:inherit;cursor:inherit}
.breadcrumb>li+li:before{content:"";padding:0}
.breadcrumb-text{color:#bdc3c7;margin-bottom:20px}
.breadcrumb-text .caption{font-weight:700;margin:0 0 3px;font-size:18px}
.breadcrumb-text .caption:after{content:"/ ";display:inline-block;font-size:17.75px;font-weight:400;font-variant:normal;margin-left:5px;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.breadcrumb-text ul{font-size:24px;font-weight:700;margin-bottom:20px;list-style:none;padding:0}
.breadcrumb-text ul li{display:inline-block}

.white{color:#fff!important}
.bg-white{background-color:#fff!important}
.bg-grey{background-color:#eee!important}
.bg-black{background-color:#555!important}
.bg-red{background-color:#f75353!important}
.bg-green{background-color:#1abc9c!important}
.bg-lblue{background-color:#32c8de!important}
.bg-blue{background-color:#609cec!important}
.br-white{border:1px solid #fff!important}
.br-grey{border:1px solid #eee}
.br-black{border:1px solid #555}
.br-red{border:1px solid #f75353}
.br-green{border:1px solid #1abc9c}
.br-lblue{border:1px solid #32c8de}
.br-blue{border:1px solid #609cec}
.br-orange{border:1px solid #f78153}
.br-yellow{border:1px solid #fcd419}
.br-purple{border:1px solid #cb79e6}
.br-rose{border:1px solid #ff61e7}
.br-brown{border:1px solid #d08166}
.radiusAll{border-radius:10px}
.radiusTop{border-radius:10px 10px 0 0}
.ui-189{display:block}
@media (max-width:767px){.ui-189{max-width:400px}}



.header-profile-popup .popup-nav-block .soundOn svg {
    fill: #58CC02!important;
}

.header-profile-popup .popup-nav-block .soundOff svg {
    fill: #FF604B!important;
}



.settings-nav>a .sprite__icon, .settings-nav>label .sprite__icon {
    fill: var(--green-color);
}

.customBtn-26 {
padding: 0 26px;
}

.nav-block>a .sprite__icon--plan, .nav-block>label .sprite__icon--plan {
    fill: #f79533!important;
}


.lstitem-options__type.memory{
    background: rgba(255,198,51,.15);
    color: #ffc633;

}

.lstitem-options__type.attention{
    background: linear-gradient(91.41deg,rgba(12,219,120,.15) 0,rgba(0,201,158,.15) 100%);
    color: var(--green-color);
    font-weight: 500;
}

.lstitem-options__type.thinking{
    background: rgba(80,130,255,.15);
    color: #5082ff;
}

.lstmain-aside-nav__link.attention svg{
    width: 21px;
    height: 21px;
    fill:#1ecfc3;
}
.lstmain-aside-nav__link.thinking svg{
    width: 21px;
    height: 21px;
    fill:#5082ff;
}



.btn-lg .medal{
    position: relative;
    top:6px;
}
.swal2-container {
    z-index: 99999999;
}


.colored-toast{
    z-index: 99999999;
}

 .colored-toast.swal2-icon-success {
     background-color: #a5dc86 !important;
 }

.colored-toast.swal2-icon-error {
    background-color: #f27474 !important;
}

.colored-toast.swal2-icon-warning {
    background-color: #f8bb86 !important;
}

.colored-toast.swal2-icon-info {
    background-color: #3fc3ee !important;
}

.colored-toast.swal2-icon-question {
    background-color: #87adbd !important;
}

.colored-toast .swal2-title {
    color: white;
}

.colored-toast .swal2-close {
    color: white;
}

.colored-toast .swal2-html-container {
    color: white;
}


.lstmain-aside-blocks__item.is-active{
    background-color: #1cb0f6;

}

.lstmain-aside-nav__sublink.is-active {
    color: var(--green-color);
}


.modal-header button{
    border-radius: 18px;
}



@media (max-width: 768px) {
    .mobile-hide {
        display: none !important;
    }
}
.mobile-show {
    display: none;
    margin-top: 20px;
    list-style-type: none;
}

@media (max-width: 767px) {
    .mobile-show {
        display: flex;
    }
}

@media (max-width: 767px) {
    .mwelcome-btns1col {
        grid-template-columns: auto!important;
    }
}


.nounderline{
    text-decoration: none;
}

.header-profile__trigger > * {pointer-events: none}

@media (max-width: 767px) {
    .mwelcome-btns {
        grid-template-columns: auto;
    }
}


.mpartners-list {
    justify-content: center;
}


.hprofile-header__btn .customBtn {
    z-index: 99999;
}

.breadcrumb{
    justify-content: center;
}




.lstmain-catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:12px;}
.lstitem{background:#fff;box-shadow:0 4px 15px rgba(80,130,255,.07);border-radius:8px;padding:16px;border:1px solid var(--white);display:flex;flex-direction:column;transition:box-shadow var(--default-transition-speed) var(--default-transition-timing-function),border var(--default-transition-speed) var(--default-transition-timing-function);}
.lstitem:not(.lstitem--locked-full):hover{border:1px solid rgba(80,130,255,.5);box-shadow:0 4px 15px rgba(80,130,255,.3);}
.lstitem__preview{position:relative;display:block;border-radius:8px;overflow:hidden;margin-bottom:18px;}
.lstitem__preview:before{content:"";display:block;width:100%;padding-bottom:65%;}
.lstitem__preview img{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px;}
.lstitem__preview--player{cursor:pointer;}
.lstitem__preview--player:hover:after{transform:translate3d(-50%,-50%,0) scale(1.05);}
.lstitem__preview--player:after{content:"";position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0);width:58px;height:58px;border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg width='58' height='58' viewBox='0 0 58 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='29' cy='29' r='24' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29.0007 4.8335C15.6607 4.8335 4.83398 15.6602 4.83398 29.0002C4.83398 42.3402 15.6607 53.1668 29.0007 53.1668C42.3407 53.1668 53.1673 42.3402 53.1673 29.0002C53.1673 15.6602 42.3407 4.8335 29.0007 4.8335ZM29.0007 48.3335C18.3432 48.3335 9.66732 39.6577 9.66732 29.0002C9.66732 18.3427 18.3432 9.66683 29.0007 9.66683C39.6581 9.66683 48.334 18.3427 48.334 29.0002C48.334 39.6577 39.6581 48.3335 29.0007 48.3335ZM38.6673 29.0002L24.1673 39.8752V18.1252L38.6673 29.0002Z' fill='url(%23paint0_linear_735_1784)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_735_1784' x1='4.83398' y1='4.8335' x2='54.8551' y2='6.64832' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234E8FF9'/%3E%3Cstop offset='1' stop-color='%234A76E3'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");filter:drop-shadow(0 4px 4px rgba(80, 130, 255, .25));transition:transform var(--default-transition-speed) var(--default-transition-timing-function);}
.lstitem__title{font-weight:600;font-size:1rem;margin-bottom:8px;line-height:1.2142857143;color:#000;}
.lstitem__description{margin-bottom:20px;font-weight:400;font-size:.875rem;line-height:120%;color:#000;}
@media (max-width:568px){
    .lstmain-catalog-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));}
    .lstitem{padding:8px;}
    .lstitem__preview{margin-bottom:10px;}
    .lstitem__preview:before{padding-bottom:74%;}
    .lstitem__title{font-size:.875rem;margin-bottom:6px;}
    .lstitem__description{font-size:.75rem;}
}
























/* Default styles for larger screens */


/* Responsive styles for screens with a maximum width of 767px */

@media (max-width:540px){.header-n22 .header-squares__wrap{position:relative;margin:10px 0 0 80px}
    .header-n22 .header-squares__wrap--active .header-squares__drop{opacity:1;visibility:visible;transform:translate(0,0)}
    .header-n22 .header-squares__drop{position:absolute;top:100%;left:0;padding:11px 0 0;z-index:100;transform:translate(0,50px);opacity:0;visibility:hidden;transition:.3s all ease}
    .header-n22 .header-squares__drop .header-squares{left:auto;top:auto;position:relative;padding:10px 0 10px 10px;width:300px;background:#34495e}
    .header-n22 .header-squares__drop .header-squares:before{bottom:100%;left:7px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(52,73,94,0) rgba(52,73,94,0) #34495e;border-width:8px}
    .header-n22 .header-squares__drop .header-squares ul li.header-square_title{color:#fff;font-weight:300;margin-bottom:3px;width: 100%;
        text-align: center;}
    .header-n22 .header-squares__btn{display:block;width:30px;height:30px;background:#eee;border:1px solid #b5b6b6;border-radius:4px;text-align:center;line-height:28px;color:#795548}}


@media (max-width: 767px) {


    .header-wrapper {
        justify-content: space-between;
    }

    .header-n22 .header-squares__wrap {
        margin: 10px 0;
    }

    .header-n22 .header-squares__wrap--active .header-squares__drop {
        transform: translate(0, 0);
    }

    .header-n22 .header-squares__drop {
        padding: 11px 0 0;
        transform: translate(0, 0);
        opacity: 1;
        visibility: visible;
        z-index: 2; /* Ensure the black dropdown is above the white box */
    }

    .header-n22 .header-squares__drop .header-squares ul li.header-square_title {
        margin-bottom: 6px;
    }
    .header-n22{
        height: 0;
    }

}