html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*,
:after,
:before {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
@-ms-viewport {
width: device-width;
}
html {
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent;
}
body {
font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
font-size: 16px;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #292b2c;
background-color: #fff;
}
[tabindex="-1"]:focus {
outline: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 8px;
margin-bottom: 0.5rem;
}
p {
margin-bottom: 16px;
margin-bottom: 1rem;
}
abbr[data-original-title],
abbr[title] {
cursor: help;
}
address {
font-style: normal;
line-height: inherit;
}
address,
dl,
ol,
ul {
margin-bottom: 16px;
margin-bottom: 1rem;
}
dl,
ol,
ul {
margin-top: 0;
}
ol ol,
ol ul,
ul ol,
ul ul {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: 8px;
margin-bottom: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 16px;
margin: 0 0 1rem;
}
a {
color: #0275d8;
text-decoration: none;
}
a:focus,
a:hover {
color: #014c8c;
text-decoration: underline;
}
a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
color: inherit;
text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
outline: 0;
}
pre {
overflow: auto;
}
figure {
margin: 0 0 16px;
margin: 0 0 1rem;
}
img {
vertical-align: middle;
}
[role="button"] {
cursor: pointer;
}
[role="button"],
a,
area,
button,
input,
label,
select,
summary,
textarea {
-ms-touch-action: manipulation;
touch-action: manipulation;
}
table {
border-collapse: collapse;
background-color: transparent;
}
caption {
padding-top: 12px;
padding-top: 0.75rem;
padding-bottom: 12px;
padding-bottom: 0.75rem;
color: #636c72;
caption-side: bottom;
}
caption,
th {
text-align: left;
}
label {
display: inline-block;
margin-bottom: 8px;
margin-bottom: 0.5rem;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
button,
input,
select,
textarea {
line-height: inherit;
}
input[type="checkbox"]:disabled,
input[type="radio"]:disabled {
cursor: not-allowed;
}
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="time"] {
-webkit-appearance: listbox;
}
textarea {
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
margin-bottom: 8px;
margin-bottom: 0.5rem;
font-size: 24px;
font-size: 1.5rem;
line-height: inherit;
}
input[type="search"] {
-webkit-appearance: none;
}
output {
display: inline-block;
}
[hidden] {
display: none !important;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 8px;
margin-bottom: 0.5rem;
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
.h1,
h1 {
font-size: 40px;
font-size: 2.5rem;
}
.h2,
h2 {
font-size: 32px;
font-size: 2rem;
}
.h3,
h3 {
font-size: 28px;
font-size: 1.75rem;
}
.h4,
h4 {
font-size: 1.5rem;
}
.h5,
h5 {
font-size: 20px;
font-size: 1.25rem;
}
.h6,
h6 {
font-size: 16px;
font-size: 1rem;
}
.lead {
font-size: 20px;
font-size: 1.25rem;
font-weight: 300;
}
.display-1 {
font-size: 96px;
font-size: 6rem;
}
.display-1,
.display-2 {
font-weight: 300;
line-height: 1.1;
}
.display-2 {
font-size: 88px;
font-size: 5.5rem;
}
.display-3 {
font-size: 72px;
font-size: 4.5rem;
}
.display-3,
.display-4 {
font-weight: 300;
line-height: 1.1;
}
.display-4 {
font-size: 56px;
font-size: 3.5rem;
}
hr {
margin-top: 16px;
margin-top: 1rem;
margin-bottom: 16px;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.small,
small {
font-size: 80%;
font-weight: 400;
}
.mark,
mark {
padding: 0.2em;
background-color: #fcf8e3;
}
.list-inline,
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline-item {
display: inline-block;
}
.list-inline-item:not(:last-child) {
margin-right: 5px;
}
.initialism {
font-size: 90%;
text-transform: uppercase;
}
.blockquote {
padding: 8px 16px;
padding: 0.5rem 1rem;
margin-bottom: 16px;
margin-bottom: 1rem;
font-size: 20px;
font-size: 1.25rem;
border-left: 4px solid #eceeef;
border-left: 0.25rem solid #eceeef;
}
.blockquote-footer {
display: block;
font-size: 80%;
color: #636c72;
}
.blockquote-footer:before {
content: "\2014 \00A0";
}
.blockquote-reverse {
padding-right: 16px;
padding-right: 1rem;
padding-left: 0;
text-align: right;
border-right: 4px solid #eceeef;
border-right: 0.25rem solid #eceeef;
border-left: 0;
}
.blockquote-reverse .blockquote-footer:before {
content: "";
}
.blockquote-reverse .blockquote-footer:after {
content: "\00A0 \2014";
}
.img-fluid,
.img-thumbnail {
max-width: 100%;
height: auto;
}
.img-thumbnail {
padding: 4px;
padding: 0.25rem;
background-color: #fff;
border: 1px solid #ddd;
-webkit-border-radius: 0.25rem;
-moz-border-radius: 0.25rem;
border-radius: 0.25rem;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.figure {
display: inline-block;
}
.figure-img {
margin-bottom: 8px;
margin-bottom: 0.5rem;
line-height: 1;
}
.figure-caption {
font-size: 90%;
color: #636c72;
}
code,
kbd,
pre,
samp {
font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}
code {
padding: 3.2px 6.4px;
padding: 0.2rem 0.4rem;
font-size: 90%;
color: #bd4147;
background-color: #f7f7f9;
-webkit-border-radius: 0.25rem;
-moz-border-radius: 0.25rem;
border-radius: 0.25rem;
}
a > code {
padding: 0;
color: inherit;
background-color: inherit;
}
kbd {
padding: 3.2px 6.4px;
padding: 0.2rem 0.4rem;
font-size: 90%;
color: #fff;
background-color: #292b2c;
-webkit-border-radius: 0.2rem;
-moz-border-radius: 0.2rem;
border-radius: 0.2rem;
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700;
}
pre {
display: block;
margin-top: 0;
margin-bottom: 16px;
margin-bottom: 1rem;
font-size: 90%;
color: #292b2c;
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
background-color: transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
.align-baseline {
vertical-align: baseline !important;
}
.align-top {
vertical-align: top !important;
}
.align-middle {
vertical-align: middle !important;
}
.align-bottom {
vertical-align: bottom !important;
}
.align-text-bottom {
vertical-align: text-bottom !important;
}
.align-text-top {
vertical-align: text-top !important;
}
.bg-faded {
background-color: #f7f7f7;
}
.bg-primary {
background-color: #0275d8 !important;
}
a.bg-primary:focus,
a.bg-primary:hover {
background-color: #025aa5 !important;
}
.bg-success {
background-color: #5cb85c !important;
}
a.bg-success:focus,
a.bg-success:hover {
background-color: #449d44 !important;
}
.bg-info {
background-color: #5bc0de !important;
}
a.bg-info:focus,
a.bg-info:hover {
background-color: #31b0d5 !important;
}
.bg-warning {
background-color: #f0ad4e !important;
}
a.bg-warning:focus,
a.bg-warning:hover {
background-color: #ec971f !important;
}
.bg-danger {
background-color: #d9534f !important;
}
a.bg-danger:focus,
a.bg-danger:hover {
background-color: #c9302c !important;
}
.bg-inverse {
background-color: #292b2c !important;
}
a.bg-inverse:focus,
a.bg-inverse:hover {
background-color: #101112 !important;
}
.border-0 {
border: 0 !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-right-0 {
border-right: 0 !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-left-0 {
border-left: 0 !important;
}
.rounded {
-webkit-border-radius: 0.25rem;
-moz-border-radius: 0.25rem;
border-radius: 0.25rem;
}
.rounded-top {
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
-webkit-border-top-right-radius: 0.25rem;
-moz-border-radius-topright: 0.25rem;
border-top-right-radius: 0.25rem;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
-webkit-border-top-left-radius: 0.25rem;
-moz-border-radius-topleft: 0.25rem;
border-top-left-radius: 0.25rem;
}
.rounded-right {
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
-webkit-border-bottom-right-radius: 0.25rem;
-moz-border-radius-bottomright: 0.25rem;
border-bottom-right-radius: 0.25rem;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
-webkit-border-top-right-radius: 0.25rem;
-moz-border-radius-topright: 0.25rem;
border-top-right-radius: 0.25rem;
}
.rounded-bottom {
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
-webkit-border-bottom-right-radius: 0.25rem;
-moz-border-radius-bottomright: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.rounded-bottom,
.rounded-left {
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
-webkit-border-bottom-left-radius: 0.25rem;
-moz-border-radius-bottomleft: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.rounded-left {
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
-webkit-border-top-left-radius: 0.25rem;
-moz-border-radius-topleft: 0.25rem;
border-top-left-radius: 0.25rem;
}
.rounded-circle {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.rounded-0 {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.clearfix:after {
display: block;
content: "";
clear: both;
}
.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-cell {
display: table-cell !important;
}
.d-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -moz-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media (min-width: 576px) {
.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-cell {
display: table-cell !important;
}
.d-sm-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -moz-inline-box !important;
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-cell {
display: table-cell !important;
}
.d-md-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -moz-inline-box !important;
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-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -moz-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.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-cell {
display: table-cell !important;
}
.d-xl-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -moz-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
.flex-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-moz-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.flex-last {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.flex-unordered {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-moz-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.flex-row {
-webkit-box-orient: horizontal !important;
-webkit-flex-direction: row !important;
-moz-box-orient: horizontal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column,
.flex-row {
-webkit-box-direction: normal !important;
-moz-box-direction: normal !important;
}
.flex-column {
-webkit-box-orient: vertical !important;
-webkit-flex-direction: column !important;
-moz-box-orient: vertical !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-flex-direction: row-reverse !important;
-moz-box-orient: horizontal !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse,
.flex-row-reverse {
-webkit-box-direction: reverse !important;
-moz-box-direction: reverse !important;
}
.flex-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-flex-direction: column-reverse !important;
-moz-box-orient: vertical !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-moz-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-moz-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-moz-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-moz-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-moz-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-moz-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-moz-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-moz-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-moz-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-moz-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.flex-sm-last {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.flex-sm-unordered {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-moz-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.flex-sm-row {
-webkit-box-orient: horizontal !important;
-webkit-flex-direction: row !important;
-moz-box-orient: horizontal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-sm-column,
.flex-sm-row {
-webkit-box-direction: normal !important;
-moz-box-direction: normal !important;
}
.flex-sm-column {
-webkit-box-orient: vertical !important;
-webkit-flex-direction: column !important;
-moz-box-orient: vertical !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-sm-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-flex-direction: row-reverse !important;
-moz-box-orient: horizontal !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse,
.flex-sm-row-reverse {
-webkit-box-direction: reverse !important;
-moz-box-direction: reverse !important;
}
.flex-sm-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-flex-direction: column-reverse !important;
-moz-box-orient: vertical !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-sm-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-moz-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-moz-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-moz-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-moz-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-sm-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-moz-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-moz-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-moz-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-moz-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-moz-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-sm-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sm-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sm-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-sm-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-sm-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-sm-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-sm-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-sm-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-sm-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-moz-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.flex-md-last {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.flex-md-unordered {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-moz-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.flex-md-row {
-webkit-box-orient: horizontal !important;
-webkit-flex-direction: row !important;
-moz-box-orient: horizontal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column,
.flex-md-row {
-webkit-box-direction: normal !important;
-moz-box-direction: normal !important;
}
.flex-md-column {
-webkit-box-orient: vertical !important;
-webkit-flex-direction: column !important;
-moz-box-orient: vertical !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-flex-direction: row-reverse !important;
-moz-box-orient: horizontal !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse,
.flex-md-row-reverse {
-webkit-box-direction: reverse !important;
-moz-box-direction: reverse !important;
}
.flex-md-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-flex-direction: column-reverse !important;
-moz-box-orient: vertical !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-md-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-moz-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-moz-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-moz-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-moz-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-md-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-moz-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-moz-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-moz-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-moz-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-moz-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-md-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-md-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-md-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-md-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-md-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-md-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-md-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-moz-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.flex-lg-last {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.flex-lg-unordered {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-moz-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.flex-lg-row {
-webkit-box-orient: horizontal !important;
-webkit-flex-direction: row !important;
-moz-box-orient: horizontal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column,
.flex-lg-row {
-webkit-box-direction: normal !important;
-moz-box-direction: normal !important;
}
.flex-lg-column {
-webkit-box-orient: vertical !important;
-webkit-flex-direction: column !important;
-moz-box-orient: vertical !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-flex-direction: row-reverse !important;
-moz-box-orient: horizontal !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse,
.flex-lg-row-reverse {
-webkit-box-direction: reverse !important;
-moz-box-direction: reverse !important;
}
.flex-lg-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-flex-direction: column-reverse !important;
-moz-box-orient: vertical !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-lg-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-moz-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-moz-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-moz-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-moz-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-lg-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-moz-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-moz-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-moz-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-moz-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-moz-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-lg-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-lg-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-lg-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-lg-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-lg-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-lg-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-lg-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-moz-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.flex-xl-last {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.flex-xl-unordered {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-moz-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.flex-xl-row {
-webkit-box-orient: horizontal !important;
-webkit-flex-direction: row !important;
-moz-box-orient: horizontal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column,
.flex-xl-row {
-webkit-box-direction: normal !important;
-moz-box-direction: normal !important;
}
.flex-xl-column {
-webkit-box-orient: vertical !important;
-webkit-flex-direction: column !important;
-moz-box-orient: vertical !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-flex-direction: row-reverse !important;
-moz-box-orient: horizontal !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse,
.flex-xl-row-reverse {
-webkit-box-direction: reverse !important;
-moz-box-direction: reverse !important;
}
.flex-xl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-flex-direction: column-reverse !important;
-moz-box-orient: vertical !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.justify-content-xl-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-moz-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-moz-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-moz-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-moz-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xl-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-moz-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-moz-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-moz-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-moz-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-moz-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xl-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xl-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-xl-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xl-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xl-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xl-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xl-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
.float-left {
float: left !important;
}
.float-right {
float: right !important;
}
.float-none {
float: none !important;
}
@media (min-width: 576px) {
.float-sm-left {
float: left !important;
}
.float-sm-right {
float: right !important;
}
.float-sm-none {
float: none !important;
}
}
@media (min-width: 768px) {
.float-md-left {
float: left !important;
}
.float-md-right {
float: right !important;
}
.float-md-none {
float: none !important;
}
}
@media (min-width: 992px) {
.float-lg-left {
float: left !important;
}
.float-lg-right {
float: right !important;
}
.float-lg-none {
float: none !important;
}
}
@media (min-width: 1200px) {
.float-xl-left {
float: left !important;
}
.float-xl-right {
float: right !important;
}
.float-xl-none {
float: none !important;
}
}
.fixed-top {
top: 0;
}
.fixed-bottom,
.fixed-top {
position: fixed;
right: 0;
left: 0;
z-index: 8;
}
.fixed-bottom {
bottom: 0;
}
.sticky-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 8;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
.w-25 {
width: 25% !important;
}
.w-50 {
width: 50% !important;
}
.w-75 {
width: 75% !important;
}
.w-100 {
width: 100% !important;
}
.h-25 {
height: 25% !important;
}
.h-50 {
height: 50% !important;
}
.h-75 {
height: 75% !important;
}
.h-100 {
height: 100% !important;
}
.mw-100 {
max-width: 100% !important;
}
.mh-100 {
max-height: 100% !important;
}
.m-0 {
margin: 0 !important;
}
.mt-0 {
margin-top: 0 !important;
}
.mr-0 {
margin-right: 0 !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
margin-left: 0 !important;
}
.mx-0 {
margin-right: 0 !important;
}
.my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.m-1 {
margin: 4px !important;
margin: 0.25rem !important;
}
.mt-1 {
margin-top: 4px !important;
margin-top: 0.25rem !important;
}
.mr-1 {
margin-right: 4px !important;
margin-right: 0.25rem !important;
}
.mb-1 {
margin-bottom: 4px !important;
margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
margin-left: 4px !important;
margin-left: 0.25rem !important;
}
.mx-1 {
margin-right: 4px !important;
margin-right: 0.25rem !important;
}
.my-1 {
margin-top: 4px !important;
margin-top: 0.25rem !important;
margin-bottom: 4px !important;
margin-bottom: 0.25rem !important;
}
.m-2 {
margin: 8px !important;
margin: 0.5rem !important;
}
.mt-2 {
margin-top: 8px !important;
margin-top: 0.5rem !important;
}
.mr-2 {
margin-right: 8px !important;
margin-right: 0.5rem !important;
}
.mb-2 {
margin-bottom: 8px !important;
margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
margin-left: 8px !important;
margin-left: 0.5rem !important;
}
.mx-2 {
margin-right: 8px !important;
margin-right: 0.5rem !important;
}
.my-2 {
margin-top: 8px !important;
margin-top: 0.5rem !important;
margin-bottom: 8px !important;
margin-bottom: 0.5rem !important;
}
.m-3 {
margin: 16px !important;
margin: 1rem !important;
}
.mt-3 {
margin-top: 16px !important;
margin-top: 1rem !important;
}
.mr-3 {
margin-right: 16px !important;
margin-right: 1rem !important;
}
.mb-3 {
margin-bottom: 16px !important;
margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
margin-left: 16px !important;
margin-left: 1rem !important;
}
.mx-3 {
margin-right: 16px !important;
margin-right: 1rem !important;
}
.my-3 {
margin-top: 16px !important;
margin-top: 1rem !important;
margin-bottom: 16px !important;
margin-bottom: 1rem !important;
}
.m-4 {
margin: 24px !important;
margin: 1.5rem !important;
}
.mt-4 {
margin-top: 24px !important;
margin-top: 1.5rem !important;
}
.mr-4 {
margin-right: 24px !important;
margin-right: 1.5rem !important;
}
.mb-4 {
margin-bottom: 24px !important;
margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
margin-left: 24px !important;
margin-left: 1.5rem !important;
}
.mx-4 {
margin-right: 24px !important;
margin-right: 1.5rem !important;
}
.my-4 {
margin-top: 24px !important;
margin-top: 1.5rem !important;
margin-bottom: 24px !important;
margin-bottom: 1.5rem !important;
}
.m-5 {
margin: 48px !important;
margin: 3rem !important;
}
.mt-5 {
margin-top: 48px !important;
margin-top: 3rem !important;
}
.mr-5 {
margin-right: 48px !important;
margin-right: 3rem !important;
}
.mb-5 {
margin-bottom: 48px !important;
margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
margin-left: 48px !important;
margin-left: 3rem !important;
}
.mx-5 {
margin-right: 48px !important;
margin-right: 3rem !important;
}
.my-5 {
margin-top: 48px !important;
margin-top: 3rem !important;
margin-bottom: 48px !important;
margin-bottom: 3rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0 {
padding-top: 0 !important;
}
.pr-0 {
padding-right: 0 !important;
}
.pb-0 {
padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
padding-left: 0 !important;
}
.px-0 {
padding-right: 0 !important;
}
.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.p-1 {
padding: 4px !important;
padding: 0.25rem !important;
}
.pt-1 {
padding-top: 4px !important;
padding-top: 0.25rem !important;
}
.pr-1 {
padding-right: 4px !important;
padding-right: 0.25rem !important;
}
.pb-1 {
padding-bottom: 4px !important;
padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
padding-left: 4px !important;
padding-left: 0.25rem !important;
}
.px-1 {
padding-right: 4px !important;
padding-right: 0.25rem !important;
}
.py-1 {
padding-top: 4px !important;
padding-top: 0.25rem !important;
padding-bottom: 4px !important;
padding-bottom: 0.25rem !important;
}
.p-2 {
padding: 8px !important;
padding: 0.5rem !important;
}
.pt-2 {
padding-top: 8px !important;
padding-top: 0.5rem !important;
}
.pr-2 {
padding-right: 8px !important;
padding-right: 0.5rem !important;
}
.pb-2 {
padding-bottom: 8px !important;
padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
padding-left: 8px !important;
padding-left: 0.5rem !important;
}
.px-2 {
padding-right: 8px !important;
padding-right: 0.5rem !important;
}
.py-2 {
padding-top: 8px !important;
padding-top: 0.5rem !important;
padding-bottom: 8px !important;
padding-bottom: 0.5rem !important;
}
.p-3 {
padding: 16px !important;
padding: 1rem !important;
}
.pt-3 {
padding-top: 16px !important;
padding-top: 1rem !important;
}
.pr-3 {
padding-right: 16px !important;
padding-right: 1rem !important;
}
.pb-3 {
padding-bottom: 16px !important;
padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
padding-left: 16px !important;
padding-left: 1rem !important;
}
.px-3 {
padding-right: 16px !important;
padding-right: 1rem !important;
}
.py-3 {
padding-top: 16px !important;
padding-top: 1rem !important;
padding-bottom: 16px !important;
padding-bottom: 1rem !important;
}
.p-4 {
padding: 24px !important;
padding: 1.5rem !important;
}
.pt-4 {
padding-top: 24px !important;
padding-top: 1.5rem !important;
}
.pr-4 {
padding-right: 24px !important;
padding-right: 1.5rem !important;
}
.pb-4 {
padding-bottom: 24px !important;
padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
padding-left: 24px !important;
padding-left: 1.5rem !important;
}
.px-4 {
padding-right: 24px !important;
padding-right: 1.5rem !important;
}
.py-4 {
padding-top: 24px !important;
padding-top: 1.5rem !important;
padding-bottom: 24px !important;
padding-bottom: 1.5rem !important;
}
.p-5 {
padding: 48px !important;
padding: 3rem !important;
}
.pt-5 {
padding-top: 48px !important;
padding-top: 3rem !important;
}
.pr-5 {
padding-right: 48px !important;
padding-right: 3rem !important;
}
.pb-5 {
padding-bottom: 48px !important;
padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
padding-left: 48px !important;
padding-left: 3rem !important;
}
.px-5 {
padding-right: 48px !important;
padding-right: 3rem !important;
}
.py-5 {
padding-top: 48px !important;
padding-top: 3rem !important;
padding-bottom: 48px !important;
padding-bottom: 3rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto {
margin-top: auto !important;
}
.mr-auto {
margin-right: auto !important;
}
.mb-auto {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
.mx-auto {
margin-right: auto !important;
}
.my-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important;
}
.mx-sm-0 {
margin-right: 0 !important;
}
.my-sm-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.mt-sm-1 {
margin-top: 0.25rem !important;
}
.mr-sm-1 {
margin-right: 0.25rem !important;
}
.mb-sm-1 {
margin-bottom: 0.25rem !important;
}
.ml-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important;
}
.mx-sm-1 {
margin-right: 0.25rem !important;
}
.my-sm-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.mt-sm-2 {
margin-top: 0.5rem !important;
}
.mr-sm-2 {
margin-right: 0.5rem !important;
}
.mb-sm-2 {
margin-bottom: 0.5rem !important;
}
.ml-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important;
}
.mx-sm-2 {
margin-right: 0.5rem !important;
}
.my-sm-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.mt-sm-3 {
margin-top: 1rem !important;
}
.mr-sm-3 {
margin-right: 1rem !important;
}
.mb-sm-3 {
margin-bottom: 1rem !important;
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important;
}
.mx-sm-3 {
margin-right: 1rem !important;
}
.my-sm-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.mt-sm-4 {
margin-top: 1.5rem !important;
}
.mr-sm-4 {
margin-right: 1.5rem !important;
}
.mb-sm-4 {
margin-bottom: 1.5rem !important;
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important;
}
.mx-sm-4 {
margin-right: 1.5rem !important;
}
.my-sm-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.mt-sm-5 {
margin-top: 3rem !important;
}
.mr-sm-5 {
margin-right: 3rem !important;
}
.mb-sm-5 {
margin-bottom: 3rem !important;
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important;
}
.mx-sm-5 {
margin-right: 3rem !important;
}
.my-sm-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important;
}
.px-sm-0 {
padding-right: 0 !important;
}
.py-sm-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.pt-sm-1 {
padding-top: 0.25rem !important;
}
.pr-sm-1 {
padding-right: 0.25rem !important;
}
.pb-sm-1 {
padding-bottom: 0.25rem !important;
}
.pl-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important;
}
.px-sm-1 {
padding-right: 0.25rem !important;
}
.py-sm-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.pt-sm-2 {
padding-top: 0.5rem !important;
}
.pr-sm-2 {
padding-right: 0.5rem !important;
}
.pb-sm-2 {
padding-bottom: 0.5rem !important;
}
.pl-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important;
}
.px-sm-2 {
padding-right: 0.5rem !important;
}
.py-sm-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.pt-sm-3 {
padding-top: 1rem !important;
}
.pr-sm-3 {
padding-right: 1rem !important;
}
.pb-sm-3 {
padding-bottom: 1rem !important;
}
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important;
}
.px-sm-3 {
padding-right: 1rem !important;
}
.py-sm-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.pt-sm-4 {
padding-top: 1.5rem !important;
}
.pr-sm-4 {
padding-right: 1.5rem !important;
}
.pb-sm-4 {
padding-bottom: 1.5rem !important;
}
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important;
}
.px-sm-4 {
padding-right: 1.5rem !important;
}
.py-sm-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.pt-sm-5 {
padding-top: 3rem !important;
}
.pr-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-5 {
padding-bottom: 3rem !important;
}
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important;
}
.px-sm-5 {
padding-right: 3rem !important;
}
.py-sm-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important;
}
.mx-sm-auto {
margin-right: auto !important;
}
.my-sm-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important;
}
.mt-md-0 {
margin-top: 0 !important;
}
.mr-md-0 {
margin-right: 0 !important;
}
.mb-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important;
}
.mx-md-0 {
margin-right: 0 !important;
}
.my-md-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.mt-md-1 {
margin-top: 0.25rem !important;
}
.mr-md-1 {
margin-right: 0.25rem !important;
}
.mb-md-1 {
margin-bottom: 0.25rem !important;
}
.ml-md-1,
.mx-md-1 {
margin-left: 0.25rem !important;
}
.mx-md-1 {
margin-right: 0.25rem !important;
}
.my-md-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.mt-md-2 {
margin-top: 0.5rem !important;
}
.mr-md-2 {
margin-right: 0.5rem !important;
}
.mb-md-2 {
margin-bottom: 0.5rem !important;
}
.ml-md-2,
.mx-md-2 {
margin-left: 0.5rem !important;
}
.mx-md-2 {
margin-right: 0.5rem !important;
}
.my-md-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.mt-md-3 {
margin-top: 1rem !important;
}
.mr-md-3 {
margin-right: 1rem !important;
}
.mb-md-3 {
margin-bottom: 1rem !important;
}
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important;
}
.mx-md-3 {
margin-right: 1rem !important;
}
.my-md-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.mt-md-4 {
margin-top: 1.5rem !important;
}
.mr-md-4 {
margin-right: 1.5rem !important;
}
.mb-md-4 {
margin-bottom: 1.5rem !important;
}
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important;
}
.mx-md-4 {
margin-right: 1.5rem !important;
}
.my-md-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.mt-md-5 {
margin-top: 3rem !important;
}
.mr-md-5 {
margin-right: 3rem !important;
}
.mb-md-5 {
margin-bottom: 3rem !important;
}
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important;
}
.mx-md-5 {
margin-right: 3rem !important;
}
.my-md-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0 {
padding-top: 0 !important;
}
.pr-md-0 {
padding-right: 0 !important;
}
.pb-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important;
}
.px-md-0 {
padding-right: 0 !important;
}
.py-md-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.pt-md-1 {
padding-top: 0.25rem !important;
}
.pr-md-1 {
padding-right: 0.25rem !important;
}
.pb-md-1 {
padding-bottom: 0.25rem !important;
}
.pl-md-1,
.px-md-1 {
padding-left: 0.25rem !important;
}
.px-md-1 {
padding-right: 0.25rem !important;
}
.py-md-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.pt-md-2 {
padding-top: 0.5rem !important;
}
.pr-md-2 {
padding-right: 0.5rem !important;
}
.pb-md-2 {
padding-bottom: 0.5rem !important;
}
.pl-md-2,
.px-md-2 {
padding-left: 0.5rem !important;
}
.px-md-2 {
padding-right: 0.5rem !important;
}
.py-md-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.pt-md-3 {
padding-top: 1rem !important;
}
.pr-md-3 {
padding-right: 1rem !important;
}
.pb-md-3 {
padding-bottom: 1rem !important;
}
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important;
}
.px-md-3 {
padding-right: 1rem !important;
}
.py-md-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.pt-md-4 {
padding-top: 1.5rem !important;
}
.pr-md-4 {
padding-right: 1.5rem !important;
}
.pb-md-4 {
padding-bottom: 1.5rem !important;
}
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important;
}
.px-md-4 {
padding-right: 1.5rem !important;
}
.py-md-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.pt-md-5 {
padding-top: 3rem !important;
}
.pr-md-5 {
padding-right: 3rem !important;
}
.pb-md-5 {
padding-bottom: 3rem !important;
}
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important;
}
.px-md-5 {
padding-right: 3rem !important;
}
.py-md-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto {
margin-top: auto !important;
}
.mr-md-auto {
margin-right: auto !important;
}
.mb-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important;
}
.mx-md-auto {
margin-right: auto !important;
}
.my-md-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important;
}
.mx-lg-0 {
margin-right: 0 !important;
}
.my-lg-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.mt-lg-1 {
margin-top: 0.25rem !important;
}
.mr-lg-1 {
margin-right: 0.25rem !important;
}
.mb-lg-1 {
margin-bottom: 0.25rem !important;
}
.ml-lg-1,
.mx-lg-1 {
margin-left: 0.25rem !important;
}
.mx-lg-1 {
margin-right: 0.25rem !important;
}
.my-lg-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.mt-lg-2 {
margin-top: 0.5rem !important;
}
.mr-lg-2 {
margin-right: 0.5rem !important;
}
.mb-lg-2 {
margin-bottom: 0.5rem !important;
}
.ml-lg-2,
.mx-lg-2 {
margin-left: 0.5rem !important;
}
.mx-lg-2 {
margin-right: 0.5rem !important;
}
.my-lg-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.mt-lg-3 {
margin-top: 1rem !important;
}
.mr-lg-3 {
margin-right: 1rem !important;
}
.mb-lg-3 {
margin-bottom: 1rem !important;
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important;
}
.mx-lg-3 {
margin-right: 1rem !important;
}
.my-lg-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.mt-lg-4 {
margin-top: 1.5rem !important;
}
.mr-lg-4 {
margin-right: 1.5rem !important;
}
.mb-lg-4 {
margin-bottom: 1.5rem !important;
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important;
}
.mx-lg-4 {
margin-right: 1.5rem !important;
}
.my-lg-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.mt-lg-5 {
margin-top: 3rem !important;
}
.mr-lg-5 {
margin-right: 3rem !important;
}
.mb-lg-5 {
margin-bottom: 3rem !important;
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important;
}
.mx-lg-5 {
margin-right: 3rem !important;
}
.my-lg-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important;
}
.px-lg-0 {
padding-right: 0 !important;
}
.py-lg-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.pt-lg-1 {
padding-top: 0.25rem !important;
}
.pr-lg-1 {
padding-right: 0.25rem !important;
}
.pb-lg-1 {
padding-bottom: 0.25rem !important;
}
.pl-lg-1,
.px-lg-1 {
padding-left: 0.25rem !important;
}
.px-lg-1 {
padding-right: 0.25rem !important;
}
.py-lg-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.pt-lg-2 {
padding-top: 0.5rem !important;
}
.pr-lg-2 {
padding-right: 0.5rem !important;
}
.pb-lg-2 {
padding-bottom: 0.5rem !important;
}
.pl-lg-2,
.px-lg-2 {
padding-left: 0.5rem !important;
}
.px-lg-2 {
padding-right: 0.5rem !important;
}
.py-lg-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.pt-lg-3 {
padding-top: 1rem !important;
}
.pr-lg-3 {
padding-right: 1rem !important;
}
.pb-lg-3 {
padding-bottom: 1rem !important;
}
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important;
}
.px-lg-3 {
padding-right: 1rem !important;
}
.py-lg-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.pt-lg-4 {
padding-top: 1.5rem !important;
}
.pr-lg-4 {
padding-right: 1.5rem !important;
}
.pb-lg-4 {
padding-bottom: 1.5rem !important;
}
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important;
}
.px-lg-4 {
padding-right: 1.5rem !important;
}
.py-lg-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.pt-lg-5 {
padding-top: 3rem !important;
}
.pr-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-5 {
padding-bottom: 3rem !important;
}
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important;
}
.px-lg-5 {
padding-right: 3rem !important;
}
.py-lg-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important;
}
.mx-lg-auto {
margin-right: auto !important;
}
.my-lg-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
}
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0 {
margin-top: 0 !important;
}
.mr-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0 {
margin-bottom: 0 !important;
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important;
}
.mx-xl-0 {
margin-right: 0 !important;
}
.my-xl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.mt-xl-1 {
margin-top: 0.25rem !important;
}
.mr-xl-1 {
margin-right: 0.25rem !important;
}
.mb-xl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xl-1,
.mx-xl-1 {
margin-left: 0.25rem !important;
}
.mx-xl-1 {
margin-right: 0.25rem !important;
}
.my-xl-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.mt-xl-2 {
margin-top: 0.5rem !important;
}
.mr-xl-2 {
margin-right: 0.5rem !important;
}
.mb-xl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xl-2,
.mx-xl-2 {
margin-left: 0.5rem !important;
}
.mx-xl-2 {
margin-right: 0.5rem !important;
}
.my-xl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.mt-xl-3 {
margin-top: 1rem !important;
}
.mr-xl-3 {
margin-right: 1rem !important;
}
.mb-xl-3 {
margin-bottom: 1rem !important;
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important;
}
.mx-xl-3 {
margin-right: 1rem !important;
}
.my-xl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.mt-xl-4 {
margin-top: 1.5rem !important;
}
.mr-xl-4 {
margin-right: 1.5rem !important;
}
.mb-xl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important;
}
.mx-xl-4 {
margin-right: 1.5rem !important;
}
.my-xl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.mt-xl-5 {
margin-top: 3rem !important;
}
.mr-xl-5 {
margin-right: 3rem !important;
}
.mb-xl-5 {
margin-bottom: 3rem !important;
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important;
}
.mx-xl-5 {
margin-right: 3rem !important;
}
.my-xl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0 {
padding-top: 0 !important;
}
.pr-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0 {
padding-bottom: 0 !important;
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important;
}
.px-xl-0 {
padding-right: 0 !important;
}
.py-xl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.pt-xl-1 {
padding-top: 0.25rem !important;
}
.pr-xl-1 {
padding-right: 0.25rem !important;
}
.pb-xl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xl-1,
.px-xl-1 {
padding-left: 0.25rem !important;
}
.px-xl-1 {
padding-right: 0.25rem !important;
}
.py-xl-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.pt-xl-2 {
padding-top: 0.5rem !important;
}
.pr-xl-2 {
padding-right: 0.5rem !important;
}
.pb-xl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xl-2,
.px-xl-2 {
padding-left: 0.5rem !important;
}
.px-xl-2 {
padding-right: 0.5rem !important;
}
.py-xl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.pt-xl-3 {
padding-top: 1rem !important;
}
.pr-xl-3 {
padding-right: 1rem !important;
}
.pb-xl-3 {
padding-bottom: 1rem !important;
}
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important;
}
.px-xl-3 {
padding-right: 1rem !important;
}
.py-xl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.pt-xl-4 {
padding-top: 1.5rem !important;
}
.pr-xl-4 {
padding-right: 1.5rem !important;
}
.pb-xl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important;
}
.px-xl-4 {
padding-right: 1.5rem !important;
}
.py-xl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.pt-xl-5 {
padding-top: 3rem !important;
}
.pr-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-5 {
padding-bottom: 3rem !important;
}
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important;
}
.px-xl-5 {
padding-right: 3rem !important;
}
.py-xl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important;
}
.mx-xl-auto {
margin-right: auto !important;
}
.my-xl-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
}
.text-justify {
text-align: justify !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-truncate {
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
@media (min-width: 576px) {
.text-sm-left {
text-align: left !important;
}
.text-sm-right {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.text-md-left {
text-align: left !important;
}
.text-md-right {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.text-lg-left {
text-align: left !important;
}
.text-lg-right {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.text-xl-left {
text-align: left !important;
}
.text-xl-right {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.font-weight-normal {
font-weight: 400;
}
.font-weight-bold {
font-weight: 700;
}
.font-italic {
font-style: italic;
}
.text-white {
color: #fff !important;
}
.text-muted {
color: #636c72 !important;
}
a.text-muted:focus,
a.text-muted:hover {
color: #4b5257 !important;
}
.text-primary {
color: #0275d8 !important;
}
a.text-primary:focus,
a.text-primary:hover {
color: #025aa5 !important;
}
.text-success {
color: #5cb85c !important;
}
a.text-success:focus,
a.text-success:hover {
color: #449d44 !important;
}
.text-info {
color: #5bc0de !important;
}
a.text-info:focus,
a.text-info:hover {
color: #31b0d5 !important;
}
.text-warning {
color: #f0ad4e !important;
}
a.text-warning:focus,
a.text-warning:hover {
color: #ec971f !important;
}
.text-danger {
color: #d9534f !important;
}
a.text-danger:focus,
a.text-danger:hover {
color: #c9302c !important;
}
.text-gray-dark {
color: #292b2c !important;
}
a.text-gray-dark:focus,
a.text-gray-dark:hover {
color: #101112 !important;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.invisible {
visibility: hidden !important;
}
.hidden-xs-up {
display: none !important;
}
@media (max-width: 575px) {
.hidden-xs-down {
display: none !important;
}
}
@media (min-width: 576px) {
.hidden-sm-up {
display: none !important;
}
}
@media (max-width: 767px) {
.hidden-sm-down {
display: none !important;
}
}
@media (min-width: 768px) {
.hidden-md-up {
display: none !important;
}
}
@media (max-width: 991px) {
.hidden-md-down {
display: none !important;
}
}
@media (min-width: 992px) {
.hidden-lg-up {
display: none !important;
}
}
@media (max-width: 1199px) {
.hidden-lg-down {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-xl-up {
display: none !important;
}
}
.hidden-xl-down,
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
}
.embed-responsive:before {
display: block;
content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-21by9:before {
padding-top: 42.8571428571%;
}
.embed-responsive-16by9:before {
padding-top: 56.25%;
}
.embed-responsive-4by3:before {
padding-top: 75%;
}
.embed-responsive-1by1:before {
padding-top: 100%;
}
.container {
position: relative;
margin-left: auto;
margin-right: auto;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 576px) {
.container {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 768px) {
.container {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 992px) {
.container {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 1200px) {
.container {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 576px) {
.container {
width: 540px;
max-width: 100%;
}
}
@media (min-width: 768px) {
.container {
width: 720px;
max-width: 100%;
}
}
@media (min-width: 992px) {
.container {
width: 960px;
max-width: 100%;
}
}
@media (min-width: 1200px) {
.container {
width: 1289px;
max-width: 100%;
}
}
.container-fluid {
position: relative;
margin-left: auto;
margin-right: auto;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 576px) {
.container-fluid {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 768px) {
.container-fluid {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 992px) {
.container-fluid {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 1200px) {
.container-fluid {
padding-right: 15px;
padding-left: 15px;
}
}
.row {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 576px) {
.row {
margin-right: -15px;
margin-left: -15px;
}
}
@media (min-width: 768px) {
.row {
margin-right: -15px;
margin-left: -15px;
}
}
@media (min-width: 992px) {
.row {
margin-right: -15px;
margin-left: -15px;
}
}
@media (min-width: 1200px) {
.row {
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-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-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-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-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 {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 576px) {
.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-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-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-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-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 {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 768px) {
.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-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-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-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-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 {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 992px) {
.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-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-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-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-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 {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 1200px) {
.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-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-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-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-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 {
padding-right: 15px;
padding-left: 15px;
}
}
.col {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-1,
.col-auto {
-webkit-box-flex: 0;
-moz-box-flex: 0;
}
.col-1 {
-webkit-flex: 0 0 8.3333333333%;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-2 {
-webkit-flex: 0 0 16.6666666667%;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-2,
.col-3 {
-webkit-box-flex: 0;
-moz-box-flex: 0;
}
.col-3 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-webkit-flex: 0 0 33.3333333333%;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-4,
.col-5 {
-webkit-box-flex: 0;
-moz-box-flex: 0;
}
.col-5 {
-webkit-flex: 0 0 41.6666666667%;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-6 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-6,
.col-7 {
-webkit-box-flex: 0;
-moz-box-flex: 0;
}
.col-7 {
-webkit-flex: 0 0 58.3333333333%;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-8 {
-webkit-flex: 0 0 66.6666666667%;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-8,
.col-9 {
-webkit-box-flex: 0;
-moz-box-flex: 0;
}
.col-9 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-webkit-flex: 0 0 83.3333333333%;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-10,
.col-11 {
-webkit-box-flex: 0;
-moz-box-flex: 0;
}
.col-11 {
-webkit-flex: 0 0 91.6666666667%;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-moz-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.pull-0 {
right: auto;
}
.pull-1 {
right: 8.3333333333%;
}
.pull-2 {
right: 16.6666666667%;
}
.pull-3 {
right: 25%;
}
.pull-4 {
right: 33.3333333333%;
}
.pull-5 {
right: 41.6666666667%;
}
.pull-6 {
right: 50%;
}
.pull-7 {
right: 58.3333333333%;
}
.pull-8 {
right: 66.6666666667%;
}
.pull-9 {
right: 75%;
}
.pull-10 {
right: 83.3333333333%;
}
.pull-11 {
right: 91.6666666667%;
}
.pull-12 {
right: 100%;
}
.push-0 {
left: auto;
}
.push-1 {
left: 8.3333333333%;
}
.push-2 {
left: 16.6666666667%;
}
.push-3 {
left: 25%;
}
.push-4 {
left: 33.3333333333%;
}
.push-5 {
left: 41.6666666667%;
}
.push-6 {
left: 50%;
}
.push-7 {
left: 58.3333333333%;
}
.push-8 {
left: 66.6666666667%;
}
.push-9 {
left: 75%;
}
.push-10 {
left: 83.3333333333%;
}
.push-11 {
left: 91.6666666667%;
}
.push-12 {
left: 100%;
}
.offset-1 {
margin-left: 8.3333333333%;
}
.offset-2 {
margin-left: 16.6666666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.3333333333%;
}
.offset-5 {
margin-left: 41.6666666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.3333333333%;
}
.offset-8 {
margin-left: 66.6666666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.3333333333%;
}
.offset-11 {
margin-left: 91.6666666667%;
}
@media (min-width: 576px) {
.col-sm {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-sm-1,
.col-sm-auto {
-webkit-box-flex: 0;
-moz-box-flex: 0;
}
.col-sm-1 {
-webkit-flex: 0 0 8.3333333333%;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-sm-2 {
-webkit-flex: 0 0 16.6666666667%;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-sm-2,
.col-sm-3 {
-webkit-box-flex: 0;
-moz-box-flex: 0;
}
.col-sm-3 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-webkit-flex: 0 0 33.3333333333%;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-sm-4,
.col-sm-5 {
-webkit-box-flex: 0;
-moz-box-flex: 0;
}
.col-sm-5 {
-webkit-flex: 0 0 41.6666666667%;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-sm-6 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-6,
.col-sm-7 {
-webkit-box-flex: 0;
-moz-box-flex: 0;
}
.col-sm-7 {
-webkit-flex: 0 0 58.3333333333%;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-sm-8 {
-webkit-flex: 0 0 66.6666666667%;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-sm-8,
.col-sm-9 {
-webkit-box-flex: 0;
-moz-box-flex: 0;
}
.col-sm-9 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-webkit-flex: 0 0 83.3333333333%;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-sm-10,
.col-sm-11 {
-webkit-box-flex: 0;
-moz-box-flex: 0;
}
.col-sm-11 {
-webkit-flex: 0 0 91.6666666667%;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-sm-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-moz-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.pull-sm-0 {
right: auto;
}
.pull-sm-1 {
right: 8.3333333333%;
}
.pull-sm-2 {
right: 16.6666666667%;
}
.pull-sm-3 {
right: 25%;
}
.pull-sm-4 {
right: 33.3333333333%;
}
.pull-sm-5 {
right: 41.6666666667%;
}
.pull-sm-6 {
right: 50%;
}
.pull-sm-7 {
right: 58.3333333333%;
}
.pull-sm-8 {
right: 66.6666666667%;
}
.pull-sm-9 {
right: 75%;
}
.pull-sm-10 {
right: 83.3333333333%;
}
.pull-sm-11 {
right: 91.6666666667%;
}
.pull-sm-12 {
right: 100%;
}
.push-sm-0 {
left: auto;
}
.push-sm-1 {
left: 8.3333333333%;
}
.push-sm-2 {
left: 16.6666666667%;
}
.push-sm-3 {
left: 25%;
}
.push-sm-4 {
left: 33.3333333333%;
}
.push-sm-5 {
left: 41.6666666667%;
}
.push-sm-6 {
left: 50%;
}
.push-sm-7 {
left: 58.3333333333%;
}
.push-sm-8 {
left: 66.6666666667%;
}
.push-sm-9 {
left: 75%;
}
.push-sm-10 {
left: 83.3333333333%;
}
.push-sm-11 {
left: 91.6666666667%;
}
.push-sm-12 {
left: 100%;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.3333333333%;
}
.offset-sm-2 {
margin-left: 16.6666666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.3333333333%;
}
.offset-sm-5 {
margin-left: 41.6666666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.3333333333%;
}
.offset-sm-8 {
margin-left: 66.6666666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.3333333333%;
}
.offset-sm-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 768px) {
.col-md {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-md-1,
.col-md-auto {
-webkit-box-flex: 0;
-moz-box-flex: 0;
}
.col-md-1 {
-webkit-flex: 0 0 8.3333333333%;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-md-2 {
-webkit-flex: 0 0 16.6666666667%;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-md-2,
.col-md-3 {
-webkit-box-flex: 0;
-moz-box-flex: 0;
}
.col-md-3 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-webkit-flex: 0 0 33.3333333333%;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-md-4,
.col-md-5 {
-webkit-box-flex: 0;
-moz-box-flex: 0;
}
.col-md-5 {
-webkit-flex: 0 0 41.6666666667%;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-md-6 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-6,
.col-md-7 {
-webkit-box-flex: 0;
-moz-box-flex: 0;
}
.col-md-7 {
-webkit-flex: 0 0 58.3333333333%;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-md-8 {
-webkit-flex: 0 0 66.6666666667%;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-md-8,
.col-md-9 {
-webkit-box-flex: 0;
-moz-box-flex: 0;
}
.col-md-9 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-webkit-flex: 0 0 83.3333333333%;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-md-10,
.col-md-11 {
-webkit-box-flex: 0;
-moz-box-flex: 0;
}
.col-md-11 {
-webkit-flex: 0 0 91.6666666667%;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-md-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-moz-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.pull-md-0 {
right: auto;
}
.pull-md-1 {
right: 8.3333333333%;
}
.pull-md-2 {
right: 16.6666666667%;
}
.pull-md-3 {
right: 25%;
}
.pull-md-4 {
right: 33.3333333333%;
}
.pull-md-5 {
right: 41.6666666667%;
}
.pull-md-6 {
right: 50%;
}
.pull-md-7 {
right: 58.3333333333%;
}
.pull-md-8 {
right: 66.6666666667%;
}
.pull-md-9 {
right: 75%;
}
.pull-md-10 {
right: 83.3333333333%;
}
.pull-md-11 {
right: 91.6666666667%;
}
.pull-md-12 {
right: 100%;
}
.push-md-0 {
left: auto;
}
.push-md-1 {
left: 8.3333333333%;
}
.push-md-2 {
left: 16.6666666667%;
}
.push-md-3 {
left: 25%;
}
.push-md-4 {
left: 33.3333333333%;
}
.push-md-5 {
left: 41.6666666667%;
}
.push-md-6 {
left: 50%;
}
.push-md-7 {
left: 58.3333333333%;
}
.push-md-8 {
left: 66.6666666667%;
}
.push-md-9 {
left: 75%;
}
.push-md-10 {
left: 83.3333333333%;
}
.push-md-11 {
left: 91.6666666667%;
}
.push-md-12 {
left: 100%;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.3333333333%;
}
.offset-md-2 {
margin-left: 16.6666666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.3333333333%;
}
.offset-md-5 {
margin-left: 41.6666666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.3333333333%;
}
.offset-md-8 {
margin-left: 66.6666666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.3333333333%;
}
.offset-md-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 992px) {
.col-lg {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-lg-1,
.col-lg-auto {
-webkit-box-flex: 0;
-moz-box-flex: 0;
}
.col-lg-1 {
-webkit-flex: 0 0 8.3333333333%;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-lg-2 {
-webkit-flex: 0 0 16.6666666667%;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-lg-2,
.col-lg-3 {
-webkit-box-flex: 0;
-moz-box-flex: 0;
}
.col-lg-3 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-webkit-flex: 0 0 33.3333333333%;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-lg-4,
.col-lg-5 {
-webkit-box-flex: 0;
-moz-box-flex: 0;
}
.col-lg-5 {
-webkit-flex: 0 0 41.6666666667%;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-lg-6 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-6,
.col-lg-7 {
-webkit-box-flex: 0;
-moz-box-flex: 0;
}
.col-lg-7 {
-webkit-flex: 0 0 58.3333333333%;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-lg-8 {
-webkit-flex: 0 0 66.6666666667%;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-lg-8,
.col-lg-9 {
-webkit-box-flex: 0;
-moz-box-flex: 0;
}
.col-lg-9 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-webkit-flex: 0 0 83.3333333333%;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-lg-10,
.col-lg-11 {
-webkit-box-flex: 0;
-moz-box-flex: 0;
}
.col-lg-11 {
-webkit-flex: 0 0 91.6666666667%;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-lg-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-moz-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.pull-lg-0 {
right: auto;
}
.pull-lg-1 {
right: 8.3333333333%;
}
.pull-lg-2 {
right: 16.6666666667%;
}
.pull-lg-3 {
right: 25%;
}
.pull-lg-4 {
right: 33.3333333333%;
}
.pull-lg-5 {
right: 41.6666666667%;
}
.pull-lg-6 {
right: 50%;
}
.pull-lg-7 {
right: 58.3333333333%;
}
.pull-lg-8 {
right: 66.6666666667%;
}
.pull-lg-9 {
right: 75%;
}
.pull-lg-10 {
right: 83.3333333333%;
}
.pull-lg-11 {
right: 91.6666666667%;
}
.pull-lg-12 {
right: 100%;
}
.push-lg-0 {
left: auto;
}
.push-lg-1 {
left: 8.3333333333%;
}
.push-lg-2 {
left: 16.6666666667%;
}
.push-lg-3 {
left: 25%;
}
.push-lg-4 {
left: 33.3333333333%;
}
.push-lg-5 {
left: 41.6666666667%;
}
.push-lg-6 {
left: 50%;
}
.push-lg-7 {
left: 58.3333333333%;
}
.push-lg-8 {
left: 66.6666666667%;
}
.push-lg-9 {
left: 75%;
}
.push-lg-10 {
left: 83.3333333333%;
}
.push-lg-11 {
left: 91.6666666667%;
}
.push-lg-12 {
left: 100%;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.3333333333%;
}
.offset-lg-2 {
margin-left: 16.6666666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.3333333333%;
}
.offset-lg-5 {
margin-left: 41.6666666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.3333333333%;
}
.offset-lg-8 {
margin-left: 66.6666666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.3333333333%;
}
.offset-lg-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-xl-1,
.col-xl-auto {
-webkit-box-flex: 0;
-moz-box-flex: 0;
}
.col-xl-1 {
-webkit-flex: 0 0 8.3333333333%;
-ms-flex: 0 0 8.3333333333%;
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.col-xl-2 {
-webkit-flex: 0 0 16.6666666667%;
-ms-flex: 0 0 16.6666666667%;
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xl-2,
.col-xl-3 {
-webkit-box-flex: 0;
-moz-box-flex: 0;
}
.col-xl-3 {
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-webkit-flex: 0 0 33.3333333333%;
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-xl-4,
.col-xl-5 {
-webkit-box-flex: 0;
-moz-box-flex: 0;
}
.col-xl-5 {
-webkit-flex: 0 0 41.6666666667%;
-ms-flex: 0 0 41.6666666667%;
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-xl-6 {
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-6,
.col-xl-7 {
-webkit-box-flex: 0;
-moz-box-flex: 0;
}
.col-xl-7 {
-webkit-flex: 0 0 58.3333333333%;
-ms-flex: 0 0 58.3333333333%;
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-xl-8 {
-webkit-flex: 0 0 66.6666666667%;
-ms-flex: 0 0 66.6666666667%;
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-xl-8,
.col-xl-9 {
-webkit-box-flex: 0;
-moz-box-flex: 0;
}
.col-xl-9 {
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-webkit-flex: 0 0 83.3333333333%;
-ms-flex: 0 0 83.3333333333%;
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-xl-10,
.col-xl-11 {
-webkit-box-flex: 0;
-moz-box-flex: 0;
}
.col-xl-11 {
-webkit-flex: 0 0 91.6666666667%;
-ms-flex: 0 0 91.6666666667%;
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.col-xl-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-moz-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.pull-xl-0 {
right: auto;
}
.pull-xl-1 {
right: 8.3333333333%;
}
.pull-xl-2 {
right: 16.6666666667%;
}
.pull-xl-3 {
right: 25%;
}
.pull-xl-4 {
right: 33.3333333333%;
}
.pull-xl-5 {
right: 41.6666666667%;
}
.pull-xl-6 {
right: 50%;
}
.pull-xl-7 {
right: 58.3333333333%;
}
.pull-xl-8 {
right: 66.6666666667%;
}
.pull-xl-9 {
right: 75%;
}
.pull-xl-10 {
right: 83.3333333333%;
}
.pull-xl-11 {
right: 91.6666666667%;
}
.pull-xl-12 {
right: 100%;
}
.push-xl-0 {
left: auto;
}
.push-xl-1 {
left: 8.3333333333%;
}
.push-xl-2 {
left: 16.6666666667%;
}
.push-xl-3 {
left: 25%;
}
.push-xl-4 {
left: 33.3333333333%;
}
.push-xl-5 {
left: 41.6666666667%;
}
.push-xl-6 {
left: 50%;
}
.push-xl-7 {
left: 58.3333333333%;
}
.push-xl-8 {
left: 66.6666666667%;
}
.push-xl-9 {
left: 75%;
}
.push-xl-10 {
left: 83.3333333333%;
}
.push-xl-11 {
left: 91.6666666667%;
}
.push-xl-12 {
left: 100%;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.3333333333%;
}
.offset-xl-2 {
margin-left: 16.6666666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.3333333333%;
}
.offset-xl-5 {
margin-left: 41.6666666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.3333333333%;
}
.offset-xl-8 {
margin-left: 66.6666666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.3333333333%;
}
.offset-xl-11 {
margin-left: 91.6666666667%;
}
} /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html {
font-family: sans-serif;
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
footer,
header,
nav,
section {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
figcaption,
figure,
main {
display: block;
}
figure {
margin: 1em 40px;
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
outline-width: 0;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
-moz-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b,
strong {
font-weight: inherit;
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
dfn {
font-style: italic;
}
mark {
background-color: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
audio,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
[type="reset"],
[type="submit"],
button,
html [type="button"] {
-webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
display: inline-block;
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details,
menu {
display: block;
}
summary {
display: list-item;
}
canvas {
display: inline-block;
}
[hidden],
template {
display: none;
}
.navbar {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 8px 16px;
padding: 0.5rem 1rem;
}
.navbar-brand {
display: inline-block;
padding-top: 4px;
padding-top: 0.25rem;
padding-bottom: 4px;
padding-bottom: 0.25rem;
margin-right: 16px;
margin-right: 1rem;
font-size: 20px;
font-size: 1.25rem;
line-height: inherit;
white-space: nowrap;
}
.navbar-brand:focus,
.navbar-brand:hover {
text-decoration: none;
}
.navbar-nav {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.navbar-nav .nav-link {
padding-right: 0;
padding-left: 0;
}
.navbar-text {
display: inline-block;
padding-top: 6.8px;
padding-top: 0.425rem;
padding-bottom: 6.8px;
padding-bottom: 0.425rem;
}
.navbar-toggler {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
padding: 4px 12px;
padding: 0.25rem 0.75rem;
font-size: 20px;
font-size: 1.25rem;
line-height: 1;
background: transparent;
border: 1px solid transparent;
-webkit-border-radius: 0.25rem;
-moz-border-radius: 0.25rem;
border-radius: 0.25rem;
}
.navbar-toggler:focus,
.navbar-toggler:hover {
text-decoration: none;
}
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
content: "";
background: no-repeat 50%;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
background-size: 100% 100%;
}
.navbar-toggler-left {
position: absolute;
left: 16px;
left: 1rem;
}
.navbar-toggler-right {
position: absolute;
right: 16px;
right: 1rem;
}
@media (max-width: 575px) {
.navbar-toggleable .navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-toggleable > .container {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 576px) {
.navbar-toggleable {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.navbar-toggleable,
.navbar-toggleable .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.navbar-toggleable .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-toggleable > .container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.navbar-toggleable .navbar-collapse {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: flex !important;
width: 100%;
}
.navbar-toggleable .navbar-toggler {
display: none;
}
}
@media (max-width: 767px) {
.navbar-toggleable-sm .navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-toggleable-sm > .container {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 768px) {
.navbar-toggleable-sm {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.navbar-toggleable-sm,
.navbar-toggleable-sm .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.navbar-toggleable-sm .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-toggleable-sm > .container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.navbar-toggleable-sm .navbar-collapse {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: flex !important;
width: 100%;
}
.navbar-toggleable-sm .navbar-toggler {
display: none;
}
}
@media (max-width: 991px) {
.navbar-toggleable-md .navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-toggleable-md > .container {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 992px) {
.navbar-toggleable-md {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.navbar-toggleable-md,
.navbar-toggleable-md .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.navbar-toggleable-md .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-toggleable-md > .container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.navbar-toggleable-md .navbar-collapse {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: flex !important;
width: 100%;
}
.navbar-toggleable-md .navbar-toggler {
display: none;
}
}
@media (max-width: 1199px) {
.navbar-toggleable-lg .navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-toggleable-lg > .container {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 1200px) {
.navbar-toggleable-lg {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.navbar-toggleable-lg,
.navbar-toggleable-lg .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.navbar-toggleable-lg .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-toggleable-lg > .container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.navbar-toggleable-lg .navbar-collapse {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: flex !important;
width: 100%;
}
.navbar-toggleable-lg .navbar-toggler {
display: none;
}
}
.navbar-toggleable-xl {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.navbar-toggleable-xl .navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-toggleable-xl > .container {
padding-right: 0;
padding-left: 0;
}
.navbar-toggleable-xl .navbar-nav {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.navbar-toggleable-xl .navbar-nav .nav-link {
padding-right: 8px;
padding-right: 0.5rem;
padding-left: 8px;
padding-left: 0.5rem;
}
.navbar-toggleable-xl > .container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.navbar-toggleable-xl .navbar-collapse {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: flex !important;
width: 100%;
}
.navbar-toggleable-xl .navbar-toggler {
display: none;
}
.navbar-light .navbar-brand,
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-toggler,
.navbar-light .navbar-toggler:focus,
.navbar-light .navbar-toggler:hover {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.open,
.navbar-light .navbar-nav .open > .nav-link {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-light .navbar-text {
color: rgba(0, 0, 0, 0.5);
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-toggler,
.navbar-inverse .navbar-toggler:focus,
.navbar-inverse .navbar-toggler:hover {
color: #fff;
}
.navbar-inverse .navbar-nav .nav-link {
color: hsla(0, 0%, 100%, 0.5);
}
.navbar-inverse .navbar-nav .nav-link:focus,
.navbar-inverse .navbar-nav .nav-link:hover {
color: hsla(0, 0%, 100%, 0.75);
}
.navbar-inverse .navbar-nav .nav-link.disabled {
color: hsla(0, 0%, 100%, 0.25);
}
.navbar-inverse .navbar-nav .active > .nav-link,
.navbar-inverse .navbar-nav .nav-link.active,
.navbar-inverse .navbar-nav .nav-link.open,
.navbar-inverse .navbar-nav .open > .nav-link {
color: #fff;
}
.navbar-inverse .navbar-toggler {
border-color: hsla(0, 0%, 100%, 0.1);
}
.navbar-inverse .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-inverse .navbar-text {
color: hsla(0, 0%, 100%, 0.5);
} /*!
* animate.css -http://daneden.me/animate
* Version - 3.5.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2016 Daniel Eden
*/
.animated {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
-webkit-animation-duration: 0.75s;
-moz-animation-duration: 0.75s;
-o-animation-duration: 0.75s;
animation-duration: 0.75s;
}
@-webkit-keyframes a {
0%,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
40%,
43% {
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
40%,
43%,
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
70% {
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@-moz-keyframes a {
0%,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}
40%,
43% {
-webkit-transform: translate3d(0, -30px, 0);
-moz-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
40%,
43%,
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
70% {
-webkit-transform: translate3d(0, -15px, 0);
-moz-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
-moz-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@-o-keyframes a {
0%,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
40%,
43% {
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
40%,
43%,
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
70% {
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes a {
0%,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}
40%,
43% {
-webkit-transform: translate3d(0, -30px, 0);
-moz-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
40%,
43%,
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-moz-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-o-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
70% {
-webkit-transform: translate3d(0, -15px, 0);
-moz-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
-moz-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
.bounce {
-webkit-animation-name: a;
-moz-animation-name: a;
-o-animation-name: a;
animation-name: a;
-webkit-transform-origin: center bottom;
-moz-transform-origin: center bottom;
-ms-transform-origin: center bottom;
-o-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes b {
0%,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@-moz-keyframes b {
0%,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@-o-keyframes b {
0%,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes b {
0%,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: b;
-moz-animation-name: b;
-o-animation-name: b;
animation-name: b;
}
@-webkit-keyframes c {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@-moz-keyframes c {
0% {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
transform: scaleX(1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
-moz-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
transform: scaleX(1);
}
}
@-o-keyframes c {
0% {
-webkit-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes c {
0% {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
-moz-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}
}
.pulse {
-webkit-animation-name: c;
-moz-animation-name: c;
-o-animation-name: c;
animation-name: c;
}
@-webkit-keyframes d {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@-moz-keyframes d {
0% {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
transform: scaleX(1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
-moz-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
-moz-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
-moz-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
-moz-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
-moz-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
transform: scaleX(1);
}
}
@-o-keyframes d {
0% {
-webkit-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes d {
0% {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
-moz-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
-moz-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
-moz-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
-moz-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
-moz-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
to {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}
}
.rubberBand {
-webkit-animation-name: d;
-moz-animation-name: d;
-o-animation-name: d;
animation-name: d;
}
@-webkit-keyframes e {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@-moz-keyframes e {
0%,
to {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
-moz-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
-moz-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@-o-keyframes e {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes e {
0%,
to {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
-moz-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
-moz-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: e;
-moz-animation-name: e;
-o-animation-name: e;
animation-name: e;
}
@-webkit-keyframes f {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-moz-keyframes f {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
-moz-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
-moz-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
-moz-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
-moz-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
}
}
@-o-keyframes f {
0% {
-webkit-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes f {
0% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
-moz-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
-moz-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
-moz-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
-moz-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: f;
-moz-animation-name: f;
-o-animation-name: f;
animation-name: f;
}
@-webkit-keyframes g {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-moz-keyframes g {
20% {
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
transform: rotate(-5deg);
}
to {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-o-keyframes g {
20% {
-webkit-transform: rotate(15deg);
-o-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-o-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg);
}
to {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes g {
20% {
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-o-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg);
}
to {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-ms-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: g;
-moz-animation-name: g;
-o-animation-name: g;
animation-name: g;
}
@-webkit-keyframes h {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@-moz-keyframes h {
0% {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
transform: scaleX(1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
-moz-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
-moz-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
-moz-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
}
to {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
transform: scaleX(1);
}
}
@-o-keyframes h {
0% {
-webkit-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
}
to {
-webkit-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes h {
0% {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
-moz-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
-moz-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
-moz-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
}
to {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}
}
.tada {
-webkit-animation-name: h;
-moz-animation-name: h;
-o-animation-name: h;
animation-name: h;
}
@-webkit-keyframes i {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
transform: translate3d(-25%, 0, 0) rotate(-5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
transform: translate3d(20%, 0, 0) rotate(3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
transform: translate3d(-15%, 0, 0) rotate(-3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
transform: translate3d(10%, 0, 0) rotate(2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
transform: translate3d(-5%, 0, 0) rotate(-1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@-moz-keyframes i {
0% {
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
-moz-transform: translate3d(-25%, 0, 0) rotate(-5deg);
transform: translate3d(-25%, 0, 0) rotate(-5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
-moz-transform: translate3d(20%, 0, 0) rotate(3deg);
transform: translate3d(20%, 0, 0) rotate(3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
-moz-transform: translate3d(-15%, 0, 0) rotate(-3deg);
transform: translate3d(-15%, 0, 0) rotate(-3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
-moz-transform: translate3d(10%, 0, 0) rotate(2deg);
transform: translate3d(10%, 0, 0) rotate(2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
-moz-transform: translate3d(-5%, 0, 0) rotate(-1deg);
transform: translate3d(-5%, 0, 0) rotate(-1deg);
}
to {
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
}
@-o-keyframes i {
0% {
-webkit-transform: none;
-o-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
transform: translate3d(-25%, 0, 0) rotate(-5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
transform: translate3d(20%, 0, 0) rotate(3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
transform: translate3d(-15%, 0, 0) rotate(-3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
transform: translate3d(10%, 0, 0) rotate(2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
transform: translate3d(-5%, 0, 0) rotate(-1deg);
}
to {
-webkit-transform: none;
-o-transform: none;
transform: none;
}
}
@keyframes i {
0% {
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
-moz-transform: translate3d(-25%, 0, 0) rotate(-5deg);
transform: translate3d(-25%, 0, 0) rotate(-5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
-moz-transform: translate3d(20%, 0, 0) rotate(3deg);
transform: translate3d(20%, 0, 0) rotate(3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
-moz-transform: translate3d(-15%, 0, 0) rotate(-3deg);
transform: translate3d(-15%, 0, 0) rotate(-3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
-moz-transform: translate3d(10%, 0, 0) rotate(2deg);
transform: translate3d(10%, 0, 0) rotate(2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
-moz-transform: translate3d(-5%, 0, 0) rotate(-1deg);
transform: translate3d(-5%, 0, 0) rotate(-1deg);
}
to {
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: i;
-moz-animation-name: i;
-o-animation-name: i;
animation-name: i;
}
@-webkit-keyframes j {
0%,
11.1%,
to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@-moz-keyframes j {
0%,
11.1%,
to {
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
-moz-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
-moz-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
-moz-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
-moz-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
-moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
-moz-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
-moz-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@-o-keyframes j {
0%,
11.1%,
to {
-webkit-transform: none;
-o-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
-o-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
-o-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
-o-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
-o-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
-o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
-o-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
-o-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes j {
0%,
11.1%,
to {
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
-moz-transform: skewX(-12.5deg) skewY(-12.5deg);
-o-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
-moz-transform: skewX(6.25deg) skewY(6.25deg);
-o-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
-moz-transform: skewX(-3.125deg) skewY(-3.125deg);
-o-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
-moz-transform: skewX(1.5625deg) skewY(1.5625deg);
-o-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
-moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);
-o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
-moz-transform: skewX(0.390625deg) skewY(0.390625deg);
-o-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
-moz-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
-o-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: j;
-moz-animation-name: j;
-o-animation-name: j;
animation-name: j;
-webkit-transform-origin: center;
-moz-transform-origin: center;
-ms-transform-origin: center;
-o-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes k {
0%,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@-moz-keyframes k {
0%,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
-moz-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
-moz-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
-moz-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
-moz-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
-moz-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
transform: scaleX(1);
}
}
@-o-keyframes k {
0%,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes k {
0%,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
-moz-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
-moz-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
-moz-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
-moz-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
-moz-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}
}
.bounceIn {
-webkit-animation-name: k;
-moz-animation-name: k;
-o-animation-name: k;
animation-name: k;
}
@-webkit-keyframes l {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@-moz-keyframes l {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
-moz-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
-moz-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
-moz-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
-moz-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
}
@-o-keyframes l {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
-o-transform: none;
transform: none;
}
}
@keyframes l {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
-moz-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
-moz-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
-moz-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
-moz-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: l;
-moz-animation-name: l;
-o-animation-name: l;
animation-name: l;
}
@-webkit-keyframes m {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@-moz-keyframes m {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
-moz-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
-moz-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
-moz-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
-moz-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
}
@-o-keyframes m {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
-o-transform: none;
transform: none;
}
}
@keyframes m {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
-moz-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
-moz-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
-moz-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
-moz-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: m;
-moz-animation-name: m;
-o-animation-name: m;
animation-name: m;
}
@-webkit-keyframes n {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@-moz-keyframes n {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
-moz-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
-moz-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
-moz-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
-moz-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
}
@-o-keyframes n {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
-o-transform: none;
transform: none;
}
}
@keyframes n {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
-moz-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
-moz-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
-moz-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
-moz-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: n;
-moz-animation-name: n;
-o-animation-name: n;
animation-name: n;
}
@-webkit-keyframes o {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@-moz-keyframes o {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
-moz-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
-moz-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
-moz-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
-moz-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}
}
@-o-keyframes o {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes o {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
-moz-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
-moz-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
-moz-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
-moz-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}
}
.bounceInUp {
-webkit-animation-name: o;
-moz-animation-name: o;
-o-animation-name: o;
animation-name: o;
}
@-webkit-keyframes p {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@-moz-keyframes p {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
-moz-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
-moz-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
-moz-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@-o-keyframes p {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes p {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
-moz-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
-moz-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
-moz-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
-webkit-animation-name: p;
-moz-animation-name: p;
-o-animation-name: p;
animation-name: p;
}
@-webkit-keyframes q {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@-moz-keyframes q {
20% {
-webkit-transform: translate3d(0, 10px, 0);
-moz-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
-moz-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
-moz-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@-o-keyframes q {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes q {
20% {
-webkit-transform: translate3d(0, 10px, 0);
-moz-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
-moz-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
-moz-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: q;
-moz-animation-name: q;
-o-animation-name: q;
animation-name: q;
}
@-webkit-keyframes r {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@-moz-keyframes r {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
-moz-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
-moz-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@-o-keyframes r {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes r {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
-moz-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
-moz-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: r;
-moz-animation-name: r;
-o-animation-name: r;
animation-name: r;
}
@-webkit-keyframes s {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@-moz-keyframes s {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
-moz-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
-moz-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@-o-keyframes s {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes s {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
-moz-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
-moz-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: s;
-moz-animation-name: s;
-o-animation-name: s;
animation-name: s;
}
@-webkit-keyframes t {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@-moz-keyframes t {
20% {
-webkit-transform: translate3d(0, -10px, 0);
-moz-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
-moz-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
-moz-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@-o-keyframes t {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes t {
20% {
-webkit-transform: translate3d(0, -10px, 0);
-moz-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
-moz-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
-moz-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: t;
-moz-animation-name: t;
-o-animation-name: t;
animation-name: t;
}
@-webkit-keyframes u {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@-moz-keyframes u {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@-o-keyframes u {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes u {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: u;
-moz-animation-name: u;
-o-animation-name: u;
animation-name: u;
}
@-webkit-keyframes v {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-moz-keyframes v {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
-moz-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
}
@-o-keyframes v {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
transform: none;
}
}
@keyframes v {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
-moz-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: v;
-moz-animation-name: v;
-o-animation-name: v;
animation-name: v;
}
@-webkit-keyframes w {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-moz-keyframes w {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
-moz-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
}
@-o-keyframes w {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
transform: none;
}
}
@keyframes w {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
-moz-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: w;
-moz-animation-name: w;
-o-animation-name: w;
animation-name: w;
}
@-webkit-keyframes x {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-moz-keyframes x {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
}
@-o-keyframes x {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
transform: none;
}
}
@keyframes x {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: x;
-moz-animation-name: x;
-o-animation-name: x;
animation-name: x;
}
@-webkit-keyframes y {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-moz-keyframes y {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
-moz-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
}
@-o-keyframes y {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
transform: none;
}
}
@keyframes y {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
-moz-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: y;
-moz-animation-name: y;
-o-animation-name: y;
animation-name: y;
}
@-webkit-keyframes z {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-moz-keyframes z {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
}
@-o-keyframes z {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
transform: none;
}
}
@keyframes z {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: z;
-moz-animation-name: z;
-o-animation-name: z;
animation-name: z;
}
@-webkit-keyframes A {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-moz-keyframes A {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
-moz-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
}
@-o-keyframes A {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
transform: none;
}
}
@keyframes A {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
-moz-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: A;
-moz-animation-name: A;
-o-animation-name: A;
animation-name: A;
}
@-webkit-keyframes B {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-moz-keyframes B {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
}
@-o-keyframes B {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
transform: none;
}
}
@keyframes B {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: B;
-moz-animation-name: B;
-o-animation-name: B;
animation-name: B;
}
@-webkit-keyframes C {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-moz-keyframes C {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
-moz-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
}
@-o-keyframes C {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
transform: none;
}
}
@keyframes C {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
-moz-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: C;
-moz-animation-name: C;
-o-animation-name: C;
animation-name: C;
}
@-webkit-keyframes D {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@-moz-keyframes D {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@-o-keyframes D {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes D {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: D;
-moz-animation-name: D;
-o-animation-name: D;
animation-name: D;
}
@-webkit-keyframes E {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@-moz-keyframes E {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@-o-keyframes E {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes E {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: E;
-moz-animation-name: E;
-o-animation-name: E;
animation-name: E;
}
@-webkit-keyframes F {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@-moz-keyframes F {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
-moz-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@-o-keyframes F {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes F {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
-moz-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: F;
-moz-animation-name: F;
-o-animation-name: F;
animation-name: F;
}
@-webkit-keyframes G {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@-moz-keyframes G {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@-o-keyframes G {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes G {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: G;
-moz-animation-name: G;
-o-animation-name: G;
animation-name: G;
}
@-webkit-keyframes H {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@-moz-keyframes H {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
-moz-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@-o-keyframes H {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes H {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
-moz-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: H;
-moz-animation-name: H;
-o-animation-name: H;
animation-name: H;
}
@-webkit-keyframes I {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@-moz-keyframes I {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@-o-keyframes I {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes I {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: I;
-moz-animation-name: I;
-o-animation-name: I;
animation-name: I;
}
@-webkit-keyframes J {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@-moz-keyframes J {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
-moz-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@-o-keyframes J {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes J {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
-moz-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: J;
-moz-animation-name: J;
-o-animation-name: J;
animation-name: J;
}
@-webkit-keyframes K {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@-moz-keyframes K {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
-moz-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@-o-keyframes K {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes K {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
-moz-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: K;
-moz-animation-name: K;
-o-animation-name: K;
animation-name: K;
}
@-webkit-keyframes L {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@-moz-keyframes L {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
-moz-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@-o-keyframes L {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes L {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
-moz-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: L;
-moz-animation-name: L;
-o-animation-name: L;
animation-name: L;
}
@-webkit-keyframes M {
0% {
-webkit-transform: perspective(400px) rotateY(-1turn);
transform: perspective(400px) rotateY(-1turn);
}
0%,
40% {
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
transform: perspective(400px) translateZ(150px) rotateY(-190deg);
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
transform: perspective(400px) translateZ(150px) rotateY(-170deg);
}
50%,
80% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@-moz-keyframes M {
0% {
-webkit-transform: perspective(400px) rotateY(-1turn);
-moz-transform: perspective(400px) rotateY(-1turn);
transform: perspective(400px) rotateY(-1turn);
}
0%,
40% {
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
-moz-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
transform: perspective(400px) translateZ(150px) rotateY(-190deg);
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
-moz-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
transform: perspective(400px) translateZ(150px) rotateY(-170deg);
}
50%,
80% {
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-moz-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
}
to {
-webkit-transform: perspective(400px);
-moz-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@-o-keyframes M {
0% {
-webkit-transform: perspective(400px) rotateY(-1turn);
transform: perspective(400px) rotateY(-1turn);
}
0%,
40% {
-webkit-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
transform: perspective(400px) translateZ(150px) rotateY(-190deg);
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
transform: perspective(400px) translateZ(150px) rotateY(-170deg);
}
50%,
80% {
-webkit-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes M {
0% {
-webkit-transform: perspective(400px) rotateY(-1turn);
-moz-transform: perspective(400px) rotateY(-1turn);
transform: perspective(400px) rotateY(-1turn);
}
0%,
40% {
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
-moz-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
transform: perspective(400px) translateZ(150px) rotateY(-190deg);
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
-moz-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
transform: perspective(400px) translateZ(150px) rotateY(-170deg);
}
50%,
80% {
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-moz-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
}
to {
-webkit-transform: perspective(400px);
-moz-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-moz-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: M;
-moz-animation-name: M;
-o-animation-name: M;
animation-name: M;
}
@-webkit-keyframes N {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
0%,
40% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
40% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
}
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@-moz-keyframes N {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-moz-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
0%,
40% {
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
40% {
-webkit-transform: perspective(400px) rotateX(-20deg);
-moz-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
}
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
-moz-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
-moz-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg);
}
to {
-webkit-transform: perspective(400px);
-moz-transform: perspective(400px);
transform: perspective(400px);
}
}
@-o-keyframes N {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
0%,
40% {
-webkit-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
40% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
}
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes N {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-moz-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
0%,
40% {
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
40% {
-webkit-transform: perspective(400px) rotateX(-20deg);
-moz-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
}
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
-moz-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
-moz-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg);
}
to {
-webkit-transform: perspective(400px);
-moz-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-moz-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: N;
-moz-animation-name: N;
-o-animation-name: N;
animation-name: N;
}
@-webkit-keyframes O {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
0%,
40% {
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
40% {
-webkit-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg);
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@-moz-keyframes O {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-moz-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
0%,
40% {
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
40% {
-webkit-transform: perspective(400px) rotateY(-20deg);
-moz-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg);
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
-moz-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
-moz-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg);
}
to {
-webkit-transform: perspective(400px);
-moz-transform: perspective(400px);
transform: perspective(400px);
}
}
@-o-keyframes O {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
0%,
40% {
-webkit-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
40% {
-webkit-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg);
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes O {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-moz-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
0%,
40% {
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
40% {
-webkit-transform: perspective(400px) rotateY(-20deg);
-moz-transform: perspective(400px) rotateY(-20deg);
transform: perspective(400px) rotateY(-20deg);
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
-moz-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
-moz-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg);
}
to {
-webkit-transform: perspective(400px);
-moz-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-moz-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: O;
-moz-animation-name: O;
-o-animation-name: O;
animation-name: O;
}
@-webkit-keyframes P {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@-moz-keyframes P {
0% {
-webkit-transform: perspective(400px);
-moz-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotateX(-20deg);
-moz-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotateX(90deg);
-moz-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@-o-keyframes P {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes P {
0% {
-webkit-transform: perspective(400px);
-moz-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotateX(-20deg);
-moz-transform: perspective(400px) rotateX(-20deg);
transform: perspective(400px) rotateX(-20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotateX(90deg);
-moz-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: P;
-moz-animation-name: P;
-o-animation-name: P;
animation-name: P;
-webkit-backface-visibility: visible !important;
-moz-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes Q {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotateY(-15deg);
transform: perspective(400px) rotateY(-15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@-moz-keyframes Q {
0% {
-webkit-transform: perspective(400px);
-moz-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotateY(-15deg);
-moz-transform: perspective(400px) rotateY(-15deg);
transform: perspective(400px) rotateY(-15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotateY(90deg);
-moz-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@-o-keyframes Q {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotateY(-15deg);
transform: perspective(400px) rotateY(-15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes Q {
0% {
-webkit-transform: perspective(400px);
-moz-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotateY(-15deg);
-moz-transform: perspective(400px) rotateY(-15deg);
transform: perspective(400px) rotateY(-15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotateY(90deg);
-moz-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-moz-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: Q;
-moz-animation-name: Q;
-o-animation-name: Q;
animation-name: Q;
}
@-webkit-keyframes R {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
}
60%,
80% {
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@-moz-keyframes R {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
-moz-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
-moz-transform: skewX(20deg);
transform: skewX(20deg);
}
60%,
80% {
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
-moz-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: none;
-moz-transform: none;
transform: none;
opacity: 1;
}
}
@-o-keyframes R {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
-o-transform: skewX(20deg);
transform: skewX(20deg);
}
60%,
80% {
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
-o-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: none;
-o-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes R {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
-moz-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
-moz-transform: skewX(20deg);
-o-transform: skewX(20deg);
transform: skewX(20deg);
}
60%,
80% {
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
-moz-transform: skewX(-5deg);
-o-transform: skewX(-5deg);
transform: skewX(-5deg);
}
to {
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: R;
-moz-animation-name: R;
-o-animation-name: R;
animation-name: R;
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes S {
0% {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@-moz-keyframes S {
0% {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
-moz-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@-o-keyframes S {
0% {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes S {
0% {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
-moz-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: S;
-moz-animation-name: S;
-o-animation-name: S;
animation-name: S;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes T {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
0%,
to {
-webkit-transform-origin: center;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@-moz-keyframes T {
0% {
-moz-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(-200deg);
-moz-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
0%,
to {
-webkit-transform-origin: center;
}
to {
-moz-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
-moz-transform: none;
transform: none;
opacity: 1;
}
}
@-o-keyframes T {
0% {
-o-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(-200deg);
-o-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
0%,
to {
-webkit-transform-origin: center;
}
to {
-o-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
-o-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes T {
0% {
-webkit-transform-origin: center;
-moz-transform-origin: center;
-o-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(-200deg);
-moz-transform: rotate(-200deg);
-o-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
0%,
to {
-webkit-transform-origin: center;
}
to {
-webkit-transform-origin: center;
-moz-transform-origin: center;
-o-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: T;
-moz-animation-name: T;
-o-animation-name: T;
animation-name: T;
}
@-webkit-keyframes U {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
0%,
to {
-webkit-transform-origin: left bottom;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@-moz-keyframes U {
0% {
-moz-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
0%,
to {
-webkit-transform-origin: left bottom;
}
to {
-moz-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
-moz-transform: none;
transform: none;
opacity: 1;
}
}
@-o-keyframes U {
0% {
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
0%,
to {
-webkit-transform-origin: left bottom;
}
to {
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
-o-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes U {
0% {
-webkit-transform-origin: left bottom;
-moz-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
0%,
to {
-webkit-transform-origin: left bottom;
}
to {
-webkit-transform-origin: left bottom;
-moz-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: U;
-moz-animation-name: U;
-o-animation-name: U;
animation-name: U;
}
@-webkit-keyframes V {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
0%,
to {
-webkit-transform-origin: right bottom;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@-moz-keyframes V {
0% {
-moz-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
0%,
to {
-webkit-transform-origin: right bottom;
}
to {
-moz-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
-moz-transform: none;
transform: none;
opacity: 1;
}
}
@-o-keyframes V {
0% {
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
0%,
to {
-webkit-transform-origin: right bottom;
}
to {
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
-o-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes V {
0% {
-webkit-transform-origin: right bottom;
-moz-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
0%,
to {
-webkit-transform-origin: right bottom;
}
to {
-webkit-transform-origin: right bottom;
-moz-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: V;
-moz-animation-name: V;
-o-animation-name: V;
animation-name: V;
}
@-webkit-keyframes W {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
0%,
to {
-webkit-transform-origin: left bottom;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@-moz-keyframes W {
0% {
-moz-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
0%,
to {
-webkit-transform-origin: left bottom;
}
to {
-moz-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
-moz-transform: none;
transform: none;
opacity: 1;
}
}
@-o-keyframes W {
0% {
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
0%,
to {
-webkit-transform-origin: left bottom;
}
to {
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
-o-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes W {
0% {
-webkit-transform-origin: left bottom;
-moz-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
0%,
to {
-webkit-transform-origin: left bottom;
}
to {
-webkit-transform-origin: left bottom;
-moz-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: W;
-moz-animation-name: W;
-o-animation-name: W;
animation-name: W;
}
@-webkit-keyframes X {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
0%,
to {
-webkit-transform-origin: right bottom;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@-moz-keyframes X {
0% {
-moz-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
0%,
to {
-webkit-transform-origin: right bottom;
}
to {
-moz-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
-moz-transform: none;
transform: none;
opacity: 1;
}
}
@-o-keyframes X {
0% {
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
0%,
to {
-webkit-transform-origin: right bottom;
}
to {
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
-o-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes X {
0% {
-webkit-transform-origin: right bottom;
-moz-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
0%,
to {
-webkit-transform-origin: right bottom;
}
to {
-webkit-transform-origin: right bottom;
-moz-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: X;
-moz-animation-name: X;
-o-animation-name: X;
animation-name: X;
}
@-webkit-keyframes Y {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
0%,
to {
-webkit-transform-origin: center;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@-moz-keyframes Y {
0% {
-moz-transform-origin: center;
transform-origin: center;
opacity: 1;
}
0%,
to {
-webkit-transform-origin: center;
}
to {
-moz-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(200deg);
-moz-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@-o-keyframes Y {
0% {
-o-transform-origin: center;
transform-origin: center;
opacity: 1;
}
0%,
to {
-webkit-transform-origin: center;
}
to {
-o-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(200deg);
-o-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes Y {
0% {
-webkit-transform-origin: center;
-moz-transform-origin: center;
-o-transform-origin: center;
transform-origin: center;
opacity: 1;
}
0%,
to {
-webkit-transform-origin: center;
}
to {
-webkit-transform-origin: center;
-moz-transform-origin: center;
-o-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate(200deg);
-moz-transform: rotate(200deg);
-o-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: Y;
-moz-animation-name: Y;
-o-animation-name: Y;
animation-name: Y;
}
@-webkit-keyframes Z {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
0%,
to {
-webkit-transform-origin: left bottom;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
}
@-moz-keyframes Z {
0% {
-moz-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
0%,
to {
-webkit-transform-origin: left bottom;
}
to {
-moz-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
}
@-o-keyframes Z {
0% {
-o-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
0%,
to {
-webkit-transform-origin: left bottom;
}
to {
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
}
@keyframes Z {
0% {
-webkit-transform-origin: left bottom;
-moz-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
0%,
to {
-webkit-transform-origin: left bottom;
}
to {
-webkit-transform-origin: left bottom;
-moz-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: Z;
-moz-animation-name: Z;
-o-animation-name: Z;
animation-name: Z;
}
@-webkit-keyframes ab {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
0%,
to {
-webkit-transform-origin: right bottom;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
}
@-moz-keyframes ab {
0% {
-moz-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
0%,
to {
-webkit-transform-origin: right bottom;
}
to {
-moz-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
}
@-o-keyframes ab {
0% {
-o-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
0%,
to {
-webkit-transform-origin: right bottom;
}
to {
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
}
@keyframes ab {
0% {
-webkit-transform-origin: right bottom;
-moz-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
0%,
to {
-webkit-transform-origin: right bottom;
}
to {
-webkit-transform-origin: right bottom;
-moz-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: ab;
-moz-animation-name: ab;
-o-animation-name: ab;
animation-name: ab;
}
@-webkit-keyframes bb {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
0%,
to {
-webkit-transform-origin: left bottom;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
}
@-moz-keyframes bb {
0% {
-moz-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
0%,
to {
-webkit-transform-origin: left bottom;
}
to {
-moz-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
}
@-o-keyframes bb {
0% {
-o-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
0%,
to {
-webkit-transform-origin: left bottom;
}
to {
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
}
@keyframes bb {
0% {
-webkit-transform-origin: left bottom;
-moz-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
0%,
to {
-webkit-transform-origin: left bottom;
}
to {
-webkit-transform-origin: left bottom;
-moz-transform-origin: left bottom;
-o-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: bb;
-moz-animation-name: bb;
-o-animation-name: bb;
animation-name: bb;
}
@-webkit-keyframes cb {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
0%,
to {
-webkit-transform-origin: right bottom;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@-moz-keyframes cb {
0% {
-moz-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
0%,
to {
-webkit-transform-origin: right bottom;
}
to {
-moz-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@-o-keyframes cb {
0% {
-o-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
0%,
to {
-webkit-transform-origin: right bottom;
}
to {
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes cb {
0% {
-webkit-transform-origin: right bottom;
-moz-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
0%,
to {
-webkit-transform-origin: right bottom;
}
to {
-webkit-transform-origin: right bottom;
-moz-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: cb;
-moz-animation-name: cb;
-o-animation-name: cb;
animation-name: cb;
}
@-webkit-keyframes db {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
}
0%,
20%,
60% {
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
}
40%,
80% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@-moz-keyframes db {
0% {
-moz-transform-origin: top left;
transform-origin: top left;
}
0%,
20%,
60% {
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate(80deg);
-moz-transform: rotate(80deg);
transform: rotate(80deg);
-moz-transform-origin: top left;
transform-origin: top left;
}
40%,
80% {
-webkit-transform: rotate(60deg);
-moz-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
-moz-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@-o-keyframes db {
0% {
-o-transform-origin: top left;
transform-origin: top left;
}
0%,
20%,
60% {
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate(80deg);
-o-transform: rotate(80deg);
transform: rotate(80deg);
-o-transform-origin: top left;
transform-origin: top left;
}
40%,
80% {
-webkit-transform: rotate(60deg);
-o-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes db {
0% {
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
}
0%,
20%,
60% {
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%,
60% {
-webkit-transform: rotate(80deg);
-moz-transform: rotate(80deg);
-o-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
}
40%,
80% {
-webkit-transform: rotate(60deg);
-moz-transform: rotate(60deg);
-o-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
-moz-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: db;
-moz-animation-name: db;
-o-animation-name: db;
animation-name: db;
}
@-webkit-keyframes eb {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
transform: translate3d(-100%, 0, 0) rotate(-120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-moz-keyframes eb {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
-moz-transform: translate3d(-100%, 0, 0) rotate(-120deg);
transform: translate3d(-100%, 0, 0) rotate(-120deg);
}
to {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
}
@-o-keyframes eb {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
transform: translate3d(-100%, 0, 0) rotate(-120deg);
}
to {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
transform: none;
}
}
@keyframes eb {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
-moz-transform: translate3d(-100%, 0, 0) rotate(-120deg);
transform: translate3d(-100%, 0, 0) rotate(-120deg);
}
to {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: eb;
-moz-animation-name: eb;
-o-animation-name: eb;
animation-name: eb;
}
@-webkit-keyframes fb {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
transform: translate3d(100%, 0, 0) rotate(120deg);
}
}
@-moz-keyframes fb {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
-moz-transform: translate3d(100%, 0, 0) rotate(120deg);
transform: translate3d(100%, 0, 0) rotate(120deg);
}
}
@-o-keyframes fb {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
transform: translate3d(100%, 0, 0) rotate(120deg);
}
}
@keyframes fb {
0% {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
-moz-transform: translate3d(100%, 0, 0) rotate(120deg);
transform: translate3d(100%, 0, 0) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: fb;
-moz-animation-name: fb;
-o-animation-name: fb;
animation-name: fb;
}
@-webkit-keyframes gb {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@-moz-keyframes gb {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
-moz-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@-o-keyframes gb {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes gb {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
-moz-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: gb;
-moz-animation-name: gb;
-o-animation-name: gb;
animation-name: gb;
}
@-webkit-keyframes hb {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@-moz-keyframes hb {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@-o-keyframes hb {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes hb {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
-webkit-animation-name: hb;
-moz-animation-name: hb;
-o-animation-name: hb;
animation-name: hb;
}
@-webkit-keyframes ib {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@-moz-keyframes ib {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@-o-keyframes ib {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes ib {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
-webkit-animation-name: ib;
-moz-animation-name: ib;
-o-animation-name: ib;
animation-name: ib;
}
@-webkit-keyframes jb {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@-moz-keyframes jb {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@-o-keyframes jb {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes jb {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
-webkit-animation-name: jb;
-moz-animation-name: jb;
-o-animation-name: jb;
animation-name: jb;
}
@-webkit-keyframes kb {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@-moz-keyframes kb {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@-o-keyframes kb {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes kb {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
-webkit-animation-name: kb;
-moz-animation-name: kb;
-o-animation-name: kb;
animation-name: kb;
}
@-webkit-keyframes lb {
0% {
opacity: 1;
}
50% {
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50%,
to {
opacity: 0;
}
}
@-moz-keyframes lb {
0% {
opacity: 1;
}
50% {
-webkit-transform: scale3d(0.3, 0.3, 0.3);
-moz-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50%,
to {
opacity: 0;
}
}
@-o-keyframes lb {
0% {
opacity: 1;
}
50% {
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50%,
to {
opacity: 0;
}
}
@keyframes lb {
0% {
opacity: 1;
}
50% {
-webkit-transform: scale3d(0.3, 0.3, 0.3);
-moz-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50%,
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: lb;
-moz-animation-name: lb;
-o-animation-name: lb;
animation-name: lb;
}
@-webkit-keyframes mb {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@-moz-keyframes mb {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
-moz-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@-o-keyframes mb {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
-o-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes mb {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
-moz-transform-origin: center bottom;
-o-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
-webkit-animation-name: mb;
-moz-animation-name: mb;
-o-animation-name: mb;
animation-name: mb;
}
@-webkit-keyframes nb {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@-moz-keyframes nb {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
-moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
-moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
transform-origin: left center;
}
}
@-o-keyframes nb {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes nb {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
-moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
-moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: nb;
-moz-animation-name: nb;
-o-animation-name: nb;
animation-name: nb;
}
@-webkit-keyframes ob {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@-moz-keyframes ob {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
-moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
-moz-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
transform-origin: right center;
}
}
@-o-keyframes ob {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes ob {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
-moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
-moz-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: ob;
-moz-animation-name: ob;
-o-animation-name: ob;
animation-name: ob;
}
@-webkit-keyframes pb {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@-moz-keyframes pb {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
-moz-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@-o-keyframes pb {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
-o-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes pb {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
-moz-transform-origin: center bottom;
-o-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
-webkit-animation-name: pb;
-moz-animation-name: pb;
-o-animation-name: pb;
animation-name: pb;
}
@-webkit-keyframes qb {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@-moz-keyframes qb {
0% {
-webkit-transform: translate3d(0, -100%, 0);
-moz-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}
}
@-o-keyframes qb {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes qb {
0% {
-webkit-transform: translate3d(0, -100%, 0);
-moz-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}
}
.slideInDown {
-webkit-animation-name: qb;
-moz-animation-name: qb;
-o-animation-name: qb;
animation-name: qb;
}
@-webkit-keyframes rb {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@-moz-keyframes rb {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}
}
@-o-keyframes rb {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes rb {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}
}
.slideInLeft {
-webkit-animation-name: rb;
-moz-animation-name: rb;
-o-animation-name: rb;
animation-name: rb;
}
@-webkit-keyframes sb {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@-moz-keyframes sb {
0% {
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}
}
@-o-keyframes sb {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes sb {
0% {
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}
}
.slideInRight {
-webkit-animation-name: sb;
-moz-animation-name: sb;
-o-animation-name: sb;
animation-name: sb;
}
@-webkit-keyframes tb {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@-moz-keyframes tb {
0% {
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}
}
@-o-keyframes tb {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes tb {
0% {
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}
}
.slideInUp {
-webkit-animation-name: tb;
-moz-animation-name: tb;
-o-animation-name: tb;
animation-name: tb;
}
@-webkit-keyframes ub {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@-moz-keyframes ub {
0% {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@-o-keyframes ub {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes ub {
0% {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
-moz-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: ub;
-moz-animation-name: ub;
-o-animation-name: ub;
animation-name: ub;
}
@-webkit-keyframes vb {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@-moz-keyframes vb {
0% {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@-o-keyframes vb {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes vb {
0% {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: vb;
-moz-animation-name: vb;
-o-animation-name: vb;
animation-name: vb;
}
@-webkit-keyframes wb {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@-moz-keyframes wb {
0% {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@-o-keyframes wb {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes wb {
0% {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
-moz-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: wb;
-moz-animation-name: wb;
-o-animation-name: wb;
animation-name: wb;
}
@-webkit-keyframes xb {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@-moz-keyframes xb {
0% {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
-moz-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@-o-keyframes xb {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes xb {
0% {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
-moz-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: xb;
-moz-animation-name: xb;
-o-animation-name: xb;
animation-name: xb;
}
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignleft,
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%;
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignleft,
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 10;
}
.slick-slider {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list,
.slick-slider {
position: relative;
display: block;
}
.slick-list {
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:after,
.slick-track:before {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.button {
display: inline-block;
font-size: 16px;
font-size: 1rem;
-webkit-transition: all 0.5s ease;
-o-transition: ease all 0.5s;
-moz-transition: ease all 0.5s;
transition: all 0.5s ease;
}
@font-face {
font-family: Commuters Sans;
src: url("../fonts/Commuters-Sans-Family/Dharma Type - Commuters Sans ExtraBold.otf");
src: local("Commuters Sans"), local("Commuters Sans"), url("../fonts/Commuters-Sans-Family/Dharma Type - Commuters Sans ExtraBold.otf");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: Commuters Sans;
src: url("../fonts/Commuters-Sans-Family/Dharma Type - Commuters Sans SemiBold.otf");
src: local("Commuters Sans"), local("Commuters Sans"), url("../fonts/Commuters-Sans-Family/Dharma Type - Commuters Sans SemiBold.otf");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: Commuters Sans;
src: url("../fonts/Commuters-Sans-Family/Dharma Type - Commuters Sans Regular.otf");
src: local("Commuters Sans"), local("Commuters Sans"), url("../fonts/Commuters-Sans-Family/Dharma Type - Commuters Sans Regular.otf");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: Commuters Sans;
src: url("../fonts/Commuters-Sans-Family/Dharma Type - Commuters Sans ExtraLight.otf");
src: local("Commuters Sans"), local("Commuters Sans"), url("../fonts/Commuters-Sans-Family/Dharma Type - Commuters Sans ExtraLight.otf");
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: Clearface Bold;
src: url("../fonts/Clearface Bold/Clearface Bold.ttf");
src: local("Clearface Bold"), local("Clearface Bold"), url("../fonts/Clearface Bold/Clearface Bold.ttf");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: Lato;
src: url(../fonts/Lato/Lato-Regular.ttf);
src: local("Lato"), local("Lato"), url(../fonts/Lato/Lato-Regular.ttf);
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: Lato;
src: url(../fonts/Lato/Lato-Bold..ttf);
src: local("Lato"), local("Lato"), url(../fonts/Lato/Lato-Bold.ttf);
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: Lato;
src: url(../fonts/Lato/Lato-LightItalic.ttf);
src: local("Lato"), local("Lato"), url(../fonts/Lato/Lato-LightItalic.ttf);
font-weight: 300;
font-style: italic;
}
body,
html {
font-family: Lato;
}
.fa,
.fab,
.fal,
.far,
.fas {
font-family: fontawesome;
}
.h1,
h1 {
font-size: 38px;
font-size: 2.375rem;
line-height: 1.25em;
margin-bottom: 16px;
margin-bottom: 1rem;
}
.h1,
.h2,
h1,
h2 {
font-family: Clearface Bold;
}
.h2,
h2 {
font-size: 48px;
font-weight: 700;
letter-spacing: -0.48px;
line-height: 1.5em;
margin-bottom: 2vw;
}
@media screen and (max-width: 768px) {
.h2,
h2 {
font-size: 21px;
margin-bottom: 20px;
}
}
.h3,
h3 {
font-family: Clearface Bold;
font-size: 38px;
font-weight: 400;
line-height: 60px;
letter-spacing: -0.38px;
}
@media screen and (max-width: 768px) {
.h3,
h3 {
font-size: 18px;
line-height: 1.5em;
}
}
h3.tagline {
font-family: Commuters Sans;
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
color: #0c6608;
letter-spacing: 2.4px;
line-height: 1.25em;
}
@media screen and (max-width: 768px) {
h3.tagline {
font-size: 16px;
}
}
.h4,
h4 {
font-family: Commuters Sans;
font-weight: 700;
letter-spacing: 0.6px;
line-height: 1.65em;
font-size: 24px;
text-transform: uppercase;
}
@media screen and (max-width: 768px) {
.h4,
h4 {
font-size: 16px;
}
}
.h5,
h5 {
font-family: Lato;
letter-spacing: 0.6px;
line-height: 1.65em;
font-size: 24px;
text-transform: uppercase;
margin-bottom: 25px;
}
.h5 strong,
h5 strong {
font-family: Commuters Sans;
font-weight: 700;
}
@media screen and (max-width: 768px) {
.h5,
h5 {
font-size: 16px;
}
}
.h6,
h6 {
font-size: 18px;
font-size: 1.125rem;
}
.h6,
h6,
p {
margin-top: 0;
}
p {
font-family: Lato;
font-weight: 400;
letter-spacing: 0.6px;
line-height: 1.5em;
font-size: 24px;
}
@media screen and (max-width: 768px) {
p {
font-size: 15px;
}
}
ol li,
ul li {
font-size: 16px;
font-size: 1rem;
line-height: 1.5em;
}
ol.fa-ul,
ul.fa-ul {
margin: 0;
padding: 0;
}
a {
text-decoration: none !important;
-webkit-transition: all 0.5s ease;
-o-transition: ease all 0.5s;
-moz-transition: ease all 0.5s;
transition: all 0.5s ease;
}
hr {
margin: 32px 0;
margin: 2rem 0;
}
:not(li) > ol,
:not(li) > ul {
margin: 0;
padding: 0;
}
ol li,
ul li {
list-style-position: inside;
}
table {
margin: 15.2px 0;
margin: 0.95rem 0;
}
td,
th {
padding: 5px;
}
tbody tr:nth-child(odd) {
background-color: #efefef;
}
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body,
html {
font-size: 16px;
overflow-x: hidden;
padding: 0;
margin: 0;
}
.single-post-wrapper {
padding: 50px 0;
max-width: 1060px;
width: 100%;
margin: 0 auto;
}
body.no-overflow,
html.no-overflow {
overflow: hidden !important;
}
.container-fluid {
padding-left: 75.008px;
padding-left: 4.688rem;
padding-right: 75.008px;
padding-right: 4.688rem;
}
.text-center {
text-align: center;
}
.vert-align {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
z-index: 2;
}
main img {
height: auto;
max-width: 100%;
}
.col-wrapper {
font-size: 0;
margin: 0;
padding: 0;
}
.bg-cover {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
}
.button:not(.gform_button) {
height: 40px;
min-width: 240px;
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
color: #fff;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
font-family: Commuters Sans;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1.4px;
}
.button:not(.gform_button).large-dark {
min-width: 339px;
color: #fff !important;
}
.button:not(.gform_button).large-dark:after {
background-color: #0b1a0a;
}
.button:not(.gform_button) span {
position: relative;
z-index: 1;
}
.button:not(.gform_button):after {
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
position: absolute;
background-color: #388034;
opacity: 0.8;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.button:not(.gform_button):hover {
color: #fff;
}
.see-all {
font-size: 18px;
font-weight: 700;
letter-spacing: 0.18px;
display: block;
}
.see-all,
.see-all:hover {
color: #000;
}
.acf-map {
width: 100%;
height: 372px;
border: none;
margin: 20px 0 0;
}
.acf-map img {
max-width: inherit !important;
}
.newsletter-block {
padding: 91px 0 100px;
background-color: #191919;
}
@media screen and (max-width: 768px) {
.newsletter-block {
padding: 50px 0 59px;
}
}
.newsletter-block h2 {
font-size: 54px;
letter-spacing: -0.54px;
margin-bottom: 20px;
color: #fff;
}
@media screen and (max-width: 768px) {
.newsletter-block h2 {
font-size: 32px;
}
}
.newsletter-block p {
font-size: 36px;
font-weight: 400;
letter-spacing: 0.9px;
color: #fff;
}
@media screen and (max-width: 768px) {
.newsletter-block p {
font-size: 21px;
}
}
.newsletter-block span {
color: #fff;
}
.newsletter-block .form {
margin-top: 10px;
display: block;
margin-left: auto;
margin-right: auto;
max-width: 1120px;
}
.newsletter-block .form .t {
display: none;
color: #fff;
font-family: Commuters Sans;
font-size: 24px;
font-weight: 700;
line-height: 36px;
text-transform: uppercase;
letter-spacing: 2.43px;
}
.newsletter-block .form .gform_wrapper {
margin: 0;
}
.newsletter-block .form form {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 2vw;
}
@media screen and (max-width: 768px) {
.newsletter-block .form form {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.newsletter-block .form .gform_body {
max-width: 995px;
width: 100%;
float: left;
display: inline;
}
.newsletter-block .form .gform_body ul {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 768px) {
.newsletter-block .form .gform_body ul {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.newsletter-block .form .gform_body ul li {
width: 100%;
margin-bottom: 15px !important;
}
.newsletter-block .form .gform_body ul li.gfield,
.newsletter-block .form .gform_body ul li.gfield .ginput_container {
margin-top: 0;
}
.newsletter-block .form .gform_body ul li label {
display: none;
}
.newsletter-block .form .gform_body ul li select {
padding: 0 !important;
}
.newsletter-block .form .gform_body ul li input,
.newsletter-block .form .gform_body ul li select {
width: 100%;
height: 40px;
background-color: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #c8c4b9;
font-family: Commuters Sans;
font-size: 14px;
font-weight: 700;
line-height: 36px;
text-transform: uppercase;
letter-spacing: 1.42px;
padding: 14px 20px;
display: block;
text-indent: 20px;
border: none;
}
.newsletter-block .form .gform_footer {
padding: 0;
margin: 0;
clear: both;
width: auto;
display: inline-table;
}
.newsletter-block .form .gform_footer input#gform_submit_button_1 {
width: 100px;
height: 40px;
background-color: #0c6608cc;
border: none;
color: #fff;
font-family: Commuters Sans;
font-size: 11px;
font-weight: 400;
line-height: 27px;
text-transform: uppercase;
letter-spacing: 1.4px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
}
.newsletter-block.newsletter-block-tan {
background-color: #eae9e5;
}
.newsletter-block.newsletter-block-tan * {
color: #000;
}
.newsletter-block .show-extra-field {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.newsletter-block .show-extra-field > .gform_body,
.newsletter-block .show-extra-field > .gform_footer {
float: none;
width: 100%;
display: block;
}
.newsletter-block .show-extra-field .gform_fields {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.newsletter-block .show-extra-field .gform_fields > li {
width: 50% !important;
}
.post-date-as-block {
font-family: Commuters Sans;
width: 60px;
text-align: center;
font-size: 18px;
font-weight: 100;
text-transform: uppercase;
line-height: 21px;
}
@media screen and (max-width: 768px) {
.post-date-as-block {
font-size: 15px;
line-height: 1.25em;
}
}
.post-date-as-block .post-month {
font-weight: 400;
letter-spacing: 1.02px;
}
.post-date-as-block .post-day {
font-size: 40px;
line-height: 36px;
}
@media screen and (max-width: 768px) {
.post-date-as-block .post-day {
font-size: 24px;
line-height: 1.25em;
}
}
.post-date-as-block .post-year {
letter-spacing: 1.02px;
line-height: 21px;
}
@media screen and (max-width: 768px) {
.post-date-as-block .post-year {
line-height: 1.25em;
}
}
.read-more {
color: #388034;
font-family: Lato;
font-size: 16px;
line-height: 21.12px;
font-weight: 700;
letter-spacing: 0.18px;
display: block;
}
.read-more .rm-arrow {
font-family: Commuters Sans;
font-weight: 300;
letter-spacing: 0.18px;
}
.archive-pagination-wrap {
padding: 5px;
background-color: #fff;
}
::-webkit-input-placeholder {
color: #c8c4b9;
}
::-moz-placeholder {
color: #c8c4b9;
}
:-ms-input-placeholder {
color: #c8c4b9;
}
:-moz-placeholder {
color: #c8c4b9;
}
.sidebar .widget_search {
margin-bottom: 2vw;
background-color: transparent !important;
padding: 0 !important;
}
.sidebar .widget_search form,
.sidebar .widget_search label {
width: 100%;
}
.sidebar .widget_search .search-field {
height: 40px;
width: 100%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 5px 10px !important;
font-family: Commuters Sans;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.42px;
border: none;
outline: none;
color: #000;
}
.sidebar .widget_search .search-submit {
position: absolute;
visibility: hidden;
}
.sidebar .widget {
background-color: #fff;
padding: 15px;
}
.sidebar .widget h4 {
font-size: 18px;
font-weight: 700;
letter-spacing: 2.05px;
line-height: 36px;
font-family: Commuters Sans;
}
.sidebar .widget #sb_instagram,
.sidebar .widget ul {
border-bottom: 1px solid #a2a2a2;
padding-bottom: 15px;
}
.sidebar .widget ul {
list-style-type: none;
}
.sidebar .widget ul ul {
padding: 0 0 15px;
}
.sidebar .widget ul li a {
display: block;
color: #555;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1.59px;
padding: 5px 0;
}
.sidebar .widget:last-of-type ul {
border-bottom: none;
}
.single-post-meta .author-meta,
.single-post-meta .tag-meta {
margin-bottom: 5px;
font-size: 14px;
text-transform: uppercase;
}
.single-post-meta .author-meta a,
.single-post-meta .tag-meta a {
color: #000;
}
.single-post-meta .author-meta {
font-weight: 700 !important;
}
.single-post-meta .tag-meta {
margin-bottom: 15px;
}
#gform_1 .gform_fields > li {
display: none;
}
#gform_1 .gform_fields > li:first-of-type,
#gform_1 .gform_fields > li:nth-of-type(2) {
display: block;
}
.page-template-default form .gfield_label {
display: none !important;
}
.page-template-default form input,
.page-template-default form select {
height: 40px;
padding: 5px 15px !important;
text-transform: uppercase;
font-weight: 700;
}
.page-template-default form input,
.page-template-default form select,
.page-template-default form textarea {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color: #fff;
border: 1px solid #0a5206;
}
.page-template-default form textarea {
padding: 15px;
}
.page-template-default form input[type="submit"] {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 40px;
min-width: 130px;
position: relative;
color: #fff !important;
font-family: Commuters Sans;
font-size: 14px;
font-weight: 400 !important;
line-height: 27px;
text-transform: uppercase;
letter-spacing: 1.87px;
background-color: #0f570b;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.page-template-default form .gf_placeholder {
color: #c8c4b9 !important;
}
.popup-alert {
position: fixed;
opacity: 0;
visibility: hidden;
z-index: 9;
-webkit-transition: all 0.5s ease;
-o-transition: ease all 0.5s;
-moz-transition: ease all 0.5s;
transition: all 0.5s ease;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.popup-alert .inner {
position: absolute;
-webkit-transform: translateY(-100vh);
-moz-transform: translateY(-100vh);
-ms-transform: translateY(-100vh);
-o-transform: translateY(-100vh);
transform: translateY(-100vh);
-webkit-transition: translateY 0.5s ease;
-o-transition: ease translateY 0.5s;
-moz-transition: ease translateY 0.5s;
transition: translateY 0.5s ease;
border: 1px solid #999;
padding: 30px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color: #fff;
top: 50px;
left: 0;
right: 0;
margin: 0 auto;
display: inline-block;
max-width: 650px;
width: 100%;
z-index: 3;
}
.popup-alert .inner .close-popup {
position: absolute;
font-size: 16px;
top: 10px;
right: 10px;
cursor: pointer;
z-index: 2;
}
.popup-alert p {
font-size: 18px;
color: #000;
}
.popup-alert p:last-of-type {
margin-bottom: 0;
}
.popup-alert.active {
opacity: 1;
visibility: visible;
}
.popup-alert.active .inner {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.popup-alert.active:after {
content: "";
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: #000;
opacity: 0.75;
}
.hero-image-mobile {
display: none;
}
@media screen and (max-width: 1200px) {
.hero-image-mobile {
display: block;
max-width: 80%;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
text-align: center;
}
.hero-image-mobile img {
max-width: 100%;
height: auto;
}
}
@media screen and (max-width: 991px) {
.page-template-template-get-involved .hero-get-involved {
background-position: 100%;
}
.page-template-template-past-events .hero-past-events h1 {
font-size: 36px !important;
}
}
.admin-bar #masthead {
top: 32px;
}
#masthead {
position: fixed;
width: 100%;
top: 0;
z-index: 7;
padding: 23px 0;
background-color: #000;
}
#masthead .container {
width: 1410px;
}
#masthead .masthead-logo {
max-width: 250px;
width: 100%;
}
#masthead .menu-container {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
#masthead .main-nav-wrapper {
height: 100%;
}
@media screen and (max-width: 991px) {
#masthead .main-nav-wrapper {
max-width: 650px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
}
#masthead .main-nav-wrapper ul {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
height: 100%;
}
@media screen and (max-width: 991px) {
#masthead .main-nav-wrapper ul {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
#masthead .main-nav-wrapper ul > li:not(.get-involved) > a {
position: relative;
}
#masthead .main-nav-wrapper ul > li:not(.get-involved) > a:after {
visibility: hidden;
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.25s ease;
-o-transition: ease all 0.25s;
-moz-transition: ease all 0.25s;
transition: all 0.25s ease;
content: "";
height: 4px;
background: #fff;
width: 100%;
position: absolute;
bottom: -10px;
left: 0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
@media screen and (max-width: 991px) {
#masthead .main-nav-wrapper ul > li:not(.get-involved) > a:after {
display: none !important;
}
}
#masthead .main-nav-wrapper ul > .current_menu_item:not(.get-involved) > a:after,
#masthead .main-nav-wrapper ul > .current_page_ancestor:not(.get-involved) > a:after,
#masthead .main-nav-wrapper ul > .current_page_item:not(.get-involved) > a:after,
#masthead .main-nav-wrapper ul > .current_page_parent:not(.get-involved) > a:after,
#masthead .main-nav-wrapper ul > li:not(.get-involved) > a:hover:after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
visibility: visible;
}
#masthead .main-nav-wrapper ul li ul.sub-menu li a:after {
display: none;
}
#masthead .main-nav-wrapper ul li {
padding: 0 20px;
}
@media screen and (max-width: 1400px) {
#masthead .main-nav-wrapper ul li {
padding: 0 10px;
}
}
#masthead .main-nav-wrapper ul li:hover ul.sub-menu {
display: table;
background-color: #000;
}
@media screen and (max-width: 991px) {
#masthead .main-nav-wrapper ul li:hover ul.sub-menu {
background-color: transparent;
position: relative;
}
}
#masthead .main-nav-wrapper ul li ul.sub-menu {
display: none;
background-color: #000;
z-index: 6;
}
#masthead .main-nav-wrapper ul li ul.sub-menu li.current-menu-item,
#masthead .main-nav-wrapper ul li ul.sub-menu li:hover {
background: #0c6608cc;
}
#masthead .main-nav-wrapper ul a {
padding: 12px 0;
}
#masthead .main-nav-wrapper ul .get-involved a,
#masthead .main-nav-wrapper ul a {
color: #fff;
font-family: Commuters Sans;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1.6px;
}
#masthead .main-nav-wrapper ul .get-involved a {
background-color: #0c6608cc;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 12px 20px;
}
#masthead h2.logo,
#masthead p {
margin: 0;
}
@media (max-width: 992px) {
.admin-bar #masthead {
top: 46px;
}
#masthead .container {
width: 100%;
}
}
#site-footer {
background-color: #c0bbae;
padding: 70px 0;
}
#site-footer .social-block-mobile {
display: none;
}
#site-footer .logo {
max-width: 250px;
width: 100%;
margin-bottom: 40px;
}
#site-footer li {
list-style: none;
}
#site-footer li,
#site-footer li a {
color: #fff;
font-family: Commuters Sans;
font-size: 14px;
font-weight: 700;
line-height: 29.99px;
text-transform: uppercase;
letter-spacing: 1.42px;
}
#site-footer ul.main-nav {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: left;
padding-top: 100px;
padding-left: 100px;
}
#site-footer ul.main-nav li {
line-height: 1;
}
#site-footer ul.main-nav li ul.sub-menu {
display: none !important;
}
#site-footer ul.main-nav a {
color: #fff;
font-family: Commuters Sans;
font-size: 14px;
font-weight: 700;
line-height: 29.99px;
text-transform: uppercase;
letter-spacing: 1.42px;
}
#site-footer .footer-description-block {
max-width: 497px;
width: 100%;
float: right;
margin-top: 100px;
}
#site-footer .footer-description-block .short-description {
color: #fff;
font-family: Commuters Sans;
font-size: 16px;
font-weight: 400;
letter-spacing: 0.4px;
line-height: 25.99px;
}
#site-footer .footer-description-block .social-block {
margin-top: 44px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#site-footer .footer-description-block .social-block .social {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin-left: -10px;
margin-right: -10px;
}
#site-footer .footer-description-block .social-block .social li {
opacity: 1;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
margin: 0 10px;
}
#site-footer .footer-description-block .social-block .social li > a {
font-size: 32px;
}
#site-footer .footer-description-block .social-block .social li:hover {
opacity: 0.5;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
#site-footer .footer-description-block .social-block a {
color: #fff;
font-family: Commuters Sans;
font-size: 14px;
font-weight: 700;
line-height: 35.99px;
text-transform: uppercase;
letter-spacing: 1.42px;
display: block;
}
#site-footer .sign {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 60px;
}
#site-footer .sign .gform_wrapper {
width: 100%;
}
#site-footer .sign span {
color: #fff;
font-family: Commuters Sans;
font-size: 24px;
font-weight: 700;
line-height: 35.99px;
text-transform: uppercase;
letter-spacing: 2.43px;
float: left;
max-width: 160px;
width: 100%;
}
#site-footer .sign form {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#site-footer .sign form .gform_footer {
padding-left: 5px;
}
#site-footer .sign form div.ginput_container {
margin-top: 0;
}
#site-footer .sign form label {
display: none;
}
#site-footer .sign form .gform_body {
width: 100%;
}
#site-footer .sign form .gform_body ul {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
#site-footer .sign form .gform_body ul li {
width: 100%;
margin: 0;
padding: 0 5px;
}
#site-footer .sign form .gform_body ul li input {
width: 100%;
height: 41px;
background-color: #fff;
padding: 14px 20px;
color: #c8c4b9;
font-family: Commuters Sans;
font-size: 14px;
font-weight: 700;
line-height: 35.99px;
text-transform: uppercase;
letter-spacing: 1.42px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: none;
}
#site-footer .sign form .gform_footer {
width: 100px;
margin: 0;
padding: 0;
}
#site-footer .sign form .gform_footer input#gform_submit_button_1 {
width: 100px;
height: 41px;
background-color: #0c6608cc;
color: #fff;
font-family: Commuters Sans;
font-size: 14px;
font-weight: 400;
line-height: 35.99px;
text-transform: uppercase;
letter-spacing: 1.4px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: none;
cursor: pointer;
}
.copyright {
background-color: #0c6608;
}
.copyright p {
margin: 0;
padding: 0;
line-height: 20.26px;
padding: 25px 0;
}
.copyright p a {
color: #fff;
text-decoration: underline;
-webkit-text-decoration-color: red;
-moz-text-decoration-color: red;
text-decoration-color: red;
}
@media (max-width: 768px) {
#site-footer .sign {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 60px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#site-footer .sign span {
text-align: center;
}
#site-footer .sign form {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#site-footer .sign form,
#site-footer .sign form .gform_body ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#site-footer .sign form .gform_body ul input {
margin: 5px 0;
}
#site-footer .sign form .gform_footer input#gform_submit_button_1 {
margin-top: 10px;
}
}
.main-nav-wrapper ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: right;
}
.main-nav-wrapper ul > li {
position: relative;
display: inline-block;
}
.main-nav-wrapper ul > li a {
display: block;
padding: 0 8px;
padding: 0 0.5rem;
}
.main-nav-wrapper ul > li > ul {
top: 100%;
left: 0;
}
.main-nav-wrapper ul > li > ul > li {
display: block;
}
.main-nav-wrapper ul > li > ul > li > ul {
left: 100%;
top: 0;
}
.main-nav-wrapper ul > li:hover > ul,
.main-nav-wrapper ul > li > ul > li > ul > li {
display: block;
}
.main-nav-wrapper ul.sub-menu {
min-width: 100%;
white-space: nowrap;
position: absolute;
display: none;
text-align: left;
}
.main-nav-wrapper ul.sub-menu a {
color: #fff;
}
.fcl {
position: relative;
}
.fcl.padding_default {
padding: 48px 0;
padding: 3rem 0;
}
.fcl.padding_none {
padding: 0;
}
.fcl.padding_extra {
padding: 112px 0;
padding: 7rem 0;
}
.hero {
position: relative;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
}
.hero > .inner {
min-height: -webkit-calc(100vh - 111px);
min-height: -moz-calc(100vh - 111px);
min-height: calc(100vh - 111px);
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
padding: 65px 0;
}
.hero .how,
.hero > .inner,
.hero > .inner .row {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.hero .how {
background-color: #0c6608cc;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 420px;
height: 95px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: -41px;
text-align: center;
}
.hero .how img {
margin-bottom: 20px;
}
.hero .how span {
color: #fff;
font-family: Commuters Sans;
font-size: 20px;
font-weight: 300;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 3px;
width: 100%;
text-align: center;
display: inline-block;
}
.page-template-template-solution .how {
background-color: #0c6608cc;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 420px;
height: 95px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: -41px;
text-align: center;
left: 8%;
}
.page-template-template-solution .how img {
margin-bottom: 20px;
}
.page-template-template-solution .how span {
color: #fff;
font-family: Commuters Sans;
font-size: 20px;
font-weight: 300;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 3px;
width: 100%;
text-align: center;
display: inline-block;
}
.page-template-template-solution .hero-green-tab-center .how {
left: 0;
right: 0;
margin: 0 auto;
}
.page-template-template-solution .hero-solution {
position: relative;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
}
.page-template-template-solution .hero-solution > .inner {
min-height: -webkit-calc(100vh - 111px);
min-height: -moz-calc(100vh - 111px);
min-height: calc(100vh - 111px);
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.page-template-template-solution .hero-solution > .inner,
.page-template-template-solution .hero-solution > .inner .row {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 768px) {
.page-template-template-solution .hero-solution .how {
height: 50px;
max-width: 420px;
width: 60%;
left: 15px;
}
.page-template-template-solution .hero-solution .how img {
margin-bottom: 5px;
width: 16px;
height: auto;
}
.page-template-template-solution .hero-solution .how span {
font-size: 14px;
}
}
.page-template-template-solution .hero-solution .hero-content {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.page-template-template-solution .hero-solution .hero-content .hero-content-left {
width: 650px;
}
@media screen and (max-width: 991px) {
.page-template-template-solution .hero-solution .hero-content .hero-content-left {
width: auto;
}
}
.page-template-template-solution .hero-solution .hero-content .hero-content-right {
text-align: center;
padding-left: 50px;
}
@media screen and (max-width: 1200px) {
.page-template-template-solution .hero-solution .hero-content .hero-content-right {
display: none;
}
}
.page-template-template-solution .hero-solution h2 {
font-family: Clearface Bold;
font-size: 48px;
letter-spacing: -0.48px;
line-height: 1.5em;
margin-bottom: 2.5vw;
}
@media screen and (max-width: 991px) {
.page-template-template-solution .hero-solution h2 {
font-size: 36px;
margin-bottom: 20px;
}
}
@media screen and (max-width: 768px) {
.page-template-template-solution .hero-solution h2 {
font-size: 21px;
margin-bottom: 20px;
}
}
.page-template-template-solution .hero-solution h4 {
font-family: Commuters Sans;
font-size: 24px;
font-weight: 700;
letter-spacing: 2.4px;
text-transform: uppercase;
}
@media screen and (max-width: 991px) {
.page-template-template-solution .hero-solution h4 {
font-size: 16px;
margin-bottom: 20px;
}
}
.page-template-template-solution .content-section-one {
padding: 6vw 0 4vw;
}
@media screen and (max-width: 768px) {
.page-template-template-solution .content-section-one {
padding: 75px 0;
}
}
.page-template-template-solution .content-section-one .inner {
margin-left: auto;
margin-right: auto;
max-width: 1080px;
width: 100%;
}
.page-template-template-solution .content-section-one h3 {
font-family: Commuters Sans;
font-size: 40px;
font-weight: 400;
line-height: 1.25em;
margin-bottom: 2.5vw;
}
@media screen and (max-width: 768px) {
.page-template-template-solution .content-section-one h3 {
font-size: 21px;
margin-bottom: 20px;
}
}
.page-template-template-solution .content-section-one p {
color: #555;
font-family: Commuters Sans;
font-size: 40px;
line-height: 1.25em;
font-weight: 100;
margin-bottom: 2.5vw;
}
@media screen and (max-width: 768px) {
.page-template-template-solution .content-section-one p {
font-size: 18px;
margin-bottom: 20px;
}
}
.page-template-template-solution .content-section-two .section-two-content-top {
position: relative;
padding: 75px 0;
background-color: #eae9e5;
margin-bottom: 22px;
z-index: 2;
}
@media screen and (max-width: 768px) {
.page-template-template-solution .content-section-two .section-two-content-top {
margin-bottom: 15px;
}
}
.page-template-template-solution .content-section-two .section-two-content-top .how {
top: 60px;
}
.page-template-template-solution .content-section-two .section-two-content-top .col-right {
margin-bottom: -440px;
}
@media screen and (max-width: 991px) {
.page-template-template-solution .content-section-two .section-two-content-top .col-right {
margin-bottom: 0;
}
}
.page-template-template-solution .content-section-two .section-two-content-bottom {
position: relative;
padding: 3.5vw 0;
background-color: #eae9e5;
}
@media screen and (max-width: 991px) {
.page-template-template-solution .content-section-two .section-two-content-bottom {
padding: 50px 0;
}
}
.page-template-template-solution .content-section-two .section-two-content-bottom h2 {
margin-bottom: 0;
}
.page-template-template-solution .content-section-two .how {
background-color: #0c6608cc;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 420px;
height: 95px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: -41px;
text-align: center;
}
.page-template-template-solution .content-section-two .how img {
margin-bottom: 20px;
}
.page-template-template-solution .content-section-two .how span {
color: #fff;
font-family: Commuters Sans;
font-size: 20px;
font-weight: 300;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 3px;
width: 100%;
text-align: center;
display: inline-block;
}
@media screen and (max-width: 991px) {
.page-template-template-solution .content-section-two .how {
left: 0;
right: 0;
margin: 0 auto;
}
}
.page-template-template-solution .sidebar-white-block {
position: relative;
max-width: 600px;
width: 100%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color: #fff;
}
.page-template-template-solution .sidebar-white-block.top-block {
z-index: 2;
margin-top: -30px;
margin-bottom: 22px;
}
@media screen and (max-width: 991px) {
.page-template-template-solution .sidebar-white-block.top-block {
margin-top: 20px;
}
}
.page-template-template-solution .sidebar-white-block .inner {
text-align: center;
padding: 90px 54px;
}
.page-template-template-solution .sidebar-white-block .inner h2 {
margin-bottom: 0;
}
.page-template-template-solution .sidebar-white-block .how {
top: 94% !important;
left: 0;
right: 0;
margin: 0 auto;
}
.page-template-template-solution .sidebar-white-block p:last-of-type {
margin-bottom: 0;
}
.page-template-template-solution .content-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 991px) {
.page-template-template-solution .content-wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.page-template-template-solution .content-wrap .col-left {
width: 620px;
}
@media screen and (max-width: 991px) {
.page-template-template-solution .content-wrap .col-left {
width: auto;
}
}
.page-template-template-solution .item-num {
font-size: 72px;
display: inline-block;
font-family: Clearface Bold;
}
.page-template-template-solution .block-image-wrap {
min-height: 310px;
}
.single-event .how {
background-color: #0c6608cc;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 420px;
height: 95px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: -41px;
text-align: center;
}
.single-event .how img {
margin-bottom: 20px;
}
.single-event .how span {
color: #fff;
font-family: Commuters Sans;
font-size: 20px;
font-weight: 300;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 3px;
width: 100%;
text-align: center;
display: inline-block;
}
.single-event .hero-green-tab-center .how {
left: 0;
right: 0;
margin: 0 auto;
}
.single-event .hero .hero-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
.single-event .hero .hero-content * {
color: #fff;
}
.single-event .hero .hero-content h2 {
font-family: Commuters Sans;
font-size: 82px;
font-weight: 200;
line-height: 87.39px;
font-weight: 100;
}
@media screen and (max-width: 768px) {
.single-event .hero .hero-content h2 {
font-size: 36px;
line-height: 1.1em;
}
}
.single-event .hero .hero-content h1,
.single-event .hero .hero-content h3 {
font-family: Commuters Sans;
font-size: 30px;
font-weight: 500;
letter-spacing: 2.86px;
line-height: 1.5em;
text-transform: uppercase;
}
@media screen and (max-width: 768px) {
.single-event .hero .hero-content h1,
.single-event .hero .hero-content h3 {
font-size: 18px;
}
}
.single-event .hero .hero-content p {
margin-top: 1vw;
font-weight: 300;
}
.single-event .single-event-description {
padding: 6vw 0;
}
@media screen and (max-width: 768px) {
.single-event .single-event-description {
padding: 75px 0;
}
}
.single-event .single-event-description h3.tagline {
margin-bottom: 3vw;
}
.single-event .single-event-description .inner {
max-width: 1150px;
width: 100%;
margin: 0 auto;
}
.single-event .single-event-description .inner p {
color: #747474;
font-size: 28px;
line-height: 1.65em;
}
@media screen and (max-width: 768px) {
.single-event .single-event-description .inner p {
font-size: 18px;
}
}
.single-event .single-event-morderator {
background-color: #eae9e5;
padding: 3vw 0;
}
@media screen and (max-width: 768px) {
.single-event .single-event-morderator {
padding: 75px 0;
}
.single-event .single-event-morderator .container > .row {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-moz-box-orient: vertical;
-moz-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.single-event .single-event-morderator .container > .row .col-md-6:last-of-type {
margin-bottom: 20px;
}
}
.single-event .single-event-morderator h4 {
margin-bottom: 1.5vw;
}
.single-event .single-event-morderator img {
margin-top: 10px;
}
.single-event .single-event-morderator a.button {
margin-top: 2vw;
margin-bottom: 2vw;
}
.single-event #leader-ships {
padding: 3vw 0;
}
.single-event #leader-ships h3 {
color: #000;
margin-bottom: 2vw;
}
.page-template-template-events .how {
background-color: #0c6608cc;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 420px;
height: 95px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: -41px;
text-align: center;
}
.page-template-template-events .how img {
margin-bottom: 20px;
}
.page-template-template-events .how span {
color: #fff;
font-family: Commuters Sans;
font-size: 20px;
font-weight: 300;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 3px;
width: 100%;
text-align: center;
display: inline-block;
}
@media screen and (max-width: 768px) {
.page-template-template-events .how {
display: none;
}
}
.page-template-template-events .hero-green-tab-center .how {
left: 0;
right: 0;
margin: 0 auto;
}
.page-template-template-events .hero-events-landing h1 {
color: #fff;
font-family: Clearface Bold;
font-size: 60px;
font-weight: 700;
line-height: 72px;
margin: 0;
}
@media screen and (max-width: 768px) {
.page-template-template-events .hero-events-landing h1 {
font-size: 32px;
line-height: 1.25em;
}
}
.page-template-template-events .single-event-listing {
cursor: pointer;
position: relative;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
-webkit-transition: all 0.25s ease;
-o-transition: ease all 0.25s;
-moz-transition: ease all 0.25s;
transition: all 0.25s ease;
margin-bottom: 3vw;
display: block;
width: 100%;
}
.page-template-template-events .single-event-listing.simple-event {
max-width: 565px;
}
.page-template-template-events .single-event-listing .event-info-wrap {
position: absolute;
}
.page-template-template-events .single-event-listing .event-info-wrap > .inner {
position: relative;
z-index: 3;
padding: 45px 25px;
}
@media screen and (max-width: 768px) {
.page-template-template-events .single-event-listing .event-info-wrap > .inner {
padding: 25px;
}
}
.page-template-template-events .single-event-listing .event-info-wrap > .inner * {
color: #fff;
}
.page-template-template-events .single-event-listing .event-info-wrap > .inner h3 {
font-family: Commuters Sans;
font-size: 44px;
font-weight: 400;
line-height: 46.91px;
margin-bottom: 2vw;
}
@media screen and (max-width: 768px) {
.page-template-template-events .single-event-listing .event-info-wrap > .inner h3 {
font-size: 21px;
line-height: 1.1em;
}
}
.page-template-template-events .single-event-listing .event-info-wrap > .inner h2 {
margin-bottom: 1.5vw;
}
@media screen and (max-width: 768px) {
.page-template-template-events .single-event-listing .event-info-wrap > .inner h2 {
margin-bottom: 10px;
}
}
.page-template-template-events .single-event-listing .event-info-wrap > .inner h2,
.page-template-template-events .single-event-listing .event-info-wrap > .inner p {
letter-spacing: 2.4px;
line-height: 1.6em;
font-size: 18px;
font-family: Lato;
text-transform: uppercase;
}
@media screen and (max-width: 768px) {
.page-template-template-events .single-event-listing .event-info-wrap > .inner h2,
.page-template-template-events .single-event-listing .event-info-wrap > .inner p {
font-size: 16px;
}
}
.page-template-template-events .single-event-listing .event-info-wrap:after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: #000;
opacity: 0.71;
}
@media screen and (max-width: 768px) {
.page-template-template-events .single-event-listing.event-type-featured-event {
height: 120vw !important;
}
}
.page-template-template-events .single-event-listing.event-type-featured-event .event-info-wrap {
top: 40px;
left: -40px;
max-width: 609px;
min-height: 303px;
width: 100%;
}
@media screen and (max-width: 768px) {
.page-template-template-events .single-event-listing.event-type-featured-event .event-info-wrap {
top: auto;
bottom: 0;
left: 0;
width: 100%;
height: auto;
max-width: none;
min-height: 1px;
position: absolute;
}
}
.page-template-template-events .simple-event .event-info-wrap {
top: 40px;
left: -40px;
max-width: 309px;
min-height: 303px;
width: 100%;
}
@media screen and (max-width: 768px) {
.page-template-template-events .simple-event .event-info-wrap {
top: auto;
bottom: 0;
left: 0;
width: 100%;
height: auto;
max-width: none;
min-height: 1px;
position: absolute;
}
}
.page-template-template-events .events-grid-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.page-template-template-events .events-grid-wrap > article {
max-width: 565px;
width: 100%;
}
.page-template-template-events .featured-events {
padding: 4vw 0 0;
}
.page-template-template-events .events-grid-wrap {
padding: 0 0 4vw;
}
.page-template-template-get-involved .how {
background-color: #0c6608cc;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 420px;
height: 95px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: -41px;
text-align: center;
}
@media screen and (max-width: 768px) {
.page-template-template-get-involved .how {
top: -20px;
}
}
.page-template-template-get-involved .how img {
margin-bottom: 20px;
}
.page-template-template-get-involved .how span {
color: #fff;
font-family: Commuters Sans;
font-size: 20px;
font-weight: 300;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 3px;
width: 100%;
text-align: center;
display: inline-block;
}
.page-template-template-get-involved .hero-green-tab-center .how {
left: 0;
right: 0;
margin: 0 auto;
}
.page-template-template-get-involved .hero-get-involved h1 {
color: #fff;
font-family: Clearface Bold;
font-size: 60px;
font-weight: 700;
line-height: 72px;
margin: 0;
}
@media screen and (max-width: 768px) {
.page-template-template-get-involved .hero-get-involved h1 {
font-size: 38px;
line-height: 1.5em;
}
}
.page-template-template-get-involved .get-involved-intro {
padding: 8vw 0 0;
}
@media screen and (max-width: 768px) {
.page-template-template-get-involved .get-involved-intro {
padding: 50px 0 0;
}
}
.page-template-template-get-involved .get-involved-intro h2 {
font-family: Commuters Sans;
font-size: 34px;
font-weight: 700;
line-height: 1.5em;
text-transform: uppercase;
letter-spacing: 1.7px;
}
@media screen and (max-width: 768px) {
.page-template-template-get-involved .get-involved-intro h2 {
font-size: 21px;
}
}
.page-template-template-get-involved .get-involved-intro p {
color: #000;
font-family: Lato;
font-size: 35px;
line-height: 1.5em;
font-style: italic;
margin-bottom: 7.5vw;
}
@media screen and (max-width: 768px) {
.page-template-template-get-involved .get-involved-intro p {
font-size: 16px;
margin-bottom: 60px;
}
}
.page-template-template-get-involved .get-involved-form {
background-color: #000;
padding: 4vw 0 0;
}
@media screen and (max-width: 768px) {
.page-template-template-get-involved .get-involved-form {
padding-top: 50px;
}
}
.page-template-template-get-involved .get-involved-form * {
color: #fff;
}
.page-template-template-get-involved .get-involved-form .form-intro-top {
position: relative;
padding-bottom: 30px;
margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
.page-template-template-get-involved .get-involved-form .form-intro-top {
padding-bottom: 15px;
margin-bottom: 15px;
}
}
.page-template-template-get-involved .get-involved-form .form-intro-top h2 {
font-size: 54px;
margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
.page-template-template-get-involved .get-involved-form .form-intro-top h2 {
font-size: 32px;
}
}
.page-template-template-get-involved .get-involved-form .form-intro-top p {
font-family: Lato;
font-size: 36px;
font-weight: 400;
letter-spacing: 0.9px;
line-height: 1.65em;
}
@media screen and (max-width: 768px) {
.page-template-template-get-involved .get-involved-form .form-intro-top p {
font-size: 21px;
}
}
.page-template-template-get-involved .get-involved-form .form-intro-top:after {
content: "";
position: absolute;
left: 0;
right: 0;
height: 3px;
max-width: 298px;
width: 100%;
background-color: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 0 auto;
bottom: 0;
}
.page-template-template-get-involved .get-involved-form .form-intro-bottom {
max-width: 600px;
width: 100%;
margin: 0 auto 1.5vw;
}
.page-template-template-get-involved .get-involved-form .form-intro-bottom p {
font-family: Lato;
font-size: 36px;
font-weight: 400;
letter-spacing: 0.9px;
line-height: 1.65em;
}
@media screen and (max-width: 768px) {
.page-template-template-get-involved .get-involved-form .form-intro-bottom p {
font-size: 21px;
}
}
.page-template-template-get-involved .get-involved-form .gform_wrapper {
margin-bottom: 4vw;
}
@media screen and (max-width: 768px) {
.page-template-template-get-involved .get-involved-form .gform_wrapper {
margin-bottom: 50px;
}
}
.page-template-template-get-involved .get-involved-form .gform_wrapper form {
max-width: 990px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.page-template-template-get-involved .get-involved-form .gform_wrapper form .gfield > .gfield_label {
}
.page-template-template-get-involved .get-involved-form .gform_wrapper form #field_3_9 > .gfield_label {
font-family: Lato;
display: block;
text-align: center;
font-size: 30px;
font-weight: 400;
letter-spacing: 0.75px;
line-height: 1.25em;
max-width: 650px;
width: 100%;
margin: 2vw auto 1.5vw;
}
@media screen and (max-width: 768px) {
.page-template-template-get-involved .get-involved-form .gform_wrapper form #field_3_9 > .gfield_label {
font-size: 18px;
}
}
.page-template-template-get-involved .get-involved-form .gform_wrapper form input,
.page-template-template-get-involved .get-involved-form .gform_wrapper form select {
height: 40px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 5px 10px !important;
font-family: Commuters Sans;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.42px;
border: none;
outline: none;
color: #000;
}
.page-template-template-get-involved .get-involved-form .gform_wrapper form textarea {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 5px 10px;
font-family: Commuters Sans;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.42px;
border: none;
outline: none;
color: #000;
}
.page-template-template-get-involved .get-involved-form .gform_wrapper form input[type="submit"] {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 40px;
min-width: 130px;
position: relative;
color: #fff !important;
font-family: Commuters Sans;
font-size: 14px;
font-weight: 400 !important;
line-height: 27px;
text-transform: uppercase;
letter-spacing: 1.87px;
background-color: #0f570b;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.page-template-template-get-involved .get-involved-form .gform_wrapper form ::-webkit-input-placeholder,
.page-template-template-get-involved .get-involved-form .gform_wrapper form option,
.page-template-template-get-involved .get-involved-form .gform_wrapper form select {
color: #c8c4b9 !important;
}
.page-template-template-get-involved .get-involved-form .gform_wrapper form ::-moz-placeholder,
.page-template-template-get-involved .get-involved-form .gform_wrapper form option,
.page-template-template-get-involved .get-involved-form .gform_wrapper form select {
color: #c8c4b9 !important;
}
.page-template-template-get-involved .get-involved-form .gform_wrapper form :-ms-input-placeholder,
.page-template-template-get-involved .get-involved-form .gform_wrapper form option,
.page-template-template-get-involved .get-involved-form .gform_wrapper form select {
color: #c8c4b9 !important;
}
.page-template-template-get-involved .get-involved-form .gform_wrapper form :-moz-placeholder,
.page-template-template-get-involved .get-involved-form .gform_wrapper form option,
.page-template-template-get-involved .get-involved-form .gform_wrapper form select {
color: #c8c4b9 !important;
}
.page-template-template-get-involved .get-involved-donate {
padding: 6vw 0;
background-color: #388034;
text-align: center;
}
@media screen and (max-width: 768px) {
.page-template-template-get-involved .get-involved-donate {
padding: 50px 0;
}
}
.page-template-template-get-involved .get-involved-donate * {
color: #fff;
}
.page-template-template-get-involved .get-involved-donate .content-wrap {
max-width: 650px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.page-template-template-get-involved .get-involved-donate .content-wrap h2 {
margin-bottom: 10px;
font-size: 54px;
}
@media screen and (max-width: 768px) {
.page-template-template-get-involved .get-involved-donate .content-wrap h2 {
font-size: 32px;
}
}
.page-template-template-get-involved .get-involved-donate .content-wrap p {
font-size: 36px;
line-height: 1.5em;
font-weight: 400;
margin-bottom: 1.5vw;
}
@media screen and (max-width: 768px) {
.page-template-template-get-involved .get-involved-donate .content-wrap p {
font-size: 21px;
}
}
.page-template-template-past-events .hero h1 {
font-family: Clearface Bold;
font-weight: 700;
}
.page-template-template-past-events .how {
background-color: #0c6608cc;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 420px;
height: 95px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: -41px;
text-align: center;
}
.page-template-template-past-events .how img {
margin-bottom: 20px;
}
.page-template-template-past-events .how span {
color: #fff;
font-family: Commuters Sans;
font-size: 20px;
font-weight: 300;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 3px;
width: 100%;
text-align: center;
display: inline-block;
}
.page-template-template-past-events .hero-green-tab-center .how {
left: 0;
right: 0;
margin: 0 auto;
}
.page-template-template-past-events .hero-past-events h1 {
color: #fff;
font-family: Clearface Bold;
font-size: 60px;
font-weight: 700;
line-height: 72px;
margin: 0;
}
.page-template-template-past-events .hero-past-events .inner {
-webkit-box-align: start;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: start;
align-items: center;
padding-top: 0;
}
.page-template-template-past-events .content-section-one {
padding: 4vw 0;
}
.page-template-template-past-events .content-section-one h3 {
margin-bottom: 3vw;
}
.page-template-template-past-events .content-section-one .quotes-wrap {
max-width: 1110px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.page-template-template-past-events .content-section-one .quotes-wrap .single-quote {
margin-bottom: 2vw;
}
.page-template-template-past-events .content-section-one .quotes-wrap p.quote {
color: #747474;
font-family: Commuters Sans;
font-size: 40px;
font-weight: 100;
line-height: 1.25em;
}
.page-template-template-past-events .content-section-one .quotes-wrap span.author {
color: #747474;
font-family: Commuters Sans;
font-size: 22px;
font-weight: 400;
text-transform: uppercase;
}
.page-template-template-past-events .past-even-speakers {
padding: 4vw 0 0;
background-color: #eae9e5;
}
.page-template-template-past-events .past-even-speakers .past-speakers-grid-wrap {
margin-top: 1.5vw;
margin-bottom: 4vw;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.page-template-template-past-events .past-even-speakers .past-speakers-grid-wrap h4 {
color: #0c6608;
}
.page-template-template-past-events .past-even-speakers .past-speakers-grid-wrap > div {
max-width: 635px;
width: 100%;
}
.page-template-template-past-events .past-even-speakers .past-speakers-grid-wrap > div:first-of-type {
padding-right: 30px;
}
.page-template-template-past-events .past-even-speakers .past-speakers-grid-wrap .single-group {
margin-bottom: 3vw;
}
.page-template-template-past-events .past-even-speakers .past-speakers-grid-wrap .single-group h3 {
margin-bottom: 2vw;
}
.page-template-template-past-events .past-even-speakers .past-speakers-grid-wrap .single-group .speaker-name {
font-szie: 24px;
line-height: 1em;
font-weight: 700;
}
.page-template-template-past-events .past-even-speakers .past-speakers-grid-wrap .single-group .speaker-name .speaker-title {
font-size: 18px;
font-weight: 400;
font-style: italic;
}
.archive .hero,
.blog .hero,
.search .hero {
background-position: center 83%;
}
.archive .hero > .inner,
.blog .hero > .inner,
.search .hero > .inner {
min-height: 442px;
padding: 50px 0;
}
.archive .hero > .inner h1,
.blog .hero > .inner h1,
.search .hero > .inner h1 {
font-family: Clearface Bold;
font-size: 60px;
font-weight: 700;
line-height: 1.2em;
margin-top: 0;
margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
.archive .hero > .inner h1,
.blog .hero > .inner h1,
.search .hero > .inner h1 {
font-size: 28px;
}
}
.archive .hero > .inner p,
.blog .hero > .inner p,
.search .hero > .inner p {
font-size: 45px;
font-weight: 500;
line-height: 1em;
}
@media screen and (max-width: 768px) {
.archive .hero > .inner p,
.blog .hero > .inner p,
.search .hero > .inner p {
font-size: 18px;
}
}
.archive .archive-content-container,
.blog .archive-content-container,
.search .archive-content-container {
padding: 2.5vw 0;
background-color: #f2f2ef;
}
@media screen and (max-width: 991px) {
.archive .archive-content-container,
.blog .archive-content-container,
.search .archive-content-container {
padding: 50px 0;
}
}
.archive .archive-content-container .archive-roll-wrap,
.blog .archive-content-container .archive-roll-wrap,
.search .archive-content-container .archive-roll-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 991px) {
.archive .archive-content-container .archive-roll-wrap,
.blog .archive-content-container .archive-roll-wrap,
.search .archive-content-container .archive-roll-wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.archive .archive-content-container .archive-roll-wrap > .col-left,
.blog .archive-content-container .archive-roll-wrap > .col-left,
.search .archive-content-container .archive-roll-wrap > .col-left {
max-width: 850px;
width: 100%;
margin-right: 30px;
}
@media screen and (max-width: 991px) {
.archive .archive-content-container .archive-roll-wrap > .col-left,
.blog .archive-content-container .archive-roll-wrap > .col-left,
.search .archive-content-container .archive-roll-wrap > .col-left {
margin-left: auto;
margin-right: auto;
}
}
.archive .archive-content-container .archive-roll-wrap > .col-left article,
.blog .archive-content-container .archive-roll-wrap > .col-left article,
.search .archive-content-container .archive-roll-wrap > .col-left article {
margin-bottom: 2vw;
}
@media screen and (max-width: 991px) {
.archive .archive-content-container .archive-roll-wrap > .col-left article,
.blog .archive-content-container .archive-roll-wrap > .col-left article,
.search .archive-content-container .archive-roll-wrap > .col-left article {
margin-bottom: 20px;
}
}
.archive .archive-content-container .archive-roll-wrap > .col-left article .post-thumb-banner,
.blog .archive-content-container .archive-roll-wrap > .col-left article .post-thumb-banner,
.search .archive-content-container .archive-roll-wrap > .col-left article .post-thumb-banner {
display: block;
}
.archive .archive-content-container .archive-roll-wrap > .col-left article > .inner,
.blog .archive-content-container .archive-roll-wrap > .col-left article > .inner,
.search .archive-content-container .archive-roll-wrap > .col-left article > .inner {
background-color: #fff;
padding: 20px 20px 30px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.archive .archive-content-container .archive-roll-wrap > .col-left article > .inner .inner-col-left,
.blog .archive-content-container .archive-roll-wrap > .col-left article > .inner .inner-col-left,
.search .archive-content-container .archive-roll-wrap > .col-left article > .inner .inner-col-left {
width: 15%;
}
@media screen and (max-width: 768px) {
.archive .archive-content-container .archive-roll-wrap > .col-left article > .inner .inner-col-left,
.blog .archive-content-container .archive-roll-wrap > .col-left article > .inner .inner-col-left,
.search .archive-content-container .archive-roll-wrap > .col-left article > .inner .inner-col-left {
width: 25%;
}
}
.archive .archive-content-container .archive-roll-wrap > .col-left article > .inner .inner-col-right,
.blog .archive-content-container .archive-roll-wrap > .col-left article > .inner .inner-col-right,
.search .archive-content-container .archive-roll-wrap > .col-left article > .inner .inner-col-right {
width: 85%;
}
@media screen and (max-width: 768px) {
.archive .archive-content-container .archive-roll-wrap > .col-left article > .inner .inner-col-right,
.blog .archive-content-container .archive-roll-wrap > .col-left article > .inner .inner-col-right,
.search .archive-content-container .archive-roll-wrap > .col-left article > .inner .inner-col-right {
width: 75%;
}
}
.archive .archive-content-container .archive-roll-wrap > .col-left article > .inner h3,
.blog .archive-content-container .archive-roll-wrap > .col-left article > .inner h3,
.search .archive-content-container .archive-roll-wrap > .col-left article > .inner h3 {
font-size: 30px;
letter-spacing: 1.7px;
line-height: 1.5em;
font-family: Lato;
margin-bottom: 0;
font-weight: 400;
margin-top: 0;
}
@media screen and (max-width: 768px) {
.archive .archive-content-container .archive-roll-wrap > .col-left article > .inner h3,
.blog .archive-content-container .archive-roll-wrap > .col-left article > .inner h3,
.search .archive-content-container .archive-roll-wrap > .col-left article > .inner h3 {
font-size: 26px;
line-height: 1.25em;
}
}
.archive .archive-content-container .archive-roll-wrap > .col-left article > .inner h3 a,
.blog .archive-content-container .archive-roll-wrap > .col-left article > .inner h3 a,
.search .archive-content-container .archive-roll-wrap > .col-left article > .inner h3 a {
color: #000;
}
.archive .archive-content-container .archive-roll-wrap > .col-left article > .inner .excerpt p,
.blog .archive-content-container .archive-roll-wrap > .col-left article > .inner .excerpt p,
.search .archive-content-container .archive-roll-wrap > .col-left article > .inner .excerpt p {
font-family: Lato;
font-size: 18px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.51px;
}
.archive .archive-content-container .archive-roll-wrap .col-right,
.blog .archive-content-container .archive-roll-wrap .col-right,
.search .archive-content-container .archive-roll-wrap .col-right {
max-width: 425px;
width: 100%;
}
@media screen and (max-width: 991px) {
.archive .archive-content-container .archive-roll-wrap .col-right,
.blog .archive-content-container .archive-roll-wrap .col-right,
.search .archive-content-container .archive-roll-wrap .col-right {
max-width: 850px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
}
}
.single-post .single-post-container {
padding: 2.5vw 0;
background-color: #ebf0ed;
}
.single-post .single-post-container .single-post-content-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 991px) {
.single-post .single-post-container .single-post-content-wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 50px 0;
}
}
.single-post .single-post-container .single-post-content-wrap .col-left {
max-width: 850px;
width: 100%;
margin-right: 30px;
}
@media screen and (max-width: 991px) {
.single-post .single-post-container .single-post-content-wrap .col-left {
margin-right: auto;
margin-left: auto;
margin-bottom: 20px;
}
}
.single-post .single-post-container .single-post-content-wrap .col-left article > .inner {
padding: 20px 20px 30px;
background-color: #fff;
}
.single-post .single-post-container .single-post-content-wrap .col-left article > .inner h1 {
margin-top: 0;
font-size: 45px;
font-weight: 400;
letter-spacing: 0.8px;
line-height: 1.5em;
}
@media screen and (max-width: 991px) {
.single-post .single-post-container .single-post-content-wrap .col-left article > .inner h1 {
font-size: 28px;
}
}
.single-post .single-post-container .single-post-content-wrap .col-left article > .inner p {
color: #000;
font-family: Lato;
font-size: 20px;
font-weight: 400;
letter-spacing: 0.57px;
}
@media screen and (max-width: 991px) {
.single-post .single-post-container .single-post-content-wrap .col-left article > .inner p {
font-size: 16px;
}
}
.single-post .single-post-container .single-post-content-wrap .col-left article > .inner .content-wrap h2 {
font-size: 32px;
margin-bottom: 0;
margin-top: 0;
}
@media screen and (max-width: 991px) {
.single-post .single-post-container .single-post-content-wrap .col-left article > .inner .content-wrap h2 {
font-size: 24px;
}
}
.single-post .single-post-container .single-post-content-wrap .col-left article > .inner .content-wrap h3 {
font-size: 28px;
margin-bottom: 0;
margin-top: 0;
}
@media screen and (max-width: 991px) {
.single-post .single-post-container .single-post-content-wrap .col-left article > .inner .content-wrap h3 {
font-size: 22px;
}
}
.single-post .single-post-container .single-post-content-wrap .col-left article > .inner .content-wrap h4 {
font-size: 23px;
margin-bottom: 0;
margin-top: 0;
}
@media screen and (max-width: 991px) {
.single-post .single-post-container .single-post-content-wrap .col-left article > .inner .content-wrap h4 {
font-size: 21px;
}
}
.single-post .single-post-container .single-post-content-wrap .col-left article > .inner .content-wrap ol,
.single-post .single-post-container .single-post-content-wrap .col-left article > .inner .content-wrap ul {
padding-left: 20px;
}
.single-post .single-post-container .single-post-content-wrap .col-left article > .inner .content-wrap ol li,
.single-post .single-post-container .single-post-content-wrap .col-left article > .inner .content-wrap ul li {
list-style-position: outside;
color: #000;
font-family: Lato;
font-size: 20px;
font-weight: 400;
letter-spacing: 0.57px;
}
@media screen and (max-width: 991px) {
.single-post .single-post-container .single-post-content-wrap .col-left article > .inner .content-wrap ol li,
.single-post .single-post-container .single-post-content-wrap .col-left article > .inner .content-wrap ul li {
font-size: 16px;
}
}
.single-post .single-post-container .single-post-content-wrap .col-left article > .inner .post-intro {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #a2a2a2;
}
.single-post .single-post-container .single-post-content-wrap .col-left article > .inner .post-intro p {
font-size: 22px;
font-weight: 500;
letter-spacing: 0.63px;
}
@media screen and (max-width: 991px) {
.single-post .single-post-container .single-post-content-wrap .col-left article > .inner .post-intro p {
font-size: 18px;
}
}
.single-post .single-post-container .single-post-content-wrap .col-left article > .inner .post-intro p.intro-by,
.single-post .single-post-container .single-post-content-wrap .col-left article > .inner .post-intro p:last-of-type {
margin-bottom: 0;
}
.single-post .single-post-container .single-post-content-wrap .col-right {
max-width: 425px;
width: 100%;
}
@media screen and (max-width: 991px) {
.single-post .single-post-container .single-post-content-wrap .col-right {
max-width: 850px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 768px) {
.how {
height: 50px !important;
max-width: 420px !important;
width: 60% !important;
}
.how img {
margin-bottom: 5px !important;
width: 16px !important;
height: auto !important;
}
.how span {
font-size: 14px !important;
}
}
@media screen and (max-width: 991px) {
.hero .container {
width: 100%;
}
}
.featured-past-events {
padding-top: 5vw;
padding-bottom: -webkit-calc(4vw - 50px);
padding-bottom: -moz-calc(4vw - 50px);
padding-bottom: calc(4vw - 50px);
}
.featured-past-events .featured-past-events-grid {
margin-top: 10px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.featured-past-events .featured-past-events-grid > div {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 565px;
margin-bottom: 50px;
}
.featured-past-events .featured-past-events-grid > div img {
margin-bottom: 25px;
}
@media screen and (max-width: 650px) {
.featured-past-events .featured-past-events-grid > div img {
margin-bottom: 15px;
}
}
.featured-past-events .featured-past-events-grid > div .inner {
background-color: #eae9e5;
padding: 44px 36px;
min-height: 337px;
}
@media screen and (max-width: 650px) {
.featured-past-events .featured-past-events-grid > div .inner {
min-height: 1px;
}
}
.featured-past-events .featured-past-events-grid > div .inner .content-wrap {
max-width: 100%;
width: 100%;
}
.featured-past-events .featured-past-events-grid > div .inner .content-wrap h3 {
font-family: Lato;
font-size: 26px;
line-height: 1.5em;
font-weight: 700;
font-style: normal;
letter-spacing: 0.26px;
}
@media screen and (max-width: 650px) {
.featured-past-events .featured-past-events-grid > div .inner .content-wrap h3 {
font-size: 21px;
}
}
.featured-past-events .featured-past-events-grid > div .inner .content-wrap p {
font-size: 18px;
}
@media screen and (max-width: 650px) {
.featured-past-events .featured-past-events-grid > div .inner .content-wrap p {
font-size: 14px;
}
}
.featured-past-events .featured-past-events-grid > div .inner .content-wrap p:last-of-type {
margin-bottom: 0;
}
main {
padding-top: 100px;
}
@media screen and (max-width: 768px) {
main {
padding-top: 87px;
}
}
button,
input {
outline: none !important;
}
.home img.stat-grd {
display: none !important;
}
.home .how {
background-color: #0c6608cc;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 420px;
height: 95px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: -166px;
text-align: center;
}
.home .how img {
margin-bottom: 28px;
width: 23px;
height: 11px;
}
.home .how span {
color: #fff;
font-family: Commuters Sans;
font-size: 20px;
font-weight: 300;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 3px;
width: 100%;
text-align: center;
}
@media screen and (max-width: 600px) {
.home .how {
width: 63vw !important;
height: 70px !important;
}
.home .how img {
margin-bottom: 10px;
width: 12px;
height: 4px;
}
.home .how span {
font-size: 10px;
}
}
.home #socialsint,
.home footer#site-footer {
border-top: 20px solid #fff;
}
.home #socialsint {
background-color: #eae9e5;
border-bottom: 20px solid #fff;
padding: 30px;
margin-bottom: -140px;
}
.home #socialsint .soc-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr;
grid-gap: 30px;
grid-auto-rows: auto;
grid-auto-columns: auto;
}
.home #socialsint .soc-grid .inst img {
width: 100%;
height: 320px;
-o-object-fit: cover;
object-fit: cover;
}
.home #socialsint .soc-grid .item:first-child {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-moz-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.home #socialsint .soc-grid .item:nth-child(2) {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-moz-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
.home #socialsint .soc-grid .item:nth-child(3) {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-moz-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.home #socialsint .soc-grid .item:nth-child(4) {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-moz-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.home #socialsint .soc-grid .item:nth-child(5) {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-moz-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
margin-top: -120px;
position: relative;
}
.home #socialsint .soc-grid .item:nth-child(6) {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-moz-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.home #socialsint .soc-grid .item:nth-child(7) {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-moz-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
margin-top: -120px;
position: relative;
}
.home #socialsint .soc-grid .item:nth-child(8) {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-moz-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.home #socialsint .soc-grid .telegram {
background-color: #fff;
height: 200px;
}
.home #socialsint .soc-grid .telegram .bx {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 100%;
}
.home #socialsint .soc-grid .telegram .bx em {
display: none;
}
.home #socialsint .soc-grid .telegram .bod {
padding: 23px;
height: 154px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.home #socialsint .soc-grid .telegram .bod .smlog {
margin-top: 25px;
display: table;
width: 67px;
}
.home #socialsint .soc-grid .telegram .bod .desc {
color: #a1a1a1;
font-family: Lato;
font-size: 16px;
font-weight: 300;
line-height: 24px;
}
.home #socialsint .soc-grid .telegram .bod a {
color: #00aeef;
}
.home #socialsint .soc-grid .telegram .ft {
border-top: 3px solid #e1e1e1;
padding: 10px 25px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.home #socialsint .soc-grid .telegram .ft span {
color: #a1a1a1;
font-family: Lato;
font-size: 12px;
font-weight: 300;
line-height: 14px;
text-transform: uppercase;
margin-left: 35px;
}
.home #socialsint .soc-grid .telegram .ft span:first-child {
margin-left: 0;
}
.home #socialsint .soc-grid .telegram .ft a {
color: #a1a1a1;
font-family: Lato;
font-size: 12px;
font-weight: 300;
line-height: 14px;
text-transform: uppercase;
text-decoration: none;
}
@-webkit-keyframes yb {
to {
opacity: 0;
}
}
@-moz-keyframes yb {
to {
opacity: 0;
}
}
@-o-keyframes yb {
to {
opacity: 0;
}
}
@keyframes yb {
to {
opacity: 0;
}
}
.home #grid .grd-cont {
position: relative;
}
.home #grid .container {
width: 1410px;
}
.home #grid .headtext {
position: absolute;
top: 0;
padding: 60px 60px 35px;
left: 0;
z-index: 5;
}
.home #grid .headtext .typed-cursor {
-webkit-animation: yb 0.5s infinite;
-moz-animation: yb 0.5s infinite;
-o-animation: yb 0.5s infinite;
animation: yb 0.5s infinite;
color: #000;
font-family: Lato;
font-size: 33px;
}
.home #grid .headtext .ttl {
color: #000;
font-family: Clearface Bold;
font-size: 54px;
font-weight: 400;
line-height: 48px;
letter-spacing: 0.54px;
margin-bottom: 20px;
}
.home #grid .headtext .txt-rotate {
color: #000;
font-family: Lato;
font-size: 33px;
font-weight: 500;
line-height: 43px;
}
.home #grid .grd {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(4, 1fr);
row-gap: 10px;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
height: 1000px;
}
.home #grid .grd img {
opacity: 0.25;
height: 100%;
}
.home #grid .grd img,
.home #grid .grd img.act {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.home #grid .grd img.act {
opacity: 1;
}
.home #grid .grd img.act:first-child,
.home #grid .grd img.act:nth-child(2),
.home #grid .grd img.act:nth-child(3) {
opacity: 0.5;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.home #grid .grd img:first-child {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 1;
display: grid;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 240px;
-o-object-position: center center;
object-position: center center;
}
.home #grid .grd img:nth-child(2) {
grid-column-start: 3;
}
.home #grid .grd img:nth-child(2),
.home #grid .grd img:nth-child(3) {
grid-column-end: 4;
grid-row-start: 1;
grid-row-end: 1;
display: grid;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 240px;
-o-object-position: center center;
object-position: center center;
}
.home #grid .grd img:nth-child(3) {
grid-column-start: 4;
}
.home #grid .grd img:nth-child(4) {
grid-column-start: 1;
grid-column-end: 1;
}
.home #grid .grd img:nth-child(4),
.home #grid .grd img:nth-child(5) {
grid-row-start: 2;
grid-row-end: 2;
display: grid;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 240px;
-o-object-position: center center;
object-position: center center;
}
.home #grid .grd img:nth-child(5) {
grid-column-start: 2;
grid-column-end: 2;
}
.home #grid .grd img:nth-child(6) {
grid-column-start: 3;
grid-column-end: 5;
grid-row-start: 2;
grid-row-end: 4;
}
.home #grid .grd img:nth-child(6),
.home #grid .grd img:nth-child(7) {
display: grid;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 496px;
-o-object-position: center center;
object-position: center center;
}
.home #grid .grd img:nth-child(7) {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 3;
grid-row-end: 5;
}
.home #grid .grd img:nth-child(8),
.home #grid .grd img:nth-child(9) {
height: 240px;
}
.home #numbers-slider {
padding: 120px 0 60px;
}
.page-id-15 #numbers-slider-piller {
padding: 30px 0 60px;
}
.home #numbers-slider .slick-slider,
.page-id-15 #numbers-slider-piller .slick-slider {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-moz-box-orient: vertical;
-moz-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.home #numbers-slider .slick-slider ul.slick-dots,
.page-id-15 #numbers-slider-piller .slick-slider ul.slick-dots {
padding: 0;
margin: 0;
}
.home #numbers-slider .slick-slider ul.slick-dots li,
.page-id-15 #numbers-slider-piller .slick-slider ul.slick-dots li {
list-style: none;
display: inline;
}
.home #numbers-slider .slick-slider ul.slick-dots li.slick-active button,
.page-id-15 #numbers-slider-piller .slick-slider ul.slick-dots li.slick-active button {
color: #000;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.home #numbers-slider .slick-slider ul.slick-dots li button,
.page-id-15 #numbers-slider-piller .slick-slider ul.slick-dots li button {
background: transparent;
border: none;
color: #e1e1e1;
font-family: Clearface Bold;
font-size: 107px;
font-weight: 400;
line-height: 48px;
outline: none;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
padding: 25px 0;
cursor: pointer;
}
.home #numbers-slider .slick-slider .slide,
.page-id-15 #numbers-slider-piller .slick-slider .slide {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.home #numbers-slider .slick-slider .slide span {
color: #555;
font-family: Commuters Sans;
font-size: 42px;
font-weight: 100;
line-height: 48px;
margin-top: 35px;
margin-bottom: 44px;
}
,
.page-id-15 #numbers-slider-piller .slick-slider .slide span{
font-size: 60px;
line-height: 60px;
font-weight: 400;
color: #555;
font-family: Commuters Sans;
margin-top: 35px;
margin-bottom: 44px;
}
.home #numbers-slider .slick-slider .slide a,
.page-id-15 #numbers-slider-piller .slick-slider .slide a {
color: #327a2f;
font-family: Commuters Sans;
font-size: 20px;
font-weight: 500;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 3px;
}
.home #ages {
background: url(../images/tws.png);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 600px;
}
.home #ages .section-title {
color: #000;
font-family: Clearface Bold;
font-size: 54px;
font-weight: 400;
line-height: 36px;
letter-spacing: -0.54px;
text-align: right;
margin-top: 75px;
margin-bottom: 50px;
}
.home #ages .agescontainer {
max-width: 600px;
float: right;
height: 600px;
width: 100%;
background-color: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 55px;
position: relative;
z-index: 2;
}
.home #ages .agescontainer .slide .title {
color: #000;
font-family: Commuters Sans;
font-size: 24px;
font-weight: 700;
line-height: 36px;
text-transform: uppercase;
letter-spacing: 2.4px;
margin-top: 45px;
margin-bottom: 31px;
text-align: center;
}
.home #ages .agescontainer .slide .ages-range {
color: #000;
font-family: Commuters Sans;
font-size: 98px;
font-weight: 100;
line-height: 48px;
margin-bottom: 82px;
text-align: center;
}
.home #ages .agescontainer .slide .ages-description {
color: #000;
font-family: Lato;
font-size: 24px;
font-weight: 400;
line-height: 40px;
letter-spacing: 0.6px;
margin-bottom: 105px;
text-align: center;
}
.home #ages .agescontainer .ages-controls {
max-width: 400px;
width: 95%;
height: 90px;
background-color: #0c6608cc;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
bottom: -45px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
position: absolute;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
z-index: 3;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.home #ages .agescontainer .ages-controls span {
color: #fff;
font-family: Commuters Sans;
font-size: 20px;
font-weight: 300;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 3px;
}
.home #ages .agescontainer .ages-controls .arr {
width: 14px;
height: 30px;
}
.home #ages .agescontainer .ages-controls .right {
background: url(../images/arr-right.png);
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
cursor: pointer;
}
.home #ages .agescontainer .ages-controls .left {
background: url(../images/arr-left.png);
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
cursor: pointer;
}
.home #what {
height: 715px;
background-color: #eae9e5;
border-top: 25px solid #fff;
border-bottom: 25px solid #fff;
}
.home #what .title {
font-family: Clearface Bold;
font-size: 54px;
font-weight: 400;
letter-spacing: -0.54px;
line-height: 64px;
margin-top: 70px;
margin-bottom: 43px;
max-width: 471px;
}
.home #what .description {
max-width: 583px;
}
.home #what .description,
.home #what .description p {
font-family: Lato;
font-size: 20px;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 30px;
}
.home #what .description p {
margin-bottom: 20px;
}
.home #what .description p strong {
font-family: Lato;
font-weight: 600;
letter-spacing: 0.6px;
line-height: 36px;
}
.home #what .description a {
background-color: #0c6608cc;
padding: 2px 30px;
color: #fff;
font-family: Commuters Sans;
font-size: 14px;
font-weight: 400;
line-height: 36px;
text-transform: uppercase;
letter-spacing: 1.4px;
margin-top: 33px;
display: table;
}
.home #what .description a,
.home #what .founder {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.home #what .founder {
margin-top: 258px;
position: relative;
height: 780px;
background-color: #fff;
padding: 86px 62.5px 0;
max-width: 600px;
float: right;
width: 100%;
z-index: 3;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.home #what .founder .titles {
color: #000;
font-family: Commuters Sans;
font-size: 24px;
font-weight: 700;
line-height: 36px;
text-transform: uppercase;
letter-spacing: 2.4px;
text-align: center;
max-width: 337px;
margin-left: auto;
margin-right: auto;
}
.home #what .founder .descriptions p {
max-width: 480px;
color: #000;
font-family: Lato;
font-size: 24px;
font-weight: 400;
letter-spacing: 0.6px;
line-height: 35.98px;
margin-top: 46px;
margin-bottom: 31px;
text-align: center;
}
.home #what .founder img {
margin-left: auto;
margin-right: auto;
width: 253px;
-o-object-fit: contain;
object-fit: contain;
}
.home #what .founder a {
background-color: #0c6608;
width: 100%;
color: #fff;
font-family: Commuters Sans;
font-size: 20px;
font-weight: 300;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 3px;
max-width: 400px;
height: 90px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
position: absolute;
bottom: -45px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.home #subscribe {
background-color: #eae9e5;
padding: 50px 0;
}
.home #subscribe .title {
font-family: Clearface Bold;
font-size: 54px;
font-weight: 700;
letter-spacing: -0.54px;
color: #000;
}
.home #subscribe .description {
color: #000;
font-family: Lato;
font-size: 24px;
font-weight: 400;
line-height: 36px;
letter-spacing: 0.6px;
max-width: 570px;
}
.home #subscribe .form {
margin-top: 50px;
width: 100%;
}
.home #subscribe .form .gform_wrapper form {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.home #subscribe .form .gform_footer.top_label {
width: 100px;
}
.home #subscribe .form input#gform_submit_button_1 {
color: #fff;
font-family: Commuters Sans;
font-size: 14px;
font-weight: 400;
line-height: 36px;
text-transform: uppercase;
letter-spacing: 1.4px;
background-color: #0c6608cc;
padding: 2px 17px;
text-indent: 0;
position: absolute;
bottom: 0;
width: 100px;
cursor: pointer;
}
.home #subscribe .form label {
display: none !important;
}
.home #subscribe .form span {
color: #000;
font-family: Commuters Sans;
font-size: 24px;
font-weight: 700;
line-height: 36px;
text-transform: uppercase;
letter-spacing: 2.43px;
margin-bottom: 20px;
}
.home #subscribe .form input,
.home #subscribe .form select {
height: 40px;
background-color: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: none;
text-indent: 15px;
width: 100%;
margin: 8px 0;
color: #c8c4b9;
font-family: Commuters Sans;
font-size: 14px;
font-weight: 700;
line-height: 36px;
text-transform: uppercase;
letter-spacing: 1.42px;
}
.home #story {
padding: 30px 0;
}
.home #story .p30 {
padding: 30px;
}
.home #story .box {
padding: 50px 50px 130px;
text-align: center;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 600px;
width: 100%;
position: relative;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.home #story .box .subtitle {
font-family: Commuters Sans;
font-size: 22px;
font-weight: 700;
letter-spacing: 3.14px;
line-height: 55.1px;
text-transform: uppercase;
margin-bottom: 5px;
color: #fff;
}
.home #story .box .title {
font-family: Clearface Bold;
font-size: 40px;
line-height: 1.25em;
font-weight: 700;
letter-spacing: -0.48px;
margin-bottom: 15px;
color: #fff;
}
.home #story .box .description {
font-family: Lato;
font-size: 23px;
font-weight: 500;
letter-spacing: -0.22px;
line-height: 38.07px;
color: #fff;
}
.home #story .box a {
color: #fff;
font-family: Commuters Sans;
font-size: 14px;
font-weight: 400;
line-height: 36px;
text-transform: uppercase;
letter-spacing: 1.4px;
background-color: #0c6608cc;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 2px 38px;
position: absolute;
bottom: 48px;
}
.home div#our-policy {
background: url(../images/Capitol.png);
background-position: bottom;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.home div#our-policy .policy-block {
width: 100%;
text-align: center;
margin: 54px auto 150px;
color: #fff;
}
.home div#our-policy .policy-block .section-title {
color: #fff;
font-family: Commuters Sans;
font-size: 22px;
font-weight: 700;
letter-spacing: 3.14px;
line-height: 55px;
text-transform: uppercase;
margin-top: 30px;
}
.home div#our-policy .policy-block .title {
font-family: Clearface Bold;
font-size: 37px;
font-weight: 700;
letter-spacing: -0.4px;
line-height: 52px;
max-width: 1068px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.home div#our-policy .policy-block .description {
font-family: Lato;
font-weight: 400;
letter-spacing: 0.71px;
line-height: 40px;
margin-top: 50px;
font-size: 27px;
max-width: 1138px;
width: 100%;
margin-left: auto;
text-align: center;
margin-right: auto;
}
.home div#our-policy .policy-block a {
color: #fff;
font-family: Commuters Sans;
font-size: 14px;
font-weight: 400;
line-height: 36px;
text-transform: uppercase;
letter-spacing: 1.4px;
padding: 2px 36px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-top: 35px;
display: table;
background-color: rgba(12, 102, 8, 0.8);
margin-left: auto;
margin-right: auto;
height: 40px;
}
@media (min-width: 993px) and (max-width: 1024px) {
#masthead .masthead-logo {
max-width: 150px;
width: 100%;
}
#masthead .main-nav-wrapper ul a {
color: #fff;
font-family: Commuters Sans;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1.6px;
padding: 12px 0;
}
#masthead .main-nav-wrapper ul li {
padding: 0 10px;
}
#masthead .main-nav-wrapper ul .get-involved a {
padding: 12px 10px;
font-size: 12px;
}
#masthead .main-nav-wrapper ul .get-involved a,
.home .how {
background-color: #0c6608cc;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.home .how {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 420px;
height: 95px;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
bottom: -45px;
text-align: center;
left: 50%;
z-index: 4;
-webkit-transform: translatex(-50%);
-moz-transform: translatex(-50%);
-ms-transform: translatex(-50%);
-o-transform: translatex(-50%);
transform: translatex(-50%);
}
.home ul.slick-dots {
display: table;
margin: 0 auto;
text-align: center;
}
.home #numbers-slider .slick-slider .slide,
.page-id-15 #numbers-slider-piller .slick-slider .slide {
text-align: center;
}
.home #story .box .title {
font-size: 36px;
line-height: 58.11px;
font-family: Clearface Bold;
font-weight: 700;
letter-spacing: -0.48px;
line-height: 1.2;
margin-bottom: 30px;
color: #fff;
}
.home #what .founder {
margin-top: 390px;
padding: 40px 30px 0;
}
.home #what .founder .descriptions p {
font-size: 18px;
}
.home #ages .section-title {
font-size: 54px;
line-height: 1.5;
}
.home #grid {
display: block;
height: auto;
}
.home #grid .container {
width: 100%;
max-width: 100%;
}
.home #grid .grd-cont {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-moz-box-orient: vertical;
-moz-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.home #grid .headtext {
position: static;
top: 0;
padding: 47px 76px 86px;
left: 0;
z-index: 3;
background-color: #eae9e5;
}
.home #grid .headtext .ttl {
font-size: 36px;
line-height: 48px;
margin-bottom: 0;
letter-spacing: 0.36px;
}
.home #grid .headtext .txt-rotate {
color: #000;
font-family: Lato;
font-size: 24px;
font-weight: 500;
line-height: 30px !important;
}
.home #grid .grd {
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(3, 1fr);
}
.home #grid .grd img:first-child {
grid-column-start: 1 !important;
grid-column-end: 4 !important;
}
.home #grid .grd img:first-child,
.home #grid .grd img:nth-child(2) {
grid-row-start: 1;
grid-row-end: 1;
display: grid;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 350px !important;
-o-object-position: center top;
object-position: center top;
}
.home #grid .grd img:nth-child(2) {
grid-column-start: 4 !important;
grid-column-end: 6 !important;
}
.home #grid .grd img:nth-child(3) {
grid-column-start: 1;
grid-column-end: 6;
grid-row-start: 2;
grid-row-end: 2;
display: grid;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
-o-object-position: center top;
object-position: center top;
}
.home #grid .grd img:nth-child(4) {
grid-column-start: 1;
grid-column-end: 3;
}
.home #grid .grd img:nth-child(4),
.home #grid .grd img:nth-child(5) {
grid-row-start: 3;
grid-row-end: 3;
display: grid;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 350px !important;
-o-object-position: center top;
object-position: center top;
}
.home #grid .grd img:nth-child(5) {
grid-column-start: 3;
grid-column-end: 6;
}
.home #grid .grd img:nth-child(6),
.home #grid .grd img:nth-child(7),
.home #grid .grd img:nth-child(8),
.home #grid .grd img:nth-child(9) {
display: none !important;
}
.home #grid .grd img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.home #grid .grd img.act {
display: block !important;
opacity: 0.5;
}
}
@media (max-width: 991px) {
.container {
max-width: 630px;
}
.home #story .box {
width: 100%;
}
.home #socialsint .soc-grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
grid-gap: 30px;
grid-auto-rows: auto;
grid-auto-columns: auto;
}
.home #socialsint .soc-grid .item:nth-child(3),
.home #socialsint .soc-grid .item:nth-child(4),
.home #socialsint .soc-grid .item:nth-child(7),
.home #socialsint .soc-grid .item:nth-child(8) {
display: none;
}
#masthead .menu-container {
position: fixed;
z-index: 9;
background: rgba(0, 0, 0, 0.9);
left: 0;
right: 0;
top: 90px;
height: -webkit-calc(100vh - 100px);
height: -moz-calc(100vh - 100px);
height: calc(100vh - 100px);
overflow-y: scroll;
padding: 50px 0;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
#masthead .menu-container.showmenu {
display: block !important;
}
#masthead .social-block {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#masthead .social-block,
#masthead .social-block .social {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
#masthead .social-block .social a {
margin-left: 0 !important;
}
#masthead .social-block a {
color: #fff;
font-family: Commuters Sans;
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
margin-left: 0;
}
#masthead .main-nav-wrapper {
height: auto;
margin-bottom: 60px;
}
#masthead .main-nav-wrapper ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
#masthead .main-nav-wrapper ul .get-involved a {
color: #fff;
font-family: Commuters Sans;
font-size: 24px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 2.43px;
line-height: 90px;
padding: 0;
background: transparent;
}
}
@media screen and (max-width: 991px) and (max-width: 991px) {
#masthead .main-nav-wrapper ul .get-involved a {
line-height: 2em;
}
}
@media (max-width: 991px) {
#masthead .main-nav-wrapper ul a {
color: #fff;
font-family: Commuters Sans;
font-size: 24px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 2.43px;
line-height: 90px;
}
}
@media screen and (max-width: 991px) and (max-width: 991px) {
#masthead .main-nav-wrapper ul a {
line-height: 2em;
text-align: left !important;
}
}
@media (max-width: 991px) {
.mobile-nav-toggle {
display: table;
position: absolute;
top: -50px;
right: 15px;
}
.mobile-nav-toggle,
.mobile-nav-toggle.cls span:last-child {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.mobile-nav-toggle.cls span:last-child {
display: none;
top: -60px;
}
.mobile-nav-toggle.cls span:first-child {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
margin-top: 20px;
}
.mobile-nav-toggle.cls span:first-child,
.mobile-nav-toggle.cls span:nth-child(2) {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.mobile-nav-toggle.cls span:nth-child(2) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-top: -10px;
}
.mobile-nav-toggle .inner span {
width: 40px;
height: 4px;
background: #fff;
display: block;
margin: 6px 0;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.home .how,
.mobile-nav-toggle .inner span {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.home .how {
background-color: #0c6608cc;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 420px;
height: 95px;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
bottom: -45px;
text-align: center;
left: 50%;
z-index: 4;
-webkit-transform: translatex(-50%);
-moz-transform: translatex(-50%);
-ms-transform: translatex(-50%);
-o-transform: translatex(-50%);
transform: translatex(-50%);
}
.home ul.slick-dots {
display: table;
margin: 0 auto;
text-align: center;
}
.home #grid {
display: block;
}
.home #grid .container {
width: 100% !important;
max-width: 100% !important;
}
.home #grid .grd-cont {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-moz-box-orient: vertical;
-moz-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.home #grid .headtext {
position: static;
top: 0;
padding: 47px 76px 86px;
left: 0;
z-index: 3;
background-color: #eae9e5;
}
.home #grid .headtext .ttl {
color: #000;
font-family: Clearface Bold;
font-size: 36px;
font-weight: 400;
line-height: 48px;
letter-spacing: 0.36px;
}
.home #grid .headtext .txt-rotate {
color: #000;
font-family: Lato;
font-size: 24px;
font-weight: 500;
line-height: 30px !important;
}
.home #grid .headtext .typed-cursor {
font-size: inherit;
}
.home #grid .grd {
display: block;
height: auto;
}
.home #grid .grd img {
height: 200px;
}
.home #grid .grd img.act {
opacity: 1 !important;
}
.home #grid .grd img:first-child {
width: -webkit-calc(60% - 5px);
width: -moz-calc(60% - 5px);
width: calc(60% - 5px);
-o-object-position: 90%;
object-position: 90%;
margin-right: 5px;
float: left;
height: 240px;
margin-bottom: 5px;
}
.home #grid .grd img:nth-child(2) {
width: -webkit-calc(40% - 5px);
width: -moz-calc(40% - 5px);
width: calc(40% - 5px);
margin-left: 5px;
height: 240px;
}
.home #grid .grd img:nth-child(2),
.home #grid .grd img:nth-child(3) {
-o-object-position: center center;
object-position: center center;
float: left;
margin-bottom: 5px;
}
.home #grid .grd img:nth-child(3) {
width: 100%;
margin-top: 5px;
height: 500px;
}
.home #grid .grd img:nth-child(4) {
width: -webkit-calc(40% - 5px);
width: -moz-calc(40% - 5px);
width: calc(40% - 5px);
margin-right: 5px;
}
.home #grid .grd img:nth-child(4),
.home #grid .grd img:nth-child(5) {
-o-object-position: center center;
object-position: center center;
float: left;
height: 240px;
margin-top: 5px;
}
.home #grid .grd img:nth-child(5) {
width: -webkit-calc(60% - 5px);
width: -moz-calc(60% - 5px);
width: calc(60% - 5px);
margin-left: 5px;
}
.home #grid .grd img:nth-child(6),
.home #grid .grd img:nth-child(7),
.home #grid .grd img:nth-child(8),
.home #grid .grd img:nth-child(9) {
display: none !important;
}
.home #grid .grd img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
}
.home #grid .grd img.act {
display: block !important;
opacity: 0.5;
}
.home #numbers-slider {
padding: 120px 0 30px;
}
.home #numbers-slider ul.slick-dots {
padding: 0;
margin: 0;
display: table;
margin: 0 auto;
}
.home #numbers-slider .slick-slider .slide,
.page-id-15 #numbers-slider-piller .slick-slider .slide {
text-align: center;
}
.home #numbers-slider .slick-slider .slide span {
color: #555;
font-family: Commuters Sans;
font-size: 42px;
font-weight: 100;
line-height: 48px;
margin-top: 35px;
margin-bottom: 44px;
}
.page-id-15 #numbers-slider-piller .slick-slider .slide span {
font-size: 60px;
line-height: 60px;
font-weight: 400;
color: #555;
font-family: Commuters Sans;
margin-top: 35px;
margin-bottom: 44px;
}
.home #numbers-slider .slick-slider .slide a, .page-id-15 #numbers-slider-piller .slick-slider .slide a {
font-size: 20px;
font-family: Commuters Sans;
font-weight: 600;
}
.home #ages {
background: url(../images/tws.png) #eae9e5;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: auto 800px;
background-repeat: no-repeat;
height: auto;
}
.home #ages .ags:before {
content: "";
width: 1000%;
height: 350px;
position: absolute;
background: #eae9e5;
display: table;
left: -50%;
top: 60px;
border-top: 20px solid #fff;
}
.home #ages .section-title {
color: #000;
font-family: Clearface Bold;
font-size: 54px;
font-weight: 600;
line-height: 60px;
letter-spacing: -0.54px;
text-align: center;
max-width: 580px;
margin: 43px auto 389px;
}
.home #ages .agescontainer {
padding: 100px 55px;
height: auto;
max-width: 100%;
}
.home #ages .agescontainer .slide .title {
color: #000;
font-family: Commuters Sans;
font-size: 24px;
font-weight: 700;
line-height: 36px;
text-transform: uppercase;
letter-spacing: 2.4px;
margin-top: 0;
}
.home #ages .agescontainer .ages-range {
color: #000;
font-family: Commuters Sans\- Extra Light;
font-size: 98px;
font-weight: 400;
line-height: 48px;
text-align: center;
}
.home div#our-policy {
background: url(../images/Capitol-mobile.png);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: bottom;
height: 692px;
position: relative;
}
.home div#our-policy .policy-block {
margin: 0 auto;
position: relative;
height: 692px;
}
.home div#our-policy .policy-block .description {
font-family: Lato;
font-weight: 400;
letter-spacing: 0.57px;
line-height: 40px;
margin-top: 33px;
font-size: 22px;
max-width: 922px;
width: 100%;
margin-left: auto;
text-align: center;
margin-right: auto;
}
.home div#our-policy .policy-block a {
position: absolute;
left: 50%;
-webkit-transform: translatex(-50%);
-moz-transform: translatex(-50%);
-ms-transform: translatex(-50%);
-o-transform: translatex(-50%);
transform: translatex(-50%);
bottom: 30px;
}
.home div#our-policy .policy-block .section-title {
padding-top: 40px;
margin: 0;
}
.home #story .p30 {
padding: 15px;
}
.home #socialsint {
margin-bottom: 0 !important;
border-bottom: 0 solid #000 !important;
border: none !important;
padding: 30px 20px;
}
.home #socialsint .soc-grid {
display: grid;
grid-template-columns: 1fr !important;
grid-template-rows: auto !important;
grid-gap: 30px;
grid-auto-rows: auto;
grid-auto-columns: auto;
}
.home #socialsint .soc-grid .item:nth-child(5) {
margin-top: 0 !important;
}
.home #socialsint .soc-grid .item:nth-child(3),
.home #socialsint .soc-grid .item:nth-child(4),
.home #socialsint .soc-grid .item:nth-child(7),
.home #socialsint .soc-grid .item:nth-child(8) {
display: none !important;
}
.home #socialsint .soc-grid .telegram,
.home #socialsint .soc-grid .telegram .bod {
height: auto !important;
}
.home #what {
height: auto;
padding-bottom: 60px;
padding-top: 100px;
border: none;
}
.home #what .ags:before {
content: "";
width: 1000%;
height: 200px;
position: absolute;
background: #eae9e5;
display: table;
left: -50%;
top: 110px;
border-top: 20px solid #fff;
}
.home #what .title {
margin-top: 0;
}
.home #what .founder {
margin-top: 55px;
position: relative;
height: auto;
background-color: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 100px 60px;
max-width: 100%;
float: right;
width: 100%;
z-index: 3;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.home #what .founder .descriptions p {
margin-bottom: 41px;
}
.home #what .founder a {
background-color: #0c6608;
width: 100%;
color: #fff;
font-family: Commuters Sans;
font-size: 16px;
font-weight: 300;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 3px;
max-width: 400px;
width: 95%;
height: 90px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
position: absolute;
bottom: -45px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.home #subscribe {
padding: 45px 0 15px;
}
.home #subscribe .title {
line-height: 1;
margin-bottom: 27px;
}
.home #subscribe .form {
margin-top: 37px;
}
.home #subscribe .form .top_label div.ginput_container,
.home #subscribe .form li.gfield {
margin-top: 0;
}
.home #subscribe .form .gform_wrapper .gform_footer {
padding: 20px 0 0;
}
.home #subscribe .form .gform_wrapper form,
.home #subscribe .form .gform_wrapper form .form .gform_wrapper form {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-box;
display: flex;
position: relative;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.home #subscribe .form .gform_wrapper form .gform_footer {
margin: 0;
}
.home #subscribe .form .gform_wrapper form input#gform_submit_button_1 {
position: static;
}
.home #site-footer {
padding: 75px 0 52px;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.home #site-footer .fals .adr {
text-align: center;
width: 100%;
display: block !important;
}
.home #site-footer .fals li {
display: inline;
text-align: center;
}
.home #site-footer .flogo {
display: table;
margin: auto;
}
.home #site-footer .pt {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.home #site-footer .pt li {
padding-left: 10px;
padding-right: 10px;
}
.home #site-footer .phm {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.home #site-footer .phm li {
padding-left: 10px;
padding-right: 10px;
}
.home #site-footer .sign {
margin-top: 40px;
}
.home #site-footer ul#menu-main-1 {
padding: 30px 0 0;
}
.home #site-footer ul#menu-main-1 a {
padding: 0 !important;
}
.home #site-footer .footer-description-block,
.home #site-footer .footer-description-block .short-description {
display: none;
}
.home #site-footer .footer-description-block .social-block {
margin-top: 44px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.home #site-footer .social-block {
display: none !important;
}
.home #site-footer .social-block-mobile {
margin-top: 20px;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: auto;
margin-right: auto;
}
.home #site-footer .social-block-mobile,
.home #site-footer .social-block-mobile .social {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.home #site-footer .social-block-mobile .social li {
opacity: 1;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.home #site-footer .social-block-mobile .social li:hover {
opacity: 0.5;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.home #site-footer .social-block-mobile .social li:first-child {
margin-right: 13px;
}
.home #site-footer .social-block-mobile .social li:last-child {
margin-right: 19px;
}
.home #site-footer .social-block-mobile a {
color: #fff;
font-family: Commuters Sans;
font-size: 14px;
font-weight: 700;
line-height: 35.99px;
text-transform: uppercase;
letter-spacing: 1.42px;
display: block;
}
}
.copyright p {
color: #fff;
font-family: Commuters Sans;
font-size: 14px;
font-weight: 700;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 2.1px;
text-align: center;
}
.copyright p a {
letter-spacing: 2.1px;
text-decoration: underline !important;
display: inline-block;
-webkit-text-decoration-color: #fff;
-moz-text-decoration-color: #fff;
text-decoration-color: #fff;
}
@media (min-width: 576px) and (max-width: 991px) {
.container {
max-width: 630px !important;
width: 100%;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 600px) {
#masthead .masthead-logo {
max-width: 200px;
width: 100%;
}
.home .how {
width: 100%;
max-width: 420px;
}
.home #grid .headtext {
position: static;
top: 0;
padding: 47px 40px 86px;
left: 0;
z-index: 3;
background-color: #eae9e5;
}
.home #grid .headtext .ttl {
font-size: 18px;
line-height: 1em;
margin-bottom: 15px;
}
.home #grid .headtext .txt-rotate {
font-size: 16px !important;
line-height: 1.25em !important;
}
.home #ages .section-title {
color: #000;
font-family: Clearface Bold;
font-size: 54px;
font-weight: 600;
line-height: 60px;
letter-spacing: -0.54px;
text-align: center;
max-width: 580px;
margin: 43px auto 257px;
}
.home #ages .agescontainer {
padding: 100px 20px;
}
.home #ages .agescontainer .slide .ages-range {
font-size: 70px;
margin-bottom: 31px;
}
.home #what .founder {
padding: 100px 20px;
}
.home #story .box {
padding: 77px 20px 140px;
}
.home div#our-policy,
.home div#our-policy .policy-block {
height: auto;
}
.home div#our-policy .policy-block a {
position: relative;
margin-bottom: 30px;
-webkit-transform: translatex(0);
-moz-transform: translatex(0);
-ms-transform: translatex(0);
-o-transform: translatex(0);
transform: translatex(0);
left: 0;
margin-top: 60px;
}
#masthead .social-block {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#masthead .social-block .social li {
list-style: none;
margin: 10px;
}
#site-footer .phm,
#site-footer .pt,
#site-footer .social-block-mobile {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (max-width: 745px) {
.grd {
display: block !important;
}
.home img.stat-grd {
display: none !important;
}
}
@media screen and (max-width: 600px) {
#masthead .masthead-logo {
max-width: 170px;
}
.mobile-nav-toggle {
top: -40px;
}
.home #numbers-slider .slick-slider, .page-id-15 #numbers-slider-piller .slick-slider {
margin-top: -60px;
}
.home #numbers-slider .slick-slider ul.slick-dots li button,
.page-id-15 #numbers-slider-piller .slick-slider ul.slick-dots li button {
font-size: 75px;
padding-bottom: 0;
}
.home #numbers-slider .slick-slider .slide span, .page-id-15 #numbers-slider-piller .slick-slider .slide span {
font-size: 18px;
padding: 0 25px;
line-height: 1.25em;
}
.home #numbers-slider .slick-slider .slide a, .page-id-15 #numbers-slider-piller .slick-slider .slide a {
font-size: 14px;
font-weight: 400;
}
.home #ages .section-title {
font-size: 28px;
line-height: 1.25em;
margin-bottom: 50vw !important;
}
#ages {
background-image: url(../images/thread-mobile.png) !important;
-webkit-background-size: auto 95vw !important;
-moz-background-size: auto 95vw !important;
-o-background-size: auto 95vw !important;
background-size: auto 95vw !important;
background-position: top !important;
}
.home #ages .agescontainer {
padding: 70px 30px !important;
}
.home #ages .agescontainer .slide .title {
font-size: 16px !important;
line-height: 1em !important;
margin-bottom: 20px !important;
}
.home #ages .agescontainer .slide .ages-description {
font-size: 18px !important;
line-height: 1.5em;
margin-bottom: 50px;
}
.home #what .title {
font-size: 34px;
line-height: 1.5em;
margin-bottom: 30px;
}
.home #ages .agescontainer .ages-controls {
height: 70px;
width: 65vw !important;
}
.home #ages .agescontainer .ages-controls span {
font-size: 10px;
}
.home #ages .agescontainer .ages-controls .arr {
height: 20px;
width: 7px;
background-repeat: no-repeat;
}
.home #what .description,
.home #what .description p {
font-size: 16px;
line-height: 1.5em;
}
.home #what .description p strong,
.home #what .description strong {
font-size: 18px;
line-height: 1.5em;
}
.home #what .founder {
padding: 50px 25px;
}
.home #what .founder .titles {
font-size: 18px;
font-weight: 600;
line-height: 1.5em;
}
.home #what .founder .descriptions p {
margin-top: 30px;
margin-bottom: 30px;
font-size: 16px;
line-height: 1.5em;
}
.home #what .founder a {
height: 70px;
font-size: 10px;
width: 65vw;
}
.home #subscribe {
padding-top: 25px;
}
.home #subscribe .title {
font-size: 34px;
line-height: 1.5em;
margin-bottom: 5px;
}
.home #subscribe .description {
font-size: 16px;
line-height: 1.5em;
}
.home #subscribe .form {
margin-top: 10px;
}
.home #subscribe .form span {
font-size: 16px;
}
.home #subscribe .form .gform_wrapper {
margin: 0;
}
.home #subscribe .form input {
height: 32px;
font-size: 12px;
}
.home #subscribe .form .gform_wrapper form .gform_footer {
padding: 0;
}
.home #story .box {
padding: 50px 25px 100px;
}
.home #story .box .subtitle {
font-size: 16px;
line-height: 1.5em;
margin-bottom: 10px;
}
.home #story .box .title {
font-size: 21px;
line-height: 1.5em;
margin-bottom: 5px;
}
.home #story .box .description {
font-size: 16px;
line-height: 1.5em;
}
.home #story .box a {
font-size: 10px;
padding: 2px 25px;
}
.home div#our-policy .policy-block .section-title {
font-size: 16px;
}
.home div#our-policy .policy-block .title {
font-size: 21px;
line-height: 1.5em;
}
.home div#our-policy .policy-block .description {
font-size: 14px;
line-height: 1.5em;
}
.home div#our-policy .policy-block a {
font-size: 10px;
padding: 2px 25px;
margin-top: 180px;
}
.home footer#site-footer {
padding: 50px 0;
}
#site-footer .logo {
max-width: 175px;
margin-bottom: 30px;
}
.home #site-footer .sign {
margin-top: 20px;
}
.home #site-footer .sign span {
font-size: 16px;
font-weight: 500 !important;
}
#site-footer li a {
font-weight: 500 !important;
}
.copyright p {
font-size: 8px;
line-height: 1.5em;
padding: 10px 0;
}
#site-footer .social-block-mobile {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-moz-box-orient: horizontal !important;
-moz-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
#site-footer .social-block-mobile img {
width: 32px;
}
.home #site-footer .social-block-mobile a {
font-size: 10px;
}
#site-footer .sign .gform_wrapper {
max-width: 85% !important;
margin-left: auto !important;
margin-right: auto !important;
}
.home #numbers-slider .slick-slider ul.slick-dots, .page-id-15 #numbers-slider-piller .slick-slider ul.slick-dots {
width: 100%;
display: block;
}
.home #numbers-slider .slick-slider ul.slick-dots li button, .page-id-15 #numbers-slider-piller .slick-slider ul.slick-dots li button {
font-size: 60px;
}
}
.page-template-template-landing-page #our-policy a,
.page-template-template-landing-page #site-footer .main-nav,
.page-template-template-landing-page #story,
.page-template-template-landing-page #what a,
.page-template-template-landing-page .menu-container,
.page-template-template-landing-page .mobile-nav-toggle,
.page-template-template-landing-page .numb-slider a,
.page-template-template-landing-page .pt a {
display: none !important;
}
.page-template-template-landing-page div#our-policy .policy-block {
margin-bottom: 15vw;
}
@media screen and (max-width: 600px) {
.page-template-template-landing-page div#our-policy .policy-block .description {
font-size: 14px;
line-height: 1.5em;
margin-bottom: 200px;
}
}
#socialsint {
border: none !important;
}
.page-template-template-police .align-items-center,
.page-template-template-police .how {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.page-template-template-police .how {
background-color: #0c6608cc;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 420px;
height: 90px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
bottom: -45px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center;
}
@media screen and (max-width: 768px) {
.page-template-template-police .how {
max-width: 420px;
width: 60%;
height: 50px;
bottom: -30px;
}
}
.page-template-template-police .how img {
margin-bottom: 28px;
width: 23px;
height: 11px;
}
@media screen and (max-width: 768px) {
.page-template-template-police .how img {
margin-bottom: 5px;
width: 16px;
height: auto;
}
}
.page-template-template-police .how span {
color: #fff;
font-family: Commuters Sans;
font-size: 20px;
font-weight: 500;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 3px;
width: 100%;
text-align: center;
}
@media screen and (max-width: 768px) {
.page-template-template-police .how span {
font-size: 14px;
}
}
.page-template-template-police .promo {
position: relative;
width: 100%;
min-height: -webkit-calc(100vh - 111px);
min-height: -moz-calc(100vh - 111px);
min-height: calc(100vh - 111px);
padding: 50px 0;
}
.page-template-template-police .promo .title {
color: #fff;
font-family: Clearface Bold;
font-size: 60px;
font-weight: 400;
line-height: 72px;
max-width: 610px;
width: 100%;
}
@media screen and (max-width: 768px) {
.page-template-template-police .promo .title {
font-size: 32px;
line-height: 1.5em;
}
}
.page-template-template-police .text-block {
position: relative;
padding: 130px 0 140px;
z-index: 2;
}
@media screen and (max-width: 768px) {
.page-template-template-police .text-block {
padding: 50px 0;
}
}
.page-template-template-police .text-block .title {
color: #000;
font-family: Commuters Sans;
font-size: 34px;
font-weight: 700;
line-height: 48px;
text-transform: uppercase;
letter-spacing: 1.7px;
margin-bottom: 10px;
text-align: center;
max-width: 859px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 768px) {
.page-template-template-police .text-block .title {
font-size: 18px;
line-height: 1.5em;
margin-bottom: 0;
}
}
.page-template-template-police .text-block .description {
color: #000;
font-family: Lato;
font-size: 35px;
font-weight: 300;
font-style: italic;
line-height: 1.5em;
text-align: center;
max-width: 1034px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 768px) {
.page-template-template-police .text-block .description {
font-size: 16px;
line-height: 1.5em;
}
}
.page-template-template-police .policy-points,
.page-template-template-police .slider-promo {
background-color: #eae9e5;
padding: 90px 0 128px;
position: relative;
}
@media screen and (max-width: 768px) {
.page-template-template-police .policy-points,
.page-template-template-police .slider-promo {
padding: 75px 0;
}
}
.page-template-template-police .policy-points .title,
.page-template-template-police .slider-promo .title {
color: #000;
font-family: Clearface Bold;
font-size: 60px;
font-weight: 400;
line-height: 1.5em;
text-align: center;
margin-bottom: 47px;
padding-top: 12px;
}
@media screen and (max-width: 768px) {
.page-template-template-police .policy-points .title,
.page-template-template-police .slider-promo .title {
font-size: 18px;
line-height: 1.5em;
margin-bottom: 20px;
}
}
.page-template-template-police .policy-points .description,
.page-template-template-police .slider-promo .description {
color: #555;
font-family: Commuters Sans;
font-size: 40px;
font-weight: 100;
line-height: 46px;
letter-spacing: 1px;
text-align: center;
max-width: 1105px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 768px) {
.page-template-template-police .policy-points .description,
.page-template-template-police .slider-promo .description {
font-size: 16px;
line-height: 1.5em;
}
}
.page-template-template-police .policy-points .policy-points-list,
.page-template-template-police .slider-promo .policy-points-list {
margin: 20px 0 0 5vw;
max-width: 865px;
width: 100%;
}
@media screen and (max-width: 768px) {
.page-template-template-police .policy-points .policy-points-list,
.page-template-template-police .slider-promo .policy-points-list {
margin: 15px;
}
}
.page-template-template-police .policy-points .policy-points-list li,
.page-template-template-police .slider-promo .policy-points-list li {
font-size: 35px;
font-weight: 300;
letter-spacing: 0.88px;
margin-bottom: 40px;
color: #555;
list-style-position: outside;
font-family: Commuters Sans;
}
@media screen and (max-width: 768px) {
.page-template-template-police .policy-points .policy-points-list li,
.page-template-template-police .slider-promo .policy-points-list li {
font-size: 16px;
line-height: 1.5em;
margin-bottom: 20px;
}
}
.page-template-template-police .policy-points .policy-points-list li:last-of-type,
.page-template-template-police .slider-promo .policy-points-list li:last-of-type {
margin-bottom: 20px;
}
.page-template-template-police #subscribe {
background-color: #eae9e5;
padding: 50px 0;
border-top: 30px solid #fff;
}
.page-template-template-police #subscribe .title {
font-family: Clearface Bold;
font-size: 54px;
font-weight: 700;
letter-spacing: -0.54px;
color: #000;
}
@media screen and (max-width: 768px) {
.page-template-template-police #subscribe .title {
font-size: 21px;
line-height: 1.5em;
}
}
.page-template-template-police #subscribe .description {
color: #000;
font-family: Lato;
font-size: 24px;
font-weight: 400;
line-height: 36px;
letter-spacing: 0.6px;
}
@media screen and (max-width: 768px) {
.page-template-template-police #subscribe .description {
font-size: 16px;
line-height: 1.5em;
}
}
.page-template-template-police #subscribe .form {
margin-top: 50px;
width: 100%;
}
@media screen and (max-width: 768px) {
.page-template-template-police #subscribe .form {
margin-top: 20px;
}
}
.page-template-template-police #subscribe .form .gform_wrapper form {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
@media screen and (max-width: 768px) {
.page-template-template-police #subscribe .form .gform_wrapper form {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.page-template-template-police #subscribe .form .gform_footer.top_label {
width: 100px;
}
.page-template-template-police #subscribe .form input#gform_submit_button_1 {
color: #fff;
font-family: Commuters Sans;
font-size: 14px;
font-weight: 400;
line-height: 36px;
text-transform: uppercase;
letter-spacing: 1.4px;
background-color: #0c6608cc;
padding: 2px 17px;
text-indent: 0;
position: absolute;
bottom: 0;
width: 100px;
cursor: pointer;
}
.page-template-template-police #subscribe .form label {
display: none !important;
}
.page-template-template-police #subscribe .form span {
color: #000;
font-family: Commuters Sans;
font-size: 24px;
font-weight: 700;
line-height: 36px;
text-transform: uppercase;
letter-spacing: 2.43px;
margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
.page-template-template-police #subscribe .form span {
font-size: 18px;
line-height: 1.5em;
margin-bottom: 10px;
}
}
.page-template-template-police #subscribe .form input {
height: 40px;
background-color: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: none;
text-indent: 15px;
width: 100%;
margin: 8px 0;
color: #c8c4b9;
font-family: Commuters Sans;
font-size: 14px;
font-weight: 700;
line-height: 36px;
text-transform: uppercase;
letter-spacing: 1.42px;
}
.page-template-template-police #subscribe .subdescription {
max-width: 600px;
width: 100%;
background-color: #fff;
padding: 70px 70px 80px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
position: relative;
top: -149px;
float: right;
}
@media screen and (max-width: 768px) {
.page-template-template-police #subscribe .subdescription {
padding: 25px;
margin-bottom: -100px;
}
}
.page-template-template-police #subscribe .subdescription .stitle {
color: #000;
font-size: 24px;
font-family: Commuters Sans;
font-weight: 700;
letter-spacing: 0.6px;
line-height: 36px;
text-align: center;
text-transform: uppercase;
margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
.page-template-template-police #subscribe .subdescription .stitle {
font-size: 18px;
line-height: 1.5em;
}
}
.page-template-template-police #subscribe .subdescription .sdescription {
font-family: Lato;
font-weight: 400;
letter-spacing: 0.6px;
color: #000;
font-size: 24px;
text-align: center;
}
@media screen and (max-width: 768px) {
.page-template-template-police #subscribe .subdescription .sdescription {
font-size: 16px;
line-height: 1.5em;
}
}
.page-template-template-police #story {
padding: 30px 0;
}
.page-template-template-police #story .p30 {
padding: 30px;
}
.page-template-template-police #story .box {
padding: 50px 35px 130px;
text-align: center;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 600px;
width: 100%;
position: relative;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.page-template-template-police #story .box .subtitle {
font-family: Commuters Sans;
font-size: 22px;
font-weight: 700;
letter-spacing: 3.14px;
line-height: 55.1px;
text-transform: uppercase;
margin-bottom: 5px;
color: #fff;
}
@media screen and (max-width: 768px) {
.page-template-template-police #story .box .subtitle {
font-size: 15px;
line-height: 1.5em;
}
}
.page-template-template-police #story .box .title {
font-family: Clearface Bold;
font-size: 40px;
line-height: 1.25em;
font-weight: 700;
letter-spacing: -0.48px;
margin-bottom: 15px;
color: #fff;
}
@media screen and (max-width: 768px) {
.page-template-template-police #story .box .title {
font-size: 18px;
line-height: 1.5em;
margin-bottom: 10px;
}
}
.page-template-template-police #story .box .description {
font-family: Lato;
font-size: 23px;
font-weight: 500;
letter-spacing: -0.22px;
line-height: 38.07px;
color: #fff;
}
@media screen and (max-width: 768px) {
.page-template-template-police #story .box .description {
font-size: 15px;
line-height: 1.5em;
margin-bottom: 0;
}
}
.page-template-template-police #story .box a {
color: #fff;
font-family: Commuters Sans;
font-size: 14px;
font-weight: 400;
line-height: 36px;
text-transform: uppercase;
letter-spacing: 1.4px;
background-color: #0c6608cc;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 2px 38px;
position: absolute;
bottom: 48px;
}
#policy-points .intro {
margin-bottom: 3vw;
}
@media screen and (max-width: 768px) {
#policy-points .intro {
margin-bottom: 30px;
}
}
#policy-points .intro p {
max-width: 1080px;
width: 100%;
color: #000;
font-size: 35px;
font-weight: 400;
line-height: 48px;
font-style: italic;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
#policy-points .intro p {
font-size: 16px;
line-height: 1.5em;
}
}
#policy-points h4 {
margin-bottom: 3vw;
}
.page-template-template-facts .p0 {
padding: 0;
}
.page-template-template-facts .align-items-center,
.page-template-template-facts .how {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.page-template-template-facts .how {
background-color: #0c6608cc;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 420px;
height: 90px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
bottom: -45px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center;
}
@media screen and (max-width: 768px) {
.page-template-template-facts .how {
max-width: 420px;
width: 60%;
height: 50px;
bottom: -30px;
}
}
.page-template-template-facts .how img {
margin-bottom: 28px;
width: 23px;
height: 11px;
}
@media screen and (max-width: 768px) {
.page-template-template-facts .how img {
margin-bottom: 5px;
width: 16px;
height: auto;
}
}
.page-template-template-facts .how span {
color: #fff;
font-family: Commuters Sans;
font-size: 20px;
font-weight: 500;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 3px;
width: 100%;
text-align: center;
}
@media screen and (max-width: 768px) {
.page-template-template-facts .how span {
font-size: 14px;
}
}
.page-template-template-facts .promo {
position: relative;
width: 100%;
min-height: -webkit-calc(100vh - 111px);
min-height: -moz-calc(100vh - 111px);
min-height: calc(100vh - 111px);
padding: 50px 0;
}
.page-template-template-facts .promo .title {
color: #000;
font-family: Clearface Bold;
font-size: 60px;
font-weight: 400;
line-height: 72px;
max-width: 579px;
width: 100%;
}
@media screen and (max-width: 768px) {
.page-template-template-facts .promo .title {
font-size: 28px;
line-height: 1.5em;
}
}
.page-template-template-facts .text-block {
position: relative;
padding: 130px 0 140px;
z-index: 2;
}
@media screen and (max-width: 768px) {
.page-template-template-facts .text-block {
padding: 50px 0;
}
}
.page-template-template-facts .text-block .title {
color: #000;
font-family: Commuters Sans;
font-size: 34px;
font-weight: 700;
line-height: 48px;
text-transform: uppercase;
letter-spacing: 1.7px;
margin-bottom: 15px;
text-align: center;
max-width: 859px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 768px) {
.page-template-template-facts .text-block .title {
font-size: 18px;
line-height: 1.5em;
}
}
.page-template-template-facts .text-block .description {
color: #000;
font-family: Lato;
font-size: 40px;
font-weight: 300;
font-style: italic;
line-height: 1.5em;
text-align: center;
max-width: 1034px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 768px) {
.page-template-template-facts .text-block .description {
font-size: 16px;
line-height: 1.5em;
}
}
.page-template-template-facts .text-block a {
color: #fff;
font-family: Commuters Sans;
font-size: 14px;
font-weight: 400;
line-height: 36px;
text-transform: uppercase;
letter-spacing: 1.4px;
background-color: #0c6608cc;
display: table;
padding: 2px 15px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 42px auto 0;
}
.page-template-template-facts .facts-blocks .block {
background-color: #e0ded9;
padding: 100px 205px;
}
@media screen and (min-width: 991px) {
.page-template-template-facts .facts-blocks .block {
min-height: 760px;
}
}
@media screen and (max-width: 991px) {
.page-template-template-facts .facts-blocks .block {
padding: 50px;
}
}
.page-template-template-facts .facts-blocks .block img {
margin-bottom: 60px;
margin-left: auto;
display: table;
margin-right: auto;
}
@media screen and (max-width: 768px) {
.page-template-template-facts .facts-blocks .block img {
margin-bottom: 20px;
}
}
.page-template-template-facts .facts-blocks .block .big-title {
color: #000;
text-transform: uppercase;
font-family: Commuters Sans;
font-size: 98px;
font-weight: 300;
line-height: 48px;
margin-bottom: 38px;
text-align: center;
}
@media screen and (max-width: 768px) {
.page-template-template-facts .facts-blocks .block .big-title {
font-size: 32px;
line-height: 1.5em;
margin-bottom: 0;
}
}
.page-template-template-facts .facts-blocks .block .title {
font-family: Commuters Sans;
font-weight: 600;
letter-spacing: 2.4px;
line-height: 36px;
font-size: 24px;
color: #000;
text-align: center;
margin-bottom: 10px;
text-transform: uppercase;
}
@media screen and (max-width: 768px) {
.page-template-template-facts .facts-blocks .block .title {
font-size: 18px;
line-height: 1.5em;
}
}
.page-template-template-facts .facts-blocks .block a {
color: #0c6608;
font-family: Lato;
font-size: 16px;
font-weight: 600;
letter-spacing: 1.2px;
line-height: 45px;
text-align: center;
text-transform: uppercase;
width: 100%;
display: block;
}
.page-template-template-facts .fact-block2 .row {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: stretch;
-webkit-justify-content: stretch;
-moz-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
}
.page-template-template-facts .fact-block2 .block {
background-color: #e0ded9;
padding: 100px 250px;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 768px) {
.page-template-template-facts .fact-block2 .block {
padding: 50px;
}
}
.page-template-template-facts .fact-block2 .block img {
margin: 15px auto;
display: table;
}
.page-template-template-facts .fact-block2 .block .big-title {
color: #000;
text-transform: uppercase;
font-family: Commuters Sans;
font-size: 90px;
font-weight: 300;
line-height: 1.2;
margin-top: 15px;
margin-bottom: 15px;
text-align: center;
}
@media screen and (max-width: 768px) {
.page-template-template-facts .fact-block2 .block .big-title {
font-size: 21px;
line-height: 1.5em;
margin-bottom: 0;
}
}
.page-template-template-facts .fact-block2 .block .title {
font-family: Commuters Sans;
font-weight: 600;
letter-spacing: 2.4px;
line-height: 36px;
font-size: 24px;
color: #000;
text-align: center;
margin-top: 15px;
margin-bottom: 15px;
text-tranform: uppercase;
text-transform: uppercase;
}
@media screen and (max-width: 768px) {
.page-template-template-facts .fact-block2 .block .title {
font-size: 18px;
line-height: 1.5em;
}
}
.page-template-template-facts .fact-block2 .block a {
color: #0c6608;
font-family: Lato;
font-size: 16px;
font-weight: 600;
letter-spacing: 1.2px;
line-height: 45px;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 15px;
display: block;
text-transform: uppercase;
}
.page-template-template-facts .fact-block2 .content-is-wider .block {
padding: 100px 150px;
}
@media screen and (max-width: 768px) {
.page-template-template-facts .fact-block2 .content-is-wider .block {
padding: 50px;
}
}
.page-template-template-facts .woomen-text {
padding: 165px 0 185px;
}
@media screen and (max-width: 768px) {
.page-template-template-facts .woomen-text {
padding: 50px 0;
}
}
.page-template-template-facts .woomen-text .title {
font-family: Clearface Bold;
font-size: 59px;
font-weight: 700;
letter-spacing: -0.56px;
line-height: 50px;
color: #000;
text-align: center;
margin-bottom: 48px;
}
@media screen and (max-width: 768px) {
.page-template-template-facts .woomen-text .title {
font-size: 21px;
line-height: 1.5em;
margin-bottom: 20px;
}
}
.page-template-template-facts .woomen-text .description {
font-weight: 400;
letter-spacing: 0.76px;
line-height: 60px;
font-family: Lato;
font-size: 32px;
text-align: center;
margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
.page-template-template-facts .woomen-text .description {
font-size: 16px;
line-height: 1.5em;
}
}
.page-template-template-facts .woomen-text a {
color: #0c6608;
font-family: Lato;
font-size: 17px;
font-weight: 600;
letter-spacing: 1.2px;
line-height: 47.22px;
text-transform: uppercase;
text-align: center;
display: block;
}
.page-template-template-facts .left-text-block {
padding: 138px 0 125px;
}
@media screen and (max-width: 768px) {
.page-template-template-facts .left-text-block {
padding: 50px 0;
}
}
.page-template-template-facts .left-text-block .title {
font-family: Lato;
font-size: 24px;
font-weight: 700;
letter-spacing: 0.6px;
line-height: 36px;
color: #000;
margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
.page-template-template-facts .left-text-block .title {
font-size: 18px;
line-height: 1.5em;
margin-bottom: 20px;
}
}
.page-template-template-facts .left-text-block .description {
color: #555;
font-family: Commuters Sans;
font-weight: 300;
line-height: 48px;
font-size: 42px;
color: #000;
margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
.page-template-template-facts .left-text-block .description {
font-size: 16px;
line-height: 1.5em;
margin-bottom: 10px;
}
}
.page-template-template-facts .left-text-block a {
font-family: Lato;
font-size: 16px;
font-weight: 700;
letter-spacing: 1.2px;
line-height: 45px;
color: #000;
text-transform: uppercase;
}
.page-template-template-facts .subscribe-big {
padding: 91px 0 100px;
background-color: #191919;
}
.page-template-template-facts .subscribe-big .title {
color: #fff;
font-family: Clearface Bold;
font-size: 54px;
font-weight: 700;
letter-spacing: -0.54px;
text-align: center;
max-width: 662px;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
.page-template-template-facts .subscribe-big .description {
font-family: Lato;
line-height: 1.5em;
font-size: 36px;
font-weight: 400;
letter-spacing: 0.6px;
color: #fff;
max-width: 662px;
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.page-template-template-facts .subscribe-big .form {
margin-top: 20px;
display: block;
margin-left: auto;
margin-right: auto;
max-width: 1120px;
}
.page-template-template-facts .subscribe-big .form .t {
color: #fff;
font-family: Commuters Sans;
font-size: 24px;
font-weight: 700;
line-height: 36px;
text-transform: uppercase;
letter-spacing: 2.43px;
}
.page-template-template-facts .subscribe-big .form .gform_wrapper {
margin: 0;
}
.page-template-template-facts .subscribe-big .form .gform_body {
max-width: 995px;
width: 100%;
float: left;
display: inline;
}
.page-template-template-facts .subscribe-big .form .gform_body ul {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.page-template-template-facts .subscribe-big .form .gform_body ul li {
width: 100%;
}
.page-template-template-facts .subscribe-big .form .gform_body ul li label {
display: none;
}
.page-template-template-facts .subscribe-big .form .gform_body ul li input {
width: 100%;
height: 40px;
background-color: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #c8c4b9;
font-family: Commuters Sans;
font-size: 14px;
font-weight: 700;
line-height: 36px;
text-transform: uppercase;
letter-spacing: 1.42px;
padding: 14px 20px;
display: block;
text-indent: 20px;
border: none;
}
.page-template-template-facts .subscribe-big .form .gform_footer {
padding: 14px 0 10px;
margin: 16px 0 0;
clear: both;
width: auto;
display: inline-table;
}
.page-template-template-facts .subscribe-big .form .gform_footer input#gform_submit_button_1 {
width: 100px;
height: 30px;
background-color: #0c6608cc;
border: none;
color: #fff;
font-family: Commuters Sans;
font-size: 11px;
font-weight: 400;
line-height: 27px;
text-transform: uppercase;
letter-spacing: 1.4px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.page-template-template-facts .get {
padding: 50px 0;
}
.page-template-template-facts .get a {
height: 60px;
background-color: #0c6608cc;
color: #fff;
font-family: Commuters Sans;
font-size: 20px;
line-height: 20px;
text-transform: uppercase;
display: table;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 25px 100px;
font-weight: 500;
margin-left: auto;
margin-right: auto;
letter-spacing: 3px;
}
.page-template-template-why .p0 {
padding: 0;
}
.page-template-template-why .align-items-center,
.page-template-template-why .how {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.page-template-template-why .how {
background-color: #0c6608cc;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 420px;
height: 90px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
bottom: -45px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center;
}
@media screen and (max-width: 768px) {
.page-template-template-why .how {
max-width: 420px;
width: 60%;
height: 50px;
bottom: -30px;
}
}
.page-template-template-why .how img {
margin-bottom: 28px;
width: 23px;
height: 11px;
}
@media screen and (max-width: 768px) {
.page-template-template-why .how img {
margin-bottom: 5px;
width: 16px;
height: auto;
}
}
.page-template-template-why .how span {
color: #fff;
font-family: Commuters Sans;
font-size: 20px;
font-weight: 500;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 3px;
width: 100%;
text-align: center;
}
@media screen and (max-width: 768px) {
.page-template-template-why .how span {
font-size: 14px;
}
}
.page-template-template-why .promo {
position: relative;
width: 100%;
min-height: -webkit-calc(100vh - 111px);
min-height: -moz-calc(100vh - 111px);
min-height: calc(100vh - 111px);
height: auto;
}
@media screen and (max-width: 1400px) {
.page-template-template-why .promo {
padding: 50px 0;
}
}
.page-template-template-why .promo .title {
color: #000;
font-family: Clearface Bold;
font-size: 64px;
font-weight: 400;
line-height: 1.5em;
max-width: 680px;
width: 100%;
padding-top: 10vw;
}
@media screen and (max-width: 1200px) {
.page-template-template-why .promo .title {
font-size: 40px;
}
}
@media screen and (max-width: 768px) {
.page-template-template-why .promo .title {
font-size: 32px;
}
}
.page-template-template-why .promo p {
color: #000;
font-family: Lato;
font-size: 41px;
font-weight: 500;
max-width: 585px;
width: 100%;
}
@media screen and (max-width: 1200px) {
.page-template-template-why .promo p {
font-size: 20px;
}
}
@media screen and (max-width: 768px) {
.page-template-template-why .promo p {
font-size: 18px;
}
}
.page-template-template-why .text-white-block {
padding: 136px 0 56px;
}
@media screen and (max-width: 768px) {
.page-template-template-why .text-white-block {
padding: 50px 0;
}
}
.page-template-template-why .text-white-block .title {
color: #000;
font-family: Commuters Sans;
font-size: 34px;
font-weight: 500;
line-height: 48px;
text-transform: uppercase;
letter-spacing: 1.7px;
margin-bottom: 10px;
text-align: center;
max-width: 859px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 768px) {
.page-template-template-why .text-white-block .title {
font-size: 18px;
line-height: 1.5em;
}
}
.page-template-template-why .text-white-block .description {
color: #000;
font-family: Lato;
font-size: 35px;
font-weight: 300;
font-style: italic;
line-height: 1.5em;
text-align: center;
max-width: 1034px;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
.page-template-template-why .text-white-block .description {
font-size: 16px;
margin-bottom: 20px;
}
}
.page-template-template-why .text-white-block a {
background-color: #0c6608cc;
padding: 2px 30px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #fff;
font-family: Commuters Sans;
font-size: 14px;
font-weight: 400;
line-height: 36px;
text-transform: uppercase;
letter-spacing: 1.4px;
display: table;
margin-left: auto;
margin-right: auto;
}
.page-template-template-why .text-vs-img {
padding: 81px 0 72px;
background-color: #eae9e5;
}
@media screen and (max-width: 768px) {
.page-template-template-why .text-vs-img {
padding: 50px 0;
}
}
.page-template-template-why .text-vs-img .title {
font-family: Clearface Bold;
font-size: 40px;
font-weight: 400;
letter-spacing: -0.4px;
line-height: 54px;
margin-bottom: 45px;
}
@media screen and (max-width: 768px) {
.page-template-template-why .text-vs-img .title {
font-size: 21px;
line-height: 1.5em;
margin-bottom: 20px;
}
}
.page-template-template-why .text-vs-img .description {
color: #000;
font-family: Lato;
font-size: 23px;
font-weight: 600;
letter-spacing: 0.6px;
line-height: 1.5em;
margin-bottom: 61px;
}
@media screen and (max-width: 768px) {
.page-template-template-why .text-vs-img .description {
font-size: 16px;
line-height: 1.5em;
margin-bottom: 20px;
}
}
.page-template-template-why .text-vs-img img {
position: relative;
float: right;
top: -40px;
}
.page-template-template-why .text-vs-img a {
background-color: #f26522;
padding: 2px 25px;
background-color: #0c6608cc;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
display: table;
color: #fff;
font-family: Commuters Sans;
font-size: 14px;
font-weight: 400;
line-height: 36px;
text-transform: uppercase;
letter-spacing: 1.4px;
}
.page-template-template-why .elected {
padding: 138px 0 118px;
background-color: #eae9e5;
border-top: 20px solid #fff;
border-bottom: 20px solid #fff;
}
.page-template-template-why .elected .title {
color: #000;
font-family: Clearface Bold;
font-size: 40px;
font-weight: 400;
line-height: 54px;
letter-spacing: -0.4px;
margin-bottom: 58px;
}
.page-template-template-why .elected .description {
font-family: Commuters Sans;
font-weight: 100;
line-height: 48px;
font-size: 42px;
color: #555;
max-width: 1200px;
}
.page-template-template-why .elected .subtitle {
color: #000;
font-family: Lato;
font-size: 24px;
font-weight: 600;
letter-spacing: 0.6px;
line-height: 36px;
margin-bottom: 42px;
}
.page-template-template-why .elected .prc {
padding: 68px 68px 73px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #fff;
position: relative;
margin-top: -322px;
}
.page-template-template-why .elected .prc .ptitle {
color: #000;
font-family: Commuters Sans;
font-size: 98px;
font-weight: 400;
line-height: 48px;
text-align: center;
margin-bottom: 60px;
}
.page-template-template-why .elected .prc .pdescription {
margin-bottom: 60px;
color: #000;
font-family: Commuters Sans;
font-size: 24px;
font-weight: 700;
line-height: 36px;
text-transform: uppercase;
letter-spacing: 2.4px;
text-align: center;
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.page-template-template-why .elected .prc a {
font-family: Lato;
font-weight: 600;
letter-spacing: 1.2px;
line-height: 45px;
font-size: 16px;
color: #000;
text-align: center;
margin-left: auto;
margin-right: auto;
display: block;
}
.page-template-template-why .get {
padding: 50px 0;
}
.page-template-template-why .get img {
margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
.page-template-template-why .get img {
max-width: 60%;
}
}
.page-template-template-why .get a {
height: 60px;
background-color: #0c6608cc;
color: #fff;
font-family: Commuters Sans;
font-size: 20px;
line-height: 20px;
text-transform: uppercase;
display: table;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 25px 100px;
font-weight: 500;
margin-left: auto;
margin-right: auto;
letter-spacing: 3px;
}
@media screen and (max-width: 768px) {
.page-template-template-why .get a {
font-size: 16px;
padding: 5.5vw 7vw;
}
}
.subscribe-big {
padding: 91px 0 100px;
background-color: #191919;
margin: 20px 0;
}
@media screen and (max-width: 768px) {
.subscribe-big {
padding: 50px 0;
}
}
.subscribe-big .title {
color: #fff;
font-family: Clearface Bold;
font-size: 54px;
font-weight: 700;
letter-spacing: -0.54px;
text-align: center;
max-width: 662px;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
.subscribe-big .title {
font-size: 21px;
line-height: 1.5em;
}
}
.subscribe-big .description {
font-family: Lato;
font-size: 36px;
line-height: 1.5em;
font-weight: 400;
letter-spacing: 0.6px;
color: #fff;
max-width: 662px;
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
}
@media screen and (max-width: 768px) {
.subscribe-big .description {
font-size: 16px;
line-height: 1.5em;
}
}
.subscribe-big .form {
margin-top: 10px;
display: block;
margin-left: auto;
margin-right: auto;
max-width: 1120px;
}
.subscribe-big .form .t {
display: none;
color: #fff;
font-family: Commuters Sans;
font-size: 24px;
font-weight: 700;
line-height: 36px;
text-transform: uppercase;
letter-spacing: 2.43px;
}
.subscribe-big .form .gform_wrapper {
margin: 0;
}
.subscribe-big .form .gform_body {
max-width: 995px;
width: 100%;
float: left;
display: inline;
}
.subscribe-big .form .gform_body ul {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 768px) {
.subscribe-big .form .gform_body ul {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.subscribe-big .form .gform_body ul li {
width: 100%;
}
.subscribe-big .form .gform_body ul li label {
display: none;
}
.subscribe-big .form .gform_body ul li input,
.subscribe-big .form .gform_body ul li select {
width: 100%;
height: 40px;
background-color: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #c8c4b9;
font-family: Commuters Sans;
font-size: 14px;
font-weight: 700;
line-height: 36px;
text-transform: uppercase;
letter-spacing: 1.42px;
padding: 14px 20px;
display: block;
text-indent: 20px;
border: none;
}
.subscribe-big .form .gform_body ul li select {
padding: 0 20px !important;
}
.subscribe-big .form .gform_footer {
padding: 14px 0 10px;
margin: 16px 0 0;
clear: both;
width: auto;
display: inline-table;
}
.subscribe-big .form .gform_footer input#gform_submit_button_1 {
width: 100px;
height: 30px;
background-color: #0c6608cc;
border: none;
color: #fff;
font-family: Commuters Sans;
font-size: 11px;
font-weight: 400;
line-height: 27px;
text-transform: uppercase;
letter-spacing: 1.4px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
}
.page-template-template-mission .p0 {
padding: 0;
}
.page-template-template-mission .align-items-center,
.page-template-template-mission .how {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.page-template-template-mission .how {
background-color: #0c6608cc;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 420px;
height: 90px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
bottom: -45px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center;
}
.page-template-template-mission .how img {
margin-bottom: 28px;
width: 23px;
height: 11px;
}
.page-template-template-mission .how span {
color: #fff;
font-family: Commuters Sans;
font-size: 20px;
font-weight: 500;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 3px;
width: 100%;
text-align: center;
}
.page-template-template-mission .promo {
position: relative;
width: 100%;
height: -webkit-calc(100vh - 111px);
height: -moz-calc(100vh - 111px);
height: calc(100vh - 111px);
}
.page-template-template-mission .promo .title {
color: #000;
font-family: Clearface Bold;
font-size: 60px;
font-weight: 400;
line-height: 72px;
max-width: 680px;
width: 100%;
}
.page-template-template-mission .text-white-block {
padding: 136px 0 56px;
}
.page-template-template-mission .text-white-block .title {
max-width: 1015px;
width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
color: #000;
font-family: Commuters Sans;
font-size: 34px;
font-weight: 700;
line-height: 48px;
text-transform: uppercase;
letter-spacing: 1.7px;
margin-bottom: 50px;
text-align: center;
}
.page-template-template-mission .text-white-block .description {
max-width: 1100px;
width: 100%;
display: block;
margin-right: auto;
margin-left: auto;
margin-bottom: 42px;
color: #000;
font-family: Lato;
font-size: 26px;
font-weight: 400;
line-height: 39px;
text-align: center;
font-style: italic;
}
.page-template-template-mission .text-white-block a {
background-color: #0c6608cc;
padding: 2px 30px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #fff;
font-family: Commuters Sans;
font-size: 14px;
font-weight: 400;
line-height: 36px;
text-transform: uppercase;
letter-spacing: 1.4px;
display: table;
margin-left: auto;
margin-right: auto;
}
.page-template-template-mission .case {
padding: 60px 0 80px;
background-color: #eae9e5;
}
.page-template-template-mission .case .subtitle {
color: #0c6608;
font-family: Commuters Sans;
font-size: 24px;
font-weight: 700;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 3.6px;
margin-bottom: 53px;
}
.page-template-template-mission .case .title {
color: #000;
font-family: Clearface Bold;
font-size: 54px;
font-weight: 400;
letter-spacing: -0.54px;
line-height: 64px;
margin-bottom: 46px;
}
.page-template-template-mission .case .description {
font-family: Lato;
font-weight: 600;
letter-spacing: 0.6px;
line-height: 36px;
font-size: 24px;
color: #000;
}
.page-template-template-mission .case a {
background-color: #0c6608cc;
padding: 2px 35px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-top: 35px;
display: table;
color: #fff;
font-family: Commuters Sans;
font-size: 14px;
font-weight: 400;
line-height: 36px;
text-transform: uppercase;
letter-spacing: 1.4px;
}
.page-template-template-mission .case img {
float: right;
}
.page-template-template-mission #subscribe {
background-color: #eae9e5;
padding: 50px 0;
border-top: 30px solid #fff;
}
.page-template-template-mission #subscribe .title {
font-family: Clearface Bold;
font-size: 54px;
font-weight: 700;
letter-spacing: -0.54px;
color: #000;
}
.page-template-template-mission #subscribe .description {
color: #000;
font-family: Lato;
font-size: 24px;
font-weight: 400;
line-height: 36px;
letter-spacing: 0.6px;
}
.page-template-template-mission #subscribe .form {
margin-top: 50px;
width: 100%;
}
.page-template-template-mission #subscribe .form .gform_wrapper form {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.page-template-template-mission #subscribe .form .gform_footer.top_label {
width: 100px;
}
.page-template-template-mission #subscribe .form input#gform_submit_button_1 {
color: #fff;
font-family: Commuters Sans;
font-size: 14px;
font-weight: 400;
line-height: 36px;
text-transform: uppercase;
letter-spacing: 1.4px;
background-color: #0c6608cc;
padding: 2px 17px;
text-indent: 0;
position: absolute;
bottom: 0;
width: 100px;
cursor: pointer;
}
.page-template-template-mission #subscribe .form label {
display: none !important;
}
.page-template-template-mission #subscribe .form span {
color: #000;
font-family: Commuters Sans;
font-size: 24px;
font-weight: 700;
line-height: 36px;
text-transform: uppercase;
letter-spacing: 2.43px;
margin-bottom: 20px;
}
.page-template-template-mission #subscribe .form input {
height: 40px;
background-color: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: none;
text-indent: 15px;
width: 100%;
margin: 8px 0;
color: #c8c4b9;
font-family: Commuters Sans;
font-size: 14px;
font-weight: 700;
line-height: 36px;
text-transform: uppercase;
letter-spacing: 1.42px;
}
.page-template-template-mission #subscribe .subdescription {
max-width: 600px;
width: 100%;
background-color: #fff;
padding: 56px 70px 80px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
position: relative;
top: -247px;
float: right;
}
.page-template-template-mission #subscribe .subdescription img {
margin-left: auto;
margin-right: auto;
margin-bottom: 42px;
display: block;
}
.page-template-template-mission #subscribe .subdescription .stitle {
color: #000;
font-family: Commuters Sans;
font-size: 24px;
font-weight: 700;
line-height: 36px;
text-transform: uppercase;
letter-spacing: 2.4px;
text-align: center;
margin-bottom: 28px;
}
.page-template-template-mission #subscribe .subdescription .sdescription {
font-family: Lato;
font-weight: 400;
letter-spacing: 0.6px;
color: #000;
font-size: 20px;
text-align: center;
margin-bottom: 31px;
}
.page-template-template-mission #subscribe .subdescription a {
font-family: Lato;
font-size: 16px;
font-weight: 600;
letter-spacing: 1.2px;
line-height: 45px;
text-transform: uppercase;
text-align: center;
color: #000;
width: 100%;
display: block;
}
#leader-ships {
padding: 3vw 0 0;
}
@media screen and (max-width: 1400px) {
#leader-ships {
padding: 75px 0;
}
}
@media screen and (max-width: 768px) {
#leader-ships .container-fluid {
padding-left: 15px;
padding-right: 15px;
}
}
#leader-ships .title {
color: #000;
font-family: Clearface Bold;
font-size: 54px;
font-weight: 400;
line-height: 1.25em;
width: 100%;
display: block;
}
@media screen and (max-width: 768px) {
#leader-ships .title {
font-size: 36px;
}
}
#leader-ships .subtitle {
color: #fff;
font-family: Commuters Sans;
font-size: 24px;
font-weight: 700;
line-height: 20px;
text-transform: uppercase;
color: #0c6608;
letter-spacing: 3.6px;
margin-top: 32px;
margin-bottom: 55px;
width: 100%;
display: block;
}
@media screen and (max-width: 768px) {
#leader-ships .subtitle {
font-size: 18px;
line-height: 1.25em;
margin-top: 20px;
margin-bottom: 50px;
}
}
#leader-ships .pbox {
margin-bottom: 3vw;
}
#leader-ships .pbox .description {
display: none;
padding: 40px 55px;
background-color: #eae9e5;
}
#leader-ships .pbox .description p {
color: #000;
font-family: Lato;
font-size: 18px;
font-weight: 300;
line-height: 24px;
letter-spacing: 0.18px;
}
#leader-ships .pbox .description p b,
#leader-ships .pbox .description p strong {
font-weight: 500;
letter-spacing: 0.18px;
}
#leader-ships .pbox .people {
background-color: #eae9e5;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 1400px) {
#leader-ships .pbox .people {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
#leader-ships .pbox .people img {
width: 320px;
height: 320px;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 1400px) {
#leader-ships .pbox .people img {
width: 100%;
height: auto;
}
}
#leader-ships .pbox .people .info {
padding: 34px;
}
#leader-ships .pbox .people .info .position {
color: #000;
font-family: Lato;
font-size: 20px;
font-weight: 300;
font-style: italic;
letter-spacing: 0.2px;
line-height: 24px;
}
#leader-ships .pbox .people .info .name {
font-family: Lato;
font-size: 26px;
font-weight: 600;
letter-spacing: 0.26px;
line-height: 26px;
color: #000;
margin-top: 14px;
}
#leader-ships .pbox .people .info .short-description {
color: #000;
font-family: Lato;
font-size: 18px;
font-weight: 300;
font-style: italic;
margin-top: 30px;
margin-bottom: 30px;
}
#leader-ships .pbox .people .info a {
color: #000;
font-family: Lato;
font-weight: 600;
letter-spacing: 0.18px;
line-height: 24px;
}
#advisory {
padding: 68px 0;
}
#advisory .title {
font-family: Commuters Sans;
font-size: 24px;
font-weight: 700;
line-height: 1.25em;
text-transform: uppercase;
color: #0c6608;
letter-spacing: 3.6px;
margin-bottom: 47px;
}
#advisory .lists {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#advisory .lists li {
display: table;
width: 25%;
margin-bottom: 40px;
}
@media screen and (max-width: 1200px) {
#advisory .lists li {
width: 33.33333%;
}
}
@media screen and (max-width: 991px) {
#advisory .lists li {
width: 50%;
}
}
@media screen and (max-width: 500px) {
#advisory .lists li {
width: 100%;
}
}
#advisory .lists li .tit {
color: #000;
font-family: Lato;
font-size: 20px;
font-weight: 100;
letter-spacing: 0.2px;
line-height: 24px;
font-style: italic;
}
#advisory .lists li .desc {
color: #000;
font-family: Lato;
font-size: 26px;
font-weight: 700;
letter-spacing: 0.26px;
line-height: 26px;
line-height: 56px;
}
.get {
padding: 50px 0;
}
.get a {
height: 60px;
background-color: #0c6608cc;
color: #fff;
font-family: Commuters Sans;
font-size: 20px;
line-height: 20px;
text-transform: uppercase;
display: table;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 25px 100px;
font-weight: 500;
margin-left: auto;
margin-right: auto;
letter-spacing: 3px;
}
.single-post-comments-wrapper {
margin: 32px 0 0;
margin: 2rem 0 0;
}
#comments ol {
list-style-type: none;
}
h3#comments {
margin-bottom: 32px;
margin-bottom: 2rem;
}
.commentlist {
list-style-type: none;
margin: 0;
padding: 0;
}
.commentlist > li {
padding-top: 32px;
padding-top: 2rem;
margin-bottom: 32px;
margin-bottom: 2rem;
padding-bottom: 32px;
padding-bottom: 2rem;
border-bottom: 1px solid #dedede;
}
.commentlist > li > ol > li {
padding: 16px;
padding: 1rem;
}
.commentlist .comment-author {
font-size: 13.6px;
font-size: 0.85rem;
}
.commentlist .comment-author img {
max-width: 40px;
max-width: 2.5rem;
margin-right: 16px;
margin-right: 1rem;
}
.single-post-comments-wrapper .navigation {
float: left;
width: 100%;
min-height: 1px;
}
.single-post-comments-wrapper .navigation:after,
.single-post-comments-wrapper .navigation:before {
content: " ";
display: table;
}
.comment-respond label {
display: block;
}
.page-template-template-about .how {
background-color: #0c6608cc;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 420px;
height: 90px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
bottom: -45px;
left: 0;
text-align: center;
}
.page-template-template-about .how img {
margin-bottom: 28px;
width: 23px;
height: 11px;
}
.page-template-template-about .how span {
color: #fff;
font-family: Commuters Sans;
font-size: 20px;
font-weight: 500;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 3px;
width: 100%;
text-align: center;
}
.page-template-template-about .promo {
position: relative;
width: 100%;
height: -webkit-calc(100vh - 111px);
height: -moz-calc(100vh - 111px);
height: calc(100vh - 111px);
}
.page-template-template-about .promo.align-items-center {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.page-template-template-about .promo .title {
color: #000;
font-family: Clearface Bold;
font-size: 48px;
font-weight: 400;
line-height: 64px;
max-width: 655px;
width: 100%;
margin-bottom: 46px;
}
.page-template-template-about .promo .author {
font-family: Commuters Sans;
font-size: 20px;
font-weight: 700;
letter-spacing: 2px;
line-height: 36px;
text-transform: uppercase;
}
.page-template-template-about .emision {
padding: 133px 0 39px;
}
.page-template-template-about .emision .container {
max-width: 1023px;
}
.page-template-template-about .emision .txtblock p {
color: #555;
font-family: Commuters Sans;
font-size: 40px;
font-weight: 100;
line-height: 48px;
margin-bottom: 87px;
}
.page-template-template-about .emision .txtblock p b {
color: #000;
font-family: Commuters Sans;
font-size: 40px;
font-weight: 400;
line-height: 48px;
}
.page-template-template-about .case {
padding: 60px 0 80px;
background-color: #eae9e5;
height: 800px;
}
.page-template-template-about .case .subtitle {
color: #0c6608;
font-family: Commuters Sans;
font-size: 24px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 2.4px;
line-height: 30px;
margin-bottom: 44px;
}
.page-template-template-about .case .title {
color: #000;
font-family: Clearface Bold;
font-size: 48px;
font-weight: 400;
letter-spacing: -0.48px;
line-height: 64px;
margin-bottom: 46px;
max-width: 605px;
width: 100%;
}
.page-template-template-about .case .description p {
font-family: Lato;
font-weight: 400;
letter-spacing: 0.6px;
line-height: 36px;
font-size: 24px;
color: #000;
max-width: 605px;
width: 100%;
}
.page-template-template-about .case a {
background-color: #0c6608cc;
padding: 2px 35px;
margin-top: 35px;
display: table;
color: #fff;
font-family: Commuters Sans;
font-size: 14px;
line-height: 36px;
text-transform: uppercase;
letter-spacing: 1.4px;
}
.page-template-template-about .case .why-hard,
.page-template-template-about .case a {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
font-weight: 400;
}
.page-template-template-about .case .why-hard {
color: #000;
font-family: Clearface Bold;
font-size: 48px;
line-height: 64px;
letter-spacing: -0.48px;
padding: 87px 95px 94px;
background: #fff;
max-width: 600px;
width: 100%;
float: right;
text-align: center;
position: relative;
display: block;
}
.page-template-template-about .case .why-hard .how {
background-color: #0c6608cc;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 420px;
height: 90px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
bottom: -55px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center;
}
.page-template-template-about .case .why-hard .how img {
margin-bottom: 28px;
width: 23px;
height: 11px;
}
.page-template-template-about .case .why-hard .how span {
color: #fff;
font-family: Commuters Sans;
font-size: 20px;
font-weight: 500;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 3px;
width: 100%;
text-align: center;
}
.page-template-template-about .case .reasons {
padding: 83px 57px 40px;
background: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin-top: 21px;
display: block;
float: right;
max-width: 600px;
width: 100%;
text-align: center;
}
.page-template-template-about .case .reasons .numer {
font-family: Clearface Bold;
font-size: 72px;
font-weight: 700;
line-height: 36px;
margin-bottom: 18px;
margin-top: 10px;
}
.page-template-template-about .case .reasons .desc,
.page-template-template-about .case .reasons .desc p {
font-family: Lato;
font-weight: 400;
letter-spacing: 0.6px;
line-height: 36px;
font-size: 24px;
color: #000;
}
.page-template-template-about .case .reasons .desc p {
margin-bottom: 36px;
}
.page-template-template-about .case .reasons .desc p b {
font-weight: 700;
}
.page-template-template-about .weseek {
background-color: #dbd9d3;
padding: 102px 0 61px;
border-top: 20px solid #fff;
}
.page-template-template-about .weseek .txts {
color: #000;
font-family: Clearface Bold;
font-size: 48px;
font-weight: 400;
line-height: 64px;
letter-spacing: -0.48px;
}
.page-template-template-about .weseek .how {
background-color: #0c6608cc;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 420px;
height: 90px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: -155px;
left: 0;
text-align: center;
}
.page-template-template-about .weseek .how img {
margin-bottom: 28px;
width: 23px;
height: 11px;
}
.page-template-template-about .weseek .how span {
color: #fff;
font-family: Commuters Sans;
font-size: 20px;
font-weight: 500;
line-height: 20px;
text-transform: uppercase;
letter-spacing: 3px;
width: 100%;
text-align: center;
}
.page-template-template-about .subscribe-big {
padding: 91px 0 100px;
background-color: #191919;
}
.page-template-template-about .subscribe-big .title {
color: #fff;
font-family: Clearface Bold;
font-size: 54px;
font-weight: 700;
letter-spacing: -0.54px;
text-align: center;
max-width: 662px;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
.page-template-template-about .subscribe-big .description {
font-family: Lato;
line-height: 36px;
font-size: 24px;
font-weight: 400;
letter-spacing: 0.6px;
color: #fff;
max-width: 662px;
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.page-template-template-about .subscribe-big .form {
margin-top: 54px;
display: block;
margin-left: auto;
margin-right: auto;
max-width: 1120px;
}
.page-template-template-about .subscribe-big .form .t {
color: #fff;
font-family: Commuters Sans;
font-size: 24px;
font-weight: 700;
line-height: 36px;
text-transform: uppercase;
letter-spacing: 2.43px;
}
.page-template-template-about .subscribe-big .form .gform_wrapper {
margin: 0;
}
.page-template-template-about .subscribe-big .form .gform_body {
max-width: 995px;
width: 100%;
float: left;
display: inline;
}
.page-template-template-about .subscribe-big .form .gform_body ul {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.page-template-template-about .subscribe-big .form .gform_body ul li {
width: 100%;
}
.page-template-template-about .subscribe-big .form .gform_body ul li label {
display: none;
}
.page-template-template-about .subscribe-big .form .gform_body ul li input {
width: 100%;
height: 40px;
background-color: #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #c8c4b9;
font-family: Commuters Sans;
font-size: 14px;
font-weight: 700;
line-height: 36px;
text-transform: uppercase;
letter-spacing: 1.42px;
padding: 14px 20px;
display: block;
text-indent: 20px;
border: none;
}
.page-template-template-about .subscribe-big .form .gform_footer {
padding: 14px 0 10px;
margin: 16px 0 0;
clear: both;
width: auto;
display: inline-table;
}
.page-template-template-about .subscribe-big .form .gform_footer input#gform_submit_button_1 {
width: 100px;
height: 30px;
background-color: #0c6608cc;
border: none;
color: #fff;
font-family: Commuters Sans;
font-size: 11px;
font-weight: 400;
line-height: 27px;
text-transform: uppercase;
letter-spacing: 1.4px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/*# sourceMappingURL=app.css.map */