body {
    min-height: 100vh;
    margin: 0;
    overflow-x: hidden;
    font-size: 18px;
 
    color: #616161;
    line-height: 1.5;
 font-family:system-ui,arial, sans-serif
}
html {
    scroll-behavior: smooth;
}
a {
    color: #31568a;
    cursor: pointer;
}
nav li:before {content: "\20\25C8\20"}
h1, h2, h3, h4 {
            font-weight: 400;
    text-align: center;
  /*  margin: 1em;*/
}
/*h1{font-size: 1.6em}*/
/*h2{font-size: 1.5em}*/
h3{font-size: 1.4em}
h4{font-size: 1.3em}
header, footer {
    z-index: 1;
    width: 100vw;
    max-width: 100%;
    background-color: rgb(61, 106, 169);
    display:  -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgb(59, 89, 136);
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgb(174, 190, 214);
    border-radius: 10px;
}
.BreadcrumbList a {color: #68717d; font-size: smaller}
header {
    height: 350px; top: 0;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-line-pack: start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-box-shadow: #595959 1px 2px 4px 0px; 
    box-shadow: #595959 1px 2px 4px 0px;
}
.colorh {
    background-color: rgb(61, 106, 169);
    color: #eff1f7
}
.fonimg a, .colorh a {
    color: #f3f5ff;
}
header div {	padding: 5px;  -webkit-box-flex: 0;  -ms-flex: 0 1 auto;  flex: 0 1 auto;align-self: center; }
#mainpct { /*width: 350px*/
    min-width: 350px;
    max-width: 350px
}
header div:nth-child(3) {
    width: 300px;
/*    min-width: 200px;
    max-width: 350px;*/
    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    text-align: right
}
#logomv>img {
    width: 150px; height: 150px;
    opacity: 0.7;
}
footer, footer a, header div:nth-child(2) {
    color: #fff;
}
footer {
    justify-content: space-around;
    align-items: center;
}
footer ul {
    list-style-type: none;
}
footer a img {
    max-width: 30px;
    margin: 1em;
    min-width: 30px
}
footer .divflexcol div {
    text-align: center
}
section {
    padding-top: 1em;
    padding-bottom: 1em;
    position: relative;
}
.divflex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
    /*-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;*/
}
.divflex>div {
    margin-left: 10px;
    margin-right: 10px;
    -ms-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
}
.imgcol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-flex-item-align: start;
    align-self: flex-start;
    width: 10%;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -o-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.imgcol picture {
    padding: 10px;
    margin: 0 auto;
}
.imgcol img {
    width: 70px
}
header div ul {
    margin: 2em
}
#picip {
    position: absolute;
    z-index: 1;
    bottom: 25px;
    left: 220px;
    transform-style: preserve-3d;
}
#picpc {
    position: absolute;
    z-index: 0;
    bottom: 25px;
}
.colapsiblepanel {
  transition: height 1s ease , transform 0.1s ease, opacity 0.4s 0.2s ease;
     
}
.colorh .colapsiblebtn.carat-r {    color: #fff}
.colapsiblebtn div.colapsiblepanel {
      max-height: inherit;   
      opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; position: relative;
}
.colapsiblebtn.closed div.colapsiblepanel {
    max-height: 0;   position: absolute;
    opacity: 0; 
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
}
.divcnt {
    margin: 0 auto;
    max-width: 1000px;
    padding: .5em;
}
.listview {
    list-style-type: none;
    padding-inline-start: 0;
    margin-block-start: 0;
    padding-left: 0px;
}
picture img {width: 100%; height: auto}
picture.picintext, picture.picintextleft {
    display: inline-block;
    max-width: 400px;
    margin: 1em
}
picture.picintext {
    float: right
}
picture.picintextleft {
    float: left
} /***********************e*/
picture.picintext img, picture.picintextleft img {
    max-width: 100%;
    display: block;
}
.listview>li {
    display: block;
    position: relative;
    border-style: solid;
    box-sizing: border-box;
    border-color: rgba(20, 101, 170, 0.12);
    border-width: 1px;
    margin: 4px;
    padding: .5em;
    box-shadow: rgba(38, 39, 40, 0.6) 0 1px 2px;
    cursor: pointer;
    background-color: rgba(221, 235, 255, 0.1);
}
.fonimg>li {
    background-color: rgba(61, 106, 169, 0.4);
}
.listview>li:hover  {
    background-color: rgba(221, 235, 255, 0.2);
}
.listview li:before  {
    content: '';
    background-repeat: no-repeat;
    position: absolute;
    right: .5em;
    bottom: .5em;
    width: 16px;
    height: 16px;
    display: block;
    transition: transform 0.3s;
    transform: rotate(-90deg);
}
.listview>li.closed:before  {
    transform: rotate(90deg);
}
.fonimg>li:before {
    transform: none
}
.listview>li img{
    max-height: 40px;
    max-width: 40px;
    margin-right: 1em
}
p {
    text-indent: 2em
}
.tbl td {
    border-style: solid;
    padding: .3em;
    border-color: #ededed;
    border-width: 1px;
    box-sizing: border-box;
}
/*.tbl:before{content: '';background-image: url(../img/catsleep.svg);display: block;height: 150px;} */
.tbl {
    border-collapse: collapse;
    margin: 0 auto;
    max-width: 1200px;
}
.tbl > tbody > tr:nth-child(odd) {
    background-color: rgb(242, 248, 255);
}
.namekennel {
    color: rgb(67, 107, 163);
    transition: 0.5s ease-in;
    text-shadow: rgba(232, 233, 253, 0.46) 1px 1px 1px;
    font-size: 2.2vw;
    display: block;
}
.namekennel:hover {
    color: rgb(231, 236, 254);
    transform: scale(1.1);
    text-shadow: #000000b5 2px 2px 2px;
}
.smalldescr {
    font-size: .86em;
}
#formav span {
    font-size: .85em;
    color: #ccd7ff;
    padding-left: 60px;
}
#formav span.pricefornochecked {
    color: #c0c2ca
}
#formav span.priceforchecked {
    color: #ccd7ff
}
#formav h3, #formav h4 {
    text-align: left
}
.razdelsd {
    margin: 1em
}
.checkboxsm {
    vertical-align: top;
    width: 17px;
    height: 17px;
    margin: 0 3px 0 0;
}
.checkboxsm + label {
    cursor: pointer;
}
.checkboxsm:not(checked) {
    position: absolute;
    z-index: -1;
    opacity: 0;
    margin: 10px 0 0 20px;
}
.checkboxsm:not(checked) + label {
    position: relative;
    padding-left: 60px;
}
.checkboxsm:not(checked) + label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 24px;
    border-radius: 12px;
    background: #7a8098;
    box-shadow: inset 0 2px 2px 1px rgba(0,0,0,.2);
    transition: .2s;
}
.checkboxsm:not(checked) + label:after {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    width: 22px;
    height: 22px;
    border-radius: 10px;
    background: #89a7d1;
    box-shadow: 0 2px 5px rgba(0,0,0,.3);
    transition: .2s;
}
.checkboxsm.checknodisable:not(checked) + label:after {
    background: #606fa3;
    color: #CDD1DA;
}
.checkboxsm:not(checked) + label {
    color: #aeaeae;
}
.popup {
    border: 1px solid rgb(119, 160, 217); position: relative;
    overflow-y: scroll;
    padding: 1em;
    box-sizing: border-box;
    max-width: 90vw;
    background-color: rgb(239 239 239);
    z-index: 1000;
    box-shadow: rgba(0, 0, 0, 0.38) -20px 20px 9px 14px;
}
.popup .txt {
    max-width: 1000px
}
.popupimg {
    border: 1px solid rgb(119, 160, 217);
    display: none;
    z-index: 1000;
    position: absolute;
    box-shadow: rgba(0, 0, 0, 0.38) -20px 20px 9px 14px;
}
.contrast, .contrast .terminshow {
    color: #fbeb80;
}
.contrast {
    margin: auto auto;
    max-width: 80%;
    border: 1px solid #efe392;
    padding: 1em
}
.terminshow {
    text-decoration: underline
}
.terminhide {
    display: none
}
.colorh .checkboxsm:checked + label {
    color: #fff;
}
.checkboxsm:checked + label {
    color: #57697e;
}
.checkboxsm:checked + label:before {
    background: #5378ab;
}
.checkboxsm:checked + label:after {
    left: 26px;
}
.checkboxsm:focus + label:before {
    box-shadow: inset 0 2px 3px rgba(0,0,0,.2), 0 0 0 3px rgba( 80, 95, 150,0.5);
    ;
}
#mask {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
    z-index: 99;
    display: flex;
    display: none;
}
hr {
    border: none;
    height: 1px;
    margin: 2em 0;
    background-image: linear-gradient(to left, rgb(255, 255, 255), rgb(77, 93, 147));
    width: 10em;
}
hr+hr 
{
    border: none;
    height: 1px;
    margin: 0;
    margin-right: 2em;
    background-image: linear-gradient(to right, rgb(255, 255, 255), rgb(77, 93, 147));
    width: 10em;
}
.shablonprice, .noshablonprice, #menuclose {
    display: none;
}
label {
    display: inline-block
}
span {
    display: inline-block
}
span input {
    max-width: 3em
}
#panelrezult {/*position: fixed;min-height: 2em;width: 100vw;bottom: 0;left: 0;z-index: 100; background-color: #5a6aa0*/
}
#sbros, #z-work, .forma-z input[type=button] {
    background-color: #3d6aa9;
    padding: .5em;
    margin: .4em;
    border-color: #89a7d1;
    color: #d2dff2;
    font-size: .9em;
    border-style: solid;
    border-radius: .5em;
    outline: none;
    cursor: pointer;
}
.chablons {
    width: 300px;
    height: auto;
    margin: 1em;
    overflow: hidden;
    border: 2px solid #c1cdf5;
    position: relative;
    font-size: .8em;
}
.chablons picture {
    display: block;
    background: #006aff;
    position: relative;
    line-height: 0;
    width: 300px;
    height: 168px;
    overflow: hidden;
}
.chablons img {
    transition: filter 0.5s linear;
    filter: brightness(1.5) grayscale(1) opacity(0.6);
    max-width: 100%;
    transition: all 2s ease 0.2s;
}
.chablons:hover img {
    filter: none;
    transform: scale(1.2);
}
.flexdiv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.hoverchablon {
    padding: 20px;
}
.hoverchablon p {
    margin-block-start: .3em;
    margin-block-end: .3em;
}
.divright {
    position: absolute;
    display: block;
    bottom: 3px;
    right: 3px
}
.gettest {
    position: absolute;
    display: block;
    bottom: 3px;
    left: 3px
}
.divflexcol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    padding: 3px;
}
.forma-z {
    margin: 0 auto;
    border: 2px solid #d0dff8;
    padding: 10px;
}
.forma-z input, .forma-z select, .forma-z textarea {
    padding: .5em;
    outline: none;
    border-radius: 5px;
    border: 1px solid #d4d4d4;
    box-shadow: inset 1px 1px 2px 2px rgba(89, 138, 178, 0.38)
}
.forma-z input, .forma-z select {
    max-width: 280px
}
input[type='button']:active {
    color: #fff;
    border-color: #9fb0c8
}
#pssend, #pssend-w {
    margin-top: 1em
}
nav, footer ul li a {
    padding-inline-start: 0;
    margin-top: 0;

}
nav ul {
    padding-top: 1em;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    list-style-type:none
}
 nav.BreadcrumbList   a > span, nav .carat-r {
    display: block;
    margin-left: 10px;
    position: relative;
 
}
 
 nav li{
    padding-right: 20px;color: #3d6aa9;
}
nav.BreadcrumbList a > span:after {        content: '\20\00BB\20';} 
.showmaxfoto {
    cursor: pointer
}
.bold {
    font-weight: 700
}
a.curpage {
    text-decoration: none;
    font-weight: 700
}
nav .carat-r:before {
    content: '';
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    bottom: 6px;
    width: 12px;
    height: 12px;
}
#menubur {
    display: none
}
#menuburlabel {
    display: none
}
.sectionimg, .sectionimg2 {
    margin: 0;
    padding: 0;
    background-color: #3d6aa9;
}
.sectionimg img {
    width: 100vw;
    min-height: 25vw
}
.sectionimg nav a, .sectionimg {
    color: #fff
}
.sectionimg2 nav {
    max-width: 60vw
}
.sectionimg2 {
    min-height: 25vw
}
.sectionimg2 + section div h2 {
    margin-top: -8vh
}
#formav .contrast h3 {
    text-align: center
}
.contrast .terminshow {
    text-align: right;
    cursor: pointer
}
.sectionimg picture {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    height: -moz-available;
    height: -webkit-fill-available;
    height: fill-available;
}
.divimgfon {
    max-width: 1000px;
    margin: 0 auto
}
 
.carat-r:before,nav .carat-r:before {
    display: block;
    background-size: cover;
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzOCIgaGVpZ2h0PSIzOCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCIgc3R5bGU9Im92ZXJmbG93OiBoaWRkZW47Ij48cmVjdCBpZD0iYmFja2dyb3VuZHJlY3QiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHg9IjAiIHk9IjAiIGZpbGw9Im5vbmUiIHN0cm9rZT0ibm9uZSIgY2xhc3M9IiIgc3R5bGU9IiIvPgogPCEtLSBDcmVhdGVkIHdpdGggU1ZHLWVkaXQgLSBodHRwOi8vc3ZnLWVkaXQuZ29vZ2xlY29kZS5jb20vIC0tPgogPGcgc3R5bGU9IiIgY2xhc3M9ImN1cnJlbnRMYXllciI+CiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPgogIDxwYXRoIHN0cm9rZT0iIzMwNTM4MyIgaWQ9InN2Z18xIiBkPSJtMjIuNDkxNTY1NDY2MDAzNDIyLDE4LjY3MDA4NTkwODk4ODk1MiBsLTE1LjIyOTY1NywtMTYuNjk5MTg4IGwxMC4wMjk5MzEsMCBsMTUuMjI5NjU3LDE2LjY5OTE4OCBsLTE1LjIyOTY1NywxNi42OTkxNzQgbC0xMC4wMjk5MzEsMCBsMTUuMjI5NjU3LC0xNi42OTkxNzQgeiIgc3Ryb2tlLWxpbmVjYXA9Im51bGwiIHN0cm9rZS1saW5lam9pbj0ibnVsbCIgc3Ryb2tlLWRhc2hhcnJheT0ibnVsbCIgc3Ryb2tlLXdpZHRoPSI1IiBmaWxsPSIjZmZmZmZmIiBjbGFzcz0iIiBzdHJva2Utb3BhY2l0eT0iMSIvPgogPC9nPgo8L3N2Zz4=);
}
.bg1webp, .bg1jpg, .bg2webp, .bg2jpg {
    background-size: cover;
    background-position: top right;
    background-repeat: no-repeat;  
}

.bg1webp { min-height: 45vh;background-position: center right;
    background-image: url(/img/siteforkennel.webp);
}
.bg1jpg {  min-height: 45vh;background-position: center right;
    background-image: url(/img/siteforkennel.jpg);
}
.bg2webp {
    background-image: url(/img/kalculatorsite.webp);
}
.bg2jpg {
    background-image: url(/img/kalculatorsite.jpg);
}
#vb_mb {
    display: none;
}
#vb_pc {
    display: inline-block;
}
.i-delete:after {
    content: "";
    cursor: pointer;
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    background-position: center center;
    background-repeat: no-repeat;
    right: 0;
    top: 0;
}
#menuclose:after, .i-delete:after {
    background-color: rgb(65, 92, 146);
    background-image : url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHdpZHRoPSIxOSIgaGVpZ2h0PSIxOSIgc3R5bGU9Im92ZXJmbG93OiBoaWRkZW47Ij48cmVjdCBpZD0iYmFja2dyb3VuZHJlY3QiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHg9IjAiIHk9IjAiIGZpbGw9Im5vbmUiIHN0cm9rZT0ibm9uZSIvPjxkZWZzPjxwYXRoIGQ9Ik0xOS4yNyAxLjI3QzE5LjY3IDEuNjcgMTkuNjcgMi4zMyAxOS4yNyAyLjczQzE1LjgyIDYuMTggNi4yMiAxNS43OCAyLjc3IDE5LjIzQzIuMzUgMTkuNjUgMS42NSAxOS42NSAxLjIzIDE5LjIzQzAuOTggMTguOTggMC45NCAxOC45NCAwLjY3IDE4LjY3QzAuMyAxOC4zIDAuMyAxNy43IDAuNjcgMTcuMzNDNC4xNCAxMy44NiAxMy44MiA0LjE4IDE3LjI3IDAuNzNDMTcuNjcgMC4zMyAxOC4zMyAwLjMzIDE4LjczIDAuNzNDMTguOTggMC45OCAxOS4wMiAxLjAyIDE5LjI3IDEuMjdaIiBpZD0iZzFtTUVJdmFuTCIvPjxwYXRoIGQ9Ik0xOS4zOCAxNy4zOEMxOS43MiAxNy43MiAxOS43MiAxOC4yOCAxOS4zOCAxOC42MkMxOS4xMSAxOC44OSAxOSAxOSAxOC43NSAxOS4yNUMxOC4zNCAxOS42NiAxNy42NiAxOS42NiAxNy4yNSAxOS4yNUMxMy44IDE1LjggNC4yMiA2LjIyIDAuNzcgMi43N0MwLjM1IDIuMzUgMC4zNSAxLjY1IDAuNzcgMS4yM0MxLjAyIDAuOTggMC45NiAxLjA0IDEuMiAwLjhDMS42NCAwLjM2IDIuMzYgMC4zNiAyLjggMC44QzYuMjQgNC4yNCAxNS45MSAxMy45MSAxOS4zOCAxNy4zOFoiIGlkPSJqdWJVanJwcloiLz48L2RlZnM+PGcgY2xhc3M9ImN1cnJlbnRMYXllciIgc3R5bGU9IiI+PHRpdGxlPkxheWVyIDE8L3RpdGxlPjxnIGlkPSJzdmdfMSIgY2xhc3M9IiI+PGcgaWQ9InN2Z18yIj48ZyBpZD0ic3ZnXzMiPjx1c2UgeGxpbms6aHJlZj0iI2cxbU1FSXZhbkwiIG9wYWNpdHk9IjEiIGZpbGw9IiNmZmZmZmYiIGZpbGwtb3BhY2l0eT0iMSIgaWQ9InN2Z180IiB5PSItMC40MzAwMDAwMDcxNTI1NTc0IiB4PSItMC4zOTI1MDAwMTMxMTMwMjE4NSIvPjwvZz48ZyBpZD0ic3ZnXzUiPjx1c2UgeGxpbms6aHJlZj0iI2p1YlVqcnByWiIgb3BhY2l0eT0iMSIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1vcGFjaXR5PSIxIiBpZD0ic3ZnXzYiIHk9Ii0wLjQzMDAwMDAwNzE1MjU1NzQiIHg9Ii0wLjM5MjUwMDAxMzExMzAyMTg1Ii8+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==);
}
.btntop, .btnup {
    position: fixed;
    background-repeat: no-repeat;
    opacity: .4;
    background-size: contain;
    right: 1em;
    width: 3em;
    height: 2em;
    background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiIHdpZHRoPSI2MCIgaGVpZ2h0PSIyNCIgc3R5bGU9Im92ZXJmbG93OiBoaWRkZW47Ij48cmVjdCBpZD0iYmFja2dyb3VuZHJlY3QiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHg9IjAiIHk9IjAiIGZpbGw9Im5vbmUiIHN0cm9rZT0ibm9uZSIgY2xhc3M9IiIgc3R5bGU9IiIvPjxkZWZzPjxwYXRoIGQ9Ik00NSAxMS43N0w2MCAyMy41NEwzMCAyMy41NEwwIDIzLjU0TDE1IDExLjc3TDMwIDBMNDUgMTEuNzdaIiBpZD0iYzJISUozYnFKSCIvPjxjbGlwUGF0aCBpZD0iY2xpcGFRMHF0bWtrWiI+PHVzZSB4bGluazpocmVmPSIjYzJISUozYnFKSCIgb3BhY2l0eT0iMSIgaWQ9InN2Z18xIi8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xhc3M9ImN1cnJlbnRMYXllciIgc3R5bGU9IiI+PHRpdGxlPkxheWVyIDE8L3RpdGxlPjxnIGlkPSJzdmdfMiIgY2xhc3M9IiI+PGcgaWQ9InN2Z18zIj48ZyBpZD0ic3ZnXzQiPjx1c2UgeGxpbms6aHJlZj0iI2MySElKM2JxSkgiIG9wYWNpdHk9IjEiIGZpbGw9IiM0MTVjOTIiIGZpbGwtb3BhY2l0eT0iMC43NCIgaWQ9InN2Z181Ii8+PGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXBhUTBxdG1ra1opIiBpZD0ic3ZnXzYiPjx1c2UgeGxpbms6aHJlZj0iI2MySElKM2JxSkgiIG9wYWNpdHk9IjEiIGZpbGwtb3BhY2l0eT0iMCIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjYiIHN0cm9rZS1vcGFjaXR5PSIwLjc2IiBpZD0ic3ZnXzciLz48L2c+PC9nPjwvZz48L2c+PC9nPjwvc3ZnPg==);
}
.btnup {
    bottom: 1em;
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
}
.btntop {
    bottom: 3em;
}
.divflexcol label,.divflexcol input, .divflexcol textarea, .divflexcol select {display: block;width: 100%}
.pkshowsite{padding: 1em ;background-color: #000; max-width: 640px; height: 360px;border-radius: 5px;box-sizing: border-box;overflow: hidden;outline: none;}
.pkshowsite+img {max-width: 640px; width: 100%;    height: auto;}
.foneshowsite {border: 2px solid #a8b1bd; padding-bottom:1.5em; padding-top: .3em;  padding-right:   .3em ; padding-left:  .3em ;background-color: #fff; max-width: 180px; height: 300px;border-radius: 7px;box-sizing: border-box;overflow: hidden;outline: none;display: block}
.imgsh {width: 100%;height: 100%; overflow-y: scroll;border: 1px solid #a8b1bd;border-radius: 4px;display: block} 
.imgsh::-webkit-scrollbar {    width: 1px;}
.foneshowsite  .knopka{display: block; width: 15px;height:15px; margin: 5px auto;;border: 1px #616161 solid; border-radius: 5px}
@media screen and (min-width: 1000px) {

    #picip.revealator-slideleft {
        transition: all 1000ms;
        transform: translate(-500px, 0);
    }
    #picip.revealator-slideleft.revealator-within {
        transform: translate(0, 0) perspective(200px) rotateX(-15deg);
        opacity: 1;
    }
    #picip.revealator-slideleft.revealator-within.perspective {
        transform: translate(0, 0);
        opacity: 1;
    }
    #picip {
        left: 220px
    }
    
}

@media  (max-width: 1400px) {
    .flexdiv ,.divflex{
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
        justify-content: space-around;
        -ms-flex-line-pack: start;
        -webkit-align-content: flex-start;
        align-content: flex-start;
    }
    .divflex{ -ms-flex-flow: row wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap;}
    .bg1webp {
        background-image: url(/img/siteforkennel-1400.webp);
    }
}

@media screen and (max-width: 1000px) {
    header > div:nth-child(2) > h1 {	margin: .4em;}
    header {
        height: 250px;
    }
    #picip {
        left: 120px
    }
    #mainpct {
        max-width: 200px;
        min-width: 200px
    }
    .namekennel {
        font-size: 1.5em;
    }

    .imgcol {
        width: 80px
    }
    .imgcol img {
        width: 50px;
    }
    #vb_mb {
        display: inline-block;
    }
    #vb_pc {
        display: none
    }
}

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

    header div:nth-child(1) {
        display: none;
    }
    .divimgfon {
        margin: 0 auto;
        max-width: 100%
    }
    .sectionimg {
        background-color: rgb(85, 123, 175)
    }
    .pkshowsite{  max-width: 480px; height:  270px; }
    .pkshowsite+img {max-width: 480px; width: 100%}
}

@media (max-width: 400px) {
    .listview li, .listview ul {
        padding: 5px 1px;
        padding-inline-start: 20px;
    }
    .colapsiblebtn div.colapsiblepanel {
        padding: 5px
    }
}

@media (max-width: 600px) {
.BreadcrumbList>span >a{line-height: 2.5}
    .pkshowsite{  max-width: 320px; height:  180px; }
    .pkshowsite+img {max-width: 320px; width: 100%}
    .foneshowsite { max-width: 120px; height: 180px;}
    #menubur {
        opacity: 0
    }
    .popup .txt {
        max-width: 1000px;
        font-size: .85em
    }
    #menuburlabel, #menuclose {
        position: fixed;
        top: .5em;
        right: .5em;
        width: 3em;
        height: 3em;
        display: block;
        z-index: 2;
    }
    #menuburlabel:after, #menuclose:after {
        content: "";
        position: absolute;
        background-size: 34px 34px;
        margin-top: -22px;
        margin-left: -22px;
        border-radius: 0em;
        left: 50%;
        top: 50%;
        background-position: center center;
        background-repeat: no-repeat;
        width: 44px;
        height: 44px;
        background-color: rgba(65, 92, 146, 1);
    }
    #menuburlabel:after {
        z-index: 3;
        display: block;
        background-image : url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M1%2C4h12c0.553%2C0%2C1-0.447%2C1-1s-0.447-1-1-1H1C0.447%2C2%2C0%2C2.447%2C0%2C3S0.447%2C4%2C1%2C4z%20M13%2C6H1%20C0.447%2C6%2C0%2C6.447%2C0%2C7c0%2C0.553%2C0.447%2C1%2C1%2C1h12c0.553%2C0%2C1-0.447%2C1-1C14%2C6.447%2C13.553%2C6%2C13%2C6z%20M13%2C10H1c-0.553%2C0-1%2C0.447-1%2C1%20s0.447%2C1%2C1%2C1h12c0.553%2C0%2C1-0.447%2C1-1S13.553%2C10%2C13%2C10z%22%2F%3E%3C%2Fsvg%3E");
    }
    #menuclose:after {
        display: none;
        opacity: 0;
        transition: 1s ease-in-out;
        z-index: 3;
    }
    #menubur:checked+label+label+nav {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
        z-index: 2;
    }
    #menubur:checked+label+label {
        display: block;
        z-index: 3;
    }
    #menubur:checked+label+label:after {
        display: block;
        transform: none;
        opacity: 1;
    }
    header {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        -o-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    header div:nth-child(1) {
        display: none;
    }
    footer {
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    footer li {
        margin-top: .5em
    }
    picture.picintext, picture.picintextleft {
        display: block;
        margin: 0 auto;
        float: none;
        max-width: 300px
    }
    picture.picintext img, picture.picintextleft img {
        max-width: 100%;
        display: block;
    }
    .imgcol {
        width: 40px
    }
    .imgcol img {
        width: 35px;
    }
    .imgcol picture {
        padding-left: 3px;
        padding-right: 3px
    }
    .divflex>div {
        margin-left: 3px;
        margin-right: 3px;
        margin-top: 15px;
    }
    .tbl td {
        display: block;
        width: 100%;
        float: none;
        position: relative;
        border-width: 0;
    }
    .tbl td:nth-child(3) {
        font-size: .9em;
        padding-left: 10px;
        color: #5f6a90
    }
    .tbl > tbody > tr> td:nth-child(1) {
        background-color: rgb(61, 106, 169);
        color: #fff
    }
     
    header div:nth-child(3) {
        
    }

    #logomv>img {
              width: 100px;
        height: 100px;
    }
    .namekennel {
        font-size: 1em;
    }
    h1 {
        font-size: 1.5em;
        line-height: 1.2em
    }
    .sectionimg2 nav {
        max-width: 80vw;
    }
    nav.menu {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: fixed;
        overflow-y: scroll;
        max-width: 80vw;
        top: 0;
        right: 0;
        width: 80vw;
        height: 100%;
        padding: 3em 0;
        -webkit-transition-duration: .5s;
        -o-transition-duration: .5s;
        transition-duration: .5s;
        -webkit-transition-delay: 0.1s;
        -o-transition-delay: 0.1s;
        transition-delay: 0.1s;
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center;
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0);
        opacity: 0;
        background-color: rgb(103, 140, 192);
        -webkit-box-shadow: -3px -3px 16px 5px #000000b3;
        box-shadow: -3px -3px 16px 5px #000000b3;
    }
    nav li {
        margin: 1em .03em;
        padding-right: 0;
        width: 100%; 
    }
    nav li a {
        color: #fff
    }
    nav ul {padding-inline-start: 1em;}
    .sectionimg picture {
        width: -webkit-fill-available;
        height: auto;
        bottom: auto;
        right: auto
    }
    header div ul {
        margin: 5px
    }
    nav .carat-r:before {
        left: 0
    }
    .bg1webp {
        background-image: url(/img/siteforkennel-420.webp);
    }
    .bg1jpg {
        background-image: url(/img/siteforkennel-420.jpg);
    }
    .bg1webp .fondark, .bg1jpg .fondark {
        background-color: rgba(61, 106, 169, 0.7);
    }
}