@font-face { font-family: 'pf_dindisplay_prolight'; src: url('../fonts/pfdindisplaypro-light-webfont.eot'); src: url('../fonts/pfdindisplaypro-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/pfdindisplaypro-light-webfont.woff2') format('woff2'), url('../fonts/pfdindisplaypro-light-webfont.woff') format('woff'), url('../fonts/pfdindisplaypro-light-webfont.ttf') format('truetype'), url('../fonts/pfdindisplaypro-light-webfont.svg#pf_dindisplay_prolight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'pf_dindisplay_promedium'; src: url('../fonts/pfdindisplaypro-med-webfont.eot'); src: url('../fonts/pfdindisplaypro-med-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/pfdindisplaypro-med-webfont.woff2') format('woff2'), url('../fonts/pfdindisplaypro-med-webfont.woff') format('woff'), url('../fonts/pfdindisplaypro-med-webfont.ttf') format('truetype'), url('../fonts/pfdindisplaypro-med-webfont.svg#pf_dindisplay_promedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'pf_dindisplay_proregular'; src: url('../fonts/pfdindisplaypro-reg-webfont.eot'); src: url('../fonts/pfdindisplaypro-reg-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/pfdindisplaypro-reg-webfont.woff2') format('woff2'), url('../fonts/pfdindisplaypro-reg-webfont.woff') format('woff'), url('../fonts/pfdindisplaypro-reg-webfont.ttf') format('truetype'), url('../fonts/pfdindisplaypro-reg-webfont.svg#pf_dindisplay_proregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'MyriadProRegular'; src: url('../fonts/myriad_pro-webfont.eot'); src: url('../fonts/myriad_pro-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/myriad_pro-webfont.woff') format('woff'), url('../fonts/myriad_pro-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } body.pr { margin:0; color:#090909; font:20px/24px 'pf_dindisplay_proregular', Arial, Helvetica, sans-serif; background:#fff; min-width:1000px; } .pr img { border-style:none; vertical-align:top; } .pr a { color:#090909; outline:none; } .pr a:hover { text-decoration:none; } .pr * { outline:none; } .pr input { font:100% Arial, Helvetica, sans-serif; vertical-align:middle; } .pr form, .pr fieldset { margin:0; padding:0; border-style:none; } .pr header, .pr nav, .pr section, .pr article, .pr aside, .pr footer, .pr figure, .pr menu, .pr dialog { display: block; } #pr-wrapper{ width:100%; overflow:hidden; } .pr-center{ width:964px; margin:0 auto; padding:0 18px; } .pr-center:after{ display:block; clear:both; content:''; } #pr-header{ overflow:hidden; min-height:98px; padding:62px 0 10px; } .pr-logo{ float:left; width:254px; height:74px; background:url(../images/pr-logo.png) no-repeat; text-indent:-9999px; overflow:hidden; } .pr-logo a{ display:block; height:100%; } .pr-slogan{ float:left; margin:0 0 0 20px; background:url(../images/pr-line01.png) no-repeat 0 50%; padding:28px 0 20px 20px; color:#454545; font:19px/21px 'pf_dindisplay_prolight', Arial, Helvetica, sans-serif; text-transform:uppercase; } .pr-search-icon{ background:url(../images/pr-icon01.png) no-repeat; width:17px; height:19px; display:inline-block; vertical-align:top; margin:0 1px 0 3px; } .pr-header-box{ float:right; text-align:right; margin:-4px 0 0; } .pr-phone{ font-size: 25px; line-height:30px; text-decoration:none; color:#454545; display:inline-block; vertical-align:top; margin:0 0 5px; } .pr-social{ margin:0; padding:0; list-style:none; font-size: 0; line-height:0; } .pr-social li{ display:inline-block; vertical-align:middle; margin:0 0 0 6px; -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -ms-transition: all 100ms linear; -o-transition: all 100ms linear; transition: all 100ms linear; } .pr-social li:hover{ opacity:0.8; } #pr-promo{ background:url(../images/pr-img01.jpg) no-repeat 50% 0; background-size:cover; min-height:400px; padding:35px 0 47px; color:#fff; } #pr-promo .pr-center{ padding:0 25px; width:950px; } #pr-promo h1{ font-weight:normal; margin:0 0 16px; font:39px/39px 'pf_dindisplay_prolight', Arial, Helvetica, sans-serif; color:#fff; } #pr-promo h2{ font-weight:normal; margin:0 0 15px; font:27px/33px 'pf_dindisplay_promedium', Arial, Helvetica, sans-serif; color:#99fbff; } #pr-promo p{ margin:0; } .pr-promo-text{ max-width:400px; margin:0 0 22px; } .pr .pr-promo-text a{ color:#fff; } .pr-form{ width:509px; text-align:center; } .pr-form .pr-row{ overflow:hidden; margin:0 0 14px; } .pr-input{ float:left; height:46px; width:186px; padding:0 44px 0 18px; margin:0 0 0 13px; background:#fff; border-radius:4px; position:relative; } .pr-input:first-child{ margin:0; } .pr-input:after{ content:''; position:absolute; top:13px; right:14px; width:20px; height:20px; } .pr-input.pr-name:after{ background:url(../images/pr-icon02.png) no-repeat 50% 50%; } .pr-input.pr-email:after{ background:url(../images/pr-icon03.png) no-repeat 50% 50%; } .pr-form input{ padding:0; border:none; color:#000; font:17px/21px 'pf_dindisplay_promedium', Arial, Helvetica, sans-serif; height:24px; margin:12px 0 0; } .pr-form input:focus::-webkit-input-placeholder { color:transparent; } .pr-form input:focus:-moz-placeholder { color:transparent; } .pr-form input:focus:-ms-input-placeholder { color:transparent; } .pr-form input:focus::-moz-placeholder { color:transparent; } .pr-form input::-webkit-input-placeholder { /* WebKit browsers */ color:#808080; opacity:1; } .pr-form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#808080; opacity:1; } .pr-form input::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#808080; opacity:1; } .pr-form input:-ms-input-placeholder { /* Internet Explorer 10+ */ color:#808080; opacity:1; } .pr-form button{ display:block; border:2px solid #fff; border-radius:4px; background:#ff6900; height:64px; font: 30px/58px 'pf_dindisplay_proregular', Arial, Helvetica, sans-serif; text-align:center; text-transform:uppercase; color:#fff; width:100%; cursor:pointer; -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -ms-transition: all 100ms linear; -o-transition: all 100ms linear; transition: all 100ms linear; } .pr-form button:hover{ opacity:0.9; } #pr-content{ padding:59px 0 26px; overflow:hidden; } .pr .pr-interesting-form{ overflow:hidden; margin:0 0 50px; } .pr-interesting{ float:left; width:300px; margin:0 85px 0 0; } .pr-interesting h3{ font-weight:normal; margin:0 0 14px; font:27px/27px 'MyriadProRegular', Arial, Helvetica, sans-serif; color:#080808; } .pr-interesting h4{ font-weight:normal; margin:0 17px 18px; font-size: 20px; line-height:22px; color:#060606; } .pr-interesting-list{ margin:0; padding:0; list-style:none; font-size: 17px; line-height:21px; color:#010100; } .pr-interesting-list li{ margin:0 0 7px; } .pr-close{ background:url(../images/pr-icon04.png) no-repeat; width:12px; height:12px; display:inline-block; vertical-align:top; margin:4px 3px 0 0; text-decoration:none; } .pr-interesting-box{ overflow:hidden; } .pr-interesting-wrap{ overflow:hidden; margin:0 0 38px; } .pr-interesting-col{ margin:0 0 0 8px; padding:0; list-style:none; float:left; width:285px; } .pr-interesting-col:first-child{ margin:0; } .pr-interesting-col li{ margin:0 0 16px; } .pr .pr-btn-open{ display:block; height:65px; border:2px solid #ff7d22; text-align:center; padding:0 20px; font:24px/65px 'MyriadProRegular', Arial, Helvetica, sans-serif; color:#ff6900; -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -ms-transition: all 100ms linear; -o-transition: all 100ms linear; transition: all 100ms linear; } .pr .pr-btn-open:hover{ opacity:0.8; } .pr-btn-open span{ display:inline-block; vertical-align:top; padding:0 0 0 22px; background:url(../images/pr-icon05.png) no-repeat 0 47%; } .pr-interesting-col label{ display:block; overflow:hidden; cursor:pointer; padding:0 0 0 10px; line-height:25px; text-decoration:underline; } .pr-interesting-col label:hover{ text-decoration:none; } div.pr-check, div.pr-radio { float: left; width: 24px; height: 24px; position: relative; background:url(../images/pr-icon06.png) no-repeat; cursor: pointer; } div.pr-check.checked{ background-position:0 -40px; } div.pr-radio.checked{ background-position:-0 -40px; } div.check.disabled, div.check.disabled + label { cursor: default !important; } div.pr-radio.disabled, div.pr-radio.disabled + label{ cursor: default !important; } .pr-subscription{ overflow:hidden; } .pr-subscription h3{ font-weight:normal; margin:0 0 46px; font:27px/33px 'pf_dindisplay_promedium', Arial, Helvetica, sans-serif; color:#000; } .pr-subscription-box{ overflow:hidden; } .pr-subscription-list{ float:left; width:300px; margin: 0 85px 0 0; padding:0; list-style:none; } .pr-subscription-list li{ margin:0 0 27px; } .pr-subscription-row{ overflow:hidden; margin:0 0 5px; } .pr-subscription-list label{ overflow:hidden; display:block; padding:0 0 0 12px; cursor:pointer; font-size: 23px; line-height:26px; } .pr-subscription-row:hover label{ color:#ff6900; } .pr-subscription-list .pr-title{ margin:0 0 0 36px; color:#482500; font-size: 17px; line-height:21px; } .pr-subscription-list p{ margin:0 0 5px; } .pr .pr-subscription-list .pr-title a{ color:#ff6900; } .pr-subscription-col{ overflow:hidden; padding:88px 0 0; text-align:center; } .pr-subscription-col button{ display:block; background:#ff6900; height:92px; font: 35px/92px 'pf_dindisplay_prolight', Arial, Helvetica, sans-serif; text-align:center; text-transform:uppercase; color:#fff; width:100%; margin:0 0 36px; border:none; cursor:pointer; -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -ms-transition: all 100ms linear; -o-transition: all 100ms linear; transition: all 100ms linear; } .pr-subscription-col button:hover{ opacity:0.9; } .pr-subscription-col strong{ font-weight:normal; font:18px/22px 'pf_dindisplay_promedium', Arial, Helvetica, sans-serif; color:#8f9698; }