:root {
    --size-content:1340px;
    --padding-def:0 20px;
    --cl-line-gray:#204a74;
    
    --cl-link:#b77a4d;
    --cl-link-hover:#85512a;
    
    --cl-header:#b77a4d;
    --cl-body:#f9f9f9;
    --cl-footer:#85512a;
    
    --cl-line:#204a74;
    
    --font-size-default: 14pt;
}

@font-face {
    font-family: 'Jost-Regular';
    src: url('Jost-Regular.eot');
    src: local('Jost Regular'), local('Jost-Regular'),
        url('../../../../../fonts/Jost-Regular.eot?#iefix') format('embedded-opentype'),
        url('../../../../../fonts/Jost-Regular.woff2') format('woff2'),
        url('../../../../../fonts/Jost-Regular.woff') format('woff'),
        url('../../../../../fonts/Jost-Regular.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;}

@font-face {
    font-family: 'Jost-Light';
    src: url('Jost-Light.eot');
    src: local('Jost Light'), local('Jost-Light'),
        url('../../../../../fonts/Jost-Light.eot?#iefix') format('embedded-opentype'),
        url('../../../../../fonts/Jost-Light.woff2') format('woff2'),
        url('../../../../../fonts/Jost-Light.woff') format('woff'),
        url('../../../../../fonts/Jost-Light.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;}

@font-face {
    font-family: 'Jost-Bold';
    src: url('Jost-Bold.eot');
    src: local('Jost Bold'), local('Jost-Bold'),
        url('../../../../../fonts/Jost-Bold.eot?#iefix') format('embedded-opentype'),
        url('../../../../../fonts/Jost-Bold.woff2') format('woff2'),
        url('../../../../../fonts/Jost-Bold.woff') format('woff'),
        url('../../../../../fonts/Jost-Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;}


* {
    //outline:1px solid #ccc;

}

/*****  ***** ***** ***** ***** Версия для слабовидящих ***** *****/

.templates {
    width:100%;
    padding:15px 0;
    text-align:right;}
    
.templates a {
    color:#000;
    padding:0 0 0 50px;
    position:relative;
}

.templates a:hover {
    color:var(--cl-link);}

.templates a:before {
    position:absolute;
    content:"";
    width:28px;
    height:28px;
    top:0;
    left:13px;
    background:url(../../../../../images/style/visibility.svg);
    background-size:cover;
}

/*****  ***** ***** ***** ***** Навигация - Хлебные крошки ***** *****/

.navigation {
    font-size:12pt;
    width:100%;
    max-width:var(--size-content);
    margin:5px auto;
    padding:5px 11px 10px;}
    
.navigation .nav{
    width:100%;}
    
.navigation nav ol{
    min-width:100%;
    display:table;
    display:flex;
    flex-wrap:wrap;}
    
.navigation li:first-child{
    display:none;}
    
.navigation li{
    height:15px;
    padding:0 8px;
    position:relative;}

.navigation li:after{
    content:"-";
    position:absolute;
    top:0px;
    right:-3px;}
    
.navigation li:last-child:after{
    content:"";}
    
.navigation span{
    margin:2px 0;}
    
.navigation li:last-child{
    border-right:0;}
    
    


.icons {
    display:none;
}

html{
    height: 100%;
}

body{
    font-family: 'Jost-Regular';
    background:var(--cl-body);
    min-width:370px;
    display:flex;
    flex-direction:column;
    min-height: 100%;
    font-size:var(--font-size-default);
    color:#222;
}

* {
    box-sizing: border-box;}
    
a{
    color:var(--cl-link);
    text-decoration:none;}
    
a:hover{
    color:var(--cl-link-hover);}
    
h1 {
    font-size:20pt;
    margin:10px 0 0;
    //text-transform:uppercase;
    
}
    
main p{
    margin:10px 0;
    font-size:var(--font-size-default);
    line-height:1.2;
}

header {
    width:100%;
    flex:0 0 auto;
}

header > div{
    width:100%;
    max-width:var(--size-content);
    margin:0 auto;
    padding:0 20px;
}



header .top_header {
    min-width:100%;
    padding:0px 20px;
    background:var(--cl-header);
    
}


header .logo{
    width:290px;
    padding:0 0 20px;
    margin:15px 0 25px;
    border-right:1px solid #b77a4d;
    float:left;
}

header .logo img{
    max-width:260px;}

    @media screen and (max-width:800px){
        
        header .logo{
            width:40%;
            padding:15px 20px 20px 0;
            border-right:none;}
            
        header .logo img{
            max-width:100%;}
    }
    @media screen and (max-width:600px){
        header .logo{
            width:50%;
            padding:10px 0 0;}
    }

header .orgname{
    width:calc(100% - 600px);
    padding:0 0 0 30px;
    float:left;
    font-size:19pt;
    line-height:1.2;
    min-height:160px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-align:center;
    text-shadow:1px 1px 1px #ccc;
    color:var(--cl-link-hover);
    font-size:'Jost-Bold';
}

header .orgname h1{
    font-size:'Jost-Bold';
    font-size:19pt;
    text-align:center;
    margin:0 0;
}
    
    @media screen and (max-width:1100px){
        header .orgname{
            font-size:16pt;}
            
        header .orgname h1{
            font-size:16pt;}
    }

    @media screen and (max-width:1000px){
        header .orgname{
            width:calc(100% - 290px);}
    }
    
    @media screen and (max-width:800px){
        header .orgname{
            width:60%;
            justify-content:flex-end;
            padding:0 0 10px 30px;}
            
        header{
            background:#ededed;
            margin:0 0 15px;}
    }
    
    @media screen and (max-width:600px){
        header .orgname{
            width:100%;
            min-height:auto;
            padding:0 0 15px;
            margin:-10px 0 0;
            font-size:14pt;}
        
        header .orgname h1{
            font-size:14pt;}
    }
    

header .contact{
    width:280px;
    float:right;
    padding:10px 0;}

header .contact p:nth-child(1) a{
    font-size:17pt;}
    
header .contact p:nth-child(2) a{
    font-size:15.5pt;}

header .contact a{
    padding:10px 0 0;
    color:#000;
    font-size:15pt;
    display:table;
    float:right;
    padding:5px 0 5px 70px;
    height:50px;
    width:270px;
    text-align:right;
    position:relative;
    margin:10px 0;}
    
header .contact p:nth-child(1) a:before{
    position:absolute;
    content:"Позвоните нам";
    bottom:2px;
    right:0;
    font-size:13pt;
    color:#686868;}
    
header .contact p:nth-child(2) a:before{
    position:absolute;
    content:"Напишите нам";
    bottom:2px;
    right:0;
    font-size:13pt;
    color:#686868;}
    
header .contact p:nth-child(1) a:after,
header .contact p:nth-child(2) a:after{
    position:absolute;
    content:"";
    width:40px;
    height:40px;
    left:25px;
    top:3px;
    background:#dcab83;
    border-radius:6px;
    background-image:url(../../../../../images/style/kontakty.svg);
    background-size:40px;}

header .contact p:nth-child(1) a:hover:after,
header .contact p:nth-child(2) a:hover:after{
    background:var(--cl-link);
    background-image:url(../../../../../images/style/kontakty.svg);
    background-size:40px;}

header .contact p:nth-child(2) a:after,
header .contact p:nth-child(2) a:hover:after{
    background-position:0 40px;}
    
    @media screen and (max-width:1000px){
        header .contact{
            width:100%;
            padding:0 0 10px;}        
    }


/* Важное объявление! */
.top_message{
    width:100%;
    max-width:var(--size-content);
    background:var(--top_message_gb);
    color:var(--top_message_color);
    margin:0 auto;}

.top_message .nspLinkScroll2 {
    width:100%;
    margin:10px auto 0;
    display:block;
    padding: 10px 20px;
    background:var(--top_message_gb);}
    
.top_message p{
    line-height:1.2;
    font-size:12pt;}

.top_message p strong{
    font-weight:600;}
    
    


    
    

/* меню */

.menu{
    padding:10px 20px;
    width:100%;
    max-width:100%;
    float:right;
    box-sizing:border-box;
    background:var(--cl-link);
    border-radius:6px;}
    
.menu .nav {
    width:100%;
    display:flex;
    flex-wrap: wrap;
    gap:12px 40px;
    font-size:16pt;
    padding:10px;}

.menu .nav a,
.menu .nav span{
    color:#fff;
    font-size:16pt;}

ul.mod-menu a:hover,
ul.mod-menu li.active :is(a, span){
    border-bottom:1px dotted #fff;}

.menu .nav li ul {
    position: absolute;
    display: none;
    list-style: none;
    padding:10px 0 0;
    max-width:280px;}

.menu .nav li:hover ul {
    display:block;
    z-index:99999;}

.menu .nav li ul li {
    display:flex;
    flex-direction: column;
    background:#fff;}

.menu .nav li ul li a,
.menu .nav li ul li span{
    background:var(--bg-body);
    color:#000;
    padding: 10px 23px;
    font-size:14pt;
    box-shadow:1px 1px 1px #ccc;
    border-bottom:0;}

.menu .nav li ul li a:hover{
    background:var(--cl-link);
    color:#fff;}

.menu .nav li ul li:hover {
    background-color: #f0f0f0;}

.menu .nav > ul li a {
    color: #333;
    text-decoration: none;}

.menu .nav > ul li a:hover {
    color: #007bff;}
    
.menu .topmenu {
    display:none;}
    
@media screen and (max-width:800px){
    
    .menu{
        position: absolute;
        max-width:50px;
        z-index: 99999;
        top:5px;
        left:0px;
        background:none;}
        
    .menu .topmenu {
        font-family: 'Jost-Regular';
        position: relative;
        width:50px;
        height:50px;
        float:left;
        display: block;
        margin:0;
        overflow: hidden;
        background:#ccc;
        font-size:9pt;
        text-align:center;
        background-repeat:no-repeat;
        background-size:45px;
        z-index: 55;
        cursor: pointer;
        border-radius:5px;
        overflow:hidden;
        padding:16px 0;
        background:var(--cl-link);
        color:#fff;
        transition-duration: .2s;}

    .menu .topmenu:hover{
        background:var(--cl-link-hover);
        transition-duration: .2s;}

    .menu .nav{
        width:auto;
        display:table;
        position: absolute;
        left:60px;
        padding:0;
        display:none;
        background:#fff}

    .menu .nav li{
        clear: both;
        padding:0;}

    .menu .nav li a,
    .menu .nav li span{
        display: block;
        width: 240px;
        padding:10px 20px 8px 25px;
        background: var(--cl-body);
        font-size: 13pt;
        box-sizing: border-box;}
        
    .menu .nav li span{
        background: #ccc;
        color:#fff;}
    
    .menu .nav li a:hover {
        background: var(--cl-link);}
    
    .menu .nav li ul,
    .menu .nav li:hover ul{
        position: relative;
        display: block;
        z-index: 99;
        top:0;}
    
    .menu .nav li ul {
        padding:0;}
        
    .menu .nav li ul li a{
        padding:10px 20px 8px 40px;
        background: var(--cl-body);
        box-shadow:none;}
        
    ul.mod-menu li.active a{
        background:var(--cl-link-hover);}
        
    ul.mod-menu li.active :is(span){
        color:#fff;}
        
    .menu .nav li ul li.active a{
        background:var(--cl-link-hover);
        color:#fff;}
}



/* Кнопка Вверх для сайта*/

#toTop {
    width:50px;
    height:50px;
    display:block;
    border-radius:5px;
    position:fixed;
    bottom:100px;
    right:20px;
    cursor:pointer;
    background:var(--cl-link);
    mix-blend-mode: multiply;
    z-index:99;}
    
#toTop:before {
    content:"";
    position:absolute;
    width:24px;
    height:24px;
    border-top:2px solid #fff;
    border-left:3px solid #fff;
    -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
            transform:rotate(45deg);
    top:20px;
    left:12px;}
    
#toTop:hover {
    background:var(--cl-link-hover)}

@media screen and (max-width:1500px){
    #toTop {mix-blend-mode: normal;}   
}
    
@media screen and (max-width:700px){
    #toTop,
    #toTop:before {
        display:none;
        z-index:-2;
        opacity:0;}   
}

/* Кукисы  */

.cookie {
    position:fixed;
    z-index:99999;
    display:table;
    bottom:15px;
    left:30px;
    max-width:550px;
    background:rgb(255,255,255,1);
    -webkit-box-shadow:2px 2px 2px #222;
            box-shadow:2px 2px 2px #444;
    padding:20px 30px;
    line-height:1.2;
    border-radius:5px;}
    
.cookie p{
    margin:10px 0;}
    
.cookie a#cookie-agreement-button{
    display:table;
    padding:10px 30px;
    background:var(--cl-link);
    color:#fff;
    font-size:14pt;
    border-radius:5px;
    margin:20px 0 0;}
    
.cookie a#cookie-agreement-button:hover{
    background:var(--cl-link-hover);}


main{
    flex:1 0 auto;
}




footer {
    flex:0 0 auto;
    width:100%;
    background:var(--cl-footer);
    padding:20px 20px 15px;
    max-height:600px;
    color:#fff;}
    
footer a {
    color:#ccc;}

footer a:hover {
    color:#fff;}

footer .footer-top,
footer .footer-bottom {
    clear:both;
    width:100%;
    max-width:var(--size-content);
    margin:0 auto;}

footer .footer-bottom {
    border-top:1px solid #ccc;
    padding:15px 0 5px;
    line-height:1.3;}
    
/* Авторское право и политика кинфиденциальности */    

footer .footer-bottom div:nth-child(1){
    width:calc(100% - 200px);
    float:left;}
    
/* Автор */

footer .footer-bottom div:nth-child(2){
    width:200px;
    float:right;
    text-align:right;}


/* Контакты в футтере */    

footer .footer-adr {
    max-width:350px;
    float:right;
    padding:20px 0 30px;
    line-height:1.3;
    text-align:right;}
    
footer .footer-adr p,
footer .footer-adr a{
    color:#cab6ab;}
    
footer .footer-adr a:hover{
    color:#fff;}
    
footer .footer-adr strong{
    color:#fff;
    text-transform:uppercase;}

@media screen and (max-width: 600px){
    footer .footer-bottom div:nth-child(1),
    footer .footer-bottom div:nth-child(2){
    width:100%;
    text-align:left;
    margin:0 0 10px;}
}    

    
/* Автор */

footer .footer-bottom div:nth-child(2){
    
}

/****** ***** ***** ***** ***** Модуль НОВОСТИ */

.moduletable.news {
    width:100%;
    clear:both;
    max-width:var(--size-content);
    padding:var(--padding-def);
    margin:0 auto;
    padding:30px 20px;}

.moduletable.news h3{
    font-size:24pt;
    text-align:left;
    margin:0 0 20px;
    text-transform:uppercase;}

.news .nspArtPage {
    display:flex;
    flex-wrap:wrap;
    gap:20px 40px;}
    
.news .nspArtPage .nspArt{
    width:calc(33% - 40px*2/3);
    min-width:250px;
    flex-grow:1;
    display:flex;
    flex-direction:column;}

.news .nspArtPage .nspImageWrapper{
    padding:0;}
    
.news .nspArtPage .nspImageWrapper img{
    max-width:100%;
    height:auto !important;}

.news .nspArtPage .nspInfo {
    padding:10px 0 0;
    color:#8c8c8c;
}

.news .nspArtPage h4 {
    
    font-size:18pt;
    text-transform:uppercase;
    line-height:1.2;}
    
.news .nspArtPage h4 a{
    color:#000;}
    
.news .nspArtPage h4 a:hover{
    color:var(--cl-link-hover);}

.news .nspArtPage .nspText {
    flex:1 0 auto;
    text-align:justify;}

@media screen and (max-width:600px){
    .news .nspArtPage .nspText {
        text-align:left;}
    }

.news .nspArtPage .readon {
    margin:10px 0 0;
    padding:9px 0;
    display:table-cell;
    background:var(--cl-link);
    color:#fff;
    border-radius:4px;
    flex:0 0 auto;
    width:150px;
    text-align:center;}

.news .nspArtPage .readon:hover {
    background:var(--cl-link-hover);}    
    
/***** ***** ***** ***** ***** ***** Блог категории ***** ***** ***** ***** *****/

.com-content-category-blog {
    width:100%;
    max-width:var(--size-content);
    margin:0 auto;
    padding:0 20px;}

.com-content-category-blog .blog-item {
    display:table;
    width:100%;
    clear:both;
    margin:0 0 20px;}

.com-content-category-blog .item-image {
    width:32%;
    float:right;
    padding:0 0 0 20px;}
    
.com-content-category-blog .item-image  img{
    width:100% !important;
    height:auto !important;}

.com-content-category-blog .page-header h2{
    margin:20px 0 5px;
    font-size:18pt;}
    
.com-content-category-blog strong{
    font-weight:600;
}

.com-content-category-blog time {
    color:#8c8c8c;
    padding:5px 0 10px;
    display:table;
    font-size:12pt;}
    
    @media screen and (max-width:1000px){
        .com-content-category-blog .item-image {
            width:45%;}
    }
    
    @media screen and (max-width:600px){
        .com-content-category-blog .item-image {
            width:100%;
            padding:10px 0;}
    }
    
/***** ***** ***** ***** ***** ***** МАТЕРИАЛ ***** ***** ***** ***** ***** ***** *****/
    
.com-content-article.item-page {
    max-width:var(--size-content);
    padding:0 20px;
    margin:0 auto;}

.com-content-article.item-page h1{
    margin:20px 0;
}
    
.com-content-article.item-page h2{
    margin:20px 0;
    font-size:18pt;}
    
.com-content-article.item-page h3{
    margin:20px 0;
    text-transform:uppercase;
    font-size:17pt;
    color:var(--cl-link-hover);
}
    
.com-content-article.item-page p {
    text-align:justify;}
    
.com-content-article.item-page ul,
.com-content-article.item-page ol {
    line-height:1.3;
    margin-left:40px;
    list-style-type: none;
    counter-reset: num;}

.com-content-article.item-page ol li,
.com-content-article.item-page ul li{
    position:relative;}

.com-content-article.item-page ol li:after {
	content: counter(num) '.'; 
	counter-increment: num;
	display: inline-block;	
	position: absolute;
	top: 0px;
	left: -26px;
	width: 20px;    
	color:var(--cl-link);
	text-align: right;}
    
.com-content-article.item-page ul li:after {
    content:'';
	width:8px;
	height:8px;
	border-radius:49.5%;
	display: block;	
	position: absolute;
	top: 9px;
	left: -16px;
	background:var(--cl-link);
	text-align: right;}
	
.com-content-article.item-page strong{
    font-weight:600;}
    
.com-content-article.item-page table {
    width:100%;}
    
.com-content-article.item-page table tr td{
    padding:10px;
    text-align:left;}
    
.com-content-article.item-page table tr td p{
    text-align:left;}
    
.com-content-article.item-page .item-image {
    float:right;
    width:100%;
    max-width:40%;
    padding:0 0 10px 30px;}

.com-content-article.item-page .item-image img{
    width:100% !important;
    height:auto !important;}

.com-content-article.item-page img[class="float-end"]{
    margin:0 0 0 30px;
    width:100% !important;
    max-width:25% !important;
    height: auto !important;}
    
.com-content-article.item-page .com-content-article__body p:has(img) {
    display:flex;
    flex-wrap:wrap;
    width:100%;
    gap:20px;
}
.com-content-article.item-page  .com-content-article__body p > a:has(img){
    display:table;
    width:auto;
    width:calc(33.33% - 20px*2/3) !important;
    flex-grow:1;
}
    
.com-content-article.item-page  .com-content-article__body p > a > img {
    width:100% !important;
    max-width:650px;
    margin:10px 20px 0 0;
    height:auto !important;} 

    @media screen and (max-width:1000px){
        .com-content-article.item-page .item-image {
            max-width:50%;}
        .com-content-article.item-page  .com-content-article__body p > a:has(img) {
            width:calc(50% - 10px) !important;}
    }
    
    @media screen and (max-width:600px){
        .com-content-article.item-page .item-image {
            max-width:100%;
            padding:10px 0;}
            
        .com-content-article.item-page p {
            text-align:left;}
            
        .com-content-article.item-page img[class="float-end"]{
            margin:0 0 10px;
            max-width:100% !important;}
            
        .com-content-article.item-page table tr td p{
            font-size:12pt;}
            
        .com-content-article.item-page  .com-content-article__body p > a:has(img) {
            width:100% !important;}
    }
    
    @media screen and (max-width:500px){
        .com-content-article.item-page table tr td{
            padding:3px;
        }
        .com-content-article.item-page table tr td p{
            font-size:10pt;}
    }

/***** ***** ***** ***** ***** ***** Навигация по страницам ***** ***** ***** ***** *****/

.com-content-category-blog__navigation {
    text-align:center;
    padding:20px 0;}
    
.com-content-category-blog__navigation li{
    display:inline-block;
    margin: 0 5px;}
    
    
@media screen and (max-width:600px){}



/***** ***** ***** ***** ***** ***** Форма обратной связи ***** ***** ***** ***** *****/

.forma-pr {
    margin:20px 0 0;
    padding:30px 0;
    background:#f3f3f3;}

.forma-pr .rsformforma-pr {
    max-width:var(--size-content);
    margin:0 auto;
    padding:0 20px;}
    
.forma-pr h2{
    padding:10px 0 0;
    font-size:16pt;}

.forma-pr input{
    outline:none;
    border-radius:5px;
    padding:10px 20px;
    border:1px solid var(--cl-link-hover);
    font-size:12pt;
    color: var(--cl-link);}

.forma-pr input:focus{
    border:1px solid var(--cl-link);}

.forma-pr textarea{
    width:100%;
    resize:none;
    outline:none;
    border-radius:5px;
    padding:15px 20px;
    border:1px solid var(--cl-link-hover);
    font-size:14pt;
    color: var(--cl-link);}
    
.forma-pr textarea:focus{
    border:1px solid var(--cl-link-hover);}

.forma-pr input[type="checkbox"]{
    display:none;}
    
.forma-pr input[type="checkbox"]+ label{
    position:relative;
    padding:0 0 0 33px;
    line-height:1.2;}

.forma-pr input[type="checkbox"] + label:before {
    content: "";
    display: block;
    width: 1.1em;
    height: 1.1em;
    border: 1px solid var(--cl-link-hover);
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all 0.2s, background 0.2s ease-in-out;
    -o-transition: all 0.2s, background 0.2s ease-in-out;
    transition: all 0.2s, background 0.2s ease-in-out;
    background: #fff;
    cursor:pointer;}
  
.forma-pr input[type="checkbox"]:checked + label:before {
    width: 1.1em;
    height: 1.1em;
    border-radius: 5px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background: var(--cl-link);
    border:none;}
    
.forma-pr button{
    background: var(--cl-link);
    color:#fff;
    padding:10px 30px;
    font-size:13pt;
    border:none;
    outline:none;
    margin:15px 0 0;
    border-radius:5px;
    cursor:pointer;
    -webkit-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;}

.forma-pr button:hover{
    -webkit-transition-duration: .2s;
         -o-transition-duration: .2s;
            transition-duration: .2s;
    background: var(--cl-link-hover);}

.forma-pr input::-webkit-input-placeholder,
.forma-pr input::-moz-placeholder,
.forma-pr input:-moz-placeholder,
.forma-pr input:-ms-input-placeholder,
.forma-pr input:placeholder-shown{
    color:#ccc;}
    
.forma-pr .formRed {
    font-weight:100 !important;
    color:var(--cl-link);
    margin:10px 0 0;
    padding:0;
}
    
/* Благодарность */

.rsfp_thankyou_popup_inner {
    border-radius:15px;}
    
.rsfp_thankyou_popup_inner p{
    margin:10px 0;
    line-height:1.3;}
    
.rsfp_thankou_popup_close_btn {
    color:var(--cl-link);
    font-size:20pt;}
    

.vajnoe {
    width:100%;
    max-width:var(--size-content);
    margin:0 auto;
    font-size:20pt;
    text-align:center;
    color:#fff;
    padding:10px 0;
}


/***** ***** ***** ***** ***** Слайдер на главной ***** *****/

.slider{
    width:100%;
    max-width:var(--size-content);
    margin:0 auto;
    padding:30px 20px 20px;}

.slider table,
.slider table tr{
    width:100%;}

.slider table tr{
    display:flex;
    flex-wrap:wrap;
    gap:10px 30px;}

.slider table tr td:nth-child(1){
    max-width:calc(65% - 15px);
    overflow:hidden;
    padding:0;}
    
.slider table tr td:nth-child(2){
    width:100%;
    max-width:calc(35% - 15px);
    background:#fff;
    border-radius:5px 5px 0 0;}
    
.slider table tr td:nth-child(2) h3{
    width:100%;
    padding:15px;
    background:var(--cl-link);
    text-align:center;
    color:#fff;
    border-radius:5px 5px 0 0;
    font-size:18pt;}

.slider table tr td:nth-child(2) ul {
    padding:15px 0;}

.slider table tr td:nth-child(2) ul li{
    padding:10px 30px;
    line-height:1.2;
    font-size:16pt;
    text-align:center;
    //color:var(--cl-link);}
    
.slider img{
    width:105% !important;
    height:auto !important;}
    
/*****  ***** ***** ***** ***** Диагностика, реабилитация и отдых ***** *****/

.slider table tr td:nth-child(3) {
    width:100%;
    max-width:var(--size-content);
    margin: 0 auto;
    padding:20px;
    text-align:center;}
    
.slider table tr td:nth-child(3) h2{
    font-size:22pt;}
    
.slider table tr td:nth-child(3) p{
    color:#444;
    font-size:19pt;}
    
    @media screen and (max-width:1300px){    
        .slider table tr td:nth-child(2) ul li{
            padding:8px 15px;
            font-size:calc(10px + 15 * (100vw - 320px) / 1280);}    
    }
    
    @media screen and (max-width:1150px){    
        .slider table tr td:nth-child(2) ul li{
            padding:5px 15px;}    
    }
    
    @media screen and (max-width:1000px){
        .slider table tr td:nth-child(1){
            max-width:calc(60% - 15px);}

        .slider table tr td:nth-child(2){
            max-width:calc(40% - 15px);}
    
        .slider table tr td:nth-child(2) ul li{
            padding:5px 7px;}

        .slider table tr td:nth-child(2) h3{
            padding:10px;
            font-size:16pt;}
    }
    
    @media screen and (max-width:900px){
        .slider table tr td:nth-child(1){
            max-width:100%;
            order:1;}

        .slider table tr td:nth-child(2){
            max-width:100%;
            order:3;}
        
        .slider table tr td:nth-child(3){
            max-width:100%;
            order:2;}
    
        .slider table tr td:nth-child(2) ul li{
            padding:5px 7px;
            font-size:16pt;}

        .slider table tr td:nth-child(2) h3{
            padding:10px;
            font-size:16pt;}
            
        .slider table tr td:nth-child(3) h2{
            font-size:19pt;}
            
        .slider table tr td:nth-child(3) p{
            font-size:16pt;}
    }
    
    @media screen and (max-width:800px){
        .slider{
            padding:0 20px;
            //margin:-20px 0 0;
            
        }
    }
    
    @media screen and (max-width:600px){
        .slider table tr td:nth-child(2) ul li{
            font-size:14pt;}
            
        .slider table tr td:nth-child(3) p{
            font-size:14pt;}
    }
    
.uslugi table{
    width:100%;
    text-align:left;
}
    
.uslugi table tr{
    width:100%;}
    
.uslugi table tr td{
    padding:5px 10px;
    border:1px solid #ccc;}

@media screen and (max-width:1000px){
    
    .uslugi table p{
        text-align:left;
        font-size:12pt;}
    
    .uslugi table tr{
        clear:both;}
    
    .uslugi table tr{
        display:flex;
        flex-wrap:wrap;}
        
    .uslugi table tr:nth-child(even){
        background:#e5e5e5;}
    
    .uslugi table tr td{
        flex-grow:1;
        width:100%;}
    
    .uslugi table tr td:nth-child(1){
        width:20%;}
        
    .uslugi table tr td:nth-child(2){
        width:80%;}
    
    .uslugi table tr td:nth-child(3){
        width:35%;}
    
    .uslugi table tr td:nth-child(4){
        width:10%;}
        
    .uslugi table tr td:nth-child(5){
        width:5%;}
        
    .uslugi table tr td:nth-child(6){
        width:10%;}
        
    .uslugi table tr:has(td[rowspan="3"]) ~ tr td{
        background:red;
        width:20%;
    }
}

/* УСЛУГИ МОДУЛЬ НА ГЛАВНОЙ */

.uslugi-block {
    padding:20px 20px 40px;
    max-width:var(--size-content);
    margin: 0 auto;}

.uslugi-block h3{
    font-size:25pt;
    font-family:"Jost-Bold";
    text-transform:uppercase;
    color:#4a4a4a;}
    
.uslugi-block .mod-custom {
    padding:15px 0;
    display:flex;
    flex-wrap:wrap;
    gap:0 20px;}

.uslugi-block .mod-custom p{
    position:relative;
    display:flex;
    flex-direction:column;
    width:100%;
    max-width:calc(33.33% - 20px*2/3);}

.uslugi-block .mod-custom a{
    color:#000;
    justify-content:center;
    margin: auto 0;
    display:flex;
    flex-direction:column;
    background:#fff;
    padding:5px 10px 5px 80px;
    border-radius:4px;
    box-shadow:2px 2px 12px #dfdfdf;
    min-height:65px;}
    
.uslugi-block .mod-custom a:hover{
    color:var(--cl-link-hover);}

.uslugi-block .mod-custom p a:before{
    position:absolute;
    content:"";
    top:8px;
    left:15px;
    width:50px;
    height:50px;
    background-image:url(../../../../../images/style/icons.svg);
    background-size:100%;}
    
.uslugi-block .mod-custom p:nth-child(1) a:before{
    background-position:0 0;}
    
.uslugi-block .mod-custom p:nth-child(2) a:before{
    background-position:0 150px;}
    
.uslugi-block .mod-custom p:nth-child(3) a:before{
    background-position:0 250px;}
    
.uslugi-block .mod-custom p:nth-child(4) a:before{
    background-position:0 100px;}
    
.uslugi-block .mod-custom p:nth-child(5) a:before{
    background-position:0 200px;}
    
.uslugi-block .mod-custom p:nth-child(6) a:before{
    background-position:0 50px;}
    
.uslugi-block .mod-custom p:nth-child(7) a:before{
    background-position:0 300px;}


    @media screen and (max-width:1000px){
        .uslugi-block .mod-custom p{
            max-width:calc(50% - 10px);}
    }
    
    @media screen and (max-width:600px){
        .uslugi-block .mod-custom p{
            max-width:100%;}
    }
    
/* Три случайные фотографии */
    
.random-photo {
     width:100%;
     max-width:var(--size-content);
     margin:0 auto;
     padding:20px;}

.random-photo h3{
    font-size: 25pt;
    font-family: "Jost-Bold";
    text-transform: uppercase;
    color: #4a4a4a;}

.random-photo img{
    width:calc(33.33% - 15px*2/3);}

.random-photo .mod-custom p{
    display:flex;
    flex-wrap:wrap;
    gap:15px;}
    
    @media screen and (max-width:1000px){
        .random-photo img{
            width:calc(50% - 15px/2);}
            
        .random-photo img:nth-child(3){
            width:100%;}
    }
    @media screen and (max-width:600px){
        .random-photo img{
            width:100%;}
    }


/* Оцените нашу работу. Оценка */

.fon-ocenka {
    width:100%;
    background:#fff;
    padding:20px 0 0;
    border-bottom:20px solid #bce6f6;}

.fon-ocenka .mod-custom{
    width:100%;
    max-width:var(--size-content);
    margin:0 auto -33px auto;}

.fon-ocenka .mod-custom img {
    width:100% !important;
    height: auto !important;}
    
.fon-ocenka .mod-custom p{
    line-height:1;}

    @media screen and (max-width:800px){
        .fon-ocenka {
            padding:0;}
        
        .fon-ocenka .mod-custom{
            overflow:hidden;}
    
        .fon-ocenka .mod-custom img {
            min-width:144% !important;
            height: auto !important;}
    }
    
/* Социальные сети */

.cs {
    display:block;
    width:50px;
    height:50px;
    overflow:hidden;
    position:relative;
    font-size:0;
    float:right;
    margin:12px 0 0 12px;
}
    
.vk:before {
    opacity:1;
    display:block;
    width:50px;
    height:50px;
    position:absolute;
    top:0;
    left:0;
    content:"";
    background-image:url(../../../../../images/style/icons-cs.svg);
    background-size:cover;
    background-repeat:no-repeat;
    opacity:0.6;
}
.vk:hover:before {
    opacity:0.9;
}


/* Сотрудники  */

.struktura table {
    width:100%;}
    
.struktura table tr {
    display:flex;
    flex-wrap:wrap;}

.struktura table tr td {
    width:25%;}

.struktura table img{
    width:100% !important;
    height:auto !important;}

    @media screen and (max-width:900px){
        .struktura table tr td {
            width:50%;}
    }  


.dop {
    padding:30px 0 15px;
    min-width:300px;
    float:left;
    line-height:1.5;
}

li:has(a[href="/index.php?view=category&id=2"]){
    display:none;
}