@font-face { font-family: "Gilroy"; src: url(../fonts/hinted-Gilroy-Thin.woff) format("woff"), url(../fonts/hinted-Gilroy-Thin.ttf) format("truetype"); font-weight: 100; font-style: normal; } @font-face { font-family: "Gilroy"; src: url(../fonts/hinted-Gilroy-ThinItalic.woff) format("woff"), url(../fonts/hinted-Gilroy-ThinItalic.ttf) format("truetype"); font-weight: 100; font-style: italic; } @font-face { font-family: "Gilroy"; src: url(../fonts/hinted-Gilroy-UltraLight.woff) format("woff"), url(../fonts/hinted-Gilroy-UltraLight.ttf) format("truetype"); font-weight: 200; font-style: normal; } @font-face { font-family: "Gilroy"; src: url(../fonts/hinted-Gilroy-UltraLightItalic.woff) format("woff"), url(../fonts/hinted-Gilroy-UltraLightItalic.ttf) format("truetype"); font-weight: 200; font-style: italic; } @font-face { font-family: "Gilroy"; src: url(../fonts/hinted-Gilroy-Light.woff) format("woff"), url(../fonts/hinted-Gilroy-Light.ttf) format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: "Gilroy"; src: url(../fonts/hinted-Gilroy-LightItalic.woff) format("woff"), url(../fonts/hinted-Gilroy-LightItalic.ttf) format("truetype"); font-weight: 300; font-style: italic; } @font-face { font-family: "Gilroy"; src: url(../fonts/hinted-Gilroy-Regular.woff) format("woff"), url(../fonts/hinted-Gilroy-Regular.ttf) format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: "Gilroy"; src: url(../fonts/hinted-Gilroy-Bold.woff) format("woff"), url(../fonts/hinted-Gilroy-Bold.ttf) format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: "Gilroy"; src: url(../fonts/hinted-Gilroy-RegularItalic.woff) format("woff"), url(../fonts/hinted-Gilroy-RegularItalic.ttf) format("truetype"); font-weight: 400; font-style: italic; } @font-face { font-family: "Gilroy"; src: url(../fonts/hinted-Gilroy-BoldItalic.woff) format("woff"), url(../fonts/hinted-Gilroy-BoldItalic.ttf) format("truetype"); font-weight: 700; font-style: italic; } @font-face { font-family: "Gilroy"; src: url(../fonts/hinted-Gilroy-Medium.woff) format("woff"), url(../fonts/hinted-Gilroy-Medium.ttf) format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: "Gilroy"; src: url(../fonts/hinted-Gilroy-MediumItalic.woff) format("woff"), url(../fonts/hinted-Gilroy-MediumItalic.ttf) format("truetype"); font-weight: 500; font-style: italic; } @font-face { font-family: "Gilroy"; src: url(../fonts/hinted-Gilroy-SemiBold.woff) format("woff"), url(../fonts/hinted-Gilroy-SemiBold.ttf) format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: "Gilroy"; src: url(../fonts/hinted-Gilroy-SemiBoldItalic.woff) format("woff"), url(../fonts/hinted-Gilroy-SemiBoldItalic.ttf) format("truetype"); font-weight: 600; font-style: italic; } @font-face { font-family: "Gilroy"; src: url(../fonts/hinted-Gilroy-ExtraBold.woff) format("woff"), url(../fonts/hinted-Gilroy-ExtraBold.ttf) format("truetype"); font-weight: 800; font-style: normal; } @font-face { font-family: "Gilroy"; src: url(../fonts/hinted-Gilroy-ExtraBoldItalic.woff) format("woff"), url(../fonts/hinted-Gilroy-ExtraBoldItalic.ttf) format("truetype"); font-weight: 800; font-style: italic; } @font-face { font-family: "Gilroy"; src: url(../fonts/hinted-Gilroy-Black.woff) format("woff"), url(../fonts/hinted-Gilroy-Black.ttf) format("truetype"); font-weight: 900; font-style: normal; } @font-face { font-family: "Gilroy"; src: url(../fonts/hinted-Gilroy-BlackItalic.woff) format("woff"), url(../fonts/hinted-Gilroy-BlackItalic.ttf) format("truetype"); font-weight: 900; font-style: italic; } .color-black {color: #20262f;} .color-orange {color: #FF4905;} .color-white {color:#FFF} .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(../images/fancybox_sprite.png); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url(../images/fancybox_loading.gif) center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(../images/blank.gif); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(../images/fancybox_overlay.png); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: 0 0; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #fff; font-weight: 700; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(../images/fancybox_sprite%402x.png); background-size: 44px 152px; } #fancybox-loading div { background-image: url(../images/fancybox_loading%402x.gif); background-size: 24px 24px; } } .jq-checkbox, .jq-radio { position: relative; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .jq-checkbox input, .jq-radio input { position: absolute; z-index: -1; margin: 0; padding: 0; opacity: 0; } .jq-file { position: relative; display: inline-block; overflow: hidden; } .jq-file input { position: absolute; top: 0; right: 0; height: auto; margin: 0; padding: 0; opacity: 0; font-size: 100px; line-height: 1em; } .jq-file__name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox, .jq-select-multiple { position: relative; display: inline-block; } .jq-selectbox select, .jq-select-multiple select { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; } .jq-selectbox li, .jq-select-multiple li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .jq-selectbox { z-index: 10; } .jq-selectbox__select { position: relative; } .jq-selectbox__select-text { overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox__dropdown { position: absolute; } .jq-selectbox__search input { -webkit-appearance: textfield; } .jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration { -webkit-appearance: none; } .jq-selectbox__dropdown ul { position: relative; overflow: auto; overflow-x: hidden; list-style: none; -webkit-overflow-scrolling: touch; } .jq-select-multiple ul { position: relative; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .jq-number { display: inline-block; } .jq-number__field input { -moz-appearance: textfield; text-align: left; } .jq-number__field input::-webkit-inner-spin-button, .jq-number__field input::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; } .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; } .slick-track:before, .slick-track:after { display: table; content: ""; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.7.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2018 Daniel Eden */ @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; -webkit-transform-origin: center bottom; animation-name: bounce; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-name: headShake; -webkit-animation-timing-function: ease-in-out; animation-name: headShake; animation-timing-function: ease-in-out; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-animation-name: swing; -webkit-transform-origin: top center; animation-name: swing; transform-origin: top center; } @-webkit-keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { 0%, 11.1%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { 0%, 11.1%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; -webkit-transform-origin: center; animation-name: jello; transform-origin: center; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .heartBeat { -webkit-animation-duration: 1.3s; -webkit-animation-name: heartBeat; -webkit-animation-timing-function: ease-in-out; animation-duration: 1.3s; animation-name: heartBeat; animation-timing-function: ease-in-out; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: scale3d(0.3, 0.3, 0.3); opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { -webkit-transform: scale3d(1.03, 1.03, 1.03); opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { -webkit-transform: scaleX(1); opacity: 1; transform: scaleX(1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: scale3d(0.3, 0.3, 0.3); opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { -webkit-transform: scale3d(1.03, 1.03, 1.03); opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { -webkit-transform: scaleX(1); opacity: 1; transform: scaleX(1); } } .bounceIn { -webkit-animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-duration: 0.75s; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: translate3d(0, -3000px, 0); opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { -webkit-transform: translate3d(0, 25px, 0); opacity: 1; transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: translate3d(0, -3000px, 0); opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { -webkit-transform: translate3d(0, 25px, 0); opacity: 1; transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: translate3d(-3000px, 0, 0); opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { -webkit-transform: translate3d(25px, 0, 0); opacity: 1; transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: translate3d(-3000px, 0, 0); opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { -webkit-transform: translate3d(25px, 0, 0); opacity: 1; transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: translate3d(3000px, 0, 0); opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { -webkit-transform: translate3d(-25px, 0, 0); opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: translate3d(3000px, 0, 0); opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { -webkit-transform: translate3d(-25px, 0, 0); opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: translate3d(0, 3000px, 0); opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { -webkit-transform: translate3d(0, -20px, 0); opacity: 1; transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: translate3d(0, 3000px, 0); opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { -webkit-transform: translate3d(0, -20px, 0); opacity: 1; transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { -webkit-transform: scale3d(1.1, 1.1, 1.1); opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { -webkit-transform: scale3d(0.3, 0.3, 0.3); opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { -webkit-transform: scale3d(1.1, 1.1, 1.1); opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { -webkit-transform: scale3d(0.3, 0.3, 0.3); opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-duration: 0.75s; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { -webkit-transform: translate3d(0, -20px, 0); opacity: 1; transform: translate3d(0, -20px, 0); } to { -webkit-transform: translate3d(0, 2000px, 0); opacity: 0; transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { -webkit-transform: translate3d(0, -20px, 0); opacity: 1; transform: translate3d(0, -20px, 0); } to { -webkit-transform: translate3d(0, 2000px, 0); opacity: 0; transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { -webkit-transform: translate3d(20px, 0, 0); opacity: 1; transform: translate3d(20px, 0, 0); } to { -webkit-transform: translate3d(-2000px, 0, 0); opacity: 0; transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { -webkit-transform: translate3d(20px, 0, 0); opacity: 1; transform: translate3d(20px, 0, 0); } to { -webkit-transform: translate3d(-2000px, 0, 0); opacity: 0; transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { -webkit-transform: translate3d(-20px, 0, 0); opacity: 1; transform: translate3d(-20px, 0, 0); } to { -webkit-transform: translate3d(2000px, 0, 0); opacity: 0; transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { -webkit-transform: translate3d(-20px, 0, 0); opacity: 1; transform: translate3d(-20px, 0, 0); } to { -webkit-transform: translate3d(2000px, 0, 0); opacity: 0; transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { -webkit-transform: translate3d(0, 20px, 0); opacity: 1; transform: translate3d(0, 20px, 0); } to { -webkit-transform: translate3d(0, -2000px, 0); opacity: 0; transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { -webkit-transform: translate3d(0, 20px, 0); opacity: 1; transform: translate3d(0, 20px, 0); } to { -webkit-transform: translate3d(0, -2000px, 0); opacity: 0; transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); opacity: 0; transform: translate3d(0, -100%, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } @keyframes fadeInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); opacity: 0; transform: translate3d(0, -100%, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { -webkit-transform: translate3d(0, -2000px, 0); opacity: 0; transform: translate3d(0, -2000px, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } @keyframes fadeInDownBig { 0% { -webkit-transform: translate3d(0, -2000px, 0); opacity: 0; transform: translate3d(0, -2000px, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); opacity: 0; transform: translate3d(-100%, 0, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } @keyframes fadeInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); opacity: 0; transform: translate3d(-100%, 0, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { -webkit-transform: translate3d(-2000px, 0, 0); opacity: 0; transform: translate3d(-2000px, 0, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } @keyframes fadeInLeftBig { 0% { -webkit-transform: translate3d(-2000px, 0, 0); opacity: 0; transform: translate3d(-2000px, 0, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); opacity: 0; transform: translate3d(100%, 0, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } @keyframes fadeInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); opacity: 0; transform: translate3d(100%, 0, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { -webkit-transform: translate3d(2000px, 0, 0); opacity: 0; transform: translate3d(2000px, 0, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } @keyframes fadeInRightBig { 0% { -webkit-transform: translate3d(2000px, 0, 0); opacity: 0; transform: translate3d(2000px, 0, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); opacity: 0; transform: translate3d(0, 100%, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } @keyframes fadeInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); opacity: 0; transform: translate3d(0, 100%, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { -webkit-transform: translate3d(0, 2000px, 0); opacity: 0; transform: translate3d(0, 2000px, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } @keyframes fadeInUpBig { 0% { -webkit-transform: translate3d(0, 2000px, 0); opacity: 0; transform: translate3d(0, 2000px, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } to { -webkit-transform: translate3d(0, 100%, 0); opacity: 0; transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } to { -webkit-transform: translate3d(0, 100%, 0); opacity: 0; transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } to { -webkit-transform: translate3d(0, 2000px, 0); opacity: 0; transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } to { -webkit-transform: translate3d(0, 2000px, 0); opacity: 0; transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0); opacity: 0; transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0); opacity: 0; transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } to { -webkit-transform: translate3d(-2000px, 0, 0); opacity: 0; transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } to { -webkit-transform: translate3d(-2000px, 0, 0); opacity: 0; transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0); opacity: 0; transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0); opacity: 0; transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } to { -webkit-transform: translate3d(2000px, 0, 0); opacity: 0; transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } to { -webkit-transform: translate3d(2000px, 0, 0); opacity: 0; transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } to { -webkit-transform: translate3d(0, -100%, 0); opacity: 0; transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } to { -webkit-transform: translate3d(0, -100%, 0); opacity: 0; transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } to { -webkit-transform: translate3d(0, -2000px, 0); opacity: 0; transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } to { -webkit-transform: translate3d(0, -2000px, 0); opacity: 0; transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-animation-timing-function: ease-out; -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); } 40% { -webkit-animation-timing-function: ease-out; -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); } 50% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); } 80% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); animation-timing-function: ease-in; transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); } to { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); } } @keyframes flip { 0% { -webkit-animation-timing-function: ease-out; -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); } 40% { -webkit-animation-timing-function: ease-out; -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); } 50% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); } 80% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); animation-timing-function: ease-in; transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); } to { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); } } .animated.flip { -webkit-animation-name: flip; -webkit-backface-visibility: visible; animation-name: flip; backface-visibility: visible; } @-webkit-keyframes flipInX { 0% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateX(90deg); } 40% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in; transform: perspective(400px) rotateX(-20deg); } 60% { -webkit-transform: perspective(400px) rotateX(10deg); opacity: 1; transform: perspective(400px) rotateX(10deg); } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateX(90deg); } 40% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in; transform: perspective(400px) rotateX(-20deg); } 60% { -webkit-transform: perspective(400px) rotateX(10deg); opacity: 1; transform: perspective(400px) rotateX(10deg); } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-animation-name: flipInX; -webkit-backface-visibility: visible !important; animation-name: flipInX; backface-visibility: visible !important; } @-webkit-keyframes flipInY { 0% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateY(90deg); animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateY(90deg); } 40% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateY(-20deg); animation-timing-function: ease-in; transform: perspective(400px) rotateY(-20deg); } 60% { -webkit-transform: perspective(400px) rotateY(10deg); opacity: 1; transform: perspective(400px) rotateY(10deg); } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateY(90deg); animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateY(90deg); } 40% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateY(-20deg); animation-timing-function: ease-in; transform: perspective(400px) rotateY(-20deg); } 60% { -webkit-transform: perspective(400px) rotateY(10deg); opacity: 1; transform: perspective(400px) rotateY(10deg); } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-animation-name: flipInY; -webkit-backface-visibility: visible !important; animation-name: flipInY; backface-visibility: visible !important; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); opacity: 1; transform: perspective(400px) rotateX(-20deg); } to { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; transform: perspective(400px) rotateX(90deg); } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); opacity: 1; transform: perspective(400px) rotateX(-20deg); } to { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; transform: perspective(400px) rotateX(90deg); } } .flipOutX { -webkit-animation-duration: 0.75s; -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; animation-duration: 0.75s; animation-name: flipOutX; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); opacity: 1; transform: perspective(400px) rotateY(-15deg); } to { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; transform: perspective(400px) rotateY(90deg); } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); opacity: 1; transform: perspective(400px) rotateY(-15deg); } to { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; transform: perspective(400px) rotateY(90deg); } } .flipOutY { -webkit-animation-duration: 0.75s; -webkit-animation-name: flipOutY; -webkit-backface-visibility: visible !important; animation-duration: 0.75s; animation-name: flipOutY; backface-visibility: visible !important; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; transform: translate3d(100%, 0, 0) skewX(-30deg); } 60% { -webkit-transform: skewX(20deg); opacity: 1; transform: skewX(20deg); } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; transform: translate3d(100%, 0, 0) skewX(-30deg); } 60% { -webkit-transform: skewX(20deg); opacity: 1; transform: skewX(20deg); } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-name: lightSpeedIn; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; transform: translate3d(100%, 0, 0) skewX(30deg); } } @keyframes lightSpeedOut { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; transform: translate3d(100%, 0, 0) skewX(30deg); } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-name: lightSpeedOut; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg); -webkit-transform-origin: center; opacity: 0; transform: rotate(-200deg); transform-origin: center; } to { -webkit-transform: translateZ(0); -webkit-transform-origin: center; opacity: 1; transform: translateZ(0); transform-origin: center; } } @keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg); -webkit-transform-origin: center; opacity: 0; transform: rotate(-200deg); transform-origin: center; } to { -webkit-transform: translateZ(0); -webkit-transform-origin: center; opacity: 1; transform: translateZ(0); transform-origin: center; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(-45deg); transform-origin: left bottom; } to { -webkit-transform: translateZ(0); -webkit-transform-origin: left bottom; opacity: 1; transform: translateZ(0); transform-origin: left bottom; } } @keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(-45deg); transform-origin: left bottom; } to { -webkit-transform: translateZ(0); -webkit-transform-origin: left bottom; opacity: 1; transform: translateZ(0); transform-origin: left bottom; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform: rotate(45deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(45deg); transform-origin: right bottom; } to { -webkit-transform: translateZ(0); -webkit-transform-origin: right bottom; opacity: 1; transform: translateZ(0); transform-origin: right bottom; } } @keyframes rotateInDownRight { 0% { -webkit-transform: rotate(45deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(45deg); transform-origin: right bottom; } to { -webkit-transform: translateZ(0); -webkit-transform-origin: right bottom; opacity: 1; transform: translateZ(0); transform-origin: right bottom; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(45deg); transform-origin: left bottom; } to { -webkit-transform: translateZ(0); -webkit-transform-origin: left bottom; opacity: 1; transform: translateZ(0); transform-origin: left bottom; } } @keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(45deg); transform-origin: left bottom; } to { -webkit-transform: translateZ(0); -webkit-transform-origin: left bottom; opacity: 1; transform: translateZ(0); transform-origin: left bottom; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(-90deg); transform-origin: right bottom; } to { -webkit-transform: translateZ(0); -webkit-transform-origin: right bottom; opacity: 1; transform: translateZ(0); transform-origin: right bottom; } } @keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(-90deg); transform-origin: right bottom; } to { -webkit-transform: translateZ(0); -webkit-transform-origin: right bottom; opacity: 1; transform: translateZ(0); transform-origin: right bottom; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; opacity: 1; transform-origin: center; } to { -webkit-transform: rotate(200deg); -webkit-transform-origin: center; opacity: 0; transform: rotate(200deg); transform-origin: center; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; opacity: 1; transform-origin: center; } to { -webkit-transform: rotate(200deg); -webkit-transform-origin: center; opacity: 0; transform: rotate(200deg); transform-origin: center; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; opacity: 1; transform-origin: left bottom; } to { -webkit-transform: rotate(45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(45deg); transform-origin: left bottom; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; opacity: 1; transform-origin: left bottom; } to { -webkit-transform: rotate(45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(45deg); transform-origin: left bottom; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; opacity: 1; transform-origin: right bottom; } to { -webkit-transform: rotate(-45deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(-45deg); transform-origin: right bottom; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; opacity: 1; transform-origin: right bottom; } to { -webkit-transform: rotate(-45deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(-45deg); transform-origin: right bottom; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; opacity: 1; transform-origin: left bottom; } to { -webkit-transform: rotate(-45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(-45deg); transform-origin: left bottom; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; opacity: 1; transform-origin: left bottom; } to { -webkit-transform: rotate(-45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(-45deg); transform-origin: left bottom; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; opacity: 1; transform-origin: right bottom; } to { -webkit-transform: rotate(90deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(90deg); transform-origin: right bottom; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; opacity: 1; transform-origin: right bottom; } to { -webkit-transform: rotate(90deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(90deg); transform-origin: right bottom; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; -webkit-transform-origin: top left; animation-timing-function: ease-in-out; transform-origin: top left; } 20%, 60% { -webkit-animation-timing-function: ease-in-out; -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; animation-timing-function: ease-in-out; transform: rotate(80deg); transform-origin: top left; } 40%, 80% { -webkit-animation-timing-function: ease-in-out; -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; transform: rotate(60deg); transform-origin: top left; } to { -webkit-transform: translate3d(0, 700px, 0); opacity: 0; transform: translate3d(0, 700px, 0); } } @keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; -webkit-transform-origin: top left; animation-timing-function: ease-in-out; transform-origin: top left; } 20%, 60% { -webkit-animation-timing-function: ease-in-out; -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; animation-timing-function: ease-in-out; transform: rotate(80deg); transform-origin: top left; } 40%, 80% { -webkit-animation-timing-function: ease-in-out; -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; transform: rotate(60deg); transform-origin: top left; } to { -webkit-transform: translate3d(0, 700px, 0); opacity: 0; transform: translate3d(0, 700px, 0); } } .hinge { -webkit-animation-duration: 2s; -webkit-animation-name: hinge; animation-duration: 2s; animation-name: hinge; } @-webkit-keyframes jackInTheBox { 0% { -webkit-transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { -webkit-transform: scale(1); opacity: 1; transform: scale(1); } } @keyframes jackInTheBox { 0% { -webkit-transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { -webkit-transform: scale(1); opacity: 1; transform: scale(1); } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } @-webkit-keyframes rollIn { 0% { -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); opacity: 0; transform: translate3d(-100%, 0, 0) rotate(-120deg); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } @keyframes rollIn { 0% { -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); opacity: 0; transform: translate3d(-100%, 0, 0) rotate(-120deg); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); opacity: 0; transform: translate3d(100%, 0, 0) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); opacity: 0; transform: translate3d(100%, 0, 0) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { -webkit-transform: scale3d(0.3, 0.3, 0.3); opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { -webkit-transform: scale3d(0.3, 0.3, 0.3); opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } } @keyframes zoomInDown { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); } } @keyframes zoomInLeft { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); } } @keyframes zoomInRight { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } } @keyframes zoomInUp { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { -webkit-transform: scale3d(0.3, 0.3, 0.3); opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { -webkit-transform: scale3d(0.3, 0.3, 0.3); opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } to { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; } } @keyframes zoomOutDown { 40% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } to { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } @keyframes zoomOutLeft { 40% { -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } @keyframes zoomOutRight { 40% { -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } to { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; } } @keyframes zoomOutUp { 40% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } to { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: hidden; } } @keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: hidden; } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: hidden; } } @keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: hidden; } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: hidden; } } @keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: hidden; } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: hidden; } } @keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: hidden; } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .animated { -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both; animation-duration: 1s; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; } .animated.fast { -webkit-animation-duration: 0.8s; animation-duration: 0.8s; } .animated.faster { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; } @media (prefers-reduced-motion) { .animated { -webkit-animation: unset !important; -webkit-transition: none !important; animation: unset !important; transition: none !important; } } *, *:before, *:after { margin: 0; padding: 0; outline: none; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body { height: 100%; } body, input, button, textarea, select, .fancybox-skin { font-family: "Gilroy"; font-size: 14px; line-height: 1.3; color: #20262f; } img { vertical-align: middle; max-width: 100%; /* max-height: 100%; height: auto;*/ } a { color: #20262f; text-decoration: none; } a.underlined { border-bottom-width: 1px; border-bottom-style: solid; } a.underlined:hover { border-bottom-color: transparent; } .clearfix:before, .clearfix:after { display: table; content: " "; } .clearfix:after, .clear { clear: both; } .hidden, .modals { display: none; } .text-uppercase { text-transform: uppercase; } .text-strike { text-decoration: line-through; } .text-nowrap { white-space: nowrap; } .text-center { text-align: center; } .d-table { display: table; } .d-table-row { display: table-row; } .d-table-cell { display: table-cell; } .float-left { float: left; } .float-right { float: right; } .transition-1, .transition-1:before, .transition-1:after, .slick-arrow, .slick-dots button { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } [placeholder]:focus::-webkit-input-placeholder { color: transparent !important; } [placeholder]:focus:-moz-placeholder { color: transparent !important; } [placeholder]:focus::-moz-placeholder { color: transparent !important; } [placeholder]:focus:-ms-input-placeholder { color: transparent !important; } .jq-selectbox.select-1 { display: block; } .jq-selectbox.select-1 .jq-selectbox__select { padding: 24px 45px 24px 27px; border: 1px solid #e8e9ed; } .jq-selectbox.select-1 .jq-selectbox__select-text { font-size: 14px; line-height: 20px; font-weight: 300; color: #20262f; } .jq-selectbox.select-1 .jq-selectbox__trigger { position: absolute; right: 27px; top: 50%; width: 15px; height: 15px; margin: -7px 0 0; background: url(../fonts/arrow-2.svg); -webkit-background-size: 15px 15px; background-size: 15px 15px; } .jq-selectbox.select-1 .jq-selectbox__dropdown { width: 100%; border: 1px solid #e8e9ed; background: #fff; } .jq-selectbox.select-1 .jq-selectbox__dropdown li { padding: 5px 28px; cursor: pointer; } .jq-selectbox.select-1 .jq-selectbox__dropdown li:hover { background: #FF4905; color: #fff; } .jq-selectbox.select-1.opened.dropdown .jq-selectbox__select { border-bottom: none; } .jq-selectbox.select-1.opened.dropdown .jq-selectbox__dropdown { margin: -1px 0 0; border-top: none; -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1); } .jq-selectbox.select-1.opened.dropup .jq-selectbox__select { border-top: none; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .jq-selectbox.select-1.opened.dropup .jq-selectbox__dropdown { margin: 0 0 -1px; border-bottom: none; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; -webkit-box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.1); } .input-1, .textarea-1 { position: relative; border: 1px solid #e8e9ed; background: #fff; } .input-1 input, .textarea-1 input, .input-1 textarea, .textarea-1 textarea { position: relative; z-index: 1; width: 100%; height: 68px; font-size: 14px; line-height: 48px; font-weight: 300; color: #20262f; border: none; outline: none; background: 0 0; padding: 10px 27px; } .input-1 input::-webkit-input-placeholder, .textarea-1 input::-webkit-input-placeholder, .input-1 textarea::-webkit-input-placeholder, .textarea-1 textarea::-webkit-input-placeholder { color: #20262f; } .input-1 input:-moz-placeholder, .textarea-1 input:-moz-placeholder, .input-1 textarea:-moz-placeholder, .textarea-1 textarea:-moz-placeholder { color: #20262f; opacity: 1; } .input-1 input::-moz-placeholder, .textarea-1 input::-moz-placeholder, .input-1 textarea::-moz-placeholder, .textarea-1 textarea::-moz-placeholder { color: #20262f; opacity: 1; } .input-1 input:-ms-input-placeholder, .textarea-1 input:-ms-input-placeholder, .input-1 textarea:-ms-input-placeholder, .textarea-1 textarea:-ms-input-placeholder { color: #20262f; } .input-1:before, .textarea-1:before { display: block; content: ""; position: absolute; right: 0; top: 50%; } .input-1.error, .error.textarea-1 { border-color: red; } .wpcf7-not-valid { border: 1px solid red !important; } .wpcf7-form-control-wrap.error { border: 0 !important; } .wpcf7-not-valid-tip, .wpcf7-validation-errors, .wpcf7-mail-sent-ok, .ajax-loader { display: none !important; } .wpcf7-form-control-wrap { display: block; } .succ_form7 { display: none; text-align: center; } .calc_style { background: #FF4905; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear; } .calc_style:hover { background: #FF7900; } .b-menu a.calc_style:hover:after { opacity: 0; } .input-1.icon-plus:before, .icon-plus.textarea-1:before { right: 26px; width: 15px; height: 15px; margin: -7px 0 0; background: url(../fonts/icon-plus-1.svg) no-repeat; } .textarea-1 { height: 100px; } .textarea-1 textarea { height: 100%; line-height: normal; resize: none; } .b-callback-input.textarea-1 { border: 0; } .b-callback-input.textarea-1 textarea { width: 100%; height: 100px; line-height: 18px; resize: none; color: #000; overflow: auto; background: 0 0; border: 1px solid #e8e9ed; } .file-1 { position: relative; height: 70px; font-size: 14px; font-weight: 300; border: 1px solid #e8e9ed; } .file-1 .jq-file { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; } .file-1 .jq-file__name { padding: 0 45px 0 27px; } .file-1 .jq-file__browse { display: none; } .file-1:before { display: block; content: ""; position: absolute; top: 50%; right: 26px; width: 15px; height: 15px; margin: -7px 0 0; background: url(../fonts/icon-plus-1.svg) no-repeat; } .button-1, .button-2, .button-3 { position: relative; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 56px; padding: 0 15px; font-size: 13px; font-weight: 800; line-height: 1; color: #fff !important; text-align: center; text-transform: uppercase; border: none; cursor: pointer; background: #FF4905; } .button-1:hover, .button-2:hover, .button-3:hover { background: #FF7900; } .button-2, .button-3 { height: 79px; font-size: 14px; } .button-3 { height: 70px; } .fancybox-close { width: 40px; height: 40px; right: 0; top: 0; background: url(../fonts/icon-close-1.svg) no-repeat; -webkit-background-size: contain; background-size: contain; } @-webkit-keyframes floating { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 50% { -webkit-transform: translateY(12px); transform: translateY(12px); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes floating { 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 50% { -webkit-transform: translateY(12px); transform: translateY(12px); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes bt { 0% { opacity: 0.1; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } 16% { opacity: 1; -webkit-transform: translate(35%, 0); transform: translate(35%, 0); } 22% { opacity: 0.5; -webkit-transform: translate(55%, 0); transform: translate(55%, 0); } 40% { -webkit-transform: translate(120%, 0); transform: translate(120%, 0); } 100% { opacity: 0.35; -webkit-transform: translate(120%, 0); transform: translate(120%, 0); } } @keyframes bt { 0% { opacity: 0.1; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } 16% { opacity: 1; -webkit-transform: translate(35%, 0); transform: translate(35%, 0); } 22% { opacity: 0.5; -webkit-transform: translate(55%, 0); transform: translate(55%, 0); } 40% { -webkit-transform: translate(120%, 0); transform: translate(120%, 0); } 100% { opacity: 0.35; -webkit-transform: translate(120%, 0); transform: translate(120%, 0); } } @-webkit-keyframes sonarEffect { 0% { opacity: 0.3; } 40% { opacity: 0.5; -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 10px 10px #000, 0 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 10px 10px #000, 0 0 0 10px rgba(0, 0, 0, 0.5); } 100% { -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 10px 10px #000, 0 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 10px 10px #000, 0 0 0 10px rgba(0, 0, 0, 0.5); -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; } } @keyframes sonarEffect { 0% { opacity: 0.3; } 40% { opacity: 0.5; -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 10px 10px #000, 0 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 10px 10px #000, 0 0 0 10px rgba(0, 0, 0, 0.5); } 100% { -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 10px 10px #000, 0 0 0 10px rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 10px 10px #000, 0 0 0 10px rgba(0, 0, 0, 0.5); -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; } } .main-wrapper { position: relative; z-index: 1; overflow: hidden; } .container { position: relative; z-index: 1; max-width: 1200px; margin: 0 auto; padding: 0 15px; } .mobile-menu { position: fixed; z-index: 10; right: 0; top: 0; bottom: 0; width: 220px; -webkit-transform: translateX(240px); -ms-transform: translateX(240px); transform: translateX(240px); background: #fff; -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.4); } .mobile-menu ul { padding: 30px 0 0; font-size: 18px; font-weight: 700; list-style: none; } .mobile-menu ul a { display: block; padding: 10px 15px; color: #000; } .mobile-menu ul a:hover { background: #000; color: #fff; } .b-modal-video { width: 650px; } .b-modal-video-content { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .b-modal-video-content iframe, .b-modal-video-content object, .b-modal-video-content embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .b-up { position: fixed; right: 20px; bottom: 20px; z-index: 10; width: 40px; height: 40px; background: rgba(0, 0, 0, 0.5) url(../fonts/arrow-up-1.svg) center center no-repeat; -webkit-background-size: 20px auto; background-size: 20px auto; -webkit-border-radius: 50%; border-radius: 50%; visibility: hidden; opacity: 0; } .b-up.active { visibility: visible; opacity: 1; } .b-up.active + .main-wrapper .b-menu li:last-child a { border-top: 0; border-bottom: 0; } .b-header-menu-button { display: none; width: 30px; height: 30px; margin: 0 0 0 30px; background: url(../fonts/icon-menu-1.svg) center center no-repeat; -webkit-background-size: contain; background-size: contain; } .b-header { position: absolute; width: 100%; top: 0; left: 0; z-index: 100; } .b-header.fixed { position: fixed; background: url(../images/bg-1.webp) center top no-repeat; } .b-header.fixed .b-header-right, .b-header.fixed .b-header-logo { display: none; } .b-header.fixed > .container { padding: 0; } .b-common-1 { color: #fff; background: url(../images/bg-1.webp) center top no-repeat; -webkit-background-size: cover; background-size: cover; padding-top: 151px; } .page-header-bg { height: 151px; background: url(../images/bg-1.webp) center top no-repeat; } .b-common-1 a, .b-header a { color: #FF4905; } .b-header > .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; align-items: center; padding-top: 10px; padding-bottom: 10px; } .b-header-logo { display: inline-block; /* height: 50px; margin: 5px 0 0;*/ } /*.b-header-logo img { height: 100%; }*/ .b-header-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: #fff; align-items: center; } .b-header-phone { position: relative; /*height: 52px;*/ margin: 3px 10px 0 0; padding: 0 0 0 55px; font-size: 30px; font-weight: 800; background: url(../fonts/icon-phone-1.svg) no-repeat; -webkit-background-size: contain; background-size: contain; } .b-header-free { width: 83px; margin: 14px 15px 0 0; font-size: 12px; font-weight: 500; } .b-header-button { width: 220px; } .b-menu { font-size: 16px; font-weight: 500; border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .b-menu ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: stretch; margin: 0 -10px; list-style: none; } .b-menu a { position: relative; display: inline-flex; padding: 15px 10px; text-align: center; height: 100%; align-items: center; } .b-menu a:after { display: block; content: ""; position: absolute; left: 50%; bottom: -3px; width: 19px; height: 5px; margin: 0 0 0 -6px; background: #FF4905; opacity: 0; } .b-menu a:hover:after { opacity: 1; } .b-homescreen .container { padding-top: 49px; padding-bottom: 100px; } .b-homescreen-title { font-size: 53px; font-weight: 800; line-height: 1.19; text-transform: uppercase; } .b-homescreen-items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 600px; margin: 55px -15px 0; } .b-homescreen-item { width: 33.33%; padding: 0 15px; } .b-homescreen-item-icon { height: 54px; line-height: 54px; } .b-homescreen-item-icon img { vertical-align: bottom; } .b-homescreen-item-title { margin: 8px 0 0; font-size: 18px; font-weight: 500; } .b-homescreen-button { max-width: 320px; margin: 64px 0 0; } .b-homescreen-image { position: absolute; left: 574px; top: -8px; bottom: -389px; } .b-homescreen-image img { max-width: none; max-height: none; height: 70%; } .b-title { font-size: 44px; line-height: 1.24; font-weight: 300; text-transform: uppercase; } .b-title strong { display: block; font-weight: 800; } h1.b-title { font-weight: 800; margin-bottom: 10px; } .b-common-2 .container:before { display: block; content: ""; position: absolute; z-index: -2; left: -360px; top: 0; width: 510px; height: 100%; background: url(../images/decor-1.png) 0 -3px repeat-y; } .b-common-3 .container:before { display: block; content: ""; position: absolute; z-index: -2; right: -360px; top: 0; width: 510px; height: 100%; background: url(../images/decor-1.png) 0 -3px repeat-y; } .b-advantages .container { padding-top: 93px; padding-bottom: 154px; } .b-advantages-items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 54px 0 0; background: #fff; border-right: 1px solid #e5e8ec; border-bottom: 1px solid #e5e8ec; } .b-advantages-item { position: relative; width: 33.33%; padding: 40px 40px 38px; border-left: 1px solid #e5e8ec; border-top: 1px solid #e5e8ec; } .b-advantages-item:before { display: block; content: ""; position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; background: #FF4905; opacity: 0; } .b-advantages-item:hover .b-advantages-item-title { color: #fff; } .b-advantages-item:hover .b-advantages-item-title:before { background: #fff; } .b-advantages-item:hover .b-advantages-item-text { color: #fff; } .b-advantages-item:hover .b-advantages-item-icon { -webkit-filter: brightness(0) invert(100%); filter: brightness(0) invert(100%); } .b-advantages-item:hover:before { left: -11px; right: -11px; top: -11px; bottom: -11px; opacity: 1; } .b-advantages-item-icon { position: relative; z-index: 2; height: 70px; line-height: 70px; } .b-advantages-item-icon img { vertical-align: bottom; } .b-advantages-item-title { position: relative; z-index: 2; margin: 73px 0 0; font-size: 18px; font-weight: 800; text-transform: uppercase; } .b-advantages-item-title:before { display: block; content: ""; width: 20px; height: 3px; margin: 0 0 12px; background: #FF4905; } .b-advantages-item-text { position: relative; z-index: 2; margin: 7px 0 0; font-size: 16px; font-weight: 300; line-height: 1.5; } .b-offer { position: relative; z-index: 2; color: #fff; } .b-offer-bg { position: absolute; z-index: -1; left: 39.7%; right: -360px; top: 0; height: 100%; background: url(../images/bg-2.jpg) center top no-repeat; -webkit-background-size: cover; background-size: cover; } .b-offer-content { position: relative; padding: 76px 0 65px 59.9%; } .b-offer-title { font-size: 48px; font-weight: 800; line-height: 1.12; } .b-offer-button { max-width: 380px; margin: 55px 0 0; } .b-offer-hint { margin: 11px 0 0; font-size: 15px; font-weight: 300; opacity: 0.8; } .b-offer-image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; right: 48.2%; top: -7.15%; bottom: -28.3%; } .b-offer-image img { max-width: none; height: 100%; } .b-services .container { padding-top: 138px; padding-bottom: 61px; } .b-services .container:after { display: block; content: ""; position: absolute; z-index: -1; left: -360px; bottom: 0; width: 510px; height: 280px; background: #fff; } .b-services-items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 10px -15px 0; } .b-services-item { width: 25%; margin: 35px 0 0; padding: 0 15px; } .b-services-item-content { display: block; } .b-services-item-content:hover { color: #FF4905; } .b-services-item-content:hover .b-services-item-details { opacity: 1; } .b-services-item-top { position: relative; } .b-services-item-details { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; font-size: 14px; font-weight: 800; text-transform: uppercase; color: #fff; background: #FF4905; opacity: 0; } .b-services-item-details:before { display: block; content: ""; width: 46px; height: 46px; margin: 0 0 18px; background: url(../fonts/arrow-1.svg) no-repeat; -webkit-background-size: contain; background-size: contain; } .b-services-item-title { max-width: 220px; margin: 10px 0 0; font-size: 19px; font-weight: 800; } .b-rates { position: relative; } .b-rates .container { padding-top: 120px; /*padding-bottom: 90px;*/ padding-bottom: 0; } .b-rates .b-title { margin: 13px 0 0; } .b-rates-bg { display: none; position: absolute; z-index: -1; left: -360px; right: 295px; top: 0; height: 100%; background: url(../images/bg-3.jpg) center top no-repeat; -webkit-background-size: cover; background-size: cover; } .b-rates-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .b-rates-tabs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 14px; font-weight: 500; text-transform: uppercase; border-left: none; list-style: none; } .b-rates-tabs a { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 79px; padding: 15px 34px 15px 37px; background: #fff; border: 1px solid #e8e9ed; border-right: none; } .b-rates-tabs a:hover, .b-rates-tabs a.active { color: #fff; background: #FF4905; border-color: #FF4905; } .b-rates-slider { margin: 35px 0 0; } .b-rates-tariff_vehicles { margin: 0 -15px; display: flex; justify-content: space-around; flex-wrap: wrap; } .b-rates-tariff_vehicles .slick-arrow { position: absolute; z-index: 1; top: 50%; margin: -22px 0 0; background-color: #fff; } .b-rates-tariff_vehicles .slick-arrow.slick-prev {left: -44px;} .b-rates-tariff_vehicles .slick-arrow.slick-next {right: -44px;} .b-rates-tariff_vehicle { padding: 0 15px; flex: 0 1 50%; margin-bottom: 30px; } .b-rates-item-content { display: flex; flex-direction: column; justify-content: space-between; padding: 22px 15px 30px; background: #fff; height: 100%; border-bottom: 3px solid #FF4905; } .b-rates-item-descr {display: flex;} .b-rates-item-descr-left { flex-basis: 255px; flex-shrink: 0; padding-right: 26px; } .b-rates-item-title { font-size: 28px; font-weight: 800; } .b-rates-item-subtitle { margin: 4px 0 0; font-size: 16px; font-weight: 500; } .b-rates-item-price { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; margin: 26px 0 0; padding: 16px 0 17px; border-top: 2px solid #f0f0f3; border-bottom: 2px solid #f0f0f3; } .b-rates-item-price-num { min-width: 123px; margin: 0 5px 0 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; font-size: 28px; font-weight: 800; color: #FF4905; text-transform: uppercase; } .b-rates-item-price-text { margin: 0 3px 0 0; font-size: 16px; line-height: 1.25; font-weight: 400; } .b-rates-item-list { margin: 14px 0 0; font-size: 15px; font-weight: 400; list-style: none; } .b-rates-item-list li { position: relative; margin: 4px 0 0; padding: 0 0 0 9px; } .b-rates-item-list li:before { display: block; content: ""; position: absolute; left: 1px; top: 8px; width: 3px; height: 3px; background: #20262f; -webkit-border-radius: 50%; border-radius: 50%; } .b-rates-item-list li:first-child { margin: 0; } .b-rates-item-image { max-width: 229px; margin: 6px 0 19px; text-align: center; } .b-rates-item-image img { display: inline-block; } .b-rates-item-capacity-bg { background: #f8f8f8; padding: 8px 5px; } .b-rates-item-capacity { position: relative; margin: 7px 0 0; padding: 11px 16px 51px; background: #f8f8f8; } .b-rates-item-capacity-title { position: relative; z-index: 1; font-size: 14px; line-height: 1.3; font-weight: 800; text-align: center; margin: 0 0 7px 9px; } .b-rates-item-capacity-image img { margin: 0 auto; } .b-rates-item-text { margin: 25px 0 0; font-size: 15px; padding-top: 23px; line-height: 1.6; font-weight: 400; border-top: 2px solid #f0f0f3; } .b-rates-item-button { margin: 23px 0 0; height: 60px; } .b-rates-tow { padding: 40px; background: #fff; } .b-rates-tow .b-rates-item-title { width: 30%; } .b-rates-tow-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; z-index: 1; } .b-rates-tow-content { width: 70%; font-size: 16px; line-height: 1.5; } .b-rates-tow-cols { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .b-rates-tow-col { width: 33.33%; padding: 0 30px 0 0; } .b-rates-tow-col p, .b-rates-loader-inner p { margin-bottom: 10px; } .b-rates-tow-col ul { font-size: 16px; line-height: 1.5; font-weight: 400; margin: 15px 0 0; } .b-rates-tow-col ul li { position: relative; padding: 0 0 0 9px; list-style: none; } .b-rates-tow-col ul li:before { display: block; content: ""; position: absolute; left: 1px; top: 8px; width: 3px; height: 3px; background: #20262f; -webkit-border-radius: 50%; border-radius: 50%; } .b-rates-tow-text { margin: 30px 0 0; font-weight: 700; } .b-rates-tow-image { margin: -7% 13% 0 0; } .b-rates-tow-image img { width: 100%; } .b-rates-tow-button { max-width: 310px; margin: 30px auto 0; } .b-rates-nonstandart { padding: 40px; background: #fff; } .b-rates-nonstandart-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 50px -15px 0; } .b-rates-nonstandart-image { width: 50%; padding: 0 15px; } .b-rates-nonstandart-image img { width: 100%; } .b-rates-nonstandart-inner { width: 50%; padding: 0 15px; } .b-rates-nonstandart-title { font-size: 22px; font-weight: 700; } .b-rates-nonstandart-text { margin: 30px 0 0; font-size: 15px; font-weight: 400; } .b-rates-nonstandart-text p { margin: 30px 0 0; } .b-rates-nonstandart-text p:first-child { margin: 0; } .b-rates-nonstandart-button { max-width: 310px; margin: 30px 0 0; } .b-rates-tariff_loader { padding: 40px; background: #fff; } .b-rates-loader-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 50px -15px 0; } .b-rates-loader-image { width: 50%; padding: 0 15px; } .b-rates-loader-image img { width: 100%; } .b-rates-loader-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 50%; padding: 0 15px; font-size: 16px; line-height: 1.5; } .logged-in-as { margin: 15px auto; font-size: 20px; font-weight: 300; } .b-rates-loader-title { font-size: 27px; font-weight: 700; margin-bottom: 10px; } .b-rates-loader-text { margin: 30px 0; font-size: 15px; font-weight: 400; text-transform: uppercase; } .b-rates-loader-text ul { list-style: none; } .b-rates-loader-text ul li { margin: 10px 0 0; } .b-rates-loader-text ul li:first-child { margin: 0; } .b-rates-loader-button { max-width: 310px; margin: auto 0 0; } .b-calc .container { padding-top: 105px; padding-bottom: 41px; } .b-calc .b-title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin: -38px 0 0; } .b-calc .b-title strong { margin: 0 -8px; padding: 0 8px; background: #fff; } .b-calc-content { padding: 0 42px 37px 35px; background: #fff; border: 3px solid #FF4905; } .b-calc-cols { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 35px -13px 0; } .b-calc-col { width: 33.33%; } .b-calc-row { position: relative; height: 70px; margin: 10px 0 0; padding: 0 15px; } .b-calc-row:first-child { margin: 0; } .b-calc-row.row-2y { height: 150px; } .b-calc-row.row-4y { height: 310px; } .b-calc-row.row-2x { margin-left: -100%; } .b-calc-image { position: absolute; left: -30.7%; top: -20.2%; bottom: -3.2%; } .b-calc-image img { max-width: none; height: 100%; } .b-calc-total { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 100%; padding: 5% 4% 0 0; text-align: center; } .b-calc-total-title { max-width: 200px; font-size: 20px; line-height: 1.05; font-weight: 500; } .b-calc-total-num { margin: 7% 0 0; font-size: 42px; font-weight: 800; color: #FF4905; } .b-park .container { padding-top: 40px; } .b-park .b-title strong { display: inline; } .slick-arrow { width: 44px; height: 44px; font-size: 2px; color: transparent; border: none; -webkit-border-radius: 50%; border-radius: 50%; background-repeat: no-repeat; background-position: center center; background-color: #fff; cursor: pointer; } .slick-arrow.slick-prev { background-image: url(../fonts/arrow-3.svg); } .slick-arrow.slick-next { background-image: url(../fonts/arrow-4.svg); } .b-park-slider { margin: 53px 0 0; } .b-park-slider .slick-arrow { position: absolute; z-index: 1; bottom: 35px; } .b-park-slider .slick-arrow.slick-prev { left: 40px; } .b-park-slider .slick-arrow.slick-next { left: 207px; } .b-park-slide.slick-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .b-park-slide-content { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 48.75%; min-height: 399px; padding: 20px 16% 158px 39px; background: #f0f2f5; } .b-park-slide-title { font-size: 22px; font-weight: 800; } .b-park-slide-subtitle { font-size: 16px; font-weight: 300; } .b-park-slide-list { max-width: 242px; margin: 19px 0 0; font-size: 14px; font-weight: 300; list-style: none; } .b-park-slide-list li { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 16px 0 0; } .b-park-slide-list li:before { display: block; content: ""; position: absolute; left: 0; top: -7px; width: 100%; height: 1px; background: rgba(151, 151, 151, 0.2); } .b-park-slide-list li:first-child { margin: 0; } .b-park-slide-list li:first-child:before { display: none; } .b-park-slide-list strong { font-weight: 700; } .b-park-slide-image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; width: 100%; margin: 0 -5.5% -0.25% -19%; } .b-park-slide-image img { width: 94%; } .b-park-pager { position: absolute; left: 99px; bottom: 35px; width: 123px; padding: 0 15px; font-size: 16px; font-weight: 300; line-height: 44px; text-align: center; } .b-park-pager strong { font-size: 48px; font-weight: 500; color: #FF4905; vertical-align: middle; } .b-reviews .container { padding-top: 86px; padding-bottom: 66px; } .b-reviews-slider { width: 59.8%; margin: 53px -15px 0; } .b-reviews-slider .slick-list { overflow: visible; } .b-reviews-slider .slick-track { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .b-reviews-slider .slick-arrow { position: absolute; z-index: 1; bottom: -89px; background-color: #f0f2f5; } .b-reviews-slider .slick-arrow.slick-prev { left: 15px; } .b-reviews-slider .slick-arrow.slick-next { left: 182px; } .b-reviews-slide { position: relative; margin: 0 15px; padding: 42px 39px 41px; background: #fff; border: 1px solid #e5e8ec; } .b-reviews-slide:before { display: block; content: ""; position: absolute; left: 5.8%; bottom: 100%; width: 34px; height: 31px; margin: 0 0 -2px; background: url(../fonts/decor-2.svg) no-repeat; -webkit-background-size: contain; background-size: contain; } .b-reviews-slide-title { font-size: 18px; font-weight: 800; } .b-reviews-slide-text { margin: 6px 0 0; font-size: 16px; font-weight: 300; line-height: 1.5; } .b-reviews-bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 30px 0 0; } .b-reviews-pager { width: 123px; margin: 12px 0 0 44px; padding: 0 15px; font-size: 16px; font-weight: 300; line-height: 44px; text-align: center; } .b-reviews-pager strong { font-size: 48px; font-weight: 500; color: #FF4905; vertical-align: middle; } .b-reviews-button { width: 310px; } .b-partners .container { padding-top: 65px; padding-bottom: 133px; } .b-partners-slider { margin: 0 100px 0 0; } .b-partners-slider .slick-track { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .b-partners-slider .slick-arrow { position: absolute; z-index: 1; top: 50%; margin: -22px 0 0; background-color: #f0f2f5; } .b-partners-slider .slick-arrow.slick-prev { right: -36px; } .b-partners-slider .slick-arrow.slick-next { right: -100px; } .b-partners-slide { margin: 0 30px 0 0; } .b-partners-slide img { display: inline; } .b-guarantees { position: relative; z-index: 2; color: #fff; } .b-guarantees-bg { position: absolute; z-index: -1; left: -360px; right: 111px; top: 0; height: 100%; background: url(../images/bg-4.jpg) center top no-repeat; -webkit-background-size: cover; background-size: cover; } .b-guarantees-content { position: relative; padding: 101px 58% 120px 0; } .b-guarantees-items { margin: 48px 0 0; } .b-guarantees-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 40px 0 0; } .b-guarantees-item:first-child { margin: 0; } .b-guarantees-item-icon { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 73px; margin: 8px 0 0; text-align: center; } .b-guarantees-item-content { margin: 0 0 0 25px; } .b-guarantees-item-title { font-size: 18px; font-weight: 800; text-transform: uppercase; } .b-guarantees-item-text { margin: 6px 0 0; font-size: 16px; font-weight: 300; line-height: 1.5; } .b-guarantees-image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; right: -11%; top: -3%; bottom: -32.9%; width: 80.26%; } .b-guarantees-image img { width: 100%; } .b-steps .container { padding-top: 109px; } .b-steps .container:after { display: block; content: ""; position: absolute; z-index: -1; right: -360px; bottom: 0; width: 510px; height: 60px; background: #fff; } .b-steps-items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 25px -15px 0; } .b-steps-item { width: 25%; margin: 30px 0 0; padding: 0 15px; } .b-steps-item:last-child .b-steps-item-decor { display: none; } .b-steps-item-content { position: relative; height: 100%; padding: 28px 29px 20px; background: #fff; border: 1px solid #e8e9ed; } .b-steps-item-decor { position: absolute; z-index: 1; top: 43px; left: 99px; right: -47px; height: 26px; background: #fff; } .b-steps-item-decor:before { display: block; content: ""; position: absolute; left: 0; top: 50%; width: 100%; margin: -2px 0 0; border-top: 4px dotted #e8e9ed; } .b-steps-item-decor:after { display: block; content: ""; position: absolute; left: 50%; top: 0; width: 32px; height: 100%; margin: 0 0 0 -26px; background: #fff url(../fonts/arrow-4.svg) center center no-repeat; -webkit-background-size: 22px 12px; background-size: 22px 12px; } .b-steps-item-icon { position: relative; z-index: 1; height: 55px; } .b-steps-item-title { margin: 23px 0 0; font-size: 20px; font-weight: 500; } .b-cta { color: #fff; background: url(../images/bg-5.jpg) center top no-repeat; -webkit-background-size: cover; background-size: cover; } .b-cta .container { padding-top: 94px; padding-bottom: 120px; } .b-cta-title { max-width: 850px; font-size: 44px; font-weight: 800; line-height: 1.18; } .b-cta-form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 58px -15px 0; } .b-cta-form-input { width: 33.33%; padding: 0 15px; } .b-cta-form-button { width: 100%; } .b-jobs .container { padding-top: 100px; padding-bottom: 119px; } .b-jobs-items { margin: 57px 0 0; } .b-jobs-item { margin: 26px 0 0; border: 1px solid #e8e9ed; } .b-jobs-item:first-child { margin: 0; } .b-jobs-item-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 28px; padding: 8px 0 12px; border-bottom: 1px solid #e8e9ed; } .b-jobs-item-icon { width: 65px; height: 60px; margin: 0 15px 0 0; } .b-jobs-item-title { font-size: 22px; font-weight: 800; } .b-jobs-item-cols { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 15px; } .b-jobs-item-col { width: 25%; margin: 19px 0 0; padding: 0 15px; } .b-jobs-item-col-title { font-size: 18px; font-weight: 500; } .b-jobs-item-col-text { padding: 1px 0 0; font-size: 16px; line-height: 1.44; font-weight: 300; } .b-jobs-item-col-text ul { margin: 6px 0 0; list-style: none; } .b-jobs-item-col-text ul li { position: relative; margin: 3px 0 0; padding: 0 0 0 8px; } .b-jobs-item-col-text ul li:before { display: block; content: ""; position: absolute; left: 0; top: 10px; width: 3px; height: 3px; background: #20262f; -webkit-border-radius: 50%; border-radius: 50%; } .b-jobs-item-col-text ul li:first-child { margin: 0; } .b-jobs-item-button { margin: 33px 0 0; } .b-last { background: url(../images/bg-6.webp) center no-repeat; -webkit-background-size: cover; background-size: cover; } .b-last .container { padding-top: 87px; padding-bottom: 97px; } .b-last .b-title { max-width: 700px; margin: 0 auto; text-align: center; } .b-last .b-last-contact { margin-top: 30px; } .b-last-items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 32px 0 58px; } .b-last-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 0 0 61px; } .b-last-item:first-child { margin: 0; } .b-last-item-icon { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin: 0 18px 0 0; } .b-last-item-title { font-size: 22px; font-weight: 500; } .b-last-bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 69px 0 0; } .b-last-phone { position: relative; height: 52px; margin: 3px 16px 0 0; padding: 0 0 0 70px; font-size: 30px; font-weight: 800; background: url(../fonts/icon-phone-1.svg) no-repeat; -webkit-background-size: contain; background-size: contain; } .b-last-free { width: 83px; margin: 14px 15px 0 0; font-size: 12px; font-weight: 500; } .b-last-button { width: 220px; } .b-footer { font-size: 14px; font-weight: 500; } .b-footer .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-top: 23px; padding-bottom: 23px; } .b-plan { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 1170px; background: #fff; } .b-plan-sidebar { width: 33.33%; padding: 30px 0 30px 40px; border-right: 1px solid #edefef; } .b-plan-title { padding: 0 15px 0 0; font-size: 28px; font-weight: 800; } .b-plan-nav { max-width: 252px; margin: 30px 0 0; font-size: 13px; font-weight: 700; text-transform: uppercase; list-style: none; } .b-plan-nav a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 36px; padding: 0 10px; } .b-plan-nav a span { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; display: block; width: 50px; margin: 0 5px 0 0; } .b-plan-nav a:hover, .b-plan-nav a.active { color: #fff; background: #FF4905; } .b-plan-nav a:hover span, .b-plan-nav a.active span { -webkit-filter: brightness(0) invert(100%); filter: brightness(0) invert(100%); } .b-plan-rates { display: none; } .b-plan-rates.slick-initialized { display: block; } .b-plan-rate { margin: 20px 0 0; padding: 20px 15px 0 0; font-size: 14px; line-height: 1.28; font-weight: 400; text-transform: uppercase; border-top: 1px solid #edefef; } .b-plan-rate-row { margin: 15px 0 0; } .b-plan-rate-row:first-child { margin: 0; } .b-plan-slider { width: 66.66%; } .b-plan-slider.slick-initialized { display: block; } .b-plan-slide { padding: 30px 15px; } .b-plan-slide-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .b-plan-slide-left { width: 60%; padding: 0 15px; } .b-plan-slide-image { margin: 30px 0 0; } .b-plan-slide-details { margin: 30px -2px 0; font-size: 14px; line-height: 1.1; font-weight: 500; } .b-plan-slide-details span, .b-plan-slide-details strong { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 34px; } .b-plan-slide-details span { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; background: #edefef; } .b-plan-slide-details strong { font-weight: 700; } .b-plan-slide-details-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .b-plan-slide-details-col { width: 23.33%; padding: 2px; } .b-plan-slide-details-col:first-child { width: 30%; } .b-plan-slide-details-col span { -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; cursor: pointer; } .b-plan-slide-details-col span.active { color: #fff; background: #FF4905; } .b-plan-slide-right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 40%; padding: 0 15px; } .b-plan-slide-capacity { position: relative; margin: 7px 0 0; padding: 15px; background: #f8f8f8; } .b-plan-slide-capacity-title { position: relative; z-index: 1; max-width: 160px; font-size: 14px; line-height: 1.21; font-weight: 500; } .b-plan-slide-capacity-title strong { display: block; margin: 20px 0 0; font-size: 29px; font-weight: 800; color: #FF4905; } .b-plan-slide-capacity-image { margin: -20px 0 0; text-align: right; } .b-plan-slide-capacity-image img { display: inline; } .b-plan-slide-top { font-size: 16px; font-weight: 500; text-transform: uppercase; } .b-plan-slide-top strong { font-size: 28px; color: #FF4905; } .b-callback { width: 390px; padding: 30px; background: #fff; text-align: center; } .b-callback-title { font-size: 28px; font-weight: 800; color: #FF4905; } .b-callback-subtitle { max-width: 250px; margin: 15px auto 0; font-size: 20px; font-weight: 300; } .b-callback-inputs { margin: 15px 0 0; } .b-callback-button { width: 100%; margin: 15px 0 0; } .b-text-popup { width: 1170px; height: 700px; padding: 40px 15px; background: #fff; } .b-text-popup-content { height: 100%; font-size: 16px; font-weight: 500; overflow: auto; } .b-text-popup-content p { margin: 10px 0 0; } .b-text-popup-content p:first-child { margin: 0; } .b-thanks .container { padding-top: 150px; padding-bottom: 150px; } .b-thanks-title { font-size: 54px; font-weight: 800; line-height: 1.19; text-transform: uppercase; } .b-thanks-subtitle { margin: 64px 0 0; max-width: 500px; font-size: 36px; font-weight: 500; } .b-thanks-button { max-width: 320px; margin: 64px 0 0; } .b-advantages-item:before, .b-advantages-item *:before, .b-advantages-item-icon, .b-services-item-content, .b-services-item-details, .b-rates-tabs a, .b-plan-nav a, .b-plan-nav span { -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } .debug { position: fixed; z-index: 100; right: 0; bottom: 0; opacity: 0.5; padding: 5px; color: #fff; background: #000; } .debug:before { content: "desktop"; } .text-page { padding: 50px 0 80px; -webkit-box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.5); box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.5); } .btn-learn-more { text-decoration: underline; color: #FF4905; margin-top: 10px; font-size: 19px; float: right; font-weight: 700; } .text-page, .home-txt-learn-more { font-size: 16px; font-weight: 300; line-height: 1.5; } .home-txt-learn-more { padding-top: 70px; overflow: hidden; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear; } .text-page .container { max-width: 800px; } .text-page p, .text-page li, .home-txt-learn-more p, .home-txt-learn-more li { margin-bottom: 10px; } .text-page li, .home-txt-learn-more li { list-style-position: inside; } .text-page h2, .home-txt-learn-more h2 { font-size: 35px; line-height: 1.24; margin-bottom: 10px; } .text-page h3 { font-size: 30px; line-height: 1.24; margin-bottom: 10px; } .mailto-footer { margin-right: 30px; font-weight: 700; } .webim-footer { text-decoration: underline; color: #FF4905; } .webim-footer:hover { text-decoration: none; } .b-footer-right > span:last-child { white-space: nowrap; } .mr0 { margin-right: 0 !important; } .txt404, .n404 { text-align: center; font-weight: 700; } .n404 { font-size: 100px; color: #FF4905; } .txt404 { font-size: 40px; } .b-callback-inputs > .input-1 { margin: 15px 0; } .company-wrapper .b-advantages-item { width: 50%; padding: 26px 30px 38px 40px; } .company-wrapper .b-advantages-item-title { margin: 57px 0 0; } .company-wrapper .b-advantages-item-title:before { margin: 0 0 36px; } .company-wrapper .page-header-bg { height: 454px; background: 0 0; } .company-wrapper .b-common-1 { background: url(../images/bg-company.jpg) center top no-repeat; } .company-wrapper .b-common-1 .desc { margin: 16px 0 30px; font-weight: 500; font-size: 16px; line-height: 24px; color: #fff; max-width: 415px; } .company-wrapper .b-common-1 form { width: 630px; min-height: 248px; background: #fff; padding: 25px 30px 30px; filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.15)); display: flex; flex-direction: column; justify-content: center; } .company-wrapper .b-callback-inputs { display: flex; flex-wrap: wrap; margin-top: 7px; } .company-wrapper .b-callback-title { line-height: 34px; } .company-wrapper .b-callback-inputs > .input-1 { margin: 10px 15px; width: 50%; max-width: 270px; height: 56px; } .company-wrapper .b-callback-inputs > .input-1:nth-child(odd) { margin-left: 0; } .company-wrapper .b-callback-inputs > .input-1:nth-child(even) { margin-right: 0; } .company-wrapper .b-callback-inputs > .input-1 input { height: 56px; } .company-wrapper .b-callback-inputs > p { width: 50%; max-width: 270px; margin: 10px 0 10px 15px; } .company-wrapper .b-callback-inputs > p .b-callback-button { width: 100%; margin: 0; height: 56px; } .company-wrapper .b-callback-subtitle { color: #20262f; } .company-wrapper .b-common-2 { padding: 60px 0 100px; } .company-wrapper .b-advantages-items { margin-top: 49px; } .company-wrapper .b-last-button { width: 310px; } .company-wrapper .b-common-2 .container:before { background: 0 0; } .b-menu li:last-child { margin-left: 45px; } .b-menu li:last-child a { background: rgba(255, 255, 255, 0.1); border: 1px solid #fff; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; width: 220px; display: flex; justify-content: center; } .b-menu li:last-child a:hover { background: rgba(255, 255, 255, 0.3); } .b-menu li:last-child a:after { display: none; } .company-wrapper .succ_form7 { height: 100%; flex-direction: column; align-items: center; justify-content: center; } .company-wrapper .wpcf7-display-none { display: none !important; } .b-menu a { padding: 15px 9px; } .bonus-table { margin: 45px 0; } .bonus-table .table { width: 100%; border-collapse: collapse; } .bonus-table .table th { font-size: 18px; font-weight: 800; text-transform: uppercase; color: #FF4905; padding: 10px 5px; height: 56px; } .bonus-table .caption { font-size: 18px; font-weight: 800; text-transform: uppercase; margin-bottom: 10px; } .bonus-table .title { font-weight: 800; text-transform: uppercase; color: #FF4905; margin: 30px 0 5px; } .bonus-table td, .bonus-table th { border: 1px solid #e8e9ed; } .bonus-table td div { display: flex; align-items: center; justify-content: space-between; } .bonus-table td span { text-align: center; display: block; padding: 12px 10px; } .bonus-table td div span { width: 50%; text-align: center; } .bonus-table td div span:first-child { border-right: 1px solid #e8e9ed; } @media (max-width: 1199px) { .debug:before { content: "1199"; } .b-offer-bg { right: 0; left: 0; } .b-offer-content { padding-left: 40%; } .b-offer-image { right: auto; left: -10%; top: 0; bottom: 0; width: 50%; } .b-offer-image img { width: 100%; height: auto; } .b-services-item-title { font-weight: 500; } .b-rates .container:after { display: none; } .b-rates-bg { left: 0; right: 0; } .b-rates-top { display: block; } .b-rates-tabs { margin-top: 35px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .b-rates-tabs li { width: 25%; } .b-rates-tabs a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .b-guarantees-bg { left: 0; right: 0; } .b-plan, .b-text-popup { width: 950px; } .b-plan-title { font-size: 22px; } } @media (max-width: 1100px) { .b-rates-item-price { flex-wrap: wrap; } .b-rates-item-descr-left { flex-basis: 215px; padding-right: 15px; } } @media (max-width: 991px) { .debug:before { content: "991"; } .b-header.fixed .b-header-right { display: flex; } .b-header.fixed .b-header-logo { display: inline-block; } .b-header.fixed > .container { padding: 15px 10px; } .menu-active .mobile-menu { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .b-cta .succ_form7 { height: 379px; padding: 144px 0; } .b-header-menu-button { display: block; } .b-common-1 { background-position: left top; } .b-header .container { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .b-header-logo { height: 40px; margin: 0; } .b-header-right { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .b-header-phone { height: auto; margin-top: 0; padding-left: 45px; background: 0 0; } .b-header-phone:before { content: ""; width: 38px; height: 38px; background: url(../fonts/icon-phone-1.svg) no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 1px; left: 0; -webkit-animation: vibrate 0.3s infinite; -moz-animation: vibrate 0.3s infinite; animation: vibrate 0.3s infinite; } @keyframes vibrate { 0% { transform: rotate(0deg) translateX(0); } 25% { transform: rotate(1deg) translateX(1px); } 50% { transform: rotate(-1deg) translateX(-1px); } 75%, 100% { transform: rotate(0deg) translateX(0); } } .b-header-free { margin-top: 0; } .b-header-button { width: 170px; } .b-menu { display: none; } .b-homescreen .container, .b-advantages .container, .b-services .container, .b-rates .container, .b-reviews .container, .b-steps .container, .b-cta .container, .b-jobs .container { padding-top: 80px; padding-bottom: 80px; } .b-rates .container { padding-bottom: 0; } .b-calc .container { padding-top: 50px; padding-bottom: 40px; } .b-homescreen-image { display: none; } .b-homescreen-title, .b-thanks-title { max-width: none; font-size: 42px; text-align: center; } .b-homescreen-items { margin: 55px auto 0; } .b-homescreen-button { margin: 55px auto 0; } .b-title, .b-cta-title { font-size: 36px; } .text-page h2, .home-txt-learn-more h2 { font-size: 31px; } .text-page h3 { font-size: 26px; } .b-advantages-item { padding: 30px; } .b-advantages-item-icon { height: 50px; line-height: 50px; } .b-advantages-item-title { margin-top: 30px; } .b-advantages-item-text, .b-reviews-slide-text, .b-guarantees-item-text, .b-jobs-item-col-text { line-height: 1.3; } .b-offer-title { font-size: 32px; } .b-offer-hint, .b-rates-item-subtitle, .b-rates-item-text, .b-jobs-item-col-text { font-size: 14px; } .b-services-item-title { font-size: 16px; } .b-rates-item-title, .b-rates-item-price-num { font-size: 22px; } .b-rates-item-price-num { min-width: 90px; } .b-rates-item-list { font-size: 13px; } .b-calc .b-title { margin: 0; } .b-calc-content { padding: 0; border: none; } .b-calc-col { width: 50%; } .b-calc-col:first-child .b-calc-row:last-child { margin-right: -100%; } .b-calc-col:last-child { width: 100%; } .b-calc-row.row-2y { height: auto; } .b-calc-row.row-4y { display: none; } .b-calc-row.row-2x { margin-left: 0; } .b-calc-total { padding: 0; } .b-calc-total-num { margin: 15px 0 0; } .b-park-slider .slick-arrow.slick-next { left: 187px; } .b-park-pager { width: 79px; } .b-reviews-slider { width: auto; } .b-reviews-slider .slick-list { overflow: hidden; } .b-reviews-slide { padding: 30px; } .b-reviews-slide:before { bottom: auto; top: 0; left: 30px; width: 23px; height: 21px; } .b-guarantees-content { padding-top: 80px; padding-bottom: 80px; } .b-guarantees-item-text { font-size: 15px; } .b-steps-item-title { font-size: 16px; } .b-cta { text-align: center; } .b-cta-form { display: block; max-width: 500px; margin: 55px auto 0; } .b-cta-form-input { width: auto; margin: 15px 0 0; padding: 0; } .b-cta-form-input:first-child { margin: 0; } .b-plan { display: block; width: 720px; padding: 30px; } .b-plan-sidebar { width: auto; padding: 0; border: none; } .b-plan-title { padding: 0; text-align: center; } .b-plan-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: none; } .b-plan-nav li { width: 50%; } .b-plan-rates { margin: 0 -15px; } .b-plan-rate { padding-right: 0; } .b-plan-rate.slick-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .b-plan-rate-row { margin: 0; padding: 0 15px; } .b-plan-slider { width: auto; margin: 30px 0 0; } .b-plan-slide { padding: 0; } .b-plan-slide-top { text-align: center; } .b-plan-slide-content { margin: 15px -15px 0; } .b-text-popup { width: 720px; } .b-rates-tow .b-rates-item-title { width: auto; text-align: center; } .b-rates-tow-top { display: block; } .b-rates-tow-content { margin: 30px 0 0; width: auto; } .b-rates-tow-image { max-width: 500px; margin: 30px auto 0; } .b-rates-loader-text { text-transform: none; } .b-rates-loader-text ul li { margin: 5px 0 0; } .b-thanks-subtitle { margin: 30px auto 0; font-size: 28px; text-align: center; } .b-thanks-button { margin: 30px auto 0; } .company-wrapper .b-homescreen .container { padding-top: 63px; } .company-wrapper .b-homescreen-title { text-align: left; } .table-bordered td { padding: 12px 2px; } .bonus-table td div { flex-direction: column; } .bonus-table td div br { display: none; } .bonus-table td div span:first-child { border-right: 0; border-bottom: 1px solid #e8e9ed; } .bonus-table td div span { width: 100%; } } @media (max-width: 860px) { .b-rates-item-descr { flex-wrap: wrap; } .b-rates-item-descr-right { order: 0; margin-bottom: 20px; } .b-rates-item-descr-left { order: 1; } } @media (max-width: 767px) { .debug:before { content: "767"; } .b-modal-video { width: 480px; } .mailto-footer { margin-right: 0; } .button-2, .button-3 { height: 70px; } .b-rates-item-button { height: 60px; } .b-header-menu-button { margin: 0; } .b-cta .succ_form7 { height: 361px; padding: 141px 0; } .b-header-button { display: none; } .b-homescreen-title, .b-thanks-title { font-size: 32px; } .b-homescreen-item-title { font-size: 16px; } .b-title, .b-cta-title { font-size: 28px; } .text-page h2, .home-txt-learn-more h2 { font-size: 26px; } .text-page h3 { font-size: 24px; } .b-advantages-item { width: 50%; padding: 15px; } .b-offer-title { font-size: 26px; } .b-services-item { width: 33.33%; } .b-rates-tabs { line-height: 1.1; text-align: center; } .b-rates-tabs li { width: 50%; } .b-rates-tabs a { height: 50px; padding: 5px 15px; border-top: none; } .b-park-slider .slick-arrow.slick-prev { left: 30px; } .b-park-slider .slick-arrow.slick-next { left: auto; right: 30px; } .b-park-slide { padding: 30px 30px 100px; background: #f0f2f5; display: flex; flex-direction: column; justify-content: space-between; height: auto; } .b-park-slider .slick-track { display: flex; } .b-park-slide-content { width: auto; min-height: 0; padding: 0; background: 0 0; } .b-park-slide-list { max-width: none; } .b-park-slide-image { display: block; width: auto; margin: 30px 0 0; } .b-park-pager { left: 0; width: 100%; padding: 0 100px; } .b-reviews-slider .slick-arrow { bottom: -75px; } .b-reviews-bottom { display: block; } .b-reviews-pager { margin-top: 0; } .b-reviews-button { width: 50%; margin: 30px 0 0; } .b-guarantees { text-align: center; } .b-guarantees .b-title { text-align: center; } .b-guarantees-content { padding-right: 0; } .b-guarantees-items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 30px -15px 0; } .b-guarantees-item { display: block; width: 33.33%; margin: 0; padding: 0 15px; } .b-guarantees-item-icon { margin: 0; width: auto; height: 50px; } .b-guarantees-item-content { margin: 15px 0 0; } .b-guarantees-item-text { font-size: 14px; } .b-guarantees-image { display: none; } .b-steps-item { width: 50%; } .b-jobs-item-col { width: 50%; } .b-last-items { display: block; max-width: 170px; margin: 40px auto; } .b-last-item { margin: 20px 0 0; } .b-last-item-icon { width: 40px; height: 40px; } .b-last-item-title { font-size: 20px; } .b-footer { text-align: center; } .b-footer .container { display: block; } .b-footer-center, .b-footer-right { margin: 15px 0 0; } .b-plan, .b-text-popup { width: 530px; } .b-plan-rate { font-size: 12px; } .b-plan-slide-content { display: block; } .b-plan-slide-left { width: auto; } .b-plan-slide-right { width: auto; } .b-rates-tow-content { font-size: 14px; } .b-rates-tow-col ul { font-size: 14px; } .b-rates-loader-content, .b-rates-nonstandart-content { display: block; margin: 30px 0 0; } .b-rates-loader-image, .b-rates-nonstandart-image { width: auto; padding: 0; } .b-rates-loader-inner, .b-rates-nonstandart-inner { width: auto; margin: 30px 0 0; padding: 0; } .b-rates-loader-title, .b-rates-nonstandart-title { font-size: 18px; } .b-rates-loader-text, .b-rates-nonstandart-text { font-size: 14px; } .b-thanks-subtitle { font-size: 22px; } .company-wrapper .b-common-1 form { width: 100%; } .company-wrapper .b-callback-inputs > .input-1, .company-wrapper .b-callback-inputs > p { width: 46%; max-width: none; } } @media (max-width: 575px) { .company-wrapper .b-common-1 { background-size: cover; } .company-wrapper .page-header-bg { height: 500px; } .company-wrapper .b-callback-inputs > .input-1, .company-wrapper .b-callback-inputs > p { width: 100%; max-width: none; } .company-wrapper .b-callback-inputs > .input-1, .company-wrapper .b-callback-inputs > p { margin-right: 0; margin-left: 0; padding: 0; } .company-wrapper .b-callback-inputs > .input-1 input, .company-wrapper .b-callback-inputs > .input-1, .company-wrapper .b-callback-inputs > p .b-callback-button { height: 38px; } .company-wrapper .b-callback-inputs > .input-1 input { padding: 0 15px; } .company-wrapper .b-homescreen .container { padding-top: 0; } .company-wrapper .b-advantages-item { padding: 15px; } .company-wrapper .b-advantages-item-title:before { margin: 0 0 20px; } .b-last-bottom { margin-top: 0px; } .debug:before { content: "575"; } .b-header.fixed .b-header-logo { display: none; } .b-header.fixed .b-header-right { margin: 0; } .b-modal-video { width: auto; } .b-cta .succ_form7 { height: 255px; padding: 70px 0; } .button-2, .button-3 { height: 40px; } .input-1, .textarea-1 { padding: 0 30px 0 15px; } .input-1 input, .textarea-1 input { height: 38px; line-height: 38px; } .input-1.icon-plus:before, .icon-plus.textarea-1:before { right: 11px; } .file-1 { height: 40px; } .file-1 .jq-file__name { padding: 0 30px 0 15px; } .file-1:before { right: 11px; } .jq-selectbox.select-1 .jq-selectbox__select { padding: 9px 30px 9px 10px; } .jq-selectbox.select-1 .jq-selectbox__trigger { right: 12px; } .b-header-menu-button { margin-left: auto; } .b-header .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .b-header-right { margin: 30px 0 0; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; } .b-homescreen .container, .b-advantages .container, .b-services .container, .b-rates .container, .b-calc .container, .b-reviews .container, .b-partners .container, .b-steps .container, .b-cta .container, .b-jobs .container { padding-top: 50px; padding-bottom: 50px; } .b-rates .container { padding-bottom: 0; } .b-park .container { padding-top: 25px; } .b-homescreen-title, .b-thanks-title, .b-callback-title { font-size: 24px; } .b-homescreen-items { margin: 55px -15px 0; } .b-homescreen-item-title, .b-reviews-slide-text, .b-steps-item-title, .text-page { font-size: 14px; } .b-title, .b-cta-title { font-size: 22px; } .text-page h2, .home-txt-learn-more h2 { font-size: 20px; } .text-page h3 { font-size: 18px; } .b-advantages-item-icon { height: 30px; line-height: 30px; } .b-advantages-item-title { margin-top: 15px; font-size: 16px; font-weight: 500; letter-spacing: -0.2px; text-transform: none; } .b-advantages-item-text { font-size: 14px; } .b-offer { text-align: center; } .b-offer-content { padding: 50px 0; } .b-offer-image { display: none; } .b-offer-title { font-size: 20px; } .b-offer-button { margin: 30px auto 0; } .b-services-items { margin: 10px -5px 0; } .b-services-item { width: 50%; margin-top: 15px; padding: 0 5px; } .b-rates-tabs { font-size: 13px; text-transform: none; } .b-rates-tariff_vehicles { margin: 0 -15px; padding: 0 0 59px; padding-bottom: 0; } .b-rates-tariff_vehicles .slick-arrow { bottom: 0; top: auto; } .b-rates-tariff_vehicles .slick-arrow.slick-prev { left: 15px; } .b-rates-tariff_vehicles .slick-arrow.slick-next { left: 74px; right: auto; } .b-calc-cols { display: block; } .b-calc-col { width: auto !important; margin: 10px 0 0; } .b-calc-col:first-child { margin: 0; } .b-calc-col:first-child .b-calc-row:last-child { margin-right: 0; } .b-calc-row { height: 40px; } .b-calc-total-title, .b-callback-subtitle { font-size: 16px; } .b-calc-total-num { font-size: 28px; } .b-park-slider { margin: 30px 0 0; } .b-park-slider .slick-arrow { bottom: 15px; } .b-park-slider .slick-arrow.slick-prev { left: 15px; } .b-park-slider .slick-arrow.slick-next { right: 15px; } .b-park-slide { padding: 15px 15px 80px; } .b-park-slide-title { font-weight: 500; } .b-park-pager { bottom: 15px; padding: 0 85px; } .b-reviews-slide { padding: 30px 15px 15px; } .b-reviews-slide:before { left: 15px; } .b-reviews-slide-title { font-weight: 500; } .b-reviews-button { width: auto; max-width: 300px; } .b-partners-slider { margin: 0; padding: 0 0 60px; } .b-partners-slider .slick-arrow { top: auto; bottom: 0; margin: 0; } .b-partners-slider .slick-arrow.slick-prev { right: auto; left: 0; } .b-partners-slider .slick-arrow.slick-next { right: 0; } .b-partners-slide { margin: 0 15px 0 0; text-align: center; } .b-guarantees-content { padding-top: 50px; padding-bottom: 50px; } .b-guarantees-items { display: block; } .b-guarantees-item { width: auto; margin: 30px 0 0; } .b-guarantees-item-text { max-width: 300px; margin: 6px auto 0; } .b-steps-item-content { padding: 15px; } .b-steps-item-icon { height: 40px; } .b-jobs-items { margin-top: 30px; } .b-jobs-item-top { margin: 0 15px; } .b-jobs-item-icon { width: 40px; height: 40px; } .b-jobs-item-title { font-size: 16px; font-weight: 500; } .b-jobs-item-cols { display: block; margin: 0 2px; } .b-jobs-item-col { width: auto; } .b-last-bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .b-last-phone { margin: 0; } .b-last-free { width: auto; margin: 5px 0 0; } .b-last-button { margin: 30px 0 0; } .b-plan { width: 300px; padding: 30px 15px; } .b-plan-nav { display: block; } .b-plan-nav li { width: auto; } .b-plan-rate.slick-slide { display: block; } .b-plan-rate-row { width: auto; margin: 15px 0 0; } .b-callback { width: 300px; padding: 30px 15px; } .b-text-popup { width: 300px; } .b-rates-tow-cols { display: block; } .b-rates-tow-col { width: auto; margin: 15px 0 0; padding: 0; } .b-rates-tow-col:first-child { margin: 0; } .b-thanks .container { padding-top: 100px; padding-bottom: 100px; } .b-thanks-subtitle { font-size: 18px; } .company-wrapper .b-advantages-item-title { margin-top: 20px; } .bonus-table td span { font-size: 12px; } } @media (max-width: 540px) { .b-rates-tariff_vehicle { flex: 0 1 100%; } } @media (max-width: 450px) { .company-wrapper .page-header-bg { height: 525px; } } @media (max-width: 480px) { .company-wrapper .b-advantages-item { width: 100%; } } @media (max-width: 540px) and (min-width: 450px) { .b-rates-item-descr { flex-wrap: nowrap; } .b-rates-item-descr-left { order: 0; } .b-rates-item-descr-right { order: 1; } } @media (max-width: 320px) { .debug:before { content: "320"; } } @media (max-height: 767px) { .b-text-popup { height: 90vh; } } .b-footer-soc { display: flex; } .b-footer-soc a + a { margin-left: 20px; } .b-footer-soc img { width: 30px; height: 30px; } @media (min-width: 768px) and (max-width: 1000px) { .b-footer .container { display: block; text-align: center; } .b-footer-soc { justify-content: center; margin: 15px 0 0; } .b-footer-center { margin: 15px 0 0; } .b-footer-right { margin: 15px 0 0; } } @media (max-width: 767px) { .b-footer-soc { justify-content: center; margin: 15px 0 0; } } @media (max-width: 767px) { .b-footer-right { display: flex; flex-direction: column; } } #tof-map { width: 100%; height: 441px; } .hide { display: none; position: absolute; left: -1000px; } #calc .fix-width { width: 100%; } #calc select { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 24px 45px 24px 27px; border: 1px solid #d1d1d1; background: url(../images/arrow_1.png) no-repeat center right; width: 100%; margin-bottom: 13px; font-size: 17px; color: #000; } #calc #tof-step3 select { margin-bottom: 29px; } #tof-waypoints .point input { padding-right: 60px; } .wide #tof-step1 .right-block { display: block; position: relative; left: 0; } #tof-step1, #tof-step2, #tof-step3 { display: flex; justify-content: space-between; flex: 1 0 50%; flex-wrap: wrap; margin: 0 -18px 0 -17px; } #tof-step1 .b-plan-sidebar { border-right: 0; } #tof-step1 .b-plan-sidebar, #tof-step1 .b-plan-slider { width: 50%; padding: 0 18px 0 17px; margin-bottom: 35px; } #calc .b-calc-content { padding: 0 37px 37px 36px; } #calc .b-calc-cols { margin: 35px 0 0; } #tof-step1 .b-plan-rates, .b-plan-slide { display: none; } .b-plan-slide.active, #tof-step1 .b-plan-rates.active { display: block; } #tof-step1 .b-plan-rates.active { min-height: 449px; } #tof-calc-content .hide { display: none; } #calc .b-plan-rate-row { line-height: 22px; } .select_loaders_block { border: 1px solid #d1d1d1; min-height: 70px; display: flex; justify-content: space-between; align-items: center; padding: 0 41px 0 25px; margin-top: 13px; } .select_loaders_block label { font-size: 17px; line-height: 24px; position: relative; padding-left: 50px; margin: 10px 0; cursor: pointer; } .select_loaders_block label:before { content: ""; width: 24px; height: 24px; position: absolute; left: 0; top: 0; border: 2px solid #FF4905; } .select_loaders_block #select_loaders:checked + label:after { content: ""; width: 13px; height: 13px; position: absolute; left: 5px; top: 6px; background: url(../images/check.png) no-repeat 0 0; } #select_loaders { position: absolute; left: -999999px; } .vehicle-desc-form { border: 1px solid #d1d1d1; border-top: 0; margin-top: -14px; display: flex; justify-content: space-between; } #calc .b-plan-rate { border-top: 0; margin: 0; padding: 15px; } #calc .b-plan-slide-details-col:first-child { width: 119px; min-width: 119px; } #calc .b-plan-slide-details-col { width: 65px; min-width: 65px; } .vehicle-name { display: flex; flex-direction: column; flex-grow: 1; padding-right: 19px; } .vehicle-name label input { position: absolute; left: -999999px; } .vehicle-name label { margin-right: 10px; margin-bottom: 9px; text-transform: uppercase; font-weight: 700; padding-left: 66px; cursor: pointer; color: #000; position: relative; line-height: 34px; } .vehicle-name label:after { content: ""; position: absolute; left: 12px; top: 50%; } .all_metall:after { width: 39px; height: 20px; margin-top: -10px; background: url(../images/cars.png) no-repeat -8px -7px; } .all_metall.checked:after { background: url(../images/cars.png) no-repeat -71px -7px; } .all_metall_micro:after { width: 37px; height: 20px; margin-top: -10px; background: url(../images/cars.png) no-repeat -12px -150px; } .all_metall_micro.checked:after { background: url(../images/cars.png) no-repeat -72px -150px; } .van:after { width: 42px; height: 20px; margin-top: -10px; background: url(../images/cars.png) no-repeat -7px -43px; } .van.checked:after { background: url(../images/cars.png) no-repeat -69px -43px; } .awning:after { width: 42px; height: 20px; margin-top: -10px; background: url(../images/cars.png) no-repeat -7px -79px; } .awning.checked:after { background: url(../images/cars.png) no-repeat -69px -79px; } .board:after { width: 46px; height: 20px; margin-top: -10px; background: url(../images/cars.png) no-repeat -7px -115px; } .board.checked:after { background: url(../images/cars.png) no-repeat -67px -115px; } .farmer:after { width: 47px; height: 21px; margin-top: -10px; background: url(../images/cars.png) no-repeat -6px -187px; } .farmer.checked:after { background: url(../images/cars.png) no-repeat -67px -187px; } .vehicle-name label:first-child { margin-top: 21px; } .vehicle-name label.checked { color: #fff; background: #2a60c0; } .vehicle-name label.checked:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 17px 0 17px 10px; border-color: transparent transparent transparent #2a60c0; position: absolute; top: 0; left: 100%; } #calc .b-plan-slide { border: 1px solid #d1d1d1; padding: 0; } #calc .b-plan-slide-top { display: flex; border-bottom: 1px solid #d1d1d1; text-align: right; padding: 16px 39px 17px 15px; justify-content: flex-end; align-items: center; } #calc .b-plan-slide-capacity { margin-top: 20px; padding: 15px 15px 9px 18px; } #calc .b-plan-slide-capacity-title { max-width: 180px; font-size: 12px; line-height: 14px; font-weight: 700; } #calc .b-plan-slide-capacity-title strong { margin: 10px 0 0; font-size: 20px; position: relative; } #calc .b-plan-slide-capacity-title img { margin: -13px 0 0 38px; } #calc .b-plan-slide-content { flex-wrap: wrap; } #calc .b-plan-slide-details { width: 408px; margin: 32px auto 70px; } #calc .b-plan-slide-image { text-align: center; } #calc .b-plan-slide-image img { min-width: 257px; } .and-or { text-align: center; margin: 9px 0 0; } .and-or span { font-size: 17px; line-height: 24px; font-weight: 700; color: #20252e; position: relative; padding: 0 14px; } .and-or span:before, .and-or span:after { content: ""; width: 111px; height: 1px; background: #a6a8ac; position: absolute; top: 50%; } .and-or span:before { left: 100%; } .and-or span:after { right: 100%; } .loaders-choose { display: none; width: 100%; } .loaders-choose.active { display: flex; padding: 0 18px 0 17px; flex-wrap: wrap; } .loader-item { display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #d1d1d1; width: 246px; margin-bottom: 35px; margin-right: 35px; position: relative; } .loader-item .loader-cost { display: none; } .loader-icon-hint { float: right; padding: 7px 11px 0 0; } .loader-hint { display: none; position: absolute; top: 0; left: calc(100% + 36px); } .loader-icon-hint:hover ~ .loader-hint { display: block; width: 392px; background: #fff; z-index: 3; } .loader-item:nth-child(4n + 4) .loader-hint, .loader-item:nth-child(4n + 3) .loader-hint { right: calc(100% + 36px); left: auto; } .loader_name { text-align: center; color: #000; font-size: 16px; line-height: 22px; font-weight: 700; margin: 5px 5px 15px; } .quantity_loaders { display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 24px; margin-bottom: 14px; } #calc .loader-item select { width: 90px; padding: 11px 30px 10px 5px; background: url(../images/arrow_1.png) no-repeat 58px 17px; text-align-last: center; margin: 0 0 0 18px; } .loader-item:nth-child(4n + 4) { margin-right: 0; } html, body { height: 100%; margin: 0; padding: 0; } #tof-popup { width: 380px; height: 100%; overflow: hidden; background: rgba(40, 42, 49, 0.949); } #tof-popup.wide { width: 100%; } #tof-floating-panel { width: 50%; height: 100%; padding: 0 18px 0 17px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #tof-step2 .right-block-2, #tof-step3 .right-block-2, #tof-step3 .left_column { width: 50%; padding: 0 18px 0 17px; margin-bottom: 35px; } .point { position: relative; display: flex; } .point input { width: 100%; height: 70px; border: 1px solid #d1d1d1; font-size: 17px; color: #000; padding: 24px 27px; margin-bottom: 29px; } .point textarea { width: 100%; height: 120px; resize: none; border: 1px solid #d1d1d1; font-size: 17px; color: #000; padding: 24px 27px; overflow: auto; } #tof-scroll { max-height: 487px; overflow: hidden; } #tof-waypoints { position: relative; bottom: 0; } .order_form .point > input, .order_form .point > select { width: 300px; } .order_form .point { margin-bottom: 16px; position: relative; } .order_form .point > .col { display: inline-block; vertical-align: top; } #tof-step2 .point > div.col:first-child { width: 138px; } #tof-select-panel { width: 25%; } #tof-right-panel { width: 400px; } #tof-select-panel, #tof-right-panel { padding: 5px; font-size: 14px; border: 1px solid #ccc; box-shadow: 0 2px 2px rgba(33, 33, 33, 0.4); line-height: 30px; padding-left: 10px; display: none; } #tof-popup.wide #tof-floating-panel { width: 369px; height: 100%; padding: 19px 1px 23px 26px; } #tof-rollup { position: absolute; top: -5%; right: 2%; color: #000; } #tof-popup.wide #tof-rollup { top: 2%; } .form__add.hide { display: none; } #tof-continue.hide { display: none; } .tof_delete_point, .tof_delete_point:visited, .tof_delete_point:hover, .tof_delete_point:active, .tof_delete_point:focus { color: #000; cursor: pointer; } .tof_delete_point.hide { display: none; } .order_form { position: absolute; top: 178px; left: 0; width: 100%; height: 470px; z-index: 1; } .order_form .fix-width { height: 100%; } .name_form { display: none; } .form_label { display: none; font-size: 17px; color: #fff; margin-bottom: 7px; letter-spacing: 0.02em; } #tof-step2 .sale span { font-size: 17px; } .order_form a, #tof-step2 .sale, .checkbox_form label { color: #f0f4ab; text-decoration: none; font-size: 14px; position: relative; display: inline-block; vertical-align: top; } .order_form a:hover { color: #f0f4ab; text-decoration: none; } .order_form input[type="text"], .order_form select { background-color: rgba(38, 40, 47, 0.502); height: 54px; border: 1px solid rgba(137, 137, 137, 0.502); font-size: 14px; color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; letter-spacing: 0.02em; display: inline-block; vertical-align: top; } .order_form input[type="text"] { padding: 5px 14px; } .order_form input[type="text"].tof_waypoint { padding: 5px 25px 5px 14px; } .order_form select:focus { outline: 0; } .order_form select { padding: 5px 21px 5px 14px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: rgba(38, 40, 47, 0.502) url(../images/arrow.png) no-repeat right center; } ::-webkit-input-placeholder { color: #000; } ::-moz-placeholder { color: #000; } :-ms-input-placeholder { color: #000; } :-moz-placeholder { color: #000; } #tof-point-add, #tof-step2 .sale, .checkbox_form label { padding: 6px 0 5px 38px; line-height: 19px; margin-top: 4px; } #tof-point-add { display: inline-block; vertical-align: top; color: #FF4905; font-size: 17px; line-height: 24px; font-weight: 700; padding-left: 50px; background: url(../images/plus.png) no-repeat 0 0; padding: 8px 0 8px 50px; margin: 0 0 0 29px; position: relative; } .checkbox_form label { margin-bottom: 18px; cursor: pointer; } #tof-step2 .sale:before, .checkbox_form label:before { content: ""; width: 28px; height: 28px; border: 1px solid #f0f4ab; position: absolute; top: 0; left: 0; } #tof-point-add:before, #tof-step2 .sale:before { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .checkbox_form input[type="checkbox"]:checked + label:after { content: ""; width: 12px; height: 12px; background: url(../images/form_sprites.png) no-repeat -5px -47px; position: absolute; top: 10px; left: 9px; } #tof-step2 .sale:after { content: ""; width: 6px; height: 11px; background: url(../images/form_sprites.png) no-repeat -5px -26px; position: absolute; top: 9px; left: 12px; } .marker_address { display: inline-block; vertical-align: top; width: 26px; height: 34px; text-align: center; background: url(../images/geo.png) no-repeat 0 0; color: #FF4905; font-weight: 700; font-size: 11px; margin: 13px 0 0 5px; line-height: 28px; position: absolute; top: 6px; right: 30px; } #tof-cost-container .blue_btn, .order_form #tof-step2 a.tof_back { margin-top: 18px; } .order_form a.blue_btn { display: inline-block; vertical-align: top; background: #4291de; color: #fff; font-size: 14px; padding: 17px 27px 18px 25px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear; } .order_form a.blue_btn:hover { background: #1f6cae; } .order_form #tof-step2 a.blue_btn { min-width: 81px; text-align: center; } .order_form a.tof_back { border: 1px solid #3a93dd; color: #4891df; padding: 16px 27px 17px 25px; min-width: 80px; margin-right: 11px; text-align: center; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear; } .order_form a.tof_back:hover { background: #3a93dd; color: #fff; } .loader-icon { text-align: center; padding: 43px 0 10px; } .order_form #tof-step2 a.tof_back { margin-left: 4px; } #tof-step1 .right-block { width: 100%; min-height: 70px; border: 1px solid #d1d1d1; margin: 0 18px 33px 17px; padding: 5px 0; } #tof-step1 .right-block .right-bottom-block { display: block; height: 100%; } #tof-step1 .right-block .info_block:last-child { display: flex; width: 100%; height: 100%; justify-content: flex-end; align-items: center; text-align: right; } .min_cost_loaders, #tof-step1 .name_info { font-size: 16px; font-weight: 500; text-transform: uppercase; color: #000; } .min_cost_loaders strong, #tof-step1 .info_block .value { text-transform: none; font-size: 28px; color: #FF4905; } .btn_block { display: flex; width: 100%; justify-content: flex-end; margin: 0 18px 0 17px; } .btn_block .button-3 { width: 50%; } .btn_block .button-3.tof_back { background: 0 0; color: #FF4905 !important; border: 2px solid #FF4905; margin-right: 35px; } .btn_block .button-3.tof_back:hover { background: #FF4905; color: #fff !important; } #tof-step1 .info_block .value { margin-right: 37px; font-weight: 700; } #tof-step1 .name_info { margin-top: 7px; margin-right: 4px; } #tof-step1 > .select_loaders_block { margin: 0 18px 33px 17px; width: 100%; } .right-block-2 .right-bottom-block { display: flex; flex-wrap: wrap; align-items: center; border: 1px solid #d1d1d1; justify-content: space-between; min-height: 70px; padding: 8px 27px; } .right-top-block { display: table; } #tof-step2 .right-top-block { margin: 0; width: 100%; } #tof-cost-container.hide { display: none; } .right-bottom-block { display: table; width: 100%; } .info_block { display: flex; flex-wrap: wrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .name_info { font-size: 15px; text-transform: uppercase; line-height: 29px; font-weight: 500; margin-right: 3px; } .info_block .value { font-size: 20px; color: #2a60c0; font-weight: 700; } .tof_delete_point { width: 16px; height: 16px; background: url(../images/close.png) no-repeat -2px -2px; overflow: hidden; text-indent: -999999px; position: absolute; top: 18px; right: 7px; } .car_info { border: 1px solid #d1d1d1; border-top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .left_column { float: left; width: 361px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 19px 1px 23px 23px; } #tof-cost-container { margin-top: 22px; } .example_car { font-style: italic; color: #909095; line-height: 20px; } .car_info { display: none; } .car_info.selected, #tof-selected-car { display: table; } .car_img { vertical-align: middle; text-align: center; width: 350px; } .car_img img { display: inline-block; margin-top: 14px; } .car_info_right { vertical-align: top; color: #fff; padding: 21px 5px 0 0; } .car_info_right ul { margin-bottom: 11px; } #content .car_info_right ul li { padding-left: 0; margin-bottom: 2px; } .example_car span { display: block; } #tof-contact-container { margin-top: 0; } #tof-contact-container .point > .col { width: 50%; } #tof-contact-container .point > .col:first-child { margin-right: 20px; } #tof-contact-container .point > .col input { width: 100%; } .checkbox_form input[type="checkbox"] { position: absolute; left: -999999px; } .error { border: 1px solid red !important; } #tof-date { width: 98px; } #tof-time { width: 112px; } #tof-step4 { display: table; width: 100%; height: 100%; } #tof-step4.hide { display: none; } #tof-step4 .success { text-align: center; font-size: 20px; line-height: 30px; } #tof-step4 .success .blue_success_txt { text-transform: uppercase; color: #FF4905; font-weight: 500; font-size: 30px; line-height: 40px; width: 353px; margin: 25px auto 5px; } .mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox { position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container { overflow: hidden; width: auto; height: auto; } .mCSB_inside > .mCSB_container { margin-right: 0; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container { margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; } .mCSB_scrollTools { position: absolute; width: 4px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools { right: -26px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px; } .mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0; } .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail { -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; } .mCSB_scrollTools { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 1; } .mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.4); } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } @media (max-width: 1215px) { .loader-item { width: 40%; } .loader-item:nth-child(4n + 4) { margin-right: 35px; } .loader-item:nth-child(even) { margin-right: 0 !important; } .loaders-choose.active { justify-content: center; } .loader-icon-hint:hover ~ .loader-hint { width: 110%; } .loader-item:nth-child(even) .loader-hint { right: calc(100% + 36px) !important; left: auto !important; } .loader-item:nth-child(odd) .loader-hint { left: calc(100% + 36px) !important; } } @media (max-width: 1149px) { #calc .b-plan-slide-image img { min-width: 220px; } #calc .b-plan-rate { width: 200px; } #calc .b-plan-slide-left { width: 53%; } #calc .b-plan-slide-details { width: auto; } .vehicle-name label { font-size: 13px; } #calc .b-plan-slide-details-col:first-child { width: 80px; min-width: 80px; } } @media (max-width: 1060px) and (min-width: 992px) { .vehicle-name label { padding-left: 18px; } .vehicle-name label:after { display: none; } } @media (max-width: 991px) { .order_img { display: none; } #tof-step1 .b-plan-sidebar, #tof-step1 .b-plan-slider { width: 100%; } #calc .b-plan-rate { width: 400px; } #tof-step1 .b-plan-rates.active { min-height: 0; margin-bottom: 20px; } #tof-step1 .b-plan-slider { margin-top: 0; } .min_cost_loaders, #tof-step1 .name_info { font-size: 15px; } .min_cost_loaders strong, #tof-step1 .info_block .value { font-size: 26px; } } @media (max-width: 900px) { .select_loaders_block { flex-wrap: wrap; } .min_cost_loaders { width: 100%; text-align: right; margin-bottom: 10px; } } @media (max-width: 767px) { #calc .b-plan-rate { width: 250px; } #calc .b-plan-slide-content { display: flex; } #calc .b-plan-slide-right { width: 40%; } #tof-step2 .right-block-2, #tof-step3 .right-block-2, #tof-step3 .left_column, .right-top-block, .static_img img, #tof-floating-panel { width: 100%; } #tof-point-add { margin: 0 0 35px 29px; } } @media (max-width: 700px) { .loader-item { width: 100%; margin-right: 0; } .loader-icon { display: none; } .loader-item:nth-child(even) .loader-hint, .loader-item:nth-child(odd) .loader-hint { top: calc(100% + 36px) !important; left: 0 !important; right: auto !important; } .loader-icon-hint:hover ~ .loader-hint, .loader-icon-hint:hover ~ .loader-hint img { width: 100%; } } @media (max-width: 600px) { .vehicle-name label { padding-left: 18px; } .vehicle-name label:after { display: none; } #calc .b-plan-rate { width: 200px; } .b-plan-slide-top strong, .min_cost_loaders strong, #tof-step1 .info_block .value { font-size: 21px; } } @media (max-width: 570px) { #calc .b-plan-slide-image img { min-width: 0; margin-left: 13px; } #tof-step1 .info_block .value { margin-right: 20px; } } @media (max-width: 540px) { #calc .b-plan-slide-details-col { width: 55px; min-width: 55px; } } @media (max-width: 530px) { #calc .b-plan-slide-details { width: 100%; overflow-x: auto; margin: 32px 23px 70px 20px; } #calc .b-plan-slide-details-col:first-child { width: 80px; min-width: 80px; } } @media (max-width: 500px) { #calc .b-plan-rate { width: auto; } .vehicle-desc-form { flex-direction: column; } .vehicle-name label { margin-right: 0; margin-bottom: 0; } .vehicle-name label.checked:before { display: none; } #calc .b-plan-rate { padding: 15px 15px 20px 21px; } .vehicle-name { padding-right: 0; } #calc .b-plan-slide-top { font-size: 14px; padding: 16px 15px 17px; } .min_cost_loaders, #tof-step1 .name_info { font-size: 14px; } #tof-step1 .name_info { line-height: 23px; } } @media (max-width: 479px) { .and-or span:before, .and-or span:after { width: 40px; } .and-or span, .select_loaders_block label, #calc select, .point input, .point textarea { font-size: 14px; } .select_loaders_block { min-height: 50px; } .select_loaders_block label { padding-left: 35px; line-height: 18px; } #calc select { padding: 15px 45px 15px 15px; } .point textarea, .point input { padding: 15px; } .point input { height: 50px; } #calc .b-calc-content { padding: 15px; } .select_loaders_block { padding: 0 15px; } .select_loaders_block #select_loaders:checked + label:after { top: 4px; } .select_loaders_block label:before { top: -2px; } .btn_block .button-3, #tof-step4 .success .blue_success_txt { width: 100%; } .btn_block { flex-wrap: wrap; } .btn_block .button-3.tof_back { margin-bottom: 20px; margin-right: 0; } .marker_address { margin: 3px 0 0 5px; } #tof-point-add { margin: 0 0 35px; } #tof-step4 .success .blue_success_txt { font-size: 20px; line-height: 30px; } #tof-step4 .success { font-size: 17px; line-height: 27px; } } @media (max-width: 370px) { #calc .b-plan-slide-right, #calc .b-plan-slide-left { width: 100%; } #calc .b-plan-slide-image img { margin-left: 0; } } @charset "UTF-8"; #start-resizable-editor-section { display: none; } .wp-block-audio { margin: 0 0 1em; } .wp-block-audio figcaption { margin-top: 0.5em; margin-bottom: 1em; } .wp-block-audio audio { width: 100%; min-width: 300px; } .wp-block-button__link { color: #fff; background-color: #32373c; border-radius: 9999px; box-shadow: none; cursor: pointer; display: inline-block; font-size: 1.125em; padding: calc(0.667em + 2px) calc(1.333em + 2px); text-align: center; text-decoration: none; overflow-wrap: break-word; box-sizing: border-box; } .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-buttons > .wp-block-button.has-custom-width { max-width: none; } .wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link { width: 100%; } .wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link { font-size: inherit; } .wp-block-buttons > .wp-block-button.wp-block-button__width-25 { width: calc(25% - 0.5em); } .wp-block-buttons > .wp-block-button.wp-block-button__width-50 { width: calc(50% - 0.5em); } .wp-block-buttons > .wp-block-button.wp-block-button__width-75 { width: calc(75% - 0.5em); } .wp-block-buttons > .wp-block-button.wp-block-button__width-100 { width: calc(100% - 0.5em); } .wp-block-buttons > .wp-block-button.wp-block-button__width-100:only-child { margin-right: 0; width: 100%; } @supports (column-gap: 0.5em) { .wp-block-buttons.is-content-justification-right > .wp-block-button.wp-block-button, .wp-block-buttons > .wp-block-button.wp-block-button { margin-right: 0; margin-left: 0; } .wp-block-buttons > .wp-block-button.wp-block-button__width-25 { width: calc(25% - 0.375em); } .wp-block-buttons > .wp-block-button.wp-block-button__width-50 { width: calc(50% - 0.25em); } .wp-block-buttons > .wp-block-button.wp-block-button__width-75 { width: calc(75% - 0.125em); } .wp-block-buttons > .wp-block-button.wp-block-button__width-100 { width: auto; flex-basis: 100%; } } .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 { border: 2px solid; padding: 0.667em 1.333em; } .is-style-outline > .wp-block-button__link:not(.has-text-color), .wp-block-button__link.is-style-outline:not(.has-text-color) { color: currentColor; } .is-style-outline > .wp-block-button__link:not(.has-background), .wp-block-button__link.is-style-outline:not(.has-background) { background-color: transparent; } .wp-block-buttons { display: flex; flex-direction: row; flex-wrap: wrap; column-gap: 0.5em; } .wp-block-buttons.is-vertical { flex-direction: column; } .wp-block-buttons.is-vertical > .wp-block-button { margin-right: 0; } .wp-block-buttons.is-vertical > .wp-block-button:last-child { margin-bottom: 0; } .wp-block-buttons > .wp-block-button { display: inline-block; margin-left: 0; margin-right: 0.5em; margin-bottom: 0.5em; } .wp-block-buttons > .wp-block-button:last-child { margin-right: 0; } .wp-block-buttons.is-content-justification-left { justify-content: flex-start; } .wp-block-buttons.is-content-justification-left.is-vertical { align-items: flex-start; } .wp-block-buttons.is-content-justification-center { justify-content: center; } .wp-block-buttons.is-content-justification-center.is-vertical { align-items: center; } .wp-block-buttons.is-content-justification-right { justify-content: flex-end; } .wp-block-buttons.is-content-justification-right > .wp-block-button { margin-left: 0.5em; margin-right: 0; } .wp-block-buttons.is-content-justification-right > .wp-block-button:first-child { margin-left: 0; } .wp-block-buttons.is-content-justification-right.is-vertical { align-items: flex-end; } .wp-block-buttons.is-content-justification-space-between { justify-content: space-between; } .wp-block-buttons.aligncenter { text-align: center; } .wp-block-buttons.alignleft .wp-block-button { margin-left: 0; margin-right: 0.5em; } .wp-block-buttons.alignleft .wp-block-button:last-child { margin-right: 0; } .wp-block-buttons.alignright .wp-block-button { margin-right: 0; margin-left: 0.5em; } .wp-block-buttons.alignright .wp-block-button:first-child { margin-left: 0; } .wp-block-buttons:not(.is-content-justification-space-between, .is-content-justification-right, .is-content-justification-left, .is-content-justification-center) .wp-block-button.aligncenter { margin-left: auto; margin-right: auto; margin-bottom: 0.5em; width: 100%; } .wp-block-button.aligncenter, .wp-block-calendar { text-align: center; } .wp-block-calendar tbody td, .wp-block-calendar th { padding: 0.25em; border: 1px solid #ddd; } .wp-block-calendar tfoot td { border: none; } .wp-block-calendar table { width: 100%; border-collapse: collapse; } .wp-block-calendar table th { font-weight: 400; background: #ddd; } .wp-block-calendar a { text-decoration: underline; } .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-code code { display: block; white-space: pre-wrap; overflow-wrap: break-word; } .wp-block-columns { display: flex; margin-bottom: 1.75em; box-sizing: border-box; flex-wrap: wrap; } @media (min-width: 782px) { .wp-block-columns { flex-wrap: nowrap; } } .wp-block-columns.has-background { padding: 1.25em 2.375em; } .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 { 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:not(:only-child) { flex-basis: calc(50% - 1em) !important; flex-grow: 0; } .wp-block-column:nth-child(2n) { margin-left: 2em; } } @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: 2em; } } .wp-block-column.is-vertically-aligned-top { align-self: flex-start; } .wp-block-column.is-vertically-aligned-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; width: 100%; display: flex; justify-content: center; align-items: center; padding: 1em; box-sizing: border-box; } .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.is-repeated, .wp-block-cover.is-repeated { background-repeat: repeat; background-size: auto; } .wp-block-cover-image.has-background-dim:not([class*="-background-color"]), .wp-block-cover.has-background-dim:not([class*="-background-color"]) { 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; opacity: 0.5; } .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background, .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 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before { opacity: 0.1; } .wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background, .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 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before { opacity: 0.2; } .wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background, .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 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before { opacity: 0.3; } .wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background, .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 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before { opacity: 0.4; } .wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background, .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 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before { opacity: 0.5; } .wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background, .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 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before { opacity: 0.6; } .wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background, .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 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before { opacity: 0.7; } .wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background, .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 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before { opacity: 0.8; } .wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background, .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 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before { opacity: 0.9; } .wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background, .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 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before { opacity: 1; } .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.alignleft, .wp-block-cover.alignright { max-width: 420px; width: 100%; } .wp-block-cover-image:after, .wp-block-cover:after { display: block; content: ""; font-size: 0; min-height: inherit; } @supports (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: 100%; z-index: 1; color: #fff; } .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 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-image img.wp-block-cover__image-background, .wp-block-cover-image video.wp-block-cover__video-background, .wp-block-cover img.wp-block-cover__image-background, .wp-block-cover video.wp-block-cover__video-background { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding: 0; width: 100%; height: 100%; max-width: none; max-height: none; -o-object-fit: cover; object-fit: cover; outline: none; border: none; box-shadow: none; } .wp-block-cover__image-background, .wp-block-cover__video-background { z-index: 0; } .wp-block-cover-image-text, .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, .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, 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: 840px; padding: 0.44em; 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-cover .wp-block-embed { min-width: 320px; min-height: 240px; } .wp-block-embed { margin: 0 0 1em; } .wp-block-embed figcaption { margin-top: 0.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-16 .wp-block-embed__wrapper:before { padding-top: 177.77%; } .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__embed { margin-bottom: 1em; } .wp-block-file .wp-block-file__button { background: #32373c; border-radius: 2em; color: #fff; font-size: 0.8em; padding: 0.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: 0.85; text-decoration: none; } .wp-block-file * + .wp-block-file__button { margin-left: 0.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 1em 1em 0; display: flex; flex-grow: 1; flex-direction: column; justify-content: center; position: relative; align-self: flex-start; width: calc(50% - 1em); } .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 .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: 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: 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: 3em 0.77em 0.7em; color: #fff; text-align: center; font-size: 0.8em; background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3) 70%, transparent); box-sizing: border-box; margin: 0; } .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 figcaption, .wp-block-gallery figcaption { flex-grow: 1; } .blocks-gallery-grid.is-cropped .blocks-gallery-image, .blocks-gallery-grid.is-cropped .blocks-gallery-item, .wp-block-gallery.is-cropped .blocks-gallery-image, .wp-block-gallery.is-cropped .blocks-gallery-item { align-self: inherit; } .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: 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; -o-object-fit: cover; object-fit: cover; } } .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% - 0.66667em); margin-right: 1em; } .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% - 0.75em); margin-right: 1em; } .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% - 0.8em); margin-right: 1em; } .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% - 0.83333em); margin-right: 1em; } .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% - 0.85714em); margin-right: 1em; } .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% - 0.875em); margin-right: 1em; } .blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n), .blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n), .blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n), .blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n), .blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n), .blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n), .blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n), .blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n), .blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n), .blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n), .blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n), .blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n), .blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n), .blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n), .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-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n), .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n), .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n), .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n), .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n), .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n), .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n), .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: 420px; width: 100%; } .blocks-gallery-grid.aligncenter .blocks-gallery-item figure, .wp-block-gallery.aligncenter .blocks-gallery-item figure { justify-content: center; } .wp-block-group { box-sizing: border-box; } h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background { padding: 1.25em 2.375em; } .wp-block-image { margin: 0 0 1em; } .wp-block-image img { max-width: 100%; } .wp-block-image:not(.is-style-rounded) img { border-radius: inherit; } .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 { display: table; } .wp-block-image .aligncenter > figcaption, .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption { display: table-caption; caption-side: bottom; } .wp-block-image .alignleft { float: left; margin: 0.5em 1em 0.5em 0; } .wp-block-image .alignright { float: right; margin: 0.5em 0 0.5em 1em; } .wp-block-image .aligncenter { margin-left: auto; margin-right: auto; } .wp-block-image figcaption { margin-top: 0.5em; margin-bottom: 1em; } .wp-block-image.is-style-circle-mask img, .wp-block-image.is-style-rounded img { border-radius: 9999px; } @supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) { .wp-block-image.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-image figure { margin: 0; } ol.wp-block-latest-comments { margin-left: 0; } .wp-block-latest-comments .wp-block-latest-comments { padding-left: 0; } .wp-block-latest-comments__comment { line-height: 1.1; list-style: none; margin-bottom: 1em; } .has-avatars .wp-block-latest-comments__comment { min-height: 2.25em; 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: 3.25em; } .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: 0.875em; line-height: 1.8; margin: 0.36em 0 1.4em; } .wp-block-latest-comments__comment-date { display: block; font-size: 0.75em; } .wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar { border-radius: 1.5em; display: block; float: left; height: 2.5em; margin-right: 0.75em; width: 2.5em; } .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; padding-left: 0; } .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 1.25em 1.25em 0; width: 100%; } @media (min-width: 600px) { .wp-block-latest-posts.columns-2 li { width: calc(50% - 0.625em); } .wp-block-latest-posts.columns-2 li:nth-child(2n) { margin-right: 0; } .wp-block-latest-posts.columns-3 li { width: calc(33.33333% - 0.83333em); } .wp-block-latest-posts.columns-3 li:nth-child(3n) { margin-right: 0; } .wp-block-latest-posts.columns-4 li { width: calc(25% - 0.9375em); } .wp-block-latest-posts.columns-4 li:nth-child(4n) { margin-right: 0; } .wp-block-latest-posts.columns-5 li { width: calc(20% - 1em); } .wp-block-latest-posts.columns-5 li:nth-child(5n) { margin-right: 0; } .wp-block-latest-posts.columns-6 li { width: calc(16.66667% - 1.04167em); } .wp-block-latest-posts.columns-6 li:nth-child(6n) { margin-right: 0; } } .wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date { display: block; color: #555; font-size: 0.8125em; } .wp-block-latest-posts__post-excerpt { margin-top: 0.5em; margin-bottom: 1em; } .wp-block-latest-posts__featured-image a { display: inline-block; } .wp-block-latest-posts__featured-image img { height: auto; width: auto; max-width: 100%; } .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; } .block-editor-image-alignment-control__row .components-base-control__field { display: flex; justify-content: space-between; align-items: center; } .block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label { margin-bottom: 0; } ol.has-background, ul.has-background { padding: 1.25em 2.375em; } .wp-block-media-text { /*!rtl:begin:ignore*/ direction: ltr; /*!rtl:end:ignore*/ display: grid; grid-template-columns: 50% 1fr; grid-template-rows: auto; } .wp-block-media-text.has-media-on-the-right { 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 { 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 { 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 { align-self: end; } .wp-block-media-text .wp-block-media-text__media { /*!rtl:begin:ignore*/ grid-column: 1; grid-row: 1; /*!rtl:end:ignore*/ margin: 0; } .wp-block-media-text .wp-block-media-text__content { direction: ltr; /*!rtl:begin:ignore*/ grid-column: 2; 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*/ grid-column: 2; grid-row: 1; /*!rtl:end:ignore*/ } .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { /*!rtl:begin:ignore*/ grid-column: 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 .wp-block-media-text__media { height: 100%; min-height: 250px; background-size: cover; } .wp-block-media-text.is-image-fill .wp-block-media-text__media > a { display: block; height: 100%; } .wp-block-media-text.is-image-fill .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 { grid-template-columns: 100% !important; } .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media { grid-column: 1; grid-row: 1; } .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { grid-column: 1; grid-row: 2; } } .wp-block-navigation { position: relative; } .wp-block-navigation ul, .wp-block-navigation ul li { list-style: none; padding: 0; } .wp-block-navigation .wp-block-navigation-link, .wp-block-navigation .wp-block-pages-list__item { display: flex; align-items: center; position: relative; } .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__container:empty, .wp-block-navigation .wp-block-pages-list__item .wp-block-navigation-link__container:empty { display: none; } .wp-block-navigation .wp-block-navigation-link__content, .wp-block-navigation .wp-block-pages-list__item__link { color: inherit; display: block; } .wp-block-navigation[style*="text-decoration"] .wp-block-navigation-link, .wp-block-navigation[style*="text-decoration"] .wp-block-navigation-link__container, .wp-block-navigation[style*="text-decoration"] .wp-block-navigation-link__content, .wp-block-navigation[style*="text-decoration"] .wp-block-navigation-link__content:active, .wp-block-navigation[style*="text-decoration"] .wp-block-navigation-link__content:focus, .wp-block-navigation[style*="text-decoration"] .wp-block-pages-list__item, .wp-block-navigation[style*="text-decoration"] .wp-block-pages-list__item__link, .wp-block-navigation[style*="text-decoration"] .wp-block-pages-list__item__link:active, .wp-block-navigation[style*="text-decoration"] .wp-block-pages-list__item__link:focus { text-decoration: inherit; } .wp-block-navigation:not([style*="text-decoration"]) .wp-block-navigation-link__content, .wp-block-navigation:not([style*="text-decoration"]) .wp-block-navigation-link__content:active, .wp-block-navigation:not([style*="text-decoration"]) .wp-block-navigation-link__content:focus, .wp-block-navigation:not([style*="text-decoration"]) .wp-block-pages-list__item__link, .wp-block-navigation:not([style*="text-decoration"]) .wp-block-pages-list__item__link:active, .wp-block-navigation:not([style*="text-decoration"]) .wp-block-pages-list__item__link:focus { text-decoration: none; } .wp-block-navigation .wp-block-navigation-link__submenu-icon, .wp-block-navigation .wp-block-page-list__submenu-icon { height: inherit; } .wp-block-navigation .wp-block-navigation-link__submenu-icon svg, .wp-block-navigation .wp-block-page-list__submenu-icon svg { stroke: currentColor; } .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content.wp-block-navigation-link__content.wp-block-navigation-link__content, .wp-block-navigation .wp-block-pages-list__item .wp-block-pages-list__item__link { padding: 0; } .wp-block-navigation .has-child > .wp-block-navigation-link__content, .wp-block-navigation .has-child > .wp-block-pages-list__item__link { margin-right: 0.5em; } .wp-block-navigation .has-child .submenu-container, .wp-block-navigation .has-child .wp-block-navigation-link__container { background-color: inherit; color: inherit; position: absolute; z-index: 2; flex-direction: column; align-items: normal; min-width: 200px; display: none; opacity: 0; transition: opacity 0.1s linear; visibility: hidden; } .wp-block-navigation .has-child .submenu-container > .wp-block-navigation-link > .wp-block-navigation-link__content, .wp-block-navigation .has-child .submenu-container > .wp-block-navigation-link > .wp-block-pages-list__item__link, .wp-block-navigation .has-child .submenu-container > .wp-block-pages-list__item > .wp-block-navigation-link__content, .wp-block-navigation .has-child .submenu-container > .wp-block-pages-list__item > .wp-block-pages-list__item__link, .wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-navigation-link > .wp-block-navigation-link__content, .wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-navigation-link > .wp-block-pages-list__item__link, .wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-pages-list__item > .wp-block-navigation-link__content, .wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-pages-list__item > .wp-block-pages-list__item__link { flex-grow: 1; } .wp-block-navigation .has-child .submenu-container > .wp-block-navigation-link > .wp-block-navigation-link__submenu-icon, .wp-block-navigation .has-child .submenu-container > .wp-block-navigation-link > .wp-block-page-list__submenu-icon, .wp-block-navigation .has-child .submenu-container > .wp-block-pages-list__item > .wp-block-navigation-link__submenu-icon, .wp-block-navigation .has-child .submenu-container > .wp-block-pages-list__item > .wp-block-page-list__submenu-icon, .wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-navigation-link > .wp-block-navigation-link__submenu-icon, .wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-navigation-link > .wp-block-page-list__submenu-icon, .wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-pages-list__item > .wp-block-navigation-link__submenu-icon, .wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-pages-list__item > .wp-block-page-list__submenu-icon { padding-right: 0.5em; } @media (min-width: 782px) { .wp-block-navigation .has-child .submenu-container .submenu-container:before, .wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container:before, .wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container:before, .wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container:before { content: ""; position: absolute; right: 100%; height: 100%; display: block; width: 0.5em; background: transparent; } .wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__submenu-icon svg, .wp-block-navigation .has-child .submenu-container .wp-block-page-list__submenu-icon svg, .wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__submenu-icon svg, .wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-page-list__submenu-icon svg { transform: rotate(-90deg); } } .wp-block-navigation .has-child:hover > .wp-block-navigation-link__container { display: flex; visibility: visible; opacity: 1; } .wp-block-navigation .has-child:focus-within > .wp-block-navigation-link__container { display: flex; visibility: visible; opacity: 1; } .wp-block-navigation .has-child:hover { cursor: pointer; } .wp-block-navigation .has-child:hover > .submenu-container { display: flex; visibility: visible; opacity: 1; } .wp-block-navigation .has-child:focus-within { cursor: pointer; } .wp-block-navigation .has-child:focus-within > .submenu-container { display: flex; visibility: visible; opacity: 1; } .wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .submenu-container, .wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container, .wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .submenu-container, .wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container, .wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container { left: auto; right: 0; } .wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .submenu-container .submenu-container, .wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .submenu-container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .wp-block-navigation-link__container .submenu-container, .wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container .submenu-container, .wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container .submenu-container, .wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .submenu-container .submenu-container, .wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .submenu-container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .wp-block-navigation-link__container .submenu-container, .wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container .submenu-container, .wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container .submenu-container, .wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container { left: auto; right: 100%; } .wp-block-navigation.wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-link, .wp-block-navigation.wp-block-navigation .wp-block-page-list, .wp-block-navigation.wp-block-navigation .wp-block-page-list > .wp-block-pages-list__item { margin: 0 2em 0 0; } .wp-block-navigation.wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-link:last-child, .wp-block-navigation.wp-block-navigation .wp-block-page-list:last-child, .wp-block-navigation.wp-block-navigation .wp-block-page-list > .wp-block-pages-list__item:last-child { margin-right: 0; } .wp-block-navigation.wp-block-navigation.has-background .wp-block-navigation__container > .wp-block-navigation-link, .wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list, .wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list > .wp-block-pages-list__item { margin: 0 0.5em 0 0; } .wp-block-navigation.wp-block-navigation.has-background .wp-block-navigation__container .wp-block-navigation-link__content, .wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list .wp-block-pages-list__item__link { padding: 0.5em 1em; } .wp-block-navigation.wp-block-navigation .has-child .submenu-container, .wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container { left: -1em; top: 100%; } .wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link, .wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-pages-list__item, .wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link, .wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-pages-list__item { margin: 0; } .wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__content, .wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-pages-list__item__link, .wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__content, .wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-pages-list__item__link { padding: 0.5em 1em; } .wp-block-navigation.wp-block-navigation .has-child .submenu-container .submenu-container, .wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container, .wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container { left: -1px; } @media (min-width: 782px) { .wp-block-navigation.wp-block-navigation .has-child .submenu-container .submenu-container, .wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container, .wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container { left: 100%; top: -1px; } } .wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container, .wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container { left: 0; top: 100%; } .wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .submenu-container, .wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .submenu-container, .wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container { left: 0; } @media (min-width: 782px) { .wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .submenu-container, .wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .submenu-container, .wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container { left: 100%; top: 0; } } .wp-block-navigation:not(.has-background) .submenu-container, .wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation-link__container { background-color: #fff; color: #000; border: 1px solid rgba(0, 0, 0, 0.15); } .wp-block-navigation__container { align-items: center; list-style: none; margin: 0; padding-left: 0; } .wp-block-navigation__container .is-responsive { display: none; } @media (min-width: 600px) { .wp-block-navigation__container { display: flex; flex-wrap: wrap; } .is-vertical .wp-block-navigation__container { display: block; flex-direction: column; align-items: flex-start; } } .items-justified-center .wp-block-navigation__container { justify-content: center; } .items-justified-right .wp-block-navigation__container { justify-content: flex-end; } .items-justified-space-between .wp-block-navigation__container { justify-content: space-between; } .is-vertical.items-justified-center > ul { align-items: center; } .is-vertical.items-justified-right > ul { align-items: flex-end; } .is-vertical.items-justified-right > ul .wp-block-navigation-link, .is-vertical.items-justified-right > ul .wp-block-pages-list__item { margin-right: 0; justify-content: flex-end; } .wp-block-navigation__responsive-container { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; align-items: flex-start; justify-content: flex-start; } .wp-block-navigation__responsive-container.is-menu-open { display: flex; flex-direction: column; overflow: auto; z-index: 100000; padding: 24px; background-color: inherit; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { display: flex; flex-direction: column; margin-left: auto; margin-right: auto; align-items: flex-start; line-height: 48px; padding: 0; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .wp-block-page-list { flex-direction: column; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link .wp-block-navigation-link__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item, .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item .submenu-container { background: transparent !important; } @media (min-width: 600px) { .wp-block-navigation__responsive-container:not(.is-menu-open) { display: flex; flex-direction: row; position: relative; background-color: inherit; } .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-close { display: none; } .wp-block-navigation__responsive-container.is-menu-open .submenu-container.submenu-container.submenu-container.submenu-container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container { left: 0; } } .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open { background-color: #fff; color: #000; } .wp-block-navigation__responsive-container-close, .wp-block-navigation__responsive-container-open { vertical-align: middle; cursor: pointer; color: currentColor; background: transparent; border: none; margin: 0; padding: 0; } .wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg { fill: currentColor; pointer-events: none; display: block; width: 24px; height: 24px; } .wp-block-navigation__responsive-container-open { display: flex; } @media (min-width: 600px) { .wp-block-navigation__responsive-container-open { display: none; } } .items-justified-left .wp-block-navigation__responsive-container-open { margin-left: 0; margin-right: auto; } .items-justified-center .wp-block-navigation__responsive-container-open { margin-left: auto; margin-right: auto; } .items-justified-right .wp-block-navigation__responsive-container-open { margin-left: auto; margin-right: 0; } .wp-block-navigation__responsive-container-close { position: absolute; top: 24px; right: 24px; z-index: 2; } .wp-block-navigation__responsive-close { width: 100%; } .is-menu-open .wp-block-navigation__responsive-close, .is-menu-open .wp-block-navigation__responsive-container-content, .is-menu-open .wp-block-navigation__responsive-dialog { width: 100%; height: 100%; } .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__submenu-icon, .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list__submenu-icon { display: none; } .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .submenu-container, .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation-link__container { position: relative; opacity: 1; visibility: visible; padding: 0 0 0 32px; border: none; } .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link, .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item { flex-direction: column; align-items: flex-start; } html.has-modal-open { overflow: hidden; } .wp-block-navigation .wp-block-navigation-link__label { word-break: normal; overflow-wrap: break-word; } .wp-block-navigation .wp-block-home-link__content { color: inherit; display: block; padding: 0.5em 1em; } .wp-block-navigation[style*="text-decoration"] .wp-block-home-link, .wp-block-navigation[style*="text-decoration"] .wp-block-home-link__content, .wp-block-navigation[style*="text-decoration"] .wp-block-home-link__content:active, .wp-block-navigation[style*="text-decoration"] .wp-block-home-link__content:focus { text-decoration: inherit; } .wp-block-navigation:not([style*="text-decoration"]) .wp-block-home-link__content, .wp-block-navigation:not([style*="text-decoration"]) .wp-block-home-link__content:active, .wp-block-navigation:not([style*="text-decoration"]) .wp-block-home-link__content:focus { text-decoration: none; } .wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container { background-color: #fff; color: #000; border: 1px solid rgba(0, 0, 0, 0.15); } .wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container .wp-block-home-link__container { top: -1px; } .wp-block-navigation .wp-block-page-list { display: flex; flex-wrap: wrap; background-color: inherit; } .wp-block-navigation .wp-block-pages-list__item { background-color: inherit; } .wp-block-navigation .wp-block-page-list__submenu-icon { display: none; } .is-open .wp-block-navigation__container .wp-block-page-list, .is-vertical .wp-block-navigation__container .wp-block-page-list, .wp-block-navigation .show-submenu-icons .wp-block-page-list__submenu-icon { display: block; } @media (min-width: 480px) { .is-open .wp-block-navigation__container .wp-block-page-list { display: flex; } } .items-justified-space-between .wp-block-page-list { display: contents; } .is-small-text { font-size: 0.875em; } .is-regular-text { font-size: 1em; } .is-large-text { font-size: 2.25em; } .is-larger-text { font-size: 3em; } .has-drop-cap:not(:focus):first-letter { float: left; font-size: 8.4em; line-height: 0.68; font-weight: 100; margin: 0.05em 0.1em 0 0; text-transform: uppercase; font-style: normal; } p.has-drop-cap.has-background { overflow: hidden; } p.has-background { padding: 1.25em 2.375em; } p.has-text-color a { color: inherit; } .wp-block-post-author { display: flex; flex-wrap: wrap; } .wp-block-post-author__byline { width: 100%; margin-top: 0; margin-bottom: 0; font-size: 0.5em; } .wp-block-post-author__avatar { margin-right: 1em; } .wp-block-post-author__bio { margin-bottom: 0.7em; font-size: 0.7em; } .wp-block-post-author__content { flex-grow: 1; flex-basis: 0; } .wp-block-post-author__name { font-weight: 700; margin: 0; } .wp-block-post-comments .commentlist { list-style: none; margin: 0; padding: 0; } .wp-block-post-comments .commentlist .comment { min-height: 2.25em; padding-left: 3.25em; } .wp-block-post-comments .commentlist .comment p { font-size: 0.875em; line-height: 1.8; margin: 0.36em 0 1.4em; } .wp-block-post-comments .commentlist .children { list-style: none; margin: 0; padding: 0; } .wp-block-post-comments .comment-author { line-height: 1.5; margin-left: -3.25em; } .wp-block-post-comments .comment-author .avatar { border-radius: 1.5em; display: block; float: left; height: 2.5em; margin-right: 0.75em; width: 2.5em; } .wp-block-post-comments .comment-author cite { font-style: normal; } .wp-block-post-comments .comment-meta { line-height: 1.5; margin-left: -3.25em; } .wp-block-post-comments .comment-body .commentmetadata { font-size: 0.75em; } .wp-block-post-comments .comment-form-author label, .wp-block-post-comments .comment-form-comment label, .wp-block-post-comments .comment-form-email label, .wp-block-post-comments .comment-form-url label { display: block; } .wp-block-post-comments .comment-form-comment textarea { box-sizing: border-box; width: 100%; } .wp-block-post-comments .reply { font-size: 0.75em; margin-bottom: 1.4em; } .wp-block-post-comments input, .wp-block-post-comments textarea { border: 1px solid #949494; } .wp-block-post-comments-form input[type="submit"] { border: none; box-shadow: none; cursor: pointer; display: inline-block; text-align: center; overflow-wrap: break-word; } .wp-block-post-excerpt__more-link, .wp-block-post-title a { display: inline-block; } .wp-block-preformatted { white-space: pre-wrap; } .wp-block-preformatted.has-background { padding: 1.25em 2.375em; } .wp-block-pullquote { margin: 0 0 1em; padding: 3em 0; text-align: center; } .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { max-width: 420px; } .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p { font-size: 1.25em; } .wp-block-pullquote p { font-size: 1.75em; 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: 2em; } .wp-block-pullquote.is-style-solid-color blockquote cite { text-transform: none; font-style: normal; } .wp-block-pullquote cite { color: inherit; } .wp-block-post-template, .wp-block-query-loop { max-width: 100%; list-style: none; padding: 0; } .wp-block-post-template li, .wp-block-query-loop li { clear: both; } .wp-block-post-template.is-flex-container, .wp-block-query-loop.is-flex-container { flex-direction: row; display: flex; flex-wrap: wrap; } .wp-block-post-template.is-flex-container li, .wp-block-query-loop.is-flex-container li { margin: 0 0 1.25em; width: 100%; } @media (min-width: 600px) { .wp-block-post-template.is-flex-container li, .wp-block-query-loop.is-flex-container li { margin-right: 1.25em; } .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li, .wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li { width: calc(50% - 0.625em); } .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n), .wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n) { margin-right: 0; } .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li, .wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li { width: calc(33.33333% - 0.83333em); } .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n), .wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n) { margin-right: 0; } .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li, .wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li { width: calc(25% - 0.9375em); } .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n), .wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n) { margin-right: 0; } .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li, .wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li { width: calc(20% - 1em); } .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n), .wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n) { margin-right: 0; } .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li, .wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li { width: calc(16.66667% - 1.04167em); } .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n), .wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n) { margin-right: 0; } } .wp-block-query-pagination { display: flex; flex-direction: row; flex-wrap: wrap; } .wp-block-query-pagination > .wp-block-query-pagination-next, .wp-block-query-pagination > .wp-block-query-pagination-numbers, .wp-block-query-pagination > .wp-block-query-pagination-previous { display: inline-block; margin-right: 0.5em; margin-bottom: 0.5em; } .wp-block-query-pagination > .wp-block-query-pagination-next:last-child, .wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child, .wp-block-query-pagination > .wp-block-query-pagination-previous:last-child { margin-right: 0; } .wp-block-quote.is-large, .wp-block-quote.is-style-large { margin-bottom: 1em; padding: 0 1em; } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-size: 1.5em; 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: 1.125em; text-align: right; } .wp-block-rss.wp-block-rss { box-sizing: border-box; } .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 1em 1em 0; width: 100%; } @media (min-width: 600px) { .wp-block-rss.columns-2 li { width: calc(50% - 1em); } .wp-block-rss.columns-3 li { width: calc(33.33333% - 1em); } .wp-block-rss.columns-4 li { width: calc(25% - 1em); } .wp-block-rss.columns-5 li { width: calc(20% - 1em); } .wp-block-rss.columns-6 li { width: calc(16.66667% - 1em); } } .wp-block-rss__item-author, .wp-block-rss__item-publish-date { display: block; color: #555; font-size: 0.8125em; } .wp-block-search .wp-block-search__button { background: #f7f7f7; border: 1px solid #ccc; padding: 0.375em 0.625em; color: #32373c; margin-left: 0.625em; word-break: normal; } .wp-block-search .wp-block-search__button.has-icon { line-height: 0; } .wp-block-search .wp-block-search__button svg { min-width: 1.5em; min-height: 1.5em; } .wp-block-search .wp-block-search__inside-wrapper { display: flex; flex: auto; flex-wrap: nowrap; max-width: 100%; } .wp-block-search .wp-block-search__label { width: 100%; } .wp-block-search .wp-block-search__input { flex-grow: 1; min-width: 3em; border: 1px solid #949494; } .wp-block-search.wp-block-search__button-only .wp-block-search__button { margin-left: 0; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { padding: 4px; border: 1px solid #949494; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { border-radius: 0; border: none; padding: 0 0 0 0.25em; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus { outline: none; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button { padding: 0.125em 0.5em; } .wp-block-search.aligncenter .wp-block-search__inside-wrapper { margin: auto; } .wp-block-separator { border-top: 1px solid; border-bottom: 1px solid; } .wp-block-separator.is-style-wide { border-bottom-width: 1px; } .wp-block-separator.is-style-dots { background: none !important; border: none; text-align: center; width: none; line-height: 1; height: auto; } .wp-block-separator.is-style-dots:before { content: "ยทยทยท"; color: currentColor; font-size: 1.5em; letter-spacing: 2em; padding-left: 2em; font-family: serif; } .wp-block-site-logo { line-height: 0; } .wp-block-site-logo a { display: inline-block; } .wp-block-site-logo.is-default-size img { width: 120px; height: auto; } .wp-block-site-logo .aligncenter { display: table; } .wp-block-site-logo.is-style-rounded img { border-radius: 9999px; } .wp-block-social-links { display: flex; flex-wrap: wrap; padding-left: 0; padding-right: 0; text-indent: 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-block-social-links .wp-social-link.wp-social-link.wp-social-link { margin: 4px 8px 4px 0; } .wp-block-social-links .wp-social-link a { padding: 0.25em; } .wp-block-social-links .wp-social-link svg { width: 1em; height: 1em; } .wp-block-social-links.has-small-icon-size { font-size: 16px; } .wp-block-social-links, .wp-block-social-links.has-normal-icon-size { font-size: 24px; } .wp-block-social-links.has-large-icon-size { font-size: 36px; } .wp-block-social-links.has-huge-icon-size { font-size: 48px; } .wp-block-social-links.aligncenter { justify-content: center; display: flex; } .wp-block-social-links.alignright { justify-content: flex-end; } .wp-block-social-link { display: block; border-radius: 9999px; transition: transform 0.1s ease; height: auto; } @media (prefers-reduced-motion: reduce) { .wp-block-social-link { transition-duration: 0s; transition-delay: 0s; } } .wp-block-social-link a { display: block; line-height: 0; transition: transform 0.1s ease; } .wp-block-social-link:hover { transform: scale(1.1); } .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg { color: currentColor; fill: currentColor; } .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-patreon { background-color: #ff424d; 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-telegram { background-color: #2aabee; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok { background-color: #000; 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-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-patreon { color: #ff424d; } .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-telegram { color: #2aabee; } .wp-block-social-links.is-style-logos-only .wp-social-link-tiktok { color: #000; } .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 { color: #d32422; } .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: 0.66667em; padding-right: 0.66667em; } .wp-block-spacer { clear: both; } .wp-block-tag-cloud.aligncenter { text-align: center; } .wp-block-tag-cloud.alignfull { padding-left: 1em; padding-right: 1em; } .wp-block-table { margin: 0 0 1em; overflow-x: auto; } .wp-block-table table { border-collapse: collapse; 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-table .has-border-color > *, .wp-block-table .has-border-color td, .wp-block-table .has-border-color th, .wp-block-table .has-border-color tr { border-color: inherit; } .wp-block-table table[style*="border-style"] > *, .wp-block-table table[style*="border-style"] td, .wp-block-table table[style*="border-style"] th, .wp-block-table table[style*="border-style"] tr { border-style: inherit; } .wp-block-table table[style*="border-width"] > *, .wp-block-table table[style*="border-width"] td, .wp-block-table table[style*="border-width"] th, .wp-block-table table[style*="border-width"] tr { border-width: inherit; } .wp-block-text-columns, .wp-block-text-columns.aligncenter { display: flex; } .wp-block-text-columns .wp-block-column { margin: 0 1em; 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%; } pre.wp-block-verse { font-family: inherit; overflow: auto; white-space: pre-wrap; } .wp-block-video { margin: 0 0 1em; } .wp-block-video video { width: 100%; } @supports (position: sticky) { .wp-block-video [poster] { -o-object-fit: cover; object-fit: cover; } } .wp-block-video.aligncenter { text-align: center; } .wp-block-video figcaption { margin-top: 0.5em; margin-bottom: 1em; } .wp-block-post-featured-image { margin-left: 0; margin-right: 0; } .wp-block-post-featured-image a { display: inline-block; } .wp-block-post-featured-image img { max-width: 100%; height: auto; } .wp-block-post-featured-image.alignfull img, .wp-block-post-featured-image.alignwide img { width: 100%; } :root .has-pale-pink-background-color { background-color: #f78da7; } :root .has-vivid-red-background-color { background-color: #cf2e2e; } :root .has-luminous-vivid-orange-background-color { background-color: #ff6900; } :root .has-luminous-vivid-amber-background-color { background-color: #fcb900; } :root .has-light-green-cyan-background-color { background-color: #7bdcb5; } :root .has-vivid-green-cyan-background-color { background-color: #00d084; } :root .has-pale-cyan-blue-background-color { background-color: #8ed1fc; } :root .has-vivid-cyan-blue-background-color { background-color: #0693e3; } :root .has-vivid-purple-background-color { background-color: #9b51e0; } :root .has-white-background-color { background-color: #fff; } :root .has-very-light-gray-background-color { background-color: #eee; } :root .has-cyan-bluish-gray-background-color { background-color: #abb8c3; } :root .has-very-dark-gray-background-color { background-color: #313131; } :root .has-black-background-color { background-color: #000; } :root .has-pale-pink-color { color: #f78da7; } :root .has-vivid-red-color { color: #cf2e2e; } :root .has-luminous-vivid-orange-color { color: #ff6900; } :root .has-luminous-vivid-amber-color { color: #fcb900; } :root .has-light-green-cyan-color { color: #7bdcb5; } :root .has-vivid-green-cyan-color { color: #00d084; } :root .has-pale-cyan-blue-color { color: #8ed1fc; } :root .has-vivid-cyan-blue-color { color: #0693e3; } :root .has-vivid-purple-color { color: #9b51e0; } :root .has-white-color { color: #fff; } :root .has-very-light-gray-color { color: #eee; } :root .has-cyan-bluish-gray-color { color: #abb8c3; } :root .has-very-dark-gray-color { color: #313131; } :root .has-black-color { color: #000; } :root .has-vivid-cyan-blue-to-vivid-purple-gradient-background { background: linear-gradient(135deg, #0693e3, #9b51e0); } :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { background: linear-gradient(135deg, #00d084, #0693e3); } :root .has-light-green-cyan-to-vivid-green-cyan-gradient-background { background: linear-gradient(135deg, #7adcb4, #00d082); } :root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { background: linear-gradient(135deg, #fcb900, #ff6900); } :root .has-luminous-vivid-orange-to-vivid-red-gradient-background { background: linear-gradient(135deg, #ff6900, #cf2e2e); } :root .has-very-light-gray-to-cyan-bluish-gray-gradient-background { background: linear-gradient(135deg, #eee, #a9b8c3); } :root .has-cool-to-warm-spectrum-gradient-background { background: linear-gradient(135deg, #4aeadc, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c); } :root .has-blush-light-purple-gradient-background { background: linear-gradient(135deg, #ffceec, #9896f0); } :root .has-blush-bordeaux-gradient-background { background: linear-gradient(135deg, #fecda5, #fe2d2d 50%, #6b003e); } :root .has-purple-crush-gradient-background { background: linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe); } :root .has-luminous-dusk-gradient-background { background: linear-gradient(135deg, #ffcb70, #c751c0 50%, #4158d0); } :root .has-hazy-dawn-gradient-background { background: linear-gradient(135deg, #faaca8, #dad0ec); } :root .has-pale-ocean-gradient-background { background: linear-gradient(135deg, #fff5cb, #b6e3d4 50%, #33a7b5); } :root .has-electric-grass-gradient-background { background: linear-gradient(135deg, #caf880, #71ce7e); } :root .has-subdued-olive-gradient-background { background: linear-gradient(135deg, #fafae1, #67a671); } :root .has-atomic-cream-gradient-background { background: linear-gradient(135deg, #fdd79a, #004a59); } :root .has-nightshade-gradient-background { background: linear-gradient(135deg, #330968, #31cdcf); } :root .has-midnight-gradient-background { background: linear-gradient(135deg, #020381, #2874fc); } .has-small-font-size { font-size: 0.8125em; } .has-normal-font-size, .has-regular-font-size { font-size: 1em; } .has-medium-font-size { font-size: 1.25em; } .has-large-font-size { font-size: 2.25em; } .has-huge-font-size, .has-larger-font-size { font-size: 2.625em; } .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; } .items-justified-left { justify-content: flex-start; } .items-justified-center { justify-content: center; } .items-justified-right { justify-content: flex-end; } .items-justified-space-between { justify-content: space-between; } .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #ddd; clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } div.wpcf7 { margin: 0; padding: 0; } div.wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; margin: 0; padding: 0; border: 0; } div.wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid red; } div.wpcf7-mail-sent-ok { border: 2px solid #398f14; } div.wpcf7-mail-sent-ng, div.wpcf7-aborted { border: 2px solid red; } div.wpcf7-spam-blocked { border: 2px solid orange; } div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { border: 2px solid #f7e700; } .wpcf7-form-control-wrap { position: relative; } span.wpcf7-not-valid-tip { color: red; font-size: 1em; font-weight: 400; display: block; } .use-floating-validation-tip span.wpcf7-not-valid-tip { position: absolute; top: 20%; left: 20%; z-index: 100; border: 1px solid red; background: #fff; padding: 0.2em 0.8em; } span.wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; } span.wpcf7-list-item-label:before, span.wpcf7-list-item-label:after { content: " "; } .wpcf7-display-none { display: none; } div.wpcf7 .ajax-loader { visibility: hidden; display: inline-block; background-image: url(../images/ajax-loader.gif); width: 16px; height: 16px; border: none; padding: 0; margin: 0 0 0 4px; vertical-align: middle; } div.wpcf7 .ajax-loader.is-active { visibility: visible; } div.wpcf7 div.ajax-error { display: none; } div.wpcf7 .placeheld { color: #888; } div.wpcf7 input[type="file"] { cursor: pointer; } div.wpcf7 input[type="file"]:disabled { cursor: default; } div.wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; } .lazy-hidden, .entry img.lazy-hidden, img.thumbnail.lazy-hidden { opacity: 0; background-color: #fff; } figure.wp-block-image img.lazy-hidden { min-width: 150px; } .lazy-loaded { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1 !important; }