body                                   { background-color: #F1F5F8; }
#bg                                    { position: fixed; top: 0px; left: 0px; width: 100%; height: 700px; z-index: -5000; background: url("/custom/bg.jpg") transparent repeat-x; }
#grass                                 { position: fixed; bottom: 0px; left: 0px; width: 100%; height: 150px; z-index: -5000; background: url("/custom/grass.png") transparent repeat-x; }
#dog                                   { position: fixed; bottom: 0px; right: 0px; width: 285px; height: 231px; z-index: -5000; background: url("/custom/dog.png") transparent no-repeat; 
background-size: cover; }

@media screen and (max-width: 1500px)  { #dog { display: none;} }

h1                                     { color: #007D40; }

.line1                                 { background-color: transparent; border: none; }
.line2                                 { height: 30px; background-color: #007D40; color: #FFFFFF; }

.top1                                  { background-color: transparent; }

.top_fixed                             { background-color: #FFFFFF; }
.top_fixed .logo                       { padding-top: 30px; }

.menu1                                 { background-color: transparent; }
.menu2                                 { height: 50px; background-color: #007D40; }

.menu_first_item a                     { padding: 6px 15px 5px 15px; border-top: none; color: #FFFFFF; }
.menu_first_item a:hover               { background-color: #FFFFFF; color: #007D40; }
.menu_first_item:hover>a               { background-color: #FFFFFF; color: #007D40; }

.menu_second                           { border: none; }
.menu_second_item a                    { background-color: #FFFFFF; color: #666666; }
.menu_second_item a:hover              { background-color: #007D40; color: #FFFFFF; }
.menu_second_item:hover>a              { background-color: #007D40; color: #FFFFFF; }

.customer_first_item i                 { color: #FFFFFF; }
.customer_first_item a                 { color: #FFFFFF; }

.body2                                 { background: rgba(255, 255, 255, .9); min-height: 520px; }
.banner                                { min-height: auto; }

.footer1                               { background-color: transparent; }
.footer2                               { background-color: #007D40; padding: 30px 30px 10px 30px; }

.footer_first                          { width: 25%; }

.copyright1                            { background-color: transparent; }
.copyright2                            { padding: 8px 0px; }
.copyright                             { color: #FFFFFF; font-weight: 700; }

.logo                                  { width: 30%; }
.header_search                         { width: 30%; } 

.header_basket_icon                    { color: #007D40; }

.ch .categories_first   { justify-content: start; }

.catalog_multi                         { background-color: transparent; } 

.catalog_multi .catalog_pieces       { display: block; left: 12px; }

.catalog_multi .catalog_bottom_buy:before     { display: none; }
.catalog_multi .catalog_bottom_buy_v:before   { display: none; }

.catalog_multi .catalog_bottom_buy .catalog_buy { padding: 0px 0px 1px 40px; }
.catalog_buy                           { font-family: 'FontAwesome'; font-size: 1.35em; }

.catalog_multi .catalog_name           { padding: 0px 0 5px 0; font-weight: 600; height: 50px; font-size: 13px; }
.catalog_multi .catalog_thumbnail      { padding: 10px 0px; }
.catalog_multi .catalog_na             { height: 75px; }
.catalog_multi .catalog_icons          { top: 75px; }

.basket_insteps > a                    { width: 50%; }
.basket_insteps > a:nth-child(2n)      { width: 50%; }

/* ----- Vložit kupón ----- */
.basket_cupon div                    { color: #293038; padding: 7px 15px 0px 15px; text-transform: none; }
.basket_cupon_input                  { width: 80%; height: 32px; } 
.basket_cupon_input:focus::placeholder { color: #FFFFFF; }
.basket_cupon_submit                 { width: 20%; height: 57px; font-size: 13px; margin-top: -25px; }

.footer_newsletter .button             { margin: 5px 0; border: 1px solid #006540; }
.input_newsletter                      { background-color: #FFFFFF; border: 1px solid #006540; padding: 3px 5px; margin-bottom: 5px; color: #333333; width: 90%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

@media screen and (max-width: 600px)   { .basket_insteps > a               { width: 100%; }
                                         .basket_insteps > a:nth-child(2n) { width: 100%; } }

@media screen and (max-width: 1050px)  { .logo                  { padding-top: 30px; }
                                         .logo img              { height: 40px; } }

@media screen and (max-width: 950px)   { .logo                  { padding-top: 35px; }
                                         .logo img              { height: 30px; } }

@media screen and (max-width: 800px)   { #bg                    { display: none; }
                                         body                   { background-color: #FFFFFF; }
                                         .line2                 { height: auto; }
                                         .logo                  { width: 40%; padding-top: 20px; }
                                         .logo img              { height: 30px; }
                                         .customer_block        { padding: 0px; }
                                         .customer_first_item a { padding: 15px; }
                                         .header_basket_icon    { color: #666666; }
                                         .ch .categories_first_item > a  { color: #FFFFFF; background-color: #37B361; border-top: 1px solid #FFFFFF; }
                                         .menu_first            { margin-top: 70px; }
                                         .menu_first_item a     { padding: 15px 10px; border-top: 1px solid #DDDDDD; color: #FFFFFF; }
                                         .footer_first { width: 100%; }                                         
                                         .footer_first_h        { font-size: 14px;} 
                                         .footer_second         { color: #FFFFFF; background-color: #37B361; }
                                         .footer_second_item    { border-bottom: 1px solid #FFFFFF; }
                                         .footer_second_item a  { color: #FFFFFF; }                                         
                                         .footer2               { padding: 0px 15px; } }

@media screen and (max-width: 560px)   { .header_search         { padding-top: 20px; width: 100%; } }