/* fonts */
/* fonts Open Sans */
/* light */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans'),
        url('../fonts/OpenSans/OpenSans-Light.woff2') format('woff2'),
        url('../fonts/OpenSans/OpenSans-Light.woff') format('woff');
}
/* normal */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: normal;
    src: local('Open Sans'),
        url('../fonts/OpenSans/OpenSans-Regular.woff2') format('woff2'),
        url('../fonts/OpenSans/OpenSans-Regular.woff') format('woff');
}
/* medium */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    src: local('Open Sans'),
        url('../fonts/OpenSans/OpenSans-Medium.woff2') format('woff2'),
        url('../fonts/OpenSans/OpenSans-Medium.woff') format('woff');
}
/* bold */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: bold;
    src: local('Open Sans'),
        url('../fonts/OpenSans/OpenSans-Bold.woff2') format('woff2'),
        url('../fonts/OpenSans/OpenSans-Bold.woff') format('woff');
}

/* light italic */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: local('Open Sans'),
        url('../fonts/OpenSans/OpenSans-LightItalic.woff2') format('woff2'),
        url('../fonts/OpenSans/OpenSans-LightItalic.woff') format('woff');
}
/* normal italic */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: normal;
    src: local('Open Sans'),
        url('../fonts/OpenSans/OpenSans-Italic.woff2') format('woff2'),
        url('../fonts/OpenSans/OpenSans-Italic.woff') format('woff');
}
/* medium italic */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 500;
    src: local('Open Sans'),
        url('../fonts/OpenSans/OpenSans-MediumItalic.woff2') format('woff2'),
        url('../fonts/OpenSans/OpenSans-MediumItalic.woff') format('woff');
}
/* bold italic */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: bold;
    src: local('Open Sans'),
        url('../fonts/OpenSans/OpenSans-BoldItalic.woff2') format('woff2'),
        url('../fonts/OpenSans/OpenSans-BoldItalic.woff') format('woff');
}

/* fonts Roboto */
/* light */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto'),
        url('../fonts/Roboto/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto/Roboto-Regular.woff') format('woff');
}
/* normal */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    src: local('Roboto'),
        url('../fonts/Roboto/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto/Roboto-Regular.woff') format('woff');
}
/* bold */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: bold;
    src: local('Roboto'),
        url('../fonts/Roboto/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/Roboto/Roboto-Bold.woff') format('woff');
}

/* light italic */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    src: local('Roboto'),
        url('../fonts/Roboto/Roboto-Italic.woff2') format('woff2'),
        url('../fonts/Roboto/Roboto-Italic.woff') format('woff');
}
/* normal italic */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: normal;
    src: local('RobotoCondensed'),
        url('../fonts/Roboto/Roboto-Italic.woff2') format('woff2'),
        url('../fonts/Roboto/Roboto-Italic.woff') format('woff');
}
/* bold italic */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: bold;
    src: local('RobotoCondensed'),
        url('../fonts/Roboto/Roboto-BoldItalic.woff2') format('woff2'),
        url('../fonts/Roboto/Roboto-BoldItalic.woff') format('woff');
}

@font-face {
    font-family: 'NautilusPompilius';
    src: url("../fonts/NautilusPompilius/NautilusPompilius.woff") format("woff"),
    url("../fonts/NautilusPompilius/NautilusPompilius.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fontello';
    src: url('../vendor/fontello/font/fontello.eot?9103994');
    src: url('../vendor/fontello/font/fontello.eot?9103994#iefix') format('embedded-opentype'),
        url('../vendor/fontello/font/fontello.woff?9103994') format('woff'),
        url('../vendor/fontello/font/fontello.ttf?9103994') format('truetype'),
        url('../vendor/fontello/font/fontello.svg?9103994#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fontello';
    src: url('../vendor/fontello/font/fontello.eot');
    src: url('../vendor/fontello/font/fontello.eot') format('embedded-opentype'),
        url('../vendor/fontello/font/fontello.woff') format('woff'),
        url('../vendor/fontello/font/fontello.ttf') format('truetype'),
        url('../vendor/fontello/font/fontello.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* /fonts */

/*reset to defaults*/
*{margin:0px; padding:0px; /*-webkit-appearance: none;*/}

ul{list-style:none;}

table{border-collapse: collapse; border-spacing: 0;}
p img {position:relative; top: 4px;}
hr {border:0; background:0; height:1px; overflow:hidden;}
a,a:visited {text-decoration:underline; cursor: pointer;}
a:hover {text-decoration:none;}

img{max-width:100%;}
* { box-sizing: border-box; }
img{max-width:100%; box-sizing: padding-box;}

textarea { resize: none; }

.wsnw { white-space: nowrap; }
.tac { text-align: center; }


/*++ mobale ++*/
/* mobale - block */
.decstop-block {
    display: block !important;
}
.mobaile-block {
    display: none !important;
}
.mobile_device .decstop-block {
    display: none !important;
}
.mobile_device .mobaile-block {
    display: block !important;
}
/* mobale - inline-block */
.decstop-inline-block {
    display: inline-block !important;
}
.mobaile-inline-block {
    display: none !important;
}
.mobile_device .decstop-inline-block {
    display: none !important;
}
.mobile_device .mobaile-inline-block {
    display: inline-block !important;
}
/* mobale - flex */
.decstop-flex-block {
    display: flex !important;
}
.mobaile-flex-block {
    display: none !important;
}
.mobile_device .decstop-flex-block {
    display: none !important;
}
.mobile_device .mobaile-flex-block {
    display: flex !important;
}
/*++ mobale ++*/

/* root */
:root{
    --site-bg-color: #e2e2e2;
    --site-color: #000000;
    --site-color-w: #fff;
    --font-OpenSans: OpenSans, sans-serif;
    --font-Roboto: Roboto, sans-serif;
    --site-font-size: 0.875em;
    --h-color: #333333;
    --h1-font-size: 2.5em;
    --h2-font-size: 2.0em;
    --h3-font-size: 1.5em;
    --h4-font-size: 1.25em;
    --h5-font-size: 1.0em;
    --h6-font-size: 0.875em;
    --base-margin: 1.0rem;
    --base-padding: 1.0rem;
    --base-margin-2: 0.5rem;
    --base-padding-2: 0.5rem;

    --sub-color: #6d6d6d;
    --color-333: #333333;
    --color-logo: #098a77;
    --color-logo-hov: #199a87;


    --bs: 16;
    --base-size: 16px;
    --base-fz: 16px;
    --fz-14: 14px;
    --fz-12: 12px;

    --wrap-width: 1920px;

    --btn-pad: 0.625rem 2rem;

    --fg-pad: -20px;
    --fg-gap: 20px;
    --col-gap: 1.5rem;
    --row-gap: 2.0rem;

    --dbl-back: #f0f0f0;
    --bord-col: #e5e5e5;
    --back2:  #098a77;

}


.main-block {
    background: var(--dbl-back);
    border-top: 1px solid var(--bord-col);
    border-bottom: 1px solid var(--bord-col);
}


html { height: 100%; }
body {
    min-width: 320px;
    height: 100%;
    position: relative;
    color: var(--site-color);
    font-family: var(--font-Roboto);
    line-height: 1.3;
    /*background-color: var(--color-333); */

}
.site-container-1{
    min-height: 100%;
    background-color: var(--site-color-w);
}



header,
main,
footer {
    display: block;
}
main {
    flex-grow: 1;
}

.wrapper {
    width: 100%;
    max-width: var(--wrap-width);
    margin: 0 auto;
}
.bs-ph {
    padding: 0 var(--base-size);
}





.bs-pt {
    padding-top: calc(0.5*var(--base-padding));
}
.bs-pb {
    padding-bottom: calc(0.5*var(--base-padding));
}
.bs-mt {
    margin-top: calc(0.5*var(--base-padding));
}
.bs-mb {
    margin-bottom: calc(0.5*var(--base-margin));
}
.bs-mt2 {
    margin-top: calc(2.0*var(--base-margin));
}
.bs-mb2 {
    margin-bottom: calc(2.0*var(--base-margin));
}




h1,.h1, h2, h3, h4, h5, h6 {
    color:var(--h-color);
    margin-bottom: calc(2*var(--base-margin));
    font-family: var(--font-Roboto);
}
/*h2, h3, h4, h5, h6 {
    margin-top: calc(2*var(--base-margin));
}*/
.h1,
h1 { font-size: var(--h1-font-size);}
.add_head, h2 { font-size: var(--h2-font-size);}
h3 { font-size: var(--h3-font-size);}
h4 { font-size: var(--h4-font-size);}
h5 { font-size: var(--h5-font-size);}
h6 { font-size: var(--h6-font-size);}
.h1 { font-weight: bold;}

img {
    max-width: 100%;
}

.add_head {
    margin-bottom: calc(var(--base-margin));
}

.tm {
    display: flex;
    justify-content: center;
}


.content a, .content a:hover, .content a:visited {
    color: #2e4484;
}


.logo {
    display: flex;
    justify-content: flex-start;
    align-items: center;

    margin: 10px 0;
    width: 270px;
    text-decoration: none;
}




.logo__img {
    width: 70px;
}

.logo img {
    display: block;
    width: 100%;
}
.logo__text {
    display: block;
}

.logo__title {
    display: block;
    color: #098a77;
    font-family: "NautilusPompilius", sans-serif;
    font-weight: 400;
    font-size: 1.9rem;
    line-height: 1;

}

.logo__subtitle {
    display: block;
    padding-top: 5px;
    color: #6e6e6e;
    font-family: "NautilusPompilius", sans-serif;
    font-weight: 400;
    font-size: 1.18rem;
    letter-spacing: 1.35px;
    line-height: 1;
}



.top_inf {
    color:var(--h-color);
    font-size: 1.75em;
    font-size: calc(1.75*var(--base-fz));
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
}

.top-decor {
    width: 100%;
    max-width: 699px;
    margin: 0 auto;
}

/* footer_fon */
.footer_fon,
.footer_fon_left,
.footer_fon_right {
    height: 15px;
}
.footer_fon {
    margin-bottom:11px;
    padding: 0px 0px;
}
.footer_fon_left,
.footer_fon_right {
    float: left;
    width: 50%;
}
.footer_fon {
    background: no-repeat center top url(../images/design/footer_fon_left.png);
}
@media screen and (max-width: 768px){
.footer_fon {
    background: none;
}
}
.footer_fon_left {
    background: no-repeat left top url(../images/design/footer_fon_left.png);
}
.footer_fon_right {
    background: no-repeat right top url(../images/design/footer_fon_right.png);
}

.footer_font,
.footer_font a {
    color: var(--color-333);
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 1.4;
}
@media screen and (max-width: 576px){
    .footer_font,
    .footer_font a {
        font-size: 0.75rem;
    }

}

#address {
    text-align: center;
    color: var(--color-333);
}
.cop {
    color: var(--color-333);
}

.cop-grx {
    text-decoration:none;position:relative;top:2px;
    display: flex;
    justify-content: space-between;
    /*padding: 0  var(--base-margin);*/
}
.grx {
    vertical-align: middle;
}
.grx-link {
    position: relative;
    top: 2px;
}


.ddf {
    display: flex;
    height: 40px;
}

.main_bottom_cont, .main_bottom_cont a {
    color: #fff;
}



.toolbar__item {
    display: inline-block;
    width: 39px;
    height: 39px;
    background: url(../images/icons/ic_toolbar.png) no-repeat;
    cursor: pointer;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.47);
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.47);
    margin: 0;
}

.toolbar__item_flamp {
    width: 103px;
    height: 40px;
    background-position: -363px -6px;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.47);
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.47);
    /* width: 39px; */
    /* height: 39px; */
    /* background-position: -108px -6px; */
    margin: 0 14px 0 0;
}

.toolbar__item_vk {
    background-position: -6px -6px;
    margin: 0 6px 0 0;
}

.license{
    display: flex;
    justify-content: space-around;
    flex-flow: row wrap;
}

.license_few{
justify-content: flex-start;
}
.license__item{
    width: 160px;
    margin: 0 0 15px;
    float: none;
}
.license__item_few{
    margin: 0 40px 15px 0;
}
.license__desc{
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}
.license__img{
    width: 160px;
    height: 222px;
}
.microdate{
display: none;}

.poisk {
    clear: both;
    display: block;
    width: 245px;
}
@media screen and (max-width: 576px){
.poisk {
    width: auto;
}
}
.poisk input[type="submit"] {
    border:medium none;
    color:#ffffff;
    font-family:Arial;
    font-size:14px;
    font-weight:bold;
    border-bottom: 2px solid #490065;
    border-radius: 3px;
    height: 32px;
    padding: 2px 10px;
    width: 76px;
    background: -moz-linear-gradient(top, #753d92 51%, #a783b9 100%);
    background:-webkit-linear-gradient(top, #753d92 51%, #a783b9 100%);
    background:-ms-linear-gradient(top, #753d92 51%, #a783b9 100%);
    background:-o-linear-gradient(top, #753d92 51%, #a783b9 100%);
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    cursor: pointer;
    margin: 0 !important;
}
.poisk input[type="submit"] :hover{
    border-bottom: 2px solid #490065;
}
.poisk input[type="submit"] :active{
    border-bottom: 2px solid #490065;
}

.poisk input[type="text"] {
    height: 32px;
    width: 158px;
    border-radius: 6px;
    border: 1px solid #aeaeae;

}
.poisk input[type="text"], textarea {
    background: #e7e6e6 none repeat scroll 0 0;
    color: #808080;
    font-family: var(--font-OpenSans);
    font-size: var(--base-size);
    padding-left:5px;
}


.wrap__searchDesktop {
    flex-grow: 1;
    margin: 0 10px;
}
@media screen and (max-width: 888px){
    .wrap__searchDesktop {
        flex-grow: 0;
    }
}

form.search {
    display: block;
    margin: 0 auto;
    padding-bottom: 0px;
    width: 80%;
   /* max-width: 330px; */
    height: 36px;
    position: relative;
}

input[type="text"], textarea {
    background: #f5f5f5;
    color: #909090;
    font-family: var(--font-OpenSans);
    font-size: 1rem;
    padding: 2px 10px;
    border-radius: 3px;
    border: 1px solid #cecece;
    color: #454545;
    transition: border 200ms linear 0ms;
}
input[type="text"]:focus, textarea:focus{
    border: 1px solid #aeaeae;
}

input[type="text"]:hover, textarea:hover{
    border: 1px solid #aeaeae;
    transition: border 200ms linear 50ms;
}



.search input[type="text"] {
    height: 100%;
    width: 100%;

}

.search__btn {
    width: 36px;
    height: 100%;
    border: none;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0px;
    top: 1px;
    cursor: pointer;
}
.search__btn img {
    width: 70%;
    opacity: 0.8;
}
.search__btn:hover img {
    opacity: 1;
}

.rezult
{
    font-family:Arial;
    font-weight:bold;
    font-size:16px;
    color:#7c08a9;
}


.top_tel {
    font-family: var(--font-Roboto);
    white-space: nowrap;

}
.top_tel span.tel,
.top_tel span.nz {
    color: #454545;
    font-size: 20px;
}
.top_tel span.nm {
    color: #ce061d;
    font-size: 30px;
}

.mob-tel {
    color: var(--color-333);
    text-decoration: none;
}


@media screen and (max-width: 1500px){
    .logo, .ddf {
        width: 240px;
    }
    form.search {
        width: 300px;
    }
    .top_tel {
        font-size: 2.0rem;
    }
    .top_tel span {
        font-size: 1.25rem;
    }
}
@media screen and (max-width: 1200px){
    .logo {
        width: 240px;
    }
    form.search {
        width: 270px;
    }
    .top_tel {
        font-size: 1.875rem;
    }
    .top_tel span {
        font-size: 1.125rem;
    }
}
@media screen and (max-width: 992px){
    .logo {
        width: 240px;
    }
    form.search {
        width: 240px;
    }
    .top_tel {
        font-size: 1.75rem;
    }
    .top_tel span {
        font-size: 1.0rem;
    }
    .ddf {
        width: auto;
    }

}
@media screen and (max-width: 768px){
    .logo {
        width: 240px;
    }
    form.search {
        width: 210px;
    }
    .top_tel {
        font-size: 1.5rem;
    }
    .top_tel span {
        font-size: 0.875rem;
    }
}
@media screen and (max-width: 576px){
    .logo {
        width: 200px;
    }
    form.search {
        width: 200px;
    }
}


.u-block a.button {
    display: block;
    position: relative;
    background-color: var(--color-logo);
    padding: 16px;
}

.u-block a.button:hover {
    background-color: var(--color-logo-hov);
    box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
}


.navCatalog {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.navCatalog > div {
    margin-bottom: 30px;
}


.btnNavCatalog,
.button {
    padding: 10px 30px;
    background: #098a77;
    border-radius: 20px;
    color: #ffffff;
    text-decoration: none;
    font-family: var(--font-Roboto);
    font-size: var(--fz-14);
    cursor: pointer;

}

.button2 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 10px 30px;
    background:#098a77;
    border-radius: 20px;
    color: #ffffff;
    text-decoration: none;
    font-family: var(--font-Roboto);
    font-size: var(--fz-14);
    cursor: pointer;
}

.button3 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 10px 15px;
    background:#098a77;
    border-radius: 20px;
    color: #ffffff;
    text-decoration: none;
    font-family: var(--font-Roboto);
    font-size: var(--fz-14);
    cursor: pointer;
}

.btnNavCatalog:hover,
.button:hover,
.button2:hover,
.button3:hover {
    background-color: var(--color-logo-hov);
}


.content a.btnNavCatalog,
.content a.btnNavCatalog:hover,
.content a.btnNavCatalog:visited,
.content a.button,
.content a.button:hover,
.content a.button:visited {
    color: #ffffff;
}


.icon-but-left {
    margin-right: 5px;
    position: relative;
    top: 2px;
}



.top-menu {
    background-color: #098a77;
    padding: 0px 0;
    position: relative;
    z-index: 100;
}
header {
    position: relative;
}

.dots {
    display: none;
    position: absolute;
    right: 16px;
    top: 16px;
    z-index: 10;
}

.dots {
    width: 32px;
    height: 29px;
    padding-top: 0px;
    cursor: pointer;
}
.dots.active {
    position: absolute;
    z-index: 200;
    right: 16px;
    top: 16px;
}

.dots i {
    display: block;
    width: 32px;
    height: 3px;
    border-radius: 0px;
    background: var(--color-333);
    margin: 5px auto;
    position: relative;
    transition: all 0.2s linear 0.0s;
}


.dots.active i {
    background: var(--site-color-w);
}
.dots.active i:nth-child(2) {
    opacity: 0.0;
    transition: opacity 0.2s linear 0.0s;
    display: none;
    transition: display 1s linear 0.5s;
}
.dots.active i:nth-child(1) {
    width: 32px;
    transform: rotate(45deg);
    top: 8px;
    transition: all 0.2s linear 0.0s;
}
.dots.active i:nth-child(3) {
    width: 32px;
    transform: rotate(-45deg);
    top: 0px;
    transition: all 0.2s linear 0.0s;
}


.mov-menu .dots {
    left: auto;
    right: 20px;
}


.mov-menu .dots i {
    background: var(--color-333);
}
.mov-menu .dots.active i {
    background: var(--color-333);
}



.tmliist {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto;

}

.tmd, .tmd_u {
    position: relative;
}

.tmu2 {
    display: block;
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    font-family: var(--font-Roboto);
    font-weight: bold;
    text-decoration: none;
    opacity: 1.0;
    transition: opacity 100ms linear;
    padding: 1rem 1rem;
    white-space: nowrap;
}
.tmu2:hover {
    color: #ffffff;
    /*opacity: 0.7;*/
    transition: opacity 100ms linear;

}
.tmd_u .tmu2 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.tmd_u:hover .tmu2 {
    background-color: var(--dbl-back);
    color: var(--color-333);
}

.tmd:hover  .tmu2 {
    background-color: var(--color-logo-hov);
}

.ur_2 {
    display: none;
    position: absolute;
    left: -30px;
    top: 50px;
    /*background-color: #098a77;*/
    background-color: var(--color-logo-hov);
    box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
    padding: 20px;
    min-width: 350px;
    width: 100%;
}
.menuMain__item {
    padding-top: 10px;
    padding-bottom: 10px;
}

.menuMain__item > a {
    font-size: 12px;
    color: #ffffff;
    text-transform: uppercase;
    font-family: var(--font-Roboto);
    font-weight: bold;
    text-decoration: none;
}
.menuMain__item > a:hover span {
    border-bottom: 1px solid #ffffff;
}

.tm_uslugi {
    display: none;
    position: absolute;
    left: -30px;
    top: 50px;
    background-color: #ffffff;
    box-shadow: 4px 4px 4px rgba(0,0,0,0.3);
    padding: 0 32px;
    min-width: 350px;
    width: 970px;
    height: auto;
    background-color: var(--dbl-back);
}

.tm_uslugi__cont {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
}

.tm_uslugi .tm_uslugi__p1 {
    flex: 0 0 290px;
    height: calc(100% - 10px);
    border-right: 3px solid var(--color-logo);
    margin-top: 5px;
    margin-bottom: 0px;
    padding-right: 30px;
    padding-top: 24px;
}
.tm_uslugi .tm_uslugi__p2 {
    flex-grow: 1;
    height: 100%;
}

.tm_uslugi__cat {
    margin: 1rem 0;
    cursor: pointer;
    padding-right: 16px;
    position: relative;
    color: var(--color-logo);
}
.tm_uslugi__cat span {
    padding-bottom: 4px;
    border-bottom: 1px solid transparent;
}


.tm_uslugi__cat:hover,
.tm_uslugi__cat.active {
    color: var(--color-333);
}

.tm_uslugi__cat.active span {
    border-bottom: 1px solid var(--color-333);
}


.tm_uslugi-icon {
    display: none;
    position: absolute;
    right: 0px;
    top: 3px;
    display: block;
    opacity: 1;
    margin: auto;
    font-family: 'fontello';
    font-style: normal;
    font-size: 13px;
    color: var(--color-333);
}

.tm_uslugi__cat .tm_uslugi-icon {
    display: none;
    color: var(--color-333);
}

.tm_uslugi__cat.active .tm_uslugi-icon {
    display: block;
    color: var(--color-333);
}

.u-block {
    margin-bottom: 12px;
}


.us-list {
    display: none;
    padding: 32px;
    column-width: 48%;
	column-count: 2;
	column-gap: 4%;
}

.ury_2 {
    margin-bottom: 12px;
}

.us-list a {
    color: var(--color-logo);
    text-decoration: none;
}
.us-list a:hover {
    color:  var(--color-333);
}

.icon-us {
    width: 13px;
    height: 13px;
    display: inline-grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 2px;
    row-gap: 2px;
    margin-right: 8px;
}

.icon-us span {
    display: block;
    width: 3px;
    height: 3px;
    background-color: #fff;
}

.tmd_u:hover .icon-us span {
    background-color: var(--color-333);
}



.mm-li {
    margin-bottom: 12px;
}
.mmu-linck {
    color: var(--color-333);
    text-decoration: none;
}
.mmu-linck:hover {
    color: var(--color-333);
    text-decoration: underline;
}

.wrapMcenter {
    margin-top: 3rem;
}


.footer__info {
    background: #ffffff;
}

.disclaimer {
    opacity: 0.1;
    color: #ffffff;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-align: center;
    line-height: 1.3;
    padding-top: 1rem;
    padding-bottom: 32px;
}
@media screen and (max-width: 992px){
    .disclaimer {
        font-size: 1.25rem;
        opacity: 0.2;
    }
}
@media screen and (max-width: 768px){
    .disclaimer {
        font-size: 1.00rem;
        opacity: 0.3;
    }
}
@media screen and (max-width: 576px){
    .disclaimer {
        font-size: 0.75rem;
        opacity: 0.5;
    }
}


.swiper-button-next,
.swiper-button-prev {
    width: 42px;
    height: 42px;
    background-color: rgba(255,255,255,1.0);
    color: #303030;
    transition: all 100ms linear;
    border-radius: 3px;
    font-weight: bold;
    top: auto;
    bottom: 50px;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
    background-color: #098a77;
    color: #ffffff;
    transition: all 100ms linear;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 16px;
}

.swiper-button-next {
    right: 100px;
}
.swiper-button-prev {
    left: auto;
    right: 152px;
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
    top: auto;
    bottom: 64px;
    left: auto;
    right: 222px;
    width: 200px;
}

.swiper-pagination {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.swiper-pagination-bullet {
    background: #ffffff;
    opacity: 1;
    width: 10px;
    height: 10px;
}
.swiper-pagination-bullet-active {
    background: #098a77;
    opacity: 1;
    width: 14px;
    height: 14px;
}

.mySwiper {
    overflow: hidden;
    position: relative;
    height: 497px;
}
.spec-slider {
    overflow: hidden;
    position: relative;
}

img.img-slide {
    width: 1920px;
    max-width: none;
}


.swiper-slide, swiper-slide {
    flex-shrink: 0;
    /*width: 100%;
    height: 100%;*/
    position: relative;
    transition-property: transform;
    display: block;
}

.slide-info {
    position: absolute;
    left: 100px;
    top: 60px;
    width: 500px;
    line-height: 1.12;

}

.sl-font-white .slide-head-1, .sl-font-white .slide-head-2, .sl-font-white .slide-head-3 {
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}
.sl-font-black .slide-head-1, .sl-font-black .slide-head-2, .sl-font-black .slide-head-3 {
    color: var(--color-logo);
    text-shadow: 1px 1px 2px rgba(255,255,255,0.8); /*rgba(255,255,255,0.4); */
}

.slide-button {
    margin-top: 2rem;
}



.slide-head-1 {
    font-size: 1.25rem;
}
.slide-head-2 {
    font-size: 4.375rem;
    font-weight: bold;
}
.slide-head-3 {
    font-size: 1.5rem;
}



@media screen and (max-width: 992px){
    .slide-head-1 {
        font-size: 1.125rem;
    }
    .slide-head-2 {
        font-size: 3.75rem;
        font-weight: bold;
    }
    .slide-head-3 {
        font-size: 1.25rem;
    }
    .slide-info {

        left: 50px;
        top: 30px;
        width: 500px;
    }
    .swiper-button-next {
        right: 50px;
    }
    .swiper-button-prev {
        left: auto;
        right: 102px;
    }
    .swiper-pagination-bullets.swiper-pagination-horizontal {
        right: 172px;
    }
}


@media screen and (max-width: 768px){
    .slide-info {
        left: 20px;
        top: 40px;
        width: calc(100% - 40px);
        max-width: 400px;
    }
    .swiper-button-next {
       display: none;
    }
    .swiper-button-prev {
       display: none;
    }
    .swiper-pagination-bullets.swiper-pagination-horizontal {
        display: none;
    }
    .slide-head-1 {
        font-size: 1.0rem;
    }
    .slide-head-2 {
        font-size: 2.75rem;
        font-weight: bold;
    }
    .slide-head-3 {
        font-size: 1.125rem;
    }
    .mySwiper {
        height: 309px;
    }
    img.img-slide {
        width: 1000px;
        max-width: 1000px;
    }
}

@media screen and (max-width: 576px){
    .slide-head-1 {
        font-size: 0.875rem;
    }
    .slide-head-2 {
        font-size: 1.75rem;
        font-weight: bold;
    }
    .slide-head-3 {
        font-size: 1.0rem;
    }
}


.spec-slider .swiper-wrapper {
    padding-top: 1rem;
}



/* tizers-list */
.tizers-list {
/*    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;*/
}
.tizer-item {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 320px;
    margin-bottom: 16px;
}
.tizer-icon {
    flex: 0 0 50px;
    margin-right: var(--base-margin);
}
.tizer-text {
    flex-grow: 1;
}
.tizer-head {
    color: var(--h-color);
    font-size: var(--h5-font-size);
    margin-bottom: var(--base-margin-2);
    font-family: var(--font-Roboto);
    font-weight: bold;
}
.tizer-mesage {
    color: var(--sub-color);
    font-size: var(--fz-16);
    font-family: var(--font-Roboto);
}

/* /tizers-list */


img.align_left {
    margin-right:calc(2*var(--base-size));
    margin-left:0px;
    margin-bottom:var(--base-size);
    margin-top:0px;
}

img.align_right {
    margin-left:calc(2*var(--base-size));
    margin-right:0px;
    margin-bottom:var(--base-size);
    margin-top:0px;
}

img.align_none {
    margin-bottom:0px;
}


.person_galery_slick {
    padding-left: 60px;
    padding-right: 60px;
}

.person_galery_slick .slick__btnPrev,
.person_galery_slick .slick__btnNext {
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 100;
    top: 50%;
    border: none;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.person_galery_slick .slick__btnPrev {
    left: 0%;   transform: translate(0px,-50%);
    /*background-image: url(../../assets/images/slick/slick_arrow_prev.png);*/
}
.person_galery_slick .slick__btnNext {
    right: 0%;   transform: translate(0,-50%);
    /*background-image: url(../../assets/images/slick/slick_arrow_next.png);*/
}

.person_galery_slick .slick__btnPrev:before {
    content: '\f060';
    font-family: FontAwesome;
    color: #d9d9d9;
    font-size: 1.6rem;
    position: absolute;
    left: 0%;
    top: 0%;
}
.person_galery_slick .slick__btnPrev:hover:before {
    color: #1790b2;
    transition: color 100ms;
}

.person_galery_slick .slick__btnNext:before {
    content: '\f061';
    font-family: FontAwesome;
    color: #d9d9d9;
    font-size: 1.6rem;
    position: absolute;
    right: 0%;
    top: 0%;
}
.person_galery_slick .slick__btnNext:hover:before {
    color:#098a77;
}

.specialist__item:hover {
    box-shadow: 0px 0px 25px rgba(0,0,0,0.14);
}

.specialist__item {
    width: 235px;
    margin: 20px auto;
}
.box {
    width: 100%;
    text-decoration: none;
    text-align: center;
}
.caption {
    line-height: 1.2;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    width: 100%;
    height: 140px;
    padding: 14px 10px 15px;
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: top;
    box-sizing: border-box;
    margin: 0px 0 0;
    position: relative;
    background: #fff;
}

.caption_name {
    margin-bottom: 9px;
    text-align: center;
    font-size: 18px;
    line-height: 1.3;
    color: #000;
    display: flex;
    width: auto;
    height: 52px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 0px 0px 5px;
}

.caption_dolgn {
    text-align: center;
    font-size: 14px;
    color: #606060;
    padding: 0px 10px;
    display: flex;
    width: auto;
    height: 70px;
    justify-content: center;
    align-items: center;
    border-radius: 3px 0px 0px 0px;
    overflow: hidden;
}

.text-caution{
    margin-bottom: 12px;
}


/* newswiget_main */
.newswiget_main{
    /*display: flex;
    justify-content: space-between;
    flex-wrap: wrap;*/
}
.newswiget_main .article {
    padding: 0px;
    margin: 0px;
    text-decoration: none;
}
.newswiget_main .article .img {
    overflow: hidden;
    flex: 0 0 131px;
    text-align: center;
    padding-right: 2px;
    padding-top: 4px;
}
.newswiget_main .article .img img {
    border: 1px solid var(--bord-col);
}

.newswiget_main .article:hover .img img {
    border: 1px solid var(--h-color);
}

.newswiget_main .article .content {
    padding: 0px;
    flex-grow: 1;
}

.desc h5 {
    margin-top: 0;
    margin-bottom: 0;
}
.desc h5 a {
    color: var(--h-color);
    text-decoration: none;
}
.newswiget_main .article:hover h5 {
    color: var(--sub-color);
}

.newswiget_main .article .date {
    color: var(--sub-color);
    margin-bottom: 5px;
    font-size: var(--fz-12)
}

.desc {
    margin-top: var(--base-size);
}

.news-text {
    font-size: var(--fz-14);
}

/* /newswiget_main */


.news {
	display: grid;
	column-gap: var(--col-gap);
	row-gap: var(--row-gap);
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.news .block {
    max-width: 420px;
}
.news .blockimg {
    margin-bottom: 10px;
}

@media screen and (max-width: 1000px){
    .news {
        grid-template-columns: 1fr 1fr 1fr;
    }
}
@media screen and (max-width: 772px){
    .news {
        grid-template-columns: 1fr 1fr;
    }
}
@media screen and (max-width: 542px){
    .news {
        grid-template-columns: 1fr;
    }
    .news .blockimg {
        text-align: center;
    }

}


#listing {
    display: flex;
    justify-content: center;
}

p.prev,
p.next {
    margin: 0px 3px;
}

p.prev a, p.prev span,
p.next a, p.next span {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 22px;
}

.list {
    display: flex;
    align-content: center;
}

.list span,
.list a {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 3px;
    border-radius: 16px;
}
.list a {
    background-color: var(--color-logo);
    text-decoration: none;
    color: #fff !important;
}
.list a:hover {
    background-color: var(--color-logo-hov);
    color: #fff !important;
}
.list span {
    color: var(--color-logo);
    font-weight: bold;
}


p.prev a,
p.next a {
    text-decoration: none;
    color: var(--color-logo) !important;
    font-size: 24px;
}

p.prev span,
p.next span {
    text-decoration: none;
    color: var(--color-logo-hov);
    font-size: 24px; 
}



.spec-slider {
    margin-bottom: 2rem;
}

.spec-slider .swiper-slide {
    padding: 1rem;
}

.person-slider__cart {
    width: calc(100% - 2rem) ;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
    padding: 2rem 1rem;
}
.person-slider__cart:hover {
    box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
}

.person-slider__img {
    display: block;
    margin: 0 auto 1rem;
}
.person-slider__name {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: var(--h5-font-size);
    color: var(--color-333);
    margin-bottom: 1rem;
}
.person-slider__dolg {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: var(--h6-font-size);
    color: var(--sub-color);
}



.swiper-button-next.pers-btn {
    top: 50%;
    right: 0px;
}
.swiper-button-prev.pers-btn {
    top: 50%;
    left: 0px;
}


.pers-btn {
    background-color: #098a77;
    color: #ffffff;
    transition: all 100ms linear;
}
.pers-btn:hover {
    background-color: #d9d9d9;
    color: #303030;
    transition: all 100ms linear;
}


#YMapsID {
    width: 100%;
    height: 100%;
    border-bottom: 2px dotted #005581;
}

.map {
    height: 500px;
    margin-bottom: 0;
}


footer {
    background-color: var(--back2);
    overflow: hidden;
}
.footer__info {
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width: 768px){
    .footer__info {
        flex-direction: column;
        align-items: center;
    }
}



.mov-menu {
    box-sizing: border-box;
    position: fixed;
    z-index: 12000;
    left: -100%;
    transition: left 200ms linear;
    top: 0px;
    width: 100%;
    height: 100%;
    background: var(--dbl-back);
    overflow: auto;
    /*padding: 50px 25px 25px 25px;*/
    z-index: 100;
}

.mov-menu.opened-mob {
    left: 0%;
    transition: left 200ms linear;
}




.mov-menu ul {
    box-sizing: border-box;
    position: fixed;
    z-index: 12000;
    left: -100%;
    transition: left 200ms linear;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: auto;
    padding: 50px 25px 25px 25px;
}
.mov-menu ul.opened-mob {
    left: 0%;
    transition: left 200ms linear;
}



.mov-menu ul {
    display: block; position: fixed;left: -100%; top: 0px;background: #fff;
    width: 100%;height: 100%;padding: 50px 25px 25px; box-sizing: border-box;
    transition: left 200ms linear;
}
.mov-menu ul li.opened-mob > ul {
   left: 0%;
   transition: left 200ms linear;
   overflow: auto;
}
.mov-menu ul  { z-index: 10; }
.mov-menu ul ul { z-index: 20; }
.mov-menu ul ul ul { z-index: 30; }
.mov-menu ul ul ul ul { z-index: 40; }

.mov-menu > ul {
    box-sizing: border-box;
    position: static;
    z-index: 12000;
    left: 0%;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: auto;
    padding: 50px 25px 25px 25px;
}


/* Îáùåå */
/*======================================================================================*/
ul.vertmenu {
    width:100%;
    position:relative;

}

ul.vertmenu > li {
    padding: 0 1.0rem 0 1.0rem;
    position: relative;
    box-sizing: border-box;
    min-height: 40px;
    margin-bottom: 1rem;
}


ul.vertmenu ul li {
    padding: 0 1.0rem 0 1.0rem;
    position: relative;
    box-sizing: border-box;
}
ul.vertmenu ul li:before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    left: 0px;
    top: 0.5rem;
    background:var(--color-logo);
}

ul.vertmenu li  a {

/*    display: block;
    padding: 0.5em 0 0.5em 1px;
    font-size: 18px;
    text-decoration: none;*/
}

/*======================================================================================*/
/* /Îáùåå 1 */


/* Óðîâåíü 1 */
/*======================================================================================*/

ul.vertmenu {
    background: url("images/vm_separater.png") no-repeat  1.0em top;
    margin-bottom:0px;
}
ul.vertmenu li.ur_1 {
   /* background: url("images/vm_lvl_1.png") no-repeat scroll left 13px; */
}

ul.vertmenu li.ur_1 > a {

}

/*ul.vertmenu li.ur_1 > a, ul.vertmenu li div a {
    color: #2852a8;
}
ul.vertmenu li.ur_1 > a:hover {
    color: #CE0000;
}
ul.vertmenu li.ur_1.opened > a, ul.vertmenu li.opened div a {
    color: #CE0000;
}*/

/*======================================================================================*/
/* /Óðîâåíü 1 */


/* Óðîâåíü 2 */
/*======================================================================================*/

ul.vertmenu ul {

}
ul.vertmenu li.ur_2 {
    background: url("images/vm_lvl_2.png") no-repeat scroll left 13px;
}
ul.vertmenu li.ur_2 > a {
    color: #496c04;
}
ul.vertmenu li.ur_2 > a:hover {
    color: #000000;
}
ul.vertmenu li.ur_2.opened > a {
    color: #000000;
}

/*======================================================================================*/
/* /Óðîâåíü 2 */


/* Óðîâåíü 3 */
/*======================================================================================*/

ul.vertmenu ul ul {

}
ul.vertmenu li.ur_3 {
    background: url("images/vm_lvl_3.png") no-repeat scroll left 13px;
}

ul.vertmenu li.ur_3 > a {
    color: #7c08aa;
}
ul.vertmenu li.ur_3 > a:hover {
    color: #c05300;
}
ul.vertmenu li.ur_3.opened > a {
    color: #c05300;
}

ul.vertmenu li.ur_3.opened > a span {
    background: repeat-x bottom url(images/vm3_hover.png);

}

/*======================================================================================*/
/* /Óðîâåíü 3 */

.ul-ur-2 {
    padding: 1rem;
}

.li-ur_2 {
    margin-bottom: 0.5rem;
    position: relative;
}

.ul-ur-2 a {
    color: var(--color-logo);
    text-decoration: none;
}
.ul-ur-2 a:hover{
    color: var(--color-333);
    text-decoration: underline;
}


a.prise_a {
    background: url(../images/design/prise.png) no-repeat right top;
    color: #2852A8;
    display: block;
    font-family: arial;
    font-size: 20px;
    font-weight: bold;
    margin: 30px auto 30px;
    padding: 7px 52px 15px 0;
    width: 143px;
}
@media screen and (max-width: 992px){
    a.prise_a {
        background: url(../images/design/prise.png) no-repeat right top;
        color: #2852A8;
        display: block;
        font-family: arial;
        font-size: 14px;
        font-weight: bold;
        margin: 0;
        padding: 7px 52px 15px 0;
        width: 120px;
        position: absolute;
        right: 10px;
        top: 200px;
    }
}

@media screen and (max-width: 576px){
    a.prise_a {
        background: url(../images/design/prise.png) no-repeat right top;
        color: #2852A8;
        display: block;
        font-family: arial;
        font-size: 12px;
        font-weight: bold;
        margin: 0;
        padding: 7px 52px 15px 0;
        width: 94px;
        position: absolute;
        right: 10px;
        top: 295px;
    }
}
@media screen and (max-width: 992px){

ul.vertmenu {
    box-sizing: border-box;
    position: fixed;
    z-index: 12000;
    left: -100%;
    transition: left 200ms linear;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: auto;
    padding: 50px 25px 25px 25px;
}
ul.vertmenu.opened-mob {
    left: 0%;
    transition: left 200ms linear;
}
ul.vertmenu ul, ul.vertmenu ul ul, ul.vertmenu ul ul ul, ul.vertmenu ul ul ul ul {
    display: block; position: fixed;left: -100%; top: 0px;background: #fff;
    width: 100%;height: 100%;padding: 50px 25px 25px; box-sizing: border-box;
    transition: left 200ms linear;
}
ul.vertmenu li.opened-mob > ul {
   left: 0%;
   transition: left 200ms linear;
   overflow: auto;
}
ul.vertmenu { z-index: 10; }
ul.vertmenu ul { z-index: 20; }
ul.vertmenu ul ul { z-index: 30; }
ul.vertmenu ul ul ul { z-index: 40; }



ul.vertmenu ul {
    background: #fff;
}

}


.pod_vertmenu  {
    position:relative;
     margin-left:0px;
}

.vm_ok {
    position:relative;
    z-index: 101;
}
.vm_ok_fon {
    background: repeat-y right url(images/vm_ok_fon.png);
}

.vm_ok_ko {
    position: absolute;
    left:250px;
    top: 36px;
    background: #f4f2f2;
    border: 1px solid #9ccde3;
    border-radius:0px 6px 6px 6px;
    box-shadow: 3px 5px 6px rgba(0,0,0,0.5);
    width:753px;
    min-height:130px;
    z-index: 100;
}

.vm_ok_vn {
    padding: 10px 24px;
    overflow:hidden;
}

.vm_ok_vn ul {
    width:22%;
    float: left;
}
.vm_ok_vn ul li {
    padding-bottom:2px;
}

.vm_ok_vn ul a  {
   color:#1f206d;
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
}
.vm_ok_vn ul a:hover {
    text-decoration: underline;
}

.vm_ok_vn .vm_ok_vn_rasd {
     width:4%;
     background: repeat-y center center url(images/vm_ok_vn_rasd.png);
     float: left;
     position:relative;
}
.vm_ok_vn_rasd_top, .vm_ok_vn_rasd_bottom {
    position: absolute;
    left:0px;
    width:100%;
    height: 60px;
}
.vm_ok_vn_rasd_top {
    top: 0px;
    background: no-repeat center top url(images/vm_ok_vn_rasd_top.png);
}
.vm_ok_vn_rasd_bottom {
    bottom: 0px;
    background: no-repeat center bottom url(images/vm_ok_vn_rasd_bottom.png);
}


ul.vertmenu li  a.new_sep {
    background: url("images/new_sep.png") no-repeat  left bottom;
}

.content ul{
    margin-bottom:1.0em;
}
.content ul li{
    padding-left: 1.0em;
    position: relative;
    margin-bottom:0.5em;
    /*background: no-repeat left 6px url(../images/design/mark.png);*/
}
.content ul li:before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    left: 0px;
    top: 0.5em;
    background: #7c08a9;
}

.content ol{
margin-bottom:10px;
list-style:none;
}
.content ol li{}

p.more a,
a.more,
p.more a:visited,
a.more:visited,
p.back a,
a.back,
p.back a:visited,
a.back:visited {
    color: #000;
}
p.more2 a, a.more2,
p.more2 a:visited, a.more2:visited {
    color: #a12121;
}

.content ul.docdow li {
    margin-bottom:10px;
    line-height: 16px;
}
.content ul.docdow li a {
    font-size: 12px;
}
p {
    margin-bottom: 1.0em;
    line-height: 1.5;
}

.content > p {
    text-align: justify;
}


.catalog-box {
    margin-right: -16px;
}


.catalog-item {
    display: block;
    box-sizing: border-box;
    padding: 0.5rem 0.5rem 0.75rem;
    width: 270px;
    margin: 0 5px 32px;
    background-color: #fff;
    text-align: center;
    text-decoration: none;
    color:var(--h-color);
    font-size: 0.875rem;
    font-weight: bold;
    border: 1px solid #a0cde0;
}
.catalog-item:hover {
    box-shadow: 0px 0px 15px rgba(0,0,0,0.20);
}

.catalog-item img {
    max-width: 100%;
    display: block;
    margin-left:auto;
    margin-right:auto;
    margin-bottom: 0.266rem;
}



.contactsMap {
    width: 100%;
    height: 600px;
    margin: 0 0 33px;
}

@media screen and (max-width: 1023px){
    .contactsMap {
        max-height: 300px;
        height: 50vh;
    }
}


.hidden{display:none;}


/* feedback */

p.mesaga {
    font-size:12px;
}

.content .feedback table {
    margin-bottom:15px;
    min-width: 0;
}
.content .feedback table td {
    padding-bottom:1px;
    border:none;
    vertical-align:top;
    text-align: left !important;
}
.content .feedback table td.left {
    padding-left:0px;
    padding-top:4px;
    padding-right:20px;
}

.feedback input[type="text"],
.feedback textarea {
    width:423px;
    padding:2px 5px 3px 5px;
}
.feedback_faq input[type="text"],
.feedback_faq textarea {
    /*width:287px; */
}
.feedback input[type="text"]{
    height:36px;
}
.feedback textarea {
    height:105px;
    resize:none;
}

.feedback select {
    width:293px;
    height:22px;
}

.feedback td.captcha img {
  margin:0;
}


.feedback td.captcha a,
.feedback td.captcha a:visited {
    position:relative;
    top: -6px;
}


.feedback input[type="submit"]{
    float:right;
}
.feedback input[type="submit"]:active{
    position:relative;
    top:1px;
    left:1px;
}

td.captcha br {
  line-height: 1px;
}

.content .feedback td.for_send {
   padding-top:9px;
}

.content .feedback table td.top {
    display: none;
}
@media screen and (max-width: 1250px){
.feedback_faq input[type="text"],
.feedback_faq textarea {
    width:237px;
}
}
@media screen and (max-width: 1171px){
.feedback_faq input[type="text"],
.feedback_faq textarea {
    width:320px;
}
}
@media screen and (max-width: 1023px){
    .feedback input[type="text"], .feedback textarea {
    width: 320px;
    padding: 2px 0 3px;
}
}

@media screen and (max-width: 570px){
    .feedback input[type="text"], .feedback textarea {
    width: 250px;
}
.content .feedback table td.left {
    padding-right: 0;
    }
}

@media screen and (max-width: 480px){
   .content .feedback table td.left {
    display: none;
}
   .content .feedback table td.top {
    display: block;
    padding: 5px 0;
}
    .content .feedback table td{
    padding: 0 0 12px 0;
}
.text-caution{
/*    left: 0;
    width: 234px;
    bottom: 15px;*/
    margin-bottom: 12px;
}
a.button.fancy{
    margin: 20px 0 0;
}
.feedback input[type="submit"]{
    margin: 9px 0 0;
}

.content .feedback table, .feedback input[type="text"], .feedback textarea  {
    width: 100%;

    }
}

@media screen and (max-width: 384px){
.feedback .text-caution {
    width: 204px;
    bottom: 0;
}
}



@font-face {
    font-family: 'fontello';
    src: url('../fontello/font/fontello.eot?9103994');
    src: url('../fontello/font/fontello.eot?9103994#iefix') format('embedded-opentype'),
        url('../fontello/font/fontello.woff?9103994') format('woff'),
        url('../fontello/font/fontello.ttf?9103994') format('truetype'),
        url('../fontello/font/fontello.svg?9103994#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}


:root{
    /* FORM */
    --label-size: 1.0em;
    /* checkbox radio */
    --check-radio-ind: 1rem;
    --check-radio-size: 1.125em;
    --check-radio-gap: 0.5em;
    --check-icon-size: 0.8em;
    --check-radio-brs: 25%;
    --check-radio-bc: #098a77;
    --check-radio-bc-hover: #199a87;
    --check-radio-brd:  2px solid #098a77;
    --check-radio-brd-hover: #199a87;
    --check-radio-bc-active: #098a77;
    --check-radio-brc-active: #199a87;
    --check-radio-box-shd-focus: 0 0 0 0.02rem rgba(0, 123, 255, 0.25);
    --check-radio-box-brc-focus:#098a77;
    --check-radio-box-dsbl:#098a77;
    --check-icon-col: #fff;
    --radio-icon-col: #5f5f5f;
    --radio-icon-size: 0.8em;
}

/*      var(--check-radio-ind);           */

[type="checkbox"], [type="radio"] {
    width:  var(--check-radio-size);
    height:  var(--check-radio-size);
}

.form-line {
    margin: 10px 0;
    display: flex;
    align-items: flex-start;
}

label.radio,
label.checkbox {
    display: flex;
    align-items: center;
    position: relative;
    margin-right: 10px;
    cursor: pointer;
}
label.radio:not(:first-child),
label.checkbox:not(:first-child){
    margin-left: var(--check-radio-ind);
}
/*label.radio > span:last-child,
label.checkbox > span:last-child {
    margin-left: var(--check-radio-gap);
}*/
label.radio>input,
label.checkbox>input {
   position: absolute;
    z-index: -1;
    opacity: 0;
}
.label-text {
    display: flex;
    align-items: center;
    font-size: var(--label-size);
}

span.checkbox-view {
    font-size:  var(--check-radio-size);
    display: flex;
    width: 1.2em;
    height: 1.2em;
    background-color: var(--check-radio-bc);
    border: var(--check-radio-brd);
    border-radius: var(--check-radio-brs);
    overflow: hidden;
}
.check-icon {
    display: block;
    opacity: 0;
    margin: auto;
    font-family: 'fontello';
    font-style: normal;
    font-size: var(--check-icon-size);
    color: var(--check-icon-col);
}
span.radio-view {
    font-size:  var(--check-radio-size);
    display: flex;
    width: 1.0em;
    height: 1.0em;
    background-color: var(--check-radio-bc);
    border: var(--check-radio-brd);
    border-radius: 50%;
    overflow: hidden;
}
.radio-icon {
    display: block;
    opacity: 0;
    margin: auto;
    font-family: 'fontello';
    font-style: normal;
    font-size: var(--radio-icon-size);
    color: var(--radio-icon-col);
}

label.radio > input:checked + span > .radio-icon,
label.checkbox > input:checked + span > .check-icon {
    opacity: 1;
}
label.radio>input:not(:disabled):not(:checked)+span:hover,
label.checkbox>input:not(:disabled):not(:checked)+span:hover {
    border-color: var(--check-radio-brd-hover);
    background-color: var(--check-radio-bc-hover);
}
label.radio>input:not(:disabled):active+span,
label.checkbox>input:not(:disabled):active+span {
    background-color: var(--check-radio-bc-active);
    border-color: var(--check-radio-brc-active);
}
label.radio>input:focus+span,
label.checkbox>input:focus+span {
    box-shadow: var(--check-radio-box-shd-focus);
}
label.radio>input:focus:not(:checked)+span,
label.checkbox>input:focus:not(:checked)+span {
    border-color: var(--check-radio-box-brc-focus);
}
label.radio>input:disabled+span,
label.checkbox>input:disabled+span {
    background-color: var(--check-radio-box-dsbl);
}






/*.dots {
    width: 32px;
    height: 29px;
    padding-top: 0px;
    cursor: pointer;
}
.dots.active {
    position: absolute;
    z-index: 200;
    right: 16px;
    top: 16px;
}

.dots i {
    display: block;
    width: 32px;
    height: 3px;
    border-radius: 0px;
    background: var(--h-color);
    margin: 5px auto;
    position: relative;
    transition: all 0.2s linear 0.0s;
}


.dots.active i {
    background: var(--h-color);
}
.dots.active i:nth-child(2) {
    opacity: 0.0;
    transition: opacity 0.2s linear 0.0s;
    display: none;
    transition: display 1s linear 0.5s;
}
.dots.active i:nth-child(1) {
    width: 32px;
    transform: rotate(45deg);
    top: 8px;
    transition: all 0.2s linear 0.0s;
}
.dots.active i:nth-child(3) {
    width: 32px;
    transform: rotate(-45deg);
    top: 0px;
    transition: all 0.2s linear 0.0s;
}*/

.back_linc {
    font-size: 18px;
    color: var(--h-color);
    font-weight: 700;
    margin-bottom: 10px;
    display: table;
    cursor: pointer;
}

/* kat1 */

table.katalog_tab {
    width:100%;
}
table.katalog_tab td {
    text-align: center;
    vertical-align: middle;
}

td.katfoto {
    width:100px;
    padding: 8px;
}
td.katfoto img {
   margin-bottom:-5px;
}

table.katalog_tab td.name {
     text-align: left;
}
table.katalog_tab td.name a {
    color: #000;
    text-decoration: none;
}
table.katalog_tab td.name a:hover {
    color: #000;
    text-decoration: underline;
}

/*table.katalog_tab td.kol_vo input {
    width:47px;
    height:27px;
    border: 1px solid #4ea7ce;
    padding: 0px 3px;
    text-align: center;
    vertical-align: middle;
}*/
.ie8 table.katalog_tab td.kol_vo input {
    height:18px;
    padding-top:5px;
    padding-bottom:3px;
}

table.katalog_tab td.in_card img {
    border: 0;
    margin-bottom:-4px;
}
table.katalog_tab.korz {
    width: auto;
}
div.itogo {
    color:#c05300;
    font-size: 14px;
    font-weight: bold;
    padding-right:130px;
    text-align: right;
    padding-top:9px;
    padding-bottom:9px;
}
.content table.katalog_tab td.card_submit_td {
    border: 0;
    text-align: right;
    padding-top:12px;
}

table.katalog_tab td.card_submit_td input[type="submit"]{
    background:url(../images/design/formbg_send.png);
    border:none;
    height:26px;
    width:110px;
    font-weight:bold;
    color:black;
    cursor:pointer;
    float:right;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    padding-bottom: 3px;
    color: #fff;
    margin-right:-10px;
}
table.katalog_tab td.card_submit_td input[type="submit"]:active{
    position:relative;
    top:1px;
    left:1px;
}


table{margin-bottom:16px;}


table th{
    border:1px solid var(--sub-color);
    padding:8px 8px;
    background-color: #c5e2ef;
    background-image: url(../images/design/th_fon.png);
    background-size: 40px 100%;
    text-transform: uppercase;
}
table td{border:1px solid var(--sub-color);padding:8px 16px;}



.catalogTile__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding: 0.5rem 0.5rem 1.25rem;
    width: 270px;
    margin: 0 5px 32px;
    background-color: #fff;
    text-align: center;
    text-decoration: none;
    color: var(--h-color);
    color: #000;
    font-size: 0.875rem;
    border: 1px solid #a0cde0;
}
.card-foto {
    width: 100%;
    display: block;
    max-height: 189px;
}
.art {
    font-size: 1.0rem;
    margin-top: 8px;
    margin-bottom: 8px;
}
.art_n {
    font-size: 0.875rem;
}
.card-name {
    font-size: 1.0rem;
    margin-top: 8px;
    margin-bottom: 8px;
    line-height: 1.4;
    /*color: var(--h-color);*/
}
.fancy-katalog, .fancy-katalog:hover, .fancy-katalog:visited {
    color: #000;
}

.price-block {
    font-size: 1.0rem;
    margin-top: 16px;
    margin-bottom: 16px;
    font-weight: bold;
}
.price {
    font-size: 1.125rem;
}

.info__articul,.info__name,.info__units,.info__price,.info__amt{
    margin: 0 0 14px
}
.info__name {
    min-height: 84px;
}
.priceValue{
    font-size: 24px;
    color: #fd3201;
}

.catalogTile__card .btn__addBasket{
    font-size: 16px;
    padding-top: 11px;
    padding-bottom: 11px;
}




.quantiter {
    display: flex;
    justify-content: center;
    align-items: center;
}


.count {
    width: 103px;
    display: flex;
    position: relative;
}
.count__input {
    border: 1px solid #4ea7ce;
    background: #fff;
    width: 70px;
    height: 32px;
    text-align: center;
}
.count__plus,
.count__minus {
    position: absolute;
    right: 0px;
}
.count__plus{
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 10px solid red;
    cursor: pointer;
    top: 2px;
}
.count__minus {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 10px solid red;
    cursor: pointer;
    bottom: 4px;
}


.catalogTile {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.panelCatalog {
    overflow: hidden;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 20px 0 24px;
}
.panelCatalog__sort {
    font-size: 14px;
    float: left;
    margin: 8px 0;
}
.sortPrise a, .sortName a {
    margin: 0 5px 0 9px;
    cursor: pointer;
    color: #000;
    text-decoration: none;
}
.sortName a:hover, .sortPrise a:hover{
    text-decoration: underline;
}

.panelCatalog__view {
    float: right;
    overflow: hidden;
    margin: 11px 0 0;
}

.viewCatalog__tile, .viewCatalog__table {
    width: 14px;
    height: 14px;
    background: url(../images/design/panelView.png) no-repeat center center;
    float: left;
    margin: 0 0 0 6px;
    cursor: pointer;
}

.viewCatalog__tile{
    background-position: -58px -6px;
}

.viewCatalog__tile:hover, .viewCatalog__tile_active{
    background-position: -84px -6px;
}

.viewCatalog__table{
    background-position: -6px -6px;
}

.viewCatalog__table:hover, .viewCatalog__table_active{
    background-position: -32px -6px;
}

.wrap__catalogTile {
    display: none;
}
table.katalog_tab {
    width: 100%;
    display: none;
}
.amtName {
    margin-right: 8px;
}


.top_card {
    width:74px;
    height:40px;
    position:  fixed;
    right: 0;
    top: 50px;
    z-index: 9;
}
@media screen and (max-width: 1200px){
.top_card {
    top: 150px;
}
}
@media screen and (max-width: 576px){
.top_card {
    position: absolute;
    top: 120px;
}
}

.card {
    width:74px;
    height:40px;
    position:  absolute;
    right:0px;
    top: 1px;
    overflow:hidden;

}
.card_fon {
    display: block;
    width:268px;
    height:30px;
    background: no-repeat left top url(../images/design/card_fon.png);
    position:relative;
}

.card_znak {
    display: block;
    width:22px;
    height:21px;
    position: absolute;
    right:24px;
    top: 4px;
    background: no-repeat left top url(../images/design/card_znak.png);
}
.card_name {
    width:133px;
    height:13px;
    position: absolute;
    right:-134px;
    top: 9px;
    background: no-repeat left top url(../images/design/card_name.png);
}
.ntv {

    height:19px;
    border-radius: 9px;
    background: #ff7200;
    position: absolute;
    right:4px;
    top: 20px;
    color:#ffffff;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding: 0px 5px;
}
.card_info {
    width:223px;
    height:68px;
    background: no-repeat left top url(../images/design/card_info_fon.png);
    position: absolute;
    right:10px;
    top: -70px;
}
.card_info div {
    padding-top:6px;
    padding-left:25px;
    color: #c15300;
    font-size: 12px;
    line-height: 20px;
}
.card_info div span {
    font-weight: bold;
}
.card_info div a {
    color: #000;
    font-size: 12px;
}

.koko {
    width:11px;
    height:41px;
    background: no-repeat left top url(../images/design/koko.png);
    position: absolute;
    right:-11px;
    top: 0px;
}


.wrapFleft {
    margin: 0px 0px 32px;
}


.uslugi {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
   padding: 20px 0;
        border-top: 1px solid #9c9a9a;
    border-bottom: 1px solid #9c9a9a;
    margin: 15px 0;
}
.uslugi__desc {
 font-family: Arial, Helvetica, sans-serif;
    color: #e76400;
    font-size: 20px;
    margin: 0 50px 0 0;
    line-height: 1.2;

/*flex: 100px;*/
}
.wrapVideo{
    max-width: 854px;
    width: 100%;
    height: 480px;
}

.videoContent {width: 30%; float: left; margin-right: 3%}
.videoContent__video { height: 40vh;}
.videoC {width: 55%; height: 45vh;}

@media screen and (max-width: 1023px){
    p.alert{
        margin-bottom: 2px;
    }
    .wrapFleft a.button.fleft {
    margin: 0 0 20px;
    float: none;
    width: 162px;}
    .wrapVideo{
    height: 45vh;
}
}




.catalogcart-crd,
input[type="submit"],
input[type="button"] {
    padding: 10px 30px;
    background: #098a77;
    border-radius: 20px;
    color: #ffffff;
    text-decoration: none;
    font-family: var(--font-Roboto);
    font-size: var(--fz-14);
    cursor: pointer;
    border:none;
}

.catalogcart-crd:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    background-color: var(--color-logo-hov);
}

.cart_rec {
    display: flex;
    justify-content: flex-end;
}

.form-object {
    overflow: auto;
}

.form-object input[type="text"], .form-object textarea {
    background: #e7e6e6;
    border: 1px solid #aeaeae;
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 6px;
    display: block;
    margin-bottom: 12px;
}
.form-object input[type="text"].my-alert, .form-object textarea.my-alert {
    border: 1px solid #f89406;
}
.form-object input[type="text"].zap, .form-object textarea.zap {
    border: 1px solid #50a050;
}

.form-object input[type="text"] {
    height: 32px;
    width: 100%;
}
.form-object textarea {
    height: 110px;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
}

.form-object {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: 480px;

}


input[type="text"]::placeholder {
    color: #202020;
}

textarea::placeholder {
    color: #202020;
}
input[type="text"]:focus::placeholder{
    color: #f5f5f5;
}
textarea:focus::placeholder {
    color:#f5f5f5;
}

button:active, button:focus,
input:active, input:focus {
    outline: none !important;
}
textarea:active, textarea:focus {
    outline: none !important;
}

.catalogcart {
    width: 32px;
    height: 32px;
    padding: 5px;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
}
.catalogcart-crd {
    margin-top: 16px;
}
.catalogcart.incart {
    width: 120px;
    cursor: default;
    font-weight: bold;
    font-size: 14px;
}
.catalogcart-crd.incart {
    background: none;
    color: #000;
    cursor: default;
    border:none;
}


/* table_card_block */
.table_card_block {
    display: none;
    margin-top: 40px;
}

.table_card {
    margin: 0px auto 40px;
    width: 100%;
    max-width: 900px;
    padding: 2px;
    border: 0.1rem solid #b7b7b7;
    box-shadow: 0px 3px 5px rgba(0,0,0,0.18);
}
.tc_td {
    padding: 0px;
    display: flex;
    justify-content: flex-start;
}
.tc_td_hd {
    box-sizing: border-box;
    padding: 10px;
    background: #b7b7b7; border-bottom: 0.1rem solid #fff;
    color: #010101;
    font-weight: 500;
    text-align: left;
    width: 50%;
}
.tc_td_txt {
    border-bottom: 0.1rem solid #b7b7b7;
    text-align: center;
    box-sizing: border-box;
    padding: 10px;
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #010101;
}

.tc_td:last-child .tc_td_hd {
    border: none;
}
.tc_td:last-child .tc_td_txt {
    border: none;
}

.col .tc_td {
    display: block;
}
.col .tc_td_hd,
.col .tc_td_txt {
    width: 100%;
    text-align: center;
}

.specialist {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.spec-foto {
    width: 100%;
    max-width: 350px;
}



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

table.b_cntn_cart tr:first-child {
    display: none;
}

table.b_cntn_cart {
    margin-bottom: 30px;
    display: block;
}

table.b_cntn_cart tbody {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    grid-template-columns: 32% 32% 32%;
    grid-column-gap: 2%;
    grid-row-gap: 30px;
}

table.b_cntn_cart tbody tr.ending {
    grid-column: 1 / span 3;
}
table.b_cntn_cart tbody tr td,
table.b_cntn_cart tbody tr.ending td {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
}


table.b_cntn_cart tr.goodRow {
    display: grid;
}

.b_cc_foto img {
    width: auto;
}
.content table.b_cntn_cart tbody tr {

}

.content table.b_cntn_cart tbody tr td {
    border-top: none;
    border-bottom: none;
    display: block;
    position: relative;
    padding-top: 7px;
    padding-bottom: 10px;
}
.content table.b_cntn_cart tbody tr td:first-child {
    border-top: 1px solid #d9d9d9;
    padding-top: 15px;
}
.content table.b_cntn_cart tbody tr td:last-child {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 15px;
}
table.b_cntn_cart tbody tr td:before {
    width: auto;
    height: 18px;
    color: var(--h-color);
    font-size: 14px;
    padding: 2px 3px 0px;
    border-radius: 2px;
    font-weight: 500;
    position: absolute;
    left: 5px;
    top: 6px;
    display: none;
}
table.b_cntn_cart tbody tr td.articul:before {  content: "Артикул";  }
table.b_cntn_cart tbody tr td.b_cc_name:before {  content: "Название";  }
table.b_cntn_cart tbody tr td.cenakat:before {  content: "Ед.изм.";  }
table.b_cntn_cart tbody tr td.b_cc_cena:before {  content: "Цена";  }
table.b_cntn_cart tbody tr td.b_cc_amnt:before {  content: "Кол-во";  }
table.b_cntn_cart tbody tr td.b_cc_del:before {  content: "Удалить"; display: none;  }

table.b_cntn_cart tbody tr td.articul {
    text-align: center;
}
table.b_cntn_cart tbody tr td.b_cc_name {
    font-size: 16px;
    text-align: center;
}
table.b_cntn_cart tbody tr td.b_cc_name:before {
    top: 3px;
}

table.b_cntn_cart tbody tr td.b_cc_amnt:before {
    top: 12px;
}

.content table tbody td.cena,
.content table.b_cntn_cart tbody tr td.cena{
    text-align: center;
}

.count_minus {
    top: 28px;
}

.search_content {
    display: none;
}

.count_change {
    width: 150px;
    margin: 0 auto 0 auto;
}
.count_plus {
    width: 33px;height: 32px;
    right: 0px;
    top: 0px;
}
.count_minus {
    width: 33px;height: 32px;
    left: 0px;
    top: 1px;
    display: flex;
    justify-content: center;
    align-items: center;

}
table.kat td.kol input {
    display: block;
}

input.button_dell {
    width: 96px;
    height: 32px;
    margin: 0 auto;
}
.cart_rec {
    height: 1px;
}

.cart_rec input[type="submit"]{
    height: 1px;
    padding: 0;
    font-size: 1px;
    line-height: 1.0;
    opacity: 0;
}


.catalogTile__card {
    width: 270px;
}

.catalogTile__card .count_change {
    margin: 0 auto;
}



.amtValue .count_minus {
    top: 2px;
    left: 46px;
}

.catalogTile__card {
    margin-left: 5px;
    margin-right: 5px;
}

.chdel {
    display: none;
}

.button_dell {
    display: block;
}

table.b_cntn_cart tbody tr td {
    border-top: none;
    border-bottom: none;
    display: block;
    position: relative;
    padding-top: 8px;
    padding-bottom: 8px;
}
table.b_cntn_cart tbody tr td:first-child {
    border-top: 1px solid #4ea7ce;
    padding-top: 15px;
}
table.b_cntn_cart tbody tr td:last-child {
    border-bottom: 1px solid #4ea7ce;
    padding-bottom: 15px;
}

}




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

table.b_cntn_cart tbody {
    display: grid;
    grid-template-columns: 48% 48%;
    grid-column-gap: 4%;
    grid-row-gap: 30px;
}

table.b_cntn_cart tbody tr.ending {
    grid-column: 1 / span 2;
}

}



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

table.b_cntn_cart tbody {
    display: grid;
    grid-template-columns: 100%;
    grid-column-gap: 0%;
    grid-row-gap: 30px;
}

table.b_cntn_cart tbody tr.ending {
    grid-column: 1 / span 1;
}
table.cartform {
    display: block;
    width: 100%;
    max-width: 500px;
}

}



#popap_container{width:100%;height:100%;position:fixed;left:0px;top:0px;z-index:1000;}
#popap_container_fon{width:100%;height:100%;position:fixed;left:0px;top:0px;display:none;z-index:200;}
.alert_container{background:#ffffff;border:none;border-radius:6px;box-shadow:0 6px 6px rgba(150,150,150,0.9);text-align:center;position:relative;margin-left:auto;margin-right:auto;display:none;z-index:10000 !important;}
.popap_clouse{width:26px;height:30px;background:no-repeat left top url(images/popap_clouse.png);position:absolute;right:1px;top:1px;cursor:pointer;z-index:100;}
#order_alert,
#payment_alert{display:none;}
.alert_head{color:#ce1058;font-size:20px;font-weight:bold;padding:22px 20px 22px;}
.alert_text{color:#000000;font-size:18px;line-height:34px;padding:0px 20px 20px;}
.alert_text span{font-size:24px;}
.alert_text ul{text-align:left;padding-left:40px;padding-bottom:20px;}
.alert_text ul li{padding-left:18px;background:no-repeat left 15px url(images/alert_li_mark.png);font-size:16px;font-weight:bold;}
.alert_text.red{color:#ce1058;font-size:16px;line-height:28px;font-weight:bold;}
.pmnt{text-align:left;}
.pmnt .alert_text{line-height:22px;padding:0px 0px 20px;}
.pmnt .alert_text_min{font-size:13px;padding-top:10px;font-weight:bold;}
.pmnt table{margin:0px 0px 20px;}
.pmnt .content{padding:0px 30px;}
.pmnt .alert_head{padding-left:0px;}
#payment_alert2{display:none;}
.card_inf_alert{padding-top:30px;padding-bottom:15px;color:#000000;font-size:20px;font-weight:bold;}
.card_inf_in a{color:#e31e24;font-size:20px;font-weight:normal;text-transform:uppercase;}
#card_inf{display:none;}



.cardInfo {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-grow: 1;
}


/* pages_slick_slider */
.content_galery {
    max-width: 900px;
    margin: 0 auto;
    position: relative;
}

.content_galery_slick {
    margin-top: 40px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 40px;
   	max-width: 100%;
    position: relative;
}

.content_galery_slick button

.content_galery_slick button.slick-prev {
    left: -42px;
}
.content_galery_slick button.slick-next {
    right: -30px;
}

.content_galery_slick button:before,
.content_galery_slick button:after {
    	/*display: none !important; */

}

.content_galery_slick .slick_container img {
    	margin: 0 auto;
    	border: 1px solid #c4c4c4;
}

.content_galery_slick .slick__btnPrev,
.content_galery_slick .slick__btnNext {
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    cursor:pointer;
    background: 0;
    transform: translateY(-30px);
}
.content_galery_slick .slick__btnPrev {
    left: 0px;
    transform: translate(-15px,-20px);
    border: none;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 15px solid var(--h-color);
}
.content_galery_slick .slick__btnNext {
    right: 0px;
    transform: translate(15px,-20px);
    border: none;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 12px solid var(--h-color);
}


.count__plus {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 10px solid red;
    cursor: pointer;
    top: 2px;
}

.content_galery .catalogTile__card {
        width: 250px;
    }


@media screen and (max-width: 1200px) {
    .content_galery {
        max-width: 600px;
    }
}
@media screen and (max-width: 992px) {
    .content_galery {
        max-width: 900px;
    }
}
@media screen and (max-width: 576px) {
    .content_galery {
        max-width: 270px;
    }
}


/* /pages_slick_slider */


.sled{
    color:#000;
    font-size:12px;
    font-weight:bold;
    margin-bottom:0px;
    position: relative;
    top: -16px;
}
.sled a:visited,
.sled a:hover,
.sled a{
    color:#000;
    font-size:12px;
}
.sled > span{
    color:var(--h-color);
    text-decoration:none;
}





tr.ending td {
    font-weight: bold;
    padding-right: 277px;
    text-align: right;
}

@media screen and (max-width: 1500px) {
    tr.ending td {
    font-weight: bold;
    padding-right: 16px;
    text-align: center;
}
}

.b_cc_amnt {
    width: 156px;
}
.b_cc_del {
    width: 108px;
}

.top-inf-dop {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}
@media screen and (max-width: 1500px){
    .top-inf-dop {
        align-items: flex-start;
    }
}
@media screen and (max-width: 1200px){
    .top-inf-dop {
        align-items: center;
    }
}

.top-email {
    color: var(--h-color);
    font-size: 1.25em;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
.top-email {
    font-size: 1.0em;
}
.content {
    padding-top: 30px;
    padding-bottom: 30px;
}

}

.messenger-block {
    display: flex;
    justify-content: flex-start;
}


.messenger-block a {
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    margin: 0 2px;
}

.messenger-block a:hover {
    opacity: 0.8;
}

.messenger-block img {
    display: block;
    border: 0;
    margin: 0;
}




/* modal_window */
.dark_fon {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    display: none;
    z-index: 1200;
    background: rgba(0,0,0,0.2);
}
.dark_fon,
.modal_window_container,
.popAp {
    display: none;
    overflow: hidden;
}
.popAp .content {
    margin-bottom: 10px;
}
.modal_window_container {
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 2000;
}
.modal_window {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: none;
    z-index: 10000 !important;
}
.popap_clouse {
    width: 20px;
    height: 20px;
    background: transparent;
    position: absolute;
    right: 10px;
    top: 12px;
    cursor: pointer;
    z-index: 100;
}
.popAp {
    box-sizing: border-box;
    padding: 50px 58px 40px;
    background: #ffffff;
    border: 1px solid #dddce3;
    border-radius: 0px;
    height: 100%;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
}
.hd {
    color: #db3838;
    font-size: 30px;
    font-weight: 400;
    font-family: 'Roboto Slab', serif;
    margin-bottom: 24px;
}
.ok {
    width: 103px;
    margin: 30px auto 0;
}
.popAp .line {
    margin-bottom: 30px;
}
.popAp .h1 {
    margin-bottom: 0.5em;
}

body.mw_adpt { overflow: hidden; }
body.mw_adpt .modal_window_container {
    position: fixed;
    height: 100%;
    top: 0px;
}
body.mw_adpt .modal_window_container > div.modal_window {
    width: 100%;
    height: 100%;
    margin-top: 0px;
}
body.mw_adpt .popAp { overflow: auto; }

.modal_window form.formFdb_feedback textarea.field {
    height: 100px;
}
.error_text {
    padding-top: 2em;
    color: d02020;
    font-size: 1.5em;
}
/* /modal_window */


/* form_mesage */
.wrapData {
    position: relative;
}

.form_mesage {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2000;
    box-sizing: border-box;
    padding-top: 15px;
    display: none;
}
.form_mesage_container {
    width: 100%;
    position: relative;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.33);
}
.form_mesage_body {
    width: 100%;
    position: relative;
    background: #f89406;
    border: 1px solid #f89406;
    z-index: 100;
    box-sizing: border-box;
    padding: 15px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}
.form_mesage_ugolok {
    width: 20px;
    height: 20px;
    background: #f89406;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    top: -10px;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.33);
    -moz-transform: rotate(45deg);
    /* Для Firefox */
    -ms-transform: rotate(45deg);
    /* Для IE */
    -webkit-transform: rotate(45deg);
    /* Для Safari, Chrome, iOS */
    -o-transform: rotate(45deg);
    /* Для Opera */
    transform: rotate(45deg);
}
/* /form_mesage */





.popap_clouse {
    width: 36px;
    height: 36px;
}
.popap_clouse:before{
    content: '';
    width: 90%;
    height: 1px;
    background-color: var(--h-color);
    transform: rotateZ(-45deg);
    position: absolute;
    left: 5%;
    top: 50%;
}
.popap_clouse:after{
    content: '';
    width: 90%;
    height: 1px;
    background-color: var(--h-color);
    transform: rotateZ(45deg);
    position: absolute;
    left: 5%;
    top: 50%;
}

.alert {
    color: var(--h-color);
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
}

.incart {
    display: none;
}

.bold {
    font-weight: bold;
}


.site_but_additional {
    border: none;
    margin-top: 8px;
    background: -webkit-linear-gradient(top, #753d92 51%, #a783b9 100%);
    border-radius: 6px;
    border: none;
    border-bottom: 2px solid #490065;
    height: 32px;
    width: 120px;
    font-weight: bold;
    color: black;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #fff;
}




.ws-nw {
    white-space: nowrap;
}

.df-jcb-aic {
    display: flex;
    justify-content: space-between;
    align-items: center;
}






html.verds {
   /* font-size: 10px;*/ min-width: 1050px;
}
html.verds body {
    /*font-size: 1.4rem;
    line-height: 1.8rem;*/
    min-width: 1050px;
}
html.verds .site-container-1,
html.verds  .main-block {
    background-color: transparent;
}




html.verds header {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

html.verds .tuh {
    padding-top: 2rem;
}

html.verds .wrap__searchDesktop {
    width: 13.0rem;
    margin: 0px;

    box-sizing: border-box;
    max-width: none;
}
html.verds .search{
    height:100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}
html.fz1 .wrap__searchDesktop {
    height: 1.8rem;
}
html.fz2 .wrap__searchDesktop {
    height: 1.9rem;
}
html.fz3 .wrap__searchDesktop {
    height: 2.0rem;
}

html.fz1 {
    font-size: 1.5rem;
}
html.fz2 {
    font-size: 2rem;
}
html.fz3  {
    font-size: 3rem;
}

html.verds .search__btn {
    display: block;
    height: calc(100% - 2px);
    width: 4.0rem;
    flex: none;
    padding: 0;
    border-radius: 0px;
    font-size: 1.0rem;
    color: #fff;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.47);
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.47);
    background: #e61b32;
    border: none;
    margin: 0;
    right: -6px;
}



html.verds .search__field{
    display: block;
    width: 400px;
    flex:100px;
    height: 100%;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000;
    border: 1px solid #cde8f0;
    padding: 7px;
    margin: 0 -7px 0 0;
    box-sizing: border-box;
    background: #fff url(../images/design/ic_search2.png) no-repeat 7px center;
    font-family: Arial, Helvetica, sans-serif;
    box-sizing: border-box;
}
html.verds .search__field {
    background: #fff;
}

/*html.fz1 .search__field {
    font-size: 24px;
}
html.fz2 .search__field {
    font-size: 28px;
}
html.fz3 .search__field {
    font-size: 32px;
}*/

html.verds #overflow2 {
    background: none;
}


html.verds .search__btn img {
    display: none;
}


html.verds  .footer__info,
html.verds  .footer__info div {
    display: block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 1.0rem;
}
html.verds .grx {
    width: auto;
}
html.verds .warning {
    width: auto; text-align: left;
}
html.verds .grx_icon {
    display: none;
}


html.verds ul.vertmenu li.ur_1 > a,
html.verds ul.vertmenu li.ur_2 > a,
html.verds ul.vertmenu li.ur_3 > a {
    font-size: 1.0em;
}


html.verds .disclaimer {
    font-size: 1.2rem;
}

html.verds .footer_font a {
    font-size: 1.0rem;
}

html.verds .verds-fr-2 {
	grid-template-columns: 1fr 1fr;
}
html.verds .newswiget_main .article .img {
	text-align: left;
}


html.verds .verds_stab_lm {
	flex: 0 0 17rem;
}



html.verds .bb_contact_email a,
html.verds .bb_contact_email a:visited,
html.verds .bb_contact_tel,
html.verds .bb_contact_addr {
  background: none;
}
html.verds .add_head{
  text-shadow: none;
}
html.verds .prev,
html.verds .next{
  margin:0 auto;
  text-align: center;
}
html.verds p.prev,
html.verds p.next{
  top:0px;
}
html.verds #listing .list span.active, html.verds #listing .list a{
  border-radius: 0;
}
html.verds #listing .list span.active, html.verds #listing  p.unactive span {
  background-color: transparent;
}
html.verds input[type="submit"] {
box-shadow: none;
}
html.verds a.button {
  background: none;
  box-shadow: none;
  padding:0.5rem 1.2rem;

  border:none;
  min-width:183px;
  text-shadow: none;

}


html.verds ul.gallery_ssilki img{
  display:none;
}
html.verds ul.gallery_ssilki li{
  border:2px solid #000;
  width:270px;
  text-align: center;
  box-sizing: border-box;
  height:200px;
  display:inline-block;
}
html.verds ul.gallery_ssilki li div,html.verds ul.gallery_ssilki li div a{
    height:100%;
}
html.verds ul.gallery_ssilki li div a {
  padding-top:20px;
  box-sizing: border-box;
}


.vdvs {
  cursor: pointer;
}

html.verds body {
 max-width: none;
}


.verds .logo,
.verds #min-panel,
.verds .slogan,
.verds .header {
  display: none;
}
.verds #main2 {
  border: 0;
}
.verds .name,
.verds #header {
  height: auto;
  padding-left: 66px;
  padding-right: 66px;
}
.vdsv_panel {
  display: none;
}
.verds .vdsv_panel {
  display: block;
    width: 1000px;
  	margin: 0 auto;
}


.verds .top_tel span.tel,
.top_tel span.nz {
    font-size: 1rem;
}
.verds .top_tel span.nm {
    font-size: 1.5rem;
}



.vdsv_panel .pu {
  box-sizing: border-box;
  height: 59px; float: left;
}
html .vdsv_panel .pu:first-child  {
  border-left: 0 !important;
}
html .vdsv_panel .pu:last-child  {
  border-right: 0 !important;
}
.pu1 {
  width: 25%;
}
.pu1c {
  width: 235px; margin: 0 auto;
}
.pu2 {
  width: 27%;
}
.pu2c {
  width: 230px; margin: 0 auto;
}
.pu3 {
  width: 23%; cursor: pointer;
}
.pu3:hover .pu_txt {
    text-decoration: underline;
}
.pu3c, .pu4c {
  text-align: center;
}
.img_but {
  width: 39px; height: 38px; float: left; margin-top: 10px;
  cursor:pointer; display: none;
}
.img_yes .img_but {
  background: no-repeat left top url(../images/img_but.png);
}
.img_no .img_but {
  background: no-repeat left bottom url(../images/img_but.png);
}

html.verds2 .img_yes .img_but {
    background: no-repeat left top url(../images/img_but_verds2.png);
}
html.verds2 .img_no .img_but {
  background: no-repeat left bottom url(../images/img_but_verds2.png);
}
html.verds4 .img_yes .img_but {
    background: no-repeat left top url(../images/img_but_verds4.png);
}
html.verds4 .img_no .img_but {
  background: no-repeat left bottom url(../images/img_but_verds4.png);
}
html.verds5 .img_yes .img_but {
    background: no-repeat left top url(../images/img_but_verds5.png);
}
html.verds5 .img_no .img_but {
  background: no-repeat left bottom url(../images/img_but_verds5.png);
}

.pu4 {
  width: 25%;  cursor: pointer;
}
.pu4:hover .pu_txt {
    text-decoration: underline;
}

.pu4c {
  width: 235px; margin: 0 auto;
}
.zn_str {
  float: left; margin-top: 9px; cursor: pointer;
  width: 36px; height: 37px; background: no-repeat left bottom url(../images/zn_str.png);
}
html.verds2 .zn_str {
    background: no-repeat left bottom url(../images/zn_str_verds2.png);
}
html.verds4 .zn_str {
    background: no-repeat left bottom url(../images/zn_str_verds4.png);
}
html.verds5 .zn_str {
    background: no-repeat left bottom url(../images/zn_str_verds5.png);
}




.verds_menu {
    display: none;
}
.verds_menu a {
  display: block;
  padding: 14px 20px 14px 20px;
  font-weight: bold;   text-align: center;
}
/*.verds_menu a span {
    border-bottom: 3px solid transparent;
}
.verds_menu a:hover span {
    border-bottom: 3px solid #000;
}*/




.top_vdsv_logo, .top_vdsv_telefon, .top_vdsv_slogan {
    display: none;
}

html.verds .top_vdsv_logo, html.verds .top_vdsv_telefon,
html.verds.top_inf_right, html.verds .top_vdsv_slogan {
    display: block;
}


html.verds .verds_menu {
    display: block;
    overflow: hidden;
  	float: right;
    box-sizing: border-box;
    border-style: solid;
    border-width: 1px;
}


html.verds.noimg img {
  display: none;
}

html.verds.noimg .blocktext {
    margin-left:0px;
}





.bn_h {
  font-size: 40px; line-height: 40px; font-weight: bold; margin-bottom: 22px;
}

.vbr_shr {
  margin-bottom: 12px;
}
.vbr_shr_h {
    font-size: 20px; line-height: 20px; font-weight: bold; padding-top: 5px; padding-right: 10px;
}
/*.vbr_shr_h {
  color: #000;
}*/

a.vbr_shr_but {
  display: inline-block; padding: 4px; border-radius: 3px; margin: 0px 3px;
  font-size: 20px; line-height: 20px; font-weight: bold;
  text-decoration: none;
}
/*a.vbr_shr_but.active {
  color: #fff; background: #000; border: 1px solid #fff;
}*/
a.vbr_shr_but.tnr {
 font-family:'Times New Roman';
}
a.vbr_shr_but.arl {
    font-family:arial !important;
}
.verds #logo{
  display: none;
}
.verds .dom{
  display:none;
}
.verds #overflow{
  background:none;
}

.vbr_int {
  margin-bottom: 25px;
}

.gamma {
  margin-bottom: 20px;
}

.gamma_b {
        border-width: 6px;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    line-height: 27px;
    margin-bottom: 4px;
    padding: 9px 17px;
}
.gamma_b.active {
    padding-left: 50px;
}
.verds .top_inf_top{
  width:auto;
  height:auto;
}
.white_cvet {
    border-color: #ededed !important; color: #0e649f !important; background: #ededed !important;
}
.white_black {
    border-color: #000 !important; color: #000 !important; background: #fff !important;
}
.black_white {
  border-color: #fff !important; color: #fff !important; background: #000 !important;
}
.darkblue_blue {
  border-color: #063462 !important; color: #063462 !important; background: #9dd1ff !important;
}
.brown_beige {
  border-color: #4d4b43 !important; color: #4d4b43 !important; background: #f7f3d6 !important;
}
.green_darkbrown {
  border-color: #a9e44d !important; color: #a9e44d !important; background: #3b2716 !important;
}


.vbr_int_h {
  color: #000; font-size: 20px; line-height: 20px; font-weight: bold; padding-top: 5px; padding-right: 10px;
}
a.vbr_int_but {
  display: inline-block; padding: 4px; border-radius: 3px; margin: 0px 3px;
  color: #000; background: #fff; border: 1px solid #000;  font-size: 20px; line-height: 20px; font-weight: bold;
  text-decoration: none;
}
a.vbr_int_but.active {
  color: #fff; background: #000; border: 1px solid #fff;
}
a.vbr_int_but.mid {
 letter-spacing:1px;
}
a.vbr_int_but.big {
 letter-spacing:2px;
}

.bn_button {
  cursor: pointer; float: right; margin-left: 24px;
}
.bn_button span {
  display: block;  padding: 9px 15px;  font-size: 20px; line-height: 20px; font-weight: bold;
}




html.verds #left2 {
  width: 420px; padding-bottom: 0px; box-sizing: border-box;
}
html.verds #left2 .avtoriz {
    margin-bottom: 60px;
}

html.verds #text {
  margin-left: 437px; position: relative; padding-bottom: 0px; margin-right: 0px;
}
html.verds .right_banners { }
html.verds.noimg  #header,
html.verds.noimg  #min-panel,
html.verds.noimg  #container {
  background-image: none;
}

html.verds #container {
    padding-bottom: 0px;
}
html.verds #main2 #content {
    overflow: hidden; padding-bottom: 0px;
}

html.verds #footer {
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
        margin: 0px;
}

html.verds #footer{  padding-bottom:50px;padding-top:20px;}
html.verds .grx a {
    font-size: 1.0em;
}

html.verds  .footer-fon2 {
    background: none; height: auto;
}


html.verds .content table {
    min-width: 100%;
}

html.verds .disclaimer {
    opacity: 0.5;
}

html.verds  .content ul li:before {
    width: 0.4rem;
    height: 0.4rem;
    top: 0.8rem;
}

html.verds .uslugi__desc {
    font-size: 1.0rem;
}

html.verds  .verds-pt-1-1 {
	width: calc(100%/1 - 2*var(--fg-gap));
	flex-grow: 1;
}



html.verds ul.leftmenu {
  padding: 0px; margin: 0px; background: none; width: 100%;
}
html.verds ul.leftmenu li a, html.verds ul.leftmenu ul li a, html.verds ul.leftmenu ul ul li a {
  font-size: 1.5em; line-height: 1.5em; word-break: break-all;
}
html.verds ul.leftmenu li {
  margin-bottom: 1.5em;
}
html.verds ul.leftmenu li:last-child {
  margin-bottom: 0;
}
.vdsv_panel {
  box-sizing: border-box;
  height: 61px;
  z-index: 1000;
    letter-spacing: normal !important;
}

.verds #site #main2 {
  background: none;
}

.verds #top-menu, .verds #top-menu div, .verds #top-menu a{
  background: none;
  text-shadow: none;
  box-shadow: none;
}
.verds #top-menu .tm_razd, .verds .tm_ten{
  display:none;
}
html.verds0,
html.verds0 #site  {  background: #fff; color: #000; }

html.verds0 #site .gallery_ssilki li { border-color:#000 ;}
html.verds #middle a.button,
html.verds #middle input[type=submit] {
    width: auto; height: auto; padding: 0.5em 1.5em; font-size: 1em;
    border: none;
}

html.verds0 #site,
html.verds0 #site a,
html.verds0 #site .top_inf_bottom,
html.verds0 #site div ,
html.verds0 #site p,
html.verds0 #site span { color:#000;}



html.verds1,
html.verds1 #site  {  background: #fff; color: #000; }

html.verds1 #site .gallery_ssilki li,
html.verds1 #site  .main-block { border-color:#000 ;}

html.verds1 #site,
html.verds1 #site a, html.verds1 #center a:hover,
html.verds1 #site .top_inf_bottom,
html.verds1 #site div,
html.verds1 #site p,
html.verds1 #site span,
html.verds1 #site strong,
html.verds1 #site span { color:#000;}
html.verds1 #site .content span { color:#000 !important;}


html.verds1 #center a, html.verds1 #center a:hover,
html.verds1 #center div,
html.verds1 #center p,
html.verds1 #center span,
html.verds1 #center strong,
html.verds1 #center span { color:#000;}
html.verds1 #center a.button,
html.verds1 #center input[type=submit] {
    background: #5c5c5c; color:#fff !important;
}
html.verds1  .content ul li:before,
html.verds1 .footer__first {
    background-color: #000;
}
html.verds1  #site .footer__first div,
html.verds1  #site .footer__first span,
html.verds1  #site .footer__first a {
    color: #fff;
}
html.verds1 .newswiget_main .article .img img {
    border: 1px solid #000;
}



html.verds2,
html.verds2 #site,
html.verds2 footer,
html.verds2 .footer__info  {  background: #000; color: #fff; }
html.verds2 #site .gallery_ssilki li,
html.verds2 #site  .main-block { border-color:#fff ;}

html.verds2 #site,
html.verds2 #site a, html.verds2 #center a:hover,
html.verds2 #site .top_inf_bottom,
html.verds2 #site div,
html.verds2 #site p,
html.verds2 #site .content span { color:#fff;}
html.verds2 #site .content span { color:#fff !important;}

html.verds2 #middle a, html.verds2 #center a:hover,
html.verds2 #middle div ,
html.verds2 #middle p,
html.verds2 #middle span,
html.verds2 #middle strong,
html.verds2 #middle span { color:#fff; }
html.verds2 #middle a.button,
html.verds2 #middle input[type=submit] {font-size: 1em; background: #5c5c5c; color:#fff !important;}

html.verds2  .content ul li:before,
html.verds2 .footer__first {
    background-color: #fff;
}
html.verds2  #site .footer__first div,
html.verds2  #site .footer__first span,
html.verds2  #site .footer__first a {
    color: #000;
}
html.verds2 .newswiget_main .article .img img {
    border: 1px solid #fff;
}




html.verds3,
html.verds3 #site,
html.verds3 .footer__info  {  background: #9dd1ff; color: #063462; }
html.verds3 #site .gallery_ssilki li,
html.verds3 #site  .main-block{ border-color:#063462 ;}

html.verds3 #site,
html.verds3 #site a, html.verds3 #center a:hover,
html.verds3 #site .top_inf_bottom,
html.verds3 #site div,
html.verds3 #site p,
html.verds3 #site .content span { color:#063462;}
html.verds3 #site .content span { color:#063462 !important;}

html.verds3 #middle a, html.verds3 #center a:hover,
html.verds3 #middle div ,
html.verds3 #middle p,
html.verds3 #middle span,
html.verds3 #middle strong,
html.verds3 #middle span { color:#063462; }
html.verds3 #middle a.button,
html.verds3 #middle input[type=submit] {font-size: 1em; background: #063462; color:#9dd1ff !important;}


html.verds3  .content ul li:before,
html.verds3 .footer__first {
    background-color: #063462;
}
html.verds3  #site .footer__first div,
html.verds3  #site .footer__first span,
html.verds3  #site .footer__first a {
    color: #9dd1ff;
}
html.verds3 .newswiget_main .article .img img {
    border: 1px solid #063462;
}




html.verds4,
html.verds4 #site,
html.verds4 .footer__info  {  background: #f7f3d6; color: #4d4b43; }
html.verds4 #site .gallery_ssilki li,
html.verds4 #site  .main-block  { border-color:#4d4b43 ;}

html.verds4 #site,
html.verds4 #site a, html.verds4 #center a:hover,
html.verds4 #site .top_inf_bottom,
html.verds4 #site div,
html.verds4 #site p,
html.verds4 #site .content span { color:#4d4b43;}
html.verds4 #site .content span { color:#4d4b43 !important;}

html.verds4 #middle a, html.verds4 #center a:hover,
html.verds4 #middle div ,
html.verds4 #middle p,
html.verds4 #middle span,
html.verds4 #middle strong,
html.verds4 #middle span { color:#4d4b43; }
html.verds4 #middle a.button,
html.verds4 #middle input[type=submit] {font-size: 1em; background: #4d4b43; color:#f7f3d6 !important;}


html.verds4  .content ul li:before,
html.verds4 .footer__first {
    background-color: #4d4b43;
}
html.verds4  #site .footer__first div,
html.verds4  #site .footer__first span,
html.verds4  #site .footer__first a {
    color: #f7f3d6;
}
html.verds4 .newswiget_main .article .img img {
    border: 1px solid #4d4b43;
}




html.verds5,
html.verds5 #site,
html.verds5 .footer__info  {  background: #3b2716; color: #a9e44d; }
html.verds5 #site .gallery_ssilki li,
html.verds5 #site  .main-block { border-color:#a9e44d;}

html.verds5 #site,
html.verds5 #site a, html.verds5 #center a:hover,
html.verds5 #site .top_inf_bottom,
html.verds5 #site div,
html.verds5 #site p,
html.verds5 #site .content span { color:#a9e44d;}
html.verds5 #site .content span { color:#a9e44d !important;}

html.verds5 #middle a, html.verds5 #center a:hover,
html.verds5 #middle div ,
html.verds5 #middle p,
html.verds5 #middle span,
html.verds5 #middle strong,
html.verds5 #middle span { color:#a9e44d; }
html.verds5 #middle a.button,
html.verds5 #middle input[type=submit] {font-size: 1em; background: #a9e44d; color:#3b2716 !important;}

html.verds5  .content ul li:before,
html.verds5 .footer__first {
    background-color: #a9e44d;
}
html.verds5  #site .footer__first div,
html.verds5  #site .footer__first span,
html.verds5  #site .footer__first a {
    color: #3b2716;
}
html.verds4 .newswiget_main .article .img img {
    border: 1px solid #a9e44d;
}




html.verds0 #site .content h1,
html.verds0 #site .content h2,
html.verds0 #site .content h3,
html.verds0 #site .content h4,
html.verds0 #site .content h5,
html.verds0 #site .content h6,
html.verds0 #site strong,
html.verds0 #site .add_head,
html.verds0 #site .content .desc,
html.verds0 #site .date
html.verds0 #site #newswiget .alllink p.more a,
html.verds0 #site #listing span.active  {color: #000 !important;}

html.verds1 #site .content h1,
html.verds1 #site .content h2,
html.verds1 #site .content h3,
html.verds1 #site .left-part h3,
html.verds1 #site .content h4,
html.verds1 #site .content h5,
html.verds1 #site .content h6,
html.verds1 #site strong,
html.verds1 #site .add_head,
html.verds1 #site .content .desc,
html.verds1 #site .date,
html.verds1 #site #newswiget .alllink p.more a,
html.verds1 #site #listing span.active {color: #000 !important;}

html.verds2 #site .content h1,
html.verds2 #site .content h2,
html.verds2 #site .content h3,
html.verds2 #site .left-part h3,
html.verds2 #site .content h4,
html.verds2 #site .content h5,
html.verds2 #site .content h6,
html.verds2 #site strong,
html.verds2 #site .add_head,
html.verds2 #site .content .desc,
html.verds2 #site .date,
html.verds2 #site #newswiget .alllink p.more a,
html.verds2 #site #listing span.active {color: #fff !important;}

html.verds3 #site .content h1,
html.verds3 #site .content h2,
html.verds3 #site .content h3,
html.verds3 #site .left-part h3,
html.verds3 #site .content h4,
html.verds3 #site .content h5,
html.verds3 #site .content h6,
html.verds3 #site strong,
html.verds3 #site .add_head,
html.verds3 #site .content .desc,
html.verds3 #site .date,
html.verds3 #site #newswiget .alllink p.more a,
html.verds3 #site #listing span.active {color: #063462 !important;}

html.verds4 #site .content h1,
html.verds4 #site .content h2,
html.verds4 #site .content h3,
html.verds4 #site .left-part h3,
html.verds4 #site .content h4,
html.verds4 #site .content h5,
html.verds4 #site .content h6,
html.verds4 #site strong,
html.verds4 #site .add_head,
html.verds4 #site .content .desc,
html.verds4 #site .date,
html.verds4 #site #newswiget .alllink p.more a,
html.verds4 #site #listing span.active {color: #4d4b43!important;}

html.verds5 #site .content h1,
html.verds5 #site .content h2,
html.verds5 #site .content h3,
html.verds5 #site .left-part h3,
html.verds5 #site .content h4,
html.verds5 #site .content h5,
html.verds5 #site .content h6,
html.verds5 #site strong,
html.verds5 #site .add_head,
html.verds5 #site .content .desc,
html.verds5 #site .date,
html.verds5 #site #newswiget .alllink p.more a,
html.verds5 #site #listing span.active {color: #a9e44d!important;}








html.verds div.vc {
  float: left; padding-top: 9px; font-size: 24px; line-height: 24px; margin-top: 6px;
  width: 40px; height: 41px; box-sizing: border-box; text-align: center; cursor: pointer; position: relative;
}
html.verds .var1 {
  background: #fff !important; color: #000 !important;
}
html.verds div.var2 {
  background: #000 !important; color: #fff !important;
}
html.verds .var3 {
  background: #063462 !important; color: #8bc3fd !important;
}
html.verds .vc .actd {
    height: 5px;
    width: 100%;
    position: absolute; left: 0px; bottom: -5px; display: none;
}
html.verds .vc.act .actd {
    display: block;
}

html.verds .left_fdb_link{
  opacity:1;
  border:2px solid #000;
  text-align:center;
  vertical-align: middle;

}
html.verds .left_fdb_link a{
    opacity:1;
    margin:auto 0;
    height:100%;
    line-height: 1.2em;
    background:none;
  }

html.verds0 .left_fdb_link{
  border-color:#000;
}
html.verds1 .left_fdb_link{
  border-color:#000;
}
html.verds2 .left_fdb_link{
  border-color:#fff;
}
html.verds3 .left_fdb_link{
  border-color:#063462;
}
html.verds4 .left_fdb_link{
  border-color:#4d4b43;
}
html.verds5 .left_fdb_link{
  border-color:#a9e44d;
}

html.verds .left_fdb_link{
  background: none;
  background: transparent;

}
html.verds ul.vertmenu li.ur_1, html.verds ul.vertmenu li.ur_2, html.verds ul.vertmenu li.ur_3{
    background:none;
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px;
}
html.verds0 ul.vertmenu li:before,
html.verds1 ul.vertmenu li:before,
html.verds2 ul.vertmenu li:before,
html.verds3 ul.vertmenu li:before,
html.verds4 ul.vertmenu li:before,
html.verds5 ul.vertmenu li:before{
  content:"";
  border-radius: 50%;
  width:7px;
  height:7px;
  position: absolute;
  top:19px;
  left:0px;
  display: none;
}
html.verds .map_button{
  display:none;
}
html.verds .vdsv {display: none;}

html.verds0 ul.vertmenu li:before{
  background-color:#000;
}
html.verds1 ul.vertmenu li:before{
  background-color:#000;
}

html.verds2 ul.vertmenu li:before{
  background-color:#fff;
}

html.verds3 ul.vertmenu li:before{
  background-color:#063462;
}

html.verds4 ul.vertmenu li:before{
  background-color:#4d4b43;
}

html.verds5 ul.vertmenu li:before{
  background-color:#a9e44d;
}


html.verds .blockimg a.fancy span {
    display: none;
}
html.verds .block {
    padding: 20px 0px 40px;
}


.block_nastr {
  height: 630px; width: 100%; display: none; position: absolute; left: 0px; top: 61px; z-index: 1000;  box-sizing: border-box;
}

html.verds .name {
  padding: 48px 20px 43px 30px;text-align: left;
  font-size: 2em; line-height: 1.4em; font-weight: bold;
}
html.verds a.vdsv {
    /*display: none;*/
}

html.verds .gallery .name {
    font-size: 1em; padding: 0; border-bottom: 0;
}

html.verds #left2, html.verds #left2 li, html.verds #left2 li a {
    background: none; padding-left: 0px;  word-break: break-all;
}
html.verds #left2 ul {
    border: none;
}

html.verds #left2 .verh-menu,
html.verds #left2 .niz-menu,
html.verds #left2 .verh-avt,
html.verds #left2 .niz-avt {
    display: none;
}

html.verds #left2,
html.verds .content {
  padding-top: 0px;
}
html.verds .content {
  padding-left: 40px;
}

html.verds .avtoriz {
    background: none;
    width: 99%; margin-left: 0px;
}
html.verds .avtoriz div {
    padding-left: 0px;
}

html.verds .avtoriz span.top {
    display: block; margin-bottom: 36px; padding: 0px;
    font-size: 2.3em; line-height: 1.3em;
}
html.verds .avtoriz input.text {
    width: 100%;  box-sizing: border-box; height: auto; font-size: 1.8em; padding: 5px 10px;
}
html.verds input.button {
    padding: 1.0em 1.8em; margin: 0; float: right;  font-size: 1.5em; height: auto;  width:	auto;
}

html.verds .avtoriz .login, html.verds .avtoriz .password {
    padding-bottom: 16px;
}

html.verds  #listing span,
html.verds  #listing a {
    font-size: 1.3em; line-height: 1.1em; padding-top: 0.3em;  padding-bottom: 0.3em; box-sizing: border-box;
        display: inline-block; min-width: 2em; margin-bottom: 0.3em;
}
html.verds  #listing a.back-list,
html.verds  #listing a.forward-list {
    /*font-size: 1.5em;*/
}
html.verds .adress p {

}

html.verds .adress .h1 {
    display: inline;
}
html.verds .adress div.h1 {
    float: left; margin-right: 0.4em;padding-top: 0px; margin-top: 0px;
}

html.verds .adress {
    font-size: 1.5em;
    line-height: 1.2em;
    margin-left: 30px; margin-right: 30px;
    margin-top: 1.5em;
        margin-bottom: 1.5em;
        text-align: left;
}
html.verds .adress span br {
    display: none;
}
html.verds .adress .h1 {
    font-size: 1.2em;
}
html.verds .adress p > span {
    display: block;
    margin: 0 1em 0.5em 0 ;
}
html.verds .adress p > span:first-child {
    display: inline-block;
}

html.verds .adress > span > span.h1 {
    font-weight: bold; font-size: 1.2em;  display: inline !important ;
}
html.verds .adress div.item {
    height: 1px;  overflow: hidden;
}


html.verds #right {
    /*display: none;*/
}





html.verds .right_banners {
    width: 100%; text-align: center; overflow: hidden;  vertical-align: top; float: none;  padding: 4em 0.5%;
}

html.verds .right_banners.pust {
    padding: 0; height: 1px;
}

html.verds .verds_baner {
    display: block; float: left; height: 9em; width: 32%; margin: 0.5%; padding: 0.5em; box-sizing: border-box;
    text-align: center; font-size: 1.3em; line-height: 1.3em;
}
html.verds .verds_baner span.table {
    display: table; width: 100%; height: 100%;
}
html.verds .verds_baner span.tc {
    display: table-cell;  text-align:center; vertical-align:middle;
}




html.verds .right_banners.v3 {
padding: 4em 0%;
}
html.verds .right_banners.v3 .verds_baner {
    width: 48%; margin: 1%;
}

html.verds .content th, html.verds .content td {
    padding: 0.3em 0.3em;
}

html.verds .content ul li {
    background: none; margin-bottom: 1.5em; padding-left: 1.5em;
}

html.verds #overflow2 {
    padding-top: 3px;
}

html.verds .vdsv_panel {
    border-style: solid;
    border-width: 2px;
}



html.verds0 #site a.button, html.verds0 #site a.button span {
  background-color:#000;
  color:#fff;
}

html.verds1 #site a.button, html.verds1 #site a.button span {
  background-color:#000;
  color:#fff;
}
html.verds1 #site a.button2, html.verds1 #site a.button2 span {
  background-color:#000;
  color:#fff;
}

html.verds2 #site a.button, html.verds2 #site a.button span {
  color:#000;
  background-color: #fff;
}
html.verds2 #site a.button2, html.verds2 #site a.button2 span {
  background-color:#fff;
  color:#000;
}

html.verds3 #site a.button, html.verds3 #site a.button span {
  color:#9dd1ff;
  background-color: #063462;
}
html.verds3 #site a.button2, html.verds3 #site a.button2 span {
  background-color:#063462;
  color:#9dd1ff;
}

html.verds4 #site a.button, html.verds4 #site a.button span {
  color:#f7f3d6;
  background-color: #4d4b43;
}
html.verds4 #site a.button2, html.verds4 #site a.button2 span {
  background-color: #4d4b43;
  color:#f7f3d6;
}

html.verds5 #site a.button, html.verds5 #site a.button span {
  color:#3b2716;
  background-color: #a9e44d;
}
html.verds5 #site a.button2, html.verds5 #site a.button2 span {
  background-color:#a9e44d;
  color:#3b2716;
}

html.verds #footer .container_block {
  background:none;

}




/* verds0 */
html.verds0 .vdsv_panel {
  background: #ededed;
  border: 2px solid #c4c4c4;
}
html.verds0 .vdsv_panel .pu {
  border-left: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4;
}
html.verds0 .vdsv_panel .pu_txt {
  padding: 21px 10px 0px 0px;
  font-size: 16px !important; color: #000;
  float: left;
}
html.verds0 .block_nastr {
  border-bottom: 2px solid #c4c4c4;
  border-left: 2px solid #c4c4c4;
  border-right: 2px solid #c4c4c4;
  background: #fff;
  padding: 18px 52px;
}
html.verds0 .bn_h, html.verds1 .vbr_shr_h, html.verds1 .vbr_int_h, html.verds1 a.vbr_shr_but { color: #000; }
html.verds0 a.vbr_int_but,
html.verds0 a.vbr_shr_but {
  color: #000 !important; background: #fff !important; border: 1px solid #000;
}
html.verds0 a.vbr_int_but.active,
html.verds0 a.vbr_shr_but.active {
  color: #fff !important; background: #000 !important; border: 1px solid #000;
}
html.verds1 .bn_button { border: 4px solid #000; background: #000 !important; }
html.verds1 .bn_button span {   border: 2px solid #fff;  color: #fff !important; }


html.verds0 ul.leftmenu li a {  color: #000; }
html.verds0 ul.leftmenu li a:hover {  color: #696969; }
html.verds0 .name {
  color: #000;
  border-bottom: 2px solid #c4c4c4;
}
html.verds0 .content {
  border-left: 1px solid #c4c4c4;
}
html.verds0 .verds_menu {
  border-bottom: 1px solid #c4c4c4;
}
html.verds0 .verds_menu a {
  color: #000;
}
html.verds0 .block {
    border-bottom: 1px solid #c4c4c4;
}
html.verds0 .avtoriz {

}
html.verds0 input.button {
    background: #5c5c5c; color: #fff;
}
html.verds0 span.top {
    color: #696969;
}
html.verds0  #listing span,
html.verds0  #listing a {
    background: #696969; color: #fff;
}
html.verds0 .verds_baner {
    border: 2px solid #000000; color: #000;
}
html.verds0 .verds_baner:hover {
    border: 2px solid #5c5c5c;  color: #5c5c5c;
}
html.verds0 #content {
    border-bottom: 1px solid #c4c4c4;
}
html.verds0 .grx {
    /*border-top: 1px solid #c4c4c4;*/
}
/*html.verds0 .adress .h1 {
    color: #000;
}*/
html.verds0 .adress a {
    color: #000;
}
html.verds0 .vc .actd {
    background: #8c8c8c;
}
html.verds0 .r_s.act {
    border-color: #8c8c8c;
}

html.verds0 .content th, html.verds0 .content td {
    border: 1px solid #c4c4c4;
}


html.verds .bb_body{
  background:none;
}



/* verds1 */
html.verds1 .vdsv_panel {
  background: #ededed;
  border-color: #c4c4c4;
}
html.verds1 .vdsv_panel .pu {
  border-left: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4;
}
html.verds .vdsv_panel .pu_txt {
  padding: 21px 10px 0px 0px;
  font-size: 16px; line-height: 18px; color: #000;
  float: left;
}
html.verds .vdsv_panel .pu3c .pu_txt {
    float: none; padding-right: 0px;
}
html.verds .vdsv_panel .pu4c .pu_txt {
    float: none; padding-right: 0px;
}

html.verds1 .block_nastr {
  border-bottom: 2px solid #c4c4c4;
  border-left: 2px solid #c4c4c4;
  border-right: 2px solid #c4c4c4;
  background: #fff;
  padding: 18px 52px;
}
html.verds1 .bn_h, html.verds1 .vbr_shr_h, html.verds1 .vbr_int_h, html.verds1 a.vbr_shr_but { color: #000 !important; }
html.verds1 a.vbr_int_but,
html.verds1 a.vbr_shr_but {
  color: #000 !important; background: #fff !important; border: 1px solid #000;
}
html.verds1 a.vbr_int_but.active,
html.verds1 a.vbr_shr_but.active {
  color: #fff !important; background: #000 !important; border: 1px solid #000;
}
html.verds1 .bn_button { border: 4px solid #000; background: #000 !important; }
html.verds1 .bn_button span {   border: 2px solid #fff;  color: #fff !important; }


html.verds1 ul.leftmenu li a {  color: #000; }
html.verds1 ul.leftmenu li a:hover {  color: #696969; }
html.verds1 .name {
  color: #000;
  border-bottom: 2px solid #8c8c8c;
}
html.verds1 .content {
  border-left: 1px solid #8c8c8c;
}

html.verds0 .article .content,
html.verds1 .article .content,
html.verds2 .article .content,
html.verds3 .article .content,
html.verds4 .article .content,
html.verds5 .article .content{
  border:none;
}
html.verds .verds_menu {
  	float: right;
    box-sizing: border-box;
    position: relative;
    z-index: 10;
}
html.verds .top_vdsv_logo {
  	float: left;
    box-sizing: border-box;
    border-style: solid;
    border-width: 1px;
}

html.verds1 .verds_menu {
  	border-bottom: 1px solid #8c8c8c;
  	border-left: 1px solid #8c8c8c;

}
html.verds1 .top_vdsv_logo {
    border-color: #000;
  	float: left;
}
html.verds .top_vdsv_logo a {
    display: block;
    padding: 22px 30px 18px 30px;
    text-decoration: none;
    text-align: center;
}

.top_vdsv_logo_pr {
    display: block;
    padding-top: 7px;
}



.resultSearch__catalog,
.resultSearch__news,
.resultSearch__articles{
    margin: 15px 0;
}

.searchNews__item .searchNews__date,
.searchArticles__item .searchArticles__title{
    font-size: 14px;
    color: #d6143d;
    margin: 0 0 10px 0;
}
.searchNews__item .searchNews__date:hover,
.searchArticles__item .searchArticles__title:hover{
    text-decoration: none;
}
.searchNews__desc, .searchArticles__desc{
    font-size: 14px;
    color: #000;
    margin: 10px 0 0;
    max-height: 54px;
    overflow: hidden;
}
.searchNews__item, .searchArticles__item{
    margin: 15px 0;
}
.search__field_active{
    background: #fff;
}

html.verds  .button,
html.verds  .button2,
html.verds  .button3 {
    font-size: 1.0rem;
}





html.verds .add_head, h1 {font-size: var(--h1-font-size); line-height: 1.3em; }

html.verds .verds_menu { min-width: 320px; }
html.verds .verds_menu a { font-size: 1.0rem; line-height: 1em; text-decoration: none; }
html.verds .verds_menu a span {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
}



/*html.fz1 #site, html.fz1 .button { font-size: 2.2rem; line-height: 1.05em; }
html.fz2 #site, html.fz2 .button { font-size: 2.6rem; line-height: 1.05em; }
html.fz3 #site, html.fz3 .button { font-size: 3.2rem; line-height: 1.05em; }*/

html.verds #header { padding-top: 1.5em; padding-bottom: 1.5em; }
html.verds .top_vdsv_logo_name { font-size: 1.5em; }

.fz1 .top_vdsv_logo { width: 405px; }
.fz2 .top_vdsv_logo { width: 455px; }
.fz3 .top_vdsv_logo { width: 540px; }

.fz1 .tm_uslugi, .fz1 .ur_2 {top:1.9rem; }
.fz2 .tm_uslugi, .fz2 .ur_2 {top:2.0rem; }
.fz3 .tm_uslugi, .fz3 .ur_2 {top:1.9rem; }


html.verds  .top_vdsv_telefon  { padding-top: 0.2em; }
html.verds  .top_vdsv_telefon .top_inf_left,
html.verds  .top_vdsv_telefon .top_inf_right { font-size: 1.2em; }
html.verds  .top_vdsv_telefon .top_inf_left span:first-of-type { font-size: 0.7em; }

html.verds .top_vdsv_slogan { font-size: 1.0em; padding-top: 1.5em; }

html.verds #top-menu {  margin-bottom: 1.5rem; }

html.verds .tm_uslugi { width: auto; }

html.verds .slide-head-2 {  font-size: 1.5rem; }

html.verds .slide-info  { width: 45%; }

html.verds .tizers-list { flex-wrap: wrap; }

html.verds .tizer-item { margin-bottom:1.5rem;  max-width: 500px;}

html.verds .tizer-icon { display: none; }



html.verds .tmu2{ padding: 0.7rem 0.5rem;  }







html.verds .top_vdsv_logo a .top_vdsv_logo_name {
    border-bottom: 3px solid transparent;
    font-weight: bold;
}
html.verds .top_vdsv_logo a:hover .top_vdsv_logo_name {
    border-bottom: 3px solid #000;
}
.top_vdsv_slogan {

   text-align: center;
   overflow: hidden;
}

html.verds 	.top_vdsv_telefon {
    text-align: center;
    position: relative;

}

html.verds .top_inf_left, html.verds .top_inf_right {
    position: static; float: none; text-align: center;
    width: auto;   display: inline-block;
}


html.verds .header_height {
    height: auto;
    overflow: hidden;
}
html.verds .wf {
    box-shadow: none;
}
html.verds  #top-menu .tm li a {
    text-shadow: none;
    font-size: 1.05em !important;
  	line-height: 1.05em;
}

html.verds1 #top-menu .tm li a { color: #000; }
html.verds2 #top-menu .tm li a { color: #fff; }
html.verds3 #top-menu .tm li a { color: #063462; }
html.verds4 #top-menu .tm li a { color: #4d4b43; }
html.verds5 #top-menu .tm li a { color: #a9e44d; }

/*html.verds  #top-menu .tm li a span {
    border-bottom: 3px solid #000;
}
html.verds  #top-menu .tm li a:hover span {
    border-bottom: 3px solid transparent;
}*/

html.fz1  #left {
    width: 400px;
}
html.fz1  #center {
    -webkit-box-flex: 375px;
    -ms-flex: 375px;
    flex: 375px;
}


html.fz2  #left {
    width: 450px;
}
html.fz2  #center {
    -webkit-box-flex: 425px;
    -ms-flex: 425px;
    flex: 425px;
}


html.fz3  #left {
    width: 500px;
}
html.fz3  #center {
    -webkit-box-flex: 475px;
    -ms-flex: 475px;
    flex: 475px;
}



html.verds .search__btn {
    box-shadow: none;

}

html.verds .wf {
    background: transparent;
}

html.verds1 .verds_menu a {
  color: #000;
}
html.verds1 .block {
    border-bottom: 1px solid #c4c4c4;
}
html.verds1 .avtoriz {

}



html.verds1 input.button,
html.verds1 input.otpr,
html.verds1 button,
html.verds1 .search__btn {
    background: #000; color: #fff; border: none;
}
html.verds1 .search__field {
    border: 1px solid #000;
}
html.verds1 span.top {
    color: #696969;
}




html.verds1 .right-button-conteiner__item {
    border: none; background: #5c5c5c;
}
html.verds1 #right .right-button-conteiner__item
span.right-button-conteiner__item__name {
    color: #fff;
}
html.verds1 #right .right-button-conteiner__item_active {
    border: 1px solid #5c5c5c; background: #fff;
}
html.verds1 #right .right-button-conteiner__item_active
span.right-button-conteiner__item__name {
    color: #696969;
}




html.verds2 input.button,
html.verds2 input.otpr,
html.verds2 button,
html.verds2 .search__btn {
    background: #fff; color: #000;
}
html.verds2 .search__field {
    border: 1px solid #fff;
}
html.verds2 span.top {
    color: #fff;
}


html.verds2 .right-button-conteiner__item {
    border: none; background: #5c5c5c;
}
html.verds2 #right .right-button-conteiner__item
span.right-button-conteiner__item__name {
    color: #fff;
}
html.verds2 #right .right-button-conteiner__item_active {
    border: 1px solid #5c5c5c; background: #fff;
}
html.verds2 #right .right-button-conteiner__item_active
span.right-button-conteiner__item__name {
    color: #696969;
}



html.verds3 input.button,
html.verds3 input.otpr,
html.verds3 button,
html.verds3 .search__btn {
    background: #063462; color: #9dd1ff; border: 1px solid #063462;
}
html.verds3 .search__field {
    background: #9dd1ff;
    border: 1px solid #063462;
}
html.verds3 span.top {
    color: #696969;
}

html.verds3 .right-button-conteiner__item {
    border: none; background: #063462;
}
html.verds3 #right .right-button-conteiner__item
span.right-button-conteiner__item__name {
    color: #9dd1ff;
}
html.verds3 #right .right-button-conteiner__item_active {
    border: 1px solid #063462; background: #9dd1ff;
}
html.verds3 #right .right-button-conteiner__item_active
span.right-button-conteiner__item__name {
    color: #063462;
}



html.verds4 input.button,
html.verds4 input.otpr,
html.verds4 button,
html.verds4 .search__btn {
    background: #4d4b43; color: #f7f3d6; border: 1px solid #4d4b43;
}
html.verds4 .search__field {
    background: #f7f3d6;
    border: 1px solid #4d4b43;
}
html.verds4 span.top {
    color: #696969;
}

html.verds4 .right-button-conteiner__item {
    border: none; background: #4d4b43;
}
html.verds4 #right .right-button-conteiner__item
span.right-button-conteiner__item__name {
    color: #f7f3d6;
}
html.verds4 #right .right-button-conteiner__item_active {
    border: 1px solid #4d4b43; background: #f7f3d6;
}
html.verds4 #right .right-button-conteiner__item_active
span.right-button-conteiner__item__name {
    color: #4d4b43;
}



html.verds5 input.button,
html.verds5 input.otpr,
html.verds5 button,
html.verds5 .search__btn {
    background: #a9e44d; color: #3b2716; border: 1px solid #a9e44d;
}
html.verds5 .search__field {
    background: #3b2716;
    border: 1px solid #a9e44d;
}
html.verds5 span.top {
    color: #696969;
}

html.verds5 .right-button-conteiner__item {
    border: none; background: #a9e44d;
}
html.verds5 #right .right-button-conteiner__item
span.right-button-conteiner__item__name {
    color: #3b2716;
}
html.verds5 #right .right-button-conteiner__item_active {
    border: 1px solid #a9e44d; background: #3b2716;
}
html.verds5 #right .right-button-conteiner__item_active
span.right-button-conteiner__item__name {
    color: #a9e44d;
}




html.verds .block_nastr {
  width: 1000px; display: none; position: absolute; left: 50%; top: 61px; z-index: 1000;  box-sizing: border-box;
  margin-left: -500px;
}
html.verds #site .tm_uslugi .tm_uslugi__p1 {
    flex: 0 0 320px;
}

html.verds .tmliist { max-width: none; width: calc(100% - 80px); margin-right: 40px;  margin-left: 40px; }

.fz1 .tmu2 { font-size: 16px; }
.fz2 .tmu2 { font-size: 18px; }
.fz3 .tmu2 { font-size: 20px; }

.fz1 .menuMain__item > a  { font-size: 14px; }
.fz2 .menuMain__item > a  { font-size: 16px; }
.fz3 .menuMain__item > a  { font-size: 18px; }




html.verds1  #listing a {
    background: #696969; color: #fff;
}
html.verds1  #listing span {
    background: #fff; color: #696969;
}

html.verds1 .verds_baner {
    border: 2px solid #000000; color: #000;
}
html.verds1 .verds_baner:hover {
    border: 2px solid #5c5c5c;  color: #5c5c5c;
}
html.verds1 .right_banners {
    border-top: 1px solid #c4c4c4;
}
html.verds1 #footer {
    border-top: 1px solid #c4c4c4;
}
html.verds1 .adress .h1 {
    color: #000;
}
html.verds1 .adress a {
    color: #000;
}
html.verds1 .vc .actd {
    background: #8c8c8c;
}
html.verds1 .r_s.act {
    border-color: #8c8c8c;
}

html.verds1 .content th, html.verds1 .content td {
    border: 1px solid #000;
}
html.verds1 .content a {
    color: #000;
}
html.verds1 ul.leftmenu li a {  color: #000 !important; }
html.verds1 ul.leftmenu li a:hover {  color: #a9a9a9 !important; }


html.verds1 #left2 ul.leftmenu li.opened>a {
    display: block;background: #000;color: #fff !important;padding: 0.3em;
}
html.verds #left2 ul.leftmenu ul li.opened.folder > a span {
    border-bottom: 2px solid transparent;
}
html.verds1 #left2 ul.leftmenu ul li.opened > a span {
    border-bottom: 2px solid #fff;
}

html.verds1 .verds_menu a:hover span {
    border-bottom-color: #fff;
}


html.verds1 .top-menu { background-color: #fff;  }
html.verds1 #site a.tmu2 span { color: #000; }
html.verds1 #site li.tmd_u:hover a.tmu2 { background: #000; }
html.verds1 #site li.tmd_u:hover a.tmu2 span { color: #fff; }
html.verds1 #site li.tmd:hover a.tmu2 { background: #000; }
html.verds1 #site li.tmd:hover a.tmu2 span { color: #fff; }

html.verds1 #site .tm_uslugi,
html.verds1 #site .ur_2 { background-color: #000; }
html.verds1 #site .ur_2 .menuMain__item > a span { color: #fff; }

html.verds1 #site  li.tmd_u .icon-us span { background-color: #000; }
html.verds1 #site  li.tmd_u:hover .icon-us span { background-color: #fff; }


html.verds1 #site .tm_uslugi h4,
html.verds1 #site .tm_uslugi .tm_uslugi__cat span {
    color: #fff;
}
html.verds1 #site .tm_uslugi__cat.active span {
    border-bottom: 1px solid #fff;
}
html.verds1 #site .tm_uslugi a.button {
    background-color: #fff;
}
html.verds1 #site .tm_uslugi a.button span {
    background-color: #fff;
    color: #000;
}
html.verds1 #site .us-list a span {
    color: #fff;
}
html.verds1 #site .tm_uslugi .tm_uslugi__p1 {
    border-right: 3px solid #fff;
}

html.verds1 #site .uslugi {
	border-top: 1px solid  #000;
	border-bottom: 1px solid  #000;

}





/* verds2 */
html.verds2 #main2 {
  background: #000;
}
html.verds2 .vdsv_panel {
  background: #242424;
  border-bottom: 2px solid #c4c4c4;
}
html.verds2 .vdsv_panel .pu {
  border-left: 2px solid #ededed;
}
html.verds2 .vdsv_panel .pu_txt {
  padding: 21px 10px 0px 0px;
  font-size: 16px; color: #fff;
  float: left;
}
html.verds2 .block_nastr {
  border-bottom: 2px solid #c4c4c4;
  border-left: 2px solid #c4c4c4;
  border-right: 2px solid #c4c4c4;
  background: #000;
  padding: 18px 52px;
}
html.verds2 .bn_h, html.verds2 .vbr_shr_h, html.verds2 .vbr_int_h, html.verds2 a.vbr_shr_but { color: #fff !important; }
html.verds2 a.vbr_int_but,
html.verds2 a.vbr_shr_but {
  color: #fff !important; background: #000 !important; border: 1px solid #fff;
}
html.verds2 a.vbr_int_but.active,
html.verds2 a.vbr_shr_but.active {
  color: #000 !important; background: #fff !important; border: 1px solid #fff;
}
html.verds2 .bn_button { border: 4px solid #fff; background: #fff !important; }
html.verds2 .bn_button span {   border: 2px solid #000;  color: #000 !important; }
html.verds2 ul.leftmenu li a {  color: #fff !important; }
html.verds2 ul.leftmenu li a:hover {  color: #a9a9a9 !important; }
html.verds2 .name {
  color: #fff;
  border-bottom: 2px solid #c4c4c4;
}
html.verds2 .content {
  border-left: 1px solid #fff;
}
html.verds2 .verds_menu {
  border-bottom: 1px solid #fff;
}
html.verds2 .verds_menu a {
  color: #fff;
}
html.verds2 h4 {
    color: #fff;
}
html.verds2 p.more a, html.verds2 p.back a, html.verds2 p.all a {
    color: #fff;
}
html.verds2  #listing span{
    background: #fff; color: #696969;
}
html.verds2  #listing a {
    background: #696969; color: #fff;
}
html.verds2 .verds_baner {
    border: 2px solid #fff; color: #fff;
}
html.verds2 .verds_baner:hover {
    border: 2px solid #a9a9a9;  color: #a9a9a9;
}
html.verds2 .right_banners {
    border-top: 1px solid #fff;
}
html.verds2 #footer {
    border-top: 1px solid #fff;
}
html.verds2 .adress .h1 {
    color: #fff;
}
html.verds2 .grx, html.verds2 .grx a {
    color: #fff;
}

html.verds2 .avtoriz span.top {
    color: #fff;
}
html.verds2 .avtoriz input.text {
  border: 1px solid #fff;
 	background: #000;
 	color: #fff;
}
html.verds2 input.button, html.verds2 input.otpr, html.verds2 button {
    background: #5c5c5c; color: #fff;
}
html.verds2 .search__field {
    border: 1px solid #5c5c5c;
}

html.verds2 .adress a {
    color: #fff;
}
html.verds2 img {
    border: 1px solid #fff;
}
html.verds2 .block {
  border-bottom: 1px solid #fff;
}
html.verds2 .vc .actd {
    background: #ededed;
}
html.verds2 .r_s.act {
    border-color: #ededed;
}
html.verds2 .content th, html.verds2 .content td {
    border: 1px solid #fff;
}
html.verds2 .content a {
    color: #fff;
}

html.verds2 #left2 ul.leftmenu li.opened>a {
    display: block;background: #fff;color: #000 !important;padding: 0.3em;
}
html.verds2 #left2 ul.leftmenu ul li.opened > a span {
    border-bottom: 2px solid #000;
}

html.verds2 .verds_menu a:hover span {
    border-bottom-color: #000;
}

html.verds2 #site .top-menu { background-color: #000; }
html.verds2 #site a.tmu2 span { color: #fff;   }
html.verds2 #site a.tmu2:hover { background: #fff; }
html.verds2 #site a.tmu2:hover span { color: #000; }


html.verds2 .top-menu { background-color: #000;  }
html.verds2 #site a.tmu2 span { color: #fff; }
html.verds2 #site li.tmd_u:hover a.tmu2 { background: #fff; }
html.verds2 #site li.tmd_u:hover a.tmu2 span { color: #000; }
html.verds2 #site li.tmd:hover a.tmu2 { background: #fff; }
html.verds2 #site li.tmd:hover a.tmu2 span { color: #000; }

html.verds2 #site .tm_uslugi,
html.verds2 #site .ur_2 { background-color: #fff; }
html.verds2 #site .ur_2 .menuMain__item > a span { color: #000; }

html.verds2 #site  li.tmd_u .icon-us span { background-color: #fff; }
html.verds2 #site  li.tmd_u:hover .icon-us span { background-color: #000; }


html.verds2 #site .tm_uslugi h4,
html.verds2 #site .tm_uslugi .tm_uslugi__cat span {
    color: #000;
}
html.verds2 #site .tm_uslugi__cat.active span {
    border-bottom: 1px solid #000;
}
html.verds2 #site .tm_uslugi a.button {
    background-color: #000;
}
html.verds2 #site .tm_uslugi a.button span {
    background-color: #000;
    color: #fff;
}
html.verds2 #site .us-list a span {
    color: #000;
}
html.verds2 #site .tm_uslugi .tm_uslugi__p1 {
    border-right: 3px solid #000;
}

html.verds2 #site .uslugi {
	border-top: 1px solid  #fff;
	border-bottom: 1px solid  #fff;

}




/* verds3 */
html.verds3 .vdsv_panel {
  background: #6d8fb7;
  border-bottom: 2px solid #063462;
}
html.verds3 .vdsv_panel .pu {
  border-left: 1px solid #2e538a; border-right: 1px solid #2e538a;
}
html.verds3 .vdsv_panel .pu_txt {
  padding: 21px 10px 0px 0px;
  font-size: 16px; color: #063462;
  float: left;
}
html.verds3 .block_nastr {

  border-bottom: 2px solid #063462;
  border-left: 2px solid #063462;
  border-right: 2px solid #063462;
  background: #9dd1ff;
  padding: 18px 52px;
}
html.verds3 .bn_h, html.verds3 .vbr_shr_h, html.verds3 .vbr_int_h, html.verds3 a.vbr_shr_but { color: #063462 !important; }
html.verds3 a.vbr_int_but,
html.verds3 a.vbr_shr_but {
  color: #063462 !important; background: #9dd1ff !important; border: 1px solid #063462;
}
html.verds3 a.vbr_int_but.active,
html.verds3 a.vbr_shr_but.active {
  color: #9dd1ff !important; background: #063462 !important; border: 1px solid #063462;
}
html.verds3 .bn_button { border: 4px solid #063462; background: #063462 !important; }
html.verds3 .bn_button span {   border: 2px solid #9dd1ff;  color: #9dd1ff !important; }
html.verds3 .name {
  color: #063462;
  border-bottom: 2px solid #063462;
}
html.verds3 .verds_menu {
  border-bottom: 1px solid #063462;
}
html.verds3 .verds_menu a {
  color: #063462;
}
html.verds3 p.more a, html.verds3 p.back a, html.verds3 p.all a {
    color: #063462;
}
html.verds3 img {
    border: 1px solid #063462;
}
html.verds3 .block {
  border-bottom: 1px solid #063462;
}

html.verds3 .avtoriz span.top {
    color: #0074c5;
}
html.verds3 .avtoriz input.text {
  border: 1px solid #2e538a;
 	background: transparent;
 	color: #2e538a;
}
html.verds3 input.button, html.verds3 input.otpr, html.verds3 button {
    background: #274a83;
  	color: #dedede;
    border: 1px solid #274a83;
}
html.verds3 .search__field {
    border: 1px solid #274a83;
}

html.verds3 .adress a {
    color: #fff;
}
html.verds3 img {
    border: 1px solid #fff;
}
html.verds3 .block {
  border-bottom: 1px solid #fff;
}

html.verds3 .adress a {
    color: #fff;
}
html.verds3 img {
    border: 1px solid #2e538a;
}
html.verds3 .block {
  border-bottom: 1px solid #2e538a;
}
html.verds3 .content {
  border-left: 1px solid #063462;
}
html.verds3 .right_banners {
    border-top: 1px solid #063462;
}
html.verds3 .verds_baner {
    border: 2px solid #063462; color: #063462;
}
html.verds3 .verds_baner:hover {
    border: 2px solid #31568d;  color: #31568d;
}

html.verds0 #footer {
    border-top: 1px solid #000;
}
html.verds3 #footer {
    border-top: 1px solid #063462;
}
html.verds3 .grx, html.verds3 .grx a {
    color: #063462;
}

html.verds3 .adress a {
    color: #063462;
}
html.verds3  #listing span {
    background: #b7cae0; color: #31568d;
}
html.verds3 #listing a
 {
    background: #31568d; color: #b7cae0;
    display: inline-block; min-width: 2em; margin-bottom: 0.5em;
}
html.verds3 #listing a:hover{
  background: #31568d; color: #b7cae0;
}
html.verds3 h4 {
    color: #063462;
}
html.verds3 ul.leftmenu li a {
    color: #063462;
}
html.verds3 .adress .h1 {
    color: #063462;
}
html.verds3 .vc .actd {
    background: #5176a6;
}
html.verds3 .r_s.act {
    border-color: #5176a6;
}
html.verds3 .content th, html.verds3 .content td {
    border: 1px solid #063462;
}
html.verds3 .content a {
    color: #063462;
}
html.verds3 ul.leftmenu li a {  color: #063462 !important; }
html.verds3 ul.leftmenu li a:hover {  color: #3f94d0 !important; }

html.verds3 #left2 ul.leftmenu li.opened>a {
    display: block;background: #063462;color: #9dd1ff !important;padding: 0.3em;
}
html.verds3 #left2 ul.leftmenu ul li.opened > a span {
    border-bottom: 2px solid #9dd1ff;
}

html.verds3 .verds_menu a:hover span {
    border-bottom-color: #063462;
}



/* top-menu */
html.verds3 .top-menu { background-color: #9dd1ff;}
html.verds3 #site a.tmu2 span { color:  #063462;  }
html.verds3 #site a.tmu2:hover { background: #063462; }
html.verds3 #site a.tmu2:hover span { color: #063462; }


html.verds3 #site li.tmd_u:hover a.tmu2 { background: #063462; }
html.verds3 #site li.tmd_u:hover a.tmu2 span { color: #9dd1ff; }
html.verds3 #site li.tmd:hover a.tmu2 { background: #063462; }
html.verds3 #site li.tmd:hover a.tmu2 span { color: #9dd1ff; }

html.verds3 #site .tm_uslugi,
html.verds3 #site .ur_2 { background-color: #063462; }
html.verds3 #site .ur_2 .menuMain__item > a span { color: #9dd1ff; }

html.verds3 #site  li.tmd_u .icon-us span { background-color: #063462; }
html.verds3 #site  li.tmd_u:hover .icon-us span { background-color: #9dd1ff; }


html.verds3 #site .tm_uslugi h4,
html.verds3 #site .tm_uslugi .tm_uslugi__cat span {
    color: #9dd1ff;
}
html.verds3 #site .tm_uslugi__cat.active span {
    border-bottom: 1px solid #9dd1ff;
}
html.verds3 #site .tm_uslugi a.button {
    background-color: #9dd1ff;
}
html.verds3 #site .tm_uslugi a.button span {
    background-color: #9dd1ff;
    color: #063462
}
html.verds3 #site .us-list a span {
    color: #9dd1ff;
}
html.verds3 #site .tm_uslugi .tm_uslugi__p1 {
    border-right: 3px solid #9dd1ff;
}
/* /top-menu */

html.verds3 #site .uslugi {
	border-top: 1px solid  #063462;
	border-bottom: 1px solid  #063462;

}



/* verds4 */
html.verds4 .vdsv_panel {
  background: #e0dab0;
  border-bottom: 2px solid #4d4b43;
}
html.verds4 .vdsv_panel .pu {
  border-left: 1px solid #6c6753; border-right: 1px solid #4d4b43;
}
html.verds4 .vdsv_panel .pu_txt {
  padding: 21px 10px 0px 0px;
  font-size: 16px; color: #4d4b43;
  float: left;
}
html.verds4 .block_nastr {

  border-bottom: 2px solid #4d4b43;
  border-left: 2px solid #4d4b43;
  border-right: 2px solid #4d4b43;
  background: #f7f3d6;
  padding: 18px 52px;
}
html.verds4 .bn_h, html.verds3 .vbr_shr_h, html.verds4 .vbr_int_h, html.verds4 a.vbr_shr_but { color: #4d4b43 !important; }
html.verds4 a.vbr_int_but,
html.verds4 a.vbr_shr_but {
    color: #4d4b43 !important; background: #f7f3d6 !important; border: 1px solid #4d4b43;
}
html.verds4 a.vbr_int_but.active,
html.verds4 a.vbr_shr_but.active {
    color: #f7f3d6 !important; background: #4d4b43 !important; border: 1px solid #4d4b43;

}
html.verds4 .bn_button { border: 4px solid #4d4b43; background: #4d4b43 !important; }
html.verds4 .bn_button span {   border: 2px solid #e0dab0;  color: #e0dab0 !important; }
html.verds4 .name {
  color: #4d4b43;
  border-bottom: 2px solid #4d4b43;
}
html.verds4 .verds_menu {
  border-bottom: 1px solid #4d4b43;
}
html.verds4 .verds_menu a {
  color: #4d4b43;
}
html.verds4 p.more a, html.verds4 p.back a, html.verds4 p.all a {
    color: #4d4b43;
}
html.verds4 img {
    border: 1px solid #4d4b43;
}
html.verds4 .block {
  border-bottom: 1px solid #4d4b43;
}

html.verds4 .avtoriz span.top {
    color: #4d4b43;
}
html.verds4 .avtoriz input.text {
  border: 1px solid #4d4b43;
 	background: transparent;
 	color: #4d4b43;
}
html.verds4 input.button, html.verds4 input.otpr, html.verds4 button {
    background: #4d4b43;
  	color: #e0dab0;
    border: 1px solid #4d4b43;
}
html.verds4 .search__field {
    border: 1px solid #4d4b43;
}

html.verds4 .adress a {
    color: #fff;
}
html.verds4 img {
    border: 1px solid #fff;
}
html.verds4 .adress a {
    color: #fff;
}
html.verds4 img {
    border: 1px solid #4d4b43;
}
html.verds4 .block {
  border-bottom: 1px solid #4d4b43;
}
html.verds4 .content {
  border-left: 1px solid #4d4b43;
}
html.verds4 .right_banners {
    border-top: 1px solid #4d4b43;
}
html.verds4 .verds_baner {
    border: 2px solid #4d4b43; color: #4d4b43;
}
html.verds4 .verds_baner:hover {
    border: 2px solid #6f6a57;  color: #6f6a57;
}
html.verds4 #footer {
    border-top: 1px solid #4d4b43;
}
html.verds4 .grx, html.verds4 .grx a {
    color: #4d4b43;
}

html.verds4 .adress a {
    color: #4d4b43;
}
html.verds4  #listing span{
    background: #e0dab0; color: #4d4b43;
}
html.verds4  #listing a {
 	background: #4d4b43; color: #e0dab0;
}
html.verds4 h4 {
    color: #4d4b43;
}
html.verds4 ul.leftmenu li a {
    color: #4d4b43;
}
html.verds4 .adress .h1 {
    color: #4d4b43;
}
html.verds4 .vc .actd {
    background: #716e63;
}
html.verds4 .r_s.act {
    border-color: #716e63;
}
html.verds4 .content th, html.verds4 .content td {
    border: 1px solid #4d4b43;
}
html.verds4 .content a {
    color: #4d4b43;
}
html.verds4 ul.leftmenu li a {  color: #4d4b43 !important; }
html.verds4 ul.leftmenu li a:hover {  color: #9d9b93 !important; }

html.verds4 #left2 ul.leftmenu li.opened>a {
    display: block;background: #4d4b43;color: #f7f3d6 !important;padding: 0.3em;
}
html.verds4 #left2 ul.leftmenu ul li.opened > a span {
    border-bottom: 2px solid #f7f3d6;
}

html.verds4 .verds_menu a:hover span {
    border-bottom-color: #4d4b43;
}


/* top-menu */
html.verds4 .top-menu { background-color: #f7f3d6;}

html.verds4 #site li.tmd_u:hover a.tmu2 { background: #4d4b43; }
html.verds4 #site li.tmd_u:hover a.tmu2 span { color: #f7f3d6; }
html.verds4 #site li.tmd:hover a.tmu2 { background: #4d4b43; }
html.verds4 #site li.tmd:hover a.tmu2 span { color: #f7f3d6; }

html.verds4 #site .tm_uslugi,
html.verds4 #site .ur_2 { background-color: #4d4b43; }
html.verds4 #site .ur_2 .menuMain__item > a span { color: #f7f3d6; }

html.verds4 #site  li.tmd_u .icon-us span { background-color: #4d4b43; }
html.verds4 #site  li.tmd_u:hover .icon-us span { background-color: #f7f3d6; }


html.verds4 #site .tm_uslugi h4,
html.verds4 #site .tm_uslugi .tm_uslugi__cat span {
    color: #f7f3d6;
}
html.verds4 #site .tm_uslugi__cat.active span {
    border-bottom: 1px solid #f7f3d6;
}
html.verds4 #site .tm_uslugi a.button {
    background-color: #f7f3d6;
}
html.verds4 #site .tm_uslugi a.button span {
    background-color: #f7f3d6;
    color: #4d4b43;
}
html.verds4 #site .us-list a span {
    color: #f7f3d6;
}
html.verds4 #site .tm_uslugi .tm_uslugi__p1 {
    border-right: 3px solid #f7f3d6;
}
/* /top-menu */

html.verds4 #site .uslugi {
	border-top: 1px solid  #4d4b43;
	border-bottom: 1px solid  #4d4b43;

}




/* verds5 */
html.verds5 .vdsv_panel {
  background: #4f3927;
  border-bottom: 2px solid #a9e44d;
}
html.verds5 .vdsv_panel .pu {
  border-left: 1px solid #a9e44d; border-right: 1px solid #000;
}
html.verds5 .vdsv_panel .pu_txt {
  padding: 21px 10px 0px 0px;
  font-size: 16px; color: #a9e44d;
  float: left;
}
html.verds5 .block_nastr {

  border-bottom: 2px solid #a9e44d;
  border-left: 2px solid #a9e44d;
  border-right: 2px solid #a9e44d;
  background: #3b2716;
  padding: 18px 52px;
}
html.verds5 .bn_h, html.verds5 .vbr_shr_h, html.verds5 .vbr_int_h, html.verds5 a.vbr_shr_but { color: #a9e44d !important; }
html.verds5 a.vbr_int_but,
html.verds5 a.vbr_shr_but {
  color: #a9e44d !important; background: #3b2716 !important; border: 1px solid #a9e44d;
}
html.verds5 a.vbr_int_but.active,
html.verds5 a.vbr_shr_but.active {
  color: #3b2716 !important; background: #a9e44d !important; border: 1px solid #a9e44d;
}
html.verds5 .bn_button { border: 4px solid #a9e44d; background: #a9e44d !important; }
html.verds5 .bn_button span {   border: 2px solid #3b2716;  color: #3b2716 !important; }
html.verds5 .name {
  color: #a9e44d;
  border-bottom: 2px solid #a9e44d;
}
html.verds5 .verds_menu {
  border-bottom: 1px solid #a9e44d;
}
html.verds5 .verds_menu a {
  color: #a9e44d;
}
html.verds5 p.more a, html.verds4 p.back a, html.verds4 p.all a {
    color: #a9e44d;
}
html.verds5 img {
    border: 1px solid #a9e44d;
}
html.verds5 .block {
  border-bottom: 1px solid #a9e44d;
}

html.verds5 .avtoriz span.top {
    color: #a9e44d;
}
html.verds5 .avtoriz input.text {
  border: 1px solid #a9e44d;
 	background: transparent;
 	color: #a9e44d;
}
html.verds5 input.button, html.verds5 input.otpr, html.verds5 button {
    background: #a9e44d;
  	color: #3b2716;
    border: 1px solid #a9e44d;
}
html.verds5 .search__field {
    border: 1px solid #a9e44d;
}

html.verds5 .adress a {
    color: #fff;
}
html.verds5 img {
    border: 1px solid #fff;
}
html.verds5 .adress a {
    color: #fff;
}
html.verds5 img {
    border: 1px solid #a9e44d;
}
html.verds5 .block {
  border-bottom: 1px solid #a9e44d;
}
html.verds5 .content {
  border-left: 1px solid #a9e44d;
}
html.verds5 .right_banners {
    border-top: 1px solid #a9e44d;
}
html.verds5 .verds_baner {
    border: 2px solid #a9e44d; color: #a9e44d;
}
html.verds5 .verds_baner:hover {
    border: 2px solid #6f6a57;  color: #6f6a57;
}
html.verds5 #footer {
    border-top: 1px solid #a9e44d;
}
html.verds5 .grx, html.verds5 .grx a {
    color: #a9e44d;
}
html.verds5 .adress a {
    color: #a9e44d;
}
html.verds5  #listing span{
    background: #3b2716; color: #a9e44d;
}
html.verds5  #listing a {
 background: #a9e44d; color: #3b2716;
}
html.verds5 h4 {
    color: #a9e44d;
}
html.verds5 ul.leftmenu li a {
    color: #a9e44d;
}
html.verds5 .adress .h1 {
    color: #a9e44d;
}
html.verds5 .vc .actd {
    background: #88aa52;
}
html.verds5 .r_s.act {
    border-color: #88aa52;
}
html.verds5 .content th, html.verds5 .content td {
    border: 1px solid #a9e44d;
}
html.verds5 .content a {
    color: #a9e44d;
}
html.verds5 ul.leftmenu li a {  color: #a9e44d !important; }
html.verds5 ul.leftmenu li a:hover {  color: #79c42d !important; }

html.verds5 #left2 ul.leftmenu li.opened>a {
    display: block;background: #79c42d;color: #3b2716 !important;padding: 0.3em;
}
html.verds5 #left2 ul.leftmenu ul li.opened > a span {
    border-bottom: 2px solid #3b2716;
}

html.verds5 .verds_menu a:hover span {
    border-bottom-color: #3b2716;
}

/* top-menu */
html.verds5 .top-menu { background-color: #3b2716;}

html.verds5 #site li.tmd_u:hover a.tmu2 { background: #79c42d; }
html.verds5 #site li.tmd_u:hover a.tmu2 span { color: #3b2716; }
html.verds5 #site li.tmd:hover a.tmu2 { background: #79c42d; }
html.verds5 #site li.tmd:hover a.tmu2 span { color: #3b2716; }

html.verds5 #site .tm_uslugi,
html.verds5 #site .ur_2 { background-color: #79c42d; }
html.verds5 #site .ur_2 .menuMain__item > a span { color: #3b2716; }

html.verds5 #site  li.tmd_u .icon-us span { background-color: #79c42d; }
html.verds5 #site  li.tmd_u:hover .icon-us span { background-color: #3b2716; }


html.verds5 #site .tm_uslugi h4,
html.verds5 #site .tm_uslugi .tm_uslugi__cat span {
    color: #3b2716;
}
html.verds5 #site .tm_uslugi__cat.active span {
    border-bottom: 1px solid #3b2716;
}
html.verds5 #site .tm_uslugi a.button {
    background-color: #3b2716;
}
html.verds5 #site .tm_uslugi a.button span {
    background-color: #3b2716;
    color: #79c42d;
}
html.verds5 #site .us-list a span {
    color: #3b2716;
}
html.verds5 #site .tm_uslugi .tm_uslugi__p1 {
    border-right: 3px solid #3b2716;
}
/* /top-menu */

html.verds5 #site .uslugi {
	border-top: 1px solid  #79c42d;
	border-bottom: 1px solid  #79c42d;

}





#site.tnr {
    font-family:'Times New Roman';
}
#site.normal {
 letter-spacing: normal;
}
#site.mid {
 letter-spacing: 0.1em;
}
#site.big {
 letter-spacing: 0.2em;
}


html.verds h1 {
  font-size: 1.4em; line-height: 1.3em;
  margin-bottom: 1.3em; word-break: break-all;
}

html.verds h4 {
  font-size: 1.3em; line-height: 1.3em; word-break: break-all;

}
html.verds .content {
  font-size: 1.3em !important; line-height: 1.5em !important;
}
html.verds .content span {
    font-size: 1.0em;
    line-height: 1.4em;
    padding-top: 0.5em;
}
html.verds .content #listing span {
    box-sizing: border-box;
    display: inline-block;
    font-size: 1.3em;
    line-height: 1.1em;
    margin-bottom: 0.3em;
    min-width: 2em;
    padding-bottom: 0.3em;
    padding-top: 0.3em;
}

html.verds  p.all a,
html.verds  p.back a,
html.verds  p.more a {
  font-size: 1.0em; line-height: 1.0em; background: none;
}
html.verds p, html.verds .block  p {
  padding-top: 0.6em; padding-bottom: 0.6em; margin-bottom: 0px;
}
html.verds  p.pzero {
    display: none;
}

html.verds div.cb {
    clear: both;  margin-bottom: 1.3em;
}


html.verds .person-slider__cart {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
    padding: 1rem 0.2rem;
}

html.verds  .spec-slider .swiper-slide {
    padding: 0rem;
}

html.verds  .newswiget_main .article .date {
    font-size: 1.0rem;
}


html.verds .gimn_foto {
    float: left; text-align: center; margin-right: 100px; margin-bottom: 1.5em;
}
html.verds .gimn_foto img {
    float: none !important;
}

html.verds .gimn_foto strong {
    padding-top: 20px; display: block;
}
html.verds .gimn_text {
    float: left; line-height: 1.5em;
}

html.verds #text .gallery li a span {
    margin: 0; padding: 0; background: none;
}

html.verds  h2 {
    font-size: 1.3em; line-height: 1.0em;margin-bottom: 1.0em;
}


html.verds ul.leftmenu ul ul {
 margin: 1.5em 0em 0 9px; padding: 0;
}
html.verds ul.leftmenu ul ul a {

}
html.verds ul.leftmenu li li li a, html.verds ul.leftmenu li.opened li.opened li a {
    font-size: 1.5em;
}


html.verds p.more a, html.verds p.all a  {
    background: none;
}

html.verds #site {
    /*max-width: 1040px;*/
}
html.verds h3 {
    font-size: 1.0em;
}

.table_wrap { overflow: auto; margin-bottom: 20px; }


html.verds .content .table_wrap table {
    margin-bottom: 10px;
}
html.verds .content .table_wrap table p {
    margin-bottom: 0px;
}

/*
html.noimg .gallery {
    display: none;
}*/
/*html.verds */
html.verds .content .feedback table td  {
    border: none;
}

html.verds2 #listing a:hover{
  background: #fff; color: #000;
}
html.verds4 #listing a:hover{
  background: #4d4b43;color: #f7f3d6;
}
html.verds1 #listing a:hover{
  background: #000; color: #fff;
}
html.verds5 #listing a:hover{
  background: #a9e44d;
    color: #3b2716;
}


html.verds1 .search__field {
  border: 1px solid #000;
 	background: #fff;
 	color: #000;
}



html.verds2 .feedback span.top {
    color: #fff;
}
html.verds2 .feedback input.text, html.verds2 .feedback textarea {
  border: 1px solid #fff;
 	background: transparent;
 	color: #fff;
}
html.verds2 .feedback input.text, html.verds2 .feedback textarea, html.verds2 .search__field {
  border: 1px solid #fff;
 	background: #000;
 	color: #fff;
}



html.verds3 .feedback input.text, html.verds3 .feedback textarea, html.verds3 .search__field {
  border: 1px solid #2e538a;
 	background: transparent;
 	color: #2e538a;
}
html.verds3 input.otpr {
    background: #274a83;
  color: #dedede;
    border: 1px solid #274a83;
}



html.verds4 .feedback span.top {
    color: #4d4b43;
}
html.verds4 .feedback input.text, html.verds4 .feedback textarea, html.verds4 .search__field {
  border: 1px solid #4d4b43;
 	background: transparent;
 	color: #4d4b43;
}



html.verds5 .feedback span.top {
    color: #a9e44d;
}
html.verds5 .feedback input.text, html.verds5 .feedback textarea, html.verds5 .search__field {
  border: 1px solid #a9e44d;
 	background: transparent;
 	color: #a9e44d;
}

html.verds .feedback tr,
html.verds .feedback td {
    display: block; padding: 0;
}
html.verds .feedback td{
    margin-bottom: 0em;
}html.verds .feedback td.left{
    margin-bottom: 0.3em;
}
html.verds .feedback tr {
    margin-bottom: 0.5em;
}
html.verds .feedback textarea,
html.verds .feedback input.text {
    box-sizing: border-box;
    font-size: 1.8em;
    height: auto;
    padding: 5px 10px;
    width: 100%;
}

html.verds p.alert  {
  font-size: 1.0em;
}
html.verds0 p.alert, html.verds0 .feedback span  { color: #000;}
html.verds1 p.alert, html.verds1 .feedback span  { color: #000;}
html.verds2 p.alert, html.verds2 .feedback span  { color: #fff;}
html.verds3 p.alert, html.verds3 .feedback span  { color: #063462;}
html.verds4 p.alert, html.verds4 .feedback span  { color: #4d4b43;}
html.verds5 p.alert, html.verds5 .feedback span  { color: #a9e44d;}


html.verds1 .main-content { border-left: none; }
html.verds2 .main-content { border-left: none; }
html.verds3 .main-content { border-left: none; }
html.verds4 .main-content { border-left: none; }
html.verds5 .main-content { border-left: none; }

html.verds .main-content {
	padding-left: 1em;
	padding-right: 1em;
}


html.verds .content .feedback span  { font-size: 1.4em !important;}


html.verds input.otpr {
    float: right;
    font-size: 1.5em;
    height: auto;
    margin: 0;
    padding: 1em 1.8em;
    width: auto;
            font-weight: bold;
}

html.verds ul.leftmenu ul, html.verds ul.leftmenu ul ul {margin-left:12px; margin-top: 1.5em; padding-top: 0;}



html.verds .content ul.gallery li {
    padding: 0 !important; width: 99%; margin-right: 0; box-sizing: border-box;
}
html.verds .content ul.gallery li div {
    margin: 0 auto;
}


div.r_s1 {
  font-size: 16px !important; line-height: 20px !important; padding-top: 21px !important;
}
div.r_s2 {
  font-size: 24px !important; line-height: 24px !important; padding-top: 17px !important;
}
div.r_s3 {
  font-size: 36px !important; line-height: 28px !important;  padding-top: 11px !important;
}


.r_s {
 float: left; box-sizing: border-box; display: table-cell;
 width: 35px; height: 52px;  overflow: hidden;
 vertical-align: bottom; text-align: center; text-transform: uppercase;
 cursor: pointer;
 padding-bottom: 17px;
}
.r_s.act {
    border-bottom-width: 5px;
    border-bottom-style: solid;
}

/*.fz1 .vdsv_panel .pu_txt, .fz2 .vdsv_panel .pu_txt, .fz3 .vdsv_panel .pu_txt{
  font-size:16px;
}*/
html.verds .bb_menu_body{
  width:240px;
}
.vdsv {
  display:block;
  cursor:pointer;
}



html.verds ul.vertmenu li.ur_1 > a {
    background: none;
    box-shadow: none;
    border: none;
    font-size: 1em;
}

html.verds  ul.vertmenu {
    background: none;
}



html.verds div.blue > ul.vertmenu > li.ur_1 > a {
    background: none;
    box-shadow: none;
    border: none;
}


html.verds .interview {
    display: none;
}


html.verds #left .center {
    display: none;
}

html.verds #newswiget_hor .article h3 {
    font-size: 0.8em; line-height: 1.0em; padding-bottom: 0.5em;
}

html.verds  #newswiget_hor .article {
    width:100%;
}
html.verds  .nwr {
   display: none;
}

html.verds  #newswiget_hor .article .img {
    display: none !important;
}

html.verds  .desc {
    height: auto;
}


html.verds  .map {
    display: none !important;
}

html.verds #newswiget_hor .cb {
    display: none;
}

html.verds #newswiget_hor   .article {
    padding-bottom: 1.5em;padding-top: 1.5em;
}

html.verds .news .data_new, html.verds  #newswiget_hor .article .date {
    font-size: 1.0em; line-height: 1.0em;
}

html.verds p.more-list a, p.more-list a:visited {
   	font-size: 1.0em; line-height: 1.0em;
}






html.verds .interviewLIst__date {
    font-size: 1.0em; line-height: 1.0em; padding-bottom: 0.5em;
}

html.verds .interviewLIst__title {
    font-size: 1.0em; line-height: 1.0em; padding-bottom: 0.5em;
}


html.verds .interview__answer {
    padding-top: 0.5em; padding-bottom: 0.5em;
    font-size: 1.0em; line-height: 1.0em;
}


@media screen and (max-width: 1023px) {
html.verds .header_height {
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0 auto -1px;
    }
html.verds #left {
        margin-left: 0px;
    }
html.verds .content {
    border-left: none;
    padding-left: 0px;
}

}

@media screen and (max-width: 1500px) {
html.verds .top_vdsv_telefon {
        clear: both; padding-top: 1em;
    }
}

html.verds .trava {
    display: none;
}

.h3-news {
    margin-bottom: calc(var(--base-margin));
}




html.verds .main_galer .foto_m, html.verds .main_galer .foto_mm,  html.verds .fm_conteiner {
    height: auto !important; position: static !important;
    width: auto !important; overflow: hidden;
}
html.verds .main_galer {
    padding-bottom: 1.5em;
}


html.verds tr {
    background-color: transparent !important;
}





html.verds .napr-item__question__date {
    float: none; display: inline-block;
}

html.verds  .napr-item__question__name {
    margin-left: 0px;  display: inline-block;
}

html.verds  .napr-item__question__h {
    float: none;
}


html.verds .text-caution {
    font-size: 1.0em;
    left: 0px;
}


html.verds  .glavnayaTable {
    float: none; width: auto;
}


html.verds  .text-caution {
    padding-bottom: 0.5em;
}



.kont_cont2.kont_cont2_fdbmod{
margin-top:40px;
display: none;
}

.napravlenie{
    /*display: none;*/
    margin-top:28px;
}
.napravlenie__name{
    font-size: 20px;
    color:#237533;
    font-weight: 700;
    margin-bottom: 17px;
}

.napr-item__question{

}
.napr-item__question__date{
    display:block;
    color:#91a6ad;
    font-size: 12px;
    font-weight: 700;
    float:left;
}
.napr-item__question__name{
    display:block;
    color:#333333;
    font-size: 14px;
    font-weight: 700;
    margin-left:70px;
    margin-bottom: 5px;
    min-height: 18px;
}
.napr-item__question__h{
    float:left;
    display:block;
    color:#2e4484;
    font-size: 14px;
    font-weight: 700;
}
.napr-item__question__p{
    display:block;
    color:#000000;
    font-size: 14px;
    font-weight: 400;
    margin-left:70px;
    margin-bottom:5px;
}
.napr-item__question__open-answer{
    /*display:block;*/
    color:#d6143d;
    font-size: 14px;
    font-weight: 400;
    margin-left:70px;
    cursor: pointer;
}
.napr-item__question__hide-answer__undln{
    text-decoration: underline;
}



.napr-item__answer{
display:none;
margin-top:13px;
}
.napr-item__answer__h{
    float:left;
    display:block;
    color:#2e4484;
    font-size: 14px;
    font-weight: 700;
}
.napr-item__answer__name{
    display:block;
    color:#333333;
    font-size: 14px;
    font-weight: 700;
    margin-left:70px;
    margin-bottom: -1px;
}
.napr-item__answer__pos{
    display:block;
    color:#333333;
    font-size: 14px;
    font-weight: 700;
    margin-left:70px;
    margin-bottom: 5px;
}
.napr-item__answer__p{
    display:block;
    color:#000000;
    font-size: 14px;
    font-weight: 400;
    margin-left:70px;
    margin-bottom:5px;
}
.napr-item__answer__hide-answer{
    margin-left:70px;
    color:#000;
    cursor: pointer;
    font-size: 14px;
}
.napr-item__answer__hide-answer__undln{
    text-decoration: underline;
}
.napr-item__razd{
    width: calc(100% - 90px);
    height:1px;
    box-sizing: border-box;
    margin-left:70px;
    border-bottom:1px solid #cde8f0;
    margin-top:21px;
    margin-bottom: 21px;
}




.right{
    padding-top:0px;
    margin-right:0px;
}
.right-side__h{
    font-size: 20px;
    margin-bottom: 15px;
    color: #ce061d;
    font-weight: 700;
}

.right-button-conteiner__item{
    /*Начало bebebe*/
    /*Конец 969696*/
    color:#fff;
    margin-bottom: 4px;
    height:44px;
    background:-webkit-gradient( linear, left top, left bottom, from(#bebebe), to(#969696) );
    background:linear-gradient( to bottom, #bebebe, #969696 );
    border-bottom:2px solid #878787;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 0 16px;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 18px;
    cursor: pointer;
}
.right-button-conteiner__item__name{

}
.right-button-conteiner__item_active{
    background:-webkit-gradient( linear, left top, left bottom, from(#e4ab5b), to(#ea7c1e) );
    background:linear-gradient( to bottom, #e4ab5b, #ea7c1e );
    border-bottom:2px solid #c76100;
}
.right-button-conteiner__item:hover{
    background:-webkit-gradient( linear, left top, left bottom, from(#e4ab5b), to(#ea7c1e) );
    background:linear-gradient( to bottom, #e4ab5b, #ea7c1e );
    border-bottom:2px solid #c76100;

}
.h1_green{
    color:#237533;
}
.add_head.green{
    color:#237533;
}
.caution{
    display:block;
    font-size: 20px;
    padding-left: 31px;
    position: relative;
    margin-bottom: 10px;
    color: #ce061d;
    font-weight: 700;
}
.caution::before{
    content:"";
    display: block;
    position: absolute;
    left:0px;
    top:-3px;
    width:23px;
    height:22px;

    /*background-image:url(../images/design/caution_img.png);*/

    background-image:url(../caution_img.png);

}
.ask-btn.ask-btn_mod{
    margin-top:
    padding: 10px 30px;
    background: #098a77;
    border-radius: 20px;
    color: #ffffff;
    text-decoration: none;
    font-family: var(--font-Roboto);
    font-size: var(--fz-14);
    cursor: pointer;
}

.ask-btn.ask-btn_mod:hover{
    background-color: var(--color-logo-hov);
}


.happyform {
    width: 100%;
    max-width: 554px;
}





/* flex-grid */
.fg {
    display: flex;
    margin: 0 var(--fg-pad);
}


.fg > div { margin: 0 var(--fg-gap); }
.fg-nw { flex-wrap: nowrap; }
.fg-wr { flex-wrap: wrap; }
.flat {flex-grow: 1;}
.fd-col {flex-direction: column;}


.fr {float: right;}

.grid {display: grid; column-gap: var(--col-gap); row-gap: var(--row-gap);}

@media screen and (min-width: 1200px){
.stab30{flex:0 0 30px}.stab35{flex:0 0 35px}.stab40{flex:0 0 40px}.stab45{flex:0 0 45px}.stab50{flex:0 0 50px}.stab55{flex:0 0 55px}.stab60{flex:0 0 60px}.stab65{flex:0 0 65px}.stab70{flex:0 0 70px}.stab80{flex:0 0 80px}.stab90{flex:0 0 90px}.stab100{flex:0 0 100px}.stab110{flex:0 0 110px}.stab120{flex:0 0 120px}.stab130{flex:0 0 130px}.stab140{flex:0 0 140px}.stab150{flex:0 0 150px}.stab160{flex:0 0 160px}.stab170{flex:0 0 170px}.stab180{flex:0 0 180px}.stab190{flex:0 0 190px}.stab200{flex:0 0 200px }.stab210{flex:0 0 210px}.stab220{flex:0 0 220px}.stab230{flex:0 0 230px}.stab240{flex:0 0 240px}.stab250{flex:0 0 250px}.stab260{flex:0 0 260px}.stab270{flex:0 0 270px}.stab280{flex:0 0 280px}.stab290{flex:0 0 290px}.stab300{flex:0 0 300px}.stab310{flex:0 0 310px}.stab320{flex:0 0 320px}.stab330{flex:0 0 330px}.stab340{flex:0 0 340px}.stab350{flex:0 0 350px}.stab360{flex:0 0 360px}.stab370{flex:0 0 370px}.stab380{flex:0 0 380px}.stab390{flex:0 0 390px}.stab400{flex:0 0 400px}.stab410{flex:0 0 410px}.stab420{flex:0 0 420px}.stab430{flex:0 0 430px}.stab440{flex:0 0 440px}.stab450{flex:0 0 450px}.stab460{flex:0 0 460px}.stab470{flex:0 0 470px}.stab480{flex:0 0 480px}.stab490{flex:0 0 490px}.stab500{flex:0 0 500px}.stab510{flex:0 0 510px}.stab520{flex:0 0 520px}.stab530{flex:0 0 530px}.stab540{flex:0 0 540px}.stab550{flex:0 0 550px}.stab560{flex:0 0 560px}.stab570{flex:0 0 570px}.stab580{flex:0 0 580px}.stab590{flex:0 0 590px}
.w470 {width: 470px;}.w480 {width: 480px;}.w490 {width: 490px;}.w500 {width: 500px;}.w510 {width: 510px;}.w520 {width: 520px;}
}
/* *4 */
.bs-mt-4 { margin-top: calc(4*var(--base-size));}
.bs-ml-4 { margin-left: calc(4*var(--base-size));}
.bs-mr-4 { margin-right: calc(4*var(--base-size));}
.bs-mb-4 { margin-bottom: calc(4*var(--base-size));}
.bs-mh-4 { margin-left: calc(4*var(--base-size)); margin-right: calc(4*var(--base-size))}
.bs-mv-4 { margin-top: calc(4*var(--base-size)); margin-bottom: calc(4*var(--base-size))}
.bs-m-4 { margin: calc(4*var(--base-size));}

.bs-pt-4 { padding-top: calc(4*var(--base-size));}
.bs-pl-4 { padding-left: calc(4*var(--base-size));}
.bs-pr-4 { padding-right: calc(4*var(--base-size));}
.bs-pb-4 { padding-bottom: calc(4*var(--base-size));}
.bs-ph-4 { padding-left: calc(4*var(--base-size)); padding-right: calc(4*var(--base-size))}
.bs-pv-4 { padding-top: calc(4*var(--base-size)); padding-bottom: calc(4*var(--base-size))}
.bs-pt-4 { padding: calc(4*var(--base-size));}

/* *3 */
.bs-mt-3 { margin-top: calc(3*var(--base-size));}
.bs-ml-3 { margin-left: calc(3*var(--base-size));}
.bs-mr-3 { margin-right: calc(3*var(--base-size));}
.bs-mb-3 { margin-bottom: calc(3*var(--base-size));}
.bs-mh-3 { margin-left: calc(3*var(--base-size)); margin-right: calc(3*var(--base-size))}
.bs-mv-3 { margin-top: calc(3*var(--base-size)); margin-bottom: calc(3*var(--base-size))}
.bs-mt-3 { margin: calc(3*ar(--base-size));}

.bs-pt-3 { padding-top: calc(3*var(--base-size));}
.bs-pl-3 { padding-left: calc(3*var(--base-size));}
.bs-pr-3 { padding-right: calc(3*var(--base-size));}
.bs-pb-3 { padding-bottom: calc(3*var(--base-size));}
.bs-ph-3 { padding-left: calc(3*var(--base-size)); padding-right: calc(3*var(--base-size))}
.bs-pv-3 { padding-top: calc(3*var(--base-size)); padding-bottom: calc(3*var(--base-size))}
.bs-p-3 { padding: calc(3*var(--base-size));}


/* *2 */
.bs-mt-2 { margin-top: calc(2*var(--base-size));}
.bs-ml-2 { margin-left: calc(2*var(--base-size));}
.bs-mr-2 { margin-right: calc(2*var(--base-size));}
.bs-mb-2 { margin-bottom: calc(2*var(--base-size));}
.bs-mh-2 { margin-left: calc(2*var(--base-size)); margin-right: calc(2*var(--base-size))}
.bs-mv-2 { margin-top: calc(2*var(--base-size)); margin-bottom: calc(2*var(--base-size))}
.bs-m-2 { margin: calc(2*var(--base-size));}

.bs-pt-2 { padding-top: calc(2*var(--base-size));}
.bs-pl-2 { padding-left: calc(2*var(--base-size));}
.bs-pr-2 { padding-right: calc(2*var(--base-size));}
.bs-pb-2 { padding-bottom: calc(2*var(--base-size));}
.bs-ph-2 { padding-left: calc(2*var(--base-size)); padding-right: calc(2*var(--base-size))}
.bs-pv-2 { padding-top: calc(2*var(--base-size)); padding-bottom: calc(2*var(--base-size))}
.bs-p-2 { padding: calc(2*var(--base-size));}


/* *1.5 */
.bs-mt-15 { margin-top: calc(1.5*var(--base-size));}
.bs-ml-15 { margin-left: calc(1.5*var(--base-size));}
.bs-mr-15 { margin-right: calc(1.5*var(--base-size));}
.bs-mb-15 { margin-bottom: calc(1.5*var(--base-size));}
.bs-mh-15 { margin-left: calc(1.5*var(--base-size)); margin-right: calc(1.5*var(--base-size))}
.bs-mv-15 { margin-top: calc(1.5*var(--base-size)); margin-bottom: calc(1.5*var(--base-size))}
.bs-m-15 { margin: calc(1.5*ar(--base-size));}

.bs-pt-15 { padding-top: calc(1.5*var(--base-size));}
.bs-pl-15 { padding-left: calc(1.5*var(--base-size));}
.bs-pr-15 { padding-right: calc(1.5*var(--base-size));}
.bs-pb-15 { padding-bottom: calc(1.5*var(--base-size));}
.bs-ph-15 { padding-left: calc(1.5*var(--base-size)); padding-right: calc(1.5*var(--base-size))}
.bs-pv-15 { padding-top: calc(1.5*var(--base-size)); padding-bottom: calc(1.5*var(--base-size))}
.bs-p-15 { padding: calc(1.5*var(--base-size));}


/* *1 */
.bs-mt-1 { margin-top: calc(var(--base-size));}
.bs-ml-1 { margin-left: calc(var(--base-size));}
.bs-mr-1 { margin-right: calc(var(--base-size));}
.bs-mb-1 { margin-bottom: calc(var(--base-size));}
.bs-mh-1 { margin-left: calc(var(--base-size)); margin-right: calc(var(--base-size))}
.bs-mv-1 { margin-top: calc(var(--base-size)); margin-bottom: calc(var(--base-size))}
.bs-m-1 { margin: calc(var(--base-size));}

.bs-pt-1 { padding-top: calc(var(--base-size));}
.bs-pl-1 { padding-left: calc(var(--base-size));}
.bs-pr-1 { padding-right: calc(var(--base-size));}
.bs-pb-1 { padding-bottom: calc(var(--base-size));}
.bs-ph-1 { padding-left: calc(var(--base-size)); padding-right: calc(var(--base-size))}
.bs-pv-1 { padding-top: calc(var(--base-size)); padding-bottom: calc(var(--base-size))}
.bs-p-1 { padding: calc(var(--base-size));}


.mt-a { margin-top: auto; }
.ml-a { margin-left: auto; }
.mr-a { margin-right: auto; }
.mb-a { margin-bottom: auto; }
.mh-a { margin-left: auto; margin-right: auto;}
.mv-a { margin-top: auto; margin-bottom: auto;}
.m-a  { margin: auto; }

.mt-0 { margin-top: 0px; }
.ml-0 { margin-left: 0px; }
.mr-0 { margin-right: 0px; }
.mb-0 { margin-bottom: 0px; }
.mh-0 { margin-left: 0x; margin-right: 0px;}
.mv-0 { margin-top: 0px; margin-bottom: 0px;}
.m-0  { margin: 0px; }

.mt-8 { margin-top: 8px; }
.ml-8 { margin-left: 8px; }
.mr-8 { margin-right: 8px; }
.mb-8 { margin-bottom: 8px; }
.mh-8 { margin-left: 8x; margin-right: 8px;}
.mv-8 { margin-top: 8px; margin-bottom: 8px;}
.m-8  { margin: 8px; }

.mt-16 { margin-top: 16px; }
.ml-16 { margin-left: 16px; }
.mr-16 { margin-right: 16px; }
.mb-16 { margin-bottom: 16px; }
.mh-16 { margin-left: 16px; margin-right: 16px;}
.mv-16 { margin-top: 16px; margin-bottom: 16px;}
.m-16   { margin: 16px; }

.mt-24 { margin-top: 24px; }
.ml-24 { margin-left: 24px; }
.mr-24 { margin-right: 24px; }
.mb-24 { margin-bottom: 24px; }
.mh-24 { margin-left: 24px; margin-right: 24px;}
.mv-24 { margin-top: 24px; margin-bottom: 24px;}
.m-24   { margin: 24px; }

.mt-32 { margin-top: 32px; }
.ml-32 { margin-left: 32px; }
.mr-32 { margin-right: 32px; }
.mb-32 { margin-bottom: 32px; }
.mh-32 { margin-left: 32px; margin-right: 32px;}
.mv-32 { margin-top: 32px; margin-bottom: 32px;}
.m-32   { margin: 32px; }

.mt-48 { margin-top: 48px; }
.ml-48 { margin-left: 48px; }
.mr-48 { margin-right: 48px; }
.mb-48 { margin-bottom: 48px; }
.mh-48 { margin-left: 48px; margin-right: 48px;}
.mv-48 { margin-top: 48px; margin-bottom: 48px;}
.m-48   { margin: 48px; }

.mt-64 { margin-top: 64px; }
.ml-64 { margin-left: 64px; }
.mr-64 { margin-right: 64px; }
.mb-64 { margin-bottom: 64px; }
.mh-64 { margin-left: 64px; margin-right: 64px;}
.mv-64 { margin-top: 64px; margin-bottom: 64px;}
.m-64   { margin: 64px; }

.mh-auto { margin-left: auto; margin-right: auto; }


.jc-s {justify-content: start;}
.jc-c {justify-content: center;}
.jc-e {justify-content: end;}
.jc-sb {justify-content: space-between;}
.jc-sa {justify-content: space-around;}
.jc-se {justify-content: space-evenly;}
.ai-c {align-items: center;}
.ai-fe {align-items: flex-end;}

.dn {display: none;}
.db {display: block;}
.dib {display: inline-block;}
.df {display: flex;}
.dif {display: inline-flex;}
.dt {display: table;}

.fw-nw { flex-wrap: nowrap; }
.fw-wr { flex-wrap: wrap; }

.fr-1 {grid-template-columns: 1fr;}
.fr-2 {grid-template-columns: 1fr 1fr;}
.fr-3 {grid-template-columns: 1fr 1fr 1fr;}
.fr-4 {grid-template-columns: 1fr 1fr 1fr 1fr;}
.fr-5 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.fr-6 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}

.pt-1-1 { width: calc(100%/1 - 2*var(--fg-gap)); flex-grow: 1; }
.pt-1-2 { width: calc(100%/2 - 2*var(--fg-gap)); }
.pt-1-3 { width: calc(100%/3 - 2*var(--fg-gap)); }
.pt-1-4 { width: calc(100%/4 - 2*var(--fg-gap)); }
.pt-1-5 { width: calc(100%/5 - 2*var(--fg-gap)); }
.pt-1-6 { width: calc(100%/6 - 2*var(--fg-gap)); }
.pt-1-7 { width: calc(100%/7 - 2*var(--fg-gap)); }
.pt-1-8 { width: calc(100%/8 - 2*var(--fg-gap)); }
.pt-1-9 { width: calc(100%/9 - 2*var(--fg-gap)); }
.pt-1-10 { width: calc(100%/10 - 2*var(--fg-gap)); }
.pt-1-11 { width: calc(100%/11 - 2*var(--fg-gap)); }
.pt-1-12 { width: calc(100%/12 - 2*var(--fg-gap)); }

.pt-2-3 { width: calc(2*100%/3 - 2*var(--fg-gap)); }
.pt-2-5 { width: calc(2*100%/5 - 2*var(--fg-gap)); }
.pt-2-7 { width: calc(2*100%/7 - 2*var(--fg-gap)); }
.pt-2-9 { width: calc(2*100%/9 - 2*var(--fg-gap)); }
.pt-2-11 { width: calc(2*100%/11 - 2*var(--fg-gap)); }

.pt-3-4 { width: calc(3*100%/4 - 2*var(--fg-gap)); }
.pt-3-5 { width: calc(3*100%/5 - 2*var(--fg-gap)); }
.pt-3-7 { width: calc(3*100%/7 - 2*var(--fg-gap)); }
.pt-3-8 { width: calc(3*100%/8 - 2*var(--fg-gap)); }
.pt-3-10 { width: calc(3*100%/10 - 2*var(--fg-gap)); }
.pt-3-11 { width: calc(3*100%/11 - 2*var(--fg-gap)); }

.pt-4-5 { width: calc(4*100%/5 - 2*var(--fg-gap)); }
.pt-4-7 { width: calc(4*100%/7 - 2*var(--fg-gap)); }
.pt-4-9 { width: calc(4*100%/9 - 2*var(--fg-gap)); }
.pt-4-10 { width: calc(4*100%/10 - 2*var(--fg-gap)); }
.pt-4-11 { width: calc(4*100%/11 - 2*var(--fg-gap)); }

.pt-5-6 { width: calc(5*100%/6 - 2*var(--fg-gap)); }
.pt-5-7 { width: calc(5*100%/7 - 2*var(--fg-gap)); }
.pt-5-8 { width: calc(5*100%/8 - 2*var(--fg-gap)); }
.pt-5-9 { width: calc(5*100%/9 - 2*var(--fg-gap)); }
.pt-5-11 { width: calc(5*100%/11 - 2*var(--fg-gap)); }
.pt-5-12 { width: calc(5*100%/12 - 2*var(--fg-gap)); }

.pt-6-7 { width: calc(6*100%/7 - 2*var(--fg-gap)); }
.pt-6-10 { width: calc(6*100%/10 - 2*var(--fg-gap)); }
.pt-6-11 { width: calc(6*100%/11 - 2*var(--fg-gap)); }

.pt-7-8 { width: calc(7*100%/8 - 2*var(--fg-gap)); }
.pt-7-9 { width: calc(7*100%/9 - 2*var(--fg-gap)); }
.pt-7-10 { width: calc(7*100%/10 - 2*var(--fg-gap)); }
.pt-7-11 { width: calc(7*100%/11 - 2*var(--fg-gap)); }
.pt-7-12 { width: calc(7*100%/12 - 2*var(--fg-gap)); }

.pt-8-9 { width: calc(8*100%/9 - 2*var(--fg-gap)); }
.pt-8-11 { width: calc(8*100%/11 - 2*var(--fg-gap)); }

.pt-9-10 { width: calc(9*100%/10 - 2*var(--fg-gap)); }
.pt-9-11 { width: calc(9*100%/11 - 2*var(--fg-gap)); }
.pt-9-12 { width: calc(9*100%/12 - 2*var(--fg-gap)); }

.pt-10-11 { width: calc(10*100%/11 - 2*var(--fg-gap)); }

.pt-11-12 { width: calc(11*100%/12 - 2*var(--fg-gap)); }


/* xl- 1500*/
@media screen and (max-width: 1500px) {

.xs-jc-sb {
    justify-content: space-between;
}

:root {
    --base-size: 16px;
    --fg-pad: -15px;
    --fg-gap: 15px;
    --col-gap: 25px;
    --row-gap: 35px;
}


/* *4 */
.xl-bs-mt-4 { margin-top: calc(4*var(--base-size));}
.xl-bs-ml-4 { margin-left: calc(4*var(--base-size));}
.xl-bs-mr-4 { margin-right: calc(4*var(--base-size));}
.xl-bs-mb-4 { margin-bottom: calc(4*var(--base-size));}
.xl-bs-mh-4 { margin-left: calc(4*var(--base-size)); margin-right: calc(4*var(--base-size))}
.xl-bs-mv-4 { margin-top: calc(4*var(--base-size)); margin-bottom: calc(4*var(--base-size))}
.xl-bs-m-4 { margin: calc(4*var(--base-size));}

.xl-bs-pt-4 { padding-top: calc(4*var(--base-size));}
.xl-bs-pl-4 { padding-left: calc(4*var(--base-size));}
.xl-bs-pr-4 { padding-right: calc(4*var(--base-size));}
.xl-bs-pb-4 { padding-bottom: calc(4*var(--base-size));}
.xl-bs-ph-4 { padding-left: calc(4*var(--base-size)); padding-right: calc(4*var(--base-size))}
.xl-bs-pv-4 { padding-top: calc(4*var(--base-size)); padding-bottom: calc(4*var(--base-size))}
.xl-bs-pt-4 { padding: calc(4*var(--base-size));}

/* *3 */
.xl-bs-mt-3 { margin-top: calc(3*var(--base-size));}
.xl-bs-ml-3 { margin-left: calc(3*var(--base-size));}
.xl-bs-mr-3 { margin-right: calc(3*var(--base-size));}
.xl-bs-mb-3 { margin-bottom: calc(3*var(--base-size));}
.xl-bs-mh-3 { margin-left: calc(3*var(--base-size)); margin-right: calc(3*var(--base-size))}
.xl-bs-mv-3 { margin-top: calc(3*var(--base-size)); margin-bottom: calc(3*var(--base-size))}
.xl-bs-mt-3 { margin: calc(3*ar(--base-size));}

.xl-bs-pt-3 { padding-top: calc(3*var(--base-size));}
.xl-bs-pl-3 { padding-left: calc(3*var(--base-size));}
.xl-bs-pr-3 { padding-right: calc(3*var(--base-size));}
.xl-bs-pb-3 { padding-bottom: calc(3*var(--base-size));}
.xl-bs-ph-3 { padding-left: calc(3*var(--base-size)); padding-right: calc(3*var(--base-size))}
.xl-bs-pv-3 { padding-top: calc(3*var(--base-size)); padding-bottom: calc(3*var(--base-size))}
.xl-bs-p-3 { padding: calc(3*var(--base-size));}


/* *2 */
.xl-bs-mt-2 { margin-top: calc(2*var(--base-size));}
.xl-bs-ml-2 { margin-left: calc(2*var(--base-size));}
.xl-bs-mr-2 { margin-right: calc(2*var(--base-size));}
.xl-bs-mb-2 { margin-bottom: calc(2*var(--base-size));}
.xl-bs-mh-2 { margin-left: calc(2*var(--base-size)); margin-right: calc(2*var(--base-size))}
.xl-bs-mv-2 { margin-top: calc(2*var(--base-size)); margin-bottom: calc(2*var(--base-size))}
.xl-bs-m-2 { margin: calc(2*var(--base-size));}

.xl-bs-pt-2 { padding-top: calc(2*var(--base-size));}
.xl-bs-pl-2 { padding-left: calc(2*var(--base-size));}
.xl-bs-pr-2 { padding-right: calc(2*var(--base-size));}
.xl-bs-pb-2 { padding-bottom: calc(2*var(--base-size));}
.xl-bs-ph-2 { padding-left: calc(2*var(--base-size)); padding-right: calc(2*var(--base-size))}
.xl-bs-pv-2 { padding-top: calc(2*var(--base-size)); padding-bottom: calc(2*var(--base-size))}
.xl-bs-p-2 { padding: calc(2*var(--base-size));}


/* *1.5 */
.xl-bs-mt-15 { margin-top: calc(1.5*var(--base-size));}
.xl-bs-ml-15 { margin-left: calc(1.5*var(--base-size));}
.xl-bs-mr-15 { margin-right: calc(1.5*var(--base-size));}
.xl-bs-mb-15 { margin-bottom: calc(1.5*var(--base-size));}
.xl-bs-mh-15 { margin-left: calc(1.5*var(--base-size)); margin-right: calc(1.5*var(--base-size))}
.xl-bs-mv-15 { margin-top: calc(1.5*var(--base-size)); margin-bottom: calc(1.5*var(--base-size))}
.xl-bs-m-15 { margin: calc(1.5*ar(--base-size));}

.xl-bs-pt-15 { padding-top: calc(1.5*var(--base-size));}
.xl-bs-pl-15 { padding-left: calc(1.5*var(--base-size));}
.xl-bs-pr-15 { padding-right: calc(1.5*var(--base-size));}
.xl-bs-pb-15 { padding-bottom: calc(1.5*var(--base-size));}
.xl-bs-ph-15 { padding-left: calc(1.5*var(--base-size)); padding-right: calc(1.5*var(--base-size))}
.xl-bs-pv-15 { padding-top: calc(1.5*var(--base-size)); padding-bottom: calc(1.5*var(--base-size))}
.xl-bs-p-15 { padding: calc(1.5*var(--base-size));}


/* *1 */
.xl-bs-mt-1 { margin-top: calc(var(--base-size));}
.xl-bs-ml-1 { margin-left: calc(var(--base-size));}
.xl-bs-mr-1 { margin-right: calc(var(--base-size));}
.xl-bs-mb-1 { margin-bottom: calc(var(--base-size));}
.xl-bs-mh-1 { margin-left: calc(var(--base-size)); margin-right: calc(var(--base-size))}
.xl-bs-mv-1 { margin-top: calc(var(--base-size)); margin-bottom: calc(var(--base-size))}
.xl-bs-m-1 { margin: calc(var(--base-size));}

.xl-bs-pt-1 { padding-top: calc(var(--base-size));}
.xl-bs-pl-1 { padding-left: calc(var(--base-size));}
.xl-bs-pr-1 { padding-right: calc(var(--base-size));}
.xl-bs-pb-1 { padding-bottom: calc(var(--base-size));}
.xl-bs-ph-1 { padding-left: calc(var(--base-size)); padding-right: calc(var(--base-size))}
.xl-bs-pv-1 { padding-top: calc(var(--base-size)); padding-bottom: calc(var(--base-size))}
.xl-bs-p-1 { padding: calc(var(--base-size));}


/* *0 */
.xl-bs-ml-0 { margin-left: 0;}
.xl-bs-mr-0 { margin-right: 0;}


.xl-stab30 { flex: 0 0 calc(30px + 2*var(--fg-gap)); }
.xl-stab35 { flex: 0 0 calc(35px + 2*var(--fg-gap)); }
.xl-stab40 { flex: 0 0 calc(40px + 2*var(--fg-gap)); }
.xl-stab45 { flex: 0 0 calc(45px + 2*var(--fg-gap)); }
.xl-stab50 { flex: 0 0 calc(50px + 2*var(--fg-gap)); }
.xl-stab55 { flex: 0 0 calc(55px + 2*var(--fg-gap)); }
.xl-stab60 { flex: 0 0 calc(60px + 2*var(--fg-gap)); }
.xl-stab65 { flex: 0 0 calc(65px + 2*var(--fg-gap)); }
.xl-stab70 { flex: 0 0 calc(70px + 2*var(--fg-gap)); }
.xl-stab80 { flex: 0 0 calc(80px + 2*var(--fg-gap)); }
.xl-stab90 { flex: 0 0 calc(90px + 2*var(--fg-gap)); }

.xl-stab100 { flex: 0 0 calc(100px + 2*var(--fg-gap)); }
.xl-stab110 { flex: 0 0 calc(110px + 2*var(--fg-gap)); }
.xl-stab120 { flex: 0 0 calc(120px + 2*var(--fg-gap)); }
.xl-stab130 { flex: 0 0 calc(130px + 2*var(--fg-gap)); }
.xl-stab140 { flex: 0 0 calc(140px + 2*var(--fg-gap)); }
.xl-stab150 { flex: 0 0 calc(150px + 2*var(--fg-gap)); }
.xl-stab160 { flex: 0 0 calc(160px + 2*var(--fg-gap)); }
.xl-stab170 { flex: 0 0 calc(170px + 2*var(--fg-gap)); }
.xl-stab180 { flex: 0 0 calc(180px + 2*var(--fg-gap)); }
.xl-stab190 { flex: 0 0 calc(190px + 2*var(--fg-gap)); }

.xl-stab200 { flex: 0 0 calc(200px + 2*var(--fg-gap)); }
.xl-stab210 { flex: 0 0 calc(210px + 2*var(--fg-gap)); }
.xl-stab220 { flex: 0 0 calc(220px + 2*var(--fg-gap)); }
.xl-stab230 { flex: 0 0 calc(230px + 2*var(--fg-gap)); }
.xl-stab240 { flex: 0 0 calc(240px + 2*var(--fg-gap)); }
.xl-stab250 { flex: 0 0 calc(250px + 2*var(--fg-gap)); }
.xl-stab260 { flex: 0 0 calc(260px + 2*var(--fg-gap)); }
.xl-stab270 { flex: 0 0 calc(270px + 2*var(--fg-gap)); }
.xl-stab280 { flex: 0 0 calc(280px + 2*var(--fg-gap)); }
.xl-stab290 { flex: 0 0 calc(290px + 2*var(--fg-gap)); }

.xl-stab300 { flex: 0 0 calc(300px + 2*var(--fg-gap)); }
.xl-stab310 { flex: 0 0 calc(310px + 2*var(--fg-gap)); }
.xl-stab320 { flex: 0 0 calc(320px + 2*var(--fg-gap)); }
.xl-stab330 { flex: 0 0 calc(330px + 2*var(--fg-gap)); }
.xl-stab340 { flex: 0 0 calc(340px + 2*var(--fg-gap)); }
.xl-stab350 { flex: 0 0 calc(350px + 2*var(--fg-gap)); }
.xl-stab360 { flex: 0 0 calc(360px + 2*var(--fg-gap)); }
.xl-stab370 { flex: 0 0 calc(370px + 2*var(--fg-gap)); }
.xl-stab380 { flex: 0 0 calc(380px + 2*var(--fg-gap)); }
.xl-stab390 { flex: 0 0 calc(390px + 2*var(--fg-gap)); }

.xl-stab400 { flex: 0 0 calc(400px + 2*var(--fg-gap)); }
.xl-stab410 { flex: 0 0 calc(410px + 2*var(--fg-gap)); }
.xl-stab420 { flex: 0 0 calc(420px + 2*var(--fg-gap)); }
.xl-stab430 { flex: 0 0 calc(430px + 2*var(--fg-gap)); }
.xl-stab440 { flex: 0 0 calc(440px + 2*var(--fg-gap)); }
.xl-stab450 { flex: 0 0 calc(450px + 2*var(--fg-gap)); }
.xl-stab460 { flex: 0 0 calc(460px + 2*var(--fg-gap)); }
.xl-stab470 { flex: 0 0 calc(470px + 2*var(--fg-gap)); }
.xl-stab480 { flex: 0 0 calc(480px + 2*var(--fg-gap)); }
.xl-stab490 { flex: 0 0 calc(490px + 2*var(--fg-gap)); }

.xl-stab500 { flex: 0 0 calc(500px + 2*var(--fg-gap)); }
.xl-stab510 { flex: 0 0 calc(510px + 2*var(--fg-gap)); }
.xl-stab520 { flex: 0 0 calc(520px + 2*var(--fg-gap)); }
.xl-stab530 { flex: 0 0 calc(530px + 2*var(--fg-gap)); }
.xl-stab540 { flex: 0 0 calc(540px + 2*var(--fg-gap)); }
.xl-stab550 { flex: 0 0 calc(550px + 2*var(--fg-gap)); }
.xl-stab560 { flex: 0 0 calc(560px + 2*var(--fg-gap)); }
.xl-stab570 { flex: 0 0 calc(570px + 2*var(--fg-gap)); }
.xl-stab580 { flex: 0 0 calc(580px + 2*var(--fg-gap)); }
.xl-stab590 { flex: 0 0 calc(590px + 2*var(--fg-gap)); }



.xl-mt-0 { margin-top: 0px; }
.xl-ml-0 { margin-left: 0px; }
.xl-mr-0 { margin-right: 0px; }
.xl-mb-0 { margin-bottom: 0px; }
.xl-mh-0 { margin-left: 0x; margin-right: 0px;}
.xl-mv-0 { margin-top: 0px; margin-bottom: 0px;}
.xl-m-0  { margin: 0px; }

.xl-mt-8 { margin-top: 8px; }
.xl-ml-8 { margin-left: 8px; }
.xl-mr-8 { margin-right: 8px; }
.xl-mb-8 { margin-bottom: 8px; }
.xl-mh-8 { margin-left: 8x; margin-right: 8px;}
.xl-mv-8 { margin-top: 8px; margin-bottom: 8px;}
.xl-m-8   { margin: 8px; }

.xl-mt-16 { margin-top: 16px; }
.xl-ml-16 { margin-left: 16px; }
.xl-mr-16 { margin-right: 16px; }
.xl-mb-16 { margin-bottom: 16px; }
.xl-mh-16 { margin-left: 16px; margin-right: 16px;}
.xl-mv-16 { margin-top: 16px; margin-bottom: 16px;}
.xl-m-16   { margin: 16px; }

.xl-mt-24 { margin-top: 24px; }
.xl-ml-24 { margin-left: 24px; }
.xl-mr-24 { margin-right: 24px; }
.xl-mb-24 { margin-bottom: 24px; }
.xl-mh-24 { margin-left: 24px; margin-right: 24px;}
.xl-mv-24 { margin-top: 24px; margin-bottom: 24px;}
.xl-m-24   { margin: 24px; }

.xl-mt-32 { margin-top: 32px; }
.xl-ml-32 { margin-left: 32px; }
.xl-mr-32 { margin-right: 32px; }
.xl-mb-32 { margin-bottom: 32px; }
.xl-mh-32 { margin-left: 32px; margin-right: 32px;}
.xl-mv-32 { margin-top: 32px; margin-bottom: 32px;}
.xl-m-32   { margin: 32px; }

.xl-mt-48 { margin-top: 48px; }
.xl-ml-48 { margin-left: 48px; }
.xl-mr-48 { margin-right: 48px; }
.xl-mb-48 { margin-bottom: 48px; }
.xl-mh-48 { margin-left: 48px; margin-right: 48px;}
.xl-mv-48 { margin-top: 48px; margin-bottom: 48px;}
.xl-m-48   { margin: 48px; }

.xl-mt-64 { margin-top: 64px; }
.xl-ml-64 { margin-left: 64px; }
.xl-mr-64 { margin-right: 64px; }
.xl-mb-64 { margin-bottom: 64px; }
.xl-mh-64 { margin-left: 64px; margin-right: 64px;}
.xl-mv-64 { margin-top: 64px; margin-bottom: 64px;}
.xl-m-64   { margin: 64px; }



.xl-jc-s {justify-content: start;}
.xl-jc-c {justify-content: center;}
.xl-jc-e {justify-content: end;}
.xl-jc-sb {justify-content: space-between;}
.xl-jc-sa {justify-content: space-around;}
.xl-jc-se {justify-content: space-evenly;}


.xl-fd-col{flex-direction: column;}

.xl-ai-fs {align-items: flex-start;}
.xl-ai-fe {align-items: flex-end;}
.xl-ai-c {align-items: center;}
.xl-ai-b {align-items: baseline;}
.xl-ai-s {align-items: stretch;}
.xl-ai-n {align-items: normal;}

.xl-dn {display: none;}
.xl-db {display: block;}
.xl-dib {display: inline-block;}
.xl-df {display: flex;}
.xl-dif {display: inline-flex;}
.xl-dt {display: table;}

.xl-fr-1 {grid-template-columns: 1fr;}
.xl-fr-2 {grid-template-columns: 1fr 1fr;}
.xl-fr-3 {grid-template-columns: 1fr 1fr 1fr;}
.xl-fr-4 {grid-template-columns: 1fr 1fr 1fr 1fr;}
.xl-fr-5 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.xl-fr-6 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}

.xl-pt-1-1 { width: calc(100%/1 - 2*var(--fg-gap));  flex-grow: 1; }
.xl-pt-1-2 { width: calc(100%/2 - 2*var(--fg-gap)); }
.xl-pt-1-3 { width: calc(100%/3 - 2*var(--fg-gap)); }
.xl-pt-1-4 { width: calc(100%/4 - 2*var(--fg-gap)); }
.xl-pt-1-5 { width: calc(100%/5 - 2*var(--fg-gap)); }
.xl-pt-1-6 { width: calc(100%/6 - 2*var(--fg-gap)); }
.xl-pt-1-7 { width: calc(100%/7 - 2*var(--fg-gap)); }
.xl-pt-1-8 { width: calc(100%/8 - 2*var(--fg-gap)); }
.xl-pt-1-9 { width: calc(100%/9 - 2*var(--fg-gap)); }
.xl-pt-1-10 { width: calc(100%/10 - 2*var(--fg-gap)); }
.xl-pt-1-11 { width: calc(100%/11 - 2*var(--fg-gap)); }
.xl-pt-1-12 { width: calc(100%/12 - 2*var(--fg-gap)); }

.xl-pt-2-3 { width: calc(2*100%/3 - 2*var(--fg-gap)); }
.xl-pt-2-5 { width: calc(2*100%/5 - 2*var(--fg-gap)); }
.xl-pt-2-7 { width: calc(2*100%/7 - 2*var(--fg-gap)); }
.xl-pt-2-9 { width: calc(2*100%/9 - 2*var(--fg-gap)); }
.xl-pt-2-11 { width: calc(2*100%/11 - 2*var(--fg-gap)); }

.xl-pt-3-4 { width: calc(3*100%/4 - 2*var(--fg-gap)); }
.xl-pt-3-5 { width: calc(3*100%/5 - 2*var(--fg-gap)); }
.xl-pt-3-7 { width: calc(3*100%/7 - 2*var(--fg-gap)); }
.xl-pt-3-8 { width: calc(3*100%/8 - 2*var(--fg-gap)); }
.xl-pt-3-10 { width: calc(3*100%/10 - 2*var(--fg-gap)); }
.xl-pt-3-11 { width: calc(3*100%/11 - 2*var(--fg-gap)); }

.xl-pt-4-5 { width: calc(4*100%/5 - 2*var(--fg-gap)); }
.xl-pt-4-7 { width: calc(4*100%/7 - 2*var(--fg-gap)); }
.xl-pt-4-9 { width: calc(4*100%/9 - 2*var(--fg-gap)); }
.xl-pt-4-10 { width: calc(4*100%/10 - 2*var(--fg-gap)); }
.xl-pt-4-11 { width: calc(4*100%/11 - 2*var(--fg-gap)); }

.xl-pt-5-6 { width: calc(5*100%/6 - 2*var(--fg-gap)); }
.xl-pt-5-7 { width: calc(5*100%/7 - 2*var(--fg-gap)); }
.xl-pt-5-8 { width: calc(5*100%/8 - 2*var(--fg-gap)); }
.xl-pt-5-9 { width: calc(5*100%/9 - 2*var(--fg-gap)); }
.xl-pt-5-11 { width: calc(5*100%/11 - 2*var(--fg-gap)); }
.xl-pt-5-12 { width: calc(5*100%/12 - 2*var(--fg-gap)); }

.xl-pt-6-7 { width: calc(6*100%/7 - 2*var(--fg-gap)); }
.xl-pt-6-10 { width: calc(6*100%/10 - 2*var(--fg-gap)); }
.xl-pt-6-11 { width: calc(6*100%/11 - 2*var(--fg-gap)); }

.xl-pt-7-8 { width: calc(7*100%/8 - 2*var(--fg-gap)); }
.xl-pt-7-9 { width: calc(7*100%/9 - 2*var(--fg-gap)); }
.xl-pt-7-10 { width: calc(7*100%/10 - 2*var(--fg-gap)); }
.xl-pt-7-11 { width: calc(7*100%/11 - 2*var(--fg-gap)); }
.xl-pt-7-12 { width: calc(7*100%/12 - 2*var(--fg-gap)); }

.xl-pt-8-9 { width: calc(8*100%/9 - 2*var(--fg-gap)); }
.xl-pt-8-11 { width: calc(8*100%/11 - 2*var(--fg-gap)); }

.xl-pt-9-10 { width: calc(9*100%/10 - 2*var(--fg-gap)); }
.xl-pt-9-11 { width: calc(9*100%/11 - 2*var(--fg-gap)); }
.xl-pt-9-12 { width: calc(9*100%/12 - 2*var(--fg-gap)); }

.xl-pt-10-11 { width: calc(10*100%/11 - 2*var(--fg-gap)); }

.xl-pt-11-12 { width: calc(11*100%/12 - 2*var(--fg-gap)); }

}

/* lg - 1200 */
@media screen and (max-width: 1200px) {

:root {
    --base-size: 12px;
    --fg-pad: -15px;
    --fg-gap: 15px;
    --col-gap: 20px;
    --row-gap: 30px;
}


.lg-dn {display: none;}
.lg-db {display: block;}
.lg-dib {display: inline-block;}
.lg-df {display: flex;}
.lg-dif {display: inline-flex;}
.lg-dt {display: table;}

.lg-fg-nw { flex-wrap: nowrap; }
.lg-fg-wr { flex-wrap: wrap; }


/* *4 */
.lg-bs-mt-4 { margin-top: calc(4*var(--base-size));}
.lg-bs-ml-4 { margin-left: calc(4*var(--base-size));}
.lg-bs-mr-4 { margin-right: calc(4*var(--base-size));}
.lg-bs-mb-4 { margin-bottom: calc(4*var(--base-size));}
.lg-bs-mh-4 { margin-left: calc(4*var(--base-size)); margin-right: calc(4*var(--base-size))}
.lg-bs-mv-4 { margin-top: calc(4*var(--base-size)); margin-bottom: calc(4*var(--base-size))}
.lg-bs-m-4 { margin: calc(4*var(--base-size));}

.lg-bs-pt-4 { padding-top: calc(4*var(--base-size));}
.lg-bs-pl-4 { padding-left: calc(4*var(--base-size));}
.lg-bs-pr-4 { padding-right: calc(4*var(--base-size));}
.lg-bs-pb-4 { padding-bottom: calc(4*var(--base-size));}
.lg-bs-ph-4 { padding-left: calc(4*var(--base-size)); padding-right: calc(4*var(--base-size))}
.lg-bs-pv-4 { padding-top: calc(4*var(--base-size)); padding-bottom: calc(4*var(--base-size))}
.lg-bs-pt-4 { padding: calc(4*var(--base-size));}

/* *3 */
.lg-bs-mt-3 { margin-top: calc(3*var(--base-size));}
.lg-bs-ml-3 { margin-left: calc(3*var(--base-size));}
.lg-bs-mr-3 { margin-right: calc(3*var(--base-size));}
.lg-bs-mb-3 { margin-bottom: calc(3*var(--base-size));}
.lg-bs-mh-3 { margin-left: calc(3*var(--base-size)); margin-right: calc(3*var(--base-size))}
.lg-bs-mv-3 { margin-top: calc(3*var(--base-size)); margin-bottom: calc(3*var(--base-size))}
.lg-bs-mt-3 { margin: calc(3*ar(--base-size));}

.lg-bs-pt-3 { padding-top: calc(3*var(--base-size));}
.lg-bs-pl-3 { padding-left: calc(3*var(--base-size));}
.lg-bs-pr-3 { padding-right: calc(3*var(--base-size));}
.lg-bs-pb-3 { padding-bottom: calc(3*var(--base-size));}
.lg-bs-ph-3 { padding-left: calc(3*var(--base-size)); padding-right: calc(3*var(--base-size))}
.lg-bs-pv-3 { padding-top: calc(3*var(--base-size)); padding-bottom: calc(3*var(--base-size))}
.lg-bs-p-3 { padding: calc(3*var(--base-size));}


/* *2 */
.lg-bs-mt-2 { margin-top: calc(2*var(--base-size));}
.lg-bs-ml-2 { margin-left: calc(2*var(--base-size));}
.lg-bs-mr-2 { margin-right: calc(2*var(--base-size));}
.lg-bs-mb-2 { margin-bottom: calc(2*var(--base-size));}
.lg-bs-mh-2 { margin-left: calc(2*var(--base-size)); margin-right: calc(2*var(--base-size))}
.lg-bs-mv-2 { margin-top: calc(2*var(--base-size)); margin-bottom: calc(2*var(--base-size))}
.lg-bs-m-2 { margin: calc(2*var(--base-size));}

.lg-bs-pt-2 { padding-top: calc(2*var(--base-size));}
.lg-bs-pl-2 { padding-left: calc(2*var(--base-size));}
.lg-bs-pr-2 { padding-right: calc(2*var(--base-size));}
.lg-bs-pb-2 { padding-bottom: calc(2*var(--base-size));}
.lg-bs-ph-2 { padding-left: calc(2*var(--base-size)); padding-right: calc(2*var(--base-size))}
.lg-bs-pv-2 { padding-top: calc(2*var(--base-size)); padding-bottom: calc(2*var(--base-size))}
.lg-bs-p-2 { padding: calc(2*var(--base-size));}


/* *1.5 */
.lg-bs-mt-15 { margin-top: calc(1.5*var(--base-size));}
.lg-bs-ml-15 { margin-left: calc(1.5*var(--base-size));}
.lg-bs-mr-15 { margin-right: calc(1.5*var(--base-size));}
.lg-bs-mb-15 { margin-bottom: calc(1.5*var(--base-size));}
.lg-bs-mh-15 { margin-left: calc(1.5*var(--base-size)); margin-right: calc(1.5*var(--base-size))}
.lg-bs-mv-15 { margin-top: calc(1.5*var(--base-size)); margin-bottom: calc(1.5*var(--base-size))}
.lg-bs-m-15 { margin: calc(1.5*ar(--base-size));}

.lg-bs-pt-15 { padding-top: calc(1.5*var(--base-size));}
.lg-bs-pl-15 { padding-left: calc(1.5*var(--base-size));}
.lg-bs-pr-15 { padding-right: calc(1.5*var(--base-size));}
.lg-bs-pb-15 { padding-bottom: calc(1.5*var(--base-size));}
.lg-bs-ph-15 { padding-left: calc(1.5*var(--base-size)); padding-right: calc(1.5*var(--base-size))}
.lg-bs-pv-15 { padding-top: calc(1.5*var(--base-size)); padding-bottom: calc(1.5*var(--base-size))}
.lg-bs-p-15 { padding: calc(1.5*var(--base-size));}


/* *1 */
.lg-bs-mt-1 { margin-top: calc(var(--base-size));}
.lg-bs-ml-1 { margin-left: calc(var(--base-size));}
.lg-bs-mr-1 { margin-right: calc(var(--base-size));}
.lg-bs-mb-1 { margin-bottom: calc(var(--base-size));}
.lg-bs-mh-1 { margin-left: calc(var(--base-size)); margin-right: calc(var(--base-size))}
.lg-bs-mv-1 { margin-top: calc(var(--base-size)); margin-bottom: calc(var(--base-size))}
.lg-bs-m-1 { margin: calc(var(--base-size));}

.lg-bs-pt-1 { padding-top: calc(var(--base-size));}
.lg-bs-pl-1 { padding-left: calc(var(--base-size));}
.lg-bs-pr-1 { padding-right: calc(var(--base-size));}
.lg-bs-pb-1 { padding-bottom: calc(var(--base-size));}
.lg-bs-ph-1 { padding-left: calc(var(--base-size)); padding-right: calc(var(--base-size))}
.lg-bs-pv-1 { padding-top: calc(var(--base-size)); padding-bottom: calc(var(--base-size))}
.lg-bs-p-1 { padding: calc(var(--base-size));}


.lg-mt-28 {margin-top: 1.75rem;}



.lg-pt-20 {padding-top: 1.25rem;}
.lg-pt-24 {padding-top: 1.5rem;}
.lg-pt-28 {padding-top: 1.75rem;}
.lg-pt-32 {padding-top: 2.0rem;}



.lg-stab30 { flex: 0 0 calc(30px + 2*var(--fg-gap)); }
.lg-stab35 { flex: 0 0 calc(35px + 2*var(--fg-gap)); }
.lg-stab40 { flex: 0 0 calc(40px + 2*var(--fg-gap)); }
.lg-stab45 { flex: 0 0 calc(45px + 2*var(--fg-gap)); }
.lg-stab50 { flex: 0 0 calc(50px + 2*var(--fg-gap)); }
.lg-stab55 { flex: 0 0 calc(55px + 2*var(--fg-gap)); }
.lg-stab60 { flex: 0 0 calc(60px + 2*var(--fg-gap)); }
.lg-stab65 { flex: 0 0 calc(65px + 2*var(--fg-gap)); }
.lg-stab70 { flex: 0 0 calc(70px + 2*var(--fg-gap)); }
.lg-stab80 { flex: 0 0 calc(80px + 2*var(--fg-gap)); }
.lg-stab90 { flex: 0 0 calc(90px + 2*var(--fg-gap)); }

.lg-stab100 { flex: 0 0 calc(100px + 2*var(--fg-gap)); }
.lg-stab110 { flex: 0 0 calc(110px + 2*var(--fg-gap)); }
.lg-stab120 { flex: 0 0 calc(120px + 2*var(--fg-gap)); }
.lg-stab130 { flex: 0 0 calc(130px + 2*var(--fg-gap)); }
.lg-stab140 { flex: 0 0 calc(140px + 2*var(--fg-gap)); }
.lg-stab150 { flex: 0 0 calc(150px + 2*var(--fg-gap)); }
.lg-stab160 { flex: 0 0 calc(160px + 2*var(--fg-gap)); }
.lg-stab170 { flex: 0 0 calc(170px + 2*var(--fg-gap)); }
.lg-stab180 { flex: 0 0 calc(180px + 2*var(--fg-gap)); }
.lg-stab190 { flex: 0 0 calc(190px + 2*var(--fg-gap)); }

.lg-stab200 { flex: 0 0 calc(200px + 2*var(--fg-gap)); }
.lg-stab210 { flex: 0 0 calc(210px + 2*var(--fg-gap)); }
.lg-stab220 { flex: 0 0 calc(220px + 2*var(--fg-gap)); }
.lg-stab230 { flex: 0 0 calc(230px + 2*var(--fg-gap)); }
.lg-stab240 { flex: 0 0 calc(240px + 2*var(--fg-gap)); }
.lg-stab250 { flex: 0 0 calc(250px + 2*var(--fg-gap)); }
.lg-stab260 { flex: 0 0 calc(260px + 2*var(--fg-gap)); }
.lg-stab270 { flex: 0 0 calc(270px + 2*var(--fg-gap)); }
.lg-stab280 { flex: 0 0 calc(280px + 2*var(--fg-gap)); }
.lg-stab290 { flex: 0 0 calc(290px + 2*var(--fg-gap)); }

.lg-stab300 { flex: 0 0 calc(300px + 2*var(--fg-gap)); }
.lg-stab310 { flex: 0 0 calc(310px + 2*var(--fg-gap)); }
.lg-stab320 { flex: 0 0 calc(320px + 2*var(--fg-gap)); }
.lg-stab330 { flex: 0 0 calc(330px + 2*var(--fg-gap)); }
.lg-stab340 { flex: 0 0 calc(340px + 2*var(--fg-gap)); }
.lg-stab350 { flex: 0 0 calc(350px + 2*var(--fg-gap)); }
.lg-stab360 { flex: 0 0 calc(360px + 2*var(--fg-gap)); }
.lg-stab370 { flex: 0 0 calc(370px + 2*var(--fg-gap)); }
.lg-stab380 { flex: 0 0 calc(380px + 2*var(--fg-gap)); }
.lg-stab390 { flex: 0 0 calc(390px + 2*var(--fg-gap)); }

.lg-stab400 { flex: 0 0 calc(400px + 2*var(--fg-gap)); }
.lg-stab410 { flex: 0 0 calc(410px + 2*var(--fg-gap)); }
.lg-stab420 { flex: 0 0 calc(420px + 2*var(--fg-gap)); }
.lg-stab430 { flex: 0 0 calc(430px + 2*var(--fg-gap)); }
.lg-stab440 { flex: 0 0 calc(440px + 2*var(--fg-gap)); }
.lg-stab450 { flex: 0 0 calc(450px + 2*var(--fg-gap)); }
.lg-stab460 { flex: 0 0 calc(460px + 2*var(--fg-gap)); }
.lg-stab470 { flex: 0 0 calc(470px + 2*var(--fg-gap)); }
.lg-stab480 { flex: 0 0 calc(480px + 2*var(--fg-gap)); }
.lg-stab490 { flex: 0 0 calc(490px + 2*var(--fg-gap)); }

.lg-stab500 { flex: 0 0 calc(500px + 2*var(--fg-gap)); }
.lg-stab510 { flex: 0 0 calc(510px + 2*var(--fg-gap)); }
.lg-stab520 { flex: 0 0 calc(520px + 2*var(--fg-gap)); }
.lg-stab530 { flex: 0 0 calc(530px + 2*var(--fg-gap)); }
.lg-stab540 { flex: 0 0 calc(540px + 2*var(--fg-gap)); }
.lg-stab550 { flex: 0 0 calc(550px + 2*var(--fg-gap)); }
.lg-stab560 { flex: 0 0 calc(560px + 2*var(--fg-gap)); }
.lg-stab570 { flex: 0 0 calc(570px + 2*var(--fg-gap)); }
.lg-stab580 { flex: 0 0 calc(580px + 2*var(--fg-gap)); }
.lg-stab590 { flex: 0 0 calc(590px + 2*var(--fg-gap)); }



.lg-mt-0 { margin-top: 0px; }
.lg-ml-0 { margin-left: 0px; }
.lg-mr-0 { margin-right: 0px; }
.lg-mb-0 { margin-bottom: 0px; }
.lg-mh-0 { margin-left: 0x; margin-right: 0px;}
.lg-mv-0 { margin-top: 0px; margin-bottom: 0px;}
.lg-m-0  { margin: 0px; }

.lg-mt-8 { margin-top: 8px; }
.lg-ml-8 { margin-left: 8px; }
.lg-mr-8 { margin-right: 8px; }
.lg-mb-8 { margin-bottom: 8px; }
.lg-mh-8 { margin-left: 8x; margin-right: 8px;}
.lg-mv-8 { margin-top: 8px; margin-bottom: 8px;}
.lg-m-8   { margin: 8px; }

.lg-mt-16 { margin-top: 16px; }
.lg-ml-16 { margin-left: 16px; }
.lg-mr-16 { margin-right: 16px; }
.lg-mb-16 { margin-bottom: 16px; }
.lg-mh-16 { margin-left: 16px; margin-right: 16px;}
.lg-mv-16 { margin-top: 16px; margin-bottom: 16px;}
.lg-m-16   { margin: 16px; }

.lg-mt-24 { margin-top: 24px; }
.lg-ml-24 { margin-left: 24px; }
.lg-mr-24 { margin-right: 24px; }
.lg-mb-24 { margin-bottom: 24px; }
.lg-mh-24 { margin-left: 24px; margin-right: 24px;}
.lg-mv-24 { margin-top: 24px; margin-bottom: 24px;}
.lg-m-24   { margin: 24px; }

.lg-mt-32 { margin-top: 32px; }
.lg-ml-32 { margin-left: 32px; }
.lg-mr-32 { margin-right: 32px; }
.lg-mb-32 { margin-bottom: 32px; }
.lg-mh-32 { margin-left: 32px; margin-right: 32px;}
.lg-mv-32 { margin-top: 32px; margin-bottom: 32px;}
.lg-m-32   { margin: 32px; }

.lg-mt-48 { margin-top: 48px; }
.lg-ml-48 { margin-left: 48px; }
.lg-mr-48 { margin-right: 48px; }
.lg-mb-48 { margin-bottom: 48px; }
.lg-mh-48 { margin-left: 48px; margin-right: 48px;}
.lg-mv-48 { margin-top: 48px; margin-bottom: 48px;}
.lg-m-48   { margin: 48px; }

.lg-mt-64 { margin-top: 64px; }
.lg-ml-64 { margin-left: 64px; }
.lg-mr-64 { margin-right: 64px; }
.lg-mb-64 { margin-bottom: 64px; }
.lg-mh-64 { margin-left: 64px; margin-right: 64px;}
.lg-mv-64 { margin-top: 64px; margin-bottom: 64px;}
.lg-m-64   { margin: 64px; }

.lg-ml-auto { margin-left: auto; }
.lg-mr-auto { margin-right: auto; }
.lg-mc {
    margin-left: auto; margin-right: auto;
}


.lg-jc-s {justify-content: start;}
.lg-jc-c {justify-content: center;}
.lg-jc-e {justify-content: end;}
.lg-jc-sb {justify-content: space-between;}
.lg-jc-sa {justify-content: space-around;}
.lg-jc-se {justify-content: space-evenly;}


.lg-fd-col{flex-direction: column;}

.lg-ai-fs {align-items: flex-start;}
.lg-ai-fe {align-items: flex-end;}
.lg-ai-c {align-items: center;}
.lg-ai-b {align-items: baseline;}
.lg-ai-s {align-items: stretch;}
.lg-ai-n {align-items: normal;}

.lg-fg-1 {flex-grow: 1;}

.lg-dn {display: none;}
.lg-db {display: block;}
.lg-dib {display: inline-block;}
.lg-df {display: flex;}
.lg-dif {display: inline-flex;}
.lg-dt {display: table;}

.lg-fr-1 {grid-template-columns: 1fr;}
.lg-fr-2 {grid-template-columns: 1fr 1fr;}
.lg-fr-3 {grid-template-columns: 1fr 1fr 1fr;}
.lg-fr-4 {grid-template-columns: 1fr 1fr 1fr 1fr;}
.lg-fr-5 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.lg-fr-6 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}

.lg-pt-1-1 { width: calc(100%/1 - 2*var(--fg-gap));  flex-grow: 1; }
.lg-pt-1-2 { width: calc(100%/2 - 2*var(--fg-gap)); }
.lg-pt-1-3 { width: calc(100%/3 - 2*var(--fg-gap)); }
.lg-pt-1-4 { width: calc(100%/4 - 2*var(--fg-gap)); }
.lg-pt-1-5 { width: calc(100%/5 - 2*var(--fg-gap)); }
.lg-pt-1-6 { width: calc(100%/6 - 2*var(--fg-gap)); }
.lg-pt-1-7 { width: calc(100%/7 - 2*var(--fg-gap)); }
.lg-pt-1-8 { width: calc(100%/8 - 2*var(--fg-gap)); }

.lg-pt-2-3 { width: calc(2*100%/3 - 2*var(--fg-gap)); }
.lg-pt-2-5 { width: calc(2*100%/5 - 2*var(--fg-gap)); }
.lg-pt-2-7 { width: calc(2*100%/7 - 2*var(--fg-gap)); }

.lg-pt-3-4 { width: calc(3*100%/4 - 2*var(--fg-gap)); }
.lg-pt-3-5 { width: calc(3*100%/5 - 2*var(--fg-gap)); }
.lg-pt-3-7 { width: calc(3*100%/7 - 2*var(--fg-gap)); }

.lg-pt-4-5 { width: calc(4*100%/5 - 2*var(--fg-gap)); }
.lg-pt-4-7 { width: calc(4*100%/7 - 2*var(--fg-gap)); }

.lg-pt-5-6 { width: calc(5*100%/6 - 2*var(--fg-gap)); }
.lg-pt-5-7 { width: calc(5*100%/7 - 2*var(--fg-gap)); }
.lg-pt-5-8 { width: calc(5*100%/8 - 2*var(--fg-gap)); }

}

/* md - 992 */
@media screen and (max-width: 992px) {



.md-fg-nw { flex-wrap: nowrap; }
.md-fg-wr { flex-wrap: wrap; }

.md-mh-auto { margin: auto; }

:root {
    --base-margin: 0.875rem;
    --base-padding: 0.875rem;
    --base-size: 8px;
    --base-fz: 14px;
    --fg-pad: -15px;
    --fg-gap: 15px;
    --col-gap: 15px;
    --row-gap: 30px;
    --h1-font-size: 2.25em;
    --h2-font-size: 1.75em;
    --h3-font-size: 1.5em;
    --h4-font-size: 1.25em;
    --h5-font-size: 1.0em;
    --h6-font-size: 0.875em;
}


/* *4 */
.md-bs-mt-4 { margin-top: calc(4*var(--base-size));}
.md-bs-ml-4 { margin-left: calc(4*var(--base-size));}
.md-bs-mr-4 { margin-right: calc(4*var(--base-size));}
.md-bs-mb-4 { margin-bottom: calc(4*var(--base-size));}
.md-bs-mh-4 { margin-left: calc(4*var(--base-size)); margin-right: calc(4*var(--base-size))}
.md-bs-mv-4 { margin-top: calc(4*var(--base-size)); margin-bottom: calc(4*var(--base-size))}
.md-bs-m-4 { margin: calc(4*var(--base-size));}

.md-bs-pt-4 { padding-top: calc(4*var(--base-size));}
.md-bs-pl-4 { padding-left: calc(4*var(--base-size));}
.md-bs-pr-4 { padding-right: calc(4*var(--base-size));}
.md-bs-pb-4 { padding-bottom: calc(4*var(--base-size));}
.md-bs-ph-4 { padding-left: calc(4*var(--base-size)); padding-right: calc(4*var(--base-size))}
.md-bs-pv-4 { padding-top: calc(4*var(--base-size)); padding-bottom: calc(4*var(--base-size))}
.md-bs-pt-4 { padding: calc(4*var(--base-size));}

/* *3 */
.md-bs-mt-3 { margin-top: calc(3*var(--base-size));}
.md-bs-ml-3 { margin-left: calc(3*var(--base-size));}
.md-bs-mr-3 { margin-right: calc(3*var(--base-size));}
.md-bs-mb-3 { margin-bottom: calc(3*var(--base-size));}
.md-bs-mh-3 { margin-left: calc(3*var(--base-size)); margin-right: calc(3*var(--base-size))}
.md-bs-mv-3 { margin-top: calc(3*var(--base-size)); margin-bottom: calc(3*var(--base-size))}
.md-bs-mt-3 { margin: calc(3*ar(--base-size));}

.md-bs-pt-3 { padding-top: calc(3*var(--base-size));}
.md-bs-pl-3 { padding-left: calc(3*var(--base-size));}
.md-bs-pr-3 { padding-right: calc(3*var(--base-size));}
.md-bs-pb-3 { padding-bottom: calc(3*var(--base-size));}
.md-bs-ph-3 { padding-left: calc(3*var(--base-size)); padding-right: calc(3*var(--base-size))}
.md-bs-pv-3 { padding-top: calc(3*var(--base-size)); padding-bottom: calc(3*var(--base-size))}
.md-bs-p-3 { padding: calc(3*var(--base-size));}


/* *2 */
.md-bs-mt-2 { margin-top: calc(2*var(--base-size));}
.md-bs-ml-2 { margin-left: calc(2*var(--base-size));}
.md-bs-mr-2 { margin-right: calc(2*var(--base-size));}
.md-bs-mb-2 { margin-bottom: calc(2*var(--base-size));}
.md-bs-mh-2 { margin-left: calc(2*var(--base-size)); margin-right: calc(2*var(--base-size))}
.md-bs-mv-2 { margin-top: calc(2*var(--base-size)); margin-bottom: calc(2*var(--base-size))}
.md-bs-m-2 { margin: calc(2*var(--base-size));}

.md-bs-pt-2 { padding-top: calc(2*var(--base-size));}
.md-bs-pl-2 { padding-left: calc(2*var(--base-size));}
.md-bs-pr-2 { padding-right: calc(2*var(--base-size));}
.md-bs-pb-2 { padding-bottom: calc(2*var(--base-size));}
.md-bs-ph-2 { padding-left: calc(2*var(--base-size)); padding-right: calc(2*var(--base-size))}
.md-bs-pv-2 { padding-top: calc(2*var(--base-size)); padding-bottom: calc(2*var(--base-size))}
.md-bs-p-2 { padding: calc(2*var(--base-size));}


/* *1.5 */
.md-bs-mt-15 { margin-top: calc(1.5*var(--base-size));}
.md-bs-ml-15 { margin-left: calc(1.5*var(--base-size));}
.md-bs-mr-15 { margin-right: calc(1.5*var(--base-size));}
.md-bs-mb-15 { margin-bottom: calc(1.5*var(--base-size));}
.md-bs-mh-15 { margin-left: calc(1.5*var(--base-size)); margin-right: calc(1.5*var(--base-size))}
.md-bs-mv-15 { margin-top: calc(1.5*var(--base-size)); margin-bottom: calc(1.5*var(--base-size))}
.md-bs-m-15 { margin: calc(1.5*ar(--base-size));}

.md-bs-pt-15 { padding-top: calc(1.5*var(--base-size));}
.md-bs-pl-15 { padding-left: calc(1.5*var(--base-size));}
.md-bs-pr-15 { padding-right: calc(1.5*var(--base-size));}
.md-bs-pb-15 { padding-bottom: calc(1.5*var(--base-size));}
.md-bs-ph-15 { padding-left: calc(1.5*var(--base-size)); padding-right: calc(1.5*var(--base-size))}
.md-bs-pv-15 { padding-top: calc(1.5*var(--base-size)); padding-bottom: calc(1.5*var(--base-size))}
.md-bs-p-15 { padding: calc(1.5*var(--base-size));}


/* *1 */
.md-bs-mt-1 { margin-top: calc(var(--base-size));}
.md-bs-ml-1 { margin-left: calc(var(--base-size));}
.md-bs-mr-1 { margin-right: calc(var(--base-size));}
.md-bs-mb-1 { margin-bottom: calc(var(--base-size));}
.md-bs-mh-1 { margin-left: calc(var(--base-size)); margin-right: calc(var(--base-size))}
.md-bs-mv-1 { margin-top: calc(var(--base-size)); margin-bottom: calc(var(--base-size))}
.md-bs-m-1 { margin: calc(var(--base-size));}

.md-bs-pt-1 { padding-top: calc(var(--base-size));}
.md-bs-pl-1 { padding-left: calc(var(--base-size));}
.md-bs-pr-1 { padding-right: calc(var(--base-size));}
.md-bs-pb-1 { padding-bottom: calc(var(--base-size));}
.md-bs-ph-1 { padding-left: calc(var(--base-size)); padding-right: calc(var(--base-size))}
.md-bs-pv-1 { padding-top: calc(var(--base-size)); padding-bottom: calc(var(--base-size))}
.md-bs-p-1 { padding: calc(var(--base-size));}


.md-stab30 { flex: 0 0 calc(30px + 2*var(--fg-gap)); }
.md-stab35 { flex: 0 0 calc(35px + 2*var(--fg-gap)); }
.md-stab40 { flex: 0 0 calc(40px + 2*var(--fg-gap)); }
.md-stab45 { flex: 0 0 calc(45px + 2*var(--fg-gap)); }
.md-stab50 { flex: 0 0 calc(50px + 2*var(--fg-gap)); }
.md-stab55 { flex: 0 0 calc(55px + 2*var(--fg-gap)); }
.md-stab60 { flex: 0 0 calc(60px + 2*var(--fg-gap)); }
.md-stab65 { flex: 0 0 calc(65px + 2*var(--fg-gap)); }
.md-stab70 { flex: 0 0 calc(70px + 2*var(--fg-gap)); }
.md-stab80 { flex: 0 0 calc(80px + 2*var(--fg-gap)); }
.md-stab90 { flex: 0 0 calc(90px + 2*var(--fg-gap)); }

.md-stab100 { flex: 0 0 calc(100px + 2*var(--fg-gap)); }
.md-stab110 { flex: 0 0 calc(110px + 2*var(--fg-gap)); }
.md-stab120 { flex: 0 0 calc(120px + 2*var(--fg-gap)); }
.md-stab130 { flex: 0 0 calc(130px + 2*var(--fg-gap)); }
.md-stab140 { flex: 0 0 calc(140px + 2*var(--fg-gap)); }
.md-stab150 { flex: 0 0 calc(150px + 2*var(--fg-gap)); }
.md-stab160 { flex: 0 0 calc(160px + 2*var(--fg-gap)); }
.md-stab170 { flex: 0 0 calc(170px + 2*var(--fg-gap)); }
.md-stab180 { flex: 0 0 calc(180px + 2*var(--fg-gap)); }
.md-stab190 { flex: 0 0 calc(190px + 2*var(--fg-gap)); }

.md-stab200 { flex: 0 0 calc(200px + 2*var(--fg-gap)); }
.md-stab210 { flex: 0 0 calc(210px + 2*var(--fg-gap)); }
.md-stab220 { flex: 0 0 calc(220px + 2*var(--fg-gap)); }
.md-stab230 { flex: 0 0 calc(230px + 2*var(--fg-gap)); }
.md-stab240 { flex: 0 0 calc(240px + 2*var(--fg-gap)); }
.md-stab250 { flex: 0 0 calc(250px + 2*var(--fg-gap)); }
.md-stab260 { flex: 0 0 calc(260px + 2*var(--fg-gap)); }
.md-stab270 { flex: 0 0 calc(270px + 2*var(--fg-gap)); }
.md-stab280 { flex: 0 0 calc(280px + 2*var(--fg-gap)); }
.md-stab290 { flex: 0 0 calc(290px + 2*var(--fg-gap)); }

.md-stab300 { flex: 0 0 calc(300px + 2*var(--fg-gap)); }
.md-stab310 { flex: 0 0 calc(310px + 2*var(--fg-gap)); }
.md-stab320 { flex: 0 0 calc(320px + 2*var(--fg-gap)); }
.md-stab330 { flex: 0 0 calc(330px + 2*var(--fg-gap)); }
.md-stab340 { flex: 0 0 calc(340px + 2*var(--fg-gap)); }
.md-stab350 { flex: 0 0 calc(350px + 2*var(--fg-gap)); }
.md-stab360 { flex: 0 0 calc(360px + 2*var(--fg-gap)); }
.md-stab370 { flex: 0 0 calc(370px + 2*var(--fg-gap)); }
.md-stab380 { flex: 0 0 calc(380px + 2*var(--fg-gap)); }
.md-stab390 { flex: 0 0 calc(390px + 2*var(--fg-gap)); }

.md-stab400 { flex: 0 0 calc(400px + 2*var(--fg-gap)); }
.md-stab410 { flex: 0 0 calc(410px + 2*var(--fg-gap)); }
.md-stab420 { flex: 0 0 calc(420px + 2*var(--fg-gap)); }
.md-stab430 { flex: 0 0 calc(430px + 2*var(--fg-gap)); }
.md-stab440 { flex: 0 0 calc(440px + 2*var(--fg-gap)); }
.md-stab450 { flex: 0 0 calc(450px + 2*var(--fg-gap)); }
.md-stab460 { flex: 0 0 calc(460px + 2*var(--fg-gap)); }
.md-stab470 { flex: 0 0 calc(470px + 2*var(--fg-gap)); }
.md-stab480 { flex: 0 0 calc(480px + 2*var(--fg-gap)); }
.md-stab490 { flex: 0 0 calc(490px + 2*var(--fg-gap)); }



.md-mt-0 { margin-top: 0px; }
.md-ml-0 { margin-left: 0px; }
.md-mr-0 { margin-right: 0px; }
.md-mb-0 { margin-bottom: 0px; }
.md-mh-0 { margin-left: 0x; margin-right: 0px;}
.md-mv-0 { margin-top: 0px; margin-bottom: 0px;}
.md-m-0  { margin: 0px; }

.md-mt-8 { margin-top: 8px; }
.md-ml-8 { margin-left: 8px; }
.md-mr-8 { margin-right: 8px; }
.md-mb-8 { margin-bottom: 8px; }
.md-mh-8 { margin-left: 8x; margin-right: 8px;}
.md-mv-8 { margin-top: 8px; margin-bottom: 8px;}
.md-m-8   { margin: 8px; }

.md-mt-16 { margin-top: 16px; }
.md-ml-16 { margin-left: 16px; }
.md-mr-16 { margin-right: 16px; }
.md-mb-16 { margin-bottom: 16px; }
.md-mh-16 { margin-left: 16px; margin-right: 16px;}
.md-mv-16 { margin-top: 16px; margin-bottom: 16px;}
.md-m-16   { margin: 16px; }

.md-mt-24 { margin-top: 24px; }
.md-ml-24 { margin-left: 24px; }
.md-mr-24 { margin-right: 24px; }
.md-mb-24 { margin-bottom: 24px; }
.md-mh-24 { margin-left: 24px; margin-right: 24px;}
.md-mv-24 { margin-top: 24px; margin-bottom: 24px;}
.md-m-24   { margin: 24px; }

.md-mt-32 { margin-top: 32px; }
.md-ml-32 { margin-left: 32px; }
.md-mr-32 { margin-right: 32px; }
.md-mb-32 { margin-bottom: 32px; }
.md-mh-32 { margin-left: 32px; margin-right: 32px;}
.md-mv-32 { margin-top: 32px; margin-bottom: 32px;}
.md-m-32   { margin: 32px; }

.md-mt-48 { margin-top: 48px; }
.md-ml-48 { margin-left: 48px; }
.md-mr-48 { margin-right: 48px; }
.md-mb-48 { margin-bottom: 48px; }
.md-mh-48 { margin-left: 48px; margin-right: 48px;}
.md-mv-48 { margin-top: 48px; margin-bottom: 48px;}
.md-m-48   { margin: 48px; }

.md-mt-64 { margin-top: 64px; }
.md-ml-64 { margin-left: 64px; }
.md-mr-64 { margin-right: 64px; }
.md-mb-64 { margin-bottom: 64px; }
.md-mh-64 { margin-left: 64px; margin-right: 64px;}
.md-mv-64 { margin-top: 64px; margin-bottom: 64px;}
.md-m-64   { margin: 64px; }



.md-jc-s {justify-content: start;}
.md-jc-c {justify-content: center;}
.md-jc-e {justify-content: end;}
.md-jc-sb {justify-content: space-between;}
.md-jc-sa {justify-content: space-around;}
.md-jc-se {justify-content: space-evenly;}

.md-fd-col{flex-direction: column;}

.md-ai-fs {align-items: flex-start;}
.md-ai-fe {align-items: flex-end;}
.md-ai-c {align-items: center;}
.md-ai-b {align-items: baseline;}
.md-ai-s {align-items: stretch;}
.md-ai-n {align-items: normal;}

.md-dn {display: none;}
.md-db {display: block;}
.md-dib {display: inline-block;}
.md-df {display: flex;}
.md-dif {display: inline-flex;}
.md-dt {display: table;}

.md-fr-1 {grid-template-columns: 1fr;}
.md-fr-2 {grid-template-columns: 1fr 1fr;}
.md-fr-3 {grid-template-columns: 1fr 1fr 1fr;}
.md-fr-4 {grid-template-columns: 1fr 1fr 1fr 1fr;}
.md-fr-5 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.md-fr-6 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}

.md-pt-1-1 { width: calc(100%/1 - 2*var(--fg-gap));  flex-grow: 1; }
.md-pt-1-2 { width: calc(100%/2 - 2*var(--fg-gap)); }
.md-pt-1-3 { width: calc(100%/3 - 2*var(--fg-gap)); }
.md-pt-1-4 { width: calc(100%/4 - 2*var(--fg-gap)); }
.md-pt-1-5 { width: calc(100%/5 - 2*var(--fg-gap)); }
.md-pt-1-6 { width: calc(100%/6 - 2*var(--fg-gap)); }

.md-pt-2-3 { width: calc(2*100%/3 - 2*var(--fg-gap)); }
.md-pt-2-5 { width: calc(2*100%/5 - 2*var(--fg-gap)); }

.md-pt-3-4 { width: calc(3*100%/4 - 2*var(--fg-gap)); }
.md-pt-3-5 { width: calc(3*100%/5 - 2*var(--fg-gap)); }

.md-pt-4-5 { width: calc(4*100%/5 - 2*var(--fg-gap)); }

.md-pt-5-6 { width: calc(5*100%/6 - 2*var(--fg-gap)); }



}

/* sm - 768 */
@media screen and (max-width: 768px) {

.sm-mh-auto { margin: auto; }

.sm-fd-col {flex-direction: column;}

.sm-jc-c {
    justify-content: center;
}

:root {
    --base-margin: 0.75rem;
    --base-padding: 0.75rem;
    --base-size: 6px;
    --base-fz: 12px;
    --fg-pad: -10px;
    --fg-gap: 10px;
    --col-gap: 10px;
    --row-gap: 20px;
    --h1-font-size: 2.0em;
    --h2-font-size: 1.5em;
    --h3-font-size: 1.25em;
    --h4-font-size: 1.125em;
    --h5-font-size: 1.0em;
    --h6-font-size: 0.875em;
}


/* *4 */
.sm-bs-mt-4 { margin-top: calc(4*var(--base-size));}
.sm-bs-ml-4 { margin-left: calc(4*var(--base-size));}
.sm-bs-mr-4 { margin-right: calc(4*var(--base-size));}
.sm-bs-mb-4 { margin-bottom: calc(4*var(--base-size));}
.sm-bs-mh-4 { margin-left: calc(4*var(--base-size)); margin-right: calc(4*var(--base-size))}
.sm-bs-mv-4 { margin-top: calc(4*var(--base-size)); margin-bottom: calc(4*var(--base-size))}
.sm-bs-m-4 { margin: calc(4*var(--base-size));}

.sm-bs-pt-4 { padding-top: calc(4*var(--base-size));}
.sm-bs-pl-4 { padding-left: calc(4*var(--base-size));}
.sm-bs-pr-4 { padding-right: calc(4*var(--base-size));}
.sm-bs-pb-4 { padding-bottom: calc(4*var(--base-size));}
.sm-bs-ph-4 { padding-left: calc(4*var(--base-size)); padding-right: calc(4*var(--base-size))}
.sm-bs-pv-4 { padding-top: calc(4*var(--base-size)); padding-bottom: calc(4*var(--base-size))}
.sm-bs-p-4 { padding: calc(4*var(--base-size));}

/* *3 */
.sm-bs-mt-3 { margin-top: calc(3*var(--base-size));}
.sm-bs-ml-3 { margin-left: calc(3*var(--base-size));}
.sm-bs-mr-3 { margin-right: calc(3*var(--base-size));}
.sm-bs-mb-3 { margin-bottom: calc(3*var(--base-size));}
.sm-bs-mh-3 { margin-left: calc(3*var(--base-size)); margin-right: calc(3*var(--base-size))}
.sm-bs-mv-3 { margin-top: calc(3*var(--base-size)); margin-bottom: calc(3*var(--base-size))}
.sm-bs-mt-3 { margin: calc(3*ar(--base-size));}

.sm-bs-pt-3 { padding-top: calc(3*var(--base-size));}
.sm-bs-pl-3 { padding-left: calc(3*var(--base-size));}
.sm-bs-pr-3 { padding-right: calc(3*var(--base-size));}
.sm-bs-pb-3 { padding-bottom: calc(3*var(--base-size));}
.sm-bs-ph-3 { padding-left: calc(3*var(--base-size)); padding-right: calc(3*var(--base-size))}
.sm-bs-pv-3 { padding-top: calc(3*var(--base-size)); padding-bottom: calc(3*var(--base-size))}
.sm-bs-p-3 { padding: calc(3*var(--base-size));}


/* *2 */
.sm-bs-mt-2 { margin-top: calc(2*var(--base-size));}
.sm-bs-ml-2 { margin-left: calc(2*var(--base-size));}
.sm-bs-mr-2 { margin-right: calc(2*var(--base-size));}
.sm-bs-mb-2 { margin-bottom: calc(2*var(--base-size));}
.sm-bs-mh-2 { margin-left: calc(2*var(--base-size)); margin-right: calc(2*var(--base-size))}
.sm-bs-mv-2 { margin-top: calc(2*var(--base-size)); margin-bottom: calc(2*var(--base-size))}
.sm-bs-m-2 { margin: calc(2*var(--base-size));}

.sm-bs-pt-2 { padding-top: calc(2*var(--base-size));}
.sm-bs-pl-2 { padding-left: calc(2*var(--base-size));}
.sm-bs-pr-2 { padding-right: calc(2*var(--base-size));}
.sm-bs-pb-2 { padding-bottom: calc(2*var(--base-size));}
.sm-bs-ph-2 { padding-left: calc(2*var(--base-size)); padding-right: calc(2*var(--base-size))}
.sm-bs-pv-2 { padding-top: calc(2*var(--base-size)); padding-bottom: calc(2*var(--base-size))}
.sm-bs-p-2 { padding: calc(2*var(--base-size));}


/* *1.5 */
.sm-bs-mt-15 { margin-top: calc(1.5*var(--base-size));}
.sm-bs-ml-15 { margin-left: calc(1.5*var(--base-size));}
.sm-bs-mr-15 { margin-right: calc(1.5*var(--base-size));}
.sm-bs-mb-15 { margin-bottom: calc(1.5*var(--base-size));}
.sm-bs-mh-15 { margin-left: calc(1.5*var(--base-size)); margin-right: calc(1.5*var(--base-size))}
.sm-bs-mv-15 { margin-top: calc(1.5*var(--base-size)); margin-bottom: calc(1.5*var(--base-size))}
.sm-bs-m-15 { margin: calc(1.5*ar(--base-size));}

.sm-bs-pt-15 { padding-top: calc(1.5*var(--base-size));}
.sm-bs-pl-15 { padding-left: calc(1.5*var(--base-size));}
.sm-bs-pr-15 { padding-right: calc(1.5*var(--base-size));}
.sm-bs-pb-15 { padding-bottom: calc(1.5*var(--base-size));}
.sm-bs-ph-15 { padding-left: calc(1.5*var(--base-size)); padding-right: calc(1.5*var(--base-size))}
.sm-bs-pv-15 { padding-top: calc(1.5*var(--base-size)); padding-bottom: calc(1.5*var(--base-size))}
.sm-bs-p-15 { padding: calc(1.5*var(--base-size));}


/* *1 */
.sm-bs-mt-1 { margin-top: calc(var(--base-size));}
.sm-bs-ml-1 { margin-left: calc(var(--base-size));}
.sm-bs-mr-1 { margin-right: calc(var(--base-size));}
.sm-bs-mb-1 { margin-bottom: calc(var(--base-size));}
.sm-bs-mh-1 { margin-left: calc(var(--base-size)); margin-right: calc(var(--base-size))}
.sm-bs-mv-1 { margin-top: calc(var(--base-size)); margin-bottom: calc(var(--base-size))}
.sm-bs-m-1 { margin: calc(var(--base-size));}

.sm-bs-pt-1 { padding-top: calc(var(--base-size));}
.sm-bs-pl-1 { padding-left: calc(var(--base-size));}
.sm-bs-pr-1 { padding-right: calc(var(--base-size));}
.sm-bs-pb-1 { padding-bottom: calc(var(--base-size));}
.sm-bs-ph-1 { padding-left: calc(var(--base-size)); padding-right: calc(var(--base-size))}
.sm-bs-pv-1 { padding-top: calc(var(--base-size)); padding-bottom: calc(var(--base-size))}
.sm-bs-p-1 { padding: calc(var(--base-size));}


.sm-stab30 { flex: 0 0 calc(30px + 2*var(--fg-gap)); }
.sm-stab35 { flex: 0 0 calc(35px + 2*var(--fg-gap)); }
.sm-stab40 { flex: 0 0 calc(40px + 2*var(--fg-gap)); }
.sm-stab45 { flex: 0 0 calc(45px + 2*var(--fg-gap)); }
.sm-stab50 { flex: 0 0 calc(50px + 2*var(--fg-gap)); }
.sm-stab55 { flex: 0 0 calc(55px + 2*var(--fg-gap)); }
.sm-stab60 { flex: 0 0 calc(60px + 2*var(--fg-gap)); }
.sm-stab65 { flex: 0 0 calc(65px + 2*var(--fg-gap)); }
.sm-stab70 { flex: 0 0 calc(70px + 2*var(--fg-gap)); }
.sm-stab80 { flex: 0 0 calc(80px + 2*var(--fg-gap)); }
.sm-stab90 { flex: 0 0 calc(90px + 2*var(--fg-gap)); }

.sm-stab100 { flex: 0 0 calc(100px + 2*var(--fg-gap)); }
.sm-stab110 { flex: 0 0 calc(110px + 2*var(--fg-gap)); }
.sm-stab120 { flex: 0 0 calc(120px + 2*var(--fg-gap)); }
.sm-stab130 { flex: 0 0 calc(130px + 2*var(--fg-gap)); }
.sm-stab140 { flex: 0 0 calc(140px + 2*var(--fg-gap)); }
.sm-stab150 { flex: 0 0 calc(150px + 2*var(--fg-gap)); }
.sm-stab160 { flex: 0 0 calc(160px + 2*var(--fg-gap)); }
.sm-stab170 { flex: 0 0 calc(170px + 2*var(--fg-gap)); }
.sm-stab180 { flex: 0 0 calc(180px + 2*var(--fg-gap)); }
.sm-stab190 { flex: 0 0 calc(190px + 2*var(--fg-gap)); }

.sm-stab200 { flex: 0 0 calc(200px + 2*var(--fg-gap)); }
.sm-stab210 { flex: 0 0 calc(210px + 2*var(--fg-gap)); }
.sm-stab220 { flex: 0 0 calc(220px + 2*var(--fg-gap)); }
.sm-stab230 { flex: 0 0 calc(230px + 2*var(--fg-gap)); }
.sm-stab240 { flex: 0 0 calc(240px + 2*var(--fg-gap)); }
.sm-stab250 { flex: 0 0 calc(250px + 2*var(--fg-gap)); }
.sm-stab260 { flex: 0 0 calc(260px + 2*var(--fg-gap)); }
.sm-stab270 { flex: 0 0 calc(270px + 2*var(--fg-gap)); }
.sm-stab280 { flex: 0 0 calc(280px + 2*var(--fg-gap)); }
.sm-stab290 { flex: 0 0 calc(290px + 2*var(--fg-gap)); }

.sm-stab300 { flex: 0 0 calc(300px + 2*var(--fg-gap)); }
.sm-stab310 { flex: 0 0 calc(310px + 2*var(--fg-gap)); }
.sm-stab320 { flex: 0 0 calc(320px + 2*var(--fg-gap)); }
.sm-stab330 { flex: 0 0 calc(330px + 2*var(--fg-gap)); }
.sm-stab340 { flex: 0 0 calc(340px + 2*var(--fg-gap)); }
.sm-stab350 { flex: 0 0 calc(350px + 2*var(--fg-gap)); }
.sm-stab360 { flex: 0 0 calc(360px + 2*var(--fg-gap)); }
.sm-stab370 { flex: 0 0 calc(370px + 2*var(--fg-gap)); }
.sm-stab380 { flex: 0 0 calc(380px + 2*var(--fg-gap)); }
.sm-stab390 { flex: 0 0 calc(390px + 2*var(--fg-gap)); }



.sm-mt-0 { margin-top: 0px; }
.sm-ml-0 { margin-left: 0px; }
.sm-mr-0 { margin-right: 0px; }
.sm-mb-0 { margin-bottom: 0px; }
.sm-mh-0 { margin-left: 0x; margin-right: 0px;}
.sm-mv-0 { margin-top: 0px; margin-bottom: 0px;}
.sm-m-0  { margin: 0px; }

.sm-mt-8 { margin-top: 8px; }
.sm-ml-8 { margin-left: 8px; }
.sm-mr-8 { margin-right: 8px; }
.sm-mb-8 { margin-bottom: 8px; }
.sm-mh-8 { margin-left: 8x; margin-right: 8px;}
.sm-mv-8 { margin-top: 8px; margin-bottom: 8px;}
.sm-m-8   { margin: 8px; }

.sm-mt-16 { margin-top: 16px; }
.sm-ml-16 { margin-left: 16px; }
.sm-mr-16 { margin-right: 16px; }
.sm-mb-16 { margin-bottom: 16px; }
.sm-mh-16 { margin-left: 16px; margin-right: 16px;}
.sm-mv-16 { margin-top: 16px; margin-bottom: 16px;}
.sm-m-16   { margin: 16px; }

.sm-mt-24 { margin-top: 24px; }
.sm-ml-24 { margin-left: 24px; }
.sm-mr-24 { margin-right: 24px; }
.sm-mb-24 { margin-bottom: 24px; }
.sm-mh-24 { margin-left: 24px; margin-right: 24px;}
.sm-mv-24 { margin-top: 24px; margin-bottom: 24px;}
.sm-m-24   { margin: 24px; }

.sm-mt-32 { margin-top: 32px; }
.sm-ml-32 { margin-left: 32px; }
.sm-mr-32 { margin-right: 32px; }
.sm-mb-32 { margin-bottom: 32px; }
.sm-mh-32 { margin-left: 32px; margin-right: 32px;}
.sm-mv-32 { margin-top: 32px; margin-bottom: 32px;}
.sm-m-32   { margin: 32px; }

.sm-mt-48 { margin-top: 48px; }
.sm-ml-48 { margin-left: 48px; }
.sm-mr-48 { margin-right: 48px; }
.sm-mb-48 { margin-bottom: 48px; }
.sm-mh-48 { margin-left: 48px; margin-right: 48px;}
.sm-mv-48 { margin-top: 48px; margin-bottom: 48px;}
.sm-m-48   { margin: 48px; }

.sm-mt-64 { margin-top: 64px; }
.sm-ml-64 { margin-left: 64px; }
.sm-mr-64 { margin-right: 64px; }
.sm-mb-64 { margin-bottom: 64px; }
.sm-mh-64 { margin-left: 64px; margin-right: 64px;}
.sm-mv-64 { margin-top: 64px; margin-bottom: 64px;}
.sm-m-64   { margin: 64px; }



.sm-jc-s {justify-content: start;}
.sm-jc-c {justify-content: center;}
.sm-jc-e {justify-content: end;}
.sm-jc-sb {justify-content: space-between;}
.sm-jc-sa {justify-content: space-around;}
.sm-jc-se {justify-content: space-evenly;}

.sm-dn {display: none;}
.sm-db {display: block;}
.sm-dib {display: inline-block;}
.sm-df {display: flex;}
.sm-dif {display: inline-flex;}
.sm-dt {display: table;}

.sm-fr-1 {grid-template-columns: 1fr;}
.sm-fr-2 {grid-template-columns: 1fr 1fr;}
.sm-fr-3 {grid-template-columns: 1fr 1fr 1fr;}
.sm-fr-4 {grid-template-columns: 1fr 1fr 1fr 1fr;}
.sm-fr-5 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.sm-fr-6 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}

.sm-pt-1-1 { width: calc(100%/1 - 2*var(--fg-gap)); flex-grow: 1; }
.sm-pt-1-2 { width: calc(100%/2 - 2*var(--fg-gap)); }
.sm-pt-1-3 { width: calc(100%/3 - 2*var(--fg-gap)); }
.sm-pt-1-4 { width: calc(100%/4 - 2*var(--fg-gap)); }
.sm-pt-1-5 { width: calc(100%/5 - 2*var(--fg-gap)); }

.sm-pt-2-3 { width: calc(2*100%/3 - 2*var(--fg-gap)); }
.sm-pt-2-5 { width: calc(2*100%/5 - 2*var(--fg-gap)); }

.sm-pt-3-4 { width: calc(3*100%/4 - 2*var(--fg-gap)); }
.sm-pt-3-5 { width: calc(3*100%/5 - 2*var(--fg-gap)); }

.sm-part-4-5 { width: calc(4*100%/5 - 2*var(--fg-gap)); }

}

/* xs - 576 */
@media screen and (max-width: 576px) {

.xs-fl-no { float: none; }

.xs-stab30{flex:0 0 30px}.xs-stab35{flex:0 0 35px}.xs-stab40{flex:0 0 40px}.xs-stab45{flex:0 0 45px}.xs-stab50{flex:0 0 50px}
.xs-stab55{flex:0 0 55px}.xs-stab60{flex:0 0 60px}.xs-stab65{flex:0 0 65px}.xs-stab70{flex:0 0 70px}.xs-stab80{flex:0 0 80px}
.xs-stab90{flex:0 0 90px}.xs-stab100{flex:0 0 100px}.xs-stab110{flex:0 0 110px}.xs-stab120{flex:0 0 120px}
.xs-stab130{flex:0 0 130px}.xs-stab140{flex:0 0 140px}.xs-stab150{flex:0 0 150px}.xs-stab160{flex:0 0 160px}
.xs-stab170{flex:0 0 170px}.xs-stab180{flex:0 0 180px}.xs-stab190{flex:0 0 190px}.xs-stab200{flex:0 0 200px}
.xs-stab210{flex:0 0 210px}.xs-stab220{flex:0 0 220px}.xs-stab230{flex:0 0 230px}.xs-stab240{flex:0 0 240px}
.xs-stab250{flex:0 0 250px}.xs-stab260{flex:0 0 260px}.xs-stab270{flex:0 0 270px}.xs-stab280{flex:0 0 280px}
.xs-stab290{flex:0 0 290px}.xs-stab300{flex:0 0 300px}.xs-stab310{flex:0 0 310px}.xs-stab320{flex:0 0 320px}
.xs-stab330{flex:0 0 330px}.xs-stab340{flex:0 0 340px}.xs-stab350{flex:0 0 350px}.xs-stab360{flex:0 0 360px}
.xs-stab370{flex:0 0 370px}.xs-stab380{flex:0 0 380px}.xs-stab390{flex:0 0 390px}.xs-stab400{flex:0 0 400px}
.xs-stab410{flex:0 0 410px}.xs-stab420{flex:0 0 420px}.xs-stab430{flex:0 0 430px}.xs-stab440{flex:0 0 440px}
.xs-stab450{flex:0 0 450px}.xs-stab460{flex:0 0 460px}.xs-stab470{flex:0 0 470px}.xs-stab480{flex:0 0 480px}
.xs-stab490{flex:0 0 490px}.xs-stab500{flex:0 0 500px}.xs-stab510{flex:0 0 510px}.xs-stab520{flex:0 0 520px}
.xs-stab530{flex:0 0 530px}.xs-stab540{flex:0 0 540px}.xs-stab550{flex:0 0 550px}.xs-stab560{flex:0 0 560px}
.xs-stab570{flex:0 0 570px}

.xs-w250{width:250px}.xs-w270{width:270px}

:root {
    --base-size: 4px;
    --base-fz: 10px;
    --fg-pad: -5px;
    --fg-gap: 5px;
    --col-gap: 5px;
    --row-gap: 20px;
}


.xs-fg-nw { flex-wrap: nowrap; }
.xs-fg-wr { flex-wrap: wrap; }


/* *4 */
.xs-bs-mt-4 { margin-top: calc(4*var(--base-size));}
.xs-bs-ml-4 { margin-left: calc(4*var(--base-size));}
.xs-bs-mr-4 { margin-right: calc(4*var(--base-size));}
.xs-bs-mb-4 { margin-bottom: calc(4*var(--base-size));}
.xs-bs-mh-4 { margin-left: calc(4*var(--base-size)); margin-right: calc(4*var(--base-size))}
.xs-bs-mv-4 { margin-top: calc(4*var(--base-size)); margin-bottom: calc(4*var(--base-size))}
.xs-bs-m-4 { margin: calc(4*var(--base-size));}

.xs-bs-pt-4 { padding-top: calc(4*var(--base-size));}
.xs-bs-pl-4 { padding-left: calc(4*var(--base-size));}
.xs-bs-pr-4 { padding-right: calc(4*var(--base-size));}
.xs-bs-pb-4 { padding-bottom: calc(4*var(--base-size));}
.xs-bs-ph-4 { padding-left: calc(4*var(--base-size)); padding-right: calc(4*var(--base-size))}
.xs-bs-pv-4 { padding-top: calc(4*var(--base-size)); padding-bottom: calc(4*var(--base-size))}
.xs-bs-pt-4 { padding: calc(4*var(--base-size));}

/* *3 */
.xs-bs-mt-3 { margin-top: calc(3*var(--base-size));}
.xs-bs-ml-3 { margin-left: calc(3*var(--base-size));}
.xs-bs-mr-3 { margin-right: calc(3*var(--base-size));}
.xs-bs-mb-3 { margin-bottom: calc(3*var(--base-size));}
.xs-bs-mh-3 { margin-left: calc(3*var(--base-size)); margin-right: calc(3*var(--base-size))}
.xs-bs-mv-3 { margin-top: calc(3*var(--base-size)); margin-bottom: calc(3*var(--base-size))}
.xs-bs-mt-3 { margin: calc(3*ar(--base-size));}

.xs-bs-pt-3 { padding-top: calc(3*var(--base-size));}
.xs-bs-pl-3 { padding-left: calc(3*var(--base-size));}
.xs-bs-pr-3 { padding-right: calc(3*var(--base-size));}
.xs-bs-pb-3 { padding-bottom: calc(3*var(--base-size));}
.xs-bs-ph-3 { padding-left: calc(3*var(--base-size)); padding-right: calc(3*var(--base-size))}
.xs-bs-pv-3 { padding-top: calc(3*var(--base-size)); padding-bottom: calc(3*var(--base-size))}
.xs-bs-p-3 { padding: calc(3*var(--base-size));}


/* *2 */
.xs-bs-mt-2 { margin-top: calc(2*var(--base-size));}
.xs-bs-ml-2 { margin-left: calc(2*var(--base-size));}
.xs-bs-mr-2 { margin-right: calc(2*var(--base-size));}
.xs-bs-mb-2 { margin-bottom: calc(2*var(--base-size));}
.xs-bs-mh-2 { margin-left: calc(2*var(--base-size)); margin-right: calc(2*var(--base-size))}
.xs-bs-mv-2 { margin-top: calc(2*var(--base-size)); margin-bottom: calc(2*var(--base-size))}
.xs-bs-m-2 { margin: calc(2*var(--base-size));}

.xs-bs-pt-2 { padding-top: calc(2*var(--base-size));}
.xs-bs-pl-2 { padding-left: calc(2*var(--base-size));}
.xs-bs-pr-2 { padding-right: calc(2*var(--base-size));}
.xs-bs-pb-2 { padding-bottom: calc(2*var(--base-size));}
.xs-bs-ph-2 { padding-left: calc(2*var(--base-size)); padding-right: calc(2*var(--base-size))}
.xs-bs-pv-2 { padding-top: calc(2*var(--base-size)); padding-bottom: calc(2*var(--base-size))}
.xs-bs-p-2 { padding: calc(2*var(--base-size));}


/* *1.5 */
.xs-bs-mt-15 { margin-top: calc(1.5*var(--base-size));}
.xs-bs-ml-15 { margin-left: calc(1.5*var(--base-size));}
.xs-bs-mr-15 { margin-right: calc(1.5*var(--base-size));}
.xs-bs-mb-15 { margin-bottom: calc(1.5*var(--base-size));}
.xs-bs-mh-15 { margin-left: calc(1.5*var(--base-size)); margin-right: calc(1.5*var(--base-size))}
.xs-bs-mv-15 { margin-top: calc(1.5*var(--base-size)); margin-bottom: calc(1.5*var(--base-size))}
.xs-bs-m-15 { margin: calc(1.5*ar(--base-size));}

.xs-bs-pt-15 { padding-top: calc(1.5*var(--base-size));}
.xs-bs-pl-15 { padding-left: calc(1.5*var(--base-size));}
.xs-bs-pr-15 { padding-right: calc(1.5*var(--base-size));}
.xs-bs-pb-15 { padding-bottom: calc(1.5*var(--base-size));}
.xs-bs-ph-15 { padding-left: calc(1.5*var(--base-size)); padding-right: calc(1.5*var(--base-size))}
.xs-bs-pv-15 { padding-top: calc(1.5*var(--base-size)); padding-bottom: calc(1.5*var(--base-size))}
.xs-bs-p-15 { padding: calc(1.5*var(--base-size));}


/* *1 */
.xs-bs-mt-1 { margin-top: calc(var(--base-size));}
.xs-bs-ml-1 { margin-left: calc(var(--base-size));}
.xs-bs-mr-1 { margin-right: calc(var(--base-size));}
.xs-bs-mb-1 { margin-bottom: calc(var(--base-size));}
.xs-bs-mh-1 { margin-left: calc(var(--base-size)); margin-right: calc(var(--base-size))}
.xs-bs-mv-1 { margin-top: calc(var(--base-size)); margin-bottom: calc(var(--base-size))}
.xs-bs-m-1 { margin: calc(var(--base-size));}

.xs-bs-pt-1 { padding-top: calc(var(--base-size));}
.xs-bs-pl-1 { padding-left: calc(var(--base-size));}
.xs-bs-pr-1 { padding-right: calc(var(--base-size));}
.xs-bs-pb-1 { padding-bottom: calc(var(--base-size));}
.xs-bs-ph-1 { padding-left: calc(var(--base-size)); padding-right: calc(var(--base-size))}
.xs-bs-pv-1 { padding-top: calc(var(--base-size)); padding-bottom: calc(var(--base-size))}
.xs-bs-p-1 { padding: calc(var(--base-size));}


.xs-mh-auto { margin-left: auto; margin-right: auto; }


.xs-stab30 { flex: 0 0 calc(30px + 2*var(--fg-gap)); }
.xs-stab35 { flex: 0 0 calc(35px + 2*var(--fg-gap)); }
.xs-stab40 { flex: 0 0 calc(40px + 2*var(--fg-gap)); }
.xs-stab45 { flex: 0 0 calc(45px + 2*var(--fg-gap)); }
.xs-stab50 { flex: 0 0 calc(50px + 2*var(--fg-gap)); }
.xs-stab55 { flex: 0 0 calc(55px + 2*var(--fg-gap)); }
.xs-stab60 { flex: 0 0 calc(60px + 2*var(--fg-gap)); }
.xs-stab65 { flex: 0 0 calc(65px + 2*var(--fg-gap)); }
.xs-stab70 { flex: 0 0 calc(70px + 2*var(--fg-gap)); }
.xs-stab80 { flex: 0 0 calc(80px + 2*var(--fg-gap)); }
.xs-stab90 { flex: 0 0 calc(90px + 2*var(--fg-gap)); }

.xs-stab100 { flex: 0 0 calc(100px + 2*var(--fg-gap)); }
.xs-stab110 { flex: 0 0 calc(110px + 2*var(--fg-gap)); }
.xs-stab120 { flex: 0 0 calc(120px + 2*var(--fg-gap)); }
.xs-stab130 { flex: 0 0 calc(130px + 2*var(--fg-gap)); }
.xs-stab140 { flex: 0 0 calc(140px + 2*var(--fg-gap)); }
.xs-stab150 { flex: 0 0 calc(150px + 2*var(--fg-gap)); }
.xs-stab160 { flex: 0 0 calc(160px + 2*var(--fg-gap)); }
.xs-stab170 { flex: 0 0 calc(170px + 2*var(--fg-gap)); }
.xs-stab180 { flex: 0 0 calc(180px + 2*var(--fg-gap)); }
.xs-stab190 { flex: 0 0 calc(190px + 2*var(--fg-gap)); }

.xs-stab200 { flex: 0 0 calc(200px + 2*var(--fg-gap)); }
.xs-stab210 { flex: 0 0 calc(210px + 2*var(--fg-gap)); }
.xs-stab220 { flex: 0 0 calc(220px + 2*var(--fg-gap)); }
.xs-stab230 { flex: 0 0 calc(230px + 2*var(--fg-gap)); }
.xs-stab240 { flex: 0 0 calc(240px + 2*var(--fg-gap)); }
.xs-stab250 { flex: 0 0 calc(250px + 2*var(--fg-gap)); }
.xs-stab260 { flex: 0 0 calc(260px + 2*var(--fg-gap)); }
.xs-stab270 { flex: 0 0 calc(270px + 2*var(--fg-gap)); }
.xs-stab280 { flex: 0 0 calc(280px + 2*var(--fg-gap)); }
.xs-stab290 { flex: 0 0 calc(290px + 2*var(--fg-gap)); }



.xs-mt-0 { margin-top: 0px; }
.xs-ml-0 { margin-left: 0px; }
.xs-mr-0 { margin-right: 0px; }
.xs-mb-0 { margin-bottom: 0px; }
.xs-mh-0 { margin-left: 0x; margin-right: 0px;}
.xs-mv-0 { margin-top: 0px; margin-bottom: 0px;}
.xs-m-0  { margin: 0px; }

.xs-mt-8 { margin-top: 8px; }
.xs-ml-8 { margin-left: 8px; }
.xs-mr-8 { margin-right: 8px; }
.xs-mb-8 { margin-bottom: 8px; }
.xs-mh-8 { margin-left: 8x; margin-right: 8px;}
.xs-mv-8 { margin-top: 8px; margin-bottom: 8px;}
.xs-m-8   { margin: 8px; }

.xs-mt-16 { margin-top: 16px; }
.xs-ml-16 { margin-left: 16px; }
.xs-mr-16 { margin-right: 16px; }
.xs-mb-16 { margin-bottom: 16px; }
.xs-mh-16 { margin-left: 16px; margin-right: 16px;}
.xs-mv-16 { margin-top: 16px; margin-bottom: 16px;}
.xs-m-16   { margin: 16px; }

.xs-mt-24 { margin-top: 24px; }
.xs-ml-24 { margin-left: 24px; }
.xs-mr-24 { margin-right: 24px; }
.xs-mb-24 { margin-bottom: 24px; }
.xs-mh-24 { margin-left: 24px; margin-right: 24px;}
.xs-mv-24 { margin-top: 24px; margin-bottom: 24px;}
.xs-m-24   { margin: 24px; }

.sm-mt-32 { margin-top: 32px; }
.sm-ml-32 { margin-left: 32px; }
.sm-mr-32 { margin-right: 32px; }
.sm-mb-32 { margin-bottom: 32px; }
.sm-mh-32 { margin-left: 32px; margin-right: 32px;}
.sm-mv-32 { margin-top: 32px; margin-bottom: 32px;}
.sm-m-32   { margin: 32px; }

.xs-mt-48 { margin-top: 48px; }
.xs-ml-48 { margin-left: 48px; }
.xs-mr-48 { margin-right: 48px; }
.xs-mb-48 { margin-bottom: 48px; }
.xs-mh-48 { margin-left: 48px; margin-right: 48px;}
.xs-mv-48 { margin-top: 48px; margin-bottom: 48px;}
.xs-m-48   { margin: 48px; }

.xs-mt-64 { margin-top: 64px; }
.xs-ml-64 { margin-left: 64px; }
.xs-mr-64 { margin-right: 64px; }
.xs-mb-64 { margin-bottom: 64px; }
.xs-mh-64 { margin-left: 64px; margin-right: 64px;}
.xs-mv-64 { margin-top: 64px; margin-bottom: 64px;}
.xs-m-64   { margin: 64px; }




.xs-jc-fs {justify-content: flex-start;}
.xs-jc-c {justify-content: center;}
.xs-jc-fe {justify-content: flex-end;}
.xs-jc-sb {justify-content: space-between;}
.xs-jc-sa {justify-content: space-around;}
.xs-jc-se {justify-content: space-evenly;}

.xs-fd-col{flex-direction: column;}

.xs-ai-fs {align-items: flex-start;}
.xs-ai-fe {align-items: flex-end;}
.xs-ai-c {align-items: center;}
.xs-ai-b {align-items: baseline;}
.xs-ai-s {align-items: stretch;}
.xs-ai-n {align-items: normal;}


.xs-dn {display: none;}
.xs-db {display: block;}
.xs-dib {display: inline-block;}
.xs-df {display: flex;}
.xs-dif {display: inline-flex;}
.xs-dt {display: table;}

.xs-fr-1 {grid-template-columns: 1fr;}
.xs-fr-2 {grid-template-columns: 1fr 1fr;}
.xs-fr-3 {grid-template-columns: 1fr 1fr 1fr;}
.xs-fr-4 {grid-template-columns: 1fr 1fr 1fr 1fr;}
.xs-fr-5 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.xs-fr-6 {grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}

.xs-pt-1-1 { width: calc(100%/1 - 2*var(--fg-gap));  flex-grow: 1;}
.xs-pt-1-2 { width: calc(100%/2 - 2*var(--fg-gap)); }
.xs-pt-1-3 { width: calc(100%/3 - 2*var(--fg-gap)); }
.xs-pt-1-4 { width: calc(100%/4 - 2*var(--fg-gap)); }

.xs-pt-2-3 { width: calc(2*100%/3 - 2*var(--fg-gap)); }

.xs-pt-3-4 { width: calc(3*100%/4 - 2*var(--fg-gap)); }

}
/* /flex-grid */


@media screen and (max-width: 400px) {
    .ms-fd-c {
        flex-direction: column;
    }

    .ms-mb-8 {
        margin-bottom: 8px;
    }
    .ms-mb-12 {
        margin-bottom: 12px;
    }

}


.inp-red {
    border: 1px solid #ff0000 !important;
}