@charset "UTF-8";
@media (max-width:1399px){
.container{width:1200px}
#to-top{}
#to-top:hover{}
.bold,b{}
.root{}
.button-1{}
.button-1:before{}
.button-1:hover{}
.title-1{}
.subtitle-1{}
.toper{}
.toper__row{}
.toper__left{}
.toper__right a:hover{}
.header{}
.header__row{}
.header__logo{}
.header__photo{}
.header__photo:hover{}
.header__search form{
    width: 540px;
}
.header__search label{}
.header__search input{}
.header__search button{}
.header__search button:hover{}
.header__cart{}
.header__cart:hover{}
.header__cart img{}
.header__cart span{}
.header__cart:hover span{}
.topMenu{}
.topMenu__container .menu{}
.topMenu__container .menu li{}
.topMenu__container .menu a{}
.topMenu__container .menu a:hover{}
.topMenu__container .menu li.active a{}
.content{}
.content__container{}
.content .breadcrumb{}
.content .breadcrumb li{}
.content .breadcrumb li span{}
.content .breadcrumb li a{}
.content .breadcrumb li a span{}
.content .breadcrumb .divider{}
.content .breadcrumb .icon-location{}
.content__left{
    width: 300px;
}
.content__left-module{}
.content__left .moduletable{}
.content__left h3{}
.content__left ul{}
.content__left ul li{}
.content__left ul li:first-child{}
.content__left ul li a{}
.content__left ul li a:before{}
.content__left ul li a:after{}
.content__left ul li a:hover{}
.content__left ul li.active a{}
.content__right{
    width: calc(100% - 300px);
}
.content__title,.content__right h1{}
.content__subtitle{}
.content__right p{}
.content__right b{}
.content__right p a{}
.content__right img.float-left{}
.content__right img.float-right{}
.slideshow__slide{}
.slideshow__slide img{}
.slideshow__body{}
.slideshow__title{}
.slideshow__subtitle{}
.slideshow__text{}
.slideshow__text b{}
.slideshow .slick-dots{}
.slideshow .slick-dots li{}
.slideshow .slick-dots button{}
.slideshow .slick-dots .slick-active button{}
.things{}
.things__row{}
.things__item{}
.things__one{}
.goods{}
.goods:before{}
.goods:after{}
.goods__container{}
.goods__title{}
.goods__items{}
.goods__item{}
.goods__item:hover{}
.goods__item img{}
.goods__price{}
.goods__link{}
.goods__right{}
.fish{}
.fish:before{}
.fish__container{}
.fish__body{}
.fish__title{}
.fish__items{}
.fish__item{}
.fish__itemBody{}
.fish__itemBody b{}
.lines{}
.lines__title{}
.lines__slick{}
.lines__slide{}
.lines .slick-arrow{}
.lines .slick-arrow:hover{}
.lines .slick-prev{}
.news{}
.news__title{}
.news__row{}
.news__item{}
.news__item:hover{}
.news__itemDate{}
.news__itemBody{}
.news__itemOne{}
.news__itemTwo{}
.about{}
.about__row{}
.about__pic{}
.about__body{}
.about_one{}
.about_two{}
.footer{}
.footer__row{}
.footer__col{}
.footer__col_1{}
.footer__col_2{}
.footer__col_3{}
.footer__col_4{}
.footer__title{}
.footer__one{}
.footer__two{}
.footer__two a{}
.footer__copy{}
.footer__dev{}
.footer__form{}
.footer__form input{}
.footer__form button{}
.logos{}
.logos .slick-arrow{}
.logos .slick-prev{}
.logos .slick-next{}
.logos__items{}
.logos__item{}
.logos__item img{}
}
@media (max-width:1199px){
.container{width:990px}
#to-top{}
#to-top:hover{}
.bold,b{}
.root{}
.button-1{}
.button-1:before{}
.button-1:hover{}
.title-1{}
.subtitle-1{}
.toper{}
.toper__row{}
.toper__left{}
.toper__right a:hover{}
.header{}
.header__row{}
.header__logo{}
.header__photo{}
.header__photo:hover{}
.header__search form{
    width: 315px;
}
.header__search label{}
.header__search input{}
.header__search button{}
.header__search button:hover{}
.header__cart{}
.header__cart:hover{}
.header__cart img{}
.header__cart span{}
.header__cart:hover span{}
.topMenu{display: none;}
.active+.topMenu{display: block;}
.topMenu__container .menu{}
.topMenu__container .menu li{}
.topMenu__container .menu a{}
.topMenu__container .menu a:hover{}
.topMenu__container .menu li.active a{}
.content{}
.content__container{}
.content .breadcrumb{}
.content .breadcrumb li{}
.content .breadcrumb li span{}
.content .breadcrumb li a{}
.content .breadcrumb li a span{}
.content .breadcrumb .divider{}
.content .breadcrumb .icon-location{}
.content__left{}
.content__left-module{}
.content__left .moduletable{}
.content__left h3{}
.content__left ul{}
.content__left ul li{}
.content__left ul li:first-child{}
.content__left ul li a{}
.content__left ul li a:before{}
.content__left ul li a:after{}
.content__left ul li a:hover{}
.content__left ul li.active a{}
.content__right{}
.content__title,.content__right h1{}
.content__subtitle{}
.content__right p{}
.content__right b{}
.content__right p a{}
.content__right img.float-left{}
.content__right img.float-right{}
.slideshow__slide{}
.slideshow__slide img{}
.slideshow__body{}
.slideshow__title{}
.slideshow__subtitle{}
.slideshow__text{}
.slideshow__text b{}
.slideshow .slick-dots{}
.slideshow .slick-dots li{}
.slideshow .slick-dots button{}
.slideshow .slick-dots .slick-active button{}
.things{}
.things__row{}
.things__item{}
.things__one{}
.goods{}
.goods:before{}
.goods:after{}
.goods__container{}
.goods__title{}
.goods__items{}
.goods__item{
    width: calc(33.333333% - 14px);
}
.goods__item:hover{}
.goods__item img{}
.goods__price{}
.goods__link{}
.goods__right{}
.fish{}
.fish:before{
    margin-left: 0;
}
.fish__container{}
.fish__body{}
.fish__title{}
.fish__items{}
.fish__item{
    min-width: 1px;
    width: 100%;
}
.fish__itemBody{
    font-size: 18px;
}
.fish__itemBody b{}
.lines{}
.lines__title{}
.lines__slick{}
.lines__slide{
    width: calc(100% - 10px);
}
.lines .slick-arrow{}
.lines .slick-arrow:hover{}
.lines .slick-prev{}
.news{}
.news__title{}
.news__row{}
.news__item{}
.news__item:hover{}
.news__itemDate{}
.news__itemBody{}
.news__itemOne{}
.news__itemTwo{}
.about{}
.about__row{}
.about__pic{}
.about__body{}
.about_one{}
.about_two{}
.footer{}
.footer__row{
    flex-wrap: wrap;
    row-gap: 40px;
}
.footer__col{
    width: 50%;
}
.footer__col_1{}
.footer__col_2{}
.footer__col_3{}
.footer__col_4{}
.footer__title{}
.footer__one{}
.footer__two{}
.footer__two a{}
.footer__copy{}
.footer__dev{}
.footer__form{}
.footer__form input{}
.footer__form button{}
.logos{}
.logos .slick-arrow{}
.logos .slick-prev{}
.logos .slick-next{}
.logos__items{}
.logos__item{}
.logos__item img{}
}
@media (max-width: 991px){
.container{width:760px}
#to-top{}
#to-top:hover{}
.bold,b{}
.root{}
.button-1{}
.button-1:before{}
.button-1:hover{}
.title-1{}
.subtitle-1{}
.toper{}
.toper__row{}
.toper__left{}
.toper__right{display:none;}
.active+.toper__right{
    display: flex;
    position: absolute;
    top: 150px;
    left: 0;
    width: 100%;
    z-index: 3;
    background: #e9e9e9;
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}
.toper__right a{
    width: 100%;
    font-size: 20px;
}
.header{}
.header__row{
    padding-left: 60px;
}
.header__logo{}
.header__akts{display: none;}
.header__photo{}
.header__photo:hover{}
.header__search{
    
}
.header__search form{
    width: 100%;
}
.header__search label{}
.header__search input{}
.header__search button{}
.header__search button:hover{}
.header__cart{}
.header__cart:hover{}
.header__cart img{}
.header__cart span{}
.header__cart:hover span{}
.toggle{
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background: none;
    padding: 0;
    position: absolute;
    top: 75px;
    left: 18px;
    z-index: 1;
}
.toggle img{
    width: 32px;
    height: 32px;
    object-fit: contain;
}
.toggle img+img{display:none;}
.toggle.active{}
.toggle.active img{display:none;}
.toggle.active img+img{display:block;}
.topMenu{
    position: absolute;
    top: 200px;
    left: 0;
    width: 100%;
    z-index: 11;
}
.topMenu__container .menu{
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 0;
}
.topMenu__container .menu li{
    width: 100%;
}
.topMenu__container .menu a{}
.topMenu__container .menu a:hover{}
.topMenu__container .menu li.active a{}
.content{}
.content__container{
    flex-direction: column-reverse;
    gap: 20px;
}
.content .breadcrumb{}
.content .breadcrumb li{}
.content .breadcrumb li span{}
.content .breadcrumb li a{}
.content .breadcrumb li a span{}
.content .breadcrumb .divider{}
.content .breadcrumb .icon-location{}
.content__left{
    width: 100%;
}
.content__left-module{}
.content__left .moduletable{}
.content__left h3{}
.content__left ul{}
.content__left ul li{}
.content__left ul li:first-child{}
.content__left ul li a{}
.content__left ul li a:before{}
.content__left ul li a:after{}
.content__left ul li a:hover{}
.content__left ul li.active a{}
.content__right{
    width: 100%;
    padding: 0;
}
.content__title,.content__right h1{}
.content__subtitle{}
.content__right p{}
.content__right b{}
.content__right p a{}
.content__right img.float-left{}
.content__right img.float-right{}
.slideshow__slide{}
.slideshow__slide img{}
.slideshow__body{}
.slideshow__title{}
.slideshow__subtitle{}
.slideshow__text{}
.slideshow__text b{}
.slideshow .slick-dots{}
.slideshow .slick-dots li{}
.slideshow .slick-dots button{}
.slideshow .slick-dots .slick-active button{}
.things{}
.things__row{}
.things__item{}
.things__one{}
.goods{}
.goods:before{display:none;}
.goods:after{display:none;}
.goods__container{}
.goods__title{}
.goods__items{}
.goods__item{}
.goods__item:hover{}
.goods__item img{}
.goods__price{}
.goods__link{}
.goods__right{}
.fish{}
.fish:before{}
.fish__container{}
.fish__body{}
.fish__title{}
.fish__items{}
.fish__item{}
.fish__itemBody{}
.fish__itemBody b{}
.lines{}
.lines__title{}
.lines__slick{}
.lines__slide{}
.lines .slick-arrow{}
.lines .slick-arrow:hover{}
.lines .slick-prev{}
.news{}
.news__title{}
.news__row{}
.news__item{}
.news__item:hover{}
.news__itemDate{}
.news__itemBody{}
.news__itemOne{}
.news__itemTwo{}
.about{}
.about__row{
    flex-direction: column-reverse;
    align-items: center;
}
.about__pic{
    width: 60%;
    margin-bottom: 20px;
}
.about__body{
    width: 100%;
    padding: 0;
}
.about_one{}
.about_two{}
.footer{}
.footer__row{}
.footer__col{}
.footer__col_1{}
.footer__col_2{}
.footer__col_3{}
.footer__col_4{}
.footer__title{}
.footer__one{}
.footer__two{}
.footer__two a{}
.footer__copy{}
.footer__dev{}
.footer__form{}
.footer__form input{}
.footer__form button{}
.logos{}
.logos .slick-arrow{}
.logos .slick-prev{}
.logos .slick-next{}
.logos__items{}
.logos__item{}
.logos__item img{}
}
@media (max-width:767px){
.container{width:100%;max-width:480px;padding-left:10px;padding-right:10px}.toggle{
    top: 60px;
    left: 12px;
}
#to-top{}
#to-top:hover{}
.bold,b{}
.root{}
.button-1{}
.button-1:before{}
.button-1:hover{}
.title-1{}
.subtitle-1{}
.toper{}
.toper__row{
    flex-wrap: wrap;
    gap: 10px;
}
.toper__left{
    width: 100%;
    justify-content: center;
}
.toper__right{
    width: 100%;
    font-size: 10px;
    justify-content: space-between;
}.active+.toper__right{
    top: 110px;
}
.header{
    padding: 20px 0;
}
.header__row{
    flex-direction: column;
    gap: 20px;
    padding: 0;
}
.header__logo{}
    .header__akts{
}
.header__photo{}
.header__photo:hover{}
.header__search{width: 100%;}
.header__search label{}
.header__search input{}
.header__search button{}
.header__search button:hover{}
.header__cart{}
.header__cart:hover{}
.header__cart img{}
.header__cart span{}
.header__cart:hover span{}
.topMenu{
}
.topMenu__container .menu{}
.topMenu__container .menu li{}
.topMenu__container .menu a{}
.topMenu__container .menu a:hover{}
.topMenu__container .menu li.active a{}
.content{
    padding: 20px 0;
}
.content__container{}
.content .breadcrumb{}
.content .breadcrumb li{}
.content .breadcrumb li span{}
.content .breadcrumb li a{}
.content .breadcrumb li a span{}
.content .breadcrumb .divider{}
.content .breadcrumb .icon-location{}
.content__left{}
.content__left-module{}
.content__left .moduletable{}
.content__left h3{}
.content__left ul{}
.content__left ul li{}
.content__left ul li:first-child{}
.content__left ul li a{}
.content__left ul li a:before{}
.content__left ul li a:after{}
.content__left ul li a:hover{}
.content__left ul li.active a{}
.content__right{}
.content__title,.content__right h1{}
.content__subtitle{}
.content__right p{}
.content__right b{}
.content__right p a{}
.content__right img.float-left{}
.content__right img.float-right{}
.slideshow__slide{}
.slideshow__slide img{}
.slideshow__body{
}
.slideshow__title{
    font-size: 34px;
}
.slideshow__subtitle{
    font-size: 14px;
}
.slideshow__text{
    font-size: 12px;
}
.slideshow__text b{}
.slideshow .slick-dots{
    text-align: center;
}
.slideshow .slick-dots li{}
.slideshow .slick-dots button{}
.slideshow .slick-dots .slick-active button{}
.things{
    margin-top: 20px;
}
.things__row{
    flex-wrap: wrap;
    gap: 20px;
}
.things__item{
    width: 100%;
}
.things__one{}
.goods{}
.goods:before{}
.goods:after{}
.goods__container{}
.goods__title{}
.goods__items{}
.goods__item{
    width: 100%;
}
.goods__item:hover{}
.goods__item img{}
.goods__price{}
.goods__link{}
.goods__right{}
.goods__right .button-1{
    width: 100%;
}
.fish{
    padding-bottom: 220px;
}
.fish:before{
    top: auto;
    bottom: 0;
    background-size: contain;
    height: 220px;
    width: 300px;
    margin: 0;
    margin-left: -150px;
}
.fish__container{}
.fish__body{}
.fish__title{}
.fish__items{}
.fish__item{}
.fish__itemBody{}
.fish__itemBody b{}
.lines{}
.lines__title{}
.lines__slick{}
.lines__slide{}
.lines .slick-arrow{}
.lines .slick-arrow:hover{}
.lines .slick-prev{}
.news{}
.news__title{}
.news__row{
    flex-wrap: wrap;
    gap: 20px;
}
.news__item{
    width: 100%;
}
.news__item:hover{}
.news__itemDate{}
.news__itemBody{}
.news__itemOne{}
.news__itemTwo{}
.about{}
.about__row{}
.about__pic{
    width: 100%;
}
.about__body{}
.about_one{}
.about_two{}
.footer{}
.footer__row{}
.footer__col{
    width: 100%;
    gap: 10px;
}
.footer__col_1{}
.footer__col_2{}
.footer__col_3{}
.footer__col_4{}
.footer__title{}
.footer__one{}
.footer__two{}
.footer__two a{}
.footer__copy{}
.footer__dev{}
.footer__form{}
.footer__form input{}
.footer__form button{}
.logos{}
.logos .slick-arrow{}
.logos .slick-prev{}
.logos .slick-next{}
.logos__items{
    padding-right: 40px;
}
.logos__item{}
.logos__item img{}
}