@import url(reset.css);

@font-face {
font-family: SegoePrint;
src: url(../fonts/SegoePrintRegular.ttf);
} 

@font-face {
font-family: Roboto Condensed;
src: url(../fonts/RobotoCondensed-Bold.ttf);
} 

html {  height: 100%;  background-color: #fff;}
body {width: 100%;  background-attachment:fixed; color: #709CAC; min-height: 100%;background: url(../images/bg_osnova.jpg);}
.clear { clear: both;}
.href_index { color: #4f7180; }
/*logo_blok*/
.header_wrapper {width: 100%;  border-top: 3px solid #87B7C7;}
.header { max-width: 1185px; margin: 0 auto;}
.logo_blok { display: inline-block;}
    .logo_img {float: left;}
    .logo_blok h1 { margin: 2px 0 0 5px; display: inline-block;}
        .logo_blok h1 a img {margin-bottom: 10px;}
        .logo_blok h1 a { font-family:'SegoePrint', sans-serif; text-decoration: none; font-size: 24px; color: #587c8d;}
        .logo_blok h1 a span { margin-left: -210px; font-weight: bold; color: #709CAC;} 
    .contact_header {float: right; text-align: right; padding-right: 10px;}
         .contact_header a { color :#709CAC; display: inline-block; margin: 5px 0px 10px 15px; font-size: 22px;}
            .contact_header a:hover { color: #40555E;}
         .contact_header p { font-family:'Roboto Condensed', sans-serif; font-size: 24px;}
         
/* menu */         
   .nav {margin: 3px auto 20px auto; font-family:'Roboto Condensed'; display: block; height: auto; max-width: 1185px; text-transform: uppercase; border-bottom: 3px solid; border-top: 3px solid;}
   #nav { clear: both; position: relative;}    
        .nav {padding: 3px 0;}
        .nav li a {font-size: 23px; color: #709CAC;}
    .menu {position: relative; display: table; width: 100%; height: 50px;}
    .menu li {display: table-cell; position: relative; border-right: 2px solid; z-index:100;}
        .last-child { border-right: none!important;}
    .menu li ul { display: none; position: absolute; width: 100%; margin: 0px; padding: 0px;}
        .menu li a { text-decoration:none; display: block; position: relative; width: 100%; height: 100%; text-align:center; line-height: 50px;}
            .menu ul li a {line-height: 40px;}
        .menu li ul li { display: block; }
        .menu li:hover ul { display: block; }
        .menu li a:hover,
        .menu li:hover > a{color:#417D8F;}
        .menu ul li a { text-align: left; font-size:20px; display:block; color:#000; border-left:1px solid; border-bottom: 1px solid #000; padding: 0 5px; margin-left: -1px; min-width: 200px;}
            .menu ul { display: none; margin: 0; padding: 0; width: 150px; position: absolute; left: 0px;}
                .menu li:hover > ul{ display: block;}
            .menu ul li {display:block;float: none; background:none; margin:0; padding:0;}
    .mobile-menu{ font-family:'Roboto Condensed_bold', sans-serif; color: #597D8D; text-decoration: none; display:none; max-width:100%; padding:11px 11px 6px 11px; text-transform:uppercase; font-size: 21px; letter-spacing: 1px; text-align: center; margin-top: 6px; border-top: 2px solid;}
        .mobile-menu:hover{ color: #587C8D; }
    #nav ul {left: -9999px;overflow: hidden;top: -9999px;z-index: 2;-moz-transform: scaleY(0);-ms-transform: scaleY(0);
            -o-transform: scaleY(0);
            -webkit-transform: scaleY(0);
            transform: scaleY(0);
            -moz-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            -o-transform-origin: 0 0;
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
            -moz-transition: -moz-transform 0.1s linear;
            -ms-transition: -ms-transform 0.1s linear;
            -o-transition: -o-transform 0.1s linear;
            -webkit-transition: -webkit-transform 0.1s linear;
            transition: transform 0.1s linear;}
        #nav li:hover ul.subs { left: 0; top: 53px; width: 180px;
            -moz-transform: scaleY(1);
            -ms-transform: scaleY(1);
            -o-transform: scaleY(1);
            -webkit-transform: scaleY(1);
            transform: scaleY(1);}
        #nav ul li { background: none; width: 100%;}
        #nav ul li a { float: none;}
        #nav ul li:hover > a {color: #7E9BAA;}
        #lavalamp { margin-left:-10px; margin-top: -4px;  width: 5px; left:50%; content: ""; border-top:3px solid #417D8F; border-left:8px solid transparent; border-right:8px solid transparent; height: 16px; left: 15px; position: absolute; top: 0px;
                    -moz-transition: all 300ms ease;
                    -ms-transition: all 300ms ease;
                    -o-transition: all 300ms ease;
                    -webkit-transition: all 300ms ease;
                    transition: all 300ms ease; }
        #lavalamp:hover {-moz-transition-duration: 3000s;
                        -ms-transition-duration: 3000s;
                        -o-transition-duration: 3000s;
                        -webkit-transition-duration: 3000s;
                        transition-duration: 3000s;}
        #nav li:nth-of-type(1):hover ~ #lavalamp {
        left: 15px;
        }
        #nav li:nth-of-type(2):hover ~ #lavalamp {
        left: 75px;
        }
        #nav li:nth-of-type(3):hover ~ #lavalamp {
        left: 150px;
        }
        #nav li:nth-of-type(4):hover ~ #lavalamp {
        left: 237px;
        }
        #nav li:nth-of-type(5):hover ~ #lavalamp {
        left: 340px;
        }
        #nav li:nth-of-type(6):hover ~ #lavalamp {
        left: 440px;
        }
        #nav li:nth-of-type(7):hover ~ #lavalamp {
        left: 582px;
        }
        #nav li:nth-of-type(8):hover ~ #lavalamp {
        left: 755px;
        }
        #nav li:nth-of-type(9):hover ~ #lavalamp {
        left: 868px;
        }
        #nav li:nth-of-type(10):hover ~ #lavalamp {
        left: 970px;
        }
        #nav li:nth-of-type(11):hover ~ #lavalamp {
        left: 1110px;
        }
        .top-curs:before{ content:""; position:absolute; width:80%; height:10px; left:10%;}
        .top-curs:after{ content:""; position:absolute; width:0; height:0; top:0px; border-top:12px solid  #417D8F; border-left:8px solid transparent; border-right:8px solid transparent; margin-left:-8px; left:50%;}

.fluid_container_wrapper { width: 100%; overflow: hidden; margin-top: -20px;}
    
    .shadom {max-width: 1185px; height: 1px; background-color: #4a6a79; box-shadow: 0 3px 3px #4a6a79; margin: -56px auto 10px auto; }
    
    /*content*/
    .content, .content_index { z-index: 22; box-shadow: 0 8px 5px -5px; max-width: 1185px; margin: 0 auto; min-height: 470px; position: relative; font-family: Georgia,Times New Roman,Tahoma,sans-serif; font-style: italic; color: #7E9BAA; background:url(../images/flower.png) no-repeat bottom right;}
    .title_index { font-size: 30px; text-align: center; margin-bottom: 10px; margin-top: 20px; color: #597D8D;}
    .flower, .flower_contact {position: absolute; bottom: 0; right: 0; height: auto; opacity: 0.6;}
    .content_index p { font-size: 20px; text-align: justify; text-indent: 25px; line-height: 1.1em; letter-spacing: 1px; color: #597D8D; padding-bottom: 15px;}
        .author {text-align: right!important; margin-top: 5px; font-size: 16px; color: #597D8D;}
        .author1 { text-align: right!important; padding-bottom: 10px!important; font-size: 16px; color: #597D8D;}
    /*news*/
    .news { overflow: hidden; z-index: 11; box-shadow: 0 8px 5px -5px #476674; max-width: 1185px; margin: 0 auto; background-color: #87B7C7; color: #fff; font-family: Georgia,Times New Roman,Tahoma,sans-serif; font-style: italic;}
        .h2_news { text-shadow: 1px 1px 1px #000; text-align: center; font-size: 28px; padding-top: 10px; color: #fff;}
        .cat_news { position: absolute; bottom: 0px; right: 10px; width: 6%;}
            .cat_news_post { position: absolute; bottom: -95px; right: 10px; width: 7%;}
    .wrapper_news_new {width: 50%; float: left;}
        .news_new { padding: 15px 35px 20px 25px;}
        .wrapper_news_new img { box-shadow: 1px 1px 4px 3px #40555e; margin-bottom: 40px; padding: 5px; background-color: #fff; border: 3px solid #597d8d; border-radius: 2px; float: left; width: auto; height: 140px;  margin-right: 15px;}
    .news h4 { color: #40555e; font-size: 20px; padding-bottom: 5px; text-shadow: 1px 1px 1px #fff;}
    .news p, .news a  {text-align: justify; letter-spacing: 0.1em; line-height: 1.1;}
    .news a { color: #496876; text-decoration: none;}
    .news a:hover { text-shadow: 1px 1px 1px #fff;}
    .date_news { margin-top: 5px; font-size: 14px;}
    

    /*footer*/
    .footer {max-width: 1185px; margin: 0 auto; background-color: #709cac; color: #fff; min-height: 60px;  position: relative; box-shadow: 1px -1px 3px 1px #597D8D;}
        .footer p { font-family: Georgia,Times New Roman,Tahoma,sans-serif; font-style: italic; font-size: 16px; margin-left: 25px; padding-top: 20px;}
        .footer a { color: #fff;}
    
    /*subsidiary_str*/
    .title_subsidiary, .title_subsidiary a { font-size: 22px; margin-top: -10px; text-decoration: underline; color: #7E9BAA;}
        .title_subsidiary a:hover { color: #597d8d;}
    .shadom_subsidiary { max-width: 1185px; height: 2px; box-shadow: 0 3px 3px #7E9BAA; margin: -24px auto 20px auto; }
    .content_subsidiary_h2 { font-size: 28px; text-align: center; margin-top: 10px; font-style: normal; color: #597D8D;}
    .content_subsidiary_h2 img{ width: 6%; height: auto;}
    
    
    /*contact*/
    .text { text-align: center; margin-top: 10px; font-size: 20px;}
    .wrapper_contact, .wrapper_form_contact { width: 45%; margin-top: 10px;}
    .wrapper_contact { display: inline-block;}
    .contact_person { margin-left: 10px;}
        .contact_person h3 { font-size: 23px; margin-bottom: 5px; text-align: center;}
        .contact_person p { font-size: 19px; margin-bottom: 7px; text-align: center;}
        .facebook { border: 2px solid #7d9aa9; margin-left: 5px; margin-right: 10px; padding: 5px 12px; color: #fff; border-radius: 22px; background: #7d9aa9;}
        .vk { border: 2px solid #7d9aa9; padding: 6px 7px; color: #fff; border-radius: 22px; background: #7d9aa9;}
            .facebook:hover, .vk:hover { background: #40555E;} 
        .soc_seti { margin-top: 15px;}
    .wrapper_form_contact { float: right;}
    /*form_contact*/
    #cor5 {	border-radius: 5px;	-moz-border-radius: 5px; -webkit-border-radius: 5px;}
    .sidebarForm h4 { font-size: 22px; text-align: center;}
    .sidebarForm .input { max-width: 100%; overflow: hidden; margin: 5px 0 10px 10px; box-shadow: 0 0 5px #7E9BAA; -webkit-box-shadow: 0 0 5px #7E9BAA;	-moz-box-shadow: 0 0 5px #7E9BAA;}
    .sidebarForm .input input { font-family:'PFDinTextCompProLight'; font-size: 18px; width: 100%; height: 30px; padding: 0px 8px; color: #7E9BAA; border: none;}
    .sidebarForm .textarea { font-family:'PFDinTextCompProLight'; font-size: 18px;	min-height: 100px; width: 98%;	overflow: hidden; margin: 5px 0 10px 10px; box-shadow: 0 0 5px #7D9AA9;	-webkit-box-shadow: 0 0 5px #7D9AA9; -moz-box-shadow: 0 0 5px #7D9AA9;}
    .sidebarForm .textarea textarea { font-family:'PFDinTextCompProLight'; font-size: 18px; color: #7E9BAA; width: 97%; height: 66px;	border: none; resize:none; padding: 3px 8px 0 8px;}
    .sidebarForm button { border: 2px solid #7D9AA9; width: 150px; height: 25px; font-size: 20px; color: #FFFFFF; background-color: #7D9AA9; padding-bottom: 30px; margin: 10px 0 0 10px; cursor: pointer; border-radius: 5px;}
        .sidebarForm button:hover { background: #40555E;}
    
    
    /*blok_news*/
    .content_news { z-index: 22; max-width: 1185px; margin: 0 auto; min-height: 470px; position: relative; font-family: Georgia,Times New Roman,Tahoma,sans-serif; font-style: italic; color: #7E9BAA;}
    .blok_news { position: relative; overflow: hidden; width: 47%; height: 200px; float: left; margin: 1%; background: rgba(255, 255, 255, 0.5); box-shadow: 0 8px 5px -5px; border: 1px solid #597D8D;}
        .blok_news img { width: auto; height: 50%; float: left; display: block; padding: 4px; margin: 0 10px 10px 10px; background: #96B6C5; border: 1px solid #597D8D; box-shadow: 1px 1px 4px 2px #597d8d; margin-bottom: 6px;}
        .blok_news h4 { min-height: 41px; border-bottom: 1px solid #597D8D;  color: #fff; text-shadow: 2px 2px 2px #40555e; font-size: 20px; padding-bottom: 1px; padding-top: 3px; text-align: center; margin-bottom: 12px; background: #709CAC; box-shadow: 0 2px 3px 0px #40555e;}
        .blok_news a { text-decoration: none;}
        .news_contents { font-size: 16px; line-height: 1.2em; color: #7E9BAA; text-align: justify; margin: 0 10px 0 10px;}
        .date_news_1 { margin-right: 8px; background: rgba(255, 255, 255, 1); float: left; color: #7E9BAA; font-size: 26px; font-style: normal; margin-top: -5px; padding: 2px; text-align: center;}
            .date_news_1 span  { font-size: 18px; line-height: 1.1em;}
        .fog { background: rgba(112, 156, 172, 0.88); position: absolute; bottom: 0; color: #fff; font-size: 14px; display: block; padding: 3px 3px 3px 25px; width: 100%;}
        .arhiv_news { margin: 10px 0 25px 0; font-size: 18px; text-align: center;}
            .arhiv_news a { color: #597D8D; display: inline-block;}
    .blok_news_post { width: 80%; float: left; margin-top: 10px;}  
    .news_limit_5 { width: 20%; float: right; margin-top: 10px;} 
    .title_news_post { font-size: 23px; text-align: center; margin-bottom: 10px; text-decoration: underline; color: #597d8d;} 
        .blok_news_post img { width: auto; max-height: 300px; float: left; padding: 4px; margin: 15px 20px 10px 10px; background: #96B6C5; border: 1px solid #597D8D; box-shadow: 1px 1px 4px 2px #597d8d;}    
        .news_contents_post { font-size: 18px; line-height: 1.2em; color: #7E9BAA; text-align: justify; margin: 20px;}
        .date_news_post { text-align: right; margin-right: 25px; margin-bottom: 20px;}
        .link_step { text-align: right; display: block; color: #597d8d; margin-right: 25px;}
            .link_step_arhiv { text-align: center; display: block; color: #597d8d; margin: 10px;}
    .blok_news_right {background: #fff none repeat scroll 0 0; border: 2px solid; height: 180px; margin-bottom: 10px; overflow: hidden; padding: 3px 3px 6px; position: relative;}    
          .blok_news_right a  { text-decoration: none;}  
          .date_news_right { background: #709CAC none repeat scroll 0 0; color: #fff; margin-bottom: 1px; padding: 3px; text-align: center;}
          .title_news_right { background: #fff none repeat scroll 0 0; color: #597d8d; font-size: 18px; margin-top: 1px; text-align: center; margin-bottom: 5px;}
          .news_contents_right { color: #7e9baa; font-size: 14px; margin-top: 1px; padding-left: 5px; padding-right: 5px; text-align: justify;}
    .fog_right { background: #709CAC none repeat scroll 0 0; bottom: 0; color: #fff; margin-bottom: 0; margin-top: 1px; padding: 2px; position: absolute; right: 0; text-align: center; width: 100%;}      
     
     /*cat*/
     .siti_a { text-align: center;}
     .siti_a a { color: #597D8D; text-decoration: none; border: 1px solid #427e8f; padding: 3px 5px; font-style: normal;}
     .siti_a_footer a { color: #7E9BAA; text-decoration: none; border-bottom: 1px solid #fff;}
     .siti_a_footer { padding-bottom: 10px; text-align: center;}
     .siti_head_main { font-size: 23px; text-align: center;  cursor: pointer; color: #597D8D;}
        .siti_head { font-size: 19px; cursor: pointer; line-height: 1.3em; margin-top: 15px; display: inline-block;}
            .siti_head:hover { transition: all 280ms ease-in-out; background: #709CAC; text-shadow: 2px 1px 1px #000; color: #fff;}
     .siti_footer { font-size: 19px; margin-bottom: 10px; cursor: pointer; display: inline-block;}
            .siti_footer:hover { color: #597D8D; border-bottom: 1px solid;}
     .content_cat, .content_kittens { z-index: 22; max-width: 1185px; margin: 0 auto; min-height: 470px; position: relative; font-family: Georgia,Times New Roman,Tahoma,sans-serif; font-style: italic; color: #7E9BAA; background:url(../images/flower.png) no-repeat bottom right; background-position: ;}     
     .cat_men { width: 90%; margin: 25px auto; height: 370px; border-bottom: 1px dashed; }
     .name_cat_min { display: none; font-size: 35px; color: #597D8D; margin-bottom: 5px; margin-top: 9px; text-align: center;}
        .foto_cats { width: 30%; position: relative; float: left;}
            .rama { position: absolute; bottom: -21px; left: 15px;}
            .main_foto { padding: 5px; background: #96B6C5; border: 2px solid #597D8D; margin-left: 50px;}
        .about_cat { width: 58%; color: #597D8D; font-size: 20px; line-height: 1.4em; float: right;}
            .name_cat { font-size: 35px; color: #597D8D; margin-bottom: 10px; margin-top: 4px;}
            .about_cat p i { color: #7E9BAA;} 
        .href_big { background: #7E9BAA; border: 2px solid #597d8d; color: #fff; display: inline-block; margin-top: 20px; padding: 5px 10px; text-decoration: none;}
            .href_big:hover { background: #597d8d; border: 2px solid #7E9BAA;}
        .href_big_cat { background: #7E9BAA; border: 2px solid #597d8d; color: #fff; display: inline-block; margin-top: 5px; padding: 5px 10px; text-decoration: none;}
            .href_big_cat:hover { background: #597d8d; border: 2px solid #7E9BAA;}
        .href_small { display: none; background: #7E9BAA; border: 2px solid #597d8d; color: #fff; margin-top: 20px; padding: 5px 10px; text-decoration: none;}
            .href_small:hover { background: #597d8d; border: 2px solid #7E9BAA;}
     .flower_cat {position: absolute; bottom: -11px; right: 0; height: auto; opacity: 0.6;}   
     .personal_page_wrapper  { width: 80%; margin: 10px auto; overflow: hidden;} 
        .description { color: #7E9BAA; font-size: 18px; text-align: justify; line-height: 1.4em; text-indent: 15px; margin-bottom: 15px; letter-spacing: 0.1em;}
		.gallery li {display: block; float: left; margin: 4px 6px;}
		  .gallery li a img { background: #96b6c5 none repeat scroll 0 0; border: 2px solid #597d8d; width: auto; height: 130px; padding: 3px;}
		.test { background: none repeat scroll 0 0 #fff; left: 500px; position: absolute; top: 100px;}
    .hp_personal { text-align: center; margin-bottom: 10px; font-size: 24px;}
    .href_personal_rod { color: #597d8d;}
    .bd_personal, .color_personal, .champion_personal, .father_personal, .mather_personal, .siti_personal, .breeder_personal, .breeder_personal, .owner_personal { color: #597D8D; font-size: 20px; line-height: 1.4em;}
        .bd_personal i, .color_personal i, .champion_personal i, .father_personal i, .mather_personal i, .siti_personal i, .breeder_personal i, .breeder_personal i, .owner_personal i, .breeder_personal i a { color: #7E9BAA;}
            .breeder_personal i a:hover {color: #597D8D; }
        .center { text-align: center; margin-top: 25px; margin-bottom: 5px;}
    .else_p { font-size: 24px; margin: 40px; text-align: center; text-decoration: underline;}
    .plem_work { display: block; max-width: 100%; margin: 0 auto;}
    .personal_page_text img { float: left; width: 30%; background: #96b6c5 none repeat scroll 0 0; border: 2px solid #597d8d; padding: 3px; margin-right: 25px;}
    .div_galleri { margin-top: 15px;} 
    .personal_h4 { text-align: center; font-size: 22px; margin-top: 15px;}
    .annotation_table_rod { text-align: center; font-size: 11px;}
    .div_kittens_person { text-align: center; cursor: pointer;}
    .div_kittens_person a {background: #709cac none repeat scroll 0 0;
    border: 2px solid #597d8d;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin: 1%;
    max-width: 180px;
    padding: 2px 5px;
    text-decoration: none;}
    .div_kittens_person img {background: #fff none repeat scroll 0 0;
    border: 1px solid #597d8d;
    height: 80px;
    margin: 1px auto;
    padding: 2px;}
     
     /*planned*/
     .content_subsidiary_planned_litters {font-size: 28px; text-align: center; margin-top: 10px; font-style: normal; color: #597D8D;}
    .content_subsidiary_planned_litters img{ width: 6%; height: auto;}
     .content_planned_litters {z-index: 22; max-width: 1165px; margin: 0 auto; min-height: 470px; font-family: Georgia,Times New Roman,Tahoma,sans-serif; font-style: italic; color: #7E9BAA;}
     .planned { width: 84%; margin: 15px auto; text-align: center;} 
     .planned  td { width: 30%; color: #709CAC;}  
        .name_planned { font-size: 23px; padding: 5px; color: #597D8D!important;}
        .foto_cat_planned { background: #96b6c5 none repeat scroll 0 0; border: 2px solid #597d8d; padding: 5px; width: 70%; margin: 0px auto;}
        .time_planned { font-size: 30px; color: #96B6C5; padding-bottom: 10px; padding-top: 15px;}
            .time_planned img, .time_dr_kittens img { padding-top: 15px; padding-bottom: 15px; width: 45%;}
            .time_planned i, .time_dr_kittens i { font-size: 26px; text-decoration: underline;}
            .time_planned span, .time_dr_kittens img { font-size: 22px; padding-bottom: 5px; display: inline-block;}
            .time_planned1 { font-size: 24px; }
        .planned a { background: #709CAC; border: 2px solid #597d8d; color: #fff; display: inline-block; margin: 10px auto 10px auto; padding: 5px 10px; text-decoration: none;}
            .planned a:hover { background: #597d8d; border: 2px solid #7E9BAA;}
        .table_img_bottom img{ max-width: 100%; }
     .h3_planned { text-align: center; font-size: 30px; font-style: normal; text-decoration: underline; margin-top: 15px; color: #5D7D8D;}
    
     
        
     /*content_info*/
     .content_info { max-width: 1185px; margin: 0 auto; min-height: 420px; font-family: Georgia,Times New Roman,Tahoma,sans-serif; font-style: italic; color: #7E9BAA;}
        .blok_info {position: relative; background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;   border: 2px solid #7E9BAA;  box-shadow: 0 8px 5px -5px;  height: 200px; margin: 20px auto;  max-width: 1050px;  overflow: hidden; width: 100%;}
        .blok_info h4 {padding-bottom: 10px; color: #fff; text-shadow: 2px 2px 2px #40555e; font-size: 24px; padding-top: 3px; text-align: center; margin-bottom: 12px; background: #709CAC; box-shadow: 0 2px 3px 0px #40555e;}
        .blok_info a { text-decoration: none;}
        .blok_info img {background: #709CAC;}
        .info_contents { font-size: 16px; line-height: 1.3em; color: #597d8d; text-align: justify; margin: 0 20px; text-indent: 15px; }
        .info_contents_post { margin: 15px 10px; font-size: 18px; line-height: 1.2em; text-align: justify; margin: 20px;}
        .info_contents_post p { text-indent: 15px; margin-bottom: 8px; color: #597d8d;}
            .info_contents_post h5 { font-weight: bold; font-size: 21px; margin-left: 15px; margin-bottom: 10px;}
            .link_step_info { text-align: right; display: block; color: #597d8d; margin-right: 25px; margin-bottom: 15px;}
        .title_info_right { background: #709CAC; color: #fff; font-size: 18px; margin-top: 1px; text-align: center; margin-bottom: 5px; padding: 5px;}
        
     /*cat_glav*/        
        .cat { text-align: center; margin: 15px auto; }
            .cat a { text-decoration: none; color: #597d8d; border: 1px solid; margin: 1%;}
        .cat_prime { cursor: pointer; display: inline-block; text-align: center; width: 15%; }
            .img_prime { border: 2px solid #597D8D; width: 65%; height: auto; background: #96B6C5; padding: 3px; margin-top: 5px;}
           .name_prime { min-height: 32px; font-size: 15px;  color: #fff; padding: 3px; background: #709CAC; letter-spacing: 0.1em; font-style: normal; text-shadow: 1px 1px 1px #000;}
            .cat_prime:hover > .name_prime, .cat_prime:hover > .bootom_prime { text-shadow: 2px 1px 1px #000; background: #597d8d;}
            .cat_prime:hover{ box-shadow: 1px 4px 3px -1px; transition: all 280ms ease-in-out;}
           .siti_prime { margin-top: 5px; font-size: 14px; color: #7E9BAA;}
           .bootom_prime { background: #709CAC; margin-top: 4px; padding: 3px 9px; width: 90%;}
           
     /*kittens*/
     .content_kittens h2{color: #597d8d; font-size: 30px; font-style: normal; margin-top: 10px; text-align: center; margin-bottom: 5px;}
        .content_kittens p { font-size: 18px; margin: 0 15px; text-align: justify; text-indent: 25px; letter-spacing: 0.1em; line-height: 1.1em;}
        .kittens_a { text-align: center; cursor: pointer;}
        .kittens_a a { border: 1px solid #597d8d; color: #fff; padding: 3px 5px; text-decoration: none; background: #709CAC;}
            .kittens_a a:hover { background: #597d8d;}
        .kittens_href { cursor: pointer; display: inline-block; font-size: 22px; line-height: 1.3em; margin-top: 15px; text-shadow: 1px 1px 1px #000;}   
        .kittens_tr img, .div_kittens_glav img { height: 150px; width: auto; background: #fff; border: 1px solid #597d8d; padding: 3px; margin: 2px;}
        .kittens_tr a { text-align: center; margin: 1%;}
        .kittens_tr { }
        .div_kittens_tr, .div_kittens_glav { text-align: center; cursor: pointer;}
            .div_kittens_tr p, .div_kittens_glav p { text-align: center; text-indent: 0;}
        .mini { font-size: 14px!important; text-align: center!important; margin-top: 5px!important;}
        .time_dr_kittens { font-size: 30px; padding-bottom: 10px;}
            .time_dr_kittens i { font-size: 26px;}
            .time_dr_kittens span { font-size: 22px; padding-bottom: 5px; display: inline-block;}
            .time_dr_kittens img, { padding-top: 15px; padding-bottom: 15px; width: 45%;}
            .status { font-size: 15px!important; margin-left: 35px!important; line-height: 1.4em!important;}
                .status  i { font-weight: bold; font-style: normal;}
            .note_end { margin-top: 5px!important; padding-bottom: 15px!important; color: #597D8D;}
            .note { margin-top: 10px!important; color: #597D8D;}
         .div_kittens_glav a { border: 2px solid #597d8d; color: #fff; padding: 1px 5px; text-decoration: none; display: inline-block; background: #709CAC; margin: 1%;}   
            .div_kittens_glav a:hover { background: #597d8d;}
         .img_kit_blok img{ width: 95%; margin: 0 auto; display: block;}
         .img_kit img{ width: 100%; margin: 0 auto; display: block;}
         .kittens_p { color: #597D8D;} 
       
       /*graduates*/
          .graduates { width: 84%; margin: 15px auto 20px; text-align: center; border: 2px solid #7E9BAA;}
            .graduates  td { width: 30%;}
            .one_tr_graduates { background: #709CAC; color: #fff; font-size: 22px; font-style: normal; max-width: 80%; text-shadow: 1px 0 1px #000;}
                .one_tr_graduates td { padding: 5px;}
            .two_tr_graduates td { padding: 5px 0 0 0; font-size: 22px; }
            .three_tr_graduates td { border-bottom: 1px dashed; padding: 1px; border-top: 1px dashed;}
            .three_tr_graduates a { text-decoration: none; color: #597D8D;}
                .img_grad_name img { width: 35%;}
             .four_tr a {display: inline-block; background: #709CAC; padding: 2px 5px; margin: 1%; font-size: 14px; color: #fff; text-decoration: none; border: 2px solid #597D8D; max-width: 180px;}
                 .four_tr a:hover { background: #597d8d; box-shadow: 1px 1px 1px #000;}
                .four_tr a img { height: 110px; margin: 1px auto; padding: 2px; border: 1px solid #597D8D; background: #fff;}
                .four_tr p { font-size: 15px!important;}
              .five td { background: #709CAC;}
                
      /*about*/ 
      .text_about1 { font-size: 20px; padding-right: 25px; text-align: justify; text-indent: 25px; color: #597D8D;}
      .text_about1 p { margin-left: 15px;}
        .max_about { float: left;} 
       .img_about  { margin: 0px auto; display: block; padding-bottom: 10px; width: 86%;}
       .mini_about { display: none;}
       
       /*exhibition*/ 
       .news_exhibition {  width: 90%; margin: 0 auto;}

       .news_exhibition h3, .plans_exhibition h3 { color: #597d8d; font-size: 25px; margin-top: 15px; text-align: center; margin-bottom: 10px;}
       .blok_news_exhibition { width: 90%; overflow: hidden; margin: 10px auto 20px; box-shadow: 0 8px 5px -5px; border: 2px solid #7E9BAA; height: 200px; position: relative;}
       .blok_news_exhibition a { text-decoration: none;}
        .blok_news_exhibition img { width: 100%; display: block; background: #709CAC;}
        .title_exhibition { background: #709CAC; color: #fff; font-size: 24px; text-align: center; box-shadow: 0 2px 3px 0 #40555e; margin-bottom: 12px; padding-bottom: 10px; padding-top: 3px; text-shadow: 2px 2px 2px #40555e;}
            .date_exhibition { font-size: 13px; text-align: center; float: left; margin: 4px 0 0 4px; text-align: center; color: #fff; font-style: normal;}
            .exhibition_contents { color: #597d8d; font-size: 16px; line-height: 1.3em; margin: 0 20px; text-align: justify; text-indent: 15px;}
       .title_exhibition_post { text-align: center; font-size: 23px; color: #597d8d;}
       .blok_exhibition_post { width: 90%; margin: 0 auto; color: #597d8d;}
          .blok_news_exhibition:hover{ box-shadow: 4px 4px 10px -1px; transition: all 280ms ease-in-out;}
       .exhibition_galleri { width: 90%; margin: 0 auto;}
      .blok_plan_exhibition { width: 60%; margin: 20px auto; box-shadow: 0 8px 5px -5px; border: 2px solid #7E9BAA;}
       .blok_plan_exhibition a { text-decoration: none;}
      .title_exhibition_plan { background: #709CAC;  color: #fff; font-size: 22px; text-align: center; box-shadow: 0 2px 3px 0 #40555e; margin-bottom: 6px; padding-bottom: 4px; padding-top: 3px; text-shadow: 2px 2px 2px #40555e;}
      .date_exhibition_plan { color: #597d8d; margin-bottom: 6px; margin-left: 15px; display: block; font-size: 18px; font-style: normal; font-weight: bold;}      
         .date_exhibition_plan i { font-weight: normal;}
     
     
     .class_liv { position: absolute;}    
 .class_liv img { width: 45%; height: auto;  margin-top: 17px; }    
          
          
@media screen and (max-width: 1235px){
    .content_index p { margin: 0 10px}
}

@media screen and (max-width: 1225px){
   .title_subsidiary { margin-left: 12px;}
   #cor5 { width: 95%;}
   .blok_news_right { margin-right: 10px;}
   .graduates { width: 90%;}
}

        
@media screen and (max-width: 1185px){
        #nav li:nth-of-type(4):hover ~ #lavalamp {
        left: 230px;
        }
        #nav li:nth-of-type(5):hover ~ #lavalamp {
        left: 335px;
        }
        #nav li:nth-of-type(6):hover ~ #lavalamp {
        left: 435px;
        }
        #nav li:nth-of-type(7):hover ~ #lavalamp {
        left: 572px;
        }
        #nav li:nth-of-type(8):hover ~ #lavalamp {
        left: 747px;
        }
        #nav li:nth-of-type(9):hover ~ #lavalamp {
        left: 856px;
        }
        #nav li:nth-of-type(10):hover ~ #lavalamp {
        left: 960px;
        }
        #nav li:nth-of-type(11):hover ~ #lavalamp {
        left: 1095px;
        }
         .class_liv img { width: 45%; height: auto;  margin-top: 10px; }    
}  

@media screen and (max-width: 1165px){
        #nav li:nth-of-type(5):hover ~ #lavalamp {
        left: 325px;
        }
        #nav li:nth-of-type(6):hover ~ #lavalamp {
        left: 425px;
        }
        #nav li:nth-of-type(7):hover ~ #lavalamp {
        left: 562px;
        }
        #nav li:nth-of-type(8):hover ~ #lavalamp {
        left: 737px;
        }
        #nav li:nth-of-type(9):hover ~ #lavalamp {
        left: 842px;
        }
        #nav li:nth-of-type(10):hover ~ #lavalamp {
        left: 945px;
        }
        #nav li:nth-of-type(11):hover ~ #lavalamp {
        left: 1075px;
        }
}           
        
        
@media screen and (max-width: 1145px){
    .logo_img  {width: 18%; height: auto; margin: 2px 15px 0 5px;}
    .logo_blok h1 { margin-left: -80px;}
    .logo_blok h1 a img { margin-left: 65px;}
        #nav li:nth-of-type(1):hover ~ #lavalamp {
        left: 10px;
        }
        #nav li:nth-of-type(2):hover ~ #lavalamp {
        left: 57px;
        }
        #nav li:nth-of-type(3):hover ~ #lavalamp {
        left: 135px;
        }
        #nav li:nth-of-type(4):hover ~ #lavalamp {
        left: 210px;
        }
        #nav li:nth-of-type(5):hover ~ #lavalamp {
        left: 300px;
        }
        #nav li:nth-of-type(6):hover ~ #lavalamp {
        left: 400px;
        }
        #nav li:nth-of-type(7):hover ~ #lavalamp {
        left: 522px;
        }
        #nav li:nth-of-type(8):hover ~ #lavalamp {
        left: 680px;
        }
        #nav li:nth-of-type(9):hover ~ #lavalamp {
        left: 828px;
        }
        #nav li:nth-of-type(10):hover ~ #lavalamp {
        left: 930px;
        }
        #nav li:nth-of-type(11):hover ~ #lavalamp {
        left: 1060px;
        }
        .bootom_prime { padding: 3px 8px;}
}                    
       
@media screen and (max-width: 1125px){
    .nav li a { font-size: 21px;}
        #nav li:nth-of-type(2):hover ~ #lavalamp {
        left: 60px;
        }
        #nav li:nth-of-type(4):hover ~ #lavalamp {
        left: 220px;
        }
        #nav li:nth-of-type(5):hover ~ #lavalamp {
        left: 315px;
        }
        #nav li:nth-of-type(6):hover ~ #lavalamp {
        left: 410px;
        }
        #nav li:nth-of-type(7):hover ~ #lavalamp {
        left: 542px;
        }
        #nav li:nth-of-type(8):hover ~ #lavalamp {
        left: 700px;
        }
        #nav li:nth-of-type(9):hover ~ #lavalamp {
        left: 813px;
        }
        #nav li:nth-of-type(10):hover ~ #lavalamp {
        left: 910px;
        }
        #nav li:nth-of-type(11):hover ~ #lavalamp {
        left: 1040px;
        }
        .contact_header p { font-size: 20px;}
}


@media screen and (max-width: 1120px){
      .foto_cat_planned { width: 75%;}
      .graduates { width: 95%;}
} 

@media screen and (max-width: 1115px){
      .contact_header { padding-right : 5px;}
      .contact_header p { font-size: 20px;}
} 

@media screen and (max-width: 1100px){
        .nav li a { font-size: 20px;}
        #nav li:nth-of-type(9):hover ~ #lavalamp {
        left: 800px;
        }
        #nav li:nth-of-type(10):hover ~ #lavalamp {
        left: 890px;
        }
        #nav li:nth-of-type(11):hover ~ #lavalamp {
        left: 1020px;
        }
    .blok_news_post img { max-height: 250px;}
    .title_news_right { font-size: 16px;}
    .cat_news_post { display: none;}
    .blok_info { width: 97%;}
    .logo_blok h1 a span { margin-left: -240px;}
    .info_contents_post { margin: 10px 20px;}
} 

@media screen and (max-width: 1080px){
    .contact_header p { font-size: 19px;}
    .footer { min-height: 55px;}
    .title_index {padding-left: 5px; padding-right: 5px;}
}

@media screen and (max-width: 1075px){
    .contact_header a { font-size: 18px;}
    .logo_blok h1 { margin-left: -120px;}
    .logo_blok h1 a span { font-size: 20px;}
    #lavalamp { display: none;}
    .menu li { border-right: 1px solid;}
    .content_index p { font-size: 19px;}
    .logo_img { width: 15%;}
    .logo_blok h1 a img { margin-left: 100px;}
    .flower_contact { display: none;}
} 

@media screen and (max-width: 1043px){
    .contact_header p { font-size: 15px;}
    .news_contents { font-size: 15px;}
    .blok_news h4 { font-size: 18px;}
    .planned { width: 94%;}
    .three_tr_graduates td { font-size: 20px;}
    .title_exhibition, .blok_info h4 { font-size: 22px;}
}

@media screen and (max-width: 1004px){
    .logo_blok h1 a img { width: 80%; margin-right: -20px;}
    .logo_img { width: 13%;}
    .text { font-size: 18px; margin-top: 5px;}
    .footer { min-height: 50px; }
    .footer p { padding-top: 15px;}
    .flower_cat { display: none;}
    .about_cat { width: 58%;}
    .foto_cat_planned { width: 80%;}
    .name_planned { font-size: 25px;}
    .name_cat { font-size: 28px; margin-bottom: 0;}
    .four_tr a img { height: 100px;}
}  

@media screen and (max-width: 973px){
    .logo_blok { width: 80%;}
    .main_foto { margin-left: 0;}
    .rama { left: -35px;}
    .about_cat { width: 60%; font-size: 18px;}
} 

@media screen and (max-width: 960px){
    .nav li a { font-size: 18px;}
    .foto_cat_planned { width: 85%;}
    .cat_prime { width: 16%;}
    .two_tr_graduates td { font-size: 20px;}
} 

@media screen and (max-width: 940px){
    .logo_img { width: 12%; margin: 5px 5px 0 0;}
    .logo_blok h1 a img { width: 77%; margin-left: 115px;}
    .cat_news { display: none;}
    .blok_news_exhibition { width: 99%;}
} 

@media screen and (max-width: 924px){
    .logo_img { width: 13%; }
    .logo_blok h1 a img { width: 77%;}.logo_blok h1 { display: initial;}
    .bootom_prime { padding: 3px 6px;}
    .kittens_tr img  { height: 130px;}
} 


@media screen and (max-width: 900px){
    .contact_header p { font-size: 16px;}
    .nav li a { font-size: 17px;}
    .footer p { font-size: 14px;}
    .content_subsidiary_h2 { font-size: 24px;}
    .text { font-size: 16px;}
    .blok_news h4  { font-size: 18px; min-height: 37px;}
    .date_news_1 { font-size: 23px;}
    .blok_news_post { width: 100%; float: none;}
    .news_limit_5 { width: 100%; }
    .blok_news_right { width: 30%; float: left; margin: 1%;}
    .wrapper_news_new img { height: 100px;}
    .news h4 { font-size: 18px;}
    .news p, .news a { font-size: 14px;}
    .cat_men { height: 340px;}
    .main_foto { width: 100%;}
    .about_cat { width: 65%;}
    .name_cat { margin-top: 0;}
    .siti_head { font-size: 17px;}
        .name_planned {  font-size: 24px;}
        .time_planned, .time_dr_kittens { font-size: 27px;}
        .time_planned span, .time_dr_kittens span { font-size: 20px;}
        .time_planned i, .time_dr_kittens i { font-size: 23px;}
    .cat_prime { width: 17%;}
    .status  { font-size: 13px!important; margin-left: 15px!important;}  
    .three_tr_graduates td { font-size: 19px;}  
    .four_tr a { padding: 2px 4px;}
    .one_tr_graduates td { padding: 0 5px 5px;}
}  

@media screen and (max-width: 840px){
    .foto_cats { margin-bottom: 50px;}
    .planned { width: 95%;}
    .foto_cat_planned { width: 90%;}
    .cat_prime { width: 21%;}
    .h3_planned { font-size: 28px;}
    .four_tr a img { height: 90px;}
}

@media screen and (max-width: 825px){
    .wrapper_news_new { overflow: hidden; width: 100%;}
    .news_new { padding: 5px 35px 5px 25px;}
    .wrapper_news_new img { height: 80px; margin-bottom: 20px;}
    .news h4 { font-size: 20px;}
    .news p, .news a { font-size: 16px;}
    .text_about1 img { width: 40%; }
    .text_about1 { font-size: 18px;}
}  

@media screen and (max-width: 820px){
    .logo_blok h1 a img { width: 70%;}
    .nav li a { font-size: 15px;}
    .nav { padding: 2px 0; border-bottom: 2px solid;}
    .blok_news_post img { max-height: 200px;}
}  

@media screen and (max-width: 815px){
    .logo_blok { width: 79%;}
    .personal_page_text img { width: 40%;}
    .gallery li a img { height: 100px;}   
    .kittens_tr img  { height: 110px;}
    .title_exhibition, .blok_info h4 { font-size: 18px;}
}  

@media screen and (max-width: 795px){
    .wrapper_contact, .wrapper_form_contact { width: 100%; overflow: hidden;}
    #cor5 { width: 80%; margin: 10px auto;}
    .wrapper_form_contact { float: none;}
    .contact_person { margin-bottom: 15px;}
    .sidebarForm button  { margin-left: 60px;}
    .wrapper_contact { border-bottom: 1px dotted;}
    .name_cat_min { display: block;}
    .name_cat { display: none;}
    .href_big { display: none;}
    .href_big_cat { display: none;}
    .href_small { display: inline; position: absolute; bottom: 9px;}
    .cat_men { position: relative; margin: 20px auto;}
    .one_tr_graduates { font-size: 20px;}
    .two_tr_graduates td { font-size: 18px;}
    .three_tr_graduates td { font-size: 16px;}
    .four_tr a img { height: 80px;}
}

@media screen and (max-width: 775px){
    .logo_blok { width: 75%;}
    .logo_blok h1 a img { width: 80%;}
    .content_cat { background: none;}
    .name_planned { font-size: 23px;}
    .foto_cat_planned { width: 95%;}
    .time_planned, .time_dr_kittens { font-size: 25px;}
}  

@media (max-width: 767px) {
    .nav { border-top: none;}
    .menu{display:none; height: auto;}
    .mobile-menu{display:block;}
    .menu li{display:block; margin:0;}
    .menu li a { border-top:1px solid; color: #7E9BAA; border-left:3px solid #ffffff;}
    .menu li a:hover, .menu li:hover > a{ background:#f0f0f0; color:#797979; border-left:3px solid;}
    .menu ul {display:block; position:relative; top:0; left:0; width:100%;}
    .nav li a { font-size: 18px;}
    .nav li a i{ font-size: 22px; padding: 5px;}
    .title_index img { width: 10%; height: auto;}
    .content_index p { font-size: 17px;}
    .wrapper_news_new{ width: 100%;}
    .wrapper_news_new { margin-bottom: 0;}
    .blok_news_right { width: 29%;}
    .blok_news { width: 90%; margin: 10px 35px;}
    .name_cat_min { font-size: 30px;}
    .cat_men { height: 330px;}
    .text_about1 img { width: 45%;}
}

@media screen and (max-width: 725px){
    .about_cat { font-size: 17px;}
}

@media screen and (max-width: 720px){
    .time_planned img, .time_dr_kittens img { width: 60%;}
    .time_planned i, .time_dr_kittens i { font-size: 20px;}
    .cat_prime { width: 22%;}
}

@media screen and (max-width: 695px){
    .header { position: relative;}
    .contact_header { position: absolute; top: 0; width: 95%; text-align: center;}
    .logo_blok { margin-top: 50px; width: 90%;}
    .logo_img { margin: 0 15px  0 10px ; width: 15%;}
    .logo_blok h1 a img { width: 80%;}
    .wrapper_news_new img { display: none;}
    .foto_cats { float: none; margin-bottom: 8px; width: 100%;}
    .rama { display: none;}
    .main_foto { width: 45%; display: block; margin: 0 auto;}
    .about_cat { width: 100%; float: none; margin-bottom: 50px; text-align: center;}
    .href_small { right: 28%;}
    .cat_men { height: auto;}
    .siti_head { margin-top: 10px;}
    .div_kittens_tr p  { font-size: 16px;}
    .kittens_tr a  { padding: 2px 5px;}
    .text_about1 img { width: 50%;}
    .two_tr_graduates td { font-size: 16px; padding: 2px 0 0;}
    .three_tr_graduates td { font-size: 14px;}
    .title_subsidiary, .title_subsidiary a { font-size: 18px;}
} 

@media screen and (max-width: 675px){
    .footer p { font-size: 13px;}
    .title_subsidiary { font-size: 18px;}
    .text { font-size: 14px;}
    .content_subsidiary_h2 { font-size: 22px;}
    .contact_person h3 { font-size: 21px;}
    .contact_person p { font-size: 17px;}
    .bd_personal, .color_personal, .champion_personal, .father_personal, .mather_personal, .siti_personal, .breeder_personal, .breeder_personal, .owner_personal { font-size: 18px;}
    .name_planned { font-size: 20px;}
    .time_planned, .time_dr_kittens { font-size: 22px;}
    .div_kittens_glav img { height: 130px;}
}

@media screen and (max-width: 650px){
    .time_planned i, .time_dr_kittens i { font-size: 18px;}
    .personal_page_text img { width: 45%;}
    .text_about1 { font-size: 17px; letter-spacing: 0.1em;}
    .four_tr p { font-size: 14px!important;}
    .one_tr_graduates { font-size: 17px;}
}

@media screen and (max-width: 625px){
    .logo_img { margin-left: 30px; margin-right: 15px;}
    .footer p { font-size: 12px;}
    .blok_news_post img { max-height: 150px;}
    .content_subsidiary_planned_litters img { width: 9%;}
    .cat_prime { width: 29%;}
    .content_kittens p { font-size: 16px;}
    .status  { font-size: 10px!important; text-indent: 0!important;}
    .title_exhibition_post { font-size: 20px; margin-top: 5px;}
    .info_contents_post { margin: 5px;}
}

@media screen and (max-width: 590px){
    .logo_img { margin-left: 10px;}
     .content_subsidiary_h2 img { display: none;}
     .blok_news { margin: 10px 25px;}
     .href_small { right: 20%;}
     .name_planned { font-size: 18px;}
     .time_planned, .time_dr_kittens { font-size: 20px;}
     .time_planned span, .time_dr_kittens span { font-size: 16px;}
     .time_planned i, .time_dr_kittens i { font-size: 17px;}
     .personal_page_wrapper { width: 95%;} 
     .h3_planned { font-size: 28px;}
     .div_kittens_glav p { font-size: 16px;}  
     .two_tr_graduates td { font-size: 14px; padding: 2px 2px 0;}  
}

@media screen and (max-width: 570px){
     .footer { min-height: 50px;}
     .time_planned span, .time_dr_kittens span { font-size: 14px;}
     .time_planned i, .time_dr_kittens i { font-size: 15px;}
     .planned a { margin: 5px auto;}
     .div_kittens_glav img { height: 120px;}
     .kittens_tr a { margin: 4px!important;} 
     .text_about1 img { width: 60%;}    
}

@media screen and (max-width: 520px){
     .title_index { font-size: 28px;}
     .content_index p { font-size: 16px;}
     .footer p { font-size: 11px; margin-left: 5px;}
     .time_planned, .time_dr_kittens { font-size: 18px;}
     .planned a { margin: 10px;}
     .h3_planned { font-size: 26px;} 
     .time_planned, .time_dr_kittens { padding-top: 0;} 
     .div_kittens_glav p { font-size: 14px;}  
     .class_liv img { display: none; }    
}

@media screen and (max-width: 485px){
     .title_index { font-size: 27px;}
     .h2_news { font-size: 24px;}
     .footer { min-height: 30px;}
     .footer p { padding-top: 5px;}
     .date_news_1 span { font-size: 14px;}
     .date_news_1 { font-size: 17px;}
     .blok_news h4 { padding-top: 0;}
     .href_small { right: 15%;}
     .siti_head { font-size: 17px;}
        .siti_head:hover { font-size: 17px; transition: none;}
     .name_planned { font-size: 16px;}
     .planned a { font-size: 13px;}
     .time_planned, .time_dr_kittens { font-size: 17px;}
     .time_planned i, .time_dr_kittens i { font-size: 13px;}
     .cat_prime { width: 30%;}
     .kittens_tr img { height: 100px;}
     .div_kittens_tr p  { font-size: 14px;}
}

@media screen and (max-width: 450px){
    .title_index { font-size: 26px;}
    .blok_news_right { width: 90%; float: none; margin: 10px auto; height: 140px;}
    .blok_news { margin: 10px;}
    .name_cat_min { font-size: 25px;}
    .name_cat_min { font-size: 26px;}
    .bd_personal, .color_personal, .champion_personal, .father_personal, .mather_personal, .siti_personal, .breeder_personal, .breeder_personal, .owner_personal {font-size: 16px;}
    .name_planned { font-size: 15px; padding: 5px 0;}
    .time_planned, .time_dr_kittens { font-size: 15px;}
    .time_planned i, .time_planned span, .time_dr_kittens i, .time_dr_kittens i, .time_dr_kittens span { font-size: 11px;}
    .time_planned img, .time_dr_kittens img { width: 40%;}
    .cat_prime { width: 40%;}
    .h3_planned { font-size: 24px;}   
    .two_tr_graduates td { padding: 2px;}
    .date_exhibition { font-size: 11px; margin-right: 9px;}
}


@media screen and (max-width: 420px){
     .logo_blok h1 a span { font-size: 17px; margin-left: -190px;} 
     .foto_cat_planned { width: 90%;}
     .cat_prime { width: 43%;}
     .time_planned img, .time_dr_kittens img { padding-bottom: 5px; padding-top: 5px;}
     .div_kittens_glav img { height: 110px;}
     .exhibition_contents { line-height: 1.1em; margin: 0 10px;}
}

@media screen and (max-width: 400px){
     .title_index { font-size: 25px;}
     .logo_img { margin-left: 10px;}
     .logo_blok h1 a span { font-size: 15px; margin-left: -140px;}   
     .about_cat { margin-bottom: 40px;}
     .href_small { font-size: 14px;}
     .planned a { font-size: 11px;}
     .content_subsidiary_planned_litters img { display: none;}
     .personal_page_text img { width: 55%; display: block; margin: 0 auto; float: none;}
     .bd_personal, .color_personal, .champion_personal, .father_personal, .mather_personal, .siti_personal, .breeder_personal, .breeder_personal, .owner_personal { text-align: center;}
}

@media screen and (max-width: 380px){
     .news h4 { font-size: 17px;}
     .news p, .news a { font-size: 14px;}
     .contact_header a { font-size: 14px; margin-bottom: 5px;}
     .contact_header p { font-size: 14px;}
     .logo_blok { margin-top: 45px;}
     .title_subsidiary { font-size: 16px;}
     .content_subsidiary_h2 { font-size: 21px;}
     .contact_person h3 { font-size: 18px;}
     .contact_person p { font-size: 15px;}
     #cor5 { width: 95%;}
     .sidebarForm button { margin-left: 8px;}
     .blok_news img { height: 40%;}
     .blok_news h4 { font-size: 16px;}
     .foto_cat_planned { padding: 2px; border: 1px solid;}
     .title_exhibition, .blok_info h4  { font-size: 16px;}
     .date_exhibition { margin-top: 1px;}
}

@media screen and ( max-width: 360px){
    .cat_prime { width: 45%;}
    .gallery li a img { height: 70px;}
    .description { line-height: 1.2em; letter-spacing: 0.01em;}
    .h3_planned { font-size: 20px;}
    .two_tr_graduates td { padding: 3px;}
    .one_tr_graduates { font-size: 15px;}
}

@media screen and (max-width: 340px){
     .title_index { font-size: 22px;}
     .news h4 { font-size: 15px;}
     .logo_blok h1 a span { font-size: 13px; margin-left: -120px;} 
     .name_cat_min { font-size: 23px;}
     .href_small { font-size: 12px;}
     .cat_prime { width: 47%;}
     .name_prime { font-size: 14px;}
     .max_about { display: none;}
     .mini_about { display: block; float: none; width: 80%!important; margin: 0 auto;} 
     .text_about1 { font-size: 15px;}
}