/*CRITICAL CSS*/
.pre-icin-img {
    min-height: 48px;
}

html {
    position: relative;
    min-height: 100%;
}

.pre-bread {
    background-color: #f5f5f5;
    /*      верх, право, низ,  лев*/
    padding: 3px 0px 3px 0px;

}

.tlinks {
    margin: 0 auto;
    display: table;

}

.pt-10 {
    padding-top: 10px;
}

.pt-15 {
    padding-top: 15px;
}

.shadow_default {
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
}

.tovar-slider-h1 {
    font-weight: 300;
    font-size: 22px;

}


#TOVAR_SLIDER {
    height: 200px;
    /*      верх, право, низ,  лев*/
    padding-top: 20px;



    margin: 4px 0px 0px 0px;
}

#TOVAR_SLIDER .tovar-slider-block {
    float: left;
    border: 1px solid white;
    width: 150px;
    min-height: 172px;
}

#TOVAR_SLIDER .tovar-slider-block:hover {}

#TOVAR_SLIDER .tovar-slider-img {
    max-height: 130px;
    margin: 0 auto;
}

#TOVAR_SLIDER .tovar-slider-img-block {
    min-height: 130px;
}

/*END TOVAR_SLIDER*/

.listen {

    color: white;
    font-weight: bold;
    font-size: 15px;

    border-bottom: 1px solid #ff8000;

    /*      верх, право, низ,  лев*/
    padding: 5px 0px 0px 0px;
}

.item-neisp {
    font-size: 22px;
    font-weight: 300;
}

.pod-item-neisp {
    font-size: 15px;
    font-weight: 300;

    padding: 8px 0px 0px 0px;
}

.img-neispr {

    margin: 0px 10px 0px 0px;

}

.aneispr {
    display: block;
    /*      верх, право, низ,  лев*/
    padding: 20px 0px 20px 0px;
}

.aneispr:hover {
    text-decoration: none;
    box-shadow: 0 1px 3px rgba(63, 69, 75, 0.5);

}

.t-neisp-h1 {
    font-size: 27px;
    font-weight: 300;
    text-align: center;
}

.pod-t-neisp {
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    /*      верх, право, низ,  лев*/
    padding: 10px 0px 10px 0px;
}

.listen color {}

.listen:hover {
    color: #ff9831;
    text-decoration: none;
}

.btn-more {
    display: block;
    font-size: 13px;
    color: #ff8000;
    cursor: pointer;
    /*      верх, право, низ,  лев*/
    padding: 8px 0px 8px 0px;
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
}

.h-p-link {
    color: white;

}




#LOADER-TOVARS {}

.seeall small {
    font-weight: bold;
    font-size: 11px;
}

.seeall:hover {
    color: orange;

}

.pre-kak-mi-rabotaem {
    color: white;
}

.kak-rabotaem-margin {

    display: block;
}

.fon-bg-kak-rabotaem {
    background: url('/common_files/img/bg-kak-rabotaem.jpg') #e2973c no-repeat top center;
}

#header .h-p-link {
    display: block;
    float: right;
    padding-left: 10px;
}

.short-container {


    height: 130px;
    overflow: hidden;
}

.short-container-button {
    display: block;
    width: 180px;
    margin: 0 auto;
    text-align: center;
    background-color: #ff8000;
    cursor: pointer;
    color: white;
    border-radius: 6px;
    margin: 0 auto;
    margin-top: 10px;
    padding: 4px 0px 4px 0px;
}

.short-container-button:hover {
    background-color: #323a45;

}

.prisecat-header-row div {
    font-weight: bold;



}

.pt-ct-10 {
    padding-top: 10px;
}

.h-p-link:hover {
    color: white;
    text-decoration: none;
}

.top-link {
    color: white;
    display: block;
    font-size: 15px;


    padding: 6px 0px 0px 0px;
}


.top-link img {
    float: left;

    padding-top: 2px;
    padding-right: 5px;
}




.top-link:hover {
    color: white;


}

#idtable-usluga table {
    width: 90%;
    margin: 0 auto;
}

#idtable-usluga {

    border-radius: 16px;
    margin: 0 auto;
    margin-top: 20px;
    /*      верх, право, низ,  лев*/
    padding: 10px 0px 20px 0px;
    /*      верх, право, низ,  лев*/

}

#idtable-usluga tr td {
    /*      верх, право, низ,  лев*/
    padding: 7px 0px 7px 20px;
}

#idtable-usluga tr {
    border-bottom: 1px dashed #cccccc;
    /*      верх, право, низ,  лев*/

}

#idtable-usluga .head-kontak {
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
}

.ppwp {

    padding: 10px 0px 0px 0px;
}


.special-2 .col-xs-4 {
    text-align: center;
}

.special-2 .aclass {
    display: block;
    /*      верх, право, низ,  лев*/
    padding: 13px 0px 13px 0px;
    width: 85px;
    font-size: 16px;
    font-weight: bold;
    background-color: white;
    margin: 0 auto;
    margin-bottom: 15px;
    border-radius: 9px;

    box-shadow: 0 0 7px rgba(0, 0, 0, 0.12);

}

.phone-icons-la-la-la img {
    margin: 0 auto;
}

.phone-icons-la-la-la {
    /*      верх, право, низ,  лев*/
    padding: 35px 0px 20px 0px;
}

.specialBlok h1 span {}

.specialBlok .item-spec {
    text-align: center;
    font-size: 18px;
    /*      верх, право, низ,  лев*/
    padding: 10px 0px 0px 0px;
}

.specialBlok ul {
    list-style: none;
    border: 0px solid black;
    /*      верх, право, низ,  лев*/
    padding: 5px 0px 0px 26px;


}

@media (max-width:600px) {

    .specialBlok ul a {
        width: 130px;
        height: 85px;
    }

    .specialBlok ul li img {
        height: auto;
    }
}

@media (min-width: 601px) {
    .specialBlok ul a {
        width: 150px;
    }

    .specialBlok ul li img {
        height: 33px;
    }
}

.specialBlok ul li img {
    margin: 0 auto;

}

.specialBlok ul a {
    float: left;

    text-align: center;
    border: 1px solid #eaeaea;
    background-color: white;
    padding: 10px 0px 5px 0px;
    margin-right: 15px;
    border-radius: 9px;
    overflow: hidden;
    cursor: pointer;
}

.specialBlok ul a:hover {
    border: 1px solid white;
    -webkit-box-shadow: -3px 0px 7px 0px rgba(50, 50, 50, 0.42);
    -moz-box-shadow: -3px 0px 7px 0px rgba(50, 50, 50, 0.42);
    box-shadow: -3px 0px 7px 0px rgba(50, 50, 50, 0.42);
    text-decoration: none;
}




@media (max-width:600px) {
    .d-tex-mp-icon {
        font-size: 11px;
    }

    .specialBlok h1 {

        padding: 0px 0px 15px 0px;
        font-size: 27px;

        /*     верх,право,низ,лев*/
        margin: 15px 0px 10px 0px;


    }

    .specialBlok {


        padding: 0px 0px 0px 0px;

        border-bottom: 1px solid #f6f6f6;


    }

    .specialBlok .container {

        padding-bottom: 25px;

    }

    .specialBlok ul a {
        margin-top: 10px;
        margin-left: 0px;
        margin-right: 10px;
    }


    .bvv {
        width: auto;
        margin-bottom: 10px;
    }

    .top-menu-cats li {
        margin-right: 15px;
    }

    .pod-head-menu .navbar-nav li {
        padding-left: 18px;
    }

    .ul-class-icons .li-class-icon {

        min-height: 159px;

    }


    .top-link {
        float: right;
        padding-left: 10px;

    }

    .listen {}

    #FIXED-TOP {
        bottom: 95px;
    }


}




@media (min-width: 601px) {

    .d-tex-mp-icon {
        font-size: 12px;
    }

    .specialBlok h1 {

        padding: 0px 0px 10px 0px;
        font-size: 27px;

        /*     верх,право,низ,лев*/
        margin: 5px 0px 10px 0px;

    }

    .specialBlok .container {

        padding: 0px 0px 20px 0px;

    }

    .specialBlok {
        background-color: #f5f5f5;

        padding: 0px 0px 0px 0px;
    }

    .specialBlok ul a:first-child {
        margin-left: 0px;
    }

    .specialBlok ul a {

        margin-left: 16px;

    }

    #idtable-usluga {}

    .top-link {
        float: left;
    }

    .top-link_1 {
        margin-left: -6px;
        margin-right: 12px;

    }

    .bvv {}

    .menu-icon {
        min-height: 29px;
    }



    .ul-class-icons .li-class-icon {

        min-height: 119px;

    }

    .root-li-top {
        width: 11%;
    }

    .head-social {
        padding-left: 143px;

    }

    .root-li-top:hover {
        text-decoration: underline;
    }

    .top-menu-cats .navbar-nav>li>a {
        border-right: 1px solid #363e4d;




    }


    .top-menu-cats .navbar-nav>li:first-child {
        border-left: 1px solid #363e4d;
    }

    #FIXED-TOP {
        bottom: 55px;
    }

}

.hovertop:hover {
    color: white;
    text-decoration: underline;

}


.pt-2 {
    padding-top: 2px;
}

.pt-3 {
    padding-top: 3px;
}

.pt-4 {
    padding-top: 4px;
}

.pt-5 {
    padding-top: 5px;
}

.pt-6 {
    padding-top: 6px;
}

.pt-7 {
    padding-top: 7px;
}

.pt-8 {
    padding-top: 8px;
}

.pt-9 {
    padding-top: 9px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-11 {
    padding-top: 11px;
}

.pt-12 {
    padding-top: 12px;
}

.pt-13 {
    padding-top: 13px;
}

.pt-15 {
    padding-top: 15px;
}

.pt-16 {
    padding-top: 16px;
}

.pt-17 {
    padding-top: 17px;
}

.pt-18 {
    padding-top: 18px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-25 {
    padding-top: 25px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-35 {
    padding-top: 35px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-45 {
    padding-top: 45px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-55 {
    padding-top: 55px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-65 {
    padding-top: 65px;
}

.pt-70 {
    padding-top: 70px;
}

.pt-75 {
    padding-top: 75px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-85 {
    padding-top: 85px;
}

.pt-90 {
    padding-top: 90px;
}

.pt-95 {
    padding-top: 95px;
}

.pt-100 {
    padding-top: 100px;
}

.pt-150 {
    padding-top: 150px;
}

#FIXED-TOP-HED {
    top: 0px;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

.c-white {
    color: white;
}

.bg-default-1 {
    background-color: #323a45;
}

#FIXED-TOP {

    /*      верх, право, низ,  лев*/
    display: block;

    /*      верх, право, низ,  лев*/

    width: 55px;

    position: fixed;
    right: 10px;

    text-align: center;
    z-index: 10500;
    color: #f57301;
    cursor: pointer;


}

#FIXED-TOP .glyphicon-chevron-up {
    font-size: 26px;
}

.uptexte {
    /*     верх,право,низ,лев*/
    margin: -8px 0px 6px 0px;
    font-size: 13px;
}

#FIXED-TOP:hover {}


.head-social img {
    width: 25px;
    margin-top: 16px;
    margin-right: 5px;
}


.ul-class-icons .li-class-icon {
    width: 14.2%;
    min-width: 100px;

    text-align: center;
    padding: 10px 0px 10px 0px;
}

#vk_groups {
    /*      верх, право, низ,  лев*/
    padding: 2px 0px 0px 0px;
}


.tov_item {
    border: 0px solid red;
    height: 42px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    overflow: hidden;
}

.tov_block {
    text-align: center;
    margin-bottom: 10px;

}

.tovars-block {
    border: 0px solid red;
    min-height: 239px;
    position: relative;
}

.img-block {
    border: 2px solid #d4d4d4;
    padding-top: 5px;
    border-radius: 6px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    min-height: 170px;
}




.mr-20 {
    margin-right: 20px;
}


.row-pribil {

    background: #eff2f5;
    padding: 40px;
}

.row-pribil img {
    height: 100px;
    margin: 0 auto;

}

.h1-uspeh {
    font-size: 18px;
    font-weight: bold;
    padding: 10px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding: 10px;
    text-align: center;
}

.text-uspeh {
    font-size: 14px;
    padding: 10px;
    text-align: center;
}



.h1-usluga {
    text-transform: uppercase;
    text-align: center;
    font-weight: normal;
}

.city-form-container {
    position: relative;
    display: none;
}

.vie-iphone {
    color: white;
    font-size: 13px;
    font-family: "Montserrat";
    padding-top: 0px;
    display: block;

    border-bottom: 1px dashed white;
}

.vie-iphone:hover {
    color: white;
    text-decoration: none;

}

.v-img {
    width: 30px;

    padding: 3px 4px 3px 5px;
}

.bvv {
    border: 0px solid white;
    border-radius: 9px;

}

.border-vie {}

.v-table {


    padding: 3px;

}

.v-table td {
    text-align: left;
}

.city-form-container {
    position: relative;
}

.city-form {
    position: absolute;
    display: none;
    left: 0px;
    top: 30px;
    z-index: 1001;
    border: 2px solid #F88116;
    background-color: #333333;
    border-radius: 10px;
    color: white;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    opacity: 0.8;

}

.cs-other-city {
    cursor: pointer;


}

.cs-other-city:hover {
    text-decoration: underline;
}

.close-btn-container {
    position: relative;
    text-align: right;

}

.cls-btn {
    position: absolute;
    right: -3px;
    top: -5px;
    cursor: pointer;
    z-index: 1100;
}

.cls-btn:hover {
    color: orange;
}

.city-form:hover {
    opacity: 1;
}

.y-sity {
    color: #fff;
    font-size: 12px;
    padding-bottom: 9px;
    text-align: left;
    position: relative;
}

.y-sity-item {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 9px;
    text-align: left;

}

.y-sity-btn {
    background-image: linear-gradient(#f57402, #fb9d2b);
    border: 0px;
    padding: 7px 18px;
    font-size: 13px;
    border-radius: 6px;
    cursor: pointer;


}

.y-sity-btn:hover {
    background-color: #F88116;
    background-image: linear-gradient(#f57421, #fb8d3b);
}

.triangle {
    display: block;
    position: absolute;
    z-index: 1100;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 11px solid #F88116;
    left: 163px;
    top: -21px;
}

.cs-other-city {
    font-size: 11px;

}

.btn-td {
    padding-right: 5px;
}

.desk-usl {
    text-align: justify;
}

.steklo-podarok {
    background-color: #f57421;
    margin-top: 4px;


    color: white;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 3px;
    padding-top: 3px;
    font-size: 13px;
    border-radius: 6px;
    text-align: center;


}

.steklo-podarok a {
    text-decoration: none;
    color: white;
    font-family: arial;
}

.steklo-podarok a:hover {
    text-decoration: none;
    color: white;
}

.steklo-podarok-little {
    background-color: #f67a0d;
    color: white;
    font-family: arial;
    font-size: 13px;
    padding: 5px;
    text-align: center;
    border-radius: 6px;
    margin-top: 5px;
}

.steklo-podarok-little a {
    text-decoration: none;
    color: white;
    font-family: arial;
}

.steklo-podarok-little a:hover {
    text-decoration: none;
    color: white;
}


.landImg {
    border: 6px solid white;
    box-shadow: 0px 1px 3px rgba(63, 69, 75, 0.5);
}

.landImg tr:nth-child(even) {
    background: #e8e8e8;
}

.landImg tr td {
    padding: 4px 0;
    font-size: 13px;
    border-right: 1px solid #d6d2d2;
}

body {

    margin-bottom: 500px;
}

.header_row {
    padding-top: 8px;

    padding-bottom: 8px;
}

#header {
    min-height: 120px;
    background-color: #323a45;
    width: 100%;

}

.padding-left-10 {
    padding-left: 10px;

}

.adress-na-karte-bottom {
    color: #8a959e;
    display: block;
    margin-top: 11px;
    font-size: 13px;
}

.adress-na-karte-bottom:hover {
    color: white;
}

.bez-ucheta {
    font-size: 12px;
    color: black;
    border-bottom: 1px dashed black;
}

.pod-head-menu {
    background-color: #2b313a;
    width: 100%;

}

.white {
    color: white;
}

.container {}

.city_level2 {
    margin-top: 8px;
}

.btn-default .caret {
    color: #f67a0d;
}

.phoneHead {
    background: url('/common_files/img/phone.png') no-repeat left center;
    padding-left: 36px;
    font-size: 26px;
    font-weight: lighter;
}

.phone-bottom {
    font-size: 16px;
    color: white;
    margin-top: 8px;
    position: relative;
}

.phone-bottom .glyphicon {
    font-size: 12px;
    color: #f67a0d;
    cursor: pointer;



}


.addrHead {
    margin-left: 0px;
    font-size: 13px;
    border-bottom: 1px dashed white;
    ;
}

.bottom-adress {
    padding-top: 12px;
    color: #8a959e;
}

.graf-head {
    padding-left: 20px;
    font-size: 13px;
}

.pod-phone {}

.submit-search {
    cursor: pointer;
    background: url('/common_files/img/search.png') no-repeat left center;
    width: 18px;
    height: 16px;
    position: absolute;
}

.little-search {
    position: relative;
}

.submit-search {
    position: absolute;
    right: 10px;
    top: 10px;
}

.bottom-search-inp {}

.style-input {
    display: block;
    border: 1px solid rgba(255, 255, 255, 0.6);
    background: linear-gradient(#eee, #fff);
    transition: all 0.3s ease-out;
    box-shadow:
        inset 0 1px 4px rgba(0, 0, 0, 0.4);
    padding: 5px;
    color: #555;

}

.blacked-btn:hover {
    background-color: black;
    color: white;
}

#first-row {
    padding-bottom: 3px;
}


h1 {
    font-size: 26px;
    font-weight: 300;
}

.logo {

    height: 70px;
    width: 220px;
    font-weight: bold;
    display: block;
    background: url('/common_files/img/logo.png') no-repeat left center;
    margin-left: -15px;
    margin-top: -15px;


}

.header-nad-phones {
    color: white;
}

.margin-top-40 {
    margin-top: 40px;
}

.margin-top-45 {
    margin-top: 45px;
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-top-60 {
    margin-top: 60px;
}

.margin-top-65 {
    margin-top: 60px;
}

.margin-top-70 {
    margin-top: 70px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-bot-5 {
    margin-bottom: 5px;
}

.margin-bot-10 {
    margin-bottom: 10px;
}

.header-phones {
    color: white;
    font-weight: 300;
    font-size: 22px;

}

.header-phones span {
    color: #f98b28;
}

#city-container {
    background: #1f2324;
    padding-top: 20px;
    padding-bottom: 20px;
    display: none;
}

.city-item {
    color: white;
    text-shadow: black 1px 1px 1px;
    font-size: 13px;
}

.top-zav-head {
    border: 1px solid #c0c0c0;
    font-size: 13px;

    border-radius: 3px;
    display: inline-block;
}

.top-zav-head .glyphicon {
    color: #353535;
    display: inline-block;
    font-size: 12px;


}

.top-zav-head a {
    display: inline-block;
    padding: 5px;
}

.top-zav-head a:first-child {
    border-right: 1px solid #c8c8c8;

}

.delitel-a {
    display: inline-block;
    width: 5px;
    border-left: 1px solid red;

}

#cyti-icon {

    display: inline-block;
    width: 120px;
    color: white;
    font-weight: bold;
}

.top-city-link {
    color: white;
}

.top-menu-cats a {

    font-size: 13px;

}

.menu-icon {

    padding: 0px 0px 5px 0px;
}

.menu-icon img {
    margin: 0 auto;
}

.top-menu-cats {

    background-color: #2b313a;

}

.top-menu-cats .dropdown-toggle a {
    padding-right: 10px;
}

.top-menu-cats .navbar-collapse,
.navbar-inverse {
    border-color: #2b313a;
}


.top-menu-cats .navbar-nav>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 15px;



}


#head-row-top-menu {
    font-weight: bold;
}

#head-row-top-menu li a {
    padding-left: 2px;
    color: #292727;
    font-size: 14px;
}

#head-row-top-menu li a:hover {
    background: white;
}

.mp-h1-prev {

    color: white;
    font-weight: 700;
    font-size: 15px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 30px;
    margin-bottom: 0px;
    border-bottom-left-radius: 13px;
    border-bottom-right-radius: 13px;
    background: #292727 url('/common_files/img/main-menu-bck.png');

}

.pref-state-mp {
    background: url('/common_files/img/mp-pop-bg.png');
    min-height: 200px;
}

.pref-top-tovar {
    background-color: white;
    min-height: 450px;
    -webkit-box-shadow: -5px 0px 21px 0px rgba(50, 50, 50, 0.45);
    -moz-box-shadow: -5px 0px 21px 0px rgba(50, 50, 50, 0.45);
    box-shadow: -5px 0px 21px 0px rgba(50, 50, 50, 0.45);
    text-align: center;
}

.grey {}

.pref-state-mp h2 {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 2px;
    font-weight: 400;
    color: black;
}

.popus-items {
    font-weight: normal;
    font-size: 15px;
    line-height: 55px;
    padding-left: 39px;
    transition: all 0.2s ease;

}

.popus-items:hover {
    padding-left: 45px;
}

.popus-items a {
    color: #595958;
}

.pref-state-pop-tov h2 {
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    color: black;
}

.top-tovar-ul {
    list-style: none;

}

.top-tovar-ul-li {

    text-align: center;

}

.top-tovar-ul-li img {
    margin: 0 auto;
}

.header-pop-tov {
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
    color: black;
    text-align: left;
    padding-top: 20px;
    padding-left: 9px;
}

.tovar-dop-info-blocks {}

.tovar-dop-info-blocks div {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 20px;
    cursor: pointer;
    display: block;
    position: relative;

}

.tovar-info-block-active {
    color: #fff;
    background-color: #f67a0d;
    border-radius: 8px;
}

.tovar-info-block-no-active {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.35) inset;
    border-radius: 8px;

}

.tovar-tab {
    position: absolute;
    left: 50%;

    border-top: 7px solid #f67a0d;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    display: block;
    content: "";
    margin-left: -7px;
}

.tovar-dop-info-blocks .tovar-tab {
    top: 30px;
}

.row-mp-perech .tovar-tab {
    top: 34px;
}

.tovar-tab-no-active {
    position: absolute;
    left: 50%;

    border-top: 7px solid #bfbfbf;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    display: block;
    content: "";
    margin-left: -7px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.35) inset;
}

.tovar-dop-info-blocks .tovar-tab-no-active {
    top: 30px;
}

.row-mp-perech .tovar-tab-no-active {
    top: 34px;
}

.display-opis h1,
h2 {
    color: #292727;
    font-size: 18px;
    font-weight: 400;
}

.display-opis {
    text-align: justify;
    padding: 10px;
}


.orange-button {
    background-color: #F88116;
    background-image: linear-gradient(#fb8d3b, #f57421);
    border: 0px;
    color: white;
    font-weight: 400;
    padding: 6px;
    border-radius: 3px;
    cursor: pointer;
}

.orange-button:hover {
    background-color: #F88116;
    background-image: linear-gradient(#f57421, #fb8d3b);
}

.buttons-quiqk {
    margin-top: 20px;
}

.buttons-quiqk input {
    margin-bottom: 20px;
    width: 50%;
    min-width: 180px;
}

.infi-niz-tovar {
    font-size: 13px;
    margin-bottom: 6px;
    margin-left: 4px;
}

.menu-neisprav {
    font-size: 14px;
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
    margin-bottom: 10px;
    padding-top: 10px;
    border: 3px solid #fa8927;
}

.menu-neisprav h4 {
    text-align: center;
}

.menu-neisprav h4 span {
    display: block;
    margin-top: 3px;
    text-align: center;
    color: #FF8C00;
}

.menu-neisprav .price-neisprav {
    display: block;
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: bold;
    color: #FF8C00;
}

.menu-neisprav b {
    font-size: 14px;
}

.menu-neisprav div {
    margin-bottom: 7px;

}

#tovar-modal-info .dialog-problem,
#tovar-modal-info .dialog-reshen {
    display: inline-block;
    margin-left: 10px;
}

.menu-neisprav-item {
    cursor: pointer;
    border-top: 1px dotted #dfdfdf;
    padding-top: 12px;
}

.menu-neisprav-item:hover {
    text-decoration: underline;
}

#tovar-modal-info .modal-content {

    border: 3px solid #fa8927;
}

#tovar-modal-info .modal-body .row {
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px dotted #dfdfdf;
}

#tovar-modal-info h4 {
    font-weight: bolder;

}

.progress_form {
    display: none;
}

.sucsses_form {
    display: none;
}

.modal-body .label {
    font-size: 14px;
}



.orange {
    color: #f57301;
}

.prev-mp-tovars {
    font-size: 13px;

}

.plan-prev-img {
    height: 220px;
}

.nout-prev-img {
    height: 130px;
}

.prev-pop-right {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 2px;
    text-align: left;
    padding-top: 22px;
    color: #000000;
    padding-bottom: 10px;
}

.child-left-block {
    display: none;
}



.bokovoe-menu {
    background: #292727 url('/common_files/img/main-menu-bck.png');
    border-radius: 4px;
}

.left-menu-parent {
    color: white;
    cursor: pointer;

    font-weight: 400;
    font-size: 14px;

}

.child-left-block {
    background-color: #ededed;
    color: black
}

.left-menu-parent .root {
    padding: 12px;
    display: block;
    position: relative;
}

.left-menu-parent .root:hover {
    background: #f67708;


}

.left-menu-parent .childs {
    padding-top: 8px;
    padding-bottom: 8px;

    display: block;
    padding-left: 14px;
}

.left-menu-parent .root span {
    font-size: 12px;
    text-align: right;

    position: relative;
}

.left-menu-parent .root .glyphicon {
    position: absolute;
    right: 4px;
    top: 16px;

}

.preim-block {
    margin-top: 25px;
    margin-bottom: 15px;
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
    padding: 12px;
}

.preim-item {
    font-size: 14px;
    margin-bottom: 14px;

}

.preim-item .glyphicon {
    color: #f67a0d;

}



.mp-prev-otz-header {
    text-align: left;
    font-size: 15px;
    padding-left: 38px;

}

.mp-prev-otz-header b {
    font-weight: 400;
}

.carousel-control.right {
    background-image: none;
}

.carousel-control.left {
    background-image: none;
}

.banner-text h1 {
    color: black;
    font-size: 38px;
    font-weight: 300;
}

.carousel-control {
    width: 5%;
    display: none;
}

.banner-text .glyphicon-menu-right {
    color: #f67a0d;
    font-size: 13px;
}

.banner-text .glyphicon-star-empty {
    color: #f67a0d;
    font-size: 32px;
}

.banner-text .table {
    margin-top: 20px;
    margin-bottom: 0px;
}

.banner-text .table tr td {
    font-weight: bold;
    font-size: 14px;
    margin-top: 10px;
    vertical-align: middle;

}

.short-desk-banner {
    padding: 7px;
    padding-left: 12px;
    font-size: 13px;
}

.banner-text .orange-button {
    margin-left: 0px;
    font-size: 14px;
    text-align: center;
    padding: 0px;
    font-weight: normal;
    padding: 4px;
}

.banner-text img {
    height: 300px;
}

.carousel-inner {}

.carousel-indicators li {
    border: 2px solid #f67707;
    background-color: #f67707;
    width: 8px;
    height: 8px;
}

#carousel-example-generic .carousel-indicators .active {
    width: 10px;
    height: 10px;
}

#carousel-example-generic .carousel-indicators {
    bottom: -20px;

}

.online-top-text {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.006em;
    color: #7f8892;
}

.mess-form-online-mp {

    padding-bottom: 15px;

}

.mess-form-online-mp h3 b {
    font-weight: 400;
    font-size: 24px;
}

.mess-form-online-mp input {
    margin-top: 30px;
}

.shadow {

    -webkit-box-shadow: -3px 0px 7px 0px rgba(50, 50, 50, 0.42);
    -moz-box-shadow: -3px 0px 7px 0px rgba(50, 50, 50, 0.42);
    box-shadow: -3px 0px 7px 0px rgba(50, 50, 50, 0.42);
}

.remont-otc-block {
    padding-top: 30px;

}

.sliderCont {
    height: 337px;

    box-shadow: 0px 1px 3px rgba(63, 69, 75, 0.5);
    padding: 9px;
    padding-right: 2px;
}

#pre_foter {
    background-color: #323a45;
    height: 380px;
    padding-top: 65px;
    color: #787777;
    position: absolute;
    bottom: 0;
    left: 0px;
    width: 100%;
    z-index: 1000;
}

.info-rev {
    font-size: 13px;
}

.menu-bottom {
    list-style: none;
}

.menu-bottom div {
    padding-left: 15px;
    margin-bottom: 10px;
}

.menu-bottom div a {
    color: #ebebeb;
    font-size: 13px;

}

.my-pagin a span {
    display: inline-block;
    padding: 2px;
    border: 1px solid #e0e0e0;
    margin-top: 10px;
    line-height: 13px;
    margin-left: 2px;
    /*      верх, право, низ,  лев*/
    padding: 4px 4px 4px 4px;
    min-width: 27px;
    text-align: center;
}

.my-pagin .curr-page {
    font-weight: bold;
    color: white;

}

.my-pagin .curr-page span {
    background-color: #ff8000;
}

.pre-foter-line {}

#pre_foter .row {}

.left-bottom-block a {
    color: #787777;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.4);
    font-size: 13px;


}

.left-bottom-block a:hover {
    text-decoration: none;
    color: white;
}

.left-bottom-block .mrg {
    margin-bottom: 15px;
}

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

.otchet-row {
    border-bottom: 1px solid #e4e4e4;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
}

#onTopButton {
    width: 60px;
    cursor: pointer;
    color: white;
    margin-top: 11px;
    margin-bottom: 10px;
}

#onTopButton a {
    color: white;

}

#onTopButton .glyphicon {
    font-size: 28px;

}

.scrTop {
    height: 20px;
    text-align: center;
    cursor: pointer;
    margin-top: -15px;
}


.scrBot {
    height: 20px;
    text-align: center;
    cursor: pointer;

}

.scrBot:hover,
.scrTop:hover {
    color: orange;
}

.news-block-preview {}

.remont-otc-block h2 {
    font-size: 20px;
    text-transform: uppercase;
    padding-top: 0px;
    margin-top: 0px;
}

.news-block-preview ul {
    list-style: none;
}

.news-item-prev {
    margin-bottom: 6px;
    padding-bottom: 11px;
    border-bottom: solid 1px #363e4d;
    text-align: justify;
    font-size: 13px;
}

.news-item-prev a {
    display: block;
    margin-right: 20px;
    color: #ebebeb;
}

.news-date {
    font-size: 12px;
    color: #8a959e;
}

.head-bottom-list {
    text-transform: uppercase;
    color: #8a959e;
    font-size: 12px;

}

.all-news-prev {
    display: block;
    text-align: center;
    padding: 4px;

    font-size: 13px;

}

.all-news-prev .glyphicon {
    font-size: 10px;
}

.shadow-eldorado {
    box-shadow: 0px 1px 3px rgba(63, 69, 75, 0.5);

}

.pop-uslug-row {
    display: none;
}

.active_usl {
    display: block;
}

.mp-perech {
    text-align: center;
    font-weight: 400;
    padding: 7px;
    cursor: pointer;
    font-size: 16px;
}

.row-mp-perech {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: white;
}

.mp-perech-tab-no-acrtive {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.35) inset;
    border-radius: 8px;
}

.mp-perech-tab-acrtive {
    color: #fff;
    background-color: #F88116;
    border-radius: 8px;
}

.paginRemOtch {
    list-style: none;

}

.paginRemOtch li {
    float: left;
    margin-left: 5px;
}

.pod-head-row {
    padding-top: 10px;
}

.top-menu-container-line {
    border-bottom: 1px solid #e8e8e8;
}

.ul-class-icons {
    list-style: none;
    margin: 0 auto;

    padding: 10px 0px 10px 0px;
}


.a-top-icon:hover .li-class-icon {
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
}


.ul-class-icons .li-class-icon img {
    margin: 0 auto;
    margin-bottom: 7px;
}


.centr-bottom-block ul {
    list-style: none;
    margin: 0 auto;
}

.centr-bottom-block {}

.form-bottom {
    padding-top: 85px;
}

.centr-bottom-block a {
    text-align: center;
    display: block;
    color: white;
    font-size: 14px;
    font-weight: bold;


}


.bottom-social ul {
    list-style: none;
    margin-top: 26px;

    height: 50px;
    display: inline-block;
    width: 120px;
}

.bottom-social .list-sicial {

    width: 48px;
    height: 34px;

    cursor: pointer;
    margin-top: 10px;

}

.bottom-social ul li:hover {}

.bot-vk {
    background: url('/common_files/img/vk_icon.png') no-repeat 0px 0px;
}

.bot-vk:hover {}

.bot-gplus {
    background: url('/common_files/img/google_icon.png') no-repeat 0px 0px;
}

.bot-gplus:hover {}

.bot-twit {
    background: url('/common_files/img/twitter_icon.png') no-repeat 0px 0px;
}

.bot-twit:hover {}

.bot-inst {
    background: url('/common_files/img/inst_icon.png') no-repeat 0px 0px;
}

.pre-top-line {
    position: absolute;
    bottom: 319px;
    width: 100%;
    height: 125px;

    left: 0px;
    z-index: 5100;
    background-color: transparent;
}


#topCats {

    box-shadow: 0px 0px 16px 1px rgba(63, 69, 75, 0.5);
    width: 90%;
    margin: 0 auto;
    z-index: 10100;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    border-radius: 12px;
    background-color: white;
}

.top-arrow {
    position: absolute;
    width: 23px;
    height: 43px;

}

.top-arrow-left {
    background: url('/common_files/img/navtop.png') no-repeat 0px 0px;
    top: 35%;
    left: 0px;
    z-index: 5000;
}

.top-arrow-right {
    background: url('/common_files/img/navtop.png') no-repeat -23px 0px;
    top: 35%;
    right: 0px;
    z-index: 5000;
}

#topCats ul {

    height: 100px;
    list-style: none;
}

#topCats li {
    float: left;
    width: 130px;
    height: 90px;

    background-color: white;

}

#topCats li img {
    width: 130px;
    transition: all 0.3s ease;

}

#topCats li:hover img {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);

}

.mCSB_draggerRail {
    display: none;
}

.mCSB_dragger_bar {
    display: none;
}

.akcii-prev {
    transition: all 0.3s ease;
    margin: 0 auto;
}

.akcii-prev:hover {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.akcii-prev-block a {
    text-decoration: none;
}

.row-phone-1 {

    padding-top: 15px;
    font-size: 13px;
}

.row-phone-2 {

    font-size: 12px;
}

.row-phone-3 {

    font-size: 12px;


}

.news-block-prev h2 {
    margin-bottom: 27px;
}

.row-phone-3 span {}

.akcii-h2 {
    margin-top: 0px;
    padding-left: 0px;
    letter-spacing: 2px;
}

.akcii-news-container {
    margin-top: 15px;
}

.class-news-per-row {
    margin-top: 10px;
}

.margin-top-30 {
    margin-top: 20px;
}

.margin-top-20 {
    margin-top: 10px;
}

.shadow-of-chernobol {
    -webkit-box-shadow: -5px 0px 21px 0px rgba(50, 50, 50, 0.45);
    -moz-box-shadow: -5px 0px 21px 0px rgba(50, 50, 50, 0.45);
    box-shadow: -5px 0px 21px 0px rgba(50, 50, 50, 0.45);
    padding-top: 20px;
    padding-bottom: 20px;
}

.h1row {
    font-size: 19px;
    padding-left: 10px;
    padding-bottom: 10px;
}

.allnews {
    font-size: 12px;
    display: block;
    text-align: right;
    padding-right: 20px;
}

.news-index-row {
    margin-top: 20px;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 10px;
}

.relative {
    position: relative;
}

.landContent {
    border: 0px solid red;
}

.landContent ul {
    list-style: none;
    padding-left: 20px;
}

.landContent ul li {
    padding: 7px;
    border-radius: 6px;
    background-color: #e1e1e1;
    margin-bottom: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-left: 0px;

}

.landContent ul li:hover {
    margin-left: 10px;
    font-weight: bold;
}

.landContent {
    font-size: 15px;
}

.landContent h2 {
    font-size: 18px;
    margin-top: 25px;
}

.landContent p {
    text-indent: 10px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.landContent table {
    border-top-color: #787777;
}

.landContent table thead {
    background: #292727 url('/common_files/img/main-menu-bck.png');

    color: white;
}

.landContent table thead th {
    padding: 8px;
    border-color: #787777;
}

.headerblock {
    background: #323a45 url('/common_files/img/main-menu-bck.png');
    color: white;
    border-radius: 9px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 1px;
    padding-top: 1px;
    border: 3px solid #dddddd;
}

.headerblock h1 {
    font-weight: bold;
    text-shadow: 0px 1px 1px #000;
    font-size: 23px;
}

.headerblock p {
    background-color: white;
    color: #333333;
    border-radius: 9px;
    padding: 10px;
    display: block;
    border: 3px solid #dddddd;
}


.head-kontak {
    color: white;
    display: inline-block;
    padding: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 4px;
    background-color: #ff8000;
    margin-left: 10px;
}

.head-kontak:hover {
    color: white;
    text-decoration: underline;

}

.row p {
    text-indent: 10px;
}

#top-menu-block .dropdown-menu {
    z-index: 2000;
}


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

.pop-usl-cat-phone {
    box-shadow: 0px 1px 3px rgba(63, 69, 75, 0.5);
    border-radius: 12px;
    margin-bottom: 10px;
    padding-top: 15px;
    padding-bottom: 15px;

}

.pop-usl-cat-phone img {
    transition: all 0.4s ease;
}

.pop-usl-cat-phone:hover img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}


.pop-usl-cat-phone .img-responsive {
    margin-left: 5px;
    width: 35px;
}

.pop-usl-cat-phone-item {
    line-height: 40px;
    padding-left: 10px;

}

.form-zai-phones-automatic {
    box-shadow: 0px 0px 3px rgba(63, 69, 75, 0.7);
    border: 0px solid red;
    border-radius: 16px;
    margin-bottom: 20px;
}

.form-zai-phones-automatic h3 {
    font-size: 16px;
}

.form-zai-right div {
    font-size: 16px;
    padding-bottom: 9px;
    padding-left: 20px;
}

.polog-zai-form {
    font-size: 13px;

    color: #0000ff;
    display: inline-block;


}

.otziv-mp-prev {
    font-size: 13px;
    padding-left: 10px;
}

.otziv-mp-prev-row {

    padding-bottom: 5px;
    padding-top: 5px;
    cursor: pointer;

    border-bottom: 1px solid #e2e2e2;
}

.otziv-mp-prev-row:hover {}

.h3-otziv-mp {
    font-size: 18px;
    font-weight: 400;

}

.pre-foter-bottom {
    background-color: #2b313a;
}




.dop-adress {
    font-size: 16px;
}


.bot-circle {
    font-size: 28px;
    padding-left: 17px;
    padding-right: 17px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 35px;
    color: white;
    background-color: #F88116;
    font-weight: 300;
}

.dop-text-block {
    margin-top: 30px;
}

.circle-text {
    font-size: 13px;
    padding-top: 30px;
    line-height: 22px;
    text-align: left;
}

.header-circle {
    font-size: 18px;
    line-height: 24px;

    font-weight: bolder;
    margin-bottom: 50px;
    color: black;
}

.border-price {
    border: 2px solid #f67a0d;
    font-size: 19px;
    font-weight: 600;
    text-align: center;
    border-radius: 26px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 30px;
}

.usl-pod {
    padding-top: 40px;
}

.pr-usl {
    padding-top: 40px;
}



.usl-img-p {
    width: 80px;
}

.usl-pod-txt {
    font-size: 17px;
    color: #f57301;
    padding-top: 5px;
    padding-left: 10px;
}

.usl-4 {
    float: left;
    width: 223px;

}

.mrg-left {
    margin-left: 40px;
}

.usl-pod-txt-usl {
    padding-left: 10px;
    padding-top: 5px;
    font-size: 13px;
}

.bottom-circle {
    font-size: 18px;
    line-height: 24px;

    font-weight: bolder;
    padding-top: 40px;
    color: black;

}


.vib-whats {

    color: white;
}

.vib-whats span {
    padding-right: 10px;

}

.margin-top-5 {
    padding-top: 10px;
}

.vib-row {
    padding-bottom: 5px;
}

.preview-otziv-row-title {
    font-size: 18px;
    /*      верх, право, низ,  лев*/
    padding: 20px 33px 0px 33px;
    text-align: left;
    font-weight: bold;
    color: #f57301;
}

.preview-otziv-row-text {
    text-align: justify;
    /*      верх, право, низ,  лев*/
    padding: 10px 33px 20px 33px;
    font-size: 13px;
    color: #666565;
    line-height: 25px;
}

.top-line-otzivi {
    border-top: 2px solid #e0e5eb;

}


.st-1 {
    font-weight: 600;
    font-size: 20px;
}

.st-2 {
    font-size: 24px;
    font-weight: bold;
}

.st-3 {
    padding: 8px;
    color: black;
}

.st-4 {
    border-bottom: 1px solid #f2f2f2;
    padding-top: 15px;
}

.st-5 {
    padding-top: 0px;
    border-right: 2px solid #f2f2f2;
}

.st-6 {
    font-weight: 600;
    font-size: 27px;
    padding-top: 0px;
    margin-top: 0px;
    line-height: 35px;
}

.st-7 {
    border-bottom: 1px solid #f2f2f2;
    padding-top: 15px;
}


@media (min-width: 601px) {

    .top-menu-cats .navbar-nav>li>.laptop {

        padding-top: 10px;
        padding-bottom: 10px;

    }

    .top-menu-cats .navbar-nav>li>a {
        font-weight: bold;
    }
}

.top-menu-cats .navbar-nav>li>.laptop span {}

#FIXED-PHONES {
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 2001;
}

#FIXED-PHONES .col-xs-6 {

    height: 45px;

}

#FIXED-PHONES .col-xs-12 {

    height: 45px;

}

#FIXED-PHONES .wup {
    background-color: #25d366;
    padding-top: 5px;
}

#FIXED-PHONES .pho {
    background-color: #28a745;
    padding-top: 5px;

}

#FIXED-PHONES img {
    margin: 0 auto;

    padding: 5px 0px 0px 0px;
}


@media (max-width:600px) {
    .preim-h {
        font-size: 25px;

    }

    .preim-h-pod {
        font-size: 22px;
        color: #F88116;
    }

    .prei-img-1 {

        left: 4px;

    }

}

@media (min-width: 601px) {
    .preim-h {
        font-size: 27px;

    }

    .prei-img-1 {

        left: 0px;

    }

    .preim-h-pod {
        font-size: 20px;
        color: #F88116;
    }

}

.preim-h {

    color: #212460;

}

.prei-t1 {
    font-size: 22px;
    color: #052e6b;

    /*     верх,право,низ,лев*/
    margin: 0px 0px 10px 0px;
}

.prei-t2 {
    color: black;
    font-size: 14px;
}

.prei-tcont {
    /*      верх, право, низ,  лев*/
    padding: 0px 0px 0px 100px;
}

.prei-img-1 {
    position: absolute;

    top: 0px;
}

.prei-new .col-md-6 {
    /*      верх, право, низ,  лев*/
    padding: 40px 0px 0px 0px;
}

/* custom */
.mobile-nav-bar-header {
    margin-top: 10px;
}

.mobile-nav-bar-header .link {
    display: inline-block;
    margin-right: 10px;
    text-decoration: none;
    cursor: pointer;
    font-size: 13px;
    color: white;
}

.mobile-nav-bar-header .link.original-link {
    font-weight: bold;
}

@media(max-width: 500px) {
    .mobile-nav-bar-header .link.original-link {
        display: none;
    }
}

/* 10/20/21 */
.heading-subcategories {
    margin-top: 60px;
}

.heading-subcategories h2 {
    margin: 0;
}

.heading-categories h2,
.heading-subcategories h2 {
    text-align: center;
    font-size: 27px;
    font-weight: 300;
}

.head-social a {
    margin: 0 2px;
    display: inline-block;
}

.fix-contact {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
    padding-bottom: 3px;
}

.fix-contact span {
    color: #fff;
    font-size: 11.5px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

.fix-contact img {
    width: 22px;
    height: 28px;
    flex: 0 0 22px;
    margin: 0 !important;
}

.fix-contact-phone {
    background: linear-gradient(135deg, #34C759 0%, #28A745 100%);
}

.fix-contact-whatsapp {
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
}

.fix-contact-telegram {
    background: linear-gradient(135deg, #2AABEE 0%, #229ED9 100%);
}

.fix-contact-msgmax {
    background: linear-gradient(-80deg, #9138DA 0%, #9138DA 100%);
}

.pagination-page {
    text-align: center;
    padding-top: 15px;
}

.pagination-page .dots {
    padding: 0 5px;
}

.pagination-page .next,
.pagination-page .prev,
.pagination-page a {
    display: inline-block;
    padding: 3px 8px;
    border: 1px solid #cb5f00;
    border-radius: 5px;
    margin: 2px;
    min-width: 26px;
    background: #f57301;
    color: #fff;
    text-decoration: none;
    text-shadow: 1px 1px #cb5f00;
    transition: all .25s;
}

.pagination-page a:hover {
    background: #ff8f1f;
}

.pagination-page .current {
    display: inline-block;
    padding: 3px 8px;
    margin: 2px;
    min-width: 26px;
    text-decoration: none;
}

.pagination-page .total {
    padding-top: 5px;
    font-size: 12px;
}

.pagination-page .step {
    padding: 5px 0;
}

.pagination-page .step form {}

.pagination-page .step form input {
    display: inline-block;
    padding: 3px 8px;
    border: 1px solid #9f9f9f;
    border-radius: 5px;
    margin: 2px;
    width: 64px;
}

.pagination-page .step form button {
    display: inline-block;
    padding: 3px 10px;
    border: 1px solid #223036;
    border-radius: 5px;
    margin: 2px;
    min-width: 26px;
    background: #2B313A !important;
    color: #fff;
    transition: all .25s;
}

.pagination-page .step form button:hover {
    background: #3f4f4f !important;
}

@media (max-width: 520px) {

    .pagination-page .next,
    .pagination-page .prev {
        padding-left: 12px;
        padding-right: 12px;
    }

    .pagination-page .next span,
    .pagination-page .prev span {
        display: none;
    }
}

.title-page {
    font-size: 22px;
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .title-page {
        font-size: 18px;
        margin-bottom: 10px;
    }
}

.video-responsive {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.video-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pagination {
    text-align: center
}

.pagination a {
    display: inline-block;
    padding: 1px 4px;
    border: 1px solid #afafaf;
    border-radius: 3px;
    margin: 2px;
    text-align: center;
    font-size: 12px;
    text-decoration: none
}

.pagination a:hover {
    text-decoration: none;
    background: #efefef
}

.pagination strong {
    display: inline-block;
    padding: 1px 8px;
    font-size: 12px
}

#FIXED-PHONES>.row {
    display: flex;
}

#FIXED-PHONES>.row>a {
    flex: 1
}

#FIXED-PHONES>.row>a>div {
    width: 100%
}

.block-contact {
    border: 1px solid #d2d2d2;
    border-radius: 40px;
    padding: 35px 60px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
    margin: 5px 15px 10px;
}
.block-contact-l {
    flex: 1;
    min-width: 490px;
}
.block-contact-r {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 490px;
}
.block-contact-r > div {
    display: flex;
    gap: 10px;
}
.block-contact-title {
    font-size: 32px;
    line-height: 36px;
    font-weight: 600;
    margin-bottom: 10px;
}
.block-contact-text {
    font-size: 15px;
}
.block-contact-online {}
.block-contact-color {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 600;
    gap: 8px;
    height: 46px;
    line-height: 14px;
    color: #fff !important;
    text-decoration: none !important;
    transition: opacity .15s;
    border-radius: 15px;
}
.block-contact-color svg,
.block-contact-color img {
    transform: scale(0.975);
    transition: all .15s;
}
.block-contact-color-1 {
    background: #0aa447;
}
.block-contact-color-2 {
    background: linear-gradient(84.8deg, #4cf -.81%, #4b49df 29.39%, #6641de 80.35%, #93d 101.75%);
    background-blend-mode: multiply;
}
.block-contact-color-3 {
    background: #07f;
}
.block-contact-color-4 {
    background: #100943;
}
.block-contact-color:hover {
    text-decoration: none;
    opacity: .9;
    color: #fff;
}
.block-contact-color:hover svg:hover,
.block-contact-color:hover img:hover {
    transform: scale(1.075);
}
.block-contact-color-4 svg {
    width: 24px;
    height: 24px;
}
.block-contact-color-4:hover svg:hover {
    transform: scale(1.1);
}
@media (max-width: 768px) {
    .block-contact-l,
    .block-contact-r {
        flex: 0 0 100%;
        min-width: inherit;
    }
}

.mini-otzivi {}
.mini-otzivi-title {
    color: #f67826;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
}
.mini-otzivi-body {}
.mini-otzivi-item {
    border: 1px solid #cfcfcf;
    border-radius: 10px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    padding: 12px 14px 6px;
    text-decoration: none !important;
    outline: none !important;
    position: relative;
    overflow: hidden;
    transition: all 0.15s ease;
}
.mini-otzivi-item::after {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(10, 164, 71, 0.025) 0%,
        rgba(10, 164, 71, 0.075) 50%,
        rgba(10, 164, 71, 0.025) 100%
    );
    transform: skewX(-25deg);
}
.mini-otzivi-item:hover::after {
    animation: shine 0.8s forwards;
}

@keyframes shine {
    100% {
        left: 125%;
    }
}
.mini-otzivi-logo {
    text-align: center;
}
.mini-otzivi-logo svg {
    border-radius: 6px;
    overflow: hidden;
    display: block;
    margin-right: 10px;
}
.mini-otzivi-count {
    font-weight: bold;
    font-size: 19px;
    padding: 0 6px;
}
.mini-otzivi-end {
    flex: 1;
    padding: 0 10px;
}
.mini-otzivi-stars {
    display: flex;
    gap: 2px;
    margin-bottom: 2px;
}
.mini-otzivi-num {
    font-size: 14px;
}
.mini-otzivi-btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    gap: 3px;
    height: 46px;
    line-height: 14px;
    color: #fff !important;
    text-decoration: none !important;
    transition: opacity .15s;
    border-radius: 10px;
    background: #0aa447;
}
.mini-otzivi-btn:hover {
    opacity: .9;
    text-decoration: none;
    color: #fff;
}
.mini-otzivi-btn svg, .mini-otzivi-btn img {
    transform: scale(0.7);
}

/* По умолчанию (мобильные) */
.d-none {
  display: none !important;
}
.d-block {
  display: block !important;
}

/* ≥768px (планшеты и ПК) */
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-block {
    display: block !important;
  }
}

.form-zai-phones-automatic {
    margin-left: 0;
    margin-right: 0;
}
iframe[src*="yandex.ru/map-widget"] {
    box-shadow: 0px 0px 3px rgba(63, 69, 75, 0.7);
    border: 0px solid red;
    border-radius: 16px;
}

.desk-content {
    display: -webkit-box;
    -webkit-line-clamp: 4; /* количество строк */
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.showMoreBtn {
    margin:10px 0;
    text-align:center;
}
.showMoreBtn button {
    display: inline-block;
    padding: 2px 0;
    border: none;
    border-bottom: 1px dashed #000;
    background: none;
    cursor: pointer;
    outline: none;
}
.showMoreBtn button:hover {
    border-bottom: 1px dashed #ff8000;
    color: #ff8000;
}