@charset "UTF-8";
* {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
html {
font-size: 16px;
font-family: 'Roboto', sans-serif;
line-height: 1.4em;
overflow-y: scroll;
}
body {
background-color: #fff;
}
hr {
display: inline-block;
width: 100%;
height: 1px;
border: 0;
border-top: 1px solid #DCBC90;
padding: 0;
margin: 10px 0;
}
img {
max-width: 100%;
height: auto;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
font-weight: 400;
color: #303030;
text-decoration: none;
outline: none;
cursor: pointer;
}
a:hover {
outline: none;
text-decoration: none;
color: #000;
}
a img {
border: 0;
}
.container {
position: relative;
width: 100%;
max-width: 1180px;
margin: 0 auto;
}
.row-no-padding [class*="col-"] {
padding-left: 0 !important;
padding-right: 0 !important;
}
@media screen and (max-width: 768px) {
.mobile-no-padding {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
.mt-0 {
margin-top: 0 !important;
}
.mr-0 {
margin-right: 0 !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.ml-0 {
margin-left: 0 !important;
}
.mt-60 {
margin-top: 60px;
}
@media screen and (max-width: 990px) {
.mt-30-m {
margin-top: 30px;
}
}
.mb-35 {
margin-bottom: 35px;
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
} *,
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container,
.container-sm {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container,
.container-sm,
.container-md {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container,
.container-sm,
.container-md,
.container-lg {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl {
max-width: 1140px;
}
}
.row {
display: -ms-flexbox;
display: -webkit-box;
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-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
max-width: 100%;
}
.row-cols-1 > * {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-2 > * {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-3 > * {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-4 > * {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-5 > * {
-ms-flex: 0 0 20%;
-webkit-box-flex: 0;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-6 > * {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-auto {
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-1 {
-ms-flex: 0 0 8.333333%;
-webkit-box-flex: 0;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-3 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-5 {
-ms-flex: 0 0 41.666667%;
-webkit-box-flex: 0;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-ms-flex: 0 0 58.333333%;
-webkit-box-flex: 0;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-ms-flex: 0 0 66.666667%;
-webkit-box-flex: 0;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-ms-flex: 0 0 75%;
-webkit-box-flex: 0;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-ms-flex: 0 0 91.666667%;
-webkit-box-flex: 0;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.order-last {
-ms-flex-order: 13;
-webkit-box-ordinal-group: 14;
order: 13;
}
.order-0 {
-ms-flex-order: 0;
-webkit-box-ordinal-group: 1;
order: 0;
}
.order-1 {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
.order-2 {
-ms-flex-order: 2;
-webkit-box-ordinal-group: 3;
order: 2;
}
.order-3 {
-ms-flex-order: 3;
-webkit-box-ordinal-group: 4;
order: 3;
}
.order-4 {
-ms-flex-order: 4;
-webkit-box-ordinal-group: 5;
order: 4;
}
.order-5 {
-ms-flex-order: 5;
-webkit-box-ordinal-group: 6;
order: 5;
}
.order-6 {
-ms-flex-order: 6;
-webkit-box-ordinal-group: 7;
order: 6;
}
.order-7 {
-ms-flex-order: 7;
-webkit-box-ordinal-group: 8;
order: 7;
}
.order-8 {
-ms-flex-order: 8;
-webkit-box-ordinal-group: 9;
order: 8;
}
.order-9 {
-ms-flex-order: 9;
-webkit-box-ordinal-group: 10;
order: 9;
}
.order-10 {
-ms-flex-order: 10;
-webkit-box-ordinal-group: 11;
order: 10;
}
.order-11 {
-ms-flex-order: 11;
-webkit-box-ordinal-group: 12;
order: 11;
}
.order-12 {
-ms-flex-order: 12;
-webkit-box-ordinal-group: 13;
order: 12;
}
.offset-1 {
margin-left: 8.333333%;
}
.offset-2 {
margin-left: 16.666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.333333%;
}
.offset-5 {
margin-left: 41.666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.333333%;
}
.offset-8 {
margin-left: 66.666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.333333%;
}
.offset-11 {
margin-left: 91.666667%;
}
@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
max-width: 100%;
}
.row-cols-sm-1 > * {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-sm-2 > * {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-sm-3 > * {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-sm-4 > * {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-sm-5 > * {
-ms-flex: 0 0 20%;
-webkit-box-flex: 0;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-sm-6 > * {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-auto {
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-sm-1 {
-ms-flex: 0 0 8.333333%;
-webkit-box-flex: 0;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-sm-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-3 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-sm-5 {
-ms-flex: 0 0 41.666667%;
-webkit-box-flex: 0;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-sm-6 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex: 0 0 58.333333%;
-webkit-box-flex: 0;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-sm-8 {
-ms-flex: 0 0 66.666667%;
-webkit-box-flex: 0;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-sm-9 {
-ms-flex: 0 0 75%;
-webkit-box-flex: 0;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-sm-11 {
-ms-flex: 0 0 91.666667%;
-webkit-box-flex: 0;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-sm-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.order-sm-last {
-ms-flex-order: 13;
-webkit-box-ordinal-group: 14;
order: 13;
}
.order-sm-0 {
-ms-flex-order: 0;
-webkit-box-ordinal-group: 1;
order: 0;
}
.order-sm-1 {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
.order-sm-2 {
-ms-flex-order: 2;
-webkit-box-ordinal-group: 3;
order: 2;
}
.order-sm-3 {
-ms-flex-order: 3;
-webkit-box-ordinal-group: 4;
order: 3;
}
.order-sm-4 {
-ms-flex-order: 4;
-webkit-box-ordinal-group: 5;
order: 4;
}
.order-sm-5 {
-ms-flex-order: 5;
-webkit-box-ordinal-group: 6;
order: 5;
}
.order-sm-6 {
-ms-flex-order: 6;
-webkit-box-ordinal-group: 7;
order: 6;
}
.order-sm-7 {
-ms-flex-order: 7;
-webkit-box-ordinal-group: 8;
order: 7;
}
.order-sm-8 {
-ms-flex-order: 8;
-webkit-box-ordinal-group: 9;
order: 8;
}
.order-sm-9 {
-ms-flex-order: 9;
-webkit-box-ordinal-group: 10;
order: 9;
}
.order-sm-10 {
-ms-flex-order: 10;
-webkit-box-ordinal-group: 11;
order: 10;
}
.order-sm-11 {
-ms-flex-order: 11;
-webkit-box-ordinal-group: 12;
order: 11;
}
.order-sm-12 {
-ms-flex-order: 12;
-webkit-box-ordinal-group: 13;
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.333333%;
}
.offset-sm-2 {
margin-left: 16.666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.333333%;
}
.offset-sm-5 {
margin-left: 41.666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.333333%;
}
.offset-sm-8 {
margin-left: 66.666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.333333%;
}
.offset-sm-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
max-width: 100%;
}
.row-cols-md-1 > * {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-md-2 > * {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-md-3 > * {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-md-4 > * {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-md-5 > * {
-ms-flex: 0 0 20%;
-webkit-box-flex: 0;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-md-6 > * {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-auto {
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-md-1 {
-ms-flex: 0 0 8.333333%;
-webkit-box-flex: 0;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-md-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
-webkit-box-flex: 0;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-md-6 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex: 0 0 58.333333%;
-webkit-box-flex: 0;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
-webkit-box-flex: 0;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-ms-flex: 0 0 75%;
-webkit-box-flex: 0;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-11 {
-ms-flex: 0 0 91.666667%;
-webkit-box-flex: 0;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-md-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.order-md-last {
-ms-flex-order: 13;
-webkit-box-ordinal-group: 14;
order: 13;
}
.order-md-0 {
-ms-flex-order: 0;
-webkit-box-ordinal-group: 1;
order: 0;
}
.order-md-1 {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
.order-md-2 {
-ms-flex-order: 2;
-webkit-box-ordinal-group: 3;
order: 2;
}
.order-md-3 {
-ms-flex-order: 3;
-webkit-box-ordinal-group: 4;
order: 3;
}
.order-md-4 {
-ms-flex-order: 4;
-webkit-box-ordinal-group: 5;
order: 4;
}
.order-md-5 {
-ms-flex-order: 5;
-webkit-box-ordinal-group: 6;
order: 5;
}
.order-md-6 {
-ms-flex-order: 6;
-webkit-box-ordinal-group: 7;
order: 6;
}
.order-md-7 {
-ms-flex-order: 7;
-webkit-box-ordinal-group: 8;
order: 7;
}
.order-md-8 {
-ms-flex-order: 8;
-webkit-box-ordinal-group: 9;
order: 8;
}
.order-md-9 {
-ms-flex-order: 9;
-webkit-box-ordinal-group: 10;
order: 9;
}
.order-md-10 {
-ms-flex-order: 10;
-webkit-box-ordinal-group: 11;
order: 10;
}
.order-md-11 {
-ms-flex-order: 11;
-webkit-box-ordinal-group: 12;
order: 11;
}
.order-md-12 {
-ms-flex-order: 12;
-webkit-box-ordinal-group: 13;
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.333333%;
}
.offset-md-2 {
margin-left: 16.666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.333333%;
}
.offset-md-5 {
margin-left: 41.666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.333333%;
}
.offset-md-8 {
margin-left: 66.666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.333333%;
}
.offset-md-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
max-width: 100%;
}
.row-cols-lg-1 > * {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-lg-2 > * {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-lg-3 > * {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-lg-4 > * {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-lg-5 > * {
-ms-flex: 0 0 20%;
-webkit-box-flex: 0;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-lg-6 > * {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-auto {
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-lg-1 {
-ms-flex: 0 0 8.333333%;
-webkit-box-flex: 0;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
-webkit-box-flex: 0;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-lg-6 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex: 0 0 58.333333%;
-webkit-box-flex: 0;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-lg-8 {
-ms-flex: 0 0 66.666667%;
-webkit-box-flex: 0;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-lg-9 {
-ms-flex: 0 0 75%;
-webkit-box-flex: 0;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-lg-11 {
-ms-flex: 0 0 91.666667%;
-webkit-box-flex: 0;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-lg-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.order-lg-last {
-ms-flex-order: 13;
-webkit-box-ordinal-group: 14;
order: 13;
}
.order-lg-0 {
-ms-flex-order: 0;
-webkit-box-ordinal-group: 1;
order: 0;
}
.order-lg-1 {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
.order-lg-2 {
-ms-flex-order: 2;
-webkit-box-ordinal-group: 3;
order: 2;
}
.order-lg-3 {
-ms-flex-order: 3;
-webkit-box-ordinal-group: 4;
order: 3;
}
.order-lg-4 {
-ms-flex-order: 4;
-webkit-box-ordinal-group: 5;
order: 4;
}
.order-lg-5 {
-ms-flex-order: 5;
-webkit-box-ordinal-group: 6;
order: 5;
}
.order-lg-6 {
-ms-flex-order: 6;
-webkit-box-ordinal-group: 7;
order: 6;
}
.order-lg-7 {
-ms-flex-order: 7;
-webkit-box-ordinal-group: 8;
order: 7;
}
.order-lg-8 {
-ms-flex-order: 8;
-webkit-box-ordinal-group: 9;
order: 8;
}
.order-lg-9 {
-ms-flex-order: 9;
-webkit-box-ordinal-group: 10;
order: 9;
}
.order-lg-10 {
-ms-flex-order: 10;
-webkit-box-ordinal-group: 11;
order: 10;
}
.order-lg-11 {
-ms-flex-order: 11;
-webkit-box-ordinal-group: 12;
order: 11;
}
.order-lg-12 {
-ms-flex-order: 12;
-webkit-box-ordinal-group: 13;
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.333333%;
}
.offset-lg-2 {
margin-left: 16.666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.333333%;
}
.offset-lg-5 {
margin-left: 41.666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.333333%;
}
.offset-lg-8 {
margin-left: 66.666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.333333%;
}
.offset-lg-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
-webkit-box-flex: 1;
flex-grow: 1;
max-width: 100%;
}
.row-cols-xl-1 > * {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-xl-2 > * {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-xl-3 > * {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-xl-4 > * {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-xl-5 > * {
-ms-flex: 0 0 20%;
-webkit-box-flex: 0;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-xl-6 > * {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-auto {
-ms-flex: 0 0 auto;
-webkit-box-flex: 0;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xl-1 {
-ms-flex: 0 0 8.333333%;
-webkit-box-flex: 0;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xl-2 {
-ms-flex: 0 0 16.666667%;
-webkit-box-flex: 0;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-3 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-ms-flex: 0 0 33.333333%;
-webkit-box-flex: 0;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xl-5 {
-ms-flex: 0 0 41.666667%;
-webkit-box-flex: 0;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xl-6 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-ms-flex: 0 0 58.333333%;
-webkit-box-flex: 0;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xl-8 {
-ms-flex: 0 0 66.666667%;
-webkit-box-flex: 0;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xl-9 {
-ms-flex: 0 0 75%;
-webkit-box-flex: 0;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-ms-flex: 0 0 83.333333%;
-webkit-box-flex: 0;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xl-11 {
-ms-flex: 0 0 91.666667%;
-webkit-box-flex: 0;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xl-12 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-ms-flex-order: -1;
-webkit-box-ordinal-group: 0;
order: -1;
}
.order-xl-last {
-ms-flex-order: 13;
-webkit-box-ordinal-group: 14;
order: 13;
}
.order-xl-0 {
-ms-flex-order: 0;
-webkit-box-ordinal-group: 1;
order: 0;
}
.order-xl-1 {
-ms-flex-order: 1;
-webkit-box-ordinal-group: 2;
order: 1;
}
.order-xl-2 {
-ms-flex-order: 2;
-webkit-box-ordinal-group: 3;
order: 2;
}
.order-xl-3 {
-ms-flex-order: 3;
-webkit-box-ordinal-group: 4;
order: 3;
}
.order-xl-4 {
-ms-flex-order: 4;
-webkit-box-ordinal-group: 5;
order: 4;
}
.order-xl-5 {
-ms-flex-order: 5;
-webkit-box-ordinal-group: 6;
order: 5;
}
.order-xl-6 {
-ms-flex-order: 6;
-webkit-box-ordinal-group: 7;
order: 6;
}
.order-xl-7 {
-ms-flex-order: 7;
-webkit-box-ordinal-group: 8;
order: 7;
}
.order-xl-8 {
-ms-flex-order: 8;
-webkit-box-ordinal-group: 9;
order: 8;
}
.order-xl-9 {
-ms-flex-order: 9;
-webkit-box-ordinal-group: 10;
order: 9;
}
.order-xl-10 {
-ms-flex-order: 10;
-webkit-box-ordinal-group: 11;
order: 10;
}
.order-xl-11 {
-ms-flex-order: 11;
-webkit-box-ordinal-group: 12;
order: 11;
}
.order-xl-12 {
-ms-flex-order: 12;
-webkit-box-ordinal-group: 13;
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.333333%;
}
.offset-xl-2 {
margin-left: 16.666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.333333%;
}
.offset-xl-5 {
margin-left: 41.666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.333333%;
}
.offset-xl-8 {
margin-left: 66.666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.333333%;
}
.offset-xl-11 {
margin-left: 91.666667%;
}
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: -ms-flexbox !important;
display: -webkit-box !important;
display: flex !important;
}
.d-inline-flex {
display: -ms-inline-flexbox !important;
display: -webkit-inline-box !important;
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: -ms-flexbox !important;
display: -webkit-box !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -ms-inline-flexbox !important;
display: -webkit-inline-box !important;
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: -ms-flexbox !important;
display: -webkit-box !important;
display: flex !important;
}
.d-md-inline-flex {
display: -ms-inline-flexbox !important;
display: -webkit-inline-box !important;
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -ms-flexbox !important;
display: -webkit-box !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -ms-inline-flexbox !important;
display: -webkit-inline-box !important;
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: -ms-flexbox !important;
display: -webkit-box !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -ms-inline-flexbox !important;
display: -webkit-inline-box !important;
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: -ms-flexbox !important;
display: -webkit-box !important;
display: flex !important;
}
.d-print-inline-flex {
display: -ms-inline-flexbox !important;
display: -webkit-inline-box !important;
display: inline-flex !important;
}
}
.flex-row {
-ms-flex-direction: row !important;
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
flex-direction: row !important;
}
.flex-column {
-ms-flex-direction: column !important;
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
flex-direction: column !important;
}
.flex-row-reverse {
-ms-flex-direction: row-reverse !important;
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-ms-flex-direction: column-reverse !important;
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-fill {
-ms-flex: 1 1 auto !important;
-webkit-box-flex: 1 !important;
flex: 1 1 auto !important;
}
.flex-grow-0 {
-ms-flex-positive: 0 !important;
-webkit-box-flex: 0 !important;
flex-grow: 0 !important;
}
.flex-grow-1 {
-ms-flex-positive: 1 !important;
-webkit-box-flex: 1 !important;
flex-grow: 1 !important;
}
.flex-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-start {
-ms-flex-pack: start !important;
-webkit-box-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-ms-flex-pack: end !important;
-webkit-box-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-ms-flex-pack: center !important;
-webkit-box-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-ms-flex-pack: justify !important;
-webkit-box-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;
-webkit-box-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-ms-flex-align: end !important;
-webkit-box-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-ms-flex-align: center !important;
-webkit-box-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-ms-flex-align: baseline !important;
-webkit-box-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-ms-flex-align: stretch !important;
-webkit-box-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;
-ms-grid-row-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;
-ms-grid-row-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;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
-ms-flex-direction: row !important;
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
flex-direction: row !important;
}
.flex-sm-column {
-ms-flex-direction: column !important;
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
flex-direction: column !important;
}
.flex-sm-row-reverse {
-ms-flex-direction: row-reverse !important;
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
-ms-flex-direction: column-reverse !important;
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
-ms-flex: 1 1 auto !important;
-webkit-box-flex: 1 !important;
flex: 1 1 auto !important;
}
.flex-sm-grow-0 {
-ms-flex-positive: 0 !important;
-webkit-box-flex: 0 !important;
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
-ms-flex-positive: 1 !important;
-webkit-box-flex: 1 !important;
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-sm-start {
-ms-flex-pack: start !important;
-webkit-box-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-ms-flex-pack: end !important;
-webkit-box-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-ms-flex-pack: center !important;
-webkit-box-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-ms-flex-pack: justify !important;
-webkit-box-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;
-webkit-box-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-ms-flex-align: end !important;
-webkit-box-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-ms-flex-align: center !important;
-webkit-box-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-ms-flex-align: baseline !important;
-webkit-box-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-ms-flex-align: stretch !important;
-webkit-box-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;
-ms-grid-row-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;
-ms-grid-row-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;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
-ms-flex-direction: row !important;
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
flex-direction: row !important;
}
.flex-md-column {
-ms-flex-direction: column !important;
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-ms-flex-direction: row-reverse !important;
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-ms-flex-direction: column-reverse !important;
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
-ms-flex: 1 1 auto !important;
-webkit-box-flex: 1 !important;
flex: 1 1 auto !important;
}
.flex-md-grow-0 {
-ms-flex-positive: 0 !important;
-webkit-box-flex: 0 !important;
flex-grow: 0 !important;
}
.flex-md-grow-1 {
-ms-flex-positive: 1 !important;
-webkit-box-flex: 1 !important;
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-md-start {
-ms-flex-pack: start !important;
-webkit-box-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-ms-flex-pack: end !important;
-webkit-box-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-ms-flex-pack: center !important;
-webkit-box-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-ms-flex-pack: justify !important;
-webkit-box-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;
-webkit-box-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-ms-flex-align: end !important;
-webkit-box-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-ms-flex-align: center !important;
-webkit-box-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-ms-flex-align: baseline !important;
-webkit-box-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-ms-flex-align: stretch !important;
-webkit-box-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;
-ms-grid-row-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;
-ms-grid-row-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;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
-ms-flex-direction: row !important;
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
flex-direction: row !important;
}
.flex-lg-column {
-ms-flex-direction: column !important;
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-ms-flex-direction: row-reverse !important;
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-ms-flex-direction: column-reverse !important;
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
-ms-flex: 1 1 auto !important;
-webkit-box-flex: 1 !important;
flex: 1 1 auto !important;
}
.flex-lg-grow-0 {
-ms-flex-positive: 0 !important;
-webkit-box-flex: 0 !important;
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
-ms-flex-positive: 1 !important;
-webkit-box-flex: 1 !important;
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-lg-start {
-ms-flex-pack: start !important;
-webkit-box-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-ms-flex-pack: end !important;
-webkit-box-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-ms-flex-pack: center !important;
-webkit-box-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-ms-flex-pack: justify !important;
-webkit-box-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;
-webkit-box-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-ms-flex-align: end !important;
-webkit-box-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-ms-flex-align: center !important;
-webkit-box-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-ms-flex-align: baseline !important;
-webkit-box-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-ms-flex-align: stretch !important;
-webkit-box-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;
-ms-grid-row-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;
-ms-grid-row-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;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
-ms-flex-direction: row !important;
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
flex-direction: row !important;
}
.flex-xl-column {
-ms-flex-direction: column !important;
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-ms-flex-direction: row-reverse !important;
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-ms-flex-direction: column-reverse !important;
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
-ms-flex: 1 1 auto !important;
-webkit-box-flex: 1 !important;
flex: 1 1 auto !important;
}
.flex-xl-grow-0 {
-ms-flex-positive: 0 !important;
-webkit-box-flex: 0 !important;
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
-ms-flex-positive: 1 !important;
-webkit-box-flex: 1 !important;
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-xl-start {
-ms-flex-pack: start !important;
-webkit-box-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-ms-flex-pack: end !important;
-webkit-box-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-ms-flex-pack: center !important;
-webkit-box-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-ms-flex-pack: justify !important;
-webkit-box-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;
-webkit-box-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-ms-flex-align: end !important;
-webkit-box-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-ms-flex-align: center !important;
-webkit-box-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-ms-flex-align: baseline !important;
-webkit-box-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-ms-flex-align: stretch !important;
-webkit-box-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;
-ms-grid-row-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;
-ms-grid-row-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;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
}
.m-0 {
margin: 0 !important;
}
.mt-0,
.my-0 {
margin-top: 0 !important;
}
.mr-0,
.mx-0 {
margin-right: 0 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1,
.my-1 {
margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
margin-left: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2,
.my-2 {
margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
margin-left: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.mt-3,
.my-3 {
margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
margin-right: 1rem !important;
}
.mb-3,
.my-3 {
margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
margin-left: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.mt-4,
.my-4 {
margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
margin-left: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.mt-5,
.my-5 {
margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
margin-right: 3rem !important;
}
.mb-5,
.my-5 {
margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
margin-left: 3rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0,
.py-0 {
padding-top: 0 !important;
}
.pr-0,
.px-0 {
padding-right: 0 !important;
}
.pb-0,
.py-0 {
padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1,
.py-1 {
padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
padding-left: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2,
.py-2 {
padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
padding-left: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.pt-3,
.py-3 {
padding-top: 1rem !important;
}
.pr-3,
.px-3 {
padding-right: 1rem !important;
}
.pb-3,
.py-3 {
padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
padding-left: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.pt-4,
.py-4 {
padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
padding-left: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.pt-5,
.py-5 {
padding-top: 3rem !important;
}
.pr-5,
.px-5 {
padding-right: 3rem !important;
}
.pb-5,
.py-5 {
padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
padding-left: 3rem !important;
}
.m-n1 {
margin: -0.25rem !important;
}
.mt-n1,
.my-n1 {
margin-top: -0.25rem !important;
}
.mr-n1,
.mx-n1 {
margin-right: -0.25rem !important;
}
.mb-n1,
.my-n1 {
margin-bottom: -0.25rem !important;
}
.ml-n1,
.mx-n1 {
margin-left: -0.25rem !important;
}
.m-n2 {
margin: -0.5rem !important;
}
.mt-n2,
.my-n2 {
margin-top: -0.5rem !important;
}
.mr-n2,
.mx-n2 {
margin-right: -0.5rem !important;
}
.mb-n2,
.my-n2 {
margin-bottom: -0.5rem !important;
}
.ml-n2,
.mx-n2 {
margin-left: -0.5rem !important;
}
.m-n3 {
margin: -1rem !important;
}
.mt-n3,
.my-n3 {
margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
margin-right: -1rem !important;
}
.mb-n3,
.my-n3 {
margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
margin-left: -1rem !important;
}
.m-n4 {
margin: -1.5rem !important;
}
.mt-n4,
.my-n4 {
margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4 {
margin-right: -1.5rem !important;
}
.mb-n4,
.my-n4 {
margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
margin-left: -1.5rem !important;
}
.m-n5 {
margin: -3rem !important;
}
.mt-n5,
.my-n5 {
margin-top: -3rem !important;
}
.mr-n5,
.mx-n5 {
margin-right: -3rem !important;
}
.mb-n5,
.my-n5 {
margin-bottom: -3rem !important;
}
.ml-n5,
.mx-n5 {
margin-left: -3rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important;
}
.mr-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important;
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important;
}
.ml-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important;
}
.mr-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important;
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important;
}
.ml-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important;
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important;
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important;
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important;
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important;
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important;
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important;
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important;
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important;
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important;
}
.pr-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important;
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important;
}
.pl-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important;
}
.pr-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important;
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important;
}
.pl-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important;
}
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important;
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important;
}
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important;
}
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important;
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important;
}
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important;
}
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important;
}
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important;
}
.m-sm-n1 {
margin: -0.25rem !important;
}
.mt-sm-n1,
.my-sm-n1 {
margin-top: -0.25rem !important;
}
.mr-sm-n1,
.mx-sm-n1 {
margin-right: -0.25rem !important;
}
.mb-sm-n1,
.my-sm-n1 {
margin-bottom: -0.25rem !important;
}
.ml-sm-n1,
.mx-sm-n1 {
margin-left: -0.25rem !important;
}
.m-sm-n2 {
margin: -0.5rem !important;
}
.mt-sm-n2,
.my-sm-n2 {
margin-top: -0.5rem !important;
}
.mr-sm-n2,
.mx-sm-n2 {
margin-right: -0.5rem !important;
}
.mb-sm-n2,
.my-sm-n2 {
margin-bottom: -0.5rem !important;
}
.ml-sm-n2,
.mx-sm-n2 {
margin-left: -0.5rem !important;
}
.m-sm-n3 {
margin: -1rem !important;
}
.mt-sm-n3,
.my-sm-n3 {
margin-top: -1rem !important;
}
.mr-sm-n3,
.mx-sm-n3 {
margin-right: -1rem !important;
}
.mb-sm-n3,
.my-sm-n3 {
margin-bottom: -1rem !important;
}
.ml-sm-n3,
.mx-sm-n3 {
margin-left: -1rem !important;
}
.m-sm-n4 {
margin: -1.5rem !important;
}
.mt-sm-n4,
.my-sm-n4 {
margin-top: -1.5rem !important;
}
.mr-sm-n4,
.mx-sm-n4 {
margin-right: -1.5rem !important;
}
.mb-sm-n4,
.my-sm-n4 {
margin-bottom: -1.5rem !important;
}
.ml-sm-n4,
.mx-sm-n4 {
margin-left: -1.5rem !important;
}
.m-sm-n5 {
margin: -3rem !important;
}
.mt-sm-n5,
.my-sm-n5 {
margin-top: -3rem !important;
}
.mr-sm-n5,
.mx-sm-n5 {
margin-right: -3rem !important;
}
.mb-sm-n5,
.my-sm-n5 {
margin-bottom: -3rem !important;
}
.ml-sm-n5,
.mx-sm-n5 {
margin-left: -3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important;
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important;
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.mt-md-1,
.my-md-1 {
margin-top: 0.25rem !important;
}
.mr-md-1,
.mx-md-1 {
margin-right: 0.25rem !important;
}
.mb-md-1,
.my-md-1 {
margin-bottom: 0.25rem !important;
}
.ml-md-1,
.mx-md-1 {
margin-left: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.mt-md-2,
.my-md-2 {
margin-top: 0.5rem !important;
}
.mr-md-2,
.mx-md-2 {
margin-right: 0.5rem !important;
}
.mb-md-2,
.my-md-2 {
margin-bottom: 0.5rem !important;
}
.ml-md-2,
.mx-md-2 {
margin-left: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important;
}
.mr-md-3,
.mx-md-3 {
margin-right: 1rem !important;
}
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important;
}
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important;
}
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important;
}
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important;
}
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important;
}
.mr-md-5,
.mx-md-5 {
margin-right: 3rem !important;
}
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important;
}
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important;
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important;
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.pt-md-1,
.py-md-1 {
padding-top: 0.25rem !important;
}
.pr-md-1,
.px-md-1 {
padding-right: 0.25rem !important;
}
.pb-md-1,
.py-md-1 {
padding-bottom: 0.25rem !important;
}
.pl-md-1,
.px-md-1 {
padding-left: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.pt-md-2,
.py-md-2 {
padding-top: 0.5rem !important;
}
.pr-md-2,
.px-md-2 {
padding-right: 0.5rem !important;
}
.pb-md-2,
.py-md-2 {
padding-bottom: 0.5rem !important;
}
.pl-md-2,
.px-md-2 {
padding-left: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important;
}
.pr-md-3,
.px-md-3 {
padding-right: 1rem !important;
}
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important;
}
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important;
}
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important;
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important;
}
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important;
}
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important;
}
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important;
}
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important;
}
.m-md-n1 {
margin: -0.25rem !important;
}
.mt-md-n1,
.my-md-n1 {
margin-top: -0.25rem !important;
}
.mr-md-n1,
.mx-md-n1 {
margin-right: -0.25rem !important;
}
.mb-md-n1,
.my-md-n1 {
margin-bottom: -0.25rem !important;
}
.ml-md-n1,
.mx-md-n1 {
margin-left: -0.25rem !important;
}
.m-md-n2 {
margin: -0.5rem !important;
}
.mt-md-n2,
.my-md-n2 {
margin-top: -0.5rem !important;
}
.mr-md-n2,
.mx-md-n2 {
margin-right: -0.5rem !important;
}
.mb-md-n2,
.my-md-n2 {
margin-bottom: -0.5rem !important;
}
.ml-md-n2,
.mx-md-n2 {
margin-left: -0.5rem !important;
}
.m-md-n3 {
margin: -1rem !important;
}
.mt-md-n3,
.my-md-n3 {
margin-top: -1rem !important;
}
.mr-md-n3,
.mx-md-n3 {
margin-right: -1rem !important;
}
.mb-md-n3,
.my-md-n3 {
margin-bottom: -1rem !important;
}
.ml-md-n3,
.mx-md-n3 {
margin-left: -1rem !important;
}
.m-md-n4 {
margin: -1.5rem !important;
}
.mt-md-n4,
.my-md-n4 {
margin-top: -1.5rem !important;
}
.mr-md-n4,
.mx-md-n4 {
margin-right: -1.5rem !important;
}
.mb-md-n4,
.my-md-n4 {
margin-bottom: -1.5rem !important;
}
.ml-md-n4,
.mx-md-n4 {
margin-left: -1.5rem !important;
}
.m-md-n5 {
margin: -3rem !important;
}
.mt-md-n5,
.my-md-n5 {
margin-top: -3rem !important;
}
.mr-md-n5,
.mx-md-n5 {
margin-right: -3rem !important;
}
.mb-md-n5,
.my-md-n5 {
margin-bottom: -3rem !important;
}
.ml-md-n5,
.mx-md-n5 {
margin-left: -3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important;
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important;
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.mt-lg-1,
.my-lg-1 {
margin-top: 0.25rem !important;
}
.mr-lg-1,
.mx-lg-1 {
margin-right: 0.25rem !important;
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: 0.25rem !important;
}
.ml-lg-1,
.mx-lg-1 {
margin-left: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.mt-lg-2,
.my-lg-2 {
margin-top: 0.5rem !important;
}
.mr-lg-2,
.mx-lg-2 {
margin-right: 0.5rem !important;
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: 0.5rem !important;
}
.ml-lg-2,
.mx-lg-2 {
margin-left: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important;
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important;
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important;
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important;
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important;
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important;
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important;
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important;
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important;
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.pt-lg-1,
.py-lg-1 {
padding-top: 0.25rem !important;
}
.pr-lg-1,
.px-lg-1 {
padding-right: 0.25rem !important;
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: 0.25rem !important;
}
.pl-lg-1,
.px-lg-1 {
padding-left: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.pt-lg-2,
.py-lg-2 {
padding-top: 0.5rem !important;
}
.pr-lg-2,
.px-lg-2 {
padding-right: 0.5rem !important;
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: 0.5rem !important;
}
.pl-lg-2,
.px-lg-2 {
padding-left: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important;
}
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important;
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important;
}
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important;
}
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important;
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important;
}
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important;
}
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important;
}
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important;
}
.m-lg-n1 {
margin: -0.25rem !important;
}
.mt-lg-n1,
.my-lg-n1 {
margin-top: -0.25rem !important;
}
.mr-lg-n1,
.mx-lg-n1 {
margin-right: -0.25rem !important;
}
.mb-lg-n1,
.my-lg-n1 {
margin-bottom: -0.25rem !important;
}
.ml-lg-n1,
.mx-lg-n1 {
margin-left: -0.25rem !important;
}
.m-lg-n2 {
margin: -0.5rem !important;
}
.mt-lg-n2,
.my-lg-n2 {
margin-top: -0.5rem !important;
}
.mr-lg-n2,
.mx-lg-n2 {
margin-right: -0.5rem !important;
}
.mb-lg-n2,
.my-lg-n2 {
margin-bottom: -0.5rem !important;
}
.ml-lg-n2,
.mx-lg-n2 {
margin-left: -0.5rem !important;
}
.m-lg-n3 {
margin: -1rem !important;
}
.mt-lg-n3,
.my-lg-n3 {
margin-top: -1rem !important;
}
.mr-lg-n3,
.mx-lg-n3 {
margin-right: -1rem !important;
}
.mb-lg-n3,
.my-lg-n3 {
margin-bottom: -1rem !important;
}
.ml-lg-n3,
.mx-lg-n3 {
margin-left: -1rem !important;
}
.m-lg-n4 {
margin: -1.5rem !important;
}
.mt-lg-n4,
.my-lg-n4 {
margin-top: -1.5rem !important;
}
.mr-lg-n4,
.mx-lg-n4 {
margin-right: -1.5rem !important;
}
.mb-lg-n4,
.my-lg-n4 {
margin-bottom: -1.5rem !important;
}
.ml-lg-n4,
.mx-lg-n4 {
margin-left: -1.5rem !important;
}
.m-lg-n5 {
margin: -3rem !important;
}
.mt-lg-n5,
.my-lg-n5 {
margin-top: -3rem !important;
}
.mr-lg-n5,
.mx-lg-n5 {
margin-right: -3rem !important;
}
.mb-lg-n5,
.my-lg-n5 {
margin-bottom: -3rem !important;
}
.ml-lg-n5,
.mx-lg-n5 {
margin-left: -3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important;
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important;
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.mt-xl-1,
.my-xl-1 {
margin-top: 0.25rem !important;
}
.mr-xl-1,
.mx-xl-1 {
margin-right: 0.25rem !important;
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xl-1,
.mx-xl-1 {
margin-left: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.mt-xl-2,
.my-xl-2 {
margin-top: 0.5rem !important;
}
.mr-xl-2,
.mx-xl-2 {
margin-right: 0.5rem !important;
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xl-2,
.mx-xl-2 {
margin-left: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important;
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important;
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important;
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important;
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important;
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important;
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important;
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important;
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important;
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important;
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.pt-xl-1,
.py-xl-1 {
padding-top: 0.25rem !important;
}
.pr-xl-1,
.px-xl-1 {
padding-right: 0.25rem !important;
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xl-1,
.px-xl-1 {
padding-left: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.pt-xl-2,
.py-xl-2 {
padding-top: 0.5rem !important;
}
.pr-xl-2,
.px-xl-2 {
padding-right: 0.5rem !important;
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xl-2,
.px-xl-2 {
padding-left: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important;
}
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important;
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important;
}
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important;
}
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important;
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important;
}
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important;
}
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important;
}
.m-xl-n1 {
margin: -0.25rem !important;
}
.mt-xl-n1,
.my-xl-n1 {
margin-top: -0.25rem !important;
}
.mr-xl-n1,
.mx-xl-n1 {
margin-right: -0.25rem !important;
}
.mb-xl-n1,
.my-xl-n1 {
margin-bottom: -0.25rem !important;
}
.ml-xl-n1,
.mx-xl-n1 {
margin-left: -0.25rem !important;
}
.m-xl-n2 {
margin: -0.5rem !important;
}
.mt-xl-n2,
.my-xl-n2 {
margin-top: -0.5rem !important;
}
.mr-xl-n2,
.mx-xl-n2 {
margin-right: -0.5rem !important;
}
.mb-xl-n2,
.my-xl-n2 {
margin-bottom: -0.5rem !important;
}
.ml-xl-n2,
.mx-xl-n2 {
margin-left: -0.5rem !important;
}
.m-xl-n3 {
margin: -1rem !important;
}
.mt-xl-n3,
.my-xl-n3 {
margin-top: -1rem !important;
}
.mr-xl-n3,
.mx-xl-n3 {
margin-right: -1rem !important;
}
.mb-xl-n3,
.my-xl-n3 {
margin-bottom: -1rem !important;
}
.ml-xl-n3,
.mx-xl-n3 {
margin-left: -1rem !important;
}
.m-xl-n4 {
margin: -1.5rem !important;
}
.mt-xl-n4,
.my-xl-n4 {
margin-top: -1.5rem !important;
}
.mr-xl-n4,
.mx-xl-n4 {
margin-right: -1.5rem !important;
}
.mb-xl-n4,
.my-xl-n4 {
margin-bottom: -1.5rem !important;
}
.ml-xl-n4,
.mx-xl-n4 {
margin-left: -1.5rem !important;
}
.m-xl-n5 {
margin: -3rem !important;
}
.mt-xl-n5,
.my-xl-n5 {
margin-top: -3rem !important;
}
.mr-xl-n5,
.mx-xl-n5 {
margin-right: -3rem !important;
}
.mb-xl-n5,
.my-xl-n5 {
margin-bottom: -3rem !important;
}
.ml-xl-n5,
.mx-xl-n5 {
margin-left: -3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #303030;
font-family: 'Oswald', sans-serif;
line-height: 1.4em;
margin-bottom: 15px;
font-weight: 400;
}
p {
color: #434343;
font-size: 0.875em;
font-weight: 400;
line-height: 1.4em;
font-family: 'Roboto', sans-serif;
margin-bottom: 15px;
}
strong,
b {
color: #303030;
}
h1 {
font-size: 2.6em;
}
@media screen and (max-width: 840px) {
h1 {
font-size: 2em;
}
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.6em;
}
h4 {
font-size: 1.4em;
}
h5 {
font-size: 1.2em;
}
h6 {
font-size: 1em;
}
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
font-weight: 400;
text-transform: none;
}
.post-content ul,
.post-content ol {
padding-left: 20px;
margin: 10px 0 20px;
}
.post-content a {
text-decoration: underline;
font-weight: 700;
}
.txt-style .subtitle {
letter-spacing: 0.25em;
text-transform: uppercase;
color: #676767;
font-size: 0.875em;
line-height: 21px;
font-family: 'Oswald', sans-serif;
margin-bottom: 8px;
position: relative;
}
.txt-style .subtitle.brand-fourth {
color: #B6B6B6;
}
.txt-style .subtitle.top::before {
content: '';
background-repeat: no-repeat;
background-size: contain;
position: absolute;
width: 8px;
height: 40px;
background-image: url(//www.bhb.hr/wp-content/themes/bhb/images/icons/line-detail.svg);
z-index: 1;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
top: -60px;
}
@media screen and (min-width: 768px) {
.txt-style .subtitle.long::before {
width: 8px;
height: 80px;
top: -90px;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
background-image: url(//www.bhb.hr/wp-content/themes/bhb/images/icons/line-detail-long-gradient.svg?v=0.2);
}
}
.txt-style .subtitle::before {
content: '';
background-repeat: no-repeat;
background-size: contain;
position: absolute;
}
@media screen and (max-width: 768px) {
.txt-style .subtitle::before {
width: 8px;
height: 40px;
background-image: url(//www.bhb.hr/wp-content/themes/bhb/images/icons/line-detail.svg);
z-index: 1;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
top: -60px;
}
}
@media screen and (max-width: 768px) {
.txt-style .subtitle.top-50::before {
top: -50px;
}
}
@media screen and (min-width: 768px) {
.txt-style .subtitle.right::before,
.txt-style .subtitle.left::before {
width: 71px;
height: 8px;
background-size: cover;
background-position: left;
top: 50%;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.txt-style .subtitle.left::before {
right: 100%;
margin-right: 10px;
background-image: url(//www.bhb.hr/wp-content/themes/bhb/images/icons/line-detail-right.svg);
z-index: 9;
}
.txt-style .subtitle.right::before {
left: 100%;
margin-left: 10px;
background-image: url(//www.bhb.hr/wp-content/themes/bhb/images/icons/line-detail-left.svg);
z-index: 9;
}
}
.txt-style .title {
letter-spacing: 0.2em;
text-transform: uppercase;
color: #676767;
font-size: 2.3em;
line-height: 59px;
font-family: 'Oswald', sans-serif;
margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
.txt-style .title {
font-size: 1.75em;
line-height: 41px;
}
}
.txt-style .title.white {
color: #EEEEEE;
}
.txt-style .title.dark {
color: #434343;
}
.txt-style .title span {
color: #DCBC90;
}
.txt-style .title span.dark {
color: #D7A765;
}
.txt-style p {
color: #676767;
font-size: 0.875em;
letter-spacing: 0.1em;
line-height: 24px;
margin-bottom: 20px;
}
.btn {
display: inline-block;
color: #EEEEEE;
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 0.875em;
padding: 12px 35px;
text-transform: uppercase;
cursor: pointer;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-decoration: none !important;
letter-spacing: 0.25em;
position: relative;
line-height: 16px;
}
.btn::before,
.btn::after {
content: '';
display: block;
position: absolute;
width: 21px;
height: 1px;
background: #EEEEEE;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.btn::after {
right: 0;
-webkit-transform: translate(50%, 0);
transform: translate(50%, 0);
}
.btn::before {
left: 0;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.btn:disabled[disabled] {
opacity: 0.5;
}
.btn-primary {
color: #EEEEEE;
border: 1px solid #EEEEEE;
background: transparent;
}
.btn-primary::before,
.btn-primary::after {
background: #EEEEEE;
}
.btn-primary:hover {
background-color: #EEEEEE;
border-color: #EEEEEE;
color: #434343;
}
.btn-primary:hover::before,
.btn-primary:hover::after {
background: #676767;
}
.btn-secondary {
color: #434343;
border: 1px solid #434343;
background: transparent;
}
.btn-secondary::before,
.btn-secondary::after {
background: #434343;
}
.btn-secondary:hover {
background-color: #676767;
border-color: #676767;
color: #EEEEEE;
}
.btn-secondary:hover::before,
.btn-secondary:hover::after {
background: #B6B6B6;
}
.btn-third {
color: #EEEEEE;
border: 1px solid #EEEEEE;
background: transparent;
}
.btn-third::before,
.btn-third::after {
background: #EEEEEE;
}
.btn-third:hover {
background-color: #EEEEEE;
border-color: #EEEEEE;
color: #434343;
}
.btn-third:hover::before,
.btn-third:hover::after {
background: #676767;
}
.btn-tabs {
color: #434343;
border: 1px solid #676767;
background: transparent;
text-align: center;
}
.btn-tabs.product-tab-active {
background-color: #DCBC90;
border-color: #DCBC90;
color: #434343;
}
.btn-tabs.product-tab-active::before,
.btn-tabs.product-tab-active::after {
display: none;
}
.btn-tabs::before,
.btn-tabs::after {
background: #434343;
}
.btn-tabs:hover {
background-color: #DCBC90;
border-color: #DCBC90;
color: #434343;
}
.btn-tabs:hover::before,
.btn-tabs:hover::after {
background: #676767;
}
.form input[type="text"],
.form input[type="email"],
.form input[type="search"],
.form input[type="tel"],
.form input[type="password"],
.form textarea,
.form select {
padding: 10px;
font-size: 1em;
background-color: #fff;
font-family: 'Roboto', sans-serif;
font-weight: 400;
border: 1px solid #d0d0d0;
border-radius: 5px;
}
.form input[type="text"]::-webkit-input-placeholder, .form input[type="email"]::-webkit-input-placeholder, .form input[type="search"]::-webkit-input-placeholder, .form input[type="tel"]::-webkit-input-placeholder, .form input[type="password"]::-webkit-input-placeholder, .form textarea::-webkit-input-placeholder, .form select::-webkit-input-placeholder {
color: #d0d0d0;
font-family: 'Roboto', sans-serif;
font-weight: 400;
}
.form input[type="text"]::-moz-placeholder, .form input[type="email"]::-moz-placeholder, .form input[type="search"]::-moz-placeholder, .form input[type="tel"]::-moz-placeholder, .form input[type="password"]::-moz-placeholder, .form textarea::-moz-placeholder, .form select::-moz-placeholder {
color: #d0d0d0;
font-family: 'Roboto', sans-serif;
font-weight: 400;
}
.form input[type="text"]:-ms-input-placeholder, .form input[type="email"]:-ms-input-placeholder, .form input[type="search"]:-ms-input-placeholder, .form input[type="tel"]:-ms-input-placeholder, .form input[type="password"]:-ms-input-placeholder, .form textarea:-ms-input-placeholder, .form select:-ms-input-placeholder {
color: #d0d0d0;
font-family: 'Roboto', sans-serif;
font-weight: 400;
}
.form input[type="text"]::-ms-input-placeholder, .form input[type="email"]::-ms-input-placeholder, .form input[type="search"]::-ms-input-placeholder, .form input[type="tel"]::-ms-input-placeholder, .form input[type="password"]::-ms-input-placeholder, .form textarea::-ms-input-placeholder, .form select::-ms-input-placeholder {
color: #d0d0d0;
font-family: 'Roboto', sans-serif;
font-weight: 400;
}
.form input[type="text"]::placeholder,
.form input[type="email"]::placeholder,
.form input[type="search"]::placeholder,
.form input[type="tel"]::placeholder,
.form input[type="password"]::placeholder,
.form textarea::placeholder,
.form select::placeholder {
color: #d0d0d0;
font-family: 'Roboto', sans-serif;
font-weight: 400;
}
.form label {
float: left;
width: 100%;
margin-bottom: 5px;
font-weight: 400;
color: #666;
}
.form textarea {
resize: vertical;
}
.form input[type="submit"] {
-webkit-appearance: none;
float: right;
font-family: 'Roboto', sans-serif;
}
.form input[type="text"],
.form input[type="email"],
.form input[type="search"],
.form textarea,
.form select {
-webkit-appearance: none;
border-radius: 0;
float: left;
width: 100%;
margin-bottom: 15px;
font-family: 'Roboto', sans-serif;
}
.form input[type="text"]:focus,
.form input[type="email"]:focus,
.form input[type="search"]:focus,
.form textarea:focus,
.form select:focus,
.form input[type="text"]:hover,
.form input[type="email"]:hover,
.form input[type="search"]:hover,
.form textarea:hover,
.form select:hover {
border-color: #DCBC90;
}
.form input[type="checkbox"] {
margin-right: 10px;
border-radius: 0;
}
.woo-form,
.woocommerce-MyAccount-content,
.woocommerce-form {
margin-bottom: 40px;
}
.woo-form input[type="text"],
.woocommerce-MyAccount-content input[type="text"],
.woocommerce-form input[type="text"],
.woo-form input[type="email"],
.woocommerce-MyAccount-content input[type="email"],
.woocommerce-form input[type="email"],
.woo-form input[type="search"],
.woocommerce-MyAccount-content input[type="search"],
.woocommerce-form input[type="search"],
.woo-form input[type="tel"],
.woocommerce-MyAccount-content input[type="tel"],
.woocommerce-form input[type="tel"],
.woo-form input[type="password"],
.woocommerce-MyAccount-content input[type="password"],
.woocommerce-form input[type="password"],
.woo-form textarea,
.woocommerce-MyAccount-content textarea,
.woocommerce-form textarea,
.woo-form select,
.woocommerce-MyAccount-content select,
.woocommerce-form select {
padding: 6px;
font-size: 1em;
background-color: #fff;
font-family: 'Roboto', sans-serif;
font-weight: 400;
border: 1px solid #d0d0d0;
border-radius: 3px;
}
.woo-form input[type="text"]::-webkit-input-placeholder, .woocommerce-MyAccount-content input[type="text"]::-webkit-input-placeholder, .woocommerce-form input[type="text"]::-webkit-input-placeholder, .woo-form input[type="email"]::-webkit-input-placeholder, .woocommerce-MyAccount-content input[type="email"]::-webkit-input-placeholder, .woocommerce-form input[type="email"]::-webkit-input-placeholder, .woo-form input[type="search"]::-webkit-input-placeholder, .woocommerce-MyAccount-content input[type="search"]::-webkit-input-placeholder, .woocommerce-form input[type="search"]::-webkit-input-placeholder, .woo-form input[type="tel"]::-webkit-input-placeholder, .woocommerce-MyAccount-content input[type="tel"]::-webkit-input-placeholder, .woocommerce-form input[type="tel"]::-webkit-input-placeholder, .woo-form input[type="password"]::-webkit-input-placeholder, .woocommerce-MyAccount-content input[type="password"]::-webkit-input-placeholder, .woocommerce-form input[type="password"]::-webkit-input-placeholder, .woo-form textarea::-webkit-input-placeholder, .woocommerce-MyAccount-content textarea::-webkit-input-placeholder, .woocommerce-form textarea::-webkit-input-placeholder, .woo-form select::-webkit-input-placeholder, .woocommerce-MyAccount-content select::-webkit-input-placeholder, .woocommerce-form select::-webkit-input-placeholder {
color: #d0d0d0;
font-family: 'Roboto', sans-serif;
font-weight: 400;
}
.woo-form input[type="text"]::-moz-placeholder, .woocommerce-MyAccount-content input[type="text"]::-moz-placeholder, .woocommerce-form input[type="text"]::-moz-placeholder, .woo-form input[type="email"]::-moz-placeholder, .woocommerce-MyAccount-content input[type="email"]::-moz-placeholder, .woocommerce-form input[type="email"]::-moz-placeholder, .woo-form input[type="search"]::-moz-placeholder, .woocommerce-MyAccount-content input[type="search"]::-moz-placeholder, .woocommerce-form input[type="search"]::-moz-placeholder, .woo-form input[type="tel"]::-moz-placeholder, .woocommerce-MyAccount-content input[type="tel"]::-moz-placeholder, .woocommerce-form input[type="tel"]::-moz-placeholder, .woo-form input[type="password"]::-moz-placeholder, .woocommerce-MyAccount-content input[type="password"]::-moz-placeholder, .woocommerce-form input[type="password"]::-moz-placeholder, .woo-form textarea::-moz-placeholder, .woocommerce-MyAccount-content textarea::-moz-placeholder, .woocommerce-form textarea::-moz-placeholder, .woo-form select::-moz-placeholder, .woocommerce-MyAccount-content select::-moz-placeholder, .woocommerce-form select::-moz-placeholder {
color: #d0d0d0;
font-family: 'Roboto', sans-serif;
font-weight: 400;
}
.woo-form input[type="text"]:-ms-input-placeholder, .woocommerce-MyAccount-content input[type="text"]:-ms-input-placeholder, .woocommerce-form input[type="text"]:-ms-input-placeholder, .woo-form input[type="email"]:-ms-input-placeholder, .woocommerce-MyAccount-content input[type="email"]:-ms-input-placeholder, .woocommerce-form input[type="email"]:-ms-input-placeholder, .woo-form input[type="search"]:-ms-input-placeholder, .woocommerce-MyAccount-content input[type="search"]:-ms-input-placeholder, .woocommerce-form input[type="search"]:-ms-input-placeholder, .woo-form input[type="tel"]:-ms-input-placeholder, .woocommerce-MyAccount-content input[type="tel"]:-ms-input-placeholder, .woocommerce-form input[type="tel"]:-ms-input-placeholder, .woo-form input[type="password"]:-ms-input-placeholder, .woocommerce-MyAccount-content input[type="password"]:-ms-input-placeholder, .woocommerce-form input[type="password"]:-ms-input-placeholder, .woo-form textarea:-ms-input-placeholder, .woocommerce-MyAccount-content textarea:-ms-input-placeholder, .woocommerce-form textarea:-ms-input-placeholder, .woo-form select:-ms-input-placeholder, .woocommerce-MyAccount-content select:-ms-input-placeholder, .woocommerce-form select:-ms-input-placeholder {
color: #d0d0d0;
font-family: 'Roboto', sans-serif;
font-weight: 400;
}
.woo-form input[type="text"]::-ms-input-placeholder, .woocommerce-MyAccount-content input[type="text"]::-ms-input-placeholder, .woocommerce-form input[type="text"]::-ms-input-placeholder, .woo-form input[type="email"]::-ms-input-placeholder, .woocommerce-MyAccount-content input[type="email"]::-ms-input-placeholder, .woocommerce-form input[type="email"]::-ms-input-placeholder, .woo-form input[type="search"]::-ms-input-placeholder, .woocommerce-MyAccount-content input[type="search"]::-ms-input-placeholder, .woocommerce-form input[type="search"]::-ms-input-placeholder, .woo-form input[type="tel"]::-ms-input-placeholder, .woocommerce-MyAccount-content input[type="tel"]::-ms-input-placeholder, .woocommerce-form input[type="tel"]::-ms-input-placeholder, .woo-form input[type="password"]::-ms-input-placeholder, .woocommerce-MyAccount-content input[type="password"]::-ms-input-placeholder, .woocommerce-form input[type="password"]::-ms-input-placeholder, .woo-form textarea::-ms-input-placeholder, .woocommerce-MyAccount-content textarea::-ms-input-placeholder, .woocommerce-form textarea::-ms-input-placeholder, .woo-form select::-ms-input-placeholder, .woocommerce-MyAccount-content select::-ms-input-placeholder, .woocommerce-form select::-ms-input-placeholder {
color: #d0d0d0;
font-family: 'Roboto', sans-serif;
font-weight: 400;
}
.woo-form input[type="text"]::placeholder,
.woocommerce-MyAccount-content input[type="text"]::placeholder,
.woocommerce-form input[type="text"]::placeholder,
.woo-form input[type="email"]::placeholder,
.woocommerce-MyAccount-content input[type="email"]::placeholder,
.woocommerce-form input[type="email"]::placeholder,
.woo-form input[type="search"]::placeholder,
.woocommerce-MyAccount-content input[type="search"]::placeholder,
.woocommerce-form input[type="search"]::placeholder,
.woo-form input[type="tel"]::placeholder,
.woocommerce-MyAccount-content input[type="tel"]::placeholder,
.woocommerce-form input[type="tel"]::placeholder,
.woo-form input[type="password"]::placeholder,
.woocommerce-MyAccount-content input[type="password"]::placeholder,
.woocommerce-form input[type="password"]::placeholder,
.woo-form textarea::placeholder,
.woocommerce-MyAccount-content textarea::placeholder,
.woocommerce-form textarea::placeholder,
.woo-form select::placeholder,
.woocommerce-MyAccount-content select::placeholder,
.woocommerce-form select::placeholder {
color: #d0d0d0;
font-family: 'Roboto', sans-serif;
font-weight: 400;
}
.woo-form label,
.woocommerce-MyAccount-content label,
.woocommerce-form label {
width: 100%;
margin-bottom: 5px;
font-weight: 400;
color: #666;
}
.woo-form textarea,
.woocommerce-MyAccount-content textarea,
.woocommerce-form textarea {
resize: vertical;
}
.woo-form input[type="submit"],
.woocommerce-MyAccount-content input[type="submit"],
.woocommerce-form input[type="submit"] { }
.woo-form input[type="text"],
.woocommerce-MyAccount-content input[type="text"],
.woocommerce-form input[type="text"],
.woo-form input[type="email"],
.woocommerce-MyAccount-content input[type="email"],
.woocommerce-form input[type="email"],
.woo-form input[type="search"],
.woocommerce-MyAccount-content input[type="search"],
.woocommerce-form input[type="search"],
.woo-form input[type="tel"],
.woocommerce-MyAccount-content input[type="tel"],
.woocommerce-form input[type="tel"],
.woo-form textarea,
.woocommerce-MyAccount-content textarea,
.woocommerce-form textarea,
.woo-form select,
.woocommerce-MyAccount-content select,
.woocommerce-form select {
float: left;
width: 100%;
margin-bottom: 10px;
}
.woo-form input[type="text"]:focus,
.woocommerce-MyAccount-content input[type="text"]:focus,
.woocommerce-form input[type="text"]:focus,
.woo-form input[type="email"]:focus,
.woocommerce-MyAccount-content input[type="email"]:focus,
.woocommerce-form input[type="email"]:focus,
.woo-form input[type="search"]:focus,
.woocommerce-MyAccount-content input[type="search"]:focus,
.woocommerce-form input[type="search"]:focus,
.woo-form input[type="tel"]:focus,
.woocommerce-MyAccount-content input[type="tel"]:focus,
.woocommerce-form input[type="tel"]:focus,
.woo-form textarea:focus,
.woocommerce-MyAccount-content textarea:focus,
.woocommerce-form textarea:focus,
.woo-form select:focus,
.woocommerce-MyAccount-content select:focus,
.woocommerce-form select:focus,
.woo-form input[type="text"]:hover,
.woocommerce-MyAccount-content input[type="text"]:hover,
.woocommerce-form input[type="text"]:hover,
.woo-form input[type="email"]:hover,
.woocommerce-MyAccount-content input[type="email"]:hover,
.woocommerce-form input[type="email"]:hover,
.woo-form input[type="search"]:hover,
.woocommerce-MyAccount-content input[type="search"]:hover,
.woocommerce-form input[type="search"]:hover,
.woo-form input[type="tel"]:hover,
.woocommerce-MyAccount-content input[type="tel"]:hover,
.woocommerce-form input[type="tel"]:hover,
.woo-form textarea:hover,
.woocommerce-MyAccount-content textarea:hover,
.woocommerce-form textarea:hover,
.woo-form select:hover,
.woocommerce-MyAccount-content select:hover,
.woocommerce-form select:hover {
border-color: #DCBC90;
}
.woo-form .woocommerce-Button,
.woocommerce-MyAccount-content .woocommerce-Button,
.woocommerce-form .woocommerce-Button {
position: relative;
float: left !important;
padding: 10px 35px !important;
text-transform: uppercase;
font-weight: 400 !important;
font-size: 0.95em !important;
margin: 20px 0 0 0 !important;
border-radius: 0 !important;
background-color: #DCBC90 !important;
}
input[disabled="disabled"] {
background-color: #ddd;
cursor: not-allowed;
}
.wc_payment_methods label {
float: none;
}
.woocommerce-checkout #payment {
background-color: #f5f5f5 !important;
border-radius: 0 !important;
}
.cookies-traka {
display: none;
position: fixed;
bottom: 30px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
max-width: 650px;
width: 100%;
background-color: #ffffff;
z-index: 999;
box-shadow: 1px 10px 24px 0px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 1px 10px 24px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 1px 10px 24px 0px rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 992px) {
.cookies-traka {
bottom: 0px;
}
}
.cookies-traka.active {
display: block;
opacity: 100%;
}
.cookies-traka .cookies-traka-inner {
display: block;
padding: 35px;
}
.cookies-traka .cookies-traka-inner p {
margin-top: 0px;
margin-bottom: 40px;
font-family: 'Roboto', sans-serif;
}
.cookies-traka .cookies-traka-inner p a {
color: #DCBC90;
font-weight: bold;
}
.cookies-traka .cookies-traka-inner .cookies-traka-btn-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
width: 100%;
}
@media screen and (max-width: 992px) {
.cookies-traka .cookies-traka-inner .cookies-traka-btn-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.cookies-traka .cookies-traka-inner .cookies-traka-btn-container button {
display: inline-block;
padding: 10px 20px;
font-weight: bold;
cursor: pointer;
border: 2px solid #DCBC90;
outline: none;
background-color: #ffffff;
font-size: 14px;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
font-family: 'Roboto', sans-serif;
color: #000000;
}
.cookies-traka .cookies-traka-inner .cookies-traka-btn-container button:hover {
background-color: #f1f5f9;
}
.cookies-traka .cookies-traka-inner .cookies-traka-btn-container button.accept-all-cookies {
background-color: #DCBC90;
color: #000000;
}
.cookies-traka .cookies-traka-inner .cookies-traka-btn-container button.accept-all-cookies:hover {
background-color: #D7A765;
}
.cookies {
display: none;
z-index: 999;    scrollbar-color: #DCBC90 #f1f1f1;
}
.cookies.active {
display: block;
position: fixed;
inset: 0;
background-color: #00000080;
-webkit-animation: showCookieModal 0.5s forwards;
animation: showCookieModal 0.5s forwards;
opacity: 0%;
}
@-webkit-keyframes showCookieModal {
from {
opacity: 0%;
}
to {
opacity: 100%;
}
}
@keyframes showCookieModal {
from {
opacity: 0%;
}
to {
opacity: 100%;
}
}
.cookies .cookies-modal {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 50%;
background-color: #ffffff;
border: 1px solid #d0d0d0;
font-family: 'Roboto', sans-serif;
max-height: 80vh;
}
@media screen and (max-width: 992px) {
.cookies .cookies-modal {
width: 90%;
}
}
.cookies .cookies-modal p {
margin: 0;
}
.cookies .cookies-modal a {
color: #DCBC90;
font-weight: bold;
cursor: pointer;
}
.cookies .cookies-modal .cookies-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 1px solid #d0d0d0;
}
.cookies .cookies-modal .cookies-header .cookies-header-link {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
color: #000000;
text-align: center;
margin: 0;
padding: 15px 0;
cursor: pointer;
font-weight: bold;
}
.cookies .cookies-modal .cookies-header .cookies-header-link.active {
border-bottom: 2px solid #DCBC90;
color: #DCBC90;
}
.cookies .cookies-modal .cookies-body {
padding: 15px;
overflow-y: scroll;
border-bottom: 1px solid #d0d0d0;
}
.cookies .cookies-modal .cookies-body .cookies-body-content {
display: none;
}
.cookies .cookies-modal .cookies-body .cookies-body-content.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
}
.cookies .cookies-modal .cookies-body .cookies-body-content .cookies-body-content-dropdown {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 20px;
border-bottom: 1px solid #d0d0d0;
gap: 20px;
}
.cookies .cookies-modal .cookies-body .cookies-body-content .cookies-body-content-dropdown:last-of-type {
border-bottom: 0px;
}
.cookies .cookies-modal .cookies-body .cookies-body-content .cookies-body-content-dropdown .open-first-level-cookie-dropdown,
.cookies .cookies-modal .cookies-body .cookies-body-content .cookies-body-content-dropdown .open-second-level-cookie-dropdown {
cursor: pointer;
padding-top: 5px;
}
.cookies .cookies-modal .cookies-body .cookies-body-content .cookies-body-content-dropdown .open-first-level-cookie-dropdown.active svg,
.cookies .cookies-modal .cookies-body .cookies-body-content .cookies-body-content-dropdown .open-second-level-cookie-dropdown.active svg {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.cookies .cookies-modal .cookies-body .cookies-body-content .cookies-body-content-dropdown p.open-first-level-cookie-dropdown {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cookies .cookies-modal .cookies-body .cookies-body-content .cookies-body-content-dropdown p.open-first-level-cookie-dropdown span.cookie-open-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 20px;
}
@media screen and (max-width: 768px) {
.cookies .cookies-modal .cookies-body .cookies-body-content .cookies-body-content-dropdown p.open-first-level-cookie-dropdown span.cookie-open-icon {
margin-right: 10px;
}
}
.cookies .cookies-modal .cookies-body .cookies-body-content .cookies-body-content-dropdown p.open-first-level-cookie-dropdown span.cookie-open-icon.active svg {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.cookies .cookies-modal .cookies-body .cookies-body-content .cookies-body-content-dropdown span.cookie-count {
display: inline-block;
background-color: #d0d0d0;
font-size: 14px;
padding: 2px 5px;
font-weight: bold;
border-radius: 25%;
margin-left: 10px;
line-height: normal;
}
.cookies .cookies-modal .cookies-body .cookies-body-content .cookies-body-content-dropdown p.description {
margin-left: 50px;
}
@media screen and (max-width: 768px) {
.cookies .cookies-modal .cookies-body .cookies-body-content .cookies-body-content-dropdown p.description {
margin-left: 0px;
}
}
.cookies .cookies-modal .cookies-body .cookies-body-content .cookies-body-content-dropdown .cookies-body-content-dropdown-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 40px;
}
.cookies .cookies-modal .cookies-body .cookies-body-content .cookies-body-content-dropdown .cookies-body-content-dropdown-inner .cookies-body-content-dropdown-preview {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
}
.cookies .cookies-modal .cookies-body .cookies-body-content .cookies-body-content-dropdown .cookies-body-content-dropdown-inner .cookies-body-content-dropdown-preview .cookies-body-content-dropdown-preview-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.cookies .cookies-modal .cookies-body .cookies-body-content .cookies-body-content-dropdown .cookies-body-content-dropdown-inner .cookies-body-content-dropdown-preview .cookies-body-content-dropdown-preview-title p {
width: 69%;
}
@media screen and (min-width: 768px) {
.cookies .cookies-modal .cookies-body .cookies-body-content .cookies-body-content-dropdown .cookies-body-content-dropdown-inner .cookies-body-content-dropdown-preview .cookies-body-content-dropdown-preview-title p {
width: 80%;
}
}
.cookies .cookies-modal .cookies-body .cookies-body-content .cookies-body-content-dropdown .cookies-body-content-dropdown-inner .cookies-body-content-dropdown-content {
display: none;
margin-left: 50px;
}
@media screen and (max-width: 768px) {
.cookies .cookies-modal .cookies-body .cookies-body-content .cookies-body-content-dropdown .cookies-body-content-dropdown-inner .cookies-body-content-dropdown-content {
margin-left: 0px;
}
}
.cookies .cookies-modal .cookies-body .cookies-body-content .cookies-body-content-dropdown .cookies-body-content-dropdown-inner .cookies-body-content-dropdown-content.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
}
.cookies .cookies-modal .cookies-body .cookies-body-content .cookies-body-content-dropdown .cookies-body-content-dropdown-inner .cookies-body-content-dropdown-content .cookies-body-content-dropdown-content-dropdown {
padding: 15px;
border: 1px solid #d0d0d0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
}
.cookies .cookies-modal .cookies-body .cookies-body-content .cookies-body-content-dropdown .cookies-body-content-dropdown-inner .cookies-body-content-dropdown-content .cookies-body-content-dropdown-content-dropdown .cookies-body-content-dropdown-content-dropdown-preview {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.cookies .cookies-modal .cookies-body .cookies-body-content .cookies-body-content-dropdown .cookies-body-content-dropdown-inner .cookies-body-content-dropdown-content .cookies-body-content-dropdown-content-dropdown .cookies-body-content-dropdown-content-dropdown-preview .cookies-body-content-dropdown-preview-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.cookies .cookies-modal .cookies-body .cookies-body-content .cookies-body-content-dropdown .cookies-body-content-dropdown-inner .cookies-body-content-dropdown-content .cookies-body-content-dropdown-content-dropdown .cookies-body-content-dropdown-content-dropdown-content {
display: none;
border-top: 1px solid #d0d0d0;
padding-top: 20px;
}
.cookies .cookies-modal .cookies-body .cookies-body-content .cookies-body-content-dropdown .cookies-body-content-dropdown-inner .cookies-body-content-dropdown-content .cookies-body-content-dropdown-content-dropdown .cookies-body-content-dropdown-content-dropdown-content.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
}
.cookies .cookies-modal .cookies-body .cookies-body-content .cookies-body-content-dropdown .cookies-body-content-dropdown-inner .cookies-body-content-dropdown-content .cookies-body-content-dropdown-content-dropdown .cookies-body-content-dropdown-content-dropdown-content .cookies-body-content-dropdown-content-dropdown-content-dropdown {
padding: 15px;
border: 1px solid #d0d0d0;
background-color: #e6e5e5;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
}
.cookies .cookies-modal .cookies-body .cookies-body-content .cookies-body-content-dropdown .cookies-body-content-dropdown-inner .cookies-body-content-dropdown-content .cookies-body-content-dropdown-content-dropdown .cookies-body-content-dropdown-content-dropdown-content .cookies-body-content-dropdown-content-dropdown-content-dropdown .cookies-body-content-dropdown-content-dropdown-content-dropdown-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cookies .cookies-modal .cookies-body .cookies-body-content .cookies-body-content-dropdown .cookies-body-content-dropdown-inner .cookies-body-content-dropdown-content .cookies-body-content-dropdown-content-dropdown .cookies-body-content-dropdown-content-dropdown-content .cookies-body-content-dropdown-content-dropdown-content-dropdown .cookies-body-content-dropdown-content-dropdown-content-dropdown-text p {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}
.cookies .cookies-modal .cookies-footer {
padding: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.cookies .cookies-modal .cookies-footer button {
display: inline-block;
padding: 10px 20px;
font-weight: bold;
cursor: pointer;
border: 2px solid #DCBC90;
outline: none;
background-color: #ffffff;
font-size: 14px;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
font-family: 'Roboto', sans-serif;
color: #000000;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}
.cookies .cookies-modal .cookies-footer button:hover {
background-color: #f1f5f9;
}
@media screen and (min-width: 768px) {
.cookies .cookies-modal .cookies-footer button {
-webkit-box-flex: unset;
-ms-flex: unset;
flex: unset;
}
}
.cookies .cookies-modal .cookies-footer button.cookies-btn-fill {
background-color: #DCBC90;
color: #000000;
}
.cookies .cookies-modal .cookies-footer button.cookies-btn-fill:hover {
background-color: #D7A765;
}
.cookies .cookies-modal .switch {
display: inline-block;
height: 34px;
position: relative;
width: 80px;
}
.cookies .cookies-modal .switch input {
display: none;
}
.cookies .cookies-modal .cookie-slider {
background-color: #ccc;
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.cookies .cookies-modal .cookie-slider.disabled {
cursor: not-allowed;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.cookies .cookies-modal .cookie-slider.disabled img {
width: 17px;
margin-right: 37px;
margin-top: 2px;
}
.cookies .cookies-modal .cookie-slider:before {
background-color: #ffffff;
bottom: 4px;
content: "";
height: 26px;
left: 4px;
position: absolute;
-webkit-transition: 0.4s;
transition: 0.4s;
width: 26px;
}
.cookies .cookies-modal input:checked + .cookie-slider {
background-color: #66bb6a;
}
.cookies .cookies-modal input:checked + .cookie-slider:before {
-webkit-transform: translateX(44px);
transform: translateX(44px);
}
.cookies .cookies-modal .cookie-slider.round {
border-radius: 34px;
}
.cookies .cookies-modal .cookie-slider.round:before {
border-radius: 50%;
}
.cookies .cookies-modal .cookie-border {
height: 1px;
width: 100%;
border-top: 1px solid #d0d0d0;
}
.cookies ::-webkit-scrollbar {
width: 10px;
}
.cookies ::-webkit-scrollbar-track {
background: #f1f1f1;
}
.cookies ::-webkit-scrollbar-thumb {
background: #DCBC90;
}
.cookies ::-webkit-scrollbar-thumb:hover {
background: #D7A765;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 1;
overflow: hidden;
height: auto;
width: 100%;
float: left;
}
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical>.swiper-wrapper {
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow>.swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-free-mode>.swiper-wrapper {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
} .swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: -webkit-transform, height;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform;
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: 51px;
height: 51px;
margin-top: -22px;
border-radius: 100px; opacity: .9;
z-index: 10;
cursor: pointer;
background-size: 40px 40px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
opacity: .9;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url(https://www.bhb.hr/wp-content/themes/bhb/css/.https://www.bhb.hr/wp-content/themes/bhb/css/images/arrow-r.svg);
left: 10px;
right: auto;
} 
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url(https://www.bhb.hr/wp-content/themes/bhb/css/.https://www.bhb.hr/wp-content/themes/bhb/css/images/arrow-l.svg);
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url(https://www.bhb.hr/wp-content/themes/bhb/css/.https://www.bhb.hr/wp-content/themes/bhb/css/images/arrow-l.svg);
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url(https://www.bhb.hr/wp-content/themes/bhb/css/.https://www.bhb.hr/wp-content/themes/bhb/css/images/arrow-r.svg);
right: 10px;
left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url(https://www.bhb.hr/wp-content/themes/bhb/css/.https://www.bhb.hr/wp-content/themes/bhb/css/images/arrow-r.svg);
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url(https://www.bhb.hr/wp-content/themes/bhb/css/.https://www.bhb.hr/wp-content/themes/bhb/css/images/arrow-r.svg);
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 300ms;
transition: 300ms;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
bottom: 0;
left: 0;
width: 100%;
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #EBE2F3;
opacity: 0.5;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
background: #fff;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #D7CDE0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000;
}
.swiper-container-vertical>.swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 5px 0;
display: block;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px;
}
.swiper-pagination-progress {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
-webkit-transform-origin: right top;
transform-origin: right top;
}
.swiper-container-horizontal>.swiper-pagination-progress {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical>.swiper-pagination-progress {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
background: #000;
}
.swiper-container-3d {
-webkit-perspective: 1200px;
-o-perspective: 1200px;
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
-ms-perspective: 1200px;
}
.swiper-container-cube,
.swiper-container-flip {
overflow: visible;
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-slide {
visibility: hidden;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next+.swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container>img,
.swiper-zoom-container>svg,
.swiper-zoom-container>canvas {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal>.swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical>.swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} .mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box; 
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after,
.mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }
body.stop-scrolling {
height: 100%;
overflow: hidden; }
.sweet-overlay {
background-color: black; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; background-color: rgba(0, 0, 0, 0.4);
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: none;
z-index: 10000; }
.sweet-alert {
background-color: white;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
width: 478px;
padding: 17px;
border-radius: 5px;
text-align: center;
position: fixed;
left: 50%;
top: 50%;
margin-left: -256px;
margin-top: -200px;
overflow: hidden;
display: none;
z-index: 99999; }
@media all and (max-width: 540px) {
.sweet-alert {
width: auto;
margin-left: 0;
margin-right: 0;
left: 15px;
right: 15px; } }
.sweet-alert h2 {
color: #575757;
font-size: 30px;
text-align: center;
font-weight: 600;
text-transform: none;
position: relative;
margin: 25px 0;
padding: 0;
line-height: 40px;
display: block; }
.sweet-alert p {
color: #797979;
font-size: 16px;
text-align: center;
font-weight: 300;
position: relative;
text-align: inherit;
float: none;
margin: 0;
padding: 0;
line-height: normal; }
.sweet-alert fieldset {
border: none;
position: relative; }
.sweet-alert .sa-error-container {
background-color: #f1f1f1;
margin-left: -17px;
margin-right: -17px;
overflow: hidden;
padding: 0 10px;
max-height: 0;
webkit-transition: padding 0.15s, max-height 0.15s;
-webkit-transition: padding 0.15s, max-height 0.15s;
transition: padding 0.15s, max-height 0.15s; }
.sweet-alert .sa-error-container.show {
padding: 10px 0;
max-height: 100px;
webkit-transition: padding 0.2s, max-height 0.2s;
-webkit-transition: padding 0.25s, max-height 0.25s;
transition: padding 0.25s, max-height 0.25s; }
.sweet-alert .sa-error-container .icon {
display: inline-block;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #ea7d7d;
color: white;
line-height: 24px;
text-align: center;
margin-right: 3px; }
.sweet-alert .sa-error-container p {
display: inline-block; }
.sweet-alert .sa-input-error {
position: absolute;
top: 29px;
right: 26px;
width: 20px;
height: 20px;
opacity: 0;
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: all 0.1s;
transition: all 0.1s; }
.sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
content: "";
width: 20px;
height: 6px;
background-color: #f06e57;
border-radius: 3px;
position: absolute;
top: 50%;
margin-top: -4px;
left: 50%;
margin-left: -9px; }
.sweet-alert .sa-input-error::before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
.sweet-alert .sa-input-error::after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.sweet-alert .sa-input-error.show {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); }
.sweet-alert input {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 3px;
border: 1px solid #d7d7d7;
height: 43px;
margin-top: 10px;
margin-bottom: 17px;
font-size: 18px;
-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
padding: 0 12px;
display: none;
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.sweet-alert input:focus {
outline: none;
-webkit-box-shadow: 0px 0px 3px #c4e6f5;
box-shadow: 0px 0px 3px #c4e6f5;
border: 1px solid #b4dbed; }
.sweet-alert input:focus::-moz-placeholder {
-moz-transition: opacity 0.3s 0.03s ease;
transition: opacity 0.3s 0.03s ease;
opacity: 0.5; }
.sweet-alert input:focus:-ms-input-placeholder {
-ms-transition: opacity 0.3s 0.03s ease;
transition: opacity 0.3s 0.03s ease;
opacity: 0.5; }
.sweet-alert input:focus::-webkit-input-placeholder {
-webkit-transition: opacity 0.3s 0.03s ease;
transition: opacity 0.3s 0.03s ease;
opacity: 0.5; }
.sweet-alert input::-moz-placeholder {
color: #bdbdbd; }
.sweet-alert input:-ms-input-placeholder {
color: #bdbdbd; }
.sweet-alert input::-webkit-input-placeholder {
color: #bdbdbd; }
.sweet-alert.show-input input {
display: block; }
.sweet-alert .sa-confirm-button-container {
display: inline-block;
position: relative; }
.sweet-alert .la-ball-fall {
position: absolute;
left: 50%;
top: 50%;
margin-left: -27px;
margin-top: 4px;
opacity: 0;
visibility: hidden; }
.sweet-alert button {
background-color: #8CD4F5;
color: white;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 17px;
font-weight: 500;
border-radius: 5px;
padding: 10px 32px;
margin: 26px 5px 0 5px;
cursor: pointer; }
.sweet-alert button:focus {
outline: none;
-webkit-box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }
.sweet-alert button:hover {
background-color: #7ecff4; }
.sweet-alert button:active {
background-color: #5dc2f1; }
.sweet-alert button.cancel {
background-color: #C1C1C1; }
.sweet-alert button.cancel:hover {
background-color: #b9b9b9; }
.sweet-alert button.cancel:active {
background-color: #a8a8a8; }
.sweet-alert button.cancel:focus {
-webkit-box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important;
box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; }
.sweet-alert button[disabled] {
opacity: .6;
cursor: default; }
.sweet-alert button.confirm[disabled] {
color: transparent; }
.sweet-alert button.confirm[disabled] ~ .la-ball-fall {
opacity: 1;
visibility: visible;
-webkit-transition-delay: 0s;
transition-delay: 0s; }
.sweet-alert button::-moz-focus-inner {
border: 0; }
.sweet-alert[data-has-cancel-button=false] button {
-webkit-box-shadow: none !important;
box-shadow: none !important; }
.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
padding-bottom: 40px; }
.sweet-alert .sa-icon {
width: 80px;
height: 80px;
border: 4px solid gray;
border-radius: 40px;
border-radius: 50%;
margin: 20px auto;
padding: 0;
position: relative;
-webkit-box-sizing: content-box;
box-sizing: content-box; }
.sweet-alert .sa-icon.sa-error {
border-color: #F27474; }
.sweet-alert .sa-icon.sa-error .sa-x-mark {
position: relative;
display: block; }
.sweet-alert .sa-icon.sa-error .sa-line {
position: absolute;
height: 5px;
width: 47px;
background-color: #F27474;
display: block;
top: 37px;
border-radius: 2px; }
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
left: 17px; }
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
right: 16px; }
.sweet-alert .sa-icon.sa-warning {
border-color: #F8BB86; }
.sweet-alert .sa-icon.sa-warning .sa-body {
position: absolute;
width: 5px;
height: 47px;
left: 50%;
top: 10px;
border-radius: 2px;
margin-left: -2px;
background-color: #F8BB86; }
.sweet-alert .sa-icon.sa-warning .sa-dot {
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
margin-left: -3px;
left: 50%;
bottom: 10px;
background-color: #F8BB86; }
.sweet-alert .sa-icon.sa-info {
border-color: #C9DAE1; }
.sweet-alert .sa-icon.sa-info::before {
content: "";
position: absolute;
width: 5px;
height: 29px;
left: 50%;
bottom: 17px;
border-radius: 2px;
margin-left: -2px;
background-color: #C9DAE1; }
.sweet-alert .sa-icon.sa-info::after {
content: "";
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
margin-left: -3px;
top: 19px;
background-color: #C9DAE1; }
.sweet-alert .sa-icon.sa-success {
border-color: #BC8033; }
.sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
content: '';
border-radius: 40px;
border-radius: 50%;
position: absolute;
width: 60px;
height: 120px;
background: white;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.sweet-alert .sa-icon.sa-success::before {
border-radius: 120px 0 0 120px;
top: -7px;
left: -33px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 60px 60px;
transform-origin: 60px 60px; }
.sweet-alert .sa-icon.sa-success::after {
border-radius: 0 120px 120px 0;
top: -11px;
left: 30px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 0px 60px;
transform-origin: 0px 60px; }
.sweet-alert .sa-icon.sa-success .sa-placeholder {
width: 80px;
height: 80px;
border: 4px solid rgba(165, 220, 134, 0.2);
border-radius: 40px;
border-radius: 50%;
-webkit-box-sizing: content-box;
box-sizing: content-box;
position: absolute;
left: -4px;
top: -4px;
z-index: 2;
border-color: #BC8033;
}
.sweet-alert .sa-icon.sa-success .sa-fix {
width: 5px;
height: 90px;
background-color: white;
position: absolute;
left: 28px;
top: 8px;
z-index: 1;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
.sweet-alert .sa-icon.sa-success .sa-line {
height: 5px;
background-color: #BC8033;
display: block;
border-radius: 2px;
position: absolute;
z-index: 2; }
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
width: 25px;
left: 14px;
top: 46px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
width: 47px;
right: 8px;
top: 38px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
.sweet-alert .sa-icon.sa-custom {
background-size: contain;
border-radius: 0;
border: none;
background-position: center center;
background-repeat: no-repeat; } @-webkit-keyframes showSweetAlert {
0% {
transform: scale(0.7);
-webkit-transform: scale(0.7); }
45% {
transform: scale(1.05);
-webkit-transform: scale(1.05); }
80% {
transform: scale(0.95);
-webkit-transform: scale(0.95); }
100% {
transform: scale(1);
-webkit-transform: scale(1); } }
@keyframes showSweetAlert {
0% {
transform: scale(0.7);
-webkit-transform: scale(0.7); }
45% {
transform: scale(1.05);
-webkit-transform: scale(1.05); }
80% {
transform: scale(0.95);
-webkit-transform: scale(0.95); }
100% {
transform: scale(1);
-webkit-transform: scale(1); } }
@-webkit-keyframes hideSweetAlert {
0% {
transform: scale(1);
-webkit-transform: scale(1); }
100% {
transform: scale(0.5);
-webkit-transform: scale(0.5); } }
@keyframes hideSweetAlert {
0% {
transform: scale(1);
-webkit-transform: scale(1); }
100% {
transform: scale(0.5);
-webkit-transform: scale(0.5); } }
@-webkit-keyframes slideFromTop {
0% {
top: 0%; }
100% {
top: 50%; } }
@keyframes slideFromTop {
0% {
top: 0%; }
100% {
top: 50%; } }
@-webkit-keyframes slideToTop {
0% {
top: 50%; }
100% {
top: 0%; } }
@keyframes slideToTop {
0% {
top: 50%; }
100% {
top: 0%; } }
@-webkit-keyframes slideFromBottom {
0% {
top: 70%; }
100% {
top: 50%; } }
@keyframes slideFromBottom {
0% {
top: 70%; }
100% {
top: 50%; } }
@-webkit-keyframes slideToBottom {
0% {
top: 50%; }
100% {
top: 70%; } }
@keyframes slideToBottom {
0% {
top: 50%; }
100% {
top: 70%; } }
.showSweetAlert[data-animation=pop] {
-webkit-animation: showSweetAlert 0.3s;
animation: showSweetAlert 0.3s; }
.showSweetAlert[data-animation=none] {
-webkit-animation: none;
animation: none; }
.showSweetAlert[data-animation=slide-from-top] {
-webkit-animation: slideFromTop 0.3s;
animation: slideFromTop 0.3s; }
.showSweetAlert[data-animation=slide-from-bottom] {
-webkit-animation: slideFromBottom 0.3s;
animation: slideFromBottom 0.3s; }
.hideSweetAlert[data-animation=pop] {
-webkit-animation: hideSweetAlert 0.2s;
animation: hideSweetAlert 0.2s; }
.hideSweetAlert[data-animation=none] {
-webkit-animation: none;
animation: none; }
.hideSweetAlert[data-animation=slide-from-top] {
-webkit-animation: slideToTop 0.4s;
animation: slideToTop 0.4s; }
.hideSweetAlert[data-animation=slide-from-bottom] {
-webkit-animation: slideToBottom 0.3s;
animation: slideToBottom 0.3s; }
@-webkit-keyframes animateSuccessTip {
0% {
width: 0;
left: 1px;
top: 19px; }
54% {
width: 0;
left: 1px;
top: 19px; }
70% {
width: 50px;
left: -8px;
top: 37px; }
84% {
width: 17px;
left: 21px;
top: 48px; }
100% {
width: 25px;
left: 14px;
top: 45px; } }
@keyframes animateSuccessTip {
0% {
width: 0;
left: 1px;
top: 19px; }
54% {
width: 0;
left: 1px;
top: 19px; }
70% {
width: 50px;
left: -8px;
top: 37px; }
84% {
width: 17px;
left: 21px;
top: 48px; }
100% {
width: 25px;
left: 14px;
top: 45px; } }
@-webkit-keyframes animateSuccessLong {
0% {
width: 0;
right: 46px;
top: 54px; }
65% {
width: 0;
right: 46px;
top: 54px; }
84% {
width: 55px;
right: 0px;
top: 35px; }
100% {
width: 47px;
right: 8px;
top: 38px; } }
@keyframes animateSuccessLong {
0% {
width: 0;
right: 46px;
top: 54px; }
65% {
width: 0;
right: 46px;
top: 54px; }
84% {
width: 55px;
right: 0px;
top: 35px; }
100% {
width: 47px;
right: 8px;
top: 38px; } }
@-webkit-keyframes rotatePlaceholder {
0% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg); }
5% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg); }
12% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg); }
100% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg); } }
@keyframes rotatePlaceholder {
0% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg); }
5% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg); }
12% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg); }
100% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg); } }
.animateSuccessTip {
-webkit-animation: animateSuccessTip 0.75s;
animation: animateSuccessTip 0.75s; }
.animateSuccessLong {
-webkit-animation: animateSuccessLong 0.75s;
animation: animateSuccessLong 0.75s; }
.sa-icon.sa-success.animate::after {
-webkit-animation: rotatePlaceholder 4.25s ease-in;
animation: rotatePlaceholder 4.25s ease-in; }
@-webkit-keyframes animateErrorIcon {
0% {
transform: rotateX(100deg);
-webkit-transform: rotateX(100deg);
opacity: 0; }
100% {
transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
opacity: 1; } }
@keyframes animateErrorIcon {
0% {
transform: rotateX(100deg);
-webkit-transform: rotateX(100deg);
opacity: 0; }
100% {
transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
opacity: 1; } }
.animateErrorIcon {
-webkit-animation: animateErrorIcon 0.5s;
animation: animateErrorIcon 0.5s; }
@-webkit-keyframes animateXMark {
0% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0; }
50% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0; }
80% {
transform: scale(1.15);
-webkit-transform: scale(1.15);
margin-top: -6px; }
100% {
transform: scale(1);
-webkit-transform: scale(1);
margin-top: 0;
opacity: 1; } }
@keyframes animateXMark {
0% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0; }
50% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0; }
80% {
transform: scale(1.15);
-webkit-transform: scale(1.15);
margin-top: -6px; }
100% {
transform: scale(1);
-webkit-transform: scale(1);
margin-top: 0;
opacity: 1; } }
.animateXMark {
-webkit-animation: animateXMark 0.5s;
animation: animateXMark 0.5s; }
@-webkit-keyframes pulseWarning {
0% {
border-color: #F8D486; }
100% {
border-color: #F8BB86; } }
@keyframes pulseWarning {
0% {
border-color: #F8D486; }
100% {
border-color: #F8BB86; } }
.pulseWarning {
-webkit-animation: pulseWarning 0.75s infinite alternate;
animation: pulseWarning 0.75s infinite alternate; }
@-webkit-keyframes pulseWarningIns {
0% {
background-color: #F8D486; }
100% {
background-color: #F8BB86; } }
@keyframes pulseWarningIns {
0% {
background-color: #F8D486; }
100% {
background-color: #F8BB86; } }
.pulseWarningIns {
-webkit-animation: pulseWarningIns 0.75s infinite alternate;
animation: pulseWarningIns 0.75s infinite alternate; }
@-webkit-keyframes rotate-loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes rotate-loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }    .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
-ms-transform: rotate(45deg) \9; }
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
-ms-transform: rotate(-45deg) \9; } .sweet-alert .sa-icon.sa-success {
border-color: transparent\9; }
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
-ms-transform: rotate(45deg) \9; }
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
-ms-transform: rotate(-45deg) \9; } .la-ball-fall,
.la-ball-fall > div {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.la-ball-fall {
display: block;
font-size: 0;
color: #fff; }
.la-ball-fall.la-dark {
color: #333; }
.la-ball-fall > div {
display: inline-block;
float: none;
background-color: currentColor;
border: 0 solid currentColor; }
.la-ball-fall {
width: 54px;
height: 18px; }
.la-ball-fall > div {
width: 10px;
height: 10px;
margin: 4px;
border-radius: 100%;
opacity: 0;
-webkit-animation: ball-fall 1s ease-in-out infinite;
animation: ball-fall 1s ease-in-out infinite; }
.la-ball-fall > div:nth-child(1) {
-webkit-animation-delay: -200ms;
animation-delay: -200ms; }
.la-ball-fall > div:nth-child(2) {
-webkit-animation-delay: -100ms;
animation-delay: -100ms; }
.la-ball-fall > div:nth-child(3) {
-webkit-animation-delay: 0ms;
animation-delay: 0ms; }
.la-ball-fall.la-sm {
width: 26px;
height: 8px; }
.la-ball-fall.la-sm > div {
width: 4px;
height: 4px;
margin: 2px; }
.la-ball-fall.la-2x {
width: 108px;
height: 36px; }
.la-ball-fall.la-2x > div {
width: 20px;
height: 20px;
margin: 8px; }
.la-ball-fall.la-3x {
width: 162px;
height: 54px; }
.la-ball-fall.la-3x > div {
width: 30px;
height: 30px;
margin: 12px; } @-webkit-keyframes ball-fall {
0% {
opacity: 0;
-webkit-transform: translateY(-145%);
transform: translateY(-145%); }
10% {
opacity: .5; }
20% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); }
80% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); }
90% {
opacity: .5; }
100% {
opacity: 0;
-webkit-transform: translateY(145%);
transform: translateY(145%); } }
@keyframes ball-fall {
0% {
opacity: 0;
-webkit-transform: translateY(-145%);
transform: translateY(-145%); }
10% {
opacity: .5; }
20% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); }
80% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); }
90% {
opacity: .5; }
100% {
opacity: 0;
-webkit-transform: translateY(145%);
transform: translateY(145%); } }
 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(500px);
transform: translateX(500px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(500px);
transform: translateX(500px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInLeftS {
0% {
opacity: 0;
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeftS {
0% {
opacity: 0;
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeftS {
-webkit-animation-name: slideInLeftS;
animation-name: slideInLeftS;
}
@-webkit-keyframes slideInRightS {
0% {
opacity: 0;
-webkit-transform: translateX(100px);
transform: translateX(100px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRightS {
0% {
opacity: 0;
-webkit-transform: translateX(100px);
transform: translateX(100px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRightS {
-webkit-animation-name: slideInRightS;
animation-name: slideInRightS;
}
.header {
height: 118px;
}
.header .hide-mobile {
display: block;
padding: 8px;
}
.header .hide-desktop {
display: none;
}
@media screen and (max-width: 1270px) {
.header .hide-mobile {
display: none;
}
.header .hide-desktop {
display: block;
}
}
@media screen and (max-width: 992px) {
.header {
height: 87px;
}
}
.header.front-page {
position: absolute;
display: block;
width: 100%;
z-index: 100;
}
.header.front-page .main-bar {
background-image: none;
}
.header .main-bar {
background-image: url(//www.bhb.hr/wp-content/themes/bhb/images/header-bg.jpg);
background-repeat: repeat;
padding: 30px 35px 30px;
}
.header .main-bar.sticky-active {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 11;
background-image: url(//www.bhb.hr/wp-content/themes/bhb/images/header-bg.jpg);
-webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
}
@keyframes fadeInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
opacity: 0;
transform: translate3d(0, -100%, 0);
}
to {
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0);
}
}
@media screen and (max-width: 1270px) {
.header .main-bar .show-desktop {
display: none !important;
}
}
@media screen and (max-width: 991px) {
.header .main-bar {
padding: 25px 15px 25px;
}
}
@media screen and (max-width: 991px) {
.header .main-bar .flex-center {
height: 90px;
}
}
.header .main-bar .logo {
display: inline-block;
}
.header .main-bar .logo img {
width: 180px;
}
@media screen and (max-width: 991px) {
.header .main-bar .logo img {
width: 115px;
}
}
.header .main-bar .main-nav {
text-align: right;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header .main-bar .main-nav ul {
list-style: none;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.header .main-bar .main-nav ul li {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header .main-bar .main-nav ul li:first-child {
margin-left: 0;
}
.header .main-bar .main-nav ul li a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 0;
margin-right: 50px;
font-size: 1em;
text-transform: uppercase;
letter-spacing: 0.2em;
color: #EEEEEE;
font-family: 'Oswald', sans-serif;
font-weight: 400;
position: relative;
}
.header .main-bar .main-nav ul li a::before {
bottom: 4px;
position: absolute;
height: 1px;
border-radius: 10px;
display: block;
content: '';
background-color: #DCBC90;
-webkit-transition: ease 0.3s;
transition: ease 0.3s;
width: 0%;
}
.header .main-bar .main-nav ul li a:hover::before {
bottom: 4px;
position: absolute;
height: 1px;
border-radius: 10px;
display: block;
content: '';
background-color: #DCBC90;
-webkit-transition: ease 0.3s;
transition: ease 0.3s;
width: 100%;
}
.header .main-bar .main-nav ul li a.active {
color: #DCBC90;
}
.header .main-bar .main-nav ul li a.active::after {
bottom: 4px;
position: absolute;
height: 1px;
border-radius: 10px;
width: 0%;
display: block;
content: '';
background-color: #DCBC90;
-webkit-transition: ease 0.3s;
transition: ease 0.3s;
}
.header .main-bar .main-nav ul li a.active::after {
width: 100% !important;
}
.header .main-bar .main-nav ul li .dropdown-toggle:hover + .dropdown,
.header .main-bar .main-nav ul li .dropdown:hover {
display: inline-block;
}
.header .main-bar .main-nav ul li .dropdown-toggle:after {
content: '';
display: inline-block;
width: 11px;
height: 6px;
background-image: url(//www.bhb.hr/wp-content/themes/bhb/images/icons/arrow-dropdown.svg);
background-size: contain;
background-repeat: no-repeat;
margin-left: 20px;
-webkit-transition: ease 0.3s;
transition: ease 0.3s;
}
.header .main-bar .main-nav ul li .dropdown {
display: none;
position: absolute;
left: 0;
top: 40px;
min-width: 185px;
background-color: #434343;
z-index: 20;
text-align: center;
padding-top: 15px;
padding-bottom: 20px;
}
.header .main-bar .main-nav ul li .dropdown li {
display: block;
margin: 0 20px;
background-color: transparent;
margin-bottom: 12px;
}
.header .main-bar .main-nav ul li .dropdown li:last-child {
border: none;
margin-bottom: 0;
}
.header .main-bar .main-nav ul li .dropdown li a {
display: block;
padding: 0;
padding-bottom: 7px;
font-size: 0.875em;
line-height: 1.2em;
font-family: 'Oswald', sans-serif;
text-align: left;
width: 100%;
border-bottom: 1px solid transparent;
-webkit-transition: ease 0.3s;
transition: ease 0.3s;
}
.header .main-bar .main-nav ul li .dropdown li a .small {
font-size: 0.8em;
color: #DCBC90;
display: block;
}
.header .main-bar .nav-hambi {
cursor: pointer;
display: inline-block;
}
.header .main-bar .nav-hambi > div div {
height: 1px;
background-color: #DCBC90;
width: 30px;
cursor: pointer;
}
.footer {
padding-top: 120px;
padding-bottom: 30px;
background-image: url(//www.bhb.hr/wp-content/themes/bhb/images/footer-bg.jpg?v=0.1);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
}
.footer .add-pos-index {
position: relative;
z-index: 3;
}
.footer::before,
.footer:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
z-index: 0;
}
.footer:before {
background: rgba(43, 43, 43, 0.6);
}
.footer:after {
background-image: url(//www.bhb.hr/wp-content/themes/bhb/images/bg-texture.jpg?v=0.1);
background-repeat: repeat;
opacity: 0.85;
}
.footer .text-box-over {
position: absolute;
text-align: center;
top: 0;
left: 0;
right: 0;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
z-index: 3;
}
.footer .text-box-over .title {
background: #DCBC90;
color: #434343;
font-size: 0.875em;
letter-spacing: 0.25em;
text-transform: uppercase;
padding: 15px 40px;
margin-bottom: 0;
display: inline-block;
}
@media screen and (max-width: 768px) {
.footer .center-only-mobile {
max-width: 240px;
margin: 0 auto;
}
}
.footer .content p {
color: #EEEEEE;
font-size: 0.875em;
letter-spacing: 0.1em;
margin-bottom: 11px;
max-width: 200px;
}
@media screen and (max-width: 768px) {
.footer .content p {
text-align: center;
max-width: 100%;
}
}
.footer .content p:last-of-type {
margin-bottom: 0;
}
.footer .footer-title {
color: #DCBC90;
font-family: 'Oswald', sans-serif;
font-size: 1em;
margin-bottom: 27px;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 0.2em;
}
@media screen and (max-width: 992px) {
.footer .footer-title {
margin-top: 44px;
}
}
@media screen and (max-width: 768px) {
.footer .footer-title {
margin-top: 44px;
}
}
.footer .footer-menu {
list-style-type: none;
}
.footer .footer-menu.line li a {
position: relative;
}
.footer .footer-menu.line li a::before {
content: '';
background-image: url(//www.bhb.hr/wp-content/themes/bhb/images/icons/line-detail-right.svg);
background-repeat: no-repeat;
background-position: right;
background-size: cover;
display: inline-block;
width: 19px;
height: 6px;
margin-right: 10px;
vertical-align: middle;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.footer .footer-menu.line li a:hover::before {
width: 30px;
}
.footer .footer-menu li {
margin-bottom: 10px;
}
.footer .footer-menu li a {
color: #EEEEEE;
font-family: 'Roboto', sans-serif;
font-size: 0.875em;
letter-spacing: 0.1em;
}
.footer .social-icons {
list-style-type: none;
margin-top: 28px;
}
.footer .social-icons li {
display: inline-block;
}
.footer .social-icons li img {
width: 24px;
height: 24px;
margin-right: 10px;
}
.footer .social-icons li:last-of-type img {
margin-right: 0;
}
.footer .logo {
display: inline-block;
margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
.footer .logo {
display: block;
}
.footer .logo img {
margin: 0 auto;
display: block;
}
}
.footer .logo img {
max-width: 180px;
}
.footer .footer-social {
margin-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 768px) {
.footer .footer-social {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.footer .footer-social a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 30px;
height: 30px;
border: 1px solid #676767;
border-radius: 100%;
margin-right: 15px;
}
.footer .footer-social a:last-of-type {
margin-right: 0;
}
.footer .footer-social a img {
display: block;
}
.footer .copyright {
text-align: center;
margin-top: 60px;
}
.footer .copyright p {
color: #EEEEEE;
font-size: 0.8125em;
margin-bottom: 0;
padding-bottom: 15px;
letter-spacing: 0.1em;
}
.footer .copyright a {
color: #DCBC90;
font-weight: 600;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.footer .copyright a:hover {
color: #D7A765;
}
.footer .copyright:before {
display: block;
content: '';
border-top: 1px solid #676767;
width: 100%;
margin: 0 auto;
margin-bottom: 30px;
}
.main-holder {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
-webkit-transform: translate(-100%);
transform: translate(-100%);
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
overflow: hidden;
background-image: url(//www.bhb.hr/wp-content/themes/bhb/images/header-bg.jpg);
background-repeat: repeat;
padding-left: 15px;
padding-right: 15px;
}
.main-holder .mobile-header-menu {
margin-top: 40px;
margin-bottom: 60px;
}
.main-holder {
display: block;
}
.main-holder-active {
-webkit-transform: translate(0);
transform: translate(0);
-webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.25);
box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.25);
}
.overflow {
overflow: hidden;
}
.mobile-top-bar {
display: block;
overflow: hidden;
}
.mobile-top-bar .logo {
display: block;
}
.mobile-top-bar .logo img {
width: 115px;
display: block;
}
.close-menu {
cursor: pointer;
}
.main-holder ul > li {
position: relative;
display: block;
list-style: none;
color: #EEEEEE;
font-size: 1em;
letter-spacing: 0.2em;
text-transform: uppercase;
overflow: hidden;
margin-bottom: 30px;
}
.main-holder ul > li.active a {
display: inline-block;
color: #DCBC90;
padding-bottom: 5px;
border-bottom: 1px solid #DCBC90;
}
.main-holder ul > li a {
display: block;
text-decoration: none;
color: #EEEEEE;
font-family: 'Oswald', sans-serif;
}
.main-holder label {
width: 100%;
display: block;
font-size: 1em;
font-weight: 400;
color: #EEEEEE;
font-family: 'Oswald', sans-serif;
}
.main-holder label.rotate::after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.main-holder label::after {
content: '';
background-image: url(//www.bhb.hr/wp-content/themes/bhb/images/icons/arrow-dropdown.svg);
background-repeat: no-repeat;
background-size: contain;
width: 11px;
height: 7px;
margin-left: 8px;
margin-bottom: 2px;
display: inline-block;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.main-holder input[type="checkbox"] {
display: none;
}
.main-holder .submenu {
width: 100%;
height: 100%;
z-index: 9999;
}
.main-holder .submenu li {
background-color: #434343;
margin-bottom: 0;
}
.main-holder .submenu li:first-of-type {
margin-top: 25px;
}
.main-holder .submenu li:last-child {
border-bottom: none;
}
.main-holder .submenu li a {
padding: 15px 16px;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
line-height: 1.2em;
}
.main-holder .submenu li a .small {
font-size: 0.8em;
color: #DCBC90;
display: block;
}
.main-holder .submenu::-webkit-scrollbar {
width: 0px;
}
.main-holder .submenu::-webkit-scrollbar-track-piece {
background-color: transparent;
}
.main-holder .mobile-languages {
border-bottom: none;
text-align: center;
}
.main-holder .mobile-languages a {
display: inline-block;
font-size: 1em;
padding: 10px 0;
}
.main-holder .mobile-languages a:after {
content: "|";
margin: 0 8px 0px 10px;
}
.main-holder .mobile-languages a:last-child:after {
content: none;
}
.main-holder .mobile-languages .active-lang {
font-weight: 700;
}
.main-holder .follow-us {
position: absolute;
bottom: 0;
right: 0;
left: 0;
border-bottom: none;
text-align: center;
padding: 10px 0 0;
}
.main-holder .follow-us .social-icons {
margin-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
.main-holder .follow-us .social-icons:after {
content: '';
width: 100%;
height: 2px;
background: #676767;
display: block;
position: absolute;
width: calc(50% - 61px);
left: 0;
top: 14px;
}
.main-holder .follow-us .social-icons:before {
content: '';
width: 100%;
height: 2px;
background: #676767;
display: block;
position: absolute;
width: calc(50% - 61px);
right: 0;
top: 14px;
}
.main-holder .follow-us a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 30px;
height: 30px;
border: 1px solid #676767;
border-radius: 100%;
margin-right: 12px;
}
.main-holder .follow-us a:last-of-type {
margin-right: 0;
}
.main-holder .follow-us a img {
display: block;
}
.contact-mobile-sidemenu {
padding: 0px 10px !important;
}
.contact-mobile-sidemenu a {
font-size: 0.875em;
text-align: center;
display: block;
margin-top: 15px;
color: #EEEEEE;
}
.main-slider .swiper-slide {
overflow: hidden;
}
.main-image-intro {
width: 100%;
background-image: url(//www.bhb.hr/wp-content/themes/bhb/images/slider.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
z-index: 10;
height: 100vh;
}
@media screen and (max-width: 991px) {
.main-image-intro {
background-image: url(//www.bhb.hr/wp-content/themes/bhb/images/intro-cut-mobile.jpg);
background-position: bottom;
}
}
@media screen and (max-width: 991px) {
.main-image-intro {
height: 500px;
}
}
.main-image-intro .unset-position {
position: unset;
}
.main-image-intro .content-container {
padding-top: 260px;
}
@media screen and (max-width: 991px) {
.main-image-intro .content-container {
padding-top: 125px;
}
}
.main-image-intro .content-container .subtitle {
letter-spacing: 0.25em;
text-transform: uppercase;
color: #B6B6B6;
font-size: 0.875em;
line-height: 21px;
font-family: 'Oswald', sans-serif;
margin-bottom: 8px;
}
@media screen and (max-width: 991px) {
.main-image-intro .content-container .subtitle {
text-shadow: 0 0 6px rgba(35, 36, 44, 0.6);
}
}
.main-image-intro .content-container .main-title {
letter-spacing: 0.2em;
text-transform: uppercase;
color: #EEEEEE;
font-size: 3.5em;
line-height: 83px;
font-family: 'Oswald', sans-serif;
margin-bottom: 50px;
max-width: 580px;
}
@media screen and (max-width: 991px) {
.main-image-intro .content-container .main-title {
font-size: 2.25em;
line-height: 53px;
margin-bottom: 30px;
text-shadow: 0 0 6px rgba(35, 36, 44, 0.6);
}
}
.main-image-intro .content-container .main-title span {
color: #DCBC90;
}
@media screen and (max-width: 991px) {
.main-image-intro .content-container .btn-primary.white {
background-color: #EEEEEE;
color: #303030;
border-color: #303030;
}
.main-image-intro .content-container .btn-primary.white::after,
.main-image-intro .content-container .btn-primary.white::before {
background: #303030;
}
}
@media screen and (max-width: 991px) {
.main-image-intro .content-container .social-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
margin-top: 25px;
padding-left: 12px;
margin-left: 40px;
}
.main-image-intro .content-container .social-content:before {
content: '';
width: 100%;
height: 2px;
background: #676767;
display: block;
position: absolute;
right: 100%;
top: 14px;
}
}
@media screen and (min-width: 992px) {
.main-image-intro .content-container .social-content {
position: absolute;
left: 3%;
bottom: 21%;
}
.main-image-intro .content-container .social-content:before {
content: '';
width: 2px;
height: 350px;
top: -375px;
background: #676767;
display: block;
position: absolute;
right: 100%;
left: 14px;
}
.main-image-intro .content-container .social-content:before .slider-img {
position: absolute;
right: 0;
bottom: 0;
}
}
@media screen and (min-width: 992px) {
.main-image-intro .content-container .social-content {
left: 5px;
}
}
@media screen and (min-width: 1300px) {
.main-image-intro .content-container .social-content {
left: 3%;
}
}
.main-image-intro .content-container .social-content a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 30px;
height: 30px;
border: 1px solid #676767;
border-radius: 100%;
}
@media screen and (min-width: 992px) {
.main-image-intro .content-container .social-content a {
margin-bottom: 15px;
}
}
@media screen and (max-width: 991px) {
.main-image-intro .content-container .social-content a {
margin-right: 12px;
}
}
.main-image-intro .content-container .social-content a:last-of-type {
margin-right: 0;
}
.main-image-intro .content-container .social-content a img {
display: block;
}
.intro-page {
margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
.intro-page {
margin-bottom: 20px;
}
}
.intro-page .page-headline {
color: #303030;
display: block;
font-size: 3em;
font-weight: 800;
}
@media screen and (max-width: 768px) {
.intro-page .page-headline {
font-size: 2em;
}
}
.intro-page .page-headline::after {
display: block;
content: '';
width: 240px;
height: 1px;
border-top: 1px dashed #C4C4C4;
}
@media screen and (max-width: 991px) {
.intro-page {
margin-bottom: 50px;
}
}
.breadcrumbs {
list-style-type: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 50px;
padding-bottom: 50px;
}
@media screen and (max-width: 991px) {
.breadcrumbs {
padding-top: 30px;
padding-bottom: 30px;
}
}
.breadcrumbs #breadcrumbs-container,
.breadcrumbs .breadcrumbs-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.breadcrumbs #breadcrumbs-container > span,
.breadcrumbs .breadcrumbs-container > span {
display: inline-block;
letter-spacing: 0.25em;
text-transform: uppercase;
color: #8F8F8F;
font-size: 0.875em;
line-height: 21px;
font-family: 'Oswald', sans-serif;
}
.breadcrumbs #breadcrumbs-container > span:last-of-type::after,
.breadcrumbs .breadcrumbs-container > span:last-of-type::after {
display: none;
}
.breadcrumbs #breadcrumbs-container > span a,
.breadcrumbs .breadcrumbs-container > span a {
color: #434343;
}
@media screen and (max-width: 991px) {
.breadcrumbs #breadcrumbs-container > span a,
.breadcrumbs .breadcrumbs-container > span a {
display: inline-block;
margin-bottom: 10px;
}
}
.breadcrumbs #breadcrumbs-container > span a::after,
.breadcrumbs .breadcrumbs-container > span a::after {
content: '';
background: #DCBC90;
-webkit-transform: matrix(0.71, 0.71, 0.71, -0.71, 0, 0);
transform: matrix(0.71, 0.71, 0.71, -0.71, 0, 0);
width: 5px;
height: 5px;
display: inline-block;
vertical-align: middle;
margin-left: 25px;
margin-right: 25px;
}
.breadcrumbs #breadcrumbs-container > span::after,
.breadcrumbs .breadcrumbs-container > span::after {
content: '';
background: #DCBC90;
-webkit-transform: matrix(0.71, 0.71, 0.71, -0.71, 0, 0);
transform: matrix(0.71, 0.71, 0.71, -0.71, 0, 0);
width: 5px;
height: 5px;
display: inline-block;
vertical-align: middle;
margin-left: 25px;
margin-right: 25px;
}
.breadcrumbs li {
display: inline-block;
letter-spacing: 0.25em;
text-transform: uppercase;
color: #8F8F8F;
font-size: 0.875em;
line-height: 21px;
font-family: 'Oswald', sans-serif;
}
.breadcrumbs li:last-of-type::after {
display: none;
}
.breadcrumbs li a {
color: #434343;
}
.breadcrumbs li::after {
content: '';
background: #DCBC90;
-webkit-transform: matrix(0.71, 0.71, 0.71, -0.71, 0, 0);
transform: matrix(0.71, 0.71, 0.71, -0.71, 0, 0);
width: 5px;
height: 5px;
display: inline-block;
vertical-align: middle;
margin-left: 25px;
margin-right: 25px;
}
.accordion {
margin-bottom: 20px;
}
.accordion .accordion-content {
padding: 20px 0px 20px 20px;
display: none;
font-size: 0.875em;
color: #434343;
line-height: 24px;
letter-spacing: 0.1em;
}
.accordion .accordion-content p,
.accordion .accordion-content span,
.accordion .accordion-content strong,
.accordion .accordion-content em {
color: #434343;
font-size: 1em;
}
.accordion .accordion-content.white {
color: #EEEEEE;
}
.accordion .accordion-content.white p,
.accordion .accordion-content.white span,
.accordion .accordion-content.white strong,
.accordion .accordion-content.white em {
color: #EEEEEE;
font-size: 1em;
}
.accordion .accordion-title {
background: #434343;
font-family: 'Roboto', sans-serif;
cursor: pointer;
position: relative;
padding: 14px 20px;
padding-right: 50px;
font-size: 0.9375em;
line-height: 24px;
letter-spacing: 0.1em;
text-transform: uppercase;
margin-bottom: 0;
color: #DCBC90;
}
.accordion .accordion-title:after {
content: "";
display: inline-block;
position: absolute;
background-image: url(//www.bhb.hr/wp-content/themes/bhb/images/icons/arrow-accordian.svg);
background-size: 35%;
background-repeat: no-repeat;
background-position: center;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
width: 42px;
right: 6px;
top: -2px;
bottom: 0;
height: calc(100% + 3px);
}
.accordion-active .accordion-title:after {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
table thead tr td {
font-weight: bold;
}
.single .section-single-title {
margin-top: 40px;
}
@media screen and (max-width: 992px) {
.single .section-single-title {
margin-bottom: 20px;
}
}
.single .section-single-title .title {
font-size: 3.5em;
margin-bottom: 0;
}
@media screen and (max-width: 992px) {
.single .section-single-title .title {
font-size: 1.75em;
}
}
.single .single-navigation .add-height {
height: 80px;
}
@media screen and (max-width: 992px) {
.single .single-navigation .add-height {
height: 57px;
}
}
.single .single-navigation .remove-padding {
padding-left: 0;
padding-right: 0;
}
.single .single-navigation .single-box {
padding-left: 0;
padding-right: 0;
padding-top: 60px;
}
.single .single-navigation .page-navigation-bg {
width: 100%;
height: 220px;
background: url(//www.bhb.hr/wp-content/themes/bhb/images/single-bg.jpg);
background-position: center;
background-repeat: repeat;
background-size: cover;
}
.single .single-navigation .page-navigation-bg.object {
background: url(//www.bhb.hr/wp-content/themes/bhb/images/object-bg.jpg);
}
.single .single-navigation .page-navigation {
background: url(//www.bhb.hr/wp-content/themes/bhb/images/header-bg-single.png), -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.65)), to(rgba(255, 255, 255, 0.65))), rgba(0, 163, 255, 0.4);
background: url(//www.bhb.hr/wp-content/themes/bhb/images/header-bg-single.png), linear-gradient(0deg, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.65)), rgba(0, 163, 255, 0.4);
background-position: center;
background-repeat: repeat;
padding-top: 28px;
padding-bottom: 28px;
max-width: 940px;
margin: 0 auto;
position: relative;
z-index: 10;
}
@media screen and (max-width: 992px) {
.single .single-navigation .page-navigation {
padding-top: 0px;
padding-bottom: 0px;
}
}
@media screen and (min-width: 992px) {
.single .single-navigation .page-navigation {
-webkit-transform: translate(0, 50%);
transform: translate(0, 50%);
}
}
.single .single-navigation .page-navigation .sticker {
color: #EEEEEE;
background-color: #00A3FF;
padding: 5px 9px;
letter-spacing: 0.1em;
text-transform: uppercase;
line-height: 19px;
font-size: 0.75em;
position: absolute;
top: 0;
right: -14px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
@media screen and (max-width: 600px) {
.single .single-navigation .page-navigation .sticker {
right: 0;
}
}
.single .single-navigation .page-navigation .sticker.red {
background-color: #FF0000;
}
.single .single-navigation .page-navigation.postition-sticky.sticky-active {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
position: fixed;
top: 118px;
left: 0;
right: 0;
width: 100%;
z-index: 10;
-webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
}
.single .single-navigation .page-navigation.postition-sticky.sticky-active .sticker {
right: 0;
display: none;
}
@media screen and (max-width: 992px) {
.single .single-navigation .page-navigation.postition-sticky.sticky-active {
top: 86px;
}
}
@keyframes fadeInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
opacity: 0;
transform: translate3d(0, -100%, 0);
}
to {
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0);
}
}
.single .single-navigation .page-navigation.accordion-active .page-navigation-title span::after {
-webkit-transform: translate(0, -50%) rotate(90deg);
transform: translate(0, -50%) rotate(90deg);
}
.single .single-navigation .page-navigation .page-navigation-title {
line-height: 19px;
letter-spacing: 0.25em;
text-transform: uppercase;
color: #DCBC90;
margin-bottom: 0;
font-size: 0.8125em;
cursor: pointer;
}
.single .single-navigation .page-navigation .page-navigation-title span {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-left: auto;
margin-right: auto;
position: relative;
padding-top: 22px;
padding-bottom: 16px;
display: block;
z-index: -1;
}
.single .single-navigation .page-navigation .page-navigation-title span::before {
content: '';
width: 7px;
height: 1px;
position: absolute;
left: -13px;
background: #DCBC90;
top: calc(50% + 3px);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.single .single-navigation .page-navigation .page-navigation-title span::after {
content: '';
width: 1px;
height: 7px;
position: absolute;
left: -10px;
background: #DCBC90;
top: calc(50% + 3px);
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media screen and (min-width: 992px) {
.single .single-navigation .page-navigation .page-navigation-title {
display: none;
}
}
@media screen and (max-width: 992px) {
.single .single-navigation .page-navigation .page-menu-container {
border-top: 1px solid #676767;
display: none;
margin-top: 16px;
padding-top: 16px;
padding-bottom: 16px;
}
}
.single .single-navigation .page-navigation .page-menu-container ul {
list-style-type: none;
}
@media screen and (max-width: 992px) {
.single .single-navigation .page-navigation .page-menu-container ul {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (min-width: 992px) {
.single .single-navigation .page-navigation .page-menu-container ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.single .single-navigation .page-navigation .page-menu-container ul li {
margin-bottom: 12px;
}
@media screen and (min-width: 992px) {
.single .single-navigation .page-navigation .page-menu-container ul li {
margin-right: 80px;
margin-bottom: 0;
}
}
.single .single-navigation .page-navigation .page-menu-container ul li:last-of-type {
margin-right: 0;
margin-bottom: 0;
}
.single .single-navigation .page-navigation .page-menu-container ul li a {
letter-spacing: 0.05em;
line-height: 24px;
font-size: 0.8125em;
text-transform: uppercase;
color: #EEEEEE;
position: relative;
}
.single .single-navigation .page-navigation .page-menu-container ul li a span {
color: #DCBC90;
}
.single .single-navigation .page-navigation .page-menu-container ul li a.color {
color: #DCBC90;
}
.single .single-navigation .page-navigation .page-menu-container ul li a.active::before {
position: absolute;
content: '';
width: 100%;
height: 1px;
background: #DCBC90;
bottom: -5px;
}
.single .text-box-single {
margin-top: 30px;
}
.single .single-map {
width: 100%;
height: 650px;
background-image: url(//www.bhb.hr/wp-content/themes/bhb/images/map.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
@media screen and (max-width: 992px) {
.single .single-map {
height: 600px;
}
}
.single .background-white {
background: #E5E5E5;
}
.single .techical-txt {
margin-bottom: 40px;
}
@media screen and (max-width: 992px) {
.single .techical-txt {
margin-bottom: 30px;
}
}
.single .margin-top-40 {
margin-top: 40px;
}
.single .section-accordian.bg-pattern {
padding-top: 80px;
padding-bottom: 60px;
background-image: url(//www.bhb.hr/wp-content/themes/bhb/images/header-bg.jpg);
background-repeat: repeat;
overflow: hidden;
clip-path: polygon(0 50px, 100% 0, 100% 100%, 0% 100%);
}
@media screen and (max-width: 992px) {
.single .section-accordian.bg-pattern {
padding-top: 60px;
padding-bottom: 30px;
}
}
@media screen and (max-width: 768px) {
.single .section-accordian.bg-pattern {
clip-path: polygon(0 19px, 100% 0, 100% 100%, 0% 100%);
}
}
.single .section-accordian.spacing-30-120 {
padding-top: 30px;
padding-bottom: 80px;
}
@media screen and (max-width: 992px) {
.single .section-accordian.spacing-30-120 {
padding-bottom: 40px;
}
}
.single .section-cta {
padding-top: 46px;
}
@media screen and (max-width: 1199px) {
.single .section-techical .tabs-container.background-white {
background: transparent;
}
}
.single .section-techical .tabs-container .tab-content-container {
padding: 60px 20px 40px;
}
@media screen and (max-width: 1199px) {
.single .section-techical .tabs-container .tab-content-container {
padding: 20px 0 0 0;
}
}
.single .section-techical .tabs-container .product-tab-content .subtitle {
color: #434343;
letter-spacing: 0.2em;
text-transform: uppercase;
font-size: 1.5em;
margin-bottom: 15px;
}
.single .section-techical .tabs-container .product-tab-content .subtitle::before {
display: none !important;
}
.single .section-techical .tabs-container .swiper-tabs.swiper-container-horizontal {
width: 100%;
height: 100%;
}
.single .section-techical .tabs-container .swiper-tabs.swiper-container-horizontal .swiper-slide {
width: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.single .section-techical .tabs-container .product-details .navigation-desktop {
display: none;
}
@media screen and (min-width: 1200px) {
.single .section-techical .tabs-container .product-details .navigation-desktop {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.single .section-techical .tabs-container .product-details .navigation-mobile {
display: none;
overflow: hidden;
position: relative;
}
@media screen and (max-width: 1199px) {
.single .section-techical .tabs-container .product-details .navigation-mobile {
display: block;
}
}
.single .section-techical .tabs-container .product-details .navigation-mobile::before {
content: '';
position: absolute;
display: block;
width: 55px;
height: 70px;
background: -webkit-gradient(linear, right top, left top, color-stop(20.83%, #EEEEEE), to(rgba(238, 238, 238, 0)));
background: linear-gradient(270deg, #EEEEEE 20.83%, rgba(238, 238, 238, 0) 100%);
right: 0;
top: -5px;
z-index: 5;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
}
.single .section-techical .tabs-container .product-details .navigation-mobile .btn-tabs {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 160px;
min-height: 60px;
padding-left: 17px;
padding-right: 17px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.single .section-techical .tabs-container .product-details .btn-tabs.desktop {
margin-right: 10px;
}
.single .section-techical .tabs-container .product-details .btn-tabs.desktop:first-of-type::before {
display: none;
}
.single .section-techical .tabs-container .product-details .btn-tabs.desktop:last-of-type {
margin-right: 0;
}
.single .section-techical .tabs-container .product-details .btn-tabs.desktop:last-of-type::after {
display: none;
}
.single .location-segment {
margin-top: 70px;
margin-bottom: 40px;
}
@media screen and (max-width: 992px) {
.single .location-segment {
margin-top: 35px;
margin-bottom: 5px;
}
}
@media screen and (min-width: 992px) {
.single .location-segment .locations-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media screen and (max-width: 992px) {
.single .location-segment .locations-container {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-left: auto;
margin-right: auto;
}
}
.single .location-segment .locations-container .location-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 60px;
margin-bottom: 30px;
}
.single .location-segment .locations-container .location-container .image-container {
background-color: #DCBC90;
width: 90px;
height: 90px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 100%;
}
.single .location-segment .locations-container .location-container .text-container {
margin-left: 15px;
}
.single .location-segment .locations-container .location-container .text-container .location-distance,
.single .location-segment .locations-container .location-container .text-container .location-title {
color: #434343;
font-weight: 400;
font-family: 'Roboto', sans-serif;
}
.single .location-segment .locations-container .location-container .text-container .location-title {
font-size: 1em;
letter-spacing: 0.2em;
text-transform: uppercase;
line-height: 24px;
position: relative;
margin-bottom: 10px;
padding-bottom: 12px;
}
.single .location-segment .locations-container .location-container .text-container .location-title::after {
content: '';
display: block;
width: 36px;
height: 1px;
background-color: #434343;
position: absolute;
bottom: 0;
left: 0;
}
.single .location-segment .locations-container .location-container .text-container .location-distance {
font-size: 2em;
line-height: 38px;
}
.single .location-segment .locations-container .location-container .text-container .location-distance span {
font-size: 0.8em;
}
.single .hotspots-interaction {
margin-bottom: 0;
}
.single .hotspot-prodano {
fill: #ac1540 !important;
fill-opacity: 0.3 !important;
stroke: #ac1540 !important;
stroke-opacity: 0.5 !important;
}
.single .hotspot-prodano:hover,
.single .hotspot-prodano:focus {
fill: #ac1540 !important;
fill-opacity: 0.51 !important;
stroke: #ac1540 !important;
stroke-opacity: 1.01 !important;
}
.single .hotspot-slobodno {
fill: #5e935b !important;
fill-opacity: 0.3 !important;
stroke: #5e935b !important;
stroke-opacity: 0.5 !important;
}
.single .hotspot-slobodno:hover,
.single .hotspot-slobodno:focus {
fill: #5e935b !important;
fill-opacity: 0.51 !important;
stroke: #5e935b !important;
stroke-opacity: 1.01 !important;
}
.single .hotspot-rezervirano {
fill: #DCBC90 !important;
fill-opacity: 0.3 !important;
stroke: #D7A765 !important;
stroke-opacity: 0.5 !important;
}
.single .hotspot-rezervirano:hover,
.single .hotspot-rezervirano:focus {
fill: #DCBC90 !important;
fill-opacity: 0.51 !important;
stroke: #D7A765 !important;
stroke-opacity: 1.01 !important;
}
.single .hotspot-default {
fill: #ac1540 !important;
fill-opacity: 0.3 !important;
stroke: #ac1540 !important;
stroke-opacity: 0.5 !important;
}
.single .hotspot-default:hover,
.single .hotspot-default:focus {
fill: #ac1540 !important;
fill-opacity: 0.51 !important;
stroke: #ac1540 !important;
stroke-opacity: 1.01 !important;
}
.single .gallery-box .gallery-single {
margin-bottom: 20px;
}
.section-gallery .remove-padding {
padding-left: 0;
padding-right: 0;
}
.sticker.single {
color: #EEEEEE;
background-color: #FF0000;
display: inline-block;
margin: 0 auto;
padding: 5px 9px;
letter-spacing: 0.1em;
text-transform: uppercase;
line-height: 19px;
font-size: 0.75em;
margin-top: 60px;
margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
.sticker.single {
margin-bottom: 0;
}
}
.sticker.sale {
color: #EEEEEE;
display: inline-block;
margin: 0 auto;
padding: 5px 9px;
letter-spacing: 0.1em;
text-transform: uppercase;
line-height: 19px;
font-size: 0.75em;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
position: absolute;
z-index: 10;
top: 0;
left: 85px;
}
@media screen and (max-width: 768px) {
.sticker.sale {
left: 20px;
}
}
.sticker.sale.yes {
background-color: #00A3FF;
}
.sticker.sale.no {
background-color: #FF0000;
}
.floor-accordion-container .floor-accordion .accordion-title.remove-arrow {
margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
.floor-accordion-container .floor-accordion:last-of-type .accordion-title.remove-arrow {
margin-bottom: 0;
}
}
.floor .legend-container .legend-list {
list-style-type: none;
display: block;
}
@media screen and (min-width: 768px) {
.floor .legend-container .legend-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
}
}
.floor .legend-container .legend-list li {
letter-spacing: 0.25em;
text-transform: uppercase;
color: #676767;
font-size: 0.875em;
line-height: 21px;
font-family: 'Oswald', sans-serif;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
}
.floor .legend-container .legend-list li:last-of-type {
margin-bottom: 0;
}
@media screen and (min-width: 768px) {
.floor .legend-container .legend-list li {
margin-right: 20px;
margin-bottom: 0;
}
.floor .legend-container .legend-list li:last-of-type {
margin-right: 0;
}
}
.floor .legend-container .legend-list li::before {
display: inline-block;
content: '';
width: 20px;
height: 20px;
background: #B6B6B6;
margin-right: 8px;
}
.floor .legend-container .legend-list li.free::before {
background: #5e935b;
}
.floor .legend-container .legend-list li.sold::before {
background: #ac1540;
}
.floor .legend-container .legend-list li.reserved::before {
background: #D7A765;
}
.floor .table {
color: #676767;
}
.floor .table .name-app a {
font-weight: bold;
}
.floor .btn-table {
padding: 8px 20px;
}
.floor .btn-table::before,
.floor .btn-table::after {
display: none !important;
}
.floor sup,
.single-flat sup {
vertical-align: super;
font-size: 0.8em;
}
.floor .Slobodno,
.single-flat .Slobodno {
color: #5e935b !important;
}
.floor .Prodano,
.single-flat .Prodano {
color: #ac1540 !important;
}
.floor .Rezervirano,
.single-flat .Rezervirano {
color: #D7A765 !important;
}
.floor .Slobodno span {
background: #5e935b !important;
color: #EEEEEE !important;
display: inline-block;
}
.floor .Prodano span {
background: #ac1540 !important;
color: #EEEEEE !important;
display: inline-block;
}
.floor .Rezervirano span {
background: #D7A765 !important;
color: #EEEEEE !important;
display: inline-block;
}
.floor .Slobodno span,
.floor .Prodano span,
.floor .Rezervirano span {
padding: 4px 8px;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.floor .leaflet-tooltip {
display: none !important;
}
}
.remove-arrow {
text-align: center !important;
padding: 14px 20px !important;
}
.remove-arrow::after {
display: none !important;
}
@media screen and (max-width: 768px) {
.single-flat .view-pdf-button-container {
text-align: center;
}
}
.single-flat .view-pdf-button-container .pdf-button {
min-width: 320px;
margin-top: 30px;
margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
.single-flat .view-pdf-button-container .pdf-button {
margin-bottom: 0px;
}
}
.single-flat .view-pdf-button-container .pdf-button path {
-webkit-transition: 0.3s;
transition: 0.3s;
}
.single-flat .view-pdf-button-container .pdf-button:hover path {
fill: #EEEEEE;
}
.single-flat .view-pdf-button-container .pdf-button.add-margin {
margin-bottom: 30px;
}
.single-flat .sidebar .flat-free {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
.single-flat .sidebar .flat-free {
margin-top: 30px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.single-flat .sidebar .information-box {
padding: 20px;
background-color: #E5E5E5;
}
.single-flat .sidebar .information-box ul {
list-style-type: none;
}
.single-flat .sidebar .information-box ul li {
letter-spacing: 0.25em;
text-transform: uppercase;
color: #676767;
font-size: 0.875em;
line-height: 21px;
font-family: 'Oswald', sans-serif;
border-bottom: 1px solid #B6B6B6;
margin-bottom: 6px;
padding-bottom: 6px;
}
.single-flat .sidebar .information-box ul li:last-of-type {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.single-flat .sidebar .surface-breakdown {
margin-top: 30px;
}
.single-flat .sidebar .surface-breakdown .title-sidebar {
letter-spacing: 0.25em;
text-transform: uppercase;
color: #676767;
font-size: 1.2em;
line-height: 21px;
font-family: 'Oswald', sans-serif;
margin-bottom: 20px;
}
.single-flat .sidebar .surface-breakdown .list-container .value-midpoint {
letter-spacing: 0.25em;
text-transform: uppercase;
color: #676767;
font-size: 0.875em;
line-height: 21px;
font-family: 'Oswald', sans-serif;
display: block;
text-align: right;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #B6B6B6;
margin-bottom: 6px;
padding-bottom: 6px;
}
.single-flat .sidebar .surface-breakdown .list-container .value-midpoint.total-inside {
text-align: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: bold;
}
.single-flat .sidebar .surface-breakdown .list-container .value-midpoint.total-inside .align-left {
margin-left: auto;
}
.single-flat .sidebar .surface-breakdown .list-container .value-midpoint.before-last {
text-align: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: bold;
}
.single-flat .sidebar .surface-breakdown .list-container .value-midpoint.before-last .align-left {
margin-left: auto;
}
.single-flat .sidebar .surface-breakdown .list-container .value-midpoint.last {
margin-bottom: 0;
padding-bottom: 0;
border: none;
text-align: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-weight: bold;
}
.single-flat .sidebar .surface-breakdown .list-container .value-midpoint.last .align-left {
margin-left: auto;
}
.single-flat .sidebar .surface-breakdown .list-container .list-inside-rooms,
.single-flat .sidebar .surface-breakdown .list-container .list-outside-rooms {
list-style-type: none;
}
.single-flat .sidebar .surface-breakdown .list-container .list-inside-rooms li,
.single-flat .sidebar .surface-breakdown .list-container .list-outside-rooms li {
letter-spacing: 0.25em;
text-transform: uppercase;
color: #676767;
font-size: 0.875em;
line-height: 21px;
font-family: 'Oswald', sans-serif;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #B6B6B6;
margin-bottom: 6px;
padding-bottom: 6px;
}
.single-flat .sidebar .surface-breakdown .list-container .list-inside-rooms li:last-of-type,
.single-flat .sidebar .surface-breakdown .list-container .list-outside-rooms li:last-of-type {
border-bottom: 2px solid #B6B6B6;
}
.single-flat .sidebar .surface-breakdown .list-container .list-inside-rooms li .room-counter,
.single-flat .sidebar .surface-breakdown .list-container .list-outside-rooms li .room-counter {
width: 20px;
height: 20px;
background: #303030;
color: #EEEEEE;
margin-right: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.9em;
letter-spacing: initial;
}
.single-flat .sidebar .surface-breakdown .list-container .list-inside-rooms li .surface-value,
.single-flat .sidebar .surface-breakdown .list-container .list-outside-rooms li .surface-value {
margin-left: auto;
}
.faq {
margin: 20px 0;
background-color: #D7A765;
padding: 20px;
}
.faq-question {
font-size: 1.2em;
font-weight: 700;
cursor: pointer;
margin-bottom: 0;
color: #111;
}
.faq-question:after {
content: "\203A";
float: right;
font-size: 1.5em;
line-height: 1;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.faq-answer {
display: none;
margin-top: 25px;
}
html,
body {
background-color: #EEEEEE;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-overflow-style: scrollbar;
overflow-x: hidden;
}
img {
height: auto;
display: block;
}
.lazyloaded {
opacity: 1;
-webkit-transition: opacity 0ms !important;
transition: opacity 0ms !important;
}
.spacing-section {
overflow: hidden;
padding-top: 90px;
padding-bottom: 120px;
}
@media screen and (max-width: 992px) {
.spacing-section {
padding-top: 60px;
padding-bottom: 60px;
}
}
.spacing-section.remove-top {
overflow: visible;
padding-top: 0 !important;
}
@media screen and (max-width: 992px) {
.spacing-section.custom-top-first {
padding-top: 40px;
}
}
.spacing-section-90-90 {
margin-top: 90px;
margin-bottom: 90px;
}
@media screen and (max-width: 992px) {
.spacing-section-90-90 {
margin-top: 60px;
margin-bottom: 60px;
}
}
.spacing-section-70-70 {
overflow: hidden;
padding-top: 70px;
padding-bottom: 70px;
}
@media screen and (max-width: 992px) {
.spacing-section-70-70 {
padding-top: 35px;
padding-bottom: 35px;
}
}
.spacing-60-70 {
overflow: hidden;
padding-top: 60px;
padding-bottom: 70px;
}
@media screen and (max-width: 992px) {
.spacing-60-70 {
padding-bottom: 35px;
}
}
.single-swiper {
position: relative;
}
.single-swiper .remove-padding.left {
padding-left: 0 !important;
}
@media screen and (max-width: 768px) {
.single-swiper .remove-padding.left {
padding-left: 0;
padding-right: 0;
}
}
.single-swiper .remove-padding.right {
padding-right: 0 !important;
}
@media screen and (max-width: 768px) {
.single-swiper .remove-padding.right {
padding-left: 0;
padding-right: 0;
}
}
.single-swiper .image-container {
overflow: hidden;
}
@media screen and (max-width: 768px) {
.single-swiper .image-container {
overflow: visible;
}
}
.single-swiper .image-container.left {
padding-right: 45px !important;
}
@media screen and (max-width: 768px) {
.single-swiper .image-container.left {
padding-right: 0 !important;
}
}
.single-swiper .image-container.right {
padding-left: 45px !important;
}
@media screen and (max-width: 768px) {
.single-swiper .image-container.right {
padding-left: 0 !important;
}
}
.single-swiper .swiper {
overflow: hidden;
}
.single-swiper .swiper .overlay {
position: relative;
}
.single-swiper .swiper .overlay a::before {
content: '';
position: absolute;
background-color: rgba(255, 255, 255, 0.6);
opacity: 0;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@-webkit-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.single-swiper .swiper .overlay a .box-overlay {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 14px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
opacity: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
position: absolute;
background: rgba(67, 67, 67, 0.9);
width: 136px;
height: 136px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.single-swiper .swiper .overlay a .box-overlay span {
letter-spacing: 0.1em;
font-size: 0.875em;
color: #EEEEEE;
text-align: center;
display: block;
}
.single-swiper .swiper .overlay a:hover .box-overlay {
opacity: 1;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.single-swiper .swiper .overlay a:hover::before {
opacity: 1;
}
.single-swiper .swiper .swiper-button-prev {
background-image: url(//www.bhb.hr/wp-content/themes/bhb/images/icons/arrow-left-swiper.svg) !important;
}
.single-swiper .swiper .swiper-button-next {
background-image: url(//www.bhb.hr/wp-content/themes/bhb/images/icons/arrow-right-swiper.svg) !important;
}
.single-swiper .swiper .swiper-button-prev,
.single-swiper .swiper .swiper-button-next {
width: 45px;
height: 45px;
background-color: #B6B6B6;
background-size: auto;
border-radius: 0;
top: unset;
margin-top: 0;
bottom: 20px;
right: 0;
left: unset;
z-index: 1;
}
.single-swiper .swiper .swiper-prev-1 {
right: 45px;
}
@media screen and (max-width: 768px) {
.single-swiper .swiper .swiper-prev-1 {
right: unset;
left: calc(50% - 45px);
-webkit-transform: translateY(50%);
transform: translateY(50%);
bottom: 0;
}
}
.single-swiper .swiper .swiper-next-1 {
right: 0;
}
@media screen and (max-width: 768px) {
.single-swiper .swiper .swiper-next-1 {
right: calc(50% - 45px);
-webkit-transform: translateY(50%);
transform: translateY(50%);
bottom: 0;
}
}
.single-swiper .swiper .swiper-prev-2 {
left: 0;
}
@media screen and (max-width: 768px) {
.single-swiper .swiper .swiper-prev-2 {
right: unset;
left: calc(50% - 45px);
-webkit-transform: translateY(50%);
transform: translateY(50%);
bottom: 0;
}
}
.single-swiper .swiper .swiper-next-2 {
left: 45px;
}
@media screen and (max-width: 768px) {
.single-swiper .swiper .swiper-next-2 {
left: unset;
right: calc(50% - 45px);
-webkit-transform: translateY(50%);
transform: translateY(50%);
bottom: 0;
}
}
.single-swiper .swiper .swiper-prev-full,
.single-swiper .swiper .swiper-prev-3 {
left: calc(50% - 45px);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 0;
}
@media screen and (max-width: 768px) {
.single-swiper .swiper .swiper-prev-full.bottom-mobile,
.single-swiper .swiper .swiper-prev-3.bottom-mobile {
-webkit-transform: translateY(50%);
transform: translateY(50%);
bottom: 0;
top: unset;
}
}
.single-swiper .swiper .swiper-next-full,
.single-swiper .swiper .swiper-next-3 {
right: calc(50% - 45px);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: 0;
}
@media screen and (max-width: 768px) {
.single-swiper .swiper .swiper-next-full.bottom-mobile,
.single-swiper .swiper .swiper-next-3.bottom-mobile {
-webkit-transform: translateY(50%);
transform: translateY(50%);
bottom: 0;
top: unset;
}
}
@media screen and (max-width: 992px) {
.section-cards.about-us-mobile {
padding-top: 40px;
}
}
@media screen and (max-width: 768px) {
.section-cards.about-us-mobile {
padding-top: 10px;
}
}
@media screen and (max-width: 768px) {
.section-cards .content-container {
text-align: center;
}
.section-cards .content-container img {
margin-left: auto;
margin-right: auto;
}
.section-cards .content-container .btn {
margin-bottom: 35px;
}
.section-cards .content-container.add-spacing {
margin-top: 40px;
}
}
.section-cards .image-container {
position: relative;
z-index: 2;
}
@media screen and (min-width: 992px) {
.section-cards .image-container.left {
padding-right: 20px;
}
.section-cards .image-container.right {
padding-left: 20px;
}
}
.section-cards .image-container .in-image {
position: absolute;
}
.section-cards .image-container .in-image .in-image-title {
color: #434343;
background-color: #DCBC90;
font-size: 0.875em;
letter-spacing: 0.25em;
text-transform: uppercase;
padding: 15px 40px;
display: inline-block;
font-family: 'Oswald', sans-serif;
}
@media screen and (min-width: 768px) {
.section-cards .image-container .in-image .in-image-title {
padding: 12px 30px;
}
}
@media screen and (max-width: 992px) {
.section-cards .image-container .in-image.bottom-left,
.section-cards .image-container .in-image.bottom-right,
.section-cards .image-container .in-image.top-left,
.section-cards .image-container .in-image.top-right {
left: 0;
right: 0;
text-align: center;
}
}
.section-cards .image-container .in-image.bottom-left {
-webkit-transform: translate(0, 50%);
transform: translate(0, 50%);
bottom: 0;
}
@media screen and (min-width: 768px) {
.section-cards .image-container .in-image.bottom-left {
left: 15px;
}
}
.section-cards .image-container .in-image.bottom-right {
-webkit-transform: translate(0, 50%);
transform: translate(0, 50%);
bottom: 0;
}
@media screen and (min-width: 768px) {
.section-cards .image-container .in-image.bottom-right {
right: 15px;
}
}
.section-cards .image-container .in-image.top-left {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
top: 0;
}
@media screen and (min-width: 768px) {
.section-cards .image-container .in-image.top-left {
left: 15px;
}
}
.section-cards .image-container .in-image.top-right {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
top: 0;
}
@media screen and (min-width: 768px) {
.section-cards .image-container .in-image.top-right {
right: 15px;
}
}
.box-black {
position: relative;
padding: 40px 50px;
}
.box-black::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: #1B1B1B;
opacity: 0.9;
z-index: 1;
}
@media screen and (max-width: 768px) {
.box-black {
padding: 40px 20px 25px;
}
}
.box-black .btn,
.box-black .subtitle,
.box-black .title {
position: relative;
z-index: 2;
}
.box-black .title {
margin-bottom: 20px;
}
@media screen and (max-width: 992px) {
.box-black {
text-align: center;
}
}
.box-black.single-box {
position: relative;
margin-top: -110px;
}
.box-black.single-box::before {
display: none !important;
}
.box-black.single-box::after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
clip-path: polygon(0 50px, 100% 0, 100% 100%, 0% 100%);
background: #1B1B1B;
opacity: 0.9;
z-index: 1;
}
@media screen and (max-width: 768px) {
.box-black.single-box::after {
clip-path: polygon(0 19px, 100% 0, 100% 100%, 0% 100%);
}
}
.box-black.single-box .title {
margin-bottom: 0;
}
.section-w-image-dark {
clip-path: polygon(0 50px, 100% 0, 100% 100%, 0% 100%);
}
@media screen and (max-width: 768px) {
.section-w-image-dark {
clip-path: polygon(0 19px, 100% 0, 100% 100%, 0% 100%);
}
}
.section-w-image-dark .bg-pattern {
background-image: url(//www.bhb.hr/wp-content/themes/bhb/images/header-bg.jpg);
background-repeat: repeat;
}
.section-w-image-dark .padding-container {
padding-bottom: 50px;
padding-top: 50px;
}
.section-w-image-dark .images-container {
margin-bottom: -170px;
}
@media screen and (max-width: 992px) {
.section-w-image-dark .logos {
margin-top: 30px;
}
}
.section-w-image-dark .logos img {
margin: 0 auto;
}
.grid-w-overlay .txt-style .title {
margin-bottom: 40px;
}
@media screen and (max-width: 576px) {
.grid-w-overlay .remove-padding-sm {
padding: 0;
}
}
.grid-w-overlay .container-grid {
position: relative;
overflow: hidden;
margin-bottom: 20px;
}
@media screen and (min-width: 576px) {
.grid-w-overlay .container-grid:hover::before {
opacity: 0;
}
.grid-w-overlay .container-grid:hover::after {
opacity: 1;
}
.grid-w-overlay .container-grid:hover .content-overlay {
bottom: 40px;
}
}
.grid-w-overlay .container-grid::before {
content: '';
height: 100%;
width: 100%;
position: absolute;
background: -webkit-gradient(linear, left top, left bottom, color-stop(36.55%, rgba(0, 0, 0, 0)), to(#000000));
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 36.55%, #000000 100%);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 1;
top: 0;
}
.grid-w-overlay .container-grid::after {
content: '';
height: 100%;
width: 100%;
position: absolute;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000));
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity: 0;
top: 0;
}
.grid-w-overlay .container-grid .content-overlay {
text-align: center;
position: absolute;
z-index: 10;
bottom: -45px;
left: 0;
right: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.grid-w-overlay .container-grid .content-overlay .subtitle {
color: #DCBC90;
margin-bottom: 10px;
letter-spacing: 0.25em;
text-transform: uppercase;
font-size: 0.875em;
}
.grid-w-overlay .container-grid .content-overlay .title {
color: #EEEEEE;
letter-spacing: 0.2em;
text-transform: uppercase;
font-size: 1.5em;
padding-bottom: 20px;
margin-bottom: 30px;
position: relative;
}
.grid-w-overlay .container-grid .content-overlay .title::after {
content: '';
width: 100px;
height: 1px;
background: #676767;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.video-segment {
margin-top: 90px;
margin-bottom: 200px;
background-image: url(//www.bhb.hr/wp-content/themes/bhb/images/video-bg.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
min-height: 330px;
}
@media screen and (max-width: 768px) {
.video-segment {
margin-top: 180px;
margin-bottom: 0;
}
}
@media screen and (min-width: 768px) {
.video-segment .align-items-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media screen and (max-width: 768px) {
.video-segment {
background-image: url(//www.bhb.hr/wp-content/themes/bhb/images/video-bg-mobile.jpg);
}
}
.video-segment .position-a {
position: absolute;
top: 55px;
}
@media screen and (max-width: 768px) {
.video-segment .position-a {
top: unset;
bottom: 0;
left: 15px;
right: 15px;
}
}
@media screen and (max-width: 768px) {
.video-segment .clip-top {
clip-path: polygon(0 19px, 100% 0, 100% 100%, 0% 100%);
}
}
.video-segment .mt-custom {
margin-top: 60px;
}
.video-segment .subtitle-video {
color: #EEEEEE;
letter-spacing: 0.2em;
text-transform: uppercase;
line-height: 36px;
font-size: 1.5em;
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
.video-segment .subtitle-video {
margin-top: 10px;
max-width: 200px;
}
}
.video-segment .play-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: rgba(215, 167, 101, 0.8);
border-radius: 100%;
width: 100px;
height: 100px;
margin-right: 25px;
}
.video-segment .play-icon img {
opacity: 0.9;
padding-left: 10px;
}
.video-segment.single {
background-image: none;
margin: 0;
min-height: auto;
padding: 40px 0;
}
.video-segment.single .subtitle-video {
color: #434343;
}
.section-cta {
margin-bottom: 120px;
}
@media screen and (max-width: 992px) {
.section-cta {
margin-bottom: 90px;
}
}
.section-cta p {
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.section-cta p:last-of-type {
margin-bottom: 30px;
}
.section-cta .contact-information {
margin-top: 40px;
}
@media screen and (min-width: 992px) {
.section-cta .contact-information {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.section-cta .contact-information .email {
margin-bottom: 20px;
}
@media screen and (min-width: 992px) {
.section-cta .contact-information .email {
margin-right: 50px;
}
}
@media screen and (max-width: 992px) {
.section-cta .contact-information .email,
.section-cta .contact-information .telephone {
max-width: 250px;
margin-left: auto;
margin-right: auto;
}
}
.section-cta .contact-information a {
color: #676767;
letter-spacing: 0.2em;
text-transform: uppercase;
font-size: 1em;
}
.section-cta .contact-information a .icon-container {
background-color: #D7A765;
border-radius: 100%;
width: 40px;
height: 40px;
margin-right: 10px;
}
.bg-image-pages {
background-image: url(//www.bhb.hr/wp-content/themes/bhb/images/objekti-bg.png);
background-repeat: no-repeat;
background-position-y: top;
background-position-x: center;
background-size: contain;
}
.bg-image-pages.page-bg {
background-image: url(//www.bhb.hr/wp-content/themes/bhb/images/page-bg.png);
}
.gallery-spacing.txt-style {
margin-bottom: 60px;
}
@media screen and (max-width: 992px) {
.gallery-spacing.txt-style {
margin-bottom: 40px;
}
}
.custom.swiper-container-vertical {
height: 100%;
overflow: hidden;
}
@media screen and (min-width: 992px) {
.swiper-slide.custom {
text-align: center; display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media screen and (max-width: 992px) {
.swiper-slide.custom {
margin-top: 5px;
margin-bottom: 5px;
}
}
.container-custom-swiper {
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
}
.container-custom-swiper .box-black.position-box {
position: absolute;
top: 40px;
left: 0;
bottom: 20px;
max-width: 330px;
clip-path: polygon(0 50px, 100% 0, 100% 100%, 0% 100%);
}
@media screen and (min-width: 768px) {
.container-custom-swiper .box-black.position-box {
left: 50px;
}
}
@media screen and (max-width: 768px) {
.container-custom-swiper .box-black.position-box {
clip-path: polygon(0 19px, 100% 0, 100% 100%, 0% 100%);
}
}
@media screen and (min-width: 768px) {
.padding-right-custom {
padding-right: 15px;
}
}
.button-over {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 11;
}
@media screen and (max-width: 992px) {
.txt-center-m {
text-align: center;
}
}
.scroll-image {
position: absolute;
right: 0;
left: calc(50% - 24.5px);
bottom: 0;
bottom: 24px;
background: rgba(0, 0, 0, 0.2);
cursor: pointer;
}
.blob {
background: rgba(0, 0, 0, 0.2);
border-radius: 50%;
-webkit-box-shadow: 0 0 0 0 #000000;
box-shadow: 0 0 0 0 #000000;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation: pulse-black 2s infinite;
animation: pulse-black 2s infinite;
}
@-webkit-keyframes pulse-black {
0% {
-webkit-transform: scale(0.85);
transform: scale(0.85);
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
}
100% {
-webkit-transform: scale(0.85);
transform: scale(0.85);
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
}
@keyframes pulse-black {
0% {
-webkit-transform: scale(0.85);
transform: scale(0.85);
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
}
100% {
-webkit-transform: scale(0.85);
transform: scale(0.85);
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
}
.wow {
visibility: hidden;
}
.padding-top-80 {
padding-top: 80px;
}
@media screen and (max-width: 992px) {
.padding-top-80 {
padding-top: 60px;
}
}