:root {
--wp-admin-theme-color: #007cba;
--wp-admin-theme-color-darker-10: #006ba1;
--wp-admin-theme-color-darker-20: #005a87
}
#start-resizable-editor-section {
display: none
}
.wp-block-audio figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-audio audio {
width: 100%;
min-width: 300px
}
.wp-block-button__link {
color: #fff;
background-color: #32373c;
border: none;
border-radius: 28px;
box-shadow: none;
cursor: pointer;
display: inline-block;
font-size: 18px;
padding: 12px 24px;
text-align: center;
text-decoration: none;
overflow-wrap: break-word
}
.wp-block-button__link:active, .wp-block-button__link:focus, .wp-block-button__link:hover, .wp-block-button__link:visited {
color: #fff
}
.wp-block-button__link.aligncenter {
text-align: center
}
.wp-block-button__link.alignright {
text-align: right
}
.wp-block-button.is-style-squared, .wp-block-button__link.wp-block-button.is-style-squared {
border-radius: 0
}
.wp-block-button.no-border-radius, .wp-block-button__link.no-border-radius {
border-radius: 0 !important
}
.is-style-outline .wp-block-button__link, .wp-block-button__link.is-style-outline {
color: #32373c;
background-color: transparent;
border: 2px solid
}
.wp-block-buttons .wp-block-button {
display: inline-block;
margin-right: 8px;
margin-bottom: 8px
}
.wp-block-buttons .wp-block-button:last-child {
margin-right: 0
}
.wp-block-buttons.alignright .wp-block-button {
margin-right: 0;
margin-left: 8px
}
.wp-block-buttons.alignright .wp-block-button:first-child {
margin-left: 0
}
.wp-block-buttons.alignleft .wp-block-button {
margin-left: 0;
margin-right: 8px
}
.wp-block-buttons.alignleft .wp-block-button:last-child {
margin-right: 0
}
.wp-block-button.aligncenter, .wp-block-buttons.aligncenter, .wp-block-calendar {
text-align: center
}
.wp-block-calendar tbody td, .wp-block-calendar th {
padding: 4px;
border: 1px solid #ddd
}
.wp-block-calendar tfoot td {
border: none
}
.wp-block-calendar table {
width: 100%;
border-collapse: collapse;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif
}
.wp-block-calendar table th {
font-weight: 400;
background: #ddd
}
.wp-block-calendar a {
text-decoration: underline
}
.wp-block-calendar tfoot a {
color: #007cba;
color: var(--wp-admin-theme-color)
}
.wp-block-calendar table caption, .wp-block-calendar table tbody {
color: #40464d
}
.wp-block-categories.alignleft {
margin-right: 2em
}
.wp-block-categories.alignright {
margin-left: 2em
}
.wp-block-columns {
display: flex;
margin-bottom: 28px;
flex-wrap: wrap
}
@media (min-width: 782px) {
.wp-block-columns {
flex-wrap: nowrap
}
}
.wp-block-columns.has-background {
padding: 20px 38px
}
.wp-block-column {
flex-grow: 1;
min-width: 0;
word-break: break-word;
overflow-wrap: break-word
}
@media (max-width: 599px) {
.wp-block-column {
flex-basis: 100% !important
}
}
@media (min-width: 600px) and (max-width: 781px) {
.wp-block-column {
flex-basis: calc(50% - 16px) !important;
flex-grow: 0
}
.wp-block-column:nth-child(2n) {
margin-left: 32px
}
}
@media (min-width: 782px) {
.wp-block-column {
flex-basis: 0%;
flex-grow: 1
}
.wp-block-column[style*=flex-basis] {
flex-grow: 0
}
.wp-block-column:not(:first-child) {
margin-left: 32px
}
}
.wp-block-columns.are-vertically-aligned-top {
align-items: flex-start
}
.wp-block-columns.are-vertically-aligned-center {
align-items: center
}
.wp-block-columns.are-vertically-aligned-bottom {
align-items: flex-end
}
.wp-block-column.is-vertically-aligned-top {
align-self: flex-start
}
.wp-block-column.is-vertically-aligned-center {
-ms-grid-row-align: center;
align-self: center
}
.wp-block-column.is-vertically-aligned-bottom {
align-self: flex-end
}
.wp-block-column.is-vertically-aligned-bottom, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-top {
width: 100%
}
.wp-block-cover, .wp-block-cover-image {
position: relative;
background-size: cover;
background-position: 50%;
min-height: 430px;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 16px
}
.wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax {
background-attachment: fixed
}
@supports (-webkit-overflow-scrolling:touch) {
.wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax {
background-attachment: scroll
}
}
@media (prefers-reduced-motion: reduce) {
.wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax {
background-attachment: scroll
}
}
.wp-block-cover-image.has-background-dim, .wp-block-cover.has-background-dim {
background-color: #000
}
.wp-block-cover-image.has-background-dim:before, .wp-block-cover.has-background-dim:before {
content: "";
background-color: inherit
}
.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before, .wp-block-cover-image .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim:not(.has-background-gradient):before, .wp-block-cover .wp-block-cover__gradient-background {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1
}
.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before, .wp-block-cover-image .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim:not(.has-background-gradient):before, .wp-block-cover .wp-block-cover__gradient-background {
opacity: .5
}
.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before {
opacity: .1
}
.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background {
opacity: .1
}
.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before {
opacity: .2
}
.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background {
opacity: .2
}
.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before {
opacity: .3
}
.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background {
opacity: .3
}
.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before {
opacity: .4
}
.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background {
opacity: .4
}
.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before {
opacity: .5
}
.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background {
opacity: .5
}
.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before {
opacity: .6
}
.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background {
opacity: .6
}
.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before {
opacity: .7
}
.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background {
opacity: .7
}
.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before {
opacity: .8
}
.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background {
opacity: .8
}
.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before {
opacity: .9
}
.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background {
opacity: .9
}
.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before, .wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before {
opacity: 1
}
.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background {
opacity: 1
}
.wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.alignleft, .wp-block-cover.alignright {
max-width: 290px;
width: 100%
}
.wp-block-cover-image:after, .wp-block-cover:after {
display: block;
content: "";
font-size: 0;
min-height: inherit
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.wp-block-cover-image:after, .wp-block-cover:after {
content: none
}
}
.wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.aligncenter, .wp-block-cover.alignleft, .wp-block-cover.alignright {
display: flex
}
.wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container {
width: calc(100% - 70px);
z-index: 1;
color: #fff
}
.wp-block-cover-image .wp-block-subhead:not(.has-text-color), .wp-block-cover-image h1:not(.has-text-color), .wp-block-cover-image h2:not(.has-text-color), .wp-block-cover-image h3:not(.has-text-color), .wp-block-cover-image h4:not(.has-text-color), .wp-block-cover-image h5:not(.has-text-color), .wp-block-cover-image h6:not(.has-text-color), .wp-block-cover-image p:not(.has-text-color), .wp-block-cover .wp-block-subhead:not(.has-text-color), .wp-block-cover h1:not(.has-text-color), .wp-block-cover h2:not(.has-text-color), .wp-block-cover h3:not(.has-text-color), .wp-block-cover h4:not(.has-text-color), .wp-block-cover h5:not(.has-text-color), .wp-block-cover h6:not(.has-text-color), .wp-block-cover p:not(.has-text-color) {
color: inherit
}
.wp-block-cover-image.is-position-top-left, .wp-block-cover.is-position-top-left {
align-items: flex-start;
justify-content: flex-start
}
.wp-block-cover-image.is-position-top-center, .wp-block-cover.is-position-top-center {
align-items: flex-start;
justify-content: center
}
.wp-block-cover-image.is-position-top-right, .wp-block-cover.is-position-top-right {
align-items: flex-start;
justify-content: flex-end
}
.wp-block-cover-image.is-position-center-left, .wp-block-cover.is-position-center-left {
align-items: center;
justify-content: flex-start
}
.wp-block-cover-image.is-position-center-center, .wp-block-cover.is-position-center-center {
align-items: center;
justify-content: center
}
.wp-block-cover-image.is-position-center-right, .wp-block-cover.is-position-center-right {
align-items: center;
justify-content: flex-end
}
.wp-block-cover-image.is-position-bottom-left, .wp-block-cover.is-position-bottom-left {
align-items: flex-end;
justify-content: flex-start
}
.wp-block-cover-image.is-position-bottom-center, .wp-block-cover.is-position-bottom-center {
align-items: flex-end;
justify-content: center
}
.wp-block-cover-image.is-position-bottom-right, .wp-block-cover.is-position-bottom-right {
align-items: flex-end;
justify-content: flex-end
}
.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {
margin: 0;
width: auto
}
.wp-block-cover__video-background {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: 100%;
height: 100%;
z-index: 0;
object-fit: cover
}
.wp-block-cover-image-text, .wp-block-cover-text, section.wp-block-cover-image h2 {
color: #fff
}
.wp-block-cover-image-text a, .wp-block-cover-image-text a:active, .wp-block-cover-image-text a:focus, .wp-block-cover-image-text a:hover, .wp-block-cover-text a, .wp-block-cover-text a:active, .wp-block-cover-text a:focus, .wp-block-cover-text a:hover, section.wp-block-cover-image h2 a, section.wp-block-cover-image h2 a:active, section.wp-block-cover-image h2 a:focus, section.wp-block-cover-image h2 a:hover {
color: #fff
}
.wp-block-cover-image .wp-block-cover.has-left-content {
justify-content: flex-start
}
.wp-block-cover-image .wp-block-cover.has-right-content {
justify-content: flex-end
}
.wp-block-cover-image.has-left-content .wp-block-cover-image-text, .wp-block-cover.has-left-content .wp-block-cover-text, section.wp-block-cover-image.has-left-content > h2 {
margin-left: 0;
text-align: left
}
.wp-block-cover-image.has-right-content .wp-block-cover-image-text, .wp-block-cover.has-right-content .wp-block-cover-text, section.wp-block-cover-image.has-right-content > h2 {
margin-right: 0;
text-align: right
}
.wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, section.wp-block-cover-image > h2 {
font-size: 2em;
line-height: 1.25;
z-index: 1;
margin-bottom: 0;
max-width: 580px;
padding: 14px;
text-align: center
}
.wp-block-embed.alignleft, .wp-block-embed.alignright, .wp-block[data-align=left] > [data-type^=core-embed], .wp-block[data-align=right] > [data-type^=core-embed] {
max-width: 360px;
width: 100%
}
.wp-block-embed.alignleft .wp-block-embed__wrapper, .wp-block-embed.alignright .wp-block-embed__wrapper, .wp-block[data-align=left] > [data-type^=core-embed] .wp-block-embed__wrapper, .wp-block[data-align=right] > [data-type^=core-embed] .wp-block-embed__wrapper {
min-width: 280px
}
.wp-block-embed {
margin-bottom: 1em
}
.wp-block-embed figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-embed iframe {
max-width: 100%
}
.wp-block-embed__wrapper {
position: relative
}
.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before {
content: "";
display: block;
padding-top: 50%
}
.wp-embed-responsive .wp-has-aspect-ratio iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%
}
.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before {
padding-top: 42.85%
}
.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before {
padding-top: 50%
}
.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
padding-top: 56.25%
}
.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before {
padding-top: 75%
}
.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before {
padding-top: 100%
}
.wp-embed-responsive .wp-embed-aspect-9-6 .wp-block-embed__wrapper:before {
padding-top: 66.66%
}
.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before {
padding-top: 200%
}
.wp-block-file {
margin-bottom: 1.5em
}
.wp-block-file.aligncenter {
text-align: center
}
.wp-block-file.alignright {
text-align: right
}
.wp-block-file .wp-block-file__button {
background: #32373c;
border-radius: 2em;
color: #fff;
font-size: 13px;
padding: .5em 1em
}
.wp-block-file a.wp-block-file__button {
text-decoration: none
}
.wp-block-file a.wp-block-file__button:active, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited {
box-shadow: none;
color: #fff;
opacity: .85;
text-decoration: none
}
.wp-block-file * + .wp-block-file__button {
margin-left: .75em
}
.blocks-gallery-grid, .wp-block-gallery {
display: flex;
flex-wrap: wrap;
list-style-type: none;
padding: 0;
margin: 0
}
.blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
margin: 0 16px 16px 0;
display: flex;
flex-grow: 1;
flex-direction: column;
justify-content: center;
position: relative
}
.blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure, .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure {
margin: 0;
height: 100%
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure, .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure {
display: flex;
align-items: flex-end;
justify-content: flex-start
}
}
.blocks-gallery-grid .blocks-gallery-image img, .blocks-gallery-grid .blocks-gallery-item img, .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img {
display: block;
max-width: 100%;
height: auto;
width: 100%
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.blocks-gallery-grid .blocks-gallery-image img, .blocks-gallery-grid .blocks-gallery-item img, .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img {
width: auto
}
}
.blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
position: absolute;
bottom: 0;
width: 100%;
max-height: 100%;
overflow: auto;
padding: 40px 10px 9px;
color: #fff;
text-align: center;
font-size: 13px;
background: linear-gradient(0deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .3) 70%, transparent)
}
.blocks-gallery-grid .blocks-gallery-image figcaption img, .blocks-gallery-grid .blocks-gallery-item figcaption img, .wp-block-gallery .blocks-gallery-image figcaption img, .wp-block-gallery .blocks-gallery-item figcaption img {
display: inline
}
.blocks-gallery-grid.is-cropped .blocks-gallery-image a, .blocks-gallery-grid.is-cropped .blocks-gallery-image img, .blocks-gallery-grid.is-cropped .blocks-gallery-item a, .blocks-gallery-grid.is-cropped .blocks-gallery-item img, .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img {
width: 100%
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.blocks-gallery-grid.is-cropped .blocks-gallery-image a, .blocks-gallery-grid.is-cropped .blocks-gallery-image img, .blocks-gallery-grid.is-cropped .blocks-gallery-item a, .blocks-gallery-grid.is-cropped .blocks-gallery-item img, .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img {
height: 100%;
flex: 1;
object-fit: cover
}
}
.blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
width: calc(50% - 16px)
}
.blocks-gallery-grid .blocks-gallery-image:nth-of-type(2n), .blocks-gallery-grid .blocks-gallery-item:nth-of-type(2n), .wp-block-gallery .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery .blocks-gallery-item:nth-of-type(2n) {
margin-right: 0
}
.blocks-gallery-grid.columns-1 .blocks-gallery-image, .blocks-gallery-grid.columns-1 .blocks-gallery-item, .wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item {
width: 100%;
margin-right: 0
}
@media (min-width: 600px) {
.blocks-gallery-grid.columns-3 .blocks-gallery-image, .blocks-gallery-grid.columns-3 .blocks-gallery-item, .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item {
width: calc(33.33333% - 10.66667px);
margin-right: 16px
}
.blocks-gallery-grid.columns-4 .blocks-gallery-image, .blocks-gallery-grid.columns-4 .blocks-gallery-item, .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item {
width: calc(25% - 12px);
margin-right: 16px
}
.blocks-gallery-grid.columns-5 .blocks-gallery-image, .blocks-gallery-grid.columns-5 .blocks-gallery-item, .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item {
width: calc(20% - 12.8px);
margin-right: 16px
}
.blocks-gallery-grid.columns-6 .blocks-gallery-image, .blocks-gallery-grid.columns-6 .blocks-gallery-item, .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item {
width: calc(16.66667% - 13.33333px);
margin-right: 16px
}
.blocks-gallery-grid.columns-7 .blocks-gallery-image, .blocks-gallery-grid.columns-7 .blocks-gallery-item, .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item {
width: calc(14.28571% - 13.71429px);
margin-right: 16px
}
.blocks-gallery-grid.columns-8 .blocks-gallery-image, .blocks-gallery-grid.columns-8 .blocks-gallery-item, .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item {
width: calc(12.5% - 14px);
margin-right: 16px
}
.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n), .blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n) {
margin-right: 0
}
.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n), .blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n) {
margin-right: 0
}
.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n), .blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n) {
margin-right: 0
}
.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n), .blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n) {
margin-right: 0
}
.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n), .blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n) {
margin-right: 0
}
.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n), .blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n) {
margin-right: 0
}
.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n), .blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n) {
margin-right: 0
}
.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n), .blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n) {
margin-right: 0
}
}
.blocks-gallery-grid .blocks-gallery-image:last-child, .blocks-gallery-grid .blocks-gallery-item:last-child, .wp-block-gallery .blocks-gallery-image:last-child, .wp-block-gallery .blocks-gallery-item:last-child {
margin-right: 0
}
.blocks-gallery-grid.alignleft, .blocks-gallery-grid.alignright, .wp-block-gallery.alignleft, .wp-block-gallery.alignright {
max-width: 290px;
width: 100%
}
.blocks-gallery-grid.aligncenter .blocks-gallery-item figure, .wp-block-gallery.aligncenter .blocks-gallery-item figure {
justify-content: center
}
h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background {
padding: 20px 38px
}
.wp-block-image {
margin-bottom: 1em
}
.wp-block-image img {
max-width: 100%
}
.wp-block-image.aligncenter {
text-align: center
}
.wp-block-image.alignfull img, .wp-block-image.alignwide img {
width: 100%
}
.wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image.is-resized {
display: table
}
.wp-block-image .aligncenter > figcaption, .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption, .wp-block-image.is-resized > figcaption {
display: table-caption;
caption-side: bottom
}
.wp-block-image .alignleft {
float: left;
margin: .5em 1em .5em 0
}
.wp-block-image .alignright {
float: right;
margin: .5em 0 .5em 1em
}
.wp-block-image .aligncenter {
margin-left: auto;
margin-right: auto
}
.wp-block-image figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.is-style-circle-mask img, .is-style-rounded img {
border-radius: 9999px
}
@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none) {
.is-style-circle-mask img {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
mask-mode: alpha;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
border-radius: 0
}
}
.wp-block-latest-comments__comment {
font-size: 15px;
line-height: 1.1;
list-style: none;
margin-bottom: 1em
}
.has-avatars .wp-block-latest-comments__comment {
min-height: 36px;
list-style: none
}
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
margin-left: 52px
}
.has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment {
line-height: 1.5
}
.wp-block-latest-comments__comment-excerpt p {
font-size: 14px;
line-height: 1.8;
margin: 5px 0 20px
}
.wp-block-latest-comments__comment-date {
color: #8f98a1;
display: block;
font-size: 12px
}
.wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar {
border-radius: 24px;
display: block;
float: left;
height: 40px;
margin-right: 12px;
width: 40px
}
.wp-block-latest-posts.alignleft {
margin-right: 2em
}
.wp-block-latest-posts.alignright {
margin-left: 2em
}
.wp-block-latest-posts.wp-block-latest-posts__list {
list-style: none
}
.wp-block-latest-posts.wp-block-latest-posts__list li {
clear: both
}
.wp-block-latest-posts.is-grid {
display: flex;
flex-wrap: wrap;
padding: 0
}
.wp-block-latest-posts.is-grid li {
margin: 0 20px 20px 0;
width: 100%
}
@media (min-width: 600px) {
.wp-block-latest-posts.columns-2 li {
width: calc(50% - 20px)
}
.wp-block-latest-posts.columns-3 li {
width: calc(33.33333% - 20px)
}
.wp-block-latest-posts.columns-4 li {
width: calc(25% - 20px)
}
.wp-block-latest-posts.columns-5 li {
width: calc(20% - 20px)
}
.wp-block-latest-posts.columns-6 li {
width: calc(16.66667% - 20px)
}
}
.wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date {
display: block;
color: #6c7781;
font-size: 13px
}
.wp-block-latest-posts__post-excerpt {
margin-top: 8px;
margin-bottom: 16px
}
.wp-block-latest-posts__featured-image img {
height: auto;
width: auto
}
.wp-block-latest-posts__featured-image.alignleft {
margin-right: 1em
}
.wp-block-latest-posts__featured-image.alignright {
margin-left: 1em
}
.wp-block-latest-posts__featured-image.aligncenter {
margin-bottom: 1em;
text-align: center
}
.edit-post-visual-editor .wp-block-latest-posts.is-grid li {
margin-bottom: 20px
}
.wp-block-media-text { /*!rtl:begin:ignore*/
direction: ltr; /*!rtl:end:ignore*/
display: -ms-grid;
display: grid;
-ms-grid-columns: 50% 1fr;
grid-template-columns: 50% 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto
}
.wp-block-media-text.has-media-on-the-right {
-ms-grid-columns: 1fr 50%;
grid-template-columns: 1fr 50%
}
.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media {
-ms-grid-row-align: start;
align-self: start
}
.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media, .wp-block-media-text .wp-block-media-text__content, .wp-block-media-text .wp-block-media-text__media {
-ms-grid-row-align: center;
align-self: center
}
.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media {
-ms-grid-row-align: end;
align-self: end
}
.wp-block-media-text .wp-block-media-text__media { /*!rtl:begin:ignore*/
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1; /*!rtl:end:ignore*/
margin: 0
}
.wp-block-media-text .wp-block-media-text__content {
direction: ltr; /*!rtl:begin:ignore*/
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 1;
grid-row: 1; /*!rtl:end:ignore*/
padding: 0 8%;
word-break: break-word
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media { /*!rtl:begin:ignore*/
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 1;
grid-row: 1 /*!rtl:end:ignore*/
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { /*!rtl:begin:ignore*/
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1 /*!rtl:end:ignore*/
}
.wp-block-media-text__media img, .wp-block-media-text__media video {
max-width: unset;
width: 100%;
vertical-align: middle
}
.wp-block-media-text.is-image-fill figure.wp-block-media-text__media {
height: 100%;
min-height: 250px;
background-size: cover
}
.wp-block-media-text.is-image-fill figure.wp-block-media-text__media > img {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
@media (max-width: 600px) {
.wp-block-media-text.is-stacked-on-mobile {
-ms-grid-columns: 100% !important;
grid-template-columns: 100% !important
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1
}
.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media, .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 2;
grid-row: 2
}
.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1
}
}
.wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-text-color), .wp-block-navigation .wp-block-navigation-link:not(.has-text-color) {
color: #1e1e1e
}
.wp-block-navigation.is-style-light:not(.has-background) .wp-block-navigation__container, .wp-block-navigation:not(.has-background) .wp-block-navigation__container {
background-color: #fff
}
.wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-text-color) {
color: #fff
}
.wp-block-navigation.is-style-dark:not(.has-background) .wp-block-navigation__container {
background-color: #1e1e1e
}
.items-justified-left > ul {
justify-content: flex-start
}
.items-justified-center > ul {
justify-content: center
}
.items-justified-right > ul {
justify-content: flex-end
}
.wp-block-navigation-link {
display: flex;
align-items: center;
position: relative;
margin: 0
}
.wp-block-navigation-link .wp-block-navigation__container:empty {
display: none
}
.wp-block-navigation__container {
list-style: none;
margin: 0;
padding-left: 0;
display: flex;
flex-wrap: wrap
}
.is-vertical .wp-block-navigation__container {
display: block
}
.has-child .wp-block-navigation__container {
border: 1px solid rgba(0, 0, 0, .15);
background-color: inherit;
color: inherit;
position: absolute;
left: 0;
top: 100%;
width: fit-content;
z-index: 1;
opacity: 0;
transition: opacity .1s linear;
visibility: hidden
}
.has-child .wp-block-navigation__container > .wp-block-navigation-link > .wp-block-navigation-link__content {
flex-grow: 1
}
.has-child .wp-block-navigation__container > .wp-block-navigation-link > .wp-block-navigation-link__submenu-icon {
padding-right: 8px
}
@media (min-width: 782px) {
.has-child .wp-block-navigation__container {
left: 24px
}
.has-child .wp-block-navigation__container .wp-block-navigation__container {
left: 100%;
top: -1px
}
.has-child .wp-block-navigation__container .wp-block-navigation__container:before {
content: "";
position: absolute;
right: 100%;
height: 100%;
display: block;
width: 8px;
background: transparent
}
.has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon svg {
transform: rotate(0)
}
}
.has-child:hover {
cursor: pointer
}
.has-child:hover > .wp-block-navigation__container {
visibility: visible;
opacity: 1;
display: flex;
flex-direction: column
}
.has-child:focus-within {
cursor: pointer
}
.has-child:focus-within > .wp-block-navigation__container {
visibility: visible;
opacity: 1;
display: flex;
flex-direction: column
}
.wp-block-navigation-link__content {
text-decoration: none;
padding: 8px 16px
}
.wp-block-navigation-link__content + .wp-block-navigation-link__content {
padding-top: 0
}
.has-text-color .wp-block-navigation-link__content {
color: inherit
}
.wp-block-navigation-link__label {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
word-break: normal;
overflow-wrap: break-word
}
.wp-block-navigation-link__submenu-icon {
height: inherit;
padding: 6px 16px
}
.wp-block-navigation-link__submenu-icon svg {
fill: currentColor
}
@media (min-width: 782px) {
.wp-block-navigation-link__submenu-icon svg {
transform: rotate(90deg)
}
}
.is-small-text {
font-size: 14px
}
.is-regular-text {
font-size: 16px
}
.is-large-text {
font-size: 36px
}
.is-larger-text {
font-size: 48px
}
.has-drop-cap:not(:focus):first-letter {
float: left;
font-size: 8.4em;
line-height: .68;
font-weight: 100;
margin: .05em .1em 0 0;
text-transform: uppercase;
font-style: normal
}
p.has-background {
padding: 20px 38px
}
p.has-text-color a {
color: inherit
}
.wp-block-post-author {
display: flex;
flex-wrap: wrap;
line-height: 1.5
}
.wp-block-post-author__byline {
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: .5em
}
.wp-block-post-author__avatar {
margin-right: 16px
}
.wp-block-post-author__bio {
margin-bottom: 8px;
font-size: .7em
}
.wp-block-post-author__content {
flex-grow: 1;
flex-basis: 0%
}
.wp-block-post-author__name {
font-weight: 700;
margin: 0
}
.wp-block-pullquote {
padding: 3em 0;
margin-left: 0;
margin-right: 0;
text-align: center
}
.wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {
max-width: 290px
}
.wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p {
font-size: 20px
}
.wp-block-pullquote p {
font-size: 28px;
line-height: 1.6
}
.wp-block-pullquote cite, .wp-block-pullquote footer {
position: relative
}
.wp-block-pullquote .has-text-color a {
color: inherit
}
.wp-block-pullquote:not(.is-style-solid-color) {
background: none
}
.wp-block-pullquote.is-style-solid-color {
border: none
}
.wp-block-pullquote.is-style-solid-color blockquote {
margin-left: auto;
margin-right: auto;
text-align: left;
max-width: 60%
}
.wp-block-pullquote.is-style-solid-color blockquote p {
margin-top: 0;
margin-bottom: 0;
font-size: 32px
}
.wp-block-pullquote.is-style-solid-color blockquote cite {
text-transform: none;
font-style: normal
}
.wp-block-pullquote cite {
color: inherit
}
.wp-block-quote.is-large, .wp-block-quote.is-style-large {
margin: 0 0 16px;
padding: 0 1em
}
.wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
font-size: 24px;
font-style: italic;
line-height: 1.6
}
.wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer {
font-size: 18px;
text-align: right
}
.wp-block-rss.alignleft {
margin-right: 2em
}
.wp-block-rss.alignright {
margin-left: 2em
}
.wp-block-rss.is-grid {
display: flex;
flex-wrap: wrap;
padding: 0;
list-style: none
}
.wp-block-rss.is-grid li {
margin: 0 16px 16px 0;
width: 100%
}
@media (min-width: 600px) {
.wp-block-rss.columns-2 li {
width: calc(50% - 16px)
}
.wp-block-rss.columns-3 li {
width: calc(33.33333% - 16px)
}
.wp-block-rss.columns-4 li {
width: calc(25% - 16px)
}
.wp-block-rss.columns-5 li {
width: calc(20% - 16px)
}
.wp-block-rss.columns-6 li {
width: calc(16.66667% - 16px)
}
}
.wp-block-rss__item-author, .wp-block-rss__item-publish-date {
display: block;
color: #6c7781;
font-size: 13px
}
.wp-block-search {
display: flex;
flex-wrap: wrap
}
.wp-block-search .wp-block-search__label {
width: 100%
}
.wp-block-search .wp-block-search__input {
flex-grow: 1;
max-width: 360px
}
.wp-block-search .wp-block-search__button {
margin-left: 10px
}
.wp-block-separator.is-style-wide {
border-bottom-width: 1px
}
.wp-block-separator.is-style-dots {
background: none !important;
border: none;
text-align: center;
max-width: none;
line-height: 1;
height: auto
}
.wp-block-separator.is-style-dots:before {
content: "\00b7 \00b7 \00b7";
color: currentColor;
font-size: 20px;
letter-spacing: 2em;
padding-left: 2em;
font-family: serif
}
.wp-block-social-links {
display: flex;
justify-content: flex-start;
padding-left: 0;
padding-right: 0;
margin-left: 0
}
.wp-block-social-links .wp-social-link a, .wp-block-social-links .wp-social-link a:hover {
text-decoration: none;
border-bottom: 0;
box-shadow: none
}
.wp-social-link {
display: block;
width: 36px;
height: 36px;
border-radius: 36px;
margin-right: 8px;
transition: transform .1s ease
}
@media (prefers-reduced-motion: reduce) {
.wp-social-link {
transition-duration: 0s
}
}
.wp-social-link a {
padding: 6px;
display: block;
line-height: 0;
transition: transform .1s ease
}
.wp-social-link a, .wp-social-link a:active, .wp-social-link a:hover, .wp-social-link a:visited, .wp-social-link svg {
color: currentColor;
fill: currentColor
}
.wp-social-link:hover {
transform: scale(1.1)
}
.wp-block-social-links.aligncenter {
justify-content: center;
display: flex
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {
background-color: #f0f0f0;
color: #444
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon {
background-color: #f90;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp {
background-color: #1ea0c3;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance {
background-color: #0757fe;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen {
background-color: #1e1f26;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart {
background-color: #02e49b;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble {
background-color: #e94c89;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox {
background-color: #4280ff;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy {
background-color: #f45800;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {
background-color: #1778f2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx {
background-color: #000;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr {
background-color: #0461dd;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare {
background-color: #e65678;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github {
background-color: #24292d;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads {
background-color: #eceadd;
color: #382110
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google {
background-color: #ea4434;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {
background-color: #f00075;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm {
background-color: #e21b24;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin {
background-color: #0d66c2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon {
background-color: #3288d4;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium {
background-color: #02ab6c;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup {
background-color: #f6405f;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {
background-color: #e60122;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket {
background-color: #ef4155;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {
background-color: #fe4500;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {
background-color: #0478d7;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat {
background-color: #fefc00;
color: #fff;
stroke: #000
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud {
background-color: #ff5600;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify {
background-color: #1bd760;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr {
background-color: #011835;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch {
background-color: #6440a4;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {
background-color: #1da1f2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo {
background-color: #1eb7ea;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk {
background-color: #4680c2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress {
background-color: #3499cd;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp {
background-color: #d32422;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube {
background-color: red;
color: #fff
}
.wp-block-social-links.is-style-logos-only .wp-social-link {
background: none;
padding: 4px
}
.wp-block-social-links.is-style-logos-only .wp-social-link svg {
width: 28px;
height: 28px
}
.wp-block-social-links.is-style-logos-only .wp-social-link-amazon {
color: #f90
}
.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp {
color: #1ea0c3
}
.wp-block-social-links.is-style-logos-only .wp-social-link-behance {
color: #0757fe
}
.wp-block-social-links.is-style-logos-only .wp-social-link-codepen {
color: #1e1f26
}
.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart {
color: #02e49b
}
.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble {
color: #e94c89
}
.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox {
color: #4280ff
}
.wp-block-social-links.is-style-logos-only .wp-social-link-etsy {
color: #f45800
}
.wp-block-social-links.is-style-logos-only .wp-social-link-facebook {
color: #1778f2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx {
color: #000
}
.wp-block-social-links.is-style-logos-only .wp-social-link-flickr {
color: #0461dd
}
.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare {
color: #e65678
}
.wp-block-social-links.is-style-logos-only .wp-social-link-github {
color: #24292d
}
.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads {
color: #382110
}
.wp-block-social-links.is-style-logos-only .wp-social-link-google {
color: #ea4434
}
.wp-block-social-links.is-style-logos-only .wp-social-link-instagram {
color: #f00075
}
.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm {
color: #e21b24
}
.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin {
color: #0d66c2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon {
color: #3288d4
}
.wp-block-social-links.is-style-logos-only .wp-social-link-medium {
color: #02ab6c
}
.wp-block-social-links.is-style-logos-only .wp-social-link-meetup {
color: #f6405f
}
.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest {
color: #e60122
}
.wp-block-social-links.is-style-logos-only .wp-social-link-pocket {
color: #ef4155
}
.wp-block-social-links.is-style-logos-only .wp-social-link-reddit {
color: #fe4500
}
.wp-block-social-links.is-style-logos-only .wp-social-link-skype {
color: #0478d7
}
.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat {
color: #fff;
stroke: #000
}
.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud {
color: #ff5600
}
.wp-block-social-links.is-style-logos-only .wp-social-link-spotify {
color: #1bd760
}
.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr {
color: #011835
}
.wp-block-social-links.is-style-logos-only .wp-social-link-twitch {
color: #6440a4
}
.wp-block-social-links.is-style-logos-only .wp-social-link-twitter {
color: #1da1f2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo {
color: #1eb7ea
}
.wp-block-social-links.is-style-logos-only .wp-social-link-vk {
color: #4680c2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {
color: #3499cd
}
.wp-block-social-links.is-style-logos-only .wp-social-link-yelp {
background-color: #d32422;
color: #fff
}
.wp-block-social-links.is-style-logos-only .wp-social-link-youtube {
color: red
}
.wp-block-social-links.is-style-pill-shape .wp-social-link {
width: auto
}
.wp-block-social-links.is-style-pill-shape .wp-social-link a {
padding-left: 16px;
padding-right: 16px
}
.wp-block-spacer {
clear: both
}
p.wp-block-subhead {
font-size: 1.1em;
font-style: italic;
opacity: .75
}
.wp-block-table {
overflow-x: auto
}
.wp-block-table table {
width: 100%
}
.wp-block-table .has-fixed-layout {
table-layout: fixed;
width: 100%
}
.wp-block-table .has-fixed-layout td, .wp-block-table .has-fixed-layout th {
word-break: break-word
}
.wp-block-table.aligncenter, .wp-block-table.alignleft, .wp-block-table.alignright {
display: table;
width: auto
}
.wp-block-table.aligncenter td, .wp-block-table.aligncenter th, .wp-block-table.alignleft td, .wp-block-table.alignleft th, .wp-block-table.alignright td, .wp-block-table.alignright th {
word-break: break-word
}
.wp-block-table .has-subtle-light-gray-background-color {
background-color: #f3f4f5
}
.wp-block-table .has-subtle-pale-green-background-color {
background-color: #e9fbe5
}
.wp-block-table .has-subtle-pale-blue-background-color {
background-color: #e7f5fe
}
.wp-block-table .has-subtle-pale-pink-background-color {
background-color: #fcf0ef
}
.wp-block-table.is-style-stripes {
border-spacing: 0;
border-collapse: inherit;
background-color: transparent;
border-bottom: 1px solid #f0f0f0
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: #f0f0f0
}
.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {
background-color: #f3f4f5
}
.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {
background-color: #e9fbe5
}
.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {
background-color: #e7f5fe
}
.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {
background-color: #fcf0ef
}
.wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th {
border-color: transparent
}
.wp-block-text-columns, .wp-block-text-columns.aligncenter {
display: flex
}
.wp-block-text-columns .wp-block-column {
margin: 0 16px;
padding: 0
}
.wp-block-text-columns .wp-block-column:first-child {
margin-left: 0
}
.wp-block-text-columns .wp-block-column:last-child {
margin-right: 0
}
.wp-block-text-columns.columns-2 .wp-block-column {
width: 50%
}
.wp-block-text-columns.columns-3 .wp-block-column {
width: 33.33333%
}
.wp-block-text-columns.columns-4 .wp-block-column {
width: 25%
}
.wp-block-video {
margin-left: 0;
margin-right: 0
}
.wp-block-video video {
max-width: 100%
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.wp-block-video [poster] {
object-fit: cover
}
}
.wp-block-video.aligncenter {
text-align: center
}
.wp-block-video figcaption {
margin-top: .5em;
margin-bottom: 1em
}
:root .editor-styles-wrapper .has-pale-pink-background-color, :root .has-pale-pink-background-color {
background-color: #f78da7
}
:root .editor-styles-wrapper .has-vivid-red-background-color, :root .has-vivid-red-background-color {
background-color: #cf2e2e
}
:root .editor-styles-wrapper .has-luminous-vivid-orange-background-color, :root .has-luminous-vivid-orange-background-color {
background-color: #ff6900
}
:root .editor-styles-wrapper .has-luminous-vivid-amber-background-color, :root .has-luminous-vivid-amber-background-color {
background-color: #fcb900
}
:root .editor-styles-wrapper .has-light-green-cyan-background-color, :root .has-light-green-cyan-background-color {
background-color: #7bdcb5
}
:root .editor-styles-wrapper .has-vivid-green-cyan-background-color, :root .has-vivid-green-cyan-background-color {
background-color: #00d084
}
:root .editor-styles-wrapper .has-pale-cyan-blue-background-color, :root .has-pale-cyan-blue-background-color {
background-color: #8ed1fc
}
:root .editor-styles-wrapper .has-vivid-cyan-blue-background-color, :root .has-vivid-cyan-blue-background-color {
background-color: #0693e3
}
:root .editor-styles-wrapper .has-vivid-purple-background-color, :root .has-vivid-purple-background-color {
background-color: #9b51e0
}
:root .editor-styles-wrapper .has-white-background-color, :root .has-white-background-color {
background-color: #fff
}
:root .editor-styles-wrapper .has-very-light-gray-background-color, :root .has-very-light-gray-background-color {
background-color: #eee
}
:root .editor-styles-wrapper .has-cyan-bluish-gray-background-color, :root .has-cyan-bluish-gray-background-color {
background-color: #abb8c3
}
:root .editor-styles-wrapper .has-very-dark-gray-background-color, :root .has-very-dark-gray-background-color {
background-color: #313131
}
:root .editor-styles-wrapper .has-black-background-color, :root .has-black-background-color {
background-color: #000
}
:root .editor-styles-wrapper .has-pale-pink-color, :root .has-pale-pink-color {
color: #f78da7
}
:root .editor-styles-wrapper .has-vivid-red-color, :root .has-vivid-red-color {
color: #cf2e2e
}
:root .editor-styles-wrapper .has-luminous-vivid-orange-color, :root .has-luminous-vivid-orange-color {
color: #ff6900
}
:root .editor-styles-wrapper .has-luminous-vivid-amber-color, :root .has-luminous-vivid-amber-color {
color: #fcb900
}
:root .editor-styles-wrapper .has-light-green-cyan-color, :root .has-light-green-cyan-color {
color: #7bdcb5
}
:root .editor-styles-wrapper .has-vivid-green-cyan-color, :root .has-vivid-green-cyan-color {
color: #00d084
}
:root .editor-styles-wrapper .has-pale-cyan-blue-color, :root .has-pale-cyan-blue-color {
color: #8ed1fc
}
:root .editor-styles-wrapper .has-vivid-cyan-blue-color, :root .has-vivid-cyan-blue-color {
color: #0693e3
}
:root .editor-styles-wrapper .has-vivid-purple-color, :root .has-vivid-purple-color {
color: #9b51e0
}
:root .editor-styles-wrapper .has-white-color, :root .has-white-color {
color: #fff
}
:root .editor-styles-wrapper .has-very-light-gray-color, :root .has-very-light-gray-color {
color: #eee
}
:root .editor-styles-wrapper .has-cyan-bluish-gray-color, :root .has-cyan-bluish-gray-color {
color: #abb8c3
}
:root .editor-styles-wrapper .has-very-dark-gray-color, :root .has-very-dark-gray-color {
color: #313131
}
:root .editor-styles-wrapper .has-black-color, :root .has-black-color {
color: #000
}
:root .editor-styles-wrapper .has-vivid-cyan-blue-to-vivid-purple-gradient-background, :root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
background: linear-gradient(135deg, #0693e3, #9b51e0)
}
:root .editor-styles-wrapper .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background, :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
background: linear-gradient(135deg, #00d084, #0693e3)
}
:root .editor-styles-wrapper .has-light-green-cyan-to-vivid-green-cyan-gradient-background, :root .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
background: linear-gradient(135deg, #7adcb4, #00d082)
}
:root .editor-styles-wrapper .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background, :root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
background: linear-gradient(135deg, #fcb900, #ff6900)
}
:root .editor-styles-wrapper .has-luminous-vivid-orange-to-vivid-red-gradient-background, :root .has-luminous-vivid-orange-to-vivid-red-gradient-background {
background: linear-gradient(135deg, #ff6900, #cf2e2e)
}
:root .editor-styles-wrapper .has-very-light-gray-to-cyan-bluish-gray-gradient-background, :root .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
background: linear-gradient(135deg, #eee, #a9b8c3)
}
:root .editor-styles-wrapper .has-cool-to-warm-spectrum-gradient-background, :root .has-cool-to-warm-spectrum-gradient-background {
background: linear-gradient(135deg, #4aeadc, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c)
}
:root .editor-styles-wrapper .has-blush-light-purple-gradient-background, :root .has-blush-light-purple-gradient-background {
background: linear-gradient(135deg, #ffceec, #9896f0)
}
:root .editor-styles-wrapper .has-blush-bordeaux-gradient-background, :root .has-blush-bordeaux-gradient-background {
background: linear-gradient(135deg, #fecda5, #fe2d2d 50%, #6b003e)
}
:root .editor-styles-wrapper .has-purple-crush-gradient-background, :root .has-purple-crush-gradient-background {
background: linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe)
}
:root .editor-styles-wrapper .has-luminous-dusk-gradient-background, :root .has-luminous-dusk-gradient-background {
background: linear-gradient(135deg, #ffcb70, #c751c0 50%, #4158d0)
}
:root .editor-styles-wrapper .has-hazy-dawn-gradient-background, :root .has-hazy-dawn-gradient-background {
background: linear-gradient(135deg, #faaca8, #dad0ec)
}
:root .editor-styles-wrapper .has-pale-ocean-gradient-background, :root .has-pale-ocean-gradient-background {
background: linear-gradient(135deg, #fff5cb, #b6e3d4 50%, #33a7b5)
}
:root .editor-styles-wrapper .has-electric-grass-gradient-background, :root .has-electric-grass-gradient-background {
background: linear-gradient(135deg, #caf880, #71ce7e)
}
:root .editor-styles-wrapper .has-subdued-olive-gradient-background, :root .has-subdued-olive-gradient-background {
background: linear-gradient(135deg, #fafae1, #67a671)
}
:root .editor-styles-wrapper .has-atomic-cream-gradient-background, :root .has-atomic-cream-gradient-background {
background: linear-gradient(135deg, #fdd79a, #004a59)
}
:root .editor-styles-wrapper .has-nightshade-gradient-background, :root .has-nightshade-gradient-background {
background: linear-gradient(135deg, #330968, #31cdcf)
}
:root .editor-styles-wrapper .has-midnight-gradient-background, :root .has-midnight-gradient-background {
background: linear-gradient(135deg, #020381, #2874fc)
}
:root .editor-styles-wrapper .has-link-color a, :root .has-link-color a {
color: #00e;
color: var(--wp--style--color--link, #00e)
}
.editor-styles-wrapper .has-small-font-size, .has-small-font-size {
font-size: 13px
}
.editor-styles-wrapper .has-normal-font-size, .editor-styles-wrapper .has-regular-font-size, .has-normal-font-size, .has-regular-font-size {
font-size: 16px
}
.editor-styles-wrapper .has-medium-font-size, .has-medium-font-size {
font-size: 20px
}
.editor-styles-wrapper .has-large-font-size, .has-large-font-size {
font-size: 36px
}
.editor-styles-wrapper .has-huge-font-size, .editor-styles-wrapper .has-larger-font-size, .has-huge-font-size, .has-larger-font-size {
font-size: 42px
}
.has-text-align-center {
text-align: center
}
.has-text-align-left {
text-align: left
}
.has-text-align-right {
text-align: right
}
#end-resizable-editor-section {
display: none
}
.aligncenter {
clear: both
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: none
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-track, .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto
}
.slick-track:before, .slick-track:after {
display: table;
content: ''
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px
}
[dir='rtl'] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
@charset 'UTF-8';
.slick-loading .slick-list {
background: #fff url(../../../themes/src/assets/js/slick/ajax-loader.gif) center center no-repeat
}
@font-face {
font-family: 'slick';
font-weight: 400;
font-style: normal;
src: url(../../../themes/src/assets/js/slick/fonts/slick.eot);
src: url('../../../themes/src/assets/js/slick/fonts/slick.eot?#iefix') format('embedded-opentype'), url(../../../themes/src/assets/js/slick/fonts/slick.woff) format('woff'), url(../../../themes/src/assets/js/slick/fonts/slick.ttf) format('truetype'), url('../../../themes/src/assets/js/slick/fonts/slick.svg#slick') format('svg')
}
.slick-prev, .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
color: transparent;
outline: none;
background: transparent
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
opacity: 1
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
opacity: .25
}
.slick-prev:before, .slick-next:before {
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.slick-prev {
left: -25px
}
[dir='rtl'] .slick-prev {
right: -25px;
left: auto
}
.slick-prev:before {
content: '←'
}
[dir='rtl'] .slick-prev:before {
content: '→'
}
.slick-next {
right: -25px
}
[dir='rtl'] .slick-next {
right: auto;
left: -25px
}
.slick-next:before {
content: '→'
}
[dir='rtl'] .slick-next:before {
content: '←'
}
.slick-dotted.slick-slider {
margin-bottom: 30px
}
.slick-dots {
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center
}
.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1
}
.slick-dots li button:before {
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: #000;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.slick-dots li.slick-active button:before {
opacity: .75;
color: #000
}
div.fancy-select {
position: relative;
font-size: .85vw;
color: #727272;
cursor: pointer;
font-weight: 400;
width: 100%
}
div.fancy-select.disabled {
opacity: .5
}
div.fancy-select div.trigger {
text-align: left;
position: relative;
display: flex;
-ms-align-items: center;
align-items: center;
border-radius: 7px;
background: url(../../../themes/src/assets/img/plc/input.png) no-repeat center;
background-size: 100% 100%;
text-align: center;
font-style: italic;
padding: .3vw 1vw;
padding-left: 2vw;
padding-right: 2.2vw;
border: none;
color: #727272;
font-size: 1vw;
height: 3.8vw;
width: 100%;
transition: all 240ms ease-out;
-webkit-transition: all 240ms ease-out;
-moz-transition: all 240ms ease-out;
-ms-transition: all 240ms ease-out;
-o-transition: all 240ms ease-out
}
div.fancy-select div.trigger:after {
position: absolute;
content: "";
top: 50%;
margin-top: -3px;
right: .8vw;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
border-bottom: 8px solid #afafb0;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: all 0.4s;
transition: all 0.4s;
z-index: 9
}
div.fancy-select div.trigger.open {
box-shadow: none
}
div.fancy-select div.trigger.open:after {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg)
}
div.fancy-select ul.options {
padding-left: 0;
list-style: none;
margin: 0;
margin-top: -2px;
position: absolute;
left: 0;
visibility: hidden;
opacity: 0;
z-index: 50;
overflow: auto;
background-color: rgba(255, 255, 255, 1);
width: 100%;
max-height: 22vh;
overflow-y: auto;
overflow-x: hidden;
transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
-webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
-moz-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
-ms-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
-o-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out
}
div.fancy-select ul.options.open {
visibility: visible;
top: 85%;
opacity: 1;
border: 1px solid rgba(0, 0, 0, .07);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
transition: opacity 300ms ease-out, top 300ms ease-out;
-webkit-transition: opacity 300ms ease-out, top 300ms ease-out;
-moz-transition: opacity 300ms ease-out, top 300ms ease-out;
-ms-transition: opacity 300ms ease-out, top 300ms ease-out;
-o-transition: opacity 300ms ease-out, top 300ms ease-out
}
div.fancy-select ul.options.overflowing {
top: 100%;
transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
-webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
-moz-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
-ms-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
-o-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out
}
div.fancy-select ul.options.overflowing.open {
top: 100%;
transition: opacity 300ms ease-out, bottom 300ms ease-out;
-webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out;
-moz-transition: opacity 300ms ease-out, bottom 300ms ease-out;
-ms-transition: opacity 300ms ease-out, bottom 300ms ease-out;
-o-transition: opacity 300ms ease-out, bottom 300ms ease-out
}
div.fancy-select ul.options li {
text-align: left;
padding: 1.1vw;
color: #9699a9;
cursor: pointer;
white-space: nowrap;
margin: 0;
transition: all 150ms ease-out;
-webkit-transition: all 150ms ease-out;
-moz-transition: all 150ms ease-out;
-ms-transition: all 150ms ease-out;
-o-transition: all 150ms ease-out
}
div.fancy-select ul.options li:before {
display: none
}
div.fancy-select ul.options li.selected {
color: #fad366
}
div.fancy-select ul.options li.hover {
color: #fad366;
cursor: pointer
}
.to_top {
position: fixed;
right: 2.5vw;
bottom: 1.5vw;
-webkit-box-shadow: 0 0 84px rgba(0, 108, 163, .41);
box-shadow: 0 0 84px rgba(0, 108, 163, .41);
background-color: #dcbf8b;
width: 3.5vw;
height: 3.5vw;
border-radius: 100%;
padding: .7vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
z-index: 189;
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s
}
/*!Ion.RangeSlider, 2.3.0, © Denis Ineshin, 2010 - 2018, IonDen.com, Build date: 2018-12-11 23:23:51*/
.irs {
position: relative;
display: block;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 12px;
font-family: Arial, sans-serif
}
.irs-line {
position: relative;
display: block;
overflow: hidden;
outline: none !important
}
.irs-bar {
position: absolute;
display: block;
left: 0;
width: 0
}
.irs-shadow {
position: absolute;
display: none;
left: 0;
width: 0
}
.irs-handle {
position: absolute;
display: block;
box-sizing: border-box;
cursor: default;
z-index: 1
}
.irs-handle.type_last {
z-index: 2
}
.irs-min, .irs-max {
position: absolute;
display: block;
cursor: default
}
.irs-min {
left: 0
}
.irs-max {
right: 0
}
.irs-from, .irs-to, .irs-single {
position: absolute;
display: block;
top: 0;
left: 0;
cursor: default;
white-space: nowrap
}
.irs-grid {
position: absolute;
display: none;
bottom: 0;
left: 0;
width: 100%;
height: 20px
}
.irs-with-grid .irs-grid {
display: block
}
.irs-grid-pol {
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 8px;
background: #000
}
.irs-grid-pol.small {
height: 4px
}
.irs-grid-text {
position: absolute;
bottom: 0;
left: 0;
white-space: nowrap;
text-align: center;
font-size: 9px;
line-height: 9px;
padding: 0 3px;
color: #000
}
.irs-disable-mask {
position: absolute;
display: block;
top: 0;
left: -1%;
width: 102%;
height: 100%;
cursor: default;
background: rgba(0, 0, 0, 0);
z-index: 2
}
.lt-ie9 .irs-disable-mask {
background: #000;
filter: alpha(opacity=0);
cursor: not-allowed
}
.irs-disabled {
opacity: .4
}
.irs-hidden-input {
position: absolute !important;
display: block !important;
top: 0 !important;
left: 0 !important;
width: 0 !important;
height: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden;
outline: none !important;
z-index: -9999 !important;
background: none !important;
border-style: solid !important;
border-color: transparent !important
}
.irs--flat {
height: 40px
}
.irs--flat.irs-with-grid {
height: 60px
}
.irs--flat .irs-line {
top: 25px;
height: 12px;
background-color: #e1e4e9;
border-radius: 4px
}
.irs--flat .irs-bar {
top: 25px;
height: 12px;
background-color: #ed5565
}
.irs--flat .irs-bar--single {
border-radius: 4px 0 0 4px
}
.irs--flat .irs-shadow {
height: 1px;
bottom: 16px;
background-color: #e1e4e9
}
.irs--flat .irs-handle {
top: 22px;
width: 16px;
height: 18px;
background-color: transparent
}
.irs--flat .irs-handle > i:first-child {
position: absolute;
display: block;
top: 0;
left: 50%;
width: 2px;
height: 100%;
margin-left: -1px;
background-color: #da4453
}
.irs--flat .irs-handle.state_hover > i:first-child, .irs--flat .irs-handle:hover > i:first-child {
background-color: #a43540
}
.irs--flat .irs-min, .irs--flat .irs-max {
top: 0;
padding: 1px 3px;
color: #999;
font-size: 10px;
line-height: 1.333;
text-shadow: none;
background-color: #e1e4e9;
border-radius: 4px
}
.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {
color: #fff;
font-size: 10px;
line-height: 1.333;
text-shadow: none;
padding: 1px 5px;
background-color: #ed5565;
border-radius: 4px
}
.irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
margin-left: -3px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: #ed5565
}
.irs--flat .irs-grid-pol {
background-color: #e1e4e9
}
.irs--flat .irs-grid-text {
color: #999
}
.irs--big {
height: 55px
}
.irs--big.irs-with-grid {
height: 70px
}
.irs--big .irs-line {
top: 33px;
height: 12px;
background-color: #fff;
background: linear-gradient(to bottom, #ddd -50%, white 150%);
border: 1px solid #ccc;
border-radius: 12px
}
.irs--big .irs-bar {
top: 33px;
height: 12px;
background-color: #92bce0;
border: 1px solid #428bca;
background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);
box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, .5)
}
.irs--big .irs-bar--single {
border-radius: 12px 0 0 12px
}
.irs--big .irs-shadow {
height: 1px;
bottom: 16px;
background-color: rgba(66, 139, 202, .5)
}
.irs--big .irs-handle {
top: 25px;
width: 30px;
height: 30px;
border: 1px solid rgba(0, 0, 0, .3);
background-color: #cbcfd5;
background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);
box-shadow: 1px 1px 2px rgba(0, 0, 0, .2), inset 0 0 3px 1px #fff;
border-radius: 30px
}
.irs--big .irs-handle.state_hover, .irs--big .irs-handle:hover {
border-color: rgba(0, 0, 0, .45);
background-color: #939ba7;
background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%)
}
.irs--big .irs-min, .irs--big .irs-max {
top: 0;
padding: 1px 5px;
color: #fff;
text-shadow: none;
background-color: #9f9f9f;
border-radius: 3px
}
.irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single {
color: #fff;
text-shadow: none;
padding: 1px 5px;
background-color: #428bca;
background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
border-radius: 3px
}
.irs--big .irs-grid-pol {
background-color: #428bca
}
.irs--big .irs-grid-text {
color: #428bca
}
.irs--modern {
height: 55px
}
.irs--modern.irs-with-grid {
height: 55px
}
.irs--modern .irs-line {
top: 25px;
height: 5px;
background-color: #d1d6e0;
background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);
border: 1px solid #a3adc1;
border-bottom-width: 0;
border-radius: 5px
}
.irs--modern .irs-bar {
top: 25px;
height: 5px;
background: #20b426;
background: linear-gradient(to bottom, #20b426 0%, #18891d 100%)
}
.irs--modern .irs-bar--single {
border-radius: 5px 0 0 5px
}
.irs--modern .irs-shadow {
height: 1px;
bottom: 21px;
background-color: rgba(209, 214, 224, .5)
}
.irs--modern .irs-handle {
top: 37px;
width: 12px;
height: 13px;
border: 1px solid #a3adc1;
border-top-width: 0;
box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
border-radius: 0 0 3px 3px
}
.irs--modern .irs-handle > i:nth-child(1) {
position: absolute;
display: block;
top: -4px;
left: 1px;
width: 6px;
height: 6px;
border: 1px solid #a3adc1;
background: #fff;
transform: rotate(45deg)
}
.irs--modern .irs-handle > i:nth-child(2) {
position: absolute;
display: block;
box-sizing: border-box;
top: 0;
left: 0;
width: 10px;
height: 12px;
background: #e9e6e6;
background: linear-gradient(to bottom, white 0%, #e9e6e6 100%);
border-radius: 0 0 3px 3px
}
.irs--modern .irs-handle > i:nth-child(3) {
position: absolute;
display: block;
box-sizing: border-box;
top: 3px;
left: 3px;
width: 4px;
height: 5px;
border-left: 1px solid #a3adc1;
border-right: 1px solid #a3adc1
}
.irs--modern .irs-handle.state_hover, .irs--modern .irs-handle:hover {
border-color: #7685a2;
background: #c3c7cd;
background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%)
}
.irs--modern .irs-handle.state_hover > i:nth-child(1), .irs--modern .irs-handle:hover > i:nth-child(1) {
border-color: #7685a2
}
.irs--modern .irs-handle.state_hover > i:nth-child(3), .irs--modern .irs-handle:hover > i:nth-child(3) {
border-color: #48536a
}
.irs--modern .irs-min, .irs--modern .irs-max {
top: 0;
font-size: 10px;
line-height: 1.333;
text-shadow: none;
padding: 1px 5px;
color: #fff;
background-color: #d1d6e0;
border-radius: 5px
}
.irs--modern .irs-from, .irs--modern .irs-to, .irs--modern .irs-single {
font-size: 10px;
line-height: 1.333;
text-shadow: none;
padding: 1px 5px;
background-color: #20b426;
color: #fff;
border-radius: 5px
}
.irs--modern .irs-from:before, .irs--modern .irs-to:before, .irs--modern .irs-single:before {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
margin-left: -3px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: #20b426
}
.irs--modern .irs-grid {
height: 25px
}
.irs--modern .irs-grid-pol {
background-color: #dedede
}
.irs--modern .irs-grid-text {
color: silver;
font-size: 13px
}
.irs--sharp {
height: 50px;
font-size: 12px;
line-height: 1
}
.irs--sharp.irs-with-grid {
height: 57px
}
.irs--sharp .irs-line {
top: 30px;
height: 2px;
background-color: #000;
border-radius: 2px
}
.irs--sharp .irs-bar {
top: 30px;
height: 2px;
background-color: #ee22fa
}
.irs--sharp .irs-bar--single {
border-radius: 2px 0 0 2px
}
.irs--sharp .irs-shadow {
height: 1px;
bottom: 21px;
background-color: rgba(0, 0, 0, .5)
}
.irs--sharp .irs-handle {
top: 25px;
width: 10px;
height: 10px;
background-color: #a804b2
}
.irs--sharp .irs-handle > i:first-child {
position: absolute;
display: block;
top: 100%;
left: 0;
width: 0;
height: 0;
border: 5px solid transparent;
border-top-color: #a804b2
}
.irs--sharp .irs-handle.state_hover, .irs--sharp .irs-handle:hover {
background-color: #000
}
.irs--sharp .irs-handle.state_hover > i:first-child, .irs--sharp .irs-handle:hover > i:first-child {
border-top-color: #000
}
.irs--sharp .irs-min, .irs--sharp .irs-max {
color: #fff;
font-size: 14px;
line-height: 1;
top: 0;
padding: 3px 4px;
opacity: .4;
background-color: #a804b2;
border-radius: 2px
}
.irs--sharp .irs-from, .irs--sharp .irs-to, .irs--sharp .irs-single {
font-size: 14px;
line-height: 1;
text-shadow: none;
padding: 3px 4px;
background-color: #a804b2;
color: #fff;
border-radius: 2px
}
.irs--sharp .irs-from:before, .irs--sharp .irs-to:before, .irs--sharp .irs-single:before {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
margin-left: -3px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: #a804b2
}
.irs--sharp .irs-grid {
height: 25px
}
.irs--sharp .irs-grid-pol {
background-color: #dedede
}
.irs--sharp .irs-grid-text {
color: silver;
font-size: 13px
}
.irs--round {
height: 50px
}
.irs--round.irs-with-grid {
height: 65px
}
.irs--round .irs-line {
top: 36px;
height: 4px;
background-color: #dee4ec;
border-radius: 4px
}
.irs--round .irs-bar {
top: 36px;
height: 4px;
background-color: #006cfa
}
.irs--round .irs-bar--single {
border-radius: 4px 0 0 4px
}
.irs--round .irs-shadow {
height: 4px;
bottom: 21px;
background-color: rgba(222, 228, 236, .5)
}
.irs--round .irs-handle {
top: 26px;
width: 24px;
height: 24px;
border: 4px solid #006cfa;
background-color: #fff;
border-radius: 24px;
box-shadow: 0 1px 3px rgba(0, 0, 255, .3)
}
.irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover {
background-color: #f0f6ff
}
.irs--round .irs-min, .irs--round .irs-max {
color: #333;
font-size: 14px;
line-height: 1;
top: 0;
padding: 3px 5px;
background-color: rgba(0, 0, 0, .1);
border-radius: 4px
}
.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single {
font-size: 14px;
line-height: 1;
text-shadow: none;
padding: 3px 5px;
background-color: #006cfa;
color: #fff;
border-radius: 4px
}
.irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
margin-left: -3px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: #006cfa
}
.irs--round .irs-grid {
height: 25px
}
.irs--round .irs-grid-pol {
background-color: #dedede
}
.irs--round .irs-grid-text {
color: silver;
font-size: 13px
}
.irs--square {
height: 50px
}
.irs--square.irs-with-grid {
height: 60px
}
.irs--square .irs-line {
top: 31px;
height: 4px;
background-color: #dedede
}
.irs--square .irs-bar {
top: 31px;
height: 4px;
background-color: #000
}
.irs--square .irs-shadow {
height: 2px;
bottom: 21px;
background-color: #dedede
}
.irs--square .irs-handle {
top: 25px;
width: 16px;
height: 16px;
border: 3px solid #000;
background-color: #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.irs--square .irs-handle.state_hover, .irs--square .irs-handle:hover {
background-color: #f0f6ff
}
.irs--square .irs-min, .irs--square .irs-max {
color: #333;
font-size: 14px;
line-height: 1;
top: 0;
padding: 3px 5px;
background-color: rgba(0, 0, 0, .1)
}
.irs--square .irs-from, .irs--square .irs-to, .irs--square .irs-single {
font-size: 14px;
line-height: 1;
text-shadow: none;
padding: 3px 5px;
background-color: #000;
color: #fff
}
.irs--square .irs-grid {
height: 25px
}
.irs--square .irs-grid-pol {
background-color: #dedede
}
.irs--square .irs-grid-text {
color: silver;
font-size: 11px
}
body.compensate-for-scrollbar {
overflow: hidden
}
.fancybox-active {
height: auto
}
.fancybox-is-hidden {
left: -9999px;
margin: 0;
position: absolute !important;
top: -9999px;
visibility: hidden
}
.fancybox-container {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: none;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
-ms-touch-action: manipulation;
touch-action: manipulation;
transform: translateZ(0);
width: 100%;
z-index: 99992
}
.fancybox-container * {
box-sizing: border-box
}
.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0
}
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto
}
.fancybox-bg {
background: #1e1e1e;
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}
.fancybox-is-open .fancybox-bg {
opacity: .9;
transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}
.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
direction: ltr;
opacity: 0;
position: absolute;
transition: opacity .25s ease, visibility 0s ease .25s;
visibility: hidden;
z-index: 99997
}
.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
opacity: 1;
transition: opacity .25s ease 0s, visibility 0s ease 0s;
visibility: visible
}
.fancybox-infobar {
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.fancybox-toolbar {
right: 0;
top: 0
}
.fancybox-stage {
direction: ltr;
overflow: visible;
transform: translateZ(0);
z-index: 99994
}
.fancybox-is-open .fancybox-stage {
overflow: hidden
}
.fancybox-slide {
-webkit-backface-visibility: hidden;
display: none;
height: 100%;
left: 0;
outline: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0;
transition-property: transform, opacity;
white-space: normal;
width: 100%;
z-index: 99994
}
.fancybox-slide:before {
content: "";
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle;
width: 0
}
.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
display: block
}
.fancybox-slide--image {
overflow: hidden;
padding: 44px 0
}
.fancybox-slide--image:before {
display: none
}
.fancybox-slide--html {
padding: 6px
}
.fancybox-content {
background: #fff;
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align: middle
}
.fancybox-slide--image .fancybox-content {
animation-timing-function: cubic-bezier(.5, 0, .14, 1);
-webkit-backface-visibility: hidden;
background: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
transform-origin: top left;
transition-property: transform, opacity;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99995
}
.fancybox-can-zoomOut .fancybox-content {
cursor: zoom-out
}
.fancybox-can-zoomIn .fancybox-content {
cursor: zoom-in
}
.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
cursor: grab
}
.fancybox-is-grabbing .fancybox-content {
cursor: grabbing
}
.fancybox-container [data-selectable=true] {
cursor: text
}
.fancybox-image, .fancybox-spaceball {
background: transparent;
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%
}
.fancybox-spaceball {
z-index: 1
}
.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
height: 100%;
overflow: visible;
padding: 0;
width: 100%
}
.fancybox-slide--video .fancybox-content {
background: #000
}
.fancybox-slide--map .fancybox-content {
background: #e5e3df
}
.fancybox-slide--iframe .fancybox-content {
background: #fff
}
.fancybox-iframe, .fancybox-video {
background: transparent;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%
}
.fancybox-iframe {
left: 0;
position: absolute;
top: 0
}
.fancybox-error {
background: #fff;
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%
}
.fancybox-error p {
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0
}
.fancybox-button {
background: rgba(30, 30, 30, .6);
border: 0;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
transition: color .2s;
vertical-align: top;
visibility: inherit;
width: 44px
}
.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
color: #ccc
}
.fancybox-button:hover {
color: #fff
}
.fancybox-button:focus {
outline: none
}
.fancybox-button.fancybox-focus {
outline: 1px dotted
}
.fancybox-button[disabled], .fancybox-button[disabled]:hover {
color: #888;
cursor: default;
outline: none
}
.fancybox-button div {
height: 100%
}
.fancybox-button svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%
}
.fancybox-button svg path {
fill: currentColor;
stroke-width: 0
}
.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) {
display: none
}
.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
transform: scaleX(0);
transform-origin: 0;
transition-property: transform;
transition-timing-function: linear;
z-index: 99998
}
.fancybox-close-small {
background: transparent;
border: 0;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: .8;
padding: 8px;
position: absolute;
right: -12px;
top: -44px;
z-index: 401
}
.fancybox-close-small:hover {
color: #fff;
opacity: 1
}
.fancybox-slide--html .fancybox-close-small {
color: currentColor;
padding: 10px;
right: 0;
top: 0
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
overflow: hidden
}
.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display: none
}
.fancybox-navigation .fancybox-button {
background-clip: content-box;
height: 100px;
opacity: 0;
position: absolute;
top: calc(50% - 50px);
width: 70px
}
.fancybox-navigation .fancybox-button div {
padding: 7px
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
left: env(safe-area-inset-left);
padding: 31px 26px 31px 6px
}
.fancybox-navigation .fancybox-button--arrow_right {
padding: 31px 6px 31px 26px;
right: 0;
right: env(safe-area-inset-right)
}
.fancybox-caption {
background: linear-gradient(0deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 75px 44px 25px;
pointer-events: none;
right: 0;
text-align: center;
z-index: 99996
}
@supports (padding:max(0)) {
.fancybox-caption {
padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
}
}
.fancybox-caption--separate {
margin-top: -50px
}
.fancybox-caption__body {
max-height: 50vh;
overflow: auto;
pointer-events: all
}
.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
color: #ccc;
text-decoration: none
}
.fancybox-caption a:hover {
color: #fff;
text-decoration: underline
}
.fancybox-loading {
animation: a 1s linear infinite;
background: transparent;
border: 4px solid #888;
border-bottom-color: #fff;
border-radius: 50%;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
opacity: .7;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
z-index: 99999
}
@keyframes a {
to {
transform: rotate(1turn)
}
}
.fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, .25, 1)
}
.fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
transform: translate3d(-100%, 0, 0)
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
transform: translate3d(100%, 0, 0)
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
transform: translateZ(0)
}
.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
opacity: 0;
transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
transform: scale3d(1.5, 1.5, 1.5)
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
transform: scale3d(.5, .5, .5)
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
transform: scaleX(1)
}
.fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
transform: rotate(-1turn)
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
transform: rotate(1turn)
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
transform: rotate(0deg)
}
.fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
transform: scaleX(1) translateZ(0)
}
.fancybox-fx-tube.fancybox-slide--previous {
transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}
.fancybox-fx-tube.fancybox-slide--next {
transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}
.fancybox-fx-tube.fancybox-slide--current {
transform: translateZ(0) scale(1)
}
@media (max-height: 576px) {
.fancybox-slide {
padding-left: 6px;
padding-right: 6px
}
.fancybox-slide--image {
padding: 6px 0
}
.fancybox-close-small {
right: -6px
}
.fancybox-slide--image .fancybox-close-small {
background: #4e4e4e;
color: #f2f4f6;
height: 36px;
opacity: 1;
padding: 6px;
right: 0;
top: 0;
width: 36px
}
.fancybox-caption {
padding-left: 12px;
padding-right: 12px
}
@supports (padding:max(0)) {
.fancybox-caption {
padding-left: max(12px, env(safe-area-inset-left));
padding-right: max(12px, env(safe-area-inset-right))
}
}
}
.fancybox-share {
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align: center
}
.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px
}
.fancybox-share p {
margin: 0;
padding: 0
}
.fancybox-share__button {
border: 0;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
transition: all .2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap
}
.fancybox-share__button:link, .fancybox-share__button:visited {
color: #fff
}
.fancybox-share__button:hover {
text-decoration: none
}
.fancybox-share__button--fb {
background: #3b5998
}
.fancybox-share__button--fb:hover {
background: #344e86
}
.fancybox-share__button--pt {
background: #bd081d
}
.fancybox-share__button--pt:hover {
background: #aa0719
}
.fancybox-share__button--tw {
background: #1da1f2
}
.fancybox-share__button--tw:hover {
background: #0d95e8
}
.fancybox-share__button svg {
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px
}
.fancybox-share__button svg path {
fill: #fff
}
.fancybox-share__input {
background: transparent;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0;
outline: none;
padding: 10px 15px;
width: 100%
}
.fancybox-thumbs {
background: #ddd;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0;
width: 212px;
z-index: 99995
}
.fancybox-thumbs-x {
overflow-x: auto;
overflow-y: hidden
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px
}
.fancybox-thumbs__list {
font-size: 0;
height: 100%;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
position: relative;
white-space: nowrap;
width: 100%
}
.fancybox-thumbs-x .fancybox-thumbs__list {
overflow: hidden
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
width: 7px
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px
}
.fancybox-thumbs__list a {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, .1);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
outline: none;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
width: 100px
}
.fancybox-thumbs__list a:before {
border: 6px solid #ff5268;
bottom: 0;
content: "";
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all .2s cubic-bezier(.25, .46, .45, .94);
z-index: 99991
}
.fancybox-thumbs__list a:focus:before {
opacity: .5
}
.fancybox-thumbs__list a.fancybox-thumbs-active:before {
opacity: 1
}
@media (max-width: 576px) {
.fancybox-thumbs {
width: 110px
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px
}
.fancybox-thumbs__list a {
max-width: calc(100% - 10px)
}
}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
content: " ";
display: block;
background: #fff;
position: absolute;
z-index: 30;
-webkit-box-shadow: 0 0 12px rgba(51, 51, 51, .5);
-moz-box-shadow: 0 0 12px rgba(51, 51, 51, .5);
box-shadow: 0 0 12px rgba(51, 51, 51, .5)
}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
width: 3px;
height: 9999px;
left: 50%;
margin-left: -1.5px
}
.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
width: 9999px;
height: 3px;
top: 50%;
margin-top: -1.5px
}
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
position: absolute;
top: 0;
width: 100%;
height: 100%
}
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
transition-duration: 0.5s
}
.twentytwenty-before-label, .twentytwenty-after-label {
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
transition-property: opacity
}
.twentytwenty-before-label:before, .twentytwenty-after-label:before {
color: #fff;
font-size: 13px;
letter-spacing: .1em
}
.twentytwenty-before-label:before, .twentytwenty-after-label:before {
position: absolute;
background: rgba(255, 255, 255, .2);
line-height: 38px;
padding: 0 20px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px
}
.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
top: 50%;
margin-top: -19px
}
.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
left: 50%;
margin-left: -45px;
text-align: center;
width: 90px
}
.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
width: 0;
height: 0;
border: 6px inset transparent;
position: absolute
}
.twentytwenty-left-arrow, .twentytwenty-right-arrow {
top: 50%;
margin-top: -6px
}
.twentytwenty-up-arrow, .twentytwenty-down-arrow {
left: 50%;
margin-left: -6px
}
.twentytwenty-container {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
z-index: 0;
overflow: hidden;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none
}
.twentytwenty-container img {
max-width: 100%;
position: absolute;
top: 0;
display: block
}
.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
background: rgba(0, 0, 0, 0)
}
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
opacity: 0
}
.twentytwenty-container * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box
}
.twentytwenty-before-label {
opacity: 0
}
.twentytwenty-before-label:before {
content: attr(data-content)
}
.twentytwenty-after-label {
opacity: 0
}
.twentytwenty-after-label:before {
content: attr(data-content)
}
.twentytwenty-horizontal .twentytwenty-before-label:before {
left: 10px
}
.twentytwenty-horizontal .twentytwenty-after-label:before {
right: 10px
}
.twentytwenty-vertical .twentytwenty-before-label:before {
top: 10px
}
.twentytwenty-vertical .twentytwenty-after-label:before {
bottom: 10px
}
.twentytwenty-overlay {
-webkit-transition-property: background;
-moz-transition-property: background;
transition-property: background;
background: rgba(0, 0, 0, 0);
z-index: 25
}
.twentytwenty-overlay:hover {
background: rgba(0, 0, 0, .5)
}
.twentytwenty-overlay:hover .twentytwenty-after-label {
opacity: 1
}
.twentytwenty-overlay:hover .twentytwenty-before-label {
opacity: 1
}
.twentytwenty-before {
z-index: 20
}
.twentytwenty-after {
z-index: 10
}
.twentytwenty-handle {
height: 38px;
width: 38px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -22px;
margin-top: -22px;
border: 1px solid #fff;
-webkit-border-radius: 1000px;
-moz-border-radius: 1000px;
border-radius: 1000px;
box-shadow: -6px 16px 29px rgba(34, 137, 189, .65);
background-image: linear-gradient(to top, #dcbf8b 0%, #f8e4b8 100%);
z-index: 40;
cursor: pointer
}
.twentytwenty-horizontal .twentytwenty-handle:before {
bottom: 50%;
margin-bottom: 22px;
-webkit-box-shadow: 0 3px 0 white, 0 0 12px rgba(51, 51, 51, .5);
-moz-box-shadow: 0 3px 0 white, 0 0 12px rgba(51, 51, 51, .5);
box-shadow: 0 3px 0 white, 0 0 12px rgba(51, 51, 51, .5)
}
.twentytwenty-horizontal .twentytwenty-handle:after {
top: 50%;
margin-top: 22px;
-webkit-box-shadow: 0 -3px 0 white, 0 0 12px rgba(51, 51, 51, .5);
-moz-box-shadow: 0 -3px 0 white, 0 0 12px rgba(51, 51, 51, .5);
box-shadow: 0 -3px 0 white, 0 0 12px rgba(51, 51, 51, .5)
}
.twentytwenty-vertical .twentytwenty-handle:before {
left: 50%;
margin-left: 22px;
-webkit-box-shadow: 3px 0 0 white, 0 0 12px rgba(51, 51, 51, .5);
-moz-box-shadow: 3px 0 0 white, 0 0 12px rgba(51, 51, 51, .5);
box-shadow: 3px 0 0 white, 0 0 12px rgba(51, 51, 51, .5)
}
.twentytwenty-vertical .twentytwenty-handle:after {
right: 50%;
margin-right: 22px;
-webkit-box-shadow: -3px 0 0 white, 0 0 12px rgba(51, 51, 51, .5);
-moz-box-shadow: -3px 0 0 white, 0 0 12px rgba(51, 51, 51, .5);
box-shadow: -3px 0 0 white, 0 0 12px rgba(51, 51, 51, .5)
}
.twentytwenty-left-arrow {
border-right: 6px solid #fff;
left: 50%;
margin-left: -17px
}
.twentytwenty-right-arrow {
border-left: 6px solid #fff;
right: 50%;
margin-right: -17px
}
.twentytwenty-up-arrow {
border-bottom: 6px solid #fff;
top: 50%;
margin-top: -17px
}
.twentytwenty-down-arrow {
border-top: 6px solid #fff;
bottom: 50%;
margin-bottom: -17px
}
@charset "UTF-8";
@font-face {
font-family: 'TT Norms';
src: url(../../../themes/src/assets/fonts/TTNorms-Regular.eot);
src: url(../../../themes/src/assets/fonts/TTNorms-Regular.eot?#iefix) format("embedded-opentype"), url(../../../themes/src/assets/fonts/TTNorms-Regular.woff2) format("woff2"), url(../../../themes/src/assets/fonts/TTNorms-Regular.woff) format("woff"), url(../../../themes/src/assets/fonts/TTNorms-Regular.ttf) format("truetype"), url(../../../themes/src/assets/fonts/TTNorms-Regular.svg#TTNorms-Regular) format("svg");
font-weight: 400;
font-style: normal;
font-display: block
}
@font-face {
font-family: 'Old Standard TT';
src: url(../../../themes/src/assets/fonts/OldStandardTT-Italic.eot);
src: url(../../../themes/src/assets/fonts/OldStandardTT-Italic.eot?#iefix) format("embedded-opentype"), url(../../../themes/src/assets/fonts/OldStandardTT-Italic.woff2) format("woff2"), url(../../../themes/src/assets/fonts/OldStandardTT-Italic.woff) format("woff"), url(../../../themes/src/assets/fonts/OldStandardTT-Italic.ttf) format("truetype"), url(../../../themes/src/assets/fonts/OldStandardTT-Italic.svg#OldStandardTT-Italic) format("svg");
font-weight: 400;
font-style: italic;
font-display: block
}
@font-face {
font-family: 'TT Norms';
src: url(../../../themes/src/assets/fonts/TTNorms-Medium.eot);
src: url(../../../themes/src/assets/fonts/TTNorms-Medium.eot?#iefix) format("embedded-opentype"), url(../../../themes/src/assets/fonts/TTNorms-Medium.woff2) format("woff2"), url(../../../themes/src/assets/fonts/TTNorms-Medium.woff) format("woff"), url(../../../themes/src/assets/fonts/TTNorms-Medium.ttf) format("truetype"), url(../../../themes/src/assets/fonts/TTNorms-Medium.svg#TTNorms-Medium) format("svg");
font-weight: 500;
font-style: normal;
font-display: block
}
@font-face {
font-family: 'Old Standard TT';
src: url(../../../themes/src/assets/fonts/OldStandardTT-Bold.eot);
src: url(../../../themes/src/assets/fonts/OldStandardTT-Bold.eot?#iefix) format("embedded-opentype"), url(../../../themes/src/assets/fonts/OldStandardTT-Bold.woff2) format("woff2"), url(../../../themes/src/assets/fonts/OldStandardTT-Bold.woff) format("woff"), url(../../../themes/src/assets/fonts/OldStandardTT-Bold.ttf) format("truetype"), url(../../../themes/src/assets/fonts/OldStandardTT-Bold.svg#OldStandardTT-Bold) format("svg");
font-weight: 700;
font-style: normal;
font-display: block
}
@font-face {
font-family: 'TT Norms';
src: url(../../../themes/src/assets/fonts/TTNorms-Light.eot);
src: url(../../../themes/src/assets/fonts/TTNorms-Light.eot?#iefix) format("embedded-opentype"), url(../../../themes/src/assets/fonts/TTNorms-Light.woff2) format("woff2"), url(../../../themes/src/assets/fonts/TTNorms-Light.woff) format("woff"), url(../../../themes/src/assets/fonts/TTNorms-Light.ttf) format("truetype"), url(../../../themes/src/assets/fonts/TTNorms-Light.svg#TTNorms-Light) format("svg");
font-weight: 300;
font-style: normal;
font-display: block
}
@font-face {
font-family: 'TT Norms';
src: url(../../../themes/src/assets/fonts/TTNorms-Bold.eot);
src: url(../../../themes/src/assets/fonts/TTNorms-Bold.eot?#iefix) format("embedded-opentype"), url(../../../themes/src/assets/fonts/TTNorms-Bold.woff2) format("woff2"), url(../../../themes/src/assets/fonts/TTNorms-Bold.woff) format("woff"), url(../../../themes/src/assets/fonts/TTNorms-Bold.ttf) format("truetype"), url(../../../themes/src/assets/fonts/TTNorms-Bold.svg#TTNorms-Bold) format("svg");
font-weight: 700;
font-style: normal;
font-display: block
}
@font-face {
font-family: 'Old Standard TT';
src: url(../../../themes/src/assets/fonts/OldStandardTT-Regular.eot);
src: url(../../../themes/src/assets/fonts/OldStandardTT-Regular.eot?#iefix) format("embedded-opentype"), url(../../../themes/src/assets/fonts/OldStandardTT-Regular.woff2) format("woff2"), url(../../../themes/src/assets/fonts/OldStandardTT-Regular.woff) format("woff"), url(../../../themes/src/assets/fonts/OldStandardTT-Regular.ttf) format("truetype"), url(../../../themes/src/assets/fonts/OldStandardTT-Regular.svg#OldStandardTT-Regular) format("svg");
font-weight: 400;
font-style: normal;
font-display: block
}
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
h1 {
font-size: 2em;
margin: 0
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace, monospace;
font-size: 1em
}
a {
background-color: transparent
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
b, strong {
font-weight: bolder
}
code, kbd, samp {
font-family: monospace, monospace;
font-size: 1em
}
small {
font-size: 80%
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
img {
border-style: none
}
button, input, optgroup, select, textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button, input {
overflow: visible
}
button, select {
text-transform: none
}
button, [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance: button
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
padding: .35em .75em .625em
}
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
vertical-align: baseline
}
textarea {
overflow: auto
}
[type="checkbox"], [type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
height: auto
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details {
display: block
}
summary {
display: list-item
}
template {
display: none
}
[hidden] {
display: none
}
@-webkit-keyframes opas {
0% {
opacity: 0
}
60% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes opas {
0% {
opacity: 0
}
60% {
opacity: 1
}
100% {
opacity: 0
}
}
@-webkit-keyframes fadeOpas {
0% {
-webkit-transform: translateY(110%);
transform: translateY(110%);
opacity: 0
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@keyframes fadeOpas {
0% {
-webkit-transform: translateY(110%);
transform: translateY(110%);
opacity: 0
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1
}
}
@-webkit-keyframes tooltipShow {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes tooltipShow {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-webkit-keyframes rotate {
0% {
-webkit-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg)
}
100% {
-webkit-transform: translate(-50%, -50%) rotate(-360deg);
transform: translate(-50%, -50%) rotate(-360deg)
}
}
@keyframes rotate {
0% {
-webkit-transform: translate(-50%, -50%) rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg)
}
100% {
-webkit-transform: translate(-50%, -50%) rotate(-360deg);
transform: translate(-50%, -50%) rotate(-360deg)
}
}
@-webkit-keyframes rotate2 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes rotate2 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-webkit-keyframes deg {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
60% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
}
@keyframes deg {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
60% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
}
@-webkit-keyframes jamp {
0% {
margin-top: 0
}
15% {
margin-top: -1rem
}
25% {
margin-top: 0
}
35% {
margin-top: -.5rem
}
45% {
margin-top: 0
}
100% {
margin-top: 0
}
}
@keyframes jamp {
0% {
margin-top: 0
}
15% {
margin-top: -1rem
}
25% {
margin-top: 0
}
35% {
margin-top: -.5rem
}
45% {
margin-top: 0
}
100% {
margin-top: 0
}
}
@-webkit-keyframes jampTrf {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
15% {
-webkit-transform: translateY(-7%);
transform: translateY(-7%)
}
25% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
35% {
-webkit-transform: translateY(-3%);
transform: translateY(-3%)
}
45% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes jampTrf {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
15% {
-webkit-transform: translateY(-7%);
transform: translateY(-7%)
}
25% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
35% {
-webkit-transform: translateY(-3%);
transform: translateY(-3%)
}
45% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@-webkit-keyframes slideme {
0% {
left: -30px;
margin-left: 0
}
30% {
left: 110%;
margin-left: 80px
}
100% {
left: 110%;
margin-left: 80px
}
}
@keyframes slideme {
0% {
left: -30px;
margin-left: 0
}
30% {
left: 110%;
margin-left: 80px
}
100% {
left: 110%;
margin-left: 80px
}
}
@-webkit-keyframes pulseicon-a {
0% {
-webkit-transform: translate(0, 0) scale(.85);
transform: translate(0, 0) scale(.85)
}
50% {
-webkit-transform: translate(0, 0) scale(1);
transform: translate(0, 0) scale(1)
}
100% {
-webkit-transform: translate(0, 0) scale(.85);
transform: translate(0, 0) scale(.85)
}
}
@keyframes pulseicon-a {
0% {
-webkit-transform: translate(0, 0) scale(.85);
transform: translate(0, 0) scale(.85)
}
50% {
-webkit-transform: translate(0, 0) scale(1);
transform: translate(0, 0) scale(1)
}
100% {
-webkit-transform: translate(0, 0) scale(.85);
transform: translate(0, 0) scale(.85)
}
}
@-webkit-keyframes pulseicon {
0% {
-webkit-transform: translate(-50%, -50%) scale(.8);
transform: translate(-50%, -50%) scale(.8)
}
50% {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1)
}
100% {
-webkit-transform: translate(-50%, -50%) scale(.8);
transform: translate(-50%, -50%) scale(.8)
}
}
@keyframes pulseicon {
0% {
-webkit-transform: translate(-50%, -50%) scale(.8);
transform: translate(-50%, -50%) scale(.8)
}
50% {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1)
}
100% {
-webkit-transform: translate(-50%, -50%) scale(.8);
transform: translate(-50%, -50%) scale(.8)
}
}
@-webkit-keyframes pulseiconLine {
0% {
-webkit-transform: translateX(-55%) scale(.7);
transform: translateX(-55%) scale(.7)
}
50% {
-webkit-transform: translateX(-65%) scale(1);
transform: translateX(-65%) scale(1)
}
100% {
-webkit-transform: translateX(-55%) scale(.7);
transform: translateX(-55%) scale(.7)
}
}
@keyframes pulseiconLine {
0% {
-webkit-transform: translateX(-55%) scale(.7);
transform: translateX(-55%) scale(.7)
}
50% {
-webkit-transform: translateX(-65%) scale(1);
transform: translateX(-65%) scale(1)
}
100% {
-webkit-transform: translateX(-55%) scale(.7);
transform: translateX(-55%) scale(.7)
}
}
@-webkit-keyframes scale-before {
0% {
-webkit-transform: translate(-50%, -50%) scale(.8);
transform: translate(-50%, -50%) scale(.8);
opacity: 0
}
50% {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
opacity: .7
}
100% {
-webkit-transform: translate(-50%, -50%) scale(.8);
transform: translate(-50%, -50%) scale(.8);
opacity: 0
}
}
@keyframes scale-before {
0% {
-webkit-transform: translate(-50%, -50%) scale(.8);
transform: translate(-50%, -50%) scale(.8);
opacity: 0
}
50% {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
opacity: .7
}
100% {
-webkit-transform: translate(-50%, -50%) scale(.8);
transform: translate(-50%, -50%) scale(.8);
opacity: 0
}
}
@-webkit-keyframes transform-shiver {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
25% {
-webkit-transform: translate(-5px, 0) rotate(0deg);
transform: translate(-5px, 0) rotate(0deg)
}
75% {
-webkit-transform: translate(5px, 0) rotate(0deg);
transform: translate(5px, 0) rotate(0deg)
}
100% {
-webkit-transform: translate(0, 0) rotate(0deg);
transform: translate(0, 0) rotate(0deg)
}
}
@keyframes transform-shiver {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
25% {
-webkit-transform: translate(-5px, 0) rotate(0deg);
transform: translate(-5px, 0) rotate(0deg)
}
75% {
-webkit-transform: translate(5px, 0) rotate(0deg);
transform: translate(5px, 0) rotate(0deg)
}
100% {
-webkit-transform: translate(0, 0) rotate(0deg);
transform: translate(0, 0) rotate(0deg)
}
}
@-webkit-keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(76, 163, 82, .5);
box-shadow: 0 0 0 0 rgba(76, 163, 82, .5)
}
70% {
-webkit-box-shadow: 0 0 0 25px rgba(76, 163, 82, 0);
box-shadow: 0 0 0 25px rgba(76, 163, 82, 0)
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(76, 163, 82, 0);
box-shadow: 0 0 0 0 rgba(76, 163, 82, 0)
}
}
@keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(76, 163, 82, .5);
box-shadow: 0 0 0 0 rgba(76, 163, 82, .5)
}
70% {
-webkit-box-shadow: 0 0 0 25px rgba(76, 163, 82, 0);
box-shadow: 0 0 0 25px rgba(76, 163, 82, 0)
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(76, 163, 82, 0);
box-shadow: 0 0 0 0 rgba(76, 163, 82, 0)
}
}
@-webkit-keyframes pulse3 {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(76, 163, 82, .5);
box-shadow: 0 0 0 0 rgba(76, 163, 82, .5)
}
70% {
-webkit-box-shadow: 0 0 0 45px rgba(76, 163, 82, 0);
box-shadow: 0 0 0 45px rgba(76, 163, 82, 0)
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(76, 163, 82, 0);
box-shadow: 0 0 0 0 rgba(76, 163, 82, 0)
}
}
@keyframes pulse3 {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(76, 163, 82, .5);
box-shadow: 0 0 0 0 rgba(76, 163, 82, .5)
}
70% {
-webkit-box-shadow: 0 0 0 45px rgba(76, 163, 82, 0);
box-shadow: 0 0 0 45px rgba(76, 163, 82, 0)
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(76, 163, 82, 0);
box-shadow: 0 0 0 0 rgba(76, 163, 82, 0)
}
}
@-webkit-keyframes pop {
0% {
-webkit-transform: perspective(1px) rotateX(0deg) scale3d(1, 1, 1);
transform: perspective(1px) rotateX(0deg) scale3d(1, 1, 1)
}
100% {
-webkit-transform: perspective(1px) rotateX(0deg) scale3d(1.2, 1.2, 1.2);
transform: perspective(1px) rotateX(0deg) scale3d(1.2, 1.2, 1.2)
}
}
@keyframes pop {
0% {
-webkit-transform: perspective(1px) rotateX(0deg) scale3d(1, 1, 1);
transform: perspective(1px) rotateX(0deg) scale3d(1, 1, 1)
}
100% {
-webkit-transform: perspective(1px) rotateX(0deg) scale3d(1.2, 1.2, 1.2);
transform: perspective(1px) rotateX(0deg) scale3d(1.2, 1.2, 1.2)
}
}
@-webkit-keyframes puff-out {
0% {
-webkit-transform: translate(-50%, -50%) rotate(0deg) scale(1, 1);
transform: translate(-50%, -50%) rotate(0deg) scale(1, 1);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
transform-origin-opacity: 1
}
100% {
-webkit-transform: translate(-50%, -50%) rotate(0deg) scale(2, 2);
transform: translate(-50%, -50%) rotate(0deg) scale(2, 2);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: 0
}
}
@keyframes puff-out {
0% {
-webkit-transform: translate(-50%, -50%) rotate(0deg) scale(1, 1);
transform: translate(-50%, -50%) rotate(0deg) scale(1, 1);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
transform-origin-opacity: 1
}
100% {
-webkit-transform: translate(-50%, -50%) rotate(0deg) scale(2, 2);
transform: translate(-50%, -50%) rotate(0deg) scale(2, 2);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: 0
}
}
@-webkit-keyframes slide-up-in {
0% {
-webkit-transform: translate(0, 100%) rotate(1deg);
transform: translate(0, 100%) rotate(1deg);
opacity: 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0
}
100% {
opacity: 1;
-webkit-transform: translate(0, 0) rotate(0deg);
transform: translate(0, 0) rotate(0deg);
-webkit-transform-origin: 0 0;
transform-origin: 0 0
}
}
@keyframes slide-up-in {
0% {
-webkit-transform: translate(0, 100%) rotate(1deg);
transform: translate(0, 100%) rotate(1deg);
opacity: 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0
}
100% {
opacity: 1;
-webkit-transform: translate(0, 0) rotate(0deg);
transform: translate(0, 0) rotate(0deg);
-webkit-transform-origin: 0 0;
transform-origin: 0 0
}
}
.fade_in {
opacity: 1;
-webkit-animation-delay: 0;
animation-delay: 0;
-webkit-animation-duration: 1500ms;
animation-duration: 1500ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: slide-up-in;
animation-name: slide-up-in
}
.title-first {
-webkit-animation-delay: 0;
animation-delay: 0;
-webkit-animation-duration: 1500ms;
animation-duration: 1500ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: slide-up-in;
animation-name: slide-up-in
}
.subtitle-first {
-webkit-animation-delay: 0;
animation-delay: 0;
-webkit-animation-duration: 1500ms;
animation-duration: 1500ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: slide-up-in;
animation-name: slide-up-in
}
@-webkit-keyframes transform-shiver22 {
0% {
-webkit-transform: translate(0, -50%) rotate(0deg);
transform: translate(0, -50%) rotate(0deg)
}
25% {
-webkit-transform: translate(-5px, -50%) rotate(0deg);
transform: translate(-5px, -50%) rotate(0deg)
}
75% {
-webkit-transform: translate(-5px, -50%) rotate(0deg);
transform: translate(-5px, -50%) rotate(0deg)
}
100% {
-webkit-transform: translate(0, -50%) rotate(0deg);
transform: translate(0, -50%) rotate(0deg)
}
}
@keyframes transform-shiver22 {
0% {
-webkit-transform: translate(0, -50%) rotate(0deg);
transform: translate(0, -50%) rotate(0deg)
}
25% {
-webkit-transform: translate(-5px, -50%) rotate(0deg);
transform: translate(-5px, -50%) rotate(0deg)
}
75% {
-webkit-transform: translate(-5px, -50%) rotate(0deg);
transform: translate(-5px, -50%) rotate(0deg)
}
100% {
-webkit-transform: translate(0, -50%) rotate(0deg);
transform: translate(0, -50%) rotate(0deg)
}
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
html {
font-size: 10px;
overflow-x: hidden
}
body {
font-family: 'TT Norms', sans-serif;
line-height: 1.2;
font-weight: 400;
overflow-x: hidden;
color: #303030;
background-color: #262626
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0
}
.inverse {
color: #fff
}
a, button, input, textarea, select {
outline: none
}
ul {
list-style-type: none;
margin: 0;
padding: 0
}
a {
text-decoration: none
}
p {
margin: 0
}
img {
max-width: 100%;
max-height: 100%
}
.ost {
font-family: 'Old Standard TT', sans-serif
}
.mrm {
margin-right: .5vw
}
.ggc {
color: #69bdad
}
.gray {
color: #8c8c8c
}
.title-lg {
font-size: 3vw;
line-height: 1.2
}
.title-lg.fw1.mb {
font-size: 2.5vw;
font-weight: 400
}
.title-lg.fw1.mb .fsi {
font-style: initial
}
.title-num {
font-size: 4.3vw;
line-height: .8
}
.tac {
text-align: center
}
.fw1 {
font-weight: 100
}
.fw3 {
font-weight: 300
}
.fw5 {
font-weight: 500
}
.fw4 {
font-weight: 400
}
.fw7 {
font-weight: 700
}
.fwb {
font-weight: 700
}
.fw9 {
font-weight: 900
}
.fsi {
font-style: italic
}
.tar {
text-align: right
}
.tdt {
text-decoration: line-through
}
.tdu {
text-decoration: underline
}
.center {
text-align: center
}
.ttu {
text-transform: uppercase
}
.title {
font-size: 2.6vw;
line-height: 1.1
}
.t-min {
font-size: 1.95vw
}
h1.t-min.msm.ost.fw4 {
margin-bottom: 1.5vw;
font-size: 2.75vw
}
h2.title-lg.fw1.mb {
margin-bottom: 2.75vw;
font-size: 2vw
}
.t-ss {
font-size: 1.5vw
}
.t-min2 {
font-size: 1.7vw
}
.text {
font-size: .97vw
}
.text-md {
font-size: 1.07vw
}
.tg {
color: #feeebb
}
.tg2 {
color: #afe4d6
}
.tg3 {
color: #fad15f
}
.tg4 {
color: #69bdad
}
a.text-min {
color: #181818;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s
}
a.text-min:hover {
color: #ff7200
}
.small-text {
font-size: .92vw
}
.tsm8 {
font-size: .55vw
}
.tsm10 {
font-size: .61vw
}
.tsm12 {
font-size: .75vw
}
.tsm13 {
font-size: .85vw
}
.text24 {
font-size: 1.4vw
}
.text23 {
font-size: 1.3vw
}
.text21 {
font-size: 1.2vw
}
.container {
max-width: 78vw;
margin: 0 auto
}
.container-big {
max-width: 85vw;
margin: 0 auto
}
.container-min {
max-width: 72vw;
margin: 0 auto
}
.mlg {
margin-bottom: 4.5vw
}
.msm {
margin-bottom: 2.4vw
}
.mb {
margin-bottom: 1.5vw
}
.mbm {
margin-bottom: .7vw
}
.mbs {
margin-bottom: .41vw
}
.section {
padding: 6vw 0;
position: relative
}
.btn-mod {
padding: 1.2vw 1.5vw;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
z-index: 6;
cursor: pointer;
border: none;
position: relative;
color: #8c7538;
background-color: transparent;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-style: flat;
transform-style: flat
}
.btn-mod:before {
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url(../../../themes/src/assets/img/main/bgbtn.png) no-repeat center;
background-size: 100% 100%;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
-webkit-transform-style: flat;
transform-style: flat;
z-index: -1;
-webkit-transform: perspective(300) rotateX(0deg);
transform: perspective(300) rotateX(0deg)
}
.btn-mod:hover:before {
-webkit-transform: perspective(300) rotateX(17deg);
transform: perspective(300) rotateX(17deg)
}
.btn-mod:not(:disabled) .btn-blick {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 10px;
overflow: hidden
}
.btn-mod:not(:disabled) .btn-blick:after {
margin-left: -30px;
content: " ";
width: 30px;
height: 300px;
background: #fff;
-webkit-animation-delay: .05s;
animation-delay: .05s;
position: absolute;
left: -40px;
top: -150px;
top-animation-timing-function: ease-in-out;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
-webkit-animation-name: slideme;
animation-name: slideme;
-webkit-animation-duration: 3.5s;
animation-duration: 3.5s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.btn-mod.dark {
color: #224d45
}
.btn-mod.dark:before {
background: url(../../../themes/src/assets/img/like/bgbtn.png) no-repeat center;
background-size: 100% 100%
}
.btn-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.btn {
padding: 1vw 1.5vw;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
z-index: 6;
cursor: pointer;
border: none;
-webkit-box-shadow: 0 8px 13px rgba(67, 163, 77, .49), inset 0 -4px 1px #43a34d;
box-shadow: 0 8px 13px rgba(67, 163, 77, .49), inset 0 -4px 1px #43a34d;
border-radius: 5px;
background-color: #4fbb5b;
position: relative;
color: #fff;
width: 100%
}
.btn:not(:disabled) .btn-blick {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 5px;
overflow: hidden
}
.btn:not(:disabled) .btn-blick:after {
margin-left: -30px;
content: " ";
width: 30px;
height: 300px;
background: #fff;
-webkit-animation-delay: .05s;
animation-delay: .05s;
position: absolute;
left: -40px;
top: -150px;
top-animation-timing-function: ease-in-out;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
-webkit-animation-name: slideme;
animation-name: slideme;
-webkit-animation-duration: 3.5s;
animation-duration: 3.5s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.btn:hover {
-webkit-box-shadow: 0 8px 13px rgba(67, 163, 77, .49), inset 0 4px 1px #43a34d;
box-shadow: 0 8px 13px rgba(67, 163, 77, .49), inset 0 4px 1px #43a34d
}
.btn.light {
color: #191919;
background-image: -webkit-gradient(linear, left bottom, left top, from(#ffe97e), to(#fdf7ad));
background-image: -webkit-linear-gradient(bottom, #ffe97e 0%, #fdf7ad 100%);
background-image: -o-linear-gradient(bottom, #ffe97e 0%, #fdf7ad 100%);
background-image: linear-gradient(to top, #ffe97e 0%, #fdf7ad 100%);
-webkit-box-shadow: 0 8px 13px rgba(214, 186, 92, .49), inset 0 -4px 1px #d6ba5c;
box-shadow: 0 8px 13px rgba(214, 186, 92, .49), inset 0 -4px 1px #d6ba5c
}
.btn.light:hover {
-webkit-box-shadow: 0 8px 13px rgba(214, 186, 92, .49), inset 0 4px 1px #d6ba5c;
box-shadow: 0 8px 13px rgba(214, 186, 92, .49), inset 0 4px 1px #d6ba5c
}
.btn.bord {
border-radius: 5px;
border: 1px solid #ddd;
background: #fff;
-webkit-box-shadow: 0 0 2px #a7a7a7;
box-shadow: 0 0 2px #a7a7a7;
color: #ddd
}
.btn.bord:hover {
-webkit-box-shadow: 0 0 20px #a7a7a7;
box-shadow: 0 0 20px #a7a7a7
}
.btn.bord.bdr {
border: 1px solid #1491d0;
background: #fff;
-webkit-box-shadow: 0 0 2px #1491d0;
box-shadow: 0 0 2px #1491d0;
color: #1491d0
}
.btn.bord.bdr:hover {
-webkit-box-shadow: 0 0 20px #1491d0;
box-shadow: 0 0 20px #1491d0
}
.btn.big {
padding: 1.5vw 1vw
}
.btn.min {
padding-top: .6vw;
padding-bottom: .6vw
}
.burger {
width: 3vw;
height: 3vw;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
margin-top: .3rem
}
.burger__wrap {
text-transform: uppercase;
color: #d7d7d7;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 500;
cursor: pointer;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
align-items: center;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s
}
.burger__wrap:hover {
color: #fad46a
}
.close-nav {
display: none
}
.link {
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
position: relative;
display: inline-block
}
.link:before {
content: "";
position: absolute;
left: 50%;
top: 100%;
width: 100%;
height: 1px;
border-bottom: 1px solid #4fbb5b;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s
}
.link:hover:before {
width: 40%
}
.link.dsh:before {
border-bottom: 1px dashed #4fbb5b
}
input::-webkit-input-placeholder {
color: #8c8c8c
}
input:-ms-input-placeholder {
color: #8c8c8c
}
input::-ms-input-placeholder {
color: #8c8c8c
}
input::-moz-placeholder {
color: #8c8c8c
}
input::placeholder {
color: #8c8c8c
}
.input {
height: 3.8vw;
padding: .3vw 1vw;
border-radius: 5px;
background-color: transparent;
-ms-flex-item-align: center;
align-self: center;
width: 100%;
position: relative;
border: none;
position: relative;
background: url(../../../themes/src/assets/img/plc/input.png) no-repeat center;
background-size: 100% 100%;
text-align: center;
font-style: italic
}
.input.v2 {
border-radius: 5px;
border: 1px solid #ddd;
background-color: #fff
}
.inp-min {
width: 30.5%
}
.inp-md {
width: 45%
}
.inp-big {
width: 100%
}
.arrows {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 4vw;
height: 4vw;
z-index: 18;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
cursor: pointer;
border: none;
background: transparent;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: .7vw
}
.arrows.t2 {
width: 5vw;
height: 5vw
}
.arrows.t4 {
width: 3.5vw;
height: 3.5vw
}
.arrows.t6 {
-webkit-box-shadow: 0 5px 54px rgba(0, 0, 0, .5);
box-shadow: 0 5px 54px rgba(0, 0, 0, .5);
background-color: #fff;
border-radius: 100%;
-webkit-filter: grayscale(1);
filter: grayscale(1)
}
.arrows:hover {
opacity: .7;
-webkit-transform: translateY(-50%) scale(1.1);
-ms-transform: translateY(-50%) scale(1.1);
transform: translateY(-50%) scale(1.1)
}
.arrows:hover.t6 {
-webkit-filter: grayscale(0);
filter: grayscale(0);
opacity: 1
}
.slidePrev {
left: 3.5rem
}
.slidePrev.t2 {
left: -2.5vw
}
.slidePrev.t4 {
left: -1.1vw
}
.slidePrev.t3 {
left: 50%;
top: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.slidePrev.t3:hover {
opacity: .7;
-webkit-transform: translateX(-50%) scale(1.1);
-ms-transform: translateX(-50%) scale(1.1);
transform: translateX(-50%) scale(1.1)
}
.slideNext {
right: 3.5rem
}
.slideNext.t2 {
right: -2.5vw
}
.slideNext.t4 {
right: -1.1vw
}
.slideNext.t3 {
left: 50%;
bottom: -1vw;
top: auto;
right: auto;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.slideNext.t3:hover {
opacity: .7;
-webkit-transform: translateX(-50%) scale(1.1);
-ms-transform: translateX(-50%) scale(1.1);
transform: translateX(-50%) scale(1.1)
}
.check-box {
cursor: pointer;
display: block
}
.check-line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.check-label {
width: 1.1vw;
height: 1.1vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: .2vw;
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: .5vw;
-webkit-box-shadow: inset 0 0 10px rgba(140, 140, 140, .04);
box-shadow: inset 0 0 10px rgba(140, 140, 140, .04);
border-radius: 2px;
border: 1px solid #d1d1d1;
background-color: #fff
}
.check-label.v2 {
border-radius: 100%;
-webkit-box-shadow: 0 5px 10px rgba(43, 43, 51, .1);
box-shadow: 0 5px 10px rgba(43, 43, 51, .1);
border: 1px solid #e8e8e8;
background-color: #fff;
width: 1.5vw;
height: 1.5vw;
padding: .2vw
}
.check-label.v2 .check-label-act {
width: 1vw;
height: 1vw;
border-radius: 100%;
padding: .2vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #4ca352
}
.check-label-act {
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0)
}
.check-label.min {
width: 1vw;
height: 1vw;
border-radius: 2px
}
.block-imp-bf {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 5px;
border: 1px solid #ddd;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s
}
.block-imp {
padding: 1.3vw 1.5vw;
position: relative;
margin-right: .7vw
}
.rhide {
display: none
}
.rhide:checked ~ span .check-label-act {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.rhide:checked ~ span .check-label.min {
background-color: #5bd273
}
.rhide:checked ~ .block-imp-bf {
background-color: #4ca352;
border: 1px solid #4ca352
}
.rhide:checked ~ .tsm13 {
color: #fff;
position: relative
}
.rhide:checked ~ .times-block div.fancy-select div.trigger {
color: #fff !important
}
.wac {
color: #3fbf3f !important
}
.vic {
color: #8173c7 !important
}
.tgc {
color: #5fcff2 !important
}
.emc {
color: #fbc855 !important
}
.vf {
background-color: #fff;
padding: 2.6vw 2vw;
-webkit-box-shadow: 0 0 40px rgba(133, 138, 160, .1);
box-shadow: 0 0 40px rgba(133, 138, 160, .1);
-webkit-transform: skewY(-2deg);
-ms-transform: skewY(-2deg);
transform: skewY(-2deg);
z-index: 4;
position: relative
}
.vf:before {
position: absolute;
content: '';
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: 1px solid #d1d5e4;
width: calc(100% - 14px);
height: calc(100% - 14px);
z-index: 1
}
.vf-wrap {
-webkit-transform: skewY(2deg);
-ms-transform: skewY(2deg);
transform: skewY(2deg);
position: relative;
z-index: 5
}
.line-tg {
border-bottom: 1px solid #dcbf8b;
width: 40%
}
.line-tg.min {
margin-left: auto;
margin-right: auto;
width: 7vw;
border-bottom: 1px solid #cccdd4
}
.pre {
position: relative;
z-index: 4
}
.blc {
color: #303030 !important
}
.lcb {
color: #303030;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s
}
.lcb:hover {
color: #e30613
}
.tg-block {
display: inline-block;
position: relative;
padding: 1vw 2vw;
border-radius: 5px;
background-color: #4ca352;
color: #fff
}
.tg-block__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.tg-block__icon {
position: absolute;
left: 50%;
top: -1.2vw;
-webkit-box-shadow: 1px 1px 40px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 40px rgba(0, 0, 0, .1);
border: 1px dashed #e8e8e8;
background-color: #fff;
width: 2vw;
height: 2vw;
border-radius: 100%;
padding: .3vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.tg-b {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 1vw;
padding: .7vw;
height: 2vw;
width: 2vw;
border-radius: 3px;
background-color: rgba(146, 177, 244, .43)
}
.bgx {
position: relative;
padding-left: 1.5rem
}
.bgx:before {
content: '';
position: absolute;
top: 46%;
left: 0;
width: 6px;
height: 6px;
-webkit-transform: rotate(45deg) translateY(-50%);
-ms-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%);
background-color: #4ca352
}
.cont-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #000;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s
}
.cont-item:hover {
color: #4ca352
}
.cont-item-img {
width: 1.5vw;
height: 1.5vw;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: .5vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.aic {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.text-rotate {
position: absolute;
left: 0;
top: 0;
width: 8vw;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 71
}
.text-rotate.right {
left: auto;
right: 0
}
.text-rotate-item {
position: relative;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
white-space: nowrap;
display: inline-block;
color: rgba(140, 140, 140, .5)
}
.text-rotate-item:before {
content: '';
position: absolute;
left: -3.4vw;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-top: 1px solid #d1d1d1;
width: 3vw;
height: 1px
}
.text-rotate-item:after {
content: '';
position: absolute;
right: -3.4vw;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-top: 1px solid #d1d1d1;
width: 3vw;
height: 1px
}
.text-rotate-item.wh {
color: #fff
}
.line {
width: 5vw;
height: 1px;
background-color: #feeebb
}
.line.cen {
margin-left: auto;
margin-right: auto
}
.line.gr {
background-color: #333
}
.line.gr2 {
background-color: #9d9d9d
}
.line-big {
width: 8vw
}
.line.big2 {
width: 17vw
}
.fsi {
font-style: italic
}
.header {
padding-bottom: 1vw;
position: relative;
z-index: 4
}
.header__cont {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.header__reit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.header__reit-img {
width: 4vw;
margin-right: 1vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-negative: 0;
flex-shrink: 0
}
.logo__img {
max-width: 12vw;
padding-right: 1vw;
margin-right: 1vw;
display: inline-block;
position: relative
}
.logo__img img {
width: 100%
}
.logo__img:before {
content: '';
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 1px;
height: 90%;
background-color: #fff
}
.logo__block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.phones {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
align-items: center
}
.phones-img {
width: 1.02vw;
margin-right: .6vw;
-ms-flex-negative: 0;
flex-shrink: 0
}
.phones-img-r {
width: 1.02vw;
margin-right: .6vw;
-ms-flex-negative: 0;
flex-shrink: 0;
display: inline-block
}
.phones__block-work {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.phones__block-cir {
width: 5px;
height: 5px;
background-color: #7cc321;
border-radius: 100%;
margin-right: .4rem;
-ms-flex-negative: 0;
flex-shrink: 0
}
.phones__block-text {
color: #7cc321;
letter-spacing: .68px;
font-weight: 500
}
.phones__item {
color: #fff;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.phones__item:hover {
color: #52b95b
}
.phones__item-img {
width: 1vw;
height: 1vw;
margin-right: .4vw;
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.phones-texts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.main {
position: relative;
z-index: 91;
color: #fff;
background-color: #ebf3f6;
min-height: 47vw
}
.main__cont {
padding: 4vw 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 5vw
}
.main__info {
width: 64%
}
.main__block {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.main__block-img {
width: 1.5vw;
height: 1.5vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: .3vw
}
.main-desc {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.main-desc img {
width: 3vw;
margin-right: 1vw;
-ms-flex-negative: 0;
flex-shrink: 0
}
.main__btn {
padding-left: 3.5vw
}
.main__btn img {
position: absolute;
left: -2vw;
top: -.5vw;
width: 5.5vw;
max-width: none;
max-height: none;
-webkit-animation: jampTrf 4.5s infinite linear;
animation: jampTrf 4.5s infinite linear
}
.main__btn.mmod {
padding-left: 1.5vw;
padding-right: 3.5vw
}
.main__btn.mmod img {
left: auto;
right: -2vw
}
.main__btn-text {
position: absolute;
transform: translate(100%, 0);
top: .3vw;
right: -2vw;
color: #fff
}
.main__form {
width: 15vw;
padding: 2.3vw 1.2vw;
padding-bottom: 3vw;
margin-right: 2.15vw;
margin-top: 3.01vw
}
.main__form-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #333
}
.main__form-img {
width: 5vw;
height: 5vw;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 .7vw
}
.main__form-img img {
-webkit-transform: scale(1.4);
-ms-transform: scale(1.4);
transform: scale(1.4)
}
.main__form-img.t3 {
margin-left: -1vw
}
.main__form-img.t3 img {
-webkit-transform: scale(1.55) translate(-10%, 10%);
-ms-transform: scale(1.55) translate(-10%, 10%);
transform: scale(1.55) translate(-10%, 10%)
}
.msoc {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: .5vw .7vw;
border-radius: 20px;
color: #fff;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s
}
.msoc:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
.msoc-img {
width: 1vw;
height: 1vw;
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.msoc.wa {
border: 1px solid #e8e8e8;
background-color: #00af47
}
.msoc.vi {
border: 1px solid #6a5cb0;
background-color: #6a5cb0
}
.msoc.vk {
border: 1px solid #2c72a2;
background-color: #2c72a2
}
.slick-slide {
outline: none
}
.nav li a {
color: #f4f3ef;
padding: .3vw;
position: relative;
display: inline-block;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s
}
.nav li a:before {
content: '';
position: absolute;
width: 0;
height: 1px;
top: 100%;
left: 0;
background-color: #afe4d6;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s
}
.nav li a:hover {
color: #afe4d6
}
.nav li a:hover:before {
width: 12vw
}
.nav__wrap {
position: fixed;
right: 0;
width: 65%;
top: 0;
height: 100%;
-webkit-box-shadow: 0 0 65px #141415;
box-shadow: 0 0 65px #141415;
background-color: #262626;
color: #fff;
z-index: 888;
padding: 2.3vw 2vw;
padding-right: 12vw;
-webkit-transition: all .55s ease-in;
-o-transition: all .55s ease-in;
transition: all .55s ease-in;
-webkit-transform: translateX(110%);
-ms-transform: translateX(110%);
transform: translateX(110%)
}
.nav__wrap.active {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
.nav-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.nav-block .nav-block-item {
width: 48%
}
.nav-block .nav-block-item.v1 {
width: 40%
}
.nav-block .nav-block-item .line-gr {
width: 100%
}
.nav__wrap .do__left-prd, .nav__wrap .do__left-prd-on, .nav__wrap .socials {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
width: 100%
}
.logo-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.logo-nav .logo__img {
max-width: 7vw;
margin-right: 0
}
.logo-nav .logo__img:before {
display: none
}
.nav-advas {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.nav-advas-item {
width: 30%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.nav-advas-item-img {
width: 2vw;
height: 2vw;
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.nav-soc {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.nav-soc .socials {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.nav-overlay {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 887;
background-color: #262626;
opacity: .7;
display: none
}
.main__portfolio {
width: 100%
}
.line-light {
background-color: #d7d7d7
}
.line-c {
margin-left: auto;
margin-right: auto
}
.line-b {
display: block;
padding-bottom: 1.5vw;
position: relative
}
.soc-img {
width: .8vw
}
.soc-img img {
width: 100%
}
.soc-fix {
position: fixed;
right: 4.5vw;
top: 11vw;
z-index: 333;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.soc-fix__item {
position: relative;
width: 2.5vw;
height: 2.5vw;
padding: .7vw;
border-radius: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
background-image: -webkit-gradient(linear, left bottom, left top, from(#fad15f), to(#feeebb));
background-image: -webkit-linear-gradient(bottom, #fad15f 0%, #feeebb 100%);
background-image: -o-linear-gradient(bottom, #fad15f 0%, #feeebb 100%);
background-image: linear-gradient(to top, #fad15f 0%, #feeebb 100%)
}
.soc {
position: relative
}
.soc-pulse {
position: absolute;
top: 50%;
left: 50%;
height: 3vw;
width: 3vw;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: none;
background-color: transparent
}
.soc-pulse__item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid rgba(254, 238, 187, .45);
border-radius: 50%;
-webkit-animation: animPulse 2s linear infinite;
animation: animPulse 2s linear infinite
}
.soc-pulse__item.two {
-webkit-animation-delay: 1s;
animation-delay: 1s
}
.soc-pulse__item.three {
-webkit-animation-delay: 2s;
animation-delay: 2s
}
.soc-pulse__item-img {
width: .7vw
}
.soc-pulse__item img {
width: 100%
}
.to_top {
position: fixed;
right: 4.5vw;
bottom: 7vw;
width: 2vw;
height: 2vw;
border-radius: 100%;
padding: .7vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
z-index: 189;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
background-image: -webkit-gradient(linear, left bottom, left top, from(#69bdad), to(#afe4d6));
background-image: -webkit-linear-gradient(bottom, #69bdad 0%, #afe4d6 100%);
background-image: -o-linear-gradient(bottom, #69bdad 0%, #afe4d6 100%);
background-image: linear-gradient(to top, #69bdad 0%, #afe4d6 100%)
}
.to_top__img {
width: 1.2vw
}
.to_top__img img {
width: 100%
}
.to_top.act {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.top {
position: relative
}
.top-pulse {
position: absolute;
top: 50%;
left: 50%;
height: 3vw;
width: 3vw;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: none;
background-color: transparent
}
.top-pulse__item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid rgba(175, 228, 214, .45);
border-radius: 50%;
-webkit-animation: animPulse 2s linear infinite;
animation: animPulse 2s linear infinite
}
.top-pulse__item.two {
-webkit-animation-delay: 1s;
animation-delay: 1s
}
.top-pulse__item.three {
-webkit-animation-delay: 2s;
animation-delay: 2s
}
.prlx {
position: absolute;
-webkit-animation: transform-shiver 5000ms linear 0 infinite normal both;
animation: transform-shiver 5000ms linear 0 infinite normal both
}
.prlx img {
width: 100%
}
.prlx-1 {
top: 10%;
left: -12%;
width: 21vw
}
.section-bottom {
padding-bottom: 6vw
}
.main-check {
min-height: 53vw;
margin-bottom: -5vw
}
.btn-check-mod {
padding: 1.9vw 4vw
}
.dir {
color: #fff;
padding: 2vw 0
}
.check-px-1 {
position: absolute;
left: -2vw;
bottom: -13vw;
width: 16vw
}
.main_px {
position: absolute;
left: -4vw;
bottom: -14vw;
width: 21vw
}
.check-px-2 {
position: absolute;
left: -2vw;
top: 14vw;
width: 22vw
}
.flatcheck {
position: relative;
z-index: 100
}
.dir__cont {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.dir-px {
position: absolute;
right: -3vw;
width: 23vw;
top: 11vw;
z-index: 4;
-webkit-animation: transform-shiver 4000ms linear 0 infinite normal both;
animation: transform-shiver 4000ms linear 0 infinite normal both
}
.dir__img {
width: 34%;
position: relative
}
.dir__img img {
width: 100%
}
.dir__img-link {
display: block;
width: 15vw;
height: 15vw;
border-radius: 100%;
position: absolute;
left: -4vw;
top: 23%;
z-index: 3
}
.dir__img-link .ab-city_item-pulse {
-webkit-transform: translate(-50%, -70%);
-ms-transform: translate(-50%, -70%);
transform: translate(-50%, -70%)
}
.dir__block {
width: 62%;
background: -webkit-gradient(linear, left top, right top, from(#f8f8f8), to(#d3d3d3));
background: -webkit-linear-gradient(left, #f8f8f8 0%, #d3d3d3 100%);
background: -o-linear-gradient(left, #f8f8f8 0%, #d3d3d3 100%);
background: linear-gradient(to right, #f8f8f8 0%, #d3d3d3 100%);
padding: 2.5vw;
color: #000;
position: relative
}
.dir__block-tools {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.dir__block-tools:hover .tool-hov {
-webkit-transform: translateX(-50%) scale(1);
-ms-transform: translateX(-50%) scale(1);
transform: translateX(-50%) scale(1);
opacity: 1
}
.dir__block-tools .text23, .dir__block-tools .text-md {
transition: all .4s
}
.dir__block-tools:hover .text23, .dir__block-tools:hover .text-md {
color: #e0c15d
}
.dir__block-i1 {
position: absolute;
left: 1vw;
top: 1.4vw;
width: 5vw
}
.dir__block-i2 {
position: absolute;
right: 1vw;
bottom: 1.5vw;
width: 5vw
}
.dir__block-i3 {
position: absolute;
right: 0;
top: 2vw;
width: 21vw
}
.dir__advas {
width: 40%
}
.dir__advas-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.dir__advas-item-img {
width: 2vw;
height: 2vw;
margin-right: .5vw;
-ms-flex-negative: 0;
flex-shrink: 0
}
.dir__advas-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.dir__podp {
width: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.dir__podp-img {
width: 75%
}
.tool {
width: 2.5vw;
height: 2.5vw;
border-radius: 100%;
cursor: pointer;
position: relative;
margin-left: .5vw;
margin-right: .5vw;
-webkit-animation: pulse 2s infinite;
animation: pulse 2s infinite;
z-index: 5
}
.tool img {
width: 100%;
position: relative;
z-index: 4
}
.tool-hov {
position: absolute;
left: 50%;
bottom: 1.4vw;
-webkit-transform: translateX(-50%) scale(0);
-ms-transform: translateX(-50%) scale(0);
transform: translateX(-50%) scale(0);
opacity: 0;
width: 15vw;
padding: 1vw;
border-radius: 1rem;
background-color: #fff;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s
}
.tool:hover .tool-hov {
-webkit-transform: translateX(-50%) scale(1);
-ms-transform: translateX(-50%) scale(1);
transform: translateX(-50%) scale(1);
opacity: 1
}
@-webkit-keyframes animPulse {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
10% {
opacity: .9
}
100% {
opacity: 0;
-webkit-transform: scale(1.7);
transform: scale(1.7)
}
}
@keyframes animPulse {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
10% {
opacity: .9
}
100% {
opacity: 0;
-webkit-transform: scale(1.7);
transform: scale(1.7)
}
}
.ab-city_item-pulse {
position: absolute;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: none;
border-radius: 50%;
background-color: transparent;
height: 9vw;
width: 9vw;
top: 50%;
left: 50%;
z-index: -1
}
.ab-item__pulse {
position: absolute;
top: 0;
left: 0;
height: 9vw;
width: 9vw;
border: 1px solid #fef5e1;
border-radius: 50%;
opacity: .3;
-webkit-animation: animPulse 6s linear infinite;
animation: animPulse 6s linear infinite
}
.ab-city_item-pulse_1 {
-webkit-animation-delay: 0;
animation-delay: 0
}
.ab-city_item-pulse_2 {
-webkit-animation-delay: 2s;
animation-delay: 2s
}
.ab-city_item-pulse_3 {
-webkit-animation-delay: 4s;
animation-delay: 4s
}
.ab-city_item-pulse_4 {
-webkit-animation-delay: 6s;
animation-delay: 6s
}
.do {
color: #fff;
padding: 2vw 0
}
.do__cont {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.do__left {
width: 30%;
position: relative;
z-index: 5
}
.do__left-img {
position: absolute;
right: -5.2vw;
width: 15vw;
bottom: -3vw
}
.do__left-img .ab-city_item-pulse {
opacity: .7
}
.do__left-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.do__left-block-img {
width: 8vw;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 1vw
}
.do__left-prd {
width: 63%
}
.do__left-prd-on {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.do__right {
width: 67%
}
.socials {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.socials-item {
width: 1.8vw;
height: 2vw;
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: .5vw;
-webkit-box-shadow: 0 1px 16px #000;
box-shadow: 0 1px 16px #000;
background-color: #fff;
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(215, 215, 215, .78)), to(rgba(215, 215, 215, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(215, 215, 215, .78) 0%, rgba(215, 215, 215, 0) 100%);
background-image: -o-linear-gradient(bottom, rgba(215, 215, 215, .78) 0%, rgba(215, 215, 215, 0) 100%);
background-image: linear-gradient(to top, rgba(215, 215, 215, .78) 0%, rgba(215, 215, 215, 0) 100%);
margin: 0 .5vw;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s
}
.socials-item:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
.twentytwenty-container {
height: 30vw
}
.twentytwenty-container img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 1rem
}
.examples {
color: #fff;
background-image: url(../../../themes/src/assets/img/examples/examples-bg.jpg);
background-size: cover;
background-position: center left
}
.examples__cont {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.examples__left {
width: 33%
}
.examples__slider {
width: 65%
}
.examples__slider-item {
margin: 0 1.7vw;
width: 47%
}
.examples__slider-item-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.examples__slider-item-size {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: 1vw
}
.examples__slider-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.examples__slider-block-first {
display: block;
width: 80%;
height: 30vw
}
.examples__slider-block-all {
width: 16%
}
.examples__slider-block-all-item {
display: block;
height: 5.44vw;
margin-bottom: .7vw
}
.ex__btn {
padding-top: 1.5vw;
padding-bottom: 1.5vw
}
.ex-nums {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 70%
}
.ex-arr {
border: none;
background-color: transparent;
width: 2vw;
height: 2vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 1vw;
cursor: pointer;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s
}
.ex-arr:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
.examples-px {
position: absolute;
left: -8vw;
width: 22vw;
top: 16vw;
-webkit-animation: transform-shiver 5000ms linear 0 infinite normal both;
animation: transform-shiver 5000ms linear 0 infinite normal both
}
.examples-pxs {
position: absolute;
right: -7vw;
top: 22%;
width: 15vw;
opacity: .5
}
.type {
position: relative;
padding: 2vw 0;
color: #fff
}
.type__block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.type__tab {
width: 60%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: #333;
border-radius: 1rem;
text-align: center;
z-index: 33
}
.type__tab-item {
width: 33%;
padding: 2vw 1vw;
position: relative;
color: #fff;
z-index: 5;
cursor: pointer
}
.type__tab-item:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 110%;
background: url(../../../themes/src/assets/img/type/act.png) no-repeat center;
background-size: 100% 100%;
z-index: -2;
opacity: 0;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s
}
.type__tab-item:hover, .type__tab-item.active {
font-weight: 600;
color: #224d45
}
.type__tab-item:hover:before, .type__tab-item:hover:after, .type__tab-item.active:before, .type__tab-item.active:after {
opacity: 1
}
.type__el {
width: 70%;
-webkit-box-shadow: 0 5px 54px rgba(0, 0, 0, .5);
box-shadow: 0 5px 54px rgba(0, 0, 0, .5);
background-color: #fff;
padding: 2.5vw;
border-radius: 1rem;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
color: #000;
overflow: hidden
}
.type__el-img {
position: absolute;
bottom: 0;
right: -1vw;
width: 23vw
}
.type__el-left {
width: 48%;
height: 27vw;
overflow: hidden;
overflow-y: scroll;
padding-right: .6vw
}
.type__el-right {
width: 48%
}
.type-list li {
position: relative;
margin: .4vw 0;
padding-left: 1.5vw
}
.type-list li:before {
content: '';
position: absolute;
left: 0;
top: .2vw;
width: 1vw;
height: .8vw;
background: url(../../../themes/src/assets/img/type/v.png) no-repeat center;
background-size: 100% 100%
}
.type__btn {
padding: 2vw 3vw
}
.type__el-left::-webkit-scrollbar {
width: 9px;
border-radius: 5px;
overflow: hidden
}
.type__el-left::-webkit-scrollbar-button {
display: none
}
.type__el-left::-webkit-scrollbar-track {
border-radius: 5px;
background-color: #f4f3ef
}
.type__el-left::-webkit-scrollbar-track-piece {
border-radius: 5px;
background-color: #f4f3ef
}
.type__el-left::-webkit-scrollbar-thumb {
border-radius: 5px;
background-image: -webkit-gradient(linear, left bottom, left top, from(#fad15f), to(#feeebb));
background-image: -webkit-linear-gradient(bottom, #fad15f 0%, #feeebb 100%);
background-image: linear-gradient(to top, #fad15f 0%, #feeebb 100%)
}
.plc {
color: #fff;
z-index: 7
}
.plc__cont {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.plc__left {
width: 50%
}
.plc-form {
padding: 2vw;
-webkit-box-shadow: 0 5px 54px rgba(0, 0, 0, .5);
box-shadow: 0 5px 54px rgba(0, 0, 0, .5);
background-color: #fff;
position: relative;
color: #000;
border-radius: 1rem;
z-index: 5
}
.plc-form:after {
content: '';
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: calc(100% - 16px);
height: calc(100% - 16px);
border: 1px dashed #8c8c8c;
border-radius: 1rem;
z-index: -1;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s
}
.plc-form__block {
padding: 0 2vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.plc__btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative
}
.plc__btns .main__btn {
padding-left: 1.5vw
}
.plc__btns-pdf {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
left: 3vw;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.plc__btns-img {
position: absolute;
left: 62%;
width: 7vw;
top: -.5vw;
max-width: none;
max-height: none
}
.plc-bg {
position: absolute;
width: 40%;
margin-top: -7vw
}
.plc-img {
position: absolute;
left: -14vw;
top: -3vw;
width: 77vw;
max-width: none;
max-height: none
}
.portfolio__form-check {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.smeta {
padding-top: 2vw
}
.smeta__cont {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.smeta-form {
width: 50%;
padding: 2vw;
-webkit-box-shadow: 0 5px 54px rgba(0, 0, 0, .5);
box-shadow: 0 5px 54px rgba(0, 0, 0, .5);
background-color: #fff;
border-radius: 1rem
}
.smeta-form .phones__item {
color: #000
}
.smeta-form .phones__item:hover {
color: #7cc321
}
.smeta-form__block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.smeta-form__block-item {
position: relative
}
.smeta-form__block-item-ts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.smeta-form__block-item.moda {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.smeta-form__block-item-rag {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
margin-top: .6vw
}
.smeta__info {
width: 45%;
color: #fff;
position: relative
}
.smeta__info-img {
height: 31vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.smeta__info-img .dir__block-tools {
position: absolute;
left: 17vw;
bottom: 11vw;
color: #333
}
.smeta-dir {
position: absolute;
left: -5vw;
bottom: -3vw;
width: 23vw
}
.smeta-dir__name {
position: absolute;
right: -6vw;
bottom: 6vw;
color: #333;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.smeta-dir-1 {
padding: 1vw 1.5vw;
border-radius: 1rem;
-webkit-box-shadow: 0 5px 54px rgba(0, 0, 0, .5);
box-shadow: 0 5px 54px rgba(0, 0, 0, .5);
background-color: #fff;
position: relative;
z-index: 4;
display: inline-block
}
.smeta-dir-2 {
-webkit-box-shadow: 0 5px 54px rgba(0, 0, 0, .5);
box-shadow: 0 5px 54px rgba(0, 0, 0, .5);
background-color: #fff;
padding: 1.6vw 1.5vw;
margin-top: -1vw;
display: inline-block;
border-radius: 1rem;
padding-bottom: 1vw
}
.smeta-bg {
position: absolute;
right: -44vw;
height: 200%;
top: -50%;
max-width: none;
max-height: none
}
.inp-nums {
position: absolute;
left: 0;
top: -2vw;
font-size: 5vw;
text-transform: uppercase;
color: #f7f7f7
}
.inp-nums.rh {
left: auto;
right: 0
}
.inp-numbers {
width: 5vw
}
.irs--flat {
margin-top: -1vw
}
.irs {
width: 100%
}
.irs-max, .irs-min {
display: none
}
.irs--flat .irs-line {
border-radius: 6px;
background-color: #e8e8e8;
top: 29px;
height: 10px
}
.irs--flat .irs-bar {
border-radius: 6px;
background-image: -webkit-gradient(linear, left bottom, left top, from(#dcbf8b), to(#f8e4b8));
background-image: -webkit-linear-gradient(bottom, #dcbf8b 0%, #f8e4b8 100%);
background-image: -o-linear-gradient(bottom, #dcbf8b 0%, #f8e4b8 100%);
background-image: linear-gradient(to top, #dcbf8b 0%, #f8e4b8 100%);
top: 29px;
height: 10px
}
.irs--flat .irs-handle {
width: 20px;
height: 20px;
-webkit-box-shadow: 0 0 10px rgba(133, 138, 160, .19);
box-shadow: 0 0 10px rgba(133, 138, 160, .19);
border: 1px solid #c7cbdb;
background-color: #f4f3ef;
border-radius: 100%;
cursor: pointer;
top: 24px
}
.irs--flat .irs-handle:before {
content: '';
position: absolute;
-webkit-box-shadow: 0 0 4px #fff;
box-shadow: 0 0 4px #fff;
background-image: -webkit-gradient(linear, left bottom, left top, from(#dcbf8b), to(#f8e4b8));
background-image: -webkit-linear-gradient(bottom, #dcbf8b 0%, #f8e4b8 100%);
background-image: -o-linear-gradient(bottom, #dcbf8b 0%, #f8e4b8 100%);
background-image: linear-gradient(to top, #dcbf8b 0%, #f8e4b8 100%);
width: 13px;
height: 13px;
border-radius: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.irs--flat .irs-handle i {
display: none !important
}
.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {
padding: .5rem;
border-radius: 5px;
background-color: transparent;
color: #1d1d1d;
font-size: 1.8rem;
font-weight: 300;
min-width: 4rem;
text-align: center;
cursor: pointer;
top: -1rem
}
.irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before {
display: none
}
.irs-single {
display: none
}
.test {
position: relative;
color: #fff;
z-index: 100
}
.test__cont {
background-color: #fff;
padding: 1vw;
-webkit-box-shadow: 0 0 40px rgba(133, 138, 160, .1);
box-shadow: 0 0 40px rgba(133, 138, 160, .1);
z-index: 4;
position: relative;
color: #000;
border-radius: 1rem
}
.test__cont.ends {
overflow: hidden
}
.test__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
z-index: 5
}
.test__quests {
width: 63%;
padding-top: 1vw
}
.test__quests-progress {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.test__quests-progress-text {
color: #d7d7d7
}
.test-circle {
width: 2.2rem;
height: 2.2rem;
-webkit-box-shadow: inset 0 0 6px rgba(215, 215, 215, .45);
box-shadow: inset 0 0 6px rgba(215, 215, 215, .45);
background-color: #fff;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
position: relative;
border-radius: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
z-index: 43
}
.test-circle-active {
background-color: #fff;
-webkit-box-shadow: inset 0 0 6px rgba(215, 215, 215, .45);
box-shadow: inset 0 0 6px rgba(215, 215, 215, .45)
}
.test-circle:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 1.1rem;
height: 1.1rem;
-webkit-box-shadow: inset 0 0 6px rgba(215, 215, 215, .35);
box-shadow: inset 0 0 6px rgba(215, 215, 215, .35);
background-image: -webkit-gradient(linear, left top, right top, from(#69bdad), to(#afe4d6));
background-image: -webkit-linear-gradient(left, #69bdad 0%, #afe4d6 100%);
background-image: -o-linear-gradient(left, #69bdad 0%, #afe4d6 100%);
background-image: linear-gradient(to right, #69bdad 0%, #afe4d6 100%);
border-radius: 100%;
-webkit-transition: all .9s;
-o-transition: all .9s;
transition: all .9s;
opacity: 0
}
.test-circle:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 1.7rem;
height: 1.7rem;
border-radius: 100%;
-webkit-transition: all .9s;
-o-transition: all .9s;
transition: all .9s;
z-index: -1;
opacity: 0
}
.test-circle-active:before, .test-circle-active:after {
opacity: 1
}
.test-block {
height: 8px;
width: 20%;
-webkit-box-shadow: inset 0 0 6px rgba(215, 215, 215, .35);
box-shadow: inset 0 0 6px rgba(215, 215, 215, .35);
background-color: #fff;
position: relative;
z-index: 17;
-ms-flex-item-align: center;
align-self: center
}
.test-block:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.test-block-active:before {
width: 100%;
background-image: -webkit-gradient(linear, left top, right top, from(#69bdad), to(#afe4d6));
background-image: -webkit-linear-gradient(left, #69bdad 0%, #afe4d6 100%);
background-image: -o-linear-gradient(left, #69bdad 0%, #afe4d6 100%);
background-image: linear-gradient(to right, #69bdad 0%, #afe4d6 100%)
}
.test__visual {
position: relative;
z-index: 17;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
width: 95%;
margin-left: auto;
margin-right: auto
}
.quiz__next-wrap {
position: relative;
width: 13vw
}
.quiz__next {
width: 100%
}
.ldsh {
color: #3ab7c2;
display: inline-block;
position: relative;
cursor: pointer;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
border: none !important
}
.ldsh:before {
content: '';
position: absolute;
top: 100%;
width: 100%;
border-bottom: 1px dashed #3ab7c2;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s
}
.ldsh:hover:before {
width: 50%
}
.test-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative
}
.test-item.t2 {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.test-item__title, .test-item .tsm12 {
width: 100%
}
.test-item__qw2 {
width: 50%
}
.qw2__img {
position: absolute;
right: -11vw;
width: 32vw;
bottom: -4vw;
max-height: none
}
.tiem {
position: relative;
width: 30%;
margin: 0 1.4%;
margin-bottom: 1.4vw;
cursor: pointer;
display: inline-block;
z-index: 2
}
.tiem:hover {
z-index: 12
}
.tiem.v3 {
width: 45%
}
.tiem.t2 {
padding: 1vw;
width: 100%
}
.tiem.t3 {
width: 22%;
z-index: 16
}
.tiem.t9 {
width: 100%;
padding: 1vw;
padding-left: 0;
background-color: #fff
}
.tiem.mo {
margin-bottom: 0
}
.tiem.t-op {
opacity: 1
}
.tiem.t-op .tiem-img, .tiem.t-op .small-text {
opacity: 1
}
.tiem.t-op div.fancy-select div.trigger {
height: 3.1vw
}
.tiem-img {
height: 8.5vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 1vw;
opacity: .5;
border: 1px solid #ddd;
position: relative;
border-radius: 5px
}
.tiem-img.v2 {
height: 21vw
}
.tiem.tiem-first-row {
z-index: 17
}
.tqw5-block {
width: 40%;
margin-left: 46%
}
.tool-test {
right: .5vw;
top: .5vw
}
.tool-test .tool-sp__hov {
padding: .8vw;
width: 14vw;
background-color: #fff
}
.img-qw5 {
position: absolute;
left: -1vw;
bottom: -6vw;
width: 24vw
}
.img-qw5:hover {
z-index: 23
}
.img-qw5.v6 {
width: 30vw;
bottom: -7vw;
z-index: 0 !important;
left: -3vw
}
.img-qw5.v6 .tool-sp {
right: 22vw;
top: 78%
}
.checkbox-block-it {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.tiem-before-mod {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 1px solid #e8e8e8;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s
}
.qw7-img {
height: 21vw;
border: 1px solid #ddd
}
.test-load {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%
}
.line-load {
width: 14vw;
height: 6px;
border-radius: 3px;
background-color: #f4f3ef;
position: relative;
margin-left: auto;
margin-right: auto;
position: relative
}
.line-load-it {
position: absolute;
left: 0;
top: 0;
width: 15%;
height: 100%;
border-radius: 3px;
background-image: -webkit-gradient(linear, left bottom, left top, from(#dcbf8b), to(#f8e4b8));
background-image: -webkit-linear-gradient(bottom, #dcbf8b 0%, #f8e4b8 100%);
background-image: -o-linear-gradient(bottom, #dcbf8b 0%, #f8e4b8 100%);
background-image: linear-gradient(to top, #dcbf8b 0%, #f8e4b8 100%)
}
.test-end {
display: block
}
.test-end__wrap {
width: 50%;
margin-left: 47%
}
.img-soc-end {
width: 1vw;
height: 1vw;
margin-left: .4vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-negative: 0;
flex-shrink: 0
}
.ph-end {
position: absolute;
left: -11vw;
bottom: -.8vw;
width: 53vw;
max-width: none;
max-height: none
}
.end-soc {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 90%
}
.end-soc .end-soc-i {
width: auto
}
.test-end__form {
width: 65%;
position: relative;
margin-left: 0
}
.test-end__form .input {
font-style: italic
}
.test-end__form .portfolio__form-check {
white-space: nowrap
}
.btn-end-form {
width: 100%;
padding: 1.6vw 1vw;
margin-left: auto;
margin-right: auto
}
.btn-end-form img {
position: absolute;
right: -4vw;
width: 8vw;
top: -.5vw;
max-height: none;
-webkit-animation: jampTrf 4.5s infinite linear;
animation: jampTrf 4.5s infinite linear
}
.slick-slide {
outline: none
}
.end-item-test {
width: 28vw;
bottom: -3.2vw;
right: -3.1vw
}
.end-item-test img {
width: 100%
}
.endrt {
line-height: 1
}
.test-mes {
margin-top: 3vw;
padding: 1vw 1.5vw 1.5vw
}
.strd {
position: absolute;
right: -10vw;
top: 7vw;
width: 8vw
}
.test-left-img {
position: absolute;
left: -4vw;
top: 9vw;
width: 12vw;
-webkit-animation: transform-shiver 4000ms linear 0 infinite normal both;
animation: transform-shiver 4000ms linear 0 infinite normal both
}
.test-px {
position: absolute;
left: 3vw;
top: 5vw;
width: 15vw;
z-index: 7;
-webkit-animation: transform-shiver 4000ms linear 0 infinite normal both;
animation: transform-shiver 4000ms linear 0 infinite normal both
}
.checkbox-block {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.checkbox-block .small-text, .checkbox-block .tsm13, .checkbox-block .tsm12 {
opacity: .6
}
.checkbox-block.t2 {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.checkbox-block.t2 .checkbox-psevdo {
margin-top: 0 !important
}
.checkbox-block.t3 {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.checkbox-block.t3 .checkbox-psevdo {
margin-top: 0 !important;
margin-left: -.8vw;
margin-right: 1.4vw
}
.checkbox-inp {
display: none
}
.qw9-social {
width: 1.58vw;
margin-right: .5vw;
-webkit-filter: grayscale(1);
filter: grayscale(1)
}
.checkbox-psevdo {
border-radius: 100%;
-webkit-box-shadow: 0 5px 10px rgba(43, 43, 51, .1);
box-shadow: 0 5px 10px rgba(43, 43, 51, .1);
border: 1px solid #e8e8e8;
background-color: #fff;
width: 1.5vw;
height: 1.5vw;
padding: .2vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: -.7vw;
margin-bottom: .1vw;
-ms-flex-negative: 0;
flex-shrink: 0
}
.checkbox-psevdo.t2 {
margin-right: .5vw;
border: 1px solid #e8e8e8
}
.checkbox-psevdo.dark .checkbox-psevdo-active {
border: 1px solid #e8e8e8;
background-image: -webkit-gradient(linear, left bottom, left top, from(#626262), to(#7b7b7b));
background-image: -webkit-linear-gradient(bottom, #626262 0%, #7b7b7b 100%);
background-image: -o-linear-gradient(bottom, #626262 0%, #7b7b7b 100%);
background-image: linear-gradient(to top, #626262 0%, #7b7b7b 100%)
}
.checkbox-psevdo.t3 {
border-radius: 2px;
margin-top: -1.5vw;
background-color: #fff
}
.checkbox-psevdo.t3 .checkbox-psevdo-active {
border-radius: 2px;
background: #fff;
border: none;
width: 100%;
height: 100%;
padding: 0
}
.checkbox-psevdo.t9 {
margin-right: .5vw;
border: 1px solid #ddd
}
.checkbox-psevdo-active {
width: 1vw;
height: 1vw;
border-radius: 100%;
padding: .2vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
opacity: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: 1px solid #e8e8e8;
background-image: -webkit-gradient(linear, left bottom, left top, from(#fad15f), to(#feeebb));
background-image: -webkit-linear-gradient(bottom, #fad15f 0%, #feeebb 100%);
background-image: -o-linear-gradient(bottom, #fad15f 0%, #feeebb 100%);
background-image: linear-gradient(to top, #fad15f 0%, #feeebb 100%)
}
.checkbox-psevdo-active img {
-ms-flex-item-align: center;
align-self: center;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s
}
.checkbox-inp:checked ~ .tiem-img {
-webkit-box-shadow: 0 0 20px rgba(254, 238, 187, .4);
box-shadow: 0 0 20px rgba(254, 238, 187, .4);
border: 1px solid #fad66e;
opacity: 1
}
.checkbox-inp:checked ~ .checkbox-block {
opacity: 1
}
.checkbox-inp:checked ~ .checkbox-block .small-text, .checkbox-inp:checked ~ .checkbox-block .tsm13, .checkbox-inp:checked ~ .checkbox-block .tsm12 {
opacity: 1
}
.checkbox-inp:checked ~ span .qw9-social {
-webkit-filter: grayscale(0);
filter: grayscale(0)
}
.checkbox-inp:checked ~ span .checkbox-psevdo-active {
background-color: #e0c592;
opacity: 1
}
.checkbox-inp:checked ~ span .checkbox-psevdo-active img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.checkbox-inp:checked ~ span .checkbox-psevdo.t3 .checkbox-psevdo-active {
background: #fff
}
.checkbox-inp-va:checked ~ span .checkbox-psevdo-active {
background-color: #5b297e;
background-image: none
}
.checkbox-inp-tg:checked ~ span .checkbox-psevdo-active {
background-color: #0cbff5;
background-image: none
}
.checkbox-inp-wa:checked ~ span .checkbox-psevdo-active {
background-color: #00ad00;
background-image: none
}
.checkbox-inp:checked ~ .checkbox-block.t2 .small-text {
color: #2b2b33
}
.test-load {
height: 34vw
}
.test-name {
position: absolute;
bottom: 0;
left: 0;
width: 100%
}
.test-name .main__name {
bottom: 3vw;
left: 4vw
}
.test-name .name-2 {
margin-right: auto;
margin-left: -2vw
}
.test__right {
width: 34%;
position: relative;
z-index: 3;
padding: 1.8vw;
-webkit-box-shadow: inset 0 3px 40px rgba(215, 215, 215, .3);
box-shadow: inset 0 3px 40px rgba(215, 215, 215, .3);
border: 1px solid rgba(174, 174, 174, .3);
background-color: #fafafa;
border-radius: 0 1rem 1rem 0
}
.one__line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative
}
.one__line-left {
width: 50%
}
.one__line-man {
width: 60%;
position: absolute;
max-width: none;
max-height: none;
right: -2.6vw;
top: -.3vw
}
.one__wom {
position: absolute;
right: -3.5vw;
top: -7vw;
width: 11vw;
max-width: none;
max-height: none
}
.online {
position: absolute;
bottom: .5vw;
right: 4vw;
padding: .5vw;
background-color: rgba(255, 255, 255, .5);
-webkit-box-shadow: 0 2px 10px 0 rgba(133, 138, 160, .2);
box-shadow: 0 2px 10px 0 rgba(133, 138, 160, .2)
}
.online .phones__block-work {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.online .phones__block-cir {
margin-top: .1vw
}
.online-mod {
right: 1.5vw;
bottom: -1vw
}
.one__ads {
position: relative;
padding-left: 3vw
}
.ttgg {
color: #93d26f;
padding-top: 1vw;
border-bottom: 1px solid #bababa
}
.one__ads {
position: relative;
z-index: 5;
padding-left: 8vw
}
.one__ads-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
z-index: 5
}
.one__ads-img {
width: 3.3vw;
margin-right: .4vw;
-ms-flex-negative: 0;
flex-shrink: 0
}
.one__ads-center {
padding-left: 4vw
}
.one-img {
position: absolute;
left: -1.83vw;
top: .8vw;
width: 13.5vw;
max-width: none;
max-height: none
}
.two-img {
position: absolute;
left: -2vw;
top: 2.6vw;
width: 22vw;
max-width: none;
max-height: none
}
.btn-pdf-s {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fad15f
}
.irs {
width: 100%
}
.irs-max, .irs-min {
display: none
}
.irs--flat .irs-line {
border-radius: 6px;
background-color: #e8e8e8;
top: 29px;
height: 10px
}
.irs--flat .irs-bar {
border-radius: 6px;
background-image: -webkit-gradient(linear, left top, right top, from(#fad15f), to(#feeebb));
background-image: -webkit-linear-gradient(left, #fad15f 0%, #feeebb 100%);
background-image: -o-linear-gradient(left, #fad15f 0%, #feeebb 100%);
background-image: linear-gradient(to right, #fad15f 0%, #feeebb 100%);
top: 29px;
height: 10px
}
.irs--flat .irs-handle {
width: 20px;
height: 20px;
-webkit-box-shadow: 0 0 10px rgba(133, 138, 160, .19);
box-shadow: 0 0 10px rgba(133, 138, 160, .19);
border: 1px solid #c7cbdb;
background-color: #f4f3ef;
border-radius: 100%;
cursor: pointer;
top: 24px
}
.irs--flat .irs-handle:before {
content: '';
position: absolute;
-webkit-box-shadow: 0 0 4px #fff;
box-shadow: 0 0 4px #fff;
background-image: -webkit-gradient(linear, left bottom, left top, from(#fad15f), to(#feeebb));
background-image: -webkit-linear-gradient(bottom, #fad15f 0%, #feeebb 100%);
background-image: -o-linear-gradient(bottom, #fad15f 0%, #feeebb 100%);
background-image: linear-gradient(to top, #fad15f 0%, #feeebb 100%);
width: 13px;
height: 13px;
border-radius: 100%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.irs--flat .irs-handle i {
display: none !important
}
.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {
padding: .5rem;
border-radius: 5px;
background-color: transparent;
color: #1d1d1d;
font-size: 1.8rem;
font-weight: 300;
min-width: 4rem;
text-align: center;
cursor: pointer;
top: -1rem
}
.irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before {
display: none
}
.irs-single {
display: none
}
.test-item__info {
width: 62%
}
.test-item__info-block {
position: relative
}
.test-item__info-wrap {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.range-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.slider-block__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.slider-block {
width: 67%
}
.qw3inp-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.qw3inp-wrap .text {
white-space: nowrap
}
.ranges-inp {
width: 5vw;
padding: .7vw;
padding-left: 1vw !important;
border-radius: 5px;
height: 2.7vw;
margin: 0 .6vw
}
.bgts {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: .9vw;
margin-bottom: -1vw
}
.qw2w {
min-height: 21vw
}
.gw2-img {
position: absolute;
left: -1vw;
bottom: -7.4vw;
width: 17vw;
max-width: none;
max-height: none
}
.test__btns {
margin-top: 2vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.btn-lbs {
position: absolute;
width: 15vw;
height: 100%;
left: 50%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 15;
cursor: pointer
}
.btn-lbs:before {
content: "Выберите вариант ответа";
position: absolute;
top: -1.5vw;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
color: #e42a2e;
font-size: 1vw;
white-space: nowrap;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
opacity: 0
}
.btn-lbs.act:before {
opacity: 1
}
.file-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 87%;
-webkit-box-shadow: inset 0 0 7px rgba(212, 209, 199, .2);
box-shadow: inset 0 0 7px rgba(212, 209, 199, .2);
border-radius: 10px;
border: 1px solid #dbdad8;
background-color: #f4f3ef
}
.file-text {
padding: 1vw;
padding-left: 1.6vw;
color: #636674;
font-style: italic
}
.file-link {
-webkit-box-shadow: 0 2px 0 rgba(188, 166, 127, .38);
box-shadow: 0 2px 0 rgba(188, 166, 127, .38);
border-radius: 10px;
background-color: #f3e9d2;
background-image: -webkit-linear-gradient(330deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .6) 50%, rgba(255, 255, 255, 0) 100%);
background-image: -o-linear-gradient(330deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .6) 50%, rgba(255, 255, 255, 0) 100%);
background-image: linear-gradient(-240deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .6) 50%, rgba(255, 255, 255, 0) 100%);
padding: 1vw 2vw;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
cursor: pointer;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s
}
.file-link:hover {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2)
}
.input-hidden {
display: none
}
.test-item-qw3-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.test-item-qw3-block-left {
width: 65%
}
.test-item-qw3-block-right {
width: 33%;
padding: .7vw;
-webkit-box-shadow: inset 0 3px 40px rgba(215, 215, 215, .3);
box-shadow: inset 0 3px 40px rgba(215, 215, 215, .3);
border-radius: 5px;
border: 1px solid #aeaeae;
background-color: #fff;
-ms-flex-item-align: start;
align-self: flex-start
}
.test-item-qw3-block-right-cont {
height: 19vw;
overflow: hidden;
overflow-y: scroll;
padding-right: .6vw
}
.list-h li {
position: relative;
padding-left: 1rem;
margin: .3vw 0
}
.list-h li:before {
content: '';
position: absolute;
left: 0;
top: .2vw;
width: 5px;
height: 5px;
border-radius: 100%;
background-color: #69bdad
}
.test-item-qw3-block-right-cont::-webkit-scrollbar {
width: 9px;
border-radius: 5px;
overflow: hidden
}
.test-item-qw3-block-right-cont::-webkit-scrollbar-button {
display: none
}
.test-item-qw3-block-right-cont::-webkit-scrollbar-track {
border-radius: 5px;
background-color: #f4f3ef
}
.test-item-qw3-block-right-cont::-webkit-scrollbar-track-piece {
border-radius: 5px;
background-color: #f4f3ef
}
.test-item-qw3-block-right-cont::-webkit-scrollbar-thumb {
border-radius: 5px;
background-image: -webkit-gradient(linear, left bottom, left top, from(#fad15f), to(#feeebb));
background-image: -webkit-linear-gradient(bottom, #fad15f 0%, #feeebb 100%);
background-image: linear-gradient(to top, #fad15f 0%, #feeebb 100%)
}
.tiem-no {
position: absolute;
left: .5vw;
bottom: -4.5vw
}
.tiem.end-soc-i {
padding-top: .6vw;
padding-bottom: .6vw;
-webkit-box-shadow: 0 1px 16px rgba(215, 215, 215, .65);
box-shadow: 0 1px 16px rgba(215, 215, 215, .65);
background-color: #fff;
border-radius: 5px;
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(215, 215, 215, .3)), to(rgba(215, 215, 215, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(215, 215, 215, .3) 0%, rgba(215, 215, 215, 0) 100%);
background-image: -o-linear-gradient(bottom, rgba(215, 215, 215, .3) 0%, rgba(215, 215, 215, 0) 100%);
background-image: linear-gradient(to top, rgba(215, 215, 215, .3) 0%, rgba(215, 215, 215, 0) 100%)
}
.tiem.end-soc-i .tiem-before-mod {
border-radius: 5px
}
.test__right-wrap-block {
position: relative
}
.test__right-wrap-block-img {
margin-left: -2vw;
width: 80%
}
.one__ads-center-tw {
padding-left: 3vw;
margin-top: -2vw
}
.ab-1 {
position: absolute;
right: .4vw;
top: 3vw;
width: 11vw
}
.ab-2 {
position: absolute;
right: 0;
top: 10vw;
width: 11vw
}
.sect {
width: 100%;
margin-bottom: .5vw;
padding: 0
}
.sect .checkbox-block {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.sect .checkbox-psevdo {
margin: 0;
margin-right: .5vw
}
.garant {
padding: 13vw 0 2vw;
position: relative;
color: #fff
}
.garant__advas {
width: 72%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
color: #000
}
.garant__advas-item {
width: 48%;
padding: 1.5vw;
-webkit-box-shadow: 0 5px 54px rgba(0, 0, 0, .5);
box-shadow: 0 5px 54px rgba(0, 0, 0, .5);
border-radius: 10px;
background-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative
}
.garant__advas-item-cr {
color: #d7d7d7;
width: 3vw;
margin-left: -1vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
white-space: nowrap;
margin-right: 1vw
}
.garant__advas-item-cr-wrap {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.garant__advas-item-text {
width: 90%
}
.garant__advas-item-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.garant__advas-item-img {
width: 3vw;
height: 3vw;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 1vw
}
.garant__img {
position: absolute;
right: -7vw;
bottom: -12vw;
width: 64vw;
max-width: none;
max-height: none
}
.garant__img img {
width: 100%;
-webkit-animation: transform-shiver 5000ms linear 0 infinite normal both;
animation: transform-shiver 5000ms linear 0 infinite normal both
}
.garant__btn {
position: absolute;
left: 47%;
bottom: 21vw
}
.garant-px {
position: absolute;
left: -13vw;
top: 20%;
width: 26vw;
-webkit-animation: transform-shiver 4000ms linear 0 infinite normal both;
animation: transform-shiver 4000ms linear 0 infinite normal both
}
.nots {
position: absolute;
top: 16vw;
left: 60%;
-webkit-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
transform: rotate(-20deg);
color: #d7d7d7
}
.nots img {
width: 2vw
}
.works__cont {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.works__cont .garant__advas-item {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.works__tls {
padding-left: 2.5vw;
color: #fff;
width: 71%
}
.works-bg {
position: absolute;
bottom: 0;
left: -14vw;
width: 50%;
max-height: none
}
.works-team {
position: absolute;
left: -4vw;
width: 40vw;
bottom: 2vw
}
.works-team-text {
position: absolute;
bottom: 7vw;
right: 6vw;
padding: .8vw 1.2vw;
border-radius: 1rem;
-webkit-box-shadow: 0 5px 54px rgba(0, 0, 0, .5);
box-shadow: 0 5px 54px rgba(0, 0, 0, .5);
background-color: #fff;
width: 16vw;
text-align: center
}
.vo {
position: relative;
padding: 1vw 0;
color: #fff
}
.vo__cont {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.vo__left {
width: 47%
}
.vo__right {
width: 47%;
position: relative
}
.vo__right-img {
position: absolute;
left: 2px;
top: 0;
width: 19.7vw;
z-index: 14
}
.vo__slider-top {
width: 17.4vw;
margin: 1.3vw;
margin-left: 1.33vw;
margin-top: .8vw;
border-radius: 1rem;
overflow: hidden;
position: relative;
z-index: 2
}
.vo__slider-top-item {
height: 38.5vw;
display: block;
border-radius: 2rem
}
.vo__slider-top-wrap {
position: relative;
display: inline-block;
z-index: 11
}
.vo__slider-bot {
width: 60vw;
position: absolute;
right: -25vw;
top: 0;
z-index: 3
}
.vo__slider-bot-item {
height: 34vw;
position: relative;
border-radius: 2rem;
opacity: .4;
margin: 2.2vw;
margin-top: 1vw;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s
}
.vo__slider-bot-item:before {
content: '';
position: absolute;
left: 50%;
top: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 50%;
height: 1.4vw;
border-radius: 0 0 1.6rem 1.6rem;
background-color: #262626
}
.vo__slider-bot-item.slick-current {
opacity: 0
}
.vo__slider-link {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 19vw;
z-index: 15
}
.vo__slider-link-item {
position: absolute;
left: 0;
top: 0;
width: 100%;
display: block;
height: 100%
}
.vo__advas {
position: relative;
padding-bottom: 2vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.vo__advas:before {
content: '';
position: absolute;
bottom: 0;
left: 3.3vw;
width: 7vw;
height: 1px;
background-color: #fff
}
.vo__advas:last-child {
padding-bottom: 0
}
.vo__advas:last-child:before {
display: none
}
.vo__advas-img {
width: 2.3vw;
height: 2.3vw;
margin-right: 1vw;
-ms-flex-negative: 0;
flex-shrink: 0
}
.slider-px {
position: absolute;
left: 30%;
bottom: 5%;
width: 27vw;
z-index: 5
}
.team {
color: #fff
}
.team-info {
width: 50%
}
.team__advas {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 85%;
margin-left: 5%
}
.team__advas-item {
margin: 0 1.5%
}
.team__advas-img {
height: 8vw
}
.team__advas-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%
}
.team-bg {
position: absolute;
left: -8vw;
width: 77%;
bottom: 4vw;
max-height: none
}
.team-img {
position: absolute;
right: -5vw;
width: 42vw;
top: -4vw
}
.feedback {
color: #fff
}
.feedback__cont {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.feedback__left {
height: 34vw;
position: absolute;
top: 9vw;
left: 1vw
}
.feedback__right {
width: 95%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin-right: -30%;
position: relative;
z-index: 4
}
.feedback__slider {
width: 72%
}
.feedback__slider-item {
margin: 0 1.5vw;
height: 21vw;
border-radius: 1vw;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
opacity: .4;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s
}
.feedback__slider-item.slick-current {
opacity: 1
}
.feedback__slider-item .play-feed {
display: none
}
.feedback__nums {
width: 18%;
position: relative
}
.feedback__nums-ar {
position: absolute;
width: 6vw;
right: -.5vw;
bottom: -.8vw
}
.gg-img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
.gg-link {
position: absolute;
left: 20%;
bottom: 23%
}
.gg-text {
position: absolute;
width: 10vw
}
.gg-text-1 {
top: 14%;
left: 52%
}
.gg-text-2 {
left: 93%;
top: 45%
}
.play-feed {
width: 9vw;
margin-top: 2.5vw;
margin-left: 1.5vw;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s
}
.play-feed:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
.text-th {
position: absolute;
top: -4.4vw;
left: 30%;
color: #d7d7d7
}
.text-th img {
position: absolute;
width: 3vw;
right: -3vw;
bottom: -1.7vw;
max-height: none
}
.callback {
color: #fff
}
.callback__left {
width: 47%
}
.callback-list li {
position: relative;
margin: .5vw 0;
padding-left: 1.8vw;
display: block
}
.callback-list li:before {
content: '';
position: absolute;
left: 0;
top: .3vw;
width: 1.1vw;
height: .8vw;
background: url(../../../themes/src/assets/img/callback/v.png) no-repeat center;
background-size: 100% 100%
}
.callback__block {
padding-right: 14vw
}
.callback__right {
width: 56%;
position: absolute;
right: 7vw;
bottom: 11%
}
.callback__right-img {
position: absolute;
width: 58%;
bottom: 88%;
right: 6vw
}
.callback__right-im {
width: 35vw
}
.callback__right-im img {
width: 100%
}
.callback__right-bf {
width: 24vw;
position: absolute;
top: 11%;
left: -13%;
z-index: -1;
-webkit-animation: transform-shiver 5000ms linear 0 infinite normal both;
animation: transform-shiver 5000ms linear 0 infinite normal both
}
.callback__right-bf img {
width: 100%
}
.callback__right .smeta-dir__name {
right: -5vw;
top: 18vw
}
.callback-form {
color: #000;
padding: 2.5vw;
-webkit-box-shadow: 0 5px 54px rgba(0, 0, 0, .5);
box-shadow: 0 5px 54px rgba(0, 0, 0, .5);
background-color: #fff;
border-radius: 1rem;
position: relative;
z-index: 5
}
.callback-form:after {
content: '';
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: calc(100% - 16px);
height: calc(100% - 16px);
border: 1px dashed #8c8c8c;
border-radius: 1rem;
z-index: -1;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s
}
.callback-form__left {
width: 62%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.callback-form__left .portfolio__form-check {
width: 100%
}
.callback-form__block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.callback-form__block .plc__btns {
padding-right: 1vw
}
.callback-form__block .plc__btns-img {
left: 76%
}
.callback-bg {
position: absolute;
max-width: none;
max-height: none;
right: -4vw;
width: 57%;
top: 0
}
.like {
color: #d7d7d7
}
.like__cont {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.like__left {
width: 30%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.like__right {
width: 66%
}
.like__btn {
padding: 1.6vw 3.5vw
}
.like__advas {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.like__advas-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 22%;
margin: 0 1.5%
}
.like__advas-item-img {
width: 2.2vw;
height: 2.2vw;
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
align-items: center
}
.like-bg {
position: absolute;
left: -8vw;
top: -7vw;
width: 70%;
max-height: none
}
.like-img {
position: absolute;
left: -11vw;
top: 7vw;
width: 22vw;
-webkit-animation: transform-shiver 5000ms linear 0 infinite normal both;
animation: transform-shiver 5000ms linear 0 infinite normal both
}
.ctrl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.ctrl-img {
width: 1.5vw
}
.ctrl-img img {
width: 100%
}
.seob {
position: relative
}
.seob .ware__item__img {
width: 4vw;
height: 4vw
}
.seob__btn {
width: 3vw;
height: 3vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: auto;
margin-right: auto;
cursor: pointer
}
.seob__text {
text-align: center;
color: #fff;
position: relative;
height: 3.4vw;
overflow: hidden
}
.seob__text-wrap {
padding-bottom: 2vw
}
.seob__text.act {
height: 3.4vw !important
}
.seob__text:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2vw;
background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#262626));
background-image: -webkit-linear-gradient(top, transparent 0%, #262626 100%);
background-image: -o-linear-gradient(top, transparent 0%, #262626 100%);
background-image: linear-gradient(to bottom, transparent 0%, #262626 100%)
}
.contacts {
padding: 3vw 0;
position: relative;
color: #fff;
padding-top: 0
}
.contacts__cont {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.contacts__item {
width: 37%
}
.contacts__item-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.contacts__item-block img {
height: 12vw;
-o-object-fit: cover;
object-fit: cover;
border-radius: 1rem
}
.contacts__item-head {
width: 80%
}
.contacts__item-one {
width: 36%
}
.contacts__item-map {
width: 33%;
position: relative
}
.items-gray {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #8c8c8c
}
.items-gray-img {
width: 1vw;
height: 1vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-negative: 0;
flex-shrink: 0
}
.phones-block-df {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 19vw
}
.phones-block-df-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-left: 1.5%;
margin-right: 1.5%
}
.map {
width: 100%;
position: relative;
height: 19vw;
background-color: #fff;
border-radius: 1rem;
overflow: hidden
}
.dir-bg {
position: absolute;
right: -3vw;
width: 85%;
top: 1vw
}
.dir-px1 {
position: absolute;
left: 8vw;
width: 18vw;
top: 11vw
}
.footer {
background-color: #333
}
.footer__cont {
padding: 1.5vw 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.map-sec {
width: 100%;
position: relative;
height: 30vw;
-webkit-box-shadow: 0 -54px 54px rgba(0, 0, 0, .5);
box-shadow: 0 -54px 54px rgba(0, 0, 0, .5);
background-color: #404040
}
.projects-tabs__item {
display: inline-block;
position: relative;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
color: #d7d7d7;
margin-right: 8vw
}
.projects-tabs__item::before {
position: absolute;
content: '';
left: 50%;
top: 101%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 0;
border-bottom: 1px solid #afe4d6;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s
}
.projects-tabs__item:hover {
color: #afe4d6
}
.projects-tabs__item:hover::before {
width: 100%
}
.projects-tabs__item.active {
color: #afe4d6;
font-style: italic
}
.projects-tabs__item.active::before {
width: 100%
}
.projects__block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.projects__item {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 49%;
height: 35vw;
-webkit-box-shadow: 0 5px 54px rgba(0, 0, 0, .5);
box-shadow: 0 5px 54px rgba(0, 0, 0, .5);
border-radius: 15px;
margin-bottom: 2vw;
overflow: hidden
}
.projects__item::before {
z-index: 0;
position: absolute;
content: '';
width: 100%;
height: 40%;
left: 0;
bottom: 0;
background: url(../../../themes/src/assets/img/main-portfolio/bf-item.png) center bottom no-repeat;
background-size: cover
}
.projects__content {
width: 100%;
padding: 2.5vw;
position: relative;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.projects__title {
width: 70%
}
.projects__size {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.projects__ic {
width: 1.4vw;
height: 1.4vw
}
.projects__ic img {
width: 100%
}
.projects__btn {
margin-left: auto;
margin-right: auto
}
.projects__btn .more {
width: 1vw
}
.projects__btn .more img {
width: 100%
}
.btn-wrap {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.news-tabs__item {
display: inline-block;
position: relative;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
color: #d7d7d7;
margin-right: 8vw
}
.news-tabs__item::before {
position: absolute;
content: '';
left: 50%;
top: 101%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 0;
border-bottom: 1px solid #afe4d6;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s
}
.news-tabs__item:hover {
color: #afe4d6
}
.news-tabs__item:hover::before {
width: 100%
}
.news-tabs__item.active {
color: #afe4d6;
font-style: italic
}
.news-tabs__item.active::before {
width: 100%
}
.news__block {
color: #333;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.news__img {
width: 100%;
height: 100%;
border-radius: 15px;
overflow: hidden;
position: relative;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s
}
.news__img::before {
z-index: 0;
position: absolute;
content: '';
width: 100%;
height: 40%;
left: 0;
top: 0;
background: url(../../../themes/src/assets/img/news/bf-top.png) center bottom no-repeat;
background-size: cover
}
.news__item {
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 49%;
height: 35vw;
-webkit-box-shadow: 0 5px 54px rgba(0, 0, 0, .5);
box-shadow: 0 5px 54px rgba(0, 0, 0, .5);
border-radius: 15px;
margin-bottom: 2vw;
overflow: hidden;
background-color: #fff
}
.news__item-cont {
width: 100%;
height: 100%;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.news__item-cont-hov {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: transparent;
position: absolute;
left: 0;
top: 0;
padding: 2vw;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
opacity: 0;
-webkit-transform: translateY(10%);
-ms-transform: translateY(10%);
transform: translateY(10%);
z-index: 24
}
.news__item:hover .news__item-cont-hov {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.news__item:hover .news__item-cont {
opacity: .3
}
.news__item:hover .news__info {
color: #333
}
.news__item:hover .news__img {
height: 100%;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
.news__item:hover .news__title {
-webkit-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
transform: translate(0, 100%)
}
.news__title {
background-color: #fff;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 1.5vw 2vw;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s
}
.news__info {
color: #8c8c8c;
position: absolute;
width: 100%;
left: 0;
top: 0;
z-index: 2;
padding: 2vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.news__info-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.news__info-img {
width: 1.2vw
}
.news__info-img img {
width: 100%
}
.news__btn {
margin-left: auto;
margin-right: auto
}
.news__btn .more {
width: 1vw
}
.news__btn .more img {
width: 100%
}
.btn-wrap {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}
.flatcheck {
position: relative
}
.flatcheck-bg {
top: auto;
bottom: 0
}
.flatcheck-advas {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.flatcheck-advas__item {
position: relative;
width: 32%;
-webkit-box-shadow: 0 5px 54px rgba(0, 0, 0, .5);
box-shadow: 0 5px 54px rgba(0, 0, 0, .5);
border-radius: 10px;
background-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.flatcheck-advas__title {
padding: 4vw 2vw
}
.flatcheck-advas__img {
position: absolute;
right: -5%;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 10vw
}
.flatcheck-advas__img img {
width: 100%
}
.flatcheck-list__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.flatcheck-list__img {
margin-right: 1vw;
width: 3vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-negative: 0;
flex-shrink: 0
}
.flatcheck-list__img img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.flatcheck__left {
width: 55%
}
.flatcheck__right {
width: 45%;
right: 7vw;
bottom: 0
}
.flatcheck__right-img {
position: absolute;
width: 35vw;
bottom: -10%;
right: 10vw
}
.flatcheck__name {
bottom: auto;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: -3vw
}
.smeta-dir__phone {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.smeta-dir__ic {
width: .65vw
}
.smeta-dir__ic img {
width: 100%
}
.smeta-dir__num {
color: #000
}
.time-sub {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.time-sub__img {
width: 1.2vw;
margin-right: 1vw
}
.time-sub__img img {
width: 100%
}
.time-cost {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.time-cost__left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: 1vw
}
.time-cost__right {
margin-left: 1vw
}
.time-list__item {
padding-left: 1vw;
position: relative
}
.time-list__item:before {
position: absolute;
content: '';
top: .5vw;
left: 0;
width: 5px;
height: 5px;
border-radius: 100%;
background-color: #afe4d6
}
.time__cont {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.time__item.v1 {
width: 25%;
margin-right: 3%
}
.time__item.v2 {
width: 44%
}
.time-form__block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.time-form__block-item {
position: relative;
margin-left: .5vw;
margin-right: .5vw
}
.time-form__block-item-wr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.time__img {
position: absolute;
top: 55%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: -20%;
width: 48vw;
-webkit-animation: transform-shiver22 5000ms linear 0 infinite normal both;
animation: transform-shiver22 5000ms linear 0 infinite normal both
}
.time__img img {
width: 100%
}
.socials-wr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: left
}
.ad-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.ad-list__item {
position: relative;
width: 32%;
padding-right: 7%;
-webkit-box-shadow: 0 5px 54px rgba(0, 0, 0, .5);
box-shadow: 0 5px 54px rgba(0, 0, 0, .5);
border-radius: 10px;
background-color: #fff
}
.ad-list__text {
padding: 2vw
}
.ad-list__img {
position: absolute;
bottom: 0;
right: 0;
-webkit-transform: translateY(2px);
-ms-transform: translateY(2px);
transform: translateY(2px)
}
.ad-list__img img {
width: 100%
}
.ad-list__img.v1 {
width: 12vw;
-webkit-transform: translateY(4px);
-ms-transform: translateY(4px);
transform: translateY(4px)
}
.ad-list__img.v2 {
width: 10.5vw;
right: -1.05vw
}
.ad-list__img.v3 {
width: 14vw
}
.spec {
padding: 4vw 0;
position: relative;
color: #fff
}
.spec__cont {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
flex-wrap: wrap
}
.spec__item {
width: 21%;
margin: 3vw 1.5%;
position: relative;
height: 16vw;
-webkit-box-shadow: 0 5px 54px rgba(0, 0, 0, .5);
box-shadow: 0 5px 54px rgba(0, 0, 0, .5);
border-radius: 10px;
background-color: #fff;
color: #333
}
.spec__item-img {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
max-height: none
}
.spec__item-name {
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, 50%);
-ms-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
bottom: 0;
-webkit-box-shadow: 0 5px 54px rgba(0, 0, 0, .5);
box-shadow: 0 5px 54px rgba(0, 0, 0, .5);
background-color: #fff;
padding: .8vw 1.3vw;
border-radius: 7px;
white-space: nowrap
}
.spec__btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.sertific {
padding: 4vw 0;
padding-bottom: 0;
position: relative;
color: #fff
}
.sertific__cont {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.sertific-bg {
position: absolute;
right: -4vw;
top: -18vw;
width: 55%;
max-height: none
}
.sertific__left {
width: 50%
}
.sertific__right {
padding-left: 7%;
margin-top: 8vw
}
.sertific__title {
position: relative;
padding-left: 1vw
}
.sertific__title-num {
color: #333;
font-size: 11vw;
font-weight: 400;
line-height: .8;
text-transform: uppercase;
position: absolute;
left: 0;
top: 0;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%)
}
.sertific-slider {
position: relative
}
.sertific-slider__wrap {
padding-top: 1vw;
width: 60%;
margin-left: auto;
margin-right: auto;
position: relative
}
.sertific-px {
position: absolute;
right: -7vw;
width: 26vw;
bottom: 7vw;
-webkit-animation: transform-shiver 5000ms linear 0 infinite normal both;
animation: transform-shiver 5000ms linear 0 infinite normal both
}
.sertific-slider-px {
position: absolute;
left: -30vw;
width: 100%;
top: 2vw;
opacity: .3
}
.main-pxa {
position: absolute;
left: -12vw;
width: 21vw;
top: 20%;
-webkit-animation: transform-shiver 5000ms linear 0 infinite normal both;
animation: transform-shiver 5000ms linear 0 infinite normal both
}
.discounts {
color: #fff;
position: relative;
z-index: 5
}
.discounts__cont {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.discounts__left {
width: 36%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.discounts__left-num {
position: relative;
font-size: 10vw;
line-height: 1
}
.discounts__left-num-wrap {
text-shadow: 0 4vw 10vw rgba(250, 209, 95, .2), 0 1px 0 #8b7433;
color: #f1d279;
font-weight: 700
}
.discounts__right {
width: 62%
}
.discounts__advas {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.discounts__advas-item {
margin: 1.3vw 0;
width: 30%
}
.discounts__advas-item.mod {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.discounts-bg {
position: absolute;
left: -7vw;
bottom: -20vw;
width: 59%;
max-height: none
}
.discounts-list {
position: absolute;
left: -17vw;
bottom: -14vw;
width: 44vw;
max-height: none;
max-width: none
}
.dlsc {
position: absolute;
top: 0;
left: 0
}
.prc-l {
text-shadow: 0 22px 24px rgba(38, 38, 38, .58), 0 4px 0 #8b7433
}
.title-portfi {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.title-portfi-size {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: 4vw
}
.title-portfi-size img {
width: 1.4vw;
-ms-flex-negative: 0;
flex-shrink: 0
}
.tgy {
padding-left: 8%
}
.portfi-slider-top {
position: relative;
width: 82%;
margin-left: auto;
margin-right: auto
}
.portfi-slider-top__item {
border-radius: 1rem;
display: block;
height: 32vw
}
.portfi-slider-bot {
width: 70%;
margin-left: auto;
margin-right: auto;
margin-top: -4vw
}
.portfi-slider-bot__item {
height: 5vw;
border-radius: 7px;
margin: 0 1vw;
cursor: pointer
}
.portfi__advas {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.portfi__advas-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.portfi__advas-first {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.portfi__advas-first-img {
width: 1.7vw;
height: 1.3vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.portfi-feed {
padding-top: 6vw;
padding-bottom: 1vw
}
.portfi-feed__cont {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.portfi-feed__left {
width: 47%;
color: #fff
}
.portfi-feed__right {
width: 47%;
color: #fff;
padding: 1vw
}
.portfi-feed__slide {
opacity: 1
}
.portfi-feed__btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.overlay {
z-index: 999;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .7);
overflow-y: scroll
}
.dark-tsm {
border: 1px solid #e8e8e8;
color: #262626;
padding: .4vw .7vw
}
.modal-block {
padding: 3vw 2vw;
border-radius: 1rem;
position: relative
}
.modal-block__left {
width: 48%
}
.modal-block__right {
width: 48%;
position: relative;
padding: 2vw;
padding-top: 0
}
.modal-block.v1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.modal-block.v3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.modal-block .msoc-fq {
border-radius: 5px
}
.modal-wrap {
position: absolute;
top: 50%;
left: 50%;
border-radius: 1rem;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin-bottom: 8vw
}
.modal-min {
width: 31vw
}
.modal-xs {
width: 23vw
}
.modal-mb {
width: 80vw
}
.modal-big {
width: 51vw
}
.modal-big2 {
width: 55vw
}
.modal-sm {
width: 36vw
}
.modal-sm .modal {
overflow: unset
}
.modal-smm {
width: 38vw
}
.close {
position: absolute;
right: 0;
top: 0;
width: 1.5vw;
height: 1.5vw;
-webkit-transform: translate(-100%, 100%);
-ms-transform: translate(-100%, 100%);
transform: translate(-100%, 100%);
cursor: pointer;
z-index: 99
}
.close-modals {
top: 1vw
}
.close:before, .close:after {
position: absolute;
left: 50%;
content: ' ';
height: 100%;
width: 2px;
background-color: #c7cbcf;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
border-radius: 3px
}
.close:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.close:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.close:hover:before, .close:hover:after {
background-color: #4ba252
}
.form-wrapper {
width: 16vw
}
.form-wrapper__label {
padding-left: 1.5vw
}
.form-wrapper .fancy-select div.trigger {
border: 1px solid #e8e8e8;
background-color: #f8f8fa;
color: #727272
}
.modal-label {
display: block;
cursor: pointer
}
.m-forms {
width: 70%
}
.linb {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.mbc-bg {
position: absolute;
bottom: 0;
left: 0;
width: 100%
}
.modal-mbc {
background-color: #fff;
padding: 3vw 5.5vw
}
.modal-mbc__form {
width: 64%
}
.modal-mbc__right {
width: 31%
}
.modal-mbc__right .phones {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.modal-mbc__right .phones__item {
color: #2b2b33
}
.modal-mbc__right .block-c__img {
width: 1vw;
height: 1vw
}
.modal-mbc__right .block-c {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.modal-mbc__block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
z-index: 5
}
.cg {
color: #999ca9
}
.kvm {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative
}
.kvm img {
margin-right: .5vw;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 1vw
}
.th-text {
line-height: 1.8
}
.th-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 13vw;
margin-left: 43%
}
.back-close {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.back-close img {
width: .9vw;
-ms-flex-negative: 0;
flex-shrink: 0
}
.mts-img {
left: 0;
bottom: -3vw;
width: 9vw;
overflow: hidden;
position: absolute
}
.mts-img img {
margin-bottom: -5vw;
width: 100%
}
.mn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.mn-left {
width: 21vw;
padding-right: 3vw;
margin-right: -3vw;
margin-top: 2vw
}
.mn-left img {
margin-top: -7vw;
-webkit-transform: scale(1.1) translateX(7%);
-ms-transform: scale(1.1) translateX(7%);
transform: scale(1.1) translateX(7%)
}
.mn-right {
width: 30vw
}
.mn__form-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.mn__form-block .inp-md {
margin-right: 1%;
margin-left: 1%
}
.mn-name {
position: absolute;
bottom: -1.5vw;
left: -.3vw
}
.mn-name .hp {
font-variant: small-caps
}
.close-b {
right: 1vw;
top: -.5vw
}
.strd-s {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
position: relative;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 1vw !important;
padding-right: .5vw !important
}
.strd-s-item {
width: 37%;
position: relative
}
.strd-s-item.v1 {
width: 63%
}
.strd-s-item.v1:before {
content: '';
position: absolute;
right: .3vw;
top: 50%;
height: 2vw;
width: 1px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background-color: #dbdad8
}
.end-soc-mod {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
width: 90%
}
.end-soc-mod .tiem {
padding: .6vw
}
.end-soc-mod .checkbox-block.t3 .checkbox-psevdo {
margin-left: -1.4vw;
margin-right: .6vw
}
.bg-block {
width: 50%;
margin-left: 50%
}
.soc-bef {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 5px;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
background-color: #00af47;
opacity: 0;
z-index: -1
}
.hrd-soc {
display: none
}
.hrd-soc:checked ~ .soc-bef {
opacity: 1
}
.hrd-soc:checked ~ .tsm13 {
color: #fff
}
.maq {
position: relative;
cursor: pointer;
z-index: 3
}
.me-img {
position: absolute;
bottom: 2vw;
right: 0;
width: 10vw
}
.overlay .mbrn {
left: 50%;
bottom: -1vw;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 14vw;
color: #fff
}
.mdescr {
position: relative;
padding-left: 1.2vw
}
.mdescr:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 3px;
height: 100%;
background-color: #3fb450
}
.btn-w1 {
width: 13vw
}
.mw1-img {
position: absolute;
width: 27vw;
right: 0;
bottom: 0;
max-width: auto;
max-height: auto
}
.w2-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.w2-block__left {
width: 46%
}
.w2-block__right {
width: 46%
}
.w2-list li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: .3vw 0
}
.w2-list li img {
width: 1.5vw;
height: 1.5vw;
-ms-flex-negative: 0;
flex-shrink: 0
}
.close-nav {
width: 2.5vw;
height: 2.5vw;
right: 9vw;
top: 2vw;
display: block;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.close-nav:hover {
opacity: .6
}
.close-nav:before, .close-nav:after {
display: none
}
.modal-thanks-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}
.modal-thanks-l {
width: 45%;
position: relative;
overflow: hidden;
height: 20vw
}
.modal-thanks-r {
width: 55%;
padding: 2vw
}
.modal-thanks__img {
width: 100%
}
.modal-thanks__img-wrap {
position: absolute;
left: 50%;
bottom: -15%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 11vw
}
.modal-thanks-bf {
position: absolute;
top: 10%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: -1
}
.modal-load {
position: relative
}
.modal-load__img {
-ms-flex-item-align: end;
align-self: flex-end;
width: 18vw
}
.modal-load__img img {
width: 100%
}
.modal-load__img-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
-webkit-transform: translateY(5px);
-ms-transform: translateY(5px);
transform: translateY(5px);
position: relative
}
.modal-load-wrap {
overflow: hidden
}
.modal-load-wrap .plc-form-pd {
padding-bottom: 0
}
.modal-load-bf {
width: 7vw;
position: absolute;
top: 0;
left: 15%;
z-index: -1
}
.modal-end-wrap {
position: relative
}
.modal-end__img {
position: absolute;
width: 45vw;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: -37%
}
.modal-end__img img {
width: 100%
}
.modal-words__img {
width: 100%
}
.modal-words__img-wrap {
width: 14vw
}
.wrap-wh::before {
z-index: -1;
position: absolute;
content: '';
top: -6%;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
height: 6vw;
width: 130%;
background: url(../../../themes/src/assets/img/modals/WH.png) center no-repeat;
background-size: auto 100%
}
.plc-form-pdn {
padding: 0
}
.plc-form-pd {
padding: 2vw
}
.plc-form-thanks {
width: 37vw
}
.insta__btn {
position: absolute;
bottom: 1vw;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap
}
.text-line {
position: relative
}
.text-line::before {
content: '';
position: absolute;
top: 0;
left: -1vw;
width: 1px;
height: 100%;
background-color: #333
}
.popup-end__form {
margin-left: auto;
margin-right: auto
}
.mobs {
display: none
}
.pace-running:after {
content: "";
background: rgba(34, 34, 34, 0.51);
z-index: 9997;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100vw;
height: 100vh;
overflow: hidden;
display: block
}
.pace:before {
content: "";
position: fixed;
margin: auto;
display: block;
/* background-image: url(../../../../wp-content/uploads/2020/04/Logo.svg);*/
top: 45vh;
left: 0;
right: 0;
bottom: 0;
max-width: 220px;
min-height: 100px;
background-size: contain;
background-repeat: no-repeat;
z-index: 9998;
transition: .5s;
animation: pace-animation 1.5s infinite
}
body.pace-running {
overflow-y: hidden
}
body.pace-running.pace-done {
overflow-x: hidden
}
.pace-running.pace-done:after {
display: none
}
@keyframes pace-animation {
from {
opacity: 0
}
50% {
opacity: 1
}
to {
opacity: 0
}
}
.pace {
-webkit-pointer-events: none;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
z-index: 9999;
position: fixed;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100vh;
width: 50vw;
background: rgba(0, 0, 0, .5);
border: 1px solid #FDEAAE;
overflow: hidden;
border: 0;
background: unset
}
.pace .pace-progress {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
max-width: 200px;
position: fixed;
z-index: 9998;
display: block;
position: absolute;
top: 0;
right: 100%;
height: 100%;
width: 100%;
background: #FDEAAE;
display: none
}
.pace.pace-inactive {
display: none
}
.modal-wait-new .bg-block, .modal-thanks-new .bg-block {
text-align: center
}
.modal-wait-new .checkbox-inp-va:checked ~ span .checkbox-psevdo-active {
background-color: #FBDF88
}
.modal-wait-new, .modal-thanks-new {
min-width: 860px;
transform: scale(.8) translate(-50%, -50%);
transform-origin: top left
}
.modal-wait-new .t-min.ost.fw7.mb.fade_in, .modal-thanks-new .t-min.ost.fw7.mb.fade_in {
font-family: 'Playfair Display', 'Old Standard TT', serif;
font-size: 2.2vw;
font-weight: 700
}
.modal-wait-new .line-tg.min, .modal-thanks-new .line-tg.min {
width: 10vw
}
.modal-thanks-new {
background-image: url(../../../themes/src/assets/img/modals/modal-thanks-new-bg.svg);
background-size: cover;
background-position: bottom;
min-height: 90vh;
display: flex;
align-items: center
}
.modal-wait-new.plc-form:after {
display: none
}
.modal-wait-new .modal-end__img {
width: 40vw;
left: -18%
}
.modal-wait-new .modal-end__img img {
width: 100%;
max-width: 500px
}
.modal-wait-new .bg-block {
width: 60%;
margin-left: 40%
}
.modal-wait-new .check-list-text {
font-size: 22px
}
.modal-wait-new .pitfalls-block {
display: flex;
margin: 0 0 20px;
text-align: left;
align-items: center
}
.modal-wait-new .pitfalls-block + .small-text {
font-size: 1.2vw
}
.modal-wait-new .pitfalls-number {
color: #5DC8B6;
font-size: 111px;
font-style: italic;
font-family: "Playfair Display", serif;
line-height: .75;
margin-right: 7px
}
.modal-wait-new .pitfalls-heading {
font-family: "Playfair Display", serif;
font-style: italic;
font-size: 30px;
margin-left: 6px
}
.modal-wait-new .pitfalls-desc {
font-family: "TT Norms", sans-serif;
font-size: 18px;
margin-left: -1px
}
.modal-wait-new .end-soc-mod {
width: 80%;
margin: 15px auto 0
}
.modal-wait-new .tiem {
margin-bottom: .7vw
}
.modal-wait-new .tiem.end-soc-i {
box-shadow: none;
background-image: unset
}
.modal-wait-new .tiem.end-soc-i .tiem-before-mod {
border-radius: 50px
}
.modal-wait-new .end-soc-mod .checkbox-block.t3 .checkbox-psevdo {
margin-left: .2vw
}
.modal-wait-new .btn-text .text, .modal-thanks-new .btn-text .text {
font-size: 18px
}
.modal-wait-new .img-soc-end {
margin-left: 0;
margin-right: .4vw
}
.modal-wait-new .pitfalls-text {
margin-top: 25px
}
.modal-wait-new .mb {
margin-bottom: 1vw
}
.modal-thanks-new.plc-form:after {
border: 0
}
.modal-thanks-new .modal-end__img {
left: -100px;
top: 45%
}
.modal-thanks-new .modal-end__img > img {
width: auto;
max-height: 600px;
margin-top: -80px;
margin-bottom: 20px
}
.modal-promocode {
color: #646F6C;
display: inline-block;
padding: 27px 40px;
font-size: 16px;
margin-bottom: 20px;
background-image: url(../../../themes/src/assets/img/modals/promocode-block-bg.svg);
background-size: contain;
background-position: center
}
.modal-promocode b {
color: #000
}
.mtn-instagram-sign {
display: flex;
position: absolute;
bottom: -50px;
padding: 10px;
box-sizing: border-box;
align-items: center;
left: 8vw;
max-width: 68%;
z-index: -1;
color: #000
}
.mtn-instagram-sign img {
width: 50px
}
.mtn-instagram-sign a {
color: #000
}
.mtn-instagram-sign p {
font-size: 18px;
margin-left: 10px
}
.mtn-1 {
font-size: 16px;
color: #000
}
.mtn-1 b {
position: relative
}
.mtn-1 b:before {
content: "";
position: absolute;
z-index: -1;
width: 100%;
height: 7px;
background: #ffeba0;
display: inline-block;
bottom: 0
}
.mtn-2 {
margin: 15px 0
}
.download-5-checklist {
position: relative;
margin-bottom: 15px
}
.download-5-checklist:before {
content: "";
background-image: url(../../../themes/src/assets/img/modals/modal-thanks-new-arrow.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 80px;
height: 50px;
position: absolute;
top: 30px;
left: -45px;
display: inline-block
}
.download-5-checklist > div:first-of-type {
font-size: 22px;
font-family: "Playfair Display", serif;
font-style: italic;
margin-bottom: 10px
}
.download-5-checklist > div:nth-of-type(2) {
font-size: 30px;
font-family: "Playfair Display", serif;
text-align: left;
margin-right: auto;
margin-left: 40px
}
.download-5-checklist > div:nth-of-type(3) {
font-size: 17px;
margin-top: 5px;
margin-left: auto;
margin-right: 60px;
text-align: right
}
.mtn-btn-close {
text-decoration: underline;
color: #846E25;
margin-top: 15px;
font-size: 13px;
cursor: pointer
}
@media (max-width: 1600px) {
.modal-thanks-new {
background-image: url(../../../themes/src/assets/img/modals/modal-thanks-new-bg-min.svg)
}
}
@media (max-width: 1280px) {
.modal-wait-new {
min-width: 70vw
}
.mtn-instagram-sign {
bottom: -50px;
left: 10vw
}
}
@media (max-width: 900px) {
.title-lg {
font-size: 3.2rem
}
.title-mslg {
font-size: 5.5rem;
letter-spacing: .2rem
}
.title-elg {
font-size: 6.6rem;
letter-spacing: .2rem
}
.title {
font-size: 2.6rem
}
.tgg {
padding: .1rem .4rem;
margin: .2rem 0
}
.t-min, h1.t-min.msm.ost.fw4 {
font-size: 1.95rem
}
.t-ss {
font-size: 1.7rem
}
.t-min2 {
font-size: 1.9rem
}
.text-tg {
margin-left: 1.5rem
}
.text-md {
font-size: 1.4rem
}
.text {
font-size: 1.2rem
}
.small-text {
font-size: 1.1rem
}
.tsm8 {
font-size: .8rem
}
.tsm {
font-size: .9rem
}
.tsm12 {
font-size: 1rem
}
.tsm13 {
font-size: 1.1rem
}
.mr1 {
margin-right: 1rem
}
.tnum {
font-size: 2.9rem
}
.text24 {
font-size: 1.5rem
}
.text23 {
font-size: 1.3rem
}
.text21 {
font-size: 1.3rem
}
.container {
max-width: 90vw;
margin: 0 auto
}
.container-min {
max-width: 90vw;
margin: 0 auto
}
.container-md {
max-width: 90vw;
margin: 0 auto
}
.container-mm {
max-width: 90vw;
margin: 0 auto
}
.mlg {
margin-bottom: 4.5rem
}
.msm, h1.t-min.msm.ost.fw4 {
margin-bottom: 2.4rem
}
.mb, h2.title-lg.fw1.mb {
margin-bottom: 1.5rem
}
.mbm {
margin-bottom: .7rem
}
.mbs {
margin-bottom: .41rem
}
.section {
padding: 6rem 0
}
.btn {
padding: 1.8rem 1rem
}
.btn.big {
padding: 2rem 1rem
}
.btn.min {
padding-top: .6rem;
padding-bottom: .6rem
}
.input {
height: 4.5rem;
padding: .3rem 1rem;
padding-left: 2rem
}
.input.t2 {
padding-left: 1.5rem
}
.btn-mod {
padding: 1.2rem 1.5rem
}
.check-box {
cursor: pointer;
display: block
}
.check-line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.check-label {
width: 1.4rem;
height: 1.4rem;
padding: .2rem;
margin-right: .5rem
}
.check-label.v2 {
width: 1.8rem;
height: 1.8rem;
padding: .2rem
}
.check-label.v2 .check-label-act {
width: 1.2rem;
height: 1.2rem;
padding: .2rem
}
.check.min {
width: 1.4rem;
height: 1.4rem
}
.vf {
padding: 2.6rem 2rem
}
.pb {
padding-bottom: 1.5rem
}
.num-text {
font-size: 4.3rem
}
.logo__img {
max-width: 14rem
}
.tiem-qw7-w-img {
right: 0
}
.load-img {
width: 21rem
}
.ph-end {
right: 0;
width: 60vw
}
.checkbox-psevdo {
width: 2rem;
height: 2rem;
margin-top: -.2rem;
margin-right: .5rem
}
.checkbox-psevdo.t2 {
margin-right: .5rem
}
.checkbox-psevdo.t3 {
border-radius: 2px
}
.checkbox-psevdo.t9 {
margin-right: .5rem
}
.checkbox-psevdo-active {
width: 1.5rem;
height: 1.5rem;
padding: .3rem
}
.tiem-img {
height: 13.5vw;
padding: 1rem
}
.tiem {
margin-bottom: 1.8rem;
padding: 1rem
}
.no-it {
width: 4rem
}
.quiz__next-wrap {
width: 15rem
}
.close {
width: 2rem;
height: 2rem
}
.mrm {
margin-right: .5rem
}
.modal-big {
width: 90vw
}
.header-btn {
display: none
}
.phones__item-img {
width: .9rem;
height: auto;
margin-right: .5rem
}
.nav__wrap {
width: 80%;
padding: 2.3rem 2rem;
padding-right: 7rem
}
.close-nav {
width: 3rem;
height: 3rem;
right: 2rem;
top: 2rem
}
.logo-nav .logo__img {
max-width: 9rem
}
.burger__wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.header__reit {
display: none
}
.main__cont {
padding: 2rem 0
}
.tsm10 {
font-size: 1rem
}
.header {
padding: 1rem 0
}
.burger {
height: 3rem;
width: 3rem
}
.main__form {
width: 30vw;
padding: 1.5rem
}
.main__block-img {
width: 1.7rem;
height: 1.7rem;
margin-right: .5rem
}
.main__btn {
padding-left: 4rem
}
.main__btn img {
left: -2rem;
top: -.5rem;
width: 5.5rem
}
.test__right {
width: 0;
display: none
}
.test__quests {
width: 100%
}
.btn-end-form {
padding: 2rem 1rem
}
.tool {
height: 2.5rem;
width: 2.5rem
}
.dir__advas-item-img {
width: 3rem;
height: 3rem;
margin-right: .5rem
}
.examples-px {
display: none
}
.socials-item {
width: 1.8rem;
height: 2rem;
margin: .5rem
}
.do__left-img {
display: none
}
.do__left-prd {
width: 100%;
text-align: center
}
.examples-pxs {
display: none
}
.ex-arr {
width: 2rem;
height: 2rem;
margin: 0 .6rem
}
.type__tab-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.type__el {
width: 100%;
padding: 3rem
}
.type__el-left {
height: 31vw;
padding-right: 1.6rem
}
.type-list li {
margin: .4rem 0;
padding-left: 1.5rem
}
.type-list li:before {
top: .2rem;
width: 1rem;
height: .8rem
}
.plc__left {
width: 70%
}
.line {
width: 5rem
}
.smeta__info {
-ms-flex-item-align: start;
align-self: flex-start
}
div.fancy-select div.trigger {
padding: .3rem 1rem;
padding-left: 2rem;
padding-right: 2.2rem;
height: 4rem;
font-size: 1.3rem
}
.inp-numbers {
width: 7rem
}
.sect {
width: 100%;
margin-bottom: 1rem;
padding: 0
}
.sect .checkbox-psevdo {
margin: 0;
margin-right: .5rem
}
.type__btn {
padding: 1.6rem 3rem
}
.nots {
display: none
}
.garant__advas-item {
padding: 1.5em
}
.garant__advas-item-img {
width: 3rem;
height: 3rem
}
.works-team-text {
bottom: 7rem;
right: 6rem;
padding: .8rem 1.2rem;
width: 16rem
}
.vo__advas-img {
width: 2.3rem;
height: 2.3rem;
margin-right: 1rem
}
.callback__right .smeta-dir__name {
right: -5rem;
bottom: 6rem
}
.callback__cont {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.callback__left {
width: 100%
}
.callback-list li {
margin: .5rem 0;
padding-left: 1.8rem;
margin: .5rem 0;
padding-left: 1.8rem
}
.callback__right {
width: 77%;
position: relative;
left: auto;
right: auto;
bottom: auto;
top: auto
}
.callback-form {
padding: 2rem
}
.main__btn.mmod {
padding-left: 1.5rem;
padding-right: 3.5rem
}
.main__btn.mmod img {
left: auto;
right: -2rem
}
.main__btn-text {
top: .3rem;
right: -2rem
}
.callback__right-img {
position: relative;
left: auto;
right: auto;
bottom: auto;
top: auto;
margin-bottom: -2rem
}
.callback__block {
width: 40%;
padding: 0
}
div.fancy-select {
font-size: 1.2rem
}
.btn-lbs:before {
font-size: 1.3rem;
top: -1.5rem
}
.test-load {
height: 54vw
}
.img-soc-end {
width: 1.5rem;
height: 1.5rem;
margin-left: .7rem
}
.ph-end {
width: 70vw
}
.arrows.t4 {
width: 4rem;
height: 4rem
}
.slidePrev.t4 {
left: -1.7rem
}
.slideNextt4 {
right: -1.7rem
}
.line-b::before {
width: 4.5rem;
height: 1px
}
.soc-fix {
right: 4.5rem;
top: 11rem
}
.soc-fix__item {
width: 2.5rem;
height: 2.5rem;
padding: .7rem
}
.soc-pulse {
height: 3rem;
width: 3rem
}
.soc-img {
width: .8rem
}
.projects__item {
height: 35rem
}
.news__item {
height: 35rem
}
.projects__btn .more {
width: 1rem
}
.callback__right-img {
margin-left: auto;
margin-right: auto
}
.callback__right-im {
width: 35rem
}
.callback__right-bf {
width: 30rem;
left: -21%
}
.callback__block {
margin-left: auto;
margin-right: auto
}
.phones-block-df {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.phones-block-df-item {
margin-bottom: .5rem
}
.projects__content {
padding: 2rem
}
.projects__ic {
width: 1.4rem;
height: 1.4rem;
margin-right: 1rem
}
.news__title, .news__info {
padding: 1.5rem
}
.news__info-img {
width: 1rem
}
.to_top {
right: 4.5rem;
bottom: 7rem;
width: 3rem;
height: 3rem
}
.to_top__img {
width: 1.2rem
}
.top-pulse {
width: 3rem;
height: 3rem
}
.plc-form-pd {
padding: 2rem
}
.modal-wrap {
top: 10vh;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0)
}
.modal-sm {
width: 40rem
}
.modal-thanks__img-wrap {
width: 11rem
}
.wrap-wh::before {
height: 6rem
}
.back-close img {
width: 1rem
}
.modal-words__img-wrap {
width: 14rem
}
.modal-xs {
width: 24rem
}
.modal-load__img {
width: 18rem
}
.modal-load__img-wrap::before {
width: 7rem;
left: 15%;
top: 3%
}
.modal-xs {
width: 26rem
}
.modal-thanks-l {
height: 20rem
}
.modal-big2 {
width: 60rem
}
.modal-end__img {
width: 40rem;
left: -20%
}
.section-bottom {
padding-bottom: 4rem
}
.map-sec {
height: 30rem
}
.flatcheck-advas__img {
width: 9rem
}
.flatcheck-advas__title {
padding-right: 33%
}
.flatcheck-advas__title br {
display: none
}
.flatcheck__cont {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.flatcheck__right-img {
bottom: 0
}
.time__img {
width: 40rem
}
.ad-list__img.v1 {
width: 13.5rem
}
.ad-list__img.v2 {
width: 12rem;
right: -1.15rem
}
.ad-list__img.v3 {
width: 17rem
}
.flatcheck-advas__title {
padding: 2rem 1.5rem;
padding-right: 30%
}
.flatcheck-list__img {
width: 2rem
}
.flatcheck__right-img {
width: 26rem;
right: 5%
}
.smeta-dir__ic {
width: .75rem
}
.time-sub__img {
width: 1.4rem;
margin-right: 1rem
}
.ad-list__text {
padding: 1.5rem 1rem
}
.flatcheck-list__img {
margin-right: 1rem
}
.time-cost__left {
margin-right: 1rem
}
.time-list__item {
padding-left: 1rem
}
.time-list__item:before {
top: .5rem
}
.modal-thanks-new .bg-block {
width: 100%;
margin: 0 auto
}
.modal-thanks-new .modal-end__img {
position: static;
width: 100%
}
.modal-thanks-new .modal-end__img > img {
margin-bottom: 100px
}
.download-5-checklist:before {
display: none
}
.download-5-checklist > div:nth-of-type(2), .download-5-checklist > div:nth-of-type(3) {
margin-right: 0;
margin-left: 0;
text-align: center
}
}
@media (max-width: 767px) {
.logo__img {
max-width: 14rem
}
.logo__text {
display: none
}
.main__info {
width: 100%
}
.main__form {
width: 100%;
background: #fff !important;
border-radius: 5px;
padding: 2rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 2rem
}
.main__cont {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.main__form-item {
width: 30%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0
}
.main__form-img {
width: 5rem;
height: 5rem;
margin: .3rem 0;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.dir__cont {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.dir__img {
width: 29rem;
margin-bottom: -4rem
}
.dir-px {
top: 0
}
.dir__img-link {
width: 17rem;
height: 17rem;
left: -6rem
}
.ab-city_item-pulse, .ab-item__pulse {
width: 9rem;
height: 9rem
}
.dir__block {
width: 100%;
padding: 3rem
}
.dir__block-i3 {
width: 30vw
}
.tool-hov {
width: 14rem;
padding: 1rem;
bottom: 1rem
}
.do__cont {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.do__left {
width: 100%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-top: 2rem
}
.do__left-block-img {
width: 8rem;
margin-right: 1rem
}
.examples__cont {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.examples__left {
width: 100%
}
.ex-nums {
width: 100%;
margin-top: -2rem;
margin-bottom: 2rem
}
.examples__slider {
width: 100%
}
.examples__slider-block-first {
height: 47vw
}
.examples__slider-block-all-item {
height: 8.05vw;
margin-bottom: 1.7vw
}
.type__block {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center
}
.type__tab {
width: 100%;
margin-top: 2rem
}
.type__tab-item {
padding: 2rem 1.5rem
}
.type__el-left {
height: 47vw
}
.plc__cont {
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.plc__left {
width: 100%
}
.plc-form {
padding: 2rem
}
.plc-img {
position: relative;
left: auto;
right: auto;
bottom: auto;
top: auto;
width: 32rem;
margin-left: auto;
margin-right: auto;
display: block
}
.smeta__cont {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.smeta__info {
width: 100%;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.smeta-dir {
width: 21rem
}
.smeta__info-img {
height: auto;
width: 28rem;
text-align: center;
margin-left: auto;
margin-right: auto
}
.smeta__info-px {
width: 80%;
margin-left: 20%
}
.smeta__info-img .dir__block-tools {
left: 21rem;
bottom: 6rem
}
.smeta-dir {
left: 1rem;
bottom: -2rem
}
.smeta-form {
width: 100%;
margin: 2.5rem
}
.works__tls {
width: 100%;
text-align: center
}
.garant__advas {
width: 100%
}
.works-team {
position: relative;
left: auto;
right: auto;
bottom: auto;
top: auto;
width: 30rem;
margin-left: auto;
margin-right: auto
}
.works-team-text {
bottom: 3rem
}
.vo__cont {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.vo__left {
width: 100%
}
.feedback__cont {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.feedback__left {
height: auto;
width: 30rem;
position: relative;
left: auto;
right: auto;
bottom: auto;
top: auto
}
.gg-text {
width: 10rem
}
.gg-text-1 {
top: 2%
}
.gg-link {
left: 11%
}
.feedback__right {
margin-top: 4rem
}
.text-th {
top: -4rem
}
.callback__block {
width: 60%
}
.callback__right {
width: 100%
}
div.fancy-select ul.options li {
padding: 1rem
}
div.fancy-select {
font-size: 1.2rem
}
.test__cont {
padding: 1.5rem
}
.gw2-img {
left: -1.6rem;
bottom: -5.4rem;
width: 31vw
}
.ranges-inp {
width: 7rem
}
.test-item-qw3-block-right {
padding: .7rem
}
.test-item-qw3-block-right-cont {
height: 40vw
}
.tiem.t-op div.fancy-select div.trigger {
height: auto;
padding: .8rem 1.9rem .8rem 1rem
}
.img-qw5 {
left: -1.6rem;
width: 38vw
}
.img-qw5.v6 {
width: 44vw
}
.vo__right {
width: 24rem
}
.vo__right-img {
width: 100%
}
.vo__slider-top {
width: 24rem;
margin: 1.4rem;
margin-top: 1rem
}
.vo__slider-top-item {
height: 42rem
}
.vo__slider-bot {
display: none
}
.ctrl-img {
width: 1.5rem
}
.like__advas-item {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.like__advas-item-img {
width: 2rem;
margin-right: 0;
margin-bottom: .7rem;
height: 2rem
}
.seob__text {
height: 5rem
}
.seob__text.act {
height: 5rem
}
.seob__btn {
width: 3rem;
height: 3rem
}
.footer__cont {
padding: 2rem 0
}
.contacts {
padding: 3rem 0;
padding-top: 0
}
.contacts__cont {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.contacts__item {
width: auto;
margin: 1rem
}
.contacts__item-block img {
height: 36vw
}
.contacts__item-two {
margin: 1rem
}
.contacts__item-block {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.items-gray-img {
width: 1.4rem;
height: 1.4rem
}
.phones-block-df {
width: 24rem
}
.contacts__item-map {
width: 30rem;
margin: 1rem
}
.map {
height: 22rem
}
.nav__wrap {
width: 100%;
padding-right: 2rem
}
.nav-advas-item-img {
width: 2rem;
height: 2rem
}
.line.big2 {
width: 17rem
}
.projects__item {
height: 27rem
}
.news__item {
height: 27rem
}
.title-lg br {
display: none
}
.projects__item {
width: 100%;
margin-bottom: 2rem
}
.news__item .text24 {
font-size: 1.2rem
}
.news__title br {
display: none
}
.plc-form-pdn {
padding: 0
}
.modal-xs {
width: 27rem
}
.modal-big2 {
width: 54rem
}
.modal-end-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.modal-end__img {
position: relative;
width: 80%;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
.bg-block {
width: 100%;
margin-left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center
}
.flatcheck-advas__item .text-md {
font-size: 1.2rem
}
.flatcheck-advas__title {
padding-right: 35%
}
.flatcheck-advas__img {
width: 8rem
}
.flatcheck__left .title {
width: 190%
}
.flatcheck-list__text br {
display: none
}
.time__cont {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.time__item.v1 {
width: 50%
}
.time__item.v2 {
width: 100%
}
.time__img {
top: 35%
}
div.fancy-select div.trigger:after {
right: .8rem
}
.ad-list__item {
padding-right: 0
}
.ad-list__img {
position: relative
}
.ad-list {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.ad-list__img.v1 {
width: 100%
}
.ad-list__img.v2 {
width: 100%;
right: -1.5rem
}
.ad-list__img.v3 {
width: 100%
}
.team-info-pre {
width: auto
}
.title-portfi-size {
margin-left: 3rem
}
.title-portfi-size img {
width: 1.5rem
}
.portfi-slider-top__item {
height: 50vw
}
.portfi-slider-bot__item {
height: 13vw
}
.portfi-slider-bot {
margin-top: -8vw
}
.portfi__advas {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.portfi__advas-item {
margin-bottom: 1.5rem;
margin-left: 1.5%;
margin-right: 1.5%
}
.portfi__advas-first-img {
width: 2rem;
height: 1.7rem
}
.modal-wait-new .bg-block {
width: 100%;
margin-left: 0
}
.modal-wait-new .modal-end__img {
margin: 0 auto;
left: -20px;
min-width: unset
}
.modal-wait-new .pitfalls-block + .small-text {
font-size: 16px
}
.modal-thanks-new {
max-width: 90%;
width: 90%;
min-width: unset;
min-height: unset
}
.modal-thanks-new .modal-end__img {
display: none
}
}
@media (max-width: 567px) {
.header__cont {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.title-lg, .title-lg.fw1.mb, h2.title-lg.fw1.mb {
font-size: 2.4rem
}
.tiem {
width: 47%
}
.test__cont {
padding: 2rem
}
.tiem-img.v2 {
height: 36vw;
margin-bottom: .4rem
}
.tiem.t4 {
width: 100%
}
.tiem-img.t3 {
height: 28vw
}
.tiem.t5 {
width: 47%
}
.ph-end {
display: none !important
}
.seob__text:before {
display: none
}
.tiq {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.logo__img:before {
display: none
}
.phones {
width: 100%;
margin-top: 1rem;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.main__cont {
padding-top: 0
}
.t-min br {
display: none
}
.main__form-img {
margin-bottom: .8rem
}
.title {
font-size: 2.2rem
}
.title br {
display: none
}
.dir__img-link {
left: -3rem
}
.dir__advas-block {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.dir__advas {
width: 100%
}
.dir__podp {
width: 100%
}
.tool-hov {
left: 110%
}
.do__right {
width: 100%
}
.socials-item {
padding: .3rem;
width: 2.4rem;
height: 2.7rem
}
.examples__slider-block-first {
height: 71vw
}
.examples__slider-block-all-item {
height: 12.55vw;
margin-bottom: 2vw
}
.type__tab-item {
font-size: 1.2rem
}
.type__el {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.type__el-left {
width: 100%;
height: 61vw;
margin-bottom: 3rem
}
.type__el-right {
width: 100%
}
.type__el-img {
width: 75vw
}
.plc__btns-pdf {
position: relative;
left: auto;
right: auto;
top: auto;
bottom: auto;
margin: 1rem 0;
margin-bottom: 0;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.plc__btns {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.plc__btns-pdf {
margin-top: 2rem
}
.plc-form .input {
font-size: 1.2rem;
padding-left: 1.1rem
}
.smeta-dir-1 {
padding: 1rem 1.4rem
}
.smeta-dir-2 {
padding: 1.6rem 1.5rem;
margin-top: -1rem
}
.smeta__info-img .dir__block-tools {
display: none
}
.smeta-form {
margin: 0;
padding: 2rem;
margin-top: 2rem
}
.smeta-form__block-item {
width: 100%
}
div.fancy-select div.trigger {
height: 5rem
}
div.fancy-select div.trigger:after {
right: .6rem
}
.sect {
width: 100%
}
.garant__advas-item-cr {
display: none;
width: 0
}
.garant__advas-item {
text-align: center
}
.garant__advas-item-title {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.garant__advas-item-img {
margin-right: 0;
margin-bottom: .5rem
}
.garant__img {
position: relative;
left: auto;
right: auto;
bottom: auto;
top: auto;
width: 100%
}
.team-info {
width: 100%
}
.team-img {
position: relative;
left: auto;
right: auto;
bottom: auto;
top: auto;
width: 30rem;
margin-top: -3rem
}
.team__advas {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.team__advas br {
display: none
}
.team__advas-item {
width: 47%
}
.team__advas-item:last-child {
width: 100%
}
.team__advas-img {
height: 8rem
}
.team {
padding-bottom: 0
}
.gg-text-2 {
display: none
}
.feedback__right {
width: 100%;
margin: 0;
margin-top: 5rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.feedback__nums {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
margin-top: 1rem
}
.feedback__slider-item {
height: 60vw
}
.play-feed {
width: 9rem;
margin-top: 2.5rem;
margin-left: 1.5rem
}
.feedback__slider {
width: 100%
}
.feedback {
padding-bottom: 0
}
.callback {
padding-top: 2rem
}
.callback__block {
width: 100%
}
.callback__right-img {
width: 100%
}
.callback__right .smeta-dir__name {
right: -1rem;
bottom: 3rem
}
.callback-form__block {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.callback-form__left {
width: 100%
}
.callback-form__left .inp-md {
width: 100%;
margin: .7rem 0
}
.callback-form__left .portfolio__form-check {
display: none
}
.plc__btns .main__btn {
padding-left: 1.6rem
}
.like {
padding-bottom: 2rem
}
.tiem-img {
height: 22vw
}
.tiem {
padding: 0
}
.btn-lbs {
width: 100%
}
.gw2-img {
display: none
}
.test-item__info {
width: 100%
}
.test-item-qw3-block {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.test-item-qw3-block-left {
width: 100%
}
.test-item-qw3-block-right {
width: 100%;
margin-top: 2rem
}
.tiem-no {
position: relative;
left: auto;
top: auto;
bottom: auto;
right: auto;
margin-bottom: 2rem
}
.tiem.t3 {
width: 47%
}
.img-qw5 {
position: relative;
position: relative;
left: auto;
top: auto;
bottom: auto;
right: auto;
margin-top: -2rem
}
.tqw5-block {
width: 100%;
margin-left: 0
}
.tiem.t9 {
padding: 1rem
}
.img-qw5.v6 {
width: 100%;
margin-top: -7rem
}
.test-load {
height: 75vw
}
.line-load {
width: 14rem
}
.test-end__wrap {
width: 100%;
margin-left: 0
}
.test-end__form {
margin-left: auto;
margin-right: auto
}
.vo__slider-link {
width: 100%
}
.vo__slider-top {
width: 20rem
}
.like__cont {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.like__right {
width: 100%;
text-align: center
}
.like__left {
width: 19rem;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin: 1rem
}
.like__advas {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.like__advas-item {
width: 47%;
margin-bottom: 1.5rem
}
.contacts__item-block {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.contacts__item-one {
width: 100%;
margin: 1rem 0
}
.contacts__item-block img {
height: 57vw
}
.footer__cont {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.footer__item {
margin: .5rem;
text-align: center
}
.nav-block {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.nav-block .nav-block-item {
width: auto
}
.nav-block .nav-block-item.v1 {
width: 47%;
margin-left: 1.5%;
margin-right: 1.5%
}
.nav__wrap {
overflow-y: scroll
}
.nav-advas {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.nav-advas-item {
width: 47%;
margin: .7rem 1.5%
}
.callback__right .smeta-dir__name {
right: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
top: auto;
bottom: 5rem
}
.callback__right-im {
width: 27rem;
margin-right: auto;
margin-left: auto
}
.callback__right-bf {
width: 24rem;
left: 0
}
.news__item {
width: 100%;
margin-bottom: 2rem
}
.modal-thanks-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.modal-thanks-l, .modal-thanks-r {
width: 100%
}
.modal-thanks-l {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.modal-wrap {
width: 28rem
}
.modal-sm {
width: 100%
}
.modal-thanks-r {
text-align: center
}
.text-line::before {
display: none
}
.back-close {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.wrap-wh::before {
height: 7rem;
width: 150%
}
.modal-words__img-wrap {
width: 18rem;
margin-left: auto;
margin-right: auto
}
.modal-thanks-r.plc-form-pd {
padding-bottom: 0
}
.modal-xs {
width: 100%
}
.modal-thanks-l {
height: 19rem
}
.modal-big2 {
width: 90%
}
.end-soc-mod {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.test-end__form {
width: 100%
}
.check-line {
text-align: left
}
.contacts__title {
text-align: center
}
.contacts__cont {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center
}
.flatcheck-advas {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.flatcheck-advas__item {
width: 100%;
margin-bottom: 2rem
}
.flatcheck-advas__item .text-md {
font-size: 1.4rem
}
.flatcheck-advas__img {
width: 9rem
}
.flatcheck__left .title {
width: 100%
}
.flatcheck__left {
width: 100%
}
.flatcheck__right {
width: 100%;
right: 0
}
.flatcheck__right-img {
position: relative;
right: 0;
width: 28rem;
margin-left: auto;
margin-right: auto
}
.flatcheck__name {
right: 10%;
top: 70%
}
.time__img {
position: relative;
top: auto;
right: auto;
width: 28rem;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
-webkit-animation: transform-shiver 5000ms linear 0 infinite normal both;
animation: transform-shiver 5000ms linear 0 infinite normal both
}
.time-cost {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.time-cost__left {
margin-right: 0;
margin-bottom: 1rem
}
.time__item.v1 {
width: 100%
}
.time-list {
margin-bottom: 3rem
}
.time__item .inp-md {
width: 100%
}
.time-form__block-item-wr {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.ad-list__item {
width: 100%;
margin-bottom: 1rem
}
.ad-list {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.ad-list__img {
position: absolute
}
.ad-list__img.v1 {
width: 13.5rem
}
.ad-list__img.v2 {
width: 12rem
}
.ad-list__img.v3 {
width: 17rem
}
.ad-list__text {
padding-right: 30%
}
.contacts__item-map {
width: 100%;
margin: 0
}
.portfi-feed {
padding-top: 2rem;
padding-bottom: 1rem
}
.portfi-feed__cont {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.portfi-feed__left {
width: 100%;
margin-bottom: 2rem
}
.portfi-feed__right {
width: 100%
}
.callback-list li:before {
top: .3rem;
width: 1.1rem;
height: .8rem
}
.title-portfi-size {
margin-right: 1rem;
white-space: nowrap
}
.spec__cont {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.spec__item {
width: 47%;
height: 40vw;
margin: 8vw 1.5%
}
.spec__item-name {
padding: .7rem;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0)
}
.spec__btns {
margin-top: -12vw
}
.sertific__cont {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.sertific__left {
width: 100%
}
.sertific-slider-px {
display: none
}
.sertific__right {
margin-top: 0
}
.discounts {
padding-top: 4rem
}
.discounts__cont {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.discounts__left {
width: 100%
}
.discounts__left-num {
font-size: 10rem
}
.discounts__advas {
width: 100%
}
.discounts__right {
width: 100%
}
.discounts__advas-item {
width: 47%;
margin: 1.5rem 1.5%
}
.discounts__advas-item.mod {
width: 100%
}
.discounts__advas-item.mod .btn-mod {
white-space: nowrap
}
.discounts__advas-item.mod .btn-mod br {
display: none
}
.main-check {
margin-bottom: 0
}
.tgy {
padding-left: 0
}
.portfi-slider-top {
position: relative;
width: 100%;
margin-left: auto;
margin-right: auto
}
.smeta__info-px {
align-self: center
}
.contacts__item-block {
justify-content: center
}
.contacts__item-head {
width: 100%
}
}