UNPKG

crowdstart-checkout

Version:

One Click Checkout for Crowdstart

1,666 lines 45.6 kB
modal > div{ width:100%; position:absolute; top:0; left:0; } .crowdstart-modal{ content:""; height:0; opacity:0; background:rgba(0,0,0,0.6); position:fixed; top:0; left:0; right:0; bottom:0; z-index:9998; -webkit-transition:opacity 0.5s ease-in-out, height 0.5s step-end; transition:opacity 0.5s ease-in-out, height 0.5s step-end; } .crowdstart-modal-target{ z-index:9999; position:absolute; width:0%; left:50%; } .crowdstart-active .crowdstart-modal{ height:5000px; opacity:1; -webkit-transition:opacity 0.5s ease-in-out; transition:opacity 0.5s ease-in-out; } .crowdstart-active .crowdstart-checkout{ -webkit-transform-origin:50% 0; -ms-transform-origin:50% 0; transform-origin:50% 0; } widget{ position:relative; width:100%; height:100%; display:block; -webkit-transform:translate(0, -5000px); -ms-transform:translate(0, -5000px); transform:translate(0, -5000px); -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; z-index:9999; top:50px; } .crowdstart-active widget{ -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0); } .crowdstart-checkout{ position:absolute; left:50%; max-height:900px; overflow:hidden; box-sizing:border-box; box-shadow:0 0 1em 0.1em rgba(0,0,0,0.4); padding:0 1em 1em 1em; z-index:9999; } .crowdstart-checkout form{ width:100%; } control{ display:inline-block; width:100%; position:relative; } .crowdstart-fine-print{ font-size:0.7em; font-weight:400; } .crowdstart-sep{ margin:0.5em 0; width:100%; } .crowdstart-form-control input, .select2-container input, .crowdstart-form-control label, .crowdstart-form-control button{ margin:0; border:0; padding:0; display:inline-block; vertical-align:middle; white-space:normal; background:none; line-height:1.5em; box-sizing:border-box; } .crowdstart-form-control input, .select2-container input{ width:100%; font-size:1em; } .crowdstart-form-control input:focus, .crowdstart-form-control select:focus, .select2-container input:focus{ outline:0; } .crowdstart-checkout .select2{ margin-top:0.5em; } .crowdstart-line-item .select2{ margin-top:0; } .crowdstart-checkout .select2-container .select2-selection{ height:2.75em; } .select2-container{ z-index:10000; } .select2{ z-index:0; } .crowdstart-form-control label{ padding:0.5em 0 0 0; } .crowdstart-form-control input, .select2-container input{ padding:0.5em 1em; margin:0.5em 0; z-index:200; -webkit-transition:border 0.3s ease-out; transition:border 0.3s ease-out; } .select2-selection{ outline:0 !important; } .crowdstart-button{ text-align:center; width:100%; display:block; padding:1em 0; text-transform:uppercase; text-decoration:none; letter-spacing:0.2em; margin:1em 0 0.3em 0; position:relative; box-sizing:border-box; cursor:pointer; } .crowdstart-checkout .error-container{ position:absolute; } .crowdstart-message::before{ content:""; display:block; position:absolute; width:7px; height:7px; top:-3px; left:20px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); } .crowdstart-message{ padding:2px 8px; position:absolute; top:6em; left:0.5em; text-align:left; z-index:1; white-space:nowrap; } .select2-container--default.select2-container--disabled .select2-selection--single{ background-color:#eee !important; } .crowdstart-shipping-details{ text-align:right; } [riot-tag="crowdstart-checkbox"] .crowdstart-message::before{ left:6px; } [riot-tag="crowdstart-checkbox"] .crowdstart-message{ top:2.1em; left:0; width:23em; } [riot-tag="crowdstart-card-number"] .crowdstart-message{ top:7.8em; } .select2-container--open .select2-dropdown--below{ margin-top:1px; } .crowdstart-progress{ width:100%; padding:0; margin:20px 0 -10px 0; } .crowdstart-progress{ overflow:hidden; counter-reset:step; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; } .crowdstart-progress li{ width:100%; list-style-type:none; text-transform:uppercase; float:left; position:relative; text-align:center; -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; } .crowdstart-progress li:before{ content:counter(step); counter-increment:step; width:20px; line-height:2.2em; display:block; border-radius:3px; margin:0 auto 5px auto; -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; } .crowdstart-progress li:after{ content:''; width:100%; height:2px; position:absolute; left:-50%; top:9px; z-index:-1; -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; } .crowdstart-progress li:first-child:after{ content:none; } .crowdstart-back{ position:absolute; top:0.2em; left:0.6em; cursor:pointer; -webkit-transform:scale(-1, 1); -ms-transform:scale(-1, 1); transform:scale(-1, 1); -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; } .crowdstart-close{ font:20px/100% arial, sans-serif; right:0.3em; top:0.1em; position:absolute; cursor:pointer; z-index:100; } .crowdstart-close:after{ content:'×'; } confirm{ position:relative; } confirm .crowdstart-terms > control{ width:auto; } confirm .crowdstart-message{ display:table; white-space:nowrap; top:-10px; left:5px; } screen-manager{ padding:0.6em 0em; display:block; width:100%; box-sizing:border-box; line-height:1.5em; left:-1em; position:relative; -webkit-transition:height 0.5s ease-in-out; transition:height 0.5s ease-in-out; } screen-manager .crowdstart-screens{ width:100%; display:table; } screen-manager .crowdstart-screens .crowdstart-screen-strip{ display:table; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; z-index:1000; position:relative; } screen-manager .crowdstart-screens .crowdstart-screen-strip > *{ padding:0 1em; display:inline-block; position:relative; box-sizing:border-box; vertical-align:top; -webkit-transition:none; transition:none; } screen-manager .crowdstart-screens .crowdstart-screen-strip > * > *{ -webkit-transition:all 0.5s ease-in; transition:all 0.5s ease-in; } thankyou{ text-align:center; } thankyou > div{ padding:1em; } thankyou h1{ font-size:1.4em; } thankyou .social__item{ margin:0 0.2em; } payment .crowdstart-paypal-widget, payment .crowdstart-card-widget{ min-height:155px; } payment .crowdstart-paypal-widget{ text-align:center; padding-top:1em; } payment .crowdstart-paypal-widget svg{ width:100px; height:100px; fill:currentColor; } payment .crowdstart-paypal-widget p{ margin:0; } .crowdstart-card-widget .crowdstart-fine-print{ white-space:nowrap; } .crowdstart-narrow .crowdstart-card-widget .crowdstart-fine-print{ width:200%; } .crowdstart-narrow .crowdstart-card-widget .crowdstart-card{ position:absolute; z-index:-1; margin-top:12px; margin-left:156px; } .crowdstart-narrow .crowdstart-card-widget .crowdstart-card .jp-card-container{ z-index:10001; height:172px; -webkit-transform:scale(0.56) !important; -ms-transform:scale(0.56) !important; transform:scale(0.56) !important; } .icon-lock{ width:48px; height:48px; position:relative; overflow:hidden; margin-left:25px; margin-bottom:25px; clear:left; float:left; position:absolute; left:5em; top:0.3em; -webkit-transform:scale(0.4); -ms-transform:scale(0.4); transform:scale(0.4); -webkit-transform-origin:0 0; -ms-transform-origin:0 0; transform-origin:0 0; } .icon-lock .lock-top-1{ width:40%; height:40%; position:absolute; left:50%; margin-left:-20%; top:14%; background-color:transparent; border-radius:40%; } .icon-lock .lock-top-2{ width:24%; height:40%; position:absolute; left:50%; margin-left:-12%; top:22%; background-color:#151517; border-radius:25%; } .icon-lock .lock-body{ width:60%; height:48%; position:absolute; left:50%; margin-left:-30%; bottom:11%; background-color:transparent; border-radius:15%; } .icon-lock .lock-hole{ width:16%; height:13%; position:absolute; left:50%; margin-left:-8%; top:51%; border-radius:100%; background-color:#151517; } .icon-lock .lock-hole:after{ content:""; width:43%; height:78%; position:absolute; left:50%; margin-left:-20%; top:100%; background-color:inherit; } .stripe-branding{ position:absolute; top:0.85em; left:14.25em; font-size:0.6em; white-space:nowrap; } .stripe-branding a{ text-decoration:none; } .crowdstart-item-list-price{ text-decoration:line-through; } .crowdstart-items{ margin-top:0.5em; } .crowdstart-items lineitem{ margin-bottom:0.5em; display:table; width:100%; } .crowdstart-items lineitem .crowdstart-line-item{ margin-top:0.5em; line-height:2.5em; } .crowdstart-items lineitem .crowdstart-item-list-price{ margin-top:-1.5em; position:absolute; } .crowdstart-items .crowdstart-receipt-label{ text-align:right; } .crowdstart-money{ text-align:right; white-space:nowrap; } .crowdstart-totals > *{ line-height:2.5em; } .crowdstart-narrow .crowdstart-items label:first-of-type{ display:none; } promo .crowdstart-button{ height:2.6em; margin-top:0.5em; } promo .crowdstart-button > div{ line-height:0.5em; font-size:0.8em; } promo .crowdstart-button .crowdstart-loader{ height:2em; width:2em; top:0.55em; left:0.55em; } tabs{ width:100%; display:block; margin-top:1.5em; margin-bottom:0.5em; position:relative; } tabs > *{ display:table-cell; white-space:nowrap; } .crowdstart-tab{ min-width:120px; font-size:1.2em; padding:0.5em 0.5em 0.2em 0.5em; text-align:center; cursor:pointer; max-height:36px; } .crowdstart-tab img{ width:60%; } .crowdstart-tab.crowdstart-tab-selected{ font-weight:600; cursor:initial; } .crowdstart-tab.crowdstart-tab-selected img{ width:65%; } .crowdstart-tab-padding{ width:100%; } .crowdstart-checkbox-control input[type="checkbox"]{ display:none; } .crowdstart-checkbox-control input[type="checkbox"] + label .crowdstart-checkbox{ display:inline-block; width:1em; height:1em; position:relative; top:0.2em; margin-right:0.3em; } .crowdstart-checkbox-control input[type="checkbox"] + label{ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .crowdstart-checkbox{ cursor:pointer; } .crowdstart-checkbox-parts{ opacity:0; } .crowdstart-checkbox-control input[type="checkbox"]:checked + label .crowdstart-checkbox-parts{ opacity:1; -webkit-animation:bounce 1000ms linear both; animation:bounce 1000ms linear both; } .crowdstart-checkbox-short-part{ width:11px; height:4px; -webkit-transform:rotate(60deg); -ms-transform:rotate(60deg); transform:rotate(60deg); position:relative; top:8px; left:-6px; } .crowdstart-checkbox-long-part{ width:22px; height:4px; -webkit-transform:rotate(130deg); -ms-transform:rotate(130deg); transform:rotate(130deg); position:relative; top:2px; left:-2px; } @-webkit-keyframes bounce{ 0%{ -webkit-transform:matrix3d(0.25, 0, 0, 0, 0, 0.25, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.25, 0, 0, 0, 0, 0.25, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 3.4%{ -webkit-transform:matrix3d(0.329, 0, 0, 0, 0, 0.352, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.329, 0, 0, 0, 0, 0.352, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 4.7%{ -webkit-transform:matrix3d(0.362, 0, 0, 0, 0, 0.4, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.362, 0, 0, 0, 0, 0.4, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 6.81%{ -webkit-transform:matrix3d(0.415, 0, 0, 0, 0, 0.473, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.415, 0, 0, 0, 0, 0.473, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 9.41%{ -webkit-transform:matrix3d(0.471, 0, 0, 0, 0, 0.542, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.471, 0, 0, 0, 0, 0.542, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 10.21%{ -webkit-transform:matrix3d(0.485, 0, 0, 0, 0, 0.557, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.485, 0, 0, 0, 0, 0.557, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 13.61%{ -webkit-transform:matrix3d(0.531, 0, 0, 0, 0, 0.583, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.531, 0, 0, 0, 0, 0.583, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 14.11%{ -webkit-transform:matrix3d(0.535, 0, 0, 0, 0, 0.583, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.535, 0, 0, 0, 0, 0.583, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 17.52%{ -webkit-transform:matrix3d(0.552, 0, 0, 0, 0, 0.56, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.552, 0, 0, 0, 0, 0.56, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 18.72%{ -webkit-transform:matrix3d(0.553, 0, 0, 0, 0, 0.547, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.553, 0, 0, 0, 0, 0.547, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 21.32%{ -webkit-transform:matrix3d(0.549, 0, 0, 0, 0, 0.517, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.549, 0, 0, 0, 0, 0.517, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 24.32%{ -webkit-transform:matrix3d(0.538, 0, 0, 0, 0, 0.49, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.538, 0, 0, 0, 0, 0.49, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 25.23%{ -webkit-transform:matrix3d(0.533, 0, 0, 0, 0, 0.484, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.533, 0, 0, 0, 0, 0.484, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 29.03%{ -webkit-transform:matrix3d(0.516, 0, 0, 0, 0, 0.474, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.516, 0, 0, 0, 0, 0.474, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 29.93%{ -webkit-transform:matrix3d(0.512, 0, 0, 0, 0, 0.475, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.512, 0, 0, 0, 0, 0.475, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 35.54%{ -webkit-transform:matrix3d(0.495, 0, 0, 0, 0, 0.491, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.495, 0, 0, 0, 0, 0.491, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 36.74%{ -webkit-transform:matrix3d(0.493, 0, 0, 0, 0, 0.495, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.493, 0, 0, 0, 0, 0.495, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 41.04%{ -webkit-transform:matrix3d(0.49, 0, 0, 0, 0, 0.506, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.49, 0, 0, 0, 0, 0.506, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 44.44%{ -webkit-transform:matrix3d(0.491, 0, 0, 0, 0, 0.508, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.491, 0, 0, 0, 0, 0.508, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 52.15%{ -webkit-transform:matrix3d(0.498, 0, 0, 0, 0, 0.502, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.498, 0, 0, 0, 0, 0.502, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 59.86%{ -webkit-transform:matrix3d(0.502, 0, 0, 0, 0, 0.498, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.502, 0, 0, 0, 0, 0.498, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 63.26%{ -webkit-transform:matrix3d(0.502, 0, 0, 0, 0, 0.498, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.502, 0, 0, 0, 0, 0.498, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 75.28%{ -webkit-transform:matrix3d(0.5, 0, 0, 0, 0, 0.501, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.5, 0, 0, 0, 0, 0.501, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 85.49%{ -webkit-transform:matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 90.69%{ -webkit-transform:matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 100%{ -webkit-transform:matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } @keyframes bounce{ 0%{ -webkit-transform:matrix3d(0.25, 0, 0, 0, 0, 0.25, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.25, 0, 0, 0, 0, 0.25, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 3.4%{ -webkit-transform:matrix3d(0.329, 0, 0, 0, 0, 0.352, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.329, 0, 0, 0, 0, 0.352, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 4.7%{ -webkit-transform:matrix3d(0.362, 0, 0, 0, 0, 0.4, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.362, 0, 0, 0, 0, 0.4, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 6.81%{ -webkit-transform:matrix3d(0.415, 0, 0, 0, 0, 0.473, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.415, 0, 0, 0, 0, 0.473, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 9.41%{ -webkit-transform:matrix3d(0.471, 0, 0, 0, 0, 0.542, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.471, 0, 0, 0, 0, 0.542, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 10.21%{ -webkit-transform:matrix3d(0.485, 0, 0, 0, 0, 0.557, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.485, 0, 0, 0, 0, 0.557, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 13.61%{ -webkit-transform:matrix3d(0.531, 0, 0, 0, 0, 0.583, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.531, 0, 0, 0, 0, 0.583, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 14.11%{ -webkit-transform:matrix3d(0.535, 0, 0, 0, 0, 0.583, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.535, 0, 0, 0, 0, 0.583, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 17.52%{ -webkit-transform:matrix3d(0.552, 0, 0, 0, 0, 0.56, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.552, 0, 0, 0, 0, 0.56, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 18.72%{ -webkit-transform:matrix3d(0.553, 0, 0, 0, 0, 0.547, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.553, 0, 0, 0, 0, 0.547, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 21.32%{ -webkit-transform:matrix3d(0.549, 0, 0, 0, 0, 0.517, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.549, 0, 0, 0, 0, 0.517, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 24.32%{ -webkit-transform:matrix3d(0.538, 0, 0, 0, 0, 0.49, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.538, 0, 0, 0, 0, 0.49, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 25.23%{ -webkit-transform:matrix3d(0.533, 0, 0, 0, 0, 0.484, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.533, 0, 0, 0, 0, 0.484, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 29.03%{ -webkit-transform:matrix3d(0.516, 0, 0, 0, 0, 0.474, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.516, 0, 0, 0, 0, 0.474, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 29.93%{ -webkit-transform:matrix3d(0.512, 0, 0, 0, 0, 0.475, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.512, 0, 0, 0, 0, 0.475, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 35.54%{ -webkit-transform:matrix3d(0.495, 0, 0, 0, 0, 0.491, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.495, 0, 0, 0, 0, 0.491, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 36.74%{ -webkit-transform:matrix3d(0.493, 0, 0, 0, 0, 0.495, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.493, 0, 0, 0, 0, 0.495, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 41.04%{ -webkit-transform:matrix3d(0.49, 0, 0, 0, 0, 0.506, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.49, 0, 0, 0, 0, 0.506, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 44.44%{ -webkit-transform:matrix3d(0.491, 0, 0, 0, 0, 0.508, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.491, 0, 0, 0, 0, 0.508, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 52.15%{ -webkit-transform:matrix3d(0.498, 0, 0, 0, 0, 0.502, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.498, 0, 0, 0, 0, 0.502, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 59.86%{ -webkit-transform:matrix3d(0.502, 0, 0, 0, 0, 0.498, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.502, 0, 0, 0, 0, 0.498, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 63.26%{ -webkit-transform:matrix3d(0.502, 0, 0, 0, 0, 0.498, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.502, 0, 0, 0, 0, 0.498, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 75.28%{ -webkit-transform:matrix3d(0.5, 0, 0, 0, 0, 0.501, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.5, 0, 0, 0, 0, 0.501, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 85.49%{ -webkit-transform:matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 90.69%{ -webkit-transform:matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 100%{ -webkit-transform:matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform:matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } .crowdstart-checkout{ font-weight:400; font-size:0.7em; font-style:normal; font-variant:normal; } .select2-container *{ font-size:0.7em; font-style:normal; font-variant:normal; } .select2 *{ font-size:1em; } .select2-results *{ font-size:1.15em; margin-left:0.2em; } label{ font-size:1.2em; } .crowdstart-back{ font-size:1em; } .crowdstart-form-control label{ font-weight:600; } .crowdstart-checkout-button, .crowdstart-error-button{ font-weight:600; } .crowdstart-progress li{ font-size:0.7em; } .crowdstart-progress li:before{ font-size:1em; } .crowdstart-message{ font-size:1em; } .crowdstart-loader{ margin-top:10px; width:16px; font-size:10px; position:relative; text-indent:-9999em; -webkit-transform:translateZ(0); transform:translateZ(0); -webkit-animation:load8 1.1s infinite linear; animation:load8 1.1s infinite linear; } .crowdstart-loader, .crowdstart-loader:after{ border-radius:50%; width:10em; height:10em; margin-top:10px; } .crowdstart-button .crowdstart-loader{ height:3em; width:3em; border-width:0.5em; float:left; top:0.33em; left:0.33em; margin:0; position:absolute; } @-webkit-keyframes load8{ 0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg); } 100%{ -webkit-transform:rotate(360deg); transform:rotate(360deg); } } @keyframes load8{ 0%{ -webkit-transform:rotate(0deg); transform:rotate(0deg); } 100%{ -webkit-transform:rotate(360deg); transform:rotate(360deg); } } @font-face{ font-family:'FontAwesome'; src:url("//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/fonts/fontawesome-webfont.eot"); src:url("//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/fonts/fontawesome-webfont.eot?#iefix") format('embedded-opentype'), url("//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/fonts/fontawesome-webfont.woff2") format('woff2'), url("//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/fonts/fontawesome-webfont.woff") format('woff'), url("//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/fonts/fontawesome-webfont.ttf") format('truetype'), url("//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/fonts/fontawesome-webfont.svg#fontawesomeregular") format('svg'); font-weight:normal; font-style:normal; } *, *::before, *::after{ box-sizing:border-box; } .icon--vimeo::before{ content:"\f27d"; } .social__icon--vimeo{ background-color:#4dbfe3; } .social__icon--vimeo:hover{ background-color:#41a2c0; } .icon--twitter::before{ content:"\f099"; } .social__icon--twitter{ background-color:#32b9e7; } .social__icon--twitter:hover{ background-color:#2a9dc4; } .icon--facebook::before{ content:"\f09a"; } .social__icon--facebook{ background-color:#4b70ab; } .social__icon--facebook:hover{ background-color:#3f5f91; } .icon--googleplus::before{ content:"\f0d5"; } .social__icon--googleplus{ background-color:#fa5432; } .social__icon--googleplus:hover{ background-color:#d4472a; } .icon--pintrest::before{ content:"\f231"; } .social__icon--pintrest{ background-color:#d63533; } .social__icon--pintrest:hover{ background-color:#b52d2b; } .icon--linkedin::before{ content:"\f0e1"; } .social__icon--linkedin{ background-color:#0087be; } .social__icon--linkedin:hover{ background-color:#0072a1; } .icon--dribble::before{ content:"\f17d"; } .social__icon--dribble{ background-color:#fc89b1; } .social__icon--dribble:hover{ background-color:#d67496; } .icon--stumbleupon::before{ content:"\f1a4"; } .social__icon--stumbleupon{ background-color:#f15d29; } .social__icon--stumbleupon:hover{ background-color:#cc4f22; } .icon--lastfm::before{ content:"\f202"; } .social__icon--lastfm{ background-color:#e42124; } .social__icon--lastfm:hover{ background-color:#c11c1e; } .icon--instagram::before{ content:"\f16d"; } .social__icon--instagram{ background-color:#6291b2; } .social__icon--instagram:hover{ background-color:#537b97; } .icon--dropbox::before{ content:"\f16b"; } .social__icon--dropbox{ background-color:#167ab6; } .social__icon--dropbox:hover{ background-color:#12679a; } .icon--soundcloud::before{ content:"\f1be"; } .social__icon--soundcloud{ background-color:#fb740b; } .social__icon--soundcloud:hover{ background-color:#d56209; } .icon--behance::before{ content:"\f1b4"; } .social__icon--behance{ background-color:#33abdb; } .social__icon--behance:hover{ background-color:#2b91ba; } .icon--skype::before{ content:"\f17e"; } .social__icon--skype{ background-color:#00aff0; } .social__icon--skype:hover{ background-color:#0094cc; } .icon--github::before{ content:"\f09b"; } .social__icon--github{ background-color:#333; } .social__icon--github:hover{ background-color:#2b2b2b; } .icon--flickr::before{ content:"\f16e"; } .social__icon--flickr{ background-color:#333; } .social__icon--flickr:hover{ background-color:#2b2b2b; } .icon--email::before{ content:"\f112"; } .social__icon--email{ background-color:#db4242; } .social__icon--email:hover{ background-color:#d03232; } .icon--rss::before{ content:"\f09e"; } .social__icon--rss{ background-color:#fb7629; } .social__icon--rss:hover{ background-color:#d56422; } .social__item{ display:inline-block; margin-right:0.1em; } .icon, [class^="icon--"]{ font-family:'FontAwesome'; color:#fff !important; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:2; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } .social__icon, [class^="social__icon"]{ font-size:1.4em; text-decoration:none; width:2.2em; height:2.2em; text-align:center; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; } .social__container{ padding:1em; font-size:1em; } @import url("http://fonts.googleapis.com/css?family=Roboto:400,100,900"); @import url("http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,800italic,400"); @import url("http://fonts.googleapis.com/css?family=Bevan"); .crowdstart-card-icons{ border-radius:0.9375em; display:table-cell; font-size:0.6em; height:100%; text-align:center; vertical-align:middle; width:100%; font-size:0.4rem; } .crowdstart-card-icons .crowdstart-card-icon > *{ background:#fff; border-radius:0.25em; box-shadow:0 0.039em 0.132em rgba(0,0,0,0.4); display:inline-block; font-size:1em; height:3em; overflow:hidden; position:relative; vertical-align:middle; width:5em; float:left; margin-bottom:1em; } .crowdstart-card-icons .crowdstart-card-icon .visa{ font-family:"Open Sans", sans-serif; font-size:2em; font-style:italic; font-weight:800; padding:0.05em; z-index:0; } .crowdstart-card-icons .crowdstart-card-icon .visa:before, .crowdstart-card-icons .crowdstart-card-icon .visa:after{ background:#00579f; border-top-left-radius:0.25em; border-top-right-radius:0.25em; content:""; display:block; height:0.75em; left:50%; position:absolute; top:1.75%; -webkit-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); transform:translate(-50%, 0); width:98%; z-index:200; } .crowdstart-card-icons .crowdstart-card-icon .visa:after{ background:#fba31b; border-top-left-radius:0; border-top-right-radius:0; border-bottom-left-radius:0.25em; border-bottom-right-radius:0.25em; bottom:2.75%; top:auto; } .crowdstart-card-icons .crowdstart-card-icon .visa p{ color:#00579f; position:relative; } .crowdstart-card-icons .crowdstart-card-icon .visa p:after{ border-top:0.1em solid transparent; border-bottom:0.1em solid transparent; border-left:0.4em solid #fba31b; border-radius:0.0625em; content:""; display:block; height:0; left:25.5%; position:absolute; top:37.25%; -webkit-transform:rotateZ(189deg); -ms-transform:rotate(189deg); transform:rotateZ(189deg); width:0; z-index:600; } .crowdstart-card-icons .crowdstart-card-icon .mc{ background:#0059b3; font-size:2em; } .crowdstart-card-icons .crowdstart-card-icon .mc:before, .crowdstart-card-icons .crowdstart-card-icon .mc:after{ background:#ef3526; border-radius:50%; content:""; display:block; height:2em; left:35%; position:absolute; top:50%; width:2em; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); z-index:200; } .crowdstart-card-icons .crowdstart-card-icon .mc:after{ background:#fcb836; left:65%; } .crowdstart-card-icons .crowdstart-card-icon .mc hr{ background:#ef3526; border:none; border-top-right-radius:0.25em; height:0.14em; margin:0.14em auto; position:relative; top:25%; width:0.65em; z-index:600; } .crowdstart-card-icons .crowdstart-card-icon .mc hr:nth-of-type(1), .crowdstart-card-icons .crowdstart-card-icon .mc hr:nth-of-type(5){ -webkit-transform:translate(-28%, 0); -ms-transform:translate(-28%, 0); transform:translate(-28%, 0); } .crowdstart-card-icons .crowdstart-card-icon .mc hr:nth-of-type(2), .crowdstart-card-icons .crowdstart-card-icon .mc hr:nth-of-type(4){ -webkit-transform:translate(-10%, 0); -ms-transform:translate(-10%, 0); transform:translate(-10%, 0); } .crowdstart-card-icons .crowdstart-card-icon .mc hr:nth-of-type(4), .crowdstart-card-icons .crowdstart-card-icon .mc hr:nth-of-type(5){ border-top-right-radius:0; border-bottom-right-radius:0.25em; } .crowdstart-card-icons .crowdstart-card-icon .mc hr:nth-of-type(3){ border-top-right-radius:4; border-bottom-right-radius:0.25em; } .crowdstart-card-icons .crowdstart-card-icon .mc p{ color:#fff; font-size:0.63em; font-weight:600; line-height:1.5em; position:relative; text-shadow:0.0625em 0.0625em 0.0625em #000; top:-0.8em; z-index:600; } .crowdstart-card-icons .crowdstart-card-icon .amex{ background:#0971bc; background-image:-webkit-radial-gradient(circle farthest-corner at top left, #7ecdf2, #0971bc 60%); background-image:radial-gradient(circle farthest-corner at top left, #7ecdf2, #0971bc 60%); font-size:2em; font-weight:900; } .crowdstart-card-icons .crowdstart-card-icon .amex hr{ border:none; border-top:1px solid rgba(255,255,255,0.05); margin:0.15em 0; } .crowdstart-card-icons .crowdstart-card-icon .amex .svg{ width:100%; height:100%; color:#fff; font-size:0.8em; left:0; position:absolute; top:0; stroke-width:0.6; } .crowdstart-card-icons .crowdstart-card-icon .discover{ font-size:2em; } .crowdstart-card-icons .crowdstart-card-icon .discover:after{ border-top:0.75em solid transparent; border-bottom:0 solid transparent; border-right:1.75em solid #ff7800; bottom:0; content:""; height:0; position:absolute; right:0; width:0; } .crowdstart-card-icons .crowdstart-card-icon .discover p{ font-size:0.75em; font-weight:bold; letter-spacing:0.0625em; position:relative; text-transform:uppercase; line-height:2em; color:#000; } .crowdstart-card-icons .crowdstart-card-icon .discover p:after{ background:#ff7800; border-radius:50%; content:""; display:block; height:0.87em; left:3.11em; position:absolute; margin-top:-1em; width:0.87em; } .crowdstart-checkout{ width:400px; margin-left:-200px; } .crowdstart-checkout .crowdstart-choose{ display:table; width:100%; } .crowdstart-checkout .crowdstart-choose > *:nth-child(1){ width:calc(99.99% * 1/8 - (1em - 1em * 1/8)); } .crowdstart-checkout .crowdstart-choose > *:nth-child(1):nth-child(n){ float:left; margin-right:1em; clear:none; } .crowdstart-checkout .crowdstart-choose > *:nth-child(1):last-child{ margin-right:0; } .crowdstart-checkout .crowdstart-choose > *:nth-child(1):nth-child(8n){ margin-right:0; } .crowdstart-checkout .crowdstart-choose > *:nth-child(1):nth-child(8n + 1){ clear:left; } .crowdstart-checkout .crowdstart-choose > *:nth-child(2){ width:calc(99.99% * 6/8 - (1em - 1em * 6/8)); } .crowdstart-checkout .crowdstart-choose > *:nth-child(2):nth-child(n){ float:left; margin-right:1em; clear:none; } .crowdstart-checkout .crowdstart-choose > *:nth-child(2):last-child{ margin-right:0; } .crowdstart-checkout .crowdstart-choose > *:nth-child(2):nth-child(8n){ margin-right:0; } .crowdstart-checkout .crowdstart-choose > *:nth-child(2):nth-child(8n + 1){ clear:left; } .crowdstart-checkout .crowdstart-card-icons{ display:table; width:100%; } .crowdstart-checkout .crowdstart-card-icons > .crowdstart-card-icon{ width:calc(99.99% * 1/4 - (1em - 1em * 1/4)); } .crowdstart-checkout .crowdstart-card-icons > .crowdstart-card-icon:nth-child(n){ float:left; margin-right:1em; clear:none; } .crowdstart-checkout .crowdstart-card-icons > .crowdstart-card-icon:last-child{ margin-right:0; } .crowdstart-checkout .crowdstart-card-icons > .crowdstart-card-icon:nth-child(4n){ margin-right:0; } .crowdstart-checkout .crowdstart-card-icons > .crowdstart-card-icon:nth-child(4n + 1){ clear:left; } .crowdstart-checkout .crowdstart-full-width{ margin:0 -1em; } .crowdstart-checkout .crowdstart-full-width > *{ margin-left:1em; } .crowdstart-checkout .crowdstart-card-expiry-cvc, .crowdstart-checkout .crowdstart-shipping-address-line, .crowdstart-checkout .crowdstart-shipping-state-postal{ display:table; width:100%; } .crowdstart-checkout .crowdstart-card-expiry-cvc > control, .crowdstart-checkout .crowdstart-shipping-address-line > control, .crowdstart-checkout .crowdstart-shipping-state-postal > control{ width:calc(99.99% * 1/2 - (1em - 1em * 1/2)); } .crowdstart-checkout .crowdstart-card-expiry-cvc > control:nth-child(n), .crowdstart-checkout .crowdstart-shipping-address-line > control:nth-child(n), .crowdstart-checkout .crowdstart-shipping-state-postal > control:nth-child(n){ float:left; margin-right:1em; clear:none; } .crowdstart-checkout .crowdstart-card-expiry-cvc > control:last-child, .crowdstart-checkout .crowdstart-shipping-address-line > control:last-child, .crowdstart-checkout .crowdstart-shipping-state-postal > control:last-child{ margin-right:0; } .crowdstart-checkout .crowdstart-card-expiry-cvc > control:nth-child(2n), .crowdstart-checkout .crowdstart-shipping-address-line > control:nth-child(2n), .crowdstart-checkout .crowdstart-shipping-state-postal > control:nth-child(2n){ margin-right:0; } .crowdstart-checkout .crowdstart-card-expiry-cvc > control:nth-child(2n + 1), .crowdstart-checkout .crowdstart-shipping-address-line > control:nth-child(2n + 1), .crowdstart-checkout .crowdstart-shipping-state-postal > control:nth-child(2n + 1){ clear:left; } .crowdstart-checkout .crowdstart-totals > *{ display:table; width:100%; } .crowdstart-checkout .crowdstart-totals > * > *{ width:calc(99.99% * 1/2 - (1em - 1em * 1/2)); } .crowdstart-checkout .crowdstart-totals > * > *:nth-child(n){ float:left; margin-right:1em; clear:none; } .crowdstart-checkout .crowdstart-totals > * > *:last-child{ margin-right:0; } .crowdstart-checkout .crowdstart-totals > * > *:nth-child(2n){ margin-right:0; } .crowdstart-checkout .crowdstart-totals > * > *:nth-child(2n + 1){ clear:left; } .crowdstart-checkout promo .crowdstart-form-control{ display:table; width:100%; } .crowdstart-checkout promo .crowdstart-form-control > *{ width:calc(99.99% * 1/4 - (1em - 1em * 1/4)); } .crowdstart-checkout promo .crowdstart-form-control > *:nth-child(n){ float:left; margin-right:1em; clear:none; } .crowdstart-checkout promo .crowdstart-form-control > *:last-child{ margin-right:0; } .crowdstart-checkout promo .crowdstart-form-control > *:nth-child(4n){ margin-right:0; } .crowdstart-checkout promo .crowdstart-form-control > *:nth-child(4n + 1){ clear:left; } .crowdstart-checkout promo .crowdstart-form-control > :nth-child(1){ width:calc(99.99% * 1/2 - (1em - 1em * 1/2)); } .crowdstart-checkout promo .crowdstart-form-control > :nth-child(1):nth-child(n){ float:left; margin-right:1em; clear:none; } .crowdstart-checkout promo .crowdstart-form-control > :nth-child(1):last-child{ margin-right:0; } .crowdstart-checkout promo .crowdstart-form-control > :nth-child(1):nth-child(2n){ margin-right:0; } .crowdstart-checkout promo .crowdstart-form-control > :nth-child(1):nth-child(2n + 1){ clear:left; } .crowdstart-checkout .crowdstart-line-item div{ width:calc(99.99% * 1/5 - (1em - 1em * 1/5)); } .crowdstart-checkout .crowdstart-line-item div:nth-child(n){ float:left; margin-right:1em; clear:none; } .crowdstart-checkout .crowdstart-line-item div:last-child{ margin-right:0; } .crowdstart-checkout .crowdstart-line-item div:nth-child(5n){ margin-right:0; } .crowdstart-checkout .crowdstart-line-item div:nth-child(5n + 1){ clear:left; } .crowdstart-checkout .crowdstart-line-item div:nth-of-type(2){ width:calc(99.99% * 2/5 - (1em - 1em * 2/5)); } .crowdstart-checkout .crowdstart-line-item div:nth-of-type(2):nth-child(n){ float:left; margin-right:1em; clear:none; } .crowdstart-checkout .crowdstart-line-item div:nth-of-type(2):last-child{ margin-right:0; } .crowdstart-checkout .crowdstart-line-item div:nth-of-type(2):nth-child(5n){ margin-right:0; } .crowdstart-checkout .crowdstart-line-item div:nth-of-type(2):nth-child(5n + 1){ clear:left; } .crowdstart-checkout .crowdstart-card-widget{ display:table; width:100%; } .crowdstart-checkout .crowdstart-card-widget > .crowdstart-card-details, .crowdstart-checkout .crowdstart-card-widget > .crowdstart-card{ width:calc(99.99% * 1/2 - (1em - 1em * 1/2)); } .crowdstart-checkout .crowdstart-card-widget > .crowdstart-card-details:nth-child(n), .crowdstart-checkout .crowdstart-card-widget > .crowdstart-card:nth-child(n){ float:left; margin-right:1em; clear:none; } .crowdstart-checkout .crowdstart-card-widget > .crowdstart-card-details:last-child, .crowdstart-checkout .crowdstart-card-widget > .crowdstart-card:last-child{ margin-right:0; } .crowdstart-checkout .crowdstart-card-widget > .crowdstart-card-details:nth-child(2n), .crowdstart-checkout .crowdstart-card-widget > .crowdstart-card:nth-child(2n){ margin-right:0; } .crowdstart-checkout .crowdstart-card-widget > .crowdstart-card-details:nth-child(2n + 1), .crowdstart-checkout .crowdstart-card-widget > .crowdstart-card:nth-child(2n + 1){ clear:left; } .crowdstart-checkout.crowdstart-narrow .crowdstart-card-widget{ display:table; width:100%; } .crowdstart-checkout.crowdstart-narrow .crowdstart-card-widget > .crowdstart-card-details, .crowdstart-checkout.crowdstart-narrow .crowdstart-card-widget > .crowdstart-card{ width:calc(99.99% * 1/2 - (1em - 1em * 1/2)); } .crowdstart-checkout.crowdstart-narrow .crowdstart-card-widget > .crowdstart-card-details:nth-child(n), .crowdstart-checkout.crowdstart-narrow .crowdstart-card-widget > .crowdstart-card:nth-child(n){ float:left; margin-right:1em; clear:none; } .crowdstart-checkout.crowdstart-narrow .crowdstart-card-widget > .crowdstart-card-details:last-child, .crowdstart-checkout.crowdstart-narrow .crowdstart-card-widget > .crowdstart-card:last-child{ margin-right:0; } .crowdstart-checkout.crowdstart-narrow .crowdstart-card-widget > .crowdstart-card-details:nth-child(2n), .crowdstart-checkout.crowdstart-narrow .crowdstart-card-widget > .crowdstart-card:nth-child(2n){ margin-right:0; } .crowdstart-checkout.crowdstart-narrow .crowdstart-card-widget > .crowdstart-card-details:nth-child(2n + 1), .crowdstart-checkout.crowdstart-narrow .crowdstart-card-widget > .crowdstart-card:nth-child(2n + 1){ clear:left; } @media only screen and (max-width: 350px){ .crowdstart-active .crowdstart-checkout{ -webkit-transform:scale(0.6, 0.6); -ms-transform:scale(0.6, 0.6); transform:scale(0.6, 0.6); } widget{ top:0; } } @media only screen and (min-width: 350px) and (max-width: 400px){ .crowdstart-active .crowdstart-checkout{ -webkit-transform:scale(0.9, 0.9); -ms-transform:scale(0.9, 0.9); transform:scale(0.9, 0.9); } } @media only screen and (min-width: 750px){ thankyou > div{ left:59%; position:relative; } .crowdstart-card-widget:not(.crowdstart-narrow) .crowdstart-card{ position:absolute; z-index:-1; margin-left:118px; } .crowdstart-card-widget:not(.crowdstart-narrow) .crowdstart-card .jp-card-container{ z-index:10001; height:200px; -webkit-transform:scale(0.475) !important; -ms-transform:scale(0.475) !important; transform:scale(0.475) !important; } .crowdstart-checkout:not(.crowdstart-narrow) .crowdstart-items .crowdstart-sep:first-of-type{ display:none; } .crowdstart-checkout:not(.crowdstart-narrow){ width:700px; margin-left:-350px; } .crowdstart-checkout:not(.crowdstart-narrow) .crowdstart-column:last-of-type{ position:relative; z-index:2000; } .crowdstart-checkout:not(.crowdstart-narrow) .crowdstart-row{ display:table; width:100%; } .crowdstart-checkout:not(.crowdstart-narrow) > .crowdstart-row .crowdstart-column{ width:calc(99.99% * 1/2 - (1em - 1em * 1/2)); } .crowdstart-checkout:not(.crowdstart-narrow) > .crowdstart-row .crowdstart-column:nth-child(n){ float:left; margin-right:1em; clear:none; } .crowdstart-checkout:not(.crowdstart-narrow) > .crowdstart-row .crowdstart-column:last-child{ margin-right:0; } .crowdstart-checkout:not(.crowdstart-narrow) > .crowdstart-row .crowdstart-column:nth-child(2n){ margin-right:0; } .crowdstart-checkout:not(.crowdstart-narrow) > .crowdstart-row .crowdstart-column:nth-child(2n + 1){ clear:left; } .crowdstart-checkout:not(.crowdstart-narrow) .crowdstart-card-icons > .crowdstart-card-icon{ width:calc(99.99% * 1/3 - (1em - 1em * 1/3)); } .crowdstart-checkout:not(.crowdstart-narrow) .crowdstart-card-icons > .crowdstart-card-icon:nth-child(n){ float:left; margin-right:1em; clear:none; } .crowdstart-checkout:not(.crowdstart-narrow) .crowdstart-card-icons > .crowdstart-card-icon:last-child{ margin-right:0; } .crowdstart-checkout:not(.crowdstart-narrow) .crowdstart-card-icons > .crowdstart-card-icon:nth-child(2n){ margin-right:0; } .crowdstart-checkout:not(.crowdstart-narrow) .crowdstart-card-icons > .crowdstart-card-icon:nth-child(2n + 1){ clear:left; } .crowdstart-checkout:not(.crowdstart-narrow) .crowdstart-choose > *:nth-child(1){ width:calc(99.99% * 1/4 - (1em - 1em * 1/4)); } .crowdstart-checkout:not(.crowdstart-narrow) .crowdstart-choose > *:nth-child(1):nth-child(n){ float:left; margin-right:1em; clear:none; } .crowdstart-checkout:not(.crowdstart-narrow) .crowdstart-choose > *:nth-child(1):last-child{ margin-right:0; } .crowdstart-checkout:not(.crowdstart-narrow) .crowdstart-choose > *:nth-child(1):nth-child(4n){ margin-right:0; } .crowdstart-checkout:not(.crowdstart-narrow) .crowdstart-choose > *:nth-child(1):nth-child(4n + 1){ clear:left; } .crowdstart-checkout:not(.crowdstart-narrow) .crowdstart-choose > *:nth-child(2){ width:calc(99.99% * 3/4 - (1em - 1em * 3/4)); } .crowdstart-checkout:not(.crowdstart-narrow) .crowdstart-choose > *:nth-child(2):nth-child(n){ float:left; margin-right:1em; clear:none; } .crowdstart-checkout:not(.crowdstart-narrow) .crowdstart-choose > *:nth-child(2):last-child{ margin-right:0; } .crowdstart-checkout:not(.crowdstart-narrow) .crowdstart-choose > *:nth-child(2):nth-child(4n){ margin-right:0; } .crowdstart-checkout:not(.crowdstart-narrow) .crowdstart-choose > *:nth-child(2):nth-child(4n + 1){ clear:left; } } @media only screen and (max-width: 750px){ .crowdstart-card-widget .crowdstart-card{ position:absolute; z-index:-1; margin-top:12px; margin-left:156px; } .crowdstart-card-widget .crowdstart-card .jp-card-container{ z-index:10001; height:172px; -webkit-transform:scale(0.56) !important; -ms-transform:scale(0.56) !important; transform:scale(0.56) !important; } .crowdstart-items label:first-of-type{ display:none; } } @media only screen and (min-width: 25.625em){ .crowdstart-card-icons .crowdstart-card-icon .discover p:after{ top:1.59em; } }/*# sourceMappingURL=checkout.css.map */