.main-item-main {
    /*background: #FFFFFF; box-shadow: 1px 6px 11px rgba(0, 0, 0, 0.03); border-radius: 16px;*/ display: inline-block; width: 194px; 
        max-width: 194px; height: 240px; min-height: 240px; margin-right: 28px!important; position: relative; padding: 168px 8px 8px 0px
}

.main-item-name {
    height: 23px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 170px; padding-bottom: 3px; color: #1C1C1C!important;
        font-family: Roboto!important; font-style: normal!important; font-weight: 400!important; font-size: 14px!important
}

.main-item-par1-1 {
    display: inline-block; padding-right: 8px; color: #1F1F1F!important; font-family: Roboto!important; font-style: normal!important; 
        font-weight: 700!important; font-size: 14px!important
}

.main-item-par1-2 {
    height: 19px; display: inline-block; padding-right: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 188px;
        color: #1F1F1F!important; font-family: Roboto!important; font-style: normal!important; font-weight: 700!important; font-size: 14px!important
}

.main-item-reg {
    background: #27AE60; border-radius: 10px; color: #FFFFFF!important; display: inline-block; margin-right: 5px;
        margin-bottom: 0px; padding: 0px 6px 1px 6px; font-family: Roboto!important; font-style: normal!important; font-weight: 500!important; font-size: 10px!important
}

.main-item-par2 {
    height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 188px; padding-top: 0px!important; padding-bottom: 6px!important;
        color: #3C3C3C!important; font-family: Roboto!important; font-style: normal!important; font-weight: 400!important; font-size: 12px!important
}

.main-item-slider-div {
    position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; width: 194px; height: 158px; z-index: 2;
        background-image: url(/images/system/slider_ground1.png); background-position: center center; background-repeat: no-repeat; background-color: #EAEAEA; 
        border-radius: 16px;
}

.main-item-slider-div-page {
    position: absolute; bottom: 8px; right: 8px; padding: 3px 5px 2.75px 5px; z-index: 10002; background-color: #EAEAEA; border-radius: 5px;
        color: #5B5B5B!important; font-family: Roboto!important; font-style: normal!important; font-weight: 400!important; font-size: 11px!important; line-height: 11px!important
}

.main-item-slider-div-favorite {
    position: absolute; top: 168px; right: 0px; border: none; width: 15px; height: 19px;
}

.main-empty-div-go {
     overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; padding-top: 18px;
        color: #1C1C1C!important; font-family: Roboto!important; font-style: normal!important; font-weight: 600!important; font-size: 14px!important
}

.main-empty-div1 {
    position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; width: 194px; height: 158px; z-index: 2; background-image: url(/images/app/arrow_right_black.png);
    background-position: center center; background-repeat: no-repeat;
        background-color: #FFFFFF; border-radius: 16px; border: 6px solid #EAEAEA
}

.main-offer-main {
    position: relative; border-radius: 16px; width: 100%; padding: 10px 10px 10px 10px; text-align: left; position: relative
}

.offer-hover-school,.offer-hover-form,.offer-hover-arena,.offer-hover-league{
    transition: all .2s ease;
}

.offer-hover-school{
    background-color: #FFE6C8;
}
.offer-hover-form{
    background-color: #D6EBFB;
}
.offer-hover-arena{
    background-color: #E2DCF8;
}
.offer-hover-league{
    background-color: #CFE9E3;
}

.offer-hover-school:hover {
    background-color: #E4A04D!important;
}

.offer-hover-form:hover {
    background-color: #4DA0E0;
}

.offer-hover-arena:hover {
    background-color: #987DF9;
}

.offer-hover-league:hover {
    background-color: #2FD0AB;
}


.main-offer-image {
    border: none;  position: absolute; bottom: 0px; right: 0px; border-bottom-right-radius: 16px; z-index: 0
}

.main-offer-header {
    z-index: 1; position: absolute; left: 10px; margin-top: 0px;
        font-family: Roboto!important; font-style: normal!important; font-weight: 500; font-size: 12px!important; color: #1C1C1C; line-height: 1.0
}

.main-offer-count {
    z-index: 1; position: absolute; bottom: 5px; left: 5px; border-radius: 22px; padding: 2px 5px 2px 5px;
        display: inline-block; min-width: 25px; text-align: center; font-family: Roboto!important; font-style: normal!important; font-weight: bold!important;
        font-size: 11px!important; color: #1C1C1C!important
}

.main-offer-location {
    border: none; width: 12; height: 16px; z-index: 2; position: absolute; bottom: 32px; left: 10px;
}

.main-block-main {
    background: #EAEAEA; padding: 19px 16px 19px 16px;
        margin: 24px 16px 8px 16px; text-align: left; font-family: Roboto!important; font-style: normal!important; font-weight: bold!important; font-size: 14px!important;
        color: #1C1C1C!important
}

.main-block-text {
    font-family: Roboto; font-style: normal; font-weight: bold; font-size: 14px; color: #1C1C1C
}

.image-slider-main {
    position: absolute; top: -5px; left: -0.5px; bottom: -0.5px; right: -0.5px; z-index: 1;
        width: 206px; height: 125px; overflow: hidden; padding: 0px; border-radius: 10px
}

.image-slider-main-item {
    width: 194px; height: 158px; max-height: 158px;
        background-position: center center; background-repeat: no-repeat; background-size: cover;/* border-radius: 10px*/
}

.header-main {
    position: fixed; top: 0px; width: 100%; height: 64px; text-align: center; padding: 0px; background: #f6f6f6; z-index: 3;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.08), 0px -1px 4px rgba(0, 0, 0, 0.06);
    /*border-bottom: 2px solid #E5E5E5;*/
}

.header-page-header {
    font-family: Roboto!important; font-style: normal!important; font-weight: bold!important; font-size: 18px!important; 
        color: #1F1F1F!important; line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 350px!important;
}

.header-page-extheader {
    font-family: Roboto!important; font-style: normal!important; font-weight: normal!important; font-size: 12px!important;
        color: #818189!important; margin-top: -4px; text-align: left; padding-right: 0px; padding-top: 6px;
}

.header-city {
    overflow: hidden; background: #EAEAEA; border-radius: 24px; padding: 3px 16px 0px 16px; display: inline-block;
}

.header-city-name {
    padding: 3px 12px 0px 0px; line-height: 14px!important; color: #1C1C1C!important;
        font-family: Roboto!important; font-style: normal!important; font-weight: 500!important; font-size: 12px!important;
}

.sport-buttons {
    width: 100%; overflow-x: scroll; padding-bottom: 12px; padding-top: 16px; border-top-left-radius: 16px; border-bottom-left-radius: 16px; background: #EAEAEA
}

.sport-button {
    overflow: hidden; background: #DADADA; border-radius: 24px; padding: 2px 10px 0px 10px; display: inline-block; margin-left: 16px;
}

.sport-button-header {
    padding: 4px 0px 0px 1px; line-height: 14px!important; color: #1F1F1F;
        font-family: Roboto!important; font-style: normal!important; font-weight: 500!important; font-size: 12px!important;
}

.menu-main {
    position: fixed; height: 50px; bottom: 0px; left: 0px; right: 0px; width: 100%; margin-top: 0px;
        background: #F6F6F6; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.08), 0px -1px 4px rgba(0, 0, 0, 0.06); z-index: 3
}

.menu-item {
    width: 20%; text-align: center; vertical-align: top; padding: 12px 4px 0px 4px;
}

.menu-item-add {
    line-height: 0.5; display: inline-block; width: 40px!important; height: 40px!important; padding: 10px; margin-top: -5px; background: #EAEAEA; border-radius: 20px
}

.menu-item-a {
    line-height: 0.5
}

.menu-item-text {
    font-family: Roboto; font-style: normal; font-weight: 500; font-size: 12px; color: #818189; 
        text-align: left; padding-right: 1px;
}

.main-header {
    font-family: Roboto; font-style: normal; font-weight: 500; font-size: 18px; line-height: 21px; color: #181829; 
        text-align: left; padding: 0px; margin: 8px 16px 0px 16px
}

.card-item {
    font-family: Roboto; font-style: normal; font-weight: 500; font-size: 11px; line-height: 12px; color: #ffffff; text-align: left; padding: 64px 6px 12px 6px
}

.card-item-image {
    position: absolute; right: 0px; top: 20px; width: 161px;
}

.card-item-header {
    font-family: Roboto; font-style: normal; font-weight: 600; font-size: 23px; line-height: 1.4; color: #ffffff; text-align: left; max-width: 250px;
}

.card-item-text {
    font-family: Roboto; font-style: normal; font-weight: 500; font-size: 14px; line-height: 1.4; color: #ffffff; text-align: left; max-width: 220px; padding-top: 8px;
}

.card-item-large-text {
    font-family: Roboto; font-style: normal; font-weight: 500; font-size: 20px; line-height: 1.4; color: #ffffff; text-align: left; max-width: 220px;
}

.main-answer {
    width: 80%; text-align: left; vertical-align: middle; line-height: 1.1; padding-bottom: 3px; font-family: Roboto; font-style: normal; font-weight: bold;
    font-size: 13px; color: rgba(28, 28, 28, 0.8)
}

.main-download {
    font-family: Roboto; font-style: normal; font-weight: 500; font-size: 14px; line-height: 16px; color: #FFFFFF; text-align: center; padding-bottom: 16px
}

td.main-deal {
    font-size: 13px !important;
    color: #929292 !important;
    width: 80% !important;
    font-family: Roboto !important;
    font-style: normal !important;
    font-weight: 500 !important;
    color: #3C3C3C !important;
    text-align: left !important;
    vertical-align: middle !important;
    padding-left: 16px !important;
    padding-right: 10px !important;
}

.main-chat-item {
    margin: 4px 0px 0px 16px; padding: 16px; width: 205px; height: 143px; background: #FFFFFF; border-radius: 16px
}

.main-chat-item-header {
    margin-top: 8px; margin-bottom: 4px; font-family: Roboto; font-style: normal; font-weight: 700; font-size: 15px; color: #1F1F1F; width: 170px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap
}

.main-chat-item-subscribers {
    display: inline; padding-right: 8px; font-family: Roboto; font-style: normal; font-weight: 500; font-size: 13px; color: #3C3C3C;
}