.goods {
    width: 100%;
    background: #59cafb;
    padding-top: 64px;
    padding-bottom: 84px;
    overflow: hidden;
    min-height: 100vh
}
.goods .medium42 {
    color: #fff;
    margin-top: 32px;
    margin-bottom: 30px
}
.goods__showAll {
    cursor: pointer;
    opacity: .5;
    margin-right: 10px
}
.goods__showAll:hover {
    opacity: 1
}
.goods-caption {
    margin-top: 20px
}
.goods-caption .medium32 {
    color: #000;
    text-align: left;
    text-transform: none
}
.goods-caption .regular16 {
    color: #000;
    text-align: left;
    line-height: 24px
}
.goods-caption p:before {
    content: ' ';
    display: block;
    width: 200px;
    height: 2px;
    background: #000;
    margin-bottom: 35px;
    margin-top: 20px
}
.carousel-indicators {
    padding: 0;
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-left: 0;
    margin-top: 15px
}
.carousel-indicators .active,
.carousel-indicators li {
    vertical-align: middle
}
.carousel-indicators li {
    box-sizing: content-box;
    width: 10px;
    height: 10px;
    border-radius: 0;
    border: 15px solid #59cafb;
    border-right: 20px solid #59cafb;
    border-left: 20px solid #59cafb;
    background: rgba(255, 255, 255, .5)
}
.goodsCarousel .item img {
    margin: 0 auto
}
.goods-nav-str {
    display: inline-block;
    width: 16px;
    height: 52px;
    position: absolute;
    top: 45%;
    margin-top: -52px;
    opacity: .5
}
.goods-nav-str:hover,
.section-grid-items .item:hover .item-link>img.hover,
.social>a:hover {
    opacity: 1
}
.goods-prev {
    left: -6%;
    background: url(../img/general/buttons/small-left.png)
}
.goods-next {
    right: -6%;
    background: url(../img/general/buttons/small-right.png)
}
.goods__viewAll {
    display: none
}
.view__box {
    display: inline-block;
    margin-bottom: 38px
}
.view__image {
    width: 369px;
    height: 230px;
    background-position: 0 0;
    background-repeat: no-repeat
}
.view__scovor {
    background-image: url(../img/general/goods/sprite/skovorodki_375.png)
}
.view__chashki {
    background-image: url(../img/general/goods/sprite/chashki_375.png)
}
.view__bokaly {
    background-image: url(../img/general/goods/sprite/bokaly_375.png)
}
.view__vilki {
    background-image: url(../img/general/goods/sprite/priboryi_375.png)
}
.view__plastik {
    background-image: url(../img/general/goods/sprite/plastiki_37.png)
}
.view__himka {
    background-image: url(../img/general/goods/sprite/chemi_375r.png)
}
.view__image:hover {
    background-position: 0 -230px
}
.section-grid-items .item {
    height: 280px;
    margin-top: 60px;
    position: relative;
    background: #68d9fa;
    overflow: hidden
}
.section-grid-items.m0 {
    margin-left: 0;
    margin-right: 0
}
.section-grid-items .p20 {
    padding-left: 20px;
    padding-right: 20px
}
.section-grid-items .item .item-link {
    display: block;
    width: 100%;
    height: 100%
}
.section-grid-items .item .item-link>img,
.section-grid-items .item .item-link>img.hover {
    -webkit-transition: .25s ease;
    transition: .25s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.section-grid-items .item .item-link>img {
    display: block;
    position: absolute;
    width: 100%;
    height: auto;
    max-height: 280px;
    max-width: 450px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto
}
.section-grid-items .item .item-link>img.hover {
    opacity: 0
}
@media screen and (max-width: 424px) {
    .section-grid-items .col-xs-6 {
        width: 100%
    }
    .section-grid-items .item {
        margin-top: 20px;
        height: 180px
    }
}
@media screen and (max-width: 767px) {
    .section-grid-items .p20 {
        padding-left: 15px;
        padding-right: 15px
    }
    .section-grid-items .item {
        margin-top: 40px;
        height: 200px
    }
}
@media screen and (max-width: 1365px) {
    .section-grid-items .item {
        background: 0 0
    }
}



@media (min-width: 300px) and (max-width: 319px) {
    .carousel-indicators li {
        border-right: 13px solid #59cafb;
        border-left: 13px solid #59cafb
    }
    .navbar-fix__overlay {
        padding-right: 9px
    }
}
@media (min-width: 320px) and (max-width: 380px) {
    .carousel-indicators li {
        border-right: 15px solid #59cafb;
        border-left: 15px solid #59cafb
    }
}
@media (min-width: 768px) {
    .goods .medium42 {
        margin-bottom: 45px
    }
    .carousel-indicators li {
        border: 21px solid #59cafb;
        border-right: 27px solid #59cafb;
        border-left: 27px solid #59cafb
    }
    .navbar-fix__logo-box {
        margin-left: 15px
    }
    .header_buter {
        width: 34px;
        margin-right: 15px
    }
}
@media (max-width: 1199px) {
    .goods-caption__desktop-img {
        display: none!important
    }
}
@media (min-width: 1200px) {
    .goodsCarousel .item img {
        float: right;
        width: 55%;
        max-width: 650px
    }
    .goods-caption__mobile-img {
        display: none!important
    }
    .goods-caption {
        margin-top: 0;
        float: right;
        width: 42%;
        max-width: 460px;
        margin-left: 3%
    }
    .goods .medium42 {
        margin-top: 25px;
        margin-bottom: 35px;
        padding-left: 8.33333333%
    }
    .goodsCarousel {
        height: 600px
    }
    .carousel-indicators li {
        border: 5px solid #59cafb;
        border-right: 27px solid #59cafb;
        border-left: 27px solid #59cafb
    }
    .carousel-indicators {
        position: absolute
    }
    .goods__showAll {
        margin-top: 35px
    }
    .navbar-fix__logo-box {
        margin-left: 30px
    }
}
@media (min-width: 1200px) and (max-width: 1270px) {
    .goodsCarousel .item img {
        margin-top: 5%
    }
    .goodsCarousel {
        height: 620px
    }
}
@media (min-width: 1450px) {
    .goodsCarousel .item {
        padding-right: 4%
    }
}
@media (max-width: 991px) {
    .goods-nav-str {
        display: none
    }
}

@media (min-width: 1500px) {
    .goods {
        padding-top: 80px;
        padding-bottom: 25px
    }
	.goods .medium42 {
        margin-top: 37px;
        margin-bottom: 60px
    }
    .goods__showAll {
        margin-top: 133px;
        margin-bottom: 30px
    }
    .goodsCarousel {
        height: auto;
        min-height: 67.5vh
    }
    .goods__showAll {
        margin-right: 65px
    }
    .goods-caption {
        width: 36%;
        margin-left: 4%
    }
    .goodsCarousel .item {
        padding-right: 11%
    }
    .visible-lg ul {
        padding-top: 28px
    }
    .visible-lg .navbar-fix_item {
        margin-left: 80px
    }
}
@media(min-width: 1500px){
    .item-yellow .header__images{
        max-width: 140vh;
    }
}