html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
*,
:after,
:before {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
max-width: 91%;
}
@media (min-width: 360px) {
.container {
max-width: 91%;
}
}
@media (min-width: 768px) {
.container {
max-width: 92%;
}
}
@media (min-width: 992px) {
.container {
max-width: 84%;
}
}
@media (min-width: 1366px) {
.container {
max-width: 84%;
}
}
@media (min-width: 1440px) {
.container {
max-width: 84%;
}
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-auto,
.col-xxl,
.col-xxl-1,
.col-xxl-2,
.col-xxl-3,
.col-xxl-4,
.col-xxl-5,
.col-xxl-6,
.col-xxl-7,
.col-xxl-8,
.col-xxl-9,
.col-xxl-10,
.col-xxl-11,
.col-xxl-12,
.col-xxl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-1 {
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-2 {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-5 {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-8 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-11 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
-ms-flex-order: -1;
order: -1;
}
.order-last {
-ms-flex-order: 13;
order: 13;
}
.order-0 {
-ms-flex-order: 0;
order: 0;
}
.order-1 {
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-1 {
margin-left: 8.33333%;
}
.offset-2 {
margin-left: 16.66667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.33333%;
}
.offset-5 {
margin-left: 41.66667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.33333%;
}
.offset-8 {
margin-left: 66.66667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.33333%;
}
.offset-11 {
margin-left: 91.66667%;
}
@media (min-width: 360px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-sm-1 {
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-sm-2 {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-sm-5 {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-sm-8 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-sm-11 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-ms-flex-order: -1;
order: -1;
}
.order-sm-last {
-ms-flex-order: 13;
order: 13;
}
.order-sm-0 {
-ms-flex-order: 0;
order: 0;
}
.order-sm-1 {
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-ms-flex-order: 5;
order: 5;
}
.order-sm-6 {
-ms-flex-order: 6;
order: 6;
}
.order-sm-7 {
-ms-flex-order: 7;
order: 7;
}
.order-sm-8 {
-ms-flex-order: 8;
order: 8;
}
.order-sm-9 {
-ms-flex-order: 9;
order: 9;
}
.order-sm-10 {
-ms-flex-order: 10;
order: 10;
}
.order-sm-11 {
-ms-flex-order: 11;
order: 11;
}
.order-sm-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.33333%;
}
.offset-sm-2 {
margin-left: 16.66667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.33333%;
}
.offset-sm-5 {
margin-left: 41.66667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.33333%;
}
.offset-sm-8 {
margin-left: 66.66667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.33333%;
}
.offset-sm-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-md-1 {
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-md-2 {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-md-5 {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-md-8 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-md-11 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-ms-flex-order: -1;
order: -1;
}
.order-md-last {
-ms-flex-order: 13;
order: 13;
}
.order-md-0 {
-ms-flex-order: 0;
order: 0;
}
.order-md-1 {
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-ms-flex-order: 5;
order: 5;
}
.order-md-6 {
-ms-flex-order: 6;
order: 6;
}
.order-md-7 {
-ms-flex-order: 7;
order: 7;
}
.order-md-8 {
-ms-flex-order: 8;
order: 8;
}
.order-md-9 {
-ms-flex-order: 9;
order: 9;
}
.order-md-10 {
-ms-flex-order: 10;
order: 10;
}
.order-md-11 {
-ms-flex-order: 11;
order: 11;
}
.order-md-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.33333%;
}
.offset-md-2 {
margin-left: 16.66667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.33333%;
}
.offset-md-5 {
margin-left: 41.66667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.33333%;
}
.offset-md-8 {
margin-left: 66.66667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.33333%;
}
.offset-md-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-lg-1 {
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-lg-2 {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-lg-5 {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-lg-8 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-lg-11 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-ms-flex-order: -1;
order: -1;
}
.order-lg-last {
-ms-flex-order: 13;
order: 13;
}
.order-lg-0 {
-ms-flex-order: 0;
order: 0;
}
.order-lg-1 {
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-ms-flex-order: 5;
order: 5;
}
.order-lg-6 {
-ms-flex-order: 6;
order: 6;
}
.order-lg-7 {
-ms-flex-order: 7;
order: 7;
}
.order-lg-8 {
-ms-flex-order: 8;
order: 8;
}
.order-lg-9 {
-ms-flex-order: 9;
order: 9;
}
.order-lg-10 {
-ms-flex-order: 10;
order: 10;
}
.order-lg-11 {
-ms-flex-order: 11;
order: 11;
}
.order-lg-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333%;
}
.offset-lg-2 {
margin-left: 16.66667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333%;
}
.offset-lg-5 {
margin-left: 41.66667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333%;
}
.offset-lg-8 {
margin-left: 66.66667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333%;
}
.offset-lg-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1366px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xl-1 {
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-xl-2 {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-xl-5 {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-xl-8 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-xl-11 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-ms-flex-order: -1;
order: -1;
}
.order-xl-last {
-ms-flex-order: 13;
order: 13;
}
.order-xl-0 {
-ms-flex-order: 0;
order: 0;
}
.order-xl-1 {
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-ms-flex-order: 5;
order: 5;
}
.order-xl-6 {
-ms-flex-order: 6;
order: 6;
}
.order-xl-7 {
-ms-flex-order: 7;
order: 7;
}
.order-xl-8 {
-ms-flex-order: 8;
order: 8;
}
.order-xl-9 {
-ms-flex-order: 9;
order: 9;
}
.order-xl-10 {
-ms-flex-order: 10;
order: 10;
}
.order-xl-11 {
-ms-flex-order: 11;
order: 11;
}
.order-xl-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333%;
}
.offset-xl-2 {
margin-left: 16.66667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333%;
}
.offset-xl-5 {
margin-left: 41.66667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333%;
}
.offset-xl-8 {
margin-left: 66.66667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333%;
}
.offset-xl-11 {
margin-left: 91.66667%;
}
}
@media (min-width: 1440px) {
.col-xxl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xxl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xxl-1 {
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%;
}
.col-xxl-2 {
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%;
}
.col-xxl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xxl-4 {
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.col-xxl-5 {
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%;
}
.col-xxl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xxl-7 {
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%;
}
.col-xxl-8 {
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.col-xxl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xxl-10 {
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%;
}
.col-xxl-11 {
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%;
}
.col-xxl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xxl-first {
-ms-flex-order: -1;
order: -1;
}
.order-xxl-last {
-ms-flex-order: 13;
order: 13;
}
.order-xxl-0 {
-ms-flex-order: 0;
order: 0;
}
.order-xxl-1 {
-ms-flex-order: 1;
order: 1;
}
.order-xxl-2 {
-ms-flex-order: 2;
order: 2;
}
.order-xxl-3 {
-ms-flex-order: 3;
order: 3;
}
.order-xxl-4 {
-ms-flex-order: 4;
order: 4;
}
.order-xxl-5 {
-ms-flex-order: 5;
order: 5;
}
.order-xxl-6 {
-ms-flex-order: 6;
order: 6;
}
.order-xxl-7 {
-ms-flex-order: 7;
order: 7;
}
.order-xxl-8 {
-ms-flex-order: 8;
order: 8;
}
.order-xxl-9 {
-ms-flex-order: 9;
order: 9;
}
.order-xxl-10 {
-ms-flex-order: 10;
order: 10;
}
.order-xxl-11 {
-ms-flex-order: 11;
order: 11;
}
.order-xxl-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-xxl-0 {
margin-left: 0;
}
.offset-xxl-1 {
margin-left: 8.33333%;
}
.offset-xxl-2 {
margin-left: 16.66667%;
}
.offset-xxl-3 {
margin-left: 25%;
}
.offset-xxl-4 {
margin-left: 33.33333%;
}
.offset-xxl-5 {
margin-left: 41.66667%;
}
.offset-xxl-6 {
margin-left: 50%;
}
.offset-xxl-7 {
margin-left: 58.33333%;
}
.offset-xxl-8 {
margin-left: 66.66667%;
}
.offset-xxl-9 {
margin-left: 75%;
}
.offset-xxl-10 {
margin-left: 83.33333%;
}
.offset-xxl-11 {
margin-left: 91.66667%;
}
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media (min-width: 360px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1366px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1440px) {
.d-xxl-none {
display: none !important;
}
.d-xxl-inline {
display: inline !important;
}
.d-xxl-inline-block {
display: inline-block !important;
}
.d-xxl-block {
display: block !important;
}
.d-xxl-table {
display: table !important;
}
.d-xxl-table-row {
display: table-row !important;
}
.d-xxl-table-cell {
display: table-cell !important;
}
.d-xxl-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-xxl-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-print-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
.flex-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
@media (min-width: 360px) {
.flex-sm-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-sm-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-sm-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-sm-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-sm-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-sm-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-sm-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-sm-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-md-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-md-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-md-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-md-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-md-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-md-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-lg-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-lg-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-lg-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-lg-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1366px) {
.flex-xl-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-xl-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-xl-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xl-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xl-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1440px) {
.flex-xxl-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xxl-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xxl-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xxl-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xxl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xxl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xxl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-xxl-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-xxl-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-xxl-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-xxl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-xxl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-xxl-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xxl-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xxl-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xxl-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xxl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xxl-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xxl-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xxl-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xxl-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xxl-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xxl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xxl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xxl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xxl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xxl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xxl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xxl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-xxl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xxl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xxl-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xxl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xxl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
.m-0 {
margin: 0 !important;
}
.mt-0,
.my-0 {
margin-top: 0 !important;
}
.mr-0,
.mx-0 {
margin-right: 0 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1,
.my-1 {
margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
margin-left: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2,
.my-2 {
margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
margin-left: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.mt-3,
.my-3 {
margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
margin-right: 1rem !important;
}
.mb-3,
.my-3 {
margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
margin-left: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.mt-4,
.my-4 {
margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
margin-left: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.mt-5,
.my-5 {
margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
margin-right: 3rem !important;
}
.mb-5,
.my-5 {
margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
margin-left: 3rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0,
.py-0 {
padding-top: 0 !important;
}
.pr-0,
.px-0 {
padding-right: 0 !important;
}
.pb-0,
.py-0 {
padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1,
.py-1 {
padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
padding-left: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2,
.py-2 {
padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
padding-left: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.pt-3,
.py-3 {
padding-top: 1rem !important;
}
.pr-3,
.px-3 {
padding-right: 1rem !important;
}
.pb-3,
.py-3 {
padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
padding-left: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.pt-4,
.py-4 {
padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
padding-left: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.pt-5,
.py-5 {
padding-top: 3rem !important;
}
.pr-5,
.px-5 {
padding-right: 3rem !important;
}
.pb-5,
.py-5 {
padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
padding-left: 3rem !important;
}
.m-n1 {
margin: -0.25rem !important;
}
.mt-n1,
.my-n1 {
margin-top: -0.25rem !important;
}
.mr-n1,
.mx-n1 {
margin-right: -0.25rem !important;
}
.mb-n1,
.my-n1 {
margin-bottom: -0.25rem !important;
}
.ml-n1,
.mx-n1 {
margin-left: -0.25rem !important;
}
.m-n2 {
margin: -0.5rem !important;
}
.mt-n2,
.my-n2 {
margin-top: -0.5rem !important;
}
.mr-n2,
.mx-n2 {
margin-right: -0.5rem !important;
}
.mb-n2,
.my-n2 {
margin-bottom: -0.5rem !important;
}
.ml-n2,
.mx-n2 {
margin-left: -0.5rem !important;
}
.m-n3 {
margin: -1rem !important;
}
.mt-n3,
.my-n3 {
margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
margin-right: -1rem !important;
}
.mb-n3,
.my-n3 {
margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
margin-left: -1rem !important;
}
.m-n4 {
margin: -1.5rem !important;
}
.mt-n4,
.my-n4 {
margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4 {
margin-right: -1.5rem !important;
}
.mb-n4,
.my-n4 {
margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
margin-left: -1.5rem !important;
}
.m-n5 {
margin: -3rem !important;
}
.mt-n5,
.my-n5 {
margin-top: -3rem !important;
}
.mr-n5,
.mx-n5 {
margin-right: -3rem !important;
}
.mb-n5,
.my-n5 {
margin-bottom: -3rem !important;
}
.ml-n5,
.mx-n5 {
margin-left: -3rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
@media (min-width: 360px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important;
}
.mr-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important;
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important;
}
.ml-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important;
}
.mr-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important;
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important;
}
.ml-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important;
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important;
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important;
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important;
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important;
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important;
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important;
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important;
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important;
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important;
}
.pr-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important;
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important;
}
.pl-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important;
}
.pr-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important;
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important;
}
.pl-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important;
}
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important;
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important;
}
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important;
}
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important;
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important;
}
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important;
}
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important;
}
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important;
}
.m-sm-n1 {
margin: -0.25rem !important;
}
.mt-sm-n1,
.my-sm-n1 {
margin-top: -0.25rem !important;
}
.mr-sm-n1,
.mx-sm-n1 {
margin-right: -0.25rem !important;
}
.mb-sm-n1,
.my-sm-n1 {
margin-bottom: -0.25rem !important;
}
.ml-sm-n1,
.mx-sm-n1 {
margin-left: -0.25rem !important;
}
.m-sm-n2 {
margin: -0.5rem !important;
}
.mt-sm-n2,
.my-sm-n2 {
margin-top: -0.5rem !important;
}
.mr-sm-n2,
.mx-sm-n2 {
margin-right: -0.5rem !important;
}
.mb-sm-n2,
.my-sm-n2 {
margin-bottom: -0.5rem !important;
}
.ml-sm-n2,
.mx-sm-n2 {
margin-left: -0.5rem !important;
}
.m-sm-n3 {
margin: -1rem !important;
}
.mt-sm-n3,
.my-sm-n3 {
margin-top: -1rem !important;
}
.mr-sm-n3,
.mx-sm-n3 {
margin-right: -1rem !important;
}
.mb-sm-n3,
.my-sm-n3 {
margin-bottom: -1rem !important;
}
.ml-sm-n3,
.mx-sm-n3 {
margin-left: -1rem !important;
}
.m-sm-n4 {
margin: -1.5rem !important;
}
.mt-sm-n4,
.my-sm-n4 {
margin-top: -1.5rem !important;
}
.mr-sm-n4,
.mx-sm-n4 {
margin-right: -1.5rem !important;
}
.mb-sm-n4,
.my-sm-n4 {
margin-bottom: -1.5rem !important;
}
.ml-sm-n4,
.mx-sm-n4 {
margin-left: -1.5rem !important;
}
.m-sm-n5 {
margin: -3rem !important;
}
.mt-sm-n5,
.my-sm-n5 {
margin-top: -3rem !important;
}
.mr-sm-n5,
.mx-sm-n5 {
margin-right: -3rem !important;
}
.mb-sm-n5,
.my-sm-n5 {
margin-bottom: -3rem !important;
}
.ml-sm-n5,
.mx-sm-n5 {
margin-left: -3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important;
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important;
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.mt-md-1,
.my-md-1 {
margin-top: 0.25rem !important;
}
.mr-md-1,
.mx-md-1 {
margin-right: 0.25rem !important;
}
.mb-md-1,
.my-md-1 {
margin-bottom: 0.25rem !important;
}
.ml-md-1,
.mx-md-1 {
margin-left: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.mt-md-2,
.my-md-2 {
margin-top: 0.5rem !important;
}
.mr-md-2,
.mx-md-2 {
margin-right: 0.5rem !important;
}
.mb-md-2,
.my-md-2 {
margin-bottom: 0.5rem !important;
}
.ml-md-2,
.mx-md-2 {
margin-left: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important;
}
.mr-md-3,
.mx-md-3 {
margin-right: 1rem !important;
}
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important;
}
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important;
}
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important;
}
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important;
}
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important;
}
.mr-md-5,
.mx-md-5 {
margin-right: 3rem !important;
}
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important;
}
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important;
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important;
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.pt-md-1,
.py-md-1 {
padding-top: 0.25rem !important;
}
.pr-md-1,
.px-md-1 {
padding-right: 0.25rem !important;
}
.pb-md-1,
.py-md-1 {
padding-bottom: 0.25rem !important;
}
.pl-md-1,
.px-md-1 {
padding-left: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.pt-md-2,
.py-md-2 {
padding-top: 0.5rem !important;
}
.pr-md-2,
.px-md-2 {
padding-right: 0.5rem !important;
}
.pb-md-2,
.py-md-2 {
padding-bottom: 0.5rem !important;
}
.pl-md-2,
.px-md-2 {
padding-left: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important;
}
.pr-md-3,
.px-md-3 {
padding-right: 1rem !important;
}
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important;
}
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important;
}
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important;
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important;
}
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important;
}
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important;
}
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important;
}
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important;
}
.m-md-n1 {
margin: -0.25rem !important;
}
.mt-md-n1,
.my-md-n1 {
margin-top: -0.25rem !important;
}
.mr-md-n1,
.mx-md-n1 {
margin-right: -0.25rem !important;
}
.mb-md-n1,
.my-md-n1 {
margin-bottom: -0.25rem !important;
}
.ml-md-n1,
.mx-md-n1 {
margin-left: -0.25rem !important;
}
.m-md-n2 {
margin: -0.5rem !important;
}
.mt-md-n2,
.my-md-n2 {
margin-top: -0.5rem !important;
}
.mr-md-n2,
.mx-md-n2 {
margin-right: -0.5rem !important;
}
.mb-md-n2,
.my-md-n2 {
margin-bottom: -0.5rem !important;
}
.ml-md-n2,
.mx-md-n2 {
margin-left: -0.5rem !important;
}
.m-md-n3 {
margin: -1rem !important;
}
.mt-md-n3,
.my-md-n3 {
margin-top: -1rem !important;
}
.mr-md-n3,
.mx-md-n3 {
margin-right: -1rem !important;
}
.mb-md-n3,
.my-md-n3 {
margin-bottom: -1rem !important;
}
.ml-md-n3,
.mx-md-n3 {
margin-left: -1rem !important;
}
.m-md-n4 {
margin: -1.5rem !important;
}
.mt-md-n4,
.my-md-n4 {
margin-top: -1.5rem !important;
}
.mr-md-n4,
.mx-md-n4 {
margin-right: -1.5rem !important;
}
.mb-md-n4,
.my-md-n4 {
margin-bottom: -1.5rem !important;
}
.ml-md-n4,
.mx-md-n4 {
margin-left: -1.5rem !important;
}
.m-md-n5 {
margin: -3rem !important;
}
.mt-md-n5,
.my-md-n5 {
margin-top: -3rem !important;
}
.mr-md-n5,
.mx-md-n5 {
margin-right: -3rem !important;
}
.mb-md-n5,
.my-md-n5 {
margin-bottom: -3rem !important;
}
.ml-md-n5,
.mx-md-n5 {
margin-left: -3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important;
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important;
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.mt-lg-1,
.my-lg-1 {
margin-top: 0.25rem !important;
}
.mr-lg-1,
.mx-lg-1 {
margin-right: 0.25rem !important;
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: 0.25rem !important;
}
.ml-lg-1,
.mx-lg-1 {
margin-left: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.mt-lg-2,
.my-lg-2 {
margin-top: 0.5rem !important;
}
.mr-lg-2,
.mx-lg-2 {
margin-right: 0.5rem !important;
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: 0.5rem !important;
}
.ml-lg-2,
.mx-lg-2 {
margin-left: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important;
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important;
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important;
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important;
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important;
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important;
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important;
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important;
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important;
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.pt-lg-1,
.py-lg-1 {
padding-top: 0.25rem !important;
}
.pr-lg-1,
.px-lg-1 {
padding-right: 0.25rem !important;
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: 0.25rem !important;
}
.pl-lg-1,
.px-lg-1 {
padding-left: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.pt-lg-2,
.py-lg-2 {
padding-top: 0.5rem !important;
}
.pr-lg-2,
.px-lg-2 {
padding-right: 0.5rem !important;
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: 0.5rem !important;
}
.pl-lg-2,
.px-lg-2 {
padding-left: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important;
}
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important;
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important;
}
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important;
}
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important;
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important;
}
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important;
}
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important;
}
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important;
}
.m-lg-n1 {
margin: -0.25rem !important;
}
.mt-lg-n1,
.my-lg-n1 {
margin-top: -0.25rem !important;
}
.mr-lg-n1,
.mx-lg-n1 {
margin-right: -0.25rem !important;
}
.mb-lg-n1,
.my-lg-n1 {
margin-bottom: -0.25rem !important;
}
.ml-lg-n1,
.mx-lg-n1 {
margin-left: -0.25rem !important;
}
.m-lg-n2 {
margin: -0.5rem !important;
}
.mt-lg-n2,
.my-lg-n2 {
margin-top: -0.5rem !important;
}
.mr-lg-n2,
.mx-lg-n2 {
margin-right: -0.5rem !important;
}
.mb-lg-n2,
.my-lg-n2 {
margin-bottom: -0.5rem !important;
}
.ml-lg-n2,
.mx-lg-n2 {
margin-left: -0.5rem !important;
}
.m-lg-n3 {
margin: -1rem !important;
}
.mt-lg-n3,
.my-lg-n3 {
margin-top: -1rem !important;
}
.mr-lg-n3,
.mx-lg-n3 {
margin-right: -1rem !important;
}
.mb-lg-n3,
.my-lg-n3 {
margin-bottom: -1rem !important;
}
.ml-lg-n3,
.mx-lg-n3 {
margin-left: -1rem !important;
}
.m-lg-n4 {
margin: -1.5rem !important;
}
.mt-lg-n4,
.my-lg-n4 {
margin-top: -1.5rem !important;
}
.mr-lg-n4,
.mx-lg-n4 {
margin-right: -1.5rem !important;
}
.mb-lg-n4,
.my-lg-n4 {
margin-bottom: -1.5rem !important;
}
.ml-lg-n4,
.mx-lg-n4 {
margin-left: -1.5rem !important;
}
.m-lg-n5 {
margin: -3rem !important;
}
.mt-lg-n5,
.my-lg-n5 {
margin-top: -3rem !important;
}
.mr-lg-n5,
.mx-lg-n5 {
margin-right: -3rem !important;
}
.mb-lg-n5,
.my-lg-n5 {
margin-bottom: -3rem !important;
}
.ml-lg-n5,
.mx-lg-n5 {
margin-left: -3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1366px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important;
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important;
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.mt-xl-1,
.my-xl-1 {
margin-top: 0.25rem !important;
}
.mr-xl-1,
.mx-xl-1 {
margin-right: 0.25rem !important;
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xl-1,
.mx-xl-1 {
margin-left: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.mt-xl-2,
.my-xl-2 {
margin-top: 0.5rem !important;
}
.mr-xl-2,
.mx-xl-2 {
margin-right: 0.5rem !important;
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xl-2,
.mx-xl-2 {
margin-left: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important;
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important;
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important;
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important;
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important;
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important;
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important;
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important;
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important;
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important;
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.pt-xl-1,
.py-xl-1 {
padding-top: 0.25rem !important;
}
.pr-xl-1,
.px-xl-1 {
padding-right: 0.25rem !important;
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xl-1,
.px-xl-1 {
padding-left: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.pt-xl-2,
.py-xl-2 {
padding-top: 0.5rem !important;
}
.pr-xl-2,
.px-xl-2 {
padding-right: 0.5rem !important;
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xl-2,
.px-xl-2 {
padding-left: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important;
}
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important;
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important;
}
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important;
}
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important;
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important;
}
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important;
}
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important;
}
.m-xl-n1 {
margin: -0.25rem !important;
}
.mt-xl-n1,
.my-xl-n1 {
margin-top: -0.25rem !important;
}
.mr-xl-n1,
.mx-xl-n1 {
margin-right: -0.25rem !important;
}
.mb-xl-n1,
.my-xl-n1 {
margin-bottom: -0.25rem !important;
}
.ml-xl-n1,
.mx-xl-n1 {
margin-left: -0.25rem !important;
}
.m-xl-n2 {
margin: -0.5rem !important;
}
.mt-xl-n2,
.my-xl-n2 {
margin-top: -0.5rem !important;
}
.mr-xl-n2,
.mx-xl-n2 {
margin-right: -0.5rem !important;
}
.mb-xl-n2,
.my-xl-n2 {
margin-bottom: -0.5rem !important;
}
.ml-xl-n2,
.mx-xl-n2 {
margin-left: -0.5rem !important;
}
.m-xl-n3 {
margin: -1rem !important;
}
.mt-xl-n3,
.my-xl-n3 {
margin-top: -1rem !important;
}
.mr-xl-n3,
.mx-xl-n3 {
margin-right: -1rem !important;
}
.mb-xl-n3,
.my-xl-n3 {
margin-bottom: -1rem !important;
}
.ml-xl-n3,
.mx-xl-n3 {
margin-left: -1rem !important;
}
.m-xl-n4 {
margin: -1.5rem !important;
}
.mt-xl-n4,
.my-xl-n4 {
margin-top: -1.5rem !important;
}
.mr-xl-n4,
.mx-xl-n4 {
margin-right: -1.5rem !important;
}
.mb-xl-n4,
.my-xl-n4 {
margin-bottom: -1.5rem !important;
}
.ml-xl-n4,
.mx-xl-n4 {
margin-left: -1.5rem !important;
}
.m-xl-n5 {
margin: -3rem !important;
}
.mt-xl-n5,
.my-xl-n5 {
margin-top: -3rem !important;
}
.mr-xl-n5,
.mx-xl-n5 {
margin-right: -3rem !important;
}
.mb-xl-n5,
.my-xl-n5 {
margin-bottom: -3rem !important;
}
.ml-xl-n5,
.mx-xl-n5 {
margin-left: -3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important;
}
}
@media (min-width: 1440px) {
.m-xxl-0 {
margin: 0 !important;
}
.mt-xxl-0,
.my-xxl-0 {
margin-top: 0 !important;
}
.mr-xxl-0,
.mx-xxl-0 {
margin-right: 0 !important;
}
.mb-xxl-0,
.my-xxl-0 {
margin-bottom: 0 !important;
}
.ml-xxl-0,
.mx-xxl-0 {
margin-left: 0 !important;
}
.m-xxl-1 {
margin: 0.25rem !important;
}
.mt-xxl-1,
.my-xxl-1 {
margin-top: 0.25rem !important;
}
.mr-xxl-1,
.mx-xxl-1 {
margin-right: 0.25rem !important;
}
.mb-xxl-1,
.my-xxl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xxl-1,
.mx-xxl-1 {
margin-left: 0.25rem !important;
}
.m-xxl-2 {
margin: 0.5rem !important;
}
.mt-xxl-2,
.my-xxl-2 {
margin-top: 0.5rem !important;
}
.mr-xxl-2,
.mx-xxl-2 {
margin-right: 0.5rem !important;
}
.mb-xxl-2,
.my-xxl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xxl-2,
.mx-xxl-2 {
margin-left: 0.5rem !important;
}
.m-xxl-3 {
margin: 1rem !important;
}
.mt-xxl-3,
.my-xxl-3 {
margin-top: 1rem !important;
}
.mr-xxl-3,
.mx-xxl-3 {
margin-right: 1rem !important;
}
.mb-xxl-3,
.my-xxl-3 {
margin-bottom: 1rem !important;
}
.ml-xxl-3,
.mx-xxl-3 {
margin-left: 1rem !important;
}
.m-xxl-4 {
margin: 1.5rem !important;
}
.mt-xxl-4,
.my-xxl-4 {
margin-top: 1.5rem !important;
}
.mr-xxl-4,
.mx-xxl-4 {
margin-right: 1.5rem !important;
}
.mb-xxl-4,
.my-xxl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xxl-4,
.mx-xxl-4 {
margin-left: 1.5rem !important;
}
.m-xxl-5 {
margin: 3rem !important;
}
.mt-xxl-5,
.my-xxl-5 {
margin-top: 3rem !important;
}
.mr-xxl-5,
.mx-xxl-5 {
margin-right: 3rem !important;
}
.mb-xxl-5,
.my-xxl-5 {
margin-bottom: 3rem !important;
}
.ml-xxl-5,
.mx-xxl-5 {
margin-left: 3rem !important;
}
.p-xxl-0 {
padding: 0 !important;
}
.pt-xxl-0,
.py-xxl-0 {
padding-top: 0 !important;
}
.pr-xxl-0,
.px-xxl-0 {
padding-right: 0 !important;
}
.pb-xxl-0,
.py-xxl-0 {
padding-bottom: 0 !important;
}
.pl-xxl-0,
.px-xxl-0 {
padding-left: 0 !important;
}
.p-xxl-1 {
padding: 0.25rem !important;
}
.pt-xxl-1,
.py-xxl-1 {
padding-top: 0.25rem !important;
}
.pr-xxl-1,
.px-xxl-1 {
padding-right: 0.25rem !important;
}
.pb-xxl-1,
.py-xxl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xxl-1,
.px-xxl-1 {
padding-left: 0.25rem !important;
}
.p-xxl-2 {
padding: 0.5rem !important;
}
.pt-xxl-2,
.py-xxl-2 {
padding-top: 0.5rem !important;
}
.pr-xxl-2,
.px-xxl-2 {
padding-right: 0.5rem !important;
}
.pb-xxl-2,
.py-xxl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xxl-2,
.px-xxl-2 {
padding-left: 0.5rem !important;
}
.p-xxl-3 {
padding: 1rem !important;
}
.pt-xxl-3,
.py-xxl-3 {
padding-top: 1rem !important;
}
.pr-xxl-3,
.px-xxl-3 {
padding-right: 1rem !important;
}
.pb-xxl-3,
.py-xxl-3 {
padding-bottom: 1rem !important;
}
.pl-xxl-3,
.px-xxl-3 {
padding-left: 1rem !important;
}
.p-xxl-4 {
padding: 1.5rem !important;
}
.pt-xxl-4,
.py-xxl-4 {
padding-top: 1.5rem !important;
}
.pr-xxl-4,
.px-xxl-4 {
padding-right: 1.5rem !important;
}
.pb-xxl-4,
.py-xxl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xxl-4,
.px-xxl-4 {
padding-left: 1.5rem !important;
}
.p-xxl-5 {
padding: 3rem !important;
}
.pt-xxl-5,
.py-xxl-5 {
padding-top: 3rem !important;
}
.pr-xxl-5,
.px-xxl-5 {
padding-right: 3rem !important;
}
.pb-xxl-5,
.py-xxl-5 {
padding-bottom: 3rem !important;
}
.pl-xxl-5,
.px-xxl-5 {
padding-left: 3rem !important;
}
.m-xxl-n1 {
margin: -0.25rem !important;
}
.mt-xxl-n1,
.my-xxl-n1 {
margin-top: -0.25rem !important;
}
.mr-xxl-n1,
.mx-xxl-n1 {
margin-right: -0.25rem !important;
}
.mb-xxl-n1,
.my-xxl-n1 {
margin-bottom: -0.25rem !important;
}
.ml-xxl-n1,
.mx-xxl-n1 {
margin-left: -0.25rem !important;
}
.m-xxl-n2 {
margin: -0.5rem !important;
}
.mt-xxl-n2,
.my-xxl-n2 {
margin-top: -0.5rem !important;
}
.mr-xxl-n2,
.mx-xxl-n2 {
margin-right: -0.5rem !important;
}
.mb-xxl-n2,
.my-xxl-n2 {
margin-bottom: -0.5rem !important;
}
.ml-xxl-n2,
.mx-xxl-n2 {
margin-left: -0.5rem !important;
}
.m-xxl-n3 {
margin: -1rem !important;
}
.mt-xxl-n3,
.my-xxl-n3 {
margin-top: -1rem !important;
}
.mr-xxl-n3,
.mx-xxl-n3 {
margin-right: -1rem !important;
}
.mb-xxl-n3,
.my-xxl-n3 {
margin-bottom: -1rem !important;
}
.ml-xxl-n3,
.mx-xxl-n3 {
margin-left: -1rem !important;
}
.m-xxl-n4 {
margin: -1.5rem !important;
}
.mt-xxl-n4,
.my-xxl-n4 {
margin-top: -1.5rem !important;
}
.mr-xxl-n4,
.mx-xxl-n4 {
margin-right: -1.5rem !important;
}
.mb-xxl-n4,
.my-xxl-n4 {
margin-bottom: -1.5rem !important;
}
.ml-xxl-n4,
.mx-xxl-n4 {
margin-left: -1.5rem !important;
}
.m-xxl-n5 {
margin: -3rem !important;
}
.mt-xxl-n5,
.my-xxl-n5 {
margin-top: -3rem !important;
}
.mr-xxl-n5,
.mx-xxl-n5 {
margin-right: -3rem !important;
}
.mb-xxl-n5,
.my-xxl-n5 {
margin-bottom: -3rem !important;
}
.ml-xxl-n5,
.mx-xxl-n5 {
margin-left: -3rem !important;
}
.m-xxl-auto {
margin: auto !important;
}
.mt-xxl-auto,
.my-xxl-auto {
margin-top: auto !important;
}
.mr-xxl-auto,
.mx-xxl-auto {
margin-right: auto !important;
}
.mb-xxl-auto,
.my-xxl-auto {
margin-bottom: auto !important;
}
.ml-xxl-auto,
.mx-xxl-auto {
margin-left: auto !important;
}
}
.modal-open {
overflow: hidden;
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal {
position: fixed;
top: 0;
left: 0;
z-index: 1050;
display: none;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0;
}
.modal-dialog {
position: relative;
width: auto;
margin: 0.5rem;
pointer-events: none;
}
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform 0.3s ease-out;
transition: -webkit-transform 0.3s ease-out;
-o-transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
}
@media screen and (prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog {
-webkit-transition: none;
-o-transition: none;
transition: none;
}
}
.modal.show .modal-dialog {
-webkit-transform: none;
transform: none;
}
.modal-dialog-centered {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - 1rem);
}
.modal-dialog-centered:before {
display: block;
height: calc(100vh - 1rem);
content: "";
}
.modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid hsla(0, 0%, 9%, 0.2);
border-radius: 0.3rem;
outline: 0;
}
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #161616;
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.show {
opacity: 0.5;
}
.modal-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 1rem;
border-bottom: 1px solid #e9ecef;
border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem;
}
.modal-header .close {
padding: 1rem;
margin: -1rem -1rem -1rem auto;
}
.modal-title {
margin-bottom: 0;
line-height: 1.5;
}
.modal-body {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1rem;
}
.modal-footer {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 1rem;
border-top: 1px solid #e9ecef;
border-bottom-right-radius: 0.3rem;
border-bottom-left-radius: 0.3rem;
}
.modal-footer > :not(:first-child) {
margin-left: 0.25rem;
}
.modal-footer > :not(:last-child) {
margin-right: 0.25rem;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 360px) {
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto;
}
.modal-dialog-centered {
min-height: calc(100% - 3.5rem);
}
.modal-dialog-centered:before {
height: calc(100vh - 3.5rem);
}
.modal-sm {
max-width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg,
.modal-xl {
max-width: 800px;
}
}
@media (min-width: 1366px) {
.modal-xl {
max-width: 1140px;
}
}
.btn-group,
.btn-group-vertical {
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: middle;
}
.btn-group-vertical > .btn,
.btn-group > .btn {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.btn-group-vertical > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:hover,
.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus,
.btn-group > .btn:hover {
z-index: 1;
}
.btn-toolbar {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: start;
justify-content: flex-start;
}
.btn-toolbar .input-group {
width: auto;
}
.btn-group > .btn-group:not(:first-child),
.btn-group > .btn:not(:first-child) {
margin-left: -1px;
}
.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn-group:not(:first-child) > .btn,
.btn-group > .btn:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
padding-right: 0.5625rem;
padding-left: 0.5625rem;
}
.dropdown-toggle-split:after,
.dropright .dropdown-toggle-split:after,
.dropup .dropdown-toggle-split:after {
margin-left: 0;
}
.dropleft .dropdown-toggle-split:before {
margin-right: 0;
}
.btn-group-sm > .btn + .dropdown-toggle-split,
.btn-sm + .dropdown-toggle-split {
padding-right: 0.375rem;
padding-left: 0.375rem;
}
.btn-group-lg > .btn + .dropdown-toggle-split,
.btn-lg + .dropdown-toggle-split {
padding-right: 0.75rem;
padding-left: 0.75rem;
}
.btn-group-vertical {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: center;
justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
width: 100%;
}
.btn-group-vertical > .btn-group:not(:first-child),
.btn-group-vertical > .btn:not(:first-child) {
margin-top: -1px;
}
.btn-group-vertical > .btn-group:not(:last-child) > .btn,
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child) > .btn,
.btn-group-vertical > .btn:not(:first-child) {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
margin-bottom: 0;
}
.btn-group-toggle > .btn-group > .btn input[type="checkbox"],
.btn-group-toggle > .btn-group > .btn input[type="radio"],
.btn-group-toggle > .btn-group > .btn select[type="checkbox"],
.btn-group-toggle > .btn-group > .btn select[type="radio"],
.btn-group-toggle > .btn input[type="checkbox"],
.btn-group-toggle > .btn input[type="radio"],
.btn-group-toggle > .btn select[type="checkbox"],
.btn-group-toggle > .btn select[type="radio"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.nav {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav-link {
display: block;
padding: 0.5rem 1rem;
}
.nav-link:focus,
.nav-link:hover {
text-decoration: none;
}
.nav-link.disabled {
color: #6c757d;
pointer-events: none;
cursor: default;
}
.nav-tabs {
border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-item {
margin-bottom: -1px;
}
.nav-tabs .nav-link {
border: 1px solid rgba(0, 0, 0, 0);
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.disabled {
color: #6c757d;
background-color: rgba(0, 0, 0, 0);
border-color: rgba(0, 0, 0, 0);
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
color: #495057;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.nav-pills .nav-link {
border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
color: #fff;
background-color: #4d90fe;
}
.nav-fill .nav-item {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: center;
}
.nav-justified .nav-item {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center;
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.table-container {
width: 100%;
}
@media (max-width: 767.98px) {
.table-container {
overflow-y: auto;
}
}
.table,
table {
width: 100%;
margin-bottom: 24px;
border: 1px solid #ebebf4;
}
.table thead th,
table thead th {
padding: 12px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
text-align: left;
font-weight: 500;
border: none;
}
.table tbody,
table tbody {
background: #fff;
}
.table tbody tr:nth-child(odd),
table tbody tr:nth-child(odd) {
background: #f5f5fa;
}
.table tbody tr:hover > :first-child,
table tbody tr:hover > :first-child {
-webkit-box-shadow: inset 4px 0 0 0 #e5322d;
box-shadow: inset 4px 0 0 0 #e5322d;
}
.table tbody td,
table tbody td {
padding: 12px 24px;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
border: none;
}
.table.log,
table.log {
font-family: Courier;
font-size: 13px;
}
.table.log tbody td,
table.log tbody td {
padding: 12px 24px;
}
.table.log .child_row td,
table.log .child_row td {
padding-left: 30px;
}
td.alert--warning {
background-color: none;
}
td .icon {
width: 24px;
height: 24px;
}
td .icon svg {
width: auto;
height: 14px;
}
table.fixed {
table-layout: fixed;
}
table.vertical-align-middle td,
table.vertical-align-middle th {
vertical-align: middle;
}
.rtl .table thead th,
.rtl table thead th {
text-align: right;
}
.rtl .table tbody tr:hover > :first-child,
.rtl table tbody tr:hover > :first-child {
-webkit-box-shadow: inset -4px 0 0 0 #e5322d;
box-shadow: inset -4px 0 0 0 #e5322d;
}
.checklist {
margin-bottom: 12px;
}
.checklist__ok:before {
content: "";
width: 12px;
height: 12px;
background: url(../img/items/ok_sm.svg) no-repeat 50%;
margin-right: 8px;
}
.checklist--small {
line-height: 18px;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.3px;
}
@media (max-width: 991.98px) {
.checklist--small {
font-size: 12px;
line-height: 16px;
}
}
@media (max-width: 767.98px) {
.checklist--small {
font-size: 12px;
line-height: 16px;
}
}
.checklist--small__ok:before {
line-height: 18px;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.3px;
}
@media (max-width: 991.98px) {
.checklist--small__ok:before {
font-size: 12px;
line-height: 16px;
}
}
@media (max-width: 767.98px) {
.checklist--small__ok:before {
font-size: 12px;
line-height: 16px;
}
}
.card .nav.nav-tabs,
.nav.nav-tabs {
border-color: #d6d6df;
-ms-flex-direction: row;
flex-direction: row;
margin: 0;
}
.card .nav.nav-tabs .nav-link,
.nav.nav-tabs .nav-link {
font-weight: 400;
border-radius: 0;
text-decoration: none;
color: #161616;
padding: 12px 24px;
margin-bottom: 0;
border-top-width: 3px;
border-color: rgba(0, 0, 0, 0);
}
@media (max-width: 62em) {
.card .nav.nav-tabs .nav-link,
.nav.nav-tabs .nav-link {
margin-bottom: 0;
}
}
.card .nav.nav-tabs .nav-link:hover,
.nav.nav-tabs .nav-link:hover {
background: rgba(0, 0, 0, 0.05);
}
.card .nav.nav-tabs .nav-link.active,
.nav.nav-tabs .nav-link.active {
background: #fff;
border-color: #e5322d #d6d6df #fff;
font-weight: 500;
}
.card .nav.nav-tabs .nav-link svg,
.nav.nav-tabs .nav-link svg {
margin-bottom: -3px;
margin-right: 8px;
display: inline-block;
}
.card .nav.nav-tabs .nav-link.disabled,
.nav.nav-tabs .nav-link.disabled {
opacity: 0.4;
cursor: not-allowed;
}
.card .nav.nav-tabs .nav-link .badge,
.nav.nav-tabs .nav-link .badge {
margin-left: 8px;
display: inline;
}
.card .nav.nav-tabs--dark .nav-link.active,
.card .nav.nav-tabs--dark .nav-link.active:hover,
.nav.nav-tabs--dark .nav-link.active,
.nav.nav-tabs--dark .nav-link.active:hover {
background: #f5f5fa;
border-bottom-color: #f5f5fa;
}
.card .tab-content > .active,
.tab-content > .active {
background: #fff;
padding: 32px 24px;
border: 1px solid #d6d6df;
border-top: 0 solid #d6d6df;
}
.card .tab-content .card,
.tab-content .card {
-webkit-box-shadow: none;
box-shadow: none;
}
.card .tab-content--dark > .active,
.tab-content--dark > .active {
background: #f5f5fa;
}
.pricing {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.pricing--standard {
margin-top: -2px;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.pricing__account {
background: #f2f3f8;
position: relative;
margin: 16px;
border-radius: 12px;
-ms-flex: 1 0;
flex: 1 0;
}
@media (max-width: 75em) {
.pricing__account {
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: calc(50% - 32px);
flex-basis: calc(50% - 32px);
}
}
@media (max-width: 46.25em) {
.pricing__account {
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: calc(100% - 32px);
flex-basis: calc(100% - 32px);
}
}
.pricing__account .btn {
margin-top: 0;
}
.pricing__account__tier {
font-weight: 500;
font-size: 28px;
line-height: 30px;
color: #33333b;
}
@media (max-width: 991.98px) {
.pricing__account__tier {
font-size: 20px;
line-height: 30px;
}
}
@media (max-width: 767.98px) {
.pricing__account__tier {
font-size: 18px;
line-height: 28px;
}
}
.pricing__account__price {
font-size: 32px;
letter-spacing: 0;
line-height: 40px;
font-weight: 600;
}
.pricing__account__price__resume {
line-height: 20px;
font-size: 16px;
font-weight: 400;
font-weight: 600;
color: #33333b;
}
@media (max-width: 991.98px) {
.pricing__account__price__resume {
font-size: 18px;
line-height: 22px;
}
}
@media (max-width: 767.98px) {
.pricing__account__price__resume {
font-size: 16px;
line-height: 20px;
}
}
.pricing__account__header {
padding: 32px 32px 12px;
min-height: 168px;
}
.pricing__account__header p {
margin-bottom: 0;
}
.pricing__account__header__folding {
position: absolute;
top: 0;
right: 0;
}
.pricing__account__header__folding svg {
background: #fff;
width: 55px;
height: 55px;
color: #e5322d;
}
@media (max-width: 1200px) {
.pricing__account__header__folding svg {
width: 42px;
height: 42px;
}
}
.pricing__account__body {
padding: 18px 32px 32px;
}
.pricing__account__body p {
font-size: 20px;
letter-spacing: 0;
line-height: 30px;
margin-bottom: 24px;
}
.pricing__account__action {
padding: 10px 32px;
min-height: 66px;
}
.pricing__account--premium {
background: #47474f;
color: #fff;
}
.pricing__account--premium .pricing__account__price__resume,
.pricing__account--premium .pricing__account__tier {
color: #fff;
}
@media (max-width: 75em) {
.pricing__account--registered {
display: none;
}
}
.pricing .pricing__price__numbers + .pricing__price__code {
margin-left: 5px;
}
.pricing--standard .pricing__price__code,
.pricing--standard .pricing__price__numbers {
color: #161616;
}
.block__body .pricing__account .btn {
margin-top: 0;
}
.pricing__table {
border: 1px solid #d6d6df;
border-collapse: collapse;
margin-top: 72px;
position: relative;
}
.pricing__table thead th {
text-align: center;
text-transform: none;
top: 60px;
position: sticky;
background: #fff;
-webkit-box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.4);
z-index: 9;
}
.pricing__table tbody th {
background: #f2f3f8;
}
.pricing__table tbody th.clean {
background: rgba(0, 0, 0, 0);
}
.pricing__table tbody tr {
border-left: 0;
border-right: 0;
}
.pricing__table tbody tr:nth-child(odd) {
background: rgba(0, 0, 0, 0);
}
.pricing__table tbody tr:hover {
border-left: 0;
border-right: 0;
}
.pricing__table th {
font-weight: 500;
font-size: 20px;
line-height: 28px;
color: #33333b;
line-height: 30px;
}
@media (max-width: 991.98px) {
.pricing__table th {
font-size: 18px;
line-height: 24px;
}
}
@media (max-width: 767.98px) {
.pricing__table th {
font-size: 16px;
line-height: 20px;
}
}
@media (max-width: 46.25em) {
.pricing__table th {
font-size: 16px;
}
}
.pricing__table td {
line-height: 20px;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
@media (max-width: 991.98px) {
.pricing__table td {
font-size: 18px;
line-height: 22px;
}
}
@media (max-width: 767.98px) {
.pricing__table td {
font-size: 16px;
line-height: 20px;
}
}
@media (max-width: 46.25em) {
.pricing__table td {
font-size: 12px;
}
}
.pricing__table td,
.pricing__table th {
border: 1px solid #d6d6df;
padding: 16px 32px;
vertical-align: middle;
}
@media (max-width: 46.25em) {
.pricing__table td,
.pricing__table th {
padding: 8px 12px;
}
}
.pricing__table tr > :first-child {
text-align: left;
}
.pricing__table .feature__no,
.pricing__table .feature__yes {
display: inline-block;
width: 16px;
height: 12px;
}
.pricing__table .feature__yes {
background: url(../img/items/ok_sm.svg) no-repeat 50%;
}
.pricing__table .feature__no {
background: url(../img/items/fail_sm_b0.svg) no-repeat 50%;
}
.pricing__table .listcheck__item {
font-size: 13px;
margin-bottom: 0;
}
.pricing__table .list__dropdown {
cursor: pointer;
}
.pricing__table .list__dropdown:after {
content: "";
display: inline-block;
width: 10px;
height: 6px;
margin-left: 8px;
background: url(../img/items/arrow-down.svg) no-repeat 50%;
}
.pricing__table .list__dropdown strong {
font-weight: 300;
}
.pricing__table .list__dropdown + ul {
display: none;
text-align: left;
margin-top: 16px;
}
.pricing__table ul.list__tabled li {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 13px;
}
.pricing__table .tooltip {
position: relative;
}
.pricing__table .tooltip:after {
content: "";
display: block;
width: 0;
height: 0;
border-left: 12px solid rgba(0, 0, 0, 0);
border-right: 0 solid rgba(0, 0, 0, 0);
position: absolute;
border-top: 12px solid #ebebf4;
top: 0;
right: 0;
-webkit-transition: border 0.4s ease-out;
-o-transition: border 0.4s ease-out;
transition: border 0.4s ease-out;
}
.pricing__table .tooltip:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
border: 1px solid rgba(0, 0, 0, 0);
top: 0;
left: 0;
-webkit-transition: border 0.5s ease-out;
-o-transition: border 0.5s ease-out;
transition: border 0.5s ease-out;
}
.pricing__table .tooltip:hover:before {
border: 1px solid #47474f;
}
.pricing__table .tooltip:hover:after {
border-top: 12px solid #47474f;
}
.pricing__table tr.no-border td,
.pricing__table tr.no-border th {
border-color: rgba(0, 0, 0, 0);
}
@media (max-width: 46.25em) {
.pricing__table .btn {
font-size: 14px;
line-height: 14px;
min-width: 0;
padding: 6px 12px 8px;
}
.pricing__table .feature__no,
.pricing__table .feature__yes {
width: 12px;
height: 12px;
background-size: contain;
}
.pricing__table .list__dropdown {
pointer-events: none;
}
.pricing__table .list__dropdown:after {
display: none;
}
}
.rtl .pricing__table thead th {
text-align: center;
}
.rtl .pricing__table tr > :first-child {
text-align: right;
}
.rtl .pricing__table .list__dropdown:after {
margin-left: 0;
margin-right: 8px;
}
.rtl .pricing__table .tooltip:after {
right: auto;
left: 0;
border-left: 0 solid rgba(0, 0, 0, 0);
border-right: 12px solid rgba(0, 0, 0, 0);
}
.rtl .pricing__table .list__dropdown + ul {
text-align: right;
}
.binary-pricing .card__body {
margin-top: auto;
}
.binary-pricing .card__footer,
.price__resume {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
.price__resume {
-ms-flex-align: center;
align-items: center;
padding-bottom: 12px;
}
.price__resume__total {
font-weight: 600;
font-size: 42px;
line-height: 52px;
color: #33333b;
margin: 0 12px 0 0;
}
@media (max-width: 767.98px) {
.price__resume__total {
font-size: 24px;
line-height: 34px;
}
}
.price__resume__info {
text-align: left;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin-left: 12px;
}
.price__resume__info__period {
font-weight: 400;
font-size: 28px;
line-height: 38px;
color: #33333b;
margin-bottom: 0 !important;
}
@media (max-width: 991.98px) {
.price__resume__info__period {
font-size: 20px;
line-height: 30px;
}
}
@media (max-width: 767.98px) {
.price__resume__info__period {
font-size: 16px;
line-height: 22px;
}
}
.price__resume__info__user {
line-height: 18px;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.3px;
margin-top: auto;
}
@media (max-width: 991.98px) {
.price__resume__info__user {
font-size: 12px;
line-height: 16px;
}
}
@media (max-width: 767.98px) {
.price__resume__info__user {
font-size: 12px;
line-height: 16px;
}
}
.price__resume__change {
line-height: 18px;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.3px;
cursor: pointer;
}
@media (max-width: 991.98px) {
.price__resume__change {
font-size: 12px;
line-height: 16px;
}
}
@media (max-width: 767.98px) {
.price__resume__change {
font-size: 12px;
line-height: 16px;
}
}
.price__resume__change:hover {
color: #ffb400;
}
.box--help {
position: relative;
}
.box--help .bg {
position: absolute;
overflow: hidden;
z-index: -1;
height: 100vh;
width: 100vw;
background: -webkit-gradient(
linear,
right top,
left top,
color-stop(1%, #fff),
to(#f3f0ec)
);
background: -webkit-linear-gradient(right, #fff 1%, #f3f0ec);
background: -o-linear-gradient(right, #fff 1%, #f3f0ec 100%);
background: linear-gradient(270deg, #fff 1%, #f3f0ec);
}
.box--help .bg:before {
left: -15%;
top: -5%;
width: 75%;
height: 50%;
background: red;
-webkit-transform: translateX(-35%) skew(-45deg);
transform: translateX(-35%) skew(-45deg);
background: -webkit-gradient(
linear,
right top,
left top,
color-stop(1%, #f3f0ec),
to(#fdfbfb)
);
background: -webkit-linear-gradient(right, #f3f0ec 1%, #fdfbfb);
background: -o-linear-gradient(right, #f3f0ec 1%, #fdfbfb 100%);
background: linear-gradient(270deg, #f3f0ec 1%, #fdfbfb);
}
.box--help .bg:after,
.box--help .bg:before {
content: "";
position: absolute;
right: 0;
z-index: 0;
}
.box--help .bg:after {
left: 15%;
top: 10%;
width: 50%;
height: 350%;
background: red;
-webkit-transform: rotate(25deg) skew(-25deg);
transform: rotate(25deg) skew(-25deg);
background: -webkit-gradient(
linear,
left top,
right top,
color-stop(1%, #f3f0ec),
to(#fdfbfb)
);
background: -webkit-linear-gradient(left, #f3f0ec 1%, #fdfbfb);
background: -o-linear-gradient(left, #f3f0ec 1%, #fdfbfb 100%);
background: linear-gradient(90deg, #f3f0ec 1%, #fdfbfb);
}
#terms h1 {
font-weight: 600;
font-size: 42px;
line-height: 52px;
color: #33333b;
text-align: center;
margin-bottom: 30px;
}
@media (max-width: 767.98px) {
#terms h1 {
font-size: 24px;
line-height: 34px;
}
}
#terms ul {
list-style-type: disc;
}
#terms ol,
#terms ul {
list-style-position: inside;
}
#terms ol {
list-style-type: decimal;
}
#terms ol ul,
#terms ul ul {
list-style-type: circle;
list-style-position: inside;
margin-left: 15px;
}
#terms ol ol,
#terms ul ol {
list-style-type: lower-latin;
list-style-position: inside;
margin-left: 15px;
}
#terms hr {
border: 0;
margin: 16px;
}
#terms .main {
padding-top: 30px;
padding-bottom: 30px;
}
.modal-content #privacy,
.modal-content #terms {
max-width: none;
text-align: left;
}
.people {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
}
.people__item {
position: relative;
width: 250px;
margin: 12px 12px 52px;
text-align: center;
}
.people__item__img {
width: 220px;
height: 220px;
margin: auto;
overflow: hidden;
background: #f5f5fa;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.people__item__img,
.people__item__img img {
border-radius: 100%;
-webkit-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.people__item__img img {
max-width: 100%;
height: auto;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
}
.people__item__content {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding: 12px;
}
.people__item__icon {
position: absolute;
top: 190px;
left: calc(50% - 18px);
width: 52px;
height: 52px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
background: #eb5e5a;
border-radius: 100%;
-webkit-transform-origin: 50% -80px;
transform-origin: 50% -80px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
border: 4px solid #fff;
}
.people__item__icon svg {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.people__item__name {
font-weight: 500;
font-size: 20px;
line-height: 28px;
color: #33333b;
margin-bottom: 4px;
}
@media (max-width: 991.98px) {
.people__item__name {
font-size: 18px;
line-height: 24px;
}
}
@media (max-width: 767.98px) {
.people__item__name {
font-size: 16px;
line-height: 20px;
}
}
.people__item__job {
color: #707078;
}
.people__item:hover .people__item__img {
background: #fde4df;
}
.people__item:hover .people__item__icon {
-webkit-animation: circle 0.8s ease 1 normal forwards;
animation: circle 0.8s ease 1 normal forwards;
}
.people__item:hover .people__item__icon svg {
-webkit-animation: inner-circle 0.8s ease 1 normal forwards;
animation: inner-circle 0.8s ease 1 normal forwards;
}
.people__item:hover .people__item__img img {
-webkit-filter: grayscale(0);
-webkit-transition: 0.5s ease-in-out;
-moz-filter: grayscale(0);
-moz-transition: 0.5s ease-in-out;
-o-filter: grayscale(0);
-o-transition: 0.5s ease-in-out;
}
@-webkit-keyframes circle {
0% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
background: #eb5e5a;
}
to {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg);
background: #e5322d;
}
}
@keyframes circle {
0% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
background: #eb5e5a;
}
to {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg);
background: #e5322d;
}
}
@-webkit-keyframes inner-circle {
0% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
to {
-webkit-transform: rotate(140deg);
transform: rotate(140deg);
}
}
@keyframes inner-circle {
0% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
to {
-webkit-transform: rotate(140deg);
transform: rotate(140deg);
}
}
#terms .title2,
#terms .title3 {
margin: 48px 0 24px;
}
#terms .title0 {
margin: 0 0 48px;
text-align: left;
}
#terms hr {
height: 1px;
background: #e7edf4;
margin: 32px 0 48px;
-webkit-box-shadow: none;
box-shadow: none;
}
#terms .sideinfo {
width: 100%;
display: inline-block;
background: #ebebf4;
color: #161616;
padding: 24px;
margin-top: 32px;
}
#terms ol,
#terms ul {
margin-bottom: 24px;
}
#terms ul {
list-style: disc;
margin-left: 24px;
}
#terms ul li {
margin-bottom: 8px;
}
.modal body.terms {
padding: 24px 48px;
max-height: 80vh;
overflow: auto;
}
.modal body.terms .row > div {
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: inherit;
}
.site-error {
min-height: 80vh;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
padding: 42px;
}
.site-error .title {
margin-bottom: 42px;
}
.site-error .subtitle {
margin-bottom: 12px;
}
.sidebar {
position: fixed;
overflow-x: hidden;
overflow-y: auto;
font-size: 14px;
line-height: 20px;
padding: 32px 24px;
}
.sidebar__user {
margin-bottom: 16px;
}
.sidebar__menu {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.sidebar__menu__title {
line-height: 20px;
font-size: 16px;
font-weight: 400;
font-weight: 600;
color: #33333b;
line-height: 24px;
margin-bottom: 16px;
}
@media (max-width: 991.98px) {
.sidebar__menu__title {
font-size: 18px;
line-height: 22px;
}
}
@media (max-width: 767.98px) {
.sidebar__menu__title {
font-size: 16px;
line-height: 20px;
}
}
.sidebar__menu__subtitle {
line-height: 20px;
font-size: 16px;
font-weight: 400;
font-weight: 600;
color: #33333b;
font-size: 14px;
padding-bottom: 2px;
border-bottom: 1px solid #d6d6df;
margin: 8px 0;
}
@media (max-width: 991.98px) {
.sidebar__menu__subtitle {
font-size: 18px;
line-height: 22px;
}
}
@media (max-width: 767.98px) {
.sidebar__menu__subtitle {
font-size: 16px;
line-height: 20px;
}
}
.sidebar__menu__item {
padding: 4px 12px;
border-right: 4px solid rgba(0, 0, 0, 0);
border-radius: 4px;
color: #161616;
margin: 1px 0;
}
.sidebar__menu__item a {
color: #161616;
text-decoration: none;
font-weight: inherit;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.sidebar__menu__item--active,
.sidebar__menu__item:hover:not(.sidebar__menu__item--active) {
background-color: #ebebf4;
}
.sidebar__menu__item img {
width: 16px;
height: 16px;
margin-right: 12px;
}
.rtl .sidebar__menu__item img {
margin-right: 0;
margin-left: 12px;
}
.main-sidebar {
margin-top: 60px;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
padding: 32px 0 72px;
min-height: calc(100vh - 126px);
}
.main-sidebar__content {
width: 100%;
}
@media (min-width: 768px) {
.main-sidebar__content {
margin: 32px;
}
}
@media (max-width: 1440px) {
.main-sidebar__content .container {
width: 100%;
max-width: 100%;
}
}
.main-sidebar__sidebar {
display: block;
z-index: 3;
width: 248px;
position: absolute;
top: 0;
left: 0;
bottom: 0;
background-color: #fff;
}
.main-sidebar__sidebar ::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #f5f5fa;
}
.main-sidebar__sidebar ::-webkit-scrollbar {
z-index: 50;
width: 4px;
height: 4px;
background-color: #e5322d;
}
.main-sidebar__sidebar ::-webkit-scrollbar-thumb {
background-color: #e5322d;
border: 1px solid #e5322d;
border-radius: 8px;
}
@media (min-width: 992px) {
.main-sidebar__sidebar + .main-sidebar__content {
margin-left: 280px;
margin-right: 32px;
width: calc(100% - 312px);
}
}
@media (max-width: 991.98px) {
.main-sidebar__sidebar {
left: -248px;
-webkit-transition: left 0.25s;
-o-transition: left 0.25s;
transition: left 0.25s;
pointer-events: none;
}
.main-sidebar__sidebar:before,
.main-sidebar__sidebar > * {
pointer-events: all;
}
.main-sidebar__sidebar:before {
content: "";
cursor: pointer;
width: 24px;
height: 48px;
position: fixed;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
left: 0;
-webkit-transform: translateY(4px);
transform: translateY(4px);
-webkit-transition: left 0.25s;
-o-transition: left 0.25s;
transition: left 0.25s;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
background-color: #ebebf4;
background-image: url(../img/icons/svg-icons/right-arrow.svg);
background-repeat: no-repeat;
background-position: 50%;
}
.main-sidebar__sidebar--display {
left: 0;
}
.main-sidebar__sidebar--display:before {
content: "";
left: 248px;
background-image: url(../img/icons/svg-icons/left-arrow.svg);
}
.main-sidebar__sidebar--display ~ .main-sidebar__backdrop {
opacity: 0.2;
pointer-events: auto;
}
}
.main-sidebar__backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none;
background-color: #161616;
-webkit-transition: opacity 0.25s;
-o-transition: opacity 0.25s;
transition: opacity 0.25s;
opacity: 0;
z-index: 1;
}
.rtl .main-sidebar__sidebar {
left: auto;
right: 0;
}
.rtl .main-sidebar__sidebar__sidebar--display:before {
content: "";
left: 0;
right: 248px;
}
@media (min-width: 992px) {
.rtl .main-sidebar__sidebar + .main-sidebar__content {
margin-right: 280px;
margin-left: 32px;
width: calc(100% - 312px);
}
}
@media (max-width: 991.98px) {
.rtl .main-sidebar__sidebar {
right: -248px;
}
}
.card-list {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 48px;
}
@media (max-width: 767.98px) {
.card-list {
row-gap: 32px;
}
}
.card-list--big-gap {
row-gap: 64px;
}
.card {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 12px;
padding: 32px 32px 48px;
background-color: #fff;
-webkit-box-shadow: 0 5px 30px 0 hsla(0, 0%, 9%, 0.1);
box-shadow: 0 5px 30px 0 hsla(0, 0%, 9%, 0.1);
margin-bottom: 32px;
}
.card--fill {
height: calc(100% - 32px);
}
.card--fit {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
.card .card:not(.card--shadow) {
-webkit-box-shadow: none;
box-shadow: none;
position: relative;
}
@media (max-width: 991.98px) {
.card {
padding: 24px 24px 32px;
}
}
.card__title {
font-weight: 500;
font-size: 20px;
line-height: 28px;
color: #33333b;
}
@media (max-width: 991.98px) {
.card__title {
font-size: 18px;
line-height: 24px;
}
}
@media (max-width: 767.98px) {
.card__title {
font-size: 16px;
line-height: 20px;
}
}
.card__title > svg {
margin-right: 12px;
}
.card__subtitle {
line-height: 20px;
font-size: 16px;
font-weight: 400;
display: block;
color: #47474f;
margin-top: 4px;
}
@media (max-width: 991.98px) {
.card__subtitle {
font-size: 18px;
line-height: 22px;
}
}
@media (max-width: 767.98px) {
.card__subtitle {
font-size: 16px;
line-height: 20px;
}
}
.card__header {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: end;
align-items: flex-end;
margin-bottom: 24px;
padding-bottom: 12px;
border-bottom: 1px solid #ebebf4;
}
.card__header > :first-child {
display: inline-block;
margin-right: auto;
}
.card__header .row {
width: 100%;
display: -ms-flexbox;
display: flex;
margin-right: 0;
}
.card__header__action {
line-height: 20px;
font-size: 16px;
font-weight: 400;
color: #e5322d;
}
@media (max-width: 991.98px) {
.card__header__action {
font-size: 18px;
line-height: 22px;
}
}
@media (max-width: 767.98px) {
.card__header__action {
font-size: 16px;
line-height: 20px;
}
}
@media (max-width: 1365.98px) {
.card__header__action .btn-link {
font-size: 14px;
line-height: 16px;
}
}
@media (max-width: 991.98px) {
.card__header__action .btn-link {
font-size: 13px;
line-height: 16px;
}
}
@media (max-width: 767.98px) {
.card__header__action .btn-link {
font-size: 12px;
line-height: 14px;
}
}
.card__body__section {
margin-top: 32px;
}
.card__body__section:not(:first-of-type) {
padding-top: 24px;
border-top: 1px solid #f5f5fa;
}
.card__body input,
.card__body select {
width: 100%;
max-width: 180px;
}
.card__body + .card__body {
margin-top: 24px;
border-top: 1px solid #f5f5fa;
padding-top: 24px;
}
.card__actions {
margin-top: 32px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: center;
align-items: center;
gap: 12px 24px;
}
.card__actions > p {
margin-right: auto;
}
.card__actions .btn {
min-width: auto;
width: auto;
margin: 0;
}
.card__footer {
font-size: 12px;
border: 0;
background: #fff;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
margin-top: 24px;
}
.card__footer > :last-child {
margin-left: auto;
}
.card__extra {
position: absolute;
bottom: -10px;
-webkit-transform: translateY(100%);
transform: translateY(100%);
left: 0;
width: 100%;
font-size: 12px;
color: #707078;
letter-spacing: 0.5px;
text-align: center;
line-height: 16px;
}
.card__top {
-ms-flex-pack: center;
justify-content: center;
top: 0;
left: 16px;
right: 16px;
padding-left: inherit;
padding-right: inherit;
border-top-right-radius: 8px;
background-color: #e5322d;
font-weight: 500;
}
.card__ribbon,
.card__top {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
position: absolute;
height: 24px;
border-top-left-radius: 8px;
color: #fff;
font-size: 12px;
}
.card__ribbon {
right: 4px;
padding: 0 12px;
background-color: #4acd86;
border-bottom-left-radius: 8px;
font-weight: 600;
}
.card__ribbon:after {
content: "";
display: block;
position: absolute;
right: 0;
bottom: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
border-top: 12px solid #1d9d58;
border-right: 12px solid rgba(0, 0, 0, 0);
}
.card--input .card__body input,
.card--input .card__body select {
max-width: none;
}
.card--flat {
-webkit-box-shadow: none;
box-shadow: none;
}
.card--full {
height: calc(100% - 16px);
}
.card .nav {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
list-style: none;
margin-left: -24px;
margin-right: -24px;
padding: 0;
}
.card .nav__item {
display: block;
width: 100%;
color: #6f727d;
min-height: 44px;
}
.card .nav__item i,
.card .nav__item svg {
margin-right: 12px;
width: 24px;
}
.card .nav__item > * {
padding-left: 24px;
padding-right: 24px;
}
.card .nav__item .ico {
display: inline-block;
margin-right: 12px;
margin-left: 4px;
width: 20px;
vertical-align: text-bottom;
}
.card .row .form__group {
margin-bottom: 24px;
}
.rtl .card__title > svg {
margin-left: 12px;
margin-right: 0;
}
.infocard {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 8px;
padding: 32px 32px 48px;
background-color: #fff;
-webkit-box-shadow: 0 5px 30px 0 hsla(0, 0%, 9%, 0.1);
box-shadow: 0 5px 30px 0 hsla(0, 0%, 9%, 0.1);
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
background: #fff;
margin-bottom: 32px;
}
.infocard--fill {
height: calc(100% - 32px);
}
.infocard--centered {
text-align: center;
}
.infocard--fit {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
.infocard--flat {
-webkit-box-shadow: none;
box-shadow: none;
}
.infocard__icon {
margin-bottom: 24px;
}
.infocard__icon img,
.infocard__icon svg {
height: 48px;
}
.infocard__icon--lg img,
.infocard__icon--lg svg {
height: 64px;
}
.infocard__icon--sm img,
.infocard__icon--sm svg {
height: 24px;
}
.infocard__title {
font-weight: 500;
font-size: 20px;
color: #33333b;
line-height: 28px;
margin-bottom: 12px;
}
@media (max-width: 991.98px) {
.infocard__title {
font-size: 18px;
line-height: 24px;
}
}
@media (max-width: 767.98px) {
.infocard__title {
font-size: 16px;
line-height: 20px;
}
}
.infocard__title img {
width: 32px;
height: 32px;
margin-right: 12px;
}
.infocard__body {
color: #707078;
line-height: 28px;
font-size: 16px;
font-weight: 400;
}
@media (max-width: 991.98px) {
.infocard__body {
font-size: 14px;
line-height: 24px;
}
}
@media (max-width: 767.98px) {
.infocard__body {
font-size: 14px;
line-height: 20px;
}
}
.infocard__footer {
display: -ms-flexbox;
display: flex;
margin-top: 32px;
height: 100%;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: end;
justify-content: flex-end;
line-height: 20px;
font-size: 16px;
font-weight: 400;
font-weight: 500;
text-decoration: underline;
border: 0;
}
@media (max-width: 991.98px) {
.infocard__footer {
font-size: 18px;
line-height: 22px;
}
}
@media (max-width: 767.98px) {
.infocard__footer {
font-size: 16px;
line-height: 20px;
}
}
.infocard--clean {
margin-bottom: 42px;
}
a.infocard {
text-decoration: none;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.2s ease-in-out;
transition: -webkit-transform 0.2s ease-in-out;
-o-transition: transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
a.infocard:hover {
-webkit-transform: scale(1.0943);
transform: scale(1.0943);
}
a.infocard .infocard {
font-weight: 400;
}
a.infocard .infocard__title {
color: #292931;
}
.infounit {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 32px;
padding: 12px;
}
.infounit__icon {
margin-bottom: 24px;
}
.infounit__icon img,
.infounit__icon svg {
width: 48px;
height: 48px;
}
.infounit__icon--lg img,
.infounit__icon--lg svg {
width: 80px;
height: 80px;
}
.infounit__icon--sm img,
.infounit__icon--sm svg {
width: 32px;
height: 32px;
}
.infounit__title {
font-weight: 500;
font-size: 28px;
line-height: 30px;
color: #33333b;
margin-bottom: 12px;
}
@media (max-width: 991.98px) {
.infounit__title {
font-size: 20px;
line-height: 30px;
}
}
@media (max-width: 767.98px) {
.infounit__title {
font-size: 18px;
line-height: 28px;
}
}
.infounit__body,
.infounit__content {
color: #707078;
line-height: 28px;
font-size: 16px;
font-weight: 400;
}
@media (max-width: 991.98px) {
.infounit__body,
.infounit__content {
font-size: 14px;
line-height: 24px;
}
}
@media (max-width: 767.98px) {
.infounit__body,
.infounit__content {
font-size: 14px;
line-height: 20px;
}
}
.infodrop__item {
border: 1px solid #adadb6;
background: #fff;
border-radius: 8px;
margin-bottom: 12px;
}
.infodrop__item:hover {
border-color: #161616;
background: #f5f5fa;
}
.infodrop__item--open {
border-color: #161616;
background: #fff;
}
.infodrop__item--open:hover {
background: #fff;
}
.infodrop__item--open .infodrop__content {
display: block;
}
.infodrop__item--open .infodrop__title:after {
-webkit-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
.infodrop__title {
position: relative;
font-weight: 500;
font-size: 20px;
line-height: 28px;
color: #33333b;
cursor: pointer;
padding: 32px;
}
@media (max-width: 991.98px) {
.infodrop__title {
font-size: 18px;
line-height: 24px;
}
}
@media (max-width: 767.98px) {
.infodrop__title {
font-size: 16px;
line-height: 20px;
}
}
.infodrop__title:after {
content: "";
position: absolute;
right: 32px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: inline-block;
width: 16px;
height: 10px;
background: url(../img/icons/svg-icons/dropdown-arrow.svg) no-repeat 50%;
background-size: contain;
-webkit-transition: -webkit-transform 0.15s;
transition: -webkit-transform 0.15s;
-o-transition: transform 0.15s;
transition: transform 0.15s;
transition: transform 0.15s, -webkit-transform 0.15s;
}
.infodrop__content {
display: none;
padding: 12px 32px 32px;
}
.infodrop:hover__title {
display: block;
}
.rtl .infodrop__title {
padding-right: 32px;
padding-left: 32px;
}
.rtl .infodrop__title:after {
right: auto;
left: 32px;
}
.docs {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
letter-spacing: normal;
}
.docs .docs__block + .docs__block {
margin-top: 72px;
}
.docs__separator,
.docs hr {
margin: 72px 0;
height: 1px;
background-color: #f5f5fa;
}
.docs h1 {
font-weight: 600;
font-size: 42px;
line-height: 52px;
color: #33333b;
margin-bottom: 48px;
}
@media (max-width: 767.98px) {
.docs h1 {
font-size: 24px;
line-height: 34px;
}
}
.docs h2 {
font-weight: 500;
font-size: 28px;
line-height: 30px;
color: #33333b;
margin-bottom: 24px;
}
@media (max-width: 991.98px) {
.docs h2 {
font-size: 20px;
line-height: 30px;
}
}
@media (max-width: 767.98px) {
.docs h2 {
font-size: 18px;
line-height: 28px;
}
}
.docs h2.subtitle {
font-weight: 400;
font-size: 28px;
line-height: 38px;
color: #33333b;
}
@media (max-width: 991.98px) {
.docs h2.subtitle {
font-size: 20px;
line-height: 30px;
}
}
@media (max-width: 767.98px) {
.docs h2.subtitle {
font-size: 16px;
line-height: 22px;
}
}
.docs h1 ~ h2 {
margin-top: 48px;
}
.docs h1 + h2.subtitle {
margin-top: -48px;
}
.docs h3 {
font-weight: 500;
font-size: 20px;
line-height: 28px;
color: #33333b;
margin-top: 32px;
margin-bottom: 24px;
}
@media (max-width: 991.98px) {
.docs h3 {
font-size: 18px;
line-height: 24px;
}
}
@media (max-width: 767.98px) {
.docs h3 {
font-size: 16px;
line-height: 20px;
}
}
.docs h4 {
font-weight: 600;
color: #47474f;
margin-bottom: 12px;
}
.docs * + .code-editor,
.docs * + .table,
.docs .code-editor + p,
.docs .table + p,
.docs h4 {
margin-top: 24px;
}
.docs img {
width: 100%;
}
.docs table tbody tr td .with-image {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
}
.docs table tbody tr td .with-image img {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.docs table tbody tr:nth-child(odd) {
background: #f5f5fa;
}
.dialog {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
}
.dialog main {
margin: 0;
}
.dialog ::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #f5f5fa;
}
.dialog ::-webkit-scrollbar {
z-index: 50;
width: 4px;
height: 4px;
background-color: #e5322d;
}
.dialog ::-webkit-scrollbar-thumb {
background-color: #fde4df;
border: 1px solid #fde4df;
border-radius: 8px;
}
.dialog__container {
width: 90vw;
height: auto;
max-width: 750px;
max-height: 90vh;
overflow: hidden;
border-radius: 12px;
position: relative;
-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0);
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
-webkit-transform: scale(0.8);
transform: scale(0.8);
opacity: 0;
}
.dialog__container--appeared {
-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.dialog__element {
position: relative;
border-radius: 12px;
-webkit-transition: all 0.25s;
-o-transition: all 0.25s;
transition: all 0.25s;
background: #fff;
width: 90vw;
height: auto;
max-width: 100%;
max-height: 90vh;
min-height: 150px;
overflow: auto;
}
.dialog__backdrop {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
-webkit-transition: opacity 0.25s;
-o-transition: opacity 0.25s;
transition: opacity 0.25s;
}
.dialog__backdrop--appeared {
opacity: 1;
}
.dialog__header {
text-align: center;
padding: 32px 64px;
}
@media (max-width: 1439.98px) {
.dialog__header {
padding: 24px 64px;
}
}
@media (max-width: 1365.98px) {
.dialog__header {
padding: 24px 64px;
}
}
@media (max-width: 991.98px) {
.dialog__header {
padding: 16px 32px;
}
}
@media (max-width: 767.98px) {
.dialog__header {
padding: 12px 24px;
}
}
.dialog__body {
padding: 32px 64px 48px;
text-align: center;
background: #fff;
overflow-y: auto;
}
@media (max-width: 1365.98px) {
.dialog__body {
padding: 32px 64px 48px;
}
}
@media (max-width: 991.98px) {
.dialog__body {
padding: 24px 32px;
}
}
@media (max-width: 767.98px) {
.dialog__body {
padding: 16px 12px;
}
}
.dialog__body .dialog__title {
font-weight: 500;
font-size: 28px;
line-height: 30px;
color: #33333b;
margin-bottom: 16px;
}
@media (max-width: 991.98px) {
.dialog__body .dialog__title {
font-size: 20px;
line-height: 30px;
}
}
@media (max-width: 767.98px) {
.dialog__body .dialog__title {
font-size: 18px;
line-height: 28px;
}
}
.dialog__body .dialog__subtitle {
line-height: 20px;
font-size: 16px;
font-weight: 400;
margin-bottom: 16px;
}
@media (max-width: 991.98px) {
.dialog__body .dialog__subtitle {
font-size: 18px;
line-height: 22px;
}
}
@media (max-width: 767.98px) {
.dialog__body .dialog__subtitle {
font-size: 16px;
line-height: 20px;
}
}
.dialog__body p {
margin-top: 16px;
}
.dialog__title + .dialog__subtitle {
margin-top: 8px;
}
.dialog .dialog__body + .dialog__body {
padding-top: 0;
}
.dialog__action,
.dialog__actions {
margin-top: 32px;
padding-top: 32px;
border-top: 1px solid #ebebf4;
text-align: center;
}
.dialog__action .btn + .btn,
.dialog__action a + .btn,
.dialog__actions .btn + .btn,
.dialog__actions a + .btn {
margin-left: 12px;
}
@media (max-width: 540px) {
.dialog__action .btn + .btn,
.dialog__actions .btn + .btn {
margin-top: 16px;
}
}
.dialog__footer {
padding: 24px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-align: center;
align-items: center;
border-top: 1px solid #d6d6df;
}
.dialog__footer .btn {
margin-top: 0 !important;
}
.dialog__footer .btn + .btn,
.dialog__footer a + .btn {
margin-left: 24px;
}
.dialog__close {
position: absolute;
cursor: pointer;
top: 16px;
right: 16px;
background: rgba(0, 0, 0, 0) url(../img/icons/close.svg) no-repeat 50%;
width: 32px;
height: 32px;
border-radius: 100%;
-webkit-transition: background-color 0.2s ease-out;
-o-transition: background-color 0.2s ease-out;
transition: background-color 0.2s ease-out;
}
@media (max-width: 540px) {
.dialog__close {
top: 12px;
right: 12px;
width: 16px;
height: 16px;
}
}
.dialog__close:hover {
background-color: #e5e5e9;
}
.dialog__close:active {
background-color: #aeaeb2;
}
.dialog__back {
position: absolute;
cursor: pointer;
top: 16px;
left: 16px;
color: #e5322d;
}
.dialog__back:hover {
color: #e5322d;
}
.dialog__title {
font-weight: 500;
font-size: 28px;
line-height: 30px;
color: #33333b;
text-align: center;
}
@media (max-width: 991.98px) {
.dialog__title {
font-size: 20px;
line-height: 30px;
}
}
@media (max-width: 767.98px) {
.dialog__title {
font-size: 18px;
line-height: 28px;
}
}
.dialog__subtitle {
line-height: 20px;
font-size: 16px;
font-weight: 400;
}
@media (max-width: 991.98px) {
.dialog__subtitle {
font-size: 18px;
line-height: 22px;
}
}
@media (max-width: 767.98px) {
.dialog__subtitle {
font-size: 16px;
line-height: 20px;
}
}
.dialog__subtitle + .dialog__subtitle {
margin-top: 4px;
}
.dialog p {
font-size: 15px;
line-height: 1.6;
letter-spacing: 0.3px;
}
.dialog__icon {
margin-bottom: 32px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
.dialog__icon img,
.dialog__icon svg {
width: 48px;
height: 48px;
}
.dialog__icon--lg img,
.dialog__icon--lg svg {
width: 130px;
height: 130px;
}
.dialog__icon--sm img,
.dialog__icon--sm svg {
width: 48px;
height: 48px;
}
.dialog--sm .dialog__container {
max-width: 300px;
}
.dialog--lg .dialog__container {
max-width: 1000px;
}
.modal-dialog {
border-radius: 8px;
overflow: hidden;
}
.dialog--dark .dialog__header,
.dialog--premium .dialog__header,
.dialog__header--dark,
.dialog__header--premium {
background: #47474f;
background-size: cover;
color: #fff;
}
.dialog--dark .dialog__header .dialog__title,
.dialog--premium .dialog__header .dialog__title,
.dialog__header--dark .dialog__title,
.dialog__header--premium .dialog__title {
color: #ffc233;
}
.dialog--dark .dialog__header .dialog__back,
.dialog--dark .dialog__header .dialog__subtitle,
.dialog--premium .dialog__header .dialog__back,
.dialog--premium .dialog__header .dialog__subtitle,
.dialog__header--dark .dialog__back,
.dialog__header--dark .dialog__subtitle,
.dialog__header--premium .dialog__back,
.dialog__header--premium .dialog__subtitle {
color: #fff;
}
.dialog--dark .dialog__header .dialog__close,
.dialog--premium .dialog__header .dialog__close,
.dialog__header--dark .dialog__close,
.dialog__header--premium .dialog__close {
background: url(../img/icons/close_w.svg) no-repeat 50%;
}
.dialog--dark .dialog__header .dialog__close:hover,
.dialog--premium .dialog__header .dialog__close:hover,
.dialog__header--dark .dialog__close:hover,
.dialog__header--premium .dialog__close:hover {
background-color: #aeaeb2;
}
.dialog--dark .dialog__header .dialog__close:active,
.dialog--premium .dialog__header .dialog__close:active,
.dialog__header--dark .dialog__close:active,
.dialog__header--premium .dialog__close:active {
background-color: #e5e5e9;
}
.dialog--premium .dialog__header,
.dialog__header--premium {
background: url(../img/premium/header.svg) no-repeat 50%;
background-size: cover;
}
.dialog--action .dialog__header,
.dialog__header--action {
background: #fff;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
padding: 24px;
position: relative;
z-index: 1;
border-bottom: 1px solid #d6d6df;
}
.dialog--action .dialog__footer {
background: #fff;
position: relative;
z-index: 1;
border-top: 1px solid #d6d6df;
}
.modal {
-ms-flex-align: center;
align-items: center;
padding-top: 24px;
padding-bottom: 24px;
}
.modal .dialog__container {
width: 100%;
height: auto;
max-width: none;
max-height: none;
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.modal-dialog:before {
display: none;
}
.modal-dialog {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-top: auto;
margin-bottom: auto;
}
.modal-content {
overflow: auto;
max-height: 90vh;
}
.modal-dialog-centered {
min-height: 0;
}
@media (min-width: 992px) {
.modal-md {
max-width: 700px;
}
}
.modal-content {
border: none;
border-radius: 4px;
-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
}
@media (min-width: 992px) {
.dialog--md .modal-dialog,
.modal--md .modal-dialog {
max-width: 700px;
}
}
@media (min-width: 992px) {
.dialog--lg .modal-dialog,
.modal--lg .modal-dialog {
max-width: 1000px;
}
}
.modal-backdrop {
z-index: 1045;
}
[data-toggle="modal"] {
cursor: pointer;
}
@media (max-width: 1440px) {
[data-dialog-name="Limits"] .dialog__body {
padding-bottom: 24px;
}
.dialog__header {
padding: 24px 64px;
}
}
@media (max-height: 650px) {
[data-dialog-name="Limits"] .dialog__body {
padding-bottom: 24px;
}
.dialog__header {
padding: 24px 64px;
}
}
.auth__box .dialog__close {
display: none;
}
.rtl .dialog__action .btn + .btn,
.rtl .dialog__action a + .btn,
.rtl .dialog__actions .btn + .btn,
.rtl .dialog__actions a + .btn {
margin-left: 0;
margin-right: 12px;
}
.rtl .dialog__footer .btn + .btn,
.rtl .dialog__footer a + .btn {
margin-left: 0;
margin-right: 24px;
}
.guide {
max-width: 840px;
margin: auto;
}
.guide__title {
color: #969696;
font-weight: 600;
font-size: 24px;
padding: 24px 0 12px;
text-transform: uppercase;
margin-bottom: 32px;
border-bottom: 1px solid #aeaeb2;
}
.guide__item {
display: -ms-flexbox;
display: flex;
margin-bottom: 24px;
padding-bottom: 24px;
}
.guide__item:last-child {
border-bottom: none;
}
.guide__item__img {
-ms-flex: 0 0 24px;
flex: 0 0 24px;
margin-right: 12px;
}
.guide__item__img img {
margin-top: 4px;
}
.guide__item__img svg {
width: 24px;
height: auto;
}
.guide__item__content h3 {
font-size: 20px;
font-weight: 600;
line-height: 30px;
letter-spacing: 0;
color: #383e45;
margin-bottom: 12px;
}
@media (max-width: 62em) {
.guide__item__content h3 {
font-size: 18px;
line-height: 26px;
}
}
@media (max-width: 840px) {
.guide__item__content h3 {
font-size: 16px;
line-height: 24px;
}
}
@media (max-width: 460px) {
.guide__item__content h3 {
font-size: 18px;
line-height: 22px;
}
}
.rtl .guide__item__img {
margin-left: 12px;
margin-right: 0;
}
@media (max-width: 768px) {
.super {
margin-bottom: 48px;
}
}
.super__brand {
line-height: 20px;
font-size: 16px;
font-weight: 400;
font-weight: 600;
color: #33333b;
color: #e5322d;
margin-bottom: 8px;
}
@media (max-width: 991.98px) {
.super__brand {
font-size: 18px;
line-height: 22px;
}
}
@media (max-width: 767.98px) {
.super__brand {
font-size: 16px;
line-height: 20px;
}
}
.super__title {
font-size: 80px;
line-height: 1.05;
font-weight: 600;
color: #33333b;
}
@media (max-width: 1365.98px) {
.super__title {
font-size: 60px;
line-height: 70px;
}
}
@media (max-width: 767.98px) {
.super__title {
font-size: 42px;
line-height: 52px;
}
}
.super__content {
margin-top: 24px;
line-height: 32px;
font-size: 22px;
font-weight: 400;
color: #47474f;
}
@media (max-width: 991.98px) {
.super__content {
font-size: 20px;
line-height: 28px;
}
}
@media (max-width: 767.98px) {
.super__content {
font-size: 16px;
line-height: 20px;
}
}
.super__img img {
max-width: 100%;
}
.super .btn {
margin-top: 48px;
}
.super.white .super__content,
.super.white .super__title {
color: #fff;
}
.app-buttons {
display: -ms-inline-flexbox;
display: inline-flex;
margin-top: 48px;
}
.app-buttons__item + .app-buttons__item {
margin-left: 16px;
}
.accordion {
text-align: left;
}
.accordion__section {
font-weight: 600;
font-size: 42px;
line-height: 52px;
color: #33333b;
margin-bottom: 32px;
color: #e5322d;
}
@media (max-width: 767.98px) {
.accordion__section {
font-size: 24px;
line-height: 34px;
}
}
.accordion__section ~ .accordion__section {
margin-top: 72px;
}
.accordion__item.open .accordion__title {
color: #bd060a;
border-bottom: 1px solid #bd060a;
}
.accordion__item.open .accordion__title:after {
background-image: url(../img/icons/svg-icons/substract.svg);
-webkit-filter: none;
filter: none;
}
.accordion__item.open .accordion__content {
display: block;
}
.accordion__item ~ .accordion__item {
margin-top: 48px;
}
.accordion__title {
position: relative;
font-weight: 500;
font-size: 20px;
line-height: 28px;
color: #33333b;
cursor: pointer;
padding: 0 24px 8px 0;
margin: 0;
border-bottom: 1px solid #33333b;
}
@media (max-width: 991.98px) {
.accordion__title {
font-size: 18px;
line-height: 24px;
}
}
@media (max-width: 767.98px) {
.accordion__title {
font-size: 16px;
line-height: 20px;
}
}
.accordion__title:after {
content: "";
width: 14px;
height: 15px;
background-image: url(../img/icons/svg-icons/add.svg);
-webkit-filter: brightness(0);
filter: brightness(0);
background-repeat: no-repeat;
background-position: 50%;
position: absolute;
right: 0;
top: 50%;
font-size: 24px;
font-weight: 300;
color: #161616;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.accordion__title:hover {
color: #bd060a;
border-bottom: 1px solid #bd060a;
}
.accordion__title:hover:after {
-webkit-filter: none;
filter: none;
}
.accordion__content {
margin-top: 32px;
display: none;
padding-right: 24px;
}
.rtl .accordion {
text-align: right;
}
.rtl .accordion__title {
padding: 0 0 8px 24px;
}
.rtl .accordion__title:after {
right: auto;
left: 0;
}
.payment-period {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
}
.payment-period__discount {
line-height: 18px;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.3px;
color: #fff;
position: absolute;
padding: 6px 12px;
border-radius: 9999px;
background-color: #64e600;
top: -20px;
-webkit-transform: translateX(200%);
transform: translateX(200%);
}
@media (max-width: 991.98px) {
.payment-period__discount {
font-size: 12px;
line-height: 16px;
}
}
@media (max-width: 767.98px) {
.payment-period__discount {
font-size: 12px;
line-height: 16px;
-webkit-transform: translateX(125%);
transform: translateX(125%);
}
}
.payment-period__payments {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
row-gap: 12px;
margin-bottom: 32px;
padding: 4px;
background-color: #f5f5fa;
}
.payment-period__payments,
.payment-period__payments__item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
border-radius: 8px;
}
.payment-period__payments__item {
position: relative;
min-width: 150px;
height: 36px;
-ms-flex-pack: center;
justify-content: center;
padding: 4px 16px;
color: p #707078;
cursor: pointer;
}
@media (max-width: 1365.98px) {
.payment-period__payments__item {
font-size: 14px;
padding: 4px 16px;
min-width: 140px;
}
}
@media (max-width: 991.98px) {
.payment-period__payments__item {
font-size: 13px;
padding: 4px 14px;
min-width: 130px;
}
}
@media (max-width: 767.98px) {
.payment-period__payments__item {
font-size: 12px;
padding: 2px 12px;
min-width: 120px;
}
}
.payment-period__payments__item--active {
color: #e5322d;
font-weight: 500;
background-color: #fff;
-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
}
.payment-period__payments__item:before {
content: attr(data-price);
}
.payment-period__payments__item__badge {
font-size: 12px;
line-height: 16px;
letter-spacing: 0.5px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
min-width: 40px;
height: 40px;
color: #fff;
font-weight: 600;
position: absolute;
right: 12px;
top: 0;
border-radius: 9999px;
background-color: #4acd86;
-webkit-transform: translate(75%, -24px);
transform: translate(75%, -24px);
}
.payment-period__payments__item__badge--white-border {
border: 3px solid #fff;
}
.payment-period__payments__item[data-select-mode]:after {
content: none;
}
.payment-period__slider {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.payment-period__slider__text {
margin-bottom: 32px;
color: #707078;
font-weight: 600;
}
.payment-period__slider__text strong {
color: #161616;
}
.payment-period__slider__element {
position: relative;
padding-top: 24px;
}
.payment-period__slider__element__slider-datalist {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
position: absolute;
width: calc(100% - 18px);
height: 3px;
background-color: #bd060a;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.payment-period__slider__element__slider-datalist__option {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 2px;
height: 10px;
background-color: #bd060a;
border-radius: 9999px;
}
.payment-period__slider__element__slider-datalist__option:first-child,
.payment-period__slider__element__slider-datalist__option:last-child {
width: 3px;
height: 17px;
}
.payment-period__slider__element:before {
content: attr(data-min);
left: 0;
}
.payment-period__slider__element:after,
.payment-period__slider__element:before {
position: absolute;
top: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
color: #161616;
}
.payment-period__slider__element:after {
content: attr(data-max);
right: 0;
}
.payment-period__slider__element input[type="range"],
.payment-period__slider__element select[type="range"] {
position: relative;
width: 100%;
height: 4px;
border: rgba(0, 0, 0, 0);
background-color: rgba(0, 0, 0, 0);
-webkit-box-shadow: none;
box-shadow: none;
background-image: none;
margin-bottom: 72px;
}
.payment-period__slider__element input[type="range"]:focus,
.payment-period__slider__element select[type="range"]:focus {
border-color: rgba(0, 0, 0, 0);
}
.payment-period__slider__element input[type="range"]::-webkit-slider-thumb,
.payment-period__slider__element select[type="range"]::-webkit-slider-thumb {
margin-top: -24px;
-webkit-appearance: none;
width: 20px;
height: 20px;
border: 1px solid #fff;
border-radius: 50%;
background: #e5322d;
cursor: pointer;
-webkit-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.payment-period__slider__element
input[type="range"]::-webkit-slider-thumb:hover,
.payment-period__slider__element
select[type="range"]::-webkit-slider-thumb:hover {
background: #bd060a;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.payment-period__slider__element input[type="range"]::-moz-range-track,
.payment-period__slider__element select[type="range"]::-moz-range-track {
-moz-appearance: none;
height: 2px;
background: rgba(0, 0, 0, 0);
box-shadow: none;
}
.payment-period__slider__element input[type="range"]::-moz-range-thumb,
.payment-period__slider__element select[type="range"]::-moz-range-thumb {
width: 20px !important;
height: 20px !important;
border: none !important;
border-radius: 50%;
background-color: #e5322d !important;
cursor: pointer;
-webkit-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.payment-period__slider__element input[type="range"]::-moz-range-thumb:active,
.payment-period__slider__element input[type="range"]::-moz-range-thumb:hover,
.payment-period__slider__element select[type="range"]::-moz-range-thumb:active,
.payment-period__slider__element select[type="range"]::-moz-range-thumb:hover {
background-color: #bd060a !important;
transform: scale(1.2);
}
.payment-period__slider__element__select {
max-width: 100%;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.payment-period__slider__element__select > select {
position: absolute;
opacity: 0;
pointer-events: none;
}
.payment-period__slider__element__select__selected {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: 42px;
max-width: 100%;
padding: 2px 32px 6px 12px;
color: #e5322d;
border: 1px solid #e5322d;
border-radius: 4px;
cursor: pointer;
}
.payment-period__slider__element__select__selected:after {
position: absolute;
content: "";
right: 12px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px;
height: 5px;
-webkit-mask-image: url(../img/icons/svg-icons/down-arrow.html);
mask-image: url(../img/icons/svg-icons/down-arrow.html);
background-color: #e5322d;
}
.payment-period__slider__element__select__items {
z-index: 1003;
visibility: hidden;
position: absolute;
margin-top: 8px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
color: #707078;
cursor: pointer;
}
.payment-period__slider__element__select__items--visible {
visibility: visible;
}
.payment-period__slider__element__select__items > span {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
padding: 8px 20px;
border: 1px solid #ebebf4;
border-bottom-color: rgba(0, 0, 0, 0);
background-color: #fff;
}
.payment-period__slider__element__select__items > span:hover {
color: #fff;
background-color: #e5322d;
}
.payment-period__slider__element__select__items > span:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.payment-period__slider__element__select__items > span:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-color: #ebebf4;
}
.payment-period__slider__element__select__events-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1002;
}
.payment-period__slider__element__bubble {
position: absolute;
padding: 8px 26px;
top: 42px;
color: #fff;
border-radius: 4px;
background-color: #e5322d;
}
.payment-period__slider__element__bubble:before {
content: "";
position: absolute;
top: 1px;
-webkit-transform: translate(-50%, -100%);
transform: translate(-50%, -100%);
width: 0;
height: 0;
left: calc(50% + var(--left));
border-left: 5px solid rgba(0, 0, 0, 0);
border-right: 5px solid rgba(0, 0, 0, 0);
border-bottom: 5px solid #e5322d;
}
.payment-period__slider__element__link {
font-weight: 600;
text-decoration: underline;
color: #e5322d;
}
.payment-period__slider__element__link:hover {
color: #161616;
text-decoration: underline;
}
.payment-period__slider__info {
margin-top: 16px;
}
.payment-period__slider__info strong {
color: #161616;
}
.rtl .payment-period__payments__item__badge {
left: 12px;
right: auto;
-webkit-transform: translate(-75%, -24px);
transform: translate(-75%, -24px);
}
[data-theme~="new-premium-all-features-tooltip"] .tippy-content {
width: 267px;
padding: 24px 24px 12px;
}
[data-theme~="new-premium__ocr-tooltip"] {
max-width: none !important;
}
[data-theme~="new-premium__ocr-tooltip"] .tippy-content {
width: 470px;
padding: 24px 24px 12px;
}
.new-premium {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
height: 100%;
line-height: normal;
}
.new-premium__hr {
margin: 0 auto 30px;
width: 100%;
}
.new-premium__all-features-tooltip,
.new-premium__ocr-tooltip {
color: #ffb400;
text-decoration: underline;
font-weight: 500;
cursor: pointer;
}
.new-premium__all-features-tooltip__content ul.listdot,
.new-premium__ocr-tooltip__content ul.listdot {
list-style-type: circle;
}
.new-premium__footer__content {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
-ms-flex-align: center;
align-items: center;
}
.new-premium__body {
-webkit-transition: opacity 0.25s;
-o-transition: opacity 0.25s;
transition: opacity 0.25s;
}
.new-premium__body,
.new-premium__success {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.new-premium__success {
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
.new-premium__success .new-premium__success__email {
font-weight: 800;
}
.new-premium__success .new-premium__success__icon {
margin-bottom: 12px;
}
.new-premium__success .new-premium__success__title {
margin-bottom: 12px;
font-size: 32px;
}
.new-premium__success .new-premium__success__desc {
margin-bottom: 32px;
}
.inline-context {
min-height: 50vh;
}
.inline-context .dialog__header {
background: none;
color: #161616;
padding-bottom: 0;
}
.inline-context .dialog__title,
.inline-context .dialog__title.orange {
color: #161616;
}
.listorder {
list-style: none;
counter-reset: item;
}
.listorder li {
counter-increment: item;
margin: 4px 0;
}
.listorder li:before {
content: counter(item) ". ";
font-weight: 700;
margin-right: 4px;
}
.listorder li li:before {
content: counters(item, ".") " ";
}
.listdot {
padding-left: 18px;
list-style: inherit;
}
.listdot li {
margin: 4px 0;
}
.listdot > .listdot {
list-style: circle;
}
.listcheck {
padding-left: 24px;
position: relative;
text-align: left;
}
.listcheck li {
margin-bottom: 12px;
position: relative;
}
.listcheck__item {
font-size: 16px;
}
.listcheck__item:before {
position: absolute;
left: -24px;
top: 4px;
width: 16px;
height: 12px;
content: "";
}
.listcheck__item--ok:before {
background: url(../img/items/ok_sm.svg) no-repeat 50%;
background-size: 16px 12px;
}
.listcheck__item--fail:before {
background: url(../img/items/fail_sm.svg) no-repeat 50%;
background-size: 16px 12px;
}
.listcheck__item .title3 {
margin-bottom: 0;
}
.listcheck__item .title3 + p {
margin-top: 12px;
}
.listcheck__item .title4 {
margin-bottom: 0;
}
.listcheck__item .title4 + p {
margin-top: 0;
}
.listcheck--color .listcheck__item--ok:before {
background: url(../img/items/ok_sm.svg) no-repeat 50%;
background-size: 16px 12px;
}
.listcheck--color .listcheck__item--fail {
color: #adadb6;
}
.listcheck--color .listcheck__item--fail:before {
background: url(../img/items/fail_sm.svg) no-repeat 50%;
background-size: 16px 12px;
}
.listcheck--content .listcheck__item {
margin-bottom: 32px;
}
.listcheck--content .listcheck__item--ok:before {
top: 7px;
background: url(../img/items/ok_sm.svg) no-repeat 50%;
background-size: 16px 12px;
}
.listcheck--content .listcheck__item--fail:before {
top: 7px;
background: url(../img/items/fail_sm.svg) no-repeat 50%;
background-size: 16px 12px;
}
.listcheck--separate .listcheck__item {
padding-bottom: 32px;
border-bottom: 1px solid #d8d8d8;
}
.listcheck--separate .listcheck__item:last-child {
padding-bottom: 0;
border-bottom: 0;
}
.listtool li {
display: -ms-flexbox;
display: flex;
margin-bottom: 24px;
}
.listtool li .ico {
display: inline-block;
margin-right: 16px;
}
input,
label,
select {
line-height: 20px;
font-size: 16px;
font-weight: 400;
line-height: 22px;
}
@media (max-width: 991.98px) {
input,
label,
select {
font-size: 18px;
line-height: 22px;
}
}
@media (max-width: 767.98px) {
input,
label,
select {
font-size: 16px;
line-height: 20px;
}
}
label {
font-weight: 500;
}
input,
select,
textarea {
background-color: #fff;
border: 1px solid #707078;
border-radius: 4px;
line-height: 20px;
font-size: 16px;
font-weight: 400;
line-height: 22px;
color: #47474f;
-webkit-transition: border-color 0.15s ease-in-out,
background-color 0.15s ease-in-out;
-o-transition: border-color ease-in-out 0.15s,
background-color ease-in-out 0.15s;
transition: border-color 0.15s ease-in-out, background-color 0.15s ease-in-out;
height: 44px;
padding: 4px 12px;
-webkit-box-shadow: none;
box-shadow: none;
}
@media (max-width: 991.98px) {
input,
select,
textarea {
font-size: 18px;
line-height: 22px;
}
}
@media (max-width: 767.98px) {
input,
select,
textarea {
font-size: 16px;
line-height: 20px;
}
}
@media (max-width: 36em) {
input,
select,
textarea {
font-size: 12px;
height: 32px;
padding: 0 8px;
}
}
input:hover,
select:hover,
textarea:hover {
border-color: #161616;
}
input:focus,
select:focus,
textarea:focus {
border-color: #161616;
color: #292931;
background-color: #f5f5fa;
}
input.error,
select.error,
textarea.error {
border-color: #e5322d;
color: #e5322d;
}
input:disabled,
input[disabled],
select:disabled,
select[disabled],
textarea:disabled,
textarea[disabled] {
opacity: 0.4;
}
.input {
display: block;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.input--icon {
position: relative;
}
.input--icon:before {
top: 50%;
left: 12px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: #ccc;
display: block;
position: absolute;
content: "";
width: 16px;
height: 16px;
font-size: 16px;
text-align: center;
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
}
@media (max-width: 36em) {
.input--icon:before {
left: 8px;
}
}
.input--icon:disabled:before {
opacity: 0.4;
}
.input--icon .input,
.input--icon input,
.input--icon select {
padding-left: 36px;
}
.input--icon select.input {
text-indent: 8px;
}
.input--icon.input--sm {
height: auto;
}
.input--icon.input--sm .input,
.input--icon.input--sm input,
.input--icon.input--sm select {
height: 32px;
font-size: 14px;
margin-bottom: 0;
padding-left: 32px;
}
.input--icon-reverse {
position: relative;
}
.input--icon-reverse .input__icon {
width: 20px;
height: 20px;
position: absolute;
top: 50%;
right: 12px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.input--icon-reverse input,
.input--icon-reverse select {
padding-right: 36px;
}
.input--user .input__icon,
.input--user:before {
background-image: url(../img/input/user.svg);
}
.input--lock .input__icon,
.input--lock:before,
.input--pwd .input__icon,
.input--pwd:before {
background-image: url(../img/input/secure.svg);
}
.input--key .input__icon,
.input--key:before {
background-image: url(../img/input/key.svg);
}
.input--mobile .input__icon,
.input--mobile:before {
background-image: url(../img/input/mobile.svg);
}
.input--search .input__icon,
.input--search:before {
background-image: url(../img/input/search.svg);
}
.input--email .input__icon,
.input--email:before {
background-image: url(../img/input/email.svg);
}
.input--world .input__icon,
.input--world:before {
background-image: url(../img/input/world.svg);
}
.input--url .input__icon,
.input--url:before {
background-image: url(../img/input/url.svg);
}
.input--clip .input__icon,
.input--clip:before {
background-image: url(../img/input/clip.svg);
}
.input--lg {
font-size: 14px;
height: 45px;
padding: 10px 16px;
line-height: 1.33;
}
.input--error,
.input.error {
border-color: #fb7876;
}
.input--error:before,
.input.error:before {
color: #fb7876;
}
.input--error .input,
.input--error .input:focus,
.input.error .input,
.input.error .input:focus {
border-color: #e90003;
}
.input--valid,
.input.valid {
border-color: #4acd86;
}
.input--valid:before,
.input.valid:before {
color: #4acd86;
}
.input--valid .input,
.input--valid .input:focus,
.input.valid .input,
.input.valid .input:focus {
border-color: #4acd86;
}
textarea {
width: 100%;
}
input[type="number"],
select[type="number"] {
width: 72px;
text-align: right;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding: 8px 24px 8px 12px;
position: relative;
top: 2px;
-moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button,
select[type="number"]::-webkit-inner-spin-button,
select[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
background: rgba(0, 0, 0, 0) url(../img/svg_icons/number.svg) no-repeat 50%;
margin: 0;
width: 24px;
opacity: 0.8;
position: absolute;
top: 0;
right: 0;
bottom: 0;
}
input[type="number"]::-webkit-inner-spin-button:active,
input[type="number"]::-webkit-inner-spin-button:hover,
select[type="number"]::-webkit-inner-spin-button:active,
select[type="number"]::-webkit-inner-spin-button:hover {
opacity: 1;
}
input[type="number"].input--sm::-webkit-inner-spin-button,
input[type="number"].input--sm::-webkit-outer-spin-button,
select[type="number"].input--sm::-webkit-inner-spin-button,
select[type="number"].input--sm::-webkit-outer-spin-button {
background: rgba(0, 0, 0, 0) url(../img/svg_icons/number-sm.svg) no-repeat
50%;
}
input[type="number"].input--xs::-webkit-inner-spin-button,
input[type="number"].input--xs::-webkit-outer-spin-button,
select[type="number"].input--xs::-webkit-inner-spin-button,
select[type="number"].input--xs::-webkit-outer-spin-button {
background: rgba(0, 0, 0, 0) url(../img/svg_icons/number-xs.svg) no-repeat
50%;
}
input[type="color"],
select[type="color"] {
-webkit-appearance: none;
border: 1px solid #ebebf4;
width: 32px;
height: 32px;
border-radius: 4px;
overflow: hidden;
padding: 0;
margin: 5px;
vertical-align: bottom;
}
input[type="color"]::-webkit-color-swatch-wrapper,
select[type="color"]::-webkit-color-swatch-wrapper {
padding: 0;
}
input[type="color"]::-webkit-color-swatch,
select[type="color"]::-webkit-color-swatch {
border: none;
}
::-webkit-input-placeholder {
color: #9999a2;
}
::-moz-placeholder {
color: #9999a2;
}
:-ms-input-placeholder {
color: #9999a2;
}
:-moz-placeholder {
color: #9999a2;
}
.input--sm {
height: 32px;
}
.input--sm[type="color"] {
margin: 0;
width: 32px;
height: 32px;
}
.input--xs {
height: 24px;
font-size: 12px;
line-height: 16px;
padding: 0 12px;
}
.input--xs[type="color"] {
margin: 0;
width: 24px;
height: 24px;
}
label {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.rtl input[type="email"],
.rtl select[type="email"] {
direction: ltr;
text-align: right;
}
input[type="range"],
select[type="range"] {
padding: 0;
-webkit-appearance: none;
-moz-apperance: none;
border-radius: 6px;
height: 4px !important;
background-image: -webkit-gradient(
linear,
left top,
right top,
color-stop(0, #e5322d),
color-stop(1, #004083)
);
}
input[type="range"]::-moz-range-thumb,
input[type="range"]::-webkit-slider-thumb,
select[type="range"]::-moz-range-thumb,
select[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none !important;
background-color: #e5322d;
border: 1px solid #e5322d;
height: 12px;
width: 12px;
border-radius: 100%;
}
.checkbox label {
font-weight: 400;
}
.checkbox label p + p {
margin-top: 4px;
}
.checkbox [type="checkbox"]:checked,
.checkbox [type="checkbox"]:not(:checked) {
position: absolute;
left: -9999px;
width: 0;
height: 0;
}
.checkbox [type="checkbox"] + label {
display: -ms-flexbox;
display: flex;
text-align: left;
-ms-flex-align: start;
align-items: flex-start;
}
.checkbox [type="checkbox"] + label > img {
margin: 0 12px;
}
.checkbox [type="checkbox"] + label * {
margin: 0 4px;
}
.checkbox [type="checkbox"]:checked + label,
.checkbox [type="checkbox"]:not(:checked) + label {
position: relative;
cursor: pointer;
}
.checkbox [type="checkbox"]:checked + label:before,
.checkbox [type="checkbox"]:not(:checked) + label:before {
content: "";
width: 24px;
height: 24px;
-ms-flex: 0 0 24px;
flex: 0 0 24px;
border: 1px solid #707078;
border-radius: 4px;
background: #fff;
margin-right: 12px;
display: block;
margin-top: -2px;
}
.checkbox [type="checkbox"]:checked + label:after,
.checkbox [type="checkbox"]:not(:checked) + label:after {
content: "";
position: absolute;
top: -2px;
left: 0;
width: 24px;
height: 24px;
-ms-flex: 0 0 24px;
flex: 0 0 24px;
font-size: 16px;
line-height: 16px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
background-image: url(../img/items/check_ok.svg);
background-position: 50%;
background-repeat: no-repeat;
}
.checkbox [type="checkbox"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.checkbox [type="checkbox"]:checked + label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.checkbox [type="checkbox"]:disabled:checked + label:before,
.checkbox [type="checkbox"]:disabled:not(:checked) + label:before {
-webkit-box-shadow: none;
box-shadow: none;
}
.checkbox [type="checkbox"]:disabled:checked + label:after {
background-image: url(../img/items/check_disabled.svg);
}
.checkbox [type="checkbox"]:disabled + label {
opacity: 0.4;
cursor: not-allowed;
}
.checkbox [type="checkbox"]:checked:focus + label:before,
.checkbox [type="checkbox"]:not(:checked):focus + label:before {
border: 1px solid #292931;
}
.checkbox [type="checkbox"]:checked + label:before {
border-color: #4acd86;
}
.checkbox [type="checkbox"]:focus:checked + label:before {
border-color: #1d9d58;
}
.checkbox small {
display: block;
}
.checkbox--sm [type="checkbox"] + label {
height: 16px;
-ms-flex-align: center;
align-items: center;
}
.checkbox--sm [type="checkbox"]:checked + label:after,
.checkbox--sm [type="checkbox"]:checked + label:before,
.checkbox--sm [type="checkbox"]:not(:checked) + label:after,
.checkbox--sm [type="checkbox"]:not(:checked) + label:before {
width: 16px;
height: 16px;
-ms-flex: 0 0 16px;
flex: 0 0 16px;
background-size: 12px 12px;
}
.checkbox-collapsible {
margin-top: 24px;
overflow: hidden;
display: none;
}
.checkbox input[type="checkbox"]:checked ~ .checkbox-collapsible,
.checkbox select[type="checkbox"]:checked ~ .checkbox-collapsible {
display: block;
}
select {
border-radius: 4px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
select,
select.input {
border-radius: 4px;
-webkit-appearance: none;
background-image: url(../img/svg_icons/select.svg);
background-repeat: no-repeat;
background-position: right 10px center;
padding: 4px 32px 4px 12px;
-webkit-box-shadow: none;
box-shadow: none;
}
select.error,
select.input.error {
border-color: #e5322d;
}
select.input--xs {
padding: 0 22px 2px 12px;
background-image: url(../img/svg_icons/select-xs.svg);
background-position: right 6px center;
}
select.simple {
border: 0;
-webkit-appearance: none;
background: url(../img/svg_icons/select-simple.svg);
background-repeat: no-repeat;
background-position: right 10px center;
padding: 2px 28px 2px 2px;
-webkit-box-shadow: none;
box-shadow: none;
}
.rtl select,
.rtl select.input {
padding: 4px 12px 4px 44px;
background-position: left 10px center;
}
.radio-list {
display: -ms-flexbox;
display: flex;
gap: 12px 24px;
}
.radio-list--vertical {
-ms-flex-direction: column;
flex-direction: column;
}
.radio-list--vertical .radio {
margin-left: 24px;
}
.radio [type="radio"]:checked,
.radio [type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}
.radio [type="radio"] + label {
display: -ms-flexbox;
display: flex;
text-align: left;
-ms-flex-align: start;
align-items: flex-start;
}
.radio [type="radio"]:checked + label,
.radio [type="radio"]:not(:checked) + label {
position: relative;
cursor: pointer;
}
.radio [type="radio"]:checked + label:before,
.radio [type="radio"]:not(:checked) + label:before {
content: "";
width: 22px;
height: 22px;
-ms-flex: 0 0 22px;
flex: 0 0 22px;
border: 1px solid #707078;
border-radius: 100%;
background: #fff;
margin-right: 12px;
margin-top: 0;
display: block;
}
@media (max-width: 36em) {
.radio [type="radio"]:checked + label:before,
.radio [type="radio"]:not(:checked) + label:before {
width: 16px;
height: 16px;
-ms-flex: 0 0 16px;
flex: 0 0 16px;
margin-top: 3px;
}
}
.radio [type="radio"]:checked + label:hover:before,
.radio [type="radio"]:not(:checked) + label:hover:before {
border: 1px solid #161616;
}
.radio [type="radio"]:checked + label:after,
.radio [type="radio"]:not(:checked) + label:after {
content: "";
position: absolute;
width: 14px;
height: 14px;
top: 4px;
left: 4px;
-ms-flex: 0 0 14px;
flex: 0 0 14px;
font-size: 16px;
line-height: 16px;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
background: #4acd86;
border-radius: 100%;
}
@media (max-width: 36em) {
.radio [type="radio"]:checked + label:after,
.radio [type="radio"]:not(:checked) + label:after {
width: 8px;
height: 8px;
top: 7px;
}
}
.radio [type="radio"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.radio [type="radio"]:checked + label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.radio [type="radio"]:disabled:checked + label:before,
.radio [type="radio"]:disabled:not(:checked) + label:before {
-webkit-box-shadow: none;
box-shadow: none;
}
.radio [type="radio"]:disabled:checked + label:after {
background-image: url(../img/items/check_disabled.svg);
}
.radio [type="radio"]:disabled + label,
.radio [type="radio"]:disabled + label:after,
.radio [type="radio"]:disabled + label:before {
opacity: 0.4;
}
.radio [type="radio"]:not(:checked):focus + label:before {
border: 1px solid #707078;
}
.radio [type="radio"]:focus + label:before {
border: 1px solid #4acd86;
}
.radio [type="radio"]:checked + label:before {
border: 1px solid #1d9d58;
}
.radio-collapsible {
margin-top: 24px;
overflow: hidden;
display: none;
}
.radio input[type="radio"]:checked ~ .radio-collapsible,
.radio select[type="radio"]:checked ~ .radio-collapsible {
display: block;
}
.radio-btn-group {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 12px;
padding: 4px;
background-color: #ebebf4;
}
.radio-btn-group,
.radio-btn label {
display: -ms-flexbox;
display: flex;
border-radius: 8px;
}
.radio-btn label {
position: relative;
min-width: 150px;
height: 36px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: end;
align-items: flex-end;
padding: 0 16px 10px;
color: #d6d6df;
cursor: pointer;
}
.radio-btn input,
.radio-btn select {
display: none;
}
.radio-btn input:checked + label,
.radio-btn select:checked + label {
color: #e5322d;
font-weight: 600;
background-color: #fff;
-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);
}
.switch {
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 52px;
height: 34px;
overflow: hidden;
padding: 12px;
vertical-align: middle;
}
.switch > input,
.switch > select {
display: none;
}
.switch > span:nth-child(2) {
position: absolute;
top: 0;
left: 0;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
padding: 9px;
border-radius: 50%;
-webkit-transition: all 0.1s;
-o-transition: all 0.1s;
transition: all 0.1s;
}
.switch > span:nth-child(2):hover {
background-color: rgba(189, 6, 10, 0.2);
}
.switch > span:nth-child(2) > label:first-child {
position: absolute;
left: -100%;
width: 300%;
height: 100%;
opacity: 0;
z-index: 1;
cursor: pointer;
}
.switch > span:nth-child(2) > span:nth-child(2) {
width: 16px;
height: 16px;
-webkit-transition: all 0.1s;
-o-transition: all 0.1s;
transition: all 0.1s;
-webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2),
0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
0 1px 3px 0 rgba(0, 0, 0, 0.12);
background-color: #fff;
border-radius: 50%;
}
.switch > span:nth-child(2) > span:nth-child(3) {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
border-radius: 50%;
padding: 9px;
opacity: 0.5;
z-index: 2;
}
.switch > span:nth-child(2) > span:nth-child(3):hover {
background-color: #0ff;
}
.switch > span:nth-child(3) {
width: 100%;
height: 100%;
border-radius: 7px;
background-color: #ebebf4;
-webkit-transition: all 0.1s;
-o-transition: all 0.1s;
transition: all 0.1s;
}
.switch > input:first-child:checked + span,
.switch > select:first-child:checked + span {
left: 16px;
}
.switch > input:first-child:checked + span:nth-child(2) > span:nth-child(2),
.switch > select:first-child:checked + span:nth-child(2) > span:nth-child(2) {
background-color: #bd060a;
}
.switch > input:first-child:checked ~ span:nth-child(3),
.switch > select:first-child:checked ~ span:nth-child(3) {
background-color: #e5322d;
}
.formarea {
padding: 12px;
border-bottom: 1px solid #ebebf4;
position: relative;
}
.formarea .handle {
cursor: move;
margin: 12px;
}
.formarea .d-flex {
width: 100%;
-ms-flex-align: center;
align-items: center;
}
.form-group {
margin: 0;
}
.form-group label {
display: block;
margin-bottom: 8px;
}
.form-group + .form-group {
margin-top: 12px;
}
.form-group + .form-group > .checkbox {
margin-top: 24px;
}
.form__group + .form__group,
.form__group.form__group--spaced {
margin-top: 8px;
}
.form__group__container {
-ms-flex: 1 0 auto;
flex: 1 0 auto;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.form__group__container .title4 {
font-weight: 400;
margin-bottom: 8px;
width: 100%;
}
.form__group__container .input--inline label {
padding: 0;
}
.form__group label {
display: -ms-flexbox;
display: flex;
margin-bottom: 8px;
}
@media (max-width: 36em) {
.form__group label {
margin-bottom: 0;
margin-top: 4px;
}
}
.form__group--inline {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 12px;
}
.form__group--inline > * {
-ms-flex: 1 1 50%;
flex: 1 1 50%;
}
@media (max-width: 36em) {
.form__group--inline > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.form__group--inline > .sp-replacer {
-ms-flex: 0 0 42px;
flex: 0 0 42px;
}
.form__group--inline > small {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.form__group--inline input,
.form__group--inline label,
.form__group--inline select,
.form__group--inline textarea {
margin-bottom: 0;
}
.form__group--inline input[type="color"],
.form__group--inline select[type="color"] {
-ms-flex: 0 0 32px;
flex: 0 0 32px;
margin: 0;
}
.form__group--inline-3 {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
}
.form__group--inline-3 > * {
max-width: 33.3%;
}
.form__group--inline-3 label {
width: 33%;
}
.form__group--inline-3 output {
text-align: right;
}
@media (max-width: 480px) {
.form__group--inline-3 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.form__group--table {
border-bottom: 1px solid #ebebf4;
padding: 14px 0;
display: -ms-flexbox;
display: flex;
}
.form__group--table label {
width: 50%;
display: block;
margin-bottom: 0;
}
@media (max-width: 480px) {
.form__group--table label {
width: 100%;
}
}
.form__group--table .input--icon,
.form__group--table input,
.form__group--table select {
display: inline-block;
vertical-align: top;
}
.form__group--table input,
.form__group--table select,
.form__group--table textarea {
margin-bottom: 0;
}
.form__group--table .input {
width: auto;
}
@media (max-width: 480px) {
.form__group--table .input {
width: 100%;
}
}
.form__group--table .input.color {
width: 32px;
}
.form__group--table:last-child {
padding-bottom: 0;
border-bottom: 0;
}
.form__group--table .column {
width: 50%;
display: block;
margin-bottom: 0;
}
@media (max-width: 480px) {
.form__group--table .column {
width: 100%;
}
}
.form__group--table .column > * {
display: block;
margin-bottom: 4px;
}
.form__group--lg .input--icon,
.form__group--lg input,
.form__group--lg select,
.form__group--lg textarea {
display: block;
margin-top: 8px;
width: 100%;
}
.form__group--btn {
display: -ms-flexbox;
display: flex;
}
.form__group--btn input,
.form__group--btn select {
border-radius: 4px 0 0 4px;
}
.form__group--btn .btn {
margin: 0;
border-radius: 0 4px 4px 0;
height: 44px;
line-height: 16px;
min-height: 0;
padding: 0 12px;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.26px;
text-transform: uppercase;
min-width: 0;
}
@media (max-width: 36em) {
.form__group--btn .btn {
font-size: 12px;
line-height: 14px;
height: 32px;
padding: 0 8px;
}
}
.form__group--btn .btn svg {
vertical-align: middle;
}
.form__group--btn .btn path,
.form__group--btn .btn svg {
fill: #fff;
}
.form__group--btn .btn--sm {
height: 32px;
}
.form__group--btn-lg .input--icon,
.form__group--btn-lg input,
.form__group--btn-lg select {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
@media (max-width: 36em) {
.form__group--btn-lg .input--icon,
.form__group--btn-lg input,
.form__group--btn-lg select {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.form__group--boxed {
border: 1px solid #707078;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
width: auto;
border-radius: 4px;
padding-left: 8px;
overflow: hidden;
background: #fff;
}
.form__group--boxed label {
margin-right: 12px;
margin-bottom: 0;
}
.form__group--boxed .input,
.form__group--boxed input,
.form__group--boxed select {
margin-bottom: 0;
border: 0;
border-radius: 0;
top: 0;
border-left: 1px solid #707078;
}
.form__group--boxed :hover,
.form__group--boxed :hover .input,
.form__group--boxed :hover input,
.form__group--boxed :hover select {
border-color: #161616;
}
.form__group .d-flex .input + .input {
margin-left: 12px;
}
.form-actions {
margin-top: 24px;
}
.form-error {
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7;
}
label.visible-ie {
display: none;
}
.form .checkbox,
.form .input {
margin-bottom: 12px;
}
.input--inline {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.input--inline label {
display: block;
height: 28px;
padding: 0 16px;
line-height: 28px;
}
.input--inline input,
.input--inline label,
.input--inline select {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
.form--cols {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -8px;
margin-right: -8px;
}
.form--cols p {
-ms-flex: 1 0 100%;
flex: 1 0 100%;
margin-left: 8px;
margin-right: 8px;
}
.form--cols .input--inline {
-ms-flex: 1 0 auto;
flex: 1 0 auto;
margin-left: 8px;
margin-right: 8px;
}
label.error {
margin-top: -8px;
margin-bottom: 12px;
}
.has-error label,
label.error {
color: #fb7876;
}
.has-error .input {
border-color: #fb7876;
margin-bottom: 0;
}
.has-error .help-block {
color: #fb7876;
font-size: 12px;
font-weight: 400;
line-height: normal;
margin-bottom: 8px;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.form__title {
font-weight: 500;
font-size: 28px;
line-height: 30px;
color: #33333b;
margin-bottom: 25px;
text-align: center;
}
@media (max-width: 991.98px) {
.form__title {
font-size: 20px;
line-height: 30px;
}
}
@media (max-width: 767.98px) {
.form__title {
font-size: 18px;
line-height: 28px;
}
}
textarea {
min-height: 120px;
}
button[type="submit"] {
margin-top: 24px;
}
.form-actions button[type="submit"] {
margin-top: 0;
}
.form-group + .form-actions {
margin-top: 32px;
}
form div.required label.control-label:after {
content: " * ";
}
.sms__group {
display: inline-block;
font-size: 0;
padding: 0;
letter-spacing: 0;
list-style: none;
position: relative;
}
.sms__group .input--sms {
border-radius: initial;
z-index: 1;
margin-left: -1px;
position: relative;
}
.sms__group .input--sms:focus {
z-index: 2;
}
.sms__group .input--sms:first-child {
border-radius: 4px 0 0 4px;
}
.sms__group .input--sms:last-child {
border-radius: 0 4px 4px 0;
}
.input--sms {
width: 32px;
display: inline-block;
padding: 2px 2px 6px;
text-align: center;
}
.iti input,
.iti input[type="tel"],
.iti input[type="text"],
.iti select,
.iti select[type="tel"],
.iti select[type="text"] {
padding: 2px 52px 6px;
}
.form-control {
height: 42px;
}
.form-control:focus {
border-color: #161616;
}
.form-extra-info {
margin-top: 4px;
margin-bottom: -4px;
}
.form-extra-info a {
text-decoration: none;
font-weight: 400;
}
.rtl .form__group--boxed {
padding-left: 0;
padding-right: 12px;
}
.rtl .form__group--boxed label {
margin-right: 0;
margin-left: 12px;
}
.rtl .form__group--boxed .input,
.rtl .form__group--boxed input,
.rtl .form__group--boxed select {
border-left: 0;
border-right: 1px solid #707078;
}
@media (max-width: 740px) {
.app .app-buttons {
margin-bottom: 42px;
}
}
@media (max-width: 360px) {
.app .app-buttons {
display: block;
}
.app .app-buttons__item {
margin: auto auto 12px;
}
}
img {
max-width: 100%;
}
@media (max-width: 740px) {
.lang-vi.desktop .binary svg {
display: none;
}
.lang-vi.desktop .binary__btn,
.lang-vi.desktop .binary__list li {
font-size: 14px;
}
}
.anchor {
margin-top: -160px;
margin-bottom: 160px;
}
.anchor,
.binary {
position: relative;
}
.binary {
margin-bottom: 12px;
margin-top: 48px;
}
.binary__btn {
border-radius: 8px 0 0 8px;
height: 48px;
width: auto;
}
.binary__select {
display: -ms-inline-flexbox;
display: inline-flex;
height: 48px;
width: 48px;
left: -5px;
position: relative;
vertical-align: bottom;
border-left: 1px solid #ff6a58;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
background: #e5322d;
border-radius: 0 8px 8px 0;
cursor: pointer;
}
.binary__select:hover {
background: #161616;
}
.binary__select:after {
content: "";
width: 12px;
height: 8px;
background: url(../img/items/down_w.svg);
}
.binary__list {
display: none;
width: auto;
position: absolute;
top: calc(100% + 2px);
right: 4px;
-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.14);
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.14);
background: #e5322d;
border-radius: 4px;
z-index: 99;
overflow: hidden;
}
.binary__list li {
font-size: 16px;
padding: 12px 24px;
-ms-flex-pack: start;
justify-content: start;
cursor: pointer;
border-bottom: 1px solid #fde4df;
}
.binary__list li,
.binary__list li a {
color: #fff;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.binary__list li a {
-ms-flex-pack: center;
justify-content: center;
text-decoration: none;
}
.binary__list li:last-child {
border-bottom: 0;
}
.binary__list li:hover {
background: #161616;
}
.binary svg {
margin-right: 8px;
width: 28px;
fill: #fff;
}
@media (max-width: 360px) {
.binary svg {
display: none;
}
}
.binary svg g,
.binary svg path {
fill: #fff;
}
.binary__info {
color: #161616;
margin-bottom: 24px;
margin-top: 10px;
cursor: pointer;
text-decoration: underline;
opacity: 0.8;
display: inline-block;
font-weight: 300;
}
.rtl .binary {
direction: ltr;
}
.rtl .binary * {
direction: rtl;
}
.rtl .binary__list {
right: auto;
left: 5px;
}
@media (max-width: 740px) {
.binary-pricing {
display: -ms-flexbox;
display: flex;
}
}
.binary-pricing ul.listcheck.listcheck--color {
margin-left: 0;
}
.binary-pricing .btn {
margin-left: auto;
margin-right: auto;
}
.binary-pricing .pricing__price {
text-align: center;
margin: auto auto 48px;
}
.binary-pricing .card-block {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-height: 280px;
}
.binary-pricing .card-block small {
margin-top: 12px;
}
.binary-buttons {
margin-top: 42px;
}
.binary-req {
border: 1px solid #b4b4b4;
padding: 48px 74px;
border-radius: 12px;
margin-bottom: 96px;
}
@media (max-width: 960px) {
.binary-req {
padding: 24px 32px;
}
}