/*
Stylus variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: $icon_home_width;
}
The large array-like variables contain all information about a single icon
$icon_home = x y offset_x offset_y width height total_width total_height image_path;
At the bottom of this section, we provide information about the spritesheet itself
$spritesheet = width height image $spritesheet_sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables
.icon-home {
spriteWidth($icon_home)
}
.icon-email {
sprite($icon_email)
}
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
/*
The `sprites` mixin generates identical output to the CSS template
but can be overridden inside of Stylus
This must be run when you have at least 2 sprites.
If run with a single sprite, then there will be reference errors.
sprites($spritesheet_sprites);
*/
/*
Stylus variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: $icon_home_width;
}
The large array-like variables contain all information about a single icon
$icon_home = x y offset_x offset_y width height total_width total_height image_path;
At the bottom of this section, we provide information about the spritesheet itself
$spritesheet = width height image $spritesheet_sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables
.icon-home {
spriteWidth($icon_home)
}
.icon-email {
sprite($icon_email)
}
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
/*
The `sprites` mixin generates identical output to the CSS template
but can be overridden inside of Stylus
This must be run when you have at least 2 sprites.
If run with a single sprite, then there will be reference errors.
sprites($spritesheet_sprites);
*/
/*
Stylus variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: $icon_home_width;
}
The large array-like variables contain all information about a single icon
$icon_home = x y offset_x offset_y width height total_width total_height image_path;
At the bottom of this section, we provide information about the spritesheet itself
$spritesheet = width height image $spritesheet_sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables
.icon-home {
spriteWidth($icon_home)
}
.icon-email {
sprite($icon_email)
}
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
/*
The `sprites` mixin generates identical output to the CSS template
but can be overridden inside of Stylus
This must be run when you have at least 2 sprites.
If run with a single sprite, then there will be reference errors.
sprites($spritesheet_sprites);
*/
@font-face {
font-family: "Lato";
font-weight: 300;
font-style: normal;
src: url("../fonts/Lato-Light.eot");
src: url("../fonts/Lato-Light.eot?#iefix") format('embedded-opentype'), url("../fonts/Lato-Light.woff2") format("woff2"), url("../fonts/Lato-Light.woff") format("woff");
}
@font-face {
font-family: "Lato";
font-weight: 400;
font-style: normal;
src: url("../fonts/Lato-Regular.eot");
src: url("../fonts/Lato-Regular.eot?#iefix") format('embedded-opentype'), url("../fonts/Lato-Regular.woff2") format("woff2"), url("../fonts/Lato-Regular.woff") format("woff");
}
@font-face {
font-family: "Lato";
font-weight: 400;
font-style: italic;
src: url("../fonts/Lato-Italic.eot");
src: url("../fonts/Lato-Italic.eot?#iefix") format('embedded-opentype'), url("../fonts/Lato-Italic.woff2") format("woff2"), url("../fonts/Lato-Italic.woff") format("woff");
}
@font-face {
font-family: "Lato";
font-weight: 500;
font-style: normal;
src: url("../fonts/Lato-Medium.eot");
src: url("../fonts/Lato-Medium.eot?#iefix") format('embedded-opentype'), url("../fonts/Lato-Medium.woff2") format("woff2"), url("../fonts/Lato-Medium.woff") format("woff");
}
@font-face {
font-family: "Lato";
font-weight: 600;
font-style: normal;
src: url("../fonts/Lato-Semibold.eot");
src: url("../fonts/Lato-Semibold.eot?#iefix") format('embedded-opentype'), url("../fonts/Lato-Semibold.woff2") format("woff2"), url("../fonts/Lato-Semibold.woff") format("woff");
}
@font-face {
font-family: "Lato";
font-weight: 700;
font-style: normal;
src: url("../fonts/Lato-Bold.eot");
src: url("../fonts/Lato-Bold.eot?#iefix") format('embedded-opentype'), url("../fonts/Lato-Bold.woff2") format("woff2"), url("../fonts/Lato-Bold.woff") format("woff");
}
* {
margin: 0;
padding: 0;
font: inherit;
box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-focus-ring-color: rgba(255, 255, 255, 0);
cursor: default;
}
body {
font-size: 100%;
line-height: 1;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
a {
background: transparent;
}
hr {
box-sizing: content-box;
height: 0;
}
ol,
ul {
list-style: none;
}
pre {
-moz-tab-size: 4;
tab-size: 4;
white-space: pre-wrap;
}
q {
quotes: '\201C' '\201D' '\2018' '\2019';
}
img {
border: none;
}
svg:not(:root) {
overflow: hidden;
}
button,
input {
line-height: normal;
}
button,
select {
text-transform: none;
}
button {
overflow: visible;
}
button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
input[type='checkbox'],
input[type='radio'] {
box-sizing: border-box;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
height: auto;
}
input[type='search'] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: none;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
button,
input,
select[multiple],
textarea {
background-image: none;
}
input,
select,
textarea {
border-radius: 0;
box-shadow: none;
}
input,
textarea {
resize: none;
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
[placeholder]:focus:-ms-input-placeholder {
color: transparent;
}
[placeholder]:focus::placeholder {
color: transparent;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.grid-12 {
min-width: 320px;
}
.grid-12__container {
width: 100%;
max-width: 1814px;
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.grid-12__container_width_full {
width: 100%;
max-width: 100%;
}
.grid-12__container_fixed {
max-width: none;
width: 1814px;
}
.grid-12__row {
margin-left: -15px;
margin-right: -15px;
}
@media only screen and (min-width: 1px) {
.grid-12__row-xs {
margin-left: -15px;
margin-right: -15px;
}
.grid-12__row-xs:after {
display: table;
clear: both;
content: '';
}
}
@media only screen and (min-width: 480px) {
.grid-12__row-s {
margin-left: -15px;
margin-right: -15px;
}
.grid-12__row-s:after {
display: table;
clear: both;
content: '';
}
}
@media only screen and (min-width: 768px) {
.grid-12__row-m {
margin-left: -15px;
margin-right: -15px;
}
.grid-12__row-m:after {
display: table;
clear: both;
content: '';
}
}
@media only screen and (min-width: 1025px) {
.grid-12__row-l {
margin-left: -15px;
margin-right: -15px;
}
.grid-12__row-l:after {
display: table;
clear: both;
content: '';
}
}
@media only screen and (min-width: 1281px) {
.grid-12__row-xl {
margin-left: -15px;
margin-right: -15px;
}
.grid-12__row-xl:after {
display: table;
clear: both;
content: '';
}
}
@media only screen and (min-width: 1440px) {
.grid-12__row-xxl {
margin-left: -15px;
margin-right: -15px;
}
.grid-12__row-xxl:after {
display: table;
clear: both;
content: '';
}
}
.grid-12__row:after {
display: table;
clear: both;
content: '';
}
@media only screen and (max-width: 1px) {
.grid-12__row-b-xs {
margin-left: -15px;
margin-right: -15px;
}
.grid-12__row-b-xs:after {
display: table;
clear: both;
content: '';
}
}
@media only screen and (max-width: 480px) {
.grid-12__row-b-s {
margin-left: -15px;
margin-right: -15px;
}
.grid-12__row-b-s:after {
display: table;
clear: both;
content: '';
}
}
@media only screen and (max-width: 768px) {
.grid-12__row-b-m {
margin-left: -15px;
margin-right: -15px;
}
.grid-12__row-b-m:after {
display: table;
clear: both;
content: '';
}
}
@media only screen and (max-width: 1025px) {
.grid-12__row-b-l {
margin-left: -15px;
margin-right: -15px;
}
.grid-12__row-b-l:after {
display: table;
clear: both;
content: '';
}
}
@media only screen and (max-width: 1281px) {
.grid-12__row-b-xl {
margin-left: -15px;
margin-right: -15px;
}
.grid-12__row-b-xl:after {
display: table;
clear: both;
content: '';
}
}
@media only screen and (max-width: 1440px) {
.grid-12__row-b-xxl {
margin-left: -15px;
margin-right: -15px;
}
.grid-12__row-b-xxl:after {
display: table;
clear: both;
content: '';
}
}
.grid-12__holder:after {
display: table;
clear: both;
content: '';
}
.grid-12__col {
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.grid-12__col_size_1 {
float: left;
width: 8.333333333333334%;
padding-left: 15px;
padding-right: 15px;
}
.grid-12__col_size_2 {
float: left;
width: 16.666666666666668%;
padding-left: 15px;
padding-right: 15px;
}
.grid-12__col_size_3 {
float: left;
width: 25%;
padding-left: 15px;
padding-right: 15px;
}
.grid-12__col_size_4 {
float: left;
width: 33.333333333333336%;
padding-left: 15px;
padding-right: 15px;
}
.grid-12__col_size_5 {
float: left;
width: 41.66666666666667%;
padding-left: 15px;
padding-right: 15px;
}
.grid-12__col_size_6 {
float: left;
width: 50%;
padding-left: 15px;
padding-right: 15px;
}
.grid-12__col_size_7 {
float: left;
width: 58.333333333333336%;
padding-left: 15px;
padding-right: 15px;
}
.grid-12__col_size_8 {
float: left;
width: 66.66666666666667%;
padding-left: 15px;
padding-right: 15px;
}
.grid-12__col_size_9 {
float: left;
width: 75%;
padding-left: 15px;
padding-right: 15px;
}
.grid-12__col_size_10 {
float: left;
width: 83.33333333333334%;
padding-left: 15px;
padding-right: 15px;
}
.grid-12__col_size_11 {
float: left;
width: 91.66666666666667%;
padding-left: 15px;
padding-right: 15px;
}
.grid-12__col_size_12 {
float: left;
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.grid-12__col_pull_0 {
position: relative;
right: auto;
}
.grid-12__col_pull_1 {
position: relative;
right: 8.333333333333334%;
}
.grid-12__col_pull_2 {
position: relative;
right: 16.666666666666668%;
}
.grid-12__col_pull_3 {
position: relative;
right: 25%;
}
.grid-12__col_pull_4 {
position: relative;
right: 33.333333333333336%;
}
.grid-12__col_pull_5 {
position: relative;
right: 41.66666666666667%;
}
.grid-12__col_pull_6 {
position: relative;
right: 50%;
}
.grid-12__col_pull_7 {
position: relative;
right: 58.333333333333336%;
}
.grid-12__col_pull_8 {
position: relative;
right: 66.66666666666667%;
}
.grid-12__col_pull_9 {
position: relative;
right: 75%;
}
.grid-12__col_pull_10 {
position: relative;
right: 83.33333333333334%;
}
.grid-12__col_pull_11 {
position: relative;
right: 91.66666666666667%;
}
.grid-12__col_pull_12 {
position: relative;
right: 100%;
}
.grid-12__col_push_0 {
position: relative;
left: auto;
}
.grid-12__col_push_1 {
position: relative;
left: 8.333333333333334%;
}
.grid-12__col_push_2 {
position: relative;
left: 16.666666666666668%;
}
.grid-12__col_push_3 {
position: relative;
left: 25%;
}
.grid-12__col_push_4 {
position: relative;
left: 33.333333333333336%;
}
.grid-12__col_push_5 {
position: relative;
left: 41.66666666666667%;
}
.grid-12__col_push_6 {
position: relative;
left: 50%;
}
.grid-12__col_push_7 {
position: relative;
left: 58.333333333333336%;
}
.grid-12__col_push_8 {
position: relative;
left: 66.66666666666667%;
}
.grid-12__col_push_9 {
position: relative;
left: 75%;
}
.grid-12__col_push_10 {
position: relative;
left: 83.33333333333334%;
}
.grid-12__col_push_11 {
position: relative;
left: 91.66666666666667%;
}
.grid-12__col_push_12 {
position: relative;
left: 100%;
}
.grid-12__col_offset_0 {
position: relative;
margin-left: 0%;
}
.grid-12__col_offset_1 {
position: relative;
margin-left: 8.333333333333334%;
}
.grid-12__col_offset_2 {
position: relative;
margin-left: 16.666666666666668%;
}
.grid-12__col_offset_3 {
position: relative;
margin-left: 25%;
}
.grid-12__col_offset_4 {
position: relative;
margin-left: 33.333333333333336%;
}
.grid-12__col_offset_5 {
position: relative;
margin-left: 41.66666666666667%;
}
.grid-12__col_offset_6 {
position: relative;
margin-left: 50%;
}
.grid-12__col_offset_7 {
position: relative;
margin-left: 58.333333333333336%;
}
.grid-12__col_offset_8 {
position: relative;
margin-left: 66.66666666666667%;
}
.grid-12__col_offset_9 {
position: relative;
margin-left: 75%;
}
.grid-12__col_offset_10 {
position: relative;
margin-left: 83.33333333333334%;
}
.grid-12__col_offset_11 {
position: relative;
margin-left: 91.66666666666667%;
}
.grid-12__col_offset_12 {
position: relative;
margin-left: 100%;
}
@media only screen and (min-width: 1px) {
.grid-12__col_size_xs-0 {
float: left;
width: 0%;
}
.grid-12__col_size_xs-1 {
float: left;
width: 8.333333333333334%;
}
.grid-12__col_size_xs-2 {
float: left;
width: 16.666666666666668%;
}
.grid-12__col_size_xs-3 {
float: left;
width: 25%;
}
.grid-12__col_size_xs-4 {
float: left;
width: 33.333333333333336%;
}
.grid-12__col_size_xs-5 {
float: left;
width: 41.66666666666667%;
}
.grid-12__col_size_xs-6 {
float: left;
width: 50%;
}
.grid-12__col_size_xs-7 {
float: left;
width: 58.333333333333336%;
}
.grid-12__col_size_xs-8 {
float: left;
width: 66.66666666666667%;
}
.grid-12__col_size_xs-9 {
float: left;
width: 75%;
}
.grid-12__col_size_xs-10 {
float: left;
width: 83.33333333333334%;
}
.grid-12__col_size_xs-11 {
float: left;
width: 91.66666666666667%;
}
.grid-12__col_size_xs-12 {
float: left;
width: 100%;
}
}
@media only screen and (min-width: 1px) {
.grid-12__col_pull_xs-0 {
position: relative;
right: auto;
}
.grid-12__col_pull_xs-1 {
position: relative;
right: 8.333333333333334%;
}
.grid-12__col_pull_xs-2 {
position: relative;
right: 16.666666666666668%;
}
.grid-12__col_pull_xs-3 {
position: relative;
right: 25%;
}
.grid-12__col_pull_xs-4 {
position: relative;
right: 33.333333333333336%;
}
.grid-12__col_pull_xs-5 {
position: relative;
right: 41.66666666666667%;
}
.grid-12__col_pull_xs-6 {
position: relative;
right: 50%;
}
.grid-12__col_pull_xs-7 {
position: relative;
right: 58.333333333333336%;
}
.grid-12__col_pull_xs-8 {
position: relative;
right: 66.66666666666667%;
}
.grid-12__col_pull_xs-9 {
position: relative;
right: 75%;
}
.grid-12__col_pull_xs-10 {
position: relative;
right: 83.33333333333334%;
}
.grid-12__col_pull_xs-11 {
position: relative;
right: 91.66666666666667%;
}
.grid-12__col_pull_xs-12 {
position: relative;
right: 100%;
}
}
@media only screen and (min-width: 1px) {
.grid-12__col_push_xs-0 {
position: relative;
left: auto;
}
.grid-12__col_push_xs-1 {
position: relative;
left: 8.333333333333334%;
}
.grid-12__col_push_xs-2 {
position: relative;
left: 16.666666666666668%;
}
.grid-12__col_push_xs-3 {
position: relative;
left: 25%;
}
.grid-12__col_push_xs-4 {
position: relative;
left: 33.333333333333336%;
}
.grid-12__col_push_xs-5 {
position: relative;
left: 41.66666666666667%;
}
.grid-12__col_push_xs-6 {
position: relative;
left: 50%;
}
.grid-12__col_push_xs-7 {
position: relative;
left: 58.333333333333336%;
}
.grid-12__col_push_xs-8 {
position: relative;
left: 66.66666666666667%;
}
.grid-12__col_push_xs-9 {
position: relative;
left: 75%;
}
.grid-12__col_push_xs-10 {
position: relative;
left: 83.33333333333334%;
}
.grid-12__col_push_xs-11 {
position: relative;
left: 91.66666666666667%;
}
.grid-12__col_push_xs-12 {
position: relative;
left: 100%;
}
}
@media only screen and (min-width: 1px) {
.grid-12__col_offset_xs-0 {
position: relative;
margin-left: 0%;
}
.grid-12__col_offset_xs-1 {
position: relative;
margin-left: 8.333333333333334%;
}
.grid-12__col_offset_xs-2 {
position: relative;
margin-left: 16.666666666666668%;
}
.grid-12__col_offset_xs-3 {
position: relative;
margin-left: 25%;
}
.grid-12__col_offset_xs-4 {
position: relative;
margin-left: 33.333333333333336%;
}
.grid-12__col_offset_xs-5 {
position: relative;
margin-left: 41.66666666666667%;
}
.grid-12__col_offset_xs-6 {
position: relative;
margin-left: 50%;
}
.grid-12__col_offset_xs-7 {
position: relative;
margin-left: 58.333333333333336%;
}
.grid-12__col_offset_xs-8 {
position: relative;
margin-left: 66.66666666666667%;
}
.grid-12__col_offset_xs-9 {
position: relative;
margin-left: 75%;
}
.grid-12__col_offset_xs-10 {
position: relative;
margin-left: 83.33333333333334%;
}
.grid-12__col_offset_xs-11 {
position: relative;
margin-left: 91.66666666666667%;
}
.grid-12__col_offset_xs-12 {
position: relative;
margin-left: 100%;
}
}
@media only screen and (min-width: 480px) {
.grid-12__col_size_s-0 {
float: left;
width: 0%;
}
.grid-12__col_size_s-1 {
float: left;
width: 8.333333333333334%;
}
.grid-12__col_size_s-2 {
float: left;
width: 16.666666666666668%;
}
.grid-12__col_size_s-3 {
float: left;
width: 25%;
}
.grid-12__col_size_s-4 {
float: left;
width: 33.333333333333336%;
}
.grid-12__col_size_s-5 {
float: left;
width: 41.66666666666667%;
}
.grid-12__col_size_s-6 {
float: left;
width: 50%;
}
.grid-12__col_size_s-7 {
float: left;
width: 58.333333333333336%;
}
.grid-12__col_size_s-8 {
float: left;
width: 66.66666666666667%;
}
.grid-12__col_size_s-9 {
float: left;
width: 75%;
}
.grid-12__col_size_s-10 {
float: left;
width: 83.33333333333334%;
}
.grid-12__col_size_s-11 {
float: left;
width: 91.66666666666667%;
}
.grid-12__col_size_s-12 {
float: left;
width: 100%;
}
}
@media only screen and (min-width: 480px) {
.grid-12__col_pull_s-0 {
position: relative;
right: auto;
}
.grid-12__col_pull_s-1 {
position: relative;
right: 8.333333333333334%;
}
.grid-12__col_pull_s-2 {
position: relative;
right: 16.666666666666668%;
}
.grid-12__col_pull_s-3 {
position: relative;
right: 25%;
}
.grid-12__col_pull_s-4 {
position: relative;
right: 33.333333333333336%;
}
.grid-12__col_pull_s-5 {
position: relative;
right: 41.66666666666667%;
}
.grid-12__col_pull_s-6 {
position: relative;
right: 50%;
}
.grid-12__col_pull_s-7 {
position: relative;
right: 58.333333333333336%;
}
.grid-12__col_pull_s-8 {
position: relative;
right: 66.66666666666667%;
}
.grid-12__col_pull_s-9 {
position: relative;
right: 75%;
}
.grid-12__col_pull_s-10 {
position: relative;
right: 83.33333333333334%;
}
.grid-12__col_pull_s-11 {
position: relative;
right: 91.66666666666667%;
}
.grid-12__col_pull_s-12 {
position: relative;
right: 100%;
}
}
@media only screen and (min-width: 480px) {
.grid-12__col_push_s-0 {
position: relative;
left: auto;
}
.grid-12__col_push_s-1 {
position: relative;
left: 8.333333333333334%;
}
.grid-12__col_push_s-2 {
position: relative;
left: 16.666666666666668%;
}
.grid-12__col_push_s-3 {
position: relative;
left: 25%;
}
.grid-12__col_push_s-4 {
position: relative;
left: 33.333333333333336%;
}
.grid-12__col_push_s-5 {
position: relative;
left: 41.66666666666667%;
}
.grid-12__col_push_s-6 {
position: relative;
left: 50%;
}
.grid-12__col_push_s-7 {
position: relative;
left: 58.333333333333336%;
}
.grid-12__col_push_s-8 {
position: relative;
left: 66.66666666666667%;
}
.grid-12__col_push_s-9 {
position: relative;
left: 75%;
}
.grid-12__col_push_s-10 {
position: relative;
left: 83.33333333333334%;
}
.grid-12__col_push_s-11 {
position: relative;
left: 91.66666666666667%;
}
.grid-12__col_push_s-12 {
position: relative;
left: 100%;
}
}
@media only screen and (min-width: 480px) {
.grid-12__col_offset_s-0 {
position: relative;
margin-left: 0%;
}
.grid-12__col_offset_s-1 {
position: relative;
margin-left: 8.333333333333334%;
}
.grid-12__col_offset_s-2 {
position: relative;
margin-left: 16.666666666666668%;
}
.grid-12__col_offset_s-3 {
position: relative;
margin-left: 25%;
}
.grid-12__col_offset_s-4 {
position: relative;
margin-left: 33.333333333333336%;
}
.grid-12__col_offset_s-5 {
position: relative;
margin-left: 41.66666666666667%;
}
.grid-12__col_offset_s-6 {
position: relative;
margin-left: 50%;
}
.grid-12__col_offset_s-7 {
position: relative;
margin-left: 58.333333333333336%;
}
.grid-12__col_offset_s-8 {
position: relative;
margin-left: 66.66666666666667%;
}
.grid-12__col_offset_s-9 {
position: relative;
margin-left: 75%;
}
.grid-12__col_offset_s-10 {
position: relative;
margin-left: 83.33333333333334%;
}
.grid-12__col_offset_s-11 {
position: relative;
margin-left: 91.66666666666667%;
}
.grid-12__col_offset_s-12 {
position: relative;
margin-left: 100%;
}
}
@media only screen and (min-width: 768px) {
.grid-12__col_size_m-0 {
float: left;
width: 0%;
}
.grid-12__col_size_m-1 {
float: left;
width: 8.333333333333334%;
}
.grid-12__col_size_m-2 {
float: left;
width: 16.666666666666668%;
}
.grid-12__col_size_m-3 {
float: left;
width: 25%;
}
.grid-12__col_size_m-4 {
float: left;
width: 33.333333333333336%;
}
.grid-12__col_size_m-5 {
float: left;
width: 41.66666666666667%;
}
.grid-12__col_size_m-6 {
float: left;
width: 50%;
}
.grid-12__col_size_m-7 {
float: left;
width: 58.333333333333336%;
}
.grid-12__col_size_m-8 {
float: left;
width: 66.66666666666667%;
}
.grid-12__col_size_m-9 {
float: left;
width: 75%;
}
.grid-12__col_size_m-10 {
float: left;
width: 83.33333333333334%;
}
.grid-12__col_size_m-11 {
float: left;
width: 91.66666666666667%;
}
.grid-12__col_size_m-12 {
float: left;
width: 100%;
}
}
@media only screen and (min-width: 768px) {
.grid-12__col_pull_m-0 {
position: relative;
right: auto;
}
.grid-12__col_pull_m-1 {
position: relative;
right: 8.333333333333334%;
}
.grid-12__col_pull_m-2 {
position: relative;
right: 16.666666666666668%;
}
.grid-12__col_pull_m-3 {
position: relative;
right: 25%;
}
.grid-12__col_pull_m-4 {
position: relative;
right: 33.333333333333336%;
}
.grid-12__col_pull_m-5 {
position: relative;
right: 41.66666666666667%;
}
.grid-12__col_pull_m-6 {
position: relative;
right: 50%;
}
.grid-12__col_pull_m-7 {
position: relative;
right: 58.333333333333336%;
}
.grid-12__col_pull_m-8 {
position: relative;
right: 66.66666666666667%;
}
.grid-12__col_pull_m-9 {
position: relative;
right: 75%;
}
.grid-12__col_pull_m-10 {
position: relative;
right: 83.33333333333334%;
}
.grid-12__col_pull_m-11 {
position: relative;
right: 91.66666666666667%;
}
.grid-12__col_pull_m-12 {
position: relative;
right: 100%;
}
}
@media only screen and (min-width: 768px) {
.grid-12__col_push_m-0 {
position: relative;
left: auto;
}
.grid-12__col_push_m-1 {
position: relative;
left: 8.333333333333334%;
}
.grid-12__col_push_m-2 {
position: relative;
left: 16.666666666666668%;
}
.grid-12__col_push_m-3 {
position: relative;
left: 25%;
}
.grid-12__col_push_m-4 {
position: relative;
left: 33.333333333333336%;
}
.grid-12__col_push_m-5 {
position: relative;
left: 41.66666666666667%;
}
.grid-12__col_push_m-6 {
position: relative;
left: 50%;
}
.grid-12__col_push_m-7 {
position: relative;
left: 58.333333333333336%;
}
.grid-12__col_push_m-8 {
position: relative;
left: 66.66666666666667%;
}
.grid-12__col_push_m-9 {
position: relative;
left: 75%;
}
.grid-12__col_push_m-10 {
position: relative;
left: 83.33333333333334%;
}
.grid-12__col_push_m-11 {
position: relative;
left: 91.66666666666667%;
}
.grid-12__col_push_m-12 {
position: relative;
left: 100%;
}
}
@media only screen and (min-width: 768px) {
.grid-12__col_offset_m-0 {
position: relative;
margin-left: 0%;
}
.grid-12__col_offset_m-1 {
position: relative;
margin-left: 8.333333333333334%;
}
.grid-12__col_offset_m-2 {
position: relative;
margin-left: 16.666666666666668%;
}
.grid-12__col_offset_m-3 {
position: relative;
margin-left: 25%;
}
.grid-12__col_offset_m-4 {
position: relative;
margin-left: 33.333333333333336%;
}
.grid-12__col_offset_m-5 {
position: relative;
margin-left: 41.66666666666667%;
}
.grid-12__col_offset_m-6 {
position: relative;
margin-left: 50%;
}
.grid-12__col_offset_m-7 {
position: relative;
margin-left: 58.333333333333336%;
}
.grid-12__col_offset_m-8 {
position: relative;
margin-left: 66.66666666666667%;
}
.grid-12__col_offset_m-9 {
position: relative;
margin-left: 75%;
}
.grid-12__col_offset_m-10 {
position: relative;
margin-left: 83.33333333333334%;
}
.grid-12__col_offset_m-11 {
position: relative;
margin-left: 91.66666666666667%;
}
.grid-12__col_offset_m-12 {
position: relative;
margin-left: 100%;
}
}
@media only screen and (min-width: 1025px) {
.grid-12__col_size_l-0 {
float: left;
width: 0%;
}
.grid-12__col_size_l-1 {
float: left;
width: 8.333333333333334%;
}
.grid-12__col_size_l-2 {
float: left;
width: 16.666666666666668%;
}
.grid-12__col_size_l-3 {
float: left;
width: 25%;
}
.grid-12__col_size_l-4 {
float: left;
width: 33.333333333333336%;
}
.grid-12__col_size_l-5 {
float: left;
width: 41.66666666666667%;
}
.grid-12__col_size_l-6 {
float: left;
width: 50%;
}
.grid-12__col_size_l-7 {
float: left;
width: 58.333333333333336%;
}
.grid-12__col_size_l-8 {
float: left;
width: 66.66666666666667%;
}
.grid-12__col_size_l-9 {
float: left;
width: 75%;
}
.grid-12__col_size_l-10 {
float: left;
width: 83.33333333333334%;
}
.grid-12__col_size_l-11 {
float: left;
width: 91.66666666666667%;
}
.grid-12__col_size_l-12 {
float: left;
width: 100%;
}
}
@media only screen and (min-width: 1025px) {
.grid-12__col_pull_l-0 {
position: relative;
right: auto;
}
.grid-12__col_pull_l-1 {
position: relative;
right: 8.333333333333334%;
}
.grid-12__col_pull_l-2 {
position: relative;
right: 16.666666666666668%;
}
.grid-12__col_pull_l-3 {
position: relative;
right: 25%;
}
.grid-12__col_pull_l-4 {
position: relative;
right: 33.333333333333336%;
}
.grid-12__col_pull_l-5 {
position: relative;
right: 41.66666666666667%;
}
.grid-12__col_pull_l-6 {
position: relative;
right: 50%;
}
.grid-12__col_pull_l-7 {
position: relative;
right: 58.333333333333336%;
}
.grid-12__col_pull_l-8 {
position: relative;
right: 66.66666666666667%;
}
.grid-12__col_pull_l-9 {
position: relative;
right: 75%;
}
.grid-12__col_pull_l-10 {
position: relative;
right: 83.33333333333334%;
}
.grid-12__col_pull_l-11 {
position: relative;
right: 91.66666666666667%;
}
.grid-12__col_pull_l-12 {
position: relative;
right: 100%;
}
}
@media only screen and (min-width: 1025px) {
.grid-12__col_push_l-0 {
position: relative;
left: auto;
}
.grid-12__col_push_l-1 {
position: relative;
left: 8.333333333333334%;
}
.grid-12__col_push_l-2 {
position: relative;
left: 16.666666666666668%;
}
.grid-12__col_push_l-3 {
position: relative;
left: 25%;
}
.grid-12__col_push_l-4 {
position: relative;
left: 33.333333333333336%;
}
.grid-12__col_push_l-5 {
position: relative;
left: 41.66666666666667%;
}
.grid-12__col_push_l-6 {
position: relative;
left: 50%;
}
.grid-12__col_push_l-7 {
position: relative;
left: 58.333333333333336%;
}
.grid-12__col_push_l-8 {
position: relative;
left: 66.66666666666667%;
}
.grid-12__col_push_l-9 {
position: relative;
left: 75%;
}
.grid-12__col_push_l-10 {
position: relative;
left: 83.33333333333334%;
}
.grid-12__col_push_l-11 {
position: relative;
left: 91.66666666666667%;
}
.grid-12__col_push_l-12 {
position: relative;
left: 100%;
}
}
@media only screen and (min-width: 1025px) {
.grid-12__col_offset_l-0 {
position: relative;
margin-left: 0%;
}
.grid-12__col_offset_l-1 {
position: relative;
margin-left: 8.333333333333334%;
}
.grid-12__col_offset_l-2 {
position: relative;
margin-left: 16.666666666666668%;
}
.grid-12__col_offset_l-3 {
position: relative;
margin-left: 25%;
}
.grid-12__col_offset_l-4 {
position: relative;
margin-left: 33.333333333333336%;
}
.grid-12__col_offset_l-5 {
position: relative;
margin-left: 41.66666666666667%;
}
.grid-12__col_offset_l-6 {
position: relative;
margin-left: 50%;
}
.grid-12__col_offset_l-7 {
position: relative;
margin-left: 58.333333333333336%;
}
.grid-12__col_offset_l-8 {
position: relative;
margin-left: 66.66666666666667%;
}
.grid-12__col_offset_l-9 {
position: relative;
margin-left: 75%;
}
.grid-12__col_offset_l-10 {
position: relative;
margin-left: 83.33333333333334%;
}
.grid-12__col_offset_l-11 {
position: relative;
margin-left: 91.66666666666667%;
}
.grid-12__col_offset_l-12 {
position: relative;
margin-left: 100%;
}
}
@media only screen and (min-width: 1281px) {
.grid-12__col_size_xl-0 {
float: left;
width: 0%;
}
.grid-12__col_size_xl-1 {
float: left;
width: 8.333333333333334%;
}
.grid-12__col_size_xl-2 {
float: left;
width: 16.666666666666668%;
}
.grid-12__col_size_xl-3 {
float: left;
width: 25%;
}
.grid-12__col_size_xl-4 {
float: left;
width: 33.333333333333336%;
}
.grid-12__col_size_xl-5 {
float: left;
width: 41.66666666666667%;
}
.grid-12__col_size_xl-6 {
float: left;
width: 50%;
}
.grid-12__col_size_xl-7 {
float: left;
width: 58.333333333333336%;
}
.grid-12__col_size_xl-8 {
float: left;
width: 66.66666666666667%;
}
.grid-12__col_size_xl-9 {
float: left;
width: 75%;
}
.grid-12__col_size_xl-10 {
float: left;
width: 83.33333333333334%;
}
.grid-12__col_size_xl-11 {
float: left;
width: 91.66666666666667%;
}
.grid-12__col_size_xl-12 {
float: left;
width: 100%;
}
}
@media only screen and (min-width: 1281px) {
.grid-12__col_pull_xl-0 {
position: relative;
right: auto;
}
.grid-12__col_pull_xl-1 {
position: relative;
right: 8.333333333333334%;
}
.grid-12__col_pull_xl-2 {
position: relative;
right: 16.666666666666668%;
}
.grid-12__col_pull_xl-3 {
position: relative;
right: 25%;
}
.grid-12__col_pull_xl-4 {
position: relative;
right: 33.333333333333336%;
}
.grid-12__col_pull_xl-5 {
position: relative;
right: 41.66666666666667%;
}
.grid-12__col_pull_xl-6 {
position: relative;
right: 50%;
}
.grid-12__col_pull_xl-7 {
position: relative;
right: 58.333333333333336%;
}
.grid-12__col_pull_xl-8 {
position: relative;
right: 66.66666666666667%;
}
.grid-12__col_pull_xl-9 {
position: relative;
right: 75%;
}
.grid-12__col_pull_xl-10 {
position: relative;
right: 83.33333333333334%;
}
.grid-12__col_pull_xl-11 {
position: relative;
right: 91.66666666666667%;
}
.grid-12__col_pull_xl-12 {
position: relative;
right: 100%;
}
}
@media only screen and (min-width: 1281px) {
.grid-12__col_push_xl-0 {
position: relative;
left: auto;
}
.grid-12__col_push_xl-1 {
position: relative;
left: 8.333333333333334%;
}
.grid-12__col_push_xl-2 {
position: relative;
left: 16.666666666666668%;
}
.grid-12__col_push_xl-3 {
position: relative;
left: 25%;
}
.grid-12__col_push_xl-4 {
position: relative;
left: 33.333333333333336%;
}
.grid-12__col_push_xl-5 {
position: relative;
left: 41.66666666666667%;
}
.grid-12__col_push_xl-6 {
position: relative;
left: 50%;
}
.grid-12__col_push_xl-7 {
position: relative;
left: 58.333333333333336%;
}
.grid-12__col_push_xl-8 {
position: relative;
left: 66.66666666666667%;
}
.grid-12__col_push_xl-9 {
position: relative;
left: 75%;
}
.grid-12__col_push_xl-10 {
position: relative;
left: 83.33333333333334%;
}
.grid-12__col_push_xl-11 {
position: relative;
left: 91.66666666666667%;
}
.grid-12__col_push_xl-12 {
position: relative;
left: 100%;
}
}
@media only screen and (min-width: 1281px) {
.grid-12__col_offset_xl-0 {
position: relative;
margin-left: 0%;
}
.grid-12__col_offset_xl-1 {
position: relative;
margin-left: 8.333333333333334%;
}
.grid-12__col_offset_xl-2 {
position: relative;
margin-left: 16.666666666666668%;
}
.grid-12__col_offset_xl-3 {
position: relative;
margin-left: 25%;
}
.grid-12__col_offset_xl-4 {
position: relative;
margin-left: 33.333333333333336%;
}
.grid-12__col_offset_xl-5 {
position: relative;
margin-left: 41.66666666666667%;
}
.grid-12__col_offset_xl-6 {
position: relative;
margin-left: 50%;
}
.grid-12__col_offset_xl-7 {
position: relative;
margin-left: 58.333333333333336%;
}
.grid-12__col_offset_xl-8 {
position: relative;
margin-left: 66.66666666666667%;
}
.grid-12__col_offset_xl-9 {
position: relative;
margin-left: 75%;
}
.grid-12__col_offset_xl-10 {
position: relative;
margin-left: 83.33333333333334%;
}
.grid-12__col_offset_xl-11 {
position: relative;
margin-left: 91.66666666666667%;
}
.grid-12__col_offset_xl-12 {
position: relative;
margin-left: 100%;
}
}
@media only screen and (min-width: 1440px) {
.grid-12__col_size_xxl-0 {
float: left;
width: 0%;
}
.grid-12__col_size_xxl-1 {
float: left;
width: 8.333333333333334%;
}
.grid-12__col_size_xxl-2 {
float: left;
width: 16.666666666666668%;
}
.grid-12__col_size_xxl-3 {
float: left;
width: 25%;
}
.grid-12__col_size_xxl-4 {
float: left;
width: 33.333333333333336%;
}
.grid-12__col_size_xxl-5 {
float: left;
width: 41.66666666666667%;
}
.grid-12__col_size_xxl-6 {
float: left;
width: 50%;
}
.grid-12__col_size_xxl-7 {
float: left;
width: 58.333333333333336%;
}
.grid-12__col_size_xxl-8 {
float: left;
width: 66.66666666666667%;
}
.grid-12__col_size_xxl-9 {
float: left;
width: 75%;
}
.grid-12__col_size_xxl-10 {
float: left;
width: 83.33333333333334%;
}
.grid-12__col_size_xxl-11 {
float: left;
width: 91.66666666666667%;
}
.grid-12__col_size_xxl-12 {
float: left;
width: 100%;
}
}
@media only screen and (min-width: 1440px) {
.grid-12__col_pull_xxl-0 {
position: relative;
right: auto;
}
.grid-12__col_pull_xxl-1 {
position: relative;
right: 8.333333333333334%;
}
.grid-12__col_pull_xxl-2 {
position: relative;
right: 16.666666666666668%;
}
.grid-12__col_pull_xxl-3 {
position: relative;
right: 25%;
}
.grid-12__col_pull_xxl-4 {
position: relative;
right: 33.333333333333336%;
}
.grid-12__col_pull_xxl-5 {
position: relative;
right: 41.66666666666667%;
}
.grid-12__col_pull_xxl-6 {
position: relative;
right: 50%;
}
.grid-12__col_pull_xxl-7 {
position: relative;
right: 58.333333333333336%;
}
.grid-12__col_pull_xxl-8 {
position: relative;
right: 66.66666666666667%;
}
.grid-12__col_pull_xxl-9 {
position: relative;
right: 75%;
}
.grid-12__col_pull_xxl-10 {
position: relative;
right: 83.33333333333334%;
}
.grid-12__col_pull_xxl-11 {
position: relative;
right: 91.66666666666667%;
}
.grid-12__col_pull_xxl-12 {
position: relative;
right: 100%;
}
}
@media only screen and (min-width: 1440px) {
.grid-12__col_push_xxl-0 {
position: relative;
left: auto;
}
.grid-12__col_push_xxl-1 {
position: relative;
left: 8.333333333333334%;
}
.grid-12__col_push_xxl-2 {
position: relative;
left: 16.666666666666668%;
}
.grid-12__col_push_xxl-3 {
position: relative;
left: 25%;
}
.grid-12__col_push_xxl-4 {
position: relative;
left: 33.333333333333336%;
}
.grid-12__col_push_xxl-5 {
position: relative;
left: 41.66666666666667%;
}
.grid-12__col_push_xxl-6 {
position: relative;
left: 50%;
}
.grid-12__col_push_xxl-7 {
position: relative;
left: 58.333333333333336%;
}
.grid-12__col_push_xxl-8 {
position: relative;
left: 66.66666666666667%;
}
.grid-12__col_push_xxl-9 {
position: relative;
left: 75%;
}
.grid-12__col_push_xxl-10 {
position: relative;
left: 83.33333333333334%;
}
.grid-12__col_push_xxl-11 {
position: relative;
left: 91.66666666666667%;
}
.grid-12__col_push_xxl-12 {
position: relative;
left: 100%;
}
}
@media only screen and (min-width: 1440px) {
.grid-12__col_offset_xxl-0 {
position: relative;
margin-left: 0%;
}
.grid-12__col_offset_xxl-1 {
position: relative;
margin-left: 8.333333333333334%;
}
.grid-12__col_offset_xxl-2 {
position: relative;
margin-left: 16.666666666666668%;
}
.grid-12__col_offset_xxl-3 {
position: relative;
margin-left: 25%;
}
.grid-12__col_offset_xxl-4 {
position: relative;
margin-left: 33.333333333333336%;
}
.grid-12__col_offset_xxl-5 {
position: relative;
margin-left: 41.66666666666667%;
}
.grid-12__col_offset_xxl-6 {
position: relative;
margin-left: 50%;
}
.grid-12__col_offset_xxl-7 {
position: relative;
margin-left: 58.333333333333336%;
}
.grid-12__col_offset_xxl-8 {
position: relative;
margin-left: 66.66666666666667%;
}
.grid-12__col_offset_xxl-9 {
position: relative;
margin-left: 75%;
}
.grid-12__col_offset_xxl-10 {
position: relative;
margin-left: 83.33333333333334%;
}
.grid-12__col_offset_xxl-11 {
position: relative;
margin-left: 91.66666666666667%;
}
.grid-12__col_offset_xxl-12 {
position: relative;
margin-left: 100%;
}
}
.grid-16 {
min-width: 320px;
}
.grid-16__container {
width: 100%;
max-width: 1814px;
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.grid-16__container_width_full {
width: 100%;
max-width: 100%;
}
.grid-16__container_fixed {
max-width: none;
width: 1814px;
}
.grid-16__row {
margin-left: -15px;
margin-right: -15px;
}
@media only screen and (min-width: 1px) {
.grid-16__row-xs {
margin-left: -15px;
margin-right: -15px;
}
.grid-16__row-xs:after {
display: table;
clear: both;
content: '';
}
}
@media only screen and (min-width: 480px) {
.grid-16__row-s {
margin-left: -15px;
margin-right: -15px;
}
.grid-16__row-s:after {
display: table;
clear: both;
content: '';
}
}
@media only screen and (min-width: 768px) {
.grid-16__row-m {
margin-left: -15px;
margin-right: -15px;
}
.grid-16__row-m:after {
display: table;
clear: both;
content: '';
}
}
@media only screen and (min-width: 1025px) {
.grid-16__row-l {
margin-left: -15px;
margin-right: -15px;
}
.grid-16__row-l:after {
display: table;
clear: both;
content: '';
}
}
@media only screen and (min-width: 1281px) {
.grid-16__row-xl {
margin-left: -15px;
margin-right: -15px;
}
.grid-16__row-xl:after {
display: table;
clear: both;
content: '';
}
}
@media only screen and (min-width: 1440px) {
.grid-16__row-xxl {
margin-left: -15px;
margin-right: -15px;
}
.grid-16__row-xxl:after {
display: table;
clear: both;
content: '';
}
}
.grid-16__row:after {
display: table;
clear: both;
content: '';
}
@media only screen and (max-width: 1px) {
.grid-16__row-b-xs {
margin-left: -15px;
margin-right: -15px;
}
.grid-16__row-b-xs:after {
display: table;
clear: both;
content: '';
}
}
@media only screen and (max-width: 480px) {
.grid-16__row-b-s {
margin-left: -15px;
margin-right: -15px;
}
.grid-16__row-b-s:after {
display: table;
clear: both;
content: '';
}
}
@media only screen and (max-width: 768px) {
.grid-16__row-b-m {
margin-left: -15px;
margin-right: -15px;
}
.grid-16__row-b-m:after {
display: table;
clear: both;
content: '';
}
}
@media only screen and (max-width: 1025px) {
.grid-16__row-b-l {
margin-left: -15px;
margin-right: -15px;
}
.grid-16__row-b-l:after {
display: table;
clear: both;
content: '';
}
}
@media only screen and (max-width: 1281px) {
.grid-16__row-b-xl {
margin-left: -15px;
margin-right: -15px;
}
.grid-16__row-b-xl:after {
display: table;
clear: both;
content: '';
}
}
@media only screen and (max-width: 1440px) {
.grid-16__row-b-xxl {
margin-left: -15px;
margin-right: -15px;
}
.grid-16__row-b-xxl:after {
display: table;
clear: both;
content: '';
}
}
.grid-16__holder:after {
display: table;
clear: both;
content: '';
}
.grid-16__col {
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.grid-16__col_size_1 {
float: left;
width: 6.25%;
padding-left: 15px;
padding-right: 15px;
}
.grid-16__col_size_2 {
float: left;
width: 12.5%;
padding-left: 15px;
padding-right: 15px;
}
.grid-16__col_size_3 {
float: left;
width: 18.75%;
padding-left: 15px;
padding-right: 15px;
}
.grid-16__col_size_4 {
float: left;
width: 25%;
padding-left: 15px;
padding-right: 15px;
}
.grid-16__col_size_5 {
float: left;
width: 31.25%;
padding-left: 15px;
padding-right: 15px;
}
.grid-16__col_size_6 {
float: left;
width: 37.5%;
padding-left: 15px;
padding-right: 15px;
}
.grid-16__col_size_7 {
float: left;
width: 43.75%;
padding-left: 15px;
padding-right: 15px;
}
.grid-16__col_size_8 {
float: left;
width: 50%;
padding-left: 15px;
padding-right: 15px;
}
.grid-16__col_size_9 {
float: left;
width: 56.25%;
padding-left: 15px;
padding-right: 15px;
}
.grid-16__col_size_10 {
float: left;
width: 62.5%;
padding-left: 15px;
padding-right: 15px;
}
.grid-16__col_size_11 {
float: left;
width: 68.75%;
padding-left: 15px;
padding-right: 15px;
}
.grid-16__col_size_12 {
float: left;
width: 75%;
padding-left: 15px;
padding-right: 15px;
}
.grid-16__col_size_13 {
float: left;
width: 81.25%;
padding-left: 15px;
padding-right: 15px;
}
.grid-16__col_size_14 {
float: left;
width: 87.5%;
padding-left: 15px;
padding-right: 15px;
}
.grid-16__col_size_15 {
float: left;
width: 93.75%;
padding-left: 15px;
padding-right: 15px;
}
.grid-16__col_size_16 {
float: left;
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.grid-16__col_pull_0 {
position: relative;
right: auto;
}
.grid-16__col_pull_1 {
position: relative;
right: 6.25%;
}
.grid-16__col_pull_2 {
position: relative;
right: 12.5%;
}
.grid-16__col_pull_3 {
position: relative;
right: 18.75%;
}
.grid-16__col_pull_4 {
position: relative;
right: 25%;
}
.grid-16__col_pull_5 {
position: relative;
right: 31.25%;
}
.grid-16__col_pull_6 {
position: relative;
right: 37.5%;
}
.grid-16__col_pull_7 {
position: relative;
right: 43.75%;
}
.grid-16__col_pull_8 {
position: relative;
right: 50%;
}
.grid-16__col_pull_9 {
position: relative;
right: 56.25%;
}
.grid-16__col_pull_10 {
position: relative;
right: 62.5%;
}
.grid-16__col_pull_11 {
position: relative;
right: 68.75%;
}
.grid-16__col_pull_12 {
position: relative;
right: 75%;
}
.grid-16__col_pull_13 {
position: relative;
right: 81.25%;
}
.grid-16__col_pull_14 {
position: relative;
right: 87.5%;
}
.grid-16__col_pull_15 {
position: relative;
right: 93.75%;
}
.grid-16__col_pull_16 {
position: relative;
right: 100%;
}
.grid-16__col_push_0 {
position: relative;
left: auto;
}
.grid-16__col_push_1 {
position: relative;
left: 6.25%;
}
.grid-16__col_push_2 {
position: relative;
left: 12.5%;
}
.grid-16__col_push_3 {
position: relative;
left: 18.75%;
}
.grid-16__col_push_4 {
position: relative;
left: 25%;
}
.grid-16__col_push_5 {
position: relative;
left: 31.25%;
}
.grid-16__col_push_6 {
position: relative;
left: 37.5%;
}
.grid-16__col_push_7 {
position: relative;
left: 43.75%;
}
.grid-16__col_push_8 {
position: relative;
left: 50%;
}
.grid-16__col_push_9 {
position: relative;
left: 56.25%;
}
.grid-16__col_push_10 {
position: relative;
left: 62.5%;
}
.grid-16__col_push_11 {
position: relative;
left: 68.75%;
}
.grid-16__col_push_12 {
position: relative;
left: 75%;
}
.grid-16__col_push_13 {
position: relative;
left: 81.25%;
}
.grid-16__col_push_14 {
position: relative;
left: 87.5%;
}
.grid-16__col_push_15 {
position: relative;
left: 93.75%;
}
.grid-16__col_push_16 {
position: relative;
left: 100%;
}
.grid-16__col_offset_0 {
position: relative;
margin-left: 0%;
}
.grid-16__col_offset_1 {
position: relative;
margin-left: 6.25%;
}
.grid-16__col_offset_2 {
position: relative;
margin-left: 12.5%;
}
.grid-16__col_offset_3 {
position: relative;
margin-left: 18.75%;
}
.grid-16__col_offset_4 {
position: relative;
margin-left: 25%;
}
.grid-16__col_offset_5 {
position: relative;
margin-left: 31.25%;
}
.grid-16__col_offset_6 {
position: relative;
margin-left: 37.5%;
}
.grid-16__col_offset_7 {
position: relative;
margin-left: 43.75%;
}
.grid-16__col_offset_8 {
position: relative;
margin-left: 50%;
}
.grid-16__col_offset_9 {
position: relative;
margin-left: 56.25%;
}
.grid-16__col_offset_10 {
position: relative;
margin-left: 62.5%;
}
.grid-16__col_offset_11 {
position: relative;
margin-left: 68.75%;
}
.grid-16__col_offset_12 {
position: relative;
margin-left: 75%;
}
.grid-16__col_offset_13 {
position: relative;
margin-left: 81.25%;
}
.grid-16__col_offset_14 {
position: relative;
margin-left: 87.5%;
}
.grid-16__col_offset_15 {
position: relative;
margin-left: 93.75%;
}
.grid-16__col_offset_16 {
position: relative;
margin-left: 100%;
}
@media only screen and (min-width: 1px) {
.grid-16__col_size_xs-0 {
float: left;
width: 0%;
}
.grid-16__col_size_xs-1 {
float: left;
width: 6.25%;
}
.grid-16__col_size_xs-2 {
float: left;
width: 12.5%;
}
.grid-16__col_size_xs-3 {
float: left;
width: 18.75%;
}
.grid-16__col_size_xs-4 {
float: left;
width: 25%;
}
.grid-16__col_size_xs-5 {
float: left;
width: 31.25%;
}
.grid-16__col_size_xs-6 {
float: left;
width: 37.5%;
}
.grid-16__col_size_xs-7 {
float: left;
width: 43.75%;
}
.grid-16__col_size_xs-8 {
float: left;
width: 50%;
}
.grid-16__col_size_xs-9 {
float: left;
width: 56.25%;
}
.grid-16__col_size_xs-10 {
float: left;
width: 62.5%;
}
.grid-16__col_size_xs-11 {
float: left;
width: 68.75%;
}
.grid-16__col_size_xs-12 {
float: left;
width: 75%;
}
.grid-16__col_size_xs-13 {
float: left;
width: 81.25%;
}
.grid-16__col_size_xs-14 {
float: left;
width: 87.5%;
}
.grid-16__col_size_xs-15 {
float: left;
width: 93.75%;
}
.grid-16__col_size_xs-16 {
float: left;
width: 100%;
}
}
@media only screen and (min-width: 1px) {
.grid-16__col_pull_xs-0 {
position: relative;
right: auto;
}
.grid-16__col_pull_xs-1 {
position: relative;
right: 6.25%;
}
.grid-16__col_pull_xs-2 {
position: relative;
right: 12.5%;
}
.grid-16__col_pull_xs-3 {
position: relative;
right: 18.75%;
}
.grid-16__col_pull_xs-4 {
position: relative;
right: 25%;
}
.grid-16__col_pull_xs-5 {
position: relative;
right: 31.25%;
}
.grid-16__col_pull_xs-6 {
position: relative;
right: 37.5%;
}
.grid-16__col_pull_xs-7 {
position: relative;
right: 43.75%;
}
.grid-16__col_pull_xs-8 {
position: relative;
right: 50%;
}
.grid-16__col_pull_xs-9 {
position: relative;
right: 56.25%;
}
.grid-16__col_pull_xs-10 {
position: relative;
right: 62.5%;
}
.grid-16__col_pull_xs-11 {
position: relative;
right: 68.75%;
}
.grid-16__col_pull_xs-12 {
position: relative;
right: 75%;
}
.grid-16__col_pull_xs-13 {
position: relative;
right: 81.25%;
}
.grid-16__col_pull_xs-14 {
position: relative;
right: 87.5%;
}
.grid-16__col_pull_xs-15 {
position: relative;
right: 93.75%;
}
.grid-16__col_pull_xs-16 {
position: relative;
right: 100%;
}
}
@media only screen and (min-width: 1px) {
.grid-16__col_push_xs-0 {
position: relative;
left: auto;
}
.grid-16__col_push_xs-1 {
position: relative;
left: 6.25%;
}
.grid-16__col_push_xs-2 {
position: relative;
left: 12.5%;
}
.grid-16__col_push_xs-3 {
position: relative;
left: 18.75%;
}
.grid-16__col_push_xs-4 {
position: relative;
left: 25%;
}
.grid-16__col_push_xs-5 {
position: relative;
left: 31.25%;
}
.grid-16__col_push_xs-6 {
position: relative;
left: 37.5%;
}
.grid-16__col_push_xs-7 {
position: relative;
left: 43.75%;
}
.grid-16__col_push_xs-8 {
position: relative;
left: 50%;
}
.grid-16__col_push_xs-9 {
position: relative;
left: 56.25%;
}
.grid-16__col_push_xs-10 {
position: relative;
left: 62.5%;
}
.grid-16__col_push_xs-11 {
position: relative;
left: 68.75%;
}
.grid-16__col_push_xs-12 {
position: relative;
left: 75%;
}
.grid-16__col_push_xs-13 {
position: relative;
left: 81.25%;
}
.grid-16__col_push_xs-14 {
position: relative;
left: 87.5%;
}
.grid-16__col_push_xs-15 {
position: relative;
left: 93.75%;
}
.grid-16__col_push_xs-16 {
position: relative;
left: 100%;
}
}
@media only screen and (min-width: 1px) {
.grid-16__col_offset_xs-0 {
position: relative;
margin-left: 0%;
}
.grid-16__col_offset_xs-1 {
position: relative;
margin-left: 6.25%;
}
.grid-16__col_offset_xs-2 {
position: relative;
margin-left: 12.5%;
}
.grid-16__col_offset_xs-3 {
position: relative;
margin-left: 18.75%;
}
.grid-16__col_offset_xs-4 {
position: relative;
margin-left: 25%;
}
.grid-16__col_offset_xs-5 {
position: relative;
margin-left: 31.25%;
}
.grid-16__col_offset_xs-6 {
position: relative;
margin-left: 37.5%;
}
.grid-16__col_offset_xs-7 {
position: relative;
margin-left: 43.75%;
}
.grid-16__col_offset_xs-8 {
position: relative;
margin-left: 50%;
}
.grid-16__col_offset_xs-9 {
position: relative;
margin-left: 56.25%;
}
.grid-16__col_offset_xs-10 {
position: relative;
margin-left: 62.5%;
}
.grid-16__col_offset_xs-11 {
position: relative;
margin-left: 68.75%;
}
.grid-16__col_offset_xs-12 {
position: relative;
margin-left: 75%;
}
.grid-16__col_offset_xs-13 {
position: relative;
margin-left: 81.25%;
}
.grid-16__col_offset_xs-14 {
position: relative;
margin-left: 87.5%;
}
.grid-16__col_offset_xs-15 {
position: relative;
margin-left: 93.75%;
}
.grid-16__col_offset_xs-16 {
position: relative;
margin-left: 100%;
}
}
@media only screen and (min-width: 480px) {
.grid-16__col_size_s-0 {
float: left;
width: 0%;
}
.grid-16__col_size_s-1 {
float: left;
width: 6.25%;
}
.grid-16__col_size_s-2 {
float: left;
width: 12.5%;
}
.grid-16__col_size_s-3 {
float: left;
width: 18.75%;
}
.grid-16__col_size_s-4 {
float: left;
width: 25%;
}
.grid-16__col_size_s-5 {
float: left;
width: 31.25%;
}
.grid-16__col_size_s-6 {
float: left;
width: 37.5%;
}
.grid-16__col_size_s-7 {
float: left;
width: 43.75%;
}
.grid-16__col_size_s-8 {
float: left;
width: 50%;
}
.grid-16__col_size_s-9 {
float: left;
width: 56.25%;
}
.grid-16__col_size_s-10 {
float: left;
width: 62.5%;
}
.grid-16__col_size_s-11 {
float: left;
width: 68.75%;
}
.grid-16__col_size_s-12 {
float: left;
width: 75%;
}
.grid-16__col_size_s-13 {
float: left;
width: 81.25%;
}
.grid-16__col_size_s-14 {
float: left;
width: 87.5%;
}
.grid-16__col_size_s-15 {
float: left;
width: 93.75%;
}
.grid-16__col_size_s-16 {
float: left;
width: 100%;
}
}
@media only screen and (min-width: 480px) {
.grid-16__col_pull_s-0 {
position: relative;
right: auto;
}
.grid-16__col_pull_s-1 {
position: relative;
right: 6.25%;
}
.grid-16__col_pull_s-2 {
position: relative;
right: 12.5%;
}
.grid-16__col_pull_s-3 {
position: relative;
right: 18.75%;
}
.grid-16__col_pull_s-4 {
position: relative;
right: 25%;
}
.grid-16__col_pull_s-5 {
position: relative;
right: 31.25%;
}
.grid-16__col_pull_s-6 {
position: relative;
right: 37.5%;
}
.grid-16__col_pull_s-7 {
position: relative;
right: 43.75%;
}
.grid-16__col_pull_s-8 {
position: relative;
right: 50%;
}
.grid-16__col_pull_s-9 {
position: relative;
right: 56.25%;
}
.grid-16__col_pull_s-10 {
position: relative;
right: 62.5%;
}
.grid-16__col_pull_s-11 {
position: relative;
right: 68.75%;
}
.grid-16__col_pull_s-12 {
position: relative;
right: 75%;
}
.grid-16__col_pull_s-13 {
position: relative;
right: 81.25%;
}
.grid-16__col_pull_s-14 {
position: relative;
right: 87.5%;
}
.grid-16__col_pull_s-15 {
position: relative;
right: 93.75%;
}
.grid-16__col_pull_s-16 {
position: relative;
right: 100%;
}
}
@media only screen and (min-width: 480px) {
.grid-16__col_push_s-0 {
position: relative;
left: auto;
}
.grid-16__col_push_s-1 {
position: relative;
left: 6.25%;
}
.grid-16__col_push_s-2 {
position: relative;
left: 12.5%;
}
.grid-16__col_push_s-3 {
position: relative;
left: 18.75%;
}
.grid-16__col_push_s-4 {
position: relative;
left: 25%;
}
.grid-16__col_push_s-5 {
position: relative;
left: 31.25%;
}
.grid-16__col_push_s-6 {
position: relative;
left: 37.5%;
}
.grid-16__col_push_s-7 {
position: relative;
left: 43.75%;
}
.grid-16__col_push_s-8 {
position: relative;
left: 50%;
}
.grid-16__col_push_s-9 {
position: relative;
left: 56.25%;
}
.grid-16__col_push_s-10 {
position: relative;
left: 62.5%;
}
.grid-16__col_push_s-11 {
position: relative;
left: 68.75%;
}
.grid-16__col_push_s-12 {
position: relative;
left: 75%;
}
.grid-16__col_push_s-13 {
position: relative;
left: 81.25%;
}
.grid-16__col_push_s-14 {
position: relative;
left: 87.5%;
}
.grid-16__col_push_s-15 {
position: relative;
left: 93.75%;
}
.grid-16__col_push_s-16 {
position: relative;
left: 100%;
}
}
@media only screen and (min-width: 480px) {
.grid-16__col_offset_s-0 {
position: relative;
margin-left: 0%;
}
.grid-16__col_offset_s-1 {
position: relative;
margin-left: 6.25%;
}
.grid-16__col_offset_s-2 {
position: relative;
margin-left: 12.5%;
}
.grid-16__col_offset_s-3 {
position: relative;
margin-left: 18.75%;
}
.grid-16__col_offset_s-4 {
position: relative;
margin-left: 25%;
}
.grid-16__col_offset_s-5 {
position: relative;
margin-left: 31.25%;
}
.grid-16__col_offset_s-6 {
position: relative;
margin-left: 37.5%;
}
.grid-16__col_offset_s-7 {
position: relative;
margin-left: 43.75%;
}
.grid-16__col_offset_s-8 {
position: relative;
margin-left: 50%;
}
.grid-16__col_offset_s-9 {
position: relative;
margin-left: 56.25%;
}
.grid-16__col_offset_s-10 {
position: relative;
margin-left: 62.5%;
}
.grid-16__col_offset_s-11 {
position: relative;
margin-left: 68.75%;
}
.grid-16__col_offset_s-12 {
position: relative;
margin-left: 75%;
}
.grid-16__col_offset_s-13 {
position: relative;
margin-left: 81.25%;
}
.grid-16__col_offset_s-14 {
position: relative;
margin-left: 87.5%;
}
.grid-16__col_offset_s-15 {
position: relative;
margin-left: 93.75%;
}
.grid-16__col_offset_s-16 {
position: relative;
margin-left: 100%;
}
}
@media only screen and (min-width: 768px) {
.grid-16__col_size_m-0 {
float: left;
width: 0%;
}
.grid-16__col_size_m-1 {
float: left;
width: 6.25%;
}
.grid-16__col_size_m-2 {
float: left;
width: 12.5%;
}
.grid-16__col_size_m-3 {
float: left;
width: 18.75%;
}
.grid-16__col_size_m-4 {
float: left;
width: 25%;
}
.grid-16__col_size_m-5 {
float: left;
width: 31.25%;
}
.grid-16__col_size_m-6 {
float: left;
width: 37.5%;
}
.grid-16__col_size_m-7 {
float: left;
width: 43.75%;
}
.grid-16__col_size_m-8 {
float: left;
width: 50%;
}
.grid-16__col_size_m-9 {
float: left;
width: 56.25%;
}
.grid-16__col_size_m-10 {
float: left;
width: 62.5%;
}
.grid-16__col_size_m-11 {
float: left;
width: 68.75%;
}
.grid-16__col_size_m-12 {
float: left;
width: 75%;
}
.grid-16__col_size_m-13 {
float: left;
width: 81.25%;
}
.grid-16__col_size_m-14 {
float: left;
width: 87.5%;
}
.grid-16__col_size_m-15 {
float: left;
width: 93.75%;
}
.grid-16__col_size_m-16 {
float: left;
width: 100%;
}
}
@media only screen and (min-width: 768px) {
.grid-16__col_pull_m-0 {
position: relative;
right: auto;
}
.grid-16__col_pull_m-1 {
position: relative;
right: 6.25%;
}
.grid-16__col_pull_m-2 {
position: relative;
right: 12.5%;
}
.grid-16__col_pull_m-3 {
position: relative;
right: 18.75%;
}
.grid-16__col_pull_m-4 {
position: relative;
right: 25%;
}
.grid-16__col_pull_m-5 {
position: relative;
right: 31.25%;
}
.grid-16__col_pull_m-6 {
position: relative;
right: 37.5%;
}
.grid-16__col_pull_m-7 {
position: relative;
right: 43.75%;
}
.grid-16__col_pull_m-8 {
position: relative;
right: 50%;
}
.grid-16__col_pull_m-9 {
position: relative;
right: 56.25%;
}
.grid-16__col_pull_m-10 {
position: relative;
right: 62.5%;
}
.grid-16__col_pull_m-11 {
position: relative;
right: 68.75%;
}
.grid-16__col_pull_m-12 {
position: relative;
right: 75%;
}
.grid-16__col_pull_m-13 {
position: relative;
right: 81.25%;
}
.grid-16__col_pull_m-14 {
position: relative;
right: 87.5%;
}
.grid-16__col_pull_m-15 {
position: relative;
right: 93.75%;
}
.grid-16__col_pull_m-16 {
position: relative;
right: 100%;
}
}
@media only screen and (min-width: 768px) {
.grid-16__col_push_m-0 {
position: relative;
left: auto;
}
.grid-16__col_push_m-1 {
position: relative;
left: 6.25%;
}
.grid-16__col_push_m-2 {
position: relative;
left: 12.5%;
}
.grid-16__col_push_m-3 {
position: relative;
left: 18.75%;
}
.grid-16__col_push_m-4 {
position: relative;
left: 25%;
}
.grid-16__col_push_m-5 {
position: relative;
left: 31.25%;
}
.grid-16__col_push_m-6 {
position: relative;
left: 37.5%;
}
.grid-16__col_push_m-7 {
position: relative;
left: 43.75%;
}
.grid-16__col_push_m-8 {
position: relative;
left: 50%;
}
.grid-16__col_push_m-9 {
position: relative;
left: 56.25%;
}
.grid-16__col_push_m-10 {
position: relative;
left: 62.5%;
}
.grid-16__col_push_m-11 {
position: relative;
left: 68.75%;
}
.grid-16__col_push_m-12 {
position: relative;
left: 75%;
}
.grid-16__col_push_m-13 {
position: relative;
left: 81.25%;
}
.grid-16__col_push_m-14 {
position: relative;
left: 87.5%;
}
.grid-16__col_push_m-15 {
position: relative;
left: 93.75%;
}
.grid-16__col_push_m-16 {
position: relative;
left: 100%;
}
}
@media only screen and (min-width: 768px) {
.grid-16__col_offset_m-0 {
position: relative;
margin-left: 0%;
}
.grid-16__col_offset_m-1 {
position: relative;
margin-left: 6.25%;
}
.grid-16__col_offset_m-2 {
position: relative;
margin-left: 12.5%;
}
.grid-16__col_offset_m-3 {
position: relative;
margin-left: 18.75%;
}
.grid-16__col_offset_m-4 {
position: relative;
margin-left: 25%;
}
.grid-16__col_offset_m-5 {
position: relative;
margin-left: 31.25%;
}
.grid-16__col_offset_m-6 {
position: relative;
margin-left: 37.5%;
}
.grid-16__col_offset_m-7 {
position: relative;
margin-left: 43.75%;
}
.grid-16__col_offset_m-8 {
position: relative;
margin-left: 50%;
}
.grid-16__col_offset_m-9 {
position: relative;
margin-left: 56.25%;
}
.grid-16__col_offset_m-10 {
position: relative;
margin-left: 62.5%;
}
.grid-16__col_offset_m-11 {
position: relative;
margin-left: 68.75%;
}
.grid-16__col_offset_m-12 {
position: relative;
margin-left: 75%;
}
.grid-16__col_offset_m-13 {
position: relative;
margin-left: 81.25%;
}
.grid-16__col_offset_m-14 {
position: relative;
margin-left: 87.5%;
}
.grid-16__col_offset_m-15 {
position: relative;
margin-left: 93.75%;
}
.grid-16__col_offset_m-16 {
position: relative;
margin-left: 100%;
}
}
@media only screen and (min-width: 1025px) {
.grid-16__col_size_l-0 {
float: left;
width: 0%;
}
.grid-16__col_size_l-1 {
float: left;
width: 6.25%;
}
.grid-16__col_size_l-2 {
float: left;
width: 12.5%;
}
.grid-16__col_size_l-3 {
float: left;
width: 18.75%;
}
.grid-16__col_size_l-4 {
float: left;
width: 25%;
}
.grid-16__col_size_l-5 {
float: left;
width: 31.25%;
}
.grid-16__col_size_l-6 {
float: left;
width: 37.5%;
}
.grid-16__col_size_l-7 {
float: left;
width: 43.75%;
}
.grid-16__col_size_l-8 {
float: left;
width: 50%;
}
.grid-16__col_size_l-9 {
float: left;
width: 56.25%;
}
.grid-16__col_size_l-10 {
float: left;
width: 62.5%;
}
.grid-16__col_size_l-11 {
float: left;
width: 68.75%;
}
.grid-16__col_size_l-12 {
float: left;
width: 75%;
}
.grid-16__col_size_l-13 {
float: left;
width: 81.25%;
}
.grid-16__col_size_l-14 {
float: left;
width: 87.5%;
}
.grid-16__col_size_l-15 {
float: left;
width: 93.75%;
}
.grid-16__col_size_l-16 {
float: left;
width: 100%;
}
}
@media only screen and (min-width: 1025px) {
.grid-16__col_pull_l-0 {
position: relative;
right: auto;
}
.grid-16__col_pull_l-1 {
position: relative;
right: 6.25%;
}
.grid-16__col_pull_l-2 {
position: relative;
right: 12.5%;
}
.grid-16__col_pull_l-3 {
position: relative;
right: 18.75%;
}
.grid-16__col_pull_l-4 {
position: relative;
right: 25%;
}
.grid-16__col_pull_l-5 {
position: relative;
right: 31.25%;
}
.grid-16__col_pull_l-6 {
position: relative;
right: 37.5%;
}
.grid-16__col_pull_l-7 {
position: relative;
right: 43.75%;
}
.grid-16__col_pull_l-8 {
position: relative;
right: 50%;
}
.grid-16__col_pull_l-9 {
position: relative;
right: 56.25%;
}
.grid-16__col_pull_l-10 {
position: relative;
right: 62.5%;
}
.grid-16__col_pull_l-11 {
position: relative;
right: 68.75%;
}
.grid-16__col_pull_l-12 {
position: relative;
right: 75%;
}
.grid-16__col_pull_l-13 {
position: relative;
right: 81.25%;
}
.grid-16__col_pull_l-14 {
position: relative;
right: 87.5%;
}
.grid-16__col_pull_l-15 {
position: relative;
right: 93.75%;
}
.grid-16__col_pull_l-16 {
position: relative;
right: 100%;
}
}
@media only screen and (min-width: 1025px) {
.grid-16__col_push_l-0 {
position: relative;
left: auto;
}
.grid-16__col_push_l-1 {
position: relative;
left: 6.25%;
}
.grid-16__col_push_l-2 {
position: relative;
left: 12.5%;
}
.grid-16__col_push_l-3 {
position: relative;
left: 18.75%;
}
.grid-16__col_push_l-4 {
position: relative;
left: 25%;
}
.grid-16__col_push_l-5 {
position: relative;
left: 31.25%;
}
.grid-16__col_push_l-6 {
position: relative;
left: 37.5%;
}
.grid-16__col_push_l-7 {
position: relative;
left: 43.75%;
}
.grid-16__col_push_l-8 {
position: relative;
left: 50%;
}
.grid-16__col_push_l-9 {
position: relative;
left: 56.25%;
}
.grid-16__col_push_l-10 {
position: relative;
left: 62.5%;
}
.grid-16__col_push_l-11 {
position: relative;
left: 68.75%;
}
.grid-16__col_push_l-12 {
position: relative;
left: 75%;
}
.grid-16__col_push_l-13 {
position: relative;
left: 81.25%;
}
.grid-16__col_push_l-14 {
position: relative;
left: 87.5%;
}
.grid-16__col_push_l-15 {
position: relative;
left: 93.75%;
}
.grid-16__col_push_l-16 {
position: relative;
left: 100%;
}
}
@media only screen and (min-width: 1025px) {
.grid-16__col_offset_l-0 {
position: relative;
margin-left: 0%;
}
.grid-16__col_offset_l-1 {
position: relative;
margin-left: 6.25%;
}
.grid-16__col_offset_l-2 {
position: relative;
margin-left: 12.5%;
}
.grid-16__col_offset_l-3 {
position: relative;
margin-left: 18.75%;
}
.grid-16__col_offset_l-4 {
position: relative;
margin-left: 25%;
}
.grid-16__col_offset_l-5 {
position: relative;
margin-left: 31.25%;
}
.grid-16__col_offset_l-6 {
position: relative;
margin-left: 37.5%;
}
.grid-16__col_offset_l-7 {
position: relative;
margin-left: 43.75%;
}
.grid-16__col_offset_l-8 {
position: relative;
margin-left: 50%;
}
.grid-16__col_offset_l-9 {
position: relative;
margin-left: 56.25%;
}
.grid-16__col_offset_l-10 {
position: relative;
margin-left: 62.5%;
}
.grid-16__col_offset_l-11 {
position: relative;
margin-left: 68.75%;
}
.grid-16__col_offset_l-12 {
position: relative;
margin-left: 75%;
}
.grid-16__col_offset_l-13 {
position: relative;
margin-left: 81.25%;
}
.grid-16__col_offset_l-14 {
position: relative;
margin-left: 87.5%;
}
.grid-16__col_offset_l-15 {
position: relative;
margin-left: 93.75%;
}
.grid-16__col_offset_l-16 {
position: relative;
margin-left: 100%;
}
}
@media only screen and (min-width: 1281px) {
.grid-16__col_size_xl-0 {
float: left;
width: 0%;
}
.grid-16__col_size_xl-1 {
float: left;
width: 6.25%;
}
.grid-16__col_size_xl-2 {
float: left;
width: 12.5%;
}
.grid-16__col_size_xl-3 {
float: left;
width: 18.75%;
}
.grid-16__col_size_xl-4 {
float: left;
width: 25%;
}
.grid-16__col_size_xl-5 {
float: left;
width: 31.25%;
}
.grid-16__col_size_xl-6 {
float: left;
width: 37.5%;
}
.grid-16__col_size_xl-7 {
float: left;
width: 43.75%;
}
.grid-16__col_size_xl-8 {
float: left;
width: 50%;
}
.grid-16__col_size_xl-9 {
float: left;
width: 56.25%;
}
.grid-16__col_size_xl-10 {
float: left;
width: 62.5%;
}
.grid-16__col_size_xl-11 {
float: left;
width: 68.75%;
}
.grid-16__col_size_xl-12 {
float: left;
width: 75%;
}
.grid-16__col_size_xl-13 {
float: left;
width: 81.25%;
}
.grid-16__col_size_xl-14 {
float: left;
width: 87.5%;
}
.grid-16__col_size_xl-15 {
float: left;
width: 93.75%;
}
.grid-16__col_size_xl-16 {
float: left;
width: 100%;
}
}
@media only screen and (min-width: 1281px) {
.grid-16__col_pull_xl-0 {
position: relative;
right: auto;
}
.grid-16__col_pull_xl-1 {
position: relative;
right: 6.25%;
}
.grid-16__col_pull_xl-2 {
position: relative;
right: 12.5%;
}
.grid-16__col_pull_xl-3 {
position: relative;
right: 18.75%;
}
.grid-16__col_pull_xl-4 {
position: relative;
right: 25%;
}
.grid-16__col_pull_xl-5 {
position: relative;
right: 31.25%;
}
.grid-16__col_pull_xl-6 {
position: relative;
right: 37.5%;
}
.grid-16__col_pull_xl-7 {
position: relative;
right: 43.75%;
}
.grid-16__col_pull_xl-8 {
position: relative;
right: 50%;
}
.grid-16__col_pull_xl-9 {
position: relative;
right: 56.25%;
}
.grid-16__col_pull_xl-10 {
position: relative;
right: 62.5%;
}
.grid-16__col_pull_xl-11 {
position: relative;
right: 68.75%;
}
.grid-16__col_pull_xl-12 {
position: relative;
right: 75%;
}
.grid-16__col_pull_xl-13 {
position: relative;
right: 81.25%;
}
.grid-16__col_pull_xl-14 {
position: relative;
right: 87.5%;
}
.grid-16__col_pull_xl-15 {
position: relative;
right: 93.75%;
}
.grid-16__col_pull_xl-16 {
position: relative;
right: 100%;
}
}
@media only screen and (min-width: 1281px) {
.grid-16__col_push_xl-0 {
position: relative;
left: auto;
}
.grid-16__col_push_xl-1 {
position: relative;
left: 6.25%;
}
.grid-16__col_push_xl-2 {
position: relative;
left: 12.5%;
}
.grid-16__col_push_xl-3 {
position: relative;
left: 18.75%;
}
.grid-16__col_push_xl-4 {
position: relative;
left: 25%;
}
.grid-16__col_push_xl-5 {
position: relative;
left: 31.25%;
}
.grid-16__col_push_xl-6 {
position: relative;
left: 37.5%;
}
.grid-16__col_push_xl-7 {
position: relative;
left: 43.75%;
}
.grid-16__col_push_xl-8 {
position: relative;
left: 50%;
}
.grid-16__col_push_xl-9 {
position: relative;
left: 56.25%;
}
.grid-16__col_push_xl-10 {
position: relative;
left: 62.5%;
}
.grid-16__col_push_xl-11 {
position: relative;
left: 68.75%;
}
.grid-16__col_push_xl-12 {
position: relative;
left: 75%;
}
.grid-16__col_push_xl-13 {
position: relative;
left: 81.25%;
}
.grid-16__col_push_xl-14 {
position: relative;
left: 87.5%;
}
.grid-16__col_push_xl-15 {
position: relative;
left: 93.75%;
}
.grid-16__col_push_xl-16 {
position: relative;
left: 100%;
}
}
@media only screen and (min-width: 1281px) {
.grid-16__col_offset_xl-0 {
position: relative;
margin-left: 0%;
}
.grid-16__col_offset_xl-1 {
position: relative;
margin-left: 6.25%;
}
.grid-16__col_offset_xl-2 {
position: relative;
margin-left: 12.5%;
}
.grid-16__col_offset_xl-3 {
position: relative;
margin-left: 18.75%;
}
.grid-16__col_offset_xl-4 {
position: relative;
margin-left: 25%;
}
.grid-16__col_offset_xl-5 {
position: relative;
margin-left: 31.25%;
}
.grid-16__col_offset_xl-6 {
position: relative;
margin-left: 37.5%;
}
.grid-16__col_offset_xl-7 {
position: relative;
margin-left: 43.75%;
}
.grid-16__col_offset_xl-8 {
position: relative;
margin-left: 50%;
}
.grid-16__col_offset_xl-9 {
position: relative;
margin-left: 56.25%;
}
.grid-16__col_offset_xl-10 {
position: relative;
margin-left: 62.5%;
}
.grid-16__col_offset_xl-11 {
position: relative;
margin-left: 68.75%;
}
.grid-16__col_offset_xl-12 {
position: relative;
margin-left: 75%;
}
.grid-16__col_offset_xl-13 {
position: relative;
margin-left: 81.25%;
}
.grid-16__col_offset_xl-14 {
position: relative;
margin-left: 87.5%;
}
.grid-16__col_offset_xl-15 {
position: relative;
margin-left: 93.75%;
}
.grid-16__col_offset_xl-16 {
position: relative;
margin-left: 100%;
}
}
@media only screen and (min-width: 1440px) {
.grid-16__col_size_xxl-0 {
float: left;
width: 0%;
}
.grid-16__col_size_xxl-1 {
float: left;
width: 6.25%;
}
.grid-16__col_size_xxl-2 {
float: left;
width: 12.5%;
}
.grid-16__col_size_xxl-3 {
float: left;
width: 18.75%;
}
.grid-16__col_size_xxl-4 {
float: left;
width: 25%;
}
.grid-16__col_size_xxl-5 {
float: left;
width: 31.25%;
}
.grid-16__col_size_xxl-6 {
float: left;
width: 37.5%;
}
.grid-16__col_size_xxl-7 {
float: left;
width: 43.75%;
}
.grid-16__col_size_xxl-8 {
float: left;
width: 50%;
}
.grid-16__col_size_xxl-9 {
float: left;
width: 56.25%;
}
.grid-16__col_size_xxl-10 {
float: left;
width: 62.5%;
}
.grid-16__col_size_xxl-11 {
float: left;
width: 68.75%;
}
.grid-16__col_size_xxl-12 {
float: left;
width: 75%;
}
.grid-16__col_size_xxl-13 {
float: left;
width: 81.25%;
}
.grid-16__col_size_xxl-14 {
float: left;
width: 87.5%;
}
.grid-16__col_size_xxl-15 {
float: left;
width: 93.75%;
}
.grid-16__col_size_xxl-16 {
float: left;
width: 100%;
}
}
@media only screen and (min-width: 1440px) {
.grid-16__col_pull_xxl-0 {
position: relative;
right: auto;
}
.grid-16__col_pull_xxl-1 {
position: relative;
right: 6.25%;
}
.grid-16__col_pull_xxl-2 {
position: relative;
right: 12.5%;
}
.grid-16__col_pull_xxl-3 {
position: relative;
right: 18.75%;
}
.grid-16__col_pull_xxl-4 {
position: relative;
right: 25%;
}
.grid-16__col_pull_xxl-5 {
position: relative;
right: 31.25%;
}
.grid-16__col_pull_xxl-6 {
position: relative;
right: 37.5%;
}
.grid-16__col_pull_xxl-7 {
position: relative;
right: 43.75%;
}
.grid-16__col_pull_xxl-8 {
position: relative;
right: 50%;
}
.grid-16__col_pull_xxl-9 {
position: relative;
right: 56.25%;
}
.grid-16__col_pull_xxl-10 {
position: relative;
right: 62.5%;
}
.grid-16__col_pull_xxl-11 {
position: relative;
right: 68.75%;
}
.grid-16__col_pull_xxl-12 {
position: relative;
right: 75%;
}
.grid-16__col_pull_xxl-13 {
position: relative;
right: 81.25%;
}
.grid-16__col_pull_xxl-14 {
position: relative;
right: 87.5%;
}
.grid-16__col_pull_xxl-15 {
position: relative;
right: 93.75%;
}
.grid-16__col_pull_xxl-16 {
position: relative;
right: 100%;
}
}
@media only screen and (min-width: 1440px) {
.grid-16__col_push_xxl-0 {
position: relative;
left: auto;
}
.grid-16__col_push_xxl-1 {
position: relative;
left: 6.25%;
}
.grid-16__col_push_xxl-2 {
position: relative;
left: 12.5%;
}
.grid-16__col_push_xxl-3 {
position: relative;
left: 18.75%;
}
.grid-16__col_push_xxl-4 {
position: relative;
left: 25%;
}
.grid-16__col_push_xxl-5 {
position: relative;
left: 31.25%;
}
.grid-16__col_push_xxl-6 {
position: relative;
left: 37.5%;
}
.grid-16__col_push_xxl-7 {
position: relative;
left: 43.75%;
}
.grid-16__col_push_xxl-8 {
position: relative;
left: 50%;
}
.grid-16__col_push_xxl-9 {
position: relative;
left: 56.25%;
}
.grid-16__col_push_xxl-10 {
position: relative;
left: 62.5%;
}
.grid-16__col_push_xxl-11 {
position: relative;
left: 68.75%;
}
.grid-16__col_push_xxl-12 {
position: relative;
left: 75%;
}
.grid-16__col_push_xxl-13 {
position: relative;
left: 81.25%;
}
.grid-16__col_push_xxl-14 {
position: relative;
left: 87.5%;
}
.grid-16__col_push_xxl-15 {
position: relative;
left: 93.75%;
}
.grid-16__col_push_xxl-16 {
position: relative;
left: 100%;
}
}
@media only screen and (min-width: 1440px) {
.grid-16__col_offset_xxl-0 {
position: relative;
margin-left: 0%;
}
.grid-16__col_offset_xxl-1 {
position: relative;
margin-left: 6.25%;
}
.grid-16__col_offset_xxl-2 {
position: relative;
margin-left: 12.5%;
}
.grid-16__col_offset_xxl-3 {
position: relative;
margin-left: 18.75%;
}
.grid-16__col_offset_xxl-4 {
position: relative;
margin-left: 25%;
}
.grid-16__col_offset_xxl-5 {
position: relative;
margin-left: 31.25%;
}
.grid-16__col_offset_xxl-6 {
position: relative;
margin-left: 37.5%;
}
.grid-16__col_offset_xxl-7 {
position: relative;
margin-left: 43.75%;
}
.grid-16__col_offset_xxl-8 {
position: relative;
margin-left: 50%;
}
.grid-16__col_offset_xxl-9 {
position: relative;
margin-left: 56.25%;
}
.grid-16__col_offset_xxl-10 {
position: relative;
margin-left: 62.5%;
}
.grid-16__col_offset_xxl-11 {
position: relative;
margin-left: 68.75%;
}
.grid-16__col_offset_xxl-12 {
position: relative;
margin-left: 75%;
}
.grid-16__col_offset_xxl-13 {
position: relative;
margin-left: 81.25%;
}
.grid-16__col_offset_xxl-14 {
position: relative;
margin-left: 87.5%;
}
.grid-16__col_offset_xxl-15 {
position: relative;
margin-left: 93.75%;
}
.grid-16__col_offset_xxl-16 {
position: relative;
margin-left: 100%;
}
}
.album-detail {
display: block;
}
.album-detail__illustration {
display: block;
margin: 0 0 30px;
}
@media only screen and (min-width: 768px) {
.album-detail__illustration {
margin: 0;
}
}
.album-detail__image {
display: block;
width: 100%;
max-width: 100%;
height: auto;
}
.album-detail__title {
margin: 0 0 30px;
}
.album-detail__title:last-child {
margin-bottom: 0;
}
.album-detail__player {
marign: 0 0 30px;
}
.album-detail__description {
margin: 0 0 30px;
}
.album-detail__description:last-child {
margin-bottom: 0;
}
.album-group {
display: block;
padding: 0;
}
@media only screen and (min-width: 768px) {
.album-group {
padding: 0;
}
}
.album-group__inner {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -5px;
}
@media only screen and (min-width: 768px) {
.album-group__inner {
margin: 0 -20px;
}
}
.album-group__item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
width: 50%;
}
@media only screen and (min-width: 768px) {
.album-group__item {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
width: 33.333%;
}
}
.album-group__panel {
padding: 0 5px 5px;
}
@media only screen and (min-width: 768px) {
.album-group__panel {
padding: 0 20px 20px;
}
}
.album-snippet {
display: block;
}
.album-snippet__illustration {
display: block;
text-align: center;
text-decoration: none;
transform: translate(0, 0);
transition: transform 0.3s ease;
will-change: transform;
}
.album-snippet__image {
position: relative;
z-index: 10;
display: block;
width: 100%;
max-width: 292px;
height: auto;
}
.album-snippet__image-wrapper {
position: relative;
display: inline-block;
vertical-align: middle;
max-width: 100%;
}
.album-snippet__image-wrapper:after {
content: '';
position: absolute;
top: 100%;
left: 50%;
z-index: 1;
transform: translate(-50%, -50%);
display: block;
width: 90%;
height: 25%;
border-radius: 50%;
background: radial-gradient(ellipse at center, #c3c3c3 0%, rgba(246, 246, 246, 0.5) 53%, rgba(255, 255, 255, 0) 100%);
}
.album-snippet:hover .album-snippet__illustration {
transform: translate(0, -10px);
}
@media only screen and (min-width: 768px) {
.album-snippet:hover .album-snippet__illustration {
transform: translate(0, -20px);
}
}
.breadcrumbs {
display: block;
margin: 0;
padding: 0;
list-style: none;
font-family: Lato, sans-serif;
font-size: 0;
line-height: 1.2;
}
.breadcrumbs__item {
display: inline-block;
vertical-align: middle;
margin: 0;
padding: 0;
list-style: none;
font-size: 13px;
}
.breadcrumbs__link {
color: #afafaf;
text-decoration: none;
transition: color 0.3s ease;
}
.breadcrumbs__link:after {
content: '>';
display: inline-block;
vertical-align: middle;
padding: 0 5px;
}
.breadcrumbs__link:hover {
color: #000;
text-decoration: none;
}
.burger {
position: relative;
z-index: 10;
display: inline-block;
vertical-align: middle;
width: 28px;
height: 18px;
margin: 0;
font-size: 0;
line-height: 1;
cursor: pointer;
background: transparent;
border: 3px solid #7d7d7d;
border-left: none;
border-right: none;
outline: none;
transition: border-color trn-speed trn-ease;
}
.burger:hover {
opacity: 0.8;
}
.burger:before,
.burger:after {
content: '';
position: absolute;
}
.burger:before,
.burger:after {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
width: 28px;
height: 3px;
background: #7d7d7d;
transition: transform trn-speed trn-ease;
}
.burger_type_close {
border-color: transparent;
}
.burger_type_close:before {
transform: translate(-50%, -50%) rotate(-45deg);
}
.burger_type_close:after {
transform: translate(-50%, -50%) rotate(45deg);
}
.button-group {
display: block;
overflow: hidden;
}
.button-group__inner {
margin: 0 -15px;
}
@media only screen and (min-width: 480px) {
.button-group__inner {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
}
.button-group__item {
padding: 10px 15px;
}
.button-group__image {
display: block;
max-width: 100%;
}
@media only screen and (min-width: 480px) {
.button-group__image {
margin: 0 auto;
}
}
.button {
display: inline-block;
vertical-align: middle;
padding: 15px;
color: #000;
font-size: 17px;
font-weight: 400;
line-height: 1.3;
text-align: center;
text-decoration: none;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: #fff;
border: 1px solid #e2dfd2;
outline: none;
box-shadow: 0 12px 15px rgba(0, 0, 0, 0);
transition: all 0.1s ease;
}
.button:hover,
.button:active {
color: #656464;
background: #e2dfd2;
box-shadow: 0 12px 15px rgba(0, 0, 0, 0.21);
}
.button_width_full {
display: block;
width: 100%;
}
.entry-list {
display: block;
}
.entry-list__item {
margin: 0 0 30px;
}
@media only screen and (min-width: 768px) {
.entry-list__item {
margin: 0 0 70px;
}
}
.entry-list__item:last-child {
margin-bottom: 0;
}
.entry-snippet {
display: block;
line-height: 1.2;
}
@media only screen and (min-width: 768px) {
.entry-snippet {
padding: 0 0 0 267px;
}
}
@media only screen and (min-width: 768px) {
.entry-snippet:after {
content: '';
display: table;
clear: both;
}
}
.entry-snippet__content {
padding: 5px 0 0;
}
.entry-snippet__meta {
margin: 0 0 10px;
}
@media only screen and (min-width: 768px) {
.entry-snippet__meta {
margin: 0 0 30px;
}
}
.entry-snippet__illustration {
position: relative;
display: block;
margin: 0 0 30px;
}
@media only screen and (min-width: 768px) {
.entry-snippet__illustration {
float: left;
width: 230px;
margin: 0 0 0 -267px;
}
}
.entry-snippet__image-wrapper {
position: relative;
display: inline-block;
vertical-align: middle;
max-width: 100%;
}
.entry-snippet__image-wrapper:after {
content: '';
position: absolute;
top: 100%;
left: 50%;
z-index: 1;
transform: translate(-50%, -50%);
display: block;
width: 90%;
height: 25%;
border-radius: 50%;
background: radial-gradient(ellipse at center, #c3c3c3 0%, rgba(246, 246, 246, 0.5) 53%, rgba(255, 255, 255, 0) 100%);
}
.entry-snippet__image {
position: relative;
z-index: 10;
display: block;
max-width: 100%;
}
.entry-snippet__title {
font-size: 25px;
font-weight: 700;
}
.entry-snippet__album {
display: block;
margin: 0 0 5px;
font-size: 20px;
font-weight: 600;
}
.entry-snippet__numbers {
font-size: 16px;
font-weight: 600;
}
.entry-snippet__label {
color: #656464;
font-size: 16px;
}
.entry-snippet__link {
color: #101010;
text-decoration: none;
border-bottom: 1px solid transparent;
transition: border 0.3s ease;
}
.entry-snippet__link:hover {
color: #101010;
text-decoration: none;
border-bottom-color: #101010;
}
.entry-snippet__description {
color: #3f3f3f;
font-family: Lato, serif;
font-size: 17px;
line-height: 1.5;
}
@media only screen and (min-width: 768px) {
.entry-snippet_type_middle {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 0;
}
}
@media only screen and (min-width: 768px) {
.entry-snippet_type_middle .entry-snippet__illustration {
float: none;
margin: 0;
-ms-flex-preferred-size: 230px;
flex-basis: 230px;
width: 230px;
text-align: center;
}
}
@media only screen and (min-width: 768px) {
.entry-snippet_type_middle .entry-snippet__image {
margin: 0 auto;
}
}
.entry-snippet_type_middle .entry-snippet__image-wrapper {
padding: 0 0 5px;
}
.entry-snippet_type_middle .entry-snippet__image-wrapper:after {
min-height: 15px;
}
@media only screen and (min-width: 768px) {
.entry-snippet_type_middle .entry-snippet__content {
width: calc(100% - 230px);
-ms-flex-positive: 1;
flex-grow: 1;
}
}
@media only screen and (min-width: 768px) {
.entry-snippet_type_middle .entry-snippet__meta,
.entry-snippet_type_middle .entry-snippet__description {
padding-left: 10px;
}
}
.flat-gallery {
display: block;
}
.flat-gallery__inner {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -5px;
}
@media only screen and (min-width: 768px) {
.flat-gallery__inner {
margin: 0 -16px;
}
}
.flat-gallery__item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
width: 50%;
}
@media only screen and (min-width: 768px) {
.flat-gallery__item {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
width: 33.333%;
}
}
.flat-gallery__panel {
height: 100%;
padding: 5px;
}
@media only screen and (min-width: 768px) {
.flat-gallery__panel {
padding: 16px;
}
}
.flat-gallery__link {
display: inline-block;
vertical-align: middle;
max-width: 100%;
}
.flat-gallery__link {
display: block;
height: 100%;
text-decoration: none;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.flat-gallery__link:before {
content: '';
display: none;
width: 100%;
padding: 150% 0 0;
}
.flat-gallery__link:hover .flat-gallery__dark-image {
opacity: 0;
}
.flat-gallery__dark-image {
display: block;
max-width: 100%;
height: 100%;
opacity: 1;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
transition: opacity 0.3s ease;
}
.flat-gallery__image {
display: block;
max-width: 100%;
opacity: 0;
}
.footer {
display: block;
padding: 19px 0;
color: #fff;
line-height: 1.2;
text-align: center;
}
@media only screen and (min-width: 1025px) {
.footer {
padding: 45px 0;
}
}
.form {
display: block;
}
.form__line {
display: block;
margin: 0 0 10px;
}
@media only screen and (min-width: 768px) {
.form__line {
margin: 0 0 30px;
}
}
.form__line:last-chiild {
margin-bottom: 0;
}
.form__label {
display: block;
width: 100%;
margin: 0 0 3px;
color: #656464;
font-size: 16px;
}
.form__input,
.form__textarea {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 8px 15px;
line-height: 1.2;
border: 1px solid #e2dfd2;
outline: none;
background: #fff;
transition: all 0.3s ease;
}
@media only screen and (min-width: 768px) {
.form__input,
.form__textarea {
padding: 16px 15px;
}
}
.form__input:focus,
.form__textarea:focus {
border-color: #000;
}
.form__textarea {
min-height: 100px;
}
@media only screen and (min-width: 768px) {
.form__textarea {
min-height: 200px;
}
}
.form__controls_align_left {
text-align: left;
}
.form__controls_align_center {
text-align: center;
}
.form__controls_align_right {
text-align: right;
}
.formatted-text {
line-height: 1.3;
}
.formatted-text h1:not([class]) {
margin: 0 0 20px;
font-size: 30px;
}
.formatted-text h2:not([class]) {
margin: 0 0 20px;
font-size: 26px;
}
.formatted-text h3:not([class]) {
margin: 0 0 20px;
font-size: 24px;
}
.formatted-text h4:not([class]) {
margin: 0 0 20px;
font-size: 22px;
}
.formatted-text h5:not([class]) {
margin: 0 0 20px;
font-size: 20px;
}
.formatted-text h6:not([class]) {
margin: 0 0 20px;
font-size: 18px;
}
.formatted-text p:not([class]) {
margin: 0 0 20px;
}
.formatted-text ul:not([class]) {
margin: 0 0 20px;
list-style: none;
}
.formatted-text ul:not([class])>li:not([class]) {
position: relative;
padding: 0 0 0 20px;
}
.formatted-text ul:not([class])>li:not([class]):before {
content: '';
position: absolute;
top: 8px;
left: 8px;
width: 5px;
height: 5px;
background: #000;
border-radius: 50%;
}
.formatted-text ol:not([class]) {
counter-reset: ol;
margin: 0 0 20px;
list-style: none;
}
.formatted-text ol:not([class])>li:not([class]) {
position: relative;
padding: 0 0 0 30px;
}
.formatted-text ol:not([class])>li:not([class]):before {
content: counter(ol);
counter-increment: ol;
position: absolute;
top: 0;
left: 8px;
display: block;
}
.formatted-text a:not([class]) {
word-break: break-word;
text-decoration: underline;
}
.formatted-text a:not([class]):link {
color: inherit;
}
.formatted-text a:not([class]):visited {
color: inherit;
}
.formatted-text a:not([class]):hover {
color: inherit;
text-decoration: none;
}
.formatted-text a:not([class]):active {
color: #000;
}
.formatted-text sub:not([class]) {
bottom: -0.25em;
vertical-align: bottom;
font-size: 0.75em;
}
.formatted-text sup:not([class]) {
top: -0.5em;
vertical-align: top;
font-size: 0.75em;
}
.formatted-text i:not([class]),
.formatted-text em:not([class]),
.formatted-text dfn:not([class]) {
font-style: italic;
}
.formatted-text b:not([class]),
.formatted-text strong:not([class]) {
font-weight: 700;
}
.formatted-text s:not([class]),
.formatted-text strike:not([class]),
.formatted-text del:not([class]) {
text-decoration: line-through;
}
.formatted-text ins:not([class]) {
text-decoration: underline;
}
.formatted-text q:not([class]) {
display: inline;
}
.formatted-text q:not([class]):before {
content: open-quote;
}
.formatted-text q:not([class]):after {
content: close-quote;
}
.formatted-text kbd:not([class]) {
font-family: monospace, monospace;
}
.formatted-text mark:not([class]) {
background: #f1f1f1;
}
.formatted-text abbr:not([class]) {
position: relative;
text-decoration: none;
}
.formatted-text abbr:not([class])[title]:after {
content: '';
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 1px;
border-bottom: 1px dotted #000;
}
.formatted-text blockquote:not([class]) {
margin: 0 0 20px;
padding: 20px;
background: #f1f1f1;
border: 1px solid #b1b1b1;
}
.formatted-text dl:not([class]) {
margin: 0 0 20px;
}
.formatted-text dd:not([class]) {
padding: 0 0 0 50px;
}
.formatted-text table:not([class]) {
display: table;
width: 100%;
margin: 0 0 20px;
border-spacing: 1px;
border-collapse: collapse;
border: 1px solid #dedede;
}
.formatted-text caption:not([class]) {
display: table-caption;
padding: 0 0 10px;
font-size: 1.1em;
text-align: center;
}
.formatted-text th:not([class]) {
vertical-align: middle;
padding: 10px;
font-weight: 700;
text-align: center;
background: #f1f1f1;
border: 1px solid #dedede;
}
.formatted-text tbody:not([class]) th:not([class]) {
text-align: left;
}
.formatted-text td:not([class]) {
padding: 10px;
border: 1px solid #dedede;
}
.formatted-text tr:not([class]):nth-child(even) th:not([class]),
.formatted-text tr:not([class]):nth-child(even) td:not([class]) {
background: #e6e6e6;
}
.formatted-text thead:not([class]) {
color: #888;
}
.formatted-text tfoot:not([class]) {
color: #888;
}
.formatted-text tfoot:not([class]) th:not([class]),
.formatted-text tfoot:not([class]) td:not([class]) {
background: #e6e6e6;
}
.formatted-text hr:not([class]) {
width: 100%;
height: 0;
margin: 0 0 20px;
background: none;
border: none;
border-bottom: 2px groove #dedede;
}
.formatted-text fieldset:not([class]) {
margin: 0 0 20px;
padding: 20px;
border: 1px solid #dedede;
}
.formatted-text legend:not([class]) {
margin: 0 0 0 2em;
padding: 0 0.5em;
}
.formatted-text select:not([class]) {
width: 200px;
padding: 5px;
background: #fff;
border: 1px solie #dedede;
}
.formatted-text input[type='text']:not([class]),
.formatted-text input[type='password']:not([class]),
.formatted-text input[type='email']:not([class]),
.formatted-text input[type='url']:not([class]),
.formatted-text input[type='number']:not([class]),
.formatted-text input[type='datetime']:not([class]),
.formatted-text input[type='datetime-local']:not([class]),
.formatted-text input[type='search']:not([class]),
.formatted-text input[type='tel']:not([class]),
.formatted-text input[type='month']:not([class]),
.formatted-text input[type='week']:not([class]),
.formatted-text input[type='date']:not([class]),
.formatted-text input[type='time']:not([class]),
.formatted-text textarea:not([class]) {
box-sizing: border-box;
width: 200px;
margin: 0 0 5px;
padding: 5px;
color: #343434;
font-size: 1em;
text-align: left;
background: #fff;
border: 1px solie #dedede;
outline: none;
}
.formatted-text input[type='text']:not([class]):-moz-placeholder,
.formatted-text input[type='password']:not([class]):-moz-placeholder,
.formatted-text input[type='email']:not([class]):-moz-placeholder,
.formatted-text input[type='url']:not([class]):-moz-placeholder,
.formatted-text input[type='number']:not([class]):-moz-placeholder,
.formatted-text input[type='datetime']:not([class]):-moz-placeholder,
.formatted-text input[type='datetime-local']:not([class]):-moz-placeholder,
.formatted-text input[type='search']:not([class]):-moz-placeholder,
.formatted-text input[type='tel']:not([class]):-moz-placeholder,
.formatted-text input[type='month']:not([class]):-moz-placeholder,
.formatted-text input[type='week']:not([class]):-moz-placeholder,
.formatted-text input[type='date']:not([class]):-moz-placeholder,
.formatted-text input[type='time']:not([class]):-moz-placeholder,
.formatted-text textarea:not([class]):-moz-placeholder {
color: #ddd;
font-size: 16px;
}
.formatted-text input[type='text']:not([class]):-ms-input-placeholder,
.formatted-text input[type='password']:not([class]):-ms-input-placeholder,
.formatted-text input[type='email']:not([class]):-ms-input-placeholder,
.formatted-text input[type='url']:not([class]):-ms-input-placeholder,
.formatted-text input[type='number']:not([class]):-ms-input-placeholder,
.formatted-text input[type='datetime']:not([class]):-ms-input-placeholder,
.formatted-text input[type='datetime-local']:not([class]):-ms-input-placeholder,
.formatted-text input[type='search']:not([class]):-ms-input-placeholder,
.formatted-text input[type='tel']:not([class]):-ms-input-placeholder,
.formatted-text input[type='month']:not([class]):-ms-input-placeholder,
.formatted-text input[type='week']:not([class]):-ms-input-placeholder,
.formatted-text input[type='date']:not([class]):-ms-input-placeholder,
.formatted-text input[type='time']:not([class]):-ms-input-placeholder,
.formatted-text textarea:not([class]):-ms-input-placeholder {
color: #ddd;
font-size: 16px;
}
.formatted-text input[type='text']:not([class])::placeholder,
.formatted-text input[type='password']:not([class])::placeholder,
.formatted-text input[type='email']:not([class])::placeholder,
.formatted-text input[type='url']:not([class])::placeholder,
.formatted-text input[type='number']:not([class])::placeholder,
.formatted-text input[type='datetime']:not([class])::placeholder,
.formatted-text input[type='datetime-local']:not([class])::placeholder,
.formatted-text input[type='search']:not([class])::placeholder,
.formatted-text input[type='tel']:not([class])::placeholder,
.formatted-text input[type='month']:not([class])::placeholder,
.formatted-text input[type='week']:not([class])::placeholder,
.formatted-text input[type='date']:not([class])::placeholder,
.formatted-text input[type='time']:not([class])::placeholder,
.formatted-text textarea:not([class])::placeholder {
color: #ddd;
font-size: 16px;
opacity: 1;
}
.formatted-text textarea:not([class]) {
resize: none;
}
.formatted-text input[type='radio']:not([class]),
.formatted-text input[type='checkbox']:not([class]) {
margin: 0 2px;
}
.formatted-text input[type='button']:not([class]),
.formatted-text input[type='reset']:not([class]),
.formatted-text input[type='submit']:not([class]) {
padding: 5px;
font-size: 1em;
background: #f5f5f5;
border: 1px solid #dedede;
border-radius: 0;
outline: none;
}
.formatted-text input[type='button']:not([class]):hover,
.formatted-text input[type='reset']:not([class]):hover,
.formatted-text input[type='submit']:not([class]):hover {
background: #bbb;
}
.formatted-text label:not([class]) {
font-weight: 700;
}
.formatted-text p:not([class]):last-child,
.formatted-text ul:not([class]):last-child,
.formatted-text ol:not([class]):last-child,
.formatted-text blockquote:not([class]):last-child,
.formatted-text dl:not([class]):last-child,
.formatted-text table:not([class]):last-child,
.formatted-text hr:not([class]):last-child,
.formatted-text fieldset:not([class]):last-child {
margin-bottom: 0;
}
.formatted-text .bs-group {
margin: 0 0 40px;
padding: 20px 0;
border-top: 1px solid #f1f1f1;
border-bottom: 1px solid #f1f1f1;
}
.formatted-text .bs-group__title {
margin: 0 0 20px;
color: #909090;
text-transform: uppercase;
}
.formatted-text .bs-tags-style li {
margin: 0 0 8px;
}
.formatted-text .bs-tags-style li:last-child {
margin-bottom: 0;
}
.gallery {
display: block;
}
.gallery__inner {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px;
}
@media only screen and (min-width: 768px) {
.gallery__inner {
margin: 0 -10px;
}
}
.gallery__col {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
width: 100%;
}
@media only screen and (min-width: 480px) {
.gallery__col {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
width: 33.333%;
}
}
@media only screen and (min-width: 1025px) {
.gallery__col {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
width: 33.333%;
}
}
.gallery__panel {
padding: 10px;
}
@media only screen and (min-width: 768px) {
.gallery__panel {
padding: 10px;
}
}
.gallery__link {
display: block;
text-decoration: none;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.gallery__link:before {
content: '';
display: none;
width: 100%;
padding: 150% 0 0;
}
.gallery__link:hover .gallery__image {
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: url("grayscale.svg");
filter: #808080;
}
.gallery__image {
display: block;
max-width: 100%;
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
filter: grayscale(0);
filter: url("grayscale.svg");
filter: #808080;
transition: filter 0.3s ease;
}
.header {
position: relative;
display: block;
padding: 15px 0 12px;
}
@media only screen and (min-width: 768px) {
.header {
padding: 20px 0 12px;
}
}
.header:before {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 1;
display: block;
width: 100%;
height: 100%;
background: #e6e6e6;
background: rgba(230, 230, 230, 0.7);
}
.header__panel {
position: relative;
z-index: 10;
}
.header__wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.header__logo {
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
width: 60%;
text-align: left;
}
@media only screen and (min-width: 1025px) {
.header__logo {
-ms-flex-preferred-size: 27%;
flex-basis: 27%;
width: 27%;
}
}
.header__nav {
display: none;
}
@media only screen and (min-width: 1025px) {
.header__nav {
display: block;
-ms-flex-preferred-size: 73%;
flex-basis: 73%;
width: 73%;
}
}
.header__burger {
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
width: 40%;
text-align: right;
}
@media only screen and (min-width: 1025px) {
.header__burger {
display: none;
}
}
.wow.header:before {
transform: translate(-100%, 0);
transition: transform 1s ease-in;
}
.wow .header__logo {
opacity: 0;
transition: all 1s ease-in 1s;
}
.wow .header__nav,
.wow .header__burger {
opacity: 0;
transition: opacity 1s ease-in 1.5s, transform 0.4s ease-in 1.1s;
transform: translate(0, 20px);
}
.animated.header:before {
transform: translate(0, 0);
}
.animated .header__logo,
.animated .header__nav,
.animated .header__burger {
opacity: 1;
transform: translate(0, 0);
}
.intro {
position: relative;
display: block;
overflow: hidden;
min-height: 286px;
padding: 100px 0 20px;
background-color: #dbcfa7;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
@media only screen and (min-width: 480px) {
.intro {
padding: 140px 0 20px;
}
}
@media only screen and (min-width: 1025px) {
.intro {
min-height: 528px;
padding: 180px 0 0;
}
}
.intro__image {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, 0);
display: block;
width: auto;
max-width: none;
height: 100%;
display: none;
}
.intro .album-snippet__image-wrapper:after {
display: none;
}
.logo-group {
display: block;
overflow: hidden;
}
.logo-group__inner {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
margin: 0 -5px;
}
@media only screen and (min-width: 768px) {
.logo-group__inner {
margin: 0 -20px;
}
}
@media only screen and (min-width: 1025px) {
.logo-group__inner {
margin: 0 -40px;
}
}
.logo-group__item {
display: block;
}
.logo-group__panel {
padding: 10px;
}
@media only screen and (min-width: 768px) {
.logo-group__panel {
padding: 0 20px 25px;
}
}
@media only screen and (min-width: 1025px) {
.logo-group__panel {
padding: 0 40px 25px;
}
}
.logo-snippet {
display: block;
}
.logo-snippet__illustration {
display: block;
text-decoration: none;
}
.logo-snippet__image {
display: block;
max-width: 300px;
height: auto;
}
.logo {
display: inline-block;
vertical-align: middle;
}
.logo__image {
display: block;
width: 100%;
max-width: 150px;
height: auto;
}
@media only screen and (min-width: 768px) {
.logo__image {
max-width: 210px;
}
}
@media only screen and (min-width: 1025px) {
.logo__image {
width: 100%;
max-width: 350px;
}
}
.main-carousel {
display: block;
}
.main-carousel__container,
.main-carousel__wrapper {
width: 100%;
height: 100%;
}
.main-carousel__slide,
.main-carousel__mobile-background {
width: 100%;
height: 100%;
background-color: #ddcaa4;
}
.main-carousel__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
}
@media only screen and (min-width: 480px) {
.main-carousel__image_type_mobile {
display: none;
}
}
.main-carousel__image_type__desktop {
display: none;
}
@media only screen and (min-width: 480px) {
.main-carousel__image_type__desktop {
display: block;
}
}
.main-carousel__nav {
position: absolute;
top: 50%;
z-index: 50;
transform: translate(0, -50%);
display: none;
border: none;
outline: none;
background: transparent;
opacity: 0.7;
transition: opacity 0.3s ease;
}
@media only screen and (min-width: 1025px) {
.main-carousel__nav {
display: block;
}
}
.main-carousel__nav:hover {
opacity: 1;
}
.main-carousel__nav_type_prev {
left: 3%;
}
.main-carousel__nav_type_next {
right: 3%;
}
.main-carousel__icon {
display: block;
width: 59px;
height: 59px;
fill: #fff;
stroke: transparent;
}
.wow .main-carousel__container {
opacity: 0;
transition: all 1s ease-in 1.5s;
}
.wow .main-carousel__nav {
opacity: 0;
transition: all 1s ease-in 2.5s;
}
.animated .main-carousel__container,
.animated .main-carousel__nav {
opacity: 1;
}
.mobile-nav {
display: block;
}
.mobile-nav__head {
width: 100%;
background: #404040;
}
.mobile-nav__logo {
padding: 5px 20px;
text-align: right;
}
.mobile-nav__logo {
display: inline-block;
vertical-align: middle;
width: 30%;
padding-right: 5px;
text-align: left;
}
.mobile-nav__control {
display: inline-block;
vertical-align: middle;
width: 100%;
max-width: 280px;
}
.nav {
font-family: 'Playfair Display', serif;
font-size: 24px;
line-height: 1.2;
}
@media only screen and (min-width: 768px) {
.nav {
font-size: 14px;
}
}
@media only screen and (min-width: 1025px) {
.nav {
font-size: 16px;
}
}
@media only screen and (min-width: 1281px) {
.nav {
font-size: 21px;
}
}
.nav__list {
display: block;
margin: 0;
padding: 0;
list-style: none;
}
.nav__item {
position: relative;
margin: 0 0 20px;
padding: 0 10px;
list-style: none;
}
@media only screen and (min-width: 1025px) {
.nav__item {
display: inline-block;
vertical-align: middle;
margin: 0;
border-bottom: none;
}
}
.nav__item:last-child {
margin-bottom: 0;
}
.nav__item:hover .sub-menu {
display: block;
}
@media only screen and (min-width: 1025px) {
.nav__item:hover .nav__subnav {
display: block;
}
}
.nav__item_state_active>.nav__link {
color: #000;
border-bottom-color: #000;
}
.nav__link {
display: inline-block;
vertical-align: middle;
height: 100%;
padding: 10px 0;
color: #4c4c4c;
text-decoration: none;
background: transparent;
transition: all 0.3s ease;
}
@media only screen and (min-width: 1025px) {
.nav__link {
padding: 0;
color: #343434;
border-bottom: 1px solid transparent;
}
}
.nav__link:hover {
color: #000;
border-bottom-color: #000;
}
@media only screen and (min-width: 1025px) {
.nav__link:hover {
color: #000;
}
}
.nav__link_state_active {
color: #000;
}
.nav__subnav,
.nav .sub-menu {
padding: 20px 0 0;
}
@media only screen and (min-width: 1025px) {
.nav__subnav,
.nav .sub-menu {
position: absolute;
top: 100%;
left: 0;
display: none;
width: 215px;
}
}
.nav_align_left {
text-align: left;
}
.nav_align_left .nav__item {
padding: 0 2% 0 0;
}
.nav_align_center {
text-align: center;
}
.nav_align_center .nav__item {
padding: 0 2%;
}
.nav_align_right {
text-align: right;
}
.nav_align_right .nav__item {
padding: 0 0 0 2%;
}
.news-group {
display: block;
padding: 0;
}
@media only screen and (min-width: 768px) {
.news-group {
padding: 0;
}
}
.news-group__inner {
margin: 0 -5px;
}
@media only screen and (min-width: 480px) {
.news-group__inner {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (min-width: 768px) {
.news-group__inner {
margin: 0 -20px;
}
}
.news-group__item {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
width: 100%;
}
@media only screen and (min-width: 480px) {
.news-group__item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
width: 50%;
}
}
@media only screen and (min-width: 768px) {
.news-group__item {
-ms-flex-preferred-size: 33.333%;
flex-basis: 33.333%;
width: 33.333%;
}
}
.news-group__panel {
padding: 0 5px 20px;
}
@media only screen and (min-width: 768px) {
.news-group__panel {
padding: 0 20px 20px;
}
}
.news-snippet {
display: block;
color: #121212;
line-height: 1.2;
}
.news-snippet__illustration {
position: relative;
display: block;
margin: 0 0 15px;
text-decoration: none;
background-color: #e6e6e6;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.news-snippet__illustration:last-child {
margin-bottom: 0;
}
.news-snippet__illustration:before {
content: '';
position: relative;
z-index: 1;
display: block;
width: 100%;
padding: 63% 0 0;
}
.news-snippet__image {
display: none;
}
.news-snippet__title {
margin: 0 0 15px;
font-size: 20px;
font-weight: 600;
}
.news-snippet__title:last-child {
margin-bottom: 0;
}
.news-snippet__link {
display: inline-block;
vertical-align: middle;
color: inherit;
text-decoration: none;
border-bottom: 1px solid transparent;
transition: border 0.3s ease;
}
.news-snippet__link:hover {
border-bottom-color: #121212;
}
.news-snippet__description {
margin: 0 0 15px;
font-size: 16px;
}
.news-snippet__description:last-child {
margin-bottom: 0;
}
.news-snippet__date {
color: #a6a6a6;
font-size: 14px;
}
.page {
position: relative;
display: block;
min-height: 100%;
}
.page__body {
min-width: 320px;
margin: 0 0 86px;
color: #3f3f3f;
font-family: Lato, Roboto, sans-serif;
font-size: 17px;
line-height: 1.8;
background: #fff;
}
@media only screen and (min-width: 1025px) {
.page__body {
margin: 0 0 185px;
}
}
.page__body_nav_open {
overflow: hidden;
max-height: 100%;
}
@media only screen and (min-width: 1025px) {
.page__body_nav_open {
overflow: visible;
max-height: none;
}
}
.page__footer {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
min-width: 320px;
background: #e6e6e6;
}
.page__header {
width: 100%;
min-width: 320px;
}
.page__header_type_fixed {
position: fixed;
top: 0;
left: 0;
z-index: 100;
}
@media only screen and (min-width: 1025px) {
.page__header_type_fixed {
position: absolute;
}
}
.page__nav {
display: none;
}
@media only screen and (min-width: 1025px) {
.page__nav {
display: block;
}
}
.page__nav-panel {
padding: 5px 0;
text-align: right;
background: #3a3a3a;
box-shadow: 0 6px 26px rgba(0, 0, 0, 0.05);
}
@media only screen and (min-width: 1025px) {
.page__nav-panel {
padding: 0;
text-align: left;
}
}
.page__burger {
display: inline-block;
vertical-align: middle;
font-size: 0;
}
@media only screen and (min-width: 1025px) {
.page__burger {
display: none;
}
}
.page__slide-nav {
position: fixed;
top: 75px;
left: 0;
z-index: 400;
transform: translate(-100%, 0);
overflow: auto;
width: 100%;
height: calc(100% - 75px);
color: #fff;
text-align: right;
background: #e6e6e6;
background: rgba(230, 230, 230, 0.7);
transition: transform 0.3s ease-in;
-webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 1025px) {
.page__slide-nav {
display: none;
overflow: visible;
}
}
.page__slide-nav_state_open {
transform: translate(0, 0);
}
.page__content {
padding: 20px 0;
}
.page__title {
margin: 0 0 35px;
}
.page__main-carousel {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.page__player {
position: absolute;
left: 6%;
right: 6%;
bottom: 9%;
z-index: 10;
}
@media only screen and (min-width: 768px) {
.page__player {
bottom: 10%;
left: 3%;
right: auto;
min-width: 315px;
}
}
.page__holder {
width: 100%;
max-width: 1140px;
margin: 0 auto;
}
.page__content {
padding: 0 0 81px;
}
.page__breadcrumbs {
margin: 0 0 15px;
padding: 23px 0;
}
.page__contact-form {
max-width: 600px;
}
.page__illustration {
display: block;
max-width: 100%;
margin: 0 0 30px;
}
.page__group {
margin: 0 0 30px;
}
@media only screen and (min-width: 768px) {
.page__group {
margin: 0 0 50px;
}
}
.page__group:last-child {
margin-bottom: 0;
}
.wow.page__player {
opacity: 0;
transition: all 1s ease-in 3s;
}
.wow.page__intro {
opacity: 0;
transition: all 1s ease-in 2s;
}
.wow.page__breadcrumbs {
opacity: 0;
transition: all 1s ease-in 2.8s;
}
.wow.page__content {
opacity: 0;
transition: all 1s ease-in 3.5s;
}
.wow.page__footer {
opacity: 0;
transition: all 1s ease-in;
}
.animated.page__player,
.animated.page__intro,
.animated.page__breadcrumbs,
.animated.page__content,
.animated.page__footer {
opacity: 1;
}
.player {
display: block;
color: #fff;
line-height: 1.2;
text-align: left;
}
.player__hidden {
display: none;
}
.player__panel:after {
display: table;
clear: both;
content: '';
}
.player__name {
margin: 0 0 15px;
color: #fff;
font-size: 18px;
opacity: 0;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
transition: opacity 0.3s ease;
}
@media only screen and (min-width: 768px) {
.player__name {
font-size: 24px;
}
}
.player__name_state_active {
opacity: 1;
}
.player__controls {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
font-size: 0;
max-width: 115px;
}
@media only screen and (min-width: 768px) {
.player__controls {
max-width: 200px;
}
}
.player__control {
display: inline-block;
vertical-align: middle;
padding: 0 5px;
}
@media only screen and (min-width: 480px) {
.player__control {
padding: 0 10px;
}
}
.player__control:first-child {
padding-left: 0;
}
.player__control:last-child {
padding-right: 0;
}
.player__button {
line-height: 1;
text-align: center;
background: transparent;
border: none;
outline: none;
opacity: 1;
transition: opacity 0.5s ease;
background: url("../images/sprites/player.png") 0 0 no-repeat;
}
.player__button:hover {
opacity: 0.6;
}
.player__button_type_prev {
width: 36px;
height: 36px;
background-position: -40px -76px;
background-size: 148px 112px;
}
.player__button_type_play {
width: 72px;
height: 72px;
background-position: 0px 0px;
background-size: 148px 112px;
}
.player__button_type_stop {
width: 72px;
height: 72px;
background-position: -76px 0px;
background-size: 148px 112px;
}
.player__button_type_next {
width: 36px;
height: 36px;
background-position: 0px -76px;
background-size: 148px 112px;
}
.player__button_state_playing .player__icon {
display: none;
}
.player__button_state_playing .player__icon_icon_playing {
display: inline-block;
}
.player__icon {
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
fill: transparent;
stroke: #fff;
transition: stroke 0.3s ease;
border: 1px solid transparent;
}
@media only screen and (min-width: 768px) {
.player__icon {
width: 42px;
height: 42px;
}
}
.player__icon_type_primary {
width: 40px;
height: 40px;
}
@media only screen and (min-width: 768px) {
.player__icon_type_primary {
width: 74px;
height: 74px;
}
}
.player__icon_icon_playing {
display: none;
}
.player__progress-group {
width: 100%;
}
@media only screen and (min-width: 768px) {
.player__progress-group {
max-width: 320px;
}
}
.player__progress {
position: relative;
width: 100%;
height: 10px;
margin: 11px 0 0;
font-size: 0;
background: transparent;
cursor: pointer;
}
@media only screen and (min-width: 768px) {
.player__progress {
margin: 16px 0 0;
}
}
.player__progress:before {
content: '';
position: absolute;
top: 50%;
left: 0;
display: block;
width: 100%;
height: 1px;
background: #fff;
}
.player__progress-bar {
position: absolute;
top: 50%;
left: 0;
height: 1px;
background: #fff;
transition: all 0.2s ease;
}
.player__progress-bar:before {
content: '';
position: absolute;
top: 50%;
right: 0;
display: block;
width: 5px;
height: 5px;
border-radius: 50%;
background: #fff;
transform: translate(50%, -50%);
}
.player__timing {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
font-size: 0;
}
@media only screen and (min-width: 768px) {
.player__timing {
margin: 5px 0 0;
}
}
.player__time {
display: inline-block;
vertical-align: middle;
color: #fff;
font-size: 16px;
}
@media only screen and (min-width: 768px) {
.player__time {
font-size: 14px;
}
}
.player__list {
display: none;
margin: 0;
padding: 22px 0;
list-style: none;
font-size: 17px;
line-height: 1.2;
cursor: pointer;
}
.player__item {
position: relative;
min-height: 21px;
margin: 0 0 18px;
padding: 0 80px 0 35px;
list-style: none;
}
.player__item:last-child {
margin-bottom: 0;
}
.player__item:before {
content: '';
position: absolute;
top: 50%;
left: 0;
display: block;
width: 21px;
height: 21px;
transform: translate(0, -50%);
background: url("../images/sprites/player.png") -160px -152px no-repeat;
}
.player__item_state_active {
color: #a6004c;
}
.player__item_state_active:before {
background-position: -189px -152px;
}
.player__duration {
position: absolute;
top: 0;
right: 0;
}
.player_type_detail .player__wrapper {
padding: 15px;
background: #f4f4f4;
}
.player_type_detail .player__name {
display: none;
}
.player_type_detail .player__controls {
max-width: 100%;
margin: 0 auto;
}
@media only screen and (min-width: 768px) {
.player_type_detail .player__controls {
max-width: 250px;
}
}
.player_type_detail .player__button {
background: url("../images/sprites/player_detail.png") 0 0 no-repeat;
}
.player_type_detail .player__button_type_prev {
width: 38px;
height: 39px;
background-position: -141px -85px;
background-size: 221px 137px;
}
.player_type_detail .player__button_type_play {
width: 67px;
height: 67px;
background-position: -70px 0px;
background-size: 221px 137px;
}
.player_type_detail .player__button_type_stop {
width: 67px;
height: 67px;
background-position: -70px -70px;
background-size: 221px 137px;
}
.player_type_detail .player__button_type_next {
width: 38px;
height: 39px;
background-position: -141px 0px;
background-size: 221px 137px;
}
.player_type_detail .player__progress:before {
height: 2px;
background: #dadada;
}
.player_type_detail .player__progress-group {
max-width: 100%;
}
.player_type_detail .player__progress-bar {
background: #a6004c;
}
.player_type_detail .player__progress-bar:before {
width: 10px;
height: 10px;
background: #a6004c;
}
.player_type_detail .player__time {
color: #dadada;
font-size: 12px;
}
.player_type_detail .player__list {
display: block;
color: #121212;
font-size: 17px;
}
.showcase {
display: block;
}
.showcase__list {
margin: 0;
list-style: none;
}
.showcase__item {
margin: 0 0 22px;
}
.showcase__wrapper {
height: 100%;
}
@media only screen and (min-width: 1px) {
.showcase_cols_xs-1 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1px) {
.showcase_cols_xs-1 .showcase__item {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1px) and (-ms-high-contrast: active),
only screen and (min-width: 1px) and (-ms-high-contrast: none) {
.showcase_cols_xs-1 .showcase__item {
-ms-flex-preferred-size: calc(100% - 40px);
flex-basis: calc(100% - 40px);
}
}
@media only screen and (min-width: 1px) {
.showcase_cols_xs-2 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1px) {
.showcase_cols_xs-2 .showcase__item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1px) and (-ms-high-contrast: active),
only screen and (min-width: 1px) and (-ms-high-contrast: none) {
.showcase_cols_xs-2 .showcase__item {
-ms-flex-preferred-size: calc(50% - 40px);
flex-basis: calc(50% - 40px);
}
}
@media only screen and (min-width: 1px) {
.showcase_cols_xs-3 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1px) {
.showcase_cols_xs-3 .showcase__item {
-ms-flex-preferred-size: 33.333333333333336%;
flex-basis: 33.333333333333336%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1px) and (-ms-high-contrast: active),
only screen and (min-width: 1px) and (-ms-high-contrast: none) {
.showcase_cols_xs-3 .showcase__item {
-ms-flex-preferred-size: calc(33.333333333333336% - 40px);
flex-basis: calc(33.333333333333336% - 40px);
}
}
@media only screen and (min-width: 1px) {
.showcase_cols_xs-4 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1px) {
.showcase_cols_xs-4 .showcase__item {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1px) and (-ms-high-contrast: active),
only screen and (min-width: 1px) and (-ms-high-contrast: none) {
.showcase_cols_xs-4 .showcase__item {
-ms-flex-preferred-size: calc(25% - 40px);
flex-basis: calc(25% - 40px);
}
}
@media only screen and (min-width: 1px) {
.showcase_cols_xs-5 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1px) {
.showcase_cols_xs-5 .showcase__item {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1px) and (-ms-high-contrast: active),
only screen and (min-width: 1px) and (-ms-high-contrast: none) {
.showcase_cols_xs-5 .showcase__item {
-ms-flex-preferred-size: calc(20% - 40px);
flex-basis: calc(20% - 40px);
}
}
@media only screen and (min-width: 1px) {
.showcase_cols_xs-6 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1px) {
.showcase_cols_xs-6 .showcase__item {
-ms-flex-preferred-size: 16.666666666666668%;
flex-basis: 16.666666666666668%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1px) and (-ms-high-contrast: active),
only screen and (min-width: 1px) and (-ms-high-contrast: none) {
.showcase_cols_xs-6 .showcase__item {
-ms-flex-preferred-size: calc(16.666666666666668% - 40px);
flex-basis: calc(16.666666666666668% - 40px);
}
}
@media only screen and (min-width: 1px) {
.showcase_cols_xs-7 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1px) {
.showcase_cols_xs-7 .showcase__item {
-ms-flex-preferred-size: 14.285714285714286%;
flex-basis: 14.285714285714286%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1px) and (-ms-high-contrast: active),
only screen and (min-width: 1px) and (-ms-high-contrast: none) {
.showcase_cols_xs-7 .showcase__item {
-ms-flex-preferred-size: calc(14.285714285714286% - 40px);
flex-basis: calc(14.285714285714286% - 40px);
}
}
@media only screen and (min-width: 1px) {
.showcase_cols_xs-8 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1px) {
.showcase_cols_xs-8 .showcase__item {
-ms-flex-preferred-size: 12.5%;
flex-basis: 12.5%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1px) and (-ms-high-contrast: active),
only screen and (min-width: 1px) and (-ms-high-contrast: none) {
.showcase_cols_xs-8 .showcase__item {
-ms-flex-preferred-size: calc(12.5% - 40px);
flex-basis: calc(12.5% - 40px);
}
}
@media only screen and (min-width: 1px) {
.showcase_cols_xs-9 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1px) {
.showcase_cols_xs-9 .showcase__item {
-ms-flex-preferred-size: 11.11111111111111%;
flex-basis: 11.11111111111111%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1px) and (-ms-high-contrast: active),
only screen and (min-width: 1px) and (-ms-high-contrast: none) {
.showcase_cols_xs-9 .showcase__item {
-ms-flex-preferred-size: calc(11.11111111111111% - 40px);
flex-basis: calc(11.11111111111111% - 40px);
}
}
@media only screen and (min-width: 1px) {
.showcase_cols_xs-10 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1px) {
.showcase_cols_xs-10 .showcase__item {
-ms-flex-preferred-size: 10%;
flex-basis: 10%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1px) and (-ms-high-contrast: active),
only screen and (min-width: 1px) and (-ms-high-contrast: none) {
.showcase_cols_xs-10 .showcase__item {
-ms-flex-preferred-size: calc(10% - 40px);
flex-basis: calc(10% - 40px);
}
}
@media only screen and (min-width: 1px) {
.showcase_cols_xs-11 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1px) {
.showcase_cols_xs-11 .showcase__item {
-ms-flex-preferred-size: 9.090909090909092%;
flex-basis: 9.090909090909092%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1px) and (-ms-high-contrast: active),
only screen and (min-width: 1px) and (-ms-high-contrast: none) {
.showcase_cols_xs-11 .showcase__item {
-ms-flex-preferred-size: calc(9.090909090909092% - 40px);
flex-basis: calc(9.090909090909092% - 40px);
}
}
@media only screen and (min-width: 1px) {
.showcase_cols_xs-12 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1px) {
.showcase_cols_xs-12 .showcase__item {
-ms-flex-preferred-size: 8.333333333333334%;
flex-basis: 8.333333333333334%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1px) and (-ms-high-contrast: active),
only screen and (min-width: 1px) and (-ms-high-contrast: none) {
.showcase_cols_xs-12 .showcase__item {
-ms-flex-preferred-size: calc(8.333333333333334% - 40px);
flex-basis: calc(8.333333333333334% - 40px);
}
}
@media only screen and (min-width: 480px) {
.showcase_cols_s-1 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 480px) {
.showcase_cols_s-1 .showcase__item {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 0 20px;
}
}
@media only screen and (min-width: 480px) and (-ms-high-contrast: active),
only screen and (min-width: 480px) and (-ms-high-contrast: none) {
.showcase_cols_s-1 .showcase__item {
-ms-flex-preferred-size: calc(100% - 40px);
flex-basis: calc(100% - 40px);
}
}
@media only screen and (min-width: 480px) {
.showcase_cols_s-2 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 480px) {
.showcase_cols_s-2 .showcase__item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
padding: 0 20px;
}
}
@media only screen and (min-width: 480px) and (-ms-high-contrast: active),
only screen and (min-width: 480px) and (-ms-high-contrast: none) {
.showcase_cols_s-2 .showcase__item {
-ms-flex-preferred-size: calc(50% - 40px);
flex-basis: calc(50% - 40px);
}
}
@media only screen and (min-width: 480px) {
.showcase_cols_s-3 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 480px) {
.showcase_cols_s-3 .showcase__item {
-ms-flex-preferred-size: 33.333333333333336%;
flex-basis: 33.333333333333336%;
padding: 0 20px;
}
}
@media only screen and (min-width: 480px) and (-ms-high-contrast: active),
only screen and (min-width: 480px) and (-ms-high-contrast: none) {
.showcase_cols_s-3 .showcase__item {
-ms-flex-preferred-size: calc(33.333333333333336% - 40px);
flex-basis: calc(33.333333333333336% - 40px);
}
}
@media only screen and (min-width: 480px) {
.showcase_cols_s-4 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 480px) {
.showcase_cols_s-4 .showcase__item {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
padding: 0 20px;
}
}
@media only screen and (min-width: 480px) and (-ms-high-contrast: active),
only screen and (min-width: 480px) and (-ms-high-contrast: none) {
.showcase_cols_s-4 .showcase__item {
-ms-flex-preferred-size: calc(25% - 40px);
flex-basis: calc(25% - 40px);
}
}
@media only screen and (min-width: 480px) {
.showcase_cols_s-5 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 480px) {
.showcase_cols_s-5 .showcase__item {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
padding: 0 20px;
}
}
@media only screen and (min-width: 480px) and (-ms-high-contrast: active),
only screen and (min-width: 480px) and (-ms-high-contrast: none) {
.showcase_cols_s-5 .showcase__item {
-ms-flex-preferred-size: calc(20% - 40px);
flex-basis: calc(20% - 40px);
}
}
@media only screen and (min-width: 480px) {
.showcase_cols_s-6 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 480px) {
.showcase_cols_s-6 .showcase__item {
-ms-flex-preferred-size: 16.666666666666668%;
flex-basis: 16.666666666666668%;
padding: 0 20px;
}
}
@media only screen and (min-width: 480px) and (-ms-high-contrast: active),
only screen and (min-width: 480px) and (-ms-high-contrast: none) {
.showcase_cols_s-6 .showcase__item {
-ms-flex-preferred-size: calc(16.666666666666668% - 40px);
flex-basis: calc(16.666666666666668% - 40px);
}
}
@media only screen and (min-width: 480px) {
.showcase_cols_s-7 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 480px) {
.showcase_cols_s-7 .showcase__item {
-ms-flex-preferred-size: 14.285714285714286%;
flex-basis: 14.285714285714286%;
padding: 0 20px;
}
}
@media only screen and (min-width: 480px) and (-ms-high-contrast: active),
only screen and (min-width: 480px) and (-ms-high-contrast: none) {
.showcase_cols_s-7 .showcase__item {
-ms-flex-preferred-size: calc(14.285714285714286% - 40px);
flex-basis: calc(14.285714285714286% - 40px);
}
}
@media only screen and (min-width: 480px) {
.showcase_cols_s-8 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 480px) {
.showcase_cols_s-8 .showcase__item {
-ms-flex-preferred-size: 12.5%;
flex-basis: 12.5%;
padding: 0 20px;
}
}
@media only screen and (min-width: 480px) and (-ms-high-contrast: active),
only screen and (min-width: 480px) and (-ms-high-contrast: none) {
.showcase_cols_s-8 .showcase__item {
-ms-flex-preferred-size: calc(12.5% - 40px);
flex-basis: calc(12.5% - 40px);
}
}
@media only screen and (min-width: 480px) {
.showcase_cols_s-9 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 480px) {
.showcase_cols_s-9 .showcase__item {
-ms-flex-preferred-size: 11.11111111111111%;
flex-basis: 11.11111111111111%;
padding: 0 20px;
}
}
@media only screen and (min-width: 480px) and (-ms-high-contrast: active),
only screen and (min-width: 480px) and (-ms-high-contrast: none) {
.showcase_cols_s-9 .showcase__item {
-ms-flex-preferred-size: calc(11.11111111111111% - 40px);
flex-basis: calc(11.11111111111111% - 40px);
}
}
@media only screen and (min-width: 480px) {
.showcase_cols_s-10 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 480px) {
.showcase_cols_s-10 .showcase__item {
-ms-flex-preferred-size: 10%;
flex-basis: 10%;
padding: 0 20px;
}
}
@media only screen and (min-width: 480px) and (-ms-high-contrast: active),
only screen and (min-width: 480px) and (-ms-high-contrast: none) {
.showcase_cols_s-10 .showcase__item {
-ms-flex-preferred-size: calc(10% - 40px);
flex-basis: calc(10% - 40px);
}
}
@media only screen and (min-width: 480px) {
.showcase_cols_s-11 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 480px) {
.showcase_cols_s-11 .showcase__item {
-ms-flex-preferred-size: 9.090909090909092%;
flex-basis: 9.090909090909092%;
padding: 0 20px;
}
}
@media only screen and (min-width: 480px) and (-ms-high-contrast: active),
only screen and (min-width: 480px) and (-ms-high-contrast: none) {
.showcase_cols_s-11 .showcase__item {
-ms-flex-preferred-size: calc(9.090909090909092% - 40px);
flex-basis: calc(9.090909090909092% - 40px);
}
}
@media only screen and (min-width: 480px) {
.showcase_cols_s-12 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 480px) {
.showcase_cols_s-12 .showcase__item {
-ms-flex-preferred-size: 8.333333333333334%;
flex-basis: 8.333333333333334%;
padding: 0 20px;
}
}
@media only screen and (min-width: 480px) and (-ms-high-contrast: active),
only screen and (min-width: 480px) and (-ms-high-contrast: none) {
.showcase_cols_s-12 .showcase__item {
-ms-flex-preferred-size: calc(8.333333333333334% - 40px);
flex-basis: calc(8.333333333333334% - 40px);
}
}
@media only screen and (min-width: 768px) {
.showcase_cols_m-1 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 768px) {
.showcase_cols_m-1 .showcase__item {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 0 20px;
}
}
@media only screen and (min-width: 768px) and (-ms-high-contrast: active),
only screen and (min-width: 768px) and (-ms-high-contrast: none) {
.showcase_cols_m-1 .showcase__item {
-ms-flex-preferred-size: calc(100% - 40px);
flex-basis: calc(100% - 40px);
}
}
@media only screen and (min-width: 768px) {
.showcase_cols_m-2 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 768px) {
.showcase_cols_m-2 .showcase__item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
padding: 0 20px;
}
}
@media only screen and (min-width: 768px) and (-ms-high-contrast: active),
only screen and (min-width: 768px) and (-ms-high-contrast: none) {
.showcase_cols_m-2 .showcase__item {
-ms-flex-preferred-size: calc(50% - 40px);
flex-basis: calc(50% - 40px);
}
}
@media only screen and (min-width: 768px) {
.showcase_cols_m-3 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 768px) {
.showcase_cols_m-3 .showcase__item {
-ms-flex-preferred-size: 33.333333333333336%;
flex-basis: 33.333333333333336%;
padding: 0 20px;
}
}
@media only screen and (min-width: 768px) and (-ms-high-contrast: active),
only screen and (min-width: 768px) and (-ms-high-contrast: none) {
.showcase_cols_m-3 .showcase__item {
-ms-flex-preferred-size: calc(33.333333333333336% - 40px);
flex-basis: calc(33.333333333333336% - 40px);
}
}
@media only screen and (min-width: 768px) {
.showcase_cols_m-4 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 768px) {
.showcase_cols_m-4 .showcase__item {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
padding: 0 20px;
}
}
@media only screen and (min-width: 768px) and (-ms-high-contrast: active),
only screen and (min-width: 768px) and (-ms-high-contrast: none) {
.showcase_cols_m-4 .showcase__item {
-ms-flex-preferred-size: calc(25% - 40px);
flex-basis: calc(25% - 40px);
}
}
@media only screen and (min-width: 768px) {
.showcase_cols_m-5 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 768px) {
.showcase_cols_m-5 .showcase__item {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
padding: 0 20px;
}
}
@media only screen and (min-width: 768px) and (-ms-high-contrast: active),
only screen and (min-width: 768px) and (-ms-high-contrast: none) {
.showcase_cols_m-5 .showcase__item {
-ms-flex-preferred-size: calc(20% - 40px);
flex-basis: calc(20% - 40px);
}
}
@media only screen and (min-width: 768px) {
.showcase_cols_m-6 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 768px) {
.showcase_cols_m-6 .showcase__item {
-ms-flex-preferred-size: 16.666666666666668%;
flex-basis: 16.666666666666668%;
padding: 0 20px;
}
}
@media only screen and (min-width: 768px) and (-ms-high-contrast: active),
only screen and (min-width: 768px) and (-ms-high-contrast: none) {
.showcase_cols_m-6 .showcase__item {
-ms-flex-preferred-size: calc(16.666666666666668% - 40px);
flex-basis: calc(16.666666666666668% - 40px);
}
}
@media only screen and (min-width: 768px) {
.showcase_cols_m-7 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 768px) {
.showcase_cols_m-7 .showcase__item {
-ms-flex-preferred-size: 14.285714285714286%;
flex-basis: 14.285714285714286%;
padding: 0 20px;
}
}
@media only screen and (min-width: 768px) and (-ms-high-contrast: active),
only screen and (min-width: 768px) and (-ms-high-contrast: none) {
.showcase_cols_m-7 .showcase__item {
-ms-flex-preferred-size: calc(14.285714285714286% - 40px);
flex-basis: calc(14.285714285714286% - 40px);
}
}
@media only screen and (min-width: 768px) {
.showcase_cols_m-8 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 768px) {
.showcase_cols_m-8 .showcase__item {
-ms-flex-preferred-size: 12.5%;
flex-basis: 12.5%;
padding: 0 20px;
}
}
@media only screen and (min-width: 768px) and (-ms-high-contrast: active),
only screen and (min-width: 768px) and (-ms-high-contrast: none) {
.showcase_cols_m-8 .showcase__item {
-ms-flex-preferred-size: calc(12.5% - 40px);
flex-basis: calc(12.5% - 40px);
}
}
@media only screen and (min-width: 768px) {
.showcase_cols_m-9 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 768px) {
.showcase_cols_m-9 .showcase__item {
-ms-flex-preferred-size: 11.11111111111111%;
flex-basis: 11.11111111111111%;
padding: 0 20px;
}
}
@media only screen and (min-width: 768px) and (-ms-high-contrast: active),
only screen and (min-width: 768px) and (-ms-high-contrast: none) {
.showcase_cols_m-9 .showcase__item {
-ms-flex-preferred-size: calc(11.11111111111111% - 40px);
flex-basis: calc(11.11111111111111% - 40px);
}
}
@media only screen and (min-width: 768px) {
.showcase_cols_m-10 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 768px) {
.showcase_cols_m-10 .showcase__item {
-ms-flex-preferred-size: 10%;
flex-basis: 10%;
padding: 0 20px;
}
}
@media only screen and (min-width: 768px) and (-ms-high-contrast: active),
only screen and (min-width: 768px) and (-ms-high-contrast: none) {
.showcase_cols_m-10 .showcase__item {
-ms-flex-preferred-size: calc(10% - 40px);
flex-basis: calc(10% - 40px);
}
}
@media only screen and (min-width: 768px) {
.showcase_cols_m-11 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 768px) {
.showcase_cols_m-11 .showcase__item {
-ms-flex-preferred-size: 9.090909090909092%;
flex-basis: 9.090909090909092%;
padding: 0 20px;
}
}
@media only screen and (min-width: 768px) and (-ms-high-contrast: active),
only screen and (min-width: 768px) and (-ms-high-contrast: none) {
.showcase_cols_m-11 .showcase__item {
-ms-flex-preferred-size: calc(9.090909090909092% - 40px);
flex-basis: calc(9.090909090909092% - 40px);
}
}
@media only screen and (min-width: 768px) {
.showcase_cols_m-12 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 768px) {
.showcase_cols_m-12 .showcase__item {
-ms-flex-preferred-size: 8.333333333333334%;
flex-basis: 8.333333333333334%;
padding: 0 20px;
}
}
@media only screen and (min-width: 768px) and (-ms-high-contrast: active),
only screen and (min-width: 768px) and (-ms-high-contrast: none) {
.showcase_cols_m-12 .showcase__item {
-ms-flex-preferred-size: calc(8.333333333333334% - 40px);
flex-basis: calc(8.333333333333334% - 40px);
}
}
@media only screen and (min-width: 1025px) {
.showcase_cols_l-1 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1025px) {
.showcase_cols_l-1 .showcase__item {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1025px) and (-ms-high-contrast: active),
only screen and (min-width: 1025px) and (-ms-high-contrast: none) {
.showcase_cols_l-1 .showcase__item {
-ms-flex-preferred-size: calc(100% - 40px);
flex-basis: calc(100% - 40px);
}
}
@media only screen and (min-width: 1025px) {
.showcase_cols_l-2 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1025px) {
.showcase_cols_l-2 .showcase__item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1025px) and (-ms-high-contrast: active),
only screen and (min-width: 1025px) and (-ms-high-contrast: none) {
.showcase_cols_l-2 .showcase__item {
-ms-flex-preferred-size: calc(50% - 40px);
flex-basis: calc(50% - 40px);
}
}
@media only screen and (min-width: 1025px) {
.showcase_cols_l-3 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1025px) {
.showcase_cols_l-3 .showcase__item {
-ms-flex-preferred-size: 33.333333333333336%;
flex-basis: 33.333333333333336%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1025px) and (-ms-high-contrast: active),
only screen and (min-width: 1025px) and (-ms-high-contrast: none) {
.showcase_cols_l-3 .showcase__item {
-ms-flex-preferred-size: calc(33.333333333333336% - 40px);
flex-basis: calc(33.333333333333336% - 40px);
}
}
@media only screen and (min-width: 1025px) {
.showcase_cols_l-4 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1025px) {
.showcase_cols_l-4 .showcase__item {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1025px) and (-ms-high-contrast: active),
only screen and (min-width: 1025px) and (-ms-high-contrast: none) {
.showcase_cols_l-4 .showcase__item {
-ms-flex-preferred-size: calc(25% - 40px);
flex-basis: calc(25% - 40px);
}
}
@media only screen and (min-width: 1025px) {
.showcase_cols_l-5 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1025px) {
.showcase_cols_l-5 .showcase__item {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1025px) and (-ms-high-contrast: active),
only screen and (min-width: 1025px) and (-ms-high-contrast: none) {
.showcase_cols_l-5 .showcase__item {
-ms-flex-preferred-size: calc(20% - 40px);
flex-basis: calc(20% - 40px);
}
}
@media only screen and (min-width: 1025px) {
.showcase_cols_l-6 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1025px) {
.showcase_cols_l-6 .showcase__item {
-ms-flex-preferred-size: 16.666666666666668%;
flex-basis: 16.666666666666668%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1025px) and (-ms-high-contrast: active),
only screen and (min-width: 1025px) and (-ms-high-contrast: none) {
.showcase_cols_l-6 .showcase__item {
-ms-flex-preferred-size: calc(16.666666666666668% - 40px);
flex-basis: calc(16.666666666666668% - 40px);
}
}
@media only screen and (min-width: 1025px) {
.showcase_cols_l-7 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1025px) {
.showcase_cols_l-7 .showcase__item {
-ms-flex-preferred-size: 14.285714285714286%;
flex-basis: 14.285714285714286%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1025px) and (-ms-high-contrast: active),
only screen and (min-width: 1025px) and (-ms-high-contrast: none) {
.showcase_cols_l-7 .showcase__item {
-ms-flex-preferred-size: calc(14.285714285714286% - 40px);
flex-basis: calc(14.285714285714286% - 40px);
}
}
@media only screen and (min-width: 1025px) {
.showcase_cols_l-8 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1025px) {
.showcase_cols_l-8 .showcase__item {
-ms-flex-preferred-size: 12.5%;
flex-basis: 12.5%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1025px) and (-ms-high-contrast: active),
only screen and (min-width: 1025px) and (-ms-high-contrast: none) {
.showcase_cols_l-8 .showcase__item {
-ms-flex-preferred-size: calc(12.5% - 40px);
flex-basis: calc(12.5% - 40px);
}
}
@media only screen and (min-width: 1025px) {
.showcase_cols_l-9 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1025px) {
.showcase_cols_l-9 .showcase__item {
-ms-flex-preferred-size: 11.11111111111111%;
flex-basis: 11.11111111111111%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1025px) and (-ms-high-contrast: active),
only screen and (min-width: 1025px) and (-ms-high-contrast: none) {
.showcase_cols_l-9 .showcase__item {
-ms-flex-preferred-size: calc(11.11111111111111% - 40px);
flex-basis: calc(11.11111111111111% - 40px);
}
}
@media only screen and (min-width: 1025px) {
.showcase_cols_l-10 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1025px) {
.showcase_cols_l-10 .showcase__item {
-ms-flex-preferred-size: 10%;
flex-basis: 10%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1025px) and (-ms-high-contrast: active),
only screen and (min-width: 1025px) and (-ms-high-contrast: none) {
.showcase_cols_l-10 .showcase__item {
-ms-flex-preferred-size: calc(10% - 40px);
flex-basis: calc(10% - 40px);
}
}
@media only screen and (min-width: 1025px) {
.showcase_cols_l-11 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1025px) {
.showcase_cols_l-11 .showcase__item {
-ms-flex-preferred-size: 9.090909090909092%;
flex-basis: 9.090909090909092%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1025px) and (-ms-high-contrast: active),
only screen and (min-width: 1025px) and (-ms-high-contrast: none) {
.showcase_cols_l-11 .showcase__item {
-ms-flex-preferred-size: calc(9.090909090909092% - 40px);
flex-basis: calc(9.090909090909092% - 40px);
}
}
@media only screen and (min-width: 1025px) {
.showcase_cols_l-12 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1025px) {
.showcase_cols_l-12 .showcase__item {
-ms-flex-preferred-size: 8.333333333333334%;
flex-basis: 8.333333333333334%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1025px) and (-ms-high-contrast: active),
only screen and (min-width: 1025px) and (-ms-high-contrast: none) {
.showcase_cols_l-12 .showcase__item {
-ms-flex-preferred-size: calc(8.333333333333334% - 40px);
flex-basis: calc(8.333333333333334% - 40px);
}
}
@media only screen and (min-width: 1281px) {
.showcase_cols_xl-1 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1281px) {
.showcase_cols_xl-1 .showcase__item {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1281px) and (-ms-high-contrast: active),
only screen and (min-width: 1281px) and (-ms-high-contrast: none) {
.showcase_cols_xl-1 .showcase__item {
-ms-flex-preferred-size: calc(100% - 40px);
flex-basis: calc(100% - 40px);
}
}
@media only screen and (min-width: 1281px) {
.showcase_cols_xl-2 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1281px) {
.showcase_cols_xl-2 .showcase__item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1281px) and (-ms-high-contrast: active),
only screen and (min-width: 1281px) and (-ms-high-contrast: none) {
.showcase_cols_xl-2 .showcase__item {
-ms-flex-preferred-size: calc(50% - 40px);
flex-basis: calc(50% - 40px);
}
}
@media only screen and (min-width: 1281px) {
.showcase_cols_xl-3 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1281px) {
.showcase_cols_xl-3 .showcase__item {
-ms-flex-preferred-size: 33.333333333333336%;
flex-basis: 33.333333333333336%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1281px) and (-ms-high-contrast: active),
only screen and (min-width: 1281px) and (-ms-high-contrast: none) {
.showcase_cols_xl-3 .showcase__item {
-ms-flex-preferred-size: calc(33.333333333333336% - 40px);
flex-basis: calc(33.333333333333336% - 40px);
}
}
@media only screen and (min-width: 1281px) {
.showcase_cols_xl-4 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1281px) {
.showcase_cols_xl-4 .showcase__item {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1281px) and (-ms-high-contrast: active),
only screen and (min-width: 1281px) and (-ms-high-contrast: none) {
.showcase_cols_xl-4 .showcase__item {
-ms-flex-preferred-size: calc(25% - 40px);
flex-basis: calc(25% - 40px);
}
}
@media only screen and (min-width: 1281px) {
.showcase_cols_xl-5 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1281px) {
.showcase_cols_xl-5 .showcase__item {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1281px) and (-ms-high-contrast: active),
only screen and (min-width: 1281px) and (-ms-high-contrast: none) {
.showcase_cols_xl-5 .showcase__item {
-ms-flex-preferred-size: calc(20% - 40px);
flex-basis: calc(20% - 40px);
}
}
@media only screen and (min-width: 1281px) {
.showcase_cols_xl-6 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1281px) {
.showcase_cols_xl-6 .showcase__item {
-ms-flex-preferred-size: 16.666666666666668%;
flex-basis: 16.666666666666668%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1281px) and (-ms-high-contrast: active),
only screen and (min-width: 1281px) and (-ms-high-contrast: none) {
.showcase_cols_xl-6 .showcase__item {
-ms-flex-preferred-size: calc(16.666666666666668% - 40px);
flex-basis: calc(16.666666666666668% - 40px);
}
}
@media only screen and (min-width: 1281px) {
.showcase_cols_xl-7 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1281px) {
.showcase_cols_xl-7 .showcase__item {
-ms-flex-preferred-size: 14.285714285714286%;
flex-basis: 14.285714285714286%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1281px) and (-ms-high-contrast: active),
only screen and (min-width: 1281px) and (-ms-high-contrast: none) {
.showcase_cols_xl-7 .showcase__item {
-ms-flex-preferred-size: calc(14.285714285714286% - 40px);
flex-basis: calc(14.285714285714286% - 40px);
}
}
@media only screen and (min-width: 1281px) {
.showcase_cols_xl-8 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1281px) {
.showcase_cols_xl-8 .showcase__item {
-ms-flex-preferred-size: 12.5%;
flex-basis: 12.5%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1281px) and (-ms-high-contrast: active),
only screen and (min-width: 1281px) and (-ms-high-contrast: none) {
.showcase_cols_xl-8 .showcase__item {
-ms-flex-preferred-size: calc(12.5% - 40px);
flex-basis: calc(12.5% - 40px);
}
}
@media only screen and (min-width: 1281px) {
.showcase_cols_xl-9 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1281px) {
.showcase_cols_xl-9 .showcase__item {
-ms-flex-preferred-size: 11.11111111111111%;
flex-basis: 11.11111111111111%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1281px) and (-ms-high-contrast: active),
only screen and (min-width: 1281px) and (-ms-high-contrast: none) {
.showcase_cols_xl-9 .showcase__item {
-ms-flex-preferred-size: calc(11.11111111111111% - 40px);
flex-basis: calc(11.11111111111111% - 40px);
}
}
@media only screen and (min-width: 1281px) {
.showcase_cols_xl-10 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1281px) {
.showcase_cols_xl-10 .showcase__item {
-ms-flex-preferred-size: 10%;
flex-basis: 10%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1281px) and (-ms-high-contrast: active),
only screen and (min-width: 1281px) and (-ms-high-contrast: none) {
.showcase_cols_xl-10 .showcase__item {
-ms-flex-preferred-size: calc(10% - 40px);
flex-basis: calc(10% - 40px);
}
}
@media only screen and (min-width: 1281px) {
.showcase_cols_xl-11 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1281px) {
.showcase_cols_xl-11 .showcase__item {
-ms-flex-preferred-size: 9.090909090909092%;
flex-basis: 9.090909090909092%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1281px) and (-ms-high-contrast: active),
only screen and (min-width: 1281px) and (-ms-high-contrast: none) {
.showcase_cols_xl-11 .showcase__item {
-ms-flex-preferred-size: calc(9.090909090909092% - 40px);
flex-basis: calc(9.090909090909092% - 40px);
}
}
@media only screen and (min-width: 1281px) {
.showcase_cols_xl-12 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1281px) {
.showcase_cols_xl-12 .showcase__item {
-ms-flex-preferred-size: 8.333333333333334%;
flex-basis: 8.333333333333334%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1281px) and (-ms-high-contrast: active),
only screen and (min-width: 1281px) and (-ms-high-contrast: none) {
.showcase_cols_xl-12 .showcase__item {
-ms-flex-preferred-size: calc(8.333333333333334% - 40px);
flex-basis: calc(8.333333333333334% - 40px);
}
}
@media only screen and (min-width: 1440px) {
.showcase_cols_xxl-1 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1440px) {
.showcase_cols_xxl-1 .showcase__item {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1440px) and (-ms-high-contrast: active),
only screen and (min-width: 1440px) and (-ms-high-contrast: none) {
.showcase_cols_xxl-1 .showcase__item {
-ms-flex-preferred-size: calc(100% - 40px);
flex-basis: calc(100% - 40px);
}
}
@media only screen and (min-width: 1440px) {
.showcase_cols_xxl-2 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1440px) {
.showcase_cols_xxl-2 .showcase__item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1440px) and (-ms-high-contrast: active),
only screen and (min-width: 1440px) and (-ms-high-contrast: none) {
.showcase_cols_xxl-2 .showcase__item {
-ms-flex-preferred-size: calc(50% - 40px);
flex-basis: calc(50% - 40px);
}
}
@media only screen and (min-width: 1440px) {
.showcase_cols_xxl-3 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1440px) {
.showcase_cols_xxl-3 .showcase__item {
-ms-flex-preferred-size: 33.333333333333336%;
flex-basis: 33.333333333333336%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1440px) and (-ms-high-contrast: active),
only screen and (min-width: 1440px) and (-ms-high-contrast: none) {
.showcase_cols_xxl-3 .showcase__item {
-ms-flex-preferred-size: calc(33.333333333333336% - 40px);
flex-basis: calc(33.333333333333336% - 40px);
}
}
@media only screen and (min-width: 1440px) {
.showcase_cols_xxl-4 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1440px) {
.showcase_cols_xxl-4 .showcase__item {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1440px) and (-ms-high-contrast: active),
only screen and (min-width: 1440px) and (-ms-high-contrast: none) {
.showcase_cols_xxl-4 .showcase__item {
-ms-flex-preferred-size: calc(25% - 40px);
flex-basis: calc(25% - 40px);
}
}
@media only screen and (min-width: 1440px) {
.showcase_cols_xxl-5 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1440px) {
.showcase_cols_xxl-5 .showcase__item {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1440px) and (-ms-high-contrast: active),
only screen and (min-width: 1440px) and (-ms-high-contrast: none) {
.showcase_cols_xxl-5 .showcase__item {
-ms-flex-preferred-size: calc(20% - 40px);
flex-basis: calc(20% - 40px);
}
}
@media only screen and (min-width: 1440px) {
.showcase_cols_xxl-6 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1440px) {
.showcase_cols_xxl-6 .showcase__item {
-ms-flex-preferred-size: 16.666666666666668%;
flex-basis: 16.666666666666668%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1440px) and (-ms-high-contrast: active),
only screen and (min-width: 1440px) and (-ms-high-contrast: none) {
.showcase_cols_xxl-6 .showcase__item {
-ms-flex-preferred-size: calc(16.666666666666668% - 40px);
flex-basis: calc(16.666666666666668% - 40px);
}
}
@media only screen and (min-width: 1440px) {
.showcase_cols_xxl-7 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1440px) {
.showcase_cols_xxl-7 .showcase__item {
-ms-flex-preferred-size: 14.285714285714286%;
flex-basis: 14.285714285714286%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1440px) and (-ms-high-contrast: active),
only screen and (min-width: 1440px) and (-ms-high-contrast: none) {
.showcase_cols_xxl-7 .showcase__item {
-ms-flex-preferred-size: calc(14.285714285714286% - 40px);
flex-basis: calc(14.285714285714286% - 40px);
}
}
@media only screen and (min-width: 1440px) {
.showcase_cols_xxl-8 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1440px) {
.showcase_cols_xxl-8 .showcase__item {
-ms-flex-preferred-size: 12.5%;
flex-basis: 12.5%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1440px) and (-ms-high-contrast: active),
only screen and (min-width: 1440px) and (-ms-high-contrast: none) {
.showcase_cols_xxl-8 .showcase__item {
-ms-flex-preferred-size: calc(12.5% - 40px);
flex-basis: calc(12.5% - 40px);
}
}
@media only screen and (min-width: 1440px) {
.showcase_cols_xxl-9 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1440px) {
.showcase_cols_xxl-9 .showcase__item {
-ms-flex-preferred-size: 11.11111111111111%;
flex-basis: 11.11111111111111%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1440px) and (-ms-high-contrast: active),
only screen and (min-width: 1440px) and (-ms-high-contrast: none) {
.showcase_cols_xxl-9 .showcase__item {
-ms-flex-preferred-size: calc(11.11111111111111% - 40px);
flex-basis: calc(11.11111111111111% - 40px);
}
}
@media only screen and (min-width: 1440px) {
.showcase_cols_xxl-10 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1440px) {
.showcase_cols_xxl-10 .showcase__item {
-ms-flex-preferred-size: 10%;
flex-basis: 10%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1440px) and (-ms-high-contrast: active),
only screen and (min-width: 1440px) and (-ms-high-contrast: none) {
.showcase_cols_xxl-10 .showcase__item {
-ms-flex-preferred-size: calc(10% - 40px);
flex-basis: calc(10% - 40px);
}
}
@media only screen and (min-width: 1440px) {
.showcase_cols_xxl-11 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1440px) {
.showcase_cols_xxl-11 .showcase__item {
-ms-flex-preferred-size: 9.090909090909092%;
flex-basis: 9.090909090909092%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1440px) and (-ms-high-contrast: active),
only screen and (min-width: 1440px) and (-ms-high-contrast: none) {
.showcase_cols_xxl-11 .showcase__item {
-ms-flex-preferred-size: calc(9.090909090909092% - 40px);
flex-basis: calc(9.090909090909092% - 40px);
}
}
@media only screen and (min-width: 1440px) {
.showcase_cols_xxl-12 .showcase__list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
margin: 0 -20px;
}
}
@media only screen and (min-width: 1440px) {
.showcase_cols_xxl-12 .showcase__item {
-ms-flex-preferred-size: 8.333333333333334%;
flex-basis: 8.333333333333334%;
padding: 0 20px;
}
}
@media only screen and (min-width: 1440px) and (-ms-high-contrast: active),
only screen and (min-width: 1440px) and (-ms-high-contrast: none) {
.showcase_cols_xxl-12 .showcase__item {
-ms-flex-preferred-size: calc(8.333333333333334% - 40px);
flex-basis: calc(8.333333333333334% - 40px);
}
}
.showcase_type_close .showcase__item {
margin: 0;
}
.showcase_type_split .showcase__item {
padding-top: 32px;
padding-bottom: 40px;
border-top: 1px solid #e2e0e0;
}
@media only screen and (min-width: 768px) {
.showcase_type_split .showcase__item {
padding-top: 40px;
padding-bottom: 40px;
}
}
@media only screen and (min-width: 1281px) {
.showcase_type_split .showcase__item {
padding-top: 60px;
padding-bottom: 60px;
}
}
.showcase img {
display: block;
max-width: 100%;
height: auto;
}
@media only screen and (min-width: 1025px) {
.showcase img {
max-width: 100%;
}
}
.subnav,
.sub-menu {
display: block;
margin: 0;
padding: 0;
list-style: none;
font-size: 16px;
line-height: 1.2;
}
@media only screen and (min-width: 1025px) {
.subnav,
.sub-menu {
padding: 30px;
text-align: left;
background: #fff;
box-shadow: 0px 27px 79px 0px rgba(24, 24, 24, 0.22);
}
}
.subnav__item,
.sub-menu__item,
.subnav .menu-item,
.sub-menu .menu-item {
display: block;
margin: 0 0 15px;
padding: 0;
list-style: none;
}
.subnav__item:last-child,
.sub-menu__item:last-child,
.subnav .menu-item:last-child,
.sub-menu .menu-item:last-child {
margin-bottom: 0;
}
.subnav__link,
.sub-menu__link,
.subnav a,
.sub-menu a {
display: inline-block;
vertical-align: middle;
height: 100%;
padding: 5px 0;
color: #4c4c4c;
text-decoration: none;
background: transparent;
transition: all 0.3s ease;
}
@media only screen and (min-width: 1025px) {
.subnav__link,
.sub-menu__link,
.subnav a,
.sub-menu a {
padding: 0;
color: #343434;
border-bottom: 1px solid transparent;
}
}
.subnav__link:hover,
.sub-menu__link:hover,
.subnav a:hover,
.sub-menu a:hover {
color: #000;
border-bottom-color: #000;
}
.text-group {
display: block;
}
.text-group__item {
position: relative;
margin: 0 0 40px;
padding: 0 0 40px;
}
.text-group__item:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 4px;
background: #f3f2f2;
background: linear-gradient(to right, rgba(241, 241, 241, 0.65) 0%, rgba(241, 241, 241, 0.64) 1%, rgba(0, 0, 0, 0) 100%);
}
.text-group__item:last-child {
margin: 0;
padding: 0;
}
.text-group__item:last-child:after {
display: none;
}
.text-snippet {
display: block;
}
.text-snippet__title {
margin: 0 0 30px;
padding: 0;
font-weight: 600;
line-height: 1.2;
font-size: 24px;
}
.text-snippet__illustration {
display: block;
margin: 15px 0;
}
@media only screen and (min-width: 1025px) {
.text-snippet__illustration {
max-width: 900px;
}
}
.title {
display: block;
margin: 0;
padding: 0;
font-weight: 600;
line-height: 1.2;
}
.title_size_h1 {
font-size: 30px;
}
.title_size_h2 {
font-size: 28px;
}
.title_size_h3 {
font-size: 26px;
}
.title_size_h4 {
font-size: 24px;
}
.title_size_h5 {
font-size: 22px;
}
.title_size_h6 {
font-size: 20px;
}
.tracklist {
display: block;
counter-reset: tracklist;
line-height: 20px;
}
.tracklist__item {
position: relative;
min-height: 20px;
margin: 0 0 10px;
padding: 0 0 0 45px;
cursor: pointer;
}
.tracklist__item:hover:before {
opacity: 0;
}
.tracklist__item:hover .tracklist__button {
opacity: 1;
}
.tracklist__item:before {
content: counters(tracklist, '', decimal-leading-zero);
counter-increment: tracklist;
position: absolute;
top: 50%;
left: 3px;
transform: translate(0, -50%);
}
.tracklist__control {
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
font-size: 0;
width: 20px;
height: 20px;
border-radius: 50%;
}
.tracklist__button {
opacity: 0;
transition: opacity 0.3s ease;
}
.tracklist__panel {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
}
.tracklist__name {
padding: 0 15px 0 0;
}
.video-group {
display: block;
padding: 0;
}
@media only screen and (min-width: 768px) {
.video-group {
padding: 0;
}
}
.video-group__inner {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -5px;
}
@media only screen and (min-width: 768px) {
.video-group__inner {
margin: 0 -20px;
}
}
.video-group__item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
width: 50%;
}
.video-group__panel {
padding: 0 5px 5px;
}
@media only screen and (min-width: 768px) {
.video-group__panel {
padding: 0 20px 20px;
}
}
.video-snippet {
display: block;
}
.video-snippet__illustration {
position: relative;
display: block;
margin: 0 0 15px;
text-decoration: none;
background-color: #e6e6e6;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.video-snippet__illustration:last-child {
margin-bottom: 0;
}
.video-snippet__illustration:before {
content: '';
position: relative;
z-index: 1;
display: block;
width: 100%;
padding: 75% 0 0;
}
.video-snippet__illustration:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
z-index: 20;
display: block;
width: 128px;
height: 128px;
opacity: 0.5;
background: url("../images/sprites/video_snippet.png") 0px 0px;
transform: translate(-50%, -50%) scale(0.3);
}
@media only screen and (min-width: 768px) {
.video-snippet__illustration:after {
transform: translate(-50%, -50%) scale(0.4);
}
}
.video-snippet__title {
margin: 0 0 15px;
font-size: 20px;
font-weight: 600;
}
.video-snippet__title:last-child {
margin-bottom: 0;
}
.video-snippet__link {
display: inline-block;
vertical-align: middle;
color: inherit;
text-decoration: none;
border-bottom: 1px solid transparent;
transition: border 0.3s ease;
}
.video-snippet__link:hover {
border-bottom-color: #121212;
}
.work-list {
display: block;
color: main-color;
}
.work-list__title {
display: block;
font-size: 40px;
font-weight: 600;
}
.work-list__list {
counter-reset: workList;
}
.work-list__item:before {
content: counter(workList) '.';
counter-increment: workList;
display: inline-block;
vertical-align: middle;
min-width: 20px;
padding: 0 5px 0 0;
font-size: 20px;
text-align: left;
}
.work-list__link {
display: inline-block;
vertical-align: middle;
color: inherit;
font-size: 20px;
text-decoration: none;
}
.work-list__link[href='#'] {
cursor: default;
pointer-events: none;
opacity: 0.2;
}
.wpcf7 p {
display: block;
margin: 0 0 30px;
}
.wpcf7 p:last-chiild {
margin-bottom: 0;
}
.wpcf7 label {
display: block;
width: 100%;
margin: 0 0 3px;
color: #656464;
font-size: 16px;
}
.wpcf7 input[type='text'],
.wpcf7 input[type='email'],
.wpcf7 textarea {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 8px 15px;
line-height: 1.2;
border: 1px solid #e2dfd2;
outline: none;
background: #fff;
transition: all 0.3s ease;
}
@media only screen and (min-width: 768px) {
.wpcf7 input[type='text'],
.wpcf7 input[type='email'],
.wpcf7 textarea {
padding: 16px 15px;
}
}
.wpcf7 input[type='text']:focus,
.wpcf7 input[type='email']:focus,
.wpcf7 textarea:focus {
border-color: #000;
}
.wpcf7 textarea {
height: 100px;
min-height: 100px;
}
@media only screen and (min-width: 768px) {
.wpcf7 textarea {
height: 200px;
min-height: 200px;
}
}
.wpcf7 input[type="submit"] {
display: inline-block;
vertical-align: middle;
padding: 15px;
color: #000;
font-size: 17px;
font-weight: 400;
line-height: 1.3;
text-align: center;
text-decoration: none;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: #fff;
border: 1px solid #e2dfd2;
outline: none;
box-shadow: 0 12px 15px rgba(0, 0, 0, 0);
transition: all 0.1s ease;
}
.wpcf7 input[type="submit"]:hover,
.wpcf7 input[type="submit"]:active {
color: #656464;
background: #e2dfd2;
box-shadow: 0 12px 15px rgba(0, 0, 0, 0.21);
}
.wpcf7-controls {
text-align: right;
}
.wpcf7 .ajax-loader {
display: block !important;
padding: 15px 0;
}