/* Start:/local/components/cci/menu.top.search/templates/.default/style.css?17655510644990*/
.searchBlock{
    background: #fafafa;
    padding-top: 96px;
}
.searchCloseButton{
    position:absolute;
    top:54px;
    right:54px;
    cursor:pointer;
}
#searchBorder{
    top: 175px;
    position:absolute;
    width:100%;
    border-bottom: 1px solid #d2d2d2;
}

.searchClear{
    position: absolute;
    right: 5px;
    top: 30px;
    color: rgba(54, 66, 76, 0.15);
    cursor: pointer;

}
.searchClear:hover{
    color: rgba(54, 66, 76, 0.8);
}
#searchInput{
    padding: 8px 0;
    background-color: transparent;
    border: none;
    font-size: 44px;
    letter-spacing: -1.2px;
    color: rgba(54, 66, 76, 0.8);
    box-sizing: border-box;
    width: 100%;
    font-weight: 300;
}
#searchInput::placeholder{
    color: rgba(54, 66, 76, 0.15);
}
.searchLoader{
    display: none;
}

.searchLabel {
    padding-top: 16px;
    padding-bottom: 30px;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: -0.3px;
    color: #36424c;
}
.searchLabel a {
    border-bottom: 1px dashed #36424c;
}
.searchResults-quantity {
    display: none;
    padding-top: 16px;
    padding-bottom: 30px;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: -0.3px;
    color: #36424c;
}
.spinner {
    margin: 50px auto;
    width: 70px;
    text-align: center;
}

.spinner > div {
    width: 18px;
    height: 18px;
    background-color: #333;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0) }
    40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% {
          -webkit-transform: scale(1.0);
          transform: scale(1.0);
    }
}
@media screen and (max-width: 767px) {
    #searchInput{
        font-size: 25px;
        padding-right: 40px;
    }
    .searchClear {
        top: 12px;
    }
}
@media (min-width: 576px) and (max-width: 767px){
    #searchBorder{
        top: 155px;
    }
}
@media (max-width: 575px) {
    #searchBorder{
        top: 155px;
    }
    .searchCloseButton{
        top: 16px;
        right: 16px;
    }
}

.searchInputHolder {
    position: relative;
}

.searchResults-hints {
    background: #FFFFFF;
    box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.08);
    position: absolute;
    left: 0;
    top: 69px;
    width: 100%;
    z-index: 1000;
}

@media (max-width: 575px) {
    .searchResults-hints {
        top: 49px;
        left: -14px;
        width: calc(100% + 28px);
    }
}

.searchResults-hints a,
.searchResults-hints .hint {
    display: flex;
    align-items: center;
    width: 100%;
    cursor: pointer;
    padding: 0 14px;
    height: 44px;
    color: #333F48;
    text-decoration: none;
    border: 2px solid #fff;
}
.searchResults-hints .hint:hover {
    background: #FAFAFA;
}

.searchResults-hints .ls-hint i {
    display: block;
    width: 24px;
    height: 24px;
}

.searchResults-hints .ls-hint i.icon-ls {
    margin-left: auto;
    margin-right: 4px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_326_163)'%3E%3Cpath d='M13.25 2.99999C8.16002 2.85999 3.99002 6.93999 3.99002 12H2.20002C1.75002 12 1.53002 12.54 1.85002 12.85L4.64002 15.65C4.84002 15.85 5.15002 15.85 5.35002 15.65L8.14002 12.85C8.46002 12.54 8.23002 12 7.79002 12H5.99002C5.99002 8.09999 9.17002 4.94999 13.09 4.99999C16.81 5.04999 19.94 8.17999 19.99 11.9C20.04 15.81 16.89 19 12.99 19C11.38 19 9.89002 18.45 8.71002 17.52C8.31002 17.21 7.75002 17.24 7.39002 17.6C6.97002 18.03 7.00002 18.73 7.47002 19.1C8.99002 20.29 10.91 21 12.99 21C18.04 21 22.13 16.83 21.99 11.74C21.86 7.04999 17.94 3.12999 13.25 2.99999ZM12.74 7.99999C12.33 7.99999 11.99 8.33999 11.99 8.74999V12.43C11.99 12.78 12.18 13.11 12.48 13.29L15.6 15.14C15.96 15.35 16.42 15.23 16.63 14.88C16.84 14.52 16.72 14.06 16.37 13.85L13.49 12.14V8.73999C13.49 8.33999 13.16 7.99999 12.74 7.99999Z' fill='%23DCDCDC'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_326_163'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.searchResults-hints .ls-hint i.remove-ls {
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 18L18 6M6 6L18 18L6 6Z' stroke='%23BEC1C6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}


/* End */


/* Start:/local/templates/cc_new/styles.css?176555106258289*/
/*
.mdl-grid - блок с сеткой (по умолчания width: 1200px; max-width:100%)
.mdl-grid.mdl-width-all - блок с сеткой (width: 100%;)
.mdl-grid.mdl-width-area - блок с отступом слева/справа в одну клетку (для контента в нашем проекте)

.mdl-grid.mdl-grid--no-spacing - блок с сеткой без отступов между блоками
.mdl-cell - ячейка

.mdl-cell--stretch - растянуть ячейку вертикально, чтобы заполнить весь блок
.mdl-cell--top - контент в ячейке сверху
.mdl-cell--middle - контент в ячейке посередине
.mdl-cell--bottom - контент в ячейке снизу

.mdl-cell--hide-desktop - спрятать ячейку на десктопах
.mdl-cell--hide-tablet - спрятать ячейку на таблетках
.mdl-cell--hide-phone - спрятать ячейку на телефонов

.mdl-cell--N-offset - отступ слева
.mdl-cell--N-offset-desktop - отступ слева для десктопов
.mdl-cell--N-offset-tablet - отступ слева для таблеток
.mdl-cell--N-offset-phone - отступ слева для телефонов

.mdl-cell--N-col - ширина по умолчанию
.mdl-cell--N-col-desktop - ширина для десктопов
.mdl-cell--N-col-tablet - ширина для таблеток
.mdl-cell--N-col-phone - ширина для телефонов

.gapPad-s - общий padding (s - 8,m - 16,l - 32,xl - 64,xxl - 96)
.gapMar-s - общий margin (s - 8,m - 16,l - 32,xl - 64,xxl - 96)

.gapPadL-s - Ppadding для конкретной стороны (аналогично для magrin)
.gapPadL-l-tablet, gapPadL-l-phone (отдельные отступы для таблетки / мобилки)

Пример: gapPadL-xl gapPadL-l-tablet gapPadL-m-phone (xl для десктопа, l для таблетки, m для телефона)

.row_line - выстроить внутренние блоки в одну строку (не будет переносов т.к. flex)
.mdl-layout-spacer (максимум свободного пространства внутри row_line)

.ic-16,.ic-24,.ic-32 - для наших иконок (height: 16px, width: 24px)
*/
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    padding: 0;
    margin: 0;
}

.fs-8 {
    font-size: 8px;
}

.fs-10 {
    font-size: 10px;
}

.fs-12 {
    font-size: 12px;
}

.fs-14 {
    font-size: 14px;
}

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

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

.fs-20 {
    font-size: 20px;
}

.fs-22 {
    font-size: 22px;
}

.fs-24 {
    font-size: 24px;
}

.fs-28 {
    font-size: 28px;
}

.fs-32 {
    font-size: 32px;
}

.fs-40 {
    font-size: 40px;
}

.fs-48 {
    font-size: 48px;
}

.fs-56 {
    font-size: 56px;
}

.fs-64 {
    font-size: 64px;
}

.fs-96 {
    font-size: 96px;
}

.lh-8 {
    line-height: 8px;
}

.lh-10 {
    line-height: 10px;
}

.lh-12 {
    line-height: 12px;
}

.lh-14 {
    line-height: 14px;
}

.lh-16 {
    line-height: 16px;
}

.lh-18 {
    line-height: 18px;
}

.lh-20 {
    line-height: 20px;
}

.lh-22 {
    line-height: 22px;
}

.lh-24 {
    line-height: 24px;
}

.lh-28 {
    line-height: 28px;
}

.lh-32 {
    line-height: 32px;
}

.lh-40 {
    line-height: 40px;
}

.lh-48 {
    line-height: 48px;
}

.lh-56 {
    line-height: 56px;
}

.lh-64 {
    line-height: 64px;
}

.lh-96 {
    line-height: 96px;
}

.color-white {
    color: #fff;
}

.color-gray {
    color: #36424c;
}

.background-white {
    background-color: #fff;
}

.background-gray {
    background-color: #36424c;
}
.background-grey-light{
    background-color: #fcfcfc;
}
.button {
    height: 48px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-items: center;
}

.fw-200 {
    font-weight: 200;
}
.fw-300 {
    font-weight: 300;
}
.fw-400 {
    font-weight: 400;
}
.fw-500 {
    font-weight: 500;
}
.fw-600 {
    font-weight: 600;
}
.fw-700 {
    font-weight: 700;
}
.fw-800 {
    font-weight: 800;
}
.fw-900 {
    font-weight: 900;
}
.blackout:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    background-color: rgba(41,46,51,0.1);
    z-index: 0;
}
.blackout-02:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    background-color: rgba(41,46,51,0.2);
    z-index: 0;
}
.blackout-03:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    background-color: rgba(41,46,51,0.3);
    z-index: 0;
}
.cursorPointer {
    cursor: pointer;
}
.cursorMove {
    cursor: move;
}
.debug {
    border: 1px solid #f00;
}

.boxSizing {
    box-sizing: border-box;
}

.clear {
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}

.none {
    display: none !important;
}

.block {
    display: block;
}

.inline {
    display: inline;
}

.inline-block {
    display: inline-block;
}

.flex {
    display: flex;
}

.opacity {
    opacity: 0;
}

.invisible {
    visibility: hidden;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.nowrap {
    white-space: nowrap;
}

.nowrapText {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-auto {
    overflow: auto;
}

.overflow-scroll {
    overflow: scroll;
}

.overflow-visible {
    overflow: visible;
}

.uppercase {
    text-transform: uppercase;
}

.underline {
    text-decoration: underline;
}

.underline_none {
    text-decoration: none;
}

.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

.align-right {
    text-align: right;
}

.align-top {
    vertical-align: top;
}

.align-middle {
    vertical-align: middle;
}

.align-bottom {
    vertical-align: bottom;
}

.align-inline-block:after {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: "";
}
.link-red{
    font-weight: 500;
    color: #fa5f55;
    text-decoration: underline;
}
.babas {
    font-family: var(--cci-font-title);
    text-transform: uppercase;
}
.row_line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    height: auto;
    align-items: center;
}
.mdl-layout-flex-wrap {
    flex-wrap: wrap !important;
}
.flex-justify--end{
    justify-content: flex-end;
}
.mdl-layout-spacer {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.mdl-layout-breaker {
    flex-basis: 100%;
    width: 0;
}
.waves-effect {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.vh100withoutMenu {
    min-height: calc(100vh - 92px - 50px);
}

ul.cci-accordion {
    list-style: none;
    padding: 0;
    border-bottom: 1px solid #e6e6e6;
}
.direction--rtl ul.cci-accordion > li h2{
    text-align:right;
}
ul.cci-accordion > li h2{
    position: relative;
    z-index: 776;
    cursor: pointer;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    padding: 20px 0 0px 13px;
    font-size: 20px;
    color: #707070;
    margin: 0 0 20px 0!important;
}
ul.cci-accordion > li {
    position: relative;
    font-size: 26px;
    border-top: 1px solid #707070;
}
ul.cci-accordion > li:last-child,  ul.cci-accordion > li.storage_files {
    border-bottom: 1px solid #707070;
}
ul.cci-accordion > li > i {
    position: absolute;
    top: 16px;
    line-height: 30px;
    margin-top: 0;
    right: 0;
}
.direction--rtl ul.cci-accordion > li > i{
    left: 0;
    right: auto;
}
ul.cci-accordion > li input[type=checkbox] {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 40px;
    margin-bottom: 40px;
    opacity: 0;
    z-index: 778;
}
ul.cci-accordion > li .accordion__block {
    position: relative;
    padding-left: 13px;
    overflow: hidden;
    transition: all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transition: all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.accordion__text {
    font-size: 18px;
    margin-bottom: 28px;
    opacity: 1;
    transition: all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transition: all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
ul.cci-accordion > li input[type=checkbox]:checked ~ .accordion__block{
    max-height: 0;
    transition: all .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition: all .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
ul.cci-accordion > li input[type=checkbox]:checked ~ .accordion__block .accordion__text{
    opacity: 0;
    transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all .15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
ul.cci-accordion > li input[type=checkbox] ~ i.mdi {
    font-size: 30px;
    color: #36414d;
    z-index: 777;
}
ul.cci-accordion > li input[type=checkbox] ~ i.mdi-plus {
    display: none;
}
ul.cci-accordion > li input[type=checkbox] ~ i.mdi-minus {
    display: block;
}
ul.cci-accordion > li input[type=checkbox]:checked ~ i.mdi-plus {
    display: block;
}
ul.cci-accordion > li input[type=checkbox]:checked ~ i.mdi-minus {
    display:none;
}
.globalSearchText a{
    color: #6F5BEE;
    text-decoration: underline;
    font-weight: 600;
}
.globalSearchText{
    color: #1E1E1E;
    line-height: 140%;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    padding: 16px 24px;
    border-radius: 8px;
    background: #F7F6FE;
    border: solid 3px #6F5BEE;
}
.globalSearchText__blocks{
    display: flex;
    justify-content: space-between;
    margin: 24px 0;
}
.globalSearchText__block{
    display: flex;
    flex-direction: column;
}
.globalSearchText__text{
    color: #413D58;
    font-size: 14px;
    line-height: 20px;
}
.globalSearchText__block__icon{
    margin-bottom: 8px;
}
@media (min-width: 576px) and (max-width: 1023px) {
    .vh100withoutMenu {
        min-height: calc(100vh - 86px - 50px);
    }
}

@media (max-width: 575px) {
    .vh100withoutMenu {
        min-height: calc(100vh - 56px - 50px);
    }
}

.paddingVClassic {
    padding-top: calc(32px + (120 - 32)*(100vw - 575px)/(1920 - 575));
    padding-bottom: calc(32px + (120 - 32)*(100vw - 575px)/(1920 - 575));
}

/* GRID */

.mdl-grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 auto 0 auto;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 0;
    width: 1200px;
    max-width: 100%;
    box-sizing: border-box;
}

.mdl-grid.mdl-width-area {
    width: 100%;
    max-width: 1900px;
    padding: 0 7.14%;
    box-sizing: border-box;
}
@media (min-width: 1024px) and (max-width: 1399px){
    .mdl-grid.mdl-width-area {
        padding: 0 calc(32px + (164 - 32)*(100vw - 1024px)/(1920 - 1024));
    }
}
@media (min-width: 1400px) and (max-width: 1919px){
    .mdl-grid.mdl-width-area {
        padding: 0 calc(32px + (164 - 32)*(100vw - 1024px)/(1920 - 1024));
    }
}
.mdl-grid.mdl-width-all {
    width: 100%;
}

.mdl-grid.mdl-grid--no-spacing {
    padding: 0;
}

.mdl-layout-spacer {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.mdl-cell {
    box-sizing: border-box;
    position: relative;
}

.mdl-cell--top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.mdl-cell--middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.mdl-cell--bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.mdl-cell--stretch {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

.mdl-grid.mdl-grid--no-spacing > .mdl-cell {
    margin: 0;
}

.mdl-cell--order-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.mdl-cell--order-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}

.mdl-cell--order-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
}

.mdl-cell--order-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
}

.mdl-cell--order-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
}

.mdl-cell--order-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
}

.mdl-cell--order-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
}

.mdl-cell--order-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
}

.mdl-cell--order-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
}

.mdl-cell--order-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
}

.mdl-cell--order-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
}

.mdl-cell--order-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
}

@media (max-width: 575px) {
    .mdl-grid {
        padding: 0;
    }

    .mdl-cell {
        margin: 8px;
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell {
        width: 100%;
    }

    .mdl-cell--hide-phone {
        display: none !important;
    }

    .mdl-cell--order-1-phone.mdl-cell--order-1-phone {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .mdl-cell--order-2-phone.mdl-cell--order-2-phone {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .mdl-cell--order-3-phone.mdl-cell--order-3-phone {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .mdl-cell--order-4-phone.mdl-cell--order-4-phone {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .mdl-cell--order-5-phone.mdl-cell--order-5-phone {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .mdl-cell--order-6-phone.mdl-cell--order-6-phone {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    .mdl-cell--order-7-phone.mdl-cell--order-7-phone {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    .mdl-cell--order-8-phone.mdl-cell--order-8-phone {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    .mdl-cell--order-9-phone.mdl-cell--order-9-phone {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    .mdl-cell--order-10-phone.mdl-cell--order-10-phone {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    .mdl-cell--order-11-phone.mdl-cell--order-11-phone {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    .mdl-cell--order-12-phone.mdl-cell--order-12-phone {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    .mdl-cell--1-col,
    .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
        width: calc(25% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing > .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
        width: 25%;
    }

    .mdl-cell--2-col,
    .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
        width: calc(50% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing > .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
        width: 50%;
    }

    .mdl-cell--3-col,
    .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
        width: calc(75% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing > .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
        width: 75%;
    }

    .mdl-cell--4-col,
    .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing > .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
        width: 100%;
    }

    .mdl-cell--5-col,
    .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing > .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
        width: 100%;
    }

    .mdl-cell--6-col,
    .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing > .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
        width: 100%;
    }

    .mdl-cell--7-col,
    .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing > .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
        width: 100%;
    }

    .mdl-cell--8-col,
    .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing > .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
        width: 100%;
    }

    .mdl-cell--9-col,
    .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing > .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
        width: 100%;
    }

    .mdl-cell--10-col,
    .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing > .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
        width: 100%;
    }

    .mdl-cell--11-col,
    .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing > .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
        width: 100%;
    }

    .mdl-cell--12-col,
    .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing > .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
        width: 100%;
    }

    .mdl-cell--1-offset,
    .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
        margin-left: calc(25% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-phone.mdl-cell--1-offset-phone {
        margin-left: 25%;
    }

    .mdl-cell--2-offset,
    .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
        margin-left: calc(50% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-phone.mdl-cell--2-offset-phone {
        margin-left: 50%;
    }

    .mdl-cell--3-offset,
    .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
        margin-left: calc(75% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-phone.mdl-cell--3-offset-phone {
        margin-left: 75%;
    }
}

@media (min-width: 576px) and (max-width: 1023px) {
    .mdl-grid {
        padding: 0px;
    }

    .mdl-cell {
        margin: 8px;
        width: calc(50% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell {
        width: 50%;
    }

    .mdl-cell--hide-tablet {
        display: none !important;
    }

    .mdl-cell--order-1-tablet.mdl-cell--order-1-tablet {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .mdl-cell--order-2-tablet.mdl-cell--order-2-tablet {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .mdl-cell--order-3-tablet.mdl-cell--order-3-tablet {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .mdl-cell--order-4-tablet.mdl-cell--order-4-tablet {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .mdl-cell--order-5-tablet.mdl-cell--order-5-tablet {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .mdl-cell--order-6-tablet.mdl-cell--order-6-tablet {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    .mdl-cell--order-7-tablet.mdl-cell--order-7-tablet {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    .mdl-cell--order-8-tablet.mdl-cell--order-8-tablet {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    .mdl-cell--order-9-tablet.mdl-cell--order-9-tablet {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    .mdl-cell--order-10-tablet.mdl-cell--order-10-tablet {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    .mdl-cell--order-11-tablet.mdl-cell--order-11-tablet {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    .mdl-cell--order-12-tablet.mdl-cell--order-12-tablet {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    .mdl-cell--1-col,
    .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
        width: calc(12.5% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing > .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
        width: 12.5%;
    }

    .mdl-cell--2-col,
    .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
        width: calc(25% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing > .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
        width: 25%;
    }

    .mdl-cell--3-col,
    .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
        width: calc(33.3% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing > .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
        width: 33.3%;
    }

    .mdl-cell--4-col,
    .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
        width: calc(50% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing > .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
        width: 50%;
    }

    .mdl-cell--5-col,
    .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
        width: calc(62.5% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing > .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
        width: 62.5%;
    }

    .mdl-cell--6-col,
    .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
        /*width: calc(74.7% - 16px);*/
        /*microsoft edge */
        width: calc(75% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing > .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
        width: 75%;
    }

    .mdl-cell--7-col,
    .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
        width: calc(87.5% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing > .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
        width: 87.5%;
    }

    .mdl-cell--8-col,
    .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing > .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
        width: 100%;
    }

    .mdl-cell--9-col,
    .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing > .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
        width: 100%;
    }

    .mdl-cell--10-col,
    .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing > .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
        width: 100%;
    }

    .mdl-cell--11-col,
    .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing > .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
        width: 100%;
    }

    .mdl-cell--12-col,
    .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing > .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
        width: 100%;
    }

    .mdl-cell--1-offset,
    .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
        margin-left: calc(12.5% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-tablet.mdl-cell--1-offset-tablet {
        margin-left: 12.5%;
    }

    .mdl-cell--2-offset,
    .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
        margin-left: calc(25% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-tablet.mdl-cell--2-offset-tablet {
        margin-left: 25%;
    }

    .mdl-cell--3-offset,
    .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
        margin-left: calc(33.3% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-tablet.mdl-cell--3-offset-tablet {
        margin-left: 33.3%;
    }

    .mdl-cell--4-offset,
    .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
        margin-left: calc(50% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset-tablet.mdl-cell--4-offset-tablet {
        margin-left: 50%;
    }

    .mdl-cell--5-offset,
    .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
        margin-left: calc(62.5% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset-tablet.mdl-cell--5-offset-tablet {
        margin-left: 62.5%;
    }

    .mdl-cell--6-offset,
    .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
        margin-left: calc(75% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset-tablet.mdl-cell--6-offset-tablet {
        margin-left: 75%;
    }

    .mdl-cell--7-offset,
    .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
        margin-left: calc(87.5% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset-tablet.mdl-cell--7-offset-tablet {
        margin-left: 87.5%;
    }
}

@media (min-width: 1024px) {
    .mdl-grid {
        padding: 0px;
    }

    .mdl-cell {
        margin: 8px;
        width: calc(33.3333333333% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell {
        width: 33.3333333333%;
    }

    .mdl-cell--hide-desktop {
        display: none !important;
    }

    .mdl-cell--order-1-desktop.mdl-cell--order-1-desktop {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .mdl-cell--order-2-desktop.mdl-cell--order-2-desktop {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .mdl-cell--order-3-desktop.mdl-cell--order-3-desktop {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .mdl-cell--order-4-desktop.mdl-cell--order-4-desktop {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .mdl-cell--order-5-desktop.mdl-cell--order-5-desktop {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .mdl-cell--order-6-desktop.mdl-cell--order-6-desktop {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    .mdl-cell--order-7-desktop.mdl-cell--order-7-desktop {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    .mdl-cell--order-8-desktop.mdl-cell--order-8-desktop {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    .mdl-cell--order-9-desktop.mdl-cell--order-9-desktop {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    .mdl-cell--order-10-desktop.mdl-cell--order-10-desktop {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    .mdl-cell--order-11-desktop.mdl-cell--order-11-desktop {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    .mdl-cell--order-12-desktop.mdl-cell--order-12-desktop {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    .mdl-cell--1-col,
    .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
        width: calc(8.3333333333% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing > .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
        width: 8.3333333333%;
    }

    .mdl-cell--2-col,
    .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
        width: calc(16.6666666667% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing > .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
        width: 16.6666666667%;
    }

    .mdl-cell--3-col,
    .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
        /*width: calc(24.9% - 16px) */
        /*//  при ресайзе edge и ie плохо работают с 25%*/;
        width: calc(25% - 16px)
    }

    .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing > .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
        width: 25%;
    }

    .mdl-cell--4-col,
    .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
        width: calc(33.3333333333% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing > .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
        width: 33.3333333333%;
    }

    .mdl-cell--5-col,
    .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
        width: calc(41.6666666667% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing > .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
        width: 41.6666666667%;
    }

    .mdl-cell--6-col,
    .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
        width: calc(50% - 16px);
        /*width: calc(49.8% - 16px); */
        /*microsoft edge */
    }

    .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing > .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
        width: 50%;
    }

    .mdl-cell--7-col,
    .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
        width: calc(58.3333333333% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing > .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
        width: 58.3333333333%;
    }

    .mdl-cell--8-col,
    .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
        width: calc(66.6666666667% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing > .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
        width: 66.6666666667%;
    }

    .mdl-cell--9-col,
    .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
        width: calc(75% - 16px);
        /*width: calc(74.7% - 16px); !*microsoft edge *!*/
    }

    .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing > .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
        width: 75%;
    }

    .mdl-cell--10-col,
    .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
        width: calc(83.3333333333% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing > .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
        width: 83.3333333333%;
    }

    .mdl-cell--11-col,
    .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
        width: calc(91.6666666667% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing > .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
        width: 91.6666666667%;
    }

    .mdl-cell--12-col,
    .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
        width: calc(100% - 16px);
        /*width: calc(99.666% - 16px);  !*microsoft edge *!*/
    }
    .mdl-cell--12-col,
    .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
        width: calc(100% - 16px);
        /*width: calc(99.666% - 16px);  !*microsoft edge *!*/
    }

    .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing > .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
        width: 100%;
    }

    .mdl-cell--1-offset,
    .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
        margin-left: calc(8.3333333333% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-desktop.mdl-cell--1-offset-desktop {
        margin-left: 8.3333333333%;
    }

    .mdl-cell--2-offset,
    .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
        margin-left: calc(16.6666666667% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-desktop.mdl-cell--2-offset-desktop {
        margin-left: 16.6666666667%;
    }

    .mdl-cell--3-offset,
    .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
        margin-left: calc(25% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-desktop.mdl-cell--3-offset-desktop {
        margin-left: 25%;
    }

    .mdl-cell--4-offset,
    .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
        margin-left: calc(33.3333333333% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset-desktop.mdl-cell--4-offset-desktop {
        margin-left: 33.3333333333%;
    }

    .mdl-cell--5-offset,
    .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
        margin-left: calc(41.6666666667% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset-desktop.mdl-cell--5-offset-desktop {
        margin-left: 41.6666666667%;
    }

    .mdl-cell--6-offset,
    .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
        margin-left: calc(50% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset-desktop.mdl-cell--6-offset-desktop {
        margin-left: 50%;
    }

    .mdl-cell--7-offset,
    .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
        margin-left: calc(58.3333333333% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset-desktop.mdl-cell--7-offset-desktop {
        margin-left: 58.3333333333%;
    }

    .mdl-cell--8-offset,
    .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
        margin-left: calc(66.6666666667% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset-desktop.mdl-cell--8-offset-desktop {
        margin-left: 66.6666666667%;
    }

    .mdl-cell--9-offset,
    .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
        margin-left: calc(75% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset-desktop.mdl-cell--9-offset-desktop {
        margin-left: 75%;
    }

    .mdl-cell--10-offset,
    .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
        margin-left: calc(83.3333333333% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset-desktop.mdl-cell--10-offset-desktop {
        margin-left: 83.3333333333%;
    }

    .mdl-cell--11-offset,
    .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
        margin-left: calc(91.6666666667% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset-desktop.mdl-cell--11-offset-desktop {
        margin-left: 91.6666666667%;
    }
}

@media (min-width: 1400px) {
    .mdl-grid {
        padding: 0;
    }

    .mdl-cell {
        margin: 8px;
        width: calc(33.3333333333% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell {
        width: 33.3333333333%;
    }

    .mdl-cell--hide-large {
        display: none !important;
    }

    .mdl-cell--order-1-large.mdl-cell--order-1-large {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .mdl-cell--order-2-large.mdl-cell--order-2-large {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .mdl-cell--order-3-large.mdl-cell--order-3-large {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .mdl-cell--order-4-large.mdl-cell--order-4-large {
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }

    .mdl-cell--order-5-large.mdl-cell--order-5-large {
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }

    .mdl-cell--order-6-large.mdl-cell--order-6-large {
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }

    .mdl-cell--order-7-large.mdl-cell--order-7-large {
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }

    .mdl-cell--order-8-large.mdl-cell--order-8-large {
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8;
    }

    .mdl-cell--order-9-large.mdl-cell--order-9-large {
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }

    .mdl-cell--order-10-large.mdl-cell--order-10-large {
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10;
    }

    .mdl-cell--order-11-large.mdl-cell--order-11-large {
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11;
    }

    .mdl-cell--order-12-large.mdl-cell--order-12-large {
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12;
    }

    .mdl-cell--1-col,
    .mdl-cell--1-col-large.mdl-cell--1-col-large {
        width: calc(8.3333333333% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--1-col, .mdl-grid--no-spacing > .mdl-cell--1-col-large.mdl-cell--1-col-large {
        width: 8.3333333333%;
    }

    .mdl-cell--2-col,
    .mdl-cell--2-col-large.mdl-cell--2-col-large {
        width: calc(16.6666666667% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--2-col, .mdl-grid--no-spacing > .mdl-cell--2-col-large.mdl-cell--2-col-large {
        width: 16.6666666667%;
    }

    .mdl-cell--3-col,
    .mdl-cell--3-col-large.mdl-cell--3-col-large {
        width: calc(25% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--3-col, .mdl-grid--no-spacing > .mdl-cell--3-col-large.mdl-cell--3-col-large {
        width: 25%;
    }

    .mdl-cell--4-col,
    .mdl-cell--4-col-large.mdl-cell--4-col-large {
        width: calc(33.3333333333% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--4-col, .mdl-grid--no-spacing > .mdl-cell--4-col-large.mdl-cell--4-col-large {
        width: 33.3333333333%;
    }

    .mdl-cell--5-col,
    .mdl-cell--5-col-large.mdl-cell--5-col-large {
        width: calc(41.6666666667% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--5-col, .mdl-grid--no-spacing > .mdl-cell--5-col-large.mdl-cell--5-col-large {
        width: 41.6666666667%;
    }

    .mdl-cell--6-col,
    .mdl-cell--6-col-large.mdl-cell--6-col-large {
        width: calc(50% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--6-col, .mdl-grid--no-spacing > .mdl-cell--6-col-large.mdl-cell--6-col-large {
        width: 50%;
    }

    .mdl-cell--7-col,
    .mdl-cell--7-col-large.mdl-cell--7-col-large {
        width: calc(58.3333333333% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--7-col, .mdl-grid--no-spacing > .mdl-cell--7-col-large.mdl-cell--7-col-large {
        width: 58.3333333333%;
    }

    .mdl-cell--8-col,
    .mdl-cell--8-col-large.mdl-cell--8-col-large {
        width: calc(66.6666666667% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--8-col, .mdl-grid--no-spacing > .mdl-cell--8-col-large.mdl-cell--8-col-large {
        width: 66.6666666667%;
    }

    .mdl-cell--9-col,
    .mdl-cell--9-col-large.mdl-cell--9-col-large {
        width: calc(75% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--9-col, .mdl-grid--no-spacing > .mdl-cell--9-col-large.mdl-cell--9-col-large {
        width: 75%;
    }

    .mdl-cell--10-col,
    .mdl-cell--10-col-large.mdl-cell--10-col-large {
        width: calc(83.3333333333% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--10-col, .mdl-grid--no-spacing > .mdl-cell--10-col-large.mdl-cell--10-col-large {
        width: 83.3333333333%;
    }

    .mdl-cell--11-col,
    .mdl-cell--11-col-large.mdl-cell--11-col-large {
        width: calc(91.6666666667% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--11-col, .mdl-grid--no-spacing > .mdl-cell--11-col-large.mdl-cell--11-col-large {
        width: 91.6666666667%;
    }

    .mdl-cell--12-col,
    .mdl-cell--12-col-large.mdl-cell--12-col-large {
        width: calc(100% - 16px);
    }

    .mdl-grid--no-spacing > .mdl-cell--12-col, .mdl-grid--no-spacing > .mdl-cell--12-col-large.mdl-cell--12-col-large {
        width: 100%;
    }

    .mdl-cell--1-offset,
    .mdl-cell--1-offset-large.mdl-cell--1-offset-large {
        margin-left: calc(8.3333333333% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--1-offset-large.mdl-cell--1-offset-large {
        margin-left: 8.3333333333%;
    }

    .mdl-cell--2-offset,
    .mdl-cell--2-offset-large.mdl-cell--2-offset-large {
        margin-left: calc(16.6666666667% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--2-offset-large.mdl-cell--2-offset-large {
        margin-left: 16.6666666667%;
    }

    .mdl-cell--3-offset,
    .mdl-cell--3-offset-large.mdl-cell--3-offset-large {
        margin-left: calc(25% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--3-offset-large.mdl-cell--3-offset-large {
        margin-left: 25%;
    }

    .mdl-cell--4-offset,
    .mdl-cell--4-offset-large.mdl-cell--4-offset-large {
        margin-left: calc(33.3333333333% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--4-offset-large.mdl-cell--4-offset-large {
        margin-left: 33.3333333333%;
    }

    .mdl-cell--5-offset,
    .mdl-cell--5-offset-large.mdl-cell--5-offset-large {
        margin-left: calc(41.6666666667% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--5-offset-large.mdl-cell--5-offset-large {
        margin-left: 41.6666666667%;
    }

    .mdl-cell--6-offset,
    .mdl-cell--6-offset-large.mdl-cell--6-offset-large {
        margin-left: calc(50% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--6-offset-large.mdl-cell--6-offset-large {
        margin-left: 50%;
    }

    .mdl-cell--7-offset,
    .mdl-cell--7-offset-large.mdl-cell--7-offset-large {
        margin-left: calc(58.3333333333% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--7-offset-large.mdl-cell--7-offset-large {
        margin-left: 58.3333333333%;
    }

    .mdl-cell--8-offset,
    .mdl-cell--8-offset-large.mdl-cell--8-offset-large {
        margin-left: calc(66.6666666667% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--8-offset-large.mdl-cell--8-offset-large {
        margin-left: 66.6666666667%;
    }

    .mdl-cell--9-offset,
    .mdl-cell--9-offset-large.mdl-cell--9-offset-large {
        margin-left: calc(75% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--9-offset-large.mdl-cell--9-offset-large {
        margin-left: 75%;
    }

    .mdl-cell--10-offset,
    .mdl-cell--10-offset-large.mdl-cell--10-offset-large {
        margin-left: calc(83.3333333333% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--10-offset-large.mdl-cell--10-offset-large {
        margin-left: 83.3333333333%;
    }

    .mdl-cell--11-offset,
    .mdl-cell--11-offset-large.mdl-cell--11-offset-large {
        margin-left: calc(91.6666666667% + 8px);
    }

    .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset, .mdl-grid.mdl-grid--no-spacing > .mdl-cell--11-offset-large.mdl-cell--11-offset-large {
        margin-left: 91.6666666667%;
    }
}

.mdl-cell--no-spacing {
    margin: 0 !important;
}
.mdl-cell--no-spacing-top {
    margin-top: 0 !important;
}
.mdl-cell--no-spacing-bottom {
    margin-bottom: 0 !important;
}
.mdl-cell--no-spacing-left{
    margin-left: 0 !important;
}
.mdl-cell--no-spacing-right{
    margin-right: 0 !important;
}

.gapPad-s {
    padding: 8px;
}

.gapPad-m {
    padding: 16px;
}

.gapPad-l {
    padding: 32px;
}

.gapPad-xl {
    padding: 64px;
}

.gapPad-xxl {
    padding: 96px;
}

.gapPad-xxxl {
    padding: 120px;
}

.gapMar-s {
    margin: 8px;
}

.gapMar-m {
    margin: 16px;
}

.gapMar-l {
    margin: 32px;
}

.gapMar-xl {
    margin: 64px;
}

.gapMar-xxl {
    margin: 96px;
}

.gapMar-xxxl {
    margin: 120px;
}

.gapPadL-s {
    padding-left: 8px;
}

.gapPadL-m {
    padding-left: 16px;
}

.gapPadL-l {
    padding-left: 32px;
}

.gapPadL-xl {
    padding-left: 64px;
}
.gapPadL-xxl {
    padding-left: 96px;
}
.gapPadL-xxxl {
    padding-left: 120px;
}

.gapPadR-s {
    padding-right: 8px;
}

.gapPadR-m {
    padding-right: 16px;
}

.gapPadR-l {
    padding-right: 32px;
}

.gapPadR-xl {
    padding-right: 64px;
}

.gapPadR-xxl {
    padding-right: 96px;
}

.gapPadR-xxxl {
    padding-right: 120px;
}

.gapPadT-s {
    padding-top: 8px;
}

.gapPadT-m {
    padding-top: 16px;
}

.gapPadT-l {
    padding-top: 32px;
}

.gapPadT-xl {
    padding-top: 64px;
}

.gapPadT-xxl {
    padding-top: 96px;
}

.gapPadT-xxxl {
    padding-top: 120px ;
}

.gapPadB-s {
    padding-bottom: 8px ;
}

.gapPadB-m {
    padding-bottom: 16px
}

.gapPadB-l {
    padding-bottom: 32px ;
}

.gapPadB-xl {
    padding-bottom: 64px ;
}

.gapPadB-xxl {
    padding-bottom: 96px;
}

.gapPadB-xxxl {
    padding-bottom: 120px;
}

.gapMarL-s {
    margin-left: 8px ;
}

.gapMarL-m {
    margin-left: 16px;
}

.gapMarL-l {
    margin-left: 32px;
}

.gapMarL-xl {
    margin-left: 64px;
}

.gapMarL-xxl {
    margin-left: 96px;
}

.gapMarL-xxxl {
    margin-left: 120px;
}

.gapMarR-s {
    margin-right: 8px;
}

.gapMarR-m {
    margin-right: 16px;
}

.gapMarR-l {
    margin-right: 32px;
}

.gapMarR-xl {
    margin-right: 64px;
}

.gapMarR-xxl {
    margin-right: 96px;
}

.gapMarR-xxxl {
    margin-right: 120px;
}

.gapMarT-s {
    margin-top: 8px;
}

.gapMarT-m {
    margin-top: 16px;
}

.gapMarT-l {
    margin-top: 32px;
}

.gapMarT-xl {
    margin-top: 64px ;
}

.gapMarT-xxl {
    margin-top: 96px ;
}

.gapMarT-xxxl {
    margin-top: 120px ;
}

.gapMarB-s {
    margin-bottom: 8px;
}

.gapMarB-m {
    margin-bottom: 16px;
}

.gapMarB-l {
    margin-bottom: 32px;
}

.gapMarB-xl {
    margin-bottom: 64px;
}

.gapMarB-xxl {
    margin-bottom: 96px;
}

.gapMarB-xxxl {
    margin-bottom: 120px ;
}

.mdi.ic-16 {
    width: 16px;
    height: 16px;
    font-size: 16px;
}

.mdi.ic-24 {
    width: 24px;
    height: 24px;
    font-size: 24px;
}

.mdi.ic-32 {
    width: 32px;
    height: 32px;
    font-size: 32px;
}

@media (min-width: 576px) and (max-width: 1023px) {
    .mdl-grid.mdl-width-area {
        padding: 0 32px;
    }

    .gapPad-0-tablet {
        padding: 0px;
    }

    .gapMar-0-tablet {
        margin: 0px ;
    }

    .gapPad-s-tablet {
        padding: 8px;
    }

    .gapPad-m-tablet {
        padding: 16px;
    }

    .gapPad-l-tablet {
        padding: 32px;
    }

    .gapPad-xl-tablet {
        padding: 64px;
    }

    .gapPad-xxl-tablet {
        padding: 96px;
    }

    .gapPad-xxxl-tablet {
        padding: 120px;
    }

    .gapMar-s-tablet {
        margin: 8px;
    }

    .gapMar-m-tablet {
        margin: 16px;
    }

    .gapMar-l-tablet {
        margin: 32px;
    }

    .gapMar-xl-tablet {
        margin: 64px;
    }

    .gapMar-xxl-tablet {
        margin: 96px;
    }

    .gapMar-xxxl-tablet {
        margin: 120px;
    }

    .gapPadL-s-tablet {
        padding-left: 8px;
    }

    .gapPadL-m-tablet {
        padding-left: 16px;
    }

    .gapPadL-l-tablet {
        padding-left: 32px;
    }

    .gapPadL-xl-tablet {
        padding-left: 64px;
    }

    .gapPadL-xxl-tablet {
        padding-left: 96px;
    }

    .gapPadL-xxxl-tablet {
        padding-left: 120px;
    }

    .gapPadR-s-tablet {
        padding-right: 8px;
    }

    .gapPadR-m-tablet {
        padding-right: 16px;
    }

    .gapPadR-l-tablet {
        padding-right: 32px;
    }

    .gapPadR-xl-tablet {
        padding-right: 64px;
    }

    .gapPadR-xxl-tablet {
        padding-right: 96px;
    }

    .gapPadR-xxxl-tablet {
        padding-right: 120px;
    }

    .gapPadT-s-tablet {
        padding-top: 8px;
    }

    .gapPadT-m-tablet {
        padding-top: 16px;
    }

    .gapPadT-l-tablet {
        padding-top: 32px;
    }

    .gapPadT-xl-tablet {
        padding-top: 64px;
    }

    .gapPadT-xxl-tablet {
        padding-top: 96px;
    }

    .gapPadT-xxxl-tablet {
        padding-top: 120px;
    }

    .gapPadB-s-tablet {
        padding-bottom: 8px;
    }

    .gapPadB-m-tablet {
        padding-bottom: 16px;
    }

    .gapPadB-l-tablet {
        padding-bottom: 32px;
    }

    .gapPadB-xl-tablet {
        padding-bottom: 64px;
    }

    .gapPadB-xxl-tablet {
        padding-bottom: 96px;
    }

    .gapPadB-xxxl-tablet {
        padding-bottom: 120px;
    }

    .gapMarL-s-tablet {
        margin-left: 8px;
    }

    .gapMarL-m-tablet {
        margin-left: 16px;
    }

    .gapMarL-l-tablet {
        margin-left: 32px;
    }

    .gapMarL-xl-tablet {
        margin-left: 64px;
    }

    .gapMarL-xxl-tablet {
        margin-left: 96px;
    }

    .gapMarL-xxxl-tablet {
        margin-left: 120px;
    }

    .gapMarR-s-tablet {
        margin-right: 8px;
    }

    .gapMarR-m-tablet {
        margin-right: 16px;
    }

    .gapMarR-l-tablet {
        margin-right: 32px;
    }

    .gapMarR-xl-tablet {
        margin-right: 64px;
    }

    .gapMarR-xxl-tablet {
        margin-right: 96px;
    }

    .gapMarR-xxxl-tablet {
        margin-right: 120px;
    }

    .gapMarT-s-tablet {
        margin-top: 8px;
    }

    .gapMarT-m-tablet {
        margin-top: 16px;
    }

    .gapMarT-l-tablet {
        margin-top: 32px;
    }

    .gapMarT-xl-tablet {
        margin-top: 64px;
    }

    .gapMarT-xxl-tablet {
        margin-top: 96px;
    }

    .gapMarT-xxxl-tablet {
        margin-top: 120px;
    }

    .gapMarB-s-tablet {
        margin-bottom: 8px;
    }

    .gapMarB-m-tablet {
        margin-bottom: 16px;
    }

    .gapMarB-l-tablet {
        margin-bottom: 32px;
    }

    .gapMarB-xl-tablet {
        margin-bottom: 64px;
    }

    .gapMarB-xxl-tablet {
        margin-bottom: 96px;
    }

    .gapMarB-xxxl-tablet {
        margin-bottom: 120px;
    }

    .mdi.ic-16-tablet {
        width: 16px;
        height: 16px;
        font-size: 16px;
    }

    .mdi.ic-24-tablet {
        width: 24px;
        height: 24px;
        font-size: 24px;
    }

    .mdi.ic-32-tablet {
        width: 32px;
        height: 32px;
        font-size: 32px;
    }
}

@media (max-width: 575px) {
    .mdl-grid.mdl-width-area {
        padding: 0 16px;
    }

    .gapPad-0-phone {
        padding: 0px;
    }

    .gapMar-0-phone {
        margin: 0px;
    }

    .gapPad-s-phone {
        padding: 8px;
    }

    .gapPad-m-phone {
        padding: 16px;
    }

    .gapPad-l-phone {
        padding: 32px;
    }

    .gapPad-xl-phone {
        padding: 64px;
    }

    .gapPad-xxl-phone {
        padding: 96px;
    }

    .gapPad-xxxl-phone {
        padding: 120px;
    }

    .gapMar-s-phone {
        margin: 8px;
    }

    .gapMar-m-phone {
        margin: 16px;
    }

    .gapMar-l-phone {
        margin: 32px;
    }

    .gapMar-xl-phone {
        margin: 64px;
    }

    .gapMar-xxl-phone {
        margin: 96px;
    }

    .gapMar-xxxl-phone {
        margin: 120px;
    }

    .gapPadL-s-phone {
        padding-left: 8px;
    }

    .gapPadL-m-phone {
        padding-left: 16px;
    }

    .gapPadL-l-phone {
        padding-left: 32px;
    }

    .gapPadL-xl-phone {
        padding-left: 64px;
    }

    .gapPadL-xxl-phone {
        padding-left: 96px;
    }

    .gapPadL-xxxl-phone {
        padding-left: 120px;
    }

    .gapPadR-s-phone {
        padding-right: 8px;
    }

    .gapPadR-m-phone {
        padding-right: 16px;
    }

    .gapPadR-l-phone {
        padding-right: 32px;
    }

    .gapPadR-xl-phone {
        padding-right: 64px;
    }

    .gapPadR-xxl-phone {
        padding-right: 96px;
    }

    .gapPadR-xxxl-phone {
        padding-right: 120px;
    }

    .gapPadT-s-phone {
        padding-top: 8px;
    }

    .gapPadT-m-phone {
        padding-top: 16px;
    }

    .gapPadT-l-phone {
        padding-top: 32px;
    }

    .gapPadT-xl-phone {
        padding-top: 64px;
    }

    .gapPadT-xxl-phone {
        padding-top: 96px;
    }

    .gapPadT-xxxl-phone {
        padding-top: 120px;
    }

    .gapPadB-s-phone {
        padding-bottom: 8px;
    }

    .gapPadB-m-phone {
        padding-bottom: 16px;
    }

    .gapPadB-l-phone {
        padding-bottom: 32px;
    }

    .gapPadB-xl-phone {
        padding-bottom: 64px;
    }

    .gapPadB-xxl-phone {
        padding-bottom: 96px;
    }

    .gapPadB-xxxl-phone {
        padding-bottom: 120px;
    }

    .gapMarL-s-phone {
        margin-left: 8px;
    }

    .gapMarL-m-phone {
        margin-left: 16px;
    }

    .gapMarL-l-phone {
        margin-left: 32px;
    }

    .gapMarL-xl-phone {
        margin-left: 64px;
    }

    .gapMarL-xxl-phone {
        margin-left: 96px;
    }

    .gapMarL-xxxl-phone {
        margin-left: 120px;
    }

    .gapMarR-s-phone {
        margin-right: 8px;
    }

    .gapMarR-m-phone {
        margin-right: 16px;
    }

    .gapMarR-l-phone {
        margin-right: 32px;
    }

    .gapMarR-xl-phone {
        margin-right: 64px;
    }

    .gapMarR-xxl-phone {
        margin-right: 96px;
    }

    .gapMarR-xxxl-phone {
        margin-right: 120px;
    }

    .gapMarT-s-phone {
        margin-top: 8px;
    }

    .gapMarT-m-phone {
        margin-top: 16px;
    }

    .gapMarT-l-phone {
        margin-top: 32px;
    }

    .gapMarT-xl-phone {
        margin-top: 64px;
    }

    .gapMarT-xxl-phone {
        margin-top: 96px;
    }

    .gapMarT-xxxl-phone {
        margin-top: 120px;
    }

    .gapMarB-s-phone {
        margin-bottom: 8px;
    }

    .gapMarB-m-phone {
        margin-bottom: 16px;
    }

    .gapMarB-l-phone {
        margin-bottom: 32px;
    }

    .gapMarB-xl-phone {
        margin-bottom: 64px;
    }

    .gapMarB-xxl-phone {
        margin-bottom: 96px;
    }

    .gapMarB-xxxl-phone {
        margin-bottom: 120px;
    }

    .mdi.ic-16-phone {
        width: 16px;
        height: 16px;
        font-size: 16px;
    }

    .mdi.ic-24-phone {
        width: 24px;
        height: 24px;
        font-size: 24px;
    }

    .mdi.ic-32-phone {
        width: 32px;
        height: 32px;
        font-size: 32px;
    }
}

.blockTitle {
    font-size: 48px;
    font-family: var(--cci-font-title);
    text-transform: uppercase;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 2px;
    letter-spacing: -0.4px;
}
.blockDescription {
    color: #36424c;
    margin-bottom: 32px;
    line-height: 32px;
    letter-spacing: -0.4px;
    font-size: 16px;
    line-height: 1.5;
}
.bounce {
    display: block;
    animation: pulsing 400ms;
    animation-iteration-count: 1;
}

@keyframes pulsing {
    0% {
        -webkit-transform: scale(1.0, 1.0);
        transform: scale(1.0, 1.0)
    }
    50% {
        -webkit-transform: scale(1.0, 1.0);
        transform: scale(1.5, 1.5);
    }
    100% {
        -webkit-transform: scale(2.0, 2.0);
        transform: scale(1.0, 1.0);
    }
}

@-webkit-keyframes show-block {
    0% {
        visibility: hidden;
        opacity: 0;
    }
    to {
        visibility: visible;
        opacity: 1;
    }
}

.country-selector-global {
    display: none;
}
.global-no-selected-country-mobile {
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    height: 100vh !important;
}
.global-menu-shadow {
    display: none;
    position: fixed;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 99;
    overflow: hidden;
    overflow-y: hidden;
}

/* End */
/* /local/components/cci/menu.top.search/templates/.default/style.css?17655510644990 */
/* /local/templates/cc_new/styles.css?176555106258289 */