@charset "windows-1251"; #offer { background: white; } #offer ul, #offer ul li { list-style: none; padding: 0px; margin: 0px; width: 100%; height: 100%; display: block; position: absolute; top: 0px; left: 0px; background: white; max-height: 100%; } #offer ul#photos li > a { display: block; float: left; width: 49%; height: 100%; text-align: center; } #offer ul#photos li > a.offer-overflowLink { position: absolute; top: 0px; left: 0px; float: none; width: 100%; z-index: 9; background: rgba(0,0,0,0.00); } #offer ul#photos li a img { max-height: 100%; max-width: 100%; } #offer ul#photos li article { float: right; margin: 0% 1%; max-width: 48%; } #offer ul#photos li article h2 { font-family: 'Poiret One', cursive; font-size: 2em; font-weight: 400; } #offer ul#thumbs { width: auto; height: 12px; left: 0.5em; top: auto; z-index: 10; background: rgba(0,0,0,0.00); bottom: 0.5em; } #offer ul#thumbs li { display: inline-block; position: relative; width: 10px; height: 10px; background: rgba(0,0,0,0.00); text-align: center; border-radius: 50%; border: 1px solid cornflowerblue; overflow: hidden; padding: 0px; margin: 0px; } #offer ul#thumbs li a { color: cornflowerblue; font-size: 0.1em; overflow: hidden; display: block; position: absolute; top:0px; left: 0px; width: 100%; height: 100%; padding: 0px; margin: 0px; line-height: 0px; border: 0px; } #offer ul#photos li div.offer-spec { position: absolute; z-index: 15; right: 0.5em; bottom: 0.5em; width: 60px; height: 60px; border-radius: 50%; border: 1px solid white; text-align: center; margin: 0px; padding: 0px; -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -o-transform: rotate(-10deg); transform: rotate(-10deg); background-color: #3EA8FF; overflow: hidden; font-size: 1em; line-height: 400%; color: white; } #offer ul#photos li div.offer-action:before { content: 'Акция!'; } #offer ul#photos li div.offer-new { background: #6CB000; font-size: 0.85em; } #offer ul#photos li div.offer-new:before { content: 'Новинка!'; line-height: 500%; } #offer ul#photos li div.offer-hit { background: orange; } #offer ul#photos li div.offer-hit:before { content: 'Хит!'; } #offer ul#photos li div.offer-previous, #offer ul#photos li div.offer-next { position: absolute; height: 100%; width: 50px; text-align: center; color: rgba(0,0,0,0.20); z-index: 20; cursor: pointer; } #offer ul#photos li div.offer-previous { left: 0.1em; text-align: left; } #offer ul#photos li div.offer-next { right: 0.1em; text-align: right; } #offer ul#photos li div.offer-previous:before, #offer ul#photos li div.offer-next:before { position: absolute; top: 42%; font-size: 1.5em; } #offer ul#photos li div.offer-previous:before { content: "\27E8"; left: 0px; } #offer ul#photos li div.offer-next:before { content: "\27E9"; right: 0px; } @media screen and (max-width:600px) { #offer { height: 150px !important; } #offer ul#photos li a img { max-height: 100%; } #offer ul#photos li article h2 { font-size: 1.7em; font-weight: 600; } #offer ul#photos li article p { display: none; } #offer ul#thumbs li { width: 5px; height: 5px; } } @media screen and (max-width:500px) { #offer ul#photos li div.offer-spec { display: none; } } @media screen and (max-width:420px) { #offer ul#photos li article h2 { font-size: 1.3em; } }