/*@font-face {
	font-family: 'BeauSansProBold'; 
	src: url(fonts/PFBeauSansPro-SeBold.ttf); 
}
@font-face {
	font-family: 'BeauSansPro'; 
	src: url(fonts/PFBeauSansPro-Reg.ttf); 
}*/
.opad_inner {
    display:block;
    width: 100%;
    height: 162px;
    padding: 0px;
    margin: 0 0 24px 0;
    position: relative;
    border:1px solid #726b66;
}
.opad_inner .fon{

    width: calc(100% - 336px);
    height: 160px;
    background: #f0832a;
    position: absolute;
	padding-left: 75px;
}
.opad_inner .fon:after{
    content: '';
    width: 57px;
    height: 160px;
    position: absolute;
    right: -56px;
    bottom: 0px;
    background: url(/upload/opad/nhb/fon-right.png);

}
.opad_inner .fon .price {
	font-family: 'BeauSansPro', Arial, sans-serif;
    float: right;
    height: 40px;
    width: 190px;
    color: #fff;
    background: #777676;
    position: absolute;
    top: 10px;
    right: -9px;
    z-index: 10;
    font-size: 28px;
	padding-left: 9px;
	font-weight: 900;
}
.opad_inner .fon .price:after{
    content: '';
    width: 11px;
    height: 40px;
    position: absolute;
    right: -11px;
    bottom: 0px;
    background: url(/upload/opad/nhb/price-right.png);

}
.opad_inner .fon .zag{
    font-family: 'BeauSansPro', Arial, sans-serif;
    font-size: 36px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 900;
    padding-bottom: 5px;
    line-height: 38px;
    margin-top: 12px;
   
}
.opad_inner .fon .zag span{
	padding-bottom: 2px;
    border-bottom: 3px solid #fff;
}
.opad_inner .fon .text{
	font-family: 'BeauSansPro', Arial, sans-serif;
	color: #fff;
    font-size: 20px;
}
.opad_inner .img{
	float:right;
	
}
.opad__content {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 100%;
}
.opad__line {
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 22px;
}
.line__prod-name {

}
.line__prod-price {
    background: #777676;
    color: #fff;
    font-size: 22px;
    line-height: normal;
    font-weight: 900;
    z-index: 10;
    padding: 6px 9px 4px 9px;
}
.lines-sep {
    border-top: 3px solid #fff;
}
.opad_inner .fon .line-sub .text {
    font-size:18px;
}
.strong {
    font-family: BeauSansProBold,Open Sans,Arial,sans-serif;
    font-weight: 900;
}
@media (max-width: 1024px) {
.opad_inner .fon {
	padding-left: 25px;
}
.opad_inner .fon .zag {
    font-size: 31px;
    line-height: 33px;
    margin-top: 29px;
}
.opad_inner .fon .text {
    font-size: 18px;
}
}
@media (max-width: 767px) {
.opad_inner {
   height: 485px;
}
.opad_inner .img {
    float: right;
    width: 100%;
}
.opad_inner .img img{
    width: 100%;
	height:auto;
}

.opad_inner .fon {
	width:100%;
    height: 287px;
    margin-top: 196px;
	padding-left: 25px;
}
.opad_inner .fon:after{
    content: '';
    width: 34px;
    height: 287px;
    position: absolute;
    right: -1px;
    bottom: 0px;
    background: url(/upload/opad/nhb/fon-right-mob.png);

}
.opad_inner .fon .zag {
    font-size: 30px;
	line-height: 31px;
	margin-top: 35px;
}
.opad_inner .fon .price {
    bottom: 20px;
    right: 0px;
    left: 20px;
    z-index: 10;
	top: unset;
}
.opad_inner .fon .text {
    font-size: 16px;
}

}
@media (max-width: 414px) {
    .opad_inner {
        height: 457px;
    }
    .opad_inner .fon {
        margin-top: 170px;
    }
    .opad_inner .fon .zag {
        font-size: 27px;
        line-height: 29px;
        margin-top: 46px;
    }
    .opad_inner .fon .text {
        font-size: 15px;
    }
}
@media (max-width: 360px) {
    .opad_inner {
        height: 400px;
    }
    .opad_inner .fon {
        height: 240px;
        margin-top: 158px;
        padding-left:20px;
    }
    .opad_inner .fon:after{
        background-size: cover;
            height: 240px;
    }
    .opad_inner .fon .zag {
        font-size: 22px;
            line-height: 25px;
            margin-top: 35px;
    }
    .opad_inner .fon .text {
        /*font-size: 11px;*/
    }

    .opad_inner .fon .price {font-size: 22px;
        width: 149px;
        height: 32px;}
    .opad_inner .fon .price:after{
        height: 32px;
    background-size: cover;
    }
}