[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
transition-duration: 0.4s;
}
[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
transition-duration: 0.8s;
}
[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
transition-duration: 1.2s;
}
[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
transition-duration: 1.6s;
}
[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
transition-duration: 2s;
}
[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
transition-duration: 2.4s;
}
[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
transition-duration: 2.8s;
}
body[data-aos-duration="1500"] [data-aos] {
transition-duration: 1.5s;
}
body[data-aos-delay="1000"] [data-aos] {
transition-delay: 1s;
}
body[data-aos-delay="500"] [data-aos] {
transition-delay: 0.5s;
}
[data-aos][data-aos][data-aos-delay="200"] {
transition-delay: 0.2s;
}
[data-aos][data-aos][data-aos-delay="400"] {
transition-delay: 0.4s;
}
[data-aos][data-aos][data-aos-delay="600"] {
transition-delay: 0.6s;
}
[data-aos][data-aos][data-aos-delay="800"] {
transition-delay: 0.8s;
}
[data-aos][data-aos][data-aos-delay="1000"] {
transition-delay: 1s;
}
[data-aos][data-aos][data-aos-delay="1200"] {
transition-delay: 1.2s;
}
[data-aos][data-aos][data-aos-delay="1400"] {
transition-delay: 1.4s;
}
[data-aos][data-aos][data-aos-delay="1600"] {
transition-delay: 1.6s;
}
[data-aos][data-aos][data-aos-delay="1800"] {
transition-delay: 1.8s;
}
[data-aos][data-aos][data-aos-delay="2000"] {
transition-delay: 2s;
}
[data-aos][data-aos][data-aos-delay="2200"] {
transition-delay: 2.2s;
}
[data-aos][data-aos][data-aos-delay="2400"] {
transition-delay: 2.4s;
}
[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease;
}
[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
transition-timing-function: ease-in;
}
[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
transition-timing-function: ease-out;
}
[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
transition-timing-function: ease-in-out;
}
[data-aos^=fade][data-aos^=fade] {
opacity: 0;
transition-property: opacity, transform;
}
[data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
transform: translateZ(0);
}
[data-aos^=scale][data-aos^=scale] {
transition-property: transform;
}
[data-aos=scaleX] {
opacity: 0;
transform: scaleX(0);
}
[data-aos=scaleX].aos-animate {
opacity: 1;
transform: scaleX(1);
}
[data-aos=scaleY] {
opacity: 0;
transform: scaleY(0.005);
}
[data-aos=scaleY].aos-animate {
opacity: 1;
transform: scaleY(1);
}
body.no-aos-anim [data-aos] {
opacity: 1 !important;
transform: scaleY(1) !important;
transform: scaleX(1) !important;
}
.divider_v.invert {
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
}
.divider_h.divider {
width: 100%;
}
.advant_title-num.gray {
color: #000;
background-color: #e8e8e8;
}
.text-center {
text-align: center;
}
.is--color-dark {
color: #000;
}
.header_logo-fullwigth > img {
width: 100%;
}
.is--prm_master .col.is--dash.is--horizontal,
.is--prm_master .col.is--dash.is--vertical {
background-color: #d4d4d4;
}
.advants.is--mini {
grid-row-gap: 20px;
margin-top: 50px;
margin-bottom: 50px;
}
.form_txt-field.is--color-000 {
color: #000;
}
.hd_star {
grid-column-gap: 10px;
color: #fff;
align-items: center;
display: flex;
padding-top: 10px;
}
.hd_star-wrp {
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
justify-content: center;
align-items: center;
width: 61px;
height: 61px;
display: flex;
position: relative;
}
.hd_star-txt {
align-items: center;
max-width: 17ch;
margin-bottom: -2px;
display: flex;
} .mfp-fade.mfp-bg {
opacity: 0;
transition: all 0.35s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
transition: all 0.35s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}
.tarif_select {
position: relative;
}
.tarif_select:first-child .tarif_select__list {
border-left: none;
}
.tarif_select__head {
position: relative;
display: none;
width: 100%;
outline: none;
padding: 7px 30px 7px 7px;
border-radius: 5px;
color: #626262;
border: 1px solid #E8E8E8;
background: #E8E8E8;
cursor: pointer;
line-height: 1;
height: 100%;
}
.tarif_select__head.open {
border-bottom-color: transparent;
border-radius: 5px 5px 0 0;
}
.tarif_select__head.open::after {
transform: rotate(180deg);
}
.tarif_select__head.open + .tarif_select__list {
display: flex;
}
.tarif_select__head::after {
content: "";
position: absolute;
display: block;
width: 12px;
height: 100%;
background: url(//hanston.ru/wp-content/themes/jirs-groovy-site_1685354555/img/arr-d.svg) center center no-repeat;
background-size: contain;
pointer-events: none;
top: 0;
right: 10px;
z-index: 1;
}
.tarif_select__list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
border-left: 1px solid #626262;
padding-left: 10px;
margin-bottom: 0;
}
.tarif_select__item {
z-index: 0;
position: relative;
display: block;
text-align: left;
cursor: pointer;
padding: 5px 35px 5px 10px;
border-radius: 8px;
overflow: hidden;
margin: 0 10px 0px 0;
cursor: pointer;
display: inline-flex;
}
.tarif_select__item span {
position: absolute;
display: inline-block;
top: 8px;
right: 10px;
width: 14px;
height: 14px;
z-index: 1;
margin-left: 10px;
}
.tarif_select__item span:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
cursor: pointer;
border: 1px solid #626262;
border-radius: 7px;
box-sizing: border-box;
}
.tarif_select__item span:after {
border-radius: 5px;
width: 10px;
height: 10px;
left: 2px;
top: 2px;
box-sizing: border-box;
background: transparent;
}
.tarif_select__item span:before, .tarif_select__item span:after {
content: "";
display: inline-block;
position: absolute;
}
.tarif_select__item.active {
background-color: #E8E8E8;
}
.tarif_select__item.active span:after {
background: #626262;
}
@keyframes unfoldIn {
0% {
transform: scaleY(0.005) scaleX(0);
}
50% {
transform: scaleY(0.005) scaleX(1);
}
100% {
transform: scaleY(1) scaleX(1);
}
}
@keyframes unfold2In {
0% {
transform: scaleY(0.005);
}
100% {
transform: scaleY(1);
}
}
@keyframes unfoldOut {
0% {
transform: scaleY(1) scaleX(1);
}
50% {
transform: scaleY(0.005) scaleX(1);
}
100% {
transform: scaleY(0) scaleX(0);
}
}
@keyframes unfold2Out {
0% {
transform: scaleY(1);
}
100% {
transform: scaleY(0);
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes flipY {
0% {
transform: translateY(0px);
}
50% {
transform: translateY(-10px);
}
100% {
transform: translateY(0px);
}
}
@keyframes slideIn {
0% {
transform: scaleY(0);
opacity: 0;
display: block;
}
100% {
transform: scaleY(1);
opacity: 1;
}
}
@media screen and (max-width: 1680px) {
.tarif_select__item {
padding: 5px 30px 5px 10px;
}
.tarif_select__item span {
top: 7px;
right: 8px;
width: 12px;
height: 12px;
}
.tarif_select__item span:before {
border-radius: 6px;
}
.tarif_select__item span:after {
border-radius: 5px;
width: 8px;
height: 8px;
left: 2px;
top: 2px;
background: transparent;
}
}
.bs-bg--white {
background-color: #fff;
}
.bs-bg--f5f5f5 {
background-color: #f5f5f5;
}
.bs-bg--DBDBDB {
background-color: #DBDBDB;
}
.bs-bg--semigrey {
background-color: #626262;
}
.bs-bg--282828 {
background-color: #282828;
}
.bs-bg--black {
background-color: #000;
}
.bs-bg--black {
background-color: #000;
}
.bs-bg--gold {
background-color: #a38e65;
}
.bs-txt--semigrey {
color: #626262;
}
.bs-txt--white {
color: #fff;
}
.bs-txt--gold {
color: #a38e65;
}
.bs-txt--black {
color: #000;
}
.bs-txt--d4d4d4 {
color: #d4d4d4;
}
.bs-txt--808080 {
color: #808080;
}
.nav_top-btn-wrp .nav_top-btn.is--promo {
background-color: transparent;
color: #ffffff;
}
.nav_top-btn-wrp-before {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.nav_top-btn-wrp-before .nav_logo {
margin-right: 30px;
}
.nav .star_txt {
max-width: 21ch;
}
.prm_txt--h2 {
font-size: 84px;
line-height: 1;
font-family: Editorialgrotesk, sans-serif;
}
.prm_txt--b {
font-size: 48px;
line-height: 1.3;
}
.prm_txt--m {
font-size: 32px;
line-height: 1.3;
}
.prm_txt--s {
font-size: 20px;
line-height: 1.4;
}
.prm_txt--xs {
font-size: 18px;
line-height: 1.4;
}
.hd-desc {
line-height: 1;
font-size: inherit;
display: inline-block;
margin: 0;
letter-spacing: normal;
font-weight: 400;
}
.hd-cloud-green {
margin-right: 15px;
display: inline-flex;
align-items: center;
}
.hd-cloud-green:before {
content: "";
display: block;
border-radius: 50%;
width: 16px;
height: 16px;
margin-right: 15px;
background-color: #5CB45A;
}
.breadcrumbs_sep {
background-image: url(//hanston.ru/wp-content/themes/jirs-groovy-site_1685354555/img/arrow-right-EB.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.prm_ul ul,
ul.prm_ul {
padding-left: 0;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
}
.prm_ul li {
position: relative;
width: 50%;
list-style: none;
list-style-type: none;
padding-left: 20px;
margin-bottom: 10px;
line-height: 1.5;
}
.prm_ul li:before {
content: "";
display: block;
width: 10px;
height: 10px;
background-image: url(//hanston.ru/wp-content/themes/jirs-groovy-site_1685354555/img/round-li.png);
background-size: cover;
position: absolute;
top: 10px;
left: 0;
}
.b_padding-vl {
padding-top: 60px;
padding-bottom: 60px;
}
.b_padding-vtl {
padding-top: 60px;
}
.b_padding-vbl {
padding-bottom: 60px;
}
.b_padding-vxl {
padding-top: 120px;
padding-bottom: 120px;
}
.b_padding-vtxl {
padding-top: 120px;
}
.b_padding-vbxl {
padding-bottom: 120px;
}
.b_padding-vl.is--fs-slider, .b_padding-vxl.is--fs-slider {
max-width: 100vw;
margin-right: -40px;
padding-right: 40px;
overflow: hidden;
}
.b_padding-h {
width: 100%;
padding-left: 60px;
padding-right: 60px;
}
.mb-1 {
margin-bottom: 20px;
}
.mb-3 {
margin-bottom: 50px;
}
.mb-block {
margin-bottom: 120px;
}
.mt-1 {
margin-top: 20px;
}
.mt-3 {
margin-top: 50px;
}
.mt-block {
margin-top: 120px;
}
.checkbox-item {
position: relative;
border-radius: 8px;
overflow: hidden;
margin: 0 10px 0px 0;
cursor: pointer;
display: inline-flex;
}
.checkbox-item label {
text-align: center;
z-index: 0;
position: relative;
margin: auto;
display: block;
font-weight: normal;
cursor: pointer;
padding: 5px 35px 5px 10px;
}
.checkbox-item .psevdo-checkbox {
cursor: pointer;
}
.checkbox-item input[type=checkbox]:checked ~ label,
.checkbox-item input[type=radio]:checked ~ label {
background-color: #E8E8E8;
}
.checkbox-item input[type=radio],
.checkbox-item input[type=checkbox] {
width: 100%;
height: 100%;
z-index: 3;
position: absolute;
top: 0;
left: 0;
opacity: 0;
cursor: pointer;
}
.checkbox-item label.disabled {
opacity: 0.5;
}
.psevdo-checkbox {
position: absolute;
display: inline-block;
top: 50%;
right: 12px;
width: 14px;
height: 14px;
z-index: 1;
margin-left: 10px;
margin-top: -7px;
}
.psevdo-checkbox:before {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
cursor: pointer;
border: 1px solid #626262;
border-radius: 7px;
}
.psevdo-checkbox:after {
border-radius: 5px;
width: 12px;
height: 12px;
left: 2px;
top: 2px;
background: transparent;
}
input[type=radio]:checked ~ .psevdo-checkbox:after, input[type=checkbox]:checked ~ .psevdo-checkbox:after {
background: #626262;
}
.psevdo-checkbox:before, .psevdo-checkbox:after {
content: "";
display: inline-block;
position: absolute;
}
.promo_btn {
border-style: solid;
border-width: 1px;
border-radius: 10px;
justify-content: center;
align-items: center;
height: 50px;
padding-left: 20px;
padding-right: 20px;
transition: all 0.3s;
display: inline-flex;
cursor: pointer;
}
.promo_btn:hover {
border-color: #383838;
}
.promo_btn--white.promo_btn {
background-color: #fff;
color: #000000;
}
.promo_btn--white.promo_btn:hover {
background-color: #383838;
color: #d5d5d5;
border-color: #383838;
}
.promo_btn--black.promo_btn {
border-color: #383838;
background-color: #383838;
color: #FFFFFF;
}
.promo_btn--black.promo_btn:hover {
background-color: #565656;
border-color: #565656;
}
.swiper-btn-next-v1.swiper-button-next:after, .swiper-btn-prev-v1.swiper-button-prev:after, .swiper-btn-next-v2.swiper-button-next:after, .swiper-btn-prev-v2.swiper-button-prev:after {
content: "";
background-image: url(//hanston.ru/wp-content/themes/jirs-groovy-site_1685354555/img/arrowSlider.svg);
background-size: cover;
width: 100%;
height: 100%;
display: block;
}
.swiper-btn-next-v1.swiper-button-next, .swiper-btn-prev-v1.swiper-button-prev {
width: 52px;
height: 52px;
}
.swiper-btn-next-v2.swiper-button-next, .swiper-btn-prev-v2.swiper-button-prev {
width: 37px;
height: 37px;
margin-top: -19px;
}
.swiper-btn-next-v1, .swiper-btn-next-v2 {
transform: rotate(180deg);
}
.row.tm_arrows-slider-row {
flex-wrap: nowrap;
}
.promo_line {
position: absolute;
z-index: 0;
}
.promo_line-horizontal {
top: 0;
left: 0%;
right: 0%;
width: 100%;
height: 1px;
}
.promo_line-horizontal.bottom {
top: auto;
bottom: 0;
}
.promo_line-vertical {
top: 0;
left: 0%;
width: 1px;
height: 50px;
}
.promo_line-vertical.right {
left: auto;
right: 0;
}
.num_block-v {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
flex-direction: column;
position: relative;
width: 100%;
}
.num_block-v-item {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
position: relative;
width: 100%;
padding: 40px 0;
}
.num_block-v-num {
font-size: 80px;
line-height: 72px;
letter-spacing: -0.065em;
}
.num_block-v-txt {
max-width: none;
}
.prm-body .section.is--footer.aos-animate,
.prm-body .section.is--footer.is--bg-green.aos-animate {
opacity: 1;
}
.prm-body .star_wrp {
background-image: none;
}
.prm-body .main-menu {
overflow-x: hidden;
}
.share_form {
width: 450px;
padding: 30px;
position: relative;
margin: 0 auto;
color: #fff;
}
.share_form-head {
padding-bottom: 30px;
}
.share_form-body {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
}
.share_form-link {
margin-top: 20px;
}
.share_form-link span {
display: inline-block;
padding-left: 15px;
}
.share_form-link:first-child {
margin-top: 0;
}
.more-arrow {
cursor: pointer;
display: flex;
flex-wrap: no-wrap;
justify-content: flex-start;
align-items: center;
border-bottom: 1px solid transparent;
}
.more-arrow:hover {
border-bottom: 1px solid #626262;
}
.more-arrow.show .h,
.more-arrow .s {
display: block;
}
.more-arrow.show .s,
.more-arrow .h {
display: none;
}
.more-arrow i {
content: "";
display: inline-block;
float: right;
background-image: url(//hanston.ru/wp-content/themes/jirs-groovy-site_1685354555/img/arrow-right-b.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 20px;
height: 20px;
transform: rotate(45deg);
margin-left: 10px;
transition: all 0.4s;
}
.more-arrow.show i {
transform: rotate(-45deg);
}
.link-arrow-383838 {
background-color: #383838;
}
.link-arrow-383838:hover {
background-color: #565656;
}
.link-arrow-383838 i {
background-image: url(//hanston.ru/wp-content/themes/jirs-groovy-site_1685354555/img/arrow-right-D5.svg);
}
.link-arrow-d4d4d4 {
background-color: #d4d4d4;
}
.link-arrow-d4d4d4:hover {
background-color: #DBDBDB;
}
.link-arrow-d4d4d4 i {
background-image: url(//hanston.ru/wp-content/themes/jirs-groovy-site_1685354555/img/arrow-right-b.svg);
}
.link-arrow-383838,
.link-arrow-d4d4d4 {
width: 100%;
border-radius: 5px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
transition: all 0.4s;
}
.link-arrow-383838:hover i,
.link-arrow-d4d4d4:hover i {
transform: rotate(0deg);
}
.link-arrow-383838 i,
.link-arrow-d4d4d4 i {
display: block;
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
transition: all 0.4s;
transform: rotate(-45deg);
}
.divider_pagination .swiper-pagination-bullets {
width: 100%;
height: 1px;
display: flex;
}
.divider_pagination .swiper-pagination-bullet {
border-radius: 0;
height: 1px;
background-color: rgb(98, 98, 98);
opacity: 0.2;
}
.divider_pagination .swiper-pagination-bullet-active {
background-color: rgb(98, 98, 98);
opacity: 1;
}
.prm_header .star_txt-wrp {
padding-top: 10px;
}
.prm_header .star_wrp {
width: 61px;
height: 61px;
}
.prm_header .nav-dd-toggle {
display: none;
}
.prm_header .nav_top-btn-phone {
opacity: 1;
}
.promo_first-ttl {
width: 45%;
padding-top: 40px;
}
.promo_first-text-block {
height: 100vh;
position: relative;
padding-top: 80px;
padding-bottom: 100px;
display: flex;
flex-direction: column;
justify-content: flex-end;
grid-row-gap: 40px;
}
.promo_first-right-top {
padding: 30px 40px;
}
.promo_first-block {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: strench;
position: relative;
}
.promo_first-block-line {
position: absolute;
top: 0;
left: 0%;
right: 0%;
width: 100%;
background: #FFFFFF;
height: 1px;
z-index: 0;
}
.promo_first-block-left {
display: flex;
flex-wrap: no-wrap;
justify-content: space-between;
align-items: flex-start;
flex-direction: column;
width: 50%;
height: 30vh;
}
.promo_first-block-right {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
width: 50%;
position: relative;
}
.promo_first-items {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
padding-bottom: 40px;
}
.promo_first-item {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
width: calc(50% - 20px);
color: #FFFFFF;
}
.promo_first-item:nth-child(1), .promo_first-item:nth-child(2) {
border-bottom: 1px solid #FFFFFF;
}
.promo_first-item-num {
margin-right: 15px;
}
.promo_first-item-txt {
color: #DBDBDB;
line-height: 1.6;
}
.promo_first-item-last {
color: #DBDBDB;
width: 100%;
display: block;
line-height: 1.6;
}
.promo_first-left-txt {
padding-top: 30px;
padding-right: 30px;
max-width: 83%;
}
.promo_first-left-btn {
width: 400px;
}
.promo_first-down {
position: absolute;
bottom: 0px;
left: -5px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
color: #DBDBDB;
cursor: pointer;
}
.promo_first-down:before {
content: "";
display: block;
width: 16px;
height: 44px;
animation-name: flipY;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
background-image: url(//hanston.ru/wp-content/themes/jirs-groovy-site_1685354555/img/arrow-down.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin-right: 40px;
}
.promo_first .section_hero-img {
display: none;
}
.promo_first .section_hero-bg {
background-image: url(//hanston.ru/wp-content/themes/jirs-groovy-site_1685354555/images/promo-bg.png);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
.prm_res-items {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: strench;
padding-top: 40px;
}
.prm_res-item {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
width: 25%;
color: #585858;
position: relative;
padding: 30px 30px 30px 30px;
}
.prm_res-item:nth-child(1):before {
display: none;
}
.prm_res-item:nth-child(5) .prm_res-item-div, .prm_res-item:nth-child(6) .prm_res-item-div, .prm_res-item:nth-child(7) .prm_res-item-div, .prm_res-item:nth-child(8) .prm_res-item-div {
display: none;
}
.prm_res-item:before {
content: "";
display: block;
position: absolute;
top: auto;
bottom: auto;
left: 0%;
height: 85%;
width: 1px;
background-color: #DBDBDB;
}
.prm_res-item-div {
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
margin-left: 9px;
margin-right: 9px;
}
.prm_res-item-num {
width: 100%;
margin-bottom: 20px;
font-size: 110px;
line-height: 1;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
}
.prm_res-item-num .t {
font-size: 30px;
line-height: 1;
display: inline-block;
margin-left: 10px;
}
.prm_adv-header {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
.prm_adv-h2 {
position: relative;
z-index: 1;
line-height: 1.2;
display: inline;
background-color: #fff;
}
.prm_adv-h2:after {
display: inline-block;
content: "";
width: 20px;
height: 1px;
}
.prm_adv-h2-wrap {
position: relative;
width: 50%;
}
.prm_adv-h2-wrap:after {
display: block;
content: "";
width: 95%;
height: 1px;
background-color: #DBDBDB;
position: absolute;
bottom: 42px;
left: 0;
z-index: 0;
}
.prm_adv-h2-dop {
width: 50%;
padding-left: 40px;
margin-top: 110px;
}
.prm_adv-items {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: strench;
padding-top: 70px;
}
.prm_adv-item {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
width: calc(25% - 20px);
color: #000000;
position: relative;
padding: 0 30px;
}
.prm_adv-item:before {
content: "";
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 1px;
height: 100%;
background-color: #DBDBDB;
}
.prm_adv-item.col-empty {
border-left: none;
}
.prm_adv-item.col-empty:before {
display: none;
}
.prm_adv-item-icon {
width: 100%;
margin-bottom: 25px;
height: 55px;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
}
.prm_adv-item-icon img {
max-width: 55px;
max-height: 55px;
}
.prm_adv-item-ttl {
width: 100%;
font-weight: bold;
height: 175px;
}
.prm_adv-item-txt {
color: #585858;
}
.prm_about-centr-text {
max-width: 39ch;
text-align: center;
margin: 0 auto;
}
.prm_about-slider {
overflow: hidden;
}
.prm_about-slider .swiper-wrapper {
align-items: center;
}
.prm_about-slider-wrap {
width: 100%;
padding: 50px 100px;
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.prm_about-slider-next {
transform: rotate(180deg);
}
.prm_about-btn {
width: 370px;
}
.prm_about-btn-wrap {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
}
.prm_tarif-header {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding: 20px 0;
}
.prm_tarif-header-left {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
}
.prm_tarif-header-left .star {
width: 39px;
height: 39px;
margin-right: 20px;
background-size: contain;
}
.prm_tarif-block .divider_container {
display: none;
}
.prm_tarif-control {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.prm_tarif-control .checkbox-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
border-left: 1px solid #626262;
padding-left: 10px;
}
.prm_tarif-control .checkbox-wrap:first-child {
border-left: none;
}
.prm_tarif-control .select {
display: none;
}
.prm_tarif-banner {
position: relative;
background-color: #A59A5E;
width: 100%;
border-radius: 7px;
padding: 7px 14px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.prm_tarif-banner-line {
position: absolute;
top: 50%;
left: 10%;
right: 10%;
width: 80%;
background: #E0DAB8;
height: 1px;
z-index: 0;
}
.prm_tarif-banner-icon {
width: 44px;
height: 44px;
background-size: contain;
background-repeat: no-repeat;
}
.prm_tarif-banner-txt {
color: #E0DAB8;
background-color: #A59A5E;
position: relative;
padding: 0 30px;
}
.prm_tarif-banner-txt span {
color: #fff;
}
.prm_tarif-footer {
padding-top: 70px;
}
.prm_tarif-footer-left .txt {
width: 700px;
max-width: 90%;
}
.prm_tarif-footer-left .txt span, .prm_tarif-footer-left .txt a {
color: #000;
}
.prm_tarif-footer-left .txt strong {
color: #000;
}
.prm_tarif-footer-right p {
margin-bottom: 10px;
}
.prm_tarif-footer-txt p:first-child {
font-weight: bold;
}
.prm_tarif-footer-txt span, .prm_tarif-footer-txt a {
color: #000;
}
.prm_tarif-footer-txt strong {
color: #000;
}
.prm_tarif-footer-ul {
padding-left: 0;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
}
.prm_tarif-footer-ul > li {
position: relative;
width: 50%;
list-style: none;
list-style-type: none;
padding-left: 20px;
margin-bottom: 10px;
line-height: 1.5;
}
.prm_tarif-footer-ul > li:before {
content: "";
display: block;
width: 10px;
height: 10px;
background-image: url(//hanston.ru/wp-content/themes/jirs-groovy-site_1685354555/img/round-li.png);
background-size: cover;
position: absolute;
top: 10px;
left: 0;
}
.prm_table-first {
padding-top: 30px;
}
.prm_table-row {
display: flex;
flex-wrap: no-wrap;
justify-content: flex-start;
align-items: strench;
}
.prm_table-col {
border-left: 1px solid #626262;
width: 25%;
padding: 0 20px;
position: relative;
}
.prm_table-col:first-child {
border-left: none;
}
.prm_table-col.column {
display: flex;
flex-wrap: no-wrap;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
}
.prm_table-ttl {
height: 60px;
line-height: 60px;
width: 100%;
color: #000;
}
.prm_table-icons {
position: absolute;
top: 0;
right: 20px;
display: flex;
flex-wrap: no-wrap;
justify-content: flex-end;
align-items: flex-start;
max-width: 50%;
}
.prm_table-icon {
width: 60px;
height: 60px;
background-size: cover;
background-repeat: no-repeat;
margin-left: 10px;
border-radius: 50%;
}
.prm_table-txt {
padding-bottom: 35px;
min-height: 230px;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-end;
}
.prm_table-txt span {
display: inline-block;
}
.prm_table-item {
width: 100%;
border-top: 1px solid #DBDBDB;
padding: 10px 0;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
min-height: 50px;
}
.prm_table-item .tarif {
width: 100%;
display: none;
}
.prm_table-tarif {
color: #585858;
font-size: 80%;
}
.prm_table-btn.promo_btn {
width: 100%;
background-color: #F5F5F5;
border-color: #F5F5F5;
margin-top: 20px;
}
.prm_table-btn.promo_btn:hover {
background-color: #585858;
border-color: #585858;
color: #fff;
}
.prm_price {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
.prm_price-old {
text-decoration: line-through;
color: #585858;
font-size: 80%;
}
.prm_price-cur {
color: #000000;
}
.prm_price-cur .val {
font-size: 80%;
color: #585858;
}
.prm_form {
padding: 30px;
background-color: #F5F5F5;
}
.prm_form .iti {
color: #000;
}
.prm_form .iti-input::placeholder {
color: #383838;
}
.prm_form .form_txt-field {
border-bottom: 1px solid #000;
}
.prm_form .form_submit-txt {
color: #fff;
margin-bottom: 0;
}
.prm_form .policy_note {
color: #8a8a8a;
}
.prm_form .policy_note-link {
color: #000;
font-weight: bold;
}
.prm_modal_tarif {
margin: 7vh auto 0px auto;
position: relative;
width: 760px;
height: 80vh;
max-height: 900px;
border-radius: 20px;
background-color: #383838;
}
.prm_modal_tarif-wrap {
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: flex-start;
flex-direction: column;
padding: 30px;
height: 100%;
}
.prm_modal_tarif-ttl {
color: #FFFFFF;
margin-bottom: 20px;
text-shadow: 0 1px 3px #000;
}
.prm_modal_tarif-txt {
color: #DBDBDB;
margin-bottom: 20px;
text-shadow: 0 1px 3px #000;
}
.prm_modal_tarif-list {
margin-bottom: 30px;
}
.prm_modal_tarif-list li {
font-size: 16px;
text-shadow: 0 1px 3px #000;
line-height: 1.2;
color: #7F7F7F;
}
.prm_modal_tarif-list li span {
color: #fff;
}
.prm_modal_tarif-btn {
background-color: #fff;
border: 1px solid #fff;
color: #000;
width: 100%;
}
.prm_modal_tarif .mfp-close {
color: #fff;
right: 10px;
top: 10px;
}
.prm_master-txt {
margin-top: 70px;
margin-bottom: 70px;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.prm_master-txt p {
width: 70%;
text-align: center;
color: #585858;
}
.prm_master-second {
width: 80%;
margin-bottom: 20px;
}
.prm_master-footer {
margin-top: 40px;
margin-bottom: 40px;
}
.prm_master-col {
width: 580px;
max-width: 80%;
}
.prm_master-top {
height: 23vw;
}
.prm_master-video {
border-bottom: 1px solid #DBDBDB;
width: 100%;
height: 23vw;
}
.prm_master-left-txt {
margin-top: 25px;
margin-bottom: 27px;
min-height: 90px;
}
.prm_master-right {
padding-left: 40px;
}
.prm_master .advants {
margin-top: 0px;
margin-bottom: 27px;
}
.prm_master .divider_container + .advants {
margin-top: 40px;
margin-bottom: 50px;
}
.prm_master .col.is--advant p {
width: calc(100% - 100px);
}
.prm_box {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: strench;
}
.prm_box-item {
border-radius: 5px;
background-color: #F5F5F5;
width: calc(50% - 21px);
padding: 23px;
}
.prm_box-item-icon {
width: 36px;
}
.prm_box-item-txt {
padding-top: 20px;
min-height: 130px;
color: #000;
flex-direction: column;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: flex-start;
}
.prm_box-line {
background-color: #DBDBDB;
margin-top: 10px;
margin-bottom: 10px;
}
.prm_box-line.is--vertical {
height: auto;
width: 1px;
}
.gray_tab {
margin-right: 15px;
margin-bottom: 10px;
border-radius: 20px;
background-color: #F5F5F5;
padding: 7px 12px;
}
.gray_tabs {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
}
.prm_why-banners {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
padding-top: 50px;
}
.prm_why-banner {
width: 100%;
padding: 35px;
overflow: hidden;
min-height: 370px;
position: relative;
background-color: #F5F5F5;
border-radius: 20px;
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: strench;
}
.prm_why-banner:hover .prm_why-banner-bg {
opacity: 1;
}
.prm_why-banner:hover .prm_why-banner-icon.is--white {
opacity: 1;
}
.prm_why-banner-bg {
width: 40%;
opacity: 0;
transition: opacity 0.4s;
}
.prm_why-banner-icon {
width: 60px;
position: absolute;
top: 0;
left: 0;
transition: all 0.4s;
}
.prm_why-banner-icon.is--black {
z-index: 2;
}
.prm_why-banner-icon.is--white {
z-index: 3;
opacity: 0;
}
.prm_why-banner-ttl {
margin-bottom: 25px;
min-height: 80px;
}
.prm_why-banner-txt {
margin-bottom: 30px;
max-width: 50vw;
}
.prm_why-banner-left {
width: 30%;
min-height: 60px;
position: relative;
z-index: 1;
}
.prm_why-banner-right {
width: 70%;
position: relative;
z-index: 1;
}
.prm_discount .fs-slide-content.is--promo {
background-color: #8a8a8a;
}
.prm_discount .common_slide-content.is--blog:hover {
filter: none;
}
.prm_discount .common_slide-content.is--blog:hover .fs-slide-content.is--promo {
background-color: #717D72;
}
.prm_discount .fs-slider-icon {
position: static;
}
.prm_b {
position: absolute;
top: 0;
bottom: 0;
height: 100%;
left: 0;
z-index: 0;
}
.prm_b-bg {
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
}
.prm_b-bg.v-desctop {
display: block;
}
.prm_b-bg.v-mobile {
display: none;
}
.prm_b-wrap {
width: 100%;
height: 100%;
background: linear-gradient(to right, rgba(245, 245, 245, 0) 0%, rgb(245, 245, 245) 100%);
}
.prm_popup {
height: 100vh;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.prm_popup-formblock {
justify-content: center;
align-items: center;
width: 100%;
max-width: 534px;
margin-bottom: 0;
position: relative;
overflow: hidden;
margin-left: auto;
margin-right: auto;
background-color: #fff;
}
.prm_popup-overlay {
cursor: pointer;
background-color: #606060;
margin: auto;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.prm_popup-close {
cursor: pointer;
justify-content: center;
align-items: center;
width: 22px;
height: 22px;
margin-top: 20px;
margin-left: 20px;
display: flex;
position: absolute;
top: 0%;
bottom: auto;
left: 0%;
right: auto;
padding: 0;
}
.mfp-fade.mfp-wrap .prm_popup-overlay {
transform: scaleX(0.05) scaleY(0);
animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s forwards;
}
.mfp-fade.mfp-wrap .prm_popup-content {
transform: scaleY(0);
animation: unfold2In 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 1.5s forwards;
}
.mfp-fade.mfp-wrap .prm_popup-content .price_form {
opacity: 0;
animation: fadeIn 0.3s 2s forwards;
}
.mfp-fade.mfp-wrap.mfp-close-s .prm_popup-overlay {
transform: scaleX(1) scaleY(1);
animation: unfoldOut 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s forwards;
}
.mfp-fade.mfp-wrap.mfp-close-s .prm_popup-content {
transform: scaleY(1);
animation: unfold2Out 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s forwards;
}
.mfp-fade.mfp-wrap.mfp-close-s .prm_popup-content .price_form {
opacity: 1;
animation: fadeOut 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.header_command {
padding: 50px 0;
}
.tm_hero {
padding-top: 50px;
padding-bottom: 50px;
}
.tm_back {
padding: 10px 15px;
background-color: #F5F5F5;
display: inline-flex;
align-items: center;
font-size: 16px;
line-height: 1;
}
.tm_back:before {
content: "";
display: inline-block;
background-image: url(//hanston.ru/wp-content/themes/jirs-groovy-site_1685354555/img/arrow-right-b.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 16px;
height: 16px;
transform: rotate(180deg);
margin-right: 15px;
transition: all 0.4s;
}
.tm_h1 {
font-size: 84px;
line-height: 0.95;
}
.tm_btn {
padding: 15px;
width: 100%;
display: block;
}
.tm_btn:after {
content: "";
display: inline-block;
float: right;
transform: rotate(45deg);
background-image: url(//hanston.ru/wp-content/themes/jirs-groovy-site_1685354555/img/arrow-right-b.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 20px;
height: 20px;
}
.tm_btn:hover {
background-color: #DBDBDB;
}
.tm_btn-black:after {
background-image: url(//hanston.ru/wp-content/themes/jirs-groovy-site_1685354555/img/arrow-right-D5.svg);
}
.tm_first {
padding-bottom: 150px;
background-color: #fff;
}
.tm_first h1 {
font-size: 140px;
line-height: 1;
}
.tm_first-txt {
padding: 45px 0;
}
.tm_first-block {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: strench;
position: relative;
}
.tm_first-block-line {
background: #FFFFFF;
z-index: 0;
}
.tm_first-block-left {
display: flex;
flex-wrap: no-wrap;
justify-content: space-between;
align-items: flex-start;
flex-direction: column;
width: 50%;
height: 30vh;
padding-right: 80px;
}
.tm_first-block-right {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
width: 50%;
position: relative;
padding: 0px 40px;
}
.tm_first-block-ttl, .tm_first-block-desc {
padding: 40px 0;
}
.tm_item-rating {
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
color: #fff;
background-image: url(//hanston.ru/wp-content/themes/jirs-groovy-site_1685354555/img/rating_bg.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: absolute;
z-index: 2;
top: 10px;
right: 10px;
}
.tm_item-rtop {
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
color: #fff;
background-image: url(//hanston.ru/wp-content/themes/jirs-groovy-site_1685354555/img/rating_top.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: absolute;
z-index: 2;
top: 10px;
left: 10px;
}
.tm_item-image {
width: 100%;
padding-top: 130%;
position: relative;
}
.tm_item-image img {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.tm_item-caption {
width: 100%;
padding: 20px 0 30px 0;
}
.tm_item-caption .ttl {
margin-bottom: 10px;
}
.tm_item-btn {
font-size: 18px;
padding: 15px;
}
.tm_item-btn i {
width: 20px;
height: 20px;
}
.tm_managers {
padding: 150px 0;
}
.tm_managers-items {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
padding: 60px 0;
gap: 70px 40px;
}
.tm_managers-item {
width: calc(33.3% - 27px);
}
.tm_managers-caption {
padding: 30px 0;
min-height: 120px;
}
.tm_managers-caption .ttl {
margin-bottom: 10px;
display: block;
cursor: pointer;
}
.tm_managers-caption .ttl:hover {
text-decoration: underline;
}
.tm_commands-top {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
padding-top: 50px;
}
.tm_commands-top-items {
overflow: hidden;
width: calc(100% - 150px);
height: 32px;
margin-bottom: 15px;
}
.tm_commands-top-items.show {
overflow: visible;
height: auto;
}
.tm_commands-top-wrap {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
.tm_commands-top-wrap .checkbox-item {
margin-bottom: 10px;
}
.tm_commands-n {
line-height: 32px;
color: #797979;
}
.tm_commands-more {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: flex-start;
padding: 15px 15px;
}
.tm_commands-more-btn:after {
width: 20px;
height: 20px;
}
.tm_commands-more-btn.show:after {
transform: rotate(0deg);
}
.tm_commands-body {
padding: 40px 0;
}
.tm_commands-items {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
gap: 20px;
}
.tm_commands-item {
width: calc(25% - 23px);
padding-bottom: 40px;
position: relative;
}
.tm_commands-item-dop {
display: none;
}
.tm_commands-btn .mobile {
display: none;
}
.tm_commands-caption {
padding: 20px 0;
}
.tm_commands-caption .ttl {
margin-bottom: 10px;
display: block;
cursor: pointer;
}
.tm_commands-caption .ttl:hover {
text-decoration: underline;
}
.tm_commands-bottom {
position: relative;
padding-top: 50px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
}
.tm_commands-bottom.hide-more .tm_commands-line-vertical,
.tm_commands-bottom.hide-more .tm_commands-show-more {
display: none;
}
.tm_commands-show-more {
width: 220px;
}
.tm_commands-empty {
padding-bottom: 30px;
}
.tm_commands-line-vertical.promo_line-vertical {
left: 50%;
}
.tm_directors-pagination {
display: none;
}
.tm_directors-arrows {
position: relative;
width: 94px;
}
.tm_directors-arrows .swiper-button-next {
right: 0;
}
.tm_directors-arrows .swiper-button-prev {
left: 0;
}
.tm_arrows_header {
position: relative;
width: 94px;
}
.tm_arrows_header-row h2 {
width: calc(100% - 99px);
}
.tm_arrows_header .swiper-button-next {
right: 0;
}
.tm_arrows_header .swiper-button-prev {
left: 0;
}
.tm_slider {
padding: 30px 0;
}
.tm_slider.swiper {
overflow: visible;
}
.tm_slider .swiper-slide {
display: none;
}
.tm_slider.swiper-container-initialized .swiper-slide {
display: block;
}
.tm_career-block {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
width: 100%;
padding-top: 45px;
}
.tm_career-video {
width: 66%;
}
.tm_career-video-wrap {
border-radius: 10px;
overflow: hidden;
position: relative;
padding-top: 55%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.tm_career-left {
width: 34%;
padding-left: 20px;
height: 100%;
}
.tm_career-left-caption {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
flex-direction: column;
height: calc(100% - 120px);
border-radius: 10px;
padding: 30px;
}
.tm_career-left-txt {
padding-bottom: 10px;
}
.tm_career-left-btn {
color: #fff;
height: 100px;
border-width: 0px;
text-align: left;
justify-content: space-between;
margin-top: 20px;
padding: 30px;
}
.tm_career-left-btn i {
width: 24px;
height: 24px;
margin-left: 10px;
}
.tm_career-author {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
}
.tm_career-author-img {
width: 80px;
height: 80px;
border-radius: 50%;
overflow: hidden;
}
.tm_career-author-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.tm_career-author-wrp {
width: calc(100% - 80px);
padding: 15px;
}
.tm_career-author-txt {
font-size: 90%;
}
.video_block .video-foreground {
background-color: #000;
height: 100%;
width: 100%;
position: absolute;
z-index: 3;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: none;
}
.video_block .video-foreground.active {
display: block;
}
.video_block .video-foreground video {
width: 100%;
height: 100%;
}
.video_block-btn {
position: absolute;
top: 50%;
left: 50%;
margin-top: -55px;
margin-left: -55px;
border-radius: 50%;
width: 110px;
height: 110px;
background-color: rgba(255, 255, 255, 0.4);
z-index: 4;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
cursor: pointer;
transition: all 0.3s;
}
.video_block-btn:hover {
background-color: rgba(255, 255, 255, 0.7);
}
.video_block-btn:before {
content: "";
display: block;
background-image: url(//hanston.ru/wp-content/themes/jirs-groovy-site_1685354555/img/video-arrow.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 54%;
height: 64%;
margin-left: 9%;
}
.tm_news-h2 a {
text-decoration: underline;
color: inherit;
}
.tm_news-slider {
background-color: #fff;
}
.tm_news-slider-pagination {
display: none;
}
.tm_news-item {
width: 25%;
}
.tm_news-item-top {
position: relative;
padding-bottom: 10px;
font-size: 16px;
}
.tm_news-item-top .promo_line {
top: auto;
bottom: 0px;
}
.tm_news-item-ttl {
padding: 10px 0;
height: 270px;
width: 100%;
}
.tm_news-item-dop {
padding-bottom: 30px;
}
.tm_sngl-content {
padding-top: 60px;
padding-bottom: 60px;
}
.tm_sngl-hero {
height: 35%;
width: 100%;
}
.tm_sngl-h1 {
text-align: left;
width: 100%;
margin-top: 50px;
}
.tm_sngl-top {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
gap: 20px;
padding-bottom: 60px;
}
.tm_sngl-top-left {
width: calc(66% - 20px);
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
.tm_sngl-top-right {
width: 34%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
.tm_sngl-rating {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
padding-bottom: 15px;
}
.tm_sngl-rating-item {
width: 60px;
height: 60px;
text-align: center;
display: inline-block;
line-height: 60px;
margin-left: 20px;
}
.tm_sngl-rating-num {
color: #fff;
font-size: 22px;
background-image: url(//hanston.ru/wp-content/themes/jirs-groovy-site_1685354555/img/rating_bg.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.tm_sngl-rating-top {
background-image: url(//hanston.ru/wp-content/themes/jirs-groovy-site_1685354555/img/rating_top_detail.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.tm_sngl-ttl {
padding-bottom: 40px;
}
.tm_sngl-card {
width: 68%;
height: 65%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
flex-direction: column;
background-color: #383838;
color: #DBDBDB;
padding: 40px;
border-radius: 10px;
}
.tm_sngl-card-top {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 100%;
}
.tm_sngl-card-text.tm_sngl-lm-1 {
width: calc(100% - 60px);
}
.tm_sngl-card-text.tm_sngl-lm-2 {
width: calc(100% - 120px);
}
.tm_sngl-card .ttl {
font-family: Suisseintl Regular, sans-serif;
}
.tm_sngl-card .desc {
color: #7f7f7f;
}
.tm_sngl-card .contacts {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
flex-direction: column;
}
.tm_sngl-card .contacts a {
margin-top: 10px;
}
.without_qr .tm_sngl-card {
flex-grow: 1;
}
.tm_sngl-contacts {
width: 32%;
height: 65%;
padding-left: 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
flex-direction: column;
}
.without_qr .tm_sngl-contacts {
height: auto;
padding-top: 20px;
}
.tm_sngl-qr {
width: 100%;
padding-top: 100%;
position: relative;
overflow: hidden;
border-radius: 10px;
background-color: #f5f5f5;
}
.tm_sngl-qr-wrap {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
background-image: url(//hanston.ru/wp-content/themes/jirs-groovy-site_1685354555/img/qr-frame.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center;
}
.tm_sngl-qr-txt {
position: absolute;
bottom: 8%;
left: 0;
width: 100%;
text-align: center;
font-size: 16px;
}
.tm_sngl-qr img {
max-width: 100%;
max-height: 100%;
}
.tm_sngl-links {
width: 100%;
flex-grow: 1;
padding-left: 0px;
padding-top: 20px;
gap: 5px 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
flex-direction: column;
font-size: 16px;
}
.without_qr .tm_sngl-links {
padding-left: 0px;
width: 100%;
}
.tm_sngl-link {
height: calc(33.3333333333% - 5px);
width: 100%;
line-height: 100%;
border-radius: 5px;
padding: 0 10px;
background-color: #e8e8e8;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.tm_sngl-link:after {
content: "";
display: block;
width: 20px;
height: 20px;
background-image: url(//hanston.ru/wp-content/themes/jirs-groovy-site_1685354555/img/arrow-right-b.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.tm_sngl-link:hover {
background-color: #DBDBDB;
}
.tm_sngl-link.add {
background-color: #a38e65;
color: #fff;
display: none;
}
.tm_sngl-link.add:after {
transform: rotate(-45deg);
background-image: url(//hanston.ru/wp-content/themes/jirs-groovy-site_1685354555/img/arrow-right-EB.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center;
}
.tm_sngl-link.add:hover {
background-color: #AC9974;
}
.tm_sngl-link.add:hover:after {
transition: all 0.4s;
transform: rotate(0deg);
}
.tm_sngl-link.black {
background-color: #383838;
color: #DBDBDB;
}
.tm_sngl-link.black:hover {
background-color: #585858;
}
.tm_sngl-link.tg:after {
background-image: url(//hanston.ru/wp-content/themes/jirs-groovy-site_1685354555/img/tg-cl.svg);
}
.tm_sngl-link.wh:after {
background-image: url(//hanston.ru/wp-content/themes/jirs-groovy-site_1685354555/img/wh-cl.svg);
}
.tm_sngl-link.share:after {
background-image: url(//hanston.ru/wp-content/themes/jirs-groovy-site_1685354555/img/share.svg);
}
.tm_sngl-photo {
border-radius: 10px;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.tm_sngl-photo-wrap {
position: relative;
width: 100%;
padding-top: 125%;
}
.tm_sngl-photo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.tm_sngl-photo-btn {
width: calc(100% - 30px);
display: flex;
align-items: center;
justify-content: space-between;
position: absolute;
font-size: 18px;
bottom: 15px;
left: 15px;
background-color: #383838;
padding: 20px;
border-radius: 8px;
color: #D5D5D5;
}
.tm_sngl-photo-btn:after {
content: "";
display: block;
width: 21px;
height: 24px;
background-image: url(//hanston.ru/wp-content/themes/jirs-groovy-site_1685354555/img/video-arrow-D5.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center;
}
.tm_sngl-video {
overflow: hidden;
position: relative;
border-radius: 10px;
}
.tm_sngl-video .tm_popup-close {
width: 27px;
height: 27px;
margin-top: 27px;
margin-left: 0;
margin-right: 28px;
left: auto;
right: 0%;
}
.tm_sngl-video .tm_popup-close .price_form-close-item {
background-color: #898989;
}
.tm_sngl-video-wrap {
height: 80vh;
position: relative;
overflow: hidden;
}
.tm_sngl-video-wrap img {
position: relative;
z-index: 0;
height: 100%;
max-width: 100%;
}
.tm_sngl-about {
padding-bottom: 0px;
position: relative;
}
.tm_sngl-about-ttl {
padding: 35px 0;
border: 1px solid #626262;
border-width: 1px 0px;
margin-bottom: 45px;
}
.tm_sngl-about-warp {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
}
.tm_sngl-about-tags {
width: 35%;
padding-right: 20px;
}
.tm_sngl-about-tags .tag {
color: #797979;
margin-bottom: 10px;
}
.tm_sngl-about-text {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
width: 65%;
}
.tm_sngl-about .txt-main {
width: 43%;
color: #797979;
}
.tm_sngl-about .txt-part {
width: 100%;
color: #797979;
display: none;
}
.tm_sngl-about .txt-quote {
width: 50%;
padding-left: 70px;
position: relative;
}
.tm_sngl-about .txt-quote:before {
content: "";
width: 35px;
height: 35px;
background-image: url(//hanston.ru/wp-content/themes/jirs-groovy-site_1685354555/img/quote.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center;
position: absolute;
top: 0;
left: 15px;
}
.tm_sngl-about-mobile {
display: none;
}
.tm_sngl-about-mobile i {
width: 14px;
height: 14px;
}
.tm_sngl-chief {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
position: relative;
padding: 80px 0;
}
.tm_sngl-chief-main {
width: 35%;
padding-right: 8%;
height: 310px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
flex-direction: column;
}
.tm_sngl-chief-main .dop {
color: #7f7f7f;
margin-bottom: 30px;
margin-top: 30px;
}
.tm_sngl-chief-main .ttl {
margin-bottom: 10px;
}
.tm_sngl-chief-main .desc {
color: #7f7f7f;
}
.tm_sngl-chief-row {
width: 100%;
display: flex;
align-items: center;
margin-bottom: 10px;
border-radius: 5px;
}
.tm_sngl-chief-row > span {
display: inline-block;
width: 80px;
}
.tm_sngl-chief-btn {
width: 100%;
padding: 10px 12px;
background-color: #E8E8E8;
}
.tm_sngl-chief-btn:hover {
background-color: #DBDBDB;
}
.tm_sngl-chief-copy {
flex-grow: 1;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
background-color: #E8E8E8;
padding: 10px 12px;
position: relative;
}
.tm_sngl-chief-copy:hover {
background-color: #DBDBDB;
}
.tm_sngl-chief-copy:after {
content: "";
width: 16px;
height: 16px;
background-image: url(//hanston.ru/wp-content/themes/jirs-groovy-site_1685354555/img/copy.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.tm_sngl-chief-alert.alert {
padding-top: 7px;
height: 28px;
padding-bottom: 7px;
font-size: 12px;
}
.tm_sngl-chief-contacts {
width: 65%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
padding-top: 70px;
}
.tm_sngl_dep-block {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-end;
padding-bottom: 45px;
}
.tm_sngl_dep-slider {
width: 1100px;
}
.tm_sngl_dep-item {
position: relative;
padding: 10px;
cursor: pointer;
color: #cfcfcf;
}
.tm_sngl_dep-item-wrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-end;
padding: 10px;
border-radius: 6px;
}
.tm_sngl_dep-item.active, .tm_sngl_dep-item:hover, .tm_sngl_dep-item.swiper-slide-active {
color: #a38e65;
}
.tm_sngl_dep-item.active .gold-icon, .tm_sngl_dep-item:hover .gold-icon, .tm_sngl_dep-item.swiper-slide-active .gold-icon {
opacity: 1;
position: relative;
}
.tm_sngl_dep-item.active .gray-icon, .tm_sngl_dep-item:hover .gray-icon, .tm_sngl_dep-item.swiper-slide-active .gray-icon {
opacity: 0;
position: absolute;
}
.tm_sngl_dep-item .gold-icon {
opacity: 0;
}
.tm_sngl_dep-item .icon {
transition: opacity 0.4s easy;
position: relative;
}
.tm_sngl_dep-item-i {
height: 54px;
width: 54px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.tm_sngl_dep-item-i img {
width: 100%;
max-height: 100%;
}
.tm_sngl_dep-item-ttl {
width: 100%;
padding-top: 30px;
text-align: center;
}
.tm_sngl_dep-item:after, .tm_sngl_dep-item:before {
content: "";
display: block;
position: absolute;
top: 10%;
height: 80%;
width: 1px;
background-color: transparent;
}
.tm_sngl_dep-item:before {
left: 0;
}
.tm_sngl_dep-item:after {
right: 0;
}
.tm_sngl_dep-item.swiper-slide-prev:after, .tm_sngl_dep-item.swiper-slide-prev:before, .tm_sngl_dep-item.swiper-slide-next:after, .tm_sngl_dep-item.swiper-slide-next:before {
background-color: #DBDBDB;
}
.tm_sngl_dep-body {
padding-top: 40px;
overflow: hidden;
position: relative;
width: 100%;
}
.tm_sngl_dep-detail {
position: absolute;
left: 9999px;
top: 0;
opacity: 0;
transition: opacity 0.4s;
}
.tm_sngl_dep-detail.active {
position: relative;
left: 0;
opacity: 1;
}
.tm_sngl_dep-detail-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end;
padding-top: 40px;
padding-bottom: 60px;
}
.tm_sngl_dep-detail-ttl {
width: 48%;
}
.tm_sngl_dep-detail-desc {
width: 48%;
}
.tm_sngl_dep-detail-mtl {
display: none;
color: #797979;
margin-bottom: 15px;
font-size: 18px;
}
.tm_sngl_dep-detail-link {
display: inline-flex;
justify-content: space-between;
align-items: center;
border-radius: 5px;
min-width: 240px;
padding: 10px;
color: #a38e65;
background-color: #e8e8e8;
line-height: 20px;
}
.tm_sngl_dep-detail-link:hover {
background-color: #DBDBDB;
}
.tm_sngl_dep-detail-link:hover .arr {
transform: rotate(0deg);
}
.tm_sngl_dep-detail-link .lg {
display: inline-block;
vertical-align: top;
width: 20px;
height: 20px;
background-size: auto 100%;
background-repeat: no-repeat;
background-position: center;
margin-right: 10px;
}
.tm_sngl_dep-detail-link .arr {
display: inline-block;
vertical-align: top;
width: 18px;
height: 18px;
float: right;
margin-left: 20px;
transition: all 0.4s;
transform: rotate(-45deg);
background-image: url(//hanston.ru/wp-content/themes/jirs-groovy-site_1685354555/img/arrow-right-g.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center;
}
.tm_sngl_dep-links {
width: 100%;
display: grid;
grid-template-columns: repeat(4, calc(25% - 8px));
gap: 10px;
}
.tm_sngl_dep-link {
flex-wrap: nowrap;
padding: 5px 15px;
min-height: 40px;
}
.tm_sngl_dep-link i {
width: 16px;
height: 16px;
}
.tm_popup {
height: 100vh;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.tm_popup-overlay {
cursor: pointer;
background-color: rgba(0, 0, 0, 0.5);
margin: auto;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.tm_popup-close {
cursor: pointer;
justify-content: center;
align-items: center;
width: 22px;
height: 22px;
margin-top: 20px;
margin-left: 20px;
display: flex;
position: absolute;
top: 0%;
bottom: auto;
left: 0%;
right: auto;
padding: 0;
z-index: 100;
}
.mfp-fade2.mfp-wrap .tm_popup-overlay {
transform: scaleX(0.05) scaleY(0);
animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s forwards;
}
.mfp-fade2.mfp-wrap .tm_popup-content {
opacity: 0;
animation: fadeIn 0.3s 1.2s forwards;
}
.mfp-fade2.mfp-wrap.mfp-close-s .tm_popup-overlay {
transform: scaleX(1) scaleY(1);
animation: unfoldOut 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s forwards;
}
.mfp-fade2.mfp-wrap.mfp-close-s .tm_popup-content {
opacity: 1;
animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
@media screen and (max-width: 1680px) {
.prm_txt--h2 {
font-size: 56px;
}
.prm_txt--b {
font-size: 32px;
}
.prm_txt--m {
font-size: 22px;
}
.prm_txt--s {
font-size: 16px;
}
.prm_txt--xs {
font-size: 14px;
}
.checkbox-item label {
padding: 5px 30px 5px 10px;
}
.psevdo-checkbox {
right: 8px;
width: 10px;
height: 10px;
}
.psevdo-checkbox:before {
border-radius: 5px;
}
.psevdo-checkbox:after {
border-radius: 4px;
width: 8px;
height: 8px;
left: 2px;
top: 2px;
background: transparent;
}
.swiper-btn-next-v1.swiper-button-next, .swiper-btn-prev-v1.swiper-button-prev {
width: 42px;
height: 42px;
}
.swiper-btn-next-v2.swiper-button-next, .swiper-btn-prev-v2.swiper-button-prev {
width: 30px;
height: 30px;
margin-top: -15px;
}
.num_block-v-item {
padding: 30px 0;
}
.num_block-v-num {
font-size: 60px;
line-height: 54px;
}
.gray_tab {
margin-right: 7px;
}
.b_padding-h {
width: 100%;
padding-left: 40px;
padding-right: 40px;
}
}
@media screen and (max-width: 1430px) {
.hd-desc, .hd-cloud-green {
display: none;
}
.prm_txt--h2 {
font-size: 40px;
}
.prm_txt--b {
font-size: 24px;
}
.prm_txt--m {
font-size: 18px;
}
.prm_txt--s {
font-size: 16px;
}
.prm_txt--xs {
font-size: 14px;
}
.swiper-btn-next-v1.swiper-button-next, .swiper-btn-prev-v1.swiper-button-prev {
width: 38px;
height: 38px;
}
.swiper-btn-next-v2.swiper-button-next, .swiper-btn-prev-v2.swiper-button-prev {
width: 22px;
height: 22px;
margin-top: -11px;
}
.prm_ul li:before {
width: 8px;
height: 8px;
top: 8px;
}
.b_padding-vl {
padding-top: 50px;
padding-bottom: 50px;
}
.b_padding-vtl {
padding-top: 50px;
}
.b_padding-vbl {
padding-bottom: 50px;
}
.b_padding-vxl {
padding-top: 100px;
padding-bottom: 100px;
}
.b_padding-vtxl {
padding-top: 100px;
}
.b_padding-vbxl {
padding-bottom: 100px;
}
.b_padding-vl.is--fs-slider, .b_padding-vxl.is--fs-slider {
margin-right: -30px;
padding-right: 30px;
}
.b_padding-h {
padding-left: 30px;
padding-right: 30px;
}
.num_block-v-item {
padding: 25px 0;
}
.num_block-v-num {
font-size: 54px;
line-height: 48px;
}
}
@media screen and (max-width: 1200px) {
.b_padding-vl {
padding-top: 40px;
padding-bottom: 40px;
}
.b_padding-vtl {
padding-top: 40px;
}
.b_padding-vbl {
padding-bottom: 40px;
}
.b_padding-vxl {
padding-top: 80px;
padding-bottom: 80px;
}
.b_padding-vtxl {
padding-top: 80px;
}
.b_padding-vbxl {
padding-bottom: 80px;
}
.num_block-v-item {
grid-column-gap: 20px;
}
.num_block-v-num {
font-size: 42px;
line-height: 38px;
}
}
@media screen and (max-width: 1680px) {
.promo_first-block-left {
height: auto;
min-height: 30vh;
}
.prm_res-item-num {
font-size: 80px;
}
.prm_adv-h2-wrap:after {
bottom: 28px;
}
.prm_adv-h2-dop {
margin-top: 85px;
padding-left: 30px;
}
.prm_adv-item {
padding: 0 20px;
}
.prm_adv-item-ttl {
height: 120px;
}
.prm_about-btn {
width: auto;
padding-left: 30px;
padding-right: 30px;
}
.prm_table-icon {
width: 50px;
height: 50px;
}
.prm_table-ttl {
height: 50px;
line-height: 50px;
}
.prm_table-txt {
padding-bottom: 20px;
min-height: 150px;
}
.prm_table-col {
padding: 0 10px;
}
.prm_price-cur {
font-size: 18px;
}
.prm_why-banner {
padding: 30px;
min-height: 270px;
}
.prm_why-banner-ttl {
min-height: 55px;
}
}
@media screen and (max-width: 1480px) {
.prm_res-item-num {
font-size: 70px;
}
.prm_adv-h2-dop {
margin-top: 80px;
}
.prm_adv-items {
padding-top: 40px;
}
.prm_adv-item-ttl {
height: 100px;
}
.prm_tarif-header {
padding: 15px 0;
}
.prm_table-ttl {
margin-bottom: 10px;
}
.prm_table-item.prm_price {
align-items: flex-end;
}
.prm_table-txt {
min-height: 130px;
padding-bottom: 20px;
}
.prm_price-cur {
font-size: 16px;
}
.prm_price-old {
width: 100%;
display: block;
}
.prm_about-txt {
margin-top: 60px;
margin-bottom: 60px;
}
.prm_master-right {
padding-left: 20px;
}
.prm_master .col.is--advant p {
width: calc(100% - 70px);
}
}
@media screen and (max-width: 1380px) {
.promo_first-text-block {
position: relative;
padding-top: 60px;
padding-bottom: 60px;
grid-row-gap: 20px;
}
.promo_first-left-txt {
padding-top: 20px;
padding-right: 20px;
max-width: 100%;
}
.promo_first-right-top {
padding: 20px 30px;
}
.promo_first-item {
display: block;
padding: 5px 0;
}
.promo_first-item-num {
line-height: 32px;
}
.promo_first-item-txt {
line-height: 32px;
}
.prm_res-item {
padding: 15px;
}
.prm_res-item-num {
font-size: 60px;
}
.prm_res-item-num .t {
font-size: 20px;
}
.prm_adv-h2-wrap:after {
bottom: 23px;
}
.prm_adv-h2-dop {
margin-top: 60px;
}
.prm_adv-item {
width: 25%;
padding: 0 15px;
margin-bottom: 20px;
}
.prm_table-item .left {
max-width: 50%;
}
.prm_table-item .right {
max-width: 50%;
}
.prm_master-second {
margin-bottom: 10px;
}
.prm_master-txt {
margin-top: 45px;
margin-bottom: 45px;
}
.prm_master-top {
height: 275px;
}
.prm_master-video {
height: 275px;
}
.prm_master-left-txt {
margin-top: 20px;
margin-bottom: 27px;
min-height: auto;
}
.prm_master-footer {
margin-top: 60px;
margin-bottom: 0;
}
.prm_master .col.is--advant {
min-height: 200px;
}
.prm_master .col.is--advant p {
width: calc(100% - 50px);
}
.prm_box-item-txt {
min-height: 80px;
padding-top: 15px;
}
.prm_form {
padding: 15px;
}
.prm_why-banner {
min-height: 230px;
}
.prm_why-banner-ttl {
min-height: 45px;
}
.prm_why-banner-icon {
width: 50px;
}
}
@media screen and (max-width: 1200px) {
.prm_header .nav-dd-toggle {
display: block;
padding-top: 15px;
}
.prm_header .nest_departments-list.is--consulting {
padding-right: 15px;
}
.promo_first-right-top {
padding: 20px 15px;
}
.promo_first-item {
width: calc(50% - 10px);
}
.promo_first-item-num {
margin-right: 10px;
}
.prm_tarif-header {
align-items: center;
}
.prm_tarif-header-left {
width: 25%;
}
.prm_tarif-header-left span {
display: block;
width: calc(100% - 50px);
}
.prm_tarif-header-left .star {
margin-right: 10px;
}
.prm_tarif-header-right {
width: 75%;
}
.prm_tarif-control {
width: 100%;
}
}
@media screen and (max-width: 1680px) {
.tm_h1 {
font-size: 72px;
}
.tm_hero {
padding-top: 40px;
padding-bottom: 40px;
}
.header_command {
padding: 40px 0;
}
.tm_arrows_header {
width: 82px;
}
.tm_arrows_header-row h2 {
width: calc(100% - 87px);
}
.tm_first {
padding-bottom: 120px;
}
.tm_first h1 {
font-size: 100px;
}
.tm_first-txt {
padding: 40px 0;
}
.tm_item-btn {
padding: 12px;
font-size: 14px;
}
.tm_item-btn i {
width: 15px;
height: 15px;
}
.tm_managers {
padding: 120px 0;
}
.tm_managers-items {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
padding: 40px 0;
gap: 52px 30px;
}
.tm_managers-item {
width: calc(33.3% - 20px);
}
.tm_commands-top {
padding-top: 40px;
}
.tm_commands-n {
line-height: 32px;
}
.tm_commands-more-btn i {
width: 15px;
height: 15px;
}
.tm_news-item-ttl {
height: 216px;
}
.tm_career-block {
padding-top: 30px;
}
.tm_career-author-wrp {
width: calc(100% - 60px);
}
.tm_career-author-img {
width: 60px;
height: 60px;
}
.video_block-btn {
margin-top: -45px;
margin-left: -45px;
width: 90px;
height: 90px;
}
.tm_sngl-content {
padding-bottom: 40px;
}
.tm_sngl-hero {
height: 34%;
}
.tm_sngl-top {
padding-bottom: 40px;
}
.tm_sngl-rating-item {
width: 50px;
height: 50px;
line-height: 50px;
margin-left: 15px;
}
.tm_sngl-rating-num {
font-size: 18px;
}
.tm_sngl-card {
width: 71%;
height: 66%;
}
.tm_sngl-contacts {
width: 29%;
height: 66%;
}
.tm_sngl-qr-txt {
font-size: 14px;
}
.tm_sngl-link:after {
width: 18px;
height: 18px;
}
.tm_sngl-about-ttl {
padding: 30px 0;
margin-bottom: 40px;
}
.tm_sngl-about-tags {
width: 30%;
font-size: 14px;
}
.tm_sngl-about-tags .tag {
margin-bottom: 10px;
}
.tm_sngl-about-text {
width: 70%;
}
.tm_sngl-about-text .txt-quote {
width: 53%;
}
.tm_sngl-about-text .txt-quote:before {
width: 33px;
height: 33px;
}
.tm_sngl-chief {
align-items: stretch;
padding: 60px 0;
}
.tm_sngl-chief-main {
height: 300px;
width: 30%;
}
.tm_sngl-chief-contacts {
width: 70%;
}
.tm_sngl-chief-contacts a {
margin-top: 0;
}
.tm_sngl_dep-item-i {
width: 43px;
height: 43px;
}
}
@media screen and (max-width: 1430px) {
.tm_h1 {
font-size: 56px;
}
.tm_hero {
padding-top: 30px;
padding-bottom: 30px;
}
.tm_first {
padding-bottom: 100px;
}
.tm_first h1 {
font-size: 100px;
}
.tm_first-block-right {
padding: 0px 30px;
}
.tm_first-block-ttl, .tm_first-block-desc {
padding: 30px 0;
}
.tm_managers {
padding: 100px 0;
}
.tm_managers-items {
padding: 30px 0;
gap: 40px 20px;
}
.tm_managers-item {
width: calc(33.33% - 14px);
}
.tm_managers-caption {
padding: 15px 0 20px 0;
}
.tm_commands-caption {
padding: 15px 0 20px 0;
}
.tm_arrows_header {
width: 71px;
}
.tm_arrows_header-row h2 {
width: calc(100% - 76px);
}
.tm_career-video {
width: 60%;
}
.tm_career-video-wrap {
min-height: 400px;
}
.tm_career-left {
width: 40%;
}
.tm_career-left-caption {
height: calc(100% - 112px);
}
.tm_career-left-btn {
height: 92px;
}
.tm_career-author-wrp {
width: calc(100% - 50px);
padding: 7px 0px 7px 15px;
}
.tm_career-author-img {
width: 50px;
height: 50px;
}
.video_block-btn {
margin-top: -40px;
margin-left: -40px;
width: 80px;
height: 80px;
}
.tm_news-item-ttl {
height: 190px;
}
.tm_sngl-content {
padding-bottom: 40px;
}
.tm_sngl-top {
padding-bottom: 40px;
}
.tm_sngl-h1 {
margin-top: 40px;
}
.tm_sngl-rating-item {
width: 40px;
height: 40px;
line-height: 40px;
}
.tm_sngl-rating-num {
font-size: 16px;
}
.tm_sngl-card {
width: 71%;
padding: 30px;
}
.tm_sngl-contacts {
width: 29%;
}
.tm_sngl-qr-txt {
font-size: 12px;
}
.tm_sngl-photo-btn {
padding: 15px;
font-size: 16px;
}
.tm_sngl-photo-btn:after {
width: 16px;
height: 19px;
}
.tm_sngl-about-ttl {
padding: 26px 0;
margin-bottom: 35px;
}
.tm_sngl-chief {
align-items: stretch;
padding: 40px 0;
}
.tm_sngl-chief-main {
height: 290px;
}
.tm_sngl-chief-main .dop {
margin-bottom: 25px;
margin-top: 30px;
}
.tm_sngl-chief-contacts {
padding-top: 70px;
}
.tm_sngl-chief-contacts a {
margin-top: 0;
}
.tm_sngl_dep-block {
padding-bottom: 40px;
}
.tm_sngl_dep-item-i {
width: 36px;
height: 36px;
}
.tm_sngl_dep-detail-wrap {
padding-top: 30px;
padding-bottom: 30px;
}
.tm_sngl_dep-detail-link {
line-height: 18px;
}
.tm_sngl_dep-detail-link .lg {
width: 18px;
height: 18px;
}
.tm_sngl_dep-detail-link .arr {
width: 16px;
height: 16px;
}
.tm_sngl_dep-slider {
width: 100%;
}
.tm_sngl_dep-link i {
width: 14px;
height: 14px;
}
}
@media screen and (max-width: 1200px) {
.tm_h1 {
font-size: 48px;
}
.tm_hero {
padding-top: 20px;
padding-bottom: 20px;
}
.tm_first {
padding-bottom: 80px;
}
.tm_first h1 {
font-size: 90px;
}
.tm_managers {
padding: 80px 0;
}
.tm_career-video {
width: 55%;
}
.tm_career-video-wrap {
min-height: 310px;
height: 100%;
}
.tm_career-left {
width: 45%;
padding-left: 15px;
}
.tm_career-left-caption {
height: calc(100% - 92px);
padding: 25px;
}
.tm_career-left-btn {
height: 72px;
padding: 25px;
}
.tm_career-left-btn i {
width: 16px;
height: 16px;
}
.video_block-btn {
margin-top: -35px;
margin-left: -35px;
width: 70px;
height: 70px;
}
.tm_news-item-ttl {
height: 160px;
}
.tm_sngl-content {
padding-top: 30px;
}
.tm_sngl-link:after {
width: 20px;
height: 20px;
}
.tm_sngl-about-ttl {
padding: 15px 0;
margin-bottom: 30px;
}
.tm_sngl-about-text {
display: flex;
flex-direction: column;
}
.tm_sngl-about-mobile {
order: 4;
}
.tm_sngl-about .txt-main {
width: 100%;
order: 2;
padding-left: 45px;
}
.tm_sngl-about .txt-quote {
width: 100%;
order: 1;
padding-left: 45px;
margin-bottom: 25px;
}
.tm_sngl-about .txt-quote:before {
left: 0;
width: 23px;
height: 23px;
}
.tm_sngl-chief {
padding: 30px 0;
}
.tm_sngl-chief-main {
height: 300px;
padding-right: 20px;
}
.tm_sngl-chief-contacts {
padding-left: 45px;
}
.tm_sngl-chief-row {
margin-bottom: 5px;
}
.tm_sngl-chief-row > span {
width: 70px;
}
.tm_sngl-chief-btn {
font-size: 14px;
}
.tm_sngl-chief-copy {
font-size: 14px;
}
.tm_sngl_dep-block {
padding-bottom: 30px;
}
.tm_sngl_dep-detail-wrap {
padding-top: 20px;
padding-bottom: 30px;
}
.tm_sngl_dep-detail-link {
line-height: 16px;
}
.tm_sngl_dep-detail-link .lg {
width: 16px;
height: 16px;
}
.tm_sngl_dep-detail-link .arr {
width: 14px;
height: 14px;
}
.tm_sngl_dep-links {
grid-template-columns: repeat(3, calc(33.3% - 7px));
}
.tm_sngl_dep-link i {
width: 14px;
height: 14px;
}
}
@media screen and (max-width: 991px) {
.nav_top-btn-wrp-before .nav_logo {
margin-right: 0;
}
.prm_header .nav-dd-toggle {
padding-top: 22px;
}
.hd_star-wrp {
width: 38px;
height: 38px;
}
.swiper-btn-next-v1.swiper-button-next, .swiper-btn-prev-v1.swiper-button-prev {
width: 32px;
height: 32px;
}
.prm_ul li {
width: 100%;
}
.prm_ul > li:before {
width: 7px;
height: 7px;
top: 7px;
}
.mb-1 {
margin-bottom: 10px;
}
.mb-3 {
margin-bottom: 30px;
}
.mt-1 {
margin-top: 10px;
}
.mt-3 {
margin-top: 30px;
}
.checkbox-item {
margin: 0 7px 0px 0;
font-size: 14px;
}
}
@media screen and (max-width: 767px) {
.hide-mobile {
display: none !important;
}
.prm_divider_v.divider_v {
display: block;
}
.b_padding-vl {
padding-top: 30px;
padding-bottom: 30px;
}
.b_padding-vtl {
padding-top: 30px;
}
.b_padding-vbl {
padding-bottom: 30px;
}
.b_padding-vxl {
padding-top: 60px;
padding-bottom: 60px;
}
.b_padding-vtxl {
padding-top: 60px;
}
.b_padding-vbxl {
padding-bottom: 60px;
}
.b_padding-vxl.is--fs-slider, .b_padding-vl.is--fs-slider {
margin-right: -10px;
padding-right: 10px;
}
.b_padding-h {
max-width: 100vw;
padding-left: 10px;
padding-right: 10px;
}
.num_block-v-item {
grid-row-gap: 12px;
}
.prm_popup .vacancy_form {
margin-top: 50px;
}
}
@media screen and (max-width: 479px) {
.nav_top-btn-wrp-before .nav_logo {
margin-right: 0;
}
.swiper-btn-next-v1.swiper-button-next, .swiper-btn-prev-v1.swiper-button-prev {
display: none;
}
}
@media screen and (max-width: 361px) {
.prm_txt--h2 {
font-size: 32px;
}
}
@media screen and (max-width: 991px) {
.tarif_select {
width: calc(33% - 15px);
}
.tarif_select__head {
display: block;
width: 100%;
}
.tarif_select__list {
display: none;
flex-direction: column;
position: absolute;
width: 100%;
background-color: #E8E8E8;
border-color: #E8E8E8;
padding: 7px 0;
top: 99%;
left: 0;
}
.tarif_select__item {
padding-left: 7px;
margin-right: 0;
width: 100%;
z-index: 1;
}
.promo_first-h2-dop {
margin-top: 80px;
}
.promo_first-left-btn {
width: auto;
padding-left: 30px;
padding-right: 30px;
}
.promo_first-item {
width: 100%;
border-bottom: 1px solid #FFFFFF;
}
.promo_first-item:last-child {
border-bottom: none;
}
.promo_first-item-num {
margin-right: 10px;
}
.prm_res-item {
padding: 15px;
width: 33%;
}
.prm_res-item:nth-child(1), .prm_res-item:nth-child(4) {
padding-left: 5px;
}
.prm_res-item:nth-child(4) .prm_res-item-div {
display: none;
}
.prm_res-item:nth-child(4):before {
display: none;
}
.prm_adv-items {
justify-content: flex-end;
}
.prm_adv-item {
width: 50%;
}
.prm_adv-item.col-empty {
display: none;
}
.prm_adv-item:before {
height: calc(100% - 20px);
}
.prm_adv-item:after {
content: "";
display: block;
position: absolute;
bottom: 0px;
left: 20px;
height: 1px;
width: calc(100% - 40px);
background-color: #DBDBDB;
}
.prm_adv-item:last-child:after {
display: none;
}
.prm_adv-item-txt {
padding-bottom: 20px;
}
.prm_about-slider-wrap {
padding: 40px 50px;
}
.prm_about .col.is--candidate {
padding-left: 0;
}
.prm_about .col.is--candidate-inner {
padding-left: 0;
}
.prm_about-btn {
padding: 0 20px;
}
.prm_tarif-header {
padding: 0;
}
.prm_tarif-header-left {
width: 100%;
justify-content: center;
padding: 15px 0;
}
.prm_tarif-header-left .star {
width: 30px;
height: 30px;
margin-right: 15px;
}
.prm_tarif-header-left span {
width: auto;
display: inline-block;
max-width: calc(100% - 50px);
}
.prm_tarif-header-right {
width: 100%;
padding: 15px 0;
position: relative;
z-index: 2;
}
.prm_tarif-control {
justify-content: space-between;
}
.prm_tarif-block .divider_container {
display: flex;
width: 100%;
}
.prm_tarif-footer-left {
margin-bottom: 20px;
}
.prm_table-col-head {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
}
.prm_table-ttl {
height: 36px;
line-height: 36px;
order: 2;
}
.prm_table-icon {
width: 36px;
height: 36px;
margin-left: 0px;
margin-right: 10px;
}
.prm_table-icons {
order: 1;
position: static;
max-width: 100%;
justify-content: flex-start;
}
.prm_table-txt {
order: 3;
min-height: 120px;
}
.prm_price .left {
width: 100%;
max-width: 100%;
}
.prm_price .right {
width: 100%;
max-width: 100%;
}
.prm_why-banner {
padding: 20px;
}
.prm_why-banner-ttl {
margin-bottom: 15px;
}
.prm_why-banner-txt {
margin-bottom: 15px;
}
.prm_row.row {
grid-column-gap: 0;
}
.prm_master-txt p {
font-size: 14px;
}
.prm_master-right {
padding-left: 10px;
}
.prm_master-col {
width: 100%;
max-width: 100%;
padding-right: 10px;
}
.prm_master-video {
padding-bottom: 30px;
}
.prm_master .advants {
margin-bottom: 40px;
}
.prm_master-footer .advants {
margin-bottom: 27px;
}
.prm_master .col.is--advant {
min-height: 170px;
}
.prm_master .col.is--advant p {
width: calc(100% - 20px);
}
.prm_form .policy_note {
margin-bottom: 15px;
}
.prm_box-item {
padding: 12px;
width: calc(50% - 12px);
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
flex-direction: column;
}
.prm_box-item-txt {
min-height: auto;
}
}
@media screen and (max-width: 767px) {
.promo_first .section_hero-img.is--consulting-top {
width: 100vw;
height: 100vh;
object-fit: cover;
object-position: 50% 0;
max-height: none;
}
.promo_first .section_hero-bg {
background-position: 90% center;
background-size: auto 100%;
}
.promo_first .row-load.is--hero-header {
background-color: transparent;
text-shadow: 1px 1px 4px #000;
}
.promo_first .section_hero-bg-wrp {
margin-top: 0;
max-height: 100vh;
width: 100vw;
}
.promo_first .section_hero-overlay {
background-image: none;
background-color: rgba(0, 0, 0, 0.45);
z-index: 2;
}
.promo_first-ttl {
width: 500px;
max-width: 80%;
}
.promo_first-block-left {
width: 100%;
height: auto;
min-height: 200px;
}
.promo_first-block-right {
display: none;
}
.promo_first-left-btn {
max-width: 100%;
}
.promo_first-left-txt {
width: 500px;
max-width: 80%;
padding-bottom: 50px;
}
.promo_first-down {
display: none;
}
.prm_res-item {
width: 50%;
}
.prm_res-item:nth-child(2n+1) {
padding-left: 5px;
}
.prm_res-item:nth-child(2n+1):before {
display: none;
}
.prm_res-item:nth-child(4) {
padding-left: 15px;
}
.prm_res-item:nth-child(4):before {
display: block;
}
.prm_res-item:nth-child(4) .prm_res-item-div, .prm_res-item:nth-child(5) .prm_res-item-div, .prm_res-item:nth-child(6) .prm_res-item-div {
display: block;
}
.prm_res-item-num {
font-size: 40px;
}
.prm_adv-slider {
padding-right: 30px;
overflow: hidden;
padding-top: 30px;
padding-bottom: 30px;
width: 100%;
}
.prm_adv-slider .swiper-pagination {
bottom: 10px;
left: 50%;
margin-left: -25px;
display: flex;
gap: 10px;
}
.prm_adv-h2 {
line-height: 1;
background-color: transparent;
}
.prm_adv-h2-wrap {
width: 100%;
}
.prm_adv-h2-wrap:after {
display: none;
}
.prm_adv-h2-dop {
width: 100%;
padding-left: 0;
margin-top: 20px;
}
.prm_about .is--candidate {
padding: 15px 0 15px 0;
order: 2;
}
.prm_about .is--about-soluction {
order: 1;
}
.prm_about .is--about-soluction .h2_advant.is--solution-page {
width: 100%;
max-width: 100%;
text-align: left;
}
.prm_about .col.is--candidate.is--solution-page {
flex-direction: row;
}
.prm_about .col.is--candidate-inner {
padding-right: 35px;
}
.prm_about .candidate_avatar-txt.is--solution-page {
width: calc(100% - 120px);
}
.prm_tarif-header-left {
justify-content: space-between;
}
.prm_tarif-header-left .star {
margin-right: 0px;
order: 2;
}
.prm_tarif-header-left span {
order: 1;
}
.prm_tarif-banner {
padding: 14px;
}
.prm_tarif-banner-line {
display: none;
}
.prm_tarif-banner > div:nth-child(2) {
display: none;
}
.prm_tarif-banner-txt {
padding: 0;
width: calc(100% - 50px);
}
.prm_tarif-banner-icon {
width: 24px;
height: 24px;
}
.prm_tarif-footer-txt {
display: none;
}
.prm_table {
overflow-x: scroll;
width: auto;
}
.prm_table-empty, .prm_table-vals.column {
display: none;
}
.prm_table-row {
width: 660px;
}
.prm_table-col {
width: 220px;
}
.prm_table-col:nth-child(2) {
border-left: none;
}
.prm_table-item .tarif {
display: block;
}
.prm_table-btn {
margin-bottom: 5px;
}
.prm_master-txt {
margin-top: 30px;
margin-bottom: 30px;
}
.prm_master-txt p {
font-size: 12px;
}
.prm_master-video {
border-bottom: 1px solid #DBDBDB;
width: 100%;
height: auto;
}
.prm_master-col {
max-width: 600px;
}
.prm_master-col p {
max-width: 500px;
}
.prm_master-right {
padding-top: 25px;
}
.prm_master .col.is--advant p {
width: calc(100% - 100px);
}
.prm_why-banner {
min-height: auto;
padding: 12px;
}
.prm_why-banner-bg {
height: 80px;
width: 100%;
opacity: 1;
}
.prm_why-banner-left {
width: 100%;
padding-bottom: 25px;
}
.prm_why-banner-right {
width: 100%;
}
.prm_why-banner-ttl {
min-height: 45px;
}
.prm_why-banner-txt {
max-width: 90%;
}
.prm_why-banner-icon {
width: 40px;
}
.prm_why-banner-icon.is--black {
z-index: 2;
}
.prm_why-banner-icon.is--white {
z-index: 3;
opacity: 1;
}
.prm_why .h2_center.is--services-block {
text-align: center;
}
.prm_b-bg {
background-position: center;
}
.prm_b-wrap {
background: linear-gradient(to bottom, rgba(245, 245, 245, 0) 0%, rgb(245, 245, 245) 100%);
}
.prm_modal_tarif {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.tarif_select {
width: auto;
min-width: 100px;
}
.promo_first-left-btn {
width: 100%;
}
.prm_res-item {
padding-right: 5px;
}
.prm_res-item:nth-child(2n+1) {
padding-left: 5px;
}
.prm_res-item-num .t {
margin-left: 5px;
}
.prm_tarif-control {
flex-wrap: nowrap;
}
.prm_table-row {
width: 540px;
}
.prm_table-txt {
display: none;
}
.prm_table-col {
width: 180px;
}
.prm_table-item .tarif {
display: block;
}
.prm_master .h3.is--home {
max-width: none;
width: 100%;
}
.prm_master .advant_title-num.gray {
display: none;
}
}
@media screen and (max-width: 361px) {
.tarif_select {
width: calc(33% - 5px);
}
}
@media screen and (max-width: 991px) {
.tm_h1 {
font-size: 40px;
}
.tm_first h1 {
font-size: 70px;
}
.tm_item-btn {
padding: 10px;
font-size: 14px;
}
.tm_item-btn i {
width: 14px;
height: 14px;
}
.tm_commands-top {
padding-top: 30px;
}
.tm_commands-top-items {
height: 30px;
margin-bottom: 5px;
}
.tm_commands-top-wrap {
justify-content: flex-start;
gap: 7px;
}
.tm_commands-top-wrap .checkbox-item {
margin: 0 0px 0px 0;
flex-grow: 1;
}
.tm_commands-n {
line-height: 29px;
}
.tm_commands-item {
width: calc(33.33% - 20px);
}
.tm_commands-more {
justify-content: flex-start;
padding: 10px;
}
.tm_commands-more-btn i {
width: 14px;
height: 14px;
}
.tm_career-block {
padding-top: 25px;
}
.tm_career-video {
width: 50%;
}
.tm_career-video-wrap {
min-height: 400px;
}
.tm_career-left {
width: 50%;
padding-left: 10px;
}
.tm_career-left-caption {
padding: 20px;
height: calc(100% - 74px);
}
.tm_career-left-btn {
height: 64px;
margin-top: 10px;
padding: 20px;
}
.tm_career-left-btn i {
width: 22px;
height: 22px;
}
.video_block-btn {
margin-top: -35px;
margin-left: -35px;
width: 70px;
height: 70px;
}
.tm_sngl-content {
padding-bottom: 20px;
}
.tm_sngl-h1 {
margin-top: 30px;
margin-bottom: 25px;
text-align: center;
}
.tm_sngl-hero {
height: auto;
}
.tm_sngl-top {
padding-bottom: 30px;
gap: 10px;
}
.tm_sngl-top-left {
width: 100%;
flex-direction: row;
}
.tm_sngl-top-left .tm_sngl-contacts {
display: none;
}
.tm_sngl-top-right {
width: 100%;
align-items: stretch;
}
.tm_sngl-card {
width: 100%;
height: auto;
min-height: 270px;
}
.tm_sngl-contacts {
height: 100%;
width: 40%;
padding-left: 10px;
}
.without_qr .tm_sngl-contacts {
padding-top: 0px;
}
.tm_sngl-qr {
width: 100%;
height: auto;
}
.tm_sngl-photo-wrap {
width: 60%;
padding-top: 70%;
}
.tm_sngl-links {
width: 100%;
padding-left: 0;
padding-top: 10px;
}
.without_qr .tm_sngl-links {
padding-top: 0px;
}
.tm_sngl-link {
height: 70px;
}
.tm_sngl-link:after {
width: 24px;
height: 24px;
}
.tm_sngl-about-text {
gap: 20px;
flex-wrap: wrap;
}
}
@media screen and (max-width: 767px) {
.tm_h1 {
font-size: 40px;
}
.header_command {
padding: 30px 0;
}
.tm_first {
padding-bottom: 0px;
}
.tm_first .divider_container-load {
display: none;
}
.tm_first-block {
display: none;
}
.tm_first-block-left {
width: 100%;
height: auto;
padding-right: 20px;
}
.tm_first-block-right {
width: 100%;
padding: 0px;
}
.tm_first-block-right .promo_line-vertical {
display: none;
}
.tm_first-block-ttl {
padding: 20px 0 0px 0;
}
.tm_first-block-desc {
padding: 15px 0 20px 0;
}
.tm_first-txt {
padding: 30px 0;
display: none;
}
.tm_managers {
padding: 0px;
}
.tm_managers .padding_v-l {
padding-top: 0;
}
.tm_managers-items {
padding-bottom: 0;
}
.tm_managers-caption {
min-height: auto;
}
.tm_commands-body {
padding: 30px 0;
}
.tm_commands-top-wrap .checkbox-item {
flex-grow: 1;
}
.tm_commands-top-wrap .checkbox-item .psevdo-checkbox {
display: none;
}
.tm_commands-top-wrap .checkbox-item label {
border-radius: 5px;
padding: 7px 10px 7px 11px;
background-color: #F5F5F5;
margin: 0;
width: 100%;
}
.tm_commands-top-items {
width: 100%;
height: auto;
overflow-y: visible;
}
.tm_commands-btn .mobile {
display: inline-block;
}
.tm_commands-btn .desctop {
display: none;
}
.tm_commands-n {
width: 100%;
padding-bottom: 15px;
}
.tm_commands-more {
justify-content: flex-start;
display: none;
}
.tm_commands-item {
width: calc(50% - 5px);
padding-bottom: 30px;
}
.tm_commands-shuffle-sizer {
width: 50%;
}
.tm_item-rtop {
width: 30px;
line-height: 30px;
height: 30px;
top: 5px;
right: 5px;
}
.tm_item-rating {
width: 30px;
line-height: 30px;
height: 30px;
top: 5px;
right: 5px;
font-size: 12px;
}
.tm_arrows_header-row.row {
flex-direction: row;
}
.tm_directors-pagination {
display: flex;
}
.tm_career-block {
padding-top: 20px;
flex-direction: column;
align-items: flex-start;
}
.tm_career-video {
width: 100%;
}
.tm_career-video-wrap { width: 100%;
min-height: 300px;
max-height: auto;
background-color: #000;
display: flex;
justify-content: center;
align-items: center;
}
.tm_career-left {
width: 100%;
padding-left: 0px;
margin-top: 10px;
}
.tm_career-left-txt {
padding-bottom: 15px;
}
.tm_career-left-caption {
height: auto;
}
.tm_news-item-ttl {
height: 153px;
}
.tm_news-slider-pagination {
display: flex;
}
.tm_sngl-top {
gap: 5px;
}
.tm_sngl-h1 {
margin-top: 5px;
margin-bottom: 20px;
}
.tm_sngl-card {
min-height: 210px;
font-size: 90%;
border-radius: 5px;
}
.tm_sngl-card-top {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 100%;
}
.tm_sngl-card-text {
order: 1;
}
.tm_sngl-card-text.tm_sngl-lm-1 {
width: calc(100% - 48px);
}
.tm_sngl-card-text.tm_sngl-lm-2 {
width: calc(100% - 80px);
}
.tm_sngl-card-text .ttl {
font-size: 18px;
}
.tm_sngl-card-text .desc {
font-size: 14px;
}
.tm_sngl-card .contacts a {
margin-top: 5px;
font-size: 16px;
}
.tm_sngl-rating {
order: 2;
padding-bottom: 0;
}
.tm_sngl-rating-top, .tm_sngl-rating-num {
margin-right: 0;
margin-left: 8px;
width: 32px;
height: 32px;
line-height: 32px;
font-size: 13px;
}
.tm_sngl-photo-wrap {
border-radius: 5px;
width: 50%;
padding-top: 60%;
}
.tm_sngl-photo-btn {
font-size: 12px;
width: calc(100% - 10px);
bottom: 5px;
left: 5px;
padding: 10px;
}
.tm_sngl-photo-btn:after {
width: 15px;
height: 18px;
}
.tm_sngl-contacts {
width: calc(50% - 5px);
padding-left: 0;
border-radius: 5px;
height: auto;
}
.tm_sngl-qr {
display: none;
}
.tm_sngl-links {
gap: 5px 0;
padding-top: 0px;
}
.tm_sngl-link {
margin-bottom: 0px;
padding: 10px;
border-radius: 5px;
position: relative;
font-size: 14px;
height: auto;
flex-grow: 1;
}
.tm_sngl-link:after {
width: 16px;
height: 16px;
}
.tm_sngl-link.add {
display: flex;
align-items: flex-end;
margin-bottom: 0px;
padding-top: 50px;
}
.tm_sngl-link.add:after {
position: absolute;
top: 8px;
right: 8px;
}
.tm_sngl-about-ttl {
padding: 10px 0;
}
.tm_sngl-about-tags {
width: 100%;
padding-bottom: 10px;
padding-right: 0;
font-size: 12px;
}
.tm_sngl-about-tags .tag {
margin-bottom: 10px;
}
.tm_sngl-about-mobile {
display: inline-flex;
}
.tm_sngl-about-mobile-hide {
height: 0;
opacity: 0;
}
.tm_sngl-about-mobile-hide.show {
height: auto;
opacity: 1;
animation-duration: 0.5s;
animation-name: slideIn;
}
.tm_sngl-about-text {
width: 100%;
}
.tm_sngl-about .txt-main {
display: none;
order: 2;
padding-left: 0;
}
.tm_sngl-about .txt-part {
order: 2;
display: block;
}
.tm_sngl-about .txt-quote {
padding-left: 0;
padding-top: 30px;
margin-bottom: 0;
}
.tm_sngl-about .txt-quote:before {
top: 0px;
}
.tm_sngl-video-wrap {
height: 95vh;
width: calc(100% - 10px);
position: relative;
overflow: hidden;
}
.tm_sngl-chief {
padding: 20px 0;
}
.tm_sngl-chief-main {
width: 100%;
height: auto;
padding-right: 0;
}
.tm_sngl-chief-main .dop {
margin-bottom: 10px;
margin-top: 0;
}
.tm_sngl-chief-main .ttl {
margin-bottom: 0;
}
.tm_sngl-chief-main .desc {
margin-bottom: 25px;
}
.tm_sngl-chief-contacts {
width: 100%;
padding-left: 0;
padding-top: 30px;
}
.tm_sngl_dep-slider {
width: 100%;
}
.tm_sngl_dep-items {
justify-content: space-between;
}
.tm_sngl_dep-item {
width: calc(20% - 1px);
padding: 0 10px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.tm_sngl_dep-item-wrap {
background-color: #f5f5f5;
height: 100%;
align-items: center;
aspect-ratio: 1;
}
.tm_sngl_dep-item-ttl {
padding-top: 20px;
display: none;
}
.tm_sngl_dep-item-i {
width: 62%;
min-width: 32px;
height: 62%;
min-height: 32px;
}
.tm_sngl_dep-item:after {
right: -1px;
}
.tm_sngl_dep-item:before {
left: -1px;
}
.tm_sngl_dep-item:after, .tm_sngl_dep-item:before {
top: 20%;
height: 60%;
}
.tm_sngl_dep-item:nth-child(2n):after, .tm_sngl_dep-item:nth-child(2n):before {
background-color: #DBDBDB;
}
.tm_sngl_dep-detail-wrap {
padding-bottom: 20px;
}
.tm_sngl_dep-detail-ttl {
width: 100%;
padding-bottom: 20px;
}
.tm_sngl_dep-detail-desc {
width: 100%;
}
.tm_sngl_dep-links {
grid-template-columns: repeat(2, calc(50% - 5px));
}
}
@media screen and (max-width: 601px) {
.tm_back {
font-size: 0px;
}
.tm_back:before {
margin-right: 0;
}
.tm_managers-items div {
display: none;
}
.tm_managers-items div:first-child {
display: block;
}
.tm_managers-slider {
padding-top: 30px;
margin-right: -10px;
padding-right: 10px;
overflow: hidden;
max-width: 100vw;
}
.tm_news-item-dop {
font-size: 14px;
}
.tm_sngl_dep-detail-link {
min-width: 200px;
}
.tm_sngl_dep-detail-desc {
display: none;
}
.tm_sngl_dep-detail-mtl {
display: block;
margin-bottom: 0;
}
}
@media screen and (max-width: 479px) {
.header_command {
padding: 25px 0;
}
.tm_h1 {
font-size: 34px;
}
.tm_first h1 {
font-size: 50px;
}
.tm_commands-item {
padding-bottom: 20px;
}
.tm_commands-bottom {
margin-top: 20px;
}
.tm_arrows_header {
display: none;
}
.tm_arrows_header-row h2 {
width: 100%;
}
.tm_career-video-wrap {
min-height: 250px;
}
.video_block-btn {
margin-top: -25px;
margin-left: -25px;
width: 50px;
height: 50px;
}
.tm_news-item-ttl {
height: 150px;
}
.tm_sngl_dep-detail-ttl {
font-size: 32px;
}
.tm_sngl_dep-detail-mtl {
font-size: 14px;
}
.tm_sngl_dep-links {
grid-template-columns: repeat(1, 100%);
gap: 5px;
}
}
@media screen and (max-width: 361px) {
.tm_h1 {
font-size: 32px;
}
.tm_first h1 {
font-size: 40px;
}
}