crowdstart-checkout
Version:
One Click Checkout for Crowdstart
1,666 lines • 45.6 kB
CSS
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 ;
}
.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 ;
}
.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) ;
-ms-transform:scale(0.56) ;
transform:scale(0.56) ;
}
.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 ;
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) ;
-ms-transform:scale(0.475) ;
transform:scale(0.475) ;
}
.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) ;
-ms-transform:scale(0.56) ;
transform:scale(0.56) ;
}
.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 */