* {
    //outline:1px solid #ccc;
}
:root {
    --size-content:1600px;
    --cl-link:#000;
    --cl-link-hover:#ff0000;
    --cl-header-fon:#f2f2f6;
    //--cl-header-fon:#fbfbfe;
    
    --cl-green:#a3ca39;
    --cl-green-light:#dfe5cb;
    
    --cl-gray-light:#f6f6f6;
    --cl-gray:#a1a1a1;
    
    --cl-footer-fon:#8d8d8d;
}

html{
    height: 100%;
}

body{
    font-family: 'Montserrat-Regular';
    background:#fff;
    min-width:370px;
    display:flex;
    flex-direction:column;
    min-height: 100%;}

* {
    box-sizing: border-box;}

a{
    color:var(--cl-green);
    text-decoration: none;}

a:hover{
    color:var(--cl-green-light);}



main{
    flex:1 0 auto;
}

.actions {
    display:none;}

body {
    background: #fff;

    font-size:14pt;
    line-height: 1.4;
    color:#222;
    min-width:360px;}




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

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

@font-face {
    font-family: 'Montserrat-Regular';
    font-style: normal;
    font-weight: 400;
    src: local('Montserrat-Regular'), local('Montserrat-Regular'),
        url(../../../../../fonts/Montserrat-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'Montserrat-Medium';
    font-style: normal;
    font-weight: 400;
    src: local('Montserrat-Medium'), local('Montserrat-Medium'),
        url(../../../../../fonts/Montserrat-Medium.ttf) format('truetype');
}

@font-face {
    font-family: 'Montserrat-SemiBold';
    font-style: normal;
    font-weight: 400;
    src: local('Montserrat-SemiBold'), local('Montserrat-SemiBold'),
        url(../../../../../fonts/Montserrat-SemiBold.ttf) format('truetype');
}


/* Шапка и слайдер */

header {
    background:#f3f3f3;
    min-height:180px;
    //min-height:700px;
    display:flex;
    background:var(--cl-header-fon);}

.header-fon {
    width:100%;
    max-width:calc(var(--size-content) + 300px);
    margin:0 auto;

    padding:0 20px;}

.header-top {
    width:100%;
    max-width:var(--size-content);
    margin:0 auto;
    display:table;
    padding:10px 0;
    border-bottom:1px solid #cad5a4;}
    
.header-bottom {
    width:100%;
    max-width:var(--size-content);
    margin:0 auto;
    display:table;}

.phone {
    width:calc(100% - 80px);
    padding:7px 0 7px 0px;
    float:left;}

.phone a{
    color:#000;
    font-size:20pt;
    font-family: 'Montserrat-Medium';}

.adres {
    padding:16px 0 15px 28px;
    margin-left:20px;
    float:right;
    position:relative;}
    
.adres p{
    font-size:15pt;
    font-family: 'Montserrat-Medium';}
    
@media screen and (max-width:800px){
    .phone p{
        font-size:10pt;
    }
    .phone a{font-size:15pt;}
}

.adres:before {
    content:"°";
    position:absolute;
    width:15px;
    height:15px;
    background:#a5ca41;
    background-repeat:no-repeat;
    left:0;
    top:20px;
    color:#fff;
    font-family: 'Montserrat-SemiBold';
    text-align:center;
    font-size:12.5pt;
    border-radius:49.5%;
    background-size:cover;
    z-index:2;
}
    
.adres:after {
    content:"";
    position:absolute;
    width:9px;
    height:10px;
    background:#a5ca41;
    background-repeat:no-repeat;
    left:2.5px;
    top:27px;
    transform:rotate(-45deg);
    border-radius:40% 0 40% 0;
    background-size:cover;
    z-index:1;
}
    
    
.logo {
    float:left;
    padding:20px 70px 10px 0;}
    
.logo p:first-child{
    font-size:15.5pt;
    text-transform:uppercase;
    line-height:1;}
    
.logo p a,
.logo h1{
    text-align:left;
    color:#000;
    font-family: 'Montserrat-Medium';
    font-size:30pt;
    text-transform:uppercase;}
    
.menu {
    float:right;
    padding:40px 0 30px;
    width:calc(100% - 500px);
}
.menu ul {
    width:100%;
    display:flex;
    flex-wrap:wrap;
    gap:10px 60px;
    justify-content:flex-end;
}
.menu ul li{
    padding:0;
}
.menu ul li a{
    font-family: 'Montserrat-Medium';
    font-size:16pt;
    color:#000;
}

@media screen and (max-width:1300px){
    .menu {
    float:right;
    padding:10px 0 10px;}
    
    .menu ul {

    gap:5px 50px;}
    .menu ul li a{
    font-family: 'Montserrat-Medium';
    font-size:14pt;}
}



.menu {
    z-index:99;
    display:table;
}

.menu .topmenu {
    display:none;}

.menu li{
    padding:10px;
    float:left;}

.menu li a{
    color:#000;
    font-size:13pt;
    display:table;}
    
    @media screen and (max-width: 900px) {
        .menu {
            float:left;
            padding:10px 0;
            top:30px;
            left:0px;
            position:absolute;}
            
        .menu .topmenu {
            display:block;
            font-size: 0pt;
            text-transform: uppercase;
            width:44px;
            height:42px;
            padding:5px 0px;
            text-align: center;
            position: absolute;
            top:0px;
            left:20px;
            margin:0px 0 0;
            border-radius: 6px;
            color:#fff;
            background:var(--cl-green);
            text-shadow: .2px .2px #fff;}

        .menu .topmenu:before {
            content: "≡";
            position: absolute;
            width:38px;
            color:#fff;
            height:38px;
            border-radius:2px;
            top:-12px;
            left:3px;
            font-size: 35pt;}
        
        .menu .topmenu:hover{
            background:var(--cl-green-light)}
            
        .menu .nav{
            display:none;
            position:absolute;
            top:0px;
            left:70px;
            border-radius:6px;
            width:250px;
            background:var(--cl-green-light)}
        
        .menu li{
            float:none;}
            
        .menu li a{
            width:100%;
            padding:8px 20px;}
    }
    
    @media screen and (max-width: 800px) {
        .menu {
            width:calc(100% - 20px);
            float:right;
            padding:0;
            top:10px;
            right:10px;
            position:absolute;}
            
        .menu .topmenu {
            top:100px;
            left:auto;
            right:0px;}
            
        .menu .nav{
            top:100px;
            left:auto;
            right:50px;}
    }
    
    @media screen and (max-width: 370px) {
        .menu {
            position:relative;
            margin:-100px 0 0;}
        
        .menu .topmenu {
            top:0;
            right:0px;}
        
        .menu .nav{
            top:0px;}
    }





    
.slider {
    width:100%;
    clear:both;
    padding: 100px 0 110px;
    display:table;
    background-image:url(../../../../../images/style/header-fon.png);
    background-repeat:no-repeat;
    background-position:bottom right;
    background-size:50% auto;}

.slider .custom{
    width:35%;
    float:left;}

.slider p:first-child{
    font-family: 'Montserrat-Medium';
    color:var(--cl-green);
    font-size:20pt;}
    
.slider h2{
    font-family: 'Montserrat-SemiBold';
    font-size:26pt;
    line-height:1.2;
    margin:10px 0 30px;}

.slider p{
    font-size:12pt;}

.slider a{
    font-family: 'Montserrat-SemiBold';
    font-size:20pt;
    padding:0;
    display:inline-block;
    color:var(--cl-green);}
    
.slider p:nth-child(3),
.slider p:nth-child(5){ margin: 0 0 20px;}

    @media screen and (max-width:1500px){
        
        .header-fon {
            //background-image:url(../../../../../images/style/header-fon.png);
            //background-size:900px;
            
        }
            
        .slider {
            padding: 50px 0 30px;}
    }
    
    @media screen and (max-width:1300px){
        
        .header-fon {
            //background-size:auto 100%;
            
        }
            
        .logo p:first-child{
            font-size:13pt}
    
        .logo p a,
        .logo h1{
            font-size:25pt;}
            
        .adres p{
            font-size:13pt;}
            
        .phone a{
            font-size:20pt;}
            
        .slider {
            padding: 30px 0 30px;}
            
        .slider .custom{
            width:45%;}
            
        .slider h2{
            font-size:18pt;
            line-height:1.1;
            margin:10px 0 20px;}
            
        .slider p{
            font-size:12pt;}
            
        .slider a{
            font-size:20pt;}
    }
    
    @media screen and (max-width:1024px){
        
        .header-fon {
            //background-size:58% 100%;
            //background-position:bottom right;
            
        }

    }
    
    @media screen and (max-width:800px){
        
        .header-fon {
            //background-size:45% auto;
            //background-position:bottom right;
            
        }
        
        .phone a{
            clear:both;
            display:table;
            width:100%;
            font-size:15pt;}
            
        .logo p a,
        .logo h1{
            font-size:20pt;}
            
        .logo p:first-child{
            font-size:10.5pt;}
            
        .slider .custom{
            width:65%;}
        
        .adres{
            padding:0;}
            
        .adres p{
            font-size:10pt;}
        
        .adres:before,
        .adres:after{
            display:none;}

    }
    @media screen and (max-width:500px){
        .header-fon {
            display:flex;
            flex-direction:column;}
            
        .logo{
            min-width:100%;
            display:table;}    
            
        .slider .custom{
            width:95%;}
            
        .slider p{
            font-size:9pt;}
            
        .slider a{
            font-size:16pt;}
            
        .slider {
            padding: 10px 0 100px;}
            
        .phone {
            padding:7px 0 7px 0px;}

        .phone p{
            margin:10px 0;}

        .phone a{
            color:#000;
            font-size:13pt;
            font-family: 'Montserrat-Medium';}
    
        .adres p{
            text-align:right;}
}


.moduletable.text {
    width:100%;
    padding:40px 20px 0}

 .moduletable.text .custom{
    width:100%;
    max-width:var(--size-content);
    margin:0 auto;}

 .moduletable.text .custom p{
    font-size:16pt;
    line-height:1.2;
    margin:10px 0;}

 .moduletable.text .custom p a{
    font-weight:600;
    display:inline-block;
 }
 
     @media screen and (max-width:800px){
        .moduletable.text .custom p{
            font-size:14pt;}
     }

/* Последовательность */

.posled {
    width:100%;
    padding:70px 20px 30px}

.posled > div{
    width:100%;
    max-width:var(--size-content);
    margin:0 auto;}

.posled h3{
    display:table;
    width:100%;
    max-width:var(--size-content);
    text-align:left;
    font-size:20pt;
    line-height:1.2;
    margin:15px auto}

.posled > div h4{
    font-family: 'Montserrat-Medium';
    font-size:12pt;
    line-height:1.2;
    margin:15px 0 15px 70px;
    width:calc(100% - 70px);
    display:table;
    min-height:50px;}

.posled > div p{
    font-size:11pt;}

.posled > div table tr{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap:10px 26px}

.posled > div table tr td{
    width:calc(16.66% - 26px*5/6);
    border-right:1px solid #ccc;
    padding:10px 15px 10px 0;
    position: relative;
    counter-increment: list;
    flex-grow:1;}

.posled > div table tr td:nth-child(6){
    border-right:0;}

.posled > div table tr td:before{
    position: absolute;
    width:50px;
    height:50px;
    display:block;
    text-align:right;
    background:var(--cl-green-light);
    color:#fff;
    font-size:33pt;
    padding:5px 2px 0;
    line-height: 1;
    border-radius:6px;
    display:flex;
    top:20px;
    flex-direction: column;
    content: counter(list);}

    @media screen and (max-width:1500px){
        .posled > div table tr td{
            width:calc(33.33% - 26px*2/3);}

        .posled > div table tr td:nth-child(3n){
            border-right:0;}
    }

    @media screen and (max-width:900px){
        .posled {
            padding:30px 20px 10px}
    
        .posled > div table tr td{
            width:calc(50% - 26px*4/5);}

        .posled > div table tr td:nth-child(3n){
            border-right:1px solid #ccc;}

        .posled > div table tr td:nth-child(2n){
            border-right:0;}
    }

    @media screen and (max-width:600px){
        .posled > div table tr td{
            width:100%;}

        .posled > div table tr td,
        .posled > div table tr td:nth-child(3n){
            border-right:0;}
    }


.moduletable.uslugi {
    width:100%;
    padding:30px 20px}

 .moduletable.uslugi .uslugi{
    width:100%;
    max-width:var(--size-content);
    margin:0 auto;}

.uslugi h3{
    font-family: 'Montserrat-SemiBold';
    display:table;
    width:100%;
    max-width:var(--size-content);
    text-align:left;
    font-size:25pt;
    line-height:1.2;
    margin:15px auto}

.uslugi p{
    font-family: 'Montserrat-Medium';
    font-size:16pt;
    line-height:1.2;
    margin:15px 0 15px;
    font-size:16pt;
    display:table;
    min-height:50px;
    color:#5f8f01;}

.uslugi .nspArtPage:nth-child(5) a{
    color:#fff;}

.uslugi .nspArtScroll2 {
    display:flex;
    flex-wrap:wrap;
    gap:30px}

.uslugi .nspArtPage{
    max-width:calc(33.33% - 30px*2/3);
    border-right:1px solid #ccc;
    position: relative;
    counter-increment: list;
    flex-grow:1;
    background:var(--cl-green-light);
    border-radius:15px;
    font-size:20pt;
    display:flex;
    overflow:hidden;}

.uslugi .nspArtPage:first-child{
    min-width:calc(66.666% - 10px);
    border-radius:0;}

.uslugi .nspArtPage .nspArt {
    min-width:100%;
    min-height:100%;}

.uslugi .nspArtPage .nspArt h4{
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;}

.uslugi .nspArtPage .nspArt h4 a{
    font-family: 'Montserrat-Medium';
    padding:220px 60px 30px 30px;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none; 
    color:#000;
    font-size:22pt;
    line-height:1.2;
    box-sizing: border-box; }

.uslugi .nspArtPage:nth-child(1) .nspArt h4 a,    
.uslugi .nspArtPage:nth-child(5) .nspArt h4 a{
    color:#fff;}
    
.uslugi .nspArtPage .nspArt .nspImageWrapper {
    position:absolute;
    bottom:0px;
    left:0;
    width:100%;
    display:flex;}
    
.uslugi .nspArtPage .nspArt .nspImageWrapper img{
    width:100% !important;
    height:100% !important;}
    
.uslugi > div table tr td:nth-child(3){
    background: var(--cl-green)}
    
.uslugi a.readmore {
    display: table;
    position: relative;
    padding: 0 30px 0 0;
    margin: 30px auto 15px;
    font-size:14pt;
    color:#5f8f01;
    font-family: 'Montserrat-Medium';}
    
.uslugi a.readmore:hover {
    color:var(--cl-green);}
   
.uslugi a.readmore:before {
    content: "";
    position: absolute;
    right: 0;
    top: 12px;
    width: 20px;
    height: 2px;
    border-top: 1px solid #5f8f01;}
    
.uslugi a.readmore:after {
    content: "";
    position: absolute;
    right: 1px;
    top: 9px;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 1px solid #5f8f01;
    border-right: 1px solid #5f8f01;}
    
.uslugi a.readmore:hover:before {
    border-top: 1px solid var(--cl-green);}
    
.uslugi a.readmore:hover:after {
    border-top: 1px solid var(--cl-green);
    border-right: 1px solid var(--cl-green);}
    

    @media screen and (max-width:1500px){
        .uslugi .nspArtPage .nspArt .nspImageWrapper img{
            width:140% !important;
            height:100% !important;}
            
        .uslugi .nspArtPage .nspArt h4 a{
            font-size:18pt;}
    }

    @media screen and (max-width:1400px){
        .uslugi > div table tr td{
            font-size:16pt;}
    }
    
    @media screen and (max-width:1300px){
        .moduletable.uslugi {
            padding:10px 20px}
            
        .uslugi h3{
            font-size:20pt;}

        .uslugi p{
            font-size:14pt;
            margin:15px 0 0;}
        
    }
    
    @media screen and (max-width:1200px){        
        .uslugi .nspArtPage .nspArt h4 a{
            padding:80px 20px 30px 30px;
            font-size:16pt;}
            
        .uslugi .nspArtPage .nspArt .nspImageWrapper img{
            width:100% !important;
            height:100% !important;}
    }
    
    @media screen and (max-width:1000px){
        
        .uslugi .nspArtPage{
            max-width:calc(50% - 15px);
            font-size:20pt;}

        .uslugi .nspArtPage:first-child{
            min-width:100%;}
    
        .uslugi .nspArtPage:first-child .nspArt h4 a{
            padding:180px 60px 30px 30px;}
        }
        
    @media screen and (max-width:650px){
        
        .uslugi .nspArtPage{
            min-width:100%;}
            
        .uslugi p{
            font-size:12pt;
            margin:15px 0 0px;}
            
        .uslugi .nspArtPage .nspArt h4 a,
        .uslugi .nspArtPage:first-child .nspArt h4 a{
            padding:90px 60px 30px 30px;
            font-size:14pt;}
        }

    @media screen and (max-width:700px){
        .uslugi > div table tr td{
            width:100%;
            font-size:14pt;}
    }





.moduletable.news {
    background: var(--cl-gray-light);
    padding:30px 20px;}

.moduletable.news > div{
    width:100%;
    max-width:var(--size-content);
    margin:0 auto;}

.moduletable.news h3{
    font-family: 'Montserrat-SemiBold';
    display:table;
    width:100%;
    max-width:var(--size-content);
    text-align:left;
    font-size:25pt;
    line-height:1.2;
    margin:15px auto}

.moduletable.news > div > p{
    font-family: 'Montserrat-Medium';
    font-size:16pt;
    line-height:1.2;
    margin:15px 0 0px;
    font-size:16pt;
    display:table;
    min-height:50px;
    color:#5f8f01;}

.moduletable.news a.readmore {
    display: table;
    position: relative;
    padding: 0 30px 0 0;
    margin: 0 auto;
    font-size:14pt;
    color:#5f8f01;
    font-family: 'Montserrat-Medium';}
    
.moduletable.news a.readmore:hover {
    color:var(--cl-green);}
   
.moduletable.news a.readmore:before {
    content: "";
    position: absolute;
    right: 0;
    top: 12px;
    width: 20px;
    height: 2px;
    border-top: 1px solid #5f8f01;}
    
.moduletable.news a.readmore:after {
    content: "";
    position: absolute;
    right: 1px;
    top: 9px;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 1px solid #5f8f01;
    border-right: 1px solid #5f8f01;}
    
.moduletable.news a.readmore:hover:before {
    border-top: 1px solid var(--cl-green);}
    
.moduletable.news a.readmore:hover:after {
    border-top: 1px solid var(--cl-green);
    border-right: 1px solid var(--cl-green);}
    
    

.moduletable.news .nspArtScroll2 {
    display:flex;
    flex-wrap:wrap;
    gap:0 30px;}

.moduletable.news .nspArtScroll2 .nspArtPage{
    width:calc(50% - 15px);
    padding:30px 20px}

.moduletable.news .nspArtScroll2 .nspArtPage a{
    color:#000;}

.moduletable.news .nspArtScroll2 .nspArtPage a:hover{
    color:var(--cl-link);}

.moduletable.news .nspArtScroll2 .nspArtPage .nspInfo {
    color:var(--cl-gray);}

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

        .moduletable.news h3{
            font-size:20pt;}

        .moduletable.news > div > p{
            font-size:14pt;
            margin:15px 0 0;}
        
    }

    @media screen and (max-width:800px){
        .moduletable.news .nspArtScroll2 .nspArtPage{
            width:100%;}
    }

    @media screen and (max-width:650px){
        
        .moduletable.news .nspArtScroll2 .nspArtPage{
            min-width:100%;
            padding:15px 0px;}
            
        .moduletable.news .nspArtScroll2 .nspArtPage .nspInfo{
            font-size:10pt;}
            
        .moduletable.news .nspArtScroll2 .nspArtPage a {
            font-size:12pt;}
            
        .moduletable.news > div > p{
            font-size:12pt;}
    }



.moduletable.icons{
    padding:70px 20px 60px;}

.moduletable.icons .custom{
    width:100%;
    max-width:var(--size-content);
    margin:0 auto;}

.moduletable.icons tr{
    display:flex;
    flex-wrap:wrap;
    gap:20px;}

.moduletable.icons tr td{
    background:#8a9f54;
    border-radius:6px;
    padding:10px;
    flex-grow:1;
    width:calc(20% - 20px*4/5);}
    
.moduletable.icons tr td p{
    font-size:11pt;
    text-align:center;
    margin:5px 0;
    color:#fff;}

.moduletable.icons tr td img{
    height:50px;}
    
    @media screen and (max-width:1300px){
    
        .moduletable.icons tr td{
            width:calc(33.33% - 20px*2/3);}
    }
    
    @media screen and (max-width:750px){
        
        .moduletable.icons{
            padding:50px 20px 40px;}
    
        .moduletable.icons tr td:nth-child(1){
            width:calc(50% - 10px);
            order:1;}
            
        .moduletable.icons tr td:nth-child(2){
            width:100%;
            order:3;}
            
        .moduletable.icons tr td:nth-child(3){
            width:calc(50% - 10px);
            order:2;}
            
        .moduletable.icons tr td:nth-child(4){
            width:calc(50% - 10px);
            order:4;}
        
        .moduletable.icons tr td:nth-child(5){
            width:calc(50% - 10px);
            order:5;}
    }
    
    @media screen and (max-width:550px){

        .moduletable.icons tr td:nth-child(4),
        .moduletable.icons tr td:nth-child(5){
            width:100%;
            order:4;}
    }
    
    
h1 {

    text-transform:uppercase;
    text-shadow: .3px .3px #000;
    text-align:center;
    font-size:26pt;
    margin:15px 0;}

/*h2 {
    font-size:16pt;
    margin:10px 0;
}*/

h5 {
    margin:10px 0;}
    
.com-content-article {
    padding:10px 0;
    display:table;
    width:100%;}

.com-content-article h1{
    display:none;}

.com-content-article h2{
    text-transform:uppercase;
    text-shadow:.3px .3px #000;
    font-size:20pt;
    margin:20px 0 10px;
    line-height:1.2;}
    
.com-content-article h3{
    font-size:16pt;
    text-shadow:.4px .3px #000;}
    
.com-content-article .create{
    color:var(--cl-link-hover);
    font-size:11pt;
    margin:0 0 15px;}

.com-content-article p,
.com-content-article ol,
.com-content-article ul,
.com-content-category-blog p,
.com-content-category-blog ol,
.com-content-category-blog ul{
    margin:10px 0;
    line-height:1.4;
    font-size:12pt;}

.com-content-article .item-image{
    float:right;
    margin:0 0 0 30px;
    width:30%;}

.com-content-article .item-image img{
    width:100%;
    border-radius:10px;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;}
       
.com-content-article strong{
    text-shadow:.4px .3px #000;}
    
.com-content-category-blog ul li,
.com-content-article ul li{
    margin:0 0 0 20px;
    list-style-type:circle;
}



/***** ***** ***** ***** ***** *****/



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

.com-content-category-blog .blog-item{
    width:100%;
    display:table;
    clear:both;
    margin:20px 0;
    border-bottom:1px solid var(--cl-line);
    padding:0 0 20px;}
    
.com-content-category-blog .blog-item:last-child{
    border-bottom:none;
    padding:0px;}

.com-content-category-blog .item-image{
    width:380px;
    float:right;
    margin:6px 0 10px 30px;}
    
.com-content-category-blog .item-image img{
    width:100%;
    border-radius:10px;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;}
       
.com-content-category-blog .create {
    color:#000;}
    
.com-content-category-blog h2{
    text-shadow:.3px .3px #000;
    font-size:20pt;
    margin:0px 0 10px;
    line-height:1.2;}
    
.com-content-category-blog h2 a{
    color:#000;}

.com-content-category-blog h2 a:hover{
    color:var(--cl-green);}

.com-content-category-blog .create,
.com-content-article .create{
    color:#444;
    font-size:10pt;}
    

    
    @media screen and (max-width:1000px){
        .com-content-category-blog .item-image{
            width:45%;}
    }
    
    @media screen and (max-width:700px){
        .com-content-category-blog .item-image{
            width:100%;}
            
        .com-content-category-blog h2{
            font-size:17pt;}
    } 
    
    @media screen and (max-width:700px){
        .com-content-article .item-image{
            width:100%;
            margin:0 0 10px;}
    }
    
/* Навигация */
    
    .navigation {
        width:100%;
        max-width:calc(var(--size-content) + 40px);
        margin:0 auto;
        padding:10px 20px;
        font-size:10pt;}
        
    .navigation ol{
        display:flex;
        flex-wrap:wrap;
        gap:5px 10px;}
    
    .navigation ol li{
        padding:0 10px 0 0;
        border-right:1px solid #ccc;}
    
    .navigation ol li:last-child{
        border-right:0;}
    
    .float-start {
        display:none;}
        

/* Имеются противопоказания */

.moduletable.pokazaniya h3{
    text-transform:uppercase;
    text-align:center;
    font-size:20pt;
    line-height:1.2;}
    
.moduletable.pokazaniya p{
    text-align:center;
    margin:10px 0;}
    
.moduletable.pokazaniya a{
    color:#fff;}
    
    @media screen and (max-width:1000px){
        .moduletable.pokazaniya h3{
            font-size:18pt;}
    }
    
    @media screen and (max-width:600px){
        .moduletable.pokazaniya h3{
            font-size:15pt;}
    }

.f-top {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;}

.contact,
.docs{
    width:100%;
    width:440px;
    padding:0 20px 0 0;}
    
.contact h3,
.docs h3{
    font-family: 'Montserrat-Medium';
    font-size:18pt;
    margin:10px 0;}

.contact a,
.docs a{
    font-size:12pt;
    color:#fff;}

.docs{
    padding:0 0 0 20px;
    text-align:right;}

@media screen and (max-width:950px){
    .contact,
    .docs{
        width:100%;
        text-align:left;}
        
    .docs{
        padding:10px 0 0;}
}



.price table{
    margin:20px 0;}

.price table tr td{
    padding:6px 20px 6px 0;}

.price table tr td:nth-child(1) {
    width:50px;}
    
.price table tr td:nth-child(2) {
    width:calc(100% - 190px);}
    
.price table tr td:nth-child(3) {
    width:140px;}
    
    
    
    @media screen and (max-width:600px){
        .price h2{
            font-size:16pt;}
        
        .price table{
            font-size:12pt;}
        
        .price table tr td:nth-child(1) {
            width:20px;}
    
        .price table tr td:nth-child(2) {
            width:calc(100% - 140px);}
    
        .price table tr td:nth-child(3) {
            width:110px;
            padding:6px 0;}
    }
    
    @media screen and (max-width:400px){
        
        .price table{
            font-size:11pt;}
        
        .price table tr td:nth-child(1) {
            width:10px;}
    
        .price table tr td:nth-child(2) {
            width:calc(100% - 110px);}
    
        .price table tr td:nth-child(3) {
            width:100px;
            padding:6px 0;+}
    }



.vrachi .blog-item:nth-child(odd){
    padding:30px !important;
    display:table;
    margin:20px 0;
    border-radius:15px;
    width:100%;
    background: #f3f3f3;}

.vrachi .blog-item:nth-child(even){
    padding:30px !important;
    display:table;
    margin:20px 0;
    border-radius:15px;
    width:100%;
    background: var(--cl-green-light);}

.vrachi .com-content-article strong,
.vrachi .blog-item strong{
    font-weight:600;
    font-size:14pt;}

.vrachi .com-content-article em,
.vrachi .blog-item em{
    text-shadow:0.2px 0.2px #000;
    text-transform:uppercase;}

.vrachi .blog-item .item-image {
    float:left;
    padding:0 30px 20px 0;
    margin:0;
    width:190px;}

.vrachi .blog-item .item-image img{
    width:100% !important;
    height: auto !important;}
    
.vrachi .com-content-article h1 {
    display:table;
    text-align:left;}

@media screen and (max-width:550px){
    .vrachi .blog-item .item-image {
        padding:0 0 20px;
        width:100%;}
        
    .vrachi .com-content-article h1 {
        font-size:18pt;}
}



.cookie {
    position:fixed;
    z-index:99999;
    display:table;
    bottom:15px;
    left:30px;
    width:calc(50vw - 60px);
    max-width:500px;
    background:rgb(255,255,255,1);
    -webkit-box-shadow:5px 5px 10px #000;
            box-shadow:5px 5px 10px #000;
    padding:20px 30px;
    line-height:1.2;
    border-radius:5px;
    font-size:11pt}
    
.cookie p{
    margin:5px 0 10px;
    float:left;}
    
.cookie a#cookie-agreement-button{
    display:table;
    color:#fff;
    margin:0px 0 0;
    font-weight:100;
    float:left;
    font-size: 11pt;
    border-radius: 3px;
    background: var(--cl-green);
    padding: 9px 20px 8px;
    text-transform:uppercase;
    border: none;
    outline: none;
    cursor: pointer;}
    
.cookie a#cookie-agreement-button:hover{
    background: var(--cl-green-hover);}


    @media screen and (max-width:1024px){
        .cookie {
            width:calc(100vw - 60px);}
            
        .cookie p{
            width:100%;}
            
        .cookie a#cookie-agreement-button{
            float:left;}
    }

.header-top {
    position:relative;
}
    
#specialButton {
    position:absolute;
    right:0;
    top:40px;
    max-width:100px !important;
}