@font-face { font-family: 'OfficinaSansBoldITCItalic'; src: url('fonts/osn66.eot'); src: url('fonts/osn66.eot') format('embedded-opentype'), url('fonts/osn66.woff') format('woff'), url('fonts/osn66.svg#OfficinaSansBoldITCItalic') format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: 'CooperMdBTItalic'; src: url('fonts/cpr66.eot'); src: url('fonts/cpr66.eot') format('embedded-opentype'), url('fonts/coopermdbt-italic.woff') format('woff'), url('fonts/cpr66.svg#CooperMdBTItalic') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'OfficinaSansMediumITCItalic'; src: url('fonts/osn56.eot'); src: url('fonts/osn56.eot') format('embedded-opentype'), url('fonts/osn56.woff') format('woff'), url('fonts/osn56.svg#OfficinaSansMediumITCItalic') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'OfficinaSansMediumITCRegular'; src: url('fonts/osn55.eot'); src: url('fonts/osn55.eot') format('embedded-opentype'), url('fonts/osn55.woff') format('woff'), url('fonts/osn55.svg#OfficinaSansMediumITCRegular') format('svg'); font-weight: normal; font-style: normal; } html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, dd, dt, dl, table, tr, td, th, p, span, strong, small, a, img, form { margin: 0px; padding: 0px; } html { height: 100%; font-size: 62.5%; } body { font: italic bold 14px 'OfficinaSansBoldITCItalic', tahoma, Verdana, Arial, Helvetica, sans-serif; color: #1d3176; background: #afafaf; min-width: 1000px; position: relative; height: 100%; } img { border: none; } a { cursor: pointer; text-decoration: underline; color: #1d3176; } a:hover { text-decoration: none; } p { margin-bottom: 15px; } p small { font-size: 0.8em; } h1, h2, h3, h4, h5, h6 { font: italic 18px 'CooperMdBTItalic'; color: #009ae2; margin-bottom: 10px; } h1 { font-size: 24px; } h3 { font-size: 14px; } h4 { font-size: 13px; } h5 { font-size: 12px; } h6 { font-size: 11px; } input[type='submit'], input[type='button'] { cursor: pointer; } ul, ol { padding-left: 30px; margin-bottom: 15px; } ul li { list-style: disc outside; } .header:after, .menu:after, .container-description-1:after, .container-description-2:after, .vote:after { content: ''; display: block; height: 0; overflow: hidden; clear: both; font-size: 0; line-height: 0; } .rel { position: relative; } .wrapper { display: table; width: 924px; height: 100%; border-collapse: collapse; border: none; background: #e7e7e6 url(../images/background.png) 50% 662px repeat-y; margin: 0 auto; } .head-wrapper { display: table-header-group; } .head, .footer, .content { display: table-cell; vertical-align: top; } .footer, .head { height: 1px; } .footer { padding-bottom: 63px; } .footer-wrapper { display: table-footer-group; } .content-wrapper { display: table-row-group; } .head { background: url(../images/header.png) no-repeat; } .header { padding: 72px 0 0 222px; position: relative; height: 146px; } .logo a { position: absolute; left: 30px; top: 32px; width: 158px; height: 103px; background: url(../images/logo.png) no-repeat; } .title { background: url(../images/slogan.png) no-repeat; width: 701px; height: 84px; margin: 0 -15px -11px 0; padding-left: 17px; font: italic 36px/49px 'CooperMdBTItalic'; color: #fff; letter-spacing: 1px; } .title a { color: #fff; } .menu { position: relative; } .menu ul { padding: 0; margin: 0; } .menu li { display: block; float: left; list-style: none; padding: 0 22px 5px 1px; font-size: 16px; } .menu li a { color: #112f6b; } .menu li.active a { color: #f557a1; } .login { position: absolute; left: -9px; top: 184px; background: url(../images/background-login.png) no-repeat; padding: 5px 0 0 37px; width: 54px; height: 50px; } .login .login-link { font-size: 16px; text-decoration: none; color: #fff; display: inline-block; margin-bottom: 4px; } .login .registration { font-size: 8px; color: #112f6b; } .footer-background, .slider-wrapper { position: relative; margin: 49px -12px 51px -11px; background: url(../images/blue-background-center.png) repeat-y; padding: 7px 42px 0 41px; font: italic 15px 'OfficinaSansMediumITCItalic'; } .footer-background:after, .footer-background:before, .slider-wrapper:after, .slider-wrapper:before { position: absolute; content: ''; width: 100%; height: 49px; left: 0; top: -49px; background: url(../images/blue-background-top.png) no-repeat; z-index: 10; } .footer-background:after, .slider-wrapper:after { top: auto; bottom: -51px; background: url(../images/blue-background-bottom.png) no-repeat; height: 51px; } .footer-left, .footer-right { display: table-cell; vertical-align: top; width: 660px; } .footer-right { width: 204px; } .tel-in-footer { background: url(../images/tel_in_footer.png) no-repeat; width: 376px; height: 58px; margin: 0 0 -5px -41px; font-size: 25px; line-height: 44px; color: #fff; padding-left: 41px; } .feedback { font-size: 15px; font-weight: bold; } .feedback a { color: #fff; } .share { text-align: right; margin: -3px 0 0; } .share h5 { font: italic 14px 'OfficinaSansMediumITCItalic'; color: #112f6b; margin-bottom: 18px; } .share a { display: inline-block; margin-left: 15px; } .content { } .container-for-image-on-front { width: 864px; margin: 0 0 16px 30px; background: url(../images/lambi-paper-background.png) 0 100% no-repeat; text-align: center; padding-bottom: 48px; position: relative; } .container-for-image-on-front-description { position: absolute; text-align: left; right: 0; top: -5px; width: 193px; font: italic 15px/18px 'OfficinaSansMediumITCItalic'; } .container-for-image-on-front-description ul { padding: 0; margin: 0; } .container-for-image-on-front-description li { list-style: none; padding: 0; margin: 0 0 11px; display: block; } .container-for-image-on-front-description li span { color: #e4007d; } .container-for-image-on-front img { margin-left: 8px; } .container-description-1, .container-description-2 { position: relative; margin: 0 auto 20px; width: 589px; padding: 0 139px 24px 136px; text-align: center; background: url(../images/background-for-description-container-2.png) 46% 10px no-repeat; font: 14px/17px 'OfficinaSansMediumITCRegular'; float: none; clear: both; } .container-description-1:before, .container-description-2:before { position: absolute; content: ''; background: url(../images/background-for-description-container.png) no-repeat; width: 36px; height: 23px; left: 50%; bottom: 6px; margin-left: -22px; } .container-description-2 { background: none; padding-bottom: 41px; } .headline { display: inline-block; padding: 0 66px 0 64px; margin: 0 auto 7px; font-size: 36px; position: relative; } .container-description-2 .headline { margin-bottom: 12px; } .headline:after, .headline:before { position: absolute; content: ''; background: url(../images/headline-background-left.png) no-repeat; width: 41px; height: 26px; left: 0; top: 10px; } .headline:after { left: auto; right: 0; background: url(../images/headline-background-right.png) no-repeat; } .slider-wrapper { margin-bottom: 146px; margin-top: 25px; padding: 0 12px 0 11px; float: left; width: 100%; font: italic bold 14px 'OfficinaSansBoldITCItalic'; } .slider { width: 775px !important; height: 470px; margin: -27px auto -25px 77px; position: relative; overflow: hidden; z-index: 20 !important; } .slider ul { padding: 0; margin: 0; } .slider li { list-style: none; display: block; float: left; position: relative; padding: 0; margin: 0; width: 775px; height: 470px; } .slide-name { position: absolute; width: 100%; text-align: center; top: 11px; } .cloud { display: none; position: absolute; padding: 9px 20px 15px; right: -133px; bottom: 36px; margin-bottom: 54px; min-width: 242px; text-align: center; font-size: 18px; line-height: 24px; color: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 350px; background: url("../images/cloud-background.png"); -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } .cloud:before { display: block; content: ''; background: url(../images/cloud-bottom.png) 100% 0 no-repeat; width: 100%; height: 54px; position: absolute; right: 35px; top: 100%; } .cloud h3 { font-size: 33px; color: #fff; margin: 0; } .cloud p { margin: 0; } .cloud p a { color: #fff; } .slider .sneakers, .slider .plaid, .slider .mat, .slider .wipes, .slider .handkerchiefs, .slider .bathrobe, .slider .certificate, .slider .napkin-holder, .slider .money { position: absolute; width: 106px; height: 60px; top: 410px; left: 72px; cursor: pointer; background: url(about:blank); } .slider .plaid { width: 124px; height: 95px; left: 425px; top: 122px; } .slider .mat { width: 176px; height: 48px; left: 458px; top: 423px; } .slider .wipes { width: 51px; height: 22px; left: 382px; top: 170px; } .slider .handkerchiefs { width: 41px; height: 20px; left: 615px; top: 166px; } .slider .bathrobe { width: 91px; height: 406px; left: 685px; top: 12px; } .slider .napkin-holder { width: 96px; height: 35px; left: 484px; top: 261px; } .slider .certificate { width: 34px; height: 29px; left: 615px; top: 261px; } .slider .money { width: 38px; height: 20px; left: 39px; top: 270px; } .slider .wipes .cloud { bottom: 14px; } .slider .handkerchiefs .cloud { bottom: 14px; right: -116px; } .slider .money .cloud { bottom: 8px; right: -168px; } .slider .money .cloud:before { right: 75px } .slider .bathrobe .cloud { bottom: 214px; right: auto; left: -153px; } .slider .bathrobe .cloud:before { background: url(../images/cloud-bottom-2.png) no-repeat; right: auto; left: 35px; } .slider .certificate .cloud { bottom: 14px; right: auto; left: -133px; } .slider .certificate .cloud:before { background: url(../images/cloud-bottom-2.png) no-repeat; right: auto; left: 35px; } .slider-wrapper .arrows { /* position: absolute; left: 0; top: 0;*/ } .slider-wrapper .arrows .arrow-left, .slider-wrapper .arrows .arrow-right { display: block; position: absolute; background: url(../images/arrow.png) 0 0 no-repeat; width: 58px; height: 85px; padding: 0; margin: -32px 0 0; border: none; text-indent: -99in; overflow: hidden; cursor: pointer; top: 50%; outline: none; } .slider-wrapper .arrows .arrow-left { left: 19px; background-position: 0 -85px; } .slider-wrapper .arrows .arrow-right { right: 19px; } .order { position: absolute; top: 443px; width: 777px; left: 87px; background: url(../images/lines.png) repeat-y; padding: 13px 7px 12px; box-sizing: border-box; } .order-list { display: table-row; } .order-list dt, .order-list dd { display: table-cell; vertical-align: middle; white-space: nowrap; padding-right: 7px; } .order-list dt { text-align: right; } .order-list dd { font-size: 18px; color: #f4509c; } .button-1 { display: inline-block; background: url(../images/button-1.png) no-repeat; width: 86px; height: 21px; padding: 0; margin: 0; text-align: center; border: none; font: italic 14px/21px 'OfficinaSansMediumITCItalic'; color: #fff; vertical-align: middle; text-decoration: none; } .order .button-1 { margin-left: 51px; margin-top: 8px; } .vote { width: 589px; margin: -54px 0 15px 166px; position: relative; } .prize-1, .prize-2 { width: 285px; float: left; text-align: center; position: relative; } .prize-2 { float: right; } .prize-img { margin-bottom: 12px; overflow: hidden; position: relative; } .prize-img img { float: left; width: 275px; height: 275px; border: solid 5px #fff; -moz-border-radius: 140px; -webkit-border-radius: 140px; border-radius: 140px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; position: relative; } .prize-title { position: absolute; background: url(../images/headline-vote-left.png) no-repeat; width: 202px; height: 114px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; left: 6px; top: 187px; padding: 64px 0 0 13px; font: italic 14px/15px 'OfficinaSansMediumITCItalic'; color: #fff; } .prize-2 .prize-title { background: url(../images/headline-vote-right.png) no-repeat; left: auto; right: 6px; padding: 63px 0 0; font: italic 14px/15px 'OfficinaSansMediumITCItalic'; color: #fff; } .prize-1 .button-1 { margin-left: -22px; } .prize-2 .button-1 { margin-right: -34px; } .vote .count { font: bold italic 28px 'CooperMdBTItalic'; color: #00a1e0; margin: 20px 0 0 5px; } .vote .prize-2 .count { margin-left: 21px; } .vote .or { position: absolute; top: 214px; left: 258px; font: bold italic 39px 'CooperMdBTItalic'; color: #00a1e0; } .hidden { display: none; }