/*styles for mobile version of z_indexpage.tpl.htm*/
html {
    background-color: rgb(234,234,234);
}
#mobile {
    flex-direction: column;
    -webkit-box-orient: vertical;
    background: rgb(234,234,234);
    margin:auto;
    width: 100%;
    min-height: 100%;
    color: rgb(63,63,63);
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    position: relative;
}
.mobile_display{
    display: none;
}

.item_block{
    -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;         /* OLD - Firefox 19- */
    -webkit-flex: 1;          /* Chrome */
    -ms-flex: 1;              /* IE 10 */
    flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
    position: relative;
    min-height: 50px;
    min-width: 320px;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    color: rgb(63,63,63);
    border-top: 1px solid rgb(209,209,209);
}
.item_block.info_link,
#mob_store_block div:last-child {
    font-style: italic;
}
#mob_store_block .item_block.center_block.gray_block {
    font-style: normal;
}
#mob_main_block {
    margin-top: 70px;
}
#mob_about_block .item_block:nth-child(2),
#mob_store_block .item_block:nth-child(2),
#mob_repair_block .item_block:nth-child(2){
    margin-top: 120px;
}
.item_block.center_block.gray_block {
    background: rgb(159,159,159);
    text-transform: uppercase;
    font-size: 28px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 70px;
    left: 0;
    right: 0;
    z-index: 10;
}
.item_block.center_block.gray_block a{
    color: white;
}
#headline_block {
    background: rgb(0,118,212);
    height: 70px;
    -webkit-box-flex: unset;
    -moz-box-flex: unset;
    -webkit-flex: unset;
    -ms-flex: unset;
    flex: unset;
    position: fixed;
    left: 0;
    top:0;
    right: 0;
    z-index: 10;
}
#mobile .mobile-logo {
    display: flex;
    justify-content: center;
    color: white;
    align-items: center;
}
#mobile .mobile-logo img {
    margin-right: 20px;
}
#mobile .mobile-logo:hover {
    cursor: pointer;
    color: white;
}
#mobile .mobile-logo span {
    line-height: 18px;
}

.center_block a {
    text-decoration: none;
    color: rgb(63,63,63);
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 0;
    right: 0;
}

.center_block a.serice{
    width: 100%;
    margin: 0 auto;
}

.faq_comment_block a{
    text-decoration: none;
    color: rgb(63,63,63);
}


.item_mobile{
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
}

.item_block.phones{
    text-align: left;
    display: flex!important;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 70px;
    flex: none;
    min-height: 100px !important;
}
.item_block-label{
    position: absolute;
    top: 35px;
    z-index: 2;
}
.item_block_child{
    margin-top: 90px;
}
.item_block.phones .mob_tools_image,
.item_block.phones .mob_app_image{
    position: absolute;
    top: 10%;
    width: 50px;
}
.item_block.phones .mob_app_image{
    right: 0;
}
.item_block.phones .mob_tools_image {
    left: 0;
}

.item_block.phones ul{
    display: flex;
    flex-direction: column;
    z-index: 1;
    position: relative;
}
/*.item_block.phones  .phone_icons {*/
    /*margin-top: 36px;*/
    /*width: 14px;*/
/*}*/
#hide-phones-btn {
    width: 40px;
    height: 40px;
    transform: translateY(50%) translateX(-50%) rotate(180deg);
    -moz-transition: transform 0.4s ease-in-out;
    -o-transition: transform 0.4s ease-in-out;
    -webkit-transition: transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    margin-bottom: 0;
    margin-left: 50%;
    margin-right: 50%;
    z-index: 1;
    margin-top: -40px;
}
#hide-phones-btn.phones-closed {
    margin-bottom: 25px;
}

.position_absol_menu {
    position: absolute;
}
.item_block.phones ul li {
    text-align: center;
    font-weight: bold;
    line-height: 2;
}
.item_block.phones ul li:first-child {
    text-align: center;
    font-weight: normal;
}
.forward-burger {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.serv,.ph{
    display: none;
    background: #354052;
}

.serv a,.ph a{
    text-decoration: none;
    color: #fff;
    font-size: 15px;
}
.item_block ul{
    column-count: 2;
    -webkit-column-count: 2;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}
.item_block#basket {
    background: rgb(0,221,171);
}
.item_block:last-child,
.item_block#basket{
    min-width: unset;
    min-height: 50px;
}
.item_block #enter a,
.item_block#basket a {
    position: initial;
    color: white;
}
.bottom_block {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.item_block #enter,
.item_block#service-dropdown {
    background: rgb(0,118,212);
}
.item_block #reg {
    background: #00a989;

}
.item_block #reg a{
    position: initial;
    color: white;
}
.bottom_block .item_block {
    display: flex;
    width: 100%;
    border: none;
}
.item_block #enter,
.item_block #reg {
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
}
#enter a,
#basket a,
#reg a {
    transform: none;
}
#basket a.basket {
    min-height: 50px;
    font-size: 20px;
    float: none;
    background: transparent;
    position: initial;
    padding: 0;
    margin: 0;
    flex: 1;
}
#mob-basket-img {
    position: relative;
    top: 5px;
}
#mobile #basket .cart-count-value {
    left: unset!important;
    right: 12px!important;
}

#reg img,  #enter img,#basket img{
    vertical-align: middle;
}


img.cross_button,
img.mob_back_button{
    z-index: 100;
    position: absolute;
    left: 5%;
}
img.cross_button {
    width: 30px;
}
img.mob_back_button {
    display: none;
}
.item_block#service-dropdown img:first-child,.item_block#store img:first-child{
    position: absolute;
    left: 0;
    bottom: 0;
}
#mob_repair_block .item_block {
    display: flex;
    justify-content: center;
    align-items: center;
}
#mob_about_block .item_block:last-child,
#mob_repair_block .item_block:last-child,
#mob_store_block .item_block:last-child {
    min-height: 60px;
}
#mob_about_block .center_block:last-child a,
#mob_repair_block .center_block:last-child a,
#mob_store_block .center_block:last-child a{
    top: 40%;
}
#about_button img, #repair_button img, #store_button img{
    width: 18px;
}

.flex_class{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

@media screen and (max-width: 1140px){
    #content{
        overflow: auto;
    }
    #leave_comment_long_other{
        display: none;
    }
}

@media screen and (max-width: 1000px) {
    #content{
        overflow: auto;
    }
    iframe{
        display: none;
    }
    .g-recaptcha iframe,iframe[title="проверка recaptcha"]{
        display: unset;
    }
}
@media screen and (max-width: 320px) {
    .item_block,.item_block#basket a{
        font-size: 14px;
    }
}
#mob_about_block,#mob_store_block, #mob_repair_block {
    display: none;
}

.admin-show-when-small
{
    display:none;

}
@media screen and (max-width: 991px) {
    .shop-headline{
        text-align: center;
    }
    .link-search-icon{
        color:white;
    }
    .link-search-icon i{
        margin-left: 10px
    }
    .hidden-search-icon,.hidden-exit-icon {
        display: none !important; }

    .show-search-icon,.show-exit-icon {
        display: block !important; }
    .show-search-icon{
        margin-right: unset;
    }
}


@media screen and (max-width: 600px) {


    #content{
        overflow: auto;
    }

    table.admin-responsive {

        width:93%;
    }

    table.admin-responsive thead {
        display: none;
    }

    table.admin-responsive tbody tr {
        margin:0;
        margin-bottom: 10px;
        display: block;

    }

    table.admin-responsive tbody td {
        display: block;
        text-align: right;
        border: 1px solid #ddd;

        font-size:16px;
        width:100%;
        line-height:30px;
    }

    table.admin-responsive tfoot td {

        font-weight:bold;
        border: 0;
        border-bottom:1px solid #ddd;
        font-size:16px;

    }

    table.admin-responsive tbody td:last-child {

    }

    table.admin-responsive tbody td:before {
        content: attr(data-label);
        float: left;
        text-transform: uppercase;
        font-weight: bold;
        padding-right:10px;

        font-size:18px;
    }

    .admin-bold
    {
        font-weight:bold;

        font-size:16px;

    }

    .admin-show-when-small
    {
        display:block;

    }

    .table-orders tr td:last-child {
        border-right: 1px solid #ddd !important;
    }

    .table-orders tr td:first-child {
        border-left: 1px solid #ddd !important;
    }

}

.table-orders tr.admin-show-when-small td:first-child
{
    border:0;
}


@media screen and (max-width: 600px) {

    #content{
        overflow: auto;
    }

    table.admin-responsive {
             width:96%;
    }

    table.admin-responsive thead {
        display: none;
    }

    table.admin-responsive tbody tr {
        margin:0;
        margin-bottom: 10px;
        display: block;

    }

    table.admin-responsive tbody td {
        display: block;
        text-align: right;
        border: 1px solid #ddd;

        font-size:16px;
        width:100%;
        line-height:30px;
    }

    table.admin-responsive tfoot td {

        font-weight:bold;
        border: 0;
        border-bottom:1px solid #ddd;
        font-size:16px;

    }

    table.admin-responsive tbody td:last-child {

    }

    table.admin-responsive tbody td:before {
        content: attr(data-label);
        float: left;
        text-transform: uppercase;
        font-weight: bold;
        padding-right:10px;

        font-size:18px;
    }

    .admin-bold
    {
        font-weight:bold;

        font-size:16px;

    }

    .admin-responsive tr td:last-child {
        border-right: 1px solid #ddd !important;
        background-color: #ddd;


    }

    .admin-responsive tr td:first-child {
        border-left: 1px solid #ddd !important;
        background-color: #ddd;
    }

}
.faq_comment_block ul {
    margin-bottom: 0;
}