/* ========================================================================== Fonts ========================================================================== */ @font-face { font-family: 'dindisplay_pro'; src: url('../fonts/pfdindisplaypro-med-webfont.eot'); src: url('../fonts/pfdindisplaypro-med-webfont.eot?#iefix') format('embedded-opentype'), 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: 500; font-style: normal; } @font-face { font-family: 'dindisplay_pro'; src: url('../fonts/pfdindisplaypro-thin-webfont.eot'); src: url('../fonts/pfdindisplaypro-thin-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/pfdindisplaypro-thin-webfont.ttf') format('truetype'), url('../fonts/pfdindisplaypro-thin-webfont.woff') format('woff'); font-weight: 100; font-style: normal; } @font-face { font-family: 'dindisplay_pro'; src: url('../fonts/pfdindisplaypro-light-webfont.eot'); src: url('../fonts/pfdindisplaypro-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/pfdindisplaypro-light-webfont.woff') format('woff'), url('../fonts/pfdindisplaypro-light-webfont.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'dindisplay_pro'; src: url('../fonts/pfdindisplaypro-italic-webfont.eot'); src: url('../fonts/pfdindisplaypro-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/pfdindisplaypro-italic-webfont.woff') format('woff'), url('../fonts/pfdindisplaypro-italic-webfont.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'dindisplay_pro'; src: url('../fonts/pfdindisplaypro-bold-webfont.eot'); src: url('../fonts/pfdindisplaypro-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/pfdindisplaypro-bold-webfont.ttf') format('truetype'), url('../fonts/pfdindisplaypro-bold-webfont.woff') format('woff'); font-weight: bold; font-style: normal; } @font-face { font-family: 'dindisplay_pro'; src: url('../fonts/pfdindisplaypro-reg-webfont.eot'); src: url('../fonts/pfdindisplaypro-reg-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/pfdindisplaypro-reg-webfont.woff') format('woff'), url('../fonts/pfdindisplaypro-reg-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } body { font-family: dindisplay_pro, sans-serif; font-weight: normal; font-style: normal; font-size: 18px; color: #0b0301; } a { color: #ff7c00; text-decoration: underline; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } a:hover { text-decoration: none; color: #ff9633; } a.btn { text-decoration: none; } .logo_strip { background: #eeeeed; min-height: 154px; color: #462e2e; font-size: 24px; } .logo_strip .phone { font-size: 42px; font-weight: bold; color: #000000; } .logo_strip .phone .gray { font-weight: 300; color: #949494; } .logo_strip .logo { display: block; margin-top: 54px; } .logo_strip .phone-block { padding-top: 36px; } .logo_strip .phone-block p { margin-bottom: 0; } .btn { text-transform: uppercase; color: #fcfcfb; border-color: #ff6a00; padding-left: 20px; padding-right: 20px; } .btn.btn-primary { font-size: 20px; background: #ff7f00; /* Old browsers */ /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff7f00), color-stop(100%, #ff6a00)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff7f00 0%, #ff6a00 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff7f00 0%, #ff6a00 100%); /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to bottom, #ff7f00 0%, #ff6a00 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7f00', endColorstr='#ff6a00', GradientType=0); /* IE6-9 */ -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .btn.btn-primary:hover { border-color: #ff8833; background: #ff9933; /* Old browsers */ /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9933), color-stop(100%, #ff8833)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff9933 0%, #ff8833 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff9933 0%, #ff8833 100%); /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to bottom, #ff9933 0%, #ff8833 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7f00', endColorstr='#ff6a00', GradientType=0); /* IE6-9 */ } .btn.btn-lg { font-size: 26px; } .jumbotron { min-height: 606px; background: transparent url(../img/header_back.jpg) center top no-repeat; background-size: auto; color: #f8f8f6; padding-top: 80px; margin-bottom: 0; line-height: 1.5; } .jumbotron h1 { font-size: 48px; font-weight: 300; color: #ffffff; margin-bottom: 46px; } .jumbotron p { font-weight: normal; color: #b6b5b2; } .jumbotron .btn { margin-top: 42px; } .attention { color: #ff6600 !important; } .quote-strip { min-height: 252px; background: #fac8a5; font-size: 26px; font-weight: 300; padding-top: 48px; color: #c39b82; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .quote-strip:hover { color: #000000; } .quote-strip .quote { font-size: 20px; font-style: italic; text-align: right; color: #000000 !important; } .quote-strip .quote strong { font-style: normal; } .event-program-strip { background: #fcfcfb; /* Old browsers */ /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(47%, #fcfcfb), color-stop(47%, #fcfcfb), color-stop(53%, #f8ede4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #fcfcfb 47%, #fcfcfb 47%, #f8ede4 53%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #fcfcfb 47%, #fcfcfb 47%, #f8ede4 53%); /* Opera 11.10+ */ /* IE10+ */ background: linear-gradient(to right, #fcfcfb 47%, #fcfcfb 47%, #f8ede4 53%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfb', endColorstr='#f8ede4', GradientType=1); /* IE6-9 */ font-size: 20px; } .event-program-strip h2 { font-size: 30px; font-weight: normal; color: #ff6600; } .event-program-strip .timing-table { background-color: #fcfcfb; padding: 36px 15px; font-size: 18px; } .event-program-strip .timing-table p { margin-bottom: 32px; } .event-program-strip .timing-table .timing { border-radius: 10px; border: 1px solid #dadad8; background: #FCFCFB; padding-top: 16px; } .event-program-strip .timing-table .timing p { margin-bottom: 0; padding-bottom: 16px; padding-left: 28px; font-size: 16px; display: block; } .event-program-strip .timing-table .timing p.with-time { padding-left: 0; } .event-program-strip .timing-table .timing .odd { background: #F4F4F4; } .event-program-strip .timing-table .timing .time { display: inline-block; font-size: 20px; color: #ffffff; line-height: 36px; height: 36px; padding: 0 24px; background: #fd7821; } .event-program-strip .timing-table .timing ul { font-size: 18px; display: block; margin: 0; padding: 0; padding-left: 28px; } .event-program-strip .timing-table .timing ul li { display: block; margin-bottom: 16px; padding-left: 14px; } .event-program-strip .timing-table .timing ul li .dot { display: inline-block; margin-left: -14px; color: #ff6600; } .event-program-strip .timing-table .timing .reporter { display: block; padding-left: 22px; border-left: 1px solid #e8e8e7; font-size:16px; } .event-program-strip .timing-table .timing .reporter img, .event-program-strip .timing-table .timing .reporter figcaption { display: inline-block; vertical-align: middle; padding-left: 4px; } .event-program-strip .timing-table .timing .reporter img { width: 38%; } .event-program-strip .timing-table .timing .reporter figcaption { width: 60%; } .event-program-strip .venue { background-color: #f8ede4; padding: 36px 15px; font-size: 18px; } .event-program-strip .venue h2 { margin-top: 0; } .event-program-strip .venue p { margin-bottom: 16px; } .footer { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 670px; background: transparent url(../img/footer_back.jpg) center top no-repeat; background-size: auto; } .footer h2 { font-size: 48px; font-weight: bold; margin-top: 76px; color: #ffffff; text-align: center; } .footer .reasons-strip { padding-bottom: 16px; min-height: 400px; } .footer .reasons { display: table; width: 100%; margin-top: 46px; } .footer .reasons .reason { display: table-cell; font-size: 16px; color: #ffffff; text-align: center; } .footer .reasons figcaption { margin-top: 18px; padding: 0 26px; } .footer .shaded-strip { min-height: 270px; padding-top: 44px; background-color: rgba(0, 0, 0, 0.5); } .footer .shaded-strip h2 { color: #ffffff; font-weight: bold; font-size: 36px; margin-top: 0; } .footer .shaded-strip a.large { font-size: 36px; text-align: center; display: block; margin-bottom: 28px; } .footer .shaded-strip .btn.void { background: transparent; border: 2px solid #ffffff; } .footer .shaded-strip .btn.void:hover { background: rgba(0, 0, 0, 0.5); } .modal-body { padding: 15px 70px; } @media (min-width: 768px) { .modal-dialog { width: 460px; margin: 90px auto; } } .modal-title { font-size: 24px; font-weight: normal; text-align: center; color: #ff6600; } .modal-header { border-bottom: 0; } .required.err input { border-width: 2px; border-color: #d80000; } .required{ position:relative; } .required.err:before { content: ''; display: block; position: absolute; top: 50%; right: 0; margin-right: 8px; margin-top: -8px; width: 15px; height: 16px; background: url(/static/client/img/sprites.png) -360px -159px; z-index: 1; } .err-message{ display: block; padding:8px; border:1px dashed #d80000; font-size:16px; color:#999; display:none; }