@charset "UTF-8";

@font-face{font-display:swap;
font-family: "Gilroy";
font-weight: 300;
font-style: normal;
src: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/fonts/Gilroy/Gilroy300/Gilroy-Light.eot);
src: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/fonts/Gilroy/Gilroy300/Gilroy-Light.eot?#iefix) format("embedded-opentype"), url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/fonts/Gilroy/Gilroy300/Gilroy-Light.woff) format("woff"), url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/fonts/Gilroy/Gilroy300/Gilroy-Light.ttf) format("truetype"); }
@font-face{font-display:swap;
font-family: "Gilroy";
font-weight: 800;
font-style: normal;
src: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/fonts/Gilroy/Gilroy800/Gilroy-ExtraBold.eot);
src: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/fonts/Gilroy/Gilroy800/Gilroy-ExtraBold.eot?#iefix) format("embedded-opentype"), url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/fonts/Gilroy/Gilroy800/Gilroy-ExtraBold.woff) format("woff"), url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/fonts/Gilroy/Gilroy800/Gilroy-ExtraBold.ttf) format("truetype"); }
@font-face{font-display:swap;
font-family: "GoetheTitelCY";
font-weight: 400;
font-style: normal;
src: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/fonts/GoetheTitelCY/GoetheTitelCY-Regular.eot);
src: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/fonts/GoetheTitelCY/GoetheTitelCY-Regular.eot?#iefix) format("embedded-opentype"), url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/fonts/GoetheTitelCY/GoetheTitelCY-Regular.woff) format("woff"), url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/fonts/GoetheTitelCY/GoetheTitelCY-Regular.ttf) format("truetype"); } @-ms-viewport {
width: device-width; }
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-overflow-style: scrollbar; }
*, *::before, *::after {
-webkit-box-sizing: inherit;
box-sizing: inherit; }
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto; }
@media (min-width: 576px) {
.container {
max-width: 540px; } }
@media (min-width: 768px) {
.container { max-width: 830px; } }
@media (min-width: 992px) {
.container {
max-width: 960px; } }
@media (min-width: 1200px) {
.container {
max-width: 1140px; } }
@media (min-width: 1400px) {
.container {
max-width: 1320px; }
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto; }
.row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-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%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px; }
.col {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1; }
.order-last {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13; }
.order-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.order-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.order-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.order-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.order-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.order-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.order-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.order-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7; }
.order-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8; }
.order-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9; }
.order-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.order-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11; }
.order-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12; }
.offset-1 {
margin-left: 8.33333%; }
.offset-2 {
margin-left: 16.66667%; }
.offset-3 {
margin-left: 25%; }
.offset-4 {
margin-left: 33.33333%; }
.offset-5 {
margin-left: 41.66667%; }
.offset-6 {
margin-left: 50%; }
.offset-7 {
margin-left: 58.33333%; }
.offset-8 {
margin-left: 66.66667%; }
.offset-9 {
margin-left: 75%; }
.offset-10 {
margin-left: 83.33333%; }
.offset-11 {
margin-left: 91.66667%; }
@media (min-width: 576px) {
.col-sm {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-sm-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-sm-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-sm-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-sm-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-sm-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-sm-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-sm-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-sm-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-sm-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-sm-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-sm-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-sm-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-sm-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-sm-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1; }
.order-sm-last {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13; }
.order-sm-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.order-sm-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.order-sm-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.order-sm-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.order-sm-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.order-sm-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.order-sm-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.order-sm-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7; }
.order-sm-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8; }
.order-sm-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9; }
.order-sm-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.order-sm-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11; }
.order-sm-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12; }
.offset-sm-0 {
margin-left: 0; }
.offset-sm-1 {
margin-left: 8.33333%; }
.offset-sm-2 {
margin-left: 16.66667%; }
.offset-sm-3 {
margin-left: 25%; }
.offset-sm-4 {
margin-left: 33.33333%; }
.offset-sm-5 {
margin-left: 41.66667%; }
.offset-sm-6 {
margin-left: 50%; }
.offset-sm-7 {
margin-left: 58.33333%; }
.offset-sm-8 {
margin-left: 66.66667%; }
.offset-sm-9 {
margin-left: 75%; }
.offset-sm-10 {
margin-left: 83.33333%; }
.offset-sm-11 {
margin-left: 91.66667%; } }
@media (min-width: 768px) {
.col-md {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-md-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-md-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-md-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-md-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-md-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-md-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-md-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-md-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-md-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-md-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-md-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-md-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-md-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-md-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1; }
.order-md-last {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13; }
.order-md-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.order-md-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.order-md-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.order-md-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.order-md-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.order-md-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.order-md-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.order-md-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7; }
.order-md-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8; }
.order-md-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9; }
.order-md-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.order-md-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11; }
.order-md-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12; }
.offset-md-0 {
margin-left: 0; }
.offset-md-1 {
margin-left: 8.33333%; }
.offset-md-2 {
margin-left: 16.66667%; }
.offset-md-3 {
margin-left: 25%; }
.offset-md-4 {
margin-left: 33.33333%; }
.offset-md-5 {
margin-left: 41.66667%; }
.offset-md-6 {
margin-left: 50%; }
.offset-md-7 {
margin-left: 58.33333%; }
.offset-md-8 {
margin-left: 66.66667%; }
.offset-md-9 {
margin-left: 75%; }
.offset-md-10 {
margin-left: 83.33333%; }
.offset-md-11 {
margin-left: 91.66667%; } }
@media (min-width: 992px) {
.col-lg {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-lg-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-lg-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-lg-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-lg-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-lg-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-lg-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-lg-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-lg-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-lg-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-lg-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-lg-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-lg-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-lg-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-lg-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1; }
.order-lg-last {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13; }
.order-lg-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.order-lg-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.order-lg-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.order-lg-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.order-lg-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.order-lg-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.order-lg-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.order-lg-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7; }
.order-lg-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8; }
.order-lg-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9; }
.order-lg-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.order-lg-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11; }
.order-lg-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12; }
.offset-lg-0 {
margin-left: 0; }
.offset-lg-1 {
margin-left: 8.33333%; }
.offset-lg-2 {
margin-left: 16.66667%; }
.offset-lg-3 {
margin-left: 25%; }
.offset-lg-4 {
margin-left: 33.33333%; }
.offset-lg-5 {
margin-left: 41.66667%; }
.offset-lg-6 {
margin-left: 50%; }
.offset-lg-7 {
margin-left: 58.33333%; }
.offset-lg-8 {
margin-left: 66.66667%; }
.offset-lg-9 {
margin-left: 75%; }
.offset-lg-10 {
margin-left: 83.33333%; }
.offset-lg-11 {
margin-left: 91.66667%; } }
@media (min-width: 1200px) {
.col-xl {
-webkit-flex-basis: 0;
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%; }
.col-xl-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none; }
.col-xl-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 8.33333%;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%; }
.col-xl-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.66667%;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%; }
.col-xl-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%; }
.col-xl-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%; }
.col-xl-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.66667%;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%; }
.col-xl-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%; }
.col-xl-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.33333%;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%; }
.col-xl-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%; }
.col-xl-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%; }
.col-xl-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 83.33333%;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%; }
.col-xl-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 91.66667%;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%; }
.col-xl-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%; }
.order-xl-first {
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1; }
.order-xl-last {
-webkit-box-ordinal-group: 14;
-webkit-order: 13;
-ms-flex-order: 13;
order: 13; }
.order-xl-0 {
-webkit-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.order-xl-1 {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.order-xl-2 {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.order-xl-3 {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.order-xl-4 {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.order-xl-5 {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.order-xl-6 {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.order-xl-7 {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7; }
.order-xl-8 {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8; }
.order-xl-9 {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9; }
.order-xl-10 {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.order-xl-11 {
-webkit-box-ordinal-group: 12;
-webkit-order: 11;
-ms-flex-order: 11;
order: 11; }
.order-xl-12 {
-webkit-box-ordinal-group: 13;
-webkit-order: 12;
-ms-flex-order: 12;
order: 12; }
.offset-xl-0 {
margin-left: 0; }
.offset-xl-1 {
margin-left: 8.33333%; }
.offset-xl-2 {
margin-left: 16.66667%; }
.offset-xl-3 {
margin-left: 25%; }
.offset-xl-4 {
margin-left: 33.33333%; }
.offset-xl-5 {
margin-left: 41.66667%; }
.offset-xl-6 {
margin-left: 50%; }
.offset-xl-7 {
margin-left: 58.33333%; }
.offset-xl-8 {
margin-left: 66.66667%; }
.offset-xl-9 {
margin-left: 75%; }
.offset-xl-10 {
margin-left: 83.33333%; }
.offset-xl-11 {
margin-left: 91.66667%; } }
.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: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important; }
.d-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important; }
@media (min-width: 576px) {
.d-sm-none {
display: none !important; }
.d-sm-inline {
display: inline !important; }
.d-sm-inline-block {
display: inline-block !important; }
.d-sm-block {
display: block !important; }
.d-sm-table {
display: table !important; }
.d-sm-table-row {
display: table-row !important; }
.d-sm-table-cell {
display: table-cell !important; }
.d-sm-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important; }
.d-sm-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important; } }
@media (min-width: 768px) {
.d-md-none {
display: none !important; }
.d-md-inline {
display: inline !important; }
.d-md-inline-block {
display: inline-block !important; }
.d-md-block {
display: block !important; }
.d-md-table {
display: table !important; }
.d-md-table-row {
display: table-row !important; }
.d-md-table-cell {
display: table-cell !important; }
.d-md-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important; }
.d-md-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important; } }
@media (min-width: 992px) {
.d-lg-none {
display: none !important; }
.d-lg-inline {
display: inline !important; }
.d-lg-inline-block {
display: inline-block !important; }
.d-lg-block {
display: block !important; }
.d-lg-table {
display: table !important; }
.d-lg-table-row {
display: table-row !important; }
.d-lg-table-cell {
display: table-cell !important; }
.d-lg-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important; }
.d-lg-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important; } }
@media (min-width: 1200px) {
.d-xl-none {
display: none !important; }
.d-xl-inline {
display: inline !important; }
.d-xl-inline-block {
display: inline-block !important; }
.d-xl-block {
display: block !important; }
.d-xl-table {
display: table !important; }
.d-xl-table-row {
display: table-row !important; }
.d-xl-table-cell {
display: table-cell !important; }
.d-xl-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important; }
.d-xl-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important; } }
@media print {
.d-print-none {
display: none !important; }
.d-print-inline {
display: inline !important; }
.d-print-inline-block {
display: inline-block !important; }
.d-print-block {
display: block !important; }
.d-print-table {
display: table !important; }
.d-print-table-row {
display: table-row !important; }
.d-print-table-cell {
display: table-cell !important; }
.d-print-flex {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -ms-flexbox !important;
display: flex !important; }
.d-print-inline-flex {
display: -webkit-inline-box !important;
display: -webkit-inline-flex !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important; } }
.flex-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important; }
.flex-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.flex-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.flex-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.justify-content-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important; }
.justify-content-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important; }
.align-items-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important; }
.align-content-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important; }
.align-content-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important; }
.align-content-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important; }
.align-content-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important; }
.align-content-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important; }
.align-content-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important; }
.align-self-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important; }
.align-self-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important; }
.align-self-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important; }
.align-self-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important; }
.align-self-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important; }
.align-self-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important; }
@media (min-width: 576px) {
.flex-sm-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-sm-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-sm-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-sm-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important; }
.flex-sm-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.flex-sm-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.flex-sm-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.justify-content-sm-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-sm-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-sm-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-sm-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important; }
.justify-content-sm-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important; }
.align-items-sm-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-sm-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-sm-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-sm-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-sm-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important; }
.align-content-sm-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important; }
.align-content-sm-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important; }
.align-content-sm-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important; }
.align-content-sm-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important; }
.align-content-sm-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important; }
.align-content-sm-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important; }
.align-self-sm-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important; }
.align-self-sm-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important; }
.align-self-sm-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important; }
.align-self-sm-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important; }
.align-self-sm-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important; }
.align-self-sm-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important; } }
@media (min-width: 768px) {
.flex-md-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-md-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-md-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-md-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important; }
.flex-md-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.flex-md-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.flex-md-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.justify-content-md-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-md-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-md-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-md-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important; }
.justify-content-md-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important; }
.align-items-md-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-md-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-md-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-md-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-md-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important; }
.align-content-md-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important; }
.align-content-md-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important; }
.align-content-md-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important; }
.align-content-md-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important; }
.align-content-md-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important; }
.align-content-md-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important; }
.align-self-md-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important; }
.align-self-md-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important; }
.align-self-md-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important; }
.align-self-md-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important; }
.align-self-md-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important; }
.align-self-md-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important; } }
@media (min-width: 992px) {
.flex-lg-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-lg-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-lg-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-lg-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important; }
.flex-lg-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.flex-lg-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.flex-lg-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.justify-content-lg-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-lg-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-lg-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-lg-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important; }
.justify-content-lg-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important; }
.align-items-lg-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-lg-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-lg-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-lg-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-lg-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important; }
.align-content-lg-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important; }
.align-content-lg-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important; }
.align-content-lg-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important; }
.align-content-lg-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important; }
.align-content-lg-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important; }
.align-content-lg-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important; }
.align-self-lg-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important; }
.align-self-lg-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important; }
.align-self-lg-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important; }
.align-self-lg-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important; }
.align-self-lg-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important; }
.align-self-lg-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important; } }
@media (min-width: 1200px) {
.flex-xl-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important; }
.flex-xl-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: column !important;
-ms-flex-direction: column !important;
flex-direction: column !important; }
.flex-xl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: row-reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important; }
.flex-xl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-webkit-flex-direction: column-reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important; }
.flex-xl-wrap {
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important; }
.flex-xl-nowrap {
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important; }
.flex-xl-wrap-reverse {
-webkit-flex-wrap: wrap-reverse !important;
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important; }
.justify-content-xl-start {
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important; }
.justify-content-xl-end {
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important; }
.justify-content-xl-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important; }
.justify-content-xl-between {
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important; }
.justify-content-xl-around {
-webkit-justify-content: space-around !important;
-ms-flex-pack: distribute !important;
justify-content: space-around !important; }
.align-items-xl-start {
-webkit-box-align: start !important;
-webkit-align-items: flex-start !important;
-ms-flex-align: start !important;
align-items: flex-start !important; }
.align-items-xl-end {
-webkit-box-align: end !important;
-webkit-align-items: flex-end !important;
-ms-flex-align: end !important;
align-items: flex-end !important; }
.align-items-xl-center {
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-ms-flex-align: center !important;
align-items: center !important; }
.align-items-xl-baseline {
-webkit-box-align: baseline !important;
-webkit-align-items: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important; }
.align-items-xl-stretch {
-webkit-box-align: stretch !important;
-webkit-align-items: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important; }
.align-content-xl-start {
-webkit-align-content: flex-start !important;
-ms-flex-line-pack: start !important;
align-content: flex-start !important; }
.align-content-xl-end {
-webkit-align-content: flex-end !important;
-ms-flex-line-pack: end !important;
align-content: flex-end !important; }
.align-content-xl-center {
-webkit-align-content: center !important;
-ms-flex-line-pack: center !important;
align-content: center !important; }
.align-content-xl-between {
-webkit-align-content: space-between !important;
-ms-flex-line-pack: justify !important;
align-content: space-between !important; }
.align-content-xl-around {
-webkit-align-content: space-around !important;
-ms-flex-line-pack: distribute !important;
align-content: space-around !important; }
.align-content-xl-stretch {
-webkit-align-content: stretch !important;
-ms-flex-line-pack: stretch !important;
align-content: stretch !important; }
.align-self-xl-auto {
-webkit-align-self: auto !important;
-ms-flex-item-align: auto !important;
align-self: auto !important; }
.align-self-xl-start {
-webkit-align-self: flex-start !important;
-ms-flex-item-align: start !important;
align-self: flex-start !important; }
.align-self-xl-end {
-webkit-align-self: flex-end !important;
-ms-flex-item-align: end !important;
align-self: flex-end !important; }
.align-self-xl-center {
-webkit-align-self: center !important;
-ms-flex-item-align: center !important;
align-self: center !important; }
.align-self-xl-baseline {
-webkit-align-self: baseline !important;
-ms-flex-item-align: baseline !important;
align-self: baseline !important; }
.align-self-xl-stretch {
-webkit-align-self: stretch !important;
-ms-flex-item-align: stretch !important;
align-self: stretch !important; } }
.slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto; }
.slick-track:before, .slick-track:after {
content: "";
display: table; }
.slick-track:after {
clear: both; }
.slick-loading .slick-track {
visibility: hidden; }
.slick-slide {
float: left;
height: auto;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right; }
.slick-slide img {
display: block; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized .slick-slide {
display: block; }
.slick-loading .slick-slide {
visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }
.slick-arrow.slick-hidden {
display: none; } .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite; }
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); }
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0); }
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0); } }
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0); }
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0); }
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0); } }
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom; }
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1; }
25%, 75% {
opacity: 0; } }
@keyframes flash {
from, 50%, to {
opacity: 1; }
25%, 75% {
opacity: 0; } }
.flash {
-webkit-animation-name: flash;
animation-name: flash; }
@-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse; }
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1); }
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1); }
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1); }
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1); }
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1); }
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1); }
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1); }
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand; }
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); } }
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); } }
.shake {
-webkit-animation-name: shake;
animation-name: shake; }
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg); }
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg); }
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg); }
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg); }
50% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0); }
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg); }
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg); }
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg); }
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg); }
50% {
-webkit-transform: translateX(0);
transform: translateX(0); } }
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake; }
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg); }
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg); }
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg); }
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg); }
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg); } }
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg); }
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg); }
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg); }
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg); }
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg); } }
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing; }
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.tada {
-webkit-animation-name: tada;
animation-name: tada; }
@-webkit-keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes wobble {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble; }
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg); }
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% {
-webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
transform: skewX(0.39063deg) skewY(0.39063deg); }
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
@keyframes jello {
from, 11.1%, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg); }
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg); }
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg); }
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg); }
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg); }
77.7% {
-webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
transform: skewX(0.39063deg) skewY(0.39063deg); }
88.8% {
-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
transform: skewX(-0.19531deg) skewY(-0.19531deg); } }
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center; }
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03); }
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97); }
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03); }
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97); }
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.bounceIn {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn; }
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0); }
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0); }
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown; }
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0); }
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0); }
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0); }
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft; }
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0); }
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); }
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0); }
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0); }
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight; }
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0); }
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0); }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp; }
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); } }
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9); }
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1); }
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); } }
.bounceOut {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceOut;
animation-name: bounceOut; }
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown; }
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft; }
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight; }
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0); }
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0); }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp; }
@-webkit-keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fadeIn {
from {
opacity: 0; }
to {
opacity: 1; } }
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn; }
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown; }
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig; }
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft; }
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig; }
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight; }
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig; }
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp; }
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig; }
@-webkit-keyframes fadeOut {
from {
opacity: 1; }
to {
opacity: 0; } }
@keyframes fadeOut {
from {
opacity: 1; }
to {
opacity: 0; } }
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut; }
@-webkit-keyframes fadeOutDown {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
@keyframes fadeOutDown {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown; }
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
@keyframes fadeOutDownBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0); } }
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig; }
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
@keyframes fadeOutLeft {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft; }
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
@keyframes fadeOutLeftBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0); } }
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig; }
@-webkit-keyframes fadeOutRight {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
@keyframes fadeOutRight {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight; }
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
@keyframes fadeOutRightBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0); } }
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig; }
@-webkit-keyframes fadeOutUp {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
@keyframes fadeOutUp {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp; }
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
@keyframes fadeOutUpBig {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0); } }
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig; }
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; } }
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-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 {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX; }
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0; }
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1; }
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
to {
-webkit-transform: perspective(400px);
transform: perspective(400px); } }
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY; }
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0; } }
.flipOutX {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important; }
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px); }
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1; }
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0; } }
.flipOutY {
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY; }
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1; }
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; } }
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0; }
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1; }
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; } }
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1; }
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0; } }
@keyframes lightSpeedOut {
from {
opacity: 1; }
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) 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 {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; } }
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; } }
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn; }
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; } }
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; } }
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft; }
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; } }
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; } }
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight; }
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; } }
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; } }
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft; }
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; } }
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1; } }
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight; }
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1; }
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0; } }
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut; }
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0; } }
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft; }
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight; }
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1; }
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0; } }
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft; }
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1; }
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0; } }
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight; }
@-webkit-keyframes hinge {
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: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1; }
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0; } }
@keyframes hinge {
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: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out; }
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1; }
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0; } }
.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-name: hinge;
animation-name: hinge; }
@-webkit-keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom; }
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg); }
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg); }
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); } }
@keyframes jackInTheBox {
from {
opacity: 0;
-webkit-transform: scale(0.1) rotate(30deg);
transform: scale(0.1) rotate(30deg);
-webkit-transform-origin: center bottom;
transform-origin: center bottom; }
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg); }
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg); }
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); } }
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox; }
@-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn; }
@-webkit-keyframes rollOut {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
@keyframes rollOut {
from {
opacity: 1; }
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut; }
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1; } }
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn; }
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown; }
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft; }
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight; }
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp; }
@-webkit-keyframes zoomOut {
from {
opacity: 1; }
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0; } }
@keyframes zoomOut {
from {
opacity: 1; }
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0; } }
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut; }
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown; }
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center; } }
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center; } }
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft; }
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center; } }
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center; } }
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight; }
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
to {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp; }
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown; }
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft; }
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight; }
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible; }
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp; }
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); } }
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown; }
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); } }
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft; }
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); } }
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight; }
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); } }
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp; }
.description-slider__arrows {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 40px;
}
.slick-arrow {
background: transparent;
font-size: 0;
border: none;
margin: 0;
display: block;
position: relative;
width: 36px;
height: 36px;
cursor: pointer; }
.slick-arrow::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/img/icons/arrow.svg) center no-repeat;
-webkit-background-size: contain;
background-size: contain; }
.slick-prev {
margin-right: 30px; }
.slick-next::before {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.slick-slide:focus {
outline: none; }
.slick-dots button {
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease; }
.slick-dots button:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
.breadcrumbs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 88px 0 30px; }
.breadcrumbs a {
color: #FFA646;
font-size: 12px;
line-height: 14px;
font-weight: 300; }
.breadcrumbs .sep {
color: #222;
font-size: 14px;
display: block;
padding: 0 12px; }
.breadcrumbs .current {
color: #222;
font-size: 12px;
line-height: 14px;
font-weight: 300; }
.white-popup {
background: white;
-webkit-border-radius: 15px;
border-radius: 15px;
padding: 30px;
max-width: 400px;
margin: auto; }
.page-content__wrap {
color: #555555; }
.page-content__wrap p {
line-height: 18px;
margin-bottom: 20px; }
.page-content__wrap ul {
padding-left: 40px;
list-style: disc;
margin-bottom: 20px; }
.page-content__wrap ol {
padding-left: 40px;
margin-bottom: 20px; }
.page-content__wrap a {
color: red; }
.page-content__wrap h1, .page-content__wrap h2, .page-content__wrap h3:not(.section__title), .page-content__wrap h4, .page-content__wrap h5, .page-content__wrap h6 {
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 20px; }
.page-content__wrap img {
max-width: 100%;
height: auto;
display: block; }
.page-content__wrap .section__title {
margin-bottom: 40px; }
.hamburger {
padding: 15px 15px;
display: inline-block;
cursor: pointer;
-webkit-transition-property: opacity, -webkit-filter;
transition-property: opacity, -webkit-filter;
-o-transition-property: opacity, filter;
transition-property: opacity, filter;
transition-property: opacity, filter, -webkit-filter;
-webkit-transition-duration: 0.15s;
-o-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible; }
.hamburger:hover {
opacity: 0.7; }
.hamburger-box {
width: 40px;
height: 24px;
display: inline-block;
position: relative; }
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 40px;
height: 4px;
background-color: #000;
-webkit-border-radius: 4px;
border-radius: 4px;
position: absolute;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.15s;
-o-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block; }
.hamburger-inner::before {
top: -10px; }
.hamburger-inner::after {
bottom: -10px; }
.hamburger-menu__wrap {
display: none; }
.hamburger--slider .hamburger-inner {
top: 4px; }
.hamburger--slider .hamburger-inner::before {
top: 10px;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
-o-transition-property: transform, opacity;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: 0.15s;
-o-transition-duration: 0.15s;
transition-duration: 0.15s; }
.hamburger--slider .hamburger-inner::after {
top: 20px; }
.hamburger--slider.is-active .hamburger-inner {
-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--slider.is-active .hamburger-inner::before {
-webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
opacity: 0; }
.hamburger--slider.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
transform: translate3d(0, -20px, 0) rotate(-90deg); }
.my-mfp-zoom-in .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8); }
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
opacity: 0; }
.my-mfp-zoom-in.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out; }
.my-mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8; }
.my-mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0; }
.my-mfp-slide-bottom .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
-ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
transform: translateY(-20px) perspective(600px) rotateX(10deg); }
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: translateY(0) perspective(600px) rotateX(0);
-ms-transform: translateY(0) perspective(600px) rotateX(0);
transform: translateY(0) perspective(600px) rotateX(0); }
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
opacity: 0;
-webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
-ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
transform: translateY(-10px) perspective(600px) rotateX(10deg); }
.my-mfp-slide-bottom.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out; }
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
opacity: 0.8; }
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
opacity: 0; }
.no-scroll {
overflow: hidden; }
@media screen and (min-width: 991px) {
.no-scroll {
padding-right: 17px; } }
.overlay {
display: none;
position: fixed;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.8);
z-index: 999;
top: 0;
left: 0; }
.overlay:hover {
cursor: pointer; }
.cl-effect-13 li::before, .header__language::before {
position: absolute;
top: 65%;
left: 50%;
color: transparent;
content: '•';
text-shadow: 0 0 transparent;
font-size: 1.2em;
-webkit-transition: text-shadow 0.3s, color 0.3s;
-o-transition: text-shadow 0.3s, color 0.3s;
transition: text-shadow 0.3s, color 0.3s;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
pointer-events: none; }
.cl-effect-13 li:hover::before, .header__language:hover::before {
color: #fff;
text-shadow: 10px 0 #fff, -10px 0 #fff; }
.cl-effect-13 li:hover > a {
color: #FFA646; }
.slick-dots {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.slick-dots li {
display: contents; }
.slick-dots li button {
font-size: 0;
background-color: transparent;
border: none;
position: relative;
width: 10px;
height: 10px; }
.slick-dots li button::after {
content: '';
position: absolute;
display: block;
width: 10px;
height: 10px;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 1px solid #FFA646;
top: 0;
left: 0;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
cursor: pointer; }
.slick-dots li.slick-active button::after {
top: -4px;
left: -3px;
width: 17px;
height: 17px;
background: #FFA646; }
.page-id-7 .header, .page-id-40 .header {
background: #555;
position: relative; }
.page-id-7 .header.fixed-header, .page-id-40 .header.fixed-header {
position: fixed;
top: 0;
left: 0;
background: #555; }
.menu-item {
display: block;
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear; }
.header {
background: #555;
z-index: 10;
font-size: 16px;
position: fixed;
top: 0;
left: 0;
width: 100vw;
-webkit-transition: .5s all ease;
-o-transition: .5s all ease;
transition: .5s all ease; }
.header .logo {
padding: 7px 0;
max-width: 100px; }
.header .logo img {
display: block;
width: 100%; }
.header a {
color: #fff;
display: block; }
.header__inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.header__nav {
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%; }
.header__nav .header-menu__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.header__nav .header-menu__list .menu-item {
position: relative; }
.header__nav .header-menu__list .menu-item a {
padding: 20px 12px; }
.header__nav .header-menu__list > .menu-item-has-children::after {
content: '';
position: absolute;
display: block;
width: 4px;
height: 4px;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%) rotate(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
border-right: 1px solid white;
border-bottom: 1px solid white; }
.header__nav .header-menu__list > .menu-item-has-children .menu-item::before {
content: unset; }
.header__nav .header-menu__list > .menu-item-has-children:hover::after {
border-color: #FFA646; }
.header__nav .header-menu__list .sub-menu {
opacity: 0;
pointer-events: none;
position: absolute;
min-width: 190px;
background: #555;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease; }
.header__nav .header-menu__list .sub-menu .menu-item {
border-bottom: 1px solid #424242;
padding: 5px 5px 5px 10px; }
.header__nav .header-menu__list .sub-menu .menu-item:last-of-type {
border: none; }
.header__nav .header-menu__list .sub-menu .menu-item:hover {
background: #555; }
.header__nav .header-menu__list .sub-menu .menu-item:hover a {
color: #FFA646;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease; }
.header__nav .header-menu__list .sub-menu a {
padding: 5px; }
.header__nav .header-menu__list .sub-menu::before {
content: '';
position: absolute;
top: -2px;
left: 0;
height: 2px;
width: 100%; }
.header__nav .header-menu__list .sub-menu:hover {
opacity: 1; }
.header__nav .header-menu__list > .menu-item-has-children > .sub-menu {
top: 100%;
left: 0; }
.header__nav .header-menu__list > .menu-item-has-children > .sub-menu .menu-item-has-children .sub-menu {
left: 100%;
top: 0; }
.header__nav .header-menu__list > .menu-item-has-children > .sub-menu .menu-item-has-children .sub-menu a {
color: white; }
.header__nav .header-menu__list > .menu-item-has-children > .sub-menu .menu-item-has-children .sub-menu .menu-item:hover a {
color: #FFA646; }
.header__nav .header-menu__list > .menu-item-has-children > .sub-menu .menu-item-has-children:hover > .sub-menu {
opacity: 1;
pointer-events: all; }
.header__nav .header-menu__list > .menu-item-has-children:hover > .sub-menu {
opacity: 1;
pointer-events: all; }
.header__nav .header-menu__list_mobile {
display: none; }
.header__nav .header-menu__list_mobile .menu-item-has-children .sub-menu {
pointer-events: auto;
position: static;
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
height: 0;
overflow: hidden;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease; }
.header__nav .header-menu__list_mobile .menu-item-has-children .sub-menu.active {
height: auto; }
.header__nav .header-menu__list_mobile .menu-item-has-children .sub-menu .menu-item {
border: none; }
.header__nav .header-menu__list_mobile .menu-item-has-children .sub-menu .sub-menu {
position: static; }
.header__phone {
font-size: 14px;
line-height: 17px;
font-weight: 800;
position: relative;
top: 1px; }
.header__phone a {
display: inline-block; }
.header__phone_mobile {
display: none; }
.header__language_mobile {
position: absolute;
top: 10px;
left: 10px;
display: none; }
.header__language_mobile .language__current_mobile {
color: white; }
.header__language_mobile .language__switch_mobile a {
color: #FFA646; }
.header__language {
position: relative; }
.header__language:hover {
color: #FFA646;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease; }
.header__language:hover .language__current {
color: #FFA646; }
.header__language:hover .language__switch {
opacity: 1;
pointer-events: all;
background: #555; }
.header__language:hover .language__switch:hover {
background-color: #555; }
.header__language:hover .language__switch:hover a {
color: #FFA646; }
.header .mobile {
display: none; }
.burger__close {
display: none;
background: transparent;
border: none;
position: fixed;
width: 20px;
height: 20px;
top: 10px;
right: 10px;
cursor: pointer; }
.burger__close::before {
content: '';
display: block;
position: absolute;
left: 0;
top: 8px;
height: 4px;
width: 20px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
background: white;
-webkit-border-radius: 4px;
border-radius: 4px; }
.burger__close::after {
content: '';
display: block;
position: absolute;
left: 0;
top: 8px;
height: 4px;
width: 20px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
background: white;
-webkit-border-radius: 4px;
border-radius: 4px; }
.burger__button {
width: 34px;
height: 18px;
position: relative;
padding: 9px 0;
left: 0;
cursor: pointer;
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear; }
.burger__button:hover {
left: 5px; }
.burger__button:hover::before, .burger__button:hover::after {
left: 0; }
.burger__button::before {
content: '';
position: absolute;
display: block;
width: 27px;
height: 2px;
top: 0;
left: 9px;
background: #fff;
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear; }
.burger__button::after {
content: '';
position: absolute;
display: block;
width: 27px;
height: 2px;
bottom: 0;
left: 9px;
background: #fff;
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear; }
.burger__button.is-active {
left: 5px; }
.burger__button.is-active .burger__part {
opacity: 0;
left: 10px; }
.burger__button.is-active::before {
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
top: 6px;
left: 0; }
.burger__button.is-active::after {
-webkit-transform: rotate(-225deg);
-ms-transform: rotate(-225deg);
transform: rotate(-225deg);
bottom: 10px;
left: 0; }
.burger__part {
position: absolute;
width: 27px;
height: 2px;
top: calc(50% - 1px);
left: 0;
background: #fff;
opacity: 1;
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear; }
.burger__menu {
display: none;
position: absolute;
background: #222;
min-width: 190px;
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px); }
.burger__menu .menu-item {
font-size: 14px;
line-height: 16px;
padding: 7px 0 9px 19px;
border-bottom: 1px solid #424242; }
.language {
color: #fff; }
.language__current {
position: relative;
padding: 20px 12px 20px 10px;
cursor: pointer;
line-height: 18px;
color: #fff;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease; }
.language__current:hover {
color: #FFA646; }
.language__current:hover::after {
border-color: #FFA646; }
.language__current::after {
content: '';
position: absolute;
display: block;
width: 4px;
height: 4px;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: rotate(-45deg) translateY(-50%);
-ms-transform: rotate(-45deg) translateY(-50%);
transform: rotate(-45deg) translateY(-50%);
top: 50%;
right: 0;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease; }
.language__switch {
opacity: 0;
pointer-events: none;
position: absolute;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease; }
.language__switch li::before {
content: unset; }
.language__switch a {
display: block;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
padding: 10px;
padding-right: 12px; }
.language__switch:hover a {
color: #FFA646; }
.footer {
padding: 36px 0 10px;
color: #fff;
background-color: #555; }
.footer .container {
max-width: 830px; }
.footer__copyright {
text-align: center; }
.footer a {
color: #fff; }
.footer a.footer__mobios {
color: #FFA646; }
.footer a.footer__mobios:hover {
text-decoration: underline; }
.footer__nav {
margin-bottom: 40px; }
.footer-menu__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.footer-menu__list .menu-item {
font-size: 16px;
line-height: 18px;
margin: 0 20px;
position: relative; }
.footer-menu__list .menu-item a {
padding: 10px 0; }
.footer__links {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 30px; }
.footer__links .logo {
max-width: 100px;
margin-right: 45px; }
.footer__links .logo img {
width: 100%; }
.footer__contacts {
padding: 0 45px;
height: 56px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border-left: 1px solid #787878;
border-right: 1px solid #787878; }
.footer__socials {
margin-left: 45px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-basis: 150px;
-ms-flex-preferred-size: 150px;
flex-basis: 180px;
}
.footer__phone {
margin-bottom: 5px; }
.footer__phone-link {
font-weight: 800;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease; }
.footer__phone-link:hover {
color: #FFA646; }
.footer__email-link {
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease; }
.footer__email-link:hover {
color: #FFA646; }
.footer__social-link {
display: block;
width: 30px;
height: 30px;
position: relative; }
.footer__social-link::after {
content: '';
position: absolute;
width: 30px;
height: 30px;
top: 0;
left: 0;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease; }
.footer__social-link.fa::after {
background: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/img/icons/facebook.svg);
}
.footer__social-link.in::after {
background: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/img/icons/instagram.svg);
}
.footer__social-link.yt::after {
background: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/img/icons/youtube.svg);
}
.footer__social-link.te::after {
background: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/img/icons/telegram.svg);
}
.footer__social-link.link::after {
background: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/img/icons/linkedin.svg);
}
.footer__social-link:hover::after {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2); }
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;
line-height: 110%; }
*:before, *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
html {
scroll-behavior: smooth; }
body {
font-size: 14px;
min-width: 320px;
font-family: "Gilroy",sans-serif;
background-color: #fff;
color: #222;
overflow-x: hidden; }
aside {
overflow: hidden; }
section, header, footer, main, aside {
position: relative; }
input:focus, button:focus, a:focus {
outline: none; }
ul {
list-style: none; }
a {
text-decoration: none;
color: #222; }
nav a {
position: relative;
display: inline-block; }
h1::-moz-selection, h2::-moz-selection, h2::-moz-selection, h3::-moz-selection, p::-moz-selection, a::-moz-selection, span::-moz-selection {
background-color: #FFA646; }
h1::selection, h2::selection, h2::selection, h3::selection, p::selection, a::selection, span::selection {
background-color: #FFA646; }
.img-responsive {
display: block;
max-width: 100%;
height: auto; }
.text-center {
text-align: center; }
.main-menu {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.promo__link {
display: inline-block;
color: #FFA646;
font-size: 16px;
line-height: 20px;
font-weight: 800;
padding-right: 228px;
position: relative;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
margin-bottom: 90px; }
.promo__link::after {
content: '';
position: absolute;
display: block;
width: 210px;
height: 1px;
top: 50%;
right: 0;
background-color: #c4c4c4;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease; }
.promo__link::before {
content: '';
position: absolute;
display: block;
width: 0;
height: 1px;
top: 50%;
left: calc(100% - 210px);
background-color: #FFA646;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
z-index: 2; }
.promo__link:hover {
text-decoration: underline; }
.promo__link:hover::before {
width: 210px; }
.application-link {
display: inline-block;
padding: 17px 59px 15px;
font-size: 16px;
line-height: 20px;
font-weight: 800;
background: #EEC225;
-webkit-border-radius: 32px;
border-radius: 32px;
-webkit-box-shadow: 0px 0px 8px #EEC225;
box-shadow: 0px 0px 8px #EEC225;
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
color: #fff; }
.application-link:hover {
-webkit-box-shadow: none;
box-shadow: none;
background: #FFA646; }
.section-title {
font-size: 48px;
line-height: 59px;
font-weight: 800;
text-transform: uppercase;
color: #222; }
.section-title .accented {
display: block;
text-align: center;
color: #FFA646;
line-height: 44px; }
.page-title {
font-size: 48px;
line-height: 59px;
font-weight: 800;
text-transform: uppercase;
margin-bottom: 40px; }
.blog {
padding: 70px 0 40px;
position: relative;
overflow: hidden; }
.blog .container {
position: relative; }
.blog .container::after {
content: '';
display: block;
position: absolute;
bottom: -40px;
right: -900px;
height: 672px;
width: 1073px;
background: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/img/icons/factory.svg) center no-repeat;
-webkit-background-size: contain;
background-size: contain;
z-index: -1; }
.blog .promo__link {
margin-bottom: 30px; }
.blog__post {
padding-bottom: 19px;
margin-bottom: 30px; }
.blog__inner {
margin-top: 40px; }
.blog__seo {
margin-top: 47px; }
.blog__seo .text-show-more {
background-color: transparent;
color: #FFA646;
display: inline-block;
border: none;
font-weight: 800;
margin-bottom: 20px;
padding-right: 230px;
position: relative;
cursor: pointer;
font-size: 16px;
font-family: "Gilroy",sans-serif; }
.blog__seo .text-show-more::before {
position: absolute;
display: block;
content: '';
width: 210px;
height: 1px;
top: 50%;
right: 0;
background-color: #c4c4c4; }
.blog__seo .text-show-more::after {
position: absolute;
display: block;
content: '';
width: 0;
height: 1px;
top: 50%;
left: calc(100% - 210px);
background-color: #FFA646;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
z-index: 2; }
.blog__seo .text-show-more:hover {
text-decoration: underline; }
.blog__seo .text-show-more:hover::after {
width: 210px; }
.post__link {
display: block;
position: relative;
height: 200px; }
.post__link::before {
content: '';
position: absolute;
display: block;
top: -20px;
left: -20px;
width: 40px;
height: 40px;
background: #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 2; }
.post__thumbnail {
display: block;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease; }
.post__thumbnail-container {
display: block;
width: 100%;
height: 100%;
overflow: hidden; }
.post__title-container {
position: absolute;
width: 93%;
bottom: -19px;
right: -10px;
height: 54px;
background: #FFA646;
padding-left: 20px;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.post__title-container::before {
content: '';
position: absolute;
top: -10px;
right: 0;
width: 0;
height: 0;
border: 5px solid transparent;
border-bottom: 5px solid #DC8220;
border-left: 5px solid #DC8220; }
.post__title {
display: inline-block;
color: #fff;
font-weight: 800; }
.blog-page {
overflow: hidden; }
.blog-page .container {
padding-bottom: 77px;
position: relative; }
.blog-page .container::after {
content: '';
display: block;
position: absolute;
bottom: -40px;
right: -900px;
height: 672px;
width: 1073px;
background: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/img/icons/factory.svg) center no-repeat;
-webkit-background-size: contain;
background-size: contain;
z-index: -1; }
.blog-page__inner {
min-height: calc(100vh - 520px); }
.projects-page {
overflow: hidden; }
.projects-page .container {
position: relative; }
.projects-page .container::after {
content: '';
display: block;
position: absolute;
bottom: 0;
right: -900px;
height: 672px;
width: 1073px;
background: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/img/icons/factory.svg) center no-repeat;
-webkit-background-size: contain;
background-size: contain;
z-index: -1; }
.projects-page__inner {
margin-top: 35px;
padding-bottom: 30px; }
.projects-page__link-img {
display: block;
height: 100%;
width: 100%;
overflow: hidden; }
.projects-page__link-img:hover .projects-page__img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1); }
.projects-page__img {
display: block;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease; }
.projects-page__img-container {
height: 260px; }
.projects-page__post-description {
padding: 20px 15px; }
.projects-page__post-item {
margin-bottom: 30px; }
.projects-page__title {
font-size: 24px;
line-height: 29px;
margin-bottom: 30px; }
.projects-page__excerpt {
font-size: 16px;
line-height: 18px; }
.projects-page .promo__link {
margin-top: 30px;
margin-bottom: 0; }
.about-us {
padding-bottom: 60px; }
.about-us .section-title {
margin-bottom: 40px; }
.about-us .promo__video {
float: right;
margin: 60px 0 50px 70px; }
.about-us .promo__video .video-container {
position: relative; }
.about-us .promo__video .video-container .video-poster__container {
overflow: hidden;
position: absolute;
top: 0;
display: block;
z-index: 1;
cursor: pointer;
width: 100%;
height: 100%; }
.about-us .promo__video .video-container .video-poster__container:hover::after {
-webkit-animation: pulse 2s infinite;
animation: pulse 2s infinite; }
.about-us .promo__video .video-container .video-poster__container::before { position: absolute;
display: block;
width: 66px;
height: 66px;
top: -33px;
left: -33px;
background-color: white;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 2; }
.about-us .promo__video .video-container .video-poster__container::after { position: absolute;
display: block;
height: 114px;
width: 114px;
top: calc(50% - 57px);
left: calc(50% - 57px);
z-index: 2;
background: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/img/icons/video-arrow.svg) center no-repeat;
-webkit-background-size: cover;
background-size: cover; }
.about-us .promo__video .video-container .video-poster__container .video__poster {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.about-us__inner {
padding-bottom: 65px; }
.about-us__content p {
font-size: 16px;
line-height: 18px;
margin-bottom: 22px; }
.about-us__gallery {
height: 250px; }
.about-us__item {
width: 23%;
height: 100%;
border: 1px solid #D6D6D6; }
.about-us__fancylink {
display: block;
height: 100%;
position: relative; }
.about-us__fancylink::before {
content: '';
display: block;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: rgba(255, 166, 70, 0.8);
opacity: 0;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease; }
.about-us__fancylink img {
display: block;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover; }
.about-us__fancylink:hover::before {
opacity: 1; }
.about-us__fancylink:hover .about-us__zoom {
opacity: 1; }
.about-us__zoom {
position: absolute;
top: calc(50% - 22px);
left: calc(50% - 67px);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fff;
font-size: 16px;
line-height: 44px;
font-weight: 800;
padding-left: 55px;
background: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/img/icons/zoom.svg) no-repeat left center/44px;
opacity: 0;
-webkit-animation: pulse 2s infinite;
animation: pulse 2s infinite;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease; }
.about-us__drag {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-top: 16px; }
.about-us__drag .drag__pic {
position: relative;
-webkit-flex-basis: 95px;
-ms-flex-preferred-size: 95px;
flex-basis: 95px;
height: 27px;
margin-right: 30px;
background: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/img/icons/pointer.svg) 20px top no-repeat;
-webkit-animation: pointer 1.5s alternate linear infinite;
animation: pointer 1.5s alternate linear infinite; }
.about-us__drag .drag__pic::before {
content: '';
display: block;
position: absolute;
width: 18px;
height: 8px;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/img/icons/arrow2.svg) center no-repeat; }
.about-us__drag .drag__pic::after {
content: '';
display: block;
position: absolute;
width: 18px;
height: 8px;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%) rotate(180deg);
-ms-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
background: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/img/icons/arrow2.svg) center no-repeat; }
#homepage-video {
position: relative;
width: 100%; }
.product-head {
margin-bottom: 40px; }
.product-head__vertical-slider .slick-list {
margin: -5px 0; }
.product-head__vertical-slider .slick-slide {
margin: 5px 0; }
.product-head__vertical-slider .slick-slide img {
display: block;
height: 75px;
width: auto;
margin: 0 auto; }
.product-head__vertical-slider .slick-slide.slick-current img {
border: 1px solid #FFA646; }
.product-head__vertical-slider img {
border: 1px solid transparent; }
.product-head__vertical-slider .slick-prev, .product-head__vertical-slider .slick-next {
margin: 0 auto;
height: 23px;
width: 23px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease; }
.product-head__vertical-slider .slick-prev:hover, .product-head__vertical-slider .slick-next:hover {
-webkit-transform: rotate(90deg) scale(1.1);
-ms-transform: rotate(90deg) scale(1.1);
transform: rotate(90deg) scale(1.1); }
.product-head__vertical-slider .slick-prev {
margin-bottom: 5px; }
.product-head__vertical-slider .slick-next {
margin-top: 5px; }
.product-head__fade-slider .slick-slide img {
display: block;
height: 300px;
width: 100%;
-o-object-fit:  contain;
object-fit: contain; }
.product-slider__fancylink {
display: block;
border: 1px solid #eaeaea;
padding: 5px; }
.product__title {
font-size: 24px;
line-height: 29px;
margin-bottom: 36px; }
.product__price {
text-transform: uppercase;
font-size: 24px;
line-height: 29px;
font-weight: 800;
color: #FFA646;
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #EAEAEA;
border-bottom: 1px solid #EAEAEA;
margin-bottom: 30px; }
.product-body {
overflow: hidden; }
.product-body .container {
position: relative; }
.product-body .container::after {
content: '';
display: block;
position: absolute;
bottom: -40px;
right: -900px;
height: 672px;
width: 1073px;
background: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/img/icons/factory.svg) center no-repeat;
-webkit-background-size: contain;
background-size: contain;
z-index: -1; }
.product-body .tabs__link {
display: inline-block;
position: relative;
padding: 0 40px;
font-weight: 800;
font-size: 18px;
line-height: 22px;
color: #787878;
cursor: pointer;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease; }
.product-body .tabs__link:hover {
color: #FFA646; }
.product-body .tabs__link.active {
color: #FFA646; }
.product-body .tabs__link::after {
content: '';
display: block;
position: absolute;
height: 14px;
width: 1px;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: #EAEAEA; }
.product-body .tabs__link:first-of-type {
padding-left: 0; }
.product-body .tabs__link:last-of-type {
padding-right: 0; }
.product-body .tabs__link:last-of-type::after {
content: unset; }
.product-body .tabs__content {
font-size: 16px;
line-height: 18px; }
.product-body .tabs__content p {
margin-bottom: 22px; }
.product-body .tabs__content p img {
display: block;
max-width: 100%;
-o-object-fit: contain;
object-fit: contain;
height: auto; }
.product-body .tabs__caption {
padding-bottom: 6px;
border-bottom: 1px solid #EAEAEA;
margin-bottom: 40px; }
.product-body .tabs__content {
display: none;
padding-bottom: 20px; }
.product-body .tabs__content.active {
display: block; }
.services-single .services__inner {
position: relative; }
.services-single .services__inner::before {
content: '';
display: block;
position: absolute;
top: -160px;
right: -200px;
height: 407px;
width: 374px;
background: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/img/icons/on-off.svg) center no-repeat;
-webkit-background-size: contain;
background-size: contain;
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1); }
.services-single .services__container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
margin-top: 40px; }
.services-single .services__item {
-webkit-flex-basis: 23%;
-ms-flex-preferred-size: 23%;
flex-basis: 23%;
padding: 60px 15px 25px 20px;
position: relative;
border: 1px solid #EAEAEA;
margin-bottom: 30px;
transition-property: opacity,transform,-webkit-transform, border-color !important; }
.services-single .services__item::after {
content: '';
position: absolute;
display: block;
height: 30px;
width: 30px;
bottom: -15px;
right: -15px;
border-left: 1px solid #EAEAEA;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 2;
background: white;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease; }
.services-single .services__item:hover {
border: 1px solid #FFA646; }
.services-single .services__item:hover::after {
border-left: 1px solid #FFA646; }
.services-single .services__number {
position: absolute;
top: 10px;
left: 20px;
font-size: 36px;
line-height: 44px;
font-weight: 800;
color: #FFA646; }
.services-single .services-seo {
margin-top: 20px; }
.services-single .services-seo__inner {
margin-top: 20px;
font-size: 16px;
line-height: 18px; }
.services-single .services-seo__inner p, .services-single .services-seo__inner ul, .services-single .services-seo__inner h3, .services-single .services-seo__inner h4, .services-single .services-seo__inner h2, .services-single .services-seo__inner h5, .services-single .services-seo__inner h6 {
margin-bottom: 16px;
line-height: 1.2;
}
.services-single .services-seo__inner h3 {
font-size: 24px;
line-height: 29px; }
.services-single .services-seo__inner ol {
position: relative;
padding-left: 16px; }
.services-single .services-seo__inner ul li,
.services-single .services-seo__inner ol li {
margin-bottom: 5px;
}
.services-single .services-seo__inner ul li {
position: relative;
padding-left: 16px; }
.services-single .services-seo__inner ul li::before {
content: '';
position: absolute;
display: block;
top: 7px;
left: 0;
width: 4px;
height: 4px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #FFA646; }
.section-subtitle {
position: relative; }
.section-subtitle::before {
position: absolute;
content: '';
display: block;
width: 100%;
height: 1px;
top: 50%;
left: 0;
background: #EAEAEA; }
.section-subtitle__inner {
font-weight: 800;
font-size: 28px;
line-height: 34px;
text-transform: uppercase;
background: white;
position: relative;
z-index: 2;
padding-right: 17px; }
.contacts__inner .section-title {
text-align: center; }
.contacts__inner__container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-top: 35px;
margin-bottom: 40px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.contacts__inner__phone-section {
margin-right: 65px;
text-align: center; }
.contacts__inner__phone-section_tel {
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2.4px;
display: block; }
.contacts__inner__phone-section_tel:hover {
color: #FFA646;
text-decoration: none; }
.contacts__inner__phone-section_mail {
font-size: 16px;
letter-spacing: 1.6px;
font-weight: 500; }
.contacts__inner__phone-section_mail:hover {
color: #FFA646;
text-decoration: none; }
.contacts__inner__address-section {
padding: 32px 45px;
border: 1px solid #FFA646;
max-width: 335px;
text-align: center;
font-size: 16px;
line-height: 18px;
letter-spacing: 1.6px;
font-weight: 500; }
.feedback {
padding-top: 47px;
padding-bottom: 55px; }
.feedback .section-title {
text-align: center; }
.feedback__inputs {
max-width: 700px;
margin: 40px auto 0; }
.feedback__inputs_left {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 15px; }
.feedback__inputs_right {
margin-bottom: 20px; }
.feedback__label {
display: block;
font-size: 14px;
line-height: 17px;
font-weight: 800;
color: #555;
margin-bottom: 5px; }
.feedback__input {
display: block;
padding: 15px 0 15px 15px;
width: 100%;
font-family: "Gilroy",sans-serif;
color: #222;
border: 1px solid #D9D9D9; }
.feedback__input-container {
-webkit-flex-basis: 30%;
-ms-flex-preferred-size: 30%;
flex-basis: 30%; }
.btn-submit {
display: block;
padding: 13px 60px;
margin: 0 auto;
font-family: Gilroy, sans-serif;
font-weight: 800;
font-size: 14px;
line-height: 17px;
background: transparent;
border: 1px solid #FFA646;
-webkit-border-radius: 16px;
border-radius: 16px;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
cursor: pointer; }
.btn-submit:hover {
background: #FFA646;
color: white; }
.callback .feedback__input {
margin-bottom: 20px; }
.popup__title {
font-size: 24px;
font-weight: 800;
text-align: center;
margin-bottom: 20px; }
.pagination {
padding-bottom: 77px; }
.pagination__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.pagination__item, .pagination__prev, .pagination__next {
display: block;
padding: 0 8px;
margin: 0 5px;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
border: 1px solid transparent;
color: #787878; }
.pagination__item.active, .pagination__prev.active, .pagination__next.active {
font-weight: 800;
line-height: 33px;
border: 1px solid #FFA646; }
.pagination__prev, .pagination__next {
border: 1px solid #FFA646; }
@-webkit-keyframes pointer {
from {
background-position: 20px 0; }
to {
background-position: 45px 0; } }
@keyframes pointer {
from {
background-position: 20px 0; }
to {
background-position: 45px 0; } }
.header__burger{
display:none;
}
@media screen and (max-width: 900px) {
.header__burger {
display:block;
}
}
.header-app-link {
padding: 12px 36px 12px;
font-size: 14px;
}
@media screen and (max-width: 1200px) {
.header .logo {
order:0;
}
.header__phone {
display:none;
}
.header__phone_mobile a {
display: block;
width: 34px;
height: 34px;
background: url(//dev.lk-energy.com.ua/wp-content/themes/custom/assets/img/icons/telephone.svg) center no-repeat;
-webkit-background-size: contain;
background-size: contain;
}
.header__phone_mobile {
display:block;
order:1;
margin: 0 10px;
}
.header__burger {
order:5;
}
.header-app-link {
order: 4;
}
}
@media screen and (max-width: 480px) {
.header-app-link {
padding: 8px 12px 8px;
font-size: 13px;
}
}
.categories {
padding-bottom: 60px;
}
@media screen and (max-width: 992px) {
.categories {
padding-bottom: 20px;
}
}
.feature-area-1 {
box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.06);
margin-bottom: 160px;
}
@media (max-width: 991px) {
.feature-area-1 {
box-shadow: none
}
}
.feature-card-wrap {
margin: 0;
padding: 0;
list-style: none;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.feature-card-wrap .feature-card {
width: 16.666%
}
.feature-card-wrap .feature-card .feature-card-active-wrap {
background: #F17D00;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 25px 20px;
gap: 30px;
opacity: 0;
position: absolute;
inset: 0;
visibility: hidden;
-webkit-transition: all ease-out 0.4s;
transition: all ease-out .4s;
align-items: center;
}
.feature-card-wrap .feature-card .feature-card-active-wrap .feature-card_details {
max-width: none
}
.feature-card-wrap .feature-card .feature-card-active-wrap .feature-card_icon {
-webkit-box-flex: 0;
-webkit-flex: none;
-ms-flex: none;
flex: none
}
.feature-card-wrap .feature-card .feature-card-active-wrap .feature-card_icon {
display: flex;
align-items: center;
justify-content: center;
background: white;
border-radius: 50%;
height: 85px;
width: 85px;
margin: 0 auto;
}
.feature-card_icon img {
width: 70px;
height: 70px;
}
.feature-card-wrap .feature-card .feature-card-active-wrap .feature-card_title {
-webkit-transition: 0.4s;
transition: 0.4s;
color: #FFFFFF;
cursor: pointer
}
.feature-card-wrap .feature-card .feature-card-active-wrap .feature-card_title a {
color: #FFFFFF
}
.feature-card-wrap .feature-card .feature-card-active-wrap .feature-card_text {
color: #FFFFFF;
opacity: 1;
height: auto;
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
margin: 5px 0px 19px 0;
line-height: 1.2;
}
@media (max-width: 1700px) {
.feature-card-wrap .feature-card {
padding: 25px 20px;
}
.feature-card-wrap .feature-card .feature-card_title {
font-size: 16px;
line-height: 1.4;
text-transform: uppercase;
}
.feature-card-wrap .feature-card .feature-card_text {
font-size: 14px;
max-width: 100%;
}
.feature-card-wrap .feature-card .feature-card-active-wrap {
width: 100%;
padding: 25px 20px;
gap: 20px
}
}
@media (max-width: 1500px) {
.feature-card-wrap .feature-card .feature-card_title {
font-size: 16px
}
.feature-card-wrap .feature-card .feature-card_icon {
margin-bottom: 20px
}
.feature-card-wrap .feature-card .feature-card-active-wrap {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.feature-card-wrap .feature-card .feature-card-active-wrap .feature-card_icon {
display: none
}
}
@media (max-width: 1399px) {
.feature-card-wrap .feature-card {
padding: 25px 15px;
}
.feature-card_title {
font-size: 16px;
}
}
@media (max-width: 1299px) {
.feature-card-wrap .feature-card {
width: 20%
}
.feature-card-wrap .feature-card .feature-card-active-wrap {
display: none
}
.feature-card_title {
font-size: 14px;
}
.feature-card-active-wrap .feature-card_title {
font-size: 16px;
}
}
@media (max-width: 1199px) {
.feature-card-wrap .feature-card .feature-card_title {
font-size: 14px;
line-height: inherit;
flex: 1;
}
}
@media (max-width: 991px) {
.feature-card-wrap .feature-card {
display: inline-block;
width: calc(33.3% - 15px);
}
}
@media (max-width: 767px) {
.feature-card-wrap .feature-card {
width: 43%;
}
}
@media (max-width: 575px) {
.feature-card-wrap .feature-card {
width: 45%;
}
.feature-card-wrap .item-active {
width: 45%;
}
}
.feature-card-wrap .item-active {
width: 30%;
}
.feature-card-wrap .item-active.feature-card {
background: #F17D00;
}
.feature-card-wrap .item-active .feature-card-active-wrap {
opacity: 1;
visibility: visible;
}
@media (max-width: 1299px) {
.feature-card-wrap .item-active {
width: 20%;
}
.feature-card-wrap .item-active.feature-card {
background: #FFFFFF;
}
}
@media (max-width: 991px) {
.feature-card-wrap .item-active {
width: calc(33.3% - 15px);
}
}
@media (max-width: 767px) {
.feature-card-wrap .item-active {
width: 47%;
}
.feature-card-wrap .feature-card {
padding: 17px 10px;
}
}
@media (max-width: 1199px) {
.feature-card-wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 15px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-bottom: 20px
}
}
.feature-card {
padding: 40px 40px 47px;
background-color: #FFFFFF;
border-radius: 0px;
box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.06);
-webkit-transition: 0.4s;
transition: 0.4s;
position: relative
}
.feature-card .feature-card_details {
max-width: 245px;
}
.feature-card_icon {
margin-bottom: 40px
}
.feature-card_icon img {
-webkit-transition: 0.4s;
transition: 0.4s
}
.feature-card_title {
font-size: 16px;
margin-bottom: 0;
margin-top: -0.2em;
font-weight: 600;
line-height: 1.4;
text-transform: uppercase;
}
.feature-card_title a {
color: var(--title-color)
}
.feature-card_title a:hover {
color: #F17D00
}
.feature-card_text {
margin-bottom: -0.45em;
margin-top: 16px;
-webkit-transition: 0.7s;
transition: 0.7s;
height: 0;
opacity: 0;
line-height: 26px;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0)
}
.feature-card .btn-wrap {
-webkit-transition: 0.7s;
transition: 0.7s;
--btn-size: 30px;
border: 1px solid white;
text-align: center;
width: max-content;
padding: 8px 9px;
border-radius: 30px;
}
.feature-card .btn-wrap .icon-btn {
-webkit-transition: 0.4s;
transition: 0.4s
}
.feature-card .btn-wrap .link-btn {
color: #FFFFFF
}
.feature-card .btn-wrap .link-btn:before {
background: #FFFFFF
}
.feature-area-1 .container-fluid {
padding: 0;
}
.widget {
padding: 40px;
border-radius: 0px;
margin-bottom: 40px;
position: relative;
background-color: #F3F3F3;
}
.sidemenu-area .widget_title, .sidebar-area .widget_title {
position: relative;
}
.wp-block-search__label, .widget_title {
position: relative;
font-size: 24px;
font-weight: 600;
line-height: 1em;
margin: -0.1em 0 29px 0;
padding-bottom: 16px;
text-transform: uppercase;
border-bottom: 3px solid #E4E4E4;
}
.sidemenu-area .widget_title:before, .sidebar-area .widget_title:before {
content: '';
height: 3px;
width: 50px;
background-color: #FFA646;
position: absolute;
bottom: -3px;
left: 0;
z-index: 1;
-webkit-animation: lineMove 10s linear infinite;
animation: lineMove 10s linear infinite;
}
.widget_categories > ul {
margin: 0 0 -20px 0;
list-style: none;
padding: 0;
}
.widget_categories li {
display: block;
position: relative;
}
.widget_categories a {
display: block;
margin: 0 0 20px 0;
padding: 0 35px 20px 24px;
font-size: 16px;
font-weight: 400;
line-height: 1.18;
color: #4D5765;
}
.widget_categories li:not(:last-child) a {
border-bottom: 1px solid #E4E4E4;
}
.widget_categories a::before {
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="18px" height="18px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve"><path fill="%23FFA646" d="M138.396,385.142H81.827L210.969,256L81.827,126.858h56.568L267.538,256L138.396,385.142z M430.173,256 L301.03,126.858h-56.568L373.604,256L244.462,385.142h56.568L430.173,256z"/></svg>');
width: 18px;
height: 18px;
border-radius: 50%;
line-height: 18px;
font-size: 0.8em;
text-align: center;
position: absolute;
left: 0;
top: 0;
font-weight: 700;
color: #FFA646;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
}
@-webkit-keyframes lineMove {
0% {
left: 0px;
}
50% {
left: calc(100% - 50px);
}
100% {
left: 0px;
}
}
@keyframes lineMove {
0% {
left: 0px;
}
50% {
left: calc(100% - 50px);
}
100% {
left: 0px;
}
}
.th-product {
text-align: center;
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
}
.th-product .product-img {
overflow: hidden;
position: relative;
margin: 0 0 25px 0;
text-align: center;
z-index: 2;
border-radius: 0px;
width: 100%;
object-fit: contain;
display: flex;
height: 100%;
padding: 15px;
height: 345px;
}
.th-product.product-grid .product-title,
.th-product.product-grid {
transition: all 0.3s ease-in-out;
}
.th-product.product-grid:hover .product-title {
color: #FFA646;
}
.th-product.product-grid:hover .product-img img {
transform: scale(1.1);
}
.th-product .product-img {
overflow: hidden;
}
@media (min-width: 576px) {
.th-product .product-img {
height: 246px;
}
}
@media (min-width: 768px) {
.th-product .product-img {
height: 336px;
}
}
@media (min-width: 992px) {
.th-product .product-img {
height: 295px;
}
}
@media (min-width: 1200px) {
.th-product .product-img {
height: 260px;
}
}
@media (min-width: 1300px) {
.th-product .product-img {
height: 286px;
}
}
.th-product .product-img img {
-webkit-transition: all ease 0.4s;
transition: all ease 0.4s;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
max-width: 100%;
max-height: 100%;
height: auto;
width: 100%;
object-fit: contain;
}
.categories-row {
gap: 40px 0;
}
.th-pagination {
margin-bottom: 30px;
}
.th-pagination ul {
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.th-pagination li:first-child {
margin-left: 0;
}
.th-pagination li {
display: inline-block;
margin: 0 3px;
list-style-type: none;
}
.th-pagination span, .th-pagination a {
display: inline-block;
text-align: center;
position: relative;
border: none;
color: #000;
background-color: #EEEEEE;
width: 55px;
height: 55px;
line-height: 55px;
z-index: 1;
font-size: 16px;
font-weight: 500;
border-radius: 0px;
transition: all 0.3s ease-in-out;
}
.th-pagination span.active,
.th-pagination span:hover,
.th-pagination a.active,
.th-pagination a:hover {
color: #fff;
background-color: #FFA646;
box-shadow: none;
}
.fa-arrow-right:before {
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M13 4.58569L20.4142 11.9999L13 19.4141L11.5858 17.9999L16.5858 12.9999H4V10.9999H16.5858L11.5858 5.99991L13 4.58569Z" fill="black"/></svg>');
transition: all 0.3s ease-in-out;
}
.th-pagination span.active .fa-arrow-right:before,
.th-pagination span:hover .fa-arrow-right:before,
.th-pagination a.active .fa-arrow-right:before,
.th-pagination a:hover .fa-arrow-right:before {
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M13 4.58569L20.4142 11.9999L13 19.4141L11.5858 17.9999L16.5858 12.9999H4V10.9999H16.5858L11.5858 5.99991L13 4.58569Z" fill="white"/></svg>');
}
.fa-arrow-right {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
}
.fa-arrow-left:before {
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M13 4.58569L20.4142 11.9999L13 19.4141L11.5858 17.9999L16.5858 12.9999H4V10.9999H16.5858L11.5858 5.99991L13 4.58569Z" fill="black"/></svg>');
transition: all 0.3s ease-in-out;
transform: rotate(180deg);
}
.th-pagination span.active .fa-arrow-left:before,
.th-pagination span:hover .fa-arrow-left:before,
.th-pagination a.active .fa-arrow-left:before,
.th-pagination a:hover .fa-arrow-left:before {
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M13 4.58569L20.4142 11.9999L13 19.4141L11.5858 17.9999L16.5858 12.9999H4V10.9999H16.5858L11.5858 5.99991L13 4.58569Z" fill="white"/></svg>');
}
.fa-arrow-left {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
}
.pt-50 {
padding-top: 50px;
}
.th-pagination {
margin-bottom: 30px;
}
.text-center {
text-align: center !important;
}
.widget_categories a,
.th-product .product-title a {
transition: all 0.3s ease-in-out;
}
.widget_categories a:hover,
.th-product .product-title a:hover {
color: #FFA646;
}
.overflow-hidden {
overflow: hidden;
}
@media (max-width: 992px) {
.partners__item img {
max-width: 100% !important;
max-height: 100% !important;
}
}
@media (max-width: 575px) {
.feature-card-wrap .feature-card {
min-width: 45%;
width: 100%;
text-align: center;
}
.feature-card .feature-card_details {
max-width: 245px;
margin: 0 auto;
}
}
.application-link.header-app-link {
text-align: center;
}
.categories .row.flex-row-reverse {
@media (max-width: 992px) {
gap: 50px;
}
}
@media (max-width: 768px) {
.breadcrumbs {
overflow-x: auto;
width: 100%;
margin: 10px 0;
padding-bottom: 10px;
display: flex;
align-items: center;
}
.breadcrumbs::-webkit-scrollbar {
width: 2px;
height: 2px;
border-radius: 5px;
}
.breadcrumbs::-webkit-scrollbar-track {
background: transparent;
border-radius: 0;
}
.breadcrumbs::-webkit-scrollbar-thumb {
background-color: #FFA646;
border-radius: 5px;
}
.breadcrumbs a,
.breadcrumbs__current,
.breadcrumbs__link {
width: 100%;
white-space: nowrap;
}
}
@media (max-width: 410px) {
.header-app-link {
padding: 8px 10px 8px;
font-size: 12px;
}
.header__phone_mobile a {
width: 30px!important;
height: 30px!important;
}
.header__phone_mobile {
margin: 0 8px!important;
}
.header .logo {
max-width: 90px!important;
}
}
.accordion-collapse {
border-bottom: 1px solid rgba(0, 0, 0, .125);
}
.accordion-button.collapsed {
border-bottom-width: 1px !important;
}
.faq {
padding: 70px 0 40px;
@media (max-width: 991px) {
padding: 40px 0;
}
}
.accordion-button:not(.collapsed) {
color: #FFA646;
background-color: #F3F3F3;
}
.accordion-button:not(.collapsed):after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFA646'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}
.accordion-button:not(.collapsed) {
box-shadow: none !important;
}
.accordion-button:focus {
box-shadow: none !important;
border-color: rgba(0, 0, 0, .125);
}
.accordion-button {
transition: all 0.3s ease-in-out;
}
.accordion-button:hover {
color: #FFA646;
background-color: #F3F3F3;
}
.accordion-card.style2 {
margin-top: 20px;
}
.accordion-button {
font-weight: 600;
font-size: 18px;
text-align: left;
}
.accordion-body {
font-size: 16px;
}
.accordion-card:not(:last-child) {
margin-bottom: 25px;
}
.faq-text {
line-height: 1.2;
}
.sub-menu {
padding-left: 0;
} .cards-list__card {
display: flex;
flex-direction: column;
min-height: 100%;
justify-content: flex-start;
margin-bottom: 25px;
}
.cards-list__desc {
margin-top: 15px;
display: flex;
flex-direction: column;
gap: 10px;
}
.cards-list__desc p {
margin-bottom: 0 !important;
}
.cards-list__img {
margin-bottom: auto;
overflow: hidden;
border-radius: 4px;
}
.cards-list .popup-image {
position: relative;
display: flex;
width: 100%;
height: 100%;
}
.cards-list .popup-image:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
opacity: 0;
transition: all 0.3s ease-in-out;
content: "";
z-index: 1;
}
.cards-list .popup-image:after {
content: "+";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 30px;
height: 30px;
font-size: 20px;
line-height: 20px;
background-color: #fff;
transform: translate(-50%, -50%);
opacity: 0;
transition: all 0.3s ease-in-out;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px;
color: #FFA646;
}
.cards-list .popup-image:hover::before,
.cards-list .popup-image:hover::after {
opacity: 1;
}
.cards-list .popup-image:hover img {
transform: scale(1.1);
}
.cards-list .popup-image img {
transition: all 0.3s ease-in-out;
max-width: 100%;
height: auto;
}
.cards-list__btn {
color: #fff;
transition: all 0.3s ease-in-out;
border: none;
background: #EEC225;
display: flex;
align-items: center;
font-size: 16px;
justify-content: center;
gap: 5px;
padding: 5px;
border-radius: 4px;
width: 100%;
margin-top: 15px;
}
.cards-list__btn:hover {
background: #FFA646;
}
.cards-list__btn .download-icon {
position: relative;
width: 15px;
height: 15px;
display: flex;
align-items: center;
justify-content: center;
}
.cards-list__btn .download-icon:after {
position: absolute;
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' y1='15' x2='12' y2='3'/%3E%3C/svg%3E");
top: 0;
left: 0;
transition: all 0.3s ease-in-out;
} .gallery-thumbs .swiper-slide img {
transition: all 0.3s ease-in-out;
height: auto;
max-height: 100%;
max-width: 100%;
object-fit: contain;
border-radius: 4px;
position: relative;
}
.gallery-thumbs .swiper-slide {
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 2;
border-radius: 4px;
overflow: hidden;
flex-direction: column;
}
.swiper-gallery-products .gallery-card {
min-height: 400px;
max-height: 400px;
height: 100%;
display: flex;
align-items: center;
overflow: hidden;
}
.swiper-gallery-products .swiper-button-prev:after,
.swiper-gallery-products .swiper-rtl .swiper-button-next:after,
.swiper-gallery-products .swiper-button-next:after,
.swiper-gallery-products .swiper-rtl .swiper-button-prev:after {
color: #EEC225;
font-size: 28px;
}
.swiper-gallery-products .swiper-button-next:hover:after,
.swiper-gallery-products .swiper-button-prev:hover:after {
color: #FFA646;
}
.gallery-thumbs {
margin-top: 15px;
}
.swiper-gallery-products .popup-image {
display: flex;
}
.swiper-gallery-products .popup-image:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
opacity: 0;
transition: all 0.3s ease-in-out;
content: "";
z-index: 11;
}
.swiper-gallery-products .popup-image:after {
content: "+";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 30px;
height: 30px;
font-size: 20px;
line-height: 20px;
background-color: #fff;
transform: translate(-50%, -50%);
opacity: 0;
transition: all 0.3s ease-in-out;
z-index: 12;
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px;
color: #FFA646;
}
.swiper-gallery-products .popup-image:hover::before,
.swiper-gallery-products .popup-image:hover::after {
opacity: 1;
}
.swiper-gallery-products .popup-image:hover img {
transform: scale(1.1);
}
.swiper-gallery-products .popup-image img {
transition: all 0.3s ease-in-out;
height: auto;
max-height: 100%;
max-width: 90%;
object-fit: contain;
border-radius: 4px;
position: relative;
margin: 0 auto;
}
.product-head__inner.row {
justify-content: space-between;
}
.product-head__inner.row .swiper-wrapper {
align-items: center;
}
.swiper-gallery-products .popup-image {
max-height: 400px;
}
.product-head {
margin-bottom: 40px;
margin-top: 40px;
}
@media (max-width: 768px) {
.swiper-gallery-products .popup-image {
max-height: 300px;
}
.swiper-gallery-products .gallery-card {
min-height: 300px;
max-height: 300px;
height: 100%;
}
} .swiper-brands {
overflow: hidden;
margin-top: 20px;
}
@media (min-width: 1251px) {
.swiper-brands {
margin-top: 0;
}
}
.client-thumb {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.client-thumb {
width: auto;
height: auto;
max-width: 100%;
transition: all 0.3s ease-in-out;
}
.client-thumb-slide {
max-width: 250px;
}
.client-thumb img {
max-width: 250px;
width: 100%;
transition: none;
}
@media (max-width: 1251px) {
.client-thumb img {
max-width: 200px;
width: 100%;
transition: none;
}
.client-thumb-slide {
max-width: 200px;
}
}
.client-thumb-slide {
border-right: 1px solid #D6D6D6;
max-height: 100%;
height: 75px;
padding: 0 15px;
margin-right: 15px!important;
display: flex;
align-items: center;
justify-content: center;
}
.partners__inner {
gap: 20px;
}
.img__poster {
max-width: 100%;
height: auto;
width: 100%;
}
.seo__text {
max-height: 350px;
overflow-y: auto;
width: 100%;
padding-right: 10px;
}
.seo__text::-webkit-scrollbar-track {
background: transparent;
border-radius: 0;
}
.seo__text::-webkit-scrollbar-thumb {
background-color: #FFA646!important;
border-radius: 5px;
}
.seo__text::-webkit-scrollbar {
width: 5px;
height: 5px;
border-radius: 5px;
}
.seo__text ol,
.seo__text ul {
padding-left: 16px;
margin-bottom: 16px;
margin-top: 16px;
}
.seo__text ul li {
list-style-type: disc!important;
margin-bottom: 8px;
padding-left: 5px;
}
.seo__text ol li {
list-style-type: auto!important;
margin-bottom: 8px;
padding-left: 5px;
}
.seo__text h3 {
margin-bottom: 20px;
font-size: 24px;
line-height: 29px;
}
.seo__text h2,
.seo__text h3,
.seo__text h4,
.seo__text h5,
.seo__text h6 {
margin-bottom: 16px;
}
.seo__text h4 {
font-size: 18px;
font-weight: 600;
}
.seo__text h5 {
font-size: 16px;
font-weight: 600;
line-height: 19px;
}
.seo__text h6 {
font-size: 14px;
font-weight: 600;
}
.seo__title {
font-weight: 800;
font-size: 28px;
line-height: 34px;
text-transform: uppercase;
max-width: 430px;
margin-bottom: 17px; }
.seo__text {
font-size: 16px;
line-height: 18px; }
.seo__text-more {
display: none; }
.seo__text-more p:last-of-type {
margin-bottom: 0; }
.seo__text p {
margin-bottom: 16px; }
.seo__text h3 {
margin-bottom: 20px;
font-size: 24px;
line-height: 29px; }
.seo__text a {
color: #ffa646;
transition: all 0.3s ease-in-out;
}
.seo__text a:hover {
color: #EEC225;
}
.seo {
padding: 70px 0 40px;
position: relative;
overflow: hidden;
}
.faq .section-title,
.seo .section-title {
margin-bottom: 30px;
}
@media (max-width: 768px) {
.seo__text {
max-height: 300px;
}
}
.th-pagination span.current {
background-color: #FFA646;
color: white;
}
.img-poster__container {
position: relative;
overflow: hidden;
max-height: 373px;
display: flex;
}
.img-poster__container img {
height: auto;
max-height: 100%;
max-width: 100%;
object-fit: cover;
position: relative;
margin: 0 auto;
}
.img-poster__container::before {
content: '';
position: absolute;
display: block;
width: 66px;
height: 66px;
top: -33px;
left: -33px;
background-color: white;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 2;
}
.tabs__wrap-text {
font-size: 16px;
line-height: 18px;
}
.tabs__wrap-text p {
margin-bottom: 16px!important;
}
.tabs__wrap-text p:last-of-type {
margin-bottom: 0;
}
.tabs__wrap-text h2,
.tabs__wrap-text h3,
.tabs__wrap-text h4,
.tabs__wrap-text h5,
.tabs__wrap-text h6 {
margin-bottom: 16px;
}
.tabs__wrap-text h3 {
font-size: 24px;
line-height: 29px;
}
.tabs__wrap-text h4 {
font-size: 18px;
font-weight: 600;
}
.tabs__wrap-text h5 {
font-size: 16px;
font-weight: 600;
line-height: 19px;
}
.tabs__wrap-text h6 {
font-size: 14px;
font-weight: 600;
}
.tabs__wrap-text ol,
.tabs__wrap-text ul {
padding-left: 16px;
margin-bottom: 16px;
margin-top: 16px;
}
.tabs__wrap-text ul li {
list-style-type: disc!important;
margin-bottom: 8px;
padding-left: 5px;
}
.tabs__wrap-text ol li {
list-style-type: auto!important;
margin-bottom: 8px;
padding-left: 5px;
}
.tabs__wrap-text ul li ol li {
list-style-type: auto!important;
}
.tabs__wrap-text ol li ul li {
list-style-type: disc!important;
}
.tabs__wrap-text a {
color: #ffa646;
transition: all 0.3s ease-in-out;
}
.tabs__wrap-text a:hover {
color: #EEC225;
}
.fancybox-content {
background: white!important;
}
.item-img {
display: flex;
flex-direction: column;
min-height: 100%;
justify-content: flex-start;
margin-bottom: 25px;
max-width: 100%;
}
@media (min-width: 768px) {
.item-img {
max-width: 50%;
}
}
@media (min-width: 1200px) {
.item-img {
max-width: 33.3%;
}
}
.item-img__desc {
margin-top: 15px;
display: flex;
flex-direction: column;
gap: 10px;
}
.item-img__img {
margin-bottom: auto;
overflow: hidden;
border-radius: 4px;
}
.item-img .popup-image {
position: relative;
display: flex;
width: 100%;
height: 100%;
}
.item-img .popup-image:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
opacity: 0;
transition: all 0.3s ease-in-out;
content: "";
z-index: 1;
}
.item-img .popup-image:after {
content: "+";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 30px;
height: 30px;
font-size: 20px;
line-height: 20px;
background-color: #fff;
transform: translate(-50%, -50%);
opacity: 0;
transition: all 0.3s ease-in-out;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px;
color: #FFA646;
}
.item-img .popup-image:hover::before,
.item-img .popup-image:hover::after {
opacity: 1;
}
.item-img .popup-image:hover img {
transform: scale(1.1);
}
.item-img .popup-image img {
transition: all 0.3s ease-in-out;
max-width: 100%;
height: auto;
}
.item-img__desc {
font-size: 16px;
line-height: 18px;
}
.item-img__desc p {
margin-bottom: 16px!important;
}
.item-img__desc p:last-of-type {
margin-bottom: 0;
}
.item-img__desc h2,
.item-img__desc h3,
.item-img__desc h4,
.item-img__desc h5,
.item-img__desc h6 {
margin-bottom: 16px;
}
.item-img__desc h3 {
font-size: 24px;
line-height: 29px;
}
.item-img__desc h4 {
font-size: 18px;
font-weight: 600;
}
.item-img__desc h5 {
font-size: 16px;
font-weight: 600;
line-height: 19px;
}
.item-img__desc h6 {
font-size: 14px;
font-weight: 600;
}
.item-img__desc ol,
.item-img__desc ul {
padding-left: 16px;
margin-bottom: 16px;
margin-top: 16px;
}
.item-img__desc ul li {
list-style-type: disc;
margin-bottom: 8px;
padding-left: 5px;
}
.item-img__desc ol li {
list-style: auto;
margin-bottom: 8px;
padding-left: 5px;
}
body {
margin: 0;
display: flex;
flex-direction: column;
min-height: 100vh;
}
main,
main.main-content {
flex: 1;
}
.header__phone_mobile a {
width: 25px!important;
height: 25px!important;
}
.application-link.header-app-link {
padding: 12px;
}
.footer__social-link--header {
margin: 0 6px !important;
}
@media (max-width: 450px) {
.header__phone_mobile a {
width: 25px !important;
height: 25px !important;
}
.header .logo {
max-width: 85px !important;
}
.header-app-link {
padding: 8px 8px 8px;
font-size: 10px;
}
.header__phone_mobile {
margin: 0 6px !important;
}
.footer__social-link--header-telegram.footer__social-link::after {
background-size: 100%;
width: 100%;
height: 100%;
}
.burger__button::before,
.burger__part,
.burger__button::after {
width: 24px;
}
}
@media (min-width: 900px) and (max-width: 992px) {
.header__nav .header-menu__list .menu-item a {
padding: 20px 10px;
font-size: 14px;
}
.header-app-link {
padding: 12px;
font-size: 12px;
}
}
@media (max-width: 1200px) {
.footer__social-link--header {
order: 1;
margin: 0 6px !important;
}
}
@media (min-width: 992px)  and (max-width: 1200px) {
.header-app-link {
padding: 12px;
font-size: 13px;
}
.header__nav .header-menu__list .menu-item a {
padding: 20px 10px;
font-size: 14px;
}
}
@media (min-width: 1200px) {
.application-link.header-app-link {
padding: 12px 36px;
}
}
body #bingc-phone-button svg.bingc-phone-button-circle circle.bingc-phone-button-circle-inside {
fill:  #EEC225 !important;
}
body #bingc-phone-button:hover svg.bingc-phone-button-circle circle.bingc-phone-button-circle-inside {
fill:  #EEC225 !important;
}
body #bingc-phone-button div.bingc-phone-button-tooltip {
background:  #EEC225 !important;
}
body #bingc-phone-button div.bingc-phone-button-tooltip svg.bingc-phone-button-arrow polyline {
fill:  #EEC225 !important;
}
body #bingc-phone-button svg.bingc-phone-button-circle circle.bingc-phone-button-circle-outside {
fill: #EEC225;
fill-opacity: .06;
}
body #bingc-passive div.bingc-passive-overlay {
background: #555 !important;
}
body #bingc-active {
background: #EEC225 !important;
}
body #bingc-passive div.bingc-passive-overlay #bingc-passive-phone-form-button {
background: #EEC225 !important;
transition: all 0.2s ease-in-out;
}
body #bingc-passive div.bingc-passive-overlay #bingc-passive-phone-form-button:hover {
background: #FFA646!important;
}
body #bingc-active {
background: #555!important;
}
body #bingc-active div.bingc-active-overlay div.bingc-active-content div.bingc-active-get-phone-form form.bingc-active-get-phone-form a.bingc-active-phone-form-button {
background: #EEC225 !important;
transition: all 0.2s ease-in-out;
}
body #bingc-active div.bingc-active-overlay div.bingc-active-content div.bingc-active-get-phone-form form.bingc-active-get-phone-form a.bingc-active-phone-form-button:hover {
background: #FFA646!important;
}
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-hour,
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-minutes {
background: #EEC225 !important;
transition: all 0.2s ease-in-out;
}
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-hour:hover,
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-minutes:hover {
background: #FFA646!important;
}
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-minutes div.bingc-passive-date-selection-select-minutes-list-of-minutes-container ul.bingc-passive-date-selection-select-minutes-list-of-minutes li:hover,
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-hour div.bingc-passive-date-selection-select-hour-list-of-hours-container ul.bingc-passive-date-selection-select-hour-list-of-hours li:hover {
background: #FFA646!important;
}
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-day:hover,
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-day div.bingc-passive-date-selection-select-day-list-of-days-container ul.bingc-passive-date-selection-select-day-list-of-days li:hover {
background: #FFA646!important;
}
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-day,
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-day div.bingc-passive-date-selection-select-day-list-of-days-container ul.bingc-passive-date-selection-select-day-list-of-days li,
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-hour div.bingc-passive-date-selection-select-hour-list-of-hours-container ul.bingc-passive-date-selection-select-hour-list-of-hours li,
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-minutes div.bingc-passive-date-selection-select-minutes-list-of-minutes-container ul.bingc-passive-date-selection-select-minutes-list-of-minutes li,
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-minutes,
body #bingc-passive div.bingc-passive-overlay div.bingc-passive-content div.bingc-passive-get-phone-form form.bingc-passive-get-phone-form div.bingc-passive-get-phone-form-date-selection div.bingc-passive-date-selection-select-hour {
transition: all 0.2s ease-in-out;
}
.product-cards {
padding-top: 130px;
padding-bottom: 80px;
overflow-x: hidden;
}
.card-wrap-img {
width: 100%;
height: 300px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.card-wrap-img img {
object-fit: contain;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
}
.card-product-title {
color: #222;
font-size: 24px;
line-height: 29px;
font-weight: 800;
margin-bottom: 0;
text-align: center;
}
.product-cards__inner {
margin-top: 37px;
}
.card-product-link .card-product-title {
transition: all 0.3s ease-in-out;
}
.card-product .card-product-link.stretched-link:hover .card-product-title {
color: #EEC225 !important;
}
.product-cards ul.slick-dots {
justify-content: center;
gap: 10px;
margin-top: 40px;
}
@media screen and (max-width: 991px) {
.product-cards {
padding-bottom: 40px;
padding-top: 40px;
}
} .rent-page .projects-page__img-wrap-popup .popup-image {
display: flex;
}
.rent-page .projects-page__img-wrap-popup .popup-image:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
opacity: 0;
transition: all 0.3s ease-in-out;
content: "";
z-index: 11;
}
.rent-page .projects-page__img-wrap-popup .popup-image:after {
content: "+";
position: absolute;
top: 50%;
left: 50%;
width: 30px;
height: 30px;
font-size: 20px;
line-height: 20px;
background-color: #fff;
transform: translate(-50%, -50%);
opacity: 0;
transition: all 0.3s ease-in-out;
z-index: 12;
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px;
color: #FFA646;
}
.rent-page .projects-page__img-wrap-popup .popup-image:hover::before,
.rent-page .projects-page__img-wrap-popup .popup-image:hover::after {
opacity: 1;
}
.rent-page .projects-page__img-wrap-popup .popup-image:hover img {
transform: scale(1.1);
}
.rent-page .projects-page__img-wrap-popup .popup-image img {
transition: all 0.3s ease-in-out;
height: auto;
max-height: 100%;
max-width: 100%;
object-fit: contain;
border-radius: 4px;
position: relative;
margin: 0;
}
.rent-page .projects-page__img-wrap-popup {
position: relative;
}
.rent-page .projects-page__technical-list {
list-style-type: none;
columns: 2; 
list-style-type: none;
-webkit-columns: 2;
-moz-columns: 2; 
} 
.rent-page .projects-page__technical-item {
position: relative;
margin-bottom: 10px;
display: flex;
align-items: center;
justify-content: flex-start;
padding-left: 20px;
}
.rent-page .projects-page__technical-item::before {
content: "\2713";
display: inline-block;
width: 14px;
display: flex;
align-items: center;
justify-content: center;
height: 14px;
border: none;
border-radius: 50%;
font-size: 11px;
left: 0;
position: absolute;
color: #FFF;
background: #EEC225;
}
.rent-page .projects-page__technical-list-wrap {
padding-bottom: 14px;
margin-bottom: 14px;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
margin-top: 20px;
}
.rent-page .projects-page__technical-mark--price {
display: block;
color: #EEC225;
font-size: 22px;
line-height: 20px;
font-weight: 800;
}
.rent-page .projects-page__technical-mark--text {
display: block;
color: #222;
font-size: 22px;
line-height: 20px;
font-weight: 600;
}
.rent-page .projects-page__technical-mark {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 6px;
}
.rent-page .projects-page__excerpt-bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 6px;
flex-wrap: wrap;
}
.rent-page .projects-page__excerpt-bottom .application-link {
border-radius: 16px;
box-shadow: none;
padding: 15px 30px!important;
display: block;
width: fit-content;
text-align: center;
}
.rent-page .projects-page__post-description {
padding-top: 0;
}
.rent-page .projects-page__title {
margin-bottom: 20px;
}
.rent-page .projects-page__post-item {
gap: 0;
}
.rent-page .projects-page__img-container {
display: flex;
justify-content: center;
}
.rent-page .projects-page__link-img {
width: fit-content;
position: relative;
}
.rent-page .projects-page__img-container {
height: 340px;
}
@media screen and (max-width: 992px) {
.rent-page .projects-page__excerpt-bottom .application-link {
width: 100%;
}
.rent-page .projects-page__excerpt-bottom {
gap: 20px;
}
.rent-page .projects-page__technical-list {
list-style-type: none;
columns: 1; 
-webkit-columns: 1;
-moz-columns: 1; 
} 
.rent-page .projects-page__post-item {
gap: 20px;
}
}
.footer a.footer__mobios {
color: #FFA646;
transition: all 0.3s ease-in-out;
text-decoration: none!important;
}
.footer a.footer__mobios:hover {
color: white;
}
.wpcf7-not-valid-tip {
left: 0;
color: #dc3232;
font-weight: normal;
display: block;
position: absolute;
bottom: -14px;
font-size: 12px;
}
.wpcf7-response-output {
display: none;
}
.swal2-styled.swal2-confirm {
background-color: #F17D00!important;
transition: all 0.3s ease-in-out;
color: #ffffff!important;
border-color: #F17D00!important;
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #F17D00!important;
}
.swiper-banner {
position: relative;
}
.swiper-banner .swiper-slide {
height: calc(90vh + 80px);
padding: 40px 0;
overflow: hidden;
position: relative;
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 767px) {
.swiper-banner .swiper-slide {
padding-top: 0;
height: calc(90vh + 20px);
}
}
.swiper-banner .banner-full-img {
position: relative;
width: 100%;
height: 100%;
z-index: -1;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
animation: zoomInBackground 10s ease-in-out forwards;
}
.swiper-banner .banner-full-img img {
object-fit: cover;
height: 100%;
width: 100%;
max-width: 100%;
max-height: 100%;
}
@keyframes zoomInBackground {
0% {
transform: scale(1);
}
100% {
transform: scale(1.15);
}
}
.swiper-banner .slide__body {
position: relative;
z-index: 1;
padding: 0 20px;
}
@media (min-width: 768px) and (max-width: 991px) {
.slide__body {
padding: 0 20px;
}
}
@media (max-width: 992px) {
.swiper-banner .slide__body {
padding: 0;
}
}
.slider,
.banner-full {
padding: 0;
overflow-x: hidden;
}
.banner-full .slide__subtitle,
.banner-full .slide__subtitle {
display: block;
font-family: "Gilroy", sans-serif;
font-size: 14px;
line-height: 1;
font-weight: 700;
color: #ffffff;
margin-bottom: 13px;
}
.banner-full .slide__title {
font-size: 56px;
color: #ffffff;
display: inline; padding: 10px 0;
color: #FFFFFF;
line-height: 1.1;
margin-left: 0;
font-weight: 700;
}
.banner-full .slide__title span {
color: #EEC225;
}
.slide__desc {
margin-top: 20px;
}
@media (min-width: 768px) and (max-width: 991px) {
.row-icons .fancybox-item .fancybox__title {
font-size: 13px !important;
}
.slide__body {
padding: 0 20px;
}
}
@media (min-width: 320px) and (max-width: 767px) {
.banner-full .slide__title span {
box-shadow: none !important;
}
.row-icons .fancybox-item .fancybox__title {
font-size: 12px !important;
}
}
.title-bg {
display: inline-block;
background-color: #F17D00;
box-shadow: -10px 0 0 #F17D00, 10px 0 0 #F17D00;
color: #FFFFFF;
line-height: 1;
padding: 3px 0;
margin: 0 10px;
}
.slide__icons {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
gap: 16px;
}
.slide__icon-wrap {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.slide__icon {
margin-right: 0 !important;
}
.slide__icon-desc {
margin-top: 8px;
color: white;
font-size: 16px;
text-align: center;
font-weight: 500;
display: block;
line-height: 1.2;
}
.banner-full .slide__desc,
.banner-full .slide__desc {
font-size: 17px;
line-height: 1.5;
font-weight: 700;
color: #ffffff;
max-width: 580px;
margin-bottom: 34px;
}
.banner-full .slide__icons .slide__icon {
width: 90px;
height: 90px;
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;
font-size: 65px;
color: #1b1a1a;
background-color: #ffffff;
border-radius: 6px;
margin-right: 30px;
-webkit-transition: transform 0.3s ease;
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.banner-full .slide__icons .slide__icon:last-child {
margin-right: 0;
}
.banner-full .slide__icons .slide__icon:hover {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
@media (min-width: 768px) and (max-width: 1200px) {
.banner-full .slide-item {
padding-right: 30px;
padding-left: 30px;
}
} @media (min-width: 768px) and (max-width: 991px) {
.banner-full .slide__title {
font-size: 40px;
margin-bottom: 10px;
}
} @media (min-width: 320px) and (max-width: 767px) {
.header-transparent + .banner-full {
margin-top: 0;
}
.banner-full {
overflow: hidden;
height: auto !important;
}
.banner-full .slide-item {
padding: 60px 10px;
}
.banner-full .slide-item {
height: auto !important;
}
} @media (min-width: 320px) and (max-width: 767px) {
.banner-full .slide__subtitle {
margin-bottom: 15px;
}
.banner-full .slide__title {
font-size: 30px;
margin-bottom: 10px;
}
.banner-full .slide__desc {
font-size: 15px;
font-weight: 400;
margin-bottom: 20px;
}
}
.bg-overlay {
position: relative;
}
.bg-overlay:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
background-color: rgba(27, 26, 26, 0.15);
}
.bg-overlay-2:before {
background-color: rgba(27, 26, 26, 0.4);
}
.swiper-banner .application-link {
margin-top: 30px;
}
.swiper-banner-button-next,
.swiper-banner-button-prev {
color: #EEC225;
transition: all 0.3s ease-in-out;
}
.swiper-banner-button-next:hover,
.swiper-banner-button-prev:hover {
color: #F17D00;
}
.swiper-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #EEC225;
opacity: 1;
}
.swiper-banner-pagination .swiper-pagination-bullet {
background: #fff;
opacity: 0.4;
}
@media (max-width: 992px) {
.swiper-banner-button-next,
.swiper-banner-button-prev {
display: none;
}
}
@media (min-width: 992px) {
.swiper-banner-pagination {
display: none;
}
} .portfolio-item {
position: relative;
border-radius: 5px;
margin-bottom: 30px;
-webkit-box-shadow: 0px 5px 83px 0px rgba(40, 40, 40, 0.06);
box-shadow: 0px 5px 83px 0px rgba(40, 40, 40, 0.06);
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
position: relative;
}
.portfolio-item .portfolio__img {
overflow: hidden;
width: 100%!important;
}
.portfolio-item .portfolio__img img {
width: 100%!important;
max-width: 100%;
border-radius: 4px 4px 0 0;
-webkit-transition: all 0.6s linear;
transition: all 0.6s linear;
}
.portfolio-item .portfolio__body {
background: #ffffff;
padding: 25px 36px 36px 40px;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.portfolio-item:hover {
-webkit-box-shadow: 0px 5px 83px 0px rgba(40, 40, 40, 0.11);
box-shadow: 0px 5px 83px 0px rgba(40, 40, 40, 0.11);
}
.portfolio-item:hover .portfolio__img img {
-webkit-transform: scale(1.1) rotate(1deg);
transform: scale(1.1) rotate(1deg);
}
.portfolio-layout1 .portfolio-item .portfolio__title {
margin-bottom: 0;
}
.portfolio-layout1 .portfolio-item:hover .portfolio__title,
.portfolio-layout1 .portfolio-item:hover .portfolio__title a,
.portfolio-layout1 .portfolio-item:hover .portfolio__cat a,
.portfolio-layout1 .portfolio-item:hover .portfolio__cat a:after {
color: #ffffff;
}
.portfolio-layout1 .portfolio-item:hover .portfolio__body {
background-color: #F17D00;
}
.portfolio-layout1 .portfolio-item {
overflow: hidden;
}
@media (min-width: 320px) and (max-width: 767px) {
.portfolio-item .portfolio__body {
padding: 20px 25px 25px;
}
.portfolio-item .portfolio__title {
font-size: 16px;
margin-bottom: 7px;
}
.portfolio-item .portfolio__cat {
margin-bottom: 5px;
}
}
.portfolio-item .portfolio__description {
font-size: 15px;
color: #555555;
line-height: 1.5;
font-weight: 400;
transition: all 0.3s ease-in-out;
}
.portfolio-item .portfolio__title-desc {
color: #222;
font-family: "Gilroy", sans-serif;
font-weight: 600;
line-height: 1.3;
margin-bottom: 10px;
font-size: 18px;
transition: all 0.3s ease-in-out;
}
.portfolio-item:hover .portfolio__title-desc,
.portfolio-item:hover .portfolio__description {
color: white;
}
.portfolio-item {
transition: all 0.3s ease-in-out;
margin-bottom: 0!important;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.08)!important;
margin: 5px;
}
.portfolio-item .portfolio__body {
background: none!important;
border-radius: 0!important;
}
.portfolio-item:hover .portfolio__body {
background: transparent!important;
background-color: transparent!important;
}
.portfolio-item:hover {
background-color: #F17D00;
}
.portfolio-item .portfolio__body {
padding: 25px;
}
.portfolio-item .portfolio__img {
width: 370px;
height: 277px;
}
.portfolio-item .portfolio__img img {
height: 100%;
object-fit: cover;
}
.swiper-container-full .swiper-container {
overflow-x: hidden;
}
.swiper-container-full .swiper-slide {
margin-bottom: 30px;
height: 100%;
}
.swiper-container-full {
position: relative;
}
.swiper-container-full .swiper-button-next {
right: -60px;
}
.swiper-container-full .swiper-button-prev {
left: -60px;
}
.swiper-container-full .swiper-button-next:after,
.swiper-container-full .swiper-button-prev:after  {
font-size: 38px;
color: #F17D00;
}
.swiper-container-full .swiper-pagination {
bottom: -20px;
}
.swiper-container-full .swiper-pagination-bullet-active {
background: #F17D00;
}
@media (max-width: 992px) {
.swiper-button-next, .swiper-button-prev {
display: none;
}
}
@media (min-width: 992px) {
.swiper-container-full .swiper-pagination {
display: none;
}
.swiper-button-next, .swiper-button-prev {
display: block;
}
}
.portfolio-layout1 {
padding: 150px 0 100px;
}
@media (max-width: 992px) {
.portfolio-layout1 {
padding: 100px 0 100px;
}
}
.banner-full .application-link {
padding-left: 25px;
padding-right: 25px
}
.heading-layout2.mb-40 {
margin-bottom: 40px;
}
@media (min-width: 320px) and (max-width: 767px) {
.heading-layout2.mb-40 {
margin-bottom: 26px;
}
}