@font-face {
	font-family: 'EtelkaPro';
	src: url(../fonts/etelkapro.woff) format('woff');
}
@font-face {
	font-family: 'EtelkaProBold';
	src: url(../fonts/etelkaprobold.woff) format('woff');
}

div.container {position: relative; width: 100%; min-width: 700px; max-width: 1200px; height: 220px; background: url(../img/bg.png) center top no-repeat; overflow: hidden;}
div.container div.bgyellow {position: absolute; width: 1200px; height: 220px; left: 50%; top: 0; margin: 0 0 0 -600px;}
div.container div.bgyellow div.y1 {position: absolute; left: 0; top: 0; width: 673px; height: 0; border-top: 220px solid #fff601; border-right: 105px solid transparent;}
div.container div.bgyellow div.y2 {position: absolute; left: 724px; top: 0; width: 17px; height: 220px; -webkit-transform: skew(-25.5deg); -moz-transform: skew(-25.5deg); -o-transform: skew(-25.5deg); background: #fff601;}
div.container div.bgyellow div.y3 {position: absolute; left: 740px; top: 0; width: 10px; height: 220px; -webkit-transform: skew(-25.5deg); -moz-transform: skew(-25.5deg); -o-transform: skew(-25.5deg); background: #fff601;}
div.container div.bgyellow div.y4 {position: absolute; left: 749px; top: 0; width: 17px; height: 220px; -webkit-transform: skew(-25.5deg); -moz-transform: skew(-25.5deg); -o-transform: skew(-25.5deg); background: #fff601;}
div.container div.bgyellow div.y5 {position: absolute; left: 712px; top: 0; width: 383px; height: 0; border-bottom: 220px solid #fff601; border-left: 105px solid transparent;}
div.container div.products {position: absolute; width: 45%; top: 0; right: 0; bottom: 0;}
div.container div.products div.product_1 {position: absolute; z-index: 1; width: 407px; height: 173px; left: 0; top: 21px;}
div.container div.products div.product_2 {position: absolute; z-index: 2; width: 157px; height: 176px; left: 0; top: 38px; margin: 0 0 0 315px;}
div.container div.products div.product_3 {position: absolute; z-index: 3; width: 170px; height: 79px; left: 0; top: 138px; margin: 0 0 0 220px;}
div.container div.products img {width: 100%; height: auto;}
div.container div.text_1 {position: absolute; left: 0; top: 27px;}
div.container div.text_1 div.bg {width: 203px; height: 0; border-top: 65px solid #fff601; border-right: 32px solid transparent;}
div.container div.text_1 div.txt {position: absolute; width: 190px; left: 15px; top: 12px; font-family: 'EtelkaPro', Arial, sans-serif; font-size: 110%; line-height: 1.2; font-weight: normal; color: #101110;}
div.container div.text_2 {position: absolute; left: 0; top: 99px;}
div.container div.text_2 div.bg {width: 178px; height: 0; border-top: 81px solid #fff601; border-right: 40px solid transparent;}
div.container div.text_2 div.txt {position: absolute; width: 163px; left: 15px; top: 12px; font-family: 'EtelkaProBold', Arial, sans-serif; font-size: 108%; line-height: 1.2; font-weight: normal; color: #101110;}
@media (max-width: 1000px) {
	div.container div.products div.product_1 {width: 366px; height: 155x; top: 30px;}
	div.container div.products div.product_2 {width: 141px; height: 158px; top: 47px; margin-left: 280px;}
	div.container div.products div.product_3 {width: 153px; height: 71px; top: 141px; margin-left: 190px;}
}
@media (max-width: 860px) {
	div.container div.products {width: 50%;}
}
@media (max-width: 780px) {
	div.container div.products {width: 55%;}
}