@charset "utf-8"; /* --------------------------------------------------------------------------------------------------------------------------------------- 0001 - Global --------------------------------------------------------------------------------------------------------------------------------------- */ html {} body {color: #564e41;} .tablet, .mobile {display: none;} .desktop {display: block;} .wrapper, .main-wrapper, .contents-wrapper, .form-wrapper {margin: 0 auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .wrapper {/*max-width:1200px;*/width: 100%; padding: 0 10px;} .wrapper {padding:0px;} .contents-wrapper {/*width: 1200px;*/font-family: 'Dosis', sans-serif;} .form-wrapper {} .no-float {float:none!important; margin:0 auto;} .bg-pearl {background: #f9f1db;} .btn-purple {color:#6950a2; border:2px solid #6950a2; padding:6px 12px; display:inline-block;} a.btn-purple {text-decoration:none;} hr {border: 0; height: 0; border-top: 4px solid rgba(255, 255, 255, 1.0); border-bottom: 1px solid rgba(255, 255, 255, 0); margin:1.5em 0;} .hide {display:none;} /* --------------------------------------------------------------------------------------------------------------------------------------- 0002 - Typography --------------------------------------------------------------------------------------------------------------------------------------- */ h1 {text-shadow:2px 1px 4px rgba(0,0,0,0.9)} a {color: #f79121;} p, li {margin-bottom: 1.5em; line-height: 1.5em;} li {list-style: disc; margin-left: 2em;} blockquote {font-size: 1.5em; color: #8bb032; border-top: 9px solid #8bb032; border-bottom: 9px solid #8bb032;} .txt-white {color: #fff;} .txt-blue {color:#33467d;} .txt-black {color:#000;} .txt-orange {color:#f79121;} /* --------------------------------------------------------------------------------------------------------------------------------------- 0003 - Contents --------------------------------------------------------------------------------------------------------------------------------------- */ /* background /* ------------------------------------------------------------ */ .fullscreen-bg {position:absolute;top: 0;left: 0;overflow: hidden;z-index: -100;width:100%;height:650px;background-position:center top;background-repeat:no-repeat;background-size:contain;} .video-container {width:1400px; margin:0 auto; position:relative; z-index:1;} .bg-vid {/*width:1200px;*/margin:0 auto;} .bg-vid video {object-fit: cover; width:100%; height:100%;} .bg-dark {background:#060610; position:absolute; top:0; left:0; width:100%; height:650px; z-index:0;} .outter-layer {position:relative; z-index:2;} .bg-purple {background:#453d58;} .bg-green {background:#005826;} .bg-white {background-color:#fff;} .bg-header {background:url(../images/background_top2.png) top center #232b82 no-repeat; background-size:cover;} .bg-blue {background:url(../images/meet-stars-background.png) top center #adeaff no-repeat; background-size:100%; height:900px;} .bg-social {background:url(../images/bg-social.png) top center #abf4ff no-repeat; background-size:100%; } .bg-rsvp {background:url(../images/bg-rsvp.png) top center #000000 no-repeat; background-size:cover;height:100%;min-height:900px;} .bg-hype {background-color: #ffffff; height:100%;min-height:839px;} .bg-bubble1 {background:url(../images/bubble1.png) top center no-repeat; background-size:contain;height:400px; } .bg-bubble2 {background:url(../images/bubble2.png) top center no-repeat; background-size:contain;height:350px; } /* Header /* ------------------------------------------------------------ */ header {position:relative; color:#fff; } header .logo {width:263px; margin:0 auto; padding-top:2em; padding-bottom:2em;text-align:center;} header .logotext {margin:0 auto; text-align:center;} header .logo-text {max-width:425px;width:100%;margin-top: 0;float:left;} header .reserve {padding-bottom:50px;} header .msg-logo {position:relative;max-width:273px;top:20px;left:5%;} header .header-date {font-size:120px;font-family: 'din-condensed', sans-serif;font-weight:400;font-style:normal;color:#ffffff;float:left;margin-left:8%;margin-right:8%;margin-top:10%;} header .radio-logo {margin-top:11%;max-width:400px;} .talent-logo img {max-width:225px;} .intro {margin:0 auto;text-align:center;clear:both;} .intro h1 {font-size:3.25em; line-height:1.4;font-family: 'Dosis', sans-serif;font-weight:bold;} .intro p {font-size:41px;font-family: 'din-condensed', sans-serif;font-weight:400;font-style:normal;color:#ffffff; padding-top: 1.5rem;} header .header-link {position:absolute;margin-top:-20px;} .section {padding-top:0px;margin:0;} .overlay {position: absolute; width: 100%; height: 100%; z-index: 1; left: 0; top: 0;} .gradient {background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.95) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, rgba(0,0,0,0.95) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );} /* Contestants /* ------------------------------------------------------------ */ .body-section {width:100%;margin:0 auto;text-align:center;} .body-section hr {border-color:#f79021;max-width:520px;margin:10px auto;border-radius:10px;} .body-section h2 {font-size:64px;font-family:'din-condensed', sans-serif;text-align:center;padding:0px 0px 10px;line-height:120%;color:#ffffff;} .body-section .m-r-10 {margin-right:10%;} .star-description {font-size:30px;font-family:'din-condensed', sans-serif;text-align:center;line-height:120%;color:#ffffff;} .org-description {font-size:22px;font-family:'din-condensed', sans-serif;text-align:center;line-height:120%; padding-top:4%;color:#ffffff;} .body-section .w-100 {width:100%;} .stars {padding-top:50px;padding-bottom:20px;} .stars h3 {font-size:58px;font-family: 'din-condensed', sans-serif;font-weight:bold;color:#f79021;margin:0 auto;text-align:center;} .stars .large-imgae {max-width:400px;} .star-table {max-width:1000px;text-align:center;margin:0 auto;} .star-table td {vertical-align:middle;} .star-text {/*height:45px;*/line-height:120%;} /* RSVP /* ------------------------------------------------------------ */ .rsvp {font-family: 'din-condensed', sans-serif;;padding:5% 0 0 9%;} .rsvp .reserve-img {max-width:300px;} .rsvp .rsvp-text {font-family:'din-condensed', sans-serif;font-size:28px;font-style:normal;font-weight:400;line-height:120%;padding:10px 0;} .rsvp .rsvp-row {padding-bottom:20px;text-align:left;} .rsvp h3 {font-size:24px;font-family: 'din-condensed', sans-serif;;font-weight:bold;color:#f79121;margin:0 auto;text-align:center;} .rsvp hr {border-color: #ffffff; margin: 5px 0 10px;} .rsvp h2 {line-height:120%;font-size:38px;font-family: 'din-condensed', sans-serif;;font-weight:bold;color:#ffffff;margin:0 auto;text-align:left;} .rsvp label, .rsvp span {font-family:'din-condensed', sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:120%;color:#ffffff;} .rsvp .form-container {max-width:900px;} .rsvp .bubble-right {margin-left:35%;margin-top:-15px;} .rsvp .button {display:inline-block;width:100%;max-width:450px;cursor:pointer;padding-right:10px;} .rsvp .button img {width:100%;max-width:150px;} .rsvp .ticket-input {max-width:75px;} .rsvp .message, .rsvp .choose {text-align:left;} .rsvp .choose-row {padding-bottom:20px;text-align:left;} .rsvp .choose {padding-bottom:10px;} .purple-bubble {background:url(../images/bubble_purple.png) top center no-repeat; background-size:100%; background-size:cover;width:125px;color:#ffffff;height:40px;padding-top:5px;text-align:center;margin-right:10px;display:inline-block;cursor:pointer;} .white-bubble {background:url(../images/bubble_white.png) top center no-repeat; background-size:100%; background-size:cover;width:125px;color:#000;height:40px;padding-top:5px;text-align:center;margin-right:10px;display:inline-block;cursor:pointer;} .bubble-text {font-family: 'din-condensed', sans-serif;;color:#fff;font-size:24px;position:relative;top:34%;left:32%;max-width:300px;} .disclaimer {text-align:left;color:#ffffff;max-width:400px;} .bubble2 {width:250px;left:18%;top:32%;} .bubble-text-long {font-size:18px;position:relative;top:26%;} .bubble2-text-long {font-size:18px;position:relative;top:20%;} .social-row table {margin:0 auto;text-align:center;max-width:175px;margin-top:20px;} .social-row .facebook-share, .social-row .twitter-share {max-width:50px;padding-right:10px;} /* HYPE /* ------------------------------------------------------------ */ .hype {font-family: 'din-condensed', sans-serif;;padding:5% 0 0 9%;} .hype .reserve-img {max-width:300px;} .hype .hype-text {font-family:'din-condensed', sans-serif;font-size:28px;font-style:normal;font-weight:400;line-height:120%;padding:10px 0;} .hype .hype-row {padding-bottom:20px;text-align:left;} .hype h3 {font-size:24px;font-family: 'din-condensed', sans-serif;;font-weight:bold;color:#f79121;margin:0 auto;text-align:center;} .hype hr {border-color: #f79021; margin: 5px 0 10px; max-width: 440px;} .hype h2 {line-height:120%;font-size:58px;font-family: 'din-condensed', sans-serif;;font-weight:bold;color:#f79021;margin:0 auto;text-align:left;} .hype label, .hype span {font-family:'din-condensed', sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:120%;color:#28a7df;} .hype .form-container {max-width:900px;} .hype .bubble-right {margin-left:35%;margin-top:-15px;} .hype .button {display:inline-block;width:100%;max-width:450px;cursor:pointer;padding-right:10px;} .hype .button img {width:100%;max-width:150px;} .hype .ticket-input {max-width:75px;} .hype .message, .hype .choose {text-align:left;} .hype .choose-row {padding-bottom:20px;text-align:left;} .hype .choose {padding-bottom:10px;} .hype .purple-bubble {background:url(../images/bubble_purple.png) top center no-repeat; background-size:100%; background-size:cover;width:125px;color:#ffffff;height:40px;padding-top:5px;text-align:center;margin-right:10px;display:inline-block;cursor:pointer;} .hype .white-bubble {background:url(../images/bubble_white.png) top center no-repeat; background-size:100%; background-size:cover;width:125px;color:#000;height:40px;padding-top:5px;text-align:center;margin-right:10px;display:inline-block;cursor:pointer;} .hype .bubble-text {font-family: 'din-condensed', sans-serif;;color:#fff;font-size:24px;position:relative;top:34%;left:32%;max-width:300px;} .hype .disclaimer {text-align:left;color:#ffffff;max-width:400px;} .hype .bubble2 {width:250px;left:18%;top:32%;} .hype .bubble-text-long {font-size:18px;position:relative;top:26%;} .hype .bubble2-text-long {font-size:18px;position:relative;top:20%;} .hype .social-row table {margin:0 auto;text-align:center;max-width:175px;margin-top:20px;} .hype .social-row .facebook-share, .hype .social-row .twitter-share {max-width:50px;padding-right:10px;} /* Social /* ------------------------------------------------------------ */ .social-media {padding:40px 0px;} .social-media hr {border-color:#161b46;max-width:850px;margin:0px auto;border-radius:10px;} .social-media h2 {font-size:58px;font-family:'Dosis', sans-serif;text-align:center;padding:30px 0px 10px;color:#161b46;} .social-feed {padding:20px;} /* Button /* ------------------------------------------------------------ */ button {text-align:center; text-decoration: none; display: inline-block; color: #fff; text-transform: uppercase; font-family:} .btn-primary {padding: 14px 66px; color:#000; border-radius:25px; max-width: 90%; font-size: 1.2em; font-weight: 500; line-height: 1.2em; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7362aa+0,3c328b+100 */ background: #ebebeb; /* Old browsers */ background: -moz-linear-gradient(top, #ebebeb 0%, #3c328b 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ebebeb 0%,#3c328b 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ebebeb 0%,#3c328b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#3c328b',GradientType=0 ); /* IE6-9 */} a.btn-primary {color:#fff; text-decoration:none; display:inline-block;} .btn-active {background:#f79121!important;color:#fff!important;} a.btn-green {color:#fff; text-decoration:none; display:inline-block;} /*body*/ .body-container {padding:3% 9%;} .thanks .body-container {padding:4% 0;} /* ------------------------------------------------------------ */ .container-form {} .container-form h2 {font-size: 2.0em;} .border-left {border-left:1px solid #b5b5b5;} .thankyou h1 {font-weight:500; font-size:2.8em;} .thankyou h2 {font-size:1.8em; } .confirm label {color:#0f4613; font-weight:bold;} /* Social Share /* ------------------------------------------------------------ */ .container-share {margin-top: 0.8em; overflow: hidden;} .container-share .fa {background: #17582d; color: #fff; font-size: 20px; border-radius: 50%; width: 40px; line-height: 40px; text-align: center; margin: 0.3em;} .share-title {color:#005826; font-size:1.4em; padding-bottom:10px;} .social-icon {vertical-align: middle;} .social-icon a {color:#818181; border:2px solid #818181; display:block; padding:2px;} .social-icon i {color:#818181; border-radius:50%; width: 24px; height: 24px; line-height: 1.5; margin-right:6px;font-size: 1.1em; display: inline;} /* Footer /* ------------------------------------------------------------ */ footer {background-color:#1b2575;color: #ffffff; font-size: 14px; margin:0 auto;text-align:center;/*max-width:1200px;*/padding:2% 4% 0% 4%;clear:both;height:215px;} footer .footer-text {text-align:left;font-family:'din-condensed', sans-serif;line-height:120%;font-size:20px;} footer .footer-left {width:50%;display:inline-block;float:left;text-align:left;} footer .footer-right {width:50%;display:inline-block;float:left;text-align:right;} footer td {vertical-align:middle;} footer .social-text {font-family:'din-condensed', sans-serif;line-height:120%;font-size:20px;padding-right:10px;} footer .footer-social {padding-bottom:20px;} footer .connect-icon {max-width:30px;padding-right:10px;} footer .social-icon {max-width:50px;padding-right:10px;} footer .text {max-width:400px;z-index:0;} footer .button-primary {z-index:1;height:40px;background-color:#6fa1f0;color:#fff;margin-top:-59px;margin-right:-2px;font-family:'din-condensed', sans-serif;} footer a {text-decoration: none;} footer a:hover {text-decoration: underline;} footer.bg {background-color: #17582d;} footer > .body {color: #fff;} footer .bg-logo {background: #ecf2eb;} footer .fab, footer a {color: #fff;} footer .fab {font-size: 32px;} footer .footer-logo {text-align: center;} footer .anchor {border: 2px solid #a1cc3a; padding: 10px 26px; color: #a1cc3a;} footer .anchor:hover {text-decoation: none;} footer .address {line-height:1.4;} /* Mobile (Landscape), Design for a width of 480px */ @media (max-width: 767px) { footer .bg-logo {background: none;} footer .bg-logo img {background: #edf2ef; padding: 5px;} footer .footer-logo {text-align: left;} footer .address {margin-top:0;} } /* --------------------------------------------------------------------------------------------------------------------------------------- 0004 - Form --------------------------------------------------------------------------------------------------------------------------------------- */ .form-wrapper {padding:6% 4%; background:#f1ebd9;} form {} form h3 {text-transform: uppercase; margin-bottom: 14px;} form .fieldCity, form .fieldState, form .fieldZip, form .fieldEmail, form .fieldPhone, form .fieldExpMonth, form .fieldExpYear, form .fieldCode {float: left;} form .fieldCity, form .fieldState, form .fieldEmail, form .fieldCity, form .fieldExpMonth, form .fieldExpYear {margin-right: 2%;} form .fieldCity {width: 48%;} form .fieldState, form .fieldZip {width: 24%;} form .fieldEmail {width: 58%;} form .fieldPhone {width: 40%;} form .fieldExpMonth, form .fieldExpYear {width: 30%;} form .fieldCode {width: 36%;} form .fieldExpMonth {white-space: nowrap;} .form-header {background:#8dc63f; color:#fff; position:relative; padding:16px;font-size: 24px;font-weight: 300; letter-spacing:1px;} .form-header span {width: 0; height: 0; border-left: 20px solid transparent;border-right: 20px solid transparent; border-top: 10px solid #8dc63f; position:absolute; bottom:-10px; left:20%;} /* Donation Form */ /* ------------------------------------------------------------ */ #giveForm {color: #564e41;} #giveForm h2 {color: #564e41; font-size: 1.4em; margin-bottom: 16px; font-weight: 700; font-style:normal;} #giveForm h3 {color: #564e41; font-size: 1.1em; margin-bottom: 16px; font-weight: 700;} #giveForm .option-text {float: right; width: 92%; line-height: 1.5em;} /* Radio Box Button Type */ /* ------------------------------------------------------------ */ .rsvp form .row-option-other small {text-align: right; float: left; width: 26%; margin-top: 9px; margin-right: 2%;} .rsvp form .option-other {display: none;} .rsvp form input.option-other-text {width: 72%;} .rsvp form label.option, .rsvp form label.option-age {border:solid 1px #ffffff; display: inline-block; height: 15px; cursor: hand; cursor: pointer;text-shadow: 0 -1px 0 rgba(0,0,0,0.25); text-align: center; border-width: 1px; font-weight: bold; letter-spacing: 1px; margin: 0 3%; line-height: 20px; color: white; font-size: 22px; width:15px; background-color: transparent;} .rsvp form label.highlight {background-color: #b8f6ff;border:solid 1px #b8f6ff} .rsvp form label.option:last-child, .rsvp form label.option-age:last-child {margin: 0 0% 0 2%;} .rsvp form label.option:first-child, .rsvp form label.option-age:first-child {margin: 0 5px 0 40px;} .rsvp form label.option span, .rsvp form label.option-age span {font-size:.6em; font-weight:normal; } .rsvp form label.option input, .rsvp form label.option-age input {display: none;} .rsvp form .submit {text-align: left;} /* Radio Box Button Type */ /* ------------------------------------------------------------ */ .hype form .row-option-other small {text-align: right; float: left; width: 26%; margin-top: 9px; margin-right: 2%;} .hype form .option-other {display: none;} .hype form input.option-other-text {width: 72%;} .hype form label.option {border:solid 1px #ffffff; display: inline-block; height: 15px; cursor: hand; cursor: pointer;text-shadow: 0 -1px 0 rgba(0,0,0,0.25); text-align: center; border-width: 1px; font-weight: bold; letter-spacing: 1px; margin: 0 3%; line-height: 20px; color: white; font-size: 22px; width:15px; background-color: transparent;} .hype form label.highlight {background-color: #b8f6ff;border:solid 1px #b8f6ff} .hype form label.option:last-child {margin: 0 0% 0 2%;} .hype form label.option:first-child {margin: 0 5px 0 40px;} .hype form label.option span {font-size:.6em; font-weight:normal; } .hype form label.option input {display: none;} .hype form .submit {text-align: left;} /* Match */ /* ------------------------------------------------------------ */ .row-match .title {color: #83a532; float:right; line-height: 26px; padding: 8px 10px; font-family: Helvetica, Arial, sans-serif; font-weight: bold;} .row-match .amount {float:right; font-size: 1.5em; line-height:26px; background:#fff; width: 30%; border-radius: 5px; border: 2px solid #83a532; text-align:center; padding: 8px 10px; color:#83a532;} /* Credit Card */ /* ------------------------------------------------------------ */ .row-cardtype {mix-height: 44px;} .row-cardtype label {display: inline; margin: 0 0.3em 0 0;} .row-cardtype label img {position: relative; top: 7px;} /* Common /* ------------------------------------------------------------ */ input.text, textarea, select {background:#fff; width:100%; margin: 3px 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; color: #000; border: 1px solid #817c72; border-radius: 5px;} .hype input.text, .hype textarea, .hype select {background:#ebebeb; width:100%; margin: 3px 0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; color: #3b3b3b; border: none; border-radius: 5px;} .First_Name { position: absolute; left: 0px; top: 0px; width: 5048px; height: 5322px; z-index: 427; } .[First_Name] { font-size: 24px; font-family: "DINOT"; color: rgb(59, 59, 59); font-weight: bold; line-height: 3.25; text-align: left; -moz-transform: matrix( 0.92260219849546,0,0,1.07944457223969,0,0); -webkit-transform: matrix( 0.92260219849546,0,0,1.07944457223969,0,0); -ms-transform: matrix( 0.92260219849546,0,0,1.07944457223969,0,0); position: absolute; left: 205.861px; top: 3438.027px; z-index: 426; } .Rounded_Rectangle_1 { border-radius: 10px; background-color: rgb(235, 235, 235); position: absolute; left: 177px; top: 3376px; width: 530px; height: 55px; z-index: 425; } input.text, select {padding: 6px 8px; height: 40px;} input[type="checkbox"], input[type="radio"] {margin: 2px 5px 0 2px;} textarea {resize:none; height: 10em; line-height:1.3em; padding: 8px;} label {display: block; margin: 0 0 2px;} .password::-webkit-input-placeholder {color: #000; font-size: 2em; line-height: 20px;} .password::-moz-placeholder {color: #000; font-size: 2em; line-height: 20px;} .password:-ms-input-placeholder {color: #000; font-size: 2em; line-height: 20px;} .password:-moz-placeholder {color: #000; font-size: 2em; line-height: 20px;} .disabled {opacity: 0.7;} input[type=radio]:checked {color:#b8f6ff;} /* Button /* ------------------------------------------------------------ */ button {text-align:center; text-decoration: none; display: inline-block; color: #fff; text-transform: uppercase; } .button-primary {background: #ebebeb; color:#000; padding: 10px 5%; max-width: 90%; font-size: 1.0em; font-weight: 500; line-height: 1.2em;border-radius:10px;font-family:'Dosis', sans-serif;} /* --------------------------------------------------------------------------------------------------------------------------------------- 0006 - Plugin --------------------------------------------------------------------------------------------------------------------------------------- */ /* Counter Clock /* ------------------------------------------------------------ */ #counterClock {margin-bottom:30px;} #counterClock div > div {float:left; text-align:center; color:#0d5b29; line-height: 1.0; font-weight:600;} .countdown_digit:after, .countdown_desc:after {display:block; clear:both; content:'.'; visibility:hidden; height:0;} .countdown_digit > div {width:22.6%;font-size: 2.8em;line-height: 1.0; background:#fff; margin:0 3% 5px 0; padding:8px 0;} .countdown_digit > div:last-child {margin:0 0 5px 0;} .countdown_digit div.colon {width: 2.5%;line-height: 0.8;font-size: 37px;} .countdown_desc > div {width:22.6%; font-size:0.75em;; margin:0 3% 0 0;} .countdown_desc > div:last-child {margin:0;} .hasCountdown {background:none!important;} /* Lightbox /* ------------------------------------------------------------ */ .lightbox {z-index:90000!important;} #boxLight .body, #resourceForm .body, #boxLight2 .body, #resourceForm .body {background:url(../images/lightbox-bg.png) top center #adeaff no-repeat; background-size: cover; width: 980px; padding: 0px; font-size: 1.0em; line-height:1.4; } #boxLight .wrapper, #resourceForm .wrapper, #boxLight2 .wrapper, #resourceForm .wrapper {padding:4%;} #boxLight h4, #resourceForm h4, #boxLight h4, #resourceForm h4 {color:#fff;} #resourceForm h4 {font-size:25px;} #boxLight .lightbox_button_close, #boxLight2 .lightbox_button_close, #resourceForm .lightbox_button_close {background:none; border: 2px solid #232b6d; color: #232b6d; border-radius: 15px; padding: 5px 8px; width: 30px; height:30px; top: 10px; left:-30px;display: block; position: relative; float: right; cursor: hand; cursor: pointer; z-index: 903;} #boxLight .fa, #boxLight2 .fa {font-size:35px; color: #232b6d;} .lightbox h2 {font-size:2.0em;font-family:'din-condensed', sans-serif;} .lightbox p {font-size:1.4em; margin-bottom:0;color:#ffffff;font-family:'din-condensed', sans-serif; text-align: left;} .divider {margin:0 auto;text-align:center;width:25%;} /* --------------------------------------------------------------------------------------------------------------------------------------- 0100 - Common --------------------------------------------------------------------------------------------------------------------------------------- */ *, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .align-right {text-align: right;} .banner {width: 100%;} .box-size {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .button {cursor: hand; cursor: pointer;} .center {text-align: center;} .clear:after {display:block; clear:both; content:'.'; visibility:hidden; height:0;} .container {position: relative;} .cross-out {text-decoration: line-through;} .emphasize {font-weight: bold; text-transform: uppercase;} .hidden {display: none;} .illustration {max-width: 100%;} .inline {display: inline-block;} .invisible {visibility: hidden;} .large {font-size: 1.2em;} .left, .right {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .left {float: left;} .half {width:50%;} .panel {display: none;} .panel:first-child {display: block;} .right {float: right;} .rounded-top {border-top-left-radius: 6px; border-top-right-radius: 6px;} .rounded-bottom {border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;} .rounded {border-radius: 3px;} .shadow {-webkit-box-shadow: 0 0 15px rgba(30, 30, 30, .75); -moz-box-shadow: 0 0 15px rgba(30, 30, 30, .75); box-shadow: 0 0 15px rgba(30, 30, 30, .75);} .shadow-bottom-right {-moz-box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, .15); -webkit-box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, .15); box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, .15);} .shadow-3sides {-webkit-box-shadow: 0px 8px 10px rgba(100, 100, 100, .75), -10px 8px 15px rgba(100, 100, 100, .75), 10px 8px 15px rgba(100, 100, 100, .75); -moz-box-shadow: 0px 8px 10px rgba(100, 100, 100, .75), -10px 8px 15px rgba(100, 100, 100, .75), 10px 8px 15px rgba(100, 100, 100, .75); box-shadow: 0px 8px 10px rgba(100, 100, 100, .75), -10px 8px 15px rgba(100, 100, 100, .75), 10px 8px 15px rgba(100, 100, 100, .75);} .shadow-3sides-dark {-webkit-box-shadow: 0px 8px 10px rgba(45, 45, 45, .25), -10px 8px 15px rgba(45, 45, 45, .25), 10px 8px 15px rgba(45, 45, 45, .25); -moz-box-shadow: 0px 8px 10px rgba(45, 45, 45, .25), -10px 8px 15px rgba(45, 45, 45, .25), 10px 8px 15px rgba(45, 45, 45, .25); box-shadow: 0px 8px 10px rgba(45, 45, 45, .25), -10px 8px 15px rgba(45, 45, 45, .25), 10px 8px 15px rgba(45, 45, 45, .25);} .shadow-3sides-light {-webkit-box-shadow: 0px 8px 10px rgba(100, 100, 100, .35), -10px 8px 15px rgba(100, 100, 100, .35), 10px 8px 15px rgba(100, 100, 100, .35); -moz-box-shadow: 0px 8px 10px rgba(100, 100, 100, .35), -10px 8px 15px rgba(100, 100, 100, .35), 10px 8px 15px rgba(100, 100, 100, .35); box-shadow: 0px 8px 10px rgba(100, 100, 100, .35), -10px 8px 15px rgba(100, 100, 100, .35), 10px 8px 15px rgba(100, 100, 100, .35);} .shadow-inner-top {box-shadow: inset 0 20px 20px -20px #000000; -webkit-box-shadow: inset 0 20px 20px -20px #000000; -moz-box-shadow: inset 0 20px 20px -20px #000000;} .text-shadow {text-shadow: #333333 0.1em 0.1em 0.2em;} .upper {text-transform: uppercase;} .v-center {position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .x-large {font-size: 1.4em;} .anchor {position:relative;} .nobr {white-space:nowrap;}