html {
box-sizing: border-box;
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent;
}
*, ::after, ::before {
box-sizing: inherit;
}
@-ms-viewport {
width: device-width;
}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
}
[tabindex="-1"]:focus {
outline: 0!important;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: .5rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[data-original-title], abbr[title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
dl, ol, ul {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol, ol ul, ul ol, ul ul {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: .5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
dfn {
font-style: italic;
}
b, strong {
font-weight: bolder;
}
small {
font-size: 80%}
sub, sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
a {
color: #007bff;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:hover {
color: #0056b3;
text-decoration: underline;
}
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none;
}
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;
}
code, kbd, pre, samp {
font-family: monospace, monospace;
font-size: 1em;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
}
figure {
margin: 0 0 1rem;
}
img {
vertical-align: middle;
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
[role=button], a, area, button, input, label, select, summary, textarea {
-ms-touch-action: manipulation;
touch-action: manipulation;
}
table {
border-collapse: collapse;
}
caption {
padding-top: .75rem;
padding-bottom: .75rem;
color: #868e96;
text-align: left;
caption-side: bottom;
}
th {
text-align: left;
}
label {
display: inline-block;
margin-bottom: .5rem;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
button, input, optgroup, select, textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
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 {
padding: 0;
border-style: none;
}
input[type=checkbox], input[type=radio] {
box-sizing: border-box;
padding: 0;
}
input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
}
template {
display: none;
}
[hidden] {
display: none!important;
}
@-ms-viewport {
width: device-width;
}
html {
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
*, ::after, ::before {
box-sizing: inherit;
}
.container {
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
width: 100%}
@media(min-width:576px) {
.container {
max-width: 540px;
}
}@media(min-width:768px) {
.container {
max-width: 720px;
}
}@media(min-width:992px) {
.container {
max-width: 960px;
}
}@media(min-width:1200px) {
.container {
max-width: 1140px;
}
}.container-fluid {
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
width: 100%}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters>.col, .no-gutters>[class*=col-] {
padding-right: 0;
padding-left: 0;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .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-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .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-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%}
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%}
.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%}
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%}
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%}
.col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%}
.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%}
.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%}
.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%}
.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%}
.order-1 {
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-ms-flex-order: 12;
order: 12;
}
@media(min-width:576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%}
.col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-sm-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%}
.col-sm-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%}
.col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%}
.col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%}
.col-sm-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%}
.col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%}
.col-sm-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%}
.col-sm-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%}
.col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%}
.col-sm-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%}
.col-sm-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%}
.col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%}
.order-sm-1 {
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-ms-flex-order: 5;
order: 5;
}
.order-sm-6 {
-ms-flex-order: 6;
order: 6;
}
.order-sm-7 {
-ms-flex-order: 7;
order: 7;
}
.order-sm-8 {
-ms-flex-order: 8;
order: 8;
}
.order-sm-9 {
-ms-flex-order: 9;
order: 9;
}
.order-sm-10 {
-ms-flex-order: 10;
order: 10;
}
.order-sm-11 {
-ms-flex-order: 11;
order: 11;
}
.order-sm-12 {
-ms-flex-order: 12;
order: 12;
}
}@media(min-width:768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%}
.col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%}
.col-md-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%}
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%}
.col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%}
.col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%}
.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%}
.col-md-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%}
.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%}
.order-md-1 {
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-ms-flex-order: 5;
order: 5;
}
.order-md-6 {
-ms-flex-order: 6;
order: 6;
}
.order-md-7 {
-ms-flex-order: 7;
order: 7;
}
.order-md-8 {
-ms-flex-order: 8;
order: 8;
}
.order-md-9 {
-ms-flex-order: 9;
order: 9;
}
.order-md-10 {
-ms-flex-order: 10;
order: 10;
}
.order-md-11 {
-ms-flex-order: 11;
order: 11;
}
.order-md-12 {
-ms-flex-order: 12;
order: 12;
}
}@media(min-width:992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%}
.col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-lg-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%}
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%}
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%}
.col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%}
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%}
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%}
.col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%}
.col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%}
.col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%}
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%}
.col-lg-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%}
.col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%}
.order-lg-1 {
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-ms-flex-order: 5;
order: 5;
}
.order-lg-6 {
-ms-flex-order: 6;
order: 6;
}
.order-lg-7 {
-ms-flex-order: 7;
order: 7;
}
.order-lg-8 {
-ms-flex-order: 8;
order: 8;
}
.order-lg-9 {
-ms-flex-order: 9;
order: 9;
}
.order-lg-10 {
-ms-flex-order: 10;
order: 10;
}
.order-lg-11 {
-ms-flex-order: 11;
order: 11;
}
.order-lg-12 {
-ms-flex-order: 12;
order: 12;
}
}@media(min-width:1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%}
.col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%}
.col-xl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%}
.col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%}
.col-xl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%}
.col-xl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%}
.col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%}
.col-xl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%}
.col-xl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%}
.col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%}
.col-xl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%}
.col-xl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%}
.col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%}
.order-xl-1 {
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-ms-flex-order: 5;
order: 5;
}
.order-xl-6 {
-ms-flex-order: 6;
order: 6;
}
.order-xl-7 {
-ms-flex-order: 7;
order: 7;
}
.order-xl-8 {
-ms-flex-order: 8;
order: 8;
}
.order-xl-9 {
-ms-flex-order: 9;
order: 9;
}
.order-xl-10 {
-ms-flex-order: 10;
order: 10;
}
.order-xl-11 {
-ms-flex-order: 11;
order: 11;
}
.order-xl-12 {
-ms-flex-order: 12;
order: 12;
}
}.flex-row {
-ms-flex-direction: row!important;
flex-direction: row!important;
}
.flex-column {
-ms-flex-direction: column!important;
flex-direction: column!important;
}
.flex-row-reverse {
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important;
}
.flex-column-reverse {
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important;
}
.flex-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important;
}
.flex-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important;
}
.justify-content-start {
-ms-flex-pack: start!important;
justify-content: flex-start!important;
}
.justify-content-end {
-ms-flex-pack: end!important;
justify-content: flex-end!important;
}
.justify-content-center {
-ms-flex-pack: center!important;
justify-content: center!important;
}
.justify-content-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important;
}
.justify-content-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important;
}
.align-items-start {
-ms-flex-align: start!important;
align-items: flex-start!important;
}
.align-items-end {
-ms-flex-align: end!important;
align-items: flex-end!important;
}
.align-items-center {
-ms-flex-align: center!important;
align-items: center!important;
}
.align-items-baseline {
-ms-flex-align: baseline!important;
align-items: baseline!important;
}
.align-items-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important;
}
.align-content-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important;
}
.align-content-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important;
}
.align-content-center {
-ms-flex-line-pack: center!important;
align-content: center!important;
}
.align-content-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important;
}
.align-content-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important;
}
.align-content-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important;
}
.align-self-auto {
-ms-flex-item-align: auto!important;
align-self: auto!important;
}
.align-self-start {
-ms-flex-item-align: start!important;
align-self: flex-start!important;
}
.align-self-end {
-ms-flex-item-align: end!important;
align-self: flex-end!important;
}
.align-self-center {
-ms-flex-item-align: center!important;
align-self: center!important;
}
.align-self-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline!important;
}
.align-self-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch!important;
}
@media(min-width:576px) {
.flex-sm-row {
-ms-flex-direction: row!important;
flex-direction: row!important;
}
.flex-sm-column {
-ms-flex-direction: column!important;
flex-direction: column!important;
}
.flex-sm-row-reverse {
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important;
}
.flex-sm-column-reverse {
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important;
}
.flex-sm-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important;
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important;
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important;
}
.justify-content-sm-start {
-ms-flex-pack: start!important;
justify-content: flex-start!important;
}
.justify-content-sm-end {
-ms-flex-pack: end!important;
justify-content: flex-end!important;
}
.justify-content-sm-center {
-ms-flex-pack: center!important;
justify-content: center!important;
}
.justify-content-sm-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important;
}
.justify-content-sm-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important;
}
.align-items-sm-start {
-ms-flex-align: start!important;
align-items: flex-start!important;
}
.align-items-sm-end {
-ms-flex-align: end!important;
align-items: flex-end!important;
}
.align-items-sm-center {
-ms-flex-align: center!important;
align-items: center!important;
}
.align-items-sm-baseline {
-ms-flex-align: baseline!important;
align-items: baseline!important;
}
.align-items-sm-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important;
}
.align-content-sm-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important;
}
.align-content-sm-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important;
}
.align-content-sm-center {
-ms-flex-line-pack: center!important;
align-content: center!important;
}
.align-content-sm-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important;
}
.align-content-sm-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important;
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important;
}
.align-self-sm-auto {
-ms-flex-item-align: auto!important;
align-self: auto!important;
}
.align-self-sm-start {
-ms-flex-item-align: start!important;
align-self: flex-start!important;
}
.align-self-sm-end {
-ms-flex-item-align: end!important;
align-self: flex-end!important;
}
.align-self-sm-center {
-ms-flex-item-align: center!important;
align-self: center!important;
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline!important;
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch!important;
}
}@media(min-width:768px) {
.flex-md-row {
-ms-flex-direction: row!important;
flex-direction: row!important;
}
.flex-md-column {
-ms-flex-direction: column!important;
flex-direction: column!important;
}
.flex-md-row-reverse {
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important;
}
.flex-md-column-reverse {
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important;
}
.flex-md-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important;
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important;
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important;
}
.justify-content-md-start {
-ms-flex-pack: start!important;
justify-content: flex-start!important;
}
.justify-content-md-end {
-ms-flex-pack: end!important;
justify-content: flex-end!important;
}
.justify-content-md-center {
-ms-flex-pack: center!important;
justify-content: center!important;
}
.justify-content-md-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important;
}
.justify-content-md-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important;
}
.align-items-md-start {
-ms-flex-align: start!important;
align-items: flex-start!important;
}
.align-items-md-end {
-ms-flex-align: end!important;
align-items: flex-end!important;
}
.align-items-md-center {
-ms-flex-align: center!important;
align-items: center!important;
}
.align-items-md-baseline {
-ms-flex-align: baseline!important;
align-items: baseline!important;
}
.align-items-md-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important;
}
.align-content-md-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important;
}
.align-content-md-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important;
}
.align-content-md-center {
-ms-flex-line-pack: center!important;
align-content: center!important;
}
.align-content-md-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important;
}
.align-content-md-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important;
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important;
}
.align-self-md-auto {
-ms-flex-item-align: auto!important;
align-self: auto!important;
}
.align-self-md-start {
-ms-flex-item-align: start!important;
align-self: flex-start!important;
}
.align-self-md-end {
-ms-flex-item-align: end!important;
align-self: flex-end!important;
}
.align-self-md-center {
-ms-flex-item-align: center!important;
align-self: center!important;
}
.align-self-md-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline!important;
}
.align-self-md-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch!important;
}
}@media(min-width:992px) {
.flex-lg-row {
-ms-flex-direction: row!important;
flex-direction: row!important;
}
.flex-lg-column {
-ms-flex-direction: column!important;
flex-direction: column!important;
}
.flex-lg-row-reverse {
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important;
}
.flex-lg-column-reverse {
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important;
}
.flex-lg-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important;
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important;
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important;
}
.justify-content-lg-start {
-ms-flex-pack: start!important;
justify-content: flex-start!important;
}
.justify-content-lg-end {
-ms-flex-pack: end!important;
justify-content: flex-end!important;
}
.justify-content-lg-center {
-ms-flex-pack: center!important;
justify-content: center!important;
}
.justify-content-lg-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important;
}
.justify-content-lg-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important;
}
.align-items-lg-start {
-ms-flex-align: start!important;
align-items: flex-start!important;
}
.align-items-lg-end {
-ms-flex-align: end!important;
align-items: flex-end!important;
}
.align-items-lg-center {
-ms-flex-align: center!important;
align-items: center!important;
}
.align-items-lg-baseline {
-ms-flex-align: baseline!important;
align-items: baseline!important;
}
.align-items-lg-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important;
}
.align-content-lg-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important;
}
.align-content-lg-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important;
}
.align-content-lg-center {
-ms-flex-line-pack: center!important;
align-content: center!important;
}
.align-content-lg-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important;
}
.align-content-lg-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important;
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important;
}
.align-self-lg-auto {
-ms-flex-item-align: auto!important;
align-self: auto!important;
}
.align-self-lg-start {
-ms-flex-item-align: start!important;
align-self: flex-start!important;
}
.align-self-lg-end {
-ms-flex-item-align: end!important;
align-self: flex-end!important;
}
.align-self-lg-center {
-ms-flex-item-align: center!important;
align-self: center!important;
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline!important;
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch!important;
}
}@media(min-width:1200px) {
.flex-xl-row {
-ms-flex-direction: row!important;
flex-direction: row!important;
}
.flex-xl-column {
-ms-flex-direction: column!important;
flex-direction: column!important;
}
.flex-xl-row-reverse {
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important;
}
.flex-xl-column-reverse {
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important;
}
.flex-xl-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important;
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important;
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important;
}
.justify-content-xl-start {
-ms-flex-pack: start!important;
justify-content: flex-start!important;
}
.justify-content-xl-end {
-ms-flex-pack: end!important;
justify-content: flex-end!important;
}
.justify-content-xl-center {
-ms-flex-pack: center!important;
justify-content: center!important;
}
.justify-content-xl-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important;
}
.justify-content-xl-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important;
}
.align-items-xl-start {
-ms-flex-align: start!important;
align-items: flex-start!important;
}
.align-items-xl-end {
-ms-flex-align: end!important;
align-items: flex-end!important;
}
.align-items-xl-center {
-ms-flex-align: center!important;
align-items: center!important;
}
.align-items-xl-baseline {
-ms-flex-align: baseline!important;
align-items: baseline!important;
}
.align-items-xl-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important;
}
.align-content-xl-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important;
}
.align-content-xl-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important;
}
.align-content-xl-center {
-ms-flex-line-pack: center!important;
align-content: center!important;
}
.align-content-xl-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important;
}
.align-content-xl-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important;
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important;
}
.align-self-xl-auto {
-ms-flex-item-align: auto!important;
align-self: auto!important;
}
.align-self-xl-start {
-ms-flex-item-align: start!important;
align-self: flex-start!important;
}
.align-self-xl-end {
-ms-flex-item-align: end!important;
align-self: flex-end!important;
}
.align-self-xl-center {
-ms-flex-item-align: center!important;
align-self: center!important;
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline!important;
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch!important;
}
}#nprogress {
pointer-events: none;
}
#nprogress .bar {
background: #29d;
position: fixed;
z-index: 1031;
top: 0;
left: 0;
width: 100%;
height: 2px;
}
#nprogress .peg {
display: block;
position: absolute;
right: 0;
width: 100px;
height: 100%;
box-shadow: 0 0 10px #29d, 0 0 5px #29d;
opacity: 1;
-webkit-transform: rotate(3deg) translate(0, -4px);
-ms-transform: rotate(3deg) translate(0, -4px);
transform: rotate(3deg) translate(0, -4px);
}
#nprogress .spinner {
display: block;
position: fixed;
z-index: 1031;
top: 15px;
right: 15px;
}
#nprogress .spinner-icon {
width: 18px;
height: 18px;
box-sizing: border-box;
border: solid 2px transparent;
border-top-color: #29d;
border-left-color: #29d;
border-radius: 50%;
-webkit-animation: nprogress-spinner 400ms linear infinite;
animation: nprogress-spinner 400ms linear infinite;
}
.nprogress-custom-parent {
overflow: hidden;
position: relative;
}
.nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar {
position: absolute;
}
@-webkit-keyframes nprogress-spinner {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}@keyframes nprogress-spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
display: table;
content: ''}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[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;
}
@charset "UTF-8";
/*!
* animate.css -http: //daneden.me/animate
* Version - 3.5.2
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2017 Daniel Eden
*/
.animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.animated.infinite {
animation-iteration-count: infinite;
}
.animated.hinge {
animation-duration: 2s;
}
.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
animation-duration: .75s;
}
@keyframes bounce {
0%, 20%, 53%, 80%, to {
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
transform: translateZ(0);
}
40%, 43% {
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
transform: translate3d(0, -30px, 0);
}
70% {
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
transform: translate3d(0, -15px, 0);
}
90% {
transform: translate3d(0, -4px, 0);
}
}.bounce {
animation-name: bounce;
transform-origin: center bottom;
}
@keyframes flash {
0%, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}.flash {
animation-name: flash;
}
@keyframes pulse {
0% {
transform: scaleX(1);
}
50% {
transform: scale3d(1.05, 1.05, 1.05);
}
to {
transform: scaleX(1);
}
}.pulse {
animation-name: pulse;
}
@keyframes rubberBand {
0% {
transform: scaleX(1);
}
30% {
transform: scale3d(1.25, .75, 1);
}
40% {
transform: scale3d(.75, 1.25, 1);
}
50% {
transform: scale3d(1.15, .85, 1);
}
65% {
transform: scale3d(.95, 1.05, 1);
}
75% {
transform: scale3d(1.05, .95, 1);
}
to {
transform: scaleX(1);
}
}.rubberBand {
animation-name: rubberBand;
}
@keyframes shake {
0%, to {
transform: translateZ(0);
}
10%, 30%, 50%, 70%, 90% {
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
transform: translate3d(10px, 0, 0);
}
}.shake {
animation-name: shake;
}
@keyframes headShake {
0% {
transform: translateX(0);
}
6.5% {
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
transform: translateX(5px) rotateY(7deg);
}
31.5% {
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
transform: translateX(2px) rotateY(3deg);
}
50% {
transform: translateX(0);
}
}.headShake {
animation-timing-function: ease-in-out;
animation-name: headShake;
}
@keyframes swing {
20% {
transform: rotate(15deg);
}
40% {
transform: rotate(-10deg);
}
60% {
transform: rotate(5deg);
}
80% {
transform: rotate(-5deg);
}
to {
transform: rotate(0deg);
}
}.swing {
transform-origin: top center;
animation-name: swing;
}
@keyframes tada {
0% {
transform: scaleX(1);
}
10%, 20% {
transform: scale3d(.9, .9, .9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
}
40%, 60%, 80% {
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
}
to {
transform: scaleX(1);
}
}.tada {
animation-name: tada;
}
@keyframes wobble {
0% {
transform: none;
}
15% {
transform: translate3d(-25%, 0, 0) rotate(-5deg);
}
30% {
transform: translate3d(20%, 0, 0) rotate(3deg);
}
45% {
transform: translate3d(-15%, 0, 0) rotate(-3deg);
}
60% {
transform: translate3d(10%, 0, 0) rotate(2deg);
}
75% {
transform: translate3d(-5%, 0, 0) rotate(-1deg);
}
to {
transform: none;
}
}.wobble {
animation-name: wobble;
}
@keyframes jello {
0%, 11.1%, to {
transform: none;
}
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
transform: skewX(-.78125deg) skewY(-.78125deg);
}
77.7% {
transform: skewX(.390625deg) skewY(.390625deg);
}
88.8% {
transform: skewX(-.1953125deg) skewY(-.1953125deg);
}
}.jello {
animation-name: jello;
transform-origin: center;
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
}
0% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
transform: scaleX(1);
}
}.bounceIn {
animation-name: bounceIn;
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0);
}
75% {
transform: translate3d(0, -10px, 0);
}
90% {
transform: translate3d(0, 5px, 0);
}
to {
transform: none;
}
}.bounceInDown {
animation-name: bounceInDown;
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0);
}
75% {
transform: translate3d(-10px, 0, 0);
}
90% {
transform: translate3d(5px, 0, 0);
}
to {
transform: none;
}
}.bounceInLeft {
animation-name: bounceInLeft;
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
}
0% {
opacity: 0;
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0);
}
75% {
transform: translate3d(10px, 0, 0);
}
90% {
transform: translate3d(-5px, 0, 0);
}
to {
transform: none;
}
}.bounceInRight {
animation-name: bounceInRight;
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
}
0% {
opacity: 0;
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
75% {
transform: translate3d(0, 10px, 0);
}
90% {
transform: translate3d(0, -5px, 0);
}
to {
transform: translateZ(0);
}
}.bounceInUp {
animation-name: bounceInUp;
}
@keyframes bounceOut {
20% {
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
}.bounceOut {
animation-name: bounceOut;
}
@keyframes bounceOutDown {
20% {
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}.bounceOutDown {
animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}.bounceOutLeft {
animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}.bounceOutRight {
animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
20% {
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}.bounceOutUp {
animation-name: bounceOutUp;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}.fadeIn {
animation-name: fadeIn;
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
transform: none;
}
}.fadeInDown {
animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
transform: none;
}
}.fadeInDownBig {
animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}.fadeInLeft {
animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}.fadeInLeftBig {
animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}.fadeInRight {
animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}.fadeInRightBig {
animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
transform: none;
}
}.fadeInUp {
animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
transform: none;
}
}.fadeInUpBig {
animation-name: fadeInUpBig;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
to {
opacity: 0;
}
}.fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOutDown {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
}.fadeOutDown {
animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}.fadeOutDownBig {
animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
}.fadeOutLeft {
animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}.fadeOutLeftBig {
animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
}.fadeOutRight {
animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}.fadeOutRightBig {
animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
}.fadeOutUp {
animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}.fadeOutUpBig {
animation-name: fadeOutUpBig;
}
@keyframes flip {
0% {
transform: perspective(400px) rotateY(-1turn);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translateZ(150px) rotateY(-190deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translateZ(150px) rotateY(-170deg);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) scale3d(.95, .95, .95);
animation-timing-function: ease-in;
}
to {
transform: perspective(400px);
animation-timing-function: ease-in;
}
}.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
animation-name: flip;
}
@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotateX(-20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotateX(10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotateX(-5deg);
}
to {
transform: perspective(400px);
}
}.flipInX {
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important;
animation-name: flipInX;
}
@keyframes flipInY {
0% {
transform: perspective(400px) rotateY(90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotateY(-20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotateY(10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotateY(-5deg);
}
to {
transform: perspective(400px);
}
}.flipInY {
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important;
animation-name: flipInY;
}
@keyframes flipOutX {
0% {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotateX(-20deg);
opacity: 1;
}
to {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}.flipOutX {
animation-name: flipOutX;
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important;
}
@keyframes flipOutY {
0% {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotateY(-15deg);
opacity: 1;
}
to {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}.flipOutY {
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important;
animation-name: flipOutY;
}
@keyframes lightSpeedIn {
0% {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
transform: skewX(20deg);
opacity: 1;
}
80% {
transform: skewX(-5deg);
opacity: 1;
}
to {
transform: none;
opacity: 1;
}
}.lightSpeedIn {
animation-name: lightSpeedIn;
animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
0% {
opacity: 1;
}
to {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}.lightSpeedOut {
animation-name: lightSpeedOut;
animation-timing-function: ease-in;
}
@keyframes rotateIn {
0% {
transform-origin: center;
transform: rotate(-200deg);
opacity: 0;
}
to {
transform-origin: center;
transform: none;
opacity: 1;
}
}.rotateIn {
animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(-45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}.rotateInDownLeft {
animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate(45deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}.rotateInDownRight {
animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}.rotateInUpLeft {
animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
0% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}.rotateInUpRight {
animation-name: rotateInUpRight;
}
@keyframes rotateOut {
0% {
transform-origin: center;
opacity: 1;
}
to {
transform-origin: center;
transform: rotate(200deg);
opacity: 0;
}
}.rotateOut {
animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
0% {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate(45deg);
opacity: 0;
}
}.rotateOutDownLeft {
animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
0% {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate(-45deg);
opacity: 0;
}
}.rotateOutDownRight {
animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
0% {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate(-45deg);
opacity: 0;
}
}.rotateOutUpLeft {
animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
0% {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
}.rotateOutUpRight {
animation-name: rotateOutUpRight;
}
@keyframes hinge {
0% {
transform-origin: top left;
animation-timing-function: ease-in-out;
}
20%, 60% {
transform: rotate(80deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
40%, 80% {
transform: rotate(60deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}.hinge {
animation-name: hinge;
}
@keyframes jackInTheBox {
0% {
opacity: 0;
transform: scale(.1) rotate(30deg);
transform-origin: center bottom;
}
50% {
transform: rotate(-10deg);
}
70% {
transform: rotate(3deg);
}
to {
opacity: 1;
transform: scale(1);
}
}.jackInTheBox {
animation-name: jackInTheBox;
}
@keyframes rollIn {
0% {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate(-120deg);
}
to {
opacity: 1;
transform: none;
}
}.rollIn {
animation-name: rollIn;
}
@keyframes rollOut {
0% {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate(120deg);
}
}.rollOut {
animation-name: rollOut;
}
@keyframes zoomIn {
0% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}.zoomIn {
animation-name: zoomIn;
}
@keyframes zoomInDown {
0% {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
}
}.zoomInDown {
animation-name: zoomInDown;
}
@keyframes zoomInLeft {
0% {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
}
}.zoomInLeft {
animation-name: zoomInLeft;
}
@keyframes zoomInRight {
0% {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
}
}.zoomInRight {
animation-name: zoomInRight;
}
@keyframes zoomInUp {
0% {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
}
}.zoomInUp {
animation-name: zoomInUp;
}
@keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}.zoomOut {
animation-name: zoomOut;
}
@keyframes zoomOutDown {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
}
}.zoomOutDown {
animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
transform: scale(.1) translate3d(-2000px, 0, 0);
transform-origin: left center;
}
}.zoomOutLeft {
animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
transform: scale(.1) translate3d(2000px, 0, 0);
transform-origin: right center;
}
}.zoomOutRight {
animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
}
}.zoomOutUp {
animation-name: zoomOutUp;
}
@keyframes slideInDown {
0% {
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
transform: translateZ(0);
}
}.slideInDown {
animation-name: slideInDown;
}
@keyframes slideInLeft {
0% {
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
transform: translateZ(0);
}
}.slideInLeft {
animation-name: slideInLeft;
}
@keyframes slideInRight {
0% {
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
transform: translateZ(0);
}
}.slideInRight {
animation-name: slideInRight;
}
@keyframes slideInUp {
0% {
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
transform: translateZ(0);
}
}.slideInUp {
animation-name: slideInUp;
}
@keyframes slideOutDown {
0% {
transform: translateZ(0);
}
to {
visibility: hidden;
transform: translate3d(0, 100%, 0);
}
}.slideOutDown {
animation-name: slideOutDown;
}
@keyframes slideOutLeft {
0% {
transform: translateZ(0);
}
to {
visibility: hidden;
transform: translate3d(-100%, 0, 0);
}
}.slideOutLeft {
animation-name: slideOutLeft;
}
@keyframes slideOutRight {
0% {
transform: translateZ(0);
}
to {
visibility: hidden;
transform: translate3d(100%, 0, 0);
}
}.slideOutRight {
animation-name: slideOutRight;
}
@keyframes slideOutUp {
0% {
transform: translateZ(0);
}
to {
visibility: hidden;
transform: translate3d(0, -100%, 0);
}
}.slideOutUp {
animation-name: slideOutUp;
}
[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
transition-duration: 50ms;
}
[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
transition-delay: 50ms;
}
[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
transition-duration: .1s;
}
[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
transition-delay: .1s;
}
[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
transition-duration: .15s;
}
[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
transition-delay: .15s;
}
[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
transition-duration: .2s;
}
[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
transition-delay: .2s;
}
[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
transition-duration: .25s;
}
[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
transition-delay: .25s;
}
[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
transition-duration: .3s;
}
[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
transition-delay: .3s;
}
[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
transition-duration: .35s;
}
[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
transition-delay: .35s;
}
[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
transition-duration: .4s;
}
[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
transition-delay: .4s;
}
[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
transition-duration: .45s;
}
[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
transition-delay: .45s;
}
[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
transition-duration: .5s;
}
[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
transition-delay: .5s;
}
[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
transition-duration: .55s;
}
[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
transition-delay: .55s;
}
[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
transition-duration: .6s;
}
[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
transition-delay: .6s;
}
[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
transition-duration: .65s;
}
[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
transition-delay: .65s;
}
[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
transition-duration: .7s;
}
[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
transition-delay: .7s;
}
[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
transition-duration: .75s;
}
[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
transition-delay: .75s;
}
[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
transition-duration: .8s;
}
[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
transition-delay: .8s;
}
[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
transition-duration: .85s;
}
[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
transition-delay: .85s;
}
[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
transition-duration: .9s;
}
[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
transition-delay: .9s;
}
[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
transition-duration: .95s;
}
[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
transition-delay: .95s;
}
[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
transition-duration: 1s;
}
[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
transition-delay: 1s;
}
[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
transition-duration: 1.05s;
}
[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
transition-delay: 1.05s;
}
[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
transition-duration: 1.1s;
}
[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
transition-delay: 1.1s;
}
[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
transition-duration: 1.15s;
}
[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
transition-delay: 1.15s;
}
[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
transition-duration: 1.2s;
}
[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
transition-delay: 1.2s;
}
[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
transition-duration: 1.25s;
}
[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
transition-delay: 1.25s;
}
[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
transition-duration: 1.3s;
}
[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
transition-delay: 1.3s;
}
[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
transition-duration: 1.35s;
}
[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
transition-delay: 1.35s;
}
[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
transition-duration: 1.4s;
}
[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
transition-delay: 1.4s;
}
[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
transition-duration: 1.45s;
}
[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
transition-delay: 1.45s;
}
[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
transition-duration: 1.5s;
}
[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
transition-delay: 1.5s;
}
[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
transition-duration: 1.55s;
}
[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
transition-delay: 1.55s;
}
[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
transition-duration: 1.6s;
}
[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
transition-delay: 1.6s;
}
[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
transition-duration: 1.65s;
}
[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
transition-delay: 1.65s;
}
[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
transition-duration: 1.7s;
}
[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
transition-delay: 1.7s;
}
[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
transition-duration: 1.75s;
}
[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
transition-delay: 1.75s;
}
[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
transition-duration: 1.8s;
}
[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
transition-delay: 1.8s;
}
[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
transition-duration: 1.85s;
}
[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
transition-delay: 1.85s;
}
[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
transition-duration: 1.9s;
}
[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
transition-delay: 1.9s;
}
[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
transition-duration: 1.95s;
}
[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
transition-delay: 1.95s;
}
[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
transition-duration: 2s;
}
[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
transition-delay: 2s;
}
[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
transition-duration: 2.05s;
}
[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
transition-delay: 2.05s;
}
[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
transition-duration: 2.1s;
}
[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
transition-delay: 2.1s;
}
[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
transition-duration: 2.15s;
}
[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
transition-delay: 2.15s;
}
[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
transition-duration: 2.2s;
}
[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
transition-delay: 2.2s;
}
[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
transition-duration: 2.25s;
}
[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
transition-delay: 2.25s;
}
[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
transition-duration: 2.3s;
}
[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
transition-delay: 2.3s;
}
[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
transition-duration: 2.35s;
}
[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
transition-delay: 2.35s;
}
[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
transition-duration: 2.4s;
}
[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
transition-delay: 2.4s;
}
[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
transition-duration: 2.45s;
}
[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
transition-delay: 2.45s;
}
[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
transition-duration: 2.5s;
}
[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
transition-delay: 2.5s;
}
[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
transition-duration: 2.55s;
}
[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
transition-delay: 2.55s;
}
[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
transition-duration: 2.6s;
}
[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
transition-delay: 2.6s;
}
[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
transition-duration: 2.65s;
}
[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
transition-delay: 2.65s;
}
[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
transition-duration: 2.7s;
}
[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
transition-delay: 2.7s;
}
[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
transition-duration: 2.75s;
}
[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
transition-delay: 2.75s;
}
[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
transition-duration: 2.8s;
}
[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
transition-delay: 2.8s;
}
[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
transition-duration: 2.85s;
}
[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
transition-delay: 2.85s;
}
[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
transition-duration: 2.9s;
}
[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
transition-delay: 2.9s;
}
[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
transition-duration: 2.95s;
}
[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
transition-delay: 2.95s;
}
[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
transition-duration: 3s;
}
[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
transition-delay: 3s;
}
[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
transition-timing-function: cubic-bezier(.25, .25, .75, .75);
}
[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease;
}
[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
transition-timing-function: ease-in;
}
[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
transition-timing-function: ease-out;
}
[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
transition-timing-function: ease-in-out;
}
[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
transition-timing-function: cubic-bezier(.6, -.28, .735, .045);
}
[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
}
[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
transition-timing-function: cubic-bezier(.47, 0, .745, .715);
}
[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
transition-timing-function: cubic-bezier(.39, .575, .565, 1);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
transition-timing-function: cubic-bezier(.445, .05, .55, .95);
}
[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
transition-timing-function: cubic-bezier(.55, .085, .68, .53);
}
[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
transition-timing-function: cubic-bezier(.25, .46, .45, .94);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
transition-timing-function: cubic-bezier(.455, .03, .515, .955);
}
[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
transition-timing-function: cubic-bezier(.55, .085, .68, .53);
}
[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
transition-timing-function: cubic-bezier(.25, .46, .45, .94);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
transition-timing-function: cubic-bezier(.455, .03, .515, .955);
}
[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
transition-timing-function: cubic-bezier(.55, .085, .68, .53);
}
[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
transition-timing-function: cubic-bezier(.25, .46, .45, .94);
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
transition-timing-function: cubic-bezier(.455, .03, .515, .955);
}
[data-aos^=fade][data-aos^=fade] {
opacity: 0;
transition-property: opacity, transform;
}
[data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
transform: translate(0);
}
[data-aos=fade-up] {
transform: translateY(100px);
}
[data-aos=fade-down] {
transform: translateY(-100px);
}
[data-aos=fade-right] {
transform: translate(-100px);
}
[data-aos=fade-left] {
transform: translate(100px);
}
[data-aos=fade-up-right] {
transform: translate(-100px, 100px);
}
[data-aos=fade-up-left] {
transform: translate(100px, 100px);
}
[data-aos=fade-down-right] {
transform: translate(-100px, -100px);
}
[data-aos=fade-down-left] {
transform: translate(100px, -100px);
}
[data-aos^=zoom][data-aos^=zoom] {
opacity: 0;
transition-property: opacity, transform;
}
[data-aos^=zoom][data-aos^=zoom].aos-animate {
opacity: 1;
transform: translate(0) scale(1);
}
[data-aos=zoom-in] {
transform: scale(.6);
}
[data-aos=zoom-in-up] {
transform: translateY(100px) scale(.6);
}
[data-aos=zoom-in-down] {
transform: translateY(-100px) scale(.6);
}
[data-aos=zoom-in-right] {
transform: translate(-100px) scale(.6);
}
[data-aos=zoom-in-left] {
transform: translate(100px) scale(.6);
}
[data-aos=zoom-out] {
transform: scale(1.2);
}
[data-aos=zoom-out-up] {
transform: translateY(100px) scale(1.2);
}
[data-aos=zoom-out-down] {
transform: translateY(-100px) scale(1.2);
}
[data-aos=zoom-out-right] {
transform: translate(-100px) scale(1.2);
}
[data-aos=zoom-out-left] {
transform: translate(100px) scale(1.2);
}
[data-aos^=slide][data-aos^=slide] {
transition-property: transform;
}
[data-aos^=slide][data-aos^=slide].aos-animate {
transform: translate(0);
}
[data-aos=slide-up] {
transform: translateY(100%);
}
[data-aos=slide-down] {
transform: translateY(-100%);
}
[data-aos=slide-right] {
transform: translateX(-100%);
}
[data-aos=slide-left] {
transform: translateX(100%);
}
[data-aos^=flip][data-aos^=flip] {
backface-visibility: hidden;
transition-property: transform;
}
[data-aos=flip-left] {
transform: perspective(2500px) rotateY(-100deg);
}
[data-aos=flip-left].aos-animate {
transform: perspective(2500px) rotateY(0);
}
[data-aos=flip-right] {
transform: perspective(2500px) rotateY(100deg);
}
[data-aos=flip-right].aos-animate {
transform: perspective(2500px) rotateY(0);
}
[data-aos=flip-up] {
transform: perspective(2500px) rotateX(-100deg);
}
[data-aos=flip-up].aos-animate {
transform: perspective(2500px) rotateX(0);
}
[data-aos=flip-down] {
transform: perspective(2500px) rotateX(100deg);
}
[data-aos=flip-down].aos-animate {
transform: perspective(2500px) rotateX(0);
}
@font-face {
font-family: 'icomoon';
src: url("fonts/icomoonf3e5.eot?ncyt34");
src: url("fonts/icomoonf3e5.eot?ncyt34#iefix") format("embedded-opentype"), url("fonts/icomoonf3e5.ttf?ncyt34") format("truetype"), url("fonts/icomoonf3e5.woff?ncyt34") format("woff"), url("fonts/icomoonf3e5.svg?ncyt34#icomoon") format("svg");
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-home:before {
content: ""}
.icon-envelop:before {
content: ""}
.icon-location:before {
content: ""}
.icon-clock:before {
content: ""}
.icon-calendar:before {
content: ""}
.icon-search:before {
content: ""}
.icon-sphere:before {
content: ""}
.icon-earth:before {
content: ""}
.icon-share2:before {
content: ""}
.icon-facebook:before {
content: ""}
.icon-instagram:before {
content: ""}
.icon-twitter:before {
content: ""}
.icon-youtube3:before {
content: ""}
.icon-linkedin2:before {
content: ""}
.icon-pinterest:before {
content: ""}
html {
-webkit-text-size-adjust: none;
}
body {
background: #fff;
font-family: "europa", Arial, sans-serif;
font-size: 18px;
color: #333;
line-height: 2;
overflow-x: hidden;
position: relative;
}
ul {
padding: 0;
margin: 10px;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
font-weight: 700;
}
a, a:hover, a:focus {
text-decoration: none;
outline: none;
color: #fff;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.col-centered {
display: inline-block;
float: none;
margin-right: -4px;
font-size: initial;
}
.light-bg {
background: #2d343f;
}
.input-validation-error {
border-color: #c63d2d !important;
background: #fff1f1 !important;
}
header {
padding: 30px 0 0 0;
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 1023;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.header-inside {
background: linear-gradient(to top, rgba(32, 37, 45, 0) 0%, rgba(32, 37, 45, .6) 100%);
}
.main-nav {
display: inline-block;
width: 100%;
position: relative;
}
.logo {
float: left;
margin: 0;
width: 240px;
overflow: hidden;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.logo a {
display: block;
width: 240px;
}
.logo img {
width: 35%}
.header-scrolled {
padding: 10px 0 0 0;
background: rgba(255, 255, 255, .8);
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25);
-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .25);
}
.header-scrolled .logo {
width: 80px;
}
header .tel {
display: none;
}
.burger-nav {
position: absolute;
top: 26px;
right: 0;
height: 27px;
width: 35px;
cursor: pointer;
z-index: 100;
-webkit-transition: opacity .25s ease;
transition: opacity .25s ease;
z-index: 1100;
}
.burger-nav:hover {
opacity: .7;
}
.burger-nav.active .top, .header-light .burger-nav.active .top {
-webkit-transform: translateY(11px) translateX(0) rotate(45deg);
transform: translateY(11px) translateX(0) rotate(45deg);
background: #333;
}
.burger-nav.active .middle, .header-light .burger-nav.active .middle {
opacity: 0;
background: #333;
}
.burger-nav.active .bottom, .header-light .burger-nav.active .bottom {
-webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
transform: translateY(-11px) translateX(0) rotate(-45deg);
background: #333;
}
.header-scrolled .burger-nav span, .header-light .burger-nav span {
background: #333;
}
.burger-nav span {
background: #fff;
border: none;
height: 2px;
width: 100%;
position: absolute;
top: 0;
right: 0;
-webkit-transition: all .35s ease;
transition: all .35s ease;
cursor: pointer;
}
.burger-nav span:nth-of-type(2) {
top: 11px;
width: 80%}
.burger-nav span:nth-of-type(3) {
top: 22px;
}
.overlay ul li a.active:after {
width: 100%}
@media screen and (min-width:801px) {
.burger-nav.active .bottom, .burger-nav.active .top {
background: #fff;
}
.header-scrolled .burger-nav.active .bottom, .header-scrolled .burger-nav.active .top {
background: #333;
}
.overlay {
position: absolute;
z-index: 1000;
height: 100%;
opacity: 1;
right: 80px;
top: 0;
overflow: hidden;
}
.overlay.open {
opacity: 1;
visibility: visible;
height: 100%}
.overlay.open li {
-webkit-animation: fadeInRight .3s ease forwards;
animation: fadeInRight .3s ease forwards;
-webkit-animation-delay: .35s;
animation-delay: .35s;
}
.overlay.open li:nth-of-type(2) {
-webkit-animation-delay: .4s;
animation-delay: .4s;
}
.overlay.open li:nth-of-type(3) {
-webkit-animation-delay: .45s;
animation-delay: .45s;
}
.overlay.open li:nth-of-type(4) {
-webkit-animation-delay: .5s;
animation-delay: .5s;
}
.overlay.open li:nth-of-type(5) {
-webkit-animation-delay: .55s;
animation-delay: .55s;
}
.overlay.open li:nth-of-type(6) {
-webkit-animation-delay: .6s;
animation-delay: .6s;
}
.overlay.open li:nth-of-type(7) {
-webkit-animation-delay: .65s;
animation-delay: .65s;
}
.overlay nav {
position: relative;
font-size: 18px;
font-weight: 400;
text-align: center;
}
.overlay ul {
list-style: none;
padding: 0;
margin: 0 auto;
display: inline-block;
position: relative;
height: 100%}
.overlay ul li {
display: inline-block;
position: relative;
opacity: 0;
margin: 20px 20px 0 20px;
}
.overlay ul li a {
display: inline-block;
position: relative;
color: #fff;
text-decoration: none;
overflow: hidden;
z-index: 1100;
}
.header-scrolled .overlay ul li a, .header-light .overlay ul li a {
color: #333;
}
.header-scrolled .overlay ul li a:hover, .header-light .overlay ul li a:hover {
color: #333;
}
.overlay ul li a:hover {
color: #fff;
}
.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
width: 100%}
.overlay ul li a:after {
content: '';
position: absolute;
content: attr(data-title);
overflow: hidden;
color: #152a44;
bottom: 0;
left: 0;
width: 0%;
-webkit-transform: translateX(0%);
transform: translateX(0%);
height: 2px;
background: #f6ab60;
-webkit-transition: .35s;
transition: .35s;
}
}@media screen and (max-width:800px) {
.overlay {
position: fixed;
z-index: 1000;
background: #fff;
top: 0;
left: 0;
width: 100%;
height: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .35s, visibility .35s, height .35s;
transition: opacity .35s, visibility .35s, height .35s;
overflow: hidden;
}
.overlay.open {
opacity: 1;
visibility: visible;
height: 100%}
.overlay.open li {
-webkit-animation: fadeInRight .5s ease forwards;
animation: fadeInRight .5s ease forwards;
-webkit-animation-delay: .35s;
animation-delay: .35s;
}
.overlay.open li:nth-of-type(2) {
-webkit-animation-delay: .4s;
animation-delay: .4s;
}
.overlay.open li:nth-of-type(3) {
-webkit-animation-delay: .45s;
animation-delay: .45s;
}
.overlay.open li:nth-of-type(4) {
-webkit-animation-delay: .5s;
animation-delay: .5s;
}
.overlay.open li:nth-of-type(5) {
-webkit-animation-delay: .55s;
animation-delay: .55s;
}
.overlay.open li:nth-of-type(6) {
-webkit-animation-delay: .6s;
animation-delay: .6s;
}
.overlay.open li:nth-of-type(7) {
-webkit-animation-delay: .65s;
animation-delay: .65s;
}
.overlay nav {
position: relative;
height: 70%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 40px;
font-weight: 300;
text-align: center;
}
.overlay ul {
list-style: none;
padding: 0;
margin: 0 auto;
display: inline-block;
position: relative;
height: 100%}
.overlay ul li {
display: block;
height: 15%;
height: calc(100%/6);
min-height: 30px;
position: relative;
opacity: 0;
}
.overlay ul li a {
display: inline-block;
position: relative;
color: #333;
text-decoration: none;
overflow: hidden;
z-index: 1100;
}
.overlay ul li a:hover {
color: #152a44;
}
.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
width: 100%}
.overlay ul li a:after {
content: '';
position: absolute;
content: attr(data-title);
overflow: hidden;
color: #152a44;
bottom: 0;
left: 0;
width: 0%;
-webkit-transform: translateX(0%);
transform: translateX(0%);
height: 2px;
background: #f6ab60;
-webkit-transition: .35s;
transition: .35s;
}
}@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
left: 20%}
100% {
opacity: 1;
left: 0;
}
}@keyframes fadeInRight {
0% {
opacity: 0;
left: 20%}
100% {
opacity: 1;
left: 0;
}
}.arrow {
color: #f6ab60;
padding-left: 35px;
position: relative;
display: block;
}
.arrow:before, .arrow:after {
position: absolute;
content: '';
display: inline-block;
top: 50%;
left: 0;
transform: translate3d(0, -50%, 0);
margin-top: 1px;
}
.arrow:before {
width: 15px;
height: 1px;
background: #fff;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.arrow:after {
width: 0;
height: 0;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 4px solid #fff;
transform: translate3d(15px, -50%, 0);
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.arrow:hover:before {
width: 19px;
}
.arrow:hover:after {
transform: translate3d(19px, -50%, 0);
}
.grid-item .content .more {
position: absolute;
bottom: 3px;
left: 25px;
font-size: 16px;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
}
.grid-item:hover .content .more {
opacity: 1;
bottom: 15px;
}
.icono-arrow-left {
position: absolute;
bottom: 15px;
left: 5px;
display: inline-block;
vertical-align: middle;
color: #fff;
box-sizing: border-box;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 12px;
height: 12px;
border-width: 2px 2px 0 0;
border-style: solid;
margin: 10px;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
}
.project-slider .icono-arrow-left, .popup-slider .icono-arrow-left {
position: relative;
bottom: auto;
left: auto;
}
.icono-arrow-left:after, .icono-arrow-left:before {
content: "";
box-sizing: border-box;
}
.icono-arrow-left:before {
right: 0;
top: -1px;
position: absolute;
height: 2px;
box-shadow: inset 0 0 0 32px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 23px;
-webkit-transform-origin: right top;
transform-origin: right top;
}
.button {
padding: 6px 55px 6px 60px;
position: relative;
margin: 20px 0;
border: 2px solid #fff;
color: #fff;
display: inline-block;
}
.button:before, .button:after {
position: absolute;
content: '';
display: inline-block;
top: 50%;
left: 25px;
transform: translate3d(0, -50%, 0);
margin-top: 0;
}
.button:before {
width: 15px;
height: 1px;
background: #fff;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.button:after {
width: 0;
height: 0;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 4px solid #fff;
transform: translate3d(15px, -50%, 0);
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.button:hover:before {
left: 35px;
}
.button:hover:after {
transform: translate3d(25px, -50%, 0);
}
.tools .button {
margin-top: -60px;
margin-left: 30px;
margin-bottom: 50px;
padding: 0 40px;
min-width: 200px;
color: #f6ab60;
border: 2px solid #f6ab60;
float: right;
text-align: center;
}
.tools .button:before, .tools .button:after {
left: 25px;
display: none;
}
.tools .button:hover {
background-color: #f6ab60;
color: #fff;
}
.home-slider .item {
position: relative;
width: 100%;
height: 80vh;
background-size: cover;
background-color: #000;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
padding-top: 30px;
}
.home-slider video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
opacity: .6;
}
.home-slider iframe {
width: 100vw;
height: 56.25vw;
min-height: 100vh;
min-width: 177.77vh;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.home-slider .item .img-fill {
height: 100vh;
width: 100%;
position: absolute;
background-size: cover;
top: 0;
left: 0;
background-color: #2d3138;
opacity: .5;
}
.home-slider .item.slick-active .img-fill {
animation: zoomInSmall 15s;
transform: scale3d(1.2, 1.2, 1.2);
}
@keyframes zoomInSmall {
from {
transform: scale3d(1, 1, 1);
}
100% {
transform: scale3d(1.2, 1.2, 1.2);
}
}.home-slider .item .slider-content {
position: relative;
width: 80%;
max-width: 1600px;
text-align: center;
}
.home-slider .item h1, .home-slider .item h2 {
font-size: 40px;
line-height: 1.2;
font-weight: 300;
color: #fff;
text-shadow: 0 0 40px rgba(0, 0, 0, .4);
margin: 0;
padding: 0;
}
.home-slider .item h2 {
margin-bottom: 4em;
}
.home-slider .item p {
color: #fff;
font-size: 24px;
}
.home-slider .item h1 {
font-size: 60px;
margin-bottom: 10px;
}
section {
margin-bottom: 30px;
margin-top: 30px;
}
.grid-section .row>div {
margin-bottom: 30px;
}
.grid-section .row {
height: inherit;
}
.grid-item {
display: block;
position: relative;
width: 100%;
overflow: hidden;
background: #333;
}
.grid-item:after {
content: '';
display: block;
width: 100%;
padding-bottom: 100%}
.grid-item.wide:after {
padding-bottom: calc(50% - 15px);
}
.project-detail .grid-item {
height: 100%}
.project-detail .grid-item:after {
display: none;
}
.grid-item .image-block {
width: 100%;
height: 100%;
position: absolute;
opacity: 1;
top: 0;
left: 0;
background: #000 center no-repeat;
background-size: cover;
-webkit-transition: all 1s ease;
transition: all 1s ease;
}
.grid-item .image-block+h4 {
text-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
}
.grid-item.dark-title .image-block+h4 {
color: #000;
}
.grid-item.dark-title:hover .image-block+h4 {
color: #fff;
}
.grid-item h4 {
display: inline;
font-size: 16px;
text-transform: uppercase;
font-weight: 400;
position: absolute;
left: 0;
top: 0;
line-height: 1.2;
pointer-events: none;
margin: 0;
padding: 25px;
z-index: 110;
letter-spacing: 1px;
}
.grid-item:hover .image-block {
-webkit-transition: all 1s ease;
transition: all 1s ease;
opacity: .7;
}
.grid-item:hover .image-block+h4 {
text-shadow: none;
}
.grid-item.blue {
background: #f6ab60;
}
.grid-item.trans .image-block {
opacity: 1;
}
.grid-item.text .content {
opacity: 1;
padding-top: 80px;
}
.grid-item.text:hover .content {
padding-top: 100px;
}
.grid-item .content .icono-arrow-left {
opacity: 0;
left: 10px;
}
.grid-item:hover .content .icono-arrow-left {
opacity: 1;
left: 25px;
}
.grid-item .content .icono-arrow-left.rs {
left: auto;
right: 30px;
}
.grid-item:hover .content .icono-arrow-left.rs {
opacity: 1;
left: auto;
right: 20px;
}
.grid-item .content {
display: block;
position: absolute;
padding: 50px 25px 25px 25px;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 100;
opacity: 0;
transition: all ease .3s;
z-index: 100;
background: rgba(246, 171, 96, .8);
}
.projects .project-grid {
margin: 0 -15px;
}
.projects .grid-sizer {
width: 33.33%}
.projects .grid-block {
width: 33.33%;
margin-bottom: 30px;
float: left;
padding: 0 15px;
}
.projects .grid-block h4 {
text-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
}
.projects .grid-block .image-block {
opacity: 1;
}
.projects .grid-block .grid-item:after {
content: '';
display: block;
padding-bottom: 100%}
.projects .grid-block .grid-item:hover h4 {
text-shadow: none;
}
.projects .grid-block.tall .grid-item:after {
padding-bottom: calc(200% + 29.9px);
}
.projects .grid-block-wide {
width: 66.66%}
.projects .grid-block-wide .grid-item:after {
padding-bottom: calc(50% - 15px);
}
.projects .grid-block-x-wide {
width: 66.66%}
.projects .grid-block-x-wide .grid-item:after {
padding-bottom: 100%}
.projects .grid-block-xx-wide {
width: 100%}
.projects .grid-block-xx-wide .grid-item:after {
padding-bottom: 66.66%}
.projects div.grid-item {
color: #fff;
cursor: pointer;
}
.projects div.grid-item .image-block {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.projects div.grid-item .content {
background: rgba(0, 0, 0, .6);
}
.grid-item:hover .content {
opacity: 1;
padding-top: 80px;
}
.grid-item .content h2 {
font-size: 24px;
font-weight: 400;
line-height: 1.4;
overflow: hidden;
max-height: 8.2em;
}
.grid-item.light h4 {
color: #333;
}
.grid-item.light:hover h4 {
color: #fff;
}
.grid-item.blue:hover h4 {
color: #fff;
}
.grid-item.blue:hover .content {
background: #333;
color: #fff;
}
.grid-item.news h4 {
color: #333;
}
.grid-item.news:hover h4 {
color: #fff;
}
.grid-item.news .date {
color: rgba(32, 37, 45, .6);
}
.grid-item.news:hover .date {
color: #fff;
}
.grid-item.news .content {
opacity: 1;
padding-top: 80px;
background: #ebebeb;
color: #333;
}
.grid-item.news:hover .content {
padding-top: 95px;
background: #f6ab60;
color: #fff;
}
.team {
margin-bottom: 10vh;
}
.team.grid-section .row>div {
height: calc(100vw/4.15);
}
.team .grid-item h2 span {
display: block;
font-size: 14px;
text-transform: uppercase;
}
.team .grid-item .content {
padding-top: 20px;
display: block;
position: absolute;
padding: 20px 25px 25px 25px;
top: 75%;
opacity: 1;
}
.team .grid-item .image-block {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}
.team .grid-item:hover .image-block {
-webkit-filter: grayscale(0);
filter: grayscale(0);
filter: none;
}
.team .icon-linkedin2 {
position: absolute;
right: 20px;
top: 20px;
color: #fff;
background: #f6ab60;
border-radius: 50%;
width: 40px;
height: 40px;
line-height: 36px;
text-align: center;
opacity: 0;
transition: all .3s ease;
}
.team .grid-item:hover .icon-linkedin2 {
opacity: 1;
transition: all .3s ease;
}
.news-item {
display: block;
position: relative;
margin-bottom: 30px;
}
.news-item .image-block {
width: 100%;
padding-bottom: 70%;
position: relative;
margin-bottom: 15px;
overflow: hidden;
}
.news-item .image-block span {
width: 100%;
height: 100%;
position: absolute;
opacity: 1;
top: 0;
left: 0;
background: #000 center no-repeat;
background-size: cover;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.news-item h3 {
font-size: 18px;
text-align: left;
line-height: 1.2;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.news-item h4 {
font-size: 12px;
line-height: 1.4;
color: #f6ab60;
text-transform: uppercase;
}
.news-item:hover .image-block span {
transform: scale(1.2);
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.news-item:hover h3 {
color: #f6ab60;
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.news-hyperlink, .news-hyperlink:hover, .news-hyperlink:focus {
color: #007bff;
}
.tools {
z-index: 200;
}
.tools h4 {
display: inline-block;
}
.filters {
display: inline-block;
}
.filters ul {
margin: 0;
padding: 0;
}
.filters a {
color: #000;
display: block;
padding: 0;
text-decoration: none;
font-size: 16px;
}
.filters a:hover, .filters a.active {
color: #f6ab60;
}
.filters ul, .filters ul li {
list-style-type: none;
padding: 0;
margin: 0;
display: inline-block;
}
.filters li:not(:last-child) a:after {
content: '|';
display: inline-block;
margin: 0 12px;
color: #333;
}
/* Filter buttons */
.filter-buttons {
display: flex;
justify-content: center;
margin-bottom: 5px;
margin-left: 25px;
margin-right: 25px;
}
.filter-buttons a {
font-size: 16px;
color: #f6ab60;
margin-left: 25px;
margin-right: 25px;
}
a:hover {
cursor:pointer;
}
.breadcrumbs {
padding: 80px 0 0 0;
position: absolute;
bottom: 30px;
width: 100%}
.breadcrumbs a {
font-size: 16px;
color: #f6ab60;
display: inline-block;
padding: 0;
letter-spacing: 1px;
}
.breadcrumbs a.active {
color: #fff;
cursor: default;
}
.breadcrumbs a:hover {
color: #fff;
}
.breadcrumbs a:not(:last-child):after, .breadcrumbs a:hover:not(:last-child):after {
content: '|';
display: inline-block;
margin: 0 8px 0 12px;
color: #fff;
}
.hero-section {
position: relative;
width: 100%;
height: 80vh;
background-size: cover;
background-color: #000;
overflow: hidden;
}
.hero-section.hero-project {
height: 80vh;
}
.hero-section .img-fill {
height: 100%;
width: 100%;
position: absolute;
background-size: cover;
top: 0;
left: 0;
background-color: #2d3138;
opacity: .5;
animation: zoomOutSmall 5s;
background-position: center;
}
.hero-image-slider {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: .5;
}
.hero-image-slider .slick-list {
height: 100%}
.hero-image-slider .slick-list .slick-track {
height: 100%}
.hero-image-slider .slick-list .slick-track img {
display: none;
}
.hero-image-slider .slick-list .slick-track .slick-slide {
background: #000 center no-repeat;
background-size: cover;
}
.hero-image-slider .slick-list .slick-track .slick-slide.slick-active {
animation: zoomOutSmall 5s;
}
.hero-section.hero-project .img-fill {
opacity: .7;
}
@keyframes zoomOutSmall {
from {
transform: scale3d(1.2, 1.2, 1.2);
}
100% {
transform: scale3d(1, 1, 1);
}
}.hero-section .hero-content {
position: relative;
width: 80%;
height: 100%;
padding-bottom: 30px;
max-width: 1000px;
margin: 0 auto;
text-align: center;
padding-top: 0;
text-shadow: 0 0 10px rgba(0, 0, 0, .9);
display: flex;
flex-direction: column;
justify-content: center;
}
.hero-section h1, .hero-section h2 {
font-size: 48px;
line-height: 1.2;
font-weight: 300;
color: #fff;
text-shadow: 0 0 40px rgba(0, 0, 0, .4);
margin: 0;
}
.project-slider, .popup-slider {
background: #ebebeb;
padding: 30px;
}
.project-slider .slick-slide, .popup-slider .slick-slide {
outline: none;
margin: 0 15px;
float: none;
display: inline-block;
vertical-align: middle;
}
.project-slider img, .popup-slider img {
max-width: 100%;
display: block;
margin: 0;
max-height: calc(100vw/4.144);
}
.project-slider .slick-arrow, .popup-slider .slick-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: none;
border: 0;
outline: none;
z-index: 10;
background: rgba(2, 169, 211, .3);
cursor: pointer;
transition: all .3s ease-out;
opacity: 0;
}
.project-slider .slick-arrow:hover, .popup-slider .slick-arrow:hover {
background: #f6ab60;
}
.project-slider .slick-arrow.slick-next, .popup-slider .slick-arrow.slick-next {
right: 30px;
padding: 5px 2px 8px 10px;
}
.project-slider .slick-arrow.slick-prev, .popup-slider .slick-arrow.slick-prev {
transform: translateY(-50%) rotate(180deg);
left: 30px;
padding: 0 2px 6px 10px;
}
.project-slider:hover .slick-arrow, .popup-slider:hover .slick-arrow {
opacity: 1;
}
.project-slider:hover .slick-arrow.slick-prev, .popup-slider:hover .slick-arrow.slick-prev {
left: 10px;
}
.project-slider:hover .slick-arrow.slick-next, .popup-slider:hover .slick-arrow.slick-next {
right: 10px;
}
.project-slider img {
cursor: pointer;
}
.popup-slider {
background: #111;
padding: 0;
}
.popup-slider .slick-slide {
margin: 0;
float: left;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.popup-slider img {
max-height: calc(100vh - 8em);
}
#nprogress .bar {
height: 5px;
background: #f6ab60;
}
#nprogress .peg {
box-shadow: 0 0 10px #f6ab60, 0 0 5px #f6ab60;
}
.project-intro {
padding: 30px 0 0 0;
}
.project-modal .project-intro {
padding: 0 25px;
position: relative;
}
.project-modal .project-intro h5 {
background: rgba(2, 169, 211, .5);
padding: 10px 25px;
font-size: 1em;
position: absolute;
bottom: 100%;
color: #fff;
text-transform: uppercase;
left: 0;
}
.project-modal .project-intro p {
padding-top: 20px;
line-height: 1.8;
font-size: .8em;
margin: 0;
}
.project-modal .project-intro p:last-child {
padding-bottom: 20px;
}
.project-intro h1 {
font-size: 48px;
line-height: 1.2;
font-weight: 300;
margin-bottom: 0;
}
.project-intro h3 {
color: #f6ab60;
margin-bottom: 30px;
}
.project-detail .row {
margin-bottom: 30px;
}
.project-detail .block-text h3 {
font-size: 18px;
margin-bottom: 0;
}
.project-detail .project-facts {
min-height: calc(100vw/4.144);
height: 100%}
.project-detail .project-intro {
overflow: hidden;
min-height: calc(100vw/4.144);
font-size: 16px;
}
.project-detail .block-text {
overflow: hidden;
min-height: calc(100vw/4.144);
}
.project-2 .project-intro {
padding-top: 0;
}
.project-2 .block-text, .project-2 .project-facts {
height: auto;
}
.block-image {
z-index: 10;
position: relative;
}
.block-image img {
width: 100%;
margin-bottom: 30px;
}
.project-2 .block-image {
height: 100%}
.project-2 .block-image .img-fill {
height: 100%;
width: 100%;
position: absolute;
background-size: cover;
background-position: center;
top: 0;
left: 0;
background-color: #2d3138;
}
.block-text {
background-color: #ebebeb;
padding: 30px;
font-size: 16px;
z-index: 15;
}
.block-text h3 {
font-size: 22px;
margin-bottom: 20px;
}
.block-text h4 {
font-size: 18px;
line-height: 1.4;
margin-bottom: 20px;
}
.block-text h4 span {
font-weight: normal;
display: block;
font-size: 14px;
}
.project-facts {
padding: 30px;
background: #f6ab60;
color: #fff;
}
.project-facts h3 {
margin-bottom: 20px;
}
.project-table {
display: table;
width: 100%;
border-top: 0 solid rgba(255, 255, 255, .5);
}
.project-table .table-row {
display: table-row;
}
.project-table .table-row div {
display: table-cell;
border-bottom: 0 solid rgba(255, 255, 255, .5);
font-size: 16px;
padding: 4px 8px 4px 0;
}
.project-table .project-dt {
font-weight: 800;
}
.section-heading {
margin-bottom: 0;
margin-top: 10vh;
}
.section-heading h2 {
font-weight: 300;
margin-bottom: 0;
}
.related-projects {
margin-bottom: 10vh;
}
.about-section {
padding-top: 80px;
padding-bottom: 80px;
}
.about-section h2 {
font-size: 26px;
font-weight: 300;
text-align: center;
margin: 0 auto 50px auto;
max-width: 1400px;
}
.qualification-section {
background-color: #f6ab60;
color: #fff;
padding-top: 80px;
padding-bottom: 80px;
}
.qualification-section h2 {
font-size: 26px;
font-weight: 300;
margin-bottom: 0;
}
.qualification-section h3 {
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
margin: 40px 0 20px 0;
}
.qualification-section .intro {
text-align: left;
margin: 0;
}
.approach-section {
padding-top: 80px;
padding-bottom: 80px;
}
.approach-section h2 {
font-size: 26px;
font-weight: 300;
}
.approach-section .intro {
text-align: left;
margin: 0;
}
/* .clients-section {
background-color: #ebebeb;
padding-top: 80px;
padding-bottom: 80px;
}
.clients-section h2 {
font-size: 26px;
font-weight: 300;
}
.clients-logos {
margin: 50px -10px;
width: calc(100% + 20px);
display: flex;
flex-wrap: wrap;
}
.clients-logos .client-logo-item {
width: 20%;
position: relative;
padding: 10px;
}
.clients-logos .client-logo-item .logo-wrap {
width: 100%;
height: 0;
background: #fff;
padding-bottom: 100%}
.clients-logos .client-logo-item img {
width: auto;
position: absolute;
max-width: 90%;
max-height: 90%;
transform: translate3d(-50%, -50%, 0);
top: 50%;
left: 50%}
.clients-logos .slick-slide {
outline: none;
}
.clients-logos img {
width: 100%;
padding: 0 10px;
}
.clients-logos:hover .slick-prev, .clients-logos:hover .slick-next {
opacity: .6;
}
.clients-logos .slick-prev, .clients-logos .slick-next {
background: none;
width: 40px;
height: 40px;
position: absolute;
top: 50%;
margin-top: -20px;
border: 0;
background: #f6ab60;
opacity: .3;
z-index: 9;
outline: none;
cursor: pointer;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.clients-logos .slick-prev i, .clients-logos .slick-next i {
margin: 0;
}
.clients-logos .slick-prev:hover, .clients-logos .slick-next:hover {
opacity: 1;
}
.clients-logos .slick-prev i {
transform: rotate(225deg) translate3d(-2px, 0, 0);
margin-left: 4px;
}
.clients-logos .slick-next i {
transform: rotate(45deg) translate3d(0, 1px, 0);
margin-left: 14px;
}
.clients-logos .slick-next {
right: 0;
} */
.clients-section {
background-color: #ebebeb;
padding-top: 80px;
padding-bottom: 80px;
}
.clients-section h2 {
font-size: 26px;
font-weight: 300;
}
.clients-logos {
margin: 50px -10px;
width: calc(100% + 20px);
display: flex;
flex-wrap: wrap;
}
.client-logo-item {
width: 50%;
position: relative;
padding: 10px;
}
.client-logo-item .logo-wrap {
width: 100%;
height: 0;
background: #fff;
padding-bottom: 100%;
position: relative;
}
.client-logo-item img {
width: auto;
position: absolute;
max-width: 90%;
max-height: 90%;
transform: translate3d(-50%, -50%, 0);
top: 50%;
left: 50%;
}
.name-designation {
text-align: center;
margin-top: 3px; /* Reduced margin for spacing */
}
.name-designation p {
margin: 0; /* Remove default margin for */
font-family: "europa", Arial, sans-serif; /* Example font family for name */
font-size: 16px; /* Example font size for name */
}
.name-designation p:last-child {
font-family: "europa", Arial, sans-serif; /* Example font family for designation */
font-size: 14px; /* Example font size for designation */
}
.services-section {
padding-top: 60px;
padding-bottom: 60px;
margin-top: 0;
margin-bottom: 0;
color: #fff;
}
.services-section .image-block {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.services-section .grid-item .content {
padding-top: 25px;
}
.services-section .grid-item .content ul {
padding: 0;
margin: 0;
}
.services-section .grid-item .content li {
list-style: none;
position: relative;
padding-left: 20px;
}
.services-section .grid-item .content li:after {
content: '';
position: absolute;
top: 14px;
left: 0;
width: 8px;
height: 8px;
background: #fff;
display: block;
}
.services-section .grid-item:hover .content {
padding-top: 50px;
}
.services-box {
padding: 25px;
background: #f6ab60;
color: #fff;
height: 100%}
.services-box h2 {
font-size: 22px;
font-weight: 300;
margin: 0 0 15px 0;
padding: 0;
line-height: 1.4;
color: #fff;
}
.services-box ul {
font-size: 16px;
margin-left: 15px;
}
ul.services-info {
padding: 0;
list-style: none;
margin: 20px 0;
}
ul.services-info>li {
padding: 0;
list-style: none;
margin: 20px 1%;
display: block;
float: left;
width: 22%}
ul.services-info a.toggle {
padding: 10px 25px;
background: #f6ab60;
color: #fff;
margin: 0;
display: block;
}
ul.services-info a:hover.toggle {
background: #ccc;
color: #333;
}
ul.services-info .inner {
padding: 30px 40px;
overflow: hidden;
display: none;
background: #fff;
}
.benefits-section {
background-color: #f6ab60;
color: #fff;
padding-top: 80px;
padding-bottom: 80px;
}
.benefits-section h2 {
font-size: 26px;
font-weight: 300;
}
.benefits-section .intro {
text-align: left;
margin: 0;
}
.news-article .breadcrumbs, .contact .breadcrumbs {
padding-top: 176px;
padding-bottom: 40px;
position: relative;
}
.news-article .breadcrumbs a, .contact .breadcrumbs a {
color: #f6ab60;
}
.news-article .breadcrumbs a.active, .contact .breadcrumbs a.active {
color: #000;
}
.news-article .breadcrumbs a:not(:last-child)::after, .news-article .breadcrumbs a:hover:not(:last-child)::after, .contact .breadcrumbs a:not(:last-child)::after, .contact .breadcrumbs a:hover:not(:last-child)::after {
color: #000;
}
.news-article .block-image img {
margin: 30px auto;
}
.article-heading h1 {
font-size: 48px;
line-height: 1.2;
font-weight: 300;
margin: 0 0 30px 0;
padding: 0;
}
.article-heading .date {
color: rgba(32, 37, 45, .6);
}
.article-content .news-hyperlink {
display: inline-block;
}
.article-content .news-hyperlink+.news-hyperlink {
margin-left: 25px;
position: relative;
}
.article-content .news-hyperlink+.news-hyperlink:before {
content: '';
position: absolute;
width: 1px;
height: 1.5em;
left: -15px;
top: 50%;
margin-top: -.75em;
display: inline-block;
background: #000;
}
.contact {
padding-bottom: 90px;
}
#map {
min-height: 30vh;
height: 100%;
width: 100%;
position: relative;
}
#map iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%}
.map {
margin-top: 0;
height: 100%;
width: 100%;
background: #d5d5d5;
}
.address {
margin-bottom: 30px;
}
.address h2 {
text-align: left;
}
.address h1 {
font-size: 22px;
margin-bottom: 11px;
line-height: 1;
}
.address p {
font-size: 16px;
margin-top: 0;
}
.address a {
color: #f6ab60;
}
.enquire-form p {
font-size: 16px;
margin-top: 0;
line-height: 1.4;
}
.enquire-form label {
display: none;
}
.enquire-form input, .enquire-form textarea, .apply-modal input {
display: block;
width: 100%;
border: none;
border-bottom: 1px solid #000;
margin-bottom: 15px;
font-size: 16px;
}
.enquire-form button {
margin-top: 30px;
}
.upload-form p {
font-size: 16px;
margin-top: 0;
line-height: 1.4;
}
.upload-form label {
display: none;
}
.upload-form input, .upload-form textarea, .apply-modal input {
display: block;
width: 100%;
border: none;
border-bottom: 1px solid #000;
margin-bottom: 15px;
font-size: 16px;
}
.upload-form button {
margin-top: 30px;
}
.project-detail-row {
display: flex;
margin-right: -15px;
margin-left: -15px;
flex-wrap: wrap;
}
.project-detail-row .project-block-item {
padding: 15px;
flex: 0 0 33.33%;
max-width: 33.33%}
.project-detail-row .project-block-item.large {
flex: 0 0 66.67%;
max-width: 66.67%}
.project-detail-row .project-block-item.full {
flex: 0 0 100%;
max-width: 100%}
@media screen and (min-width:768px) and (max-width:991px) {
.project-detail-row .project-block-item.large {
flex: 0 0 100%;
max-width: 100%}
.project-detail-row .project-block-item.normal {
flex: 0 0 50%;
max-width: 50%}
.project-detail-row .project-block-item.normal-grey, .project-detail-row .project-block-item.normal-blue {
flex: 0 0 100%;
max-width: 100%}
.project-detail-row .project-block-item.large+.normal-grey {
max-width: 50%;
flex: 0 0 50%}
.project-detail-row .project-block-item.large+.normal-grey+.large {
flex: 0 0 50%;
max-width: 50%}
}@media screen and (max-width:767px) {
.project-detail-row .project-block-item.large, .project-detail-row .project-block-item.normal {
flex: 0 0 100%;
max-width: 100%}
.project-detail-row .project-block-item.normal .no-content {
min-height: 0;
padding-bottom: calc(100% - 30px);
}
}@media screen and (min-width:768px) and (max-width:991px) {
.project-detail-row .project-block-item: first-child {
flex: 0 0 100%;
max-width: 100%}
}.project-detail-row .project-block {
padding: 30px;
height: 100%;
min-height: calc(100vw/4.144);
min-height: calc(100vw/3.48);
position: relative;
}
@media screen and (max-width:767px) {
.project-detail-row .project-block {
min-height: calc(100vw/2.48);
}
}.project-detail-row .project-block .image-block {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #333 no-repeat center;
background-size: cover;
z-index: -1;
}
.project-detail-row .project-block .image-block~h3 {
color: #fff;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .6);
display: inline;
font-size: 16px;
text-transform: uppercase;
font-weight: 400;
position: absolute;
left: 0;
top: 0;
line-height: 1.2;
pointer-events: none;
margin: 0;
padding: 25px;
z-index: 110;
letter-spacing: 1px;
}
.project-detail-row .project-block .image-block~.project-block-content {
color: #fff;
display: block;
position: absolute;
padding: 50px 25px 25px 25px;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 100;
opacity: 0;
transition: all ease .3s;
z-index: 100;
background: rgba(0, 171, 212, .8);
}
.project-detail-row .project-block .image-block~.project-block-content a {
color: #fff;
}
.project-detail-row .project-block:hover .image-block~.project-block-content {
padding-top: 80px;
color: #fff;
opacity: 1;
}
.project-detail-row a {
color: #f6ab60;
}
.project-detail-row .blue {
background: #f6ab60;
color: #fff;
}
.project-detail-row .blue a {
color: #fff;
}
.project-detail-row .grey {
background: #ebebeb;
}
.project-detail-row p {
line-height: 1.7;
margin-bottom: 1.2rem;
}
.project-detail-row p:last-child {
margin-bottom: 0;
}
.project-detail-row p span {
display: block;
text-transform: uppercase;
}
.project-detail-row h3 {
font-weight: normal;
font-size: 18px;
margin-bottom: 5px;
text-transform: uppercase;
line-height: 1.7;
}
.project-detail-row ul {
margin: 0;
padding: 0;
}
.project-detail-row ul li {
list-style: none;
line-height: 1.8;
padding-left: 23px;
position: relative;
}
.project-detail-row ul li:before {
content: '';
position: absolute;
top: 12px;
left: 0;
display: inline-block;
width: 8px;
height: 8px;
background: #333;
}
.btn {
color: #000;
border: 2px solid #000;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 600;
overflow: hidden;
z-index: 2;
position: relative;
background: transparent;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
display: inline-block;
padding: 10px 30px;
font-size: 14px;
margin-bottom: 0;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.btn:hover {
color: #fff;
text-decoration: none;
border: 2px solid #f6ab60;
}
.btn:after {
content: '';
position: absolute;
z-index: -1;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
width: 110%;
height: 0;
top: 50%;
left: 50%;
background: #f6ab60;
opacity: 0;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.btn-center {
width: 100%;
text-align: center;
}
.btn-center .btn {
margin: 30px 10px;
}
.btn:hover:after {
height: 130%;
opacity: 1;
}
footer {
padding: 17px 0 15px 0;
background-color: #000000;
}
/* For mobile devices */
@media only screen and (max-width: 767px) {
/* Hide elements not needed on mobile */
#row-contact .footer-container .row .col-md-12 .website-navigation,
#row-contact .footer-container .row .col-md-12 .social-media {
display: none;
}
}
.newsletter {
text-align: center;
margin: 150px auto 150px auto;
max-width: 600px;
}
.social-links {
list-style: none;
margin: 0 auto;
padding: 0;
display: block;
text-align: right;
}
.social-links li {
list-style: none;
margin: auto;
padding: 0;
display: inline-block;
}
.social-links li a.icon {
display: block;
border-radius: 50%;
color: #333;
font-size: .975rem;
line-height: 3.8rem;
text-align: center;
margin-left: 10px;
position: relative;
top: 4px;
}
.social-links li a.icon:hover {
color: #f6ab60;
}
.social-links li a.tel {
display: block;
font-size: 16px;
line-height: 1.2;
color: #000;
margin-right: 10px;
}
.social-links li a.tel:hover {
color: #f6ab60;
}
.social-links li.cert img {
width: 100%;
max-width: 60px;
margin-left: 10px;
opacity: .9;
}
.social-links li.cert-1 img {
margin-left: 30px;
}
.footer-nav {
list-style: none;
margin: 0 auto;
padding: 0;
text-align: center;
width: 100%}
.contact-info {
text-align: left;
color: #ffffff;
}
.contact-info p{
text-align: left;
}
.footer-nav li {
list-style: none;
margin: auto;
padding: 0;
margin: 0 .5em;
display: inline-block;
font-weight: 400;
font-size: 14px;
text-transform: uppercase;
}
.footer-nav li a {
color: #ffffff;
padding-bottom: 3px;
border-bottom: 2px solid transparent;
}
.footer-nav li a:hover {
color: #f6ab60;
}
footer .footer-logo {
margin: 20px auto;
width: 100%;
max-width: 73px;
display: block;
}
.copyright {
font-size: 13px;
color: #ffffff;
padding-top: 20px;
padding-bottom: 8px;
text-align: center;
}
.copyright p {
margin: 0;
padding: 0;
display: inline-block;
}
.copyright a {
color: #ffffff;
}
.copyright a:hover {
color: #f6ab60;
}
.thank-you {
padding: 25vh 0 15vh;
}
.share-article ul {
margin: 30px 0 0;
}
.share-article ul:before {
content: attr(data-share-text);
color: rgba(32, 37, 45, .6);
font-size: 16px;
}
.share-article li {
display: inline-block;
margin-right: 10px;
line-height: 24px;
cursor: pointer;
width: 24px;
height: 24px;
transition: color .3s ease;
}
.share-article li:hover {
color: #f6ab60;
}
.error-page {
height: 100%;
text-align: center;
background: #54626b;
}
.error-page body {
min-height: 100%;
padding-top: 97px;
}
.error-page #logo img {
width: 100%}
.error-page #logo a {
display: inline-block;
width: 300px;
background: #fff;
padding: 10px 10px 0;
}
.error-page .error-container {
padding: 0 30px;
}
.error-page .error-container .error-msg {
padding: 30px 0 20px;
}
.error-page .error-container .error-msg h2 {
font-size: 48px;
margin: 15px 0 30px;
line-height: 1;
}
.error-page .error-container .error-msg p {
font-size: 18px;
margin: 35px 0 55px;
}
.modal {
position: fixed;
z-index: 10000;
top: 0;
left: 0;
visibility: hidden;
width: 100%;
height: 100%;
overflow: auto;
}
.modal.is-visible {
visibility: visible;
}
.modal.is-visible .modal-overlay {
opacity: 1;
visibility: visible;
transition-delay: 0s;
}
.modal.is-visible .modal-transition {
transform: translate3d(-50%, 0, 0);
opacity: 1;
}
.modal-overlay {
position: fixed;
z-index: 10;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .6);
visibility: hidden;
opacity: 0;
transition: visibility 0s linear .3s, opacity .3s;
}
.modal-wrapper {
position: absolute;
z-index: 9999;
top: 6em;
left: 50%;
margin-left: 0;
margin-bottom: 20px;
width: 90%;
max-width: 600px;
}
.project-modal .modal-wrapper {
top: 4em;
max-width: 850px;
}
.image-modal .modal-wrapper {
top: 0;
bottom: 0;
width: auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-bottom: 0;
}
.modal-transition {
transition: all .3s .12s;
transform: translate3d(-50%, -10%, 0);
opacity: 0;
}
.modal-content {
padding: 0 0 15px;
height: 100%;
width: 100%;
position: relative;
}
.project-modal .modal-content {
padding-bottom: 0;
}
.project-modal .modal-content .close {
z-index: 5;
}
.image-modal .modal-content {
padding: 0;
width: auto;
height: auto;
}
.modal-content form {
padding: 0 15px;
}
.modal-content h4 {
margin: 0 0 15px;
line-height: 1.42857143;
padding: 15px;
text-transform: uppercase;
background: #f6ab60;
color: #fff;
}
.project-modal .modal-content h4 {
margin-bottom: 0;
}
.modal-content label {
line-height: 1;
font-size: 16px;
font-weight: bold;
}
.modal-content .close {
background: none;
border: 0;
width: 55px;
height: 55px;
line-height: 55px;
font-size: 42px;
cursor: pointer;
position: absolute;
top: 0;
right: 0;
color: #fff;
background: rgba(0, 0, 0, .15);
outline: none;
overflow: hidden;
}
.modal-content .close span {
position: relative;
top: -5px;
}
.modal-content input {
padding: 5px;
background: #ebebeb;
border: 0;
}
.modal-body {
position: relative;
background-color: #fff;
box-shadow: 0 0 1.5em rgba(0, 0, 0, .35);
margin-left: auto;
margin-right: auto;
overflow: hidden;
width: 100%}
.image-modal .modal-body {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
.image-modal .modal-body img {
max-width: calc(100vw - 3em);
max-height: calc(100vh - 3em);
}
.modal-content>*:first-child {
margin-top: 0;
}
.modal-content>*:last-child {
margin-bottom: 0;
}
@media screen and (min-width:1200px) {
.container {
max-width: 1480px;
}
}@media screen and (max-width:1400px) {
.team.grid-section .row>div {
height: calc(100vw/3);
}
.home-slider .item h2 {
font-size: 36px;
margin-bottom: 3em;
}
.home-slider .item h1 {
font-size: 52px;
}
.container {
padding-left: 30px;
padding-right: 30px;
}
}@media screen and (max-width:1270px) {
.social-links li.cert img {
max-width: 40px;
}
.team .grid-item .content {
padding: 15px 25px 50px;
top: auto;
}
.team .grid-item:hover .content {
padding: 50px 25px 15px;
}
.grid-item .content h2 {
font-size: 21px;
}
.team .grid-item h2 span {
font-size: 12px;
}
.grid-item.text .content {
padding-top: 45px;
}
.grid-item.text:hover .content {
padding-top: 65px;
}
.grid-item .content i {
z-index: 99;
}
.grid-item .content:after {
content: '';
width: 100%;
height: 65px;
display: inline-block;
bottom: 0;
left: 0;
position: absolute;
z-index: 98;
background: transparent;
}
.grid-item:hover .content:after {
background: linear-gradient(to bottom, rgba(0, 171, 212, 0) 0%, rgba(246, 171, 96, .88) 35%, #f6ab60 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f6ab60', endColorstr='#f6ab60', GradientType=0);
}
.grid-item.blue:hover .content:after, .projects div.grid-item:hover .content:after {
background: linear-gradient(to bottom, rgba(51, 51, 51, 0) 0%, rgba(51, 51, 51, .88) 35%, #333 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00333333', endColorstr='#333333', GradientType=0);
}
.team .grid-item .content:after {
display: none;
}
}@media screen and (min-width:1200px) {
.filters {
width: 100%}
.filters ul {
width: 100%;
display: flex;
justify-content: space-between;
}
.filters ul li:not(:last-child) a:after {
display: none;
}
.filters ul li.splitter {
top: -3px;
position: relative;
}
}@media screen and (max-width:1199px) {
.filters .splitter {
display: none;
}
}@media screen and (max-width:991px) {
.services-box {
margin-bottom: 30px;
height: calc(100% - 30px);
}
.grid-section.team .row>div {
height: calc(50vw - 30px);
}
.grid-item .content h2 {
font-size: 18px;
}
.grid-item h4 {
font-size: 14px;
padding: 15px;
}
.grid-item .content {
padding: 30px 15px 15px;
}
.grid-item:hover .content, .grid-item.news .content {
padding-top: 50px;
}
.grid-item.news:hover .content {
padding-top: 65px;
}
.project-detail .project-intro, .project-detail .project-facts, .project-detail .block-text {
height: 100%}
.project-detail .grid-item .image-block {
position: static;
height: 45vw;
}
.home-slider .item h1, .hero-section h1, .hero-section h2, .article-heading h1 {
font-size: 42px;
}
.home-slider .item h2 {
font-size: 28px;
}
.home-slider .item p {
font-size: 21px;
}
.enquire-form {
margin-bottom: 50px;
}
.services-section .grid-item {
margin-bottom: 30px;
}
}@media screen and (min-width:992px) {
.container {
max-width: 2560px;
padding-left: 30px;
padding-right: 30px;
}
}@media screen and (max-width:991px) {
.clients-logos .client-logo-item {
width: 25%}
}@media screen and (min-width:576px) {
.visible-xs-inline {
display: none !important;
}
}@media screen and (max-width:767px) {
.container {
padding-left: 15px;
padding-right: 15px;
}
.hidden-xs {
display: none;
}
.visible-xs-inline {
display: inline;
}
body {
font-size: 16px;
}
.hero-section h1, .hero-section h2, .article-heading h1 {
font-size: 24px;
}
.home-slider .item h1 {
font-size: 26px;
}
.home-slider .item h2 {
font-size: 18px;
}
.home-slider .item p {
font-size: 14px;
}
.home-slider .item {
height: 60vh;
min-height: 360px;
}
.home-slider .item .slider-content {
padding-top: 60px;
}
.hero-section {
height: 45vh;
}
.hero-section h1, .hero-section h2 {
padding-top: 150px;
}
.hero-section.hero-project {
height: auto;
min-height: 45vh;
}
.hero-section.hero-project h1 {
padding-top: 170px;
}
.hero-section.hero-project .breadcrumbs {
position: static;
}
.breadcrumbs {
bottom: 15px;
}
.grid-section .row>div {
margin-bottom: 15px;
}
.grid-item.wide:after {
padding-bottom: 100%}
.grid-item .content h2 {
font-size: 18px;
max-height: 11.2em;
}
.grid-section.team .row>div {
height: 110vw;
}
.about-section, .qualification-section, .approach-section, .clients-section {
padding-top: 40px;
padding-bottom: 40px;
}
.about-section h2 {
font-size: 21px;
}
.services-section {
padding-bottom: 0;
padding-top: 15px;
}
.services-section .grid-item {
margin-bottom: 15px;
}
.services-section .grid-item .image-block+h4 {
text-shadow: none;
}
.services-section .grid-item .content {
padding-top: 50px;
opacity: 1;
}
.services-box {
height: auto;
}
.approach-section h2 {
font-size: 21px;
line-height: 1.5;
}
.projects-hero-content h1 {
padding-top: 130px;
}
.filters ul {
text-align: center;
}
.project-slider {
padding: 10px;
}
.project-slider img {
max-height: calc(100vw/2);
}
.projects .project-grid {
margin: 0 -7.5px;
}
.projects .grid-sizer {
width: 50%}
.projects .grid-block {
width: 50%;
padding: 0 7.5px;
margin-bottom: 15px;
}
.projects .grid-block.tall .grid-item:after {
padding-bottom: calc(200% + 15px);
}
.projects .grid-block.grid-block-wide {
width: 100%}
.projects .grid-block.grid-block-x-wide, .projects .grid-block.grid-block-xx-wide {
width: 100%}
.project-detail .project-intro, .project-detail .project-facts, .project-detail .block-text {
height: auto;
}
.project-detail .grid-item .image-block {
position: static;
height: 50vw;
}
.project-detail .grid-item {
margin-bottom: 30px;
height: auto;
}
.contact {
padding-bottom: 30px;
}
.copyright, .social-links {
text-align: center;
}
.social-links li.clearfix {
display: block;
}
.social-links li.cert-1 img {
margin-left: 0;
}
.news-article .breadcrumbs, .contact .breadcrumbs {
padding-top: 140px;
padding-bottom: 20px;
}
.clients-logos .client-logo-item {
width: 50%}
.project-grid .grid-block .grid-item h4 {
font-size: 12px;
}
.project-grid .grid-block .grid-item .content h2 {
font-size: 15px;
}
.project-grid .grid-block .grid-item:hover .content {
padding-top: 40px;
}
}@supports (-ms-ime-align:auto) {
.home-slider video {
top: 50%;
left: 50%;
height: auto;
transform: translate3d(-50%, -50%, 0);
}
}
@media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
.home-slider video {
top: 50%;
left: 50%;
height: auto;
transform: translate3d(-50%, -50%, 0);
}
}