.banner{margin-top: -15px;}

.banner_item{position: relative;}
.banner_item__frame{position: absolute;top:3px;bottom: 3px;left: 3px;right: 3px;border:2px solid #f0f0f0;transition: 0.1s;}

.banner a.banner_item__link {text-decoration: none !important;color: #333;font-size: 12px;}
.banner_item__name{font-weight: 700;}
.banner_item__name span.io-points{font-weight: 100;font-size: 12px;white-space: nowrap;}

.banner .price_label{font-weight: 100;}
.banner .available_label{font-weight: 100;}
.banner .price_value, .banner .available_value {font-weight: 700;color: #34ab5e;}

.banner a.banner_item__link .banner_item{text-decoration: none !important;}
.banner a.banner_item__link:hover 
.banner_item__frame{top:0px;bottom: 0px;left: 0px;right: 0px;}
.banner .picture_preview{width: 70px;height: 50px;background: center no-repeat;float: left;margin-right: 5px;}

.banner .picture_preview.shrink{background-size: 100% auto}


.banner_item{width: 440px;height: 70px;padding: 10px 10px;box-sizing: border-box;
             margin: 10px auto;}

.banner .owl-controls{position: absolute;top:17%; left: 50%;width: 100%;margin-left: -50%;}
.banner .owl-prev,.banner .owl-next{
    position: absolute;top:0;
    background-color: #e0e0e0 !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    overflow: hidden;
    text-indent: -999px;
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    opacity: 0.8;
}
.banner .owl-prev{left:0;
                  background-image: url('/forum/images/arr-green-left.png') !important;
}
.banner .owl-next{right:0;
                  background-image: url('/forum/images/arr-green-right.png') !important;
}

.banner_texts_wrap{display: table;width: 340px;float: right;margin-left: -10px;}
.banner_texts{display: table-cell;width: 340px;height: 50px;vertical-align: middle;}

.banner.videos {width: 86%;margin-left: 13.7%;}
.banner.videos .banner_texts_wrap{display: table;width: 300px;float: right;margin-left: 0px;}
.banner.videos .banner_texts{display: table-cell;width: 300px;height: 50px;vertical-align: middle;}
.banner.videos .picture_preview{width: 100px;height:60px;margin: -5px 5px -10px 1px}
.banner.videos .banner_item__link{display:block;background-color: #d9f2d9;}
.banner.videos .banner_item__link:hover{background-color: #3aca6c;color: #fff;}

.banner_videos_youtube_link_block {width: 222px;position:absolute;margin-right: 1%;box-sizing: border-box;padding: 1px;float: left;}
.banner_videos_youtube_link_block a{margin-top: -6px;
    border: 2px solid #d9f2d9;padding: 3px 0 3px 6px;
    display: block;font-weight: bold;font-size: 13px;line-height: 20px;
    background: url("/forum/styles/prosilver/imageset/template_images/icon_soc_youtube3.png") 90% center  no-repeat;
    height: 60px;
}
.banner_videos_youtube_link_block a:hover{
    border: 2px solid #3aca6c;
}


@media (min-width:1700px){
    .banner_item{width: 420px;}
    .banner_texts_wrap {width: 307px;}
    .banner_texts {width: 307px;}
    .banner .picture_preview{width: 90px;}
    .banner.videos .banner_texts_wrap{display: table;width: 280px;float: right;margin-left: 0px;}
    .banner.videos .banner_texts{display: table-cell;width: 280px;height: 50px;vertical-align: middle;}
    .banner_videos_youtube_link_block a{font-size: 12px;line-height: 20px;}
}
@media (max-width:1570px){
    .banner.videos {width: 79%;margin-left: 20.7%;}

}
    @media (max-width:1335px){
    .banner_item{width: 500px;}
    .banner_texts_wrap {width: 387px;}
    .banner_texts {width: 387px;}
    .banner .picture_preview{width: 90px;}
    .banner_videos_youtube_link_block a{font-size: 12px;line-height: 14px;}
}

@media (max-width:1140px){
    .banner.videos {width: 77%;margin-left: 22.7%;}

}
@media (max-width:1040px){
    .banner.videos {width: 75%;margin-left: 24.7%;}

}
@media (max-width:800px){
    .banner.videos {width: 55%;margin-left: 36%;}

    .banner.videos .banner_texts_wrap {

        width: 360px;

    }


}

