/* * Prefixed by https://autoprefixer.github.io * PostCSS: v8.4.14, * Autoprefixer: v10.4.7 * Browsers: last 4 version */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(fonts//JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(fonts//JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(fonts/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2'); /*src: url(fonts/J) format('woff2');*/ unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(fonts/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(fonts/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Aqum; font-style: normal; src: local("Aqum"), url(fonts/Aqum_2_Classic.otf) format("opentype"); } /*меняю стили бутстрап*/ .modal { background: #33333390;} .modal .modal-content {border-radius: 15px;} #modalForm .btn-close { right: -20px; top: -20px;} .modal .btn-close { --bs-btn-close-color: #ED0F0F !important; position: absolute; right: -25px; top: -25px; --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") !important; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") !important; opacity: 1; --bs-btn-close-opacity: 1; --bs-btn-close-hover-opacity: 1; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);} .modal .btn-close:hover {-webkit-transform: scale(1.4);-ms-transform: scale(1.4);transform: scale(1.4); -webkit-transition: .3s; -o-transition: .3s; transition: .3s;} .modal .btn-close:focus { -webkit-box-shadow: none; box-shadow: none;} .modal .form-control:focus { border-color: #ED0F0F; -webkit-box-shadow: 0 0 0 .25rem #ed0f0f42; box-shadow: 0 0 0 .25rem #ed0f0f42;} .modal .form-check-input:checked { background-color: #ED0F0F; border-color: #ED0F0F;} .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-radius: 15px 15px 0 0;} .accordion-button:not(.collapsed) { color: #000;} .form__field_hidden { display: none;} /*персональные стили*/ h2{ font-size: 1.3rem; font-weight: 600;} .aqum { font-family: Aqum, sans-serif} .accent {color: #ED0F0F;} .accent-bg {background: #ED0F0F;} .title {font-family: Aqum, sans-serif; font-size: 34px;} .button {border-radius: 15px; padding: 13px 20px; text-transform: uppercase; color: #ffffff; text-decoration: none; font-weight: 700; font-size: 16px; font-weight: bold; background: #ED0F0F; border: none; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; cursor: pointer} .button:hover { -webkit-box-shadow: #33333350 2px 2px 5px; box-shadow: #33333350 2px 2px 5px; -webkit-transform: translate(-2px, -2px); -ms-transform: translate(-2px, -2px); transform: translate(-2px, -2px); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .button, .button:hover, .button:focus, .button:active, .button:visited { outline: none !important;} .button-white {background: #ffffff; color: #000;} .button-black {background: #000; color: #fff;} img[data-modal-img]{cursor: pointer;} a:hover { color: #fff;} body a, body p, body span, body button, body b, body { font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-style: normal;} header {background: #ED0F0F; height: 70px;} header a {color: #ffffff; text-decoration: none; font-size: 12px; font-weight: bold; text-transform: uppercase;} header a:hover b { text-decoration: underline;} header .aqum {font-size: 21px; line-height: 1;} header > div > a.d-flex.flex-column.align-items-center > span {font-weight: 700;} header .navbar-brand img{max-height: 40px;} section {margin-bottom: 110px;} #hero {background-image: url("img/hero5.jpg"); min-height: 700px; background-repeat: no-repeat; background-size: cover; background-position-y: 70px;} #hero .container { position: relative; min-height: 700px;} #hero .hero__box {background: #ffffffe6; width: 360px; height: 360px; border-radius: 15px; position: absolute; top: 245px; right: 70%; padding: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} #hero .hero__title {font-size: 24px;font-weight: bold; margin-bottom: 20px; text-transform: uppercase; text-align: center;} #hero .hero__subtitle {font-size: 18px;font-weight: bold; margin-bottom: 5px; text-transform: uppercase; text-align: center;} #hero .hero__subtitle-small {font-size: 14px;font-weight: 500; margin-bottom: 20px; text-transform: uppercase; text-align: center;} #hero .hero__price {font-size: 40.75px; margin-bottom: 20px;} #hero .hero__price b {font-size: 32px;font-weight: bold; text-transform: uppercase;} #hero .hero__banner {background: #F68D31; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -120px; padding: 15px 70px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; border-radius: 15px; color: #ffffff; width: 100%; min-height: 150px;} #hero .hero__pluses {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; text-align: center;} #hero .hero__pluses b {font-size: 36px; font-family: Aqum, sans-serif; margin-bottom: 7px;} #hero .hero__pluses span {font-size: 16px; font-weight: bold; text-transform: uppercase;} #grow {margin-top: 220px; margin-bottom: 130px;} #grow img {margin-bottom: 30px;} #grow .grow__banner {border-radius: 15px; padding: 18px 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} #grow .grow__banner span {font-size: 27px; color: #fff;} #awards .awards__wrapper { padding: 65px 90px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border: 2px solid #D9D9D9; border-radius: 15px; background: rgb(254, 254, 254); background: -o-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(251, 251, 251, 1) 0%, rgba(254, 240, 222, 1) 47%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(254, 254, 254, 1)), color-stop(0%, rgba(251, 251, 251, 1)), color-stop(47%, rgba(254, 240, 222, 1))); background: linear-gradient(180deg, rgba(254, 254, 254, 1) 0%, rgba(251, 251, 251, 1) 0%, rgba(254, 240, 222, 1) 47%);} #awards .awards__big { position: relative; padding-right: 35px; /*max-width: 429px;*/ } #awards .awards__mini, #awards .awards__big {width: 50%;} #awards .awards__big div {position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; bottom: 10%; left: 32px; right: 32px;} #awards .awards__big img {margin-right: 30px;} #awards .awards__big .awards__subtitle {font-size: 16px; line-height: 1.5; } #awards .awards__title {font-size: 34px; margin-bottom: 40px; position: absolute; top: 10px; right: -83%;} #awards .awards__mini { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; margin-top: 100px;} #awards .awards__mini div { border-radius: 15px; width: 46%; margin: 10px; background: #ffffff; padding: 60px 30px; text-align: center;} #awards .awards__mini img {display: block; margin: 0 auto; margin-bottom: 30px;} #case .case__wrapper {max-width: 85%; margin: 0 auto; min-height: 700px;} #case .title {margin-left: 10px;} #case .title + svg {margin-bottom: 30px; margin-top: -10px;} #case .case__photo { border-radius: 15px; height: 470px; width: 460px;-o-object-fit: cover;object-fit: cover;} #case .case__rating {position: absolute; bottom: 0; width: 460px; padding: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; background: #ffffff; border-radius: 15px; border: 1px solid #959595; } #case .case__rating div {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 30px;} #case .case__rating div img {max-width: 30px; max-height: 30px; margin-right: 5px;} #case .case__rating div img + img {max-width: 20px; margin-right: 3px;} #case .case__rating div span {font-size: 16.7px; font-weight: 500; } #case .case__button {background: #fff; border: 1px solid #0000004a; color: #000; width: 250px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px 30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} #case .case__button.slick-current {background: #FEF0DE; border: 1px solid #0000004a; color: #000; } #case .case__button.case__address {border: none; text-align: left; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; margin-bottom: 25px; text-wrap: nowrap;} #case .case__button.case__address:hover {-webkit-transform: none;-ms-transform: none;transform: none; -webkit-box-shadow: none; box-shadow: none; cursor: default;} #case .case__button img {margin-right: 5px;} #case .case__button:hover {-webkit-transform: none;-ms-transform: none;transform: none; background: #FEF0DE; cursor: pointer;-webkit-box-shadow: none;box-shadow: none;} #case .case__button img.mob {display: none;} #case .case__arrow {position: absolute; top: 40%; cursor: pointer;} #case__prev {left: -100px;} #case__next {right: -100px;} #case .slick-list {overflow: visible;} #case .case__text {margin-top: -80px;} #case .case__text ul {padding-right: 20px; padding-left: 0; margin-bottom: 50px;} #case .case__text ul li {margin-bottom: 25px; font-weight: 500; font-size: 18px;} #case .slick-dots { bottom: -110px; position: absolute; left: -100px; right: -100px;margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} #case .slick-dots {margin: 0; padding: 0; text-wrap: nowrap;} #case .slick-dots .slick-active div {background: #FEF0DE; border: 1px solid #0000004a; color: #000;} #case .case__profit {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative;} #case .case__profit div {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: 25px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} #case .case__profit svg {position: absolute; left: -25px;} #case .case__profit .accent {font-size: 35px; margin-bottom: 0;} #case .case__profit button {margin-right: -55px; max-height: 50px; padding-left: 25px; padding-right: 25px;} /* #menu START */ .masonry { --rowHeight: 175px; grid-gap: 18px 23px; display: grid; gap: 18px 23px; grid-template-areas: "rolls rolls pizza snacks" "coldrolls sets pizza soup" "coldrolls sushi combo combo"; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: 175px 175px 175px;} @media screen and (max-width: 992px) { .masonry { --rowHeight:120px } } @media screen and (max-width: 768px) { .masonry { --rowHeight:110px; gap: 10px; grid-template-areas: "rolls rolls" "coldrolls sets" "coldrolls sushi" "snacks pizza" "soup pizza" "combo combo"; grid-template-columns: 1fr 1fr; grid-template-rows: 110px 110px 110px 110px 110px 110px; grid-template-rows: var(--rowHeight) var(--rowHeight) var(--rowHeight) var(--rowHeight) var(--rowHeight) var(--rowHeight) } } .masonry_item { background-color: #f1f1f1; border-radius: 15px; color: #000; cursor: pointer; display: inline-block; overflow: hidden; position: relative; -webkit-text-decoration: none; text-decoration: none; transition: all .3s} .masonry_item:focus,.masonry_item:hover { background-color: #e31e24} .masonry_item:focus span,.masonry_item:hover span { color: #fff} .masonry_item_inner { background-position: 100% 100%; background-repeat: no-repeat; background-size: contain; border-radius: 15px; box-sizing: border-box; display: flex; height: 100%; padding: 30px; width: 100%} @media screen and (max-width: 992px) { .masonry_item_inner { padding:25px } } .masonry_item:nth-child(8n+1) { grid-area: rolls} .masonry_item:nth-child(8n+1)>.masonry_item_inner { align-items: center} .masonry_item:nth-child(8n+2) { grid-area: pizza} .masonry_item:nth-child(8n+2)>.masonry_item_inner { background-size: cover; justify-content: center; padding-top: 70px} @media screen and (max-width: 992px) { .masonry_item:nth-child(8n+2)>.masonry_item_inner { padding-top:25px } } .masonry_item:nth-child(8n+3) { grid-area: snacks} .masonry_item:nth-child(8n+4) { grid-area: coldrolls} .masonry_item:nth-child(8n+4)>.masonry_item_inner { padding-top: 30px} @media screen and (max-width: 992px) { .masonry_item:nth-child(8n+4)>.masonry_item_inner { background-size:80%; padding-top: 32px } } .masonry_item:nth-child(8n+5) { grid-area: sets} .masonry_item:nth-child(8n+5)>.masonry_item_inner { padding-top: 30px} @media screen and (max-width: 992px) { .masonry_item:nth-child(8n+5)>.masonry_item_inner { align-items:flex-start; background-size: 75%; padding-top: 25px } } .masonry_item:nth-child(8n+6) { grid-area: soup} .masonry_item:nth-child(8n+6)>.masonry_item_inner { padding-top: 30px} @media screen and (max-width: 992px) { .masonry_item:nth-child(8n+6)>.masonry_item_inner { background-size:70%; padding-top: 30px } } .masonry_item:nth-child(8n+7) { grid-area: sushi} .masonry_item:nth-child(8n+7)>.masonry_item_inner { align-items: flex-start} .masonry_item:nth-child(8n+8) { grid-area: combo} .masonry_item:nth-child(8n+8)>.masonry_item_inner { align-items: center; padding-left: 60px} @media screen and (max-width: 992px) { .masonry_item:nth-child(8n+8)>.masonry_item_inner { padding-left:25px } } .masonry_item_text span { color: #000; font-family: Aqum,Arial,sans-serif; font-size: 19px; font-weight: 500; line-height: 1.3; transition: color .3s; white-space: pre-wrap} @media screen and (max-width: 992px) { .masonry_item_text span { font-size:14px } } /* #menu END */ #offer {min-height: 700px;background: #FEF0DE; background: -o-linear-gradient(top, #FFE4C3 0%, #FEF0DE 100%); background: -webkit-gradient(linear, left top, left bottom, from(#FFE4C3), to(#FEF0DE)); background: linear-gradient(180deg, #FFE4C3 0%, #FEF0DE 100%);} #offer img {margin-top: -35px; width: 517px;} #offer .offer__img {max-width: 360px; rotate: -5deg; margin: -15px 0 15px;} #offer .title {background: #FFF; border-radius: 0 0 15px 15px; padding: 15px 35px; } #offer .offer__subtitle {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 50px; -webkit-box-align: start; -ms-flex-align: start; align-items: start;} #offer .offer__subtitle b {font-size: 115px; line-height: 1; margin-right: 20px; margin-left: -60px;} #offer .offer__subtitle span {font-size: 34px;} #offer .offer__subtitle span.accent {font-size: 42px; line-height: 1.3;} #offer button { margin-left: 65px; width: 210px; text-align: center; margin-top: 30px;} #offer .offer__cards {margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} #offer .offer__card {-webkit-box-flex: 1;-ms-flex: 1;flex: 1; margin: 10px; padding: 20px 40px 12px; background: #ffffff; border: 1px solid #d9d9d9; text-align: center; border-radius: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} /*#offer .offer__card:last-child {padding-top: 25px;}*/ #offer .offer__card span {font-size: 18px; font-weight: 500; text-wrap: nowrap;} #offer .offer__card span.offer__num {font-size: 32px; } #offer .offer__card small {font-size: 12px; } #format .title {text-align: center; margin-bottom: 50px;} #format .nav-link {color: #C5C5C5; font-size: 30px; padding-left: 35px; padding-right: 35px; padding-top: 10px;} #format .nav-link.active {color: #F68D31;} #format .format__text {margin-top: 50px;} #format .format__text .format__dot{color: #FFA800;} #format .format__text .format__dot li{margin: 5px;} #format .format__num {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px;} #format .format__num div {text-align: center; background: #F4F3F3; padding: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: calc(50% - 5px); margin-bottom: 10px; border-radius: 15px} #format .format__num div:nth-child(odd) { margin-right: 10px;} #format .format__num span {font-size: 18px; font-weight: 500;} #format .format__num b {font-size: 32px; text-wrap: nowrap} #format .format__text p {font-size: 20px;} #format .tab-content > .active {display: -webkit-box;display: -ms-flexbox;display: flex;} #format .format__img {margin-top: 10px;} #format .format__wrap {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} #format .format__wrap img {width: 49%; height: auto; max-height: 180px; object-fit: cover;} #format .format__img img.w-100 {margin-bottom: 20px;} #map .container {background-image: url(img/map.png); display: -webkit-box; display: -ms-flexbox; display: flex; background-size: contain;background-repeat: no-repeat; background-position: center; padding-bottom: 49%; position: relative; display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} #map .map__wrapper {position: absolute; top: 55%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;} #map span, #map b {font-size: 34px;} #map svg {position: absolute; right: 0;bottom: -20px;} #map .button-black {width: 200px; margin: 0 auto; margin-top: 60px; text-align: center; text-decoration: none;} #automation {padding-top: 70px; padding-bottom: 70px; background: #FEF0DE; background: -o-linear-gradient(top, #FFE4C3 0%, #FEF0DE 100%); background: -webkit-gradient(linear, left top, left bottom, from(#FFE4C3), to(#FEF0DE)); background: linear-gradient(180deg, #FFE4C3 0%, #FEF0DE 100%);} #automation .title {margin-bottom: 30px;} #automation .automation__wrapper {margin-bottom: 50px; padding-left: 100px; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;} #automation .automation__subtitle {text-transform: uppercase; font-size: 24px; font-weight: bold; margin-bottom: 15px;} #automation p {font-size: 16px; font-weight: 500; margin-bottom: 20px;} #automation .automation__wrapper div {margin-left: -120px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: -20px;} #automation .automation__wrapper-last div {margin-left: -10px;} #automation .automation__wrapper div img { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 50%; height: auto; } #automation .automation__wrapper div img.automation__mob {margin-right: 60px; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; max-height: 450px;-o-object-fit: contain;object-fit: contain;} #automation .automation__clients {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} #automation .automation__clients div {width: 40%; padding-right: 30px;} #automation .automation__clients img {width: 60%;} #automation .automation__clients p {max-width: 410px;} #departments {margin-bottom: 200px; } #departments .title {display: block; text-align: center; margin-bottom: 50px; } #departments .accordion, #departments .accordion-header, #departments .accordion-item {border-radius: 15px; margin: 0; padding: 0; border: none; margin-bottom: 30px; } #departments .accordion-header{cursor: pointer;} #departments .accordion-button { border-radius: 15px; background: rgba(244, 243, 243, 1); margin: 0; padding: 0;} #departments .accordion-item:nth-child(odd) .accordion-button {background: #FFA800;} #departments .accordion-button img {width: 100%; border-radius: 15px; } #departments .accordion-button .subtitle {font-size: 23px; text-transform: uppercase; display: block; margin-top: -20px; width: 50%; text-align: center; font-weight: bold;} #departments .accordion-button:not(.collapsed)::after, #departments .accordion-button::after { position: absolute; right: 73%; bottom: 15%; width: 50px; height: 50px; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 65' fill='none' stroke='%23ED0F0F' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M5 15L25 35L45 15'/%3e%3c/svg%3e"); background-size: 50px 50px; background-repeat: no-repeat; background-position: center;} #departments .accordion-item:nth-child(odd) .accordion-button:not(.collapsed)::after, #departments .accordion-item:nth-child(odd) .accordion-button::after {right: 24%;} #departments .accordion-body {display: -webkit-box;display: -ms-flexbox;display: flex;padding: 40px 0 70px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} #departments .accordion-body img {max-width: 450px; margin-left: 5%; margin-right: 5%; border-radius: 15px;} #departments .accordion-body p {max-width: 450px; font-weight: 500; margin-left: 5%; margin-right: 5%;} #team .title {margin-bottom: 70px;} #team .team__wrap {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px;} #team .team__item { width: 49%; border: 1px solid #E31E24; padding: 20px; border-radius: 15px;} #team .team__item .d-flex {-webkit-box-align: center;-ms-flex-align: center;align-items: center; margin-bottom: 25px;} #team .team__item span { font-size: 24px; font-weight: bold; margin-bottom: 10px;} #team .team__item img { max-width: 180px; margin-right: 20px;} #team .team__item small { font-size: 16px; font-weight: 500; color: #777;} #team p {font-size: 14px;} #youtube {background: #FFA800; padding-top: 80px; padding-bottom: 80px; margin-bottom: 200px;} #youtube .container {background: #fff; padding-top: 30px; border-radius: 15px; padding-bottom: 30px;} #youtube .title {margin-bottom: 20px; display: block; text-align: center; border-radius: 15px;} #youtube__slider {margin-left: 70px; margin-right: 70px; border-radius: 15px; } #youtube__slider img, #youtube__slider .youtube__img, #youtube__slider .slick-list {border-radius: 15px;} #youtube .youtube__subtitle {font-size: 24px; font-weight: bold; text-align: center; margin-top: 20px; text-transform: uppercase; margin-bottom: 10px;} #youtube__slider .youtube__item {position: relative; } #youtube__slider .youtube__img {overflow: hidden; border-radius: 15px; } #youtube__slider .youtube__item img {cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;} #youtube__slider .youtube__item img:hover {cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} #youtube__slider .youtube__item svg {position: absolute; left: 25%; bottom: 0; width: 50%;} #youtube .youtube__arrow {position: absolute; top: 50%; cursor: pointer;} #youtube__prev {left: 20px;} #youtube__next {right: 20px;} #faq .col-6 {border-bottom: 3px solid #C5C5C5;} #faq .title__faq {display: block; text-align: center; padding: 10px; position: relative; margin-bottom: 50px;} #faq .title__faq svg {position: absolute; z-index: -1; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -20px; } #faq .title__faq span { color: #fff;} #faq .accordion-body { z-index: 2; position: relative; top: -10px; background: #FFF; padding-top: 25px;} #faq .accordion-button {font-size: 18px; font-weight: 700; text-align: left; background: transparent; border: none; padding-top: 20px; border-top: 2px solid #C5C5C5; padding-right: 100px;} #faq .accordion-button::after { -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; -o-transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 30px; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23E31E24'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") !important;} #faq .accordion-button:not(.collapsed)::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23959595'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") !important;} #faq .accordion-button:focus {-webkit-box-shadow: none;box-shadow: none;} #end-form .container {background-image: url(img/end-form.png); background-size: cover; background-repeat: no-repeat; padding: 135px; border-radius: 14px;} #end-form .end-form__wrapper { padding: 70px 70px 90px; background: #ffffff; position: relative; right: 0; max-width: 450px; margin-left: auto; border-radius: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;} #end-form .title {font-size: 32px; margin-bottom: 30px;} #end-form p { text-align: center; font-size: 16px; font-weight: 400; margin-bottom: 30px;} #end-form form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #end-form input {margin-bottom: 30px; padding: 10px; border: 1px solid #D9D9D9; border-radius: 15px; } footer {background: #ED0F0F; padding-top: 50px; padding-bottom: 20px; color: #fff;} footer .container {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} footer .footer__politik {font-size: 12px; } footer .footer__politik, footer a {color: #ffffff; text-decoration: none; } footer .footer__politik:hover, footer a:hover {color: #ffffff; text-decoration: underline; } footer .footer__first {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: start;} footer b {font-size: 18px; font-weight: bold;} footer .footer__second { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start;} footer .footer__second b {margin-bottom: 30px;} footer .footer__second div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start;} footer .footer__second div img { width: 45px; height: auto; margin-right: 10px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; cursor: pointer;} footer .footer__second div img:hover { -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); cursor: pointer;} footer .footer__third {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: start;} footer .footer__third a b {text-transform: lowercase; font-size: 20px;} #politik {margin-top: 150px; margin-bottom: 100px;} #politik h1 {margin-bottom: 30px;} #modalImg img{max-height: 90vh !important; width: auto !important; height: auto !important; display: block; margin: 0 auto !important; max-width: 100% !important; border-radius: 15px;} #modalImg .modal-content {background: transparent; border: none; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto;} #modalImg .modal-body {background: transparent; border: none;} .modal .btn-close { right: -10px; top: -10px;width: 0.7em; height: 0.7em;} .modal .modal-content { background: transparent; border: none;} #modalForm .modal-content { background-image: url(img/modal-form-bg.png); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 60px;} #modalForm .modal-content form { display: flex; align-items: center; flex-direction: column; justify-content: space-between; margin-top: 20px;} #modalForm .modal-content form * { margin: 15px;} #modalForm .modal-content form input { padding: 10px 25px; margin-bottom: 10px; margin-top: 10px;} #modalForm .form__status-message_hidden { display: none;} #modalForm .blur { filter: brightness(0.5) blur(5px);} #modalForm .form__status-message{position: absolute; text-align: center; left: 50%; transform: translateX(-50%); width: 100%; top: 20%;} #modalVideo .modal-body { height: 500px; } /*uis меняем стили виджета*/ .comagic-c-callback__panel .comagic-o-text{color: #000000 !important; position: relative;} .comagic-c-callback__panel .comagic-o-text p{ font-size: 34px; font-family: Aqum, sans-serif; width: 100%; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);} .comagic-c-callback__panel .comagic-o-form-button>div{ border-radius: 15px; padding: 13px 20px; text-transform: uppercase; color: #ffffff; font-size: 16px; font-weight: bold; background: #ED0F0F; border: none; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; cursor: pointer} .comagic-c-callback__panel .comagic-o-form-button>div:hover { -webkit-box-shadow: #33333350 2px 2px 5px; box-shadow: #33333350 2px 2px 5px; -webkit-transform: translate(-2px, -2px); -ms-transform: translate(-2px, -2px); transform: translate(-2px, -2px); -webkit-transition: .3s; -o-transition: .3s; transition: .3s;} /*// X-Large devices (large desktops, less than 1400px)*/ @media (max-width: 1399.98px) { #awards .awards__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #awards .awards__title {position: static;} #awards .awards__big { width: 80%; margin: 0 auto; padding: 0; margin-bottom: 50px;} #awards .awards__mini { width: 100%; margin: 0 auto; padding: 0; } #case .slick-dots { left: -80px; right: -80px;} #case .case__button{width: 220px;} #map .container { min-height: 660px;} } /*// Large devices (desktops, less than 1200px)*/ @media (max-width: 1199.98px) { #hero{background-position-x: 30%;} #hero .hero__box{right: 60%;} #case .case__rating { width: 360px;} #case .case__photo { height: 370px; width: 360px;} #case .case__rating div { margin-right: 15px;} #case .case__rating div img { max-width: 20px; max-height: 20px;} #case .case__rating div img + img { max-width: 15px; } #case .case__rating div span { font-size: 12px; } #case .case__text ul li { margin-bottom: 20px; font-size: 16px; } #case .slick-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; bottom: -200px; } #case .slick-dots li{margin: 10px; } #case .case__wrapper { min-height: 730px; } #case__prev { left: -50px; } #case__next { right: -50px; } #offer .offer__subtitle{margin-left: 80px;} #format .nav-link { font-size: 25px;} #format .format__num b {font-size: 30px;} #format .format__text p { font-size: 16px; } #map .container { min-height: 560px; } #automation .automation__wrapper div img.automation__mob { max-height: 410px;} #departments .accordion-item:nth-child(odd) .accordion-button:not(.collapsed)::after, #departments .accordion-item:nth-child(odd) .accordion-button::after { right: 21%; } #departments .accordion-button:not(.collapsed)::after, #departments .accordion-button::after { bottom: 7%;} } /*// Medium devices (tablets, less than 992px)*/ @media (max-width: 991.98px) { .mob {display: block;} #hero{background-position-y: 70px;} #hero .hero__box { width: 80%; height: 260px; position: relative; top: 350px; right: auto; margin: 0 auto;} #hero .hero__title,#hero .hero__price{margin-bottom: 0;} #hero .hero__subtitle{font-size: 17px;} #hero .hero__pluses b{font-size: 1.7rem;} #hero .hero__banner{padding: 20px 40px;} #hero .hero__pluses span { font-size: 0.8rem;} #grow .grow__banner span { font-size: 1.4rem;} #awards .awards__big div{bottom: 5%;} #case .title { margin: 0 auto; } #case .title + svg{margin: 0 auto; margin-bottom: 100px;} #case .case__button.case__address,#case .case__button.case__address:hover { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: #FFA800; color: #fff; } #case .case__rating { width: 260px;} #case .case__photo { height: 270px; width: 260px;} #case .case__rating div img { max-width: 15px; max-height: 15px; } #case .case__rating div img + img { max-width: 10px; } #case .case__rating div span { font-size: 10px; } #case .case__text ul { margin-top: 80px; } #case .case__text ul li { margin-bottom: 10px; font-size: 13px; } #case .case__arrow { top: 90px; } #case__next { right: 15%; } #case__prev { left: 15%; } #case .case__slide .case__button img {display: none;} #case .case__slide .case__button img.mob {display: block;} #case .case__wrapper{max-width: 100%} #case .case__text{margin-left: -50px;} #case .case__profit div{margin-left: -25px;} #case .case__profit svg { width: 200px; } #case .case__profit .accent { font-size: 1.6rem; } #case .case__profit span { font-size: 0.8rem; } #case .case__profit button{margin-right: 0;} #offer { min-height: 1080px;} #offer img{width: 80%;} #offer .row{position: relative} #offer .row>.col-12{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} #offer .title{position: absolute; width: 110%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: transparent; font-size: 40px;} #offer .offer__card { padding: 20px 15px 15px; margin: 5px;} #offer .offer__img{max-width: 410px; margin: 0; margin-bottom: 10px;} #format .nav-link { font-size: 20px; padding-left: 20px; padding-right: 20px;} #format .format__num div { padding: 10px 20px; text-align: left; width: 100%; margin-right: 0 !important;} #format .format__img { margin-top: 50px; } #format .format__text p { font-size: 20px; width: 200%; text-align: center;} #format .format__num b {font-size: 26px; } #format .format__num span {font-size: 16px; } #map .container { min-height: 420px; } #automation .automation__wrapper { padding-left: 0; display: block;} #automation .automation__wrapper *{display: block; width: 100%;} #automation .automation__wrapper div { margin-left: -10px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: -10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #automation .automation__wrapper div img { max-width: 100%; max-height: 311px; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; -o-object-fit: contain;object-fit: contain;} #automation .automation__wrapper-last { padding-left: 25%;} #automation .automation__wrapper div img.automation__mob { margin-right: 20px;} #automation .automation__wrapper div img.automation__mob { max-height: 290px; margin-left: -162px;} #automation .automation__wrapper-last .automation__subtitle {width: 90%;} #automation .automation__wrapper-last p {width: 80%; font-size: 18px;} #automation .automation__wrapper-last div img.automation__mob:last-child {max-height: 100%; margin-right: 0; margin-left: -172px;} #automation .automation__clients { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #automation .automation__clients div { width: 100%; padding-right: 0; text-align: center; } #automation .automation__clients p { max-width: 100%; font-size: 18px;} #automation .automation__clients img { width: 100%;} #departments .accordion-button .subtitle { font-size: 20px;} #departments .accordion-button:not(.collapsed)::after, #departments .accordion-button::after { background-size: 30px 30px;} #departments .accordion-body { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 30px 0 40px;} #departments .accordion-item:nth-child(odd) .accordion-body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;} #departments .accordion-body p{ max-width: 100%; text-align: center; margin-bottom: 20px; } #team .team__wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0;} #team .team__item{margin-bottom: 20px; width: 100%;} #team .team__item img{margin-right: 50px;} #team .team__item span{display: block; margin-bottom: -10px;} #team p{font-size: 18px;} footer .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative;} footer .footer__first img{width: 300px; margin-bottom: 40px;} footer .footer__politik{position: absolute; bottom: 10px; font-size: 18px; } footer b { width: 100%; font-size: 28px; text-align: center; } footer .footer__second div { margin-bottom: 40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%;} footer .footer__second div img {width: 100%; height: 100%; } /*footer .footer__second div a+a img {width: 110%; height: 110%; margin-top: -5px;}*/ footer .footer__second div a { width: 80px; height: 80px; margin-left: 10px; margin-right: 10px;} footer .footer__third {margin-bottom: 70px;} footer .footer__third a{width: 100%; text-align: center; font-size: 30px;} footer .footer__third a b{font-size: 28px; margin-top: 20px;;} .modal .modal-content iframe { min-height: auto; } #modalVideo .modal-body { height: 350px; } } /*// Small devices (landscape phones, less than 768px)*/ @media (max-width: 767.98px) { section { margin-bottom: 100px; } h2 { font-size: 1rem; } .button {font-size: 14px;} #hero .hero__box { height: 300px;} #grow .grow__banner { padding: 18px 40px;} #grow .grow__banner span { font-size: 1rem; } #awards .awards__title { font-size: 1.4rem;} #awards .awards__wrapper { padding: 35px 0px;} #awards .awards__mini div { padding: 40px 20px; } #awards .awards__mini{margin-left: 10px; margin-right: 10px;} #awards .awards__mini div{width: 44%;} #awards .awards__mini span{font-size: 0.8rem;} .title { font-size: 1.6rem; } #case .title + svg { width: 55%; } #case .case__arrow { top: 75px; } #case .case__text { margin-left: 0px; } #case .case__text ul { margin-left: 10px; } #case .case__text ul li{margin-bottom: 15px;} #case .case__text ul li span:first-child {width: 135px; text-wrap: wrap;} #case .case__text ul li span + span{text-wrap: nowrap; white-space: nowrap;} #case .case__button.case__address, #case .case__button.case__address:hover { border-radius: 45px; padding: 10px 30px; font-size: 1rem; } #case .case__profit { -ms-flex-pack: distribute; justify-content: space-around; width: 200%; margin-left: -100%; } #case .case__button { background: #fef0de; border: 1px solid #fef0de; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 22px; } #case .slick-dots li { margin: 5px; } #offer { min-height: auto; padding-bottom: 15px;} #offer img { width: 60%; } #offer .title { width: 100%; font-size: 30px; } #offer .offer__subtitle b { font-size: 80px; margin-left: -20px; margin-right: 10px; } #offer .offer__subtitle { margin-left: unset; margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} #offer .offer__subtitle span.accent { font-size: 1.8rem; margin-bottom: 20px;} #offer .offer__subtitle span.text-center {font-size: 22px;} #offer .offer__subtitle span.text-center br{display: none;} #offer button{margin-left: unset;} #offer .offer__card span{font-size: 12px;} #offer .offer__card span+span{font-size: 10px; color: #66666690;} #offer .offer__card { padding: 15px 15px} #offer .offer__card span.offer__num{ color: #ed0f0f; font-size: 24px; margin-bottom: 10px; margin-top: 10px;} #offer .offer__card small{color: #66666690;} #offer .offer__img{ margin: 0 auto; margin-bottom: 10px;} /*#offer .offer__card:last-child{margin-top: 0;}*/ #format .nav-link { font-size: 17px; padding-left: 10px; padding-right: 10px; text-wrap: wrap; width: 25%; line-height: 1.1;} #format .format__num b { font-size: 1.4rem; text-align: center; } #format .format__num span { font-size: 1rem; text-align: center; } #format .format__text{width: 42%;} #format .format__img{width: 58%;} #format .format__text p { font-size: 1rem; width: 260%;} #map {margin-bottom: 50px;} #map .container{width: 97%; min-height: auto; padding-bottom: 59%; } /*#map .map__wrapper { margin-top: 150px;}*/ #map span, #map b { font-size: 23px; } #map svg { bottom: -10px; width: 200px; } #map .button-black { width: 150px; margin-top: 20px; margin-bottom: 60px; } #automation .title { margin-bottom: 15px; } #automation .automation__subtitle { font-size: 18px; margin-bottom: 5px; } #automation p { font-size: 12px; margin-bottom: 10px;} #automation .automation__wrapper div img.automation__mob { max-height: 220px; margin-left: -120px; } #automation .automation__wrapper-last div img.automation__mob:last-child { margin-left: -130px; } #automation .automation__subtitle { font-size: 15px;} #automation .automation__wrapper-last p { font-size: 12px; margin-bottom: 80px;} #automation .automation__clients p { font-size: 15px; } #departments .accordion-button .subtitle { font-size: 13px; } #departments .accordion-button:not(.collapsed)::after, #departments .accordion-button::after { background-size: 20px 20px; right: 69%; bottom: 0;} #departments .accordion-body p { font-size: 15px;} #departments .accordion-body { padding: 0px 0 10px;} #end-form {background-image: url(img/end-form.png);background-size: cover; background-repeat: no-repeat; background-position-x: -80px; margin-bottom: 0;} #end-form .container{background-image: none; padding: 60px 30px;} #end-form .end-form__wrapper{padding: 50px; text-align: center;} #end-form .title { font-size: 1.8rem; display: block; } #end-form p { font-weight: 500; line-height: 1.6; } footer .navbar-brand{margin-right: 0;} footer .footer__first img { width: 220px; margin-bottom: 30px; } footer b { font-size: 1.4rem;} /*footer .footer__second div a+a img { width: 80%; height: 80%; margin-top: -5px; }*/ footer .footer__second div img { width: 70%; height: 70%; } footer .footer__second div { margin-bottom: 20px;} footer .footer__third a b { font-size: 1.2rem;} footer .footer__politik { font-size: 0.9rem; } } /*// X-Small devices (portrait phones, less than 576px)*/ @media (max-width: 575.98px) { html, body{overflow-x: hidden;} header img{width: 100px;} header .aqum { font-size: 18px; } header .aqum + span{ font-weight: 700; font-size: 10px;} #hero { background-image: url(img/hero-mob1.jpg);} #hero .hero__box { width: 90%; top: 360px; height: auto;} #hero .hero__title { font-size: 1rem; font-weight: 700; text-wrap: nowrap; word-spacing: 5px; } #hero .hero__price { font-size: 33px; margin-bottom: 10px; } #hero .hero__price b { font-size: 27px;} #hero .hero__subtitle { font-size: 14px; } #hero .hero__banner { padding: 20px 0; min-height: auto; bottom: -100px; padding-left: 5px; padding-right: 5px;} #hero .hero__pluses b { font-size: 1.6rem; } #hero .hero__pluses span { font-size: 0.7rem; } #grow { margin-top: 150px; margin-bottom: 80px;} #grow .grow__banner{ position: relative; z-index: 1; margin-top: -60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center;} #grow .grow__banner span { font-size: 1.2rem; margin-bottom: 15px;} #awards {background: -o-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(251, 251, 251, 1) 0%, rgba(254, 240, 222, 1) 47%);background: -webkit-gradient(linear, left top, left bottom, from(rgba(254, 254, 254, 1)), color-stop(0%, rgba(251, 251, 251, 1)), color-stop(47%, rgba(254, 240, 222, 1)));background: linear-gradient(180deg, rgba(254, 254, 254, 1) 0%, rgba(251, 251, 251, 1) 0%, rgba(254, 240, 222, 1) 47%);} #awards .awards__wrapper{border: none; padding-top: 50px; background: none;} #awards .awards__title{margin-bottom: 10px;} #awards .awards__big img { margin-right: 20px; width: 60px; } #awards .awards__big img + span{ font-size: 0.7rem; } #awards .awards__big div{bottom: 3%;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} #awards .awards__mini img { margin-bottom: 10px; width: auto; max-height: 25px; max-width: 100%; } #awards .awards__mini{margin: 0;} #awards .awards__mini div { margin: 5px; padding: 20px 15px; width: 47%;} #case__next { right: 5%; } #case__prev { left: 5%; } #case .case__photo { height: 250px; width: 200px; border-radius: 7px;} #case .case__arrow{width: 30px;} #case .case__arrow img{width: 100%;} #case .case__rating{width: 200px; border-radius: 7px; padding: 7px 5px;} #case .case__text ul li{font-size: 11px; margin-bottom: 12px; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} #case .case__text ul { margin-left: 20px; padding-right: 10px; margin-bottom: 70px;} #case .case__text {padding-right: 0;} #case .case__rating div{margin-right: 10px;} #case .case__rating div img{margin-right: 2px;} #case .case__rating div span { font-size: 8px; } #case .case__rating div img { max-width: 13px; max-height: 13px;} #case .case__profit .accent { font-size: 1.3rem; margin-top: -20px; margin-left: 10px;} #case .case__profit { -webkit-box-align: end; -ms-flex-align: end; align-items: end; } #case .case__profit svg { width: 160px; position: absolute; left: -15px; top: -56px;} #case .case__button { width: 100%; font-weight: 500; padding: 16px; border-radius: 7px; } #case .case__button.case__address, #case .case__button.case__address:hover{width: 100%;} #case .slick-dots { display: none !important; bottom: -180px; width: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } #case .slick-dots li { margin: 5px; width: 47%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #case .case__wrapper { min-height: 710px; min-height: auto !important; padding-bottom: 20px;} #offer .title { width: 110%; font-size: 25px; margin-top: -10px; padding-left: 10px; padding-right: 10px;} #offer .title span{ width: 40%; text-align: center;} #offer .offer__subtitle b { font-size: 70px;} #offer .offer__subtitle span.accent { font-size: 1.6rem;} #offer .offer__subtitle span.text-center { font-size: 17px; } #offer .offer__card { padding: 15px 5px; border-radius: 7px; margin: 4px; } #offer .offer__cards { width: 106%; margin-left: -3%; } #offer .offer__card span { font-size: 13px; } #offer .offer__card span.offer__num{font-size: 19px;} #offer .offer__card small { font-size: 10px; } #offer .offer__card span{text-wrap: wrap;} #format { margin-bottom: 50px;} #format .format__num div { padding: 5% 10px;} #format .format__num span { font-size: 11px;text-wrap: nowrap;} #format .format__num b { font-size: 1rem;text-wrap: nowrap;} #format .format__text p { font-size: 0.7rem;} #format .format__img img.w-100 { margin-bottom: 15px; max-height: 180px; min-height: 140px; } #map .container { background-size: 100%;} /*#map .map__wrapper{margin-top: 100px;}*/ #map span, #map b { font-size: 18px; } #map .button-black { width: 130px; margin-top: 20px; margin-bottom: 30px; padding: 10px; font-size: 0.8rem; } #map .map__wrapper { top: 48%;} #automation .title { font-size: 1.5rem; } #automation .automation__wrapper-last .automation__subtitle { width: 100%; padding-right: 15px;} #automation .automation__wrapper div img.automation__mob { max-height: 170px; margin-left: -84px; } #automation .automation__wrapper-last { margin-top: 50px; padding-left: 90px;} #automation .automation__wrapper-last p { width: 100%; padding-right: 15px; margin-bottom: 0; max-width: 290px; } /*#automation .automation__wrapper-last div img.automation__mob:last-child { margin-left: -90px; }*/ #automation .automation__wrapper-last .automation__mob-fix { position: relative; width: 125%; left: -25px; } #automation .automation__wrapper-last .automation__mob-text { align-items:start; justify-content: start; } #automation .automation__wrapper div {margin-left: 0; margin-right: 0; display: flex; justify-content: center; justify-content: center; align-items: center; } /*#automation .automation__wrapper div img { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); }*/ #automation .automation__wrapper div img{max-width: 100%} #automation .automation__wrapper div img.automation__mob{max-width: 100%} #departments { margin-bottom: 100px; } #departments .accordion-button{border-radius: 7px} #departments .accordion-button .subtitle { font-size: 13px; line-height: 1.2; font-weight: 600; margin-top: -10px; } #departments .accordion-button:not(.collapsed)::after, #departments .accordion-button::after { bottom: -13px; } #departments .accordion-body p { font-size: 13px; } #team .team__item {padding: 10px 15px; border-radius: 7px} #team .team__item img { max-width: 120px;} #team .team__item img { margin-right: 20px; } #team .team__item span { font-size: 17px; margin-bottom: -15px; } #team .team__item small { font-size: 13px; font-weight: 400;} #team .team__item .d-flex { margin-bottom: 15px; } #team p { font-size: 13px; font-weight: 500; } #youtube__slider { margin-left: 20px; margin-right: 20px; border-radius: 7px; } #youtube__prev { left: 5px;} #youtube__next{right: 5px; } #youtube__prev img{ width: 25px;} #youtube__next img{ width: 25px;} #youtube .youtube__subtitle { font-size: 16px;} #youtube { padding: 10px 5px; margin-bottom: 100px; border-radius: 7px;} #youtube .container { padding-top: 10px; border-radius: 7px; padding-bottom: 0px; } #youtube__slider .youtube__item svg{display: none;} #faq .title__faq svg{max-width: 90%; bottom: -25px; } #faq .title { font-size: 1.4rem; } #faq .accordion-button { font-size: 16px; padding-right: 80px; right: 20px; padding-left: 0; margin-left: 20px;} #faq .accordion-button::after { width: 1.05rem; height: 1.05rem; background-size: 0.95rem;} #faq .accordion-body strong{font-size: 0.9rem;} #faq .accordion-body ul{font-size: 0.9rem;} #faq .accordion-body {top: -20px;} #end-form .title { font-size: 1.5rem;} #end-form p { font-size: 14px;} #end-form input{border-radius: 7px;} footer {margin-bottom: 0; } footer .footer__first img { width: 80%; margin: 0 auto; display: block; margin-bottom: 40px;} footer b { font-size: 1.2rem; } footer .footer__second div a { width: 60px; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } footer .footer__third a b { font-size: 1.2rem; font-weight: 500; } footer .footer__politik { text-wrap: nowrap; font-size: 12px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-bottom: 10px;} footer .footer__second div { position: absolute; bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } footer .footer__third { margin-bottom: 100px; border-top: 1px solid; padding-top: 20px;} .modal .btn-close { right: 5px; top: -35px; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9);} #modalForm .btn-close { right: 5px; top: -35px; } #modalForm .modal-content iframe{margin: 0 auto !important;} #modalVideo .modal-body { height: 350px; } } @media (max-width: 374.98px) { .title { font-size: 1.4rem; } section { margin-bottom: 50px; } #hero .hero__price { font-size: 30px;} #hero .hero__price b{ font-size: 24px;} #hero .hero__subtitle { font-size: 13px; } #awards .awards__big img { margin-right: 10px; width: 50px; } #awards .awards__mini img{max-height: 20px;} #awards .awards__mini span { font-size: 0.7rem;} #awards .awards__mini span { font-size: 0.7rem; } #awards .awards__mini div { margin: 5px; padding: 20px 10px; width: 46%; } #case {margin-bottom: 100px;} /*#case .case__photo { height: 240px; width: 190px; }*/ #case .case__photo { height: 240px; width: 120%; } #case .case__rating { width: 120%;} #case .case__arrow { width: 25px; } #case .case__rating div { margin-right: 7px; } #case .case__rating div img + img {max-width: 7px;} #case .case__rating div img + img { margin-right: 1.7px; } #case .case__text ul { margin-left: 22px; padding-right: 7px; margin-bottom: 40px;} #case .slick-dots { bottom: -140px; } #case .case__button { padding: 10px; width: 160px; } #case .slick-dots li { margin: 3px; } #offer {border-radius: 14px; margin-bottom: 60px;} #offer .offer__subtitle b { margin-left: 0; font-size: 60px; } #offer .offer__subtitle span.accent { font-size: 1.4rem; } #offer .offer__card span+span { font-size: 8px;} #offer .offer__card span { line-height: 1.2; margin-bottom: 5px; } #offer .offer__card span.offer__num { font-size: 17px; margin-top: 0;} #offer .offer__card small { font-size: 9px; } /*#offer .offer__card:last-child { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; }*/ #offer .offer__card { padding: 15px 3px; margin: 1px; } #offer { min-height: 550px; } #format .nav-link { font-size: 14px;} #format .title { margin-bottom: 30px; } /*#map .map__wrapper { margin-top: 90px; }*/ #automation { border-radius: 14px; padding-top: 30px; padding-bottom: 30px;} #automation .title { font-size: 1.3rem; } #automation p { font-size: 11px;} #automation .automation__subtitle { font-size: 14px; } /*#automation .automation__wrapper-last p { margin-bottom: 110px; }*/ #automation .automation__clients p { font-size: 13px; } #departments .accordion-body p { font-size: 12px; } #team .team__item small { display: block; line-height: 1.2; } #departments .accordion-item:nth-child(odd) .accordion-button:not(.collapsed)::after, #departments .accordion-item:nth-child(odd) .accordion-button::after { right: 18%; } #departments .accordion-button .subtitle { font-size: 11px;} #departments .accordion-body p { font-size: 11px; } #departments .accordion-button:not(.collapsed)::after, #departments .accordion-button::after { bottom: -14px; } #faq .title__faq svg { max-width: 100%; } #faq .title { font-size: 1.3rem; } #end-form .container { padding: 30px 15px; } #end-form .title { font-size: 1.3rem; } #end-form p { font-size: 14px; line-height: 1.4; } #end-form .end-form__wrapper { padding: 50px 30px; } #modalVideo .modal-body { height: 260px; } }