* {
    border: 0pt none;
    margin: 0pt;
    outline: 0pt none;
    padding: 0pt;
    text-decoration: none;
    text-transform: none;
}

html body * div.clear, html body * li.clear, html body * dd.clear {
    background: none repeat scroll 0% 0% transparent;
    border: 0pt none;
    clear: both;
    display: block;
    float: none;
    font-size: 0pt;
    height: 0pt;
    list-style: none outside none;
    margin: 0pt;
    overflow: hidden;
    padding: 0pt;
    visibility: hidden;
    width: 0pt;
}

html, body {
    height: 100%;
}

body {
     background: rgb(0, 0, 0);  /* общий фон */
    color: #f0dddd;
    font-family: 16px/22px "Times New Roman",Tahoma,Verdana,Arial,Serif;
    
}

a {
    border-bottom: 0px solid #5B543D;
    color: rgb(255, 251, 0);
}

a:hover {
    border-bottom: 0px solid #623A42;
}

strong {
    font-weight: bold;
}

ul, li {
    display: list-item;
    list-style: none outside none;
}


h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: rgb(255, 250, 242);
    font-family: "Times New Roman",Times,serif;
    text-decoration: none;
}

h1, h1 a {
    text-align: center;
    color: rgb(233, 232, 229);
    font-size: 50px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 20px;
    margin-top: 20px;
    line-height: 1.0;
}

h2, h2 a {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 20px;
}

h3, h3 a {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 16px;
}

h4, h4 a {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 10px;
}

h5, h5 a {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 10px;
}

h6, h6 a {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
}
#Center{
    text-align: center;
}



#Wrapper {
    background: #2A3A39; /* фон посередине*/
    height: auto ! important;
    margin: 0px auto -37px;
    min-height: 100%;
    width: 978px;
}

#Pusher, #Footer {
    clear: both;
    height: 167px;
}

#Main {
    margin: 0pt auto;
    width: 978px;
}

#Header {
    background: url("./resources/123_1_1.jpg") no-repeat center transparent; /* верхняя картинка */
    object-fit: contain;
    height: 497px;
    margin: 0pt auto;
    width: 978px;
}

#Headlogotrans {
    clear: both;
    display: block;
    height: 160px;
}

.link {
    color: rgb(243, 243, 26);
    text-decoration: underline;
    font-size: 30px;
}
.link2 {
    color: rgb(243, 243, 26);
    text-decoration: underline;
    font-size: 20px;
}

#Footer {
    text-align: left;
    height: 0px;
    margin: 100px auto 50px auto;
    width: 978px;
    
}

#Footer table {
    height: 30px;
    margin: 0px auto;
}

#Footer td {
    color: #EEEEEE;
    font-size: 11px;
    line-height: 16px;
    padding: 0px 3px;
}

#Footer .bord {
    border: 6px solid #4D3A35;
    margin: 5px 5px 10px;
}

#Footer td a {
    border: 0px none;
    color: #FFFFFF;
}

#Footer .menu {
    border-top: 2px solid #5B543D ! important;
    float: left;
    margin: 30px 0px 30px 170px;
    position: relative;
    width: 600px;
}

#Footer .menu li {
    display: inline;
    float: left;
}

#Footer .menu li a {
    border-bottom: 0px none ! important;
    color: #5B543D;
    display: inline;
    margin-left: 26px;
    padding: 0pt ! important;
    text-shadow: none;
    text-transform: lowercase;
}

#Footer .menu li a:hover {
    background: none repeat scroll 0% 0% transparent ! important;
}

#SideBar {
    border: 0px solid #000000;
    display: inline;
    float: left;
    margin: 0px 0px 0px;
    width: 230px;
}



ul.menu {
    font-family: "Calibri",Arial,sans-serif;
    list-style: none outside none;
    margin: 50px 10px 0px 20px;
}

ul.menu li {
    display: block;
    margin: 0pt;
}

.menu a {
    border: 1px solid #dfc698;
    border-radius: 20px;
    color: rgb(253, 253, 253);
    display: block;
    font-size: 14px;
    line-height: 24px;
    padding: 0px 20px;
    text-transform: lowercase;
}

.menu a:hover {
    background: no-repeat scroll left center #c1941a;
    color: #FFFFFF;
}

.menu a.active {
    background: scroll left center #ae7710;
    color: #FFFFFF;
}


#Content {
    border: 0px solid #000000;
    display: inline;
    float: left;
    margin: 0px 20px 20px 30px;
    width: 660px;
}

#Content p, #Content ul, #Content ol {
    margin-bottom: 10px;
}

#Content .photo .container {
    width: 100%;
}

#Content img {
    border: 1px solid #ec660c;
    margin: 4px;
    padding: 2px;
}

#Content a img {
    border: 1px solid #ec660c! important;
    margin: 4px;
    padding: 2px;
}

#Content a:hover img {
    border: 1px solid #ec660c ! important;
    cursor: pointer;
}

table.tabl td {
    border: 1px solid;
}

.public a {
    border: 0px none ! important;
}

#Content p {
    text-align: justify;
    text-indent: 0em;
}

#Content p:first-letter {
    font-size: 120%;
}

#Content table td img {
    border: 6px solid #B1AFAF;
}

#Content table td {
    padding: 5px;
}

.way {
    font-size: 10px;
    margin-bottom: 15px;
    margin-left: 0px;
}

.way a, .way span {
    clear: both;
    font-size: 10px;
}

.way a span {
    clear: both;
    font-size: 10px;
    margin-bottom: 0px;
}

hr {
    border-bottom: 2px solid #919191;
    padding-bottom: 20px;
}

.thumb {
    display: inline;
    float: left;
    margin-bottom: 10px;
}

.thumb a img, .albom .thumb a img, .news .thumb a img {
    border: 6px solid #5B543D;
    display: block;
    padding: 2px;
}

.gallery a img {
    border: 6px solid #5B543D;
    display: inline;
    margin: 4px 0px 0px 4px;
    padding: 2px;
}


.thumb a:hover img, .photo .gallery a:hover img {
   
}

.show table td img, .show table td a img {
    display: block;
    margin-top: 0px;
    padding: 2px;
}
.w150 img, .w150 a img{
        width: 150px;
}
.w150 {
    display: inline;
    float: left;
    margin: 0px 5px;
}

.h150 {
    display: inline;
    float: left;
    font-size: 12px;
    margin: 5px 5px 5px 0px;
}

.w150 a, .h150 a {
    border: 0pt none;
}

.mn {
display:none;
}

@media (max-width: 750px){
.catalogue .block .text, .catalogue .block .text p {
   float: none;
   width: 100%;
}
.w150 img {
width:150px;
}

ul.menu {
   margin: 0px;
}

}
@media (max-width: 1000px){
    *,
    *::before,
    *::after {
         box-sizing: border-box;
    }
  
    .main-page {
         overflow: hidden;
    }
    div {
         max-width: 100%!important;
    }
    img {
         max-width: 100%!important;
         height: auto;
    }
    #SideBar {
    margin: 0px;
    background-color:#2A3A39;
}
#Wrapper {
    background: #2A3A39;
}

.mn {
display:block;
}
    #Content {
         margin: 0;
         padding: 0 10px;
         width: auto;
         margin: 10px 0;
    }
    /* слайдеш */
    .jcarousel-skin-sennen .jcarousel-container-horizontal {
         max-width: 460px!important;
         width: auto;
    }
    /* шапка */
    #Header {
         height: auto;
         
         background-position: center;
         background-size: cover;
         height:100px;
    }
    .left {
         display: none;
    }
    .right {
         float: none;
    }
    .pitomnikname {
         /* color: black; */
    }
    #HeaderMenu {
   display:none;
}
    #Headlogotrans {
         height: auto;
    }
    /* menu */
    a:active,
    a:hover {
         border: none;
    }
   
    #Photobar {
         display: none;
    }
    #SideBar {
         width: 100%;
    }




   .cd-nav-trigger {
         overflow: hidden!important;
         white-space: nowrap!important;
         color: transparent!important;
         z-index: 1!important;
         display: block!important;
         padding: 30px;
         border: 1px solid #f0c696;
         position: absolute!important;
         top: 20px;
         left: 5px;
         width: 50px;
         height: 45px;
         background-color: #eee;
         opacity:0.9;
        
    }
    .cd-nav-trigger p {
         color: #131513;
         font-size: 11px;
         position: absolute;
         top: 0px;
         left: 12px;
         text-transform: uppercase;
         margin-top: 5px;
    }
    .cd-nav-trigger span {
         position: absolute;
         height: 5px;
         width: 35px;
         top: 50%;
         left: 46%;
         margin-left: -15px;
         -webkit-transition: background-color 0.3s 0.3s;
         -moz-transition: background-color 0.3s 0.3s;
         transition: background-color 0.3s 0.3s;
         background-color: #a74118;
    }
    .cd-nav-trigger span::before {
         top: -7px;
    }
    .cd-nav-trigger span::after {
         top: 7px;
    }
    .cd-nav-trigger span::before, .cd-nav-trigger span::after {
         content: '';
         position: absolute;
         width: 100%;
         height: 100%;
         background-color: #212522;
         -webkit-transform: translateZ(0);
         -moz-transform: translateZ(0);
         -ms-transform: translateZ(0);
         -o-transform: translateZ(0);
         transform: translateZ(0);
         -webkit-backface-visibility: hidden;
         backface-visibility: hidden;
         -webkit-transition: -webkit-transform 0.3s 0.3s;
         -moz-transition: -moz-transform 0.3s 0.3s;
         transition: transform 0.3s 0.3s;
    }
    .mobile-menu {
         z-index: 0!important;
         display: none;
         position: fixed!important;
         width: 80%!important;
         min-width: 140px!important;
         padding-left: 20px!important;
         overflow: scroll!important;
         overflow-x: hidden!important;
         overflow-y: auto!important;
         padding-right: 20px!important;
         left: -80%!important;
         transition: all .4s ease-in-out;
         flex-direction: column;
         top: 0;
     }
     .mobile-menu.open-menu {
         display: flex!important;
         height: 100vh;
         position: absolute!important;
     }
     .noscroll {
         width: 100%;
         position: fixed;
         overflow-y: hidden;
         transition: all .4s ease-in-out;
     }
     .mm-slideout {
         -webkit-transform: translate3d(80%,0,0);
         transform: translate3d(80%,0,0);
         transition: all .4s ease-in-out;
         overflow: visible;
     }
    .menubarbg {
         width: 100%;
         background: none;
         margin: 0;
         border: none;
         padding: 0;
         
         overflow-y: auto!important;
    }
    .menubartop {
         width: 100%;
         background: none;
    }
    .wrapper-top {
         background: none;
    }
    ul.menu {

         margin-top: 50px;
         text-align: center;
         border: none;
         padding: 0;
    }
   
    #Content table tr {
         display: block;
    }
    #Content table td {
         display: block;
         width: 100%;
    }
    #Content table td img {
         width: auto;
         height: auto;
    }
    .photo .albom {
         width: 100%;
    }
    input, .input, .select {
         max-width: 100%!important;
         max-width: 100%;
         width: 91%;
               
    }
    .gallery ul {
         display: flex;
         flex-wrap: wrap;
    }
    .sale .w150 .caption a {
         border: none;
    }
    #Content p {
         text-align: left;
    }
    #Content > p {
         /* display: flex; */
         flex-direction: column;
    }
    #Content {
         width: 100%;
    }
    .sale .w150 {
         display: flex;
         flex-wrap: wrap;
         width: 98%;
    }
    .fatherphoto {
         width: 50%;
         text-align: center;
         margin-top: 5px;
    }
    .caption {
         order: 3;
         width: 50%;
    }
    .motherphoto {
         width: 50%;
         text-align: center;
         margin-top: 5px;
    }
    div.caption.pedigee {
         order: 4;
         width: 50%;
    }
    .sale .text {
         float: none;
         margin: 5px 0;
    }
    div.gallery > div > div.caption {
         width: auto;
    }
    .rating li a {
         height: auto;
    }
    #outerImageContainer {
         height: auto!important;
         min-height: 300px;
    }
    #Content a img {
         /* height: 150px */
    }
    #Photo > span {
         width: 240px!important;
         text-align: center;
         margin: 0 auto!important;
         display: block!important;
         padding: 0!important;
    }
    #Headlogotrans {
         max-width: 460px!important;
         margin: 0 auto;
    }

    #Content > div.news > div:nth-child(1) > div.thumb.w150 > a > img {
         height: auto;
       }
}
@media(max-width: 440px) {
    .jcarousel-skin-sennen .jcarousel-container-horizontal {
         width: 340px;
         margin: 0 auto;
    }
}
@media(max-width: 400px) {
    #Footer .menu {
         border-top: none!important;;
    }
    #Footer .menu ul {
         display: flex;
         flex-direction: column;
         margin-top: 0;
    }
    #Footer .menu li a {
         margin: 0;
    }
    #Footer {
         background: none;
    }
    #Footer > div.mrdog > div.copyright > table > tbody > tr > td:nth-child(3) {
         display: none;
    }
    .copyright {
         margin-top: 40px;
    }
    #Content p img {
         float: none!important;
    }
}
    .List1 {
    border: 0pt solid red;
    margin: 0pt; 
    outline: none 0pt;
    padding: 0pt;
    }
    .List2 {
        order: 0pt none; 
        border: 0pt solid blue;
        margin: 0pt 0pt 10px; 
        outline: none 0pt; 
        padding: 0pt; 
        color: rgb(252, 230, 230); 
        font-family: 'Times New Roman', Tahoma, Verdana, Arial, serif;"
    }