@charset "UTF-8";


.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
position: relative;
z-index: 1
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none
}
.owl-carousel .owl-item img {
display: block;
width: 100%
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
display: none
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
background: 0 0;
color: inherit;
border: none;
padding: 0 !important;
font: inherit
}
.owl-carousel.owl-loaded {
display: block
}
.owl-carousel.owl-loading {
opacity: 0;
display: block
}
.owl-carousel.owl-hidden {
opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel.owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab
}
.owl-carousel.owl-rtl {
direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
float: right
}
.no-js .owl-carousel {
display: block
}
.owl-carousel .animated {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
z-index: 0
}
.owl-carousel .owl-animated-out {
z-index: 1
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
-moz-animation-name: fadeOut;
-o-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@-moz-keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@-o-keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.owl-height {
-webkit-transition: height .5s ease-in-out;
-o-transition: height .5s ease-in-out;
-moz-transition: height .5s ease-in-out;
transition: height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity .4s ease;
-o-transition: opacity .4s ease;
-moz-transition: opacity .4s ease;
transition: opacity .4s ease
}
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
max-height: 0
}
.owl-carousel .owl-item img.owl-lazy {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//anderson-mkt.com/wp-content/themes/huk-theme-andina-universal/assets/css/owl.video.play.html) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: -webkit-transform .1s ease;
transition: -webkit-transform .1s ease;
-o-transition: -o-transform .1s ease;
-moz-transition: transform .1s ease, -moz-transform .1s ease;
transition: transform .1s ease;
transition: transform .1s ease, -webkit-transform .1s ease, -moz-transform .1s ease, -o-transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transform: scale(1.3, 1.3);
-moz-transform: scale(1.3, 1.3);
-ms-transform: scale(1.3, 1.3);
-o-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
display: none
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
-webkit-transition: opacity .4s ease;
-o-transition: opacity .4s ease;
-moz-transition: opacity .4s ease;
transition: opacity .4s ease
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%
}
@font-face {
font-family: 'Averta CY';
src: url(//anderson-mkt.com/wp-content/themes/huk-theme-andina-universal/assets/fonts/averta/AvertaCY-Light.woff2) format("woff2"), url(//anderson-mkt.com/wp-content/themes/huk-theme-andina-universal/assets/fonts/averta/AvertaCY-Light.woff) format("woff"), url(//anderson-mkt.com/wp-content/themes/huk-theme-andina-universal/assets/fonts/averta/AvertaCY-Light.ttf) format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap
}
@font-face {
font-family: 'Averta CY';
src: url(//anderson-mkt.com/wp-content/themes/huk-theme-andina-universal/assets/fonts/averta/AvertaCY-Regular.woff2) format("woff2"), url(//anderson-mkt.com/wp-content/themes/huk-theme-andina-universal/assets/fonts/averta/AvertaCY-Regular.woff) format("woff"), url(//anderson-mkt.com/wp-content/themes/huk-theme-andina-universal/assets/fonts/averta/AvertaCY-Regular.ttf) format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap
}
@font-face {
font-family: 'Averta CY';
src: url(//anderson-mkt.com/wp-content/themes/huk-theme-andina-universal/assets/fonts/averta/AvertaCY-Semibold.woff2) format("woff2"), url(//anderson-mkt.com/wp-content/themes/huk-theme-andina-universal/assets/fonts/averta/AvertaCY-Semibold.woff) format("woff"), url(//anderson-mkt.com/wp-content/themes/huk-theme-andina-universal/assets/fonts/averta/AvertaCY-Semibold.ttf) format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap
}
@font-face {
font-family: 'Averta CY';
src: url(//anderson-mkt.com/wp-content/themes/huk-theme-andina-universal/assets/fonts/averta/AvertaCY-Bold.woff2) format("woff2"), url(//anderson-mkt.com/wp-content/themes/huk-theme-andina-universal/assets/fonts/averta/AvertaCY-Bold.woff) format("woff"), url(//anderson-mkt.com/wp-content/themes/huk-theme-andina-universal/assets/fonts/averta/AvertaCY-Bold.ttf) format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap
} html {
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article,
aside,
footer,
header,
nav,
section {
display: block
}
h1 {
font-size: 2em;
margin: .67em 0
}
figcaption,
figure,
main {
display: block
}
figure {
margin: 1em 40px
}
hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace, monospace;
font-size: 1em
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
-moz-text-decoration: underline dotted;
text-decoration: underline dotted
}
b,
strong {
font-weight: inherit
}
b,
strong {
font-weight: bolder
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em
}
dfn {
font-style: italic
}
mark {
background-color: #ff0;
color: #000
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
audio,
video {
display: inline-block
}
audio:not([controls]) {
display: none;
height: 0
}
img {
border-style: none
}
svg:not(:root) {
overflow: hidden
}
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
[type=reset],
[type=submit],
button,
html [type=button] {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
padding: .35em .75em .625em
}
legend {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
display: inline-block;
vertical-align: baseline
}
textarea {
overflow: auto
}
[type=checkbox],
[type=radio] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details,
menu {
display: block
}
summary {
display: list-item
}
canvas {
display: inline-block
}
template {
display: none
}
[hidden] {
display: none
}
html {
height: 100%
}
body {
height: 100%;
margin: 0;
padding: 0;
background: #fff;
color: #000;
font-family: "Averta CY", sans-serif;
font-size: 14px;
letter-spacing: normal;
line-height: normal;
text-align: left;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
:after,
:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.cb-checkbox_rounded label>input:focus~.cb-checkbox_rounded-box,
:focus {
outline: 0 !important
}
::-moz-selection {
color: #fff;
background: #000
}
::selection {
color: #fff;
background: #000
}
a {
color: inherit;
cursor: pointer;
text-decoration: underline
}
.cb-checkbox_rounded label>input:focus~a.cb-checkbox_rounded-box,
a:focus,
a:hover {
color: inherit;
text-decoration: none
}
a,
button,
input,
label {
-webkit-tap-highlight-color: transparent
}
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle
}
figure {
margin: 0
}
button,
input,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit
}
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
cursor: pointer
}
blockquote,
h1,
h2,
h3,
h4,
h5,
h6,
p {
margin: 0;
padding: 0
}
em {
font-style: normal
}
@media print {
*,
::after,
::before {
text-shadow: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important
}
a,
a:visited {
text-decoration: underline
}
abbr[title]::after {
content: " ("attr(title) ")"
}
pre {
white-space: pre-wrap !important
}
blockquote,
pre {
border: 1px solid #999;
page-break-inside: avoid
}
thead {
display: table-header-group
}
img,
tr {
page-break-inside: avoid
}
h2,
h3,
p {
orphans: 3;
widows: 3
}
h2,
h3 {
page-break-after: avoid
}
}
.cb-view {
height: 100%;
background: #fff
}
.cb-scene {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: none
}
@media (min-width:1200px) {
.cb-scene {
display: block
}
}
.cb-layout {
position: relative;
height: 100%;
z-index: 1
}
.cb-layout .scrollbar-track {
right: 3px;
background: 0 0;
z-index: 200
}
.cb-layout .scrollbar-thumb-y {
background: #333
}
.cb-layout .scrollbar-thumb-y:before {
content: "";
display: block;
position: absolute;
top: 0;
right: -3px;
left: -3px;
bottom: 0
}
.cb-layout .scrollbar-thumb-y:hover {
background: #000
}
.cb-layout .scroll-content {
height: 100%;
will-change: transform
}
.cb-container {
padding: 0 20px
}
@media (min-width:360px) {
.cb-container {
padding: 0 30px
}
}
@media (min-width:768px) {
.cb-container {
padding: 0 40px
}
}
@media (min-width:1200px) {
.cb-container {
padding: 0 60px
}
}
.cb-container.-ml,
.cb-rcfeed-container.-ml,
.cb-screenshot-container {
padding: 0 15px
}
@media (min-width:768px) {
.cb-container.-ml,
.cb-rcfeed-container.-ml,
.cb-screenshot-container {
padding: 0 60px
}
}
@media (min-width:1200px) {
.cb-container.-ml,
.cb-rcfeed-container.-ml,
.cb-screenshot-container {
padding: 0 90px
}
}
@media (min-width:1600px) {
.cb-container.-ml,
.cb-rcfeed-container.-ml,
.cb-screenshot-container {
padding: 0 140px
}
}
.cb-container.-md,
.cb-textpaper-container.-md {
padding: 0 15px
}
@media (min-width:768px) {
.cb-container.-md,
.cb-textpaper-container.-md {
padding: 0 60px
}
}
@media (min-width:1024px) {
.cb-container.-md,
.cb-textpaper-container.-md {
padding: 0 120px
}
}
@media (min-width:1200px) {
.cb-container.-md,
.cb-textpaper-container.-md {
padding: 0 150px
}
}
@media (min-width:1350px) {
.cb-container.-md,
.cb-textpaper-container.-md {
padding: 0 180px
}
}
@media (min-width:1600px) {
.cb-container.-md,
.cb-textpaper-container.-md {
padding: 0 220px
}
}
@media (min-width:1900px) {
.cb-container.-md,
.cb-textpaper-container.-md {
padding: 0 270px
}
}
.cb-advantage-container,
.cb-billboard-container,
.cb-brief-container,
.cb-container.-lg,
.cb-definition-container,
.cb-description-container,
.cb-employment-container,
.cb-featured-container,
.cb-feedback-container,
.cb-hero-container,
.cb-listing-container,
.cb-modal_box-container,
.cb-newsfeed-container,
.cb-nextcase-container,
.cb-numstat-container,
.cb-outro-container,
.cb-rcfeed-container,
.cb-relcase-container,
.cb-request-container,
.cb-smfeed-container,
.cb-splitshow-container,
.cb-textpaper-container,
.cb-topcover-container,
.cb-tophead-container,
.cb-work-container {
padding: 0 20px
}
@media (min-width:360px) {
.cb-advantage-container,
.cb-billboard-container,
.cb-brief-container,
.cb-container.-lg,
.cb-definition-container,
.cb-description-container,
.cb-employment-container,
.cb-featured-container,
.cb-feedback-container,
.cb-hero-container,
.cb-listing-container,
.cb-modal_box-container,
.cb-newsfeed-container,
.cb-nextcase-container,
.cb-numstat-container,
.cb-outro-container,
.cb-rcfeed-container,
.cb-relcase-container,
.cb-request-container,
.cb-smfeed-container,
.cb-splitshow-container,
.cb-textpaper-container,
.cb-topcover-container,
.cb-tophead-container,
.cb-work-container {
padding: 0 30px
}
}
@media (min-width:768px) {
.cb-advantage-container,
.cb-billboard-container,
.cb-brief-container,
.cb-container.-lg,
.cb-definition-container,
.cb-description-container,
.cb-employment-container,
.cb-featured-container,
.cb-feedback-container,
.cb-hero-container,
.cb-listing-container,
.cb-modal_box-container,
.cb-newsfeed-container,
.cb-nextcase-container,
.cb-numstat-container,
.cb-outro-container,
.cb-rcfeed-container,
.cb-relcase-container,
.cb-request-container,
.cb-smfeed-container,
.cb-splitshow-container,
.cb-textpaper-container,
.cb-topcover-container,
.cb-tophead-container,
.cb-work-container {
padding: 0 100px
}
}
@media (min-width:1024px) {
.cb-advantage-container,
.cb-billboard-container,
.cb-brief-container,
.cb-container.-lg,
.cb-definition-container,
.cb-description-container,
.cb-employment-container,
.cb-featured-container,
.cb-feedback-container,
.cb-hero-container,
.cb-listing-container,
.cb-modal_box-container,
.cb-newsfeed-container,
.cb-nextcase-container,
.cb-numstat-container,
.cb-outro-container,
.cb-rcfeed-container,
.cb-relcase-container,
.cb-request-container,
.cb-smfeed-container,
.cb-splitshow-container,
.cb-textpaper-container,
.cb-topcover-container,
.cb-tophead-container,
.cb-work-container {
padding: 0 120px
}
}
@media (min-width:1200px) {
.cb-advantage-container,
.cb-billboard-container,
.cb-brief-container,
.cb-container.-lg,
.cb-definition-container,
.cb-description-container,
.cb-employment-container,
.cb-featured-container,
.cb-feedback-container,
.cb-hero-container,
.cb-listing-container,
.cb-modal_box-container,
.cb-newsfeed-container,
.cb-nextcase-container,
.cb-numstat-container,
.cb-outro-container,
.cb-rcfeed-container,
.cb-relcase-container,
.cb-request-container,
.cb-smfeed-container,
.cb-splitshow-container,
.cb-textpaper-container,
.cb-topcover-container,
.cb-tophead-container,
.cb-work-container {
padding: 0 150px
}
}
@media (min-width:1350px) {
.cb-advantage-container,
.cb-billboard-container,
.cb-brief-container,
.cb-container.-lg,
.cb-definition-container,
.cb-description-container,
.cb-employment-container,
.cb-featured-container,
.cb-feedback-container,
.cb-hero-container,
.cb-listing-container,
.cb-modal_box-container,
.cb-newsfeed-container,
.cb-nextcase-container,
.cb-numstat-container,
.cb-outro-container,
.cb-rcfeed-container,
.cb-relcase-container,
.cb-request-container,
.cb-smfeed-container,
.cb-splitshow-container,
.cb-textpaper-container,
.cb-topcover-container,
.cb-tophead-container,
.cb-work-container {
padding: 0 180px
}
}
@media (min-width:1600px) {
.cb-advantage-container,
.cb-billboard-container,
.cb-brief-container,
.cb-container.-lg,
.cb-definition-container,
.cb-description-container,
.cb-employment-container,
.cb-featured-container,
.cb-feedback-container,
.cb-hero-container,
.cb-listing-container,
.cb-modal_box-container,
.cb-newsfeed-container,
.cb-nextcase-container,
.cb-numstat-container,
.cb-outro-container,
.cb-rcfeed-container,
.cb-relcase-container,
.cb-request-container,
.cb-smfeed-container,
.cb-splitshow-container,
.cb-textpaper-container,
.cb-topcover-container,
.cb-tophead-container,
.cb-work-container {
padding: 0 220px
}
}
@media (min-width:1900px) {
.cb-advantage-container,
.cb-billboard-container,
.cb-brief-container,
.cb-container.-lg,
.cb-definition-container,
.cb-description-container,
.cb-employment-container,
.cb-featured-container,
.cb-feedback-container,
.cb-hero-container,
.cb-listing-container,
.cb-modal_box-container,
.cb-newsfeed-container,
.cb-nextcase-container,
.cb-numstat-container,
.cb-outro-container,
.cb-rcfeed-container,
.cb-relcase-container,
.cb-request-container,
.cb-smfeed-container,
.cb-splitshow-container,
.cb-textpaper-container,
.cb-topcover-container,
.cb-tophead-container,
.cb-work-container {
padding: 0 270px;
width: 100%;
max-width: 1900px;
margin: 0 auto
}
}
.cb-advantage-content,
.cb-billboard-content,
.cb-brief-content,
.cb-content,
.cb-definition-content,
.cb-description-content,
.cb-employment-content,
.cb-employment-top,
.cb-feedback-content,
.cb-listing-content,
.cb-nextcase-content,
.cb-numstat-content,
.cb-rcfeed-content,
.cb-relcase-content,
.cb-screenshot-content,
.cb-smfeed-content,
.cb-splitshow-content {
padding: 120px 0
}
@media (min-width:360px) {
.cb-advantage-content,
.cb-billboard-content,
.cb-brief-content,
.cb-content,
.cb-definition-content,
.cb-description-content,
.cb-employment-content,
.cb-employment-top,
.cb-feedback-content,
.cb-listing-content,
.cb-nextcase-content,
.cb-numstat-content,
.cb-rcfeed-content,
.cb-relcase-content,
.cb-screenshot-content,
.cb-smfeed-content,
.cb-splitshow-content {
padding: 170px 0
}
}
@media (min-width:768px) {
.cb-advantage-content,
.cb-billboard-content,
.cb-brief-content,
.cb-content,
.cb-definition-content,
.cb-description-content,
.cb-employment-content,
.cb-employment-top,
.cb-feedback-content,
.cb-listing-content,
.cb-nextcase-content,
.cb-numstat-content,
.cb-rcfeed-content,
.cb-relcase-content,
.cb-screenshot-content,
.cb-smfeed-content,
.cb-splitshow-content {
padding: 300px 0
}
}
@media (min-width:1600px) {
.cb-advantage-content,
.cb-billboard-content,
.cb-brief-content,
.cb-content,
.cb-definition-content,
.cb-description-content,
.cb-employment-content,
.cb-employment-top,
.cb-feedback-content,
.cb-listing-content,
.cb-nextcase-content,
.cb-numstat-content,
.cb-rcfeed-content,
.cb-relcase-content,
.cb-screenshot-content,
.cb-smfeed-content,
.cb-splitshow-content {
padding: 350px 0
}
}
.-rp.cb-advantage-content,
.-rp.cb-billboard-content,
.-rp.cb-brief-content,
.-rp.cb-definition-content,
.-rp.cb-description-content,
.-rp.cb-employment-content,
.-rp.cb-employment-top,
.-rp.cb-feedback-content,
.-rp.cb-listing-content,
.-rp.cb-nextcase-content,
.-rp.cb-numstat-content,
.-rp.cb-rcfeed-content,
.-rp.cb-relcase-content,
.-rp.cb-screenshot-content,
.-rp.cb-smfeed-content,
.-rp.cb-splitshow-content,
.-rt.cb-advantage-content,
.-rt.cb-billboard-content,
.-rt.cb-brief-content,
.-rt.cb-definition-content,
.-rt.cb-description-content,
.-rt.cb-employment-content,
.-rt.cb-employment-top,
.-rt.cb-feedback-content,
.-rt.cb-listing-content,
.-rt.cb-nextcase-content,
.-rt.cb-numstat-content,
.-rt.cb-rcfeed-content,
.-rt.cb-relcase-content,
.-rt.cb-screenshot-content,
.-rt.cb-smfeed-content,
.-rt.cb-splitshow-content,
.cb-content.-rp,
.cb-content.-rt {
padding-top: 60px
}
@media (min-width:360px) {
.-rp.cb-advantage-content,
.-rp.cb-billboard-content,
.-rp.cb-brief-content,
.-rp.cb-definition-content,
.-rp.cb-description-content,
.-rp.cb-employment-content,
.-rp.cb-employment-top,
.-rp.cb-feedback-content,
.-rp.cb-listing-content,
.-rp.cb-nextcase-content,
.-rp.cb-numstat-content,
.-rp.cb-rcfeed-content,
.-rp.cb-relcase-content,
.-rp.cb-screenshot-content,
.-rp.cb-smfeed-content,
.-rp.cb-splitshow-content,
.-rt.cb-advantage-content,
.-rt.cb-billboard-content,
.-rt.cb-brief-content,
.-rt.cb-definition-content,
.-rt.cb-description-content,
.-rt.cb-employment-content,
.-rt.cb-employment-top,
.-rt.cb-feedback-content,
.-rt.cb-listing-content,
.-rt.cb-nextcase-content,
.-rt.cb-numstat-content,
.-rt.cb-rcfeed-content,
.-rt.cb-relcase-content,
.-rt.cb-screenshot-content,
.-rt.cb-smfeed-content,
.-rt.cb-splitshow-content,
.cb-content.-rp,
.cb-content.-rt {
padding-top: 85px
}
}
@media (min-width:768px) {
.-rp.cb-advantage-content,
.-rp.cb-billboard-content,
.-rp.cb-brief-content,
.-rp.cb-definition-content,
.-rp.cb-description-content,
.-rp.cb-employment-content,
.-rp.cb-employment-top,
.-rp.cb-feedback-content,
.-rp.cb-listing-content,
.-rp.cb-nextcase-content,
.-rp.cb-numstat-content,
.-rp.cb-rcfeed-content,
.-rp.cb-relcase-content,
.-rp.cb-screenshot-content,
.-rp.cb-smfeed-content,
.-rp.cb-splitshow-content,
.-rt.cb-advantage-content,
.-rt.cb-billboard-content,
.-rt.cb-brief-content,
.-rt.cb-definition-content,
.-rt.cb-description-content,
.-rt.cb-employment-content,
.-rt.cb-employment-top,
.-rt.cb-feedback-content,
.-rt.cb-listing-content,
.-rt.cb-nextcase-content,
.-rt.cb-numstat-content,
.-rt.cb-rcfeed-content,
.-rt.cb-relcase-content,
.-rt.cb-screenshot-content,
.-rt.cb-smfeed-content,
.-rt.cb-splitshow-content,
.cb-content.-rp,
.cb-content.-rt {
padding-top: 150px
}
}
@media (min-width:1600px) {
.-rp.cb-advantage-content,
.-rp.cb-billboard-content,
.-rp.cb-brief-content,
.-rp.cb-definition-content,
.-rp.cb-description-content,
.-rp.cb-employment-content,
.-rp.cb-employment-top,
.-rp.cb-feedback-content,
.-rp.cb-listing-content,
.-rp.cb-nextcase-content,
.-rp.cb-numstat-content,
.-rp.cb-rcfeed-content,
.-rp.cb-relcase-content,
.-rp.cb-screenshot-content,
.-rp.cb-smfeed-content,
.-rp.cb-splitshow-content,
.-rt.cb-advantage-content,
.-rt.cb-billboard-content,
.-rt.cb-brief-content,
.-rt.cb-definition-content,
.-rt.cb-description-content,
.-rt.cb-employment-content,
.-rt.cb-employment-top,
.-rt.cb-feedback-content,
.-rt.cb-listing-content,
.-rt.cb-nextcase-content,
.-rt.cb-numstat-content,
.-rt.cb-rcfeed-content,
.-rt.cb-relcase-content,
.-rt.cb-screenshot-content,
.-rt.cb-smfeed-content,
.-rt.cb-splitshow-content,
.cb-content.-rp,
.cb-content.-rt {
padding-top: 175px
}
}
.-mt.cb-advantage-content,
.-mt.cb-billboard-content,
.-mt.cb-brief-content,
.-mt.cb-definition-content,
.-mt.cb-description-content,
.-mt.cb-employment-content,
.-mt.cb-employment-top,
.-mt.cb-feedback-content,
.-mt.cb-listing-content,
.-mt.cb-nextcase-content,
.-mt.cb-numstat-content,
.-mt.cb-rcfeed-content,
.-mt.cb-relcase-content,
.-mt.cb-screenshot-content,
.-mt.cb-smfeed-content,
.-mt.cb-splitshow-content,
.cb-content.-mt {
padding-top: 30px
}
@media (min-width:360px) {
.-mt.cb-advantage-content,
.-mt.cb-billboard-content,
.-mt.cb-brief-content,
.-mt.cb-definition-content,
.-mt.cb-description-content,
.-mt.cb-employment-content,
.-mt.cb-employment-top,
.-mt.cb-feedback-content,
.-mt.cb-listing-content,
.-mt.cb-nextcase-content,
.-mt.cb-numstat-content,
.-mt.cb-rcfeed-content,
.-mt.cb-relcase-content,
.-mt.cb-screenshot-content,
.-mt.cb-smfeed-content,
.-mt.cb-splitshow-content,
.cb-content.-mt {
padding-top: 43px
}
}
@media (min-width:768px) {
.-mt.cb-advantage-content,
.-mt.cb-billboard-content,
.-mt.cb-brief-content,
.-mt.cb-definition-content,
.-mt.cb-description-content,
.-mt.cb-employment-content,
.-mt.cb-employment-top,
.-mt.cb-feedback-content,
.-mt.cb-listing-content,
.-mt.cb-nextcase-content,
.-mt.cb-numstat-content,
.-mt.cb-rcfeed-content,
.-mt.cb-relcase-content,
.-mt.cb-screenshot-content,
.-mt.cb-smfeed-content,
.-mt.cb-splitshow-content,
.cb-content.-mt {
padding-top: 75px
}
}
@media (min-width:1600px) {
.-mt.cb-advantage-content,
.-mt.cb-billboard-content,
.-mt.cb-brief-content,
.-mt.cb-definition-content,
.-mt.cb-description-content,
.-mt.cb-employment-content,
.-mt.cb-employment-top,
.-mt.cb-feedback-content,
.-mt.cb-listing-content,
.-mt.cb-nextcase-content,
.-mt.cb-numstat-content,
.-mt.cb-rcfeed-content,
.-mt.cb-relcase-content,
.-mt.cb-screenshot-content,
.-mt.cb-smfeed-content,
.-mt.cb-splitshow-content,
.cb-content.-mt {
padding-top: 88px
}
}
.-st.cb-advantage-content,
.-st.cb-billboard-content,
.-st.cb-brief-content,
.-st.cb-definition-content,
.-st.cb-description-content,
.-st.cb-employment-content,
.-st.cb-employment-top,
.-st.cb-feedback-content,
.-st.cb-listing-content,
.-st.cb-nextcase-content,
.-st.cb-numstat-content,
.-st.cb-rcfeed-content,
.-st.cb-relcase-content,
.-st.cb-screenshot-content,
.-st.cb-smfeed-content,
.-st.cb-splitshow-content,
.cb-content.-st {
padding-top: 30px
}
@media (min-width:360px) {
.-st.cb-advantage-content,
.-st.cb-billboard-content,
.-st.cb-brief-content,
.-st.cb-definition-content,
.-st.cb-description-content,
.-st.cb-employment-content,
.-st.cb-employment-top,
.-st.cb-feedback-content,
.-st.cb-listing-content,
.-st.cb-nextcase-content,
.-st.cb-numstat-content,
.-st.cb-rcfeed-content,
.-st.cb-relcase-content,
.-st.cb-screenshot-content,
.-st.cb-smfeed-content,
.-st.cb-splitshow-content,
.cb-content.-st {
padding-top: 40px
}
}
@media (min-width:768px) {
.-st.cb-advantage-content,
.-st.cb-billboard-content,
.-st.cb-brief-content,
.-st.cb-definition-content,
.-st.cb-description-content,
.-st.cb-employment-content,
.-st.cb-employment-top,
.-st.cb-feedback-content,
.-st.cb-listing-content,
.-st.cb-nextcase-content,
.-st.cb-numstat-content,
.-st.cb-rcfeed-content,
.-st.cb-relcase-content,
.-st.cb-screenshot-content,
.-st.cb-smfeed-content,
.-st.cb-splitshow-content,
.cb-content.-st {
padding-top: 45px
}
}
@media (min-width:1600px) {
.-st.cb-advantage-content,
.-st.cb-billboard-content,
.-st.cb-brief-content,
.-st.cb-definition-content,
.-st.cb-description-content,
.-st.cb-employment-content,
.-st.cb-employment-top,
.-st.cb-feedback-content,
.-st.cb-listing-content,
.-st.cb-nextcase-content,
.-st.cb-numstat-content,
.-st.cb-rcfeed-content,
.-st.cb-relcase-content,
.-st.cb-screenshot-content,
.-st.cb-smfeed-content,
.-st.cb-splitshow-content,
.cb-content.-st {
padding-top: 55px
}
}
.-ct.cb-advantage-content,
.-ct.cb-billboard-content,
.-ct.cb-brief-content,
.-ct.cb-definition-content,
.-ct.cb-description-content,
.-ct.cb-employment-content,
.-ct.cb-employment-top,
.-ct.cb-feedback-content,
.-ct.cb-listing-content,
.-ct.cb-nextcase-content,
.-ct.cb-numstat-content,
.-ct.cb-rcfeed-content,
.-ct.cb-relcase-content,
.-ct.cb-screenshot-content,
.-ct.cb-smfeed-content,
.-ct.cb-splitshow-content,
.cb-content.-ct {
padding-top: 0
}
.-rb.cb-advantage-content,
.-rb.cb-billboard-content,
.-rb.cb-brief-content,
.-rb.cb-definition-content,
.-rb.cb-description-content,
.-rb.cb-employment-content,
.-rb.cb-employment-top,
.-rb.cb-feedback-content,
.-rb.cb-listing-content,
.-rb.cb-nextcase-content,
.-rb.cb-numstat-content,
.-rb.cb-rcfeed-content,
.-rb.cb-relcase-content,
.-rb.cb-screenshot-content,
.-rb.cb-smfeed-content,
.-rb.cb-splitshow-content,
.-rp.cb-advantage-content,
.-rp.cb-billboard-content,
.-rp.cb-brief-content,
.-rp.cb-definition-content,
.-rp.cb-description-content,
.-rp.cb-employment-content,
.-rp.cb-employment-top,
.-rp.cb-feedback-content,
.-rp.cb-listing-content,
.-rp.cb-nextcase-content,
.-rp.cb-numstat-content,
.-rp.cb-rcfeed-content,
.-rp.cb-relcase-content,
.-rp.cb-screenshot-content,
.-rp.cb-smfeed-content,
.-rp.cb-splitshow-content,
.cb-content.-rb,
.cb-content.-rp {
padding-bottom: 60px
}
@media (min-width:360px) {
.-rb.cb-advantage-content,
.-rb.cb-billboard-content,
.-rb.cb-brief-content,
.-rb.cb-definition-content,
.-rb.cb-description-content,
.-rb.cb-employment-content,
.-rb.cb-employment-top,
.-rb.cb-feedback-content,
.-rb.cb-listing-content,
.-rb.cb-nextcase-content,
.-rb.cb-numstat-content,
.-rb.cb-rcfeed-content,
.-rb.cb-relcase-content,
.-rb.cb-screenshot-content,
.-rb.cb-smfeed-content,
.-rb.cb-splitshow-content,
.-rp.cb-advantage-content,
.-rp.cb-billboard-content,
.-rp.cb-brief-content,
.-rp.cb-definition-content,
.-rp.cb-description-content,
.-rp.cb-employment-content,
.-rp.cb-employment-top,
.-rp.cb-feedback-content,
.-rp.cb-listing-content,
.-rp.cb-nextcase-content,
.-rp.cb-numstat-content,
.-rp.cb-rcfeed-content,
.-rp.cb-relcase-content,
.-rp.cb-screenshot-content,
.-rp.cb-smfeed-content,
.-rp.cb-splitshow-content,
.cb-content.-rb,
.cb-content.-rp {
padding-bottom: 85px
}
}
@media (min-width:768px) {
.-rb.cb-advantage-content,
.-rb.cb-billboard-content,
.-rb.cb-brief-content,
.-rb.cb-definition-content,
.-rb.cb-description-content,
.-rb.cb-employment-content,
.-rb.cb-employment-top,
.-rb.cb-feedback-content,
.-rb.cb-listing-content,
.-rb.cb-nextcase-content,
.-rb.cb-numstat-content,
.-rb.cb-rcfeed-content,
.-rb.cb-relcase-content,
.-rb.cb-screenshot-content,
.-rb.cb-smfeed-content,
.-rb.cb-splitshow-content,
.-rp.cb-advantage-content,
.-rp.cb-billboard-content,
.-rp.cb-brief-content,
.-rp.cb-definition-content,
.-rp.cb-description-content,
.-rp.cb-employment-content,
.-rp.cb-employment-top,
.-rp.cb-feedback-content,
.-rp.cb-listing-content,
.-rp.cb-nextcase-content,
.-rp.cb-numstat-content,
.-rp.cb-rcfeed-content,
.-rp.cb-relcase-content,
.-rp.cb-screenshot-content,
.-rp.cb-smfeed-content,
.-rp.cb-splitshow-content,
.cb-content.-rb,
.cb-content.-rp {
padding-bottom: 150px
}
}
@media (min-width:1600px) {
.-rb.cb-advantage-content,
.-rb.cb-billboard-content,
.-rb.cb-brief-content,
.-rb.cb-definition-content,
.-rb.cb-description-content,
.-rb.cb-employment-content,
.-rb.cb-employment-top,
.-rb.cb-feedback-content,
.-rb.cb-listing-content,
.-rb.cb-nextcase-content,
.-rb.cb-numstat-content,
.-rb.cb-rcfeed-content,
.-rb.cb-relcase-content,
.-rb.cb-screenshot-content,
.-rb.cb-smfeed-content,
.-rb.cb-splitshow-content,
.-rp.cb-advantage-content,
.-rp.cb-billboard-content,
.-rp.cb-brief-content,
.-rp.cb-definition-content,
.-rp.cb-description-content,
.-rp.cb-employment-content,
.-rp.cb-employment-top,
.-rp.cb-feedback-content,
.-rp.cb-listing-content,
.-rp.cb-nextcase-content,
.-rp.cb-numstat-content,
.-rp.cb-rcfeed-content,
.-rp.cb-relcase-content,
.-rp.cb-screenshot-content,
.-rp.cb-smfeed-content,
.-rp.cb-splitshow-content,
.cb-content.-rb,
.cb-content.-rp {
padding-bottom: 175px
}
}
.-mb.cb-advantage-content,
.-mb.cb-billboard-content,
.-mb.cb-brief-content,
.-mb.cb-definition-content,
.-mb.cb-description-content,
.-mb.cb-employment-content,
.-mb.cb-employment-top,
.-mb.cb-feedback-content,
.-mb.cb-listing-content,
.-mb.cb-nextcase-content,
.-mb.cb-numstat-content,
.-mb.cb-rcfeed-content,
.-mb.cb-relcase-content,
.-mb.cb-screenshot-content,
.-mb.cb-smfeed-content,
.-mb.cb-splitshow-content,
.cb-content.-mb {
padding-bottom: 30px
}
@media (min-width:360px) {
.-mb.cb-advantage-content,
.-mb.cb-billboard-content,
.-mb.cb-brief-content,
.-mb.cb-definition-content,
.-mb.cb-description-content,
.-mb.cb-employment-content,
.-mb.cb-employment-top,
.-mb.cb-feedback-content,
.-mb.cb-listing-content,
.-mb.cb-nextcase-content,
.-mb.cb-numstat-content,
.-mb.cb-rcfeed-content,
.-mb.cb-relcase-content,
.-mb.cb-screenshot-content,
.-mb.cb-smfeed-content,
.-mb.cb-splitshow-content,
.cb-content.-mb {
padding-bottom: 43px
}
}
@media (min-width:768px) {
.-mb.cb-advantage-content,
.-mb.cb-billboard-content,
.-mb.cb-brief-content,
.-mb.cb-definition-content,
.-mb.cb-description-content,
.-mb.cb-employment-content,
.-mb.cb-employment-top,
.-mb.cb-feedback-content,
.-mb.cb-listing-content,
.-mb.cb-nextcase-content,
.-mb.cb-numstat-content,
.-mb.cb-rcfeed-content,
.-mb.cb-relcase-content,
.-mb.cb-screenshot-content,
.-mb.cb-smfeed-content,
.-mb.cb-splitshow-content,
.cb-content.-mb {
padding-bottom: 75px
}
}
@media (min-width:1600px) {
.-mb.cb-advantage-content,
.-mb.cb-billboard-content,
.-mb.cb-brief-content,
.-mb.cb-definition-content,
.-mb.cb-description-content,
.-mb.cb-employment-content,
.-mb.cb-employment-top,
.-mb.cb-feedback-content,
.-mb.cb-listing-content,
.-mb.cb-nextcase-content,
.-mb.cb-numstat-content,
.-mb.cb-rcfeed-content,
.-mb.cb-relcase-content,
.-mb.cb-screenshot-content,
.-mb.cb-smfeed-content,
.-mb.cb-splitshow-content,
.cb-content.-mb {
padding-bottom: 88px
}
}
.-cb.cb-advantage-content,
.-cb.cb-billboard-content,
.-cb.cb-brief-content,
.-cb.cb-definition-content,
.-cb.cb-description-content,
.-cb.cb-employment-content,
.-cb.cb-employment-top,
.-cb.cb-feedback-content,
.-cb.cb-listing-content,
.-cb.cb-nextcase-content,
.-cb.cb-numstat-content,
.-cb.cb-rcfeed-content,
.-cb.cb-relcase-content,
.-cb.cb-screenshot-content,
.-cb.cb-smfeed-content,
.-cb.cb-splitshow-content,
.cb-content.-cb {
padding-bottom: 0
}
.-cp.cb-advantage-content,
.-cp.cb-billboard-content,
.-cp.cb-brief-content,
.-cp.cb-definition-content,
.-cp.cb-description-content,
.-cp.cb-employment-content,
.-cp.cb-employment-top,
.-cp.cb-feedback-content,
.-cp.cb-listing-content,
.-cp.cb-nextcase-content,
.-cp.cb-numstat-content,
.-cp.cb-rcfeed-content,
.-cp.cb-relcase-content,
.-cp.cb-screenshot-content,
.-cp.cb-smfeed-content,
.-cp.cb-splitshow-content,
.cb-content.-cp {
padding-top: 0;
padding-bottom: 0
}
.-color-ulesson {
color: #fb7554
}
.-color-ulesson-bg {
background-color: #fb7554
}
.-color-riyadh {
color: #93c252
}
.-color-riyadh-bg {
background-color: #93c252
}
.-color-sigma {
color: #fb6052
}
.-color-sigma-bg {
background-color: #fb6052
}
.-color-sleepiest {
color: #893596
}
.-color-sleepiest-bg {
background-color: #893596
}
.-color-genesis {
color: #57c0b3
}
.-color-genesis-bg {
background-color: #57c0b3
}
.-color-genesis-branding {
color: #57c0b3
}
.-color-genesis-branding-bg {
background-color: #57c0b3
}
.-color-nana {
color: #fbd6d5
}
.-color-nana-bg {
background-color: #fbd6d5
}
.-color-wickret {
color: #3a83f5
}
.-color-wickret-bg {
background-color: #3a83f5
}
.-color-euroauto {
color: #1ca8e3
}
.-color-euroauto-bg {
background-color: #1ca8e3
}
.-color-ferrumpipe {
color: #a6d3c1
}
.-color-ferrumpipe-bg {
background-color: #a6d3c1
}
.-color-flipaclip {
color: #fb5e84
}
.-color-flipaclip-bg {
background-color: #fb5e84
}
.-color-wambi {
color: #b673e9
}
.-color-wambi-bg {
background-color: #b673e9
}
.-color-monmarche {
color: #b9dec6
}
.-color-monmarche-bg {
background-color: #b9dec6
}
.-color-ohmhealth {
color: #d3f6f4
}
.-color-ohmhealth-bg {
background-color: #d3f6f4
}
.-color-consumervoice {
color: #decb82
}
.-color-consumervoice-bg {
background-color: #decb82
}
.-color-puntopago {
color: #293d94
}
.-color-puntopago-bg {
background-color: #293d94
}
.-color-datalight {
color: #ca1386
}
.-color-datalight-bg {
background-color: #ca1386
}
.-color-rallyreader {
color: #574696
}
.-color-rallyreader-bg {
background-color: #574696
}
.-color-raiffeisen {
color: #feda55
}
.-color-raiffeisen-bg {
background-color: #feda55
}
.-color-cisco {
color: #adcbe5
}
.-color-cisco-bg {
background-color: #adcbe5
}
.-color-service-digital {
color: #f6e2de
}
.-color-service-digital-bg {
background-color: #f6e2de
}
.-color-service-mobile {
color: #f6b61d
}
.-color-service-mobile-bg {
background-color: #f6b61d
}
.-color-service-branding {
color: #decb82
}
.-color-service-branding-bg {
background-color: #decb82
}
.-color-service-concept {
color: #fb6052
}
.-color-service-concept-bg {
background-color: #fb6052
}
.-color-service-marketing {
color: #b62c83
}
.-color-service-marketing-bg {
background-color: #b62c83
}
.-color-facebook {
color: #3b5998
}
.-color-facebook-bg {
background-color: #3b5998
}
.-color-twitter {
color: #00acee
}
.-color-twitter-bg {
background-color: #00acee
}
.-color-behance {
color: #1769ff
}
.-color-behance-bg {
background-color: #1769ff
}
.-color-dribbble {
color: #ea4c89
}
.-color-dribbble-bg {
background-color: #ea4c89
}
.-color-instagram {
color: #833ab4
}
.-color-instagram-bg {
background-color: #833ab4
}
.-color-youtube {
color: #c4302b
}
.-color-youtube-bg {
background-color: #c4302b
}
.-color-patreon {
color: #f76959
}
.-color-patreon-bg {
background-color: #f76959
}
.cb-svgsprite {
display: inline-block;
width: 1em;
height: 1em;
fill: currentColor;
vertical-align: middle
}
.cb-menu-logo {
position: fixed;
top: 25px;
left: 20px;
z-index: 251;
opacity: 0;
pointer-events: none;
-webkit-transition: opacity .8s;
-o-transition: opacity .8s;
-moz-transition: opacity .8s;
transition: opacity .8s
}
@media (min-width:360px) {
.cb-menu-logo {
left: 30px
}
}
@media (min-width:768px) and (min-height:550px) {
.cb-menu-logo {
top: 40px;
left: 40px
}
}
@media (min-width:1200px) and (min-height:700px) {
.cb-menu-logo {
top: 60px;
left: 60px
}
}
@media (min-width:2200px) {
.cb-menu-logo {
left: 100px
}
}
.cb-menu-logo svg , .cb-menu-logo img {
width: 65px;
height: 75px
}
@media (min-width:768px) {
.cb-menu-logo svg, .cb-menu-logo img {
width: 115px;
height: 115px
}
}
.cb-menu-logo svg.-runnytimes, .cb-menu-logo img.-runnytimes {
width: 95px;
height: 19px
}
@media (min-width:768px) {
.cb-menu-logo svg.-runnytimes, .cb-menu-logo img.-runnytimes {
width: 132px;
height: 26.4px
}
}
.cb-menu-logo.-visible {
opacity: 1
}
.cb-menu-toggle {
position: fixed;
top: 26px;
right: 20px;
z-index: 251
}
@media (min-width:360px) {
.cb-menu-toggle {
right: 30px
}
}
@media (min-width:768px) and (min-height:550px) {
.cb-menu-toggle {
top: 40px;
right: 40px
}
}
@media (min-width:1200px) and (min-height:700px) {
.cb-menu-toggle {
top: 60px;
right: 60px
}
}
@media (min-width:2200px) {
.cb-menu-toggle {
right: 100px
}
}
.cb-menu.-inverse .cb-menu-toggle {
color: #fff
}
.cb-menu-box {
display: none
}
.cb-menu-backdrop {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 197;
pointer-events: none;
background: rgba(238, 238, 238, .7)
}
.cb-menu-content {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 200;
height: 100vh;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 100px 0 90px 0;
background: #fff
}
@media (min-height:550px) {
.cb-menu-content {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0
}
}
@media (min-width:768px) {
.cb-menu-content {
width: 689px;
left: auto
}
}
@media (min-width:768px) and (min-height:550px) {
.cb-menu-content {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20px 0 0 0
}
}
@media (min-width:768px) and (min-height:600px) {
.cb-menu-content {
padding: 40px 0 0 0
}
}
@media (min-width:1600px) and (min-height:700px) {
.cb-menu-content {
width: 880px;
padding: 50px 0 0 0
}
}
@media (min-width:768px) {
.cb-menu-content.-sm {
width: 570px
}
}
@media (min-width:1600px) and (min-height:700px) {
.cb-menu-content.-sm {
width: 620px
}
}
.cb-menu-container {
width: 100%;
padding: 0 30px 0 45px
}
@media (min-width:768px) {
.cb-menu-container {
padding: 0 98px
}
}
@media (min-width:768px) and (min-height:550px) {
.cb-menu-body {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
width: 100%
}
}
.cb-menu-footer {
padding: 50px 0 0 0
}
@media (min-width:768px) and (min-height:550px) {
.cb-menu-footer {
padding: 0 0 50px 0
}
}
@media (min-width:1600px) and (min-height:700px) {
.cb-menu-footer {
padding: 0 0 84px 0
}
}
@media (min-width:768px) and (min-height:550px) {
.cb-menu-grid {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
width: 100%
}
}
@media (min-width:768px) and (min-height:550px) {
.cb-menu-grid-col {
-webkit-box-flex: 1.2;
-webkit-flex: 1.2;
-moz-box-flex: 1.2;
-ms-flex: 1.2;
flex: 1.2
}
}
.cb-menu-grid-col.-left {
display: none
}
@media (min-width:768px) and (min-height:550px) {
.cb-menu-grid-col.-left {
display: block;
-webkit-box-flex: .8;
-webkit-flex: .8;
-moz-box-flex: .8;
-ms-flex: .8;
flex: .8
}
}
.cb-menu-title {
display: none;
padding: 0 0 30px 0;
color: rgba(0, 0, 0, .3);
font-size: 16px;
line-height: 100%
}
@media (min-height:550px) {
.cb-menu-title {
display: block
}
}
@media (min-width:1600px) and (min-height:700px) {
.cb-menu-title {
padding: 0 0 50px 0
}
}
.cb-menu-title.-sm {
padding: 0 0 12px 0
}
@media (min-width:1600px) and (min-height:700px) {
.cb-menu-title.-sm {
padding: 0 0 20px 0
}
}
.cb-menu-nav {
margin: -4px 0
}
@media (min-width:1600px) and (min-height:700px) {
.cb-menu-nav {
margin: -9px 0
}
}
.cb-menu-nav-item {
position: relative;
display: block;
padding: 4px 0
}
@media (min-width:1600px) and (min-height:700px) {
.cb-menu-nav-item {
padding: 9px 0
}
}
.cb-menu-nav-item a {
display: inline-block;
position: relative;
font-size: 38px;
font-weight: 400;
letter-spacing: -.05em;
line-height: 100%;
text-decoration: none
}
@media (min-width:360px) {
.cb-menu-nav-item a {
font-size: 42px
}
}
@media (min-width:768px) and (min-height:550px) {
.cb-menu-nav-item a {
font-size: 56px
}
}
@media (min-width:1600px) and (min-height:700px) {
.cb-menu-nav-item a {
font-size: 60px
}
}
.cb-menu-nav-item a:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -2px;
height: 1px;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center;
background: currentColor;
-webkit-transition: -webkit-transform .5s, -webkit-transform-origin 0s;
transition: -webkit-transform .5s, -webkit-transform-origin 0s;
-o-transition: -o-transform .5s, -o-transform-origin 0s;
-moz-transition: transform .5s, transform-origin 0s, -moz-transform .5s, -moz-transform-origin 0s;
transition: transform .5s, transform-origin 0s;
transition: transform .5s, transform-origin 0s, -webkit-transform .5s, -moz-transform .5s, -o-transform .5s, -webkit-transform-origin 0s, -moz-transform-origin 0s, -ms-transform-origin 0s, -o-transform-origin 0s
}
.cb-menu-nav-item a em {
display: block;
position: relative;
overflow: hidden;
padding: 0 .01em 0 0
}
.cb-menu-nav-item a span {
display: inline-block;
color: transparent;
-webkit-transition: -webkit-transform 1.2s cubic-bezier(.19, 1, .22, 1);
transition: -webkit-transform 1.2s cubic-bezier(.19, 1, .22, 1);
-o-transition: -o-transform 1.2s cubic-bezier(.19, 1, .22, 1);
-moz-transition: transform 1.2s cubic-bezier(.19, 1, .22, 1), -moz-transform 1.2s cubic-bezier(.19, 1, .22, 1);
transition: transform 1.2s cubic-bezier(.19, 1, .22, 1);
transition: transform 1.2s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.2s cubic-bezier(.19, 1, .22, 1), -moz-transform 1.2s cubic-bezier(.19, 1, .22, 1), -o-transform 1.2s cubic-bezier(.19, 1, .22, 1)
}
.cb-menu-nav-item a span:after,
.cb-menu-nav-item a span:before {
content: attr(data-text);
display: block;
position: absolute;
color: #000
}
.cb-menu-nav-item a span:before {
top: 0;
-webkit-transform: skewY(0);
-moz-transform: skewY(0);
-ms-transform: skewY(0);
-o-transform: skewY(0);
transform: skewY(0);
-webkit-transform-origin: right bottom;
-moz-transform-origin: right bottom;
-ms-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transition: -webkit-transform 2s cubic-bezier(.19, 1, .22, 1);
transition: -webkit-transform 2s cubic-bezier(.19, 1, .22, 1);
-o-transition: -o-transform 2s cubic-bezier(.19, 1, .22, 1);
-moz-transition: transform 2s cubic-bezier(.19, 1, .22, 1), -moz-transform 2s cubic-bezier(.19, 1, .22, 1);
transition: transform 2s cubic-bezier(.19, 1, .22, 1);
transition: transform 2s cubic-bezier(.19, 1, .22, 1), -webkit-transform 2s cubic-bezier(.19, 1, .22, 1), -moz-transform 2s cubic-bezier(.19, 1, .22, 1), -o-transform 2s cubic-bezier(.19, 1, .22, 1)
}
.cb-menu-nav-item a span:after {
top: 105%;
-webkit-transform: skewY(7deg);
-moz-transform: skewY(7deg);
-ms-transform: skewY(7deg);
-o-transform: skewY(7deg);
transform: skewY(7deg);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transition: -webkit-transform 2s cubic-bezier(.19, 1, .22, 1);
transition: -webkit-transform 2s cubic-bezier(.19, 1, .22, 1);
-o-transition: -o-transform 2s cubic-bezier(.19, 1, .22, 1);
-moz-transition: transform 2s cubic-bezier(.19, 1, .22, 1), -moz-transform 2s cubic-bezier(.19, 1, .22, 1);
transition: transform 2s cubic-bezier(.19, 1, .22, 1);
transition: transform 2s cubic-bezier(.19, 1, .22, 1), -webkit-transform 2s cubic-bezier(.19, 1, .22, 1), -moz-transform 2s cubic-bezier(.19, 1, .22, 1), -o-transform 2s cubic-bezier(.19, 1, .22, 1)
}
.cb-checkbox_rounded .cb-menu-nav-item label>input:focus~a.cb-checkbox_rounded-box span,
.cb-menu-nav-item .cb-checkbox_rounded label>input:focus~a.cb-checkbox_rounded-box span,
.cb-menu-nav-item a:focus span,
.cb-menu-nav-item a:hover span {
-webkit-transform: translateY(-105%);
-moz-transform: translateY(-105%);
-ms-transform: translateY(-105%);
-o-transform: translateY(-105%);
transform: translateY(-105%)
}
@media (pointer:coarse) {
.cb-checkbox_rounded .cb-menu-nav-item label>input:focus~a.cb-checkbox_rounded-box span,
.cb-menu-nav-item .cb-checkbox_rounded label>input:focus~a.cb-checkbox_rounded-box span,
.cb-menu-nav-item a:focus span,
.cb-menu-nav-item a:hover span {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none
}
}
.cb-checkbox_rounded .cb-menu-nav-item label>input:focus~a.cb-checkbox_rounded-box span:before,
.cb-menu-nav-item .cb-checkbox_rounded label>input:focus~a.cb-checkbox_rounded-box span:before,
.cb-menu-nav-item a:focus span:before,
.cb-menu-nav-item a:hover span:before {
-webkit-transform: skewY(7deg);
-moz-transform: skewY(7deg);
-ms-transform: skewY(7deg);
-o-transform: skewY(7deg);
transform: skewY(7deg)
}
@media (pointer:coarse) {
.cb-checkbox_rounded .cb-menu-nav-item label>input:focus~a.cb-checkbox_rounded-box span:before,
.cb-menu-nav-item .cb-checkbox_rounded label>input:focus~a.cb-checkbox_rounded-box span:before,
.cb-menu-nav-item a:focus span:before,
.cb-menu-nav-item a:hover span:before {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none
}
}
.cb-checkbox_rounded .cb-menu-nav-item label>input:focus~a.cb-checkbox_rounded-box span:after,
.cb-menu-nav-item .cb-checkbox_rounded label>input:focus~a.cb-checkbox_rounded-box span:after,
.cb-menu-nav-item a:focus span:after,
.cb-menu-nav-item a:hover span:after {
-webkit-transform: skewY(0);
-moz-transform: skewY(0);
-ms-transform: skewY(0);
-o-transform: skewY(0);
transform: skewY(0)
}
@media (pointer:coarse) {
.cb-checkbox_rounded .cb-menu-nav-item label>input:focus~a.cb-checkbox_rounded-box span:after,
.cb-menu-nav-item .cb-checkbox_rounded label>input:focus~a.cb-checkbox_rounded-box span:after,
.cb-menu-nav-item a:focus span:after,
.cb-menu-nav-item a:hover span:after {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none
}
}
.cb-checkbox_rounded label>input:checked~.cb-menu-nav-item.cb-checkbox_rounded-box a:before,
.cb-menu-nav-item.-active a:before,
.cb-menu.-open .cb-menu-toggle button.cb-menu-nav-item a:before {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center
}
.cb-menu-social {
display: inline-block;
margin: -6px 0
}
@media (min-width:1600px) and (min-height:700px) {
.cb-menu-social {
margin: -6.5px 0
}
}
.cb-menu-social-item {
position: relative;
display: block;
padding: 12px 0;
font-size: 16px;
line-height: 120%;
letter-spacing: .00464286em;
text-transform: capitalize;
text-decoration: none
}
@media (min-width:1600px) and (min-height:700px) {
.cb-menu-social-item {
padding: 13px 0
}
}
.cb-menu-social-item em {
display: block;
position: relative;
overflow: hidden
}
.cb-menu-social-item em span {
display: block;
-webkit-transition: -webkit-transform 1.2s cubic-bezier(.19, 1, .22, 1);
transition: -webkit-transform 1.2s cubic-bezier(.19, 1, .22, 1);
-o-transition: -o-transform 1.2s cubic-bezier(.19, 1, .22, 1);
-moz-transition: transform 1.2s cubic-bezier(.19, 1, .22, 1), -moz-transform 1.2s cubic-bezier(.19, 1, .22, 1);
transition: transform 1.2s cubic-bezier(.19, 1, .22, 1);
transition: transform 1.2s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.2s cubic-bezier(.19, 1, .22, 1), -moz-transform 1.2s cubic-bezier(.19, 1, .22, 1), -o-transform 1.2s cubic-bezier(.19, 1, .22, 1);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center
}
.cb-menu-social-item em span:after {
content: attr(data-text);
display: block;
position: absolute;
top: 130%;
-webkit-transform: skewY(10deg);
-moz-transform: skewY(10deg);
-ms-transform: skewY(10deg);
-o-transform: skewY(10deg);
transform: skewY(10deg);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
-webkit-transition: -webkit-transform 1.2s cubic-bezier(.19, 1, .22, 1);
transition: -webkit-transform 1.2s cubic-bezier(.19, 1, .22, 1);
-o-transition: -o-transform 1.2s cubic-bezier(.19, 1, .22, 1);
-moz-transition: transform 1.2s cubic-bezier(.19, 1, .22, 1), -moz-transform 1.2s cubic-bezier(.19, 1, .22, 1);
transition: transform 1.2s cubic-bezier(.19, 1, .22, 1);
transition: transform 1.2s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.2s cubic-bezier(.19, 1, .22, 1), -moz-transform 1.2s cubic-bezier(.19, 1, .22, 1), -o-transform 1.2s cubic-bezier(.19, 1, .22, 1)
}
.cb-checkbox_rounded label>input:focus~.cb-menu-social-item.cb-checkbox_rounded-box em span,
.cb-menu-social-item:focus em span,
.cb-menu-social-item:hover em span {
-webkit-transform: translateY(-130%) skewY(5deg);
-moz-transform: translateY(-130%) skewY(5deg);
-ms-transform: translateY(-130%) skewY(5deg);
-o-transform: translateY(-130%) skewY(5deg);
transform: translateY(-130%) skewY(5deg)
}
@media (pointer:coarse) {
.cb-checkbox_rounded label>input:focus~.cb-menu-social-item.cb-checkbox_rounded-box em span,
.cb-menu-social-item:focus em span,
.cb-menu-social-item:hover em span {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none
}
}
.cb-checkbox_rounded label>input:focus~.cb-menu-social-item.cb-checkbox_rounded-box em span:after,
.cb-menu-social-item:focus em span:after,
.cb-menu-social-item:hover em span:after {
-webkit-transform: skewY(-5deg);
-moz-transform: skewY(-5deg);
-ms-transform: skewY(-5deg);
-o-transform: skewY(-5deg);
transform: skewY(-5deg)
}
@media (pointer:coarse) {
.cb-checkbox_rounded label>input:focus~.cb-menu-social-item.cb-checkbox_rounded-box em span:after,
.cb-menu-social-item:focus em span:after,
.cb-menu-social-item:hover em span:after {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none
}
}
.cb-menu-mail {
display: block
}
.cb-menu-mail a {
position: relative;
display: inline-block;
padding: 0 0 5px 0;
font-size: 16px;
line-height: 20px;
letter-spacing: .00464286em;
text-decoration: none
}
@media (min-width:1600px) and (min-height:700px) {
.cb-menu-mail a {
padding: 0 0 6px 0;
font-size: 20px;
line-height: 25px
}
}
.cb-menu-mail a:after,
.cb-menu-mail a:before {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background: rgba(0, 0, 0, .3)
}
.cb-menu-mail a:after {
background: #000;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
transition: -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
-o-transition: -o-transform .8s cubic-bezier(.19, 1, .22, 1);
-moz-transition: transform .8s cubic-bezier(.19, 1, .22, 1), -moz-transform .8s cubic-bezier(.19, 1, .22, 1);
transition: transform .8s cubic-bezier(.19, 1, .22, 1);
transition: transform .8s cubic-bezier(.19, 1, .22, 1), -webkit-transform .8s cubic-bezier(.19, 1, .22, 1), -moz-transform .8s cubic-bezier(.19, 1, .22, 1), -o-transform .8s cubic-bezier(.19, 1, .22, 1)
}
.cb-checkbox_rounded .cb-menu-mail label>input:focus~a.cb-checkbox_rounded-box:after,
.cb-menu-mail .cb-checkbox_rounded label>input:focus~a.cb-checkbox_rounded-box:after,
.cb-menu-mail a:focus:after,
.cb-menu-mail a:hover:after {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1)
}
.cb-menu-contact {
display: none
}
@media (min-width:1200px) {
.cb-menu-contact {
display: block;
position: fixed;
right: 45px;
bottom: 40px;
z-index: 95
}
}
.cb-menu-contact:hover {
z-index: 100
}
@media (min-height:450px),
(min-width:768px) {
.cb-menu.-open .cb-menu-logo {
opacity: 1;
pointer-events: auto
}
}
.cb-menu.-open .cb-menu-backdrop {
pointer-events: auto
}
.cb-navbar.-inverse {
color: #fff
}
.cb-navbar-strip {
position: absolute;
top: 25px;
left: 20px;
right: 20px;
z-index: 99
}
@media (min-width:360px) {
.cb-navbar-strip {
left: 30px;
right: 30px
}
}
@media (min-width:768px) and (min-height:550px) {
.cb-navbar-strip {
top: 40px;
left: 40px;
right: 40px
}
}
@media (min-width:1200px) and (min-height:700px) {
.cb-navbar-strip {
top: 60px;
left: 60px;
right: 60px
}
}
@media (min-width:2200px) {
.cb-navbar-strip {
left: 100px;
right: 100px
}
}
.cb-navbar-grid {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.cb-navbar-logo {
position: relative;
-webkit-transition: opacity .8s;
-o-transition: opacity .8s;
-moz-transition: opacity .8s;
transition: opacity .8s
}
.menu-open .cb-navbar-logo {
opacity: 0
}
.cb-navbar-logo a {
color: currentColor
}
.cb-navbar-logo svg, .cb-navbar-logo img {
width: 65px;
height: 80px
}
@media (min-width:768px) {
.cb-navbar-logo svg, .cb-navbar-logo img {
width: 115px;
height: 110px
}
}
.cb-navbar-logo svg.-runnytimes, .cb-navbar-logo img.-runnytimes {
width: 114px;
height: 22.8px
}
@media (min-width:768px) {
.cb-navbar-logo svg.-runnytimes, .cb-navbar-logo img.-runnytimes {
width: 132px;
height: 26.4px
}
}
.cb-navbar-link {
display: inline-block;
margin: 0 26px 0 0
}
@media (min-width:768px) {
.cb-navbar-link {
margin: 0 60px 0 0
}
}
.cb-navbar-toggle {
display: inline-block
}
.cb-loader {
display: inline
}
.cb-loader_overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
max-height: 0%;
overflow: hidden;
pointer-events: none;
opacity: 0;
background: #fff;
-webkit-transition: opacity .8s, max-height 0s .8s;
-o-transition: opacity .8s, max-height 0s .8s;
-moz-transition: opacity .8s, max-height 0s .8s;
transition: opacity .8s, max-height 0s .8s
}
.cb-loader_overlay.-visible {
pointer-events: auto;
opacity: 1;
max-height: 100%;
-webkit-transition-delay: 0s, 0s;
-moz-transition-delay: 0s, 0s;
-o-transition-delay: 0s, 0s;
transition-delay: 0s, 0s
}
.cb-form-label {
margin: 0 0 33px 0;
font-size: 24px;
line-height: 100%;
letter-spacing: -.04em
}
@media (min-width:768px) {
.cb-form-label {
margin: 0 0 47px 0;
font-size: 35px
}
}
.cb-form-label.-smooth {
color: #ccc
}
.cb-form-group {
margin: 0 0 45px 0
}
@media (min-width:768px) {
.cb-form-group {
margin: 0 0 70px 0
}
}
.cb-form-submit {
margin: 10px 0 0 0
}
.cb-form-terms {
margin: 50px 0 0 0;
max-width: 360px;
color: rgba(179, 179, 179, .5);
font-size: 14px;
line-height: 140%
}
.cb-form-terms a {
color: rgba(0, 0, 0, .5);
text-decoration: none;
-webkit-transition: color .2s;
-o-transition: color .2s;
-moz-transition: color .2s;
transition: color .2s
}
.cb-form-terms a:hover {
color: #000
}
.grecaptcha-badge {
visibility: hidden
}
.cb-input {
display: inline
}
.cb-input_light {
position: relative;
display: block;
line-height: 0;
contain: content
}
.cb-input_light-line {
position: absolute;
left: 0;
right: 0;
bottom: -3px;
height: 59px;
width: 300%;
-webkit-transform: translateX(-66.66%);
-moz-transform: translateX(-66.66%);
-ms-transform: translateX(-66.66%);
-o-transform: translateX(-66.66%);
transform: translateX(-66.66%);
opacity: .1;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDYwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIGQ9Ik0wLDU2LjVjMCwwLDI5OC42NjYsMCwzOTkuMzMzLDBDNDQ4LjMzNiw1Ni41LDUxMy45OTQsNDYsNTk3LDQ2Yzc3LjMyNywwLDEzNSwxMC41LDIwMC45OTksMTAuNWM5NS45OTYsMCw0MDIuMDAxLDAsNDAyLjAwMSwwIj48L3BhdGg+PC9zdmc+);
background-position: center bottom;
pointer-events: none;
-webkit-transition: opacity .4s, -webkit-transform 0s cubic-bezier(0, .25, .5, 1);
transition: opacity .4s, -webkit-transform 0s cubic-bezier(0, .25, .5, 1);
-o-transition: opacity .4s, -o-transform 0s cubic-bezier(0, .25, .5, 1);
-moz-transition: transform 0s cubic-bezier(0, .25, .5, 1), opacity .4s, -moz-transform 0s cubic-bezier(0, .25, .5, 1);
transition: transform 0s cubic-bezier(0, .25, .5, 1), opacity .4s;
transition: transform 0s cubic-bezier(0, .25, .5, 1), opacity .4s, -webkit-transform 0s cubic-bezier(0, .25, .5, 1), -moz-transform 0s cubic-bezier(0, .25, .5, 1), -o-transform 0s cubic-bezier(0, .25, .5, 1)
}
@media (min-width:768px) {
.cb-input_light-line {
height: 85px
}
}
.cb-input_light-box {
position: relative;
overflow: hidden
}
.cb-input_light-message {
margin: 15px 0 0 0;
color: #eb4242;
font-size: 16px;
line-height: 25px
}
.cb-input_light-message:empty {
display: none
}
.cb-input_light input,
.cb-input_light textarea {
position: relative;
margin: 0;
padding: 15px 0;
width: 100%;
z-index: 1;
color: #000;
background: 0 0;
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
outline: 0;
resize: none;
font-size: 24px;
font-weight: 400;
letter-spacing: -.03em;
line-height: 100%;
-webkit-transition: all .3s, height 0s;
-o-transition: all .3s, height 0s;
-moz-transition: all .3s, height 0s;
transition: all .3s, height 0s
}
@media (min-width:768px) {
.cb-input_light input,
.cb-input_light textarea {
padding: 21px 0;
font-size: 35px
}
}
.cb-input_light input::-webkit-input-placeholder,
.cb-input_light textarea::-webkit-input-placeholder {
color: #ccc;
-webkit-transition: color .2s;
transition: color .2s
}
.cb-input_light input:-moz-placeholder,
.cb-input_light textarea:-moz-placeholder {
color: #ccc;
-moz-transition: color .2s;
transition: color .2s
}
.cb-input_light input::-moz-placeholder,
.cb-input_light textarea::-moz-placeholder {
color: #ccc;
-moz-transition: color .2s;
transition: color .2s
}
.cb-input_light input:-ms-input-placeholder,
.cb-input_light textarea:-ms-input-placeholder {
color: #ccc;
-ms-transition: color .2s;
transition: color .2s
}
.cb-input_light input::-ms-input-placeholder,
.cb-input_light textarea::-ms-input-placeholder {
color: #ccc;
-ms-transition: color .2s;
transition: color .2s
}
.cb-input_light input::placeholder,
.cb-input_light textarea::placeholder {
color: #ccc;
-webkit-transition: color .2s;
-o-transition: color .2s;
-moz-transition: color .2s;
transition: color .2s
}
.cb-input_light input:hover+.cb-input_light-line,
.cb-input_light textarea:hover+.cb-input_light-line {
opacity: .6
}
.cb-checkbox_rounded .cb-input_light label>input:focus~input.cb-checkbox_rounded-box::-webkit-input-placeholder,
.cb-checkbox_rounded .cb-input_light label>input:focus~textarea.cb-checkbox_rounded-box::-webkit-input-placeholder,
.cb-input_light .cb-checkbox_rounded label>input:focus~input.cb-checkbox_rounded-box::-webkit-input-placeholder,
.cb-input_light .cb-checkbox_rounded label>input:focus~textarea.cb-checkbox_rounded-box::-webkit-input-placeholder,
.cb-input_light input:focus::-webkit-input-placeholder,
.cb-input_light textarea:focus::-webkit-input-placeholder {
color: #b3b3b3
}
.cb-checkbox_rounded .cb-input_light label>input:focus~input.cb-checkbox_rounded-box:-moz-placeholder,
.cb-checkbox_rounded .cb-input_light label>input:focus~textarea.cb-checkbox_rounded-box:-moz-placeholder,
.cb-input_light .cb-checkbox_rounded label>input:focus~input.cb-checkbox_rounded-box:-moz-placeholder,
.cb-input_light .cb-checkbox_rounded label>input:focus~textarea.cb-checkbox_rounded-box:-moz-placeholder,
.cb-input_light input:focus:-moz-placeholder,
.cb-input_light textarea:focus:-moz-placeholder {
color: #b3b3b3
}
.cb-checkbox_rounded .cb-input_light label>input:focus~input.cb-checkbox_rounded-box::-moz-placeholder,
.cb-checkbox_rounded .cb-input_light label>input:focus~textarea.cb-checkbox_rounded-box::-moz-placeholder,
.cb-input_light .cb-checkbox_rounded label>input:focus~input.cb-checkbox_rounded-box::-moz-placeholder,
.cb-input_light .cb-checkbox_rounded label>input:focus~textarea.cb-checkbox_rounded-box::-moz-placeholder,
.cb-input_light input:focus::-moz-placeholder,
.cb-input_light textarea:focus::-moz-placeholder {
color: #b3b3b3
}
.cb-checkbox_rounded .cb-input_light label>input:focus~input.cb-checkbox_rounded-box:-ms-input-placeholder,
.cb-checkbox_rounded .cb-input_light label>input:focus~textarea.cb-checkbox_rounded-box:-ms-input-placeholder,
.cb-input_light .cb-checkbox_rounded label>input:focus~input.cb-checkbox_rounded-box:-ms-input-placeholder,
.cb-input_light .cb-checkbox_rounded label>input:focus~textarea.cb-checkbox_rounded-box:-ms-input-placeholder,
.cb-input_light input:focus:-ms-input-placeholder,
.cb-input_light textarea:focus:-ms-input-placeholder {
color: #b3b3b3
}
.cb-checkbox_rounded .cb-input_light label>input:focus~input.cb-checkbox_rounded-box::-ms-input-placeholder,
.cb-checkbox_rounded .cb-input_light label>input:focus~textarea.cb-checkbox_rounded-box::-ms-input-placeholder,
.cb-input_light .cb-checkbox_rounded label>input:focus~input.cb-checkbox_rounded-box::-ms-input-placeholder,
.cb-input_light .cb-checkbox_rounded label>input:focus~textarea.cb-checkbox_rounded-box::-ms-input-placeholder,
.cb-input_light input:focus::-ms-input-placeholder,
.cb-input_light textarea:focus::-ms-input-placeholder {
color: #b3b3b3
}
.cb-checkbox_rounded .cb-input_light label>input:focus~input.cb-checkbox_rounded-box::placeholder,
.cb-checkbox_rounded .cb-input_light label>input:focus~textarea.cb-checkbox_rounded-box::placeholder,
.cb-input_light .cb-checkbox_rounded label>input:focus~input.cb-checkbox_rounded-box::placeholder,
.cb-input_light .cb-checkbox_rounded label>input:focus~textarea.cb-checkbox_rounded-box::placeholder,
.cb-input_light input:focus::placeholder,
.cb-input_light textarea:focus::placeholder {
color: #b3b3b3
}
.cb-checkbox_rounded .cb-input_light label>input:focus~input.cb-checkbox_rounded-box+.cb-input_light-line,
.cb-checkbox_rounded .cb-input_light label>input:focus~textarea.cb-checkbox_rounded-box+.cb-input_light-line,
.cb-input_light .cb-checkbox_rounded label>input:focus~input.cb-checkbox_rounded-box+.cb-input_light-line,
.cb-input_light .cb-checkbox_rounded label>input:focus~textarea.cb-checkbox_rounded-box+.cb-input_light-line,
.cb-input_light input:focus+.cb-input_light-line,
.cb-input_light textarea:focus+.cb-input_light-line {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition-duration: .8s, .4s;
-moz-transition-duration: .8s, .4s;
-o-transition-duration: .8s, .4s;
transition-duration: .8s, .4s
}
.cb-input_light input:invalid,
.cb-input_light textarea:invalid {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
outline: 0
}
.cb-input_light input:disabled,
.cb-input_light textarea:disabled {
opacity: .4;
pointer-events: none
}
.cb-input_light textarea {
height: 60px;
font-size: 17px;
line-height: 120%
}
@media (min-width:768px) {
.cb-input_light textarea {
height: 93px;
font-size: 26px
}
}
.cb-input_light textarea::-webkit-input-placeholder {
font-size: 24px
}
.cb-input_light textarea:-moz-placeholder {
font-size: 24px
}
.cb-input_light textarea::-moz-placeholder {
font-size: 24px
}
.cb-input_light textarea:-ms-input-placeholder {
font-size: 24px
}
.cb-input_light textarea::-ms-input-placeholder {
font-size: 24px
}
.cb-input_light textarea::placeholder {
font-size: 24px
}
@media (min-width:768px) {
.cb-input_light textarea::-webkit-input-placeholder {
font-size: 35px
}
.cb-input_light textarea:-moz-placeholder {
font-size: 35px
}
.cb-input_light textarea::-moz-placeholder {
font-size: 35px
}
.cb-input_light textarea:-ms-input-placeholder {
font-size: 35px
}
.cb-input_light textarea::-ms-input-placeholder {
font-size: 35px
}
.cb-input_light textarea::placeholder {
font-size: 35px
}
}
.cb-input_light.-error .cb-input_light-line {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDYwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNGMDMyMzIiIGQ9Ik0wLDU2LjVjMCwwLDI5OC42NjYsMCwzOTkuMzMzLDBDNDQ4LjMzNiw1Ni41LDUxMy45OTQsNDYsNTk3LDQ2Yzc3LjMyNywwLDEzNSwxMC41LDIwMC45OTksMTAuNWM5NS45OTYsMCw0MDIuMDAxLDAsNDAyLjAwMSwwIj48L3BhdGg+PC9zdmc+)
}
.cb-input_file {
position: relative;
cursor: pointer
}
.cb-input_file input {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
cursor: pointer;
opacity: 0
}
.cb-input_file-btn {
position: relative;
display: block;
height: auto;
margin: 0;
padding: 0;
z-index: 2;
color: inherit;
background: 0 0;
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
outline: 0 !important;
font-size: 20px;
font-weight: 600;
line-height: 25px;
letter-spacing: -.01em;
text-align: inherit;
text-transform: inherit;
text-indent: inherit;
text-decoration: none;
-webkit-transition: opacity .4s;
-o-transition: opacity .4s;
-moz-transition: opacity .4s;
transition: opacity .4s
}
@media (min-width:768px) {
.cb-input_file-btn {
font-size: 22px;
font-weight: 600;
line-height: 27px
}
}
.cb-input_file-btn svg {
margin: 0 15px 0 0;
font-size: 18px;
line-height: 0;
-webkit-transition: -webkit-transform .35s cubic-bezier(.34, 1.56, .64, 1);
transition: -webkit-transform .35s cubic-bezier(.34, 1.56, .64, 1);
-o-transition: -o-transform .35s cubic-bezier(.34, 1.56, .64, 1);
-moz-transition: transform .35s cubic-bezier(.34, 1.56, .64, 1), -moz-transform .35s cubic-bezier(.34, 1.56, .64, 1);
transition: transform .35s cubic-bezier(.34, 1.56, .64, 1);
transition: transform .35s cubic-bezier(.34, 1.56, .64, 1), -webkit-transform .35s cubic-bezier(.34, 1.56, .64, 1), -moz-transform .35s cubic-bezier(.34, 1.56, .64, 1), -o-transform .35s cubic-bezier(.34, 1.56, .64, 1)
}
.cb-input_file-btn span {
position: relative;
display: inline-block;
vertical-align: middle
}
.cb-input_file-btn span:before {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
bottom: -4px;
height: 1px;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center;
background: currentColor;
-webkit-transition: transition-orign 0s, -webkit-transform .7s cubic-bezier(.19, 1, .22, 1);
transition: transition-orign 0s, -webkit-transform .7s cubic-bezier(.19, 1, .22, 1);
-o-transition: transition-orign 0s, -o-transform .7s cubic-bezier(.19, 1, .22, 1);
-moz-transition: transform .7s cubic-bezier(.19, 1, .22, 1), transition-orign 0s, -moz-transform .7s cubic-bezier(.19, 1, .22, 1);
transition: transform .7s cubic-bezier(.19, 1, .22, 1), transition-orign 0s;
transition: transform .7s cubic-bezier(.19, 1, .22, 1), transition-orign 0s, -webkit-transform .7s cubic-bezier(.19, 1, .22, 1), -moz-transform .7s cubic-bezier(.19, 1, .22, 1), -o-transform .7s cubic-bezier(.19, 1, .22, 1)
}
.cb-checkbox_rounded label>input:focus~.cb-input_file-btn.cb-checkbox_rounded-box svg,
.cb-input_file-btn:focus svg,
.cb-input_file-btn:hover svg {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1)
}
.cb-checkbox_rounded label>input:focus~.cb-input_file-btn.cb-checkbox_rounded-box span:before,
.cb-input_file-btn:focus span:before,
.cb-input_file-btn:hover span:before {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center
}
.cb-input_file-btn:disabled {
opacity: .4;
pointer-events: none
}
.cb-input_file-message {
margin: 30px 0 0 0;
color: #eb4242;
font-size: 16px;
line-height: 25px
}
.cb-input_file-items {
display: inline-block;
margin: -12px 0;
padding: 40px 0 0 0;
-webkit-transition: opacity .4s;
-o-transition: opacity .4s;
-moz-transition: opacity .4s;
transition: opacity .4s
}
.cb-input_file input:disabled~.cb-input_file-items {
opacity: .4;
pointer-events: none
}
.cb-input_file-item {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
padding: 12px 0;
cursor: pointer;
-webkit-transition: opacity .15s, -webkit-transform .15s;
transition: opacity .15s, -webkit-transform .15s;
-o-transition: opacity .15s, -o-transform .15s;
-moz-transition: transform .15s, opacity .15s, -moz-transform .15s;
transition: transform .15s, opacity .15s;
transition: transform .15s, opacity .15s, -webkit-transform .15s, -moz-transform .15s, -o-transform .15s
}
.cb-input_file-item i {
position: relative;
max-width: 13px;
max-height: 13px;
min-width: 13px;
min-height: 13px;
margin: 4px 17px 0 2px
}
.cb-input_file-item i:after,
.cb-input_file-item i:before {
content: "";
display: block;
position: absolute;
top: 6px;
left: 0;
right: 0;
height: 2px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
background: currentColor
}
.cb-input_file-item i:after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg)
}
.cb-input_file-item b {
font-size: 20px;
font-weight: inherit;
line-height: 100%;
letter-spacing: -.01em;
word-break: break-word
}
.cb-input_file-item:hover {
opacity: .7;
-webkit-transform: translateX(5px);
-moz-transform: translateX(5px);
-ms-transform: translateX(5px);
-o-transform: translateX(5px);
transform: translateX(5px)
}
.cb-btn {
display: inline
}
.cb-btn_contact,
.cb-btn_dummy,
.cb-btn_menu,
.cb-btn_more,
.cb-btn_nav,
.cb-btn_plus,
.cb-btn_seemore,
.cb-btn_send {
position: relative;
display: inline-block;
height: auto;
margin: 0;
padding: 0;
color: inherit;
background: 0 0;
border: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
outline: 0 !important;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
letter-spacing: inherit;
line-height: inherit;
text-align: inherit;
text-transform: inherit;
text-indent: inherit;
text-decoration: none
}
.cb-btn_contact:focus,
.cb-btn_contact:hover,
.cb-btn_dummy:focus,
.cb-btn_dummy:hover,
.cb-btn_menu:focus,
.cb-btn_menu:hover,
.cb-btn_more:focus,
.cb-btn_more:hover,
.cb-btn_nav:focus,
.cb-btn_nav:hover,
.cb-btn_plus:focus,
.cb-btn_plus:hover,
.cb-btn_seemore:focus,
.cb-btn_seemore:hover,
.cb-btn_send:focus,
.cb-btn_send:hover,
.cb-checkbox_rounded label>input:focus~.cb-btn_contact.cb-checkbox_rounded-box,
.cb-checkbox_rounded label>input:focus~.cb-btn_dummy.cb-checkbox_rounded-box,
.cb-checkbox_rounded label>input:focus~.cb-btn_menu.cb-checkbox_rounded-box,
.cb-checkbox_rounded label>input:focus~.cb-btn_more.cb-checkbox_rounded-box,
.cb-checkbox_rounded label>input:focus~.cb-btn_nav.cb-checkbox_rounded-box,
.cb-checkbox_rounded label>input:focus~.cb-btn_plus.cb-checkbox_rounded-box,
.cb-checkbox_rounded label>input:focus~.cb-btn_seemore.cb-checkbox_rounded-box,
.cb-checkbox_rounded label>input:focus~.cb-btn_send.cb-checkbox_rounded-box {
text-decoration: none
}
.cb-btn_nav {
font-size: 17px;
letter-spacing: -.03em
}
@media (min-width:768px) {
.cb-btn_nav {
font-size: 20px;
letter-spacing: -.03em
}
}
.cb-btn_menu {
height: 25px
}
.cb-btn_menu-title {
display: none
}
@media (min-width:768px) {
.cb-btn_menu-title {
display: inline-block;
margin: 0 25px 0 0;
font-size: 20px;
letter-spacing: -.03em
}
}
.cb-btn_menu-box {
position: relative;
top: -1px;
display: inline-block;
width: 25px;
line-height: 25px;
vertical-align: middle;
-webkit-transition: color .2s;
-o-transition: color .2s;
-moz-transition: color .2s;
transition: color .2s
}
.cb-btn_menu-box:before {
content: "";
display: block;
position: absolute;
top: -20px;
right: -20px;
left: -20px;
bottom: -20px
}
.cb-btn_menu-box span {
position: relative;
display: block;
width: 100%;
height: 2px;
margin: 5px 0;
top: 0;
z-index: 1;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
background: currentColor;
-webkit-transition: top .3s .3s, -webkit-transform .3s;
transition: top .3s .3s, -webkit-transform .3s;
-o-transition: top .3s .3s, -o-transform .3s;
-moz-transition: top .3s .3s, transform .3s, -moz-transform .3s;
transition: top .3s .3s, transform .3s;
transition: top .3s .3s, transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s
}
.cb-btn_menu.-inverse {
color: #fff
}
.desktop .cb-btn_menu:hover .cb-btn_menu-box {
color: #fff;
-webkit-transition-delay: .15s;
-moz-transition-delay: .15s;
-o-transition-delay: .15s;
transition-delay: .15s
}
@media (min-width:1024px) {
.cb-btn_menu:hover .cb-btn_menu-box:before {
top: -80px;
right: -80px;
left: -80px;
bottom: -80px
}
}
.cb-btn_menu.-active,
.cb-checkbox_rounded label>input:checked~.cb-btn_menu.cb-checkbox_rounded-box,
.cb-menu.-open .cb-menu-toggle button.cb-btn_menu {
color: #000
}
.cb-btn_menu.-active .cb-btn_menu-box span:first-child,
.cb-checkbox_rounded label>input:checked~.cb-btn_menu.cb-checkbox_rounded-box .cb-btn_menu-box span:first-child,
.cb-menu.-open .cb-menu-toggle button.cb-btn_menu .cb-btn_menu-box span:first-child {
-webkit-animation: cb-btn_menu-open-top .75s;
-moz-animation: cb-btn_menu-open-top .75s;
-o-animation: cb-btn_menu-open-top .75s;
animation: cb-btn_menu-open-top .75s;
top: 4px;
-webkit-transform: rotate(45deg) scaleX(1);
-moz-transform: rotate(45deg) scaleX(1);
-ms-transform: rotate(45deg) scaleX(1);
-o-transform: rotate(45deg) scaleX(1);
transform: rotate(45deg) scaleX(1);
-webkit-transition-duration: 0s, 0s;
-moz-transition-duration: 0s, 0s;
-o-transition-duration: 0s, 0s;
transition-duration: 0s, 0s
}
.cb-btn_menu.-active .cb-btn_menu-box span:last-child,
.cb-checkbox_rounded label>input:checked~.cb-btn_menu.cb-checkbox_rounded-box .cb-btn_menu-box span:last-child,
.cb-menu.-open .cb-menu-toggle button.cb-btn_menu .cb-btn_menu-box span:last-child {
-webkit-animation: cb-btn_menu-open-bottom .75s;
-moz-animation: cb-btn_menu-open-bottom .75s;
-o-animation: cb-btn_menu-open-bottom .75s;
animation: cb-btn_menu-open-bottom .75s;
top: -3px;
-webkit-transform: rotate(-45deg) scaleX(1);
-moz-transform: rotate(-45deg) scaleX(1);
-ms-transform: rotate(-45deg) scaleX(1);
-o-transform: rotate(-45deg) scaleX(1);
transform: rotate(-45deg) scaleX(1);
-webkit-transition-duration: 0s, 0s;
-moz-transition-duration: 0s, 0s;
-o-transition-duration: 0s, 0s;
transition-duration: 0s, 0s
}
.cb-btn_contact {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
width: 64px;
height: 64px;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
color: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: color .2s, opacity .5s;
-o-transition: color .2s, opacity .5s;
-moz-transition: color .2s, opacity .5s;
transition: color .2s, opacity .5s
}
@media (min-width:1600px) {
.cb-btn_contact {
width: 80px;
height: 80px
}
}
.cb-btn_contact:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #000;
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
border-radius: inherit;
-webkit-transition: background-color .2s, -webkit-transform .35s cubic-bezier(.175, .885, .32, 1.275);
transition: background-color .2s, -webkit-transform .35s cubic-bezier(.175, .885, .32, 1.275);
-o-transition: background-color .2s, -o-transform .35s cubic-bezier(.175, .885, .32, 1.275);
-moz-transition: transform .35s cubic-bezier(.175, .885, .32, 1.275), background-color .2s, -moz-transform .35s cubic-bezier(.175, .885, .32, 1.275);
transition: transform .35s cubic-bezier(.175, .885, .32, 1.275), background-color .2s;
transition: transform .35s cubic-bezier(.175, .885, .32, 1.275), background-color .2s, -webkit-transform .35s cubic-bezier(.175, .885, .32, 1.275), -moz-transform .35s cubic-bezier(.175, .885, .32, 1.275), -o-transform .35s cubic-bezier(.175, .885, .32, 1.275)
}
.cb-btn_contact svg {
position: relative;
font-size: 24px;
line-height: 0
}
@media (min-width:1600px) {
.cb-btn_contact svg {
font-size: 28px
}
}
.cb-btn_contact:focus,
.cb-btn_contact:hover,
.cb-checkbox_rounded label>input:focus~.cb-btn_contact.cb-checkbox_rounded-box {
color: #fff
}
.cb-btn_contact:focus:before,
.cb-btn_contact:hover:before,
.cb-checkbox_rounded label>input:focus~.cb-btn_contact.cb-checkbox_rounded-box:before {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1)
}
.cb-btn_contact:active:before {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.cb-btn_contact.-hidden {
opacity: 0
}
.cb-btn_contact.-inverse {
color: #000
}
.cb-btn_contact.-inverse:before {
background-color: #fff
}
.cb-btn_send {
padding: 7px 0;
font-size: 20px;
font-weight: 600;
line-height: 25px;
letter-spacing: -.01em;
-webkit-transition: opacity .4s;
-o-transition: opacity .4s;
-moz-transition: opacity .4s;
transition: opacity .4s
}
@media (min-width:768px) {
.cb-btn_send {
padding: 9px 0;
font-size: 22px;
line-height: 28px
}
}
.cb-btn_send:before {
content: "";
display: block;
position: absolute;
top: -15px;
left: -15px;
right: -15px;
bottom: -15px
}
.cb-btn_send:after {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 2px;
background: currentColor;
-webkit-transition: -webkit-transform .7s cubic-bezier(.19, 1, .22, 1);
transition: -webkit-transform .7s cubic-bezier(.19, 1, .22, 1);
-o-transition: -o-transform .7s cubic-bezier(.19, 1, .22, 1);
-moz-transition: transform .7s cubic-bezier(.19, 1, .22, 1), -moz-transform .7s cubic-bezier(.19, 1, .22, 1);
transition: transform .7s cubic-bezier(.19, 1, .22, 1);
transition: transform .7s cubic-bezier(.19, 1, .22, 1), -webkit-transform .7s cubic-bezier(.19, 1, .22, 1), -moz-transform .7s cubic-bezier(.19, 1, .22, 1), -o-transform .7s cubic-bezier(.19, 1, .22, 1)
}
.cb-btn_send:focus:after,
.cb-btn_send:hover:after,
.cb-checkbox_rounded label>input:focus~.cb-btn_send.cb-checkbox_rounded-box:after {
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0)
}
.cb-btn_send:disabled {
opacity: .3;
pointer-events: none
}
.cb-btn_more {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 57px;
padding: 0 32px;
-webkit-border-radius: 47px;
-moz-border-radius: 47px;
border-radius: 47px
}
@media (min-width:1200px) {
.cb-btn_more {
height: 72px;
padding: 0 40px;
min-width: 170px;
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px
}
}
.cb-btn_more:after {
content: "";
position: absolute;
top: 1px;
left: 1px;
right: 1px;
bottom: 1px;
border: 1px rgba(0, 0, 0, .1) solid;
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
border-radius: inherit;
-webkit-transition: border-color .2s;
-o-transition: border-color .2s;
-moz-transition: border-color .2s;
transition: border-color .2s
}
.cb-btn_more[data-magnetic]:before {
content: "";
display: block;
position: absolute;
top: -40px;
left: -40px;
right: -40px;
bottom: -40px
}
.cb-btn_more svg {
position: relative;
z-index: 2;
margin: 0 9px 0 0;
font-size: 23px;
-webkit-transition: color .4s;
-o-transition: color .4s;
-moz-transition: color .4s;
transition: color .4s
}
@media (min-width:768px) {
.cb-btn_more svg {
margin: 0 12px 0 0;
font-size: 28px
}
}
.cb-btn_more-title {
position: relative;
top: -1px;
display: block;
overflow: hidden;
z-index: 2
}
.cb-btn_more-title span {
display: block;
font-size: 14px;
font-weight: 600;
text-align: center;
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transition: color .2s, -webkit-transform .4s;
transition: color .2s, -webkit-transform .4s;
-o-transition: color .2s, -o-transform .4s;
-moz-transition: color .2s, transform .4s, -moz-transform .4s;
transition: color .2s, transform .4s;
transition: color .2s, transform .4s, -webkit-transform .4s, -moz-transform .4s, -o-transform .4s
}
@media (min-width:1200px) {
.cb-btn_more-title span {
font-size: 18px
}
}
.cb-btn_more-title span:after {
content: attr(data-text);
display: block;
position: absolute;
top: 150%;
left: 0;
-webkit-transform: skewY(5deg);
-moz-transform: skewY(5deg);
-ms-transform: skewY(5deg);
-o-transform: skewY(5deg);
transform: skewY(5deg);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transition: -webkit-transform .4s;
transition: -webkit-transform .4s;
-o-transition: -o-transform .4s;
-moz-transition: transform .4s, -moz-transform .4s;
transition: transform .4s;
transition: transform .4s, -webkit-transform .4s, -moz-transform .4s, -o-transform .4s
}
.cb-btn_more-ripple {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
overflow: hidden;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
border-radius: inherit
}
.cb-btn_more-ripple span {
display: block;
width: 100%;
height: 100%;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
background: currentColor;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: -webkit-transform .5s cubic-bezier(.4, 0, 0, 1), -webkit-border-radius .5s cubic-bezier(.4, 0, 0, 1);
transition: -webkit-transform .5s cubic-bezier(.4, 0, 0, 1), -webkit-border-radius .5s cubic-bezier(.4, 0, 0, 1);
-o-transition: border-radius .5s cubic-bezier(.4, 0, 0, 1), -o-transform .5s cubic-bezier(.4, 0, 0, 1);
-moz-transition: transform .5s cubic-bezier(.4, 0, 0, 1), border-radius .5s cubic-bezier(.4, 0, 0, 1), -moz-transform .5s cubic-bezier(.4, 0, 0, 1), -moz-border-radius .5s cubic-bezier(.4, 0, 0, 1);
transition: transform .5s cubic-bezier(.4, 0, 0, 1), border-radius .5s cubic-bezier(.4, 0, 0, 1);
transition: transform .5s cubic-bezier(.4, 0, 0, 1), border-radius .5s cubic-bezier(.4, 0, 0, 1), -webkit-transform .5s cubic-bezier(.4, 0, 0, 1), -moz-transform .5s cubic-bezier(.4, 0, 0, 1), -o-transform .5s cubic-bezier(.4, 0, 0, 1), -webkit-border-radius .5s cubic-bezier(.4, 0, 0, 1), -moz-border-radius .5s cubic-bezier(.4, 0, 0, 1)
}
.cb-btn_more.-inverse {
color: #000
}
.cb-btn_more.-inverse:after {
border: 0;
background: #fff
}
.cb-btn_more.-inverse .cb-btn_more-ripple span {
background: #000
}
.cb-btn_more.-danger {
color: #fff
}
.cb-btn_more.-danger:after {
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 0;
background: #ff424d
}
.cb-btn_more.-danger .cb-btn_more-ripple span {
background: #ff2935
}
@media (pointer:fine) {
.cb-btn_more:hover .cb-btn_more-title span {
color: #fff;
-webkit-transform: translateY(-150%) skewY(-7deg);
-moz-transform: translateY(-150%) skewY(-7deg);
-ms-transform: translateY(-150%) skewY(-7deg);
-o-transform: translateY(-150%) skewY(-7deg);
transform: translateY(-150%) skewY(-7deg)
}
}
@media (pointer:fine) {
.cb-btn_more:hover .cb-btn_more-title span:after {
-webkit-transform: skewY(7deg);
-moz-transform: skewY(7deg);
-ms-transform: skewY(7deg);
-o-transform: skewY(7deg);
transform: skewY(7deg)
}
}
@media (pointer:fine) {
.cb-btn_more:hover .cb-btn_more-ripple span {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition-duration: 0s, 0s;
-moz-transition-duration: 0s, 0s;
-o-transition-duration: 0s, 0s;
transition-duration: 0s, 0s;
-webkit-animation: cb-checkbox_rounded-ripple-in .5s cubic-bezier(.4, 0, 0, 1);
-moz-animation: cb-checkbox_rounded-ripple-in .5s cubic-bezier(.4, 0, 0, 1);
-o-animation: cb-checkbox_rounded-ripple-in .5s cubic-bezier(.4, 0, 0, 1);
animation: cb-checkbox_rounded-ripple-in .5s cubic-bezier(.4, 0, 0, 1)
}
}
@media (pointer:fine) {
.cb-btn_more:hover.-inverse svg {
color: #fff
}
}
.cb-btn_seemore {
font-size: 17px;
line-height: 210%;
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
-moz-transition: opacity .3s;
transition: opacity .3s
}
@media (min-width:768px) {
.cb-btn_seemore {
font-size: 20px
}
}
.cb-btn_seemore:before {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
background: currentColor
}
.cb-btn_seemore span {
display: inline-block;
vertical-align: middle
}
.cb-btn_seemore span+svg {
margin-left: .3em
}
.cb-btn_seemore span+svg.-medium {
width: 3.86em
}
.cb-btn_seemore:hover {
opacity: .8
}
.cb-btn_seemore:hover:before {
-webkit-animation: cb-btn_seemore-line 1.2s cubic-bezier(.19, 1, .22, 1);
-moz-animation: cb-btn_seemore-line 1.2s cubic-bezier(.19, 1, .22, 1);
-o-animation: cb-btn_seemore-line 1.2s cubic-bezier(.19, 1, .22, 1);
animation: cb-btn_seemore-line 1.2s cubic-bezier(.19, 1, .22, 1)
}
.cb-btn_plus {
cursor: pointer;
text-align: center
}
.cb-btn_plus-ico {
position: relative;
display: block;
width: 69px;
height: 69px;
margin: 0 auto;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 1px rgba(0, 0, 0, .2) solid;
-webkit-transition: -webkit-transform .35s cubic-bezier(.175, .885, .32, 1.275);
transition: -webkit-transform .35s cubic-bezier(.175, .885, .32, 1.275);
-o-transition: -o-transform .35s cubic-bezier(.175, .885, .32, 1.275);
-moz-transition: transform .35s cubic-bezier(.175, .885, .32, 1.275), -moz-transform .35s cubic-bezier(.175, .885, .32, 1.275);
transition: transform .35s cubic-bezier(.175, .885, .32, 1.275);
transition: transform .35s cubic-bezier(.175, .885, .32, 1.275), -webkit-transform .35s cubic-bezier(.175, .885, .32, 1.275), -moz-transform .35s cubic-bezier(.175, .885, .32, 1.275), -o-transform .35s cubic-bezier(.175, .885, .32, 1.275)
}
@media (min-width:768px) {
.cb-btn_plus-ico {
width: 87px;
height: 87px
}
}
.cb-btn_plus:hover .cb-btn_plus-ico {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1)
}
.cb-btn_plus-ico:after,
.cb-btn_plus-ico:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 13px;
height: 2px;
margin: -1px 0 0 -6.5px;
background: #000
}
@media (min-width:768px) {
.cb-btn_plus-ico:after,
.cb-btn_plus-ico:before {
width: 17px;
margin: -1px 0 0 -8.5px
}
}
.cb-btn_plus-ico:after {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg)
}
.cb-btn_plus-title {
display: block;
margin: 25px 0 0 0;
font-weight: 600;
font-size: 17px;
line-height: 40px
}
@media (min-width:768px) {
.cb-btn_plus-title {
margin: 30px 0 0 0;
font-size: 20px;
line-height: 50px
}
}
@-webkit-keyframes cb-btn_seemore-line {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: right center;
transform-origin: right center
}
40% {
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: right center;
transform-origin: right center
}
40.0001% {
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left center;
transform-origin: left center
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: left center;
transform-origin: left center
}
}
@-moz-keyframes cb-btn_seemore-line {
0% {
-moz-transform: scaleX(1);
transform: scaleX(1);
-moz-transform-origin: right center;
transform-origin: right center
}
40% {
-moz-transform: scaleX(0);
transform: scaleX(0);
-moz-transform-origin: right center;
transform-origin: right center
}
40.0001% {
-moz-transform: scaleX(0);
transform: scaleX(0);
-moz-transform-origin: left center;
transform-origin: left center
}
100% {
-moz-transform: scaleX(1);
transform: scaleX(1);
-moz-transform-origin: left center;
transform-origin: left center
}
}
@-o-keyframes cb-btn_seemore-line {
0% {
-o-transform: scaleX(1);
transform: scaleX(1);
-o-transform-origin: right center;
transform-origin: right center
}
40% {
-o-transform: scaleX(0);
transform: scaleX(0);
-o-transform-origin: right center;
transform-origin: right center
}
40.0001% {
-o-transform: scaleX(0);
transform: scaleX(0);
-o-transform-origin: left center;
transform-origin: left center
}
100% {
-o-transform: scaleX(1);
transform: scaleX(1);
-o-transform-origin: left center;
transform-origin: left center
}
}
@keyframes cb-btn_seemore-line {
0% {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center
}
40% {
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center
}
40.0001% {
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center
}
100% {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center
}
}
@-webkit-keyframes cb-btn_menu-open-top {
0% {
opacity: 1;
top: 0;
left: 0;
-webkit-transform: rotate(0) scaleX(1);
transform: rotate(0) scaleX(1);
-webkit-transform-origin: left center;
transform-origin: left center
}
30% {
opacity: 1;
top: 0;
left: 0;
-webkit-transform: rotate(0) scaleX(0);
transform: rotate(0) scaleX(0)
}
30.1% {
opacity: 0;
top: 0;
left: 0;
-webkit-transform: rotate(0) scaleX(0);
transform: rotate(0) scaleX(0)
}
31% {
opacity: 1;
top: -5px;
left: 3px;
-webkit-transform: rotate(45deg) scaleX(0);
transform: rotate(45deg) scaleX(0)
}
100%,
80% {
opacity: 1;
top: -5px;
left: 3px;
-webkit-transform: rotate(45deg) scaleX(1);
transform: rotate(45deg) scaleX(1);
-webkit-transform-origin: left center;
transform-origin: left center
}
}
@-moz-keyframes cb-btn_menu-open-top {
0% {
opacity: 1;
top: 0;
left: 0;
-moz-transform: rotate(0) scaleX(1);
transform: rotate(0) scaleX(1);
-moz-transform-origin: left center;
transform-origin: left center
}
30% {
opacity: 1;
top: 0;
left: 0;
-moz-transform: rotate(0) scaleX(0);
transform: rotate(0) scaleX(0)
}
30.1% {
opacity: 0;
top: 0;
left: 0;
-moz-transform: rotate(0) scaleX(0);
transform: rotate(0) scaleX(0)
}
31% {
opacity: 1;
top: -5px;
left: 3px;
-moz-transform: rotate(45deg) scaleX(0);
transform: rotate(45deg) scaleX(0)
}
100%,
80% {
opacity: 1;
top: -5px;
left: 3px;
-moz-transform: rotate(45deg) scaleX(1);
transform: rotate(45deg) scaleX(1);
-moz-transform-origin: left center;
transform-origin: left center
}
}
@-o-keyframes cb-btn_menu-open-top {
0% {
opacity: 1;
top: 0;
left: 0;
-o-transform: rotate(0) scaleX(1);
transform: rotate(0) scaleX(1);
-o-transform-origin: left center;
transform-origin: left center
}
30% {
opacity: 1;
top: 0;
left: 0;
-o-transform: rotate(0) scaleX(0);
transform: rotate(0) scaleX(0)
}
30.1% {
opacity: 0;
top: 0;
left: 0;
-o-transform: rotate(0) scaleX(0);
transform: rotate(0) scaleX(0)
}
31% {
opacity: 1;
top: -5px;
left: 3px;
-o-transform: rotate(45deg) scaleX(0);
transform: rotate(45deg) scaleX(0)
}
100%,
80% {
opacity: 1;
top: -5px;
left: 3px;
-o-transform: rotate(45deg) scaleX(1);
transform: rotate(45deg) scaleX(1);
-o-transform-origin: left center;
transform-origin: left center
}
}
@keyframes cb-btn_menu-open-top {
0% {
opacity: 1;
top: 0;
left: 0;
-webkit-transform: rotate(0) scaleX(1);
-moz-transform: rotate(0) scaleX(1);
-o-transform: rotate(0) scaleX(1);
transform: rotate(0) scaleX(1);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center
}
30% {
opacity: 1;
top: 0;
left: 0;
-webkit-transform: rotate(0) scaleX(0);
-moz-transform: rotate(0) scaleX(0);
-o-transform: rotate(0) scaleX(0);
transform: rotate(0) scaleX(0)
}
30.1% {
opacity: 0;
top: 0;
left: 0;
-webkit-transform: rotate(0) scaleX(0);
-moz-transform: rotate(0) scaleX(0);
-o-transform: rotate(0) scaleX(0);
transform: rotate(0) scaleX(0)
}
31% {
opacity: 1;
top: -5px;
left: 3px;
-webkit-transform: rotate(45deg) scaleX(0);
-moz-transform: rotate(45deg) scaleX(0);
-o-transform: rotate(45deg) scaleX(0);
transform: rotate(45deg) scaleX(0)
}
100%,
80% {
opacity: 1;
top: -5px;
left: 3px;
-webkit-transform: rotate(45deg) scaleX(1);
-moz-transform: rotate(45deg) scaleX(1);
-o-transform: rotate(45deg) scaleX(1);
transform: rotate(45deg) scaleX(1);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center
}
}
@-webkit-keyframes cb-btn_menu-open-bottom {
0% {
opacity: 1;
top: 0;
left: 0;
-webkit-transform: rotate(0) scaleX(1);
transform: rotate(0) scaleX(1);
-webkit-transform-origin: right center;
transform-origin: right center
}
50% {
opacity: 1;
top: 0;
left: 0;
-webkit-transform: rotate(0) scaleX(0);
transform: rotate(0) scaleX(0)
}
50.1% {
opacity: 0;
top: 0;
left: 0;
-webkit-transform: rotate(0) scaleX(0);
transform: rotate(0) scaleX(0)
}
51%,
55% {
opacity: 1;
top: -12px;
left: -4px;
-webkit-transform: rotate(-45deg) scaleX(0);
transform: rotate(-45deg) scaleX(0)
}
100% {
opacity: 1;
top: -12px;
left: -4px;
-webkit-transform: rotate(-45deg) scaleX(1);
transform: rotate(-45deg) scaleX(1);
-webkit-transform-origin: right center;
transform-origin: right center
}
}
@-moz-keyframes cb-btn_menu-open-bottom {
0% {
opacity: 1;
top: 0;
left: 0;
-moz-transform: rotate(0) scaleX(1);
transform: rotate(0) scaleX(1);
-moz-transform-origin: right center;
transform-origin: right center
}
50% {
opacity: 1;
top: 0;
left: 0;
-moz-transform: rotate(0) scaleX(0);
transform: rotate(0) scaleX(0)
}
50.1% {
opacity: 0;
top: 0;
left: 0;
-moz-transform: rotate(0) scaleX(0);
transform: rotate(0) scaleX(0)
}
51%,
55% {
opacity: 1;
top: -12px;
left: -4px;
-moz-transform: rotate(-45deg) scaleX(0);
transform: rotate(-45deg) scaleX(0)
}
100% {
opacity: 1;
top: -12px;
left: -4px;
-moz-transform: rotate(-45deg) scaleX(1);
transform: rotate(-45deg) scaleX(1);
-moz-transform-origin: right center;
transform-origin: right center
}
}
@-o-keyframes cb-btn_menu-open-bottom {
0% {
opacity: 1;
top: 0;
left: 0;
-o-transform: rotate(0) scaleX(1);
transform: rotate(0) scaleX(1);
-o-transform-origin: right center;
transform-origin: right center
}
50% {
opacity: 1;
top: 0;
left: 0;
-o-transform: rotate(0) scaleX(0);
transform: rotate(0) scaleX(0)
}
50.1% {
opacity: 0;
top: 0;
left: 0;
-o-transform: rotate(0) scaleX(0);
transform: rotate(0) scaleX(0)
}
51%,
55% {
opacity: 1;
top: -12px;
left: -4px;
-o-transform: rotate(-45deg) scaleX(0);
transform: rotate(-45deg) scaleX(0)
}
100% {
opacity: 1;
top: -12px;
left: -4px;
-o-transform: rotate(-45deg) scaleX(1);
transform: rotate(-45deg) scaleX(1);
-o-transform-origin: right center;
transform-origin: right center
}
}
@keyframes cb-btn_menu-open-bottom {
0% {
opacity: 1;
top: 0;
left: 0;
-webkit-transform: rotate(0) scaleX(1);
-moz-transform: rotate(0) scaleX(1);
-o-transform: rotate(0) scaleX(1);
transform: rotate(0) scaleX(1);
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center
}
50% {
opacity: 1;
top: 0;
left: 0;
-webkit-transform: rotate(0) scaleX(0);
-moz-transform: rotate(0) scaleX(0);
-o-transform: rotate(0) scaleX(0);
transform: rotate(0) scaleX(0)
}
50.1% {
opacity: 0;
top: 0;
left: 0;
-webkit-transform: rotate(0) scaleX(0);
-moz-transform: rotate(0) scaleX(0);
-o-transform: rotate(0) scaleX(0);
transform: rotate(0) scaleX(0)
}
51%,
55% {
opacity: 1;
top: -12px;
left: -4px;
-webkit-transform: rotate(-45deg) scaleX(0);
-moz-transform: rotate(-45deg) scaleX(0);
-o-transform: rotate(-45deg) scaleX(0);
transform: rotate(-45deg) scaleX(0)
}
100% {
opacity: 1;
top: -12px;
left: -4px;
-webkit-transform: rotate(-45deg) scaleX(1);
-moz-transform: rotate(-45deg) scaleX(1);
-o-transform: rotate(-45deg) scaleX(1);
transform: rotate(-45deg) scaleX(1);
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center
}
}
.cb-cursor {
position: fixed;
top: 0;
left: 0;
z-index: 250;
contain: layout style size;
pointer-events: none;
will-change: transform;
-webkit-transition: opacity .3s, color .4s;
-o-transition: opacity .3s, color .4s;
-moz-transition: opacity .3s, color .4s;
transition: opacity .3s, color .4s
}
.cb-cursor:before {
content: "";
position: absolute;
top: -24px;
left: -24px;
display: block;
width: 48px;
height: 48px;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
background: currentColor;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: opacity .1s, -webkit-transform .25s ease-in-out;
transition: opacity .1s, -webkit-transform .25s ease-in-out;
-o-transition: opacity .1s, -o-transform .25s ease-in-out;
-moz-transition: transform .25s ease-in-out, opacity .1s, -moz-transform .25s ease-in-out;
transition: transform .25s ease-in-out, opacity .1s;
transition: transform .25s ease-in-out, opacity .1s, -webkit-transform .25s ease-in-out, -moz-transform .25s ease-in-out, -o-transform .25s ease-in-out
}
.cb-cursor-text {
position: absolute;
top: -18px;
left: -18px;
width: 36px;
height: 36px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transform: scale(0) rotate(10deg);
-moz-transform: scale(0) rotate(10deg);
-ms-transform: scale(0) rotate(10deg);
-o-transform: scale(0) rotate(10deg);
transform: scale(0) rotate(10deg);
opacity: 0;
color: #fff;
font-size: 16px;
line-height: 20px;
text-align: center;
letter-spacing: -.01em;
-webkit-transition: opacity .4s, -webkit-transform .3s;
transition: opacity .4s, -webkit-transform .3s;
-o-transition: opacity .4s, -o-transform .3s;
-moz-transition: opacity .4s, transform .3s, -moz-transform .3s;
transition: opacity .4s, transform .3s;
transition: opacity .4s, transform .3s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s
}
.cb-cursor-text:lang(ru) {
font-size: 14px;
line-height: 18px
}
.cb-cursor-media {
display: none;
position: absolute;
width: 350px;
height: 350px;
margin: -175px 0 0 -175px
}
@media (min-width:1600px) {
.cb-cursor-media {
width: 430px;
height: 430px;
margin: -215px 0 0 -215px
}
}
.cb-cursor-media-box {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
-webkit-transform: scale(0) translateZ(0);
-moz-transform: scale(0) translateZ(0);
transform: scale(0) translateZ(0);
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
padding: 1px;
opacity: 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%);
-webkit-transition: opacity .2s .2s, -webkit-transform .35s;
transition: opacity .2s .2s, -webkit-transform .35s;
-o-transition: opacity .2s .2s, -o-transform .35s;
-moz-transition: transform .35s, opacity .2s .2s, -moz-transform .35s;
transition: transform .35s, opacity .2s .2s;
transition: transform .35s, opacity .2s .2s, -webkit-transform .35s, -moz-transform .35s, -o-transform .35s
}
.cb-cursor-media img,
.cb-cursor-media video {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
@supports ((-o-object-fit:cover) or (object-fit:cover)) {
.cb-cursor-media img,
.cb-cursor-media video {
position: static;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0)
}
}
@supports (mix-blend-mode:exclusion) {
.cb-cursor.-exclusion,
.cb-cursor.-media.-media-blend,
.cb-cursor.-opaque {
mix-blend-mode: exclusion
}
}
@supports (mix-blend-mode:exclusion) {
.cb-cursor.-exclusion:before,
.cb-cursor.-media.-media-blend:before,
.cb-cursor.-opaque:before {
background: #fff
}
}
.cb-cursor.-normal,
.cb-cursor.-text {
mix-blend-mode: normal
}
.cb-cursor.-normal:before,
.cb-cursor.-text:before {
background: currentColor
}
.cb-cursor.-inverse {
color: #fff
}
.cb-cursor.-visible:before {
-webkit-transform: scale(.2);
-moz-transform: scale(.2);
-ms-transform: scale(.2);
-o-transform: scale(.2);
transform: scale(.2)
}
.cb-checkbox_rounded label>input:checked~.cb-cursor.-visible.cb-checkbox_rounded-box:before,
.cb-cursor.-visible.-active:before,
.cb-menu.-open .cb-menu-toggle button.cb-cursor.-visible:before {
-webkit-transform: scale(.23);
-moz-transform: scale(.23);
-ms-transform: scale(.23);
-o-transform: scale(.23);
transform: scale(.23);
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-o-transition-duration: .2s;
transition-duration: .2s
}
.cb-cursor.-pointer:before {
-webkit-transform: scale(.15);
-moz-transform: scale(.15);
-ms-transform: scale(.15);
-o-transform: scale(.15);
transform: scale(.15)
}
.cb-cursor.-text:before {
opacity: .85;
-webkit-transform: scale(1.7);
-moz-transform: scale(1.7);
-ms-transform: scale(1.7);
-o-transform: scale(1.7);
transform: scale(1.7)
}
.cb-cursor.-text .cb-cursor-text {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.cb-checkbox_rounded label>input:checked~.cb-cursor.-text.cb-checkbox_rounded-box:before,
.cb-cursor.-text.-active:before,
.cb-menu.-open .cb-menu-toggle button.cb-cursor.-text:before {
-webkit-transform: scale(1.6);
-moz-transform: scale(1.6);
-ms-transform: scale(1.6);
-o-transform: scale(1.6);
transform: scale(1.6);
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-o-transition-duration: .2s;
transition-duration: .2s
}
.cb-cursor.-icon:before {
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
-o-transform: scale(1.5);
transform: scale(1.5)
}
.cb-checkbox_rounded label>input:checked~.cb-cursor.-icon.cb-checkbox_rounded-box:before,
.cb-cursor.-icon.-active:before,
.cb-menu.-open .cb-menu-toggle button.cb-cursor.-icon:before {
-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
-ms-transform: scale(1.4);
-o-transform: scale(1.4);
transform: scale(1.4)
}
.cb-cursor.-media {
z-index: 0
}
.cb-cursor.-media .cb-cursor-media-box {
opacity: 1;
-webkit-transform: scale(.696);
-moz-transform: scale(.696);
-ms-transform: scale(.696);
-o-transform: scale(.696);
transform: scale(.696);
-webkit-transition-duration: .4s, .4s;
-moz-transition-duration: .4s, .4s;
-o-transition-duration: .4s, .4s;
transition-duration: .4s, .4s;
-webkit-transition-delay: 0s, 0s;
-moz-transition-delay: 0s, 0s;
-o-transition-delay: 0s, 0s;
transition-delay: 0s, 0s
}
.cb-cursor.-media.-media-lg .cb-cursor-media-box {
-webkit-transform: scale(1) !important;
-moz-transform: scale(1) !important;
-ms-transform: scale(1) !important;
-o-transform: scale(1) !important;
transform: scale(1) !important
}
@supports (mix-blend-mode:exclusion) {
.cb-cursor.-media.-media-blend {
z-index: 150
}
}
@supports (mix-blend-mode:exclusion) {
.cb-cursor.-media.-media-blend .cb-cursor-media-box {
-webkit-filter: invert(1);
filter: invert(1)
}
}
.cb-cursor.-menu:before {
-webkit-transform: scale(1.32);
-moz-transform: scale(1.32);
-ms-transform: scale(1.32);
-o-transform: scale(1.32);
transform: scale(1.32)
}
.cb-checkbox_rounded label>input:checked~.cb-cursor.-menu.cb-checkbox_rounded-box:before,
.cb-cursor.-menu.-active:before,
.cb-menu.-open .cb-menu-toggle button.cb-cursor.-menu:before {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2)
}
.cb-cursor.-opaque:before {
-webkit-transform: scale(1.32);
-moz-transform: scale(1.32);
-ms-transform: scale(1.32);
-o-transform: scale(1.32);
transform: scale(1.32)
}
.cb-checkbox_rounded label>input:checked~.cb-cursor.-opaque.cb-checkbox_rounded-box:before,
.cb-cursor.-opaque.-active:before,
.cb-menu.-open .cb-menu-toggle button.cb-cursor.-opaque:before {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2)
}
.cb-cursor.-loading:before {
animation: cb-cursor-loading .6s .1s infinite alternate-reverse;
-webkit-transform: scale(.3);
-moz-transform: scale(.3);
-ms-transform: scale(.3);
-o-transform: scale(.3);
transform: scale(.3)
}
.cb-cursor.-hidden:before {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0)
}
@-webkit-keyframes cb-cursor-loading {
0% {
-webkit-transform: scale(.6);
transform: scale(.6)
}
100% {
-webkit-transform: scale(.3);
transform: scale(.3)
}
}
@-moz-keyframes cb-cursor-loading {
0% {
-moz-transform: scale(.6);
transform: scale(.6)
}
100% {
-moz-transform: scale(.3);
transform: scale(.3)
}
}
@-o-keyframes cb-cursor-loading {
0% {
-o-transform: scale(.6);
transform: scale(.6)
}
100% {
-o-transform: scale(.3);
transform: scale(.3)
}
}
@keyframes cb-cursor-loading {
0% {
-webkit-transform: scale(.6);
-moz-transform: scale(.6);
-o-transform: scale(.6);
transform: scale(.6)
}
100% {
-webkit-transform: scale(.3);
-moz-transform: scale(.3);
-o-transform: scale(.3);
transform: scale(.3)
}
}
.cb-checkbox {
display: inline
}
.cb-checkbox-group {
margin: -7px -6px
}
@media (min-width:768px) {
.cb-checkbox-group {
margin: -12px -9px
}
}
@media (min-width:1600px) {
.cb-checkbox-group {
margin: -15px -10px
}
}
.cb-checkbox-group .cb-checkbox {
margin: 7px 6px
}
@media (min-width:768px) {
.cb-checkbox-group .cb-checkbox {
margin: 12px 9px
}
}
@media (min-width:1600px) {
.cb-checkbox-group .cb-checkbox {
margin: 15px 10px
}
}
.cb-checkbox_rounded {
position: relative;
display: inline-block;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
contain: content
}
.cb-checkbox_rounded:before {
content: "";
display: block;
position: absolute;
top: -15px;
left: -10px;
right: -10px;
bottom: -15px
}
.cb-checkbox_rounded-box {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 22px;
height: 49px;
overflow: hidden;
font-size: 14px;
letter-spacing: -.01em;
background: #fff;
-webkit-border-radius: 68px;
-moz-border-radius: 68px;
border-radius: 68px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: opacity .4s;
-o-transition: opacity .4s;
-moz-transition: opacity .4s;
transition: opacity .4s
}
@media (min-width:768px) {
.cb-checkbox_rounded-box {
padding: 0 32px;
height: 65px;
font-size: 18px;
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px
}
}
@media (min-width:1600px) {
.cb-checkbox_rounded-box {
height: 72px;
padding: 0 35px;
font-size: 20px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px
}
}
.cb-checkbox_rounded-box:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px rgba(0, 0, 0, .1) solid;
-webkit-border-radius: 68px;
-moz-border-radius: 68px;
border-radius: 68px;
-webkit-transition: border-color .2s;
-o-transition: border-color .2s;
-moz-transition: border-color .2s;
transition: border-color .2s
}
@media (min-width:768px) {
.cb-checkbox_rounded-box:before {
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px
}
}
@media (min-width:1600px) {
.cb-checkbox_rounded-box:before {
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px
}
}
.cb-checkbox_rounded label>input:focus~.cb-checkbox_rounded-box:before,
.cb-checkbox_rounded-box:focus:before {
border-color: rgba(0, 0, 0, .25)
}
.cb-checkbox_rounded label>input:disabled~.cb-checkbox_rounded-box,
.cb-checkbox_rounded-box.-disabled {
opacity: .4;
pointer-events: none
}
.cb-checkbox_rounded-title {
position: relative;
top: -1px;
display: block;
overflow: hidden
}
.cb-checkbox_rounded-title span {
display: block;
position: relative;
z-index: 2;
-webkit-transition: color .2s, -webkit-transform .4s;
transition: color .2s, -webkit-transform .4s;
-o-transition: color .2s, -o-transform .4s;
-moz-transition: color .2s, transform .4s, -moz-transform .4s;
transition: color .2s, transform .4s;
transition: color .2s, transform .4s, -webkit-transform .4s, -moz-transform .4s, -o-transform .4s;
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top
}
.cb-checkbox_rounded-title span:after {
content: attr(data-text);
display: block;
position: absolute;
top: 150%;
left: 0;
-webkit-transform: skewY(5deg);
-moz-transform: skewY(5deg);
-ms-transform: skewY(5deg);
-o-transform: skewY(5deg);
transform: skewY(5deg);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transition: -webkit-transform .4s;
transition: -webkit-transform .4s;
-o-transition: -o-transform .4s;
-moz-transition: transform .4s, -moz-transform .4s;
transition: transform .4s;
transition: transform .4s, -webkit-transform .4s, -moz-transform .4s, -o-transform .4s
}
.cb-checkbox_rounded-ripple {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
-webkit-border-radius: 68px;
-moz-border-radius: 68px;
border-radius: 68px
}
@media (min-width:768px) {
.cb-checkbox_rounded-ripple {
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px
}
}
@media (min-width:1600px) {
.cb-checkbox_rounded-ripple {
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px
}
}
.cb-checkbox_rounded-ripple span {
display: block;
width: 100%;
height: 100%;
-webkit-transform: translateY(100%) translateZ(0);
-moz-transform: translateY(100%) translateZ(0);
transform: translateY(100%) translateZ(0);
background: currentColor;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: -webkit-transform .5s cubic-bezier(.4, 0, 0, 1), -webkit-border-radius .5s cubic-bezier(.4, 0, 0, 1);
transition: -webkit-transform .5s cubic-bezier(.4, 0, 0, 1), -webkit-border-radius .5s cubic-bezier(.4, 0, 0, 1);
-o-transition: border-radius .5s cubic-bezier(.4, 0, 0, 1), -o-transform .5s cubic-bezier(.4, 0, 0, 1);
-moz-transition: transform .5s cubic-bezier(.4, 0, 0, 1), border-radius .5s cubic-bezier(.4, 0, 0, 1), -moz-transform .5s cubic-bezier(.4, 0, 0, 1), -moz-border-radius .5s cubic-bezier(.4, 0, 0, 1);
transition: transform .5s cubic-bezier(.4, 0, 0, 1), border-radius .5s cubic-bezier(.4, 0, 0, 1);
transition: transform .5s cubic-bezier(.4, 0, 0, 1), border-radius .5s cubic-bezier(.4, 0, 0, 1), -webkit-transform .5s cubic-bezier(.4, 0, 0, 1), -moz-transform .5s cubic-bezier(.4, 0, 0, 1), -o-transform .5s cubic-bezier(.4, 0, 0, 1), -webkit-border-radius .5s cubic-bezier(.4, 0, 0, 1), -moz-border-radius .5s cubic-bezier(.4, 0, 0, 1)
}
.cb-checkbox_rounded:hover .cb-checkbox_rounded-ripple {
-webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%)
}
.cb-checkbox_rounded:hover .cb-checkbox_rounded-title span {
-webkit-transform: translateY(-150%) skewY(-7deg);
-moz-transform: translateY(-150%) skewY(-7deg);
-ms-transform: translateY(-150%) skewY(-7deg);
-o-transform: translateY(-150%) skewY(-7deg);
transform: translateY(-150%) skewY(-7deg)
}
@media (pointer:coarse) {
.cb-checkbox_rounded:hover .cb-checkbox_rounded-title span {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none
}
}
.cb-checkbox_rounded:hover .cb-checkbox_rounded-title span:after {
-webkit-transform: skewY(7deg);
-moz-transform: skewY(7deg);
-ms-transform: skewY(7deg);
-o-transform: skewY(7deg);
transform: skewY(7deg)
}
@media (pointer:coarse) {
.cb-checkbox_rounded:hover .cb-checkbox_rounded-title span:after {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none
}
}
.cb-checkbox_rounded label {
cursor: pointer
}
.cb-checkbox_rounded label>input {
position: absolute;
padding: 0;
margin: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
visibility: hidden;
opacity: 0
}
.cb-checkbox_rounded label>input:checked~.cb-checkbox_rounded-box .cb-checkbox_rounded-title {
color: #fff
}
.chrome .cb-checkbox_rounded label>input:checked~.cb-checkbox_rounded-box .cb-checkbox_rounded-ripple {
-webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%)
}
.cb-checkbox_rounded label>input:checked~.cb-checkbox_rounded-box .cb-checkbox_rounded-ripple span {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transform: translateY(0) translateZ(0);
-moz-transform: translateY(0) translateZ(0);
transform: translateY(0) translateZ(0);
-webkit-transition-duration: 0s, 0s;
-moz-transition-duration: 0s, 0s;
-o-transition-duration: 0s, 0s;
transition-duration: 0s, 0s;
-webkit-animation: cb-checkbox_rounded-ripple-in .5s cubic-bezier(.4, 0, 0, 1);
-moz-animation: cb-checkbox_rounded-ripple-in .5s cubic-bezier(.4, 0, 0, 1);
-o-animation: cb-checkbox_rounded-ripple-in .5s cubic-bezier(.4, 0, 0, 1);
animation: cb-checkbox_rounded-ripple-in .5s cubic-bezier(.4, 0, 0, 1)
}
@-webkit-keyframes cb-checkbox_rounded-ripple-in {
0% {
-webkit-border-radius: 100%;
border-radius: 100%;
-webkit-transform: translateY(-100%) translateZ(0);
transform: translateY(-100%) translateZ(0)
}
100% {
-webkit-border-radius: 0;
border-radius: 0;
-webkit-transform: translateY(0) translateZ(0);
transform: translateY(0) translateZ(0)
}
}
@-moz-keyframes cb-checkbox_rounded-ripple-in {
0% {
-moz-border-radius: 100%;
border-radius: 100%;
-moz-transform: translateY(-100%) translateZ(0);
transform: translateY(-100%) translateZ(0)
}
100% {
-moz-border-radius: 0;
border-radius: 0;
-moz-transform: translateY(0) translateZ(0);
transform: translateY(0) translateZ(0)
}
}
@-o-keyframes cb-checkbox_rounded-ripple-in {
0% {
border-radius: 100%;
transform: translateY(-100%) translateZ(0)
}
100% {
border-radius: 0;
transform: translateY(0) translateZ(0)
}
}
@keyframes cb-checkbox_rounded-ripple-in {
0% {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-transform: translateY(-100%) translateZ(0);
-moz-transform: translateY(-100%) translateZ(0);
transform: translateY(-100%) translateZ(0)
}
100% {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-transform: translateY(0) translateZ(0);
-moz-transform: translateY(0) translateZ(0);
transform: translateY(0) translateZ(0)
}
}
.cb-modal {
display: inline
}
.cb-modal_box {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 88;
width: 100%;
height: 100%
}
.cb-modal_box-backdrop {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: bottom center;
-moz-transform-origin: bottom center;
-ms-transform-origin: bottom center;
-o-transform-origin: bottom center;
transform-origin: bottom center;
background: #fff;
-webkit-transition: -webkit-transform .6s;
transition: -webkit-transform .6s;
-o-transition: -o-transform .6s;
-moz-transition: transform .6s, -moz-transform .6s;
transition: transform .6s;
transition: transform .6s, -webkit-transform .6s, -moz-transform .6s, -o-transform .6s
}
.cb-modal_box-backdrop.-gray {
background: #fafafa
}
.cb-modal_box-dialog {
position: absolute;
top: 30px;
left: 30px;
right: 30px;
bottom: 30px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 1;
pointer-events: none;
opacity: 0;
text-align: center;
-webkit-transition: opacity .5s;
-o-transition: opacity .5s;
-moz-transition: opacity .5s;
transition: opacity .5s
}
@media (min-width:1200px) {
.cb-modal_box-dialog {
top: 70px;
left: 70px;
right: 70px;
bottom: 70px
}
}
.cb-modal_box-dialog a,
.cb-modal_box-dialog button {
pointer-events: auto
}
.cb-modal_box-dialog.-full {
top: 0;
left: 0;
right: 0;
bottom: 0
}
.cb-modal_box-embedded {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%
}
.cb-modal_box-embedded iframe {
width: 100%;
height: 100%;
border: 0
}
.cb-modal_box-embedded video {
max-width: 100%;
-o-object-fit: cover;
object-fit: cover
}
@media (min-width:1200px) {
.cb-modal_box-embedded video {
height: 100vh
}
}
.cb-modal_box-container {
width: 100%
}
.cb-modal_box-nav {
margin: -4px 0;
text-align: left
}
@media (min-width:360px) {
.cb-modal_box-nav {
margin: -7px 0
}
}
@media (min-width:1600px) and (min-height:700px) {
.cb-modal_box-nav {
margin: -11px 0
}
}
.cb-modal_box-nav-item {
display: block;
padding: 4px 0;
font-size: 38px;
font-weight: 400;
text-decoration: none
}
@media (min-width:360px) {
.cb-modal_box-nav-item {
padding: 7px 0;
font-size: 42px
}
}
@media (min-width:768px) and (min-height:550px) {
.cb-modal_box-nav-item {
font-size: 60px
}
}
.cb-modal_box-nav-item-title {
display: inline-block;
overflow: hidden
}
.cb-modal_box-nav-item-title span {
position: relative;
display: inline-block;
color: transparent;
-webkit-transition: -webkit-transform 1.2s cubic-bezier(.19, 1, .22, 1);
transition: -webkit-transform 1.2s cubic-bezier(.19, 1, .22, 1);
-o-transition: -o-transform 1.2s cubic-bezier(.19, 1, .22, 1);
-moz-transition: transform 1.2s cubic-bezier(.19, 1, .22, 1), -moz-transform 1.2s cubic-bezier(.19, 1, .22, 1);
transition: transform 1.2s cubic-bezier(.19, 1, .22, 1);
transition: transform 1.2s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.2s cubic-bezier(.19, 1, .22, 1), -moz-transform 1.2s cubic-bezier(.19, 1, .22, 1), -o-transform 1.2s cubic-bezier(.19, 1, .22, 1)
}
.cb-modal_box-nav-item-title span:after,
.cb-modal_box-nav-item-title span:before {
content: attr(data-text);
display: block;
position: absolute;
color: #000
}
.cb-modal_box-nav-item-title span:before {
top: 0;
-webkit-transform: skewY(0);
-moz-transform: skewY(0);
-ms-transform: skewY(0);
-o-transform: skewY(0);
transform: skewY(0);
-webkit-transform-origin: right bottom;
-moz-transform-origin: right bottom;
-ms-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transition: -webkit-transform 2s cubic-bezier(.19, 1, .22, 1);
transition: -webkit-transform 2s cubic-bezier(.19, 1, .22, 1);
-o-transition: -o-transform 2s cubic-bezier(.19, 1, .22, 1);
-moz-transition: transform 2s cubic-bezier(.19, 1, .22, 1), -moz-transform 2s cubic-bezier(.19, 1, .22, 1);
transition: transform 2s cubic-bezier(.19, 1, .22, 1);
transition: transform 2s cubic-bezier(.19, 1, .22, 1), -webkit-transform 2s cubic-bezier(.19, 1, .22, 1), -moz-transform 2s cubic-bezier(.19, 1, .22, 1), -o-transform 2s cubic-bezier(.19, 1, .22, 1)
}
.cb-modal_box-nav-item-title span:after {
top: 105%;
-webkit-transform: skewY(7deg);
-moz-transform: skewY(7deg);
-ms-transform: skewY(7deg);
-o-transform: skewY(7deg);
transform: skewY(7deg);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transition: -webkit-transform 2s cubic-bezier(.19, 1, .22, 1);
transition: -webkit-transform 2s cubic-bezier(.19, 1, .22, 1);
-o-transition: -o-transform 2s cubic-bezier(.19, 1, .22, 1);
-moz-transition: transform 2s cubic-bezier(.19, 1, .22, 1), -moz-transform 2s cubic-bezier(.19, 1, .22, 1);
transition: transform 2s cubic-bezier(.19, 1, .22, 1);
transition: transform 2s cubic-bezier(.19, 1, .22, 1), -webkit-transform 2s cubic-bezier(.19, 1, .22, 1), -moz-transform 2s cubic-bezier(.19, 1, .22, 1), -o-transform 2s cubic-bezier(.19, 1, .22, 1)
}
.cb-checkbox_rounded .cb-modal_box-nav-item label>input:focus~a.cb-checkbox_rounded-box .cb-modal_box-nav-item-title span,
.cb-modal_box-nav-item .cb-checkbox_rounded label>input:focus~a.cb-checkbox_rounded-box .cb-modal_box-nav-item-title span,
.cb-modal_box-nav-item a:focus .cb-modal_box-nav-item-title span,
.cb-modal_box-nav-item a:hover .cb-modal_box-nav-item-title span {
-webkit-transform: translateY(-105%);
-moz-transform: translateY(-105%);
-ms-transform: translateY(-105%);
-o-transform: translateY(-105%);
transform: translateY(-105%)
}
@media (pointer:coarse) {
.cb-checkbox_rounded .cb-modal_box-nav-item label>input:focus~a.cb-checkbox_rounded-box .cb-modal_box-nav-item-title span,
.cb-modal_box-nav-item .cb-checkbox_rounded label>input:focus~a.cb-checkbox_rounded-box .cb-modal_box-nav-item-title span,
.cb-modal_box-nav-item a:focus .cb-modal_box-nav-item-title span,
.cb-modal_box-nav-item a:hover .cb-modal_box-nav-item-title span {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none
}
}
.cb-checkbox_rounded .cb-modal_box-nav-item label>input:focus~a.cb-checkbox_rounded-box .cb-modal_box-nav-item-title span:before,
.cb-modal_box-nav-item .cb-checkbox_rounded label>input:focus~a.cb-checkbox_rounded-box .cb-modal_box-nav-item-title span:before,
.cb-modal_box-nav-item a:focus .cb-modal_box-nav-item-title span:before,
.cb-modal_box-nav-item a:hover .cb-modal_box-nav-item-title span:before {
-webkit-transform: skewY(7deg);
-moz-transform: skewY(7deg);
-ms-transform: skewY(7deg);
-o-transform: skewY(7deg);
transform: skewY(7deg)
}
@media (pointer:coarse) {
.cb-checkbox_rounded .cb-modal_box-nav-item label>input:focus~a.cb-checkbox_rounded-box .cb-modal_box-nav-item-title span:before,
.cb-modal_box-nav-item .cb-checkbox_rounded label>input:focus~a.cb-checkbox_rounded-box .cb-modal_box-nav-item-title span:before,
.cb-modal_box-nav-item a:focus .cb-modal_box-nav-item-title span:before,
.cb-modal_box-nav-item a:hover .cb-modal_box-nav-item-title span:before {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none
}
}
.cb-checkbox_rounded .cb-modal_box-nav-item label>input:focus~a.cb-checkbox_rounded-box .cb-modal_box-nav-item-title span:after,
.cb-modal_box-nav-item .cb-checkbox_rounded label>input:focus~a.cb-checkbox_rounded-box .cb-modal_box-nav-item-title span:after,
.cb-modal_box-nav-item a:focus .cb-modal_box-nav-item-title span:after,
.cb-modal_box-nav-item a:hover .cb-modal_box-nav-item-title span:after {
-webkit-transform: skewY(0);
-moz-transform: skewY(0);
-ms-transform: skewY(0);
-o-transform: skewY(0);
transform: skewY(0)
}
@media (pointer:coarse) {
.cb-checkbox_rounded .cb-modal_box-nav-item label>input:focus~a.cb-checkbox_rounded-box .cb-modal_box-nav-item-title span:after,
.cb-modal_box-nav-item .cb-checkbox_rounded label>input:focus~a.cb-checkbox_rounded-box .cb-modal_box-nav-item-title span:after,
.cb-modal_box-nav-item a:focus .cb-modal_box-nav-item-title span:after,
.cb-modal_box-nav-item a:hover .cb-modal_box-nav-item-title span:after {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none
}
}
.cb-modal_box-message {
text-align: left
}
.cb-modal_box-message-header {
font-size: 42px;
font-weight: 600;
letter-spacing: -.03em;
line-height: 100%
}
@media (min-width:768px) {
.cb-modal_box-message-header {
font-size: 60px;
letter-spacing: -.05em
}
}
@media (min-width:1200px) {
.cb-modal_box-message-header {
font-size: 80px
}
}
@media (min-width:1600px) {
.cb-modal_box-message-header {
font-size: 110px
}
}
.cb-modal_box-message-header img {
position: relative;
top: -2px;
width: 38px;
display: inline-block;
vertical-align: middle
}
@media (min-width:1200px) {
.cb-modal_box-message-header img {
top: -4px;
width: 64px
}
}
@media (min-width:1600px) {
.cb-modal_box-message-header img {
top: -8px;
width: 88px
}
}
.cb-modal_box-message-text {
margin: 45px 0 0 0;
font-size: 20px;
line-height: 155%;
letter-spacing: .00464286em
}
@media (min-width:1200px) {
.cb-modal_box-message-text {
margin: 60px 0 0 0;
max-width: 790px;
font-size: 30px
}
}
@media (min-width:1600px) {
.cb-modal_box-message-text {
margin: 80px 0 0 0
}
}
.cb-modal_box-message-text img {
position: relative;
top: -2px;
height: 1em;
vertical-align: middle
}
.cb-modal_box-message-message {
margin: 15px 0 0 0;
color: #b7b7b7;
font-weight: 300;
font-size: 20px;
line-height: 155%;
letter-spacing: .00464286em
}
@media (min-width:1200px) {
.cb-modal_box-message-message {
margin: 20px 0 0 0;
max-width: 790px;
font-size: 30px
}
}
@media (min-width:1600px) {
.cb-modal_box-message-message {
margin: 30px 0 0 0
}
}
.cb-modal_box-message-message:empty {
display: none
}
.cb-modal_box.-visible .cb-modal_box-backdrop {
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-ms-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center
}
.cb-modal_box.-visible .cb-modal_box-dialog {
opacity: 1;
-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
-o-transition-delay: .3s;
transition-delay: .3s
}
.cb-embedded {
position: relative;
height: 100%;
width: 100%;
cursor: pointer
}
.cb-embedded iframe,
.cb-embedded img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0
}
.cb-embedded img {
-o-object-fit: cover;
object-fit: cover
}
.cb-embedded.-youtube {
padding-bottom: 56.25%
}
.cb-embedded-play {
position: absolute;
top: 50%;
left: 50%;
width: 68px;
height: 48px;
margin: -24px 0 0 -34px;
z-index: 1;
background: rgba(0, 0, 0, .8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
line-height: 44px;
text-align: center;
-webkit-transition: background .2s;
-o-transition: background .2s;
-moz-transition: background .2s;
transition: background .2s
}
.cb-embedded-play:before {
content: "";
display: inline-block;
vertical-align: middle;
margin: 0 0 0 3px;
border-style: solid;
border-width: 10px 0 10px 16px;
border-color: transparent transparent transparent #fff
}
.cb-embedded:hover .cb-embedded-play {
background: #fc0019
}
.cb-hero {
position: relative
}
.cb-hero-content {
padding: 100px 0 0 0
}
@media (min-width:768px) {
.cb-hero-content {
padding: 127px 0 0 0
}
}
@media (min-width:1024px) {
.cb-hero-content {
padding: 150px 0 0 0
}
}
@media (min-width:1200px) {
.cb-hero-content {
padding: 0;
height: 100%;
overflow: hidden
}
}
.cb-hero-container {
width: 100%
}
@media (min-width:1200px) {
.cb-hero-body {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100vh;
overflow: hidden
}
}
.cb-hero-footer {
margin: 45px 0 0 0
}
@media (min-width:1200px) {
.cb-hero-footer {
margin: -90px 0 0 0
}
}
@media (min-width:1024px) {
.cb-hero-grid {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center
}
}
@media (min-width:1200px) {
.cb-hero-grid {
display: block
}
}
@media (min-width:1024px) {
.cb-hero-grid-col {
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1
}
}
.cb-hero-video {
width: 240px;
height: 240px;
overflow: hidden;
margin: 0 auto;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-clip-path: inset(0 0 0 0 round 50%);
clip-path: inset(0 0 0 0 round 50%)
}
@media (min-width:768px) {
.cb-hero-video {
width: 347px;
height: 347px
}
}
@media (min-width:1024px) {
.cb-hero-video {
width: 320px;
height: 320px;
margin: 0
}
}
@media (min-width:1200px) {
.cb-hero-video {
display: none
}
}
.cb-hero-video video {
height: 100%;
width: 100%
}
.cb-hero-header {
position: relative;
margin: 45px 0 0 0;
z-index: 3;
pointer-events: none;
overflow: hidden
}
@media (min-width:768px) and (min-height:550px) {
.cb-hero-header {
margin: 95px 0 0 0
}
}
@media (min-width:1024px) {
.cb-hero-header {
margin: 0
}
}
.cb-hero-header h1,
.cb-hero-header h2 {
font-size: 17px;
font-weight: 400;
letter-spacing: -.03em
}
@media (min-width:768px) and (min-height:550px) {
.cb-hero-header h1,
.cb-hero-header h2 {
font-size: 18px
}
}
@media (min-width:1200px) {
.cb-hero-header h1,
.cb-hero-header h2 {
font-size: 20px
}
}
@media (min-width:1600px) {
.cb-hero-header h1,
.cb-hero-header h2 {
font-size: 1.25vw
}
}
@media (min-width:1900px) {
.cb-hero-header h1,
.cb-hero-header h2 {
font-size: 24px
}
}
.cb-hero-nav {
padding: 10px 0 0 0;
margin: -6px -11px
}
@media (min-width:360px) {
.cb-hero-nav {
margin: -8px -18px
}
}
@media (min-width:768px) and (min-height:550px) {
.cb-hero-nav {
margin: -12px -22px
}
}
@media (min-width:1200px) {
.cb-hero-nav {
white-space: nowrap
}
}
.cb-hero-nav-item {
display: block
}
@media (min-width:1200px) {
.cb-hero-nav-item {
display: inline-block
}
}
@media (min-width:1200px) {
.cb-hero-nav-item-spacer {
position: relative
}
.cb-hero-nav-item-spacer:before {
content: "";
display: block;
position: absolute;
top: -30vh;
bottom: -30vh;
left: 0;
right: 0
}
}
.cb-hero-nav-item a {
display: inline-block;
position: relative;
z-index: 9;
padding: 6px 11px;
overflow: hidden;
font-size: 38px;
font-weight: 600;
line-height: 47px;
letter-spacing: -.05em;
text-decoration: none
}
@media (min-width:360px) {
.cb-hero-nav-item a {
padding: 8px 18px;
font-size: 42px;
line-height: 52px
}
}
@media (min-width:768px) and (min-height:550px) {
.cb-hero-nav-item a {
padding: 12px 22px;
font-size: 60px;
line-height: 65px
}
}
@media (min-width:1200px) {
.cb-hero-nav-item a {
color: #fff;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
font-size: 6.66667vw;
line-height: 1.1;
transition: color .3s, -webkit-text-stroke .3s
}
.cb-hero-nav-item a:lang(ru) {
font-size: 5.83333vw
}
@supports (-webkit-text-stroke:1px #000) {
.cb-hero-nav-item a {
color: transparent;
text-shadow: none;
-webkit-text-stroke: 1px #000
}
}
}
@media (min-width:1900px) {
.cb-hero-nav-item a {
font-size: 128px
}
}
.cb-hero-nav-item a>span {
position: relative;
display: inline-block
}
.cb-hero-nav-item a>span:after {
content: "";
display: block;
position: absolute;
left: 2px;
right: 2px;
bottom: 0;
height: 1px;
background: currentColor
}
@media (min-width:1200px) {
.cb-hero-nav-item a>span:after {
display: none
}
}
@media (min-width:1200px) {
.cb-hero-nav-item a>span.-sm {
display: none
}
}
.cb-hero-nav-item a>span.-lg {
display: none
}
@media (min-width:1200px) {
.cb-hero-nav-item a>span.-lg {
display: inline-block
}
}
@media (min-width:1200px) {
.cb-checkbox_rounded .cb-hero-nav-item label>input:focus~a.cb-checkbox_rounded-box,
.cb-hero-nav-item .cb-checkbox_rounded label>input:focus~a.cb-checkbox_rounded-box,
.cb-hero-nav-item a:focus,
.cb-hero-nav-item a:hover {
color: #000;
-webkit-text-stroke: 1px transparent
}
}
.cb-hero-text {
position: relative;
z-index: 2;
max-width: 645px;
font-size: 20px;
line-height: 155%;
letter-spacing: .00464286em
}
@media (min-width:1200px) {
.cb-hero-text {
max-width: 825px;
font-size: 30px;
line-height: 135%
}
}
@media (min-width:1600px) {
.cb-hero-text {
max-width: 51.5625vw;
font-size: 1.875vw
}
}
@media (min-width:1900px) {
.cb-hero-text {
font-size: 36px
}
}
.cb-featured-content {
position: relative;
padding: 130px 0 60px 0
}
@media (min-width:360px) {
.cb-featured-content {
padding: 170px 0 90px 0
}
}
@media (min-width:768px) {
.cb-featured-content {
padding: 180px 0 175px 0
}
}
@media (min-width:1024px) {
.cb-featured-content {
padding: 180px 0 100px 0
}
}
@media (min-width:1200px) {
.cb-featured-content {
padding: 270px 0 150px 0
}
}
@media (min-width:1600px) {
.cb-featured-content {
padding: 275px 0 200px 0
}
}
@media (min-width:1200px) {
.cb-featured-container {
height: 100%
}
}
.cb-featured-header {
text-align: center
}
@media (min-width:768px) {
.cb-featured-header {
text-align: left
}
}
@media (min-width:1200px) {
.cb-featured-header {
padding: 0
}
}
.cb-featured-header h2 {
margin: 0;
padding: 0;
font-size: 38px;
font-weight: 400;
line-height: 100%;
text-transform: lowercase
}
@media (min-width:360px) {
.cb-featured-header h2 {
font-size: 42px
}
}
@media (min-width:768px) {
.cb-featured-header h2 {
font-size: 60px
}
}
@media (min-width:1600px) {
.cb-featured-header h2 {
font-size: 3.75vw
}
}
@media (min-width:1900px) {
.cb-featured-header h2 {
font-size: 72px
}
}
.cb-featured-header h2 span {
display: block;
color: #fff;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000
}
@supports (-webkit-text-stroke:1px #01d7fd) {
.cb-featured-header h2 span {
color: transparent;
text-shadow: none;
-webkit-text-stroke: .8px #000
}
}
.cb-featured-items {
padding: 130px 0 0 0;
margin: -40px -20px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
@media (min-width:360px) {
.cb-featured-items {
padding: 180px 0 0 0;
margin: -40px -30px
}
}
@media (min-width:768px) {
.cb-featured-items {
padding: 150px 0 0 0;
margin: -40px -80px
}
}
@media (min-width:1024px) {
.cb-featured-items {
margin: -40px -100px
}
}
@media (min-width:1200px) {
.cb-featured-items {
margin: 0
}
}
.cb-featured-item {
padding: 40px 0;
cursor: pointer
}
@media (min-width:768px) {
.cb-featured-item {
display: inline-block;
vertical-align: top;
width: 49%;
padding: 40px 20px
}
}
@media (min-width:1200px) {
.cb-featured-item {
display: block;
width: auto;
padding: 0
}
}
@media (min-width:1200px) {
.cb-featured-item-grid {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-moz-box-orient: horizontal;
-moz-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center
}
}
.cb-featured-item-grid-col.-left {
margin: 38px auto 0 auto;
max-width: 270px;
text-align: center
}
@media (min-width:1200px) {
.cb-featured-item-grid-col.-left {
margin: 0;
max-width: none;
text-align: left
}
}
@media (min-width:1200px) {
.cb-featured-item-grid-col.-right {
max-width: 50%
}
}
.cb-featured-item-img {
position: relative;
display: block;
padding-bottom: 100%;
margin: 0 auto;
text-decoration: none;
text-align: center
}
@media (min-width:450px) {
.cb-featured-item-img {
width: 450px;
height: 450px;
padding-bottom: 0
}
}
@media (min-width:768px) {
.cb-featured-item-img {
width: auto;
height: auto;
padding-bottom: 100%
}
}
@media (min-width:1050px) {
.cb-featured-item-img {
width: 450px;
height: 450px;
padding-bottom: 0
}
}
@media (min-width:1200px) {
.cb-featured-item-img {
height: 90vh;
width: 54.925vh;
max-width: 43vw;
max-height: 71.81vw;
text-align: left
}
}
@media (min-width:1900px) {
.cb-featured-item-img {
max-width: 580px;
max-height: 951px;
width: 580px;
text-align: right
}
}
.cb-featured-item-img img {
position: absolute;
top: 0;
left: 0;
max-width: 100%;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px
}
@media (min-width:1200px) {
.cb-featured-item-img img {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
}
@media (min-width:1200px) {
.desktop .cb-featured-item-img img {
display: none
}
}
.cb-featured-item-header {
display: inline
}
@media (min-width:1200px) {
.cb-featured-item-header {
display: block
}
}
.cb-featured-item-header h3 {
display: inline;
font-size: 20px;
font-weight: 600;
line-height: 150%
}
@media (min-width:1200px) {
.cb-featured-item-header h3 {
display: block;
font-size: 1.5vw;
font-weight: 400;
line-height: 1
}
}
@media (min-width:1900px) {
.cb-featured-item-header h3 {
font-size: 29px
}
}
.cb-featured-item-text {
display: inline;
font-size: 20px;
line-height: 150%
}
@media (min-width:1200px) {
.cb-featured-item-text {
display: block;
margin: 30px 0 0 0;
font-size: 2.58333vw;
line-height: 133%;
letter-spacing: -.03em
}
}
@media (min-width:1900px) {
.cb-featured-item-text {
font-size: 50px
}
}
.cb-featured-item-text:before {
content: " – "
}
@media (min-width:1200px) {
.cb-featured-item-text:before {
display: none
}
}
.cb-featured-item-text p {
display: inline
}
.cb-featured-item-text p:after {
content: " "
}
@media (min-width:1200px) {
.cb-featured-item-text p:after {
content: none
}
}
@media (min-width:1200px) {
.cb-featured-item-text p {
display: block
}
}
.cb-featured-item-tags {
display: none
}
@media (min-width:1200px) {
.cb-featured-item-tags {
display: block;
margin: 30px 0 0 0;
color: #6f6f6f;
font-size: 1.16667vw;
letter-spacing: .04375em;
line-height: 156%
}
}
@media (min-width:1900px) {
.cb-featured-item-tags {
font-size: 22px
}
}
.cb-featured-more {
padding: 60px 0 0 0;
text-align: center
}
@media (min-width:768px) {
.cb-featured-more {
padding: 80px 0 0 0
}
}
.cb-newsfeed {
position: relative
}
.cb-newsfeed-content {
padding: 60px 0 120px 0
}
@media (min-width:360px) {
.cb-newsfeed-content {
padding: 90px 0 190px 0
}
}
@media (min-width:768px) {
.cb-newsfeed-content {
padding: 120px 0 260px 0
}
}
@media (min-width:1024px) {
.cb-newsfeed-content {
padding: 100px 0 210px 0
}
}
@media (min-width:1200px) {
.cb-newsfeed-content {
padding: 130px 0 177px 0
}
}
@media (min-width:1600px) {
.cb-newsfeed-content {
padding: 200px 0 310px 0
}
}
.cb-newsfeed-content.-ct {
padding-top: 0
}
@media (min-width:768px) {
.cb-newsfeed-grid {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex
}
}
@media (min-width:768px) {
.cb-newsfeed-grid-col {
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1
}
}
@media (min-width:768px) {
.cb-newsfeed-grid-col.-right {
padding: 10px 0 0 20px
}
}
@media (min-width:1024px) {
.cb-newsfeed-grid-col.-right {
padding: 10px 0 0 40px
}
}
@media (min-width:1600px) {
.cb-newsfeed-grid-col.-right {
padding: 10px 0 0 105px
}
}
@media (min-width:768px) {
.cb-newsfeed-header {
max-width: 260px
}
}
.cb-newsfeed-header h2 {
color: #1a1a1a;
font-size: 38px;
font-weight: 400;
line-height: 100%;
letter-spacing: -.05em
}
@media (min-width:360px) {
.cb-newsfeed-header h2 {
font-size: 42px
}
}
@media (min-width:768px) {
.cb-newsfeed-header h2 {
font-size: 60px
}
}
@media (min-width:1200px) {
.cb-newsfeed-header h2 {
font-size: 80px
}
}
.cb-newsfeed-list {
margin: -60px 0;
padding: 85px 0 0 0
}
@media (min-width:768px) {
.cb-newsfeed-list {
padding: 0
}
}
@media (min-width:1200px) {
.cb-newsfeed-list {
margin: -80px 0
}
}
.cb-newsfeed-list-item {
display: block;
margin: 60px 0;
max-width: 255px;
text-decoration: none
}
@media (min-width:768px) {
.cb-newsfeed-list-item {
max-width: 285px
}
}
@media (min-width:1200px) {
.cb-newsfeed-list-item {
margin: 80px 0;
max-width: 442px
}
}
.cb-newsfeed-list-item-title {
position: relative;
display: inline;
width: -webkit-calc(100%);
width: -moz-calc(100%);
width: calc(100%);
padding: 0 0 2px 0;
background-image: -webkit-linear-gradient(transparent -webkit-calc(100% - 1px), #000 1px);
background-image: -moz-linear-gradient(transparent -moz-calc(100% - 1px), #000 1px);
background-image: -o-linear-gradient(transparent calc(100% - 1px), #000 1px);
background-image: linear-gradient(transparent calc(100% - 1px), #000 1px);
background-repeat: no-repeat;
-webkit-background-size: 0 100%;
-moz-background-size: 0 100%;
background-size: 0 100%;
font-size: 20px;
font-weight: 400;
line-height: 135%;
letter-spacing: .00464286em;
-webkit-transition: opacity .3s, -webkit-background-size 1.5s cubic-bezier(.19, 1, .22, 1);
transition: opacity .3s, -webkit-background-size 1.5s cubic-bezier(.19, 1, .22, 1);
-o-transition: background-size 1.5s cubic-bezier(.19, 1, .22, 1), opacity .3s;
-moz-transition: background-size 1.5s cubic-bezier(.19, 1, .22, 1), opacity .3s, -moz-background-size 1.5s cubic-bezier(.19, 1, .22, 1);
transition: background-size 1.5s cubic-bezier(.19, 1, .22, 1), opacity .3s;
transition: background-size 1.5s cubic-bezier(.19, 1, .22, 1), opacity .3s, -webkit-background-size 1.5s cubic-bezier(.19, 1, .22, 1), -moz-background-size 1.5s cubic-bezier(.19, 1, .22, 1)
}
@media (min-width:1200px) {
.cb-newsfeed-list-item-title {
font-size: 30px
}
}
.cb-newsfeed-list-item-time {
display: block;
margin: 12px 0 0 0;
color: #6f6f6f;
font-size: 16px;
line-height: 156%;
letter-spacing: .04375em
}
@media (min-width:1200px) {
.cb-newsfeed-list-item-time {
margin: 20px 0 0 0
}
}
.cb-checkbox_rounded label>input:focus~.cb-newsfeed-list-item.cb-checkbox_rounded-box .cb-newsfeed-list-item-title,
.cb-newsfeed-list-item:focus .cb-newsfeed-list-item-title,
.cb-newsfeed-list-item:hover .cb-newsfeed-list-item-title {
opacity: .9;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
background-size: 100% 100%
}
.cb-outro {
position: relative;
overflow: hidden;
color: #fff;
background: #000
}
@media (min-width:1024px) {
.cb-outro {
height: 100%;
min-height: 700px;
max-height: 1100px
}
}
.cb-outro-content {
position: relative;
z-index: 1;
padding: 95px 0 55px 0
}
@media (min-width:1024px) {
.cb-outro-content {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 100%;
padding: 60px 0
}
}
.cb-outro-body {
text-align: center
}
@media (min-width:1024px) {
.cb-outro-body {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%
}
}
@media (min-width:1024px) {
.cb-outro-body {
text-align: left
}
}
.cb-outro-footer {
text-align: center
}
@media (min-width:1024px) {
.cb-outro-footer {
text-align: left
}
}
@media (min-width:1024px) {
.cb-outro-grid {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center
}
}
@media (min-width:1024px) {
.cb-outro-grid-col {
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1
}
}
@media (min-width:1024px) {
.cb-outro-grid-col.-right {
padding: 0 0 0 40px;
text-align: right
}
}
.cb-outro-header {
font-size: 38px;
font-weight: 400;
line-height: 110%;
letter-spacing: -.03em
}
@media (min-width:360px) {
.cb-outro-header {
font-size: 42px
}
}
@media (min-width:768px) {
.cb-outro-header {
font-size: 60px
}
}
@media (min-width:1200px) {
.cb-outro-header {
font-size: 5.41667vw
}
}
@media (min-width:1900px) {
.cb-outro-header {
font-size: 104px
}
}
.cb-outro-header h2 {
font-size: inherit;
font-weight: inherit;
letter-spacing: inherit;
line-height: inherit
}
.cb-outro-header a {
position: relative;
display: inline-block;
padding: 0 0 8px 0;
font-weight: 300;
text-decoration: none
}
@media (min-width:1024px) {
.cb-outro-header a {
padding: 0 0 15px 0
}
}
.cb-outro-header a:before {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background: currentColor;
-webkit-transition: -webkit-transform .45s cubic-bezier(.4, .22, .21, 1.04);
transition: -webkit-transform .45s cubic-bezier(.4, .22, .21, 1.04);
-o-transition: -o-transform .45s cubic-bezier(.4, .22, .21, 1.04);
-moz-transition: transform .45s cubic-bezier(.4, .22, .21, 1.04), -moz-transform .45s cubic-bezier(.4, .22, .21, 1.04);
transition: transform .45s cubic-bezier(.4, .22, .21, 1.04);
transition: transform .45s cubic-bezier(.4, .22, .21, 1.04), -webkit-transform .45s cubic-bezier(.4, .22, .21, 1.04), -moz-transform .45s cubic-bezier(.4, .22, .21, 1.04), -o-transform .45s cubic-bezier(.4, .22, .21, 1.04)
}
.cb-checkbox_rounded .cb-outro-header label>input:focus~a.cb-checkbox_rounded-box:before,
.cb-outro-header .cb-checkbox_rounded label>input:focus~a.cb-checkbox_rounded-box:before,
.cb-outro-header a:focus:before,
.cb-outro-header a:hover:before {
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0)
}
.cb-outro-mail {
margin: 80px 0 0 0
}
@media (min-width:1024px) {
.cb-outro-mail {
margin: 0
}
}
.cb-outro-mail a {
position: relative;
display: inline-block;
padding: 0 0 5px 0;
font-size: 24px;
line-height: 30px;
letter-spacing: .00464286em;
text-decoration: none
}
.cb-outro-mail a:after,
.cb-outro-mail a:before {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background: rgba(255, 255, 255, .3)
}
.cb-outro-mail a:after {
background: rgba(255, 255, 255, .7);
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
transition: -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
-o-transition: -o-transform .8s cubic-bezier(.19, 1, .22, 1);
-moz-transition: transform .8s cubic-bezier(.19, 1, .22, 1), -moz-transform .8s cubic-bezier(.19, 1, .22, 1);
transition: transform .8s cubic-bezier(.19, 1, .22, 1);
transition: transform .8s cubic-bezier(.19, 1, .22, 1), -webkit-transform .8s cubic-bezier(.19, 1, .22, 1), -moz-transform .8s cubic-bezier(.19, 1, .22, 1), -o-transform .8s cubic-bezier(.19, 1, .22, 1)
}
.cb-checkbox_rounded .cb-outro-mail label>input:focus~a.cb-checkbox_rounded-box:after,
.cb-outro-mail .cb-checkbox_rounded label>input:focus~a.cb-checkbox_rounded-box:after,
.cb-outro-mail a:focus:after,
.cb-outro-mail a:hover:after {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1)
}
.cb-outro-address {
margin: 28px auto 0 auto;
color: rgba(255, 255, 255, .6);
font-size: 14px;
font-weight: 400;
line-height: 157%
}
@media (min-width:1024px) {
.cb-outro-address {
margin: 28px -30px 0 -30px
}
}
@media (min-width:1200px) {
.cb-outro-address {
margin: 28px -35px 0 -35px
}
}
.cb-outro-address address {
display: block;
font-style: normal;
margin: 15px 0
}
@media (min-width:1024px) {
.cb-outro-address address {
display: inline-block;
margin: 0 30px
}
}
@media (min-width:1200px) {
.cb-outro-address address {
margin: 0 35px
}
}
.cb-outro-address a {
position: relative;
display: inline-block;
color: #fff;
font-size: 14px;
line-height: 22px;
text-decoration: none
}
.cb-outro-address a:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -3px;
height: 1px;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center;
background: currentColor;
-webkit-transition: -webkit-transform .4s, -webkit-transform-origin 0s;
transition: -webkit-transform .4s, -webkit-transform-origin 0s;
-o-transition: -o-transform .4s, -o-transform-origin 0s;
-moz-transition: transform .4s, transform-origin 0s, -moz-transform .4s, -moz-transform-origin 0s;
transition: transform .4s, transform-origin 0s;
transition: transform .4s, transform-origin 0s, -webkit-transform .4s, -moz-transform .4s, -o-transform .4s, -webkit-transform-origin 0s, -moz-transform-origin 0s, -ms-transform-origin 0s, -o-transform-origin 0s
}
.cb-outro-address a:hover:before {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center
}
.cb-outro-link {
margin: 30px 0 0 0
}
@media (min-width:1024px) {
.cb-outro-link {
margin: 18px 0 0 0
}
}
.cb-outro-link:lang(ru) {
color: rgba(255, 255, 255, .6)
}
.cb-outro-link-item {
position: relative;
font-size: 14px;
line-height: 22px;
text-decoration: none
}
.cb-outro-link-item:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -3px;
height: 1px;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center;
background: currentColor;
-webkit-transition: -webkit-transform .4s, -webkit-transform-origin 0s;
transition: -webkit-transform .4s, -webkit-transform-origin 0s;
-o-transition: -o-transform .4s, -o-transform-origin 0s;
-moz-transition: transform .4s, transform-origin 0s, -moz-transform .4s, -moz-transform-origin 0s;
transition: transform .4s, transform-origin 0s;
transition: transform .4s, transform-origin 0s, -webkit-transform .4s, -moz-transform .4s, -o-transform .4s, -webkit-transform-origin 0s, -moz-transform-origin 0s, -ms-transform-origin 0s, -o-transform-origin 0s
}
.cb-outro-link-item:hover:before {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center
}
.cb-outro-social {
position: relative;
padding: 40px 0 0 0
}
@media (min-width:1024px) {
.cb-outro-social {
padding: 33px 0 0 0
}
}
@media (min-width:1200px) {
.cb-outro-social {
margin: -15px
}
}
@media (min-width:1600px) {
.cb-outro-social {
padding: 33px 0 0 0
}
}
.cb-outro-social-item {
position: relative;
display: inline-block;
width: 76px;
height: 63px;
overflow: hidden;
opacity: .3;
cursor: pointer;
font-size: 20px;
font-weight: 300;
line-height: 64px;
letter-spacing: .00464286em;
text-align: center;
text-decoration: none;
-webkit-transition: opacity .2s;
-o-transition: opacity .2s;
-moz-transition: opacity .2s;
transition: opacity .2s
}
@media (min-width:768px) {
.cb-outro-social-item {
width: 98px;
height: 68px;
line-height: 67px
}
}
@media (min-width:1200px) {
.cb-outro-social-item {
width: -webkit-calc(33.33% - 30px);
width: -moz-calc(33.33% - 30px);
width: calc(33.33% - 30px);
height: auto;
padding: 18px 0;
line-height: normal;
margin: 12px;
opacity: 1;
text-align: left
}
}
.cb-outro-social-item-title {
position: relative;
display: inline-block;
overflow: hidden
}
.cb-outro-social-item-title span {
display: none
}
@media (min-width:1200px) {
.cb-outro-social-item-title span {
display: inline-block;
position: relative;
z-index: 1;
color: transparent;
-webkit-transition: -webkit-transform 1.2s cubic-bezier(.19, 1, .22, 1);
transition: -webkit-transform 1.2s cubic-bezier(.19, 1, .22, 1);
-o-transition: -o-transform 1.2s cubic-bezier(.19, 1, .22, 1);
-moz-transition: transform 1.2s cubic-bezier(.19, 1, .22, 1), -moz-transform 1.2s cubic-bezier(.19, 1, .22, 1);
transition: transform 1.2s cubic-bezier(.19, 1, .22, 1);
transition: transform 1.2s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1.2s cubic-bezier(.19, 1, .22, 1), -moz-transform 1.2s cubic-bezier(.19, 1, .22, 1), -o-transform 1.2s cubic-bezier(.19, 1, .22, 1)
}
.cb-outro-social-item-title span:after,
.cb-outro-social-item-title span:before {
content: attr(data-text);
display: block;
position: absolute;
color: #fff
}
.cb-outro-social-item-title span:before {
top: 0;
-webkit-transform: skewY(0);
-moz-transform: skewY(0);
-ms-transform: skewY(0);
-o-transform: skewY(0);
transform: skewY(0);
-webkit-transform-origin: right bottom;
-moz-transform-origin: right bottom;
-ms-transform-origin: right bottom;
-o-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transition: -webkit-transform 2s cubic-bezier(.19, 1, .22, 1);
transition: -webkit-transform 2s cubic-bezier(.19, 1, .22, 1);
-o-transition: -o-transform 2s cubic-bezier(.19, 1, .22, 1);
-moz-transition: transform 2s cubic-bezier(.19, 1, .22, 1), -moz-transform 2s cubic-bezier(.19, 1, .22, 1);
transition: transform 2s cubic-bezier(.19, 1, .22, 1);
transition: transform 2s cubic-bezier(.19, 1, .22, 1), -webkit-transform 2s cubic-bezier(.19, 1, .22, 1), -moz-transform 2s cubic-bezier(.19, 1, .22, 1), -o-transform 2s cubic-bezier(.19, 1, .22, 1)
}
.cb-outro-social-item-title span:after {
top: 105%;
-webkit-transform: skewY(7deg);
-moz-transform: skewY(7deg);
-ms-transform: skewY(7deg);
-o-transform: skewY(7deg);
transform: skewY(7deg);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
-webkit-transition: -webkit-transform 2s cubic-bezier(.19, 1, .22, 1);
transition: -webkit-transform 2s cubic-bezier(.19, 1, .22, 1);
-o-transition: -o-transform 2s cubic-bezier(.19, 1, .22, 1);
-moz-transition: transform 2s cubic-bezier(.19, 1, .22, 1), -moz-transform 2s cubic-bezier(.19, 1, .22, 1);
transition: transform 2s cubic-bezier(.19, 1, .22, 1);
transition: transform 2s cubic-bezier(.19, 1, .22, 1), -webkit-transform 2s cubic-bezier(.19, 1, .22, 1), -moz-transform 2s cubic-bezier(.19, 1, .22, 1), -o-transform 2s cubic-bezier(.19, 1, .22, 1)
}
}
@media (min-width:1200px) {
.cb-outro-social-item svg {
display: none
}
}
.cb-outro-social-item:hover {
opacity: 1
}
.cb-outro-social-item:hover .cb-outro-social-item-title span {
-webkit-transform: translateY(-105%);
-moz-transform: translateY(-105%);
-ms-transform: translateY(-105%);
-o-transform: translateY(-105%);
transform: translateY(-105%)
}
@media (pointer:coarse) {
.cb-outro-social-item:hover .cb-outro-social-item-title span {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none
}
}
.cb-outro-social-item:hover .cb-outro-social-item-title span:before {
-webkit-transform: skewY(7deg);
-moz-transform: skewY(7deg);
-ms-transform: skewY(7deg);
-o-transform: skewY(7deg);
transform: skewY(7deg)
}
@media (pointer:coarse) {
.cb-outro-social-item:hover .cb-outro-social-item-title span:before {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none
}
}
.cb-outro-social-item:hover .cb-outro-social-item-title span:after {
-webkit-transform: skewY(0);
-moz-transform: skewY(0);
-ms-transform: skewY(0);
-o-transform: skewY(0);
transform: skewY(0)
}
@media (pointer:coarse) {
.cb-outro-social-item:hover .cb-outro-social-item-title span:after {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none
}
}
.cb-request-content {
padding: 140px 0 175px 0
}
@media (min-width:768px) {
.cb-request-content {
padding: 175px 0 200px 0
}
}
@media (min-width:1200px) {
.cb-request-content {
padding: 200px 0 200px 0
}
}
.cb-request-header h1 {
-webkit-perspective: 600px;
-moz-perspective: 600px;
perspective: 600px;
color: rgba(0, 0, 0, .9);
font-size: 42px;
font-weight: 400;
letter-spacing: -.03em;
line-height: 100%
}
@media (min-width:768px) {
.cb-request-header h1 {
font-size: 60px;
letter-spacing: -.05em
}
}
@media (min-width:1200px) {
.cb-request-header h1 {
font-size: 80px
}
}
@media (min-width:1600px) {
.cb-request-header h1 {
font-size: 110px
}
}
.cb-request-header h1>div {
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-ms-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d
}
.cb-request-header img {
position: relative;
top: -2px;
width: 38px;
display: inline-block;
vertical-align: middle
}
@media (min-width:768px) {
.cb-request-header img {
top: -4px;
width: 64px
}
}
@media (min-width:1600px) {
.cb-request-header img {
top: -8px;
width: 88px
}
}
.cb-request-text {
margin: 40px 0 0 0;
max-width: 266px;
font-size: 20px;
line-height: 155%
}
@media (min-width:768px) {
.cb-request-text {
margin: 50px 0 0 0;
max-width: none
}
}
@media (min-width:1200px) {
.cb-request-text {
margin: 65px 0 0 0
}
}
.cb-request-text a {
position: relative;
display: inline-block;
text-decoration: none
}
.cb-request-text a:before {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
bottom: -1px;
height: 2px;
background: currentColor
}
.cb-request-form {
margin: 70px 0 0 0
}
@media (min-width:768px) {
.cb-request-form {
margin: 100px 0 0 0
}
}
@media (min-width:1024px) {
.cb-request-form {
max-width: 950px
}
}
@media (min-width:1600px) {
.cb-request-form {
margin: 170px 0 0 0
}
}
@media (min-width:768px) {
.cb-brief-grid {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex
}
}
.cb-brief-grid-col.-left {
padding: 0 0 30px 0
}
@media (min-width:768px) {
.cb-brief-grid-col.-left {
min-width: 190px;
max-width: 190px;
padding: 0 20px 0 0
}
}
@media (min-width:1024px) {
.cb-brief-grid-col.-left {
min-width: 300px;
max-width: 300px;
padding: 0 80px 0 0
}
}
@media (min-width:1600px) {
.cb-brief-grid-col.-left {
min-width: 400px;
max-width: 300px
}
}
.cb-brief-header {
padding: 7px 0 0 0
}
.cb-brief-header h2 {
color: rgba(0, 0, 0, .9);
font-size: 20px;
font-weight: 600
}
.cb-brief-text {
font-size: 20px;
line-height: 155%;
letter-spacing: .00464286em
}
@media (min-width:768px) {
.cb-brief-text {
font-size: 22px;
line-height: 150%;
letter-spacing: normal
}
}
@media (min-width:1200px) {
.cb-brief-text {
max-width: 92%;
font-size: 28px;
line-height: 150%
}
}
.cb-brief-text img {
position: relative;
top: -2px;
height: 1em;
vertical-align: middle
}
.cb-brief-text p {
margin-bottom: 1em
}
.cb-brief-text p:last-child {
margin-bottom: 0
}
.cb-brief-link {
margin: -10px -15px;
padding: 32px 0 0 0
}
@media (min-width:768px) {
.cb-brief-link {
margin: -10px -20px;
padding: 60px 0 0 0
}
}
@media (min-width:1200px) {
.cb-brief-link {
margin: -12px -32px
}
}
.cb-brief-link-item {
position: relative;
display: inline-block;
margin: 10px 15px;
padding: 5px 0;
font-size: 17px;
font-weight: 600;
letter-spacing: -.01em;
vertical-align: middle;
text-decoration: none
}
@media (min-width:768px) {
.cb-brief-link-item {
margin: 10px 20px;
padding: 7px 0;
font-size: 20px
}
}
@media (min-width:1200px) {
.cb-brief-link-item {
margin: 12px 32px
}
}
.cb-brief-link-item:before {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background: currentColor;
-webkit-transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
transition: -webkit-transform 1s cubic-bezier(.19, 1, .22, 1);
-o-transition: -o-transform 1s cubic-bezier(.19, 1, .22, 1);
-moz-transition: transform 1s cubic-bezier(.19, 1, .22, 1), -moz-transform 1s cubic-bezier(.19, 1, .22, 1);
transition: transform 1s cubic-bezier(.19, 1, .22, 1);
transition: transform 1s cubic-bezier(.19, 1, .22, 1), -webkit-transform 1s cubic-bezier(.19, 1, .22, 1), -moz-transform 1s cubic-bezier(.19, 1, .22, 1), -o-transform 1s cubic-bezier(.19, 1, .22, 1)
}
.cb-brief-link-item:after {
content: "";
display: block;
position: absolute;
top: -25px;
left: -5px;
right: -5px;
bottom: -25px
}
.cb-brief-link-item:focus:before,
.cb-brief-link-item:hover:before,
.cb-checkbox_rounded label>input:focus~.cb-brief-link-item.cb-checkbox_rounded-box:before {
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0)
}
.cb-billboard-header {
margin: 0 0 80px 0;
max-width: 250px
}
@media (min-width:768px) {
.cb-billboard-header {
margin: 0 0 140px 0;
max-width: 580px
}
}
@media (min-width:1200px) {
.cb-billboard-header {
margin: 0 0 150px 0;
max-width: 770px
}
}
@media (min-width:1600px) {
.cb-billboard-header {
margin: 0 0 210px 0;
max-width: 892px
}
}
.cb-billboard-header h2 {
color: rgba(0, 0, 0, .9);
font-size: 38px;
font-weight: 400;
line-height: 100%
}
@media (min-width:360px) {
.cb-billboard-header h2 {
font-size: 42px;
letter-spacing: -.03em
}
}
@media (min-width:768px) {
.cb-billboard-header h2 {
font-size: 60px;
letter-spacing: -.05em
}
}
@media (min-width:1200px) {
.cb-billboard-header h2 {
font-size: 80px
}
}
@media (max-width:767px) {
.cb-billboard-header h2 br {
display: none
}
}
.cb-billboard-items {
margin: -25px -13px;
display: grid;
grid-template-columns: repeat(2, 1fr);
}
@media (min-width:768px) {
.cb-billboard-items {
margin: -43px -130px;
}
}
@media (min-width:1600px) {
.cb-billboard-items {
margin: -80px -110px
}
}
.cb-billboard-items:after {
content: "";
display: block;
clear: both
}
.cb-billboard-item {
display: inline-block;
padding: 25px 13px;
width: 100%;
text-align: center
}
@media (min-width:1024px) {
.cb-billboard-item {
padding: 43px 20px
}
.cb-billboard-items {
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width:1600px) {
.cb-billboard-item {
padding: 80px 40px
}
}
@media (max-width:1023px) {
.cb-billboard-item:nth-child(8) {
display: none
}
}
.cb-billboard-img {
position: relative;
margin: 0 auto;
width: 120px;
height: 51px
}
@media (min-width:768px) {
.cb-billboard-img {
width: 207px;
height: 88px
}
}
@media (min-width:1600px) {
.cb-billboard-img {
width: 225px;
height: 96px
}
}
.cb-billboard-img img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%
}
.cb-description-title {
margin: 0 0 30px 0;
font-size: 17px;
font-weight: 400;
line-height: 100%
}
@media (min-width:768px) {
.cb-description-title {
margin: 0 0 35px 0;
font-size: 20px
}
}
.cb-description-header h2 {
font-size: 38px;
font-weight: 400;
line-height: 100%;
word-break: break-word
}
@media (max-width:767px) {
.cb-description-header h2:lang(ru) {
font-size: 34px
}
}
@media (min-width:360px) {
.cb-description-header h2 {
font-size: 42px;
letter-spacing: -.03em
}
}
@media (min-width:768px) {
.cb-description-header h2 {
font-size: 60px;
letter-spacing: -.05em;
word-break: normal;
-webkit-hyphens: manual;
-moz-hyphens: manual;
-ms-hyphens: manual;
hyphens: manual
}
}
@media (min-width:1200px) {
.cb-description-header h2 {
font-size: 70px
}
}
@media (min-width:1350px) {
.cb-description-header h2 {
font-size: 80px
}
}
@media (max-width:767px) {
.cb-description-header h2 br {
display: none
}
}
.cb-description-text {
margin: 30px 0 0 0;
font-size: 20px;
line-height: 155%;
letter-spacing: .00464286em
}
@media (min-width:768px) {
.cb-description-text {
max-width: 805px;
margin: 55px 0 0 0;
font-size: 22px;
line-height: 150%
}
}
@media (min-width:1200px) {
.cb-description-text {
font-size: 28px
}
}
.cb-description-text p {
margin: 0 0 1em 0
}
.cb-description-text img {
position: relative;
top: -2px;
height: 1em;
vertical-align: middle
}
.cb-description-action {
margin: 45px 0 0 0
}
.cb-description-more {
margin: 45px 0 0 0
}
@media (min-width:1200px) {
.cb-description-more {
margin: 100px 0 0 0
}
}
.cb-numstat-container {
margin: 0 auto;
max-width: 1920px
}
.cb-numstat-grid {
margin: -100px 0;
text-align: center
}
@media (min-width:768px) {
.cb-numstat-grid {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0
}
}
.cb-numstat-grid-col {
margin: 100px 0
}
@media (min-width:768px) {
.cb-numstat-grid-col {
margin: 0
}
}
.cb-numstat-num {
overflow: hidden;
height: 1em;
font-size: 38px;
font-weight: 400;
line-height: 100%;
letter-spacing: -.07em
}
@media (min-width:768px) {
.cb-numstat-num {
font-size: 50px
}
}
@media (min-width:1024px) {
.cb-numstat-num {
font-size: 60px
}
}
@media (min-width:1200px) {
.cb-numstat-num {
font-size: 80px
}
}
.cb-numstat-num-char,
.cb-numstat-num-digit {
display: inline-block;
vertical-align: top
}
.cb-numstat-num-digit {
-webkit-transition: -webkit-transform 2.5s;
transition: -webkit-transform 2.5s;
-o-transition: -o-transform 2.5s;
-moz-transition: transform 2.5s, -moz-transform 2.5s;
transition: transform 2.5s;
transition: transform 2.5s, -webkit-transform 2.5s, -moz-transform 2.5s, -o-transform 2.5s;
will-change: transform
}
.cb-numstat-num-digit span {
display: block
}
.cb-numstat-num-digit:nth-last-child(1) {
-webkit-transition-delay: 70ms;
-moz-transition-delay: 70ms;
-o-transition-delay: 70ms;
transition-delay: 70ms
}
.cb-numstat-num-digit:nth-last-child(2) {
-webkit-transition-delay: .14s;
-moz-transition-delay: .14s;
-o-transition-delay: .14s;
transition-delay: .14s
}
.cb-numstat-num-digit:nth-last-child(3) {
-webkit-transition-delay: .21s;
-moz-transition-delay: .21s;
-o-transition-delay: .21s;
transition-delay: .21s
}
.cb-numstat-num-digit:nth-last-child(4) {
-webkit-transition-delay: .28s;
-moz-transition-delay: .28s;
-o-transition-delay: .28s;
transition-delay: .28s
}
.cb-numstat-num-digit:nth-last-child(5) {
-webkit-transition-delay: .35s;
-moz-transition-delay: .35s;
-o-transition-delay: .35s;
transition-delay: .35s
}
.cb-numstat-num-digit:nth-last-child(6) {
-webkit-transition-delay: .42s;
-moz-transition-delay: .42s;
-o-transition-delay: .42s;
transition-delay: .42s
}
.cb-numstat-num-digit:nth-last-child(7) {
-webkit-transition-delay: .49s;
-moz-transition-delay: .49s;
-o-transition-delay: .49s;
transition-delay: .49s
}
.cb-numstat-num-digit:nth-last-child(8) {
-webkit-transition-delay: .56s;
-moz-transition-delay: .56s;
-o-transition-delay: .56s;
transition-delay: .56s
}
.cb-numstat-num-digit:nth-last-child(9) {
-webkit-transition-delay: .63s;
-moz-transition-delay: .63s;
-o-transition-delay: .63s;
transition-delay: .63s
}
.cb-numstat-title {
margin: 17px 0 0 0;
font-size: 20px;
line-height: 130%
}
@media (min-width:768px) {
.cb-numstat-title {
margin: 25px 0 0 0
}
}
@media (min-width:1024px) {
.cb-numstat-title {
margin: 20px 0 0 0
}
}
@media (min-width:1200px) {
.cb-numstat-title {
margin: 25px 0 0 0
}
}
.cb-smfeed {
position: relative;
overflow: hidden
}
.cb-smfeed-header {
margin: 0 0 40px 0
}
@media (min-width:768px) {
.cb-smfeed-header {
margin: 0 0 100px 0
}
}
@media (min-width:1600px) {
.cb-smfeed-header {
margin: 0 0 120px 0
}
}
.cb-smfeed-header h2 {
color: rgba(0, 0, 0, .9);
font-size: 38px;
font-weight: 400;
line-height: 100%
}
@media (min-width:360px) {
.cb-smfeed-header h2 {
font-size: 42px;
letter-spacing: -.03em
}
}
@media (min-width:768px) {
.cb-smfeed-header h2 {
font-size: 60px;
letter-spacing: -.05em
}
}
@media (min-width:1200px) {
.cb-smfeed-header h2 {
font-size: 80px
}
}
.cb-smfeed-items {
margin: 0 -8px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
@media (min-width:360px) {
.cb-smfeed-items {
margin: 0 -12px
}
}
@media (min-width:768px) {
.cb-smfeed-items {
margin: 0 -35px
}
}
.cb-smfeed-item {
display: inline-block;
width: 257px;
margin: 0 8px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
white-space: normal;
vertical-align: top;
text-decoration: none
}
@media (min-width:360px) {
.cb-smfeed-item {
width: 280px;
margin: 0 12px
}
}
@media (min-width:768px) {
.cb-smfeed-item {
width: 315px;
margin: 0 35px
}
}
@media (min-width:1200px) {
.cb-smfeed-item {
width: 337px
}
}
.cb-smfeed-item-img {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-moz-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
height: 257px;
width: 257px;
margin: 0 0 15px 0;
overflow: hidden
}
@media (min-width:360px) {
.cb-smfeed-item-img {
width: 280px;
height: 280px
}
}
@media (min-width:768px) {
.cb-smfeed-item-img {
width: 315px;
height: 315px;
margin: 0 0 25px 0
}
}
@media (min-width:1200px) {
.cb-smfeed-item-img {
width: 337px;
height: 337px
}
}
.cb-smfeed-item-img img {
position: relative;
width: 100%;
max-height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: -webkit-transform .4s;
transition: -webkit-transform .4s;
-o-transition: -o-transform .4s;
-moz-transition: transform .4s, -moz-transform .4s;
transition: transform .4s;
transition: transform .4s, -webkit-transform .4s, -moz-transform .4s, -o-transform .4s
}
.cb-smfeed-item:hover .cb-smfeed-item-img img {
-webkit-transform: scale(.98);
-moz-transform: scale(.98);
-ms-transform: scale(.98);
-o-transform: scale(.98);
transform: scale(.98)
}
@media (pointer:coarse) {
.cb-smfeed-item:hover .cb-smfeed-item-img img {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none
}
}
.cb-smfeed-item-likes {
font-size: 14px;
font-weight: 700
}
.cb-smfeed-item-likes svg {
margin: -2px 13px 0 0
}
.cb-smfeed-item-url {
display: block;
padding: 23px 0 0 0;
font-size: 20px;
font-weight: 700
}
@media (min-width:768px) {
.cb-smfeed-item-url {
padding: 29px 0 0 0
}
}
.cb-smfeed-item-url svg {
margin: 0 11px 0 0;
font-size: 16px;
line-height: 0
}
.cb-smfeed-item-text {
display: block;
margin: 18px 0 0 0;
max-width: 80%;
font-size: 16px;
line-height: 150%
}
.cb-splitshow-items {
margin: -12px -6px
}
@media (min-width:360px) {
.cb-splitshow-items {
margin: -14px -7px
}
}
@media (min-width:768px) {
.cb-splitshow-items {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: -24px -12px
}
}
@media (min-width:1024px) {
.cb-splitshow-items {
margin: -34px -17px
}
}
@media (min-width:1200px) {
.cb-splitshow-items {
margin: -40px -20px
}
}
@media (min-width:1600px) {
.cb-splitshow-items {
margin: -32px -16px
}
}
.cb-splitshow-col {
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1
}
@media (min-width:768px) {
.cb-splitshow-col.-right {
margin: 122px 0 0 0
}
}
@media (min-width:1024px) {
.cb-splitshow-col.-right {
margin: 170px 0 0 0
}
}
@media (min-width:1200px) {
.cb-splitshow-col.-right {
margin: 193px 0 0 0
}
}
@media (min-width:1900px) {
.cb-splitshow-col.-right {
margin: 250px 0 0 0
}
}
.cb-splitshow-item {
display: block;
margin: 12px -14px
}
@media (min-width:360px) {
.cb-splitshow-item {
margin: 14px -23px
}
}
@media (min-width:768px) {
.cb-splitshow-item {
margin: 24px 12px
}
}
@media (min-width:1024px) {
.cb-splitshow-item {
margin: 34px 17px
}
}
@media (min-width:1200px) {
.cb-splitshow-item {
margin: 40px 20px
}
}
@media (min-width:1600px) {
.cb-splitshow-item {
margin: 32px 16px
}
}
.cb-splitshow-preview {
position: relative;
display: block;
overflow: hidden;
padding-bottom: 150.593%;
-webkit-transition: -webkit-transform .4s;
transition: -webkit-transform .4s;
-o-transition: -o-transform .4s;
-moz-transition: transform .4s, -moz-transform .4s;
transition: transform .4s;
transition: transform .4s, -webkit-transform .4s, -moz-transform .4s, -o-transform .4s
}
@media (max-width:767px) {
.cb-splitshow-preview.-asm {
padding-bottom: 100%
}
}
@media (max-width:767px) {
.cb-splitshow-preview.-asm img {
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important
}
}
.cb-splitshow-preview.-sm {
padding-bottom: 100%
}
.cb-splitshow-preview img,
.cb-splitshow-preview video {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%
}
.cb-splitshow-preview picture {
display: block;
-webkit-transition: -webkit-transform .4s;
transition: -webkit-transform .4s;
-o-transition: -o-transform .4s;
-moz-transition: transform .4s, -moz-transform .4s;
transition: transform .4s;
transition: transform .4s, -webkit-transform .4s, -moz-transform .4s, -o-transform .4s
}
a.cb-splitshow-preview {
text-decoration: none
}
@media (min-width:1200px) {
a.cb-splitshow-preview:hover {
-webkit-transform: scale(.97);
-moz-transform: scale(.97);
-ms-transform: scale(.97);
-o-transform: scale(.97);
transform: scale(.97)
}
a.cb-splitshow-preview:hover picture {
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
-ms-transform: scale(1.02);
-o-transform: scale(1.02);
transform: scale(1.02)
}
}
.cb-splitshow-caption {
display: block;
margin: 0 auto;
padding: 19px 0;
max-width: 270px;
font-size: 20px;
line-height: 150%;
text-align: center
}
@media (min-width:360px) {
.cb-splitshow-caption {
padding: 23px 0 36px 0
}
}
@media (min-width:768px) {
.cb-splitshow-caption {
padding: 25px 0 44px 0;
max-width: 220px;
font-size: 16px
}
}
@media (min-width:1024px) {
.cb-splitshow-caption {
padding: 34px 0 53px 0;
max-width: 284px;
font-size: 18px
}
}
@media (min-width:1200px) {
.cb-splitshow-caption {
padding: 40px 0 60px 0;
max-width: 318px;
font-size: 22px
}
}
.cb-splitshow-caption b {
font-weight: 600
}
.cb-tophead {
position: relative;
height: 55vh;
min-height: 300px;
z-index: 1
}
@media (min-width:360px) {
.cb-tophead {
min-height: 356px;
}
}
@media (min-width:768px) {
.cb-tophead {
min-height: 470px;
height: 85vh;
}
}
@media (max-width:1366px) {
.cb-tophead.portafolio {
min-height: 350px;
height: 60vh
}
}
@media (max-width:1024px) {
.cb-tophead.portafolio {
min-height: 350px;
height: 42vh
}
}
@media (max-width:768px) {
.cb-tophead.portafolio {
min-height: 350px;
height: 42vh
}
}
@media (max-width:767px) {
.cb-tophead.portafolio {
min-height: 350px;
height: 46vh
}
}
.cb-tophead-content {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%
}
.cb-tophead-header {
-webkit-perspective: 600px;
-moz-perspective: 600px;
perspective: 600px;
margin: 0 0 15px 0
}
@media (min-width:768px) {
.cb-tophead-header {
margin: 0 0 18px 0
}
}
.cb-tophead-header h1 {
font-size: 17px;
font-weight: 400;
line-height: 294%;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: center top;
-moz-transform-origin: center top;
-ms-transform-origin: center top;
-o-transform-origin: center top;
transform-origin: center top
}
@media (min-width:768px) {
.cb-tophead-header h1 {
font-size: 20px;
line-height: 250%
}
}
.cb-tophead-title {
font-size: 28px;
line-height: 100%;
letter-spacing: -.05em
}
@media (min-width:360px) {
.cb-tophead-title {
font-size: 34px
}
}
@media (min-width:1200px) {
.cb-tophead-title {
font-size: 5.41667vw
}
}
@media (min-width:1900px) {
.cb-tophead-title {
font-size: 104px
}
}
.cb-tophead-title h1,
.cb-tophead-title h2 {
-webkit-perspective: 600px;
-moz-perspective: 600px;
perspective: 600px;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit
}
.cb-tophead-title h1>div,
.cb-tophead-title h2>div {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: center top;
-moz-transform-origin: center top;
-ms-transform-origin: center top;
-o-transform-origin: center top;
transform-origin: center top
}
.cb-tophead-title h1 br,
.cb-tophead-title h2 br {
display: none
}
@media (min-width:768px) {
.cb-tophead-title h1 br,
.cb-tophead-title h2 br {
display: block
}
}
@media (min-width:768px) {
.cb-tophead-title.-lg {
font-size: 6.25vw
}
}
@media (min-width:1900px) {
.cb-tophead-title.-lg {
font-size: 120px
}
}
.cb-feedback {
overflow: hidden
}
@media (min-width:1200px) {
.cb-feedback-grid {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex
}
}
.cb-feedback-grid-col.-left {
padding: 0 0 60px 0
}
@media (min-width:1200px) {
.cb-feedback-grid-col.-left {
width: 270px;
padding: 0 40px 0 0
}
}
@media (min-width:1600px) {
.cb-feedback-grid-col.-left {
width: 400px
}
}
.cb-feedback-grid-col.-right {
position: relative
}
@media (min-width:1200px) {
.cb-feedback-grid-col.-right {
max-width: -webkit-calc(100% - 190px);
max-width: -moz-calc(100% - 190px);
max-width: calc(100% - 190px)
}
}
@media (min-width:1200px) {
.cb-feedback-grid-col.-right {
max-width: -webkit-calc(100% - 270px);
max-width: -moz-calc(100% - 270px);
max-width: calc(100% - 270px)
}
}
@media (min-width:1600px) {
.cb-feedback-grid-col.-right {
max-width: -webkit-calc(100% - 400px);
max-width: -moz-calc(100% - 400px);
max-width: calc(100% - 400px)
}
}
.cb-feedback-header {
max-width: 172px
}
.cb-feedback-header h2 {
display: inline-block;
color: rgba(0, 0, 0, .9);
font-size: 20px;
font-weight: 600;
line-height: 140%
}
.cb-feedback-header img {
position: relative;
top: -1px;
height: 1em;
vertical-align: middle
}
.cb-feedback-author {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin: 0 0 30px 0
}
.cb-feedback-author-line {
margin: 13px 18px 0 0;
width: 20px;
height: 1px;
background: currentColor
}
.cb-feedback-author-name {
color: #6f6f6f;
font-size: 16px;
line-height: 25px
}
.cb-feedback-author-name b {
color: #000;
font-weight: inherit
}
.cb-feedback-author-name span:before {
content: ", "
}
.cb-feedback-text {
font-size: 20px;
line-height: 150%;
letter-spacing: -.02em
}
@media (min-width:768px) {
.cb-feedback-text {
max-width: 810px;
font-size: 28px;
letter-spacing: 0
}
}
.desktop .cb-feedback-text {
cursor: pointer
}
.cb-feedback-text p {
margin-bottom: .8em
}
.cb-feedback-text p:first-child:before {
content: "”"
}
.cb-feedback-text p:last-child {
margin-bottom: 0
}
.cb-feedback-text p:last-child:after {
content: "”"
}
.cb-feedback-more {
position: relative;
margin: 40px 0 0 0;
z-index: 5
}
@media (min-width:768px) {
.cb-feedback-more {
margin: 45px 0 0 0
}
}
@media (min-width:1200px) {
.cb-feedback-more {
margin: 65px 0 0 0
}
}
.cb-feedback-items {
white-space: nowrap;
width: 100%
}
@media (min-width:1200px) {
.cb-feedback-items {
overflow: hidden
}
}
.cb-feedback-items .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
opacity: .2;
-webkit-transition: opacity .4s .2s;
-o-transition: opacity .4s .2s;
-moz-transition: opacity .4s .2s;
transition: opacity .4s .2s
}
.cb-feedback-items .owl-item.active {
opacity: 1;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s
}
.cb-feedback-items .owl-stage-outer {
overflow: visible
}
@media (min-width:1200px) {
.cb-feedback-items .owl-stage-outer {
overflow: hidden
}
}
.cb-feedback-item {
display: inline-block;
white-space: normal;
vertical-align: top;
max-width: 90%
}
.cb-relcase-container {
text-align: center
}
.cb-relcase-anchor {
position: relative;
font-size: 38px;
letter-spacing: -.03em;
line-height: 110%
}
@media (min-width:360px) {
.cb-relcase-anchor {
font-size: 42px
}
}
@media (min-width:768px) {
.cb-relcase-anchor {
font-size: 60px
}
}
@media (min-width:1200px) {
.cb-relcase-anchor {
font-size: 80px
}
}
.cb-relcase-anchor h2 {
font-size: inherit;
font-weight: inherit;
letter-spacing: inherit;
line-height: inherit
}
.cb-relcase-anchor a {
position: relative;
display: inline-block;
padding: 0 0 5px 0;
font-weight: 300;
text-decoration: none
}
@media (min-width:768px) {
.cb-relcase-anchor a {
padding: 0 0 8px 0
}
}
@media (min-width:1200px) {
.cb-relcase-anchor a {
padding: 0 0 10px 0
}
}
.cb-relcase-anchor a:before {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background: currentColor;
-webkit-transition: -webkit-transform .55s cubic-bezier(.4, .22, .21, 1.04);
transition: -webkit-transform .55s cubic-bezier(.4, .22, .21, 1.04);
-o-transition: -o-transform .55s cubic-bezier(.4, .22, .21, 1.04);
-moz-transition: transform .55s cubic-bezier(.4, .22, .21, 1.04), -moz-transform .55s cubic-bezier(.4, .22, .21, 1.04);
transition: transform .55s cubic-bezier(.4, .22, .21, 1.04);
transition: transform .55s cubic-bezier(.4, .22, .21, 1.04), -webkit-transform .55s cubic-bezier(.4, .22, .21, 1.04), -moz-transform .55s cubic-bezier(.4, .22, .21, 1.04), -o-transform .55s cubic-bezier(.4, .22, .21, 1.04)
}
.cb-checkbox_rounded .cb-relcase-anchor label>input:focus~a.cb-checkbox_rounded-box:before,
.cb-relcase-anchor .cb-checkbox_rounded label>input:focus~a.cb-checkbox_rounded-box:before,
.cb-relcase-anchor a:focus:before,
.cb-relcase-anchor a:hover:before {
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0)
}
@media (min-width:1024px) {
.cb-definition-grid {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex
}
}
@media (min-width:1024px) {
.cb-definition-grid-col {
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1
}
}
.cb-definition-grid-col.-left {
padding: 0 0 45px 0
}
@media (min-width:768px) {
.cb-definition-grid-col.-left {
padding: 0 0 65px 0
}
}
@media (min-width:1024px) {
.cb-definition-grid-col.-left {
padding: 0
}
}
.cb-definition-header {
max-width: 261px
}
@media (min-width:1024px) {
.cb-definition-header {
max-width: 400px
}
}
.cb-definition-header h2 {
font-size: 30px;
font-weight: 400;
line-height: 99%;
letter-spacing: -.04em
}
@media (min-width:1024px) {
.cb-definition-header h2 {
font-size: 40px
}
}
.cb-definition-text {
font-size: 20px;
line-height: 155%;
letter-spacing: .00464286em
}
@media (min-width:768px) {
.cb-definition-text {
font-size: 22px;
line-height: 150%
}
}
.cb-screenshot {
position: relative;
z-index: 1
}
@media (max-width:767px) {
.cb-screenshot-container {
padding: 0
}
}
.cb-screenshot-section {
padding: 10px 0
}
@media (min-width:360px) {
.cb-screenshot-section {
padding: 12px 0
}
}
@media (min-width:768px) {
.cb-screenshot-section {
padding: 22px 0
}
}
@media (min-width:1024px) {
.cb-screenshot-section {
padding: 31px 0
}
}
@media (min-width:1200px) {
.cb-screenshot-section {
padding: 35px 0
}
}
.cb-screenshot-section:first-child {
padding-top: 0
}
.cb-screenshot-section:last-child {
padding-bottom: 0
}
.cb-screenshot-preview {
position: relative;
display: block;
overflow: hidden;
padding-bottom: 56.25%;
-webkit-perspective: 100px;
-moz-perspective: 100px;
perspective: 100px
}
.cb-screenshot-preview.-lg {
padding-bottom: 100%
}
@media (min-width:768px) {
.cb-screenshot-preview.-lg {
padding-bottom: 56.25%
}
}
.cb-screenshot-preview img,
.cb-screenshot-preview video {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.cb-nextcase {
position: relative;
overflow: hidden;
background: #fff
}
.cb-nextcase-body {
text-align: center
}
.cb-nextcase-title {
position: relative;
display: inline-block;
padding: 0 0 5px 0;
z-index: 2;
font-size: 38px;
letter-spacing: -.03em;
text-decoration: none
}
@media (min-width:360px) {
.cb-nextcase-title {
font-size: 42px
}
}
@media (min-width:768px) {
.cb-nextcase-title {
padding: 0 0 8px 0;
font-size: 60px
}
}
@media (min-width:1200px) {
.cb-nextcase-title {
padding: 0 0 10px 0;
font-size: 5.41667vw
}
}
@media (min-width:768px) {
.cb-nextcase-title:before {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background: currentColor;
-webkit-transition: -webkit-transform .5s cubic-bezier(.4, .22, .21, 1.04);
transition: -webkit-transform .5s cubic-bezier(.4, .22, .21, 1.04);
-o-transition: -o-transform .5s cubic-bezier(.4, .22, .21, 1.04);
-moz-transition: transform .5s cubic-bezier(.4, .22, .21, 1.04), -moz-transform .5s cubic-bezier(.4, .22, .21, 1.04);
transition: transform .5s cubic-bezier(.4, .22, .21, 1.04);
transition: transform .5s cubic-bezier(.4, .22, .21, 1.04), -webkit-transform .5s cubic-bezier(.4, .22, .21, 1.04), -moz-transform .5s cubic-bezier(.4, .22, .21, 1.04), -o-transform .5s cubic-bezier(.4, .22, .21, 1.04)
}
}
.cb-nextcase-anchor {
display: block;
text-align: center
}
.cb-nextcase-anchor:hover .cb-nextcase-title:before {
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0)
}
.cb-employment {
overflow: hidden
}
.cb-employment-top {
display: none;
padding-top: 0
}
@media (min-width:1024px) {
.cb-employment-top {
display: block
}
}
.cb-employment-header {
margin: 0 auto;
text-align: center
}
.cb-employment-header h2 {
font-size: 42px;
font-weight: 400;
line-height: 100%;
letter-spacing: -.03em
}
@media (min-width:768px) {
.cb-employment-header h2 {
opacity: .9;
font-size: 60px;
letter-spacing: -.05em
}
}
@media (min-width:1200px) {
.cb-employment-header h2 {
font-size: 6.25vw
}
}
@media (min-width:1600px) {
.cb-employment-header h2 {
font-size: 120px
}
}
@media (min-width:1024px) {
.cb-employment-grid {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center
}
}
@media (min-width:1024px) {
.cb-employment-grid-col {
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-flex-basis: 50%;
-ms-flex-preferred-size: 50%;
flex-basis: 50%
}
}
@media (min-width:1024px) {
.cb-employment-grid-col.-right {
padding: 0 0 0 80px
}
}
.cb-employment-grid-col.-left {
padding-bottom: 80px
}
@media (min-width:768px) {
.cb-employment-grid-col.-left {
padding-bottom: 120px
}
}
@media (min-width:1024px) {
.cb-employment-grid-col.-left {
padding-bottom: 0
}
}
.cb-employment-preview {
display: inline-block;
width: 100vw;
height: 100vw;
margin: 0 -20px;
overflow: hidden;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px
}
@media (min-width:360px) {
.cb-employment-preview {
margin: 0 -30px
}
}
@media (min-width:768px) {
.cb-employment-preview {
width: 284px;
height: 476px;
margin: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
}
@media (min-width:1024px) {
.cb-employment-preview {
height: 90vh;
width: 54.925vh;
max-width: 43vw;
max-height: 71.81vw
}
}
@media (min-width:2200px) {
.cb-employment-preview {
max-width: 890px;
max-height: 1490px
}
}
.cb-employment-preview img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.cb-employment-title {
max-width: 273px;
font-size: 38px;
font-weight: 600;
line-height: 100%
}
@media (min-width:768px) {
.cb-employment-title {
max-width: 450px;
font-size: 60px
}
}
@media (min-width:1024px) {
.cb-employment-title {
font-size: 20px;
font-weight: 400
}
}
.cb-employment-text {
margin: 30px 0 0 0;
font-size: 17px;
line-height: 155%;
letter-spacing: .00464286em
}
@media (min-width:768px) {
.cb-employment-text {
margin: 60px 0 0 0;
max-width: 364px;
font-size: 22px;
line-height: 150%
}
}
@media (min-width:1024px) {
.cb-employment-text {
margin: 35px 0 0 0;
max-width: 345px
}
}
@media (min-width:1200px) {
.cb-employment-text {
max-width: 430px
}
}
@media (min-width:1600px) {
.cb-employment-text {
max-width: 554px;
font-size: 28px
}
}
@media (min-width:2200px) {
.cb-employment-text {
max-width: 70%
}
}
.cb-employment-action {
margin: 45px 0 0 0
}
@media (min-width:1024px) {
.cb-employment.-reverse .cb-employment-grid {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-moz-box-orient: horizontal;
-moz-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
}
@media (min-width:768px) {
.cb-employment.-reverse .cb-employment-grid-col.-left {
text-align: right
}
}
@media (min-width:1024px) {
.cb-employment.-reverse .cb-employment-grid-col.-right {
padding: 0 80px 0 0
}
}
.cb-employment.-simple .cb-employment-top {
display: block
}
@media (min-width:768px) {
.cb-advantage-header {
max-width: 547px
}
}
@media (min-width:1200px) {
.cb-advantage-header {
max-width: 708px
}
}
.cb-advantage-header h2 {
font-size: 38px;
font-weight: 400;
line-height: 100%;
letter-spacing: -.03em
}
@media (min-width:768px) {
.cb-advantage-header h2 {
font-size: 60px;
letter-spacing: -.05em
}
}
@media (min-width:1200px) {
.cb-advantage-header h2 {
font-size: 70px
}
}
@media (min-width:1350px) {
.cb-advantage-header h2 {
font-size: 80px
}
}
.cb-advantage-items {
display: grid;
padding: 80px 0 0 0;
margin: -40px 0;
}
@media (min-width:768px) {
.cb-advantage-items {
padding: 150px 0 0 0;
margin: -75px 0 0 0
}
}
@media (min-width:1024px) {
.cb-advantage-items {
padding: 175px 0 0 0
}
}
@media (min-width:1200px) {
.cb-advantage-items {
padding: 150px 0 0 0
}
}
@media (min-width:1600px) {
.cb-advantage-items {
padding: 200px 0 0 0
}
}
.cb-advantage-item {
display: inline-block;
vertical-align: top;
padding: 40px 0
}
@media (min-width:768px) {
.cb-advantage-item {
padding: 75px 0
}
}
@media (min-width:1024px) {
.cb-advantage-items {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width:480px) {
.cb-advantage-items {
grid-template-columns: repeat(2, 1fr);
}
}
.cb-advantage-item-num {
margin: 0 0 20px 0;
color: #fff;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
font-size: 80px;
font-weight: 600;
line-height: 90%;
letter-spacing: -.05em;
-webkit-transition: color .3s;
-o-transition: color .3s;
-moz-transition: color .3s;
transition: color .3s
}
@supports (-webkit-text-stroke:1px #01d7fd) {
.cb-advantage-item-num {
color: transparent;
text-shadow: none;
-webkit-text-stroke: 1px #000
}
}
@media (min-width:768px) {
.cb-advantage-item-num {
margin: 0 0 62px 0;
font-size: 115px
}
}
.cb-advantage-item-img {
margin: 0 0 50px 0;
width: 147px;
height: 147px
}
@media (min-width:768px) {
.cb-advantage-item-img {
margin: 0 0 70px 0
}
}
@media (min-width:1200px) {
.cb-advantage-item-img {
width: 183px;
height: 183px
}
}
.cb-advantage-item-img img {
width: 100%
}
.cb-advantage-item-title {
max-width: 190px;
font-size: 20px;
font-weight: 600;
line-height: 100%;
letter-spacing: -.02em
}
@media (min-width:768px) {
.cb-advantage-item-title {
max-width: 300px;
font-size: 28px
}
}
.cb-advantage-item-title h3 {
font-weight: inherit
}
.cb-advantage-item-text {
padding: 22px 0 0 0;
max-width: 264px;
font-size: 17px;
line-height: 155%;
letter-spacing: .00464286em
}
@media (min-width:768px) {
.cb-advantage-item-text {
padding: 40px 0 0 0;
max-width: 398px;
font-size: 18px;
letter-spacing: normal
}
}
.cb-advantage-item:hover .cb-advantage-item-num {
color: #000
}
.cb-work-content {
padding: 130px 0
}
@media (min-width:768px) {
.cb-work-content {
padding: 200px 0
}
}
@media (min-width:1600px) {
.cb-work-content {
padding: 260px 0 200px 0
}
}
.cb-work-filter-title {
display: block;
font-size: 17px
}
@media (min-width:1200px) {
.cb-work-filter-title {
font-size: 20px
}
}
.cb-work-filter-active {
display: inline-block;
margin: 8px 0 0 0;
cursor: pointer;
font-size: 42px;
font-weight: 400;
letter-spacing: -.03em
}
@media (min-width:1200px) {
.cb-work-filter-active {
font-size: 60px
}
}
.cb-work-filter-active span {
position: relative;
display: inline-block
}
.cb-work-filter-active span:before {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background: currentColor;
-webkit-transition: -webkit-transform .5s, -webkit-transform-origin 0s;
transition: -webkit-transform .5s, -webkit-transform-origin 0s;
-o-transition: -o-transform .5s, -o-transform-origin 0s;
-moz-transition: transform .5s, transform-origin 0s, -moz-transform .5s, -moz-transform-origin 0s;
transition: transform .5s, transform-origin 0s;
transition: transform .5s, transform-origin 0s, -webkit-transform .5s, -moz-transform .5s, -o-transform .5s, -webkit-transform-origin 0s, -moz-transform-origin 0s, -ms-transform-origin 0s, -o-transform-origin 0s;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-ms-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center
}
.cb-work-filter-active svg {
margin: 0 0 0 12px;
font-size: 19px;
line-height: 0;
stroke-width: 2px;
-webkit-transition: -webkit-transform .5s;
transition: -webkit-transform .5s;
-o-transition: -o-transform .5s;
-moz-transition: transform .5s, -moz-transform .5s;
transition: transform .5s;
transition: transform .5s, -webkit-transform .5s, -moz-transform .5s, -o-transform .5s
}
@media (min-width:1200px) {
.cb-work-filter-active svg {
margin: 0 0 0 23px
}
}
.cb-work-filter-active:hover span:before {
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: right center;
-moz-transform-origin: right center;
-ms-transform-origin: right center;
-o-transform-origin: right center;
transform-origin: right center
}
.cb-work-filter-active:hover svg {
-webkit-transform: translateY(4px);
-moz-transform: translateY(4px);
-ms-transform: translateY(4px);
-o-transform: translateY(4px);
transform: translateY(4px)
}
.cb-work-items {
display: block;
vertical-align: top;
margin: -40px 0;
padding: 90px 0 0 0
}
@media (min-width:768px) {
.cb-work-items {
margin: -40px -20px
}
}
@media (min-width:1200px) {
.cb-work-items {
padding: 130px 0 0 0;
margin: -40px auto
}
}
@media (min-width:1600px) {
.cb-work-items {
padding: 190px 0 0 0
}
}
.cb-work-item {
padding: 40px 0
}
@media (min-width:768px) {
.cb-work-item {
display: inline-block;
width: 50%;
padding: 40px 20px
}
}
@media (min-width:1200px) {
.cb-work-item {
display: block;
width: auto;
padding: 40px 0
}
}
@media (min-width:1200px) {
.cb-work-item-grid {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-moz-box-orient: horizontal;
-moz-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center
}
}
.cb-work-item-grid-col.-left {
padding: 38px 0 0 0;
text-align: center
}
@media (min-width:768px) {
.cb-work-item-grid-col.-left {
text-align: left
}
}
@media (min-width:1200px) {
.cb-work-item-grid-col.-left {
padding: 0
}
}
.cb-work-item-grid-col.-right {
text-align: center
}
.cb-work-item-preview {
position: relative;
display: inline-block;
overflow: hidden;
margin: 0 -30px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px
}
@media (min-width:768px) {
.cb-work-item-preview {
margin: 0
}
}
@media (min-width:1200px) {
.cb-work-item-preview {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
}
.cb-work-item-preview img {
max-width: 100%;
-webkit-border-radius: inherit;
-moz-border-radius: inherit;
border-radius: inherit
}
.cb-work-item-header h3 {
font-size: 20px;
font-weight: 400;
line-height: 1
}
@media (min-width:1600px) {
.cb-work-item-header h3 {
font-size: 1.25vw
}
}
.cb-work-item-text {
display: none
}
@media (min-width:1200px) {
.cb-work-item-text {
display: block;
margin: 22px 0 0 0;
font-size: 30px;
font-weight: 600;
line-height: 133%;
letter-spacing: -.0154em
}
}
@media (min-width:1200px) {
.cb-work-item-text {
font-size: 2.5vw
}
}
.cb-work-item-tags {
display: none
}
@media (min-width:768px) {
.cb-work-item-tags {
display: block;
margin: 17px 0 0 0;
max-width: 202px;
color: #6f6f6f;
font-size: 16px;
font-weight: 400;
line-height: 156%;
letter-spacing: .04375em
}
}
@media (min-width:1200px) {
.cb-work-item-tags {
margin: 30px 0 0 0;
max-width: none
}
}
@media (min-width:1600px) {
.cb-work-item-tags {
font-size: 1vw
}
}
.cb-listing-header {
margin: 0 0 80px 0
}
@media (min-width:768px) {
.cb-listing-header {
margin: 0 0 100px 0
}
}
.cb-listing-header h2 {
font-size: 28px;
font-weight: 400;
line-height: 99%;
letter-spacing: -.04em
}
@media (min-width:360px) {
.cb-listing-header h2 {
font-size: 30px
}
}
@media (min-width:768px) {
.cb-listing-header h2 {
font-size: 40px
}
}
.cb-listing-items {
margin: -.5em 0;
padding: 0;
counter-reset: cb-listing-ol;
list-style: none
}
@media (min-width:768px) {
.cb-listing-items {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2
}
}
@media (min-width:1200px) {
.cb-listing-items {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3
}
}
.cb-listing-item {
padding: .5em 0;
font-size: 18px;
line-height: 150%
}
@media (min-width:1600px) {
.cb-listing-item {
font-size: 22px
}
}
.cb-listing-item:before {
counter-increment: cb-listing-ol;
content: counter(cb-listing-ol) ".";
display: inline-block;
width: 2em;
font-weight: 600
}
.cb-textpaper-content {
padding: 140px 0
}
@media (min-width:768px) {
.cb-textpaper-content {
padding: 175px 0
}
}
@media (min-width:1200px) {
.cb-textpaper-content {
padding: 200px 0
}
}
@media (min-width:768px) {
.cb-textpaper-container {
max-width: 600px;
margin: 0 auto;
padding: 0
}
}
@media (min-width:1200px) {
.cb-textpaper-container {
max-width: 800px
}
}
.cb-textpaper-container.-md {
max-width: none
}
.cb-textpaper-date {
margin: 0 0 35px 0;
-webkit-perspective: 600px;
-moz-perspective: 600px;
perspective: 600px;
font-size: 20px;
line-height: 100%
}
.cb-textpaper-date span {
display: inline-block;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-ms-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center
}
.cb-textpaper-header {
margin: 0 0 80px 0
}
@media (min-width:768px) {
.cb-textpaper-header {
margin: 0 0 140px 0
}
}
.cb-textpaper-header h1 {
-webkit-perspective: 600px;
-moz-perspective: 600px;
perspective: 600px;
font-size: 38px;
font-weight: 400;
line-height: 100%
}
@media (min-width:360px) {
.cb-textpaper-header h1 {
font-size: 42px;
letter-spacing: -.03em
}
}
@media (min-width:768px) {
.cb-textpaper-header h1 {
font-size: 60px;
letter-spacing: -.05em
}
}
@media (min-width:1200px) {
.cb-textpaper-header h1 {
font-size: 70px
}
}
@media (min-width:1350px) {
.cb-textpaper-header h1 {
font-size: 80px
}
}
.cb-textpaper-header h1>div {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: center top;
-moz-transform-origin: center top;
-ms-transform-origin: center top;
-o-transform-origin: center top;
transform-origin: center top
}
@media (max-width:767px) {
.cb-textpaper-header h1:lang(ru) {
font-size: 30px
}
}
.cb-textpaper-brief {
margin: 0 0 30px 0;
font-size: 22px;
line-height: 135%;
letter-spacing: -.02em
}
@media (min-width:768px) {
.cb-textpaper-brief {
margin: 0 0 70px 0;
font-size: 40px
}
}
.cb-textpaper-brief p {
margin: 0 0 .8em 0
}
.cb-textpaper-text {
font-size: 20px;
line-height: 155%;
letter-spacing: .00464286em
}
@media (min-width:768px) {
.cb-textpaper-text {
font-size: 22px;
line-height: 150%
}
}
@media (min-width:768px) {
.cb-textpaper-text.-lg {
font-size: 28px;
line-height: 150%
}
}
.cb-textpaper-text p {
margin: 0 0 .8em 0
}
.cb-textpaper-text h3 {
margin: 2.5em 0 .8em 0;
font-size: 1.8em;
font-weight: 400;
line-height: 100%;
letter-spacing: -.05em
}
@media (min-width:768px) {
.cb-textpaper-text h3 {
font-size: 2em
}
}
.cb-textpaper-text h4 {
margin: 2em 0 .8em 0;
font-size: 1em;
font-weight: 400;
letter-spacing: -.02em;
line-height: 110%
}
@media (min-width:768px) {
.cb-textpaper-text h4 {
font-size: 1.4em;
letter-spacing: -.04em;
line-height: 100%
}
}
.cb-textpaper-text a {
position: relative;
width: -webkit-calc(100%);
width: -moz-calc(100%);
width: calc(100%);
background-image: -webkit-linear-gradient(transparent -webkit-calc(100% - 1px), #000 1px);
background-image: -moz-linear-gradient(transparent -moz-calc(100% - 1px), #000 1px);
background-image: -o-linear-gradient(transparent calc(100% - 1px), #000 1px);
background-image: linear-gradient(transparent calc(100% - 1px), #000 1px);
background-repeat: no-repeat;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
background-size: 100% 100%;
font-weight: 600;
text-decoration: none;
-webkit-transition: background-position .4s, -webkit-background-size .4s;
transition: background-position .4s, -webkit-background-size .4s;
-o-transition: background-size .4s, background-position .4s;
-moz-transition: background-size .4s, background-position .4s, -moz-background-size .4s;
transition: background-size .4s, background-position .4s;
transition: background-size .4s, background-position .4s, -webkit-background-size .4s, -moz-background-size .4s
}
.cb-textpaper-text a:hover {
-webkit-background-size: 0 100%;
-moz-background-size: 0 100%;
background-size: 0 100%
}
.cb-textpaper-jumbo {
position: relative;
margin: 100px 0 0 0;
padding: 45px 0;
background: #ffedee;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px
}
@media (min-width:768px) {
.cb-textpaper-jumbo {
margin: 110px 0 0 0;
padding: 82px 0
}
}
@media (min-width:1024px) {
.cb-textpaper-jumbo {
margin: 220px 0 0 0;
padding: 91px 0
}
}
.cb-textpaper-jumbo.-info {
background: rgba(238, 238, 238, .5)
}
.cb-textpaper-jumbo-body {
padding: 0 35px
}
@media (min-width:768px) {
.cb-textpaper-jumbo-body {
max-width: 600px;
margin: 0 auto;
padding: 0
}
}
@media (min-width:1200px) {
.cb-textpaper-jumbo-body {
max-width: 800px
}
}
.cb-textpaper-jumbo-title {
display: inline-block;
margin: 0 0 24px 0;
cursor: help;
font-size: 17px;
line-height: 150%
}
@media (min-width:768px) {
.cb-textpaper-jumbo-title {
font-size: 20px
}
}
.cb-textpaper-jumbo-title svg {
margin: -5px 0 0 14px;
font-size: 24px;
line-height: 0
}
@media (min-width:768px) {
.cb-textpaper-jumbo-title svg {
margin-left: 17px;
font-size: 28px
}
}
.cb-textpaper-jumbo-header {
max-width: 280px
}
@media (min-width:768px) {
.cb-textpaper-jumbo-header {
max-width: 545px
}
}
@media (min-width:1200px) {
.cb-textpaper-jumbo-header {
max-width: 760px
}
}
.cb-textpaper-jumbo-header h2,
.cb-textpaper-jumbo-header h3 {
font-size: 34px;
font-weight: 400;
line-height: 100%;
letter-spacing: -.05em
}
@media (min-width:768px) {
.cb-textpaper-jumbo-header h2,
.cb-textpaper-jumbo-header h3 {
font-size: 60px;
letter-spacing: -.04em
}
}
@media (min-width:1200px) {
.cb-textpaper-jumbo-header h2,
.cb-textpaper-jumbo-header h3 {
font-size: 80px
}
}
.cb-textpaper-jumbo-tooltip {
position: absolute;
top: 50%;
left: 50%;
padding: 20px;
min-width: 260px;
max-width: 427px;
-webkit-transform: translate(-50%, -50%) scale(.95);
-moz-transform: translate(-50%, -50%) scale(.95);
-ms-transform: translate(-50%, -50%) scale(.95);
-o-transform: translate(-50%, -50%) scale(.95);
transform: translate(-50%, -50%) scale(.95);
z-index: 10;
opacity: 0;
background: #fff;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .05);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, .05);
box-shadow: 0 10px 25px rgba(0, 0, 0, .05);
visibility: hidden;
font-size: 14px;
line-height: 170%;
pointer-events: none;
-webkit-transition: opacity .2s, visibility 0s .2s, -webkit-transform .3s;
transition: opacity .2s, visibility 0s .2s, -webkit-transform .3s;
-o-transition: opacity .2s, visibility 0s .2s, -o-transform .3s;
-moz-transition: opacity .2s, transform .3s, visibility 0s .2s, -moz-transform .3s;
transition: opacity .2s, transform .3s, visibility 0s .2s;
transition: opacity .2s, transform .3s, visibility 0s .2s, -webkit-transform .3s, -moz-transform .3s, -o-transform .3s
}
@media (min-width:360px) {
.cb-textpaper-jumbo-tooltip {
min-width: 280px
}
}
@media (min-width:768px) {
.cb-textpaper-jumbo-tooltip {
padding: 40px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
font-size: 18px
}
}
.cb-textpaper-jumbo-title:hover+.cb-textpaper-jumbo-tooltip,
.cb-textpaper-jumbo-tooltip.-visible {
opacity: 1;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
visibility: visible;
-webkit-transition-delay: 0s, 0s, 0s;
-moz-transition-delay: 0s, 0s, 0s;
-o-transition-delay: 0s, 0s, 0s;
transition-delay: 0s, 0s, 0s
}
.cb-textpaper-jumbo-action {
margin: 38px 0 0 0
}
@media (min-width:768px) {
.cb-textpaper-jumbo-action {
margin: 50px 0 0 0
}
}
@media (min-width:1024px) {
.cb-textpaper-jumbo-action {
margin: 60px 0 0 0
}
}
.cb-textpaper-embedded {
margin: 100px 0 0 0
}
@media (min-width:768px) {
.cb-textpaper-embedded {
margin: 110px 0 0 0
}
}
@media (min-width:1024px) {
.cb-textpaper-embedded {
margin: 220px 0 0 0
}
}
.cb-rcfeed-content.-lg {
padding: 130px 0
}
@media (min-width:768px) {
.cb-rcfeed-content.-lg {
padding: 200px 0
}
}
@media (min-width:1600px) {
.cb-rcfeed-content.-lg {
padding: 260px 0 200px 0
}
}
.cb-rcfeed-header {
-webkit-perspective: 600px;
-moz-perspective: 600px;
perspective: 600px;
margin: 0 0 15px 0
}
@media (min-width:768px) {
.cb-rcfeed-header {
margin: 0 0 18px 0
}
}
.cb-rcfeed-header h1 {
font-size: 17px;
font-weight: 400;
line-height: 294%;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: center top;
-moz-transform-origin: center top;
-ms-transform-origin: center top;
-o-transform-origin: center top;
transform-origin: center top
}
@media (min-width:768px) {
.cb-rcfeed-header h1 {
font-size: 20px;
line-height: 250%
}
}
.cb-rcfeed-title {
font-size: 28px;
line-height: 100%;
letter-spacing: -.05em
}
@media (min-width:360px) {
.cb-rcfeed-title {
font-size: 34px
}
}
@media (min-width:1200px) {
.cb-rcfeed-title {
font-size: 5.41667vw
}
}
.cb-rcfeed-title h1,
.cb-rcfeed-title h2 {
-webkit-perspective: 600px;
-moz-perspective: 600px;
perspective: 600px;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit
}
.cb-rcfeed-title h1>div,
.cb-rcfeed-title h2>div {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: center top;
-moz-transform-origin: center top;
-ms-transform-origin: center top;
-o-transform-origin: center top;
transform-origin: center top
}
.cb-rcfeed-title h1 br,
.cb-rcfeed-title h2 br {
display: none
}
@media (min-width:768px) {
.cb-rcfeed-title h1 br,
.cb-rcfeed-title h2 br {
display: block
}
}
@media (min-width:768px) {
.cb-rcfeed-title.-lg {
font-size: 6.25vw
}
}
.cb-rcfeed-filter {
padding: 50px 0 80px 0;
margin: 0 -15px;
white-space: nowrap;
overflow: auto;
-webkit-overflow-scrolling: touch
}
@media (min-width:360px) {
.cb-rcfeed-filter {
margin: 0 -30px;
padding: 50px 15px 80px 15px
}
}
@media (min-width:768px) {
.cb-rcfeed-filter {
padding: 90px 0 140px 0;
margin: 0 -25px;
overflow: visible
}
}
@media (min-width:1600px) {
.cb-rcfeed-filter {
padding: 140px 0 150px 0;
margin: 0 -30px
}
}
.cb-rcfeed-filter-item {
position: relative;
display: inline-block;
vertical-align: middle;
padding: 0 15px;
cursor: pointer;
opacity: .4;
font-size: 18px;
line-height: 100%;
text-decoration: none;
-webkit-transition: opacity .2s;
-o-transition: opacity .2s;
-moz-transition: opacity .2s;
transition: opacity .2s
}
@media (min-width:768px) {
.cb-rcfeed-filter-item {
padding: 0 25px;
font-size: 20px
}
}
@media (min-width:1600px) {
.cb-rcfeed-filter-item {
padding: 0 30px
}
}
.cb-rcfeed-filter-item span {
position: relative
}
.cb-rcfeed-filter-item span:before {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
bottom: -5px;
height: 5px;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
border-bottom: 1px solid;
-webkit-transition: -webkit-transform .2s;
transition: -webkit-transform .2s;
-o-transition: -o-transform .2s;
-moz-transition: transform .2s, -moz-transform .2s;
transition: transform .2s;
transition: transform .2s, -webkit-transform .2s, -moz-transform .2s, -o-transform .2s
}
.cb-rcfeed-filter-item:hover {
opacity: 1
}
.cb-checkbox_rounded label>input:checked~.cb-rcfeed-filter-item.cb-checkbox_rounded-box,
.cb-menu.-open .cb-menu-toggle button.cb-rcfeed-filter-item,
.cb-rcfeed-filter-item.-active {
opacity: 1
}
.cb-checkbox_rounded label>input:checked~.cb-rcfeed-filter-item.cb-checkbox_rounded-box span:before,
.cb-menu.-open .cb-menu-toggle button.cb-rcfeed-filter-item span:before,
.cb-rcfeed-filter-item.-active span:before {
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1)
}
.cb-rcfeed-items {
margin: -70px 0;
display: grid;
}
.cb-rcfeed-item {
display: block;
cursor: pointer;
margin: 70px 0;
text-decoration: none;
width: 100%;
}
@media (max-width:767px) {
.cb-rcfeed-item {
margin: 35px 0;
}
}
@media (min-width:768px) {
.cb-rcfeed-item {
display: inline-block;
padding: 0 16px;
vertical-align: top
}
.cb-rcfeed-items {
margin: -70px -16px;
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width:1200px) {
.cb-rcfeed-items {
grid-template-columns: repeat(3, 1fr);
}
}
.cb-rcfeed-item:hover {
text-decoration: none
}
.cb-rcfeed-item-img {
display: block;
position: relative;
padding-bottom: 56.41%;
overflow: hidden;
-webkit-transition: -webkit-transform .4s;
transition: -webkit-transform .4s;
-o-transition: -o-transform .4s;
-moz-transition: transform .4s, -moz-transform .4s;
transition: transform .4s;
transition: transform .4s, -webkit-transform .4s, -moz-transform .4s, -o-transform .4s
}
.cb-rcfeed-item:hover .cb-rcfeed-item-img {
-webkit-transform: scale(.97);
-moz-transform: scale(.97);
-ms-transform: scale(.97);
-o-transform: scale(.97);
transform: scale(.97)
}
.cb-rcfeed-item-img img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
image-rendering: -webkit-optimize-contrast;
-webkit-transition: -webkit-transform .4s;
transition: -webkit-transform .4s;
-o-transition: -o-transform .4s;
-moz-transition: transform .4s, -moz-transform .4s;
transition: transform .4s;
transition: transform .4s, -webkit-transform .4s, -moz-transform .4s, -o-transform .4s
}
.safari .cb-rcfeed-item-img img {
image-rendering: auto
}
.cb-rcfeed-item:hover .cb-rcfeed-item-img img {
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
-ms-transform: scale(1.02);
-o-transform: scale(1.02);
transform: scale(1.02)
}
.cb-rcfeed-item-tag {
display: block;
padding: 35px 0 0 0;
margin: 0 -6px
}
.cb-rcfeed-item-tag-item {
display: inline-block;
margin: 0 4px;
padding: 0 16px;
height: 34px;
background: #f8f8f7;
-webkit-border-radius: 52px;
-moz-border-radius: 52px;
border-radius: 52px;
font-size: 12px;
line-height: 34px;
vertical-align: middle
}
@media (min-width:360px) {
.cb-rcfeed-item-tag-item {
padding: 0 18px;
height: 38px;
font-size: 14px;
line-height: 38px
}
}
@media (min-width:768px) {
.cb-rcfeed-item-tag-item {
margin: 0 6px;
padding: 0 23px;
height: 48px;
-webkit-border-radius: 73px;
-moz-border-radius: 73px;
border-radius: 73px;
font-size: 17px;
line-height: 48px
}
}
@media (min-width:1600px) {
.cb-rcfeed-item-tag-item {
padding: 0 24px;
height: 51px;
font-size: 18px;
line-height: 51px
}
}
.cb-rcfeed-item-tag-item.-new {
color: #fff;
background: #000
}
.cb-rcfeed-item-tag-item.-locked {
color: #ff424d;
background: rgba(255, 66, 77, .1)
}
.cb-rcfeed-item-tag-item.-soon {
color: #ff424d;
background: rgba(255, 66, 77, .07)
}
.cb-rcfeed-item-title {
display: block;
padding: 24px 0 0 0;
font-size: 20px;
line-height: 118%;
letter-spacing: -.02em;
text-decoration: none
}
@media (min-width:1600px) {
.cb-rcfeed-item-title {
padding: 30px 0 0 0;
font-size: 22px
}
}
@media (min-width:1200px) {
.cb-rcfeed-item-title {
font-size: 28px
}
}
.cb-rcfeed-empty {
margin: 70px 0;
font-size: 17px;
line-height: 210%;
text-align: center
}
.cb-rcfeed-more {
padding: 60px 0 0 0;
text-align: center
}
@media (min-width:768px) {
.cb-rcfeed-more {
padding: 80px 0 0 0
}
}
.cb-topcover {
position: relative;
overflow: hidden;
height: 100%
}
.cb-topcover.-inverse {
color: #fff
}
.cb-topcover-content {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
width: 100%
}
.cb-topcover-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%
}
.cb-topcover-bg-img {
height: 100%;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
background-position: center center;
background-repeat: no-repeat
}
.cb-topcover-bg-img.-contain {
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain
}
.cb-topcover-bg-video {
position: relative;
height: 100%;
overflow: hidden
}
.cb-topcover-bg-video video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
@supports ((-o-object-fit:cover) or (object-fit:cover)) {
.cb-topcover-bg-video video {
position: static;
top: auto;
left: auto;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none
}
}
.cb-topcover-bg-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: .4;
background: #000
}
.cb-topcover-content {
position: relative
}
.cb-topcover-title {
margin: 0 0 12px 0;
font-size: 17px;
line-height: 100%
}
@media (min-width:768px) {
.cb-topcover-title {
margin: 0 0 18px 0;
font-size: 20px
}
}
.cb-topcover-header h1,
.cb-topcover-header h2 {
max-width: 300px;
-webkit-perspective: 600px;
-moz-perspective: 600px;
perspective: 600px;
font-size: 34px;
font-weight: 400;
line-height: 100%;
letter-spacing: -.05em
}
@media (min-width:768px) {
.cb-topcover-header h1,
.cb-topcover-header h2 {
max-width: 500px;
font-size: 60px
}
}
@media (min-width:1200px) {
.cb-topcover-header h1,
.cb-topcover-header h2 {
max-width: 700px;
font-size: 80px
}
}
.cb-topcover-header h1>div,
.cb-topcover-header h2>div {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: center top;
-moz-transform-origin: center top;
-ms-transform-origin: center top;
-o-transform-origin: center top;
transform-origin: center top
}
.cb-topcover-action {
margin: 25px 0 0 0
}
@media (min-width:768px) {
.cb-topcover-action {
margin: 40px 0 0 0
}
}
@media (min-width:1600px) {
.cb-topcover-action {
margin: 60px 0 0 0
}
} @media (max-width: 2560px) { .single-portafolio .cb-screenshot.all{
padding: 180px 0 !important;
}
.single-portafolio .cb-screenshot.top{
padding: 180px 0 0 0 !important;
}
.single-portafolio .cb-screenshot.bottom{
padding: 0 0 180px 0 !important;
}
.single-portafolio .cb-screenshot.none{
padding: 0 !important;
} .single-portafolio .cb-brief-content.all{
padding: 180px 0 !important;
}
.single-portafolio .cb-brief-content.top{
padding: 180px 0 0 0 !important;
}
.single-portafolio .cb-brief-content.bottom{
padding: 0 0 180px 0 !important;
}
.single-portafolio .cb-brief-content.none{
padding: 0 !important;
} .single-portafolio .cb-definition-content.all{
padding: 180px 0 !important;
}
.single-portafolio .cb-definition-content.top{
padding: 180px 0 0 0 !important;
}
.single-portafolio .cb-definition-content.bottom{
padding: 0 0 180px 0 !important;
}
.single-portafolio .cb-definition-content.none{
padding: 0 !important;
} .single-portafolio .cb-description-content.all{
padding: 180px 0 !important;
}
.single-portafolio .cb-description-content.bottom{
padding: 180px 0 150px 0 !important;
}
.single-portafolio .cb-description-content.bottom2{
padding: 180px 0 88px 0 !important;
} .single-portafolio .cb-splitshow-content.all{
padding: 180px 0 !important;
}
.single-portafolio .cb-splitshow-content.top{
padding: 180px 0 0 0 !important;
}
.single-portafolio .cb-splitshow-content.bottom{
padding: 0 0 180px 0 !important;
}
.single-portafolio .cb-splitshow-content.none{
padding: 0 !important;
} .single-portafolio .cb-feedback-content.all{
padding: 180px 0 !important;
}
.single-portafolio .cb-feedback-content.top{
padding: 180px 0 0 0 !important;
}
.single-portafolio .cb-feedback-content.bottom{
padding: 0 0 180px 0 !important;
}
.single-portafolio .cb-feedback-content.none{
padding: 0 !important;
} .single-portafolio .cb-nextcase-content{
padding: 100px 0 300px 0 !important;
}
}
@media (max-width: 1024px) { .single-portafolio .cb-screenshot.all{
padding: 100px 0 !important;
}
.single-portafolio .cb-screenshot.top{
padding: 100px 0 0 0 !important;
}
.single-portafolio .cb-screenshot.bottom{
padding: 0 0 100px 0 !important;
}
.single-portafolio .cb-screenshot.none{
padding: 0 !important;
} .single-portafolio .cb-brief-content.all{
padding: 100px 0 !important;
}
.single-portafolio .cb-brief-content.top{
padding: 100px 0 0 0 !important;
}
.single-portafolio .cb-brief-content.bottom{
padding: 0 0 100px 0 !important;
}
.single-portafolio .cb-brief-content.none{
padding: 0 !important;
} .single-portafolio .cb-definition-content.all{
padding: 100px 0 !important;
}
.single-portafolio .cb-definition-content.top{
padding: 100px 0 0 0 !important;
}
.single-portafolio .cb-definition-content.bottom{
padding: 0 0 100px 0 !important;
}
.single-portafolio .cb-definition-content.none{
padding: 0 !important;
} .single-portafolio .cb-description-content.all{
padding: 100px 0 !important;
}
.single-portafolio .cb-description-content.bottom{
padding: 100px 0 150px 0 !important;
}
.single-portafolio .cb-description-content.bottom2{
padding: 100px 0 88px 0 !important;
} .single-portafolio .cb-splitshow-content.all{
padding: 100px 0 !important;
}
.single-portafolio .cb-splitshow-content.top{
padding: 100px 0 0 0 !important;
}
.single-portafolio .cb-splitshow-content.bottom{
padding: 0 0 100px 0 !important;
}
.single-portafolio .cb-splitshow-content.none{
padding: 0 !important;
} .single-portafolio .cb-feedback-content.all{
padding: 100px 0 !important;
}
.single-portafolio .cb-feedback-content.top{
padding: 100px 0 0 0 !important;
}
.single-portafolio .cb-feedback-content.bottom{
padding: 0 0 100px 0 !important;
}
.single-portafolio .cb-feedback-content.none{
padding: 0 !important;
} .single-portafolio .cb-nextcase-content{
padding: 100px 0 250px 0 !important;
}
}
@media (max-width: 767px) {
.single-portafolio .cb-screenshot.all{
padding: 80px 0 !important;
}
.single-portafolio .cb-screenshot.top{
padding: 80px 0 0 0 !important;
}
.single-portafolio .cb-screenshot.bottom{
padding: 0 0 80px 0 !important;
}
.single-portafolio .cb-screenshot.none{
padding: 0 !important;
} .single-portafolio .cb-brief-content.all{
padding: 80px 0 !important;
}
.single-portafolio .cb-brief-content.top{
padding: 80px 0 0 0 !important;
}
.single-portafolio .cb-brief-content.bottom{
padding: 0 0 80px 0 !important;
}
.single-portafolio .cb-brief-content.none{
padding: 0 !important;
} .single-portafolio .cb-definition-content.all{
padding: 80px 0 !important;
}
.single-portafolio .cb-definition-content.top{
padding: 80px 0 0 0 !important;
}
.single-portafolio .cb-definition-content.bottom{
padding: 0 0 80px 0 !important;
}
.single-portafolio .cb-definition-content.none{
padding: 0 !important;
} .single-portafolio .cb-description-content.all{
padding: 80px 0 !important;
}
.single-portafolio .cb-description-content.bottom{
padding: 80px 0 150px 0 !important;
}
.single-portafolio .cb-description-content.bottom2{
padding: 80px 0 88px 0 !important;
} .single-portafolio .cb-splitshow-content.all{
padding: 80px 0 !important;
}
.single-portafolio .cb-splitshow-content.top{
padding: 80px 0 0 0 !important;
}
.single-portafolio .cb-splitshow-content.bottom{
padding: 0 0 80px 0 !important;
}
.single-portafolio .cb-splitshow-content.none{
padding: 0 !important;
} .single-portafolio .cb-feedback-content.all{
padding: 80px 0 !important;
}
.single-portafolio .cb-feedback-content.top{
padding: 80px 0 0 0 !important;
}
.single-portafolio .cb-feedback-content.bottom{
padding: 0 0 80px 0 !important;
}
.single-portafolio .cb-feedback-content.none{
padding: 0 !important;
} .single-portafolio .cb-nextcase-content{
padding: 100px 0 200px 0 !important;
}
}
.cf7-form__textarea {
overflow: hidden;
overflow-wrap: break-word;
height: 93px;
}
.dnd-upload-image{
display: none !important;
}
.dnd-progress-bar{
display: none !important; 
}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar{
display: none !important; 
}
.dnd-upload-status .dnd-upload-details{
padding-left: 0;
width: auto;
display: flex;
flex-direction: row-reverse;
align-items: center;
}
.dnd-upload-status .dnd-upload-details .remove-file{
position: static;
margin: 0 0 0 2px;
}
.dnd-upload-status .dnd-upload-details .name{
color: black !important;
font-size: 20px;
font-weight: inherit;
line-height: 100%;
letter-spacing: -.01em;
word-break: break-word;
}
.dnd-upload-status{
padding: 12px 0;
}
.dnd-upload-status .dnd-upload-details .name em{
display: none !important;
}
.dnd-upload-status .dnd-upload-details .name span{
overflow: inherit !important;
}
.dnd-icon-remove{
position: relative;
max-width: 13px;
max-height: 13px;
min-width: 13px;
min-height: 13px;
margin: 4px 17px 0 2px;
display: block;
font-size: 0 !important;
}
.dnd-icon-remove::before{
content: "";
display: block;
position: absolute;
top: 6px;
left: 0;
right: 0;
height: 2px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
background: black;
}
.dnd-icon-remove::after{
content: "";
width: auto !important;
height: auto !important;
background-image: none !important;
display: block;
position: absolute;
top: 6px;
left: 0;
right: 0;
height: 2px !important;
background: black;
webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.codedropz-upload-inner{
text-align: left;
}
.codedropz-upload-inner > h3{
display: none;
}
.codedropz-upload-inner > span{
display: none;
}
.cd-upload-btn{
font-size: 0;
}
.cd-upload-btn:after{
content:"Agregar archivos adjuntos";
font-size: 22px;
font-weight: 600;
line-height: 27px;
}
.cd-upload-btn:before{
content: "";
position: relative;
display: inline-block;
vertical-align: middle;
background-image: url(//anderson-mkt.com/wp-content/themes/huk-theme-andina-universal/assets/img/atach.svg);
display: inline-block;
width: 18px;
height: 18px;
fill: currentColor;
vertical-align: middle;
margin: 0 15px 0 0;
-webkit-transition: -webkit-transform .35s cubic-bezier(.34,1.56,.64,1);
transition: -webkit-transform .35s cubic-bezier(.34,1.56,.64,1);
-o-transition: -o-transform .35s cubic-bezier(.34,1.56,.64,1);
-moz-transition: transform .35s cubic-bezier(.34,1.56,.64,1),-moz-transform .35s cubic-bezier(.34,1.56,.64,1);
transition: transform .35s cubic-bezier(.34,1.56,.64,1);
transition: transform .35s cubic-bezier(.34,1.56,.64,1),-webkit-transform .35s cubic-bezier(.34,1.56,.64,1),-moz-transform .35s cubic-bezier(.34,1.56,.64,1),-o-transform .35s cubic-bezier(.34,1.56,.64,1);
}
.codedropz-upload-handler{
border: none;
}
.dnd-upload-counter{
display: none;
}
.cb-input_file{
display: inline-block !important;
}
.codedropz-upload-container{
padding: 0;
}
.codedropz-upload-inner{
overflow: inherit;
}
.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn{
display: flex;
align-items: center;
}.cb-rcfeed-items_add.add_loading{min-height:400px;background-image:url(//anderson-mkt.com/wp-content/themes/huk-theme-andina-universal/assets/img/ajax-loader.svg);background-repeat:no-repeat;background-position:center center}div.sib-sms-field {
display: inline-block;
position: relative;
width: 100%;
}
.sib-sms-field .sib-country-block {
position: absolute;
right: auto;
left: 0;
top: 0;
bottom: 0;
padding: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sib-country-block .sib-toggle.sib-country-flg {
z-index: 1;
position: relative;
width: 46px;
height: 100%;
padding: 0 0 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #dbdbdb;
cursor: pointer;
}
.sib-country-block .sib-toggle .sib-cflags {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
height: 15px;
width: 20px;
background-repeat: no-repeat;
background-color: #dbdbdb;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-image: url(//anderson-mkt.com/wp-content/plugins/mailin/img/flags/fr.png);
}
.sib-country-block .sib-toggle .sib-icon-arrow {
position: absolute;
top: 50%;
margin-top: -2px;
right: 6px;
width:  0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid;
}
.sib-sms-field ul.sib-country-list {
position: absolute;
z-index: 2;
list-style: none;
text-align: left;
padding: 0px;
margin: 0px 0px 0px -1px;
box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 4px;
background-color: white;
border: 1px solid rgb(204, 204, 204);
white-space: nowrap;
max-height: 150px;
overflow-y: scroll;
overflow-x: hidden;
top: 50px;
width: 250px;
}
.sib-sms-field ul.sib-country-list li.sib-country-prefix {
font-size: 14px;
padding:1px 10px;
cursor: pointer;
}
.sib-sms-field ul.sib-country-list li.sib-country-prefix:hover {
background-color: #dbdbdb;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box {
width: 20px;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box .sib-flag {
height: 18px;
width: 20px;
background-image: url(//anderson-mkt.com/wp-content/plugins/mailin/img/flags/ad.png);
vertical-align: middle;
display: inline-block;
background-repeat:no-repeat;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box .sib-dial-code {
margin-left: 20px;
}
.sib-sms-field .sib-sms {
padding-right: 6px;
padding-left: 52px;
margin-left: 0;
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-right: 0;
}
.sib-multi-lists.sib_error {
color: #A94442;
}