You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
480 lines
11 KiB
480 lines
11 KiB
@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;
}
|
|
|