/home/bdqbpbxa/demo-subdomains/adaptiq.goodface.com.ua/frontend/css/adaptive.css
@media screen and (min-width: 1300px) {
.locations-wrapper__right {
min-width: 608px;
}
/** Home page | main cube */
.main__img-wrapper {
height: 100%;
}
.main__img-wrapper:before {
display: none;
}
}
@media screen and (max-width: 1100px) {
.main__slider-content {
max-width: 60%;
}
}
@media screen and (max-width: 1400px) {
/* Page name | .block-class-name */
}
@media screen and (max-width: 1260px) {
/* Page name | .block-class-name */
}
@media screen and (max-width: 1024px) {
/** Homepage | stats-section */
.stats-section__wrapper {
justify-content: flex-start;
flex-direction: column;
}
.stats-section__left .default-button {
margin-top: var(--small-margin-betwen-title-content);
}
.stats-section__item+.stats-section__item {
padding-top: 8px;
margin-top: 16px;
}
.stats-section__right {
width: 100%;
margin: var(--margin-betwen-content) 0 0 0;
}
/** Homepage | industry-section */
.industry-section__slider {
cursor: auto;
padding: 0 16px;
}
.industry-section__slider,
.industry-section__slider * {
cursor: auto;
}
.industry-card {
width: 328px;
height: 488px;
}
.industry-card__inner {
padding: 23px 15px;
}
.industry-card .text {
margin: var(--margin-betwen-text) 0 var(--margin-betwen-text) 0;
-webkit-line-clamp: 8;
}
.industry-card .img {
width: 160px;
height: 184px;
}
.industry-card.-white .img {
position: relative;
left: 0;
top: auto;
transform: none;
}
.industry-card.-white .default-button {
opacity: 1;
pointer-events: auto;
transform: none;
}
@media screen and (min-width: 760px) {
.industry-card.swiper-slide-active,
.industry-card.swiper-slide-next {
border: 1px solid var(--grey);
}
.industry-card.swiper-slide-active .text,
.industry-card.swiper-slide-next .text {
opacity: 0.87;
}
.industry-card.swiper-slide-active .img img:last-child,
.industry-card.swiper-slide-next .img img:last-child {
opacity: 1;
}
}
/** Homepage | locations-section */
.locations-section .locations-wrapper {
margin-top: var(--margin-betwen-text);
}
.locations-wrapper {
flex-direction: column-reverse;
}
.locations-wrapper__left {
margin-right: 0;
margin-top: var(--margin-betwen-text);
}
.locations-wrapper__left>.title {
margin-top: var(--margin-betwen-text);
}
.locations-wrapper__left>.default-button {
margin-top: var(--margin-betwen-text);
}
.locations-wrapper__right {
min-width: auto;
width: 100%;
max-width: 80%;
margin: 0 auto;
}
.map-wrapper {
margin-top: 0;
}
/*! About | team-section */
.team-big-list {
grid-template-columns: repeat(4, 1fr);
}
.team-member-big .img {
height: auto;
}
.team-member-big .img img {
height: auto;
}
.team-small-list {
grid-template-columns: repeat(4, 1fr);
}
.team-small-list .img {
position: relative;
grid-column: span 1;
}
.team-small-list .text-block {
grid-column: span 4;
grid-row: span 2;
padding: 24px 0;
}
.team-small-list .join-team {
grid-column: span 4;
padding: 24px;
}
.team-small-list .img.-mobile-hidden {
display: none;
}
.team-small-list .join-team .text {
margin-top: 26px;
}
/*! Job opening | job-main-description */
.job-main-description {
display: block;
margin: 0 0 var(--margin-betwen-content) 0;
padding: 0;
border: none;
}
.job-main-description__left {
padding: var(--margin-betwen-text) 0;
width: 100%;
margin: 0;
}
.job-main-description__right {
padding-top: var(--margin-betwen-text);
width: 100%;
margin: 0;
border-bottom: none;
}
.editor .job-main-description__right+* {
margin-top: 0;
}
/*! Job opening | article-section */
.article-section {
margin: 0 0 var(--margin-betwen-title-content) 0;
}
.article-section.-terms-conditions {
margin: var(--margin-betwen-title-content) 0 var(--margin-betwen-blocks) 0;
}
.article__wrapper {
flex-direction: column;
}
.article__left {
position: relative;
top: 0;
margin: 0;
width: 100%;
min-width: auto;
}
.article__left .job-main-description__right {
display: flex;
}
.article__right {
margin-top: var(--margin-betwen-blocks);
min-width: auto;
width: 100%;
padding-right: 0;
}
.article__right .job-main-description__right {
display: none;
}
.article-section.-terms-conditions .article__right {
margin-top: var(--margin-betwen-content);
}
.article__left .buttons-container {
margin-top: var(--margin-betwen-content);
}
.article__left .buttons-container .default-button {
margin-bottom: 0;
}
.cta-section.-not-home {
margin: var(--margin-betwen-blocks) 0 var(--margin-betwen-content) 0;
}
.cta-section+.breadcrumbs-section {
margin: var(--margin-betwen-content) 0 var(--margin-betwen-text) 0;
}
.breadcrumbs-section {
margin: var(--margin-betwen-content) 0 var(--margin-betwen-text) 0;
}
/** Services | discovery-section */
.discovery-section {
margin: var(--margin-betwen-blocks) 0;
}
.discovery-wrapper {
flex-direction: column-reverse;
}
.discovery-wrapper__left {
width: 100%;
margin-right: 0;
}
.discovery-wrapper__right {
width: 100%;
max-width: 400px;
padding: 0;
margin: 0 auto 64px auto;
}
.discovery-wrapper__right .img.-active {
opacity: 1;
pointer-events: auto;
position: relative;
}
.discovery-wrapper__right .img {
width: 100%;
}
.article-section.-terms-conditions .article__right {
width: 100%;
}
/** Contact | section-contact */
.section-contact {
padding: var(--margin-betwen-blocks) 0;
min-height: calc(var(--window-inner-height) - 56px);
}
.wrapper-contact {
flex-direction: column;
}
.wrapper__left-contact {
margin-right: 0;
width: 100%;
}
.wrapper__right-contact {
width: 100%;
}
.wrapper__left-contact .img {
display: none;
}
.contact-pc {
display: none;
}
.contact-mobile {
display: block;
}
.wrapper__right-contact .form {
margin: var(--margin-betwen-content) 0;
}
/** Careers | hiring-section */
.hiring-section {
margin: var(--margin-betwen-blocks) 0 -80px 0;
}
.hiring-slider {
margin-top: 48px;
}
.hiring-slide {
padding-right: 0;
width: 300px;
}
.hiring-slide__point-status {
margin: 13px 0 21px 0;
}
.swiper-progress {
top: 48px;
}
.hiring-slide__content-container {
margin-top: 21px;
}
/** position-filter */
.position-filter {
justify-content: space-between;
}
.position-filter .filter-dropdown {
width: calc(50% - 8px);
margin-right: 0;
}
.position-filter .filter-dropdown:nth-child(odd) {
margin-right: var(--margin-betwen-text);
}
.position-card .title {
width: 100%;
position: relative;
padding-right: 30px;
}
.position-card .title .-arrow {
position: absolute;
right: 0;
margin: 0;
left: auto !important;
}
.position-card .job-main-description {
display: block;
padding-top: 0;
border-top: none;
width: 100%;
}
.position-card .job-main-description__left {
padding: 0 0 var(--margin-betwen-text) 0;
width: 100%;
border-bottom: 1px solid var(--grey);
}
.position-card .job-main-description__right {
padding: var(--margin-betwen-text) 0 0 0;
width: 100%;
}
.position-card {
padding: var(--margin-betwen-text);
}
/** careers | talent-section*/
.talent-section {
margin: var(--margin-betwen-blocks) 0 var(--margin-betwen-content) 0;
}
.talent-wrapper {
flex-direction: column;
padding-top: var(--margin-betwen-content);
}
.talent-wrapper__left {
width: 100%;
}
.talent-wrapper__right {
margin-top: var(--margin-betwen-content);
width: 100%;
}
/** Home pgae | main-section*/
.main__wrapper {
position: relative;
height: auto;
padding-bottom: 47px;
}
.main__wrapper.--black-section {
background: radial-gradient(165.08% 77.15% at 50.28% 77.15%, rgba(255, 0, 0, 0.4) 0%, rgba(237, 59, 68, 0) 100%), #1F1F1F;
}
.main__slider {
position: static;
height: auto;
padding: 0;
}
.main__slider-slide {
padding: 48px 16px 0 16px;
}
.main__wrapper:not(.--black-section) {
padding-bottom: 0;
}
.main__wrapper:not(.--black-section) .main__slider-slide {
padding: 48px 16px 0 16px;
}
.main__slider .main__slider-pagination {
bottom: 16px !important;
left: 16px !important;
height: 16px;
}
.main__slider-content {
max-width: 100%;
height: auto;
}
.main__slider-content .title+.default-button {
margin-top: var(--margin-betwen-content);
}
.main__slider .swiper__navigation-button {
display: none;
}
.main__img {
margin: 0 auto 0 auto;
position: relative;
max-height: 618px;
max-width: 618px;
width: 100%;
/* max-width: 345px; */
}
.main__img:before {
content: '';
display: block;
padding-top: 100%;
}
.main__img-wrapper {
width: 100%;
height: 100%;
transform: translate(-47%, -74%) rotate(-24deg);
}
.main__img-wrapper:before {
display: none;
}
.cube.-red-cube-1 {
transform: translate3d(72.6236%, -371.648%, 0px) rotate(8.9196deg) scale(0.6501, 0.6501);
}
.cube.-red-cube-2 {
transform: translate3d(50.6236%, -252.626%, 0px) rotate(-20.8127deg) scale(0.6829, 0.6829);
}
.cube.-red-cube-3 {
transform: translate3d(303.1581%, -341.528%, 0px) rotate(9.9108deg) scale(0.9306, 0.9306);
}
.cube.-red-cube-4 {
transform: translate(401%, -257%) rotate(39.0003deg) scale(0.77, 0.77)
}
.cube.-red-cube-5 {
transform: translate(-12%, -185%) scale(0.88) rotate(0deg);
}
.cube.-red-cube-6 {
transform: translate(177%, -310%) scale(0.95, 0.95) rotate(-30deg);
}
.cube.-red-cube-7 {
transform: translate(182%, -420%) rotate(39.0002deg) skew(0.000500306deg, 0deg) scale(0.89, 0.89);
}
.hiring-slide.swiper-slide-prev .hiring-slide__title-number,
.hiring-slide.swiper-slide-next .hiring-slide__title-number,
.hiring-slide.swiper-slide-active .hiring-slide__title-number {
color: var(--background-dark);
}
.hiring-slide.swiper-slide-prev .hiring-slide__title-number .number,
.hiring-slide.swiper-slide-next .hiring-slide__title-number .number,
.hiring-slide.swiper-slide-active .hiring-slide__title-number .number {
color: var(--red);
background-color: rgba(237, 59, 68, 0.16);
}
.hiring-slide.swiper-slide-prev .hiring-slide__point-status,
.hiring-slide.swiper-slide-next .hiring-slide__point-status,
.hiring-slide.swiper-slide-active .hiring-slide__point-status {
background: var(--red);
}
}
@media screen and (max-width: 760px) {
/* Page name | .block-class-name */
main {
padding-top: 56px;
}
/** Homepage | industry-section */
.industry-card.swiper-slide-active {
border: 1px solid var(--grey);
}
.industry-card.swiper-slide-active .text {
opacity: 0.87;
}
.industry-card.swiper-slide-active .img img:last-child {
opacity: 1;
}
/** Homepage | cases-section */
.cases-small-list {
flex-direction: column;
}
.cases-small-list .case-card {
width: 100%;
}
.cases-small-list .case-card:first-child {
margin-top: 0;
}
.cases-small-list .case-card:nth-child(2) {
margin-top: var(--margin-betwen-content);
}
.cases-small-list .case-card:nth-child(even) {
margin-left: 0;
}
.cases-section .default-button {
width: 100%;
}
/** Homepage | locations-section */
.locations-wrapper__right {
max-width: 100%;
}
.locations-wrapper__left>.default-button {
width: 100%;
}
/** Homepage | cta-section */
.cta-section {
margin: var(--margin-betwen-blocks) 0;
}
.cta-wrapper {
padding: 0;
background: radial-gradient(97.07% 74.89% at 50% 74.89%, rgba(237, 59, 68, 0.4) 0%, rgba(237, 59, 68, 0) 100%)
/* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
, #1F1F1F;
flex-direction: column;
}
.cta-wrapper .default-button {
width: 100%;
margin-top: var(--margin-betwen-content);
}
.cta-wrapper__img {
position: relative;
height: auto;
width: 100%;
max-width: 100%;
}
.cta-wrapper__img picture,
.cta-wrapper__img img {
height: auto;
width: 100%;
}
.cta-wrapper:before {
content: '';
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 100%;
height: 100%;
display: block;
background: no-repeat center / cover url('../images/cases/noise.png');
}
.cta-wrapper__content {
max-width: 100%;
padding: var(--margin-betwen-content) var(--margin-betwen-text);
}
.cta-wrapper.-another .cta-wrapper__content {
max-width: 100%;
padding: var(--margin-betwen-content) var(--margin-betwen-text) 20px var(--margin-betwen-text);
}
.cta-wrapper.-another-2 .cta-wrapper__content {
max-width: 100%;
padding: var(--margin-betwen-content) 24px 20px var(--margin-betwen-text);
}
/*! About | team-section */
.team-big-list {
grid-template-columns: repeat(2, 1fr);
}
/*! Job opening | article-section */
.article__left .buttons-container {
flex-direction: column;
}
.article__left .buttons-container .default-button {
margin-bottom: 0;
width: 100%;
}
.article__left .buttons-container .default-button+.default-button {
margin-top: var(--margin-betwen-text);
}
.article__left .buttons-container .default-button:not(:nth-child(2n+2)) {
margin-right: 0;
}
/* breadcrumbs */
.pc-breadcrumbs {
display: none;
}
.mob-breadcrumbs {
display: block;
}
.breadcurmbs__wrapper a {
position: relative;
display: flex;
justify-content: flex-start;
align-items: center;
margin-left: 24px;
}
.breadcurmbs__wrapper a:before {
content: '';
position: absolute;
left: -24px;
width: 16px;
height: 16px;
background: no-repeat center / contain url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzYwMV8xOTU4NikiPgo8Y2lyY2xlIG9wYWNpdHk9IjAuMzIiIGN4PSI4IiBjeT0iOCIgcj0iOCIgZmlsbD0iI0JCQkJCQiIvPgo8cGF0aCBkPSJNOS41IDRMNS41IDhMOS41IDEyIiBzdHJva2U9IiMxMTExMTEiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF82MDFfMTk1ODYiPgo8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==');
}
/** 404 | 404-section */
.section-404 {
padding: var(--margin-betwen-blocks) 0;
}
.section-404 {
padding: var(--margin-betwen-blocks) 0;
min-height: calc(var(--window-inner-height) - 56px);
}
.wrapper-404 {
flex-direction: column;
}
.wrapper__left-404 {
width: 100%;
}
.wrapper__right-404 {
margin-top: 72px;
width: 100%;
}
.wrapper__left-404 .default-button {
width: 100%;
}
/** Careers | percs-section */
.percs-wrapper {
grid-template-columns: repeat(2, 1fr);
}
.percs-wrapper .perc .title {
margin-top: var(--margin-betwen-text);
}
.hiring-slide.swiper-slide-next .hiring-slide__title-number .number {
color: var(--grey);
background-color: rgba(187, 187, 187, 0.32);
}
.hiring-slide.swiper-slide-next .hiring-slide__point-status {
background: var(--grey);
}
/** position-filter */
.position-filter .filter-dropdown {
width: 100%;
margin-right: 0;
}
.position-filter .filter-dropdown:nth-child(odd) {
margin-right: 0;
}
.position-filter .filter-dropdown:last-child {
margin-bottom: 0;
}
.position-wrapper,
.position-wrapper .position-list {
margin-top: var(--margin-betwen-content);
}
.position-list__container .position-card {
grid-column: span 2;
}
.position-list .default-button {
width: 100%;
}
/** Home pgae | main-section*/
.main__slider-content .title+.default-button {
width: 100%;
}
.cube.-red-cube-1 {
transform: translate3d(72.6236%, -371.648%, 0px) rotate(8.9196deg) scale(0.6501, 0.6501);
}
.cube.-red-cube-2 {
transform: translate(187.6236%, -422.626%) rotate(-20.8123deg) scale(0.6829, 0.6829);
}
.cube.-red-cube-3 {
transform: translate(390%, -493.528%) rotate(9.9108deg) scale(0.9306, 0.9306);
}
.cube.-red-cube-4 {
transform: translate(401%, -257%) rotate(39.0003deg) scale(0.77, 0.77)
}
.cube.-red-cube-5 {
transform: translate(313%, -361%) scale(0.88, 0.88);
}
.cube.-red-cube-6 {
transform: translate(214%, -303%) rotate(-30.0001deg) scale(0.95, 0.95);
}
.cube.-red-cube-7 {
transform: translate(208%, -520%) rotate(39.0002deg) skew(0.000500306deg, 0deg) scale(0.89, 0.89);
}
}