/* fonts */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");

@font-face { font-family: 'Gilroy'; src: url('../fonts/gilroy/Gilroy-ExtraboldItalic.eot'); src: local('Gilroy Extrabold Italic'), local('Gilroy-ExtraboldItalic'), url('../fonts/gilroy/Gilroy-ExtraboldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/gilroy/Gilroy-ExtraboldItalic.woff2') format('woff2'), url('../fonts/gilroy/Gilroy-ExtraboldItalic.woff') format('woff'), url('../fonts/gilroy/Gilroy-ExtraboldItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Gilroy'; src: url('../fonts/gilroy/Gilroy-Bold.eot'); src: local('Gilroy Bold'), local('Gilroy-Bold'), url('../fonts/gilroy/Gilroy-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/gilroy/Gilroy-Bold.woff2') format('woff2'), url('../fonts/gilroy/Gilroy-Bold.woff') format('woff'), url('../fonts/gilroy/Gilroy-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('../fonts/gilroy/Gilroy-Black.eot'); src: local('Gilroy Black'), local('Gilroy-Black'), url('../fonts/gilroy/Gilroy-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/gilroy/Gilroy-Black.woff2') format('woff2'), url('../fonts/gilroy/Gilroy-Black.woff') format('woff'), url('../fonts/gilroy/Gilroy-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('../fonts/gilroy/Gilroy-Light.eot'); src: local('Gilroy Light'), local('Gilroy-Light'), url('../fonts/gilroy/Gilroy-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/gilroy/Gilroy-Light.woff2') format('woff2'), url('../fonts/gilroy/Gilroy-Light.woff') format('woff'), url('../fonts/gilroy/Gilroy-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('../fonts/gilroy/Gilroy-Semibold.eot'); src: local('Gilroy Semibold'), local('Gilroy-Semibold'), url('../fonts/gilroy/Gilroy-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/gilroy/Gilroy-Semibold.woff2') format('woff2'), url('../fonts/gilroy/Gilroy-Semibold.woff') format('woff'), url('../fonts/gilroy/Gilroy-Semibold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('../fonts/gilroy/Gilroy-Medium.eot'); src: local('Gilroy Medium'), local('Gilroy-Medium'), url('../fonts/gilroy/Gilroy-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/gilroy/Gilroy-Medium.woff2') format('woff2'), url('../fonts/gilroy/Gilroy-Medium.woff') format('woff'), url('../fonts/gilroy/Gilroy-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('../fonts/gilroy/Gilroy-MediumItalic.eot'); src: local('Gilroy Medium Italic'), local('Gilroy-MediumItalic'), url('../fonts/gilroy/Gilroy-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/gilroy/Gilroy-MediumItalic.woff2') format('woff2'), url('../fonts/gilroy/Gilroy-MediumItalic.woff') format('woff'), url('../fonts/gilroy/Gilroy-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Gilroy'; src: url('../fonts/gilroy/Gilroy-BlackItalic.eot'); src: local('Gilroy Black Italic'), local('Gilroy-BlackItalic'), url('../fonts/gilroy/Gilroy-BlackItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/gilroy/Gilroy-BlackItalic.woff2') format('woff2'), url('../fonts/gilroy/Gilroy-BlackItalic.woff') format('woff'), url('../fonts/gilroy/Gilroy-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Gilroy'; src: url('../fonts/gilroy/Gilroy-UltraLight.eot'); src: local('Gilroy UltraLight'), local('Gilroy-UltraLight'), url('../fonts/gilroy/Gilroy-UltraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/gilroy/Gilroy-UltraLight.woff2') format('woff2'), url('../fonts/gilroy/Gilroy-UltraLight.woff') format('woff'), url('../fonts/gilroy/Gilroy-UltraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('../fonts/gilroy/GilroyItalic.eot'); src: local('Gilroy Regular Italic'), local('GilroyItalic'), url('../fonts/gilroy/GilroyItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/gilroy/GilroyItalic.woff2') format('woff2'), url('../fonts/gilroy/GilroyItalic.woff') format('woff'), url('../fonts/gilroy/GilroyItalic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Gilroy'; src: url('../fonts/gilroy/Gilroy-SemiboldItalic.eot'); src: local('Gilroy Semibold Italic'), local('Gilroy-SemiboldItalic'), url('../fonts/gilroy/Gilroy-SemiboldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/gilroy/Gilroy-SemiboldItalic.woff2') format('woff2'), url('../fonts/gilroy/Gilroy-SemiboldItalic.woff') format('woff'), url('../fonts/gilroy/Gilroy-SemiboldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Gilroy'; src: url('../fonts/gilroy/Gilroy-HeavyItalic.eot'); src: local('Gilroy Heavy Italic'), local('Gilroy-HeavyItalic'), url('../fonts/gilroy/Gilroy-HeavyItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/gilroy/Gilroy-HeavyItalic.woff2') format('woff2'), url('../fonts/gilroy/Gilroy-HeavyItalic.woff') format('woff'), url('../fonts/gilroy/Gilroy-HeavyItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Gilroy'; src: url('../fonts/gilroy/Gilroy-Extrabold.eot'); src: local('Gilroy Extrabold'), local('Gilroy-Extrabold'), url('../fonts/gilroy/Gilroy-Extrabold.eot?#iefix') format('embedded-opentype'), url('../fonts/gilroy/Gilroy-Extrabold.woff2') format('woff2'), url('../fonts/gilroy/Gilroy-Extrabold.woff') format('woff'), url('../fonts/gilroy/Gilroy-Extrabold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('../fonts/gilroy/Gilroy-BoldItalic.eot'); src: local('Gilroy Bold Italic'), local('Gilroy-BoldItalic'), url('../fonts/gilroy/Gilroy-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/gilroy/Gilroy-BoldItalic.woff2') format('woff2'), url('../fonts/gilroy/Gilroy-BoldItalic.woff') format('woff'), url('../fonts/gilroy/Gilroy-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Gilroy'; src: url('../fonts/gilroy/Gilroy-UltraLightItalic.eot'); src: local('Gilroy UltraLight Italic'), local('Gilroy-UltraLightItalic'), url('../fonts/gilroy/Gilroy-UltraLightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/gilroy/Gilroy-UltraLightItalic.woff2') format('woff2'), url('../fonts/gilroy/Gilroy-UltraLightItalic.woff') format('woff'), url('../fonts/gilroy/Gilroy-UltraLightItalic.ttf') format('truetype'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Gilroy'; src: url('../fonts/gilroy/Gilroy-LightItalic.eot'); src: local('Gilroy Light Italic'), local('Gilroy-LightItalic'), url('../fonts/gilroy/Gilroy-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/gilroy/Gilroy-LightItalic.woff2') format('woff2'), url('../fonts/gilroy/Gilroy-LightItalic.woff') format('woff'), url('../fonts/gilroy/Gilroy-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Gilroy'; src: url('../fonts/gilroy/Gilroy-Heavy.eot'); src: local('Gilroy Heavy'), local('Gilroy-Heavy'), url('../fonts/gilroy/Gilroy-Heavy.eot?#iefix') format('embedded-opentype'), url('../fonts/gilroy/Gilroy-Heavy.woff2') format('woff2'), url('../fonts/gilroy/Gilroy-Heavy.woff') format('woff'), url('../fonts/gilroy/Gilroy-Heavy.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('../fonts/gilroy/Gilroy-Thin.eot'); src: local('Gilroy Thin'), local('Gilroy-Thin'), url('../fonts/gilroy/Gilroy-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/gilroy/Gilroy-Thin.woff2') format('woff2'), url('../fonts/gilroy/Gilroy-Thin.woff') format('woff'), url('../fonts/gilroy/Gilroy-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('../fonts/gilroy/Gilroy-ThinItalic.eot'); src: local('Gilroy Thin Italic'), local('Gilroy-ThinItalic'), url('../fonts/gilroy/Gilroy-ThinItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/gilroy/Gilroy-ThinItalic.woff2') format('woff2'), url('../fonts/gilroy/Gilroy-ThinItalic.woff') format('woff'), url('../fonts/gilroy/Gilroy-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'SF UI Text'; src: url('../fonts/sfpro/SFUIText-HeavyItalic.eot'); src: local('SF UI Text Heavy Italic'), local('SFUIText-HeavyItalic'), url('../fonts/sfpro/SFUIText-HeavyItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/sfpro/SFUIText-HeavyItalic.woff') format('woff'), url('../fonts/sfpro/SFUIText-HeavyItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'SF UI Text'; src: url('../fonts/sfpro/SFUIText-LightItalic.eot'); src: local('SF UI Text Light Italic'), local('SFUIText-LightItalic'), url('../fonts/sfpro/SFUIText-LightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/sfpro/SFUIText-LightItalic.woff') format('woff'), url('../fonts/sfpro/SFUIText-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'SF UI Text'; src: url('../fonts/sfpro/SFUIText-MediumItalic.eot'); src: local('SF UI Text Medium Italic'), local('SFUIText-MediumItalic'), url('../fonts/sfpro/SFUIText-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/sfpro/SFUIText-MediumItalic.woff') format('woff'), url('../fonts/sfpro/SFUIText-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'SF UI Display'; src: url('../fonts/sfpro/SFUIDisplay-Medium.eot'); src: local('SF UI Display Medium'), local('SFUIDisplay-Medium'), url('../fonts/sfpro/SFUIDisplay-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/sfpro/SFUIDisplay-Medium.woff') format('woff'), url('../fonts/sfpro/SFUIDisplay-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'SF UI Display'; src: url('../fonts/sfpro/SFUIDisplay-Regular.eot'); src: local('SF UI Display Regular'), local('SFUIDisplay-Regular'), url('../fonts/sfpro/SFUIDisplay-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/sfpro/SFUIDisplay-Regular.woff') format('woff'), url('../fonts/sfpro/SFUIDisplay-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SF UI Display'; src: url('../fonts/sfpro/SFUIDisplay-Light.eot'); src: local('SF UI Display Light'), local('SFUIDisplay-Light'), url('../fonts/sfpro/SFUIDisplay-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/sfpro/SFUIDisplay-Light.woff') format('woff'), url('../fonts/sfpro/SFUIDisplay-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'SF UI Display'; src: url('../fonts/sfpro/SFUIDisplay-Thin.eot'); src: local('SF UI Display Thin'), local('SFUIDisplay-Thin'), url('../fonts/sfpro/SFUIDisplay-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/sfpro/SFUIDisplay-Thin.woff') format('woff'), url('../fonts/sfpro/SFUIDisplay-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'SF UI Display'; src: url('../fonts/sfpro/SFUIDisplay-Ultralight.eot'); src: local('SF UI Display Ultralight'), local('SFUIDisplay-Ultralight'), url('../fonts/sfpro/SFUIDisplay-Ultralight.eot?#iefix') format('embedded-opentype'), url('../fonts/sfpro/SFUIDisplay-Ultralight.woff') format('woff'), url('../fonts/sfpro/SFUIDisplay-Ultralight.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'SF UI Text'; src: url('../fonts/sfpro/SFUIText-Semibold.eot'); src: local('SF UI Text Semibold'), local('SFUIText-Semibold'), url('../fonts/sfpro/SFUIText-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/sfpro/SFUIText-Semibold.woff') format('woff'), url('../fonts/sfpro/SFUIText-Semibold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'SF UI Display'; src: url('../fonts/sfpro/SFUIDisplay-Semibold.eot'); src: local('SF UI Display Semibold'), local('SFUIDisplay-Semibold'), url('../fonts/sfpro/SFUIDisplay-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/sfpro/SFUIDisplay-Semibold.woff') format('woff'), url('../fonts/sfpro/SFUIDisplay-Semibold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'SF UI Text'; src: url('../fonts/sfpro/SFUIText-Regular.eot'); src: local('SF UI Text Regular'), local('SFUIText-Regular'), url('../fonts/sfpro/SFUIText-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/sfpro/SFUIText-Regular.woff') format('woff'), url('../fonts/sfpro/SFUIText-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SF UI Display'; src: url('../fonts/sfpro/SFUIDisplay-Black.eot'); src: local('SF UI Display Black'), local('SFUIDisplay-Black'), url('../fonts/sfpro/SFUIDisplay-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/sfpro/SFUIDisplay-Black.woff') format('woff'), url('../fonts/sfpro/SFUIDisplay-Black.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'SF UI Text'; src: url('../fonts/sfpro/SFUIText-BoldItalic.eot'); src: local('SF UI Text Bold Italic'), local('SFUIText-BoldItalic'), url('../fonts/sfpro/SFUIText-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/sfpro/SFUIText-BoldItalic.woff') format('woff'), url('../fonts/sfpro/SFUIText-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'SF UI Text'; src: url('../fonts/sfpro/SFUIText-Bold.eot'); src: local('SF UI Text Bold'), local('SFUIText-Bold'), url('../fonts/sfpro/SFUIText-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/sfpro/SFUIText-Bold.woff') format('woff'), url('../fonts/sfpro/SFUIText-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'SF UI Display'; src: url('../fonts/sfpro/SFUIDisplay-Heavy.eot'); src: local('SF UI Display Heavy'), local('SFUIDisplay-Heavy'), url('../fonts/sfpro/SFUIDisplay-Heavy.eot?#iefix') format('embedded-opentype'), url('../fonts/sfpro/SFUIDisplay-Heavy.woff') format('woff'), url('../fonts/sfpro/SFUIDisplay-Heavy.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'SF UI Text'; src: url('../fonts/sfpro/SFUIText-Light.eot'); src: local('SF UI Text Light'), local('SFUIText-Light'), url('../fonts/sfpro/SFUIText-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/sfpro/SFUIText-Light.woff') format('woff'), url('../fonts/sfpro/SFUIText-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'SF UI Text'; src: url('../fonts/sfpro/SFUIText-Heavy.eot'); src: local('SF UI Text Heavy'), local('SFUIText-Heavy'), url('../fonts/sfpro/SFUIText-Heavy.eot?#iefix') format('embedded-opentype'), url('../fonts/sfpro/SFUIText-Heavy.woff') format('woff'), url('../fonts/sfpro/SFUIText-Heavy.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'SF UI Text'; src: url('../fonts/sfpro/SFUIText-Medium.eot'); src: local('SF UI Text Medium'), local('SFUIText-Medium'), url('../fonts/sfpro/SFUIText-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/sfpro/SFUIText-Medium.woff') format('woff'), url('../fonts/sfpro/SFUIText-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'SF UI Display'; src: url('../fonts/sfpro/SFUIDisplay-Bold.eot'); src: local('SF UI Display Bold'), local('SFUIDisplay-Bold'), url('../fonts/sfpro/SFUIDisplay-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/sfpro/SFUIDisplay-Bold.woff') format('woff'), url('../fonts/sfpro/SFUIDisplay-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'SF UI Text'; src: url('../fonts/sfpro/SFUIText-Italic.eot'); src: local('SF UI Text Italic'), local('SFUIText-Italic'), url('../fonts/sfpro/SFUIText-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/sfpro/SFUIText-Italic.woff') format('woff'), url('../fonts/sfpro/SFUIText-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'SF UI Text'; src: url('../fonts/sfpro/SFUIText-SemiboldItalic.eot'); src: local('SF UI Text Semibold Italic'), local('SFUIText-SemiboldItalic'), url('../fonts/sfpro/SFUIText-SemiboldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/sfpro/SFUIText-SemiboldItalic.woff') format('woff'), url('../fonts/sfpro/SFUIText-SemiboldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: 400; font-style: normal }
/* styles */
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .fa-lg { font-size: 1.33333333em; line-height: .75em; vertical-align: -15% } .fa-2x { font-size: 2em } .fa-3x { font-size: 3em } .fa-4x { font-size: 4em } .fa-5x { font-size: 5em } .fa-fw { width: 1.28571429em; text-align: center } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none } .fa-ul>li { position: relative } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: .14285714em; text-align: center } .fa-li.fa-lg { left: -1.85714286em } .fa-border { padding: .2em .25em .15em; border: solid .08em #eee; border-radius: .1em } .fa-pull-left { float: left } .fa-pull-right { float: right } .fa.fa-pull-left { margin-right: .3em } .fa.fa-pull-right { margin-left: .3em } .pull-right { float: right } .pull-left { float: left } .fa.pull-left { margin-right: .3em } .fa.pull-right { margin-left: .3em } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8) } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg) } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1) } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1) } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center } .fa-stack-1x { line-height: inherit } .fa-stack-2x { font-size: 2em } .fa-inverse { color: #fff } .fa-glass:before { content: "\f000" } .fa-music:before { content: "\f001" } .fa-search:before { content: "\f002" } .fa-envelope-o:before { content: "\f003" } .fa-heart:before { content: "\f004" } .fa-star:before { content: "\f005" } .fa-star-o:before { content: "\f006" } .fa-user:before { content: "\f007" } .fa-film:before { content: "\f008" } .fa-th-large:before { content: "\f009" } .fa-th:before { content: "\f00a" } .fa-th-list:before { content: "\f00b" } .fa-check:before { content: "\f00c" } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d" } .fa-search-plus:before { content: "\f00e" } .fa-search-minus:before { content: "\f010" } .fa-power-off:before { content: "\f011" } .fa-signal:before { content: "\f012" } .fa-gear:before, .fa-cog:before { content: "\f013" } .fa-trash-o:before { content: "\f014" } .fa-home:before { content: "\f015" } .fa-file-o:before { content: "\f016" } .fa-clock-o:before { content: "\f017" } .fa-road:before { content: "\f018" } .fa-download:before { content: "\f019" } .fa-arrow-circle-o-down:before { content: "\f01a" } .fa-arrow-circle-o-up:before { content: "\f01b" } .fa-inbox:before { content: "\f01c" } .fa-play-circle-o:before { content: "\f01d" } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e" } .fa-refresh:before { content: "\f021" } .fa-list-alt:before { content: "\f022" } .fa-lock:before { content: "\f023" } .fa-flag:before { content: "\f024" } .fa-headphones:before { content: "\f025" } .fa-volume-off:before { content: "\f026" } .fa-volume-down:before { content: "\f027" } .fa-volume-up:before { content: "\f028" } .fa-qrcode:before { content: "\f029" } .fa-barcode:before { content: "\f02a" } .fa-tag:before { content: "\f02b" } .fa-tags:before { content: "\f02c" } .fa-book:before { content: "\f02d" } .fa-bookmark:before { content: "\f02e" } .fa-print:before { content: "\f02f" } .fa-camera:before { content: "\f030" } .fa-font:before { content: "\f031" } .fa-bold:before { content: "\f032" } .fa-italic:before { content: "\f033" } .fa-text-height:before { content: "\f034" } .fa-text-width:before { content: "\f035" } .fa-align-left:before { content: "\f036" } .fa-align-center:before { content: "\f037" } .fa-align-right:before { content: "\f038" } .fa-align-justify:before { content: "\f039" } .fa-list:before { content: "\f03a" } .fa-dedent:before, .fa-outdent:before { content: "\f03b" } .fa-indent:before { content: "\f03c" } .fa-video-camera:before { content: "\f03d" } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e" } .fa-pencil:before { content: "\f040" } .fa-map-marker:before { content: "\f041" } .fa-adjust:before { content: "\f042" } .fa-tint:before { content: "\f043" } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044" } .fa-share-square-o:before { content: "\f045" } .fa-check-square-o:before { content: "\f046" } .fa-arrows:before { content: "\f047" } .fa-step-backward:before { content: "\f048" } .fa-fast-backward:before { content: "\f049" } .fa-backward:before { content: "\f04a" } .fa-play:before { content: "\f04b" } .fa-pause:before { content: "\f04c" } .fa-stop:before { content: "\f04d" } .fa-forward:before { content: "\f04e" } .fa-fast-forward:before { content: "\f050" } .fa-step-forward:before { content: "\f051" } .fa-eject:before { content: "\f052" } .fa-chevron-left:before { content: "\f053" } .fa-chevron-right:before { content: "\f054" } .fa-plus-circle:before { content: "\f055" } .fa-minus-circle:before { content: "\f056" } .fa-times-circle:before { content: "\f057" } .fa-check-circle:before { content: "\f058" } .fa-question-circle:before { content: "\f059" } .fa-info-circle:before { content: "\f05a" } .fa-crosshairs:before { content: "\f05b" } .fa-times-circle-o:before { content: "\f05c" } .fa-check-circle-o:before { content: "\f05d" } .fa-ban:before { content: "\f05e" } .fa-arrow-left:before { content: "\f060" } .fa-arrow-right:before { content: "\f061" } .fa-arrow-up:before { content: "\f062" } .fa-arrow-down:before { content: "\f063" } .fa-mail-forward:before, .fa-share:before { content: "\f064" } .fa-expand:before { content: "\f065" } .fa-compress:before { content: "\f066" } .fa-plus:before { content: "\f067" } .fa-minus:before { content: "\f068" } .fa-asterisk:before { content: "\f069" } .fa-exclamation-circle:before { content: "\f06a" } .fa-gift:before { content: "\f06b" } .fa-leaf:before { content: "\f06c" } .fa-fire:before { content: "\f06d" } .fa-eye:before { content: "\f06e" } .fa-eye-slash:before { content: "\f070" } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071" } .fa-plane:before { content: "\f072" } .fa-calendar:before { content: "\f073" } .fa-random:before { content: "\f074" } .fa-comment:before { content: "\f075" } .fa-magnet:before { content: "\f076" } .fa-chevron-up:before { content: "\f077" } .fa-chevron-down:before { content: "\f078" } .fa-retweet:before { content: "\f079" } .fa-shopping-cart:before { content: "\f07a" } .fa-folder:before { content: "\f07b" } .fa-folder-open:before { content: "\f07c" } .fa-arrows-v:before { content: "\f07d" } .fa-arrows-h:before { content: "\f07e" } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080" } .fa-twitter-square:before { content: "\f081" } .fa-facebook-square:before { content: "\f082" } .fa-camera-retro:before { content: "\f083" } .fa-key:before { content: "\f084" } .fa-gears:before, .fa-cogs:before { content: "\f085" } .fa-comments:before { content: "\f086" } .fa-thumbs-o-up:before { content: "\f087" } .fa-thumbs-o-down:before { content: "\f088" } .fa-star-half:before { content: "\f089" } .fa-heart-o:before { content: "\f08a" } .fa-sign-out:before { content: "\f08b" } .fa-linkedin-square:before { content: "\f08c" } .fa-thumb-tack:before { content: "\f08d" } .fa-external-link:before { content: "\f08e" } .fa-sign-in:before { content: "\f090" } .fa-trophy:before { content: "\f091" } .fa-github-square:before { content: "\f092" } .fa-upload:before { content: "\f093" } .fa-lemon-o:before { content: "\f094" } .fa-phone:before { content: "\f095" } .fa-square-o:before { content: "\f096" } .fa-bookmark-o:before { content: "\f097" } .fa-phone-square:before { content: "\f098" } .fa-twitter:before { content: "\f099" } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a" } .fa-github:before { content: "\f09b" } .fa-unlock:before { content: "\f09c" } .fa-credit-card:before { content: "\f09d" } .fa-feed:before, .fa-rss:before { content: "\f09e" } .fa-hdd-o:before { content: "\f0a0" } .fa-bullhorn:before { content: "\f0a1" } .fa-bell:before { content: "\f0f3" } .fa-certificate:before { content: "\f0a3" } .fa-hand-o-right:before { content: "\f0a4" } .fa-hand-o-left:before { content: "\f0a5" } .fa-hand-o-up:before { content: "\f0a6" } .fa-hand-o-down:before { content: "\f0a7" } .fa-arrow-circle-left:before { content: "\f0a8" } .fa-arrow-circle-right:before { content: "\f0a9" } .fa-arrow-circle-up:before { content: "\f0aa" } .fa-arrow-circle-down:before { content: "\f0ab" } .fa-globe:before { content: "\f0ac" } .fa-wrench:before { content: "\f0ad" } .fa-tasks:before { content: "\f0ae" } .fa-filter:before { content: "\f0b0" } .fa-briefcase:before { content: "\f0b1" } .fa-arrows-alt:before { content: "\f0b2" } .fa-group:before, .fa-users:before { content: "\f0c0" } .fa-chain:before, .fa-link:before { content: "\f0c1" } .fa-cloud:before { content: "\f0c2" } .fa-flask:before { content: "\f0c3" } .fa-cut:before, .fa-scissors:before { content: "\f0c4" } .fa-copy:before, .fa-files-o:before { content: "\f0c5" } .fa-paperclip:before { content: "\f0c6" } .fa-save:before, .fa-floppy-o:before { content: "\f0c7" } .fa-square:before { content: "\f0c8" } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9" } .fa-list-ul:before { content: "\f0ca" } .fa-list-ol:before { content: "\f0cb" } .fa-strikethrough:before { content: "\f0cc" } .fa-underline:before { content: "\f0cd" } .fa-table:before { content: "\f0ce" } .fa-magic:before { content: "\f0d0" } .fa-truck:before { content: "\f0d1" } .fa-pinterest:before { content: "\f0d2" } .fa-pinterest-square:before { content: "\f0d3" } .fa-google-plus-square:before { content: "\f0d4" } .fa-google-plus:before { content: "\f0d5" } .fa-money:before { content: "\f0d6" } .fa-caret-down:before { content: "\f0d7" } .fa-caret-up:before { content: "\f0d8" } .fa-caret-left:before { content: "\f0d9" } .fa-caret-right:before { content: "\f0da" } .fa-columns:before { content: "\f0db" } .fa-unsorted:before, .fa-sort:before { content: "\f0dc" } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd" } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de" } .fa-envelope:before { content: "\f0e0" } .fa-linkedin:before { content: "\f0e1" } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2" } .fa-legal:before, .fa-gavel:before { content: "\f0e3" } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4" } .fa-comment-o:before { content: "\f0e5" } .fa-comments-o:before { content: "\f0e6" } .fa-flash:before, .fa-bolt:before { content: "\f0e7" } .fa-sitemap:before { content: "\f0e8" } .fa-umbrella:before { content: "\f0e9" } .fa-paste:before, .fa-clipboard:before { content: "\f0ea" } .fa-lightbulb-o:before { content: "\f0eb" } .fa-exchange:before { content: "\f0ec" } .fa-cloud-download:before { content: "\f0ed" } .fa-cloud-upload:before { content: "\f0ee" } .fa-user-md:before { content: "\f0f0" } .fa-stethoscope:before { content: "\f0f1" } .fa-suitcase:before { content: "\f0f2" } .fa-bell-o:before { content: "\f0a2" } .fa-coffee:before { content: "\f0f4" } .fa-cutlery:before { content: "\f0f5" } .fa-file-text-o:before { content: "\f0f6" } .fa-building-o:before { content: "\f0f7" } .fa-hospital-o:before { content: "\f0f8" } .fa-ambulance:before { content: "\f0f9" } .fa-medkit:before { content: "\f0fa" } .fa-fighter-jet:before { content: "\f0fb" } .fa-beer:before { content: "\f0fc" } .fa-h-square:before { content: "\f0fd" } .fa-plus-square:before { content: "\f0fe" } .fa-angle-double-left:before { content: "\f100" } .fa-angle-double-right:before { content: "\f101" } .fa-angle-double-up:before { content: "\f102" } .fa-angle-double-down:before { content: "\f103" } .fa-angle-left:before { content: "\f104" } .fa-angle-right:before { content: "\f105" } .fa-angle-up:before { content: "\f106" } .fa-angle-down:before { content: "\f107" } .fa-desktop:before { content: "\f108" } .fa-laptop:before { content: "\f109" } .fa-tablet:before { content: "\f10a" } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b" } .fa-circle-o:before { content: "\f10c" } .fa-quote-left:before { content: "\f10d" } .fa-quote-right:before { content: "\f10e" } .fa-spinner:before { content: "\f110" } .fa-circle:before { content: "\f111" } .fa-mail-reply:before, .fa-reply:before { content: "\f112" } .fa-github-alt:before { content: "\f113" } .fa-folder-o:before { content: "\f114" } .fa-folder-open-o:before { content: "\f115" } .fa-smile-o:before { content: "\f118" } .fa-frown-o:before { content: "\f119" } .fa-meh-o:before { content: "\f11a" } .fa-gamepad:before { content: "\f11b" } .fa-keyboard-o:before { content: "\f11c" } .fa-flag-o:before { content: "\f11d" } .fa-flag-checkered:before { content: "\f11e" } .fa-terminal:before { content: "\f120" } .fa-code:before { content: "\f121" } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122" } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123" } .fa-location-arrow:before { content: "\f124" } .fa-crop:before { content: "\f125" } .fa-code-fork:before { content: "\f126" } .fa-unlink:before, .fa-chain-broken:before { content: "\f127" } .fa-question:before { content: "\f128" } .fa-info:before { content: "\f129" } .fa-exclamation:before { content: "\f12a" } .fa-superscript:before { content: "\f12b" } .fa-subscript:before { content: "\f12c" } .fa-eraser:before { content: "\f12d" } .fa-puzzle-piece:before { content: "\f12e" } .fa-microphone:before { content: "\f130" } .fa-microphone-slash:before { content: "\f131" } .fa-shield:before { content: "\f132" } .fa-calendar-o:before { content: "\f133" } .fa-fire-extinguisher:before { content: "\f134" } .fa-rocket:before { content: "\f135" } .fa-maxcdn:before { content: "\f136" } .fa-chevron-circle-left:before { content: "\f137" } .fa-chevron-circle-right:before { content: "\f138" } .fa-chevron-circle-up:before { content: "\f139" } .fa-chevron-circle-down:before { content: "\f13a" } .fa-html5:before { content: "\f13b" } .fa-css3:before { content: "\f13c" } .fa-anchor:before { content: "\f13d" } .fa-unlock-alt:before { content: "\f13e" } .fa-bullseye:before { content: "\f140" } .fa-ellipsis-h:before { content: "\f141" } .fa-ellipsis-v:before { content: "\f142" } .fa-rss-square:before { content: "\f143" } .fa-play-circle:before { content: "\f144" } .fa-ticket:before { content: "\f145" } .fa-minus-square:before { content: "\f146" } .fa-minus-square-o:before { content: "\f147" } .fa-level-up:before { content: "\f148" } .fa-level-down:before { content: "\f149" } .fa-check-square:before { content: "\f14a" } .fa-pencil-square:before { content: "\f14b" } .fa-external-link-square:before { content: "\f14c" } .fa-share-square:before { content: "\f14d" } .fa-compass:before { content: "\f14e" } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150" } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151" } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152" } .fa-euro:before, .fa-eur:before { content: "\f153" } .fa-gbp:before { content: "\f154" } .fa-dollar:before, .fa-usd:before { content: "\f155" } .fa-rupee:before, .fa-inr:before { content: "\f156" } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157" } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158" } .fa-won:before, .fa-krw:before { content: "\f159" } .fa-bitcoin:before, .fa-btc:before { content: "\f15a" } .fa-file:before { content: "\f15b" } .fa-file-text:before { content: "\f15c" } .fa-sort-alpha-asc:before { content: "\f15d" } .fa-sort-alpha-desc:before { content: "\f15e" } .fa-sort-amount-asc:before { content: "\f160" } .fa-sort-amount-desc:before { content: "\f161" } .fa-sort-numeric-asc:before { content: "\f162" } .fa-sort-numeric-desc:before { content: "\f163" } .fa-thumbs-up:before { content: "\f164" } .fa-thumbs-down:before { content: "\f165" } .fa-youtube-square:before { content: "\f166" } .fa-youtube:before { content: "\f167" } .fa-xing:before { content: "\f168" } .fa-xing-square:before { content: "\f169" } .fa-youtube-play:before { content: "\f16a" } .fa-dropbox:before { content: "\f16b" } .fa-stack-overflow:before { content: "\f16c" } .fa-instagram:before { content: "\f16d" } .fa-flickr:before { content: "\f16e" } .fa-adn:before { content: "\f170" } .fa-bitbucket:before { content: "\f171" } .fa-bitbucket-square:before { content: "\f172" } .fa-tumblr:before { content: "\f173" } .fa-tumblr-square:before { content: "\f174" } .fa-long-arrow-down:before { content: "\f175" } .fa-long-arrow-up:before { content: "\f176" } .fa-long-arrow-left:before { content: "\f177" } .fa-long-arrow-right:before { content: "\f178" } .fa-apple:before { content: "\f179" } .fa-windows:before { content: "\f17a" } .fa-android:before { content: "\f17b" } .fa-linux:before { content: "\f17c" } .fa-dribbble:before { content: "\f17d" } .fa-skype:before { content: "\f17e" } .fa-foursquare:before { content: "\f180" } .fa-trello:before { content: "\f181" } .fa-female:before { content: "\f182" } .fa-male:before { content: "\f183" } .fa-gittip:before, .fa-gratipay:before { content: "\f184" } .fa-sun-o:before { content: "\f185" } .fa-moon-o:before { content: "\f186" } .fa-archive:before { content: "\f187" } .fa-bug:before { content: "\f188" } .fa-vk:before { content: "\f189" } .fa-weibo:before { content: "\f18a" } .fa-renren:before { content: "\f18b" } .fa-pagelines:before { content: "\f18c" } .fa-stack-exchange:before { content: "\f18d" } .fa-arrow-circle-o-right:before { content: "\f18e" } .fa-arrow-circle-o-left:before { content: "\f190" } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191" } .fa-dot-circle-o:before { content: "\f192" } .fa-wheelchair:before { content: "\f193" } .fa-vimeo-square:before { content: "\f194" } .fa-turkish-lira:before, .fa-try:before { content: "\f195" } .fa-plus-square-o:before { content: "\f196" } .fa-space-shuttle:before { content: "\f197" } .fa-slack:before { content: "\f198" } .fa-envelope-square:before { content: "\f199" } .fa-wordpress:before { content: "\f19a" } .fa-openid:before { content: "\f19b" } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c" } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d" } .fa-yahoo:before { content: "\f19e" } .fa-google:before { content: "\f1a0" } .fa-reddit:before { content: "\f1a1" } .fa-reddit-square:before { content: "\f1a2" } .fa-stumbleupon-circle:before { content: "\f1a3" } .fa-stumbleupon:before { content: "\f1a4" } .fa-delicious:before { content: "\f1a5" } .fa-digg:before { content: "\f1a6" } .fa-pied-piper-pp:before { content: "\f1a7" } .fa-pied-piper-alt:before { content: "\f1a8" } .fa-drupal:before { content: "\f1a9" } .fa-joomla:before { content: "\f1aa" } .fa-language:before { content: "\f1ab" } .fa-fax:before { content: "\f1ac" } .fa-building:before { content: "\f1ad" } .fa-child:before { content: "\f1ae" } .fa-paw:before { content: "\f1b0" } .fa-spoon:before { content: "\f1b1" } .fa-cube:before { content: "\f1b2" } .fa-cubes:before { content: "\f1b3" } .fa-behance:before { content: "\f1b4" } .fa-behance-square:before { content: "\f1b5" } .fa-steam:before { content: "\f1b6" } .fa-steam-square:before { content: "\f1b7" } .fa-recycle:before { content: "\f1b8" } .fa-automobile:before, .fa-car:before { content: "\f1b9" } .fa-cab:before, .fa-taxi:before { content: "\f1ba" } .fa-tree:before { content: "\f1bb" } .fa-spotify:before { content: "\f1bc" } .fa-deviantart:before { content: "\f1bd" } .fa-soundcloud:before { content: "\f1be" } .fa-database:before { content: "\f1c0" } .fa-file-pdf-o:before { content: "\f1c1" } .fa-file-word-o:before { content: "\f1c2" } .fa-file-excel-o:before { content: "\f1c3" } .fa-file-powerpoint-o:before { content: "\f1c4" } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5" } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6" } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7" } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8" } .fa-file-code-o:before { content: "\f1c9" } .fa-vine:before { content: "\f1ca" } .fa-codepen:before { content: "\f1cb" } .fa-jsfiddle:before { content: "\f1cc" } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd" } .fa-circle-o-notch:before { content: "\f1ce" } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0" } .fa-ge:before, .fa-empire:before { content: "\f1d1" } .fa-git-square:before { content: "\f1d2" } .fa-git:before { content: "\f1d3" } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4" } .fa-tencent-weibo:before { content: "\f1d5" } .fa-qq:before { content: "\f1d6" } .fa-wechat:before, .fa-weixin:before { content: "\f1d7" } .fa-send:before, .fa-paper-plane:before { content: "\f1d8" } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9" } .fa-history:before { content: "\f1da" } .fa-circle-thin:before { content: "\f1db" } .fa-header:before { content: "\f1dc" } .fa-paragraph:before { content: "\f1dd" } .fa-sliders:before { content: "\f1de" } .fa-share-alt:before { content: "\f1e0" } .fa-share-alt-square:before { content: "\f1e1" } .fa-bomb:before { content: "\f1e2" } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3" } .fa-tty:before { content: "\f1e4" } .fa-binoculars:before { content: "\f1e5" } .fa-plug:before { content: "\f1e6" } .fa-slideshare:before { content: "\f1e7" } .fa-twitch:before { content: "\f1e8" } .fa-yelp:before { content: "\f1e9" } .fa-newspaper-o:before { content: "\f1ea" } .fa-wifi:before { content: "\f1eb" } .fa-calculator:before { content: "\f1ec" } .fa-paypal:before { content: "\f1ed" } .fa-google-wallet:before { content: "\f1ee" } .fa-cc-visa:before { content: "\f1f0" } .fa-cc-mastercard:before { content: "\f1f1" } .fa-cc-discover:before { content: "\f1f2" } .fa-cc-amex:before { content: "\f1f3" } .fa-cc-paypal:before { content: "\f1f4" } .fa-cc-stripe:before { content: "\f1f5" } .fa-bell-slash:before { content: "\f1f6" } .fa-bell-slash-o:before { content: "\f1f7" } .fa-trash:before { content: "\f1f8" } .fa-copyright:before { content: "\f1f9" } .fa-at:before { content: "\f1fa" } .fa-eyedropper:before { content: "\f1fb" } .fa-paint-brush:before { content: "\f1fc" } .fa-birthday-cake:before { content: "\f1fd" } .fa-area-chart:before { content: "\f1fe" } .fa-pie-chart:before { content: "\f200" } .fa-line-chart:before { content: "\f201" } .fa-lastfm:before { content: "\f202" } .fa-lastfm-square:before { content: "\f203" } .fa-toggle-off:before { content: "\f204" } .fa-toggle-on:before { content: "\f205" } .fa-bicycle:before { content: "\f206" } .fa-bus:before { content: "\f207" } .fa-ioxhost:before { content: "\f208" } .fa-angellist:before { content: "\f209" } .fa-cc:before { content: "\f20a" } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b" } .fa-meanpath:before { content: "\f20c" } .fa-buysellads:before { content: "\f20d" } .fa-connectdevelop:before { content: "\f20e" } .fa-dashcube:before { content: "\f210" } .fa-forumbee:before { content: "\f211" } .fa-leanpub:before { content: "\f212" } .fa-sellsy:before { content: "\f213" } .fa-shirtsinbulk:before { content: "\f214" } .fa-simplybuilt:before { content: "\f215" } .fa-skyatlas:before { content: "\f216" } .fa-cart-plus:before { content: "\f217" } .fa-cart-arrow-down:before { content: "\f218" } .fa-diamond:before { content: "\f219" } .fa-ship:before { content: "\f21a" } .fa-user-secret:before { content: "\f21b" } .fa-motorcycle:before { content: "\f21c" } .fa-street-view:before { content: "\f21d" } .fa-heartbeat:before { content: "\f21e" } .fa-venus:before { content: "\f221" } .fa-mars:before { content: "\f222" } .fa-mercury:before { content: "\f223" } .fa-intersex:before, .fa-transgender:before { content: "\f224" } .fa-transgender-alt:before { content: "\f225" } .fa-venus-double:before { content: "\f226" } .fa-mars-double:before { content: "\f227" } .fa-venus-mars:before { content: "\f228" } .fa-mars-stroke:before { content: "\f229" } .fa-mars-stroke-v:before { content: "\f22a" } .fa-mars-stroke-h:before { content: "\f22b" } .fa-neuter:before { content: "\f22c" } .fa-genderless:before { content: "\f22d" } .fa-facebook-official:before { content: "\f230" } .fa-pinterest-p:before { content: "\f231" } .fa-whatsapp:before { content: "\f232" } .fa-server:before { content: "\f233" } .fa-user-plus:before { content: "\f234" } .fa-user-times:before { content: "\f235" } .fa-hotel:before, .fa-bed:before { content: "\f236" } .fa-viacoin:before { content: "\f237" } .fa-train:before { content: "\f238" } .fa-subway:before { content: "\f239" } .fa-medium:before { content: "\f23a" } .fa-yc:before, .fa-y-combinator:before { content: "\f23b" } .fa-optin-monster:before { content: "\f23c" } .fa-opencart:before { content: "\f23d" } .fa-expeditedssl:before { content: "\f23e" } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240" } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241" } .fa-battery-2:before, .fa-battery-half:before { content: "\f242" } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243" } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244" } .fa-mouse-pointer:before { content: "\f245" } .fa-i-cursor:before { content: "\f246" } .fa-object-group:before { content: "\f247" } .fa-object-ungroup:before { content: "\f248" } .fa-sticky-note:before { content: "\f249" } .fa-sticky-note-o:before { content: "\f24a" } .fa-cc-jcb:before { content: "\f24b" } .fa-cc-diners-club:before { content: "\f24c" } .fa-clone:before { content: "\f24d" } .fa-balance-scale:before { content: "\f24e" } .fa-hourglass-o:before { content: "\f250" } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251" } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252" } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253" } .fa-hourglass:before { content: "\f254" } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255" } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256" } .fa-hand-scissors-o:before { content: "\f257" } .fa-hand-lizard-o:before { content: "\f258" } .fa-hand-spock-o:before { content: "\f259" } .fa-hand-pointer-o:before { content: "\f25a" } .fa-hand-peace-o:before { content: "\f25b" } .fa-trademark:before { content: "\f25c" } .fa-registered:before { content: "\f25d" } .fa-creative-commons:before { content: "\f25e" } .fa-gg:before { content: "\f260" } .fa-gg-circle:before { content: "\f261" } .fa-tripadvisor:before { content: "\f262" } .fa-odnoklassniki:before { content: "\f263" } .fa-odnoklassniki-square:before { content: "\f264" } .fa-get-pocket:before { content: "\f265" } .fa-wikipedia-w:before { content: "\f266" } .fa-safari:before { content: "\f267" } .fa-chrome:before { content: "\f268" } .fa-firefox:before { content: "\f269" } .fa-opera:before { content: "\f26a" } .fa-internet-explorer:before { content: "\f26b" } .fa-tv:before, .fa-television:before { content: "\f26c" } .fa-contao:before { content: "\f26d" } .fa-500px:before { content: "\f26e" } .fa-amazon:before { content: "\f270" } .fa-calendar-plus-o:before { content: "\f271" } .fa-calendar-minus-o:before { content: "\f272" } .fa-calendar-times-o:before { content: "\f273" } .fa-calendar-check-o:before { content: "\f274" } .fa-industry:before { content: "\f275" } .fa-map-pin:before { content: "\f276" } .fa-map-signs:before { content: "\f277" } .fa-map-o:before { content: "\f278" } .fa-map:before { content: "\f279" } .fa-commenting:before { content: "\f27a" } .fa-commenting-o:before { content: "\f27b" } .fa-houzz:before { content: "\f27c" } .fa-vimeo:before { content: "\f27d" } .fa-black-tie:before { content: "\f27e" } .fa-fonticons:before { content: "\f280" } .fa-reddit-alien:before { content: "\f281" } .fa-edge:before { content: "\f282" } .fa-credit-card-alt:before { content: "\f283" } .fa-codiepie:before { content: "\f284" } .fa-modx:before { content: "\f285" } .fa-fort-awesome:before { content: "\f286" } .fa-usb:before { content: "\f287" } .fa-product-hunt:before { content: "\f288" } .fa-mixcloud:before { content: "\f289" } .fa-scribd:before { content: "\f28a" } .fa-pause-circle:before { content: "\f28b" } .fa-pause-circle-o:before { content: "\f28c" } .fa-stop-circle:before { content: "\f28d" } .fa-stop-circle-o:before { content: "\f28e" } .fa-shopping-bag:before { content: "\f290" } .fa-shopping-basket:before { content: "\f291" } .fa-hashtag:before { content: "\f292" } .fa-bluetooth:before { content: "\f293" } .fa-bluetooth-b:before { content: "\f294" } .fa-percent:before { content: "\f295" } .fa-gitlab:before { content: "\f296" } .fa-wpbeginner:before { content: "\f297" } .fa-wpforms:before { content: "\f298" } .fa-envira:before { content: "\f299" } .fa-universal-access:before { content: "\f29a" } .fa-wheelchair-alt:before { content: "\f29b" } .fa-question-circle-o:before { content: "\f29c" } .fa-blind:before { content: "\f29d" } .fa-audio-description:before { content: "\f29e" } .fa-volume-control-phone:before { content: "\f2a0" } .fa-braille:before { content: "\f2a1" } .fa-assistive-listening-systems:before { content: "\f2a2" } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3" } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4" } .fa-glide:before { content: "\f2a5" } .fa-glide-g:before { content: "\f2a6" } .fa-signing:before, .fa-sign-language:before { content: "\f2a7" } .fa-low-vision:before { content: "\f2a8" } .fa-viadeo:before { content: "\f2a9" } .fa-viadeo-square:before { content: "\f2aa" } .fa-snapchat:before { content: "\f2ab" } .fa-snapchat-ghost:before { content: "\f2ac" } .fa-snapchat-square:before { content: "\f2ad" } .fa-pied-piper:before { content: "\f2ae" } .fa-first-order:before { content: "\f2b0" } .fa-yoast:before { content: "\f2b1" } .fa-themeisle:before { content: "\f2b2" } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3" } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4" } .fa-handshake-o:before { content: "\f2b5" } .fa-envelope-open:before { content: "\f2b6" } .fa-envelope-open-o:before { content: "\f2b7" } .fa-linode:before { content: "\f2b8" } .fa-address-book:before { content: "\f2b9" } .fa-address-book-o:before { content: "\f2ba" } .fa-vcard:before, .fa-address-card:before { content: "\f2bb" } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc" } .fa-user-circle:before { content: "\f2bd" } .fa-user-circle-o:before { content: "\f2be" } .fa-user-o:before { content: "\f2c0" } .fa-id-badge:before { content: "\f2c1" } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2" } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3" } .fa-quora:before { content: "\f2c4" } .fa-free-code-camp:before { content: "\f2c5" } .fa-telegram:before { content: "\f2c6" } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7" } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8" } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9" } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca" } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb" } .fa-shower:before { content: "\f2cc" } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd" } .fa-podcast:before { content: "\f2ce" } .fa-window-maximize:before { content: "\f2d0" } .fa-window-minimize:before { content: "\f2d1" } .fa-window-restore:before { content: "\f2d2" } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3" } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4" } .fa-bandcamp:before { content: "\f2d5" } .fa-grav:before { content: "\f2d6" } .fa-etsy:before { content: "\f2d7" } .fa-imdb:before { content: "\f2d8" } .fa-ravelry:before { content: "\f2d9" } .fa-eercast:before { content: "\f2da" } .fa-microchip:before { content: "\f2db" } .fa-snowflake-o:before { content: "\f2dc" } .fa-superpowers:before { content: "\f2dd" } .fa-wpexplorer:before { content: "\f2de" } .fa-meetup:before { content: "\f2e0" } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto } @font-face { font-family: 'Glyphicons Halflings'; src: url('/fonts/glyphicons-halflings-regular.eot'); src: url('/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg') } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .glyphicon-asterisk:before { content: "\002a" } .glyphicon-plus:before { content: "\002b" } .glyphicon-euro:before, .glyphicon-eur:before { content: "\20ac" } .glyphicon-minus:before { content: "\2212" } .glyphicon-cloud:before { content: "\2601" } .glyphicon-envelope:before { content: "\2709" } .glyphicon-pencil:before { content: "\270f" } .glyphicon-glass:before { content: "\e001" } .glyphicon-music:before { content: "\e002" } .glyphicon-search:before { content: "\e003" } .glyphicon-heart:before { content: "\e005" } .glyphicon-star:before { content: "\e006" } .glyphicon-star-empty:before { content: "\e007" } .glyphicon-user:before { content: "\e008" } .glyphicon-film:before { content: "\e009" } .glyphicon-th-large:before { content: "\e010" } .glyphicon-th:before { content: "\e011" } .glyphicon-th-list:before { content: "\e012" } .glyphicon-ok:before { content: "\e013" } .glyphicon-remove:before { content: "\e014" } .glyphicon-zoom-in:before { content: "\e015" } .glyphicon-zoom-out:before { content: "\e016" } .glyphicon-off:before { content: "\e017" } .glyphicon-signal:before { content: "\e018" } .glyphicon-cog:before { content: "\e019" } .glyphicon-trash:before { content: "\e020" } .glyphicon-home:before { content: "\e021" } .glyphicon-file:before { content: "\e022" } .glyphicon-time:before { content: "\e023" } .glyphicon-road:before { content: "\e024" } .glyphicon-download-alt:before { content: "\e025" } .glyphicon-download:before { content: "\e026" } .glyphicon-upload:before { content: "\e027" } .glyphicon-inbox:before { content: "\e028" } .glyphicon-play-circle:before { content: "\e029" } .glyphicon-repeat:before { content: "\e030" } .glyphicon-refresh:before { content: "\e031" } .glyphicon-list-alt:before { content: "\e032" } .glyphicon-lock:before { content: "\e033" } .glyphicon-flag:before { content: "\e034" } .glyphicon-headphones:before { content: "\e035" } .glyphicon-volume-off:before { content: "\e036" } .glyphicon-volume-down:before { content: "\e037" } .glyphicon-volume-up:before { content: "\e038" } .glyphicon-qrcode:before { content: "\e039" } .glyphicon-barcode:before { content: "\e040" } .glyphicon-tag:before { content: "\e041" } .glyphicon-tags:before { content: "\e042" } .glyphicon-book:before { content: "\e043" } .glyphicon-bookmark:before { content: "\e044" } .glyphicon-print:before { content: "\e045" } .glyphicon-camera:before { content: "\e046" } .glyphicon-font:before { content: "\e047" } .glyphicon-bold:before { content: "\e048" } .glyphicon-italic:before { content: "\e049" } .glyphicon-text-height:before { content: "\e050" } .glyphicon-text-width:before { content: "\e051" } .glyphicon-align-left:before { content: "\e052" } .glyphicon-align-center:before { content: "\e053" } .glyphicon-align-right:before { content: "\e054" } .glyphicon-align-justify:before { content: "\e055" } .glyphicon-list:before { content: "\e056" } .glyphicon-indent-left:before { content: "\e057" } .glyphicon-indent-right:before { content: "\e058" } .glyphicon-facetime-video:before { content: "\e059" } .glyphicon-picture:before { content: "\e060" } .glyphicon-map-marker:before { content: "\e062" } .glyphicon-adjust:before { content: "\e063" } .glyphicon-tint:before { content: "\e064" } .glyphicon-edit:before { content: "\e065" } .glyphicon-share:before { content: "\e066" } .glyphicon-check:before { content: "\e067" } .glyphicon-move:before { content: "\e068" } .glyphicon-step-backward:before { content: "\e069" } .glyphicon-fast-backward:before { content: "\e070" } .glyphicon-backward:before { content: "\e071" } .glyphicon-play:before { content: "\e072" } .glyphicon-pause:before { content: "\e073" } .glyphicon-stop:before { content: "\e074" } .glyphicon-forward:before { content: "\e075" } .glyphicon-fast-forward:before { content: "\e076" } .glyphicon-step-forward:before { content: "\e077" } .glyphicon-eject:before { content: "\e078" } .glyphicon-chevron-left:before { content: "\e079" } .glyphicon-chevron-right:before { content: "\e080" } .glyphicon-plus-sign:before { content: "\e081" } .glyphicon-minus-sign:before { content: "\e082" } .glyphicon-remove-sign:before { content: "\e083" } .glyphicon-ok-sign:before { content: "\e084" } .glyphicon-question-sign:before { content: "\e085" } .glyphicon-info-sign:before { content: "\e086" } .glyphicon-screenshot:before { content: "\e087" } .glyphicon-remove-circle:before { content: "\e088" } .glyphicon-ok-circle:before { content: "\e089" } .glyphicon-ban-circle:before { content: "\e090" } .glyphicon-arrow-left:before { content: "\e091" } .glyphicon-arrow-right:before { content: "\e092" } .glyphicon-arrow-up:before { content: "\e093" } .glyphicon-arrow-down:before { content: "\e094" } .glyphicon-share-alt:before { content: "\e095" } .glyphicon-resize-full:before { content: "\e096" } .glyphicon-resize-small:before { content: "\e097" } .glyphicon-exclamation-sign:before { content: "\e101" } .glyphicon-gift:before { content: "\e102" } .glyphicon-leaf:before { content: "\e103" } .glyphicon-fire:before { content: "\e104" } .glyphicon-eye-open:before { content: "\e105" } .glyphicon-eye-close:before { content: "\e106" } .glyphicon-warning-sign:before { content: "\e107" } .glyphicon-plane:before { content: "\e108" } .glyphicon-calendar:before { content: "\e109" } .glyphicon-random:before { content: "\e110" } .glyphicon-comment:before { content: "\e111" } .glyphicon-magnet:before { content: "\e112" } .glyphicon-chevron-up:before { content: "\e113" } .glyphicon-chevron-down:before { content: "\e114" } .glyphicon-retweet:before { content: "\e115" } .glyphicon-shopping-cart:before { content: "\e116" } .glyphicon-folder-close:before { content: "\e117" } .glyphicon-folder-open:before { content: "\e118" } .glyphicon-resize-vertical:before { content: "\e119" } .glyphicon-resize-horizontal:before { content: "\e120" } .glyphicon-hdd:before { content: "\e121" } .glyphicon-bullhorn:before { content: "\e122" } .glyphicon-bell:before { content: "\e123" } .glyphicon-certificate:before { content: "\e124" } .glyphicon-thumbs-up:before { content: "\e125" } .glyphicon-thumbs-down:before { content: "\e126" } .glyphicon-hand-right:before { content: "\e127" } .glyphicon-hand-left:before { content: "\e128" } .glyphicon-hand-up:before { content: "\e129" } .glyphicon-hand-down:before { content: "\e130" } .glyphicon-circle-arrow-right:before { content: "\e131" } .glyphicon-circle-arrow-left:before { content: "\e132" } .glyphicon-circle-arrow-up:before { content: "\e133" } .glyphicon-circle-arrow-down:before { content: "\e134" } .glyphicon-globe:before { content: "\e135" } .glyphicon-wrench:before { content: "\e136" } .glyphicon-tasks:before { content: "\e137" } .glyphicon-filter:before { content: "\e138" } .glyphicon-briefcase:before { content: "\e139" } .glyphicon-fullscreen:before { content: "\e140" } .glyphicon-dashboard:before { content: "\e141" } .glyphicon-paperclip:before { content: "\e142" } .glyphicon-heart-empty:before { content: "\e143" } .glyphicon-link:before { content: "\e144" } .glyphicon-phone:before { content: "\e145" } .glyphicon-pushpin:before { content: "\e146" } .glyphicon-usd:before { content: "\e148" } .glyphicon-gbp:before { content: "\e149" } .glyphicon-sort:before { content: "\e150" } .glyphicon-sort-by-alphabet:before { content: "\e151" } .glyphicon-sort-by-alphabet-alt:before { content: "\e152" } .glyphicon-sort-by-order:before { content: "\e153" } .glyphicon-sort-by-order-alt:before { content: "\e154" } .glyphicon-sort-by-attributes:before { content: "\e155" } .glyphicon-sort-by-attributes-alt:before { content: "\e156" } .glyphicon-unchecked:before { content: "\e157" } .glyphicon-expand:before { content: "\e158" } .glyphicon-collapse-down:before { content: "\e159" } .glyphicon-collapse-up:before { content: "\e160" } .glyphicon-log-in:before { content: "\e161" } .glyphicon-flash:before { content: "\e162" } .glyphicon-log-out:before { content: "\e163" } .glyphicon-new-window:before { content: "\e164" } .glyphicon-record:before { content: "\e165" } .glyphicon-save:before { content: "\e166" } .glyphicon-open:before { content: "\e167" } .glyphicon-saved:before { content: "\e168" } .glyphicon-import:before { content: "\e169" } .glyphicon-export:before { content: "\e170" } .glyphicon-send:before { content: "\e171" } .glyphicon-floppy-disk:before { content: "\e172" } .glyphicon-floppy-saved:before { content: "\e173" } .glyphicon-floppy-remove:before { content: "\e174" } .glyphicon-floppy-save:before { content: "\e175" } .glyphicon-floppy-open:before { content: "\e176" } .glyphicon-credit-card:before { content: "\e177" } .glyphicon-transfer:before { content: "\e178" } .glyphicon-cutlery:before { content: "\e179" } .glyphicon-header:before { content: "\e180" } .glyphicon-compressed:before { content: "\e181" } .glyphicon-earphone:before { content: "\e182" } .glyphicon-phone-alt:before { content: "\e183" } .glyphicon-tower:before { content: "\e184" } .glyphicon-stats:before { content: "\e185" } .glyphicon-sd-video:before { content: "\e186" } .glyphicon-hd-video:before { content: "\e187" } .glyphicon-subtitles:before { content: "\e188" } .glyphicon-sound-stereo:before { content: "\e189" } .glyphicon-sound-dolby:before { content: "\e190" } .glyphicon-sound-5-1:before { content: "\e191" } .glyphicon-sound-6-1:before { content: "\e192" } .glyphicon-sound-7-1:before { content: "\e193" } .glyphicon-copyright-mark:before { content: "\e194" } .glyphicon-registration-mark:before { content: "\e195" } .glyphicon-cloud-download:before { content: "\e197" } .glyphicon-cloud-upload:before { content: "\e198" } .glyphicon-tree-conifer:before { content: "\e199" } .glyphicon-tree-deciduous:before { content: "\e200" } .glyphicon-cd:before { content: "\e201" } .glyphicon-save-file:before { content: "\e202" } .glyphicon-open-file:before { content: "\e203" } .glyphicon-level-up:before { content: "\e204" } .glyphicon-copy:before { content: "\e205" } .glyphicon-paste:before { content: "\e206" } .glyphicon-alert:before { content: "\e209" } .glyphicon-equalizer:before { content: "\e210" } .glyphicon-king:before { content: "\e211" } .glyphicon-queen:before { content: "\e212" } .glyphicon-pawn:before { content: "\e213" } .glyphicon-bishop:before { content: "\e214" } .glyphicon-knight:before { content: "\e215" } .glyphicon-baby-formula:before { content: "\e216" } .glyphicon-tent:before { content: "\26fa" } .glyphicon-blackboard:before { content: "\e218" } .glyphicon-bed:before { content: "\e219" } .glyphicon-apple:before { content: "\f8ff" } .glyphicon-erase:before { content: "\e221" } .glyphicon-hourglass:before { content: "\231b" } .glyphicon-lamp:before { content: "\e223" } .glyphicon-duplicate:before { content: "\e224" } .glyphicon-piggy-bank:before { content: "\e225" } .glyphicon-scissors:before { content: "\e226" } .glyphicon-bitcoin:before { content: "\e227" } .glyphicon-btc:before { content: "\e227" } .glyphicon-xbt:before { content: "\e227" } .glyphicon-yen:before { content: "\00a5" } .glyphicon-jpy:before { content: "\00a5" } .glyphicon-ruble:before { content: "\20bd" } .glyphicon-rub:before { content: "\20bd" } .glyphicon-scale:before { content: "\e230" } .glyphicon-ice-lolly:before { content: "\e231" } .glyphicon-ice-lolly-tasted:before { content: "\e232" } .glyphicon-education:before { content: "\e233" } .glyphicon-option-horizontal:before { content: "\e234" } .glyphicon-option-vertical:before { content: "\e235" } .glyphicon-menu-hamburger:before { content: "\e236" } .glyphicon-modal-window:before { content: "\e237" } .glyphicon-oil:before { content: "\e238" } .glyphicon-grain:before { content: "\e239" } .glyphicon-sunglasses:before { content: "\e240" } .glyphicon-text-size:before { content: "\e241" } .glyphicon-text-color:before { content: "\e242" } .glyphicon-text-background:before { content: "\e243" } .glyphicon-object-align-top:before { content: "\e244" } .glyphicon-object-align-bottom:before { content: "\e245" } .glyphicon-object-align-horizontal:before { content: "\e246" } .glyphicon-object-align-left:before { content: "\e247" } .glyphicon-object-align-vertical:before { content: "\e248" } .glyphicon-object-align-right:before { content: "\e249" } .glyphicon-triangle-right:before { content: "\e250" } .glyphicon-triangle-left:before { content: "\e251" } .glyphicon-triangle-bottom:before { content: "\e252" } .glyphicon-triangle-top:before { content: "\e253" } .glyphicon-console:before { content: "\e254" } .glyphicon-superscript:before { content: "\e255" } .glyphicon-subscript:before { content: "\e256" } .glyphicon-menu-left:before { content: "\e257" } .glyphicon-menu-right:before { content: "\e258" } .glyphicon-menu-down:before { content: "\e259" } .glyphicon-menu-up:before { content: "\e260" } @import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,800,900&subset=cyrillic"); html { line-height: 1.15; font-size: 16px; scroll-behavior: smooth } :active, :hover, :focus { outline: 0; outline-offset: 0 } article, aside, footer, header, nav, section { display: block } h1 { font-size: 2em; margin: .67em 0 } figcaption, figure, main { display: block } figure { margin: 1em 40px } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible } .contact-phone { display: flex; text-align: center; min-width: 125px; flex-direction: column } .contact-phone__phone { font-size: 14px; line-height: 24px; cursor: pointer; margin-left: 8px; border-bottom: 1px dotted; display: inline-block } .btn-order { box-sizing: border-box; border-radius: 4px; height: 35px; text-align: center; font-weight: 500; font-size: 15px; color: #17191F; background: #F4C367 } .btn-advert-page { padding: 26px 15px; line-height: 0; font-style: normal; font-weight: 500; font-size: 16px; color: #292D32; background: #EFF3F6; border: 1px solid #E3E3E3; border-radius: 8px } .btn-request-lead { box-sizing: border-box; height: 35px; font-size: 15px; line-height: 0; padding: 20px 24px; font-style: normal; font-weight: 500; font-size: 16px; color: #fff; background: #EB702D; border-radius: 25px; align-self: start } .btn-call { border: 1px solid #1AB817; box-sizing: border-box; border-radius: 4px; height: 35px; text-align: center; font-weight: 500; font-size: 15px; color: #1AB817 } .btn-advert { display: none; position: absolute; border: 1px solid #F4C367; background: #F4C367; box-sizing: border-box; border-radius: 5px; height: 35px; width: 100%; font-style: normal; font-weight: 600; font-size: 16px; line-height: 21px; color: #17191F; bottom: 0; right: 0 } .btn-car-lead { border: 1px solid #249AF3; box-sizing: border-box; border-radius: 4px; height: 35px; width: 75%; font-style: normal; font-weight: 600; font-size: 14px; line-height: 20px; background: #fff; color: #249AF3; width: 190px } .btn-advert-view { border: 1px solid #249AF3; box-sizing: border-box; border-radius: 4px; height: 35px; width: 100%; font-style: normal; font-weight: 600; font-size: 16px; line-height: 21px; margin-top: auto; color: #249AF3 } .btn-page { box-sizing: border-box; border-radius: 4px; height: 35px; text-align: center; font-weight: 500; font-size: 15px; color: #D49724; background: #fff } .btn-page:hover { background: #D49724; border: 1px solid #D49724; color: #fff } .company_button-page { padding: 24px 25px; margin-right: 20px; display: block; line-height: 0 } .company_button-order-page { font-style: normal; font-weight: 600; font-size: 14px; color: #17191F } .company_button-chat-page { font-style: normal; font-weight: 500; font-size: 16px; color: #292D32 } .company_button-page-advert { padding: 24px 20px; display: block; line-height: 0 } .btn-advert:hover { border: 1px solid #F4C367; background: #fff } .btn-car-lead:hover { border: 1px solid #000 } .btn-detail { text-decoration: underline } .btn-order:hover { background: #fff } .btn-advert-page:hover { background: #F4C367 } .btn-request-lead:hover { background: #F4C367 } .btn-call:hover { background: #1AB817; color: white } .transport__item-header-button { padding: 26px 15px; line-height: 0; font-style: normal; font-weight: 500; font-size: 16px; color: #FFF; background: #EB702D; border-radius: 8px } .transport__item-header-mobile-button { padding: 6px 35px } .transport__item-button { font-style: normal; font-weight: 400; font-size: 14px; text-decoration-line: underline; color: #17191F; cursor: pointer } pre { font-family: monospace, monospace; font-size: 1em } a { background-color: transparent; -webkit-text-decoration-skip: objects } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted } b, strong { font-weight: inherit; font-weight: bolder } code, kbd, samp { font-family: monospace, monospace; font-size: 1em } dfn { font-style: italic } mark { background-color: #ff0; color: #000 } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } audio, video { display: inline-block } audio:not([controls]) { display: none; height: 0 } img { border-style: none } svg:not(:root) { overflow: hidden } button, input, optgroup, select, textarea { font-family: 'SF UI Display', sans-serif; font-weight:400; font-size: 16px; line-height: 24px; margin: 0;background: none; } button, input { overflow: visible } button, select { text-transform: none } [type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0 } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText } fieldset { padding: .35em .75em .625em } legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } progress { display: inline-block; vertical-align: baseline } textarea { overflow: auto } [type=checkbox], [type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } details, menu { display: block } summary { display: list-item } canvas { display: inline-block } [hidden], template { display: none } @font-face { font-family: Roboto-Bold; src: url(/fonts/Roboto-Bold.woff2) format("woff2"), url(/fonts/Roboto-Bold.woff) format("woff"); font-weight: 700; font-style: normal } @font-face { font-family: Roboto-Regular; src: url(/fonts/Roboto-Regular.woff2) format("woff2"), url(/fonts/Roboto-Regular.woff) format("woff"); font-weight: 400; font-style: normal } @font-face { font-family: OpenSans-Regular; src: url(/fonts/OpenSans-Regular.woff2) format("woff2"), url(/fonts/OpenSans-Regular.woff) format("woff"); font-weight: 400; font-style: normal } @font-face { font-family: OpenSans-Bold; src: url(/fonts/OpenSans-Bold.woff2) format("woff2"), url(/fonts/OpenSans-Bold.woff) format("woff"); font-weight: 700; font-style: normal } body { margin: 0; position: relative; width: 100%; height: 100%; font-family: SF UI Text, sans-serif; font-size: .9375rem; font-weight: 400; line-height: 1.5; color: #272727; background-color: #fff } .wraper__blog { overflow: visible } .container_account-main { -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } button { border: 0; cursor: pointer } * { -webkit-box-sizing: border-box; box-sizing: border-box } ul { padding: 0; margin: 0; list-style: none } h1, h2, h3, h4, h5, h6 { font-weight: 400; margin: 0 } a { text-decoration: none } .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column } image, svg { max-width: 100% } .panel__content { background-color: white } .about { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; flex-direction: column; width: 100% } .about .header_about { margin-bottom: 0 } .about .menu__link--about { border-bottom: 3px solid #EB702D; color: #000; font-weight: 700 } .about input[type=checkbox]:checked+.checkbox__checked--about:after { background: #fff } .about__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; width: 100vw; min-height: 589px; background: url(/images/img/about-bg.jpg) no-repeat 100% 0; background-size: 50%; background-color: white; padding: 136px 0 0 15% } .about__text { display: flex; flex-direction: column; justify-content: center; margin-bottom: 40px } .about__text>* { margin-bottom: 40px } .about__link { width: 223px } .about__desc { max-width: 500px; line-height: 2.5625rem; font-size: 1.25rem; color: #75869a } .about__title { font-weight: 600; line-height: normal; font-size: 2.25rem; color: #000; margin-bottom: 26px } .about__btn { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #fff; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 223px; height: 40px; background: #EB702D } .about__btn:hover { background: #EB702D; border: 1px solid transparent } .about__btn:hover { color: #fff; background: transparent; color: #EB702D; border: 1px solid #EB702D } .accordion, .accordion__list { width: 100% } .accordion__item { width: 100%; cursor: pointer; display: block; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .875rem; color: #000; position: relative; -webkit-transition: all .4s ease-out; transition: all .4s ease-out; padding: 15px 20px 15px 35px; border-bottom: 1px solid #b8c1cb } .accordion__icon { position: absolute; display: inline-block; width: 11.91px; height: 6.79px; right: 20px; top: 15px; z-index: 10 } .accordion__icon:after, .accordion__icon:before { position: absolute; content: ""; width: 10px; height: 1.5px; background-color: #75869a; -webkit-transition: -webkit-transform .25s ease; transition: -webkit-transform .25s ease; transition: transform .25s ease; transition: transform .25s ease, -webkit-transform .25s ease } .accordion__icon:before { -webkit-transform: translate(3px, 8px) rotate(45deg); transform: translate(3px, 8px) rotate(45deg) } .accordion__icon:after { -webkit-transform: translate(-3px, 8px) rotate(-45deg); transform: translate(-3px, 8px) rotate(-45deg) } .accordion__icon.accordion__icon--focus:before { -webkit-transform: translate(-3px, 8px) rotate(45deg); transform: translate(-3px, 8px) rotate(45deg) } .accordion__icon.accordion__icon--focus:after { -webkit-transform: translate(3px, 8px) rotate(-45deg); transform: translate(3px, 8px) rotate(-45deg) } .accordion__submenuItems-list { display: none; -webkit-transition: 1s ease-in-out; transition: 1s ease-in-out } .accordion__submenuItems-list.accordion__submenuItems-list--open { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; margin-top: 24px } .accordion__from-till { height: 61px } .accordion__from-till, .accordion__select { display: -webkit-box; display: -ms-flexbox; display: flex } .accordion__select { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg' fill='%2375869A'%3E%3Cpath d='M5.953 6.787a.831.831 0 0 1-.59-.244L.245 1.423A.834.834 0 1 1 1.424.244l4.53 4.53 4.53-4.53a.834.834 0 1 1 1.178 1.18l-5.12 5.12a.831.831 0 0 1-.589.243z'/%3E%3C/svg%3E") 50% no-repeat; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 5px; height: 40px; border: 1px solid #b8c1cb; outline: none; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 1rem; line-height: normal; font-size: .875rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; cursor: pointer; background-position: right 13px center; padding: 5px 30px 5px 14px; color: #b8c1cb; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 90%; margin-bottom: 18px; color: #000; margin-right: 0; width: 100%; height: 35px; font-weight: 600 } .accordion__select option { color: #000 } .accordion__select:focus, .accordion__select:hover { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M5.953 6.787a.831.831 0 0 1-.59-.244L.245 1.423A.834.834 0 1 1 1.424.244l4.53 4.53 4.53-4.53a.834.834 0 1 1 1.178 1.18l-5.12 5.12a.831.831 0 0 1-.589.243z'/%3E%3C/svg%3E") 50% no-repeat; cursor: pointer; background-position: right 13px center; border: 1px solid #EB702D } .accordion__select-line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 30%; margin-bottom: 25px } .accordion__select-line-icon { width: 15px; height: 1px; vertical-align: center; margin: 0 6px } .accordion__btn { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 32px 20px 48px 35px } .accordion__btn, .accordion__btn-blue { display: -webkit-box; display: -ms-flexbox; display: flex } .accordion__btn-blue { border-radius: 5px; min-width: 102px; height: 38px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; cursor: pointer; outline: none; color: #000; background: #EB702D; color: #fff; border: 1px solid transparent; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; min-width: 132px; min-height: 40px; font-size: .75rem; padding: 10px } .accordion__btn-blue:hover { background: #EB702D; color: #fff; border: 1px solid transparent; background: transparent; color: #EB702D; border: 1px solid #EB702D } .accordion__btn-white { border-radius: 5px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; cursor: pointer; outline: none; color: #000; background: #fff; color: #EB702D; border: 1px solid #EB702D; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; min-width: 132px; min-height: 40px; font-size: .75rem; padding: 10px; margin-right: 19px } .accordion__btn-white:hover { background: #EB702D; color: #fff; border: 1px solid transparent; background: #daecf8; color: #EB702D; border: 1px solid #EB702D } .account-filter { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; padding: 19px 4px 22px 26px } .account-filter_driver { -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .account-filter--active { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; border: 1px solid #b8c1cb; border-radius: 5px; background: #fff; margin-bottom: 24px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .account-filter__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-flow: wrap; flex-flow: wrap; width: 100%; margin-bottom: 8px } .account-filter__list_driver { width: 65% } .account-filter__list_auto .account-filter__item:last-child { margin-right: 22px } .account-filter__item { width: 175px; height: 35px; margin-bottom: 16px; margin-right: 22px } .account-filter__item:last-child { margin-right: 52% } .account-filter__item_act { width: 210px } .account-filter__item_act:last-child { margin-right: 22px } .account-filter__item_driver { width: 268px } .account-filter__item_driver:last-child { margin-right: 22px } .account-filter__item_amenities { width: 100% } .account-filter__datepicker { position: relative } .account-filter__input-datepicker { display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 5px; height: 40px; padding: 10px 21px; border: 1px solid #b8c1cb; outline: none; font-size: .875rem; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; width: 100%; color: #75869a; height: 35px } .account-filter__input-datepicker:focus { border: 1px solid #b8c1cb } .account-filter__input-datepicker::-webkit-input-placeholder { color: #000; font-size: .75rem } .account-filter__input-datepicker:-ms-input-placeholder { color: #000; font-size: .75rem } .account-filter__input-datepicker::-ms-input-placeholder { color: #000; font-size: .75rem } .account-filter__input-datepicker::placeholder { color: #000; font-size: .75rem } .account-filter__datepicker-icon { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='21' xmlns='http://www.w3.org/2000/svg' fill='%23B8C1CB'%3E%3Cpath d='M18.54 1.64h-.985V0h-1.64v1.64H5.084V0h-1.64v1.64H2.46A2.464 2.464 0 0 0 0 4.103V18.54A2.464 2.464 0 0 0 2.46 21h16.08A2.464 2.464 0 0 0 21 18.54V4.101a2.464 2.464 0 0 0-2.46-2.461zm.82 16.9c0 .451-.369.82-.82.82H2.46a.821.821 0 0 1-.82-.82V7.71h17.72v10.83zm0-12.47H1.64V4.102c0-.453.369-.82.82-.82h.985v1.64h1.64v-1.64h10.83v1.64h1.64v-1.64h.984a.82.82 0 0 1 .82.82V6.07z'/%3E%3Cpath d='M4.758 9.434h-1.64v1.64h1.64v-1.64zm3.282 0H6.397v1.64H8.04v-1.64zm3.28 0H9.68v1.64h1.64v-1.64zm3.282 0H12.96v1.64h1.64v-1.64zm3.281 0h-1.64v1.64h1.64v-1.64zM4.758 12.715h-1.64v1.64h1.64v-1.64zm3.282 0H6.397v1.64H8.04v-1.64zm3.28 0H9.68v1.64h1.64v-1.64zm3.282 0H12.96v1.64h1.64v-1.64zm-9.844 3.281h-1.64v1.64h1.64v-1.64zm3.282 0H6.397v1.64H8.04v-1.64zm3.28 0H9.68v1.64h1.64v-1.64zm3.282 0H12.96v1.64h1.64v-1.64zm3.281-3.281h-1.64v1.64h1.64v-1.64z'/%3E%3C/svg%3E") no-repeat 50%; display: inline-block; width: 21px; height: 21px; position: absolute; top: 0; right: 0; border-left: 1px solid #b8c1cb; cursor: pointer; top: -34px; right: -174px; padding: 17px 20px } .account-filter__datepicker-icon_act { right: -208px } .account-filter__datepicker-icon_history { right: -174px } .account-filter__input { display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 5px; height: 40px; padding: 10px 21px; outline: none; font-size: .875rem; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; width: 100%; color: #75869a; height: 35px; color: #000 } .account-filter__input, .account-filter__input:focus { border: 1px solid #b8c1cb } .account-filter__input::-webkit-input-placeholder { color: #000; font-size: .75rem } .account-filter__input:-ms-input-placeholder { color: #000; font-size: .75rem } .account-filter__input::-ms-input-placeholder { color: #000; font-size: .75rem } .account-filter__input::placeholder { color: #000; font-size: .75rem } .account-filter__select { display: -webkit-box; display: -ms-flexbox; display: flex; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg' fill='%2375869A'%3E%3Cpath d='M5.953 6.787a.831.831 0 0 1-.59-.244L.245 1.423A.834.834 0 1 1 1.424.244l4.53 4.53 4.53-4.53a.834.834 0 1 1 1.178 1.18l-5.12 5.12a.831.831 0 0 1-.589.243z'/%3E%3C/svg%3E") 50% no-repeat; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 5px; height: 40px; border: 1px solid #b8c1cb; outline: none; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 1rem; line-height: normal; font-size: .875rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; cursor: pointer; background-position: right 13px center; padding: 5px 30px 5px 14px; color: #b8c1cb; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 100%; height: 100%; font-size: .75rem; color: #000 } .account-filter__select option { color: #000 } .account-filter__select:focus, .account-filter__select:hover { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M5.953 6.787a.831.831 0 0 1-.59-.244L.245 1.423A.834.834 0 1 1 1.424.244l4.53 4.53 4.53-4.53a.834.834 0 1 1 1.178 1.18l-5.12 5.12a.831.831 0 0 1-.589.243z'/%3E%3C/svg%3E") 50% no-repeat; cursor: pointer; background-position: right 13px center; border: 1px solid #EB702D } .account-filter__btn-group {     display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: center;justify-content: flex-start;-webkit-box-align: start;-ms-flex-align: center;align-items: center;padding: 0 16px; } .company-filter__btn-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto } .account-filter__btn-group_driver { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 30% } .account-filter__btn-blue { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #000; background: #EB702D; color: #fff; border: 1px solid transparent; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 175px; height: 35px; margin-right: 22px } .account-filter__btn-blue:hover { background: #EB702D; color: #fff; border: 1px solid transparent; background: transparent; color: #EB702D; border: 1px solid #EB702D } .account-filter__btn-gray { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #000; background: #b8c1cb; color: #fff; border: 1px solid transparent; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 175px; height: 35px } .account-filter__btn-gray:hover { background: #EB702D; color: #fff; border: 1px solid transparent; background: transparent; color: #b8c1cb; border: 1px solid #b8c1cb } .account-filter__btn-gray_driver { margin-right: 22px } .account-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 30px 27px; background-color: white; border-bottom: 1px solid #b8c1cb } .account-header__select { font-family: OpenSans-Bold, Helvetica, sans-serif; font-weight: 600; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: 1.125rem; color: #000; display: -webkit-box; display: -ms-flexbox; display: flex; width: 20%; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.953 6.787a.831.831 0 0 1-.59-.244L.245 1.423A.834.834 0 1 1 1.424.244l4.53 4.53 4.53-4.53a.834.834 0 1 1 1.178 1.18l-5.12 5.12a.831.831 0 0 1-.589.243z'/%3E%3C/svg%3E") 50% no-repeat; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: none; height: 25px; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; cursor: pointer; background-position: right 13px center; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .account-header__select:focus, .account-header__select:hover { color: #75869a; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg' fill='%2375869A'%3E%3Cpath d='M5.953 6.787a.831.831 0 0 1-.59-.244L.245 1.423A.834.834 0 1 1 1.424.244l4.53 4.53 4.53-4.53a.834.834 0 1 1 1.178 1.18l-5.12 5.12a.831.831 0 0 1-.589.243z'/%3E%3C/svg%3E") 50% no-repeat; cursor: pointer; background-position: right 13px center } .account-header__select_last { display: none } .account-header__option { font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; line-height: normal; font-size: 1rem; color: #75869a } .account-header__nav { display: -webkit-box; display: -ms-flexbox; padding-left: 0px; display: flex; justify-content: flex-end; width: 100% } .account-header__list { -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; flex-wrap: nowrap; border-radius: 5px; justify-content: space-evenly; padding: 0 } .account-header__item, .account-header__list { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100% } .account-header__item {display: flex;padding: 5px 12px;justify-content: center;align-items: center;gap: 10px;border-radius: 4px;border: 1px solid #B8C1CB; } .account-header__elem { font-family: OpenSans-Regular, Helvetica, sans-serif;color: #75869A;text-align: center;font-size: 14px;font-style: normal;font-weight: 400;line-height: 22px;} .account-order__act-select { width: 18%; min-width: 108px; background: transparent; list-style: none } .account-header__select-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; color: #75869a; font-size: .875rem; width: 100%; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg' fill='%2375869A'%3E%3Cpath d='M5.953 6.787a.831.831 0 0 1-.59-.244L.245 1.423A.834.834 0 1 1 1.424.244l4.53 4.53 4.53-4.53a.834.834 0 1 1 1.178 1.18l-5.12 5.12a.831.831 0 0 1-.589.243z'/%3E%3C/svg%3E") no-repeat; background-size: 8%; border: none; height: 25px; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; cursor: pointer; background-position: right 13px center; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; padding-left: 10px } .account-header__select-menu-navbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #000; line-height: 19px; font-size: 14px; width: 100%; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg' fill='%2375869A'%3E%3Cpath d='M5.953 6.787a.831.831 0 0 1-.59-.244L.245 1.423A.834.834 0 1 1 1.424.244l4.53 4.53 4.53-4.53a.834.834 0 1 1 1.178 1.18l-5.12 5.12a.831.831 0 0 1-.589.243z'/%3E%3C/svg%3E") no-repeat; background-size: 8%; border: none; height: 25px; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; cursor: pointer; background-position: right 13px center; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; padding-left: 10px } .account-header__tablets { width: 100%; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column } .account-main {} .account-main .account-header__item_main { background: #75869a } .account-main .account-header__item_main .account-header__elem { color: #fff } .account-order_documentation .account-header__item_documentation .account-header__elem { color: #fff } .account-order_transport .account-header__item_transport .account-header__elem { color: #fff } .account-order_setting .account-header__item_setting .account-header__elem { color: #fff } .account-order__department .account-header__item_department .account-header__elem { color: #fff } .account-main__statistics { display: flex; flex-flow: column; width: 100%; border: 1px solid #b8c1cb; border-radius: 5px; margin-bottom: 48px } .account-main__tablets { display: none } .account-order { margin-left: 105px } .account-order .account-header__item_order { background: #75869a } .account-order .account-header__item_order .account-header__elem { color: #fff } .account-order_registry, .account-order_documentation, .account-order_transport, .account-order_setting {} .account-order_registry .account-header__item_order { background: none } .account-order_registry .account-header__item_order .account-header__elem { color: #75869a } .account-order_registry .account-header__item_registry { background: #75869a } .account-order_registry .account-header__item_registry .account-header__elem { color: #fff } .account-order_documentation .account-header__item_order { background: none } .account-order_documentation .account-header__item_order .account-header__elem { color: #75869a } .account-order_documentation .account-header__item_documentation { background: #75869a } .account-order_documentation .account-header__item_documentation .account-header__select-menu { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M5.953 6.787a.831.831 0 0 1-.59-.244L.245 1.423A.834.834 0 1 1 1.424.244l4.53 4.53 4.53-4.53a.834.834 0 1 1 1.178 1.18l-5.12 5.12a.831.831 0 0 1-.589.243z'/%3E%3C/svg%3E") no-repeat; background-size: 8%; background-position: right 13px center; color: #fff } .account-order_transport .account-header__item_order { background: none } .account-order_transport .account-header__item_order .account-header__elem { color: #75869a } .account-order_transport .account-header__item_transport { background: #75869a } .account-order__department .account-header__item_department { background: #75869a } .account-order_transport .account-header__item_transport .account-header__select-menu { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M5.953 6.787a.831.831 0 0 1-.59-.244L.245 1.423A.834.834 0 1 1 1.424.244l4.53 4.53 4.53-4.53a.834.834 0 1 1 1.178 1.18l-5.12 5.12a.831.831 0 0 1-.589.243z'/%3E%3C/svg%3E") no-repeat; background-size: 8%; background-position: right 13px center; color: #fff } .account-order_setting .account-header__item_order { background: none } .account-order_setting .account-header__item_order .account-header__elem { color: #75869a } .account-order_setting .account-header__item_setting { background: #75869a } .account-order_department .account-header__item_department { background: #75869a } .account-order_department .account-header__item_department .account-header__select-menu { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M5.953 6.787a.831.831 0 0 1-.59-.244L.245 1.423A.834.834 0 1 1 1.424.244l4.53 4.53 4.53-4.53a.834.834 0 1 1 1.178 1.18l-5.12 5.12a.831.831 0 0 1-.589.243z'/%3E%3C/svg%3E") no-repeat; background-size: 8%; background-position: right 13px center; color: #fff } .account-order_setting .account-header__item_setting .account-header__select-menu { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M5.953 6.787a.831.831 0 0 1-.59-.244L.245 1.423A.834.834 0 1 1 1.424.244l4.53 4.53 4.53-4.53a.834.834 0 1 1 1.178 1.18l-5.12 5.12a.831.831 0 0 1-.589.243z'/%3E%3C/svg%3E") no-repeat; background-size: 8%; background-position: right 13px center; color: #fff } .account-order_register { display: grid; margin-left: 0; grid-template-columns: 8% 15% 10% 15% 12% 10% 10% 10% 10%; grid-template-rows: auto 170px 170px 170px 170px 170px 170px 170px 170px 170px; background: #fff; border: 1px solid #b8c1cb; border-radius: 5px } .account-order_statement { display: grid; margin-left: 0; grid-template-columns: 8% 10% 10% 10% 8% 10% 6% 15% 15% 8%; grid-template-rows: auto 150px 150px 150px 150px 150px 150px 150px 150px 150px 150px; background: #fff; border: 1px solid #b8c1cb; border-radius: 5px } .account-order--off { display: none } .account-order__composition { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; width: 100%; border: 1px solid #b8c1cb; border-radius: 5px; margin-bottom: 48px } .account-order__department { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; width: 100%; border: 1px solid #b8c1cb; border-radius: 5px; margin-bottom: 48px } .account-order__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; width: 100%; padding: 31px 32px 69px 35px; background: #f9f9f9 } .account-order__table { display: grid; grid-template-columns: 8% 15% 10% 10% 5% 12% 10% 10% 10% 10%; grid-template-rows: auto 170px 170px 170px 170px 170px 170px 170px 170px 170px; background: #fff; border: 1px solid #b8c1cb; border-radius: 5px; margin-right: 0 } .account-order__table_registry { grid-template-columns: 8% 15% 10% 15% 12% 10% 10% 10% 10% } .account-order__table_auto { display: grid; grid-template-columns: 10% 13% 10% 15% 12% 10% 10% 10% 10% } .account-order__table_auto .account-order__ststus-orange { background: #ff741c } .account-order__table_act { display: grid; grid-template-columns: 8% 15% 17% 15% 15% 15% 15%; grid-template-rows: auto 58px 58px 58px 58px 58px 58px 58px } .account-order__table_setting { display: grid; grid-template-columns: 8% 20% 20% 17% 15% 10% 10%; grid-template-rows: auto 78px 78px 78px 78px 78px 78px 78px 78px 78px } .account-order__table_setting .account-order__ststus-orange { background: #1ab817 } .account-order__table_contractor { display: grid; grid-template-columns: 8% 20% 20% 22% 20% 10%; grid-template-rows: auto 78px 78px 78px 78px 78px 78px 78px 78px 78px } .account-order__table_position { display: grid; grid-template-columns: 8% 41% 41% 10%; grid-template-rows: auto 42px 42px 42px 42px 42px 42px 42px 42px 42px } .account-order__table_history { grid-template-columns: 12% 12% 10% 15% 16% 5% 10% 10% 10% } .account-order__table_error, .account-order__table_history { display: grid; grid-template-rows: auto 112px 112px 112px 112px 112px 112px 112px 112px 112px } .account-order__table_error { grid-template-columns: 17% 17% 20% 15% 16% 15% } .account-order__table_amenities { display: grid; grid-template-columns: 10% 80% 10%; grid-template-rows: auto 41px 41px 41px 41px 41px 41px 41px 41px 41px } .account-order__table_provider { grid-template-columns: 8% 15% 15% 15% 12% 15% 10% 10%; grid-template-rows: auto 60px 60px 60px 60px 60px 60px 60px 60px 60px } .account-order__table--off { display: grid } .account-order__numbers { grid-column: 1/2; padding: 12px 6px 12px 19px } .account-order__date, .account-order__numbers { width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-items: center; font-family: OpenSans-Bold, Helvetica, sans-serif; font-weight: 600; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .625rem; color: #0747b0; background: #deebff; border-right: 1px solid #dde5eb; border-bottom: 1px solid #dde5eb; grid-row: 1/2 } .account-order__date { grid-column: 2/3; padding: 12px 9px } .account-order__close { grid-column: 3/4; padding: 12px 8px } .account-order__close, .account-order__pryce { width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-items: center; font-family: OpenSans-Bold, Helvetica, sans-serif; font-weight: 600; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .625rem; color: #0747b0; background: #deebff; border-right: 1px solid #dde5eb; border-bottom: 1px solid #dde5eb; grid-row: 1/2 } .account-order__pryce { grid-column: 4/5; padding: 12px 15px } .account-order__number { grid-column: 5/6; padding: 12px 6px } .account-order__car, .account-order__number { width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-items: center; font-family: OpenSans-Bold, Helvetica, sans-serif; font-weight: 600; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .625rem; color: #0747b0; background: #deebff; border-right: 1px solid #dde5eb; border-bottom: 1px solid #dde5eb; grid-row: 1/2 } .account-order__car { grid-column: 6/7; padding: 12px 13px } .account-order__car_registry { grid-column: 5/6 } .account-order__amenities { width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-items: center; font-family: OpenSans-Bold, Helvetica, sans-serif; font-weight: 600; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .625rem; color: #0747b0; background: #deebff; border-right: 1px solid #dde5eb; border-bottom: 1px solid #dde5eb; grid-column: 7/8; grid-row: 1/2; padding: 12px 9px } .account-order__amenities_registry { grid-column: 6/7 } .account-order__manager { width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-items: center; font-family: OpenSans-Bold, Helvetica, sans-serif; font-weight: 600; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .625rem; color: #0747b0; background: #deebff; border-right: 1px solid #dde5eb; border-bottom: 1px solid #dde5eb; grid-column: 8/9; grid-row: 1/2; padding: 12px 11px } .account-order__manager_registry { grid-column: 7/8 } .account-order__ststus { width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-items: center; font-family: OpenSans-Bold, Helvetica, sans-serif; font-weight: 600; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .625rem; color: #0747b0; background: #deebff; border-right: 1px solid #dde5eb; border-bottom: 1px solid #dde5eb; grid-column: 9/10; grid-row: 1/2; padding: 12px 10px } .account-order__ststus_registry { grid-column: 8/9 } .account-order__ststus_statement { grid-column: 10/11 } .account-order__choice { width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-items: center; font-family: OpenSans-Bold, Helvetica, sans-serif; font-weight: 600; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .625rem; color: #0747b0; background: #deebff; border-bottom: 1px solid #dde5eb; grid-column: 10/11; grid-row: 1/2; padding: 12px 6px; border-right: none } .account-order__choice_registry, .account-order__choice_statement { grid-column: 9/10 } .account-order__choice_contractor { grid-column: 6/7 } .account-order__choice_position { grid-column: 4/5 } .account-order__choice_amenities { grid-column: 3/4 } .account-order__choice_provider { grid-column: 8/9 } .account-order__img { width: 9px; height: 5px; margin-left: 3px } .account-order__numbers-elem { grid-column: 1/2; padding: 11px 19px } .account-order__date-item, .account-order__numbers-elem { grid-row: 2/3; width: 100%; height: 100%; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .75rem; color: #000; border-right: 1px solid #dde5eb; border-bottom: 1px solid #dde5eb } .account-order__date-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; grid-column: 2/3; padding: 11px 7px } .account-order__red { color: #eb3232 } .account-order__close-item { grid-column: 3/4; grid-row: 2/3; width: 100%; height: 100%; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .75rem; color: #000; border-right: 1px solid #dde5eb; border-bottom: 1px solid #dde5eb; padding: 11px 6px } .account-order__pryce-item { overflow: hidden; grid-column: 4/5; padding: 11px 13px } .account-order__number-item, .account-order__pryce-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; grid-row: 2/3; width: 100%; height: 100%; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .75rem; color: #000; border-right: 1px solid #dde5eb; border-bottom: 1px solid #dde5eb } .account-order__number-item { grid-column: 5/6; padding: 11px 6px } .account-order__car-item { overflow: hidden; grid-column: 6/7; padding: 11px 10px } .account-order__amenities-item, .account-order__car-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; grid-row: 2/3; width: 100%; height: 100%; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .75rem; color: #000; border-right: 1px solid #dde5eb; border-bottom: 1px solid #dde5eb } .account-order__amenities-item { grid-column: 7/8; padding: 11px 8px } .account-order__manager-item { grid-column: 8/9; color: #b8c1cb; color: #000; padding: 11px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column } .account-order__manager-item, .account-order__ststus-item { grid-row: 2/3; width: 100%; height: 100%; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 1rem; line-height: normal; font-size: .75rem; border-right: 1px solid #dde5eb; border-bottom: 1px solid #dde5eb } .account-order__ststus-item { grid-column: 9/10; color: #b8c1cb; color: #fff; padding: 11px 3px } .account-order__ststus-blue { background: #01c4ff } .account-order__ststus-yellow { background: rgb(255,220,0); width: 100% !important; } .account-order__ststus-blue, .account-order__ststus-red, .account-order__ststus-yellow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 90%; height: 25px; border-radius: 3px; color: #fff } .account-order__ststus-red { background: #eb3232 } .account-order__ststus-orange { background: orange } .account-order__ststus-green, .account-order__ststus-orange { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 90%; height: 25px; border-radius: 3px; color: #fff } .account-order__ststus-green { background: #1ab817 } .account-order__ststus-gray { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 90%; height: 25px; background: #75869a; border-radius: 3px; color: #fff } .account-order__choice-item { grid-column: 10/11; grid-row: 2/3; width: 100%; height: 100%; border-bottom: 1px solid #dde5eb; padding: 11px 24px } .account-order__choice-item_statement { font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .75rem; color: #000; border-right: 1px solid #dde5eb; padding: 11px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column } .account-order__choice-item_contractor { grid-column: 6/7 } .account-order__choice-item_position { grid-column: 4/5 } .account-order__choice-item_amenities { grid-column: 3/4 } .account-order__checkbox-icon, .account-order__label, .show-comment__checkbox-icon { display: flex; justify-content: center; align-items: center } .account-order__checkbox-icon { border: 1px solid #b8c1cb; border-radius: 5px; width: 21px; height: 21px; vertical-align: bottom; background: #fff } .show-comment__checkbox-icon { border: 1px solid #b8c1cb; border-radius: 5px; margin: 0 !important; width: 28px; height: 28px; vertical-align: bottom; background: #fff } .account-order__checkbox-svg { width: 12px; height: 9px; fill: none } .account-order__kind-of-work { width: 100%; height: 40px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #b8c1cb; margin-bottom: 23px } .account-order__kind-of-work, .account-order__left { display: -webkit-box; display: -ms-flexbox; display: flex } .account-order__left { width: 50%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .account-order__act { font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .875rem; color: #000; margin-right: 33px } .account-order__act:active, .account-order__act:focus, .account-order__act:hover { color: #EB702D; border-bottom: 2px solid #EB702D } .account-order__act--active { color: #EB702D; border-bottom: 2px solid #EB702D } .account-order-select__act--active { color: #EB702D !important; border-bottom: 2px solid #EB702D } .account-order__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 50% } .account-order__btn-act-phones { display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin-bottom: 21px; margin-top: 17px } .account-order__btn-act { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #000; background: #EB702D; color: #fff; border: 1px solid transparent; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 188px; height: 30px } .account-order__btn-act:hover { background: #EB702D; color: #fff; border: 1px solid transparent; background: transparent; color: #EB702D; border: 1px solid #EB702D } .account-order__btn-act_phones { width: 100%; height: 40px } .account-order__btn-act--active { background: #b8c1cb } .account-order__adress { font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .75rem; color: #EB702D; text-decoration: underline } .account-order__adress:hover { color: #000 } .account-order__header-title { font-family: OpenSans-Bold, Helvetica, sans-serif; font-weight: 600; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: 1.125rem; color: #000 } .account-order__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 30px 27px; border-bottom: 1px solid #b8c1cb; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: white } .account-order__header-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 35%; min-width: 270px; height: 35px; border: 1px solid #b8c1cb; border-radius: 5px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 } .account-order__header-item { display: -webkit-box; display: -ms-flexbox; display: flex; width: 50%; min-width: 90px; height: 100%; border-right: 1px solid #b8c1cb; background: transparent; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .account-order__header-item:last-child { border: none } .account-order__header-item:active, .account-order__header-item:focus, .account-order__header-item:hover { background: #75869a } .account-order__header-item:active .account-order__header-elem, .account-order__header-item:focus .account-order__header-elem, .account-order__header-item:hover .account-order__header-elem { color: #fff } .account-order__header-item_active { background: #75869a } .account-order__header-elem { font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; color: #75869a; font-size: .875rem; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .account-order__header-elem_active { color: #fff } .account-registry { margin-left: 105px } .account-registry .account-header__item_registry { background: #75869a } .account-registry .account-header__item_registry .account-header__elem { color: #fff } .account-shape { display: none; padding: 19px 4px 22px 26px } .account-shape--active { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; width: 100%; border: 1px solid #b8c1cb; border-radius: 5px; background: #fff; margin-bottom: 24px } .account-shape__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-flow: wrap; flex-flow: wrap; width: 100%; margin-bottom: 8px } .account-shape__item { width: 290px; height: 35px; margin-bottom: 16px; margin-right: 22px } .account-shape__item_statement { width: 175px } .account-shape__datepicker { position: relative } .account-shape__input-datepicker { display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 5px; height: 40px; padding: 10px 21px; border: 1px solid #b8c1cb; outline: none; font-size: .875rem; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; width: 100%; color: #75869a; height: 35px } .account-shape__input-datepicker:focus { border: 1px solid #b8c1cb } .account-shape__input-datepicker::-webkit-input-placeholder { color: #000; font-size: .75rem } .account-shape__input-datepicker:-ms-input-placeholder { color: #000; font-size: .75rem } .account-shape__input-datepicker::-ms-input-placeholder { color: #000; font-size: .75rem } .account-shape__input-datepicker::placeholder { color: #000; font-size: .75rem } .account-shape__datepicker-icon { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='21' xmlns='http://www.w3.org/2000/svg' fill='%23B8C1CB'%3E%3Cpath d='M18.54 1.64h-.985V0h-1.64v1.64H5.084V0h-1.64v1.64H2.46A2.464 2.464 0 0 0 0 4.103V18.54A2.464 2.464 0 0 0 2.46 21h16.08A2.464 2.464 0 0 0 21 18.54V4.101a2.464 2.464 0 0 0-2.46-2.461zm.82 16.9c0 .451-.369.82-.82.82H2.46a.821.821 0 0 1-.82-.82V7.71h17.72v10.83zm0-12.47H1.64V4.102c0-.453.369-.82.82-.82h.985v1.64h1.64v-1.64h10.83v1.64h1.64v-1.64h.984a.82.82 0 0 1 .82.82V6.07z'/%3E%3Cpath d='M4.758 9.434h-1.64v1.64h1.64v-1.64zm3.282 0H6.397v1.64H8.04v-1.64zm3.28 0H9.68v1.64h1.64v-1.64zm3.282 0H12.96v1.64h1.64v-1.64zm3.281 0h-1.64v1.64h1.64v-1.64zM4.758 12.715h-1.64v1.64h1.64v-1.64zm3.282 0H6.397v1.64H8.04v-1.64zm3.28 0H9.68v1.64h1.64v-1.64zm3.282 0H12.96v1.64h1.64v-1.64zm-9.844 3.281h-1.64v1.64h1.64v-1.64zm3.282 0H6.397v1.64H8.04v-1.64zm3.28 0H9.68v1.64h1.64v-1.64zm3.282 0H12.96v1.64h1.64v-1.64zm3.281-3.281h-1.64v1.64h1.64v-1.64z'/%3E%3C/svg%3E") no-repeat 50%; display: inline-block; width: 21px; height: 21px; position: absolute; top: 0; right: 0; border-left: 1px solid #b8c1cb; cursor: pointer; top: -34px; right: -288px; padding: 17px 20px } .account-shape__datepicker-icon_statement { right: -174px } .account-shape__select { display: -webkit-box; display: -ms-flexbox; display: flex; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg' fill='%2375869A'%3E%3Cpath d='M5.953 6.787a.831.831 0 0 1-.59-.244L.245 1.423A.834.834 0 1 1 1.424.244l4.53 4.53 4.53-4.53a.834.834 0 1 1 1.178 1.18l-5.12 5.12a.831.831 0 0 1-.589.243z'/%3E%3C/svg%3E") 50% no-repeat; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 5px; height: 40px; border: 1px solid #b8c1cb; outline: none; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 1rem; line-height: normal; font-size: .875rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; cursor: pointer; background-position: right 13px center; padding: 5px 30px 5px 14px; color: #b8c1cb; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 100%; height: 100%; font-size: .75rem; color: #000 } .account-shape__select option { color: #000 } .account-shape__select:focus, .account-shape__select:hover { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M5.953 6.787a.831.831 0 0 1-.59-.244L.245 1.423A.834.834 0 1 1 1.424.244l4.53 4.53 4.53-4.53a.834.834 0 1 1 1.178 1.18l-5.12 5.12a.831.831 0 0 1-.589.243z'/%3E%3C/svg%3E") 50% no-repeat; cursor: pointer; background-position: right 13px center; border: 1px solid #EB702D } .account-shape__btn-group { 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 } .account-shape__btn-blue { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #000; background: #EB702D; color: #fff; border: 1px solid transparent; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 175px; height: 35px; margin-right: 22px } .account-shape__btn-blue:hover { background: #EB702D; color: #fff; border: 1px solid transparent; background: transparent; color: #EB702D; border: 1px solid #EB702D } .account-shape__btn-gray { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #000; background: #b8c1cb; color: #fff; border: 1px solid transparent; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 175px; height: 35px } .account-shape__btn-gray:hover { background: #EB702D; color: #fff; border: 1px solid transparent; background: transparent; color: #b8c1cb; border: 1px solid #b8c1cb } .approve-wrap-block { display: flex; justify-content: space-between; margin-top: 10px } .order-approve-show { cursor: pointer; text-decoration: none } .order-approve-show:hover, .order-approve-show:focus { text-decoration: none; color: #fff } .actions__star { text-decoration: none; width: 35px; height: 32px; position: relative } .actions__star-account { width: 100%; height: 100% } #main-filter { background: #f5f5f5 } .action__call { position: absolute; right: 0; top: 0; width: auto; height: 15px; background: salmon; border-radius: 1rem; padding: .5rem; display: flex; align-items: center; justify-content: center; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .75rem; color: #fff } .actions__info { display: block; text-decoration: none; padding: 0; width: 32px; height: 32px } .actions__info-icon { width: 100%; height: 100% } .actions__avatar { text-decoration: none; border: none; background-color: transparent; padding: 0; display: flex; align-items: center; justify-content: center; outline: none } .nav-user { display: inline-flex } .nf-block { display: flex; width: 80px; justify-content: center } .user-menu { display: flex } .actions__avatar-img {width: 24px;height: 24px;border-radius: 50%;overflow: hidden;cursor: pointer;margin-top: 0px;margin-right: 5px;} .actions__avatar-username {font-style: normal;font-weight: 400;font-size: 14px;cursor: pointer;margin-left: 0px;} .actions__avatar-img img { width: auto; height: 24px; } .actions__arrow { display: block; width: 12px; height: 6px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='6' xmlns='http://www.w3.org/2000/svg' fill='%2375869A'%3E%3Cpath d='M4 5.13a.559.559 0 0 1-.396-.164l-3.44-3.44A.56.56 0 1 1 .956.734L4 3.778 7.044.734a.56.56 0 0 1 .792.792l-3.44 3.44A.559.559 0 0 1 4 5.13z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100% } .actions__line { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; width: 100%; left: 7px; border-radius: 3px; width: 15px; height: 2px; top: 15px; background: #000; -webkit-transition: all .5s; transition: all .5s } .actions__line--top { top: 6px } .actions__line--middle { top: 12px } .actions__line--bottom { top: 18px } .add-project { display: block; position: absolute; min-height: 237%; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .5); z-index: 1000 } .add-project--close { display: none } .add-project__modal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; min-width: 954px; position: absolute; top: 32%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; z-index: 10; border-radius: 5px } .add-project__close { position: absolute; top: 25px; right: 25px; width: 21px; height: 21px; z-index: 11 } .add-project__header { height: 97px; width: 100%; background: #b8c1cb; border-radius: 5px 5px 0 0; 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; position: relative; border-bottom: 5px solid #EB702D } .add-project__header-title { font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: 1.5rem; color: #fff; letter-spacing: .125rem; 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 } .add-project__list { position: absolute; bottom: -25px; left: 0; right: 0; 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; overflow: hidden } .add-project__item { 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; margin-right: 66px; position: relative } .add-project__item_client { margin-right: 106px } .add-project__item span { background: #f4f5f7; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: 1.125rem; color: #75869a; border-radius: 50%; width: 45px; height: 45px; z-index: 1000; 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 } .add-project__item_active span { background: #b8c1cb; color: #fff; border: 1px solid #fff } .add-project__item:last-child { margin-right: 0 } .add-project__item_active:before { content: ""; position: absolute; width: 2000%; height: 7px; background-color: #b8c1cb; left: 0 } .add-project__item_active:after { display: none; content: ""; position: absolute; width: 2000%; background-color: #b8c1cb; left: 0 } .add-project__content { width: 81%; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .add-project__content_third { padding-top: 125px } .add-project__content-title { text-align: center; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: 1.125rem; color: #75869a; margin: 33px 0 20px } .add-project__form { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap } .add-project__form, .add-project__input-row { display: -webkit-box; display: -ms-flexbox; display: flex } .add-project__input-row { width: 100%; height: 40px; margin-bottom: 25px } .add-project__input-row>* { margin-right: 20px } .add-project__input-row>:last-child { margin-right: 0 } .add-project__select { display: -webkit-box; display: -ms-flexbox; display: flex; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg' fill='%2375869A'%3E%3Cpath d='M5.953 6.787a.831.831 0 0 1-.59-.244L.245 1.423A.834.834 0 1 1 1.424.244l4.53 4.53 4.53-4.53a.834.834 0 1 1 1.178 1.18l-5.12 5.12a.831.831 0 0 1-.589.243z'/%3E%3C/svg%3E") 50% no-repeat; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 5px; height: 40px; border: 1px solid #b8c1cb; outline: none; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 1rem; line-height: normal; font-size: .875rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; cursor: pointer; background-position: right 13px center; padding: 5px 30px 5px 14px; color: #b8c1cb; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 50% } .add-project__select option { color: #000 } .add-project__select:focus, .add-project__select:hover { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M5.953 6.787a.831.831 0 0 1-.59-.244L.245 1.423A.834.834 0 1 1 1.424.244l4.53 4.53 4.53-4.53a.834.834 0 1 1 1.178 1.18l-5.12 5.12a.831.831 0 0 1-.589.243z'/%3E%3C/svg%3E") 50% no-repeat; cursor: pointer; background-position: right 13px center; border: 1px solid #EB702D } .add-project__input { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 25px; margin-right: 20px; width: 50% } .add-project__input:active, .add-project__input:focus, .add-project__input:hover { border: 1px solid #EB702D } .add-project__textarea { display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 5px; height: 40px; padding: 10px 21px; outline: none; font-size: .875rem; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; width: 100%; color: #75869a; height: auto; min-height: 83px; margin-bottom: 32px } .add-project__textarea, .add-project__textarea:focus { border: 1px solid #b8c1cb } .add-project__textarea::-webkit-input-placeholder { color: #b8c1cb } .add-project__textarea:-ms-input-placeholder { color: #b8c1cb } .add-project__textarea::-ms-input-placeholder { color: #b8c1cb } .add-project__textarea::placeholder { color: #b8c1cb } .add-project__btn-group { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 67px } .add-project__btn-group_second { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 205px } .add-project__btn-group_third { margin-bottom: 115px } .add-project__btn-blue { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #000; background: #EB702D; color: #fff; border: 1px solid transparent; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 223px; height: 40px } .add-project__btn-blue:hover { background: #EB702D; color: #fff; border: 1px solid transparent; background: transparent; color: #EB702D; border: 1px solid #EB702D } .add-project__btn-gray { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #000; background: #b8c1cb; color: #fff; border: 1px solid transparent; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 223px; height: 40px } .add-project__btn-gray:hover { background: #EB702D; color: #fff; border: 1px solid transparent; background: transparent; color: #b8c1cb; border: 1px solid #b8c1cb }

@-ms-viewport { width: device-width }
@media print { .visible-print { display: block !important } table.visible-print { display: table !important } tr.visible-print { display: table-row !important } td.visible-print, th.visible-print { display: table-cell !important } .visible-print-block { display: block !important } .visible-print-inline { display: inline !important } .visible-print-inline-block { display: inline-block !important } .hidden-print { display: none !important } }
@media (max-width:274px) { .tariff-price_button { width: 85px } }
@media (max-width:315px) { .tariff-price_button { width: 105px } .tariff-price-title_type_price_first { margin-bottom: 46px } .tariff-price-title_savings { font-size: 9px } } 
@media (max-width:374px){ .account-menu__chat-input{margin-left: 5px !important;width: 75% !important;} #tablinks_container .tab{background: none;} #tablinks_container .tab button {font-size: 32px !important;} .main_btns{font-weight: 500 !important;font-size: 14px !important;margin-right:0 !important;line-height: 24px !important;padding: 12px 10px !important;display: inline;margin-left: 0;margin-bottom: 10px;} }
@media (max-width:375px) { .card_city_title{display:none;} .tariff-price_button { width: 125px } .user-type__label { min-height: 250px } .transport__item-photo-block { width: 100px; height: 90px; outline-color: #fff; outline-style: auto }} 
@media (min-width:375px) { .header-item-logo { min-width: auto !important } .aside-container { width: 100%; max-width: none !important } }
@media (max-width:414px) { .header { height: 60px } .landing__h2 { font-size: 24px; line-height: 35px } .mobile-cars { display: flex; flex-direction: row; justify-content: center; height: 100px; margin: 40px 0 0 0 } .header__logo { width: 120px; justify-content: space-around; min-width: 120px } .header-item-logo { min-width: 120px } .header__logo img { width: 30% } .summary__item { width: 100% } .logo-text { font-size: 18px } .features { padding-top: 65px; height: auto } .features__block { height: auto } .features__info { width: auto } .event-item { display: flex; flex-direction: column-reverse } .event-image-item { margin-top: -80px } .event__info { padding-top: 30px } .build__image { height: 180px; margin-bottom: 40px } .build-image-item { margin: 0 } .building-image { margin-bottom: -130px } .benefits { padding: 10px 0 0 0 } .summary { padding-top: 60px } .summary__title { padding-bottom: 10px } .review__item-block { width: 100% } .review { padding-bottom: 50px } .footer { margin-top: 30px } .footer__links_list { margin-top: 30px } .modal-sm-l { width: auto } }
@media (max-width:440px) { .tariff-price-title_type { padding-left: 0; font-size: 12px } .tariff-price-cost { font-size: 12px } .tariff-price-title_type_price_first { font-size: 20px; margin-bottom: 51px } .tariff-price-title_type_price { font-size: 20px } .tariff-price-title_savings { font-size: 12px } .tariff-price_button { width: 155px } } 
@media (max-width:480px) { .add-project__btn-gray { width: 100% } .aside { position: relative; left: 0; top: -10px; width: 100%; display: none } .booking__card_contact { min-width: 290px; width: 90%; min-height: 445px } .booking__card { padding-top: 0 } .booking__title { font-size: .875rem; letter-spacing: .05em; margin-bottom: 10px } .booking__desc { font-size: .75rem; letter-spacing: .15em } .booking__text { margin-bottom: 32px } .booking__text_contact { margin-bottom: 8px } .booking__select { margin-bottom: 0 } .booking__link { width: 100% } .booking__link_car { width: 90% } .booking__btn { letter-spacing: .1em } .booking__input-group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column } .booking__input-row:last-child { margin-bottom: 36px; margin-top: 17px } .booking__input-row { width: 75% } .booking__input-row_car { width: 90% } .car__container { padding: 15px 5px 0 10px } .transport__container { padding: 15px 5px 0 10px } .car__slider { height: 164px } .car__content { margin-bottom: 38px } .car__slide-next:hover>.car__button-icon-left, .car__slide-prev:hover>.car__button-icon-left { width: 6px; height: 3.5px } .car__slide-next:hover>.car__button-icon, .car__slide-prev:hover>.car__button-icon { width: 6px; height: 3.5px } .car__slide-next, .car__slide-prev { width: 24px; height: 24px } .car__slide-next { margin-right: 15px } .car__slide-prev { margin-left: 15px } .car__button-icon { width: 7px; height: 5.5px } .car__button-icon-left { width: 7px; height: 5.5px } .car__specs-list { margin-bottom: 40px } .car__specs-item { width: 100% } .car__specs-title { font-size: 1rem } .car__breadcrumbs { display: none } .car__sidebar-list .offers-list__title { letter-spacing: 0 } .car__sidebar-list .offers-list__city { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .car__sidebar-list .offers-list__driver-name { margin-bottom: 5px } .car__sidebar-list>* { margin-bottom: 13px } .car__sidebar-list>:last-child { margin-top: 0 } .car__sidebar-list_phones>:last-child { margin-bottom: 16px } .car__reviews-title { font-size: 1.25rem } .checkout_hide { top: -722px } .checkout__modal { padding: 30px 0 } .checkout__close { top: 20px; right: 20px; width: 18px; height: 18px } .checkout__form { padding-right: 20px; padding-left: 20px } .checkout__btn-group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; padding: 0 8px } .checkout__btn-red { width: 100%; margin-bottom: 10px } .checkout__btn-blue { width: 100% } .comfort { padding-top: 0 } .comfort__container { background-size: 0; padding-top: 60px; padding-bottom: 120px } .comfort__title { font-size: 1.125rem; margin-bottom: 12px } .comfort__desc { line-height: 1.5625rem } .comfort__phones-img { display: -webkit-box; display: -ms-flexbox; display: flex; height: 240px; width: 100%; background: url(/images/img/app-img.jpg) no-repeat 50%; background-size: 55%; margin-bottom: 40px; background-size: 61%; margin-bottom: 30px } .comfort__download { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; padding-right: 20px } .contact__our { padding-top: 10px; height: 352px; margin-bottom: 400px } .contact__container { padding: 0 0 0 5px } .contact__title { font-size: 1.5rem; margin-bottom: 16px } .contact__address, .contact__tel { line-height: 1.375rem } .contact__address:before { width: 43px; height: 34px } .contact__address { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 27px } .contact__email { margin-bottom: 1rem } .contact__btn { margin-top: 27px } .contact__booking .booking__content { padding: 26px 35px 0 } .contact__booking .booking__input_contact { margin-bottom: 23px } .content { min-height: 595px; padding: 20px 0 51px } .content_step-4 { padding: 85px 0 51px; min-height: 500px } .content_singnin { padding: 68px 0 122px 0 } .digits__container { padding-left: 19px } .digits__title { font-size: 1.125rem; margin-bottom: 0 } .filter__btn-group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; width: 100% } .filter__btn-blue_profile { min-width: 100% } .filter__btn-gray_profile { min-width: 100%; margin-bottom: 14px } .form__label_vendor { margin-top: 14px } .form_car { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .account-filter__btn-group { width: unset } .company-filter__btn-group { width: unset } .scope__filter { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important } .scope__btn-filter-phones { height: 30px !important; margin-right: 10px } .offers-list__btns-blue_car { width: 100% } #checkout-service .checkout__modal, #checkout .checkout__modal { padding: 30px 15px } .booking__car-type_order .checkbox__item { display: inline-block } .checkout__form.booking .checkbox__list { display: block } .page-content .services__main-title { font-size: 18px } .booking__card_contact { padding: 0 } .contact__booking .booking__content { padding: 30px 15px } .contact__booking .booking__input-row_margin { margin-bottom: 15px } .about__card { padding: 30px 0 0 0; display: flex; flex-direction: column }.company__item-button { width: 100% } .aside-container { width: 100%; max-width: none !important; border-radius: 0; border: none } .b24-widget-button-wrapper { display: none !important; } .car-suggests .car-card { flex-direction: column } .car-content { width: 100%; flex-direction: column } .car-body { width: 100% } .car-actions { display: flex; justify-content: space-between; margin-top: 1rem } .company-body-side { text-align: start; margin-top: 10px } .car-price { margin: 0 } .w-100 { width: 100% } .car-img img { width: 100% } .content-body h2 { font-size: 16px; text-align: center; font-weight: 400 } .modern__image img, .event__image img, .build__image img { width: 100% } .checkbox__label { width: 120px } .row { display: block } textarea.form-control { margin-bottom: 1rem } .user-type__list { margin: 32px 0 28px; padding: 0 20px } .user-type__item { min-width: 50%; margin-right: 20px } .account-menu__profile-subtitle, .account-menu__profile, .account-menu__projekt, .account-menu__setting-title, .account-menu__projekt { font-size: 12px } .header__left { margin-left: 0 } .how-it-works__slider-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 37%; padding-right: 20px; margin-bottom: 40px } .how-it-works__slide-title { font-size: .875rem } .how-it-works__slide-desc { font-size: .875rem } .main { padding-left: 12px; padding-right: 10px } .my-orders__item-card { margin-right: 0 } .my-orders__block-info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column } .my-orders__content_notifications { padding-left: 5px; padding-right: 5px } .my-orders__content { border: none } .my-orders__header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column } .my-orders__btn { margin-bottom: 17px } .my-orders__btn-white { margin-bottom: 17px } .my-orders__block-center, .my-orders__block-left, .my-orders__block-right { width: 100%; border-right: none; margin-bottom: 15px } .my-orders__icon { top: -65px } .my-profile__content { border: none } .my-profile__btn-bluue { width: 100% } .my-profile__label { margin-bottom: 14px; margin-right: 0 } .my-profile__checkbox-group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; width: 90% } .my-profile__btn-group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; width: 100% } .my-profile__btn-gray { width: 100%; margin-bottom: 14px } .my-profile__btn-blue { width: 100%; margin-right: 0 } .offers-list__info_car { padding-bottom: 0 } .offers-list__title { font-size: .875rem } .offers-list__driver-name { font-size: .875rem } .offers-list__city { font-size: .875rem } .offers-list__price { font-size: 1.5rem } .offers-list__phone { margin-top: 20px; text-align: center } .offers-list__btns-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column } .offers-list__btns-white_car { width: 100%; height: 40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .offers-list__btns-blue_car { width: 100%; height: 40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .offers { padding-top: 0 } .offers__list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 0; margin-bottom: 10px } .offers__item { width: 100%; margin: 0 0 20px } .transport__item { width: 100%; margin: 0 0 20px } .pagination__next-page, .pagination__prev-page { min-width: 25px } .pagination__wrapper { min-width: 275px } .panel { display: block } .panel__header-title { color: #000; font-size: .875rem; letter-spacing: normal; margin-bottom: -4px } .panel__header-title_signin { margin-bottom: 35px } .panel__content { width: 90%; min-height: auto } .panel__content_done { min-height: 295px } .panel__content-title { font-size: .75rem; margin: 15px 0 20px } .panel__content-title_client { margin: 15px 0 25px } .panel__btns { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 42px 0 20px } .panel__btns_step-3 { margin: 25px 0 55px } .panel__input { margin-bottom: 15px } .panel__input_sms { margin-bottom: 25px; position: relative } .panel__count { font-size: .75rem; margin-bottom: 30px } .panel__single-btn { width: 100% } .panel__input-row { margin-bottom: 0 } .panel__input-row_client { margin-bottom: 14px } .panel__phones { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .panel__btn-blue { width: 100% } .panel__btn-blue_step-4 { width: 100% } .questions__text { padding-right: 10px; padding-left: 10px; padding-top: 14px; margin-bottom: 0; line-height: 1.5625rem } .questions__link { padding-right: 10px } .questions__btn { width: 95%; letter-spacing: .1em } .registry__left { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .registry__tablets { width: 142px } .registry__select-tablets { width: 100%; padding: 5px 30px 5px 10px } .features__info { width: 100% } .order-info-mobile { display: flex } .user-type__circle-list { display: none } .how-it-works { width: 100%; display: block } .how-it-works__title { font-size: 1.125rem; margin-bottom: 11px; letter-spacing: .05em } .how-it-works__link:hover { font-size: .875rem } .how-it-works__link { font-size: .875rem; min-width: 50%; padding: 17px 5px } .how-it-works__link--active { font-size: .875rem } .how-it-works__slide-wrapper { min-height: 162px; margin-bottom: 24px } .reviews_car { margin-bottom: 45px } .reviews { min-height: 300px } .reviews__slide { height: 262px } .reviews__avatar { width: 50px; height: 50px } .reviews__text { line-height: 1.4375rem; margin-bottom: 20px } .reviews__buttons_car { border: none } .reviews__buttons { right: 0 } .reviews__next, .reviews__prev { width: 40px; height: 40px } .reviews__prev_car { margin-right: 23px; border: 1px solid #b8c1cb; border-radius: 5px 0 0 5px } .reviews__next_car { border: 1px solid #b8c1cb; border-radius: 0 5px 5px 0 } .reviews__car-single { height: 305px; padding: 30px 31px } .reviews__car-driver { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column } .reviews__car-driver-name { margin-bottom: 15px } .reviews__add-review { width: 100%; margin-top: 20px } .reviews__quote { margin-bottom: 10px } .scope__tablets { width: 50% } .scope__select-tablets { width: 100%; padding: 5px 30px 5px 10px } .scope__list { width: 45% } .scope__list_view { display: none } .scope__btn-filter-phones { border-radius: 5px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; outline: none; color: #000; background: #fff; color: #249af3; border: 1px solid #249af3; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='15' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath stroke='%23249AF3' stroke-width='2' stroke-linecap='round' d='M1 2h15M1 7h15M1 13h15'/%3E%3Ccircle cx='5' cy='2' r='2'/%3E%3Ccircle cx='12' cy='7' r='2'/%3E%3Ccircle cx='5' cy='13' r='2'/%3E%3C/svg%3E") left 20px center no-repeat; padding: 6px 20px 6px 11px; width: 115px; height: 40px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; cursor: pointer } .scope__btn-filter-phones:hover { background: #249af3; color: #fff; border: 1px solid transparent; background: #daecf8; color: #249af3; border: 1px solid #249af3 } .scope__btn-filter-phones:active, .scope__btn-filter-phones:focus, .scope__btn-filter-phones:hover { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='15' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath stroke='%23249AF3' stroke-width='2' stroke-linecap='round' d='M1 2h15M1 7h15M1 13h15'/%3E%3Ccircle cx='5' cy='2' r='2'/%3E%3Ccircle cx='12' cy='7' r='2'/%3E%3Ccircle cx='5' cy='13' r='2'/%3E%3C/svg%3E") left 20px center no-repeat; background-color: #daecf8 } .scope__btn-filter-close--active { display: none } .scope__btn-filter-open { display: none } .services__container { padding-right: 9px; padding-left: 19px } .services__list { margin-top: 11px } .services__item { height: 150px; margin-bottom: 15px } .services__text { top: 18px; left: 16px; padding: 0 } .signin__btn { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column } .singin__btn-blue { width: 100%; margin-bottom: 114px } .singin__btn-white { width: 100%; border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #000; background: #fff; color: #249af3; border: 1px solid #249af3; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .singin__btn-white:hover { background: #249af3; color: #fff; border: 1px solid transparent; background: #daecf8; color: #249af3; border: 1px solid #249af3 } .statistics__item { min-width: 135px; width: 135px; margin-right: 0; padding: 18px } .steps__list { position: relative; width: 90% } .steps__item { margin-right: 75px } .steps__item span { width: 33.21px; height: 33.21px } .steps__item_active:before { height: 2px } .steps__item_active:after { display: block; height: 2px; content: ""; position: absolute; width: 450%; background-color: #249af3; left: -125px } .steps__item_steps:after { left: -295px; width: 325px } .user-type__form { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .user-type__list { flex-direction: column; margin: 32px 0 28px } .user-type__item { min-width: 100%; margin-right: 20px } .user-type__label { height: 185px } .user-type__text { padding-bottom: 0 } .user-type__logo { width: 50px; height: 42px; margin-top: 8px } .account-filter__datepicker-icon { right: -344px } .account-header__tablets .account-header__select { width: 100% } .account-header__select { width: 95% } .account-header__select { width: 100%; margin: 0 0 17px } .account-header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; padding: 15px } .account-filter__btn-group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; width: 90% } .company-filter__btn-group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; width: 90% } .account-filter__btn-gray_driver { margin-right: 0 } .account-filter__btn-gray { width: 100% } .account-filter__btn-blue { width: 100%; margin-right: 0; margin-bottom: 14px } .user-type__logo_client { width: 38px } .about__desc { width: 100%; font-size: .875rem; line-height: 1.4375rem; letter-spacing: .1em; margin-bottom: 25px } .about__title { font-size: 1.3125rem; font-size: 1.5rem } .account-order__act--active { color: #000 } .account-order__right { display: none } .account-order__btn-act-phones { display: -webkit-box; display: -ms-flexbox; display: flex } .account-order__header-title { margin-bottom: 14px } .account-order__act { font-family: OpenSans-Bold, Helvetica, sans-serif; font-weight: 600; font-size: 1rem; line-height: normal; font-size: .875rem; width: 50%; color: #b8c1cb; text-align: center; margin-right: 0 } .account-order__act:active, .account-order__act:focus, .account-order__act:hover { color: #000; font-weight: 600 } .account-order__left { width: 100% } .account-order__composition { border: none } .account-order__department { border: none } .account-filter__item { width: 100% } .account-filter__item:last-child { margin-right: 22px } .about__btn { letter-spacing: .1em } .account-shape__datepicker-icon { right: -344px } .account-shape__btn-group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; width: 90% } .account-shape__btn-blue { width: 100%; margin-right: 0; margin-bottom: 14px } .add-project__item_active:after { display: block; height: 2px; content: ""; position: absolute; width: 413%; background-color: #249af3; left: -133px } .reviews__btns-white { width: 100% } .add-project__btn-blue { width: 100% } .booking__container { width: 100%; height: 100% } .add-project__content-title { font-size: .75rem } .add-project__content { width: 90%; min-height: auto } .add-project__item_steps:after { left: -295px; width: 325px } .add-project__header-title { width: 100%; font-size: .875rem; letter-spacing: normal; margin-bottom: 18px } .add-project__list { position: relative; min-width: 100%; min-height: 34px; bottom: -9px } .add-project__item span { width: 33.21px; height: 33.21px } .add-project__item_active:before { height: 2px } .add-project__header { border: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; padding-top: 40px } .add-project__close { top: 20px; right: 20px; width: 18px; height: 18px } .add-project__modal { min-width: 90% } .add-project { top: -722px } .account-shape__btn-gray { width: 100% } .container_account-main { width: 100% } .account-shape__item { width: 100% } .account-order__header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; padding: 15px } .about__container { background-size: 100%; background: none; min-height: 448px; padding: 16px } .user-type__btn { width: 215px } .form-group { margin-bottom: 0 } .about__link { text-align: center; align-self: center; justify-self: center }  .features__info-block-row { text-align: center; justify-content: center } .features__title { text-align: center; font-size: 23px } .features__info { text-align: center } .features__order { padding: 0 } .profile_icon_div { border-radius: 50%; width: 30px; height: 30px; padding: 2.5% 2%; display: inline-block; text-align: center; margin-right: 10px } .profile_icon_div img { width: 80% } .wrap-menu-item { margin-top: 10px } .summary__item { margin-bottom: 20px } .modal-city-list { height: 650px } .summary__list { flex-direction: column; align-items: center } .transport__item-name { font-size: 14px } .transport-advert__item-title { font-size: 13px } .transport__item-price { font-size: 13px } .transport__item-company_service { font-size: 13px } .transport-advert__item-name-category { font-size: 13px } .transport-advert__item-name { font-size: 13px } }
@media (min-width:500px) { .own_msg:hover .tick_icon {display:block;position: absolute;bottom: 0;right: 0;cursor: pointer;z-index: 9;color: #1D1D1D;margin-right: 52%;margin-bottom: 20px;} .user_msg:hover .tick_icon {display:block;position: absolute;bottom: 0;left: 0;cursor: pointer;z-index: 9;color: #1D1D1D;margin-left: 61%;margin-bottom: 10px;} .modal_order_card_width{min-width: 700px;}}
@media (min-width:500px) and (max-width:765px) { .header-item-phone { font-size: 14px !important } .aside-client { width: 40% } .b24-widget-button-wrapper { display: none } .content-body h2 { font-size: 18px } .car-content { align-items: center } .modern { flex-direction: column } .event-item { flex-direction: column-reverse } .features__info { width: 100% } .mobile-cars { display: flex; flex-direction: row; justify-content: center; height: 100px; margin: 50px 0 0 0 } } 

@media (min-width:501px) and (max-width:978x){.header-item-login {display: block !important;} .header_sm_login{display:block;} .header_add_advert{display:none;} .header_add_order{display:none;} .header_login{display:none;}}


@media (min-width:501px) and (max-width:1024px) { 
    #tablinks_container .tab{margin-bottom:8px;}
    .card_pl{padding-left:35px !important;}
    .card_pt{padding-top:10px !important;}
    .mobile_sort_btn, .mobile_filter_btn{border-radius: 4px;background:#fff;display: inline-flex;width: 100%;height: 48px;padding: 9px 16px;justify-content: center;align-items: center;gap: 10px;flex-shrink: 0;color: var(--Black, #1D1D1D);text-align: center;font-size: 14px;font-style: normal;font-weight: 500;line-height: 22px;font-family: 'SF UI Display', sans-serif;}
    .search_block .div{}
    .categ_sm{display: inline-block !important;}
    .checked_sort, .checked_filter{margin-top: -2px !important;margin-right: -2px !important;}
    .sort_dropdown_btn.active{background: var(--black, #1D1D1D) !important;color: #fff !important;} .category-submenu-item.active a {color: #fff !important;margin-left: 15px;} .category-submenu-item.active .tg_count_menu {color: #fff !important;} .category-submenu-title.active a {color: #fff !important;}
    .sort_dropdown_btn {
        border-radius: 4px;
        background: var(--white, #FFF);
        height: 48px;
        flex-shrink: 0;
        color: var(--black, #1D1D1D);
        font-family: 'SF UI Display', sans-serif;
        font-size: 16px !important;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        display: block;
        margin-bottom: 4px;
    }
    .modal-body { 
        padding: 32px 0 !important;
        background: #F8F4F0 !important;
        border-radius: 8px; 
    }
    .filter_footer{margin-top:20px;}
    .modal_close_btn{margin-top: 0px !important;}
   

    .filter-blocks{position: relative;display: contents !important;margin-right: 15px !important;width: 100% !important} .filter-blocks .filter-block{display: block !important;border-radius: 8px;padding: 10px 10px 0px 10px;background: #fff;width: 100%;margin-bottom: 8px !important;} .filter-blocks .dropdown{width: 100% !important;} .filter-block .dropdown-content{max-width: 100% !important;margin-top: 0px !important;position: relative !important;margin-right: 0px !important;box-shadow: none !important;margin-bottom: 0px;padding-top: 5px !important} .filter-block .dropbtn{text-align:left !important;border:none !important;padding: 4px 16px 7px 16px !important;font-size: 20px !important;font-family: Gilroy;font-weight: 500;line-height: 28px !important;width:100%;} .mobile-filters{} .filter-block .dropdown-input{width: 100% !important;} .filter-block .filter_price_btn, .sort_btn { font-size: 16px !important; height: 50px !important; line-height: 9px !important; color: #fff !important; width: 100%; border-radius: 8px !important; } .filter-block input { border: 1px solid rgba(29, 29, 29, 0.1); border-radius: 4px; max-width: 100%; font-size: 16px; padding-left: 10px; height: 40px !important; background: #fff;} .filter-block .checkmark {background:#fff;} .filter-blocks .checkmark{margin-top: 2px !important;} .filter-block .checkbox-container{margin-top: 5px !important;font-size: 16px !important;} .filter-blocks .dropdown button img{margin-left: 8px;display:inline-block; position: absolute; right: 0; margin-top: 10px; margin-right: 10px; } .dropdown-content .left_nav_add_type{display: inline-block !important;border: 1px solid rgba(29, 29, 29, 0.10) !important;border-radius: 8px !important;margin-bottom: 5px !important;} .dropdown a:hover {background: rgba(29, 29, 29, 0.1);border-radius: 8px !important;padding: 10px 15px !important;} .filter-block .dropdown-content .active {border-radius: 8px !important;} .active_filter {background: transparent !important;color: #1D1D1D !important;line-height: 22px;border: 1px solid rgba(29, 29, 29, 0.1);border-radius: 8px;padding: 4px 16px;height: 32px;} .filter_footer{position: fixed;bottom: 0;background: #fff;width: 100%;padding: 15px;} .filter_footer_btn {width: 100% !important;padding: 20px !important;height: 64px !important;font-size: 18px !important;} 
    .content-scroll-footer{
        margin-right: 0px !important;
        padding-right: 0px !important;}
    .nav-user{justify-content: right !important;min-width: 50px;}
    #advert-create-form{padding:15px;}
    .menu-bottom-width28{width: 50% !important;} .menu-bottom-width29{width: 50% !important;}
}
@media (min-width:501px) and (max-width:599x){

    .fold2_50{width:50% !important;}
}
@media (max-width:375px) {.banner1_mobile_img{margin-top: -60px !important;} .banner2_mobile_img{margin-top: -24px !important;} .banner_mobile_btn{margin-top:15px !important;gap: 4px !important;} .banner1_mobile{padding-bottom: 5px !important;}}
@media (max-width:320px) {.banner1_mobile_img{width: 95% !important;margin-top: -48px !important;right: 0;margin-right: -7px;} .banner2_mobile_img{width: 85% !important;margin-top: -15px !important;position: absolute;top: 0;right: 0;margin-right: -5px;} .banner_mobile_btn{margin-top:10px !important}
.create_order_block{max-height: 500px;}
}
@media (max-width:390px) {.categories-container div {min-width: 60px !important;}}
@media (max-width:375px) {.categories-container div {min-width: 60px !important;}}
@media (max-width:320px) {.categories-container div {min-width: 60px !important;}}
@media (max-width:280px) {.categories-container div {min-width: 60px !important;}}
@media (min-width:600px) and (max-width:665x){
    .banner1_mobile_img {
        width: 70% !important;
        margin-top: -75px !important; 
        margin-right: 0;
        right: 0;
    }
    .banner2_mobile_img {
        width: 69% !important;
        margin-top: -30px !important;
        position: absolute;
        top: 0;
        right: 0;
        margin-right: 0;
    }
    .banner_mobile_btn{margin-top:40px !important;}
}
@media (min-width:900px) {
    .menu-bottom-mobile-wrap{display:none !important;}
}

@media (max-width:599px) { 
    .subscriptions-block{margin:24px 0;}
.subscription-block{border-radius: 4px;background: var(--White, #FFF);width: 100%;height: auto !important;flex-shrink: 0;margin-bottom: 8px;padding: 16px 16px 10px 16px !important;}
.subscription-block-active{background:#F8E2DE;}
.subscription-block-title{color: var(--Black, #1D1D1D);font-size: 20px;font-style: normal;font-weight: 500;line-height: 24px;margin-bottom: 4px;}
.subscription-block-city{color: var(--Black, #1D1D1D);font-size: 16px;font-style: italic;font-weight: 400;line-height: 24px;}
.subscription-block-img{width: auto;height: 67px;flex-shrink: 0;}
.subscription-block-btn1{display: inline-flex;height: 32px;padding: 10px 16px;justify-content: center;align-items: center;flex-shrink: 0;border-radius: 4px;background: rgba(235, 112, 45, 0.12);color: var(--Accent, #EB702D);font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;cursor: pointer;}
.subscription-block-btn2{display: inline-flex;height: 32px;padding: 10px 16px;justify-content: center;align-items: center;flex-shrink: 0;border-radius: 4px;border: 1px solid var(--Separator-1, rgba(29, 29, 29, 0.10));color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;cursor: pointer;}
.subscription-block-days{color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 400;line-height: 28px;display: inline-flex;margin-left: 0px !important;}
.subscription-btns{margin-top:0px !important;}
.subscription-block-days-text{margin-left: 243px !important;width: 100px !important;margin-bottom:0;}

    #create_order_block-container{min-height: 80vh !important;border-radius: 0 !important;} #modal_category_filter .subcategory-list li {line-height: 30px !important;} #modal_category_filter .category-list {padding: 16px 10px;margin-bottom: 130px !important;}  #submenu-container,  #modal_category_filter, #modal_add_auto {min-height: 500px !important;border-radius: 0 !important;} .actions__avatar-username{margin-right: 5px;} .bill_menu{margin-right: 15px !important;} .create_order_block_title{margin-bottom: 10px;color: var(--Black, #1D1D1D);font-family: Manrope;font-size: 24px !important;font-style: normal;font-weight: 500;line-height: 32px !important;text-align: center;} .mob_cat_services{} .mob_cat_service_item.category-submenu-item{min-height: 56px;height: 56px !important;padding: 10px 16px;line-height: 18px;} .mob_cat_service_title{margin-top:20px;color: var(--Black, #1D1D1D); font-size: 14px;font-style: normal;font-weight: 500;line-height: 18px;} .mob_cat_service_item{align-items: center;display: flex;border-radius: 4px;background: var(--White, #FFF);height: 56px;padding:10px 16px;color: var(--Black, #1D1D1D); font-size: 14px;font-style: normal;font-weight: 500;line-height: 18px;position: relative;margin-bottom: 4px;} .mob_cat_service_item img{text-align: center;position: absolute; top: 0;  right: 0 !important;left: auto !important;width: 75px !important;margin-top: 5px;margin-right: 10px;} .category_filter_bottom{position: fixed;} .modal_login_height{height:250px !important;min-height: 250px !important;max-height: 250px !important;} #new_create_advert_success .col-md-12 img{margin-left: 25px;} .modal_categories_block, .modal_transport_types_block, .modal_transport_brands_block, .modal_transport_types_block, .modal_transport_models_block{max-height: 350px;overflow-y: scroll;} #subscribe_to_orders, #new_login, #new_create_advert_categories, #new_create_advert_transport_types, #new_create_advert_transport_brands, #new_create_advert_transport_models, #new_create_advert_success, #new_create_advert, #new_edit_advert, #new_edit_advert_photos, #new_create_advert_intercity, #new_edit_advert_intercity, #new_create_advert_intercity_directions, #payment_of_commission, #modal_register, #modal_login, #modal_sms, #modal_register_success, #modal_order_price_edit, #modal_driver_name, #modal_add_auto, #modal_your_auto, #modal_select_auto, #modal_category_filter, #modal_create_category_service {z-index: 999999;border-radius: 16px 16px 0px 0px;background: var(--BG-2, #EFE8DF);position: fixed !important;bottom: 0 !important;min-height: 250px !important;max-height: 500px !important;top: auto !important;right: 0 !important;overflow: scroll !important;} body.no-scroll {overflow: hidden;} #submenu-container:before1 {content: ""; background: rgba(0, 0, 0, 0.6);position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 10;} .top_hot_info_btn{margin-bottom: 12px !important;} .ads_list_btn{color: var(--Accent, #EB702D);text-align: center;font-size: 14px;font-style: normal;font-weight: 500;line-height: 16px;padding: 20px 5px;width: 100%;margin-top: 8px;margin-bottom: 12px;border-radius: 4px;border: 1px solid var(--Accent, #EB702D);background: var(--White, #FFF);} #chat-category-request-main .select_city_ride .select2-container--krajee-bs3 .select2-selection--single .select2-selection__rendered{background: #fff !important;} #chat-category-request-main .order_input{background: #fff !important;border-radius: 4px !important;border: none !important;} #chat-category-request-main textarea{background: #fff !important;} .create_order_block_input{width: 100%;padding: 0px 18px;border-radius: 4px;border: none !important;background: #fff !important;height: 40px !important;margin-top: 8px;margin-bottom:8px;} .create_order_block_text{color: var(--Black, #1D1D1D);text-align: center;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;padding: 0 20px;}  .create_order_block_back_btn{position: absolute;left: 0;top: 0;background: #1D1D1D !important;z-index: 999;opacity: 1;width: 30px !important;height: 30px !important;margin-top: -7px !important;margin-left: 2px !important;line-height: 5px;} .create_order_block_close_btn{position: absolute;right: 0;top: 0;background: #1D1D1D !important;z-index: 999;opacity: 1;width: 30px !important;height: 30px !important;margin-top: -7px !important;margin-right: 2px !important;line-height: 5px;} .submenu-container_close_btn {position: absolute;right: 0;top: 0;background: #1D1D1D !important;z-index: 999;opacity: 1;width: 30px !important;height: 30px !important;margin-top: 10px !important;margin-right: 10px !important;line-height: 5px;} .mobile-submenu-title{color: var(--Black, #1D1D1D);text-align: center;font-family: Manrope;font-size: 24px;font-style: normal;font-weight: 500;line-height: 32px;margin-bottom: 20px;margin-top: 15px;} .create_order_block_btn{margin-top:0 !important;background: var(--Accent, #EB702D) !important;color: #fff !important;height: 56px !important;width: 100% !important;text-align: center !important;display: block !important;} .swiper-slide:hover{transform: none !important;} .swiper-slide span {color: var(--Black, #1D1D1D) !important;font-size: 14px !important;} .swiper-slide p{position: absolute !important;left: 0 !important;margin-top: 10px !important;margin-left: 5px !important;max-width: 100% !important;color: var(--Black, #1D1D1D) !important;font-size: 15px !important;margin-bottom: -18px !important;line-height: 18px !important;} .swiper-slide span{display: inline-block !important;} .swiper-slide img{position: absolute;right: 0 !important;left: auto !important;height: 45px !important;width: auto !important;margin-top: 0 !important;margin-right: 10px;} .sub_categories{position: fixed !important;border-radius: 16px 16px 0px 0px;background: var(--BG-2, #EFE8DF) !important;z-index: 99999 !important;min-height: 300px !important;width:100%;bottom: 0 !important;max-height: 500px !important;overflow-y: scroll;padding-bottom: 40px;} .call_back a{width: 50px !important} #fixed2 {height: 50px;top: 90% !important;margin-right: 60px !important;} .order_b{min-height: 210px !important;} .call_send_margin{margin-top: 44px;} .prognoz_block_value_1 {margin-bottom: 20px !important;} .p0_16_mob{padding: 16px 0 0 0 !important;} .prognoz_block_line {border-left: none !important;border-top: 1px solid rgba(29, 29, 29, 0.10) !important;padding-left: 0 !important;padding-top: 16px !important;} .prognoz_block_value_1,.prognoz_block_value_2 {font-size: 20px !important;line-height:28px !important;} .calculate_block_percent{font-size: 20px !important;margin-top: 12px !important;line-height:24px !important;} .calculate_block_label{font-size:14px !important;line-height:20px !important;} .calculate_block #price-input{z-index:999 !important;position:relative !important;font-size: 20px !important;height: 40px !important;width: 158px !important;padding: 0px 10px !important;line-height:24px !important} .calculate_block{padding: 20px 0 !important;} .ml15_mob{margin-left: 15px !important;} .mr15_mob{margin-right: 15px !important;} .mb20_mob{margin-bottom: 20px;} .create_order_block {margin: 0px 0px 0px 0px !important;position: fixed;z-index: 99999;min-height: 300px;max-height: 550px;background: #EFE8DF !important;width: 100%;border: none !important;border-radius: 16px 16px 0px 0px !important;bottom: 0;overflow-y: scroll;} .investorpage-content-5 .second_title, .investorpage-content-4 .second_title{font-size: 24px !important;line-height: 32px !important;text-align: left !important;} .investorpage-content-3 .third_title {font-size: 24px !important;line-height: 32px !important;margin-top: 100px !important;} .investorpage-content-3 {background-size: cover !important;} .investorpage-content-2 .map_img{margin-top: 27px !important;} .investorpage-content-2 .second_text{font-size: 16px !important;line-height: 24px !important;text-align: left !important;} .investorpage-content-2 .second_title{font-size: 24px !important;line-height: 32px !important;margin-top: 40px !important; text-align: left !important;} .main-phones{width: 100%;} .investorpage-head .main_btn{margin-bottom:32px;height: 48px !important;padding: 0px 16px !important;font-size: 16px !important;line-height: 24px !important;} .investorpage-head .main_title{margin-top: 10px !important;font-size: 24px !important;line-height: 32px !important;} .investorpage-head .main_title_1{margin-top: 32px;color: var(--Palette-Primary, #0C0E0D);font-size: 16px;font-style: normal;font-weight: 400;line-height: 20px;} .investorpage-menu{background:none !important;border:none !important} .investorpage-menu .menu_call_btn {font-size: 13px !important;line-height: 16px !important;} .investorpage-menu .menu_account_btn{font-size: 13px !important;line-height: 16px !important;} .team-container {flex-direction: column;}.team_flex_block {width: 100%;} .ad_skip_btn{position: relative !important;width: 100% !important;right: 0 !important;margin-right: 0px !important;} .card_description_block {max-height: 400px !important;} .card_description_block2 {max-height: 490px !important;} .card-monet-title{text-align: left !important;} .card-monet-div-2{padding: 24px 15px !important;} .card-monet-title-2{text-align: left;width: 70%;} .card-monet-stat{text-align: left;} .card-monet-stat .mr12{margin-right: 0px !important;display: block;margin-top: 8px;} .share_card{margin-top: 40px !important;background: #fff;border-radius: 50%;padding: 2px 5px;margin-right: 5% !important;} .modal-driver-width{width:100% !important;} .modal-driver-width .modal-body{padding: 15px !important;} .profile_turbo{width:100%;text-align: center;} .card-monet-div{text-align:center;} .card-monet-skidka-1{margin-left: 100px !important;} .card-monet-submit{width:100%;} .card-monet-skidka{width: 120px;height: 32px !important;padding: 4px !important;text-align: center;position: relative;margin-bottom: 12px;} .card-monet-days{margin-right: 25px !important;margin-bottom: 5px !important;height: 72px !important;}    .top_hot_info_block{text-align:left !important;} .top_head_block{padding: 14px 0 0px 0 !important;} .card-monet-radio-block{height:92px !important;} .new-card-monet-radio-block{height:120px !important;} #mobile-menu .share_ad_mob_content_2{margin-right: 0% !important;margin-top: 25% !important;} .share_img_mob{width: 130px;margin-bottom: 10px;} .modal_call_send_order{max-height: 280px;bottom: 0 !important;top: auto !important;} #modal_unsubscribe .modal_close_btn{margin-top: 10px !important;margin-right: 30px !important;} #modal_subscribe .modal_close_btn{margin-top: 10px !important;margin-right: 30px !important;} .unsubscribe-modal-body{background: #fff !important;padding-right: 16px !important;} .subscribe-modal-body{background: #FFFBF4 !important;padding-right: 16px !important;}  .modal-content-head{background: #FFFFFF !important;} .modal-content-body{margin-right:16px !important;} .subscription .unsubscribe{display: block !important;position: relative !important;margin-top: 5px;} .offer_details{margin-top:60px !important;} .header-item-logo{position: absolute;left:0;} .site-header{justify-content: right !important;} .header_chat_btn{margin-right:15px !important;} .header-item-login{margin-right:15px;} .modal_order_user_type{font-size: 16px !important;} .modal_chats_header_name{margin-top: -10px !important;margin-left !important: 0;position: relative !important;margin-left: 0 !important;text-align: center;} .modal_chats_phone_number{margin-top: 0px !important;margin-left: 0px !important;position: relative !important;display: block;} .m0-15mob{margin: 0 -15px !important;} .send_count{text-align:left !important;} .create_order_count{text-align:center !important;} .popular_route_title{margin-top:5px !important;} .hot_ads_block{margin-top:0px !important;} .modal_title2{line-height: 28px !important;} #intercity_filter_from_mob{border-right: 1px solid var(--Separator-1, rgba(29, 29, 29, 0.10)) !important;margin-top:10px;} #intercity_filter_to_mob{margin-top:10px;} .search_block .div {border-radius: 8px !important;}    #modal_mobile_categories .category-submenu-item.active{background-color: #1D1D1D;} #modal_mobile_categories .category-menu-title.active{background-color: #1D1D1D;color:#fff !important;} .main_type_title{color: var(--Black, #1D1D1D);font-family: Manrope;font-size: 24.713px !important;font-style: normal;font-weight: 600 !important;line-height: 32.95px !important; } .main_type_title_2{color: var(--Black, #1D1D1D);font-size: 14.416px;font-style: normal;font-weight: 400;line-height: 18.535px;} .advert_order_button{ width: 100%;border-radius: 8px;border: none !important;display: inline-flex;height: 48px !important;font-weight: 500;font-size: 16px;padding: 0px 16px;align-items: center;gap: 10px;background:#fff;} .advert_order_button span{color: var(--Accent, #EB702D);right: 0;position: absolute;margin-right: 35px;} .mt62mob{margin-top: 62px;} .swiper-slide{width: 100% !important;height: 56px !important;} .categories-container{gap: 1px;} .categories-container div{display: inline-block;max-width: 250px !important;} .categories-container div img{margin-right: -2px !important;margin-bottom: -2px !important;max-width: 100%;position: absolute !important;width: auto !important;height: 75px;bottom: 0;right: 0;} .categories-container div p{text-align: left;font-size: 14px !important;margin-left: 12px;margin-top: 2px;} .categories-container {flex-wrap: wrap !important; justify-content: center;} .categories-container div {flex: 0 0 24% !important;margin: 2px !important;min-width: auto;height:96px !important;border-radius:4px !important;} .sms-code-container {display: block !important;} .sms-code-container{    margin-top: 10px !important;margin-bottom: 50px !important;} .search_block .div{max-width: 100% !important;} .main_filter_btn {height: 48px !important;} .search_block .div img {position: absolute;height: 24px;top: 0;margin-top: 15px !important;left: 0;margin-left: 15px !important;} .account-menu__chat-input {width: 100% !important;}   .menu-bottom-width28{width: 28% !important;} .menu-bottom-width29{width: 29% !important;} .card_pl{padding-left:10px !important;} .top_icon{position: absolute;top: 0;right: 0;margin-top: 10px;margin-right: 5px;}  #ad_filter_characteristics .filter-block{display: none;} .order_desc_height{height:75px !important;} .header-title-city{margin-top:-32px !important;} .modal-header-order .close {position: absolute !important;right: 0;top: 0;margin-top: 10px !important;border-radius: 50px;border: 1px solid #1D1D1D;}  .sort_dropdown_btn.active{background: var(--black, #1D1D1D) !important;color: #fff !important;} .category-submenu-item.active a {color: #fff !important;margin-left: 15px;} .category-submenu-item.active .tg_count_menu {color: var(--Black, #1D1D1D) !important;}  .category-submenu-title.active a {color: #fff !important;} .category-menu li {position: relative;height: 100%;border-radius: 4px !important;padding: 2px 10px !important;margin-bottom: 4px !important;}.category-menu li:hover{background: none !important;} .input-file-list{padding:0;} .select2-dropdown{width:170px !important;} .step_title_mob_block{display: block;min-width: 600px;} .order_tab_btns_block{margin-top:10px;} .mtb10_mob{margin-top:10px !important;margin-bottom:10px !important} .mb_42_mob{margin-bottom:42px !important;}  .mb_42_mob{margin-bottom:42px !important;} .mr_7_mob{margin-right:-7px !important;} .mr_0_mob{margin-right:0px !important;} .checkmark_mt{margin-top:37px !important;} .checkmark {margin-top:3px !important;} .pr8_mob{padding:0 8px 0 0 !important;} .pl8_mob{padding:0 0 0 8px !important;} .p0_mob{padding:0 !important;} .p8_mob{padding:8 !important;} .pr0_mob{padding:0 0 0 15px !important;} .pr5_mob{padding:0 5px 0 15px !important;} .pl5_mob{padding:0 15px 0 5px !important;} .p_head_border{border-top:none !important;padding-top: 0px !important;} .hot_block_item_price {margin-bottom: -25px !important;bottom: 0;} .sort_btn{} .order_account .hot_block_item_price{margin-bottom: 0px !important;} .order_account .hot_block_item_stat{left:0 !important;right: auto;} .advert_blockx .order_b{min-height: 170px !important;} .sort_dropdown_btn{border-radius: 4px;background: var(--white, #FFF);height: 48px;flex-shrink: 0;color: var(--black, #1D1D1D);font-family: 'SF UI Display', sans-serif;font-size: 16px !important;font-style: normal;font-weight: 400;line-height: 28px;display: block;margin-bottom: 4px;} .card_listing_header{color: var(--Black, #1D1D1D);font-family: Manrope;font-size: 16px;font-style: normal;font-weight: 600;line-height: 28px;} .card_listing_header img{margin-left: 8px;position: absolute;right: 0;margin-right: 18px;top: 0;margin-top: 18px;}   #tablinks_container .tab{width:100%;background: #fff;} .advert_order_button img{width:20px;height:20px;} .user_msg{margin-left:15px !important;} #modal-tab-orders .modal_close_btn {margin-right: 5px !important;display:contents !important;} .header_open_ad_container{height: 29px;line-height: 30px;} .modal_chats_header_title{max-width: 110px;height: 20px;overflow: hidden;display: inline-flex;} .select_mobile{font-size: 16px;background: #fff;border-radius: 8px;border: 1px solid rgba(35, 46, 50, 0.12);padding: 5px 15px !important;line-height: 0;height: 56px;} .modal-body{padding: 32px 0 !important;} .card_description_block{padding: 24px 15px !important;} .card_description_block2{padding: 24px 15px !important;} .modal-dialog .card_modal_advert .border_bottom {padding: 15px !important;background: #fff !important; } .card_modal_stat_block{margin-top:30px !important;} .card_modal_stats{text-align:left !important;margin-top:10px;} .create_order_dogovornaya_div{padding: 0 0 15px 8px !important;} .share_ad_mob{right: 0 !important;margin-right: -68% !important;z-index: 999 !important;} .share_ad_mob_content, .share_ad_mob_content_2{right: 0 !important;margin-right: -70% !important;z-index: 999 !important;} .share_card{display:none;} .advert_blockx .statistic{margin-top:5px !important;} #return-call .modal-dialog {margin: 0px auto !important;} #modal_ad_boost .modal-dialog, #modal_ad_boost_error .modal-dialog {margin: 0px auto !important;} .hot_block_item_title{margin-top: 8px !important;} .title_height_mob{height: 38px;overflow: hidden;display: block;} .modal-city-list{height:650px !important;} .form-car-active { border-radius: 30px; background: none; border: 1px solid #D7D7D7; height: 130px } .form-car { border-radius: 30px; background: #fff; border: 1px solid #D7D7D7; height: 130px } .form-car-div-name { height: 80px } .form-car-name { color: #292D32; font-weight: 500; font-size: 14px; line-height: 20px } .form-cars-padding { margin-top: 60px !important } .form-cars-padding-bottom { margin-top: 65px } .section4_title { margin-top: 85% !important } .section4_car { height: 160px !important } .wrapper { background: #F8F4F0 !important } .pd0-mob { padding: 0 } .advert-landing .block-1{padding:40px 0;background:#FCE3C9;} .advert-landing .block-1 .block-1-img{} .advert-landing .block-1 h2{font-style: normal;font-weight: 500;font-size: 38px;line-height: 46px;} .advert-landing .block-1 p{font-style: normal;font-weight: 400;font-size: 20px;line-height: 28px;margin-top: 16px;margin-bottom: 70px;} .advert-landing .preimush {margin-top: -20%;padding-bottom: 171px;} .advert-landing .preimush p{font-style: normal;font-weight: 500;font-size: 16px;line-height: 18px;text-align: center;height: 64px;} .advert-landing .preimush img{max-height: 110px;width: auto;} .advert-landing .preimush .img-div{height: 120px;} .advert-landing .preimush-div-img-2{margin-top: 0px;} .advert-landing .preimush-div{padding: 10px;padding-bottom:5px;background: #fff;margin-bottom: 8px;} .advert-landing .block-2 .pl0{padding:0 !important;} .advert-landing .block-2 .pr0{padding:0 !important;} .advert-landing .block-2 .div-1{background: #F3DAC6;border-radius: 4px;padding:20px;padding-bottom: 1px;margin: 40px 15px;} .advert-landing .block-2 .div-1 .img-1{margin-top: 20px;margin-bottom: 20px;} .advert-landing .block-2 .div-2{background: #F3DAC6;border-radius: 4px;margin: 40px 15px;} .advert-landing .block-2 .div-1 .text-1{font-style: normal;font-weight: 500;font-size: 24px;line-height: 32px;color: #EB702D;margin-top: 10px;} .advert-landing .block-2 .div-1 .text-2{font-style: normal;font-weight: 500;font-size: 32px;line-height: 40px;margin-top: 8px;} .advert-landing .block-2 .div-1 .text-3{font-style: normal;font-weight: 400;font-size: 18px;line-height: 26px;margin-top: 12px;} .advert-landing .block-2 .div-1 .section-btn{background: #EB702D;backdrop-filter: blur(32px);border-radius: 8px;font-style: normal;font-weight: 400;font-size: 16px;line-height: 24px;color: #FFFFFF;padding: 16px 36px;} .advert-landing .block-2 .div-1 .section-btn:hover, .advert-landing .block-2 .div-1 .section-btn:focus, .advert-landing .block-2 .div-1 .section-btn:active{color: #FFFFFF !important;background:#E9631B; } .advert-landing .block-2 .div-1 .btn-div{margin-top: 34px;margin-bottom: 82px;} .advert-landing .block-2 .div-1 .line_img{position: absolute;bottom: 0;right: 0;margin-right: 40px;} .advert-landing .block-2 .block-2-adv{margin-bottom: 14px;} .advert-landing .block-2 .block-2-adv .text-1{margin-top:8px;font-style: normal;font-weight: 500;font-size: 16.56px;line-height: 25px;border-bottom: 1.38px solid #F1C5A7;border-radius: 5.09365px;} .advert-landing .block-2 .block-2-adv .text-1 .text-price{font-style: italic;font-weight: 400;font-size: 16.56px;line-height: 25px;color: #EB702D;} .advert-landing .block-2 .block-2-adv .text-2{font-style: normal;font-weight: 400;font-size: 15.18px;line-height: 25px;} .advert-landing .block-2 .block-2-adv .hot-icon{position: absolute;left: 0;top: 0;margin-top: -12px;margin-left: -25px;} .advert-landing .block-2 .div-2 .div-2-mob{padding: 15px 0px 0 15px;} .advert-landing .block-2 .div-2 .text-1{font-style: normal;font-weight: 500;font-size: 20px;line-height: 28px;color: #EB702D;margin-top: 10px;} .advert-landing .block-2 .div-2 .text-2{font-style: normal;font-weight: 500;font-size: 28px;line-height: 30px;margin-top: 8px;} .advert-landing .block-2 .div-2 .text-3{font-style: normal;font-weight: 400;font-size: 18px;line-height: 26px;margin-top: 12px;} .advert-landing .block-2 .div-2{background: #F3DAC6;border-radius: 4px;padding:20px;padding-bottom: 1px;} .advert-landing .block-2 .div-2 .section-btn{background: #EB702D;backdrop-filter: blur(32px);border-radius: 8px;font-style: normal;font-weight: 400;font-size: 16px;line-height: 24px;color: #FFFFFF;padding: 16px 36px;} .advert-landing .block-2 .div-2 .section-btn:hover, .advert-landing .block-2 .div-2 .section-btn:focus, .advert-landing .block-2 .div-2 .section-btn:active{color: #FFFFFF !important;background:#E9631B; } .advert-landing .block-2 .div-2 .btn-div{margin-top: 34px;margin-bottom: 68px;} .advert-landing .block-2 .div-2 .line_img{position: absolute;bottom: 0;right: 0;margin-right: 40px;} .advert-landing .block-3 .div-1{position:relative;background: #F3DAC6;border-radius: 4px;padding:20px 0 50px 10px;margin: 15px;margin-bottom: 50px;} .advert-landing .block-3 .div-1 .text-1{font-style: normal;font-weight: 500;font-size: 20px;line-height: 28px;color: #EB702D;margin: 10px 15px 18px 0px;} .advert-landing .block-3 .div-1 .text-2{font-style: normal;font-weight: 500;font-size: 28px;line-height: 30px;margin-top: 8px;} .advert-landing .block-3 .div-1 .text-3{font-style: normal;font-weight: 400;font-size: 18px;line-height: 26px;margin-top: 12px;} .advert-landing .block-3 .div-1 .line_img{position: absolute;bottom: 0;left: 0;margin-left: 23px;} .advert-landing .block-3 .div-1 .section-btn{background: #EB702D;backdrop-filter: blur(32px);border-radius: 8px;font-style: normal;font-weight: 400;font-size: 16px;line-height: 24px;color: #FFFFFF;padding: 16px 36px;} .advert-landing .block-3 .div-1 .section-btn:hover, .advert-landing .block-3 .div-1 .section-btn:focus, .advert-landing .block-3 .div-1 .section-btn:active{color: #FFFFFF !important;background:#E9631B; } .advert-landing .block-3 .div-1 .btn-div{margin-top: 14px;} .advert-landing .block-3 .div-1 .main-img{position: relative;top: 0;right: 0;margin-top: -10%;padding: 15px;} .advert-landing .block-4 .text-1{font-style: normal;font-weight: 500;font-size: 24px;line-height: 32px;color: #EB702D;margin-top: 38px;} .advert-landing .block-4 .text-2{font-style: normal;font-weight: 500;font-size: 32px;line-height: 40px;color: #fff;margin-top: 8px;} .advert-landing .block-4 .text-3{font-style: normal;font-weight: 400;font-size: 18px;line-height: 26px;color: #fff;margin-top: 12px;} .advert-landing .block-4 .section-btn{background: none;backdrop-filter: blur(32px);border: 1px solid #FFFFFF;border-radius: 8px;font-style: normal;font-weight: 400;font-size: 16px;line-height: 24px;color: #FFFFFF;padding: 16px 36px;} .advert-landing .block-4 .section-btn:hover, .advert-landing .block-4 .section-btn:focus, .advert-landing .block-4 .section-btn:active{color: #FFFFFF !important; } .advert-landing .block-4 .btn-div{margin-top: 44px;} .advert-landing .block-4 .line_img{position: absolute;bottom: 0;left: 0;margin-left: 0px;} .block-4{background-color: #1D1D1D;padding: 20px;position: relative;padding-bottom: 70px;margin-bottom: 30px;} .advert-landing .block-5{position:relative;} .advert-landing .block-5 .div-1{position:relative;background: #F3DAC6;border-radius: 4px;padding:30px 10px;margin-top: 56px;margin: 15px;padding-bottom:0;} .advert-landing .block-5 .div-1 .text-1{font-style: normal;font-weight: 500;font-size: 24px;line-height: 32px;color: #EB702D;margin-top: 38px;} .advert-landing .block-5 .div-1 .text-2{font-style: normal;font-weight: 500;font-size: 32px;line-height: 40px;margin-top: 8px;} .advert-landing .block-5 .div-1 .text-3{font-style: normal;font-weight: 400;font-size: 18px;line-height: 26px;margin-top: 24px;} .advert-landing .block-5 .div-1 .text-4{font-style: normal;font-weight: 500;font-size: 24px;line-height: 32px;margin-bottom: 22px;} .advert-landing .block-5 .div-1 .line_img{position: absolute;bottom: 0;left: 0;margin-left: 23px;} .advert-landing .block-5 .div-1 .section-btn{background: none;backdrop-filter: blur(32px);border: 1px solid #EB702D;border-radius: 8px;font-style: normal;font-weight: 400;font-size: 16px;line-height: 24px;color: #EB702D;padding: 16px 36px;} .advert-landing .block-5 .div-1 .section-btn:hover, .advert-landing .block-5 .div-1 .section-btn:focus, .advert-landing .block-5 .div-1 .section-btn:active{color: #EB702D !important; } .advert-landing .block-5 .div-1 .btn-div{margin-top: 46px;} .advert-landing .block-5 .div-1 .main-img{position: relative;top: 0;right: 0;margin-top: 0%;margin-right: 0px;} .advert-landing .block-5 .div-1 .clients{margin-top: 52px;padding-left: 20px;margin-bottom: 50px;} .advert-landing .block-6{position:relative;} .advert-landing .block-6 .div-1{position: relative; background: #F3DAC6; border-radius: 4px; margin-top: 34px; margin: 15px; padding-bottom: 105px; padding: 20px 10px; margin-bottom: 0px; background-repeat: no-repeat !important;background-position: right !important;background-size: cover !important;} .advert-landing .block-6 .div-1 .text-1{font-style: normal;font-weight: 500;font-size: 24px;line-height: 32px;color: #EB702D;margin-top: 38px;} .advert-landing .block-6 .div-1 .text-2{font-style: normal;font-weight: 500;font-size: 32px;line-height: 40px;margin-top: 8px;} .advert-landing .block-6 .div-1 .text-3{font-style: normal;font-weight: 400;font-size: 18px;line-height: 26px;margin-top: 24px;} .advert-landing .block-6 .div-1 .text-4{font-style: normal;font-weight: 500;font-size: 24px;line-height: 32px;margin-bottom: 22px;} .advert-landing .block-6 .div-1 .section-btn{background: none;backdrop-filter: blur(32px);border: 1px solid #EB702D;border-radius: 8px;font-style: normal;font-weight: 400;font-size: 16px;line-height: 24px;color: #EB702D;padding: 16px 36px;} .advert-landing .block-6 .div-1 .section-btn:hover, .advert-landing .block-6 .div-1 .section-btn:focus, .advert-landing .block-6 .div-1 .section-btn:active{color: #EB702D !important; } .advert-landing .block-6 .div-1 .btn-div{margin-top: 46px;} .advert-landing .block-6 .div-1 .main-img{position: absolute;top: 0;right: 0;margin-top: 35%;margin-right: -14px;} .advert-landing .block-6 .div-1 .clients{margin-top: 12px;padding-left: 55px;} .advert-landing .block-6 .line_img{position: absolute;bottom: 0;right: 0;margin-right: 11px;} .advert-landing .block-6 .div-1 .right-block{padding: 20px 40px 40px 0;} .advert-landing .clients .client-img{margin-bottom: 4px;} .main_footer2{margin-bottom: 50px !important;} #modal_advert_banner_ad .modal-dialog, #modal_advert_telegram_ad .modal-dialog{margin: 0px auto !important;max-width: 500px !important;} #modal_advert_banner_ad .modal_close_btn, #modal_advert_telegram_ad .modal_close_btn{margin-right: 20px !important;margin-top: 10px !important;} #modal_advert_banner_ad .modal_prizyv_title, #modal_advert_telegram_ad .modal_prizyv_title{padding-bottom: 20px !important;padding-top: 0px !important;} #modal_logistics .modal-dialog, #modal_partner .modal-dialog{margin: 0px auto !important;max-width: 500px !important;} #modal_logistics .modal_close_btn, #modal_partner .modal_close_btn{margin-right: 20px !important;margin-top: 10px !important;} #modal_logistics .modal_prizyv_title, #modal_partner .modal_prizyv_title{padding-bottom: 20px !important;padding-top: 10px !important;} #modal_logistics .car_img {width: 100%;position: absolute;margin-top: -30%;right: 0;} #modal_partner .car_img {width: 100%;position: absolute;margin-top: -50%;right: 0;} .input-valid{left: 0 !important;margin-left: 32px !important;margin-top: 24px !important;} .modal_user_type{z-index: 999 !important; display: inline-flex!important; position: relative!important; top: 0!important; margin-top: -120px!important; margin-bottom: 50px!important; right: 0; margin-left: 60px; } .modal_price{text-align: left !important;font-style: normal !important;} .mt-15_mob{margin-top: 15px;}.mt-2_mob{margin-top: 2px !important;}.share_hide{display: inline-block !important;}.mt-5_mob{margin-top: 5px;} .yii-debug-toolbar_position_bottom{display: none !important;} .modal-dialog {margin: 0px !important;} .modal-body {border-radius: 0px !important;min-height: 100vh !important;} .modal-content-city{border-radius: 0px !important;margin: 0 auto !important;min-height: 100vh !important;padding: 0 5px 0 15px !important;} .city{display:flex;align-items:center;right: 0;} .burger_menu_btn{position:absolute;right:0;} .mobile_main .header__zakaz_square{font-weight: 500 !important;font-size: 16px !important;line-height: 24px !important;padding:12px 16px !important;margin-left:0px !important} .main_title_1{color: var(--black, #1D1D1D);font-family: Manrope !important;font-size: 18px !important;font-style: normal;font-weight: 500 !important;line-height: 26px !important;margin-bottom:12px;} .search_block{margin-top: 0px !important;border-top:none !important;} .search_block h4{ max-width: 350px;} .scroll-to-target {margin-left: 10px !important;} .scroll-top {width: 50px !important;height: 50px !important;line-height: 50px !important;} .scroll-to-target img{width: 14px;height: 30px;} .scroll-top.open {bottom: 90px !important;opacity: 0.9 !important;} .search_block .div img{margin-right: 5px;margin-left: 15px !important;height: 20px !important;} .search_block .div input {border: none;background: 0 0;font-size: 14px !important;font-weight:500 !important;line-height: 26px;padding: 20px 0px !important;color: var(--Grey, rgba(29, 29, 29, 0.40)) !important;} .account-menu__chat-input{margin-left: 30px !important;width: 85%;} .mob_content{border: 1px solid #E2DEDB;border-radius: 4px;padding: 20px 16px;} .search_block h5{font-weight: 500;font-size: 20px !important;line-height: 28px !important;} .mob_filter_btn{font-weight: 400;font-size: 16px;line-height: 28px;} .advert_blockx{width: 100% !important;padding: 0 !important;min-height: 200px !important;margin-bottom:4px !important;}  .advert_imgx{padding: 4px 4px 5px 12px !important;padding-left: 15px;} .advert_imgx div{margin-top: 0 !important;} .advert_blockx .descr{min-height: 40px !important;} .main_footer2{margin-bottom: 60px !important;} .p_head_border{border-top: 1px solid rgba(29, 29, 29, 0.1);} .p_foot_border{border-bottom: 1px solid rgba(29, 29, 29, 0.1);padding-top: 20px;padding-bottom: 24px;} .p_footer_border{padding-top: 20px;padding-bottom: 24px;}  .main_footer{border:none !important;margin-bottom: 0px !important;} .main_footer .center_block{padding: 15px !important;margin-top: 40px;} .main_footer .center_block{border:none !important;} .p_foot_border p {font-weight: 400 !important;font-size: 16px !important;line-height: 22px !important;} .main_footer2 .p1{font-weight: 500 !important;font-size: 24px !important;line-height: 32px !important;} .main_footer2 .download{padding-left: 15px !important;padding-top: 24px !important;} .main_footer2 .download_border{margin-top: 24px;border-bottom: 1px solid rgba(29, 29, 29, 0.1);padding-bottom: 48px;margin-bottom: 24px;} .main_footer2 .phone1{font-weight: 400;font-size: 16px;line-height: 24px;} .main_footer2 .phone2{font-weight: 400;font-size: 18px;line-height: 26px;} .advert_blockx .title .price{position: inherit !important;margin-right: 0;width: auto;letter-spacing:-0.7px;margin-bottom:-25px !important;} .advert .description{text-align: left !important;} .hot_right{margin-top: 48px !important;} .menu-mobile-plus{width: 24px;height: 24px;background: #EB702D;border-radius: 4px;} .menu-bottom-mobile-title{font-weight: 500 !important;font-size: 14px !important;line-height: 14px !important;} .search_block .div{padding:0 15px;border-radius: 8px;background: var(--white, #FFF) !important;height: 48px !important;flex-shrink: 0;color: var(--grey, rgba(29, 29, 29, 0.40));font-family: 'SF UI Display', sans-serif;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;} .mobile_sort_btn, .mobile_filter_btn{border-radius: 4px;background:#fff;display: inline-flex;width: 100%;height: 40px;padding: 9px 4px;justify-content: center;align-items: center;gap: 10px;flex-shrink: 0;    font-family: 'SF UI Display', sans-serif;color: #1D1D1D !important;font-size: 14px;font-weight: 400;} .hot_block_item{padding: 5px !important;} .hot_block_item_3{padding: 0px !important;min-height: 200px !important;} .top_ad_padding{padding:0px !important;} .hot_block_item div{padding: 7px !important;} .hot_block_item_text{min-height: 60px !important;} .card_3{height: 240px !important;} .zakaz_square_green_2{margin-right: 0px !important;display: inline-block !important; width: max-content !important;line-height: 36px !important;margin-top: 10px !important;} .hot_block_img{height: 126px;min-width: 150px;} .back .hot_block_info {display: none;} .modal_close_left{left: 0 !important;margin-left: 16px !important;margin-top: 20px !important;} .left_nav_cat{font-weight: 400;font-size: 18px !important;line-height: 26px !important;} .modal-dialog{transform: none !important;transition: none !important;} .modal-body{background: #F8F4F0 !important;} mb10_mob{margin-bottom:10px;} .mt10_mob{margin-top: 10px !important;} .sms-code-input{width: 23.7% !important;height: 128px !important;} .account_left_block{border-right:none !important;height: auto !important;padding-right: 15px;margin-bottom: 32px;} .tabs_exit{padding: 0 !important;padding-bottom: 10px !important;margin: 10px 20px 0 0;margin-top: 10px !important;} .mob_left{text-align: left !important;} .account_right_block{margin-top: 35px;} .advert_close{background: #1D1D1D;box-shadow: 0px 16px 48px rgba(86, 75, 45, 0.16);width: 40px;height: 40px;border-radius: 50px;padding:10px;position: absolute;right: 0;z-index: 9;margin-top: -15px;margin-right: 10px;} .tabs-list{display: flex;list-style-type: none;padding: 0;margin: 0;border-bottom: 1px solid rgba(29, 29, 29, 0.1);margin-bottom: 20px;} .tab-item{padding: 0 !important;padding-bottom: 10px !important;margin: 10px 20px 0 0;} .tab-item.active, .tab-item:hover{border-bottom: 1px solid #292D32;border-right: none !important;} .account_right_block{padding-left: 15px !important;} .main_btns{font-weight: 500 !important;font-size: 16px;line-height: 24px !important;padding: 12px 14px;display: inline;margin-left: 0;margin-bottom: 10px;} .main_btns_1 {border-radius: 8px;background: var(--accent-2, #F8D868);display: inline-flex;height: 40px;padding: 9px 16px;justify-content: center;align-items: center;gap: 12px;flex-shrink: 0;color: var(--black, #1D1D1D);font-family: 'SF UI Display', sans-serif;font-size: 14px;font-style: normal;font-weight: 500;line-height: 22px;} .main_btns_2{border-radius: 8px;background: var(--white, #FFF);display: inline-flex;height: 40px;padding: 9px 16px;justify-content: center;align-items: center;gap: 12px;flex-shrink: 0;color: var(--black, #1D1D1D);font-family: 'SF UI Display', sans-serif;font-size: 14px;font-style: normal;font-weight: 500;line-height: 22px;} .pm0{padding: 0 !important;} .mlm-30{margin-left: -30px;} .modal_close_btn_3{margin-right: 10px !important;margin-top: 10px !important;} .modal_close_btn_2{position: relative !important;margin-right: 40px !important;margin-top: 0px !important;} .modal_close_btn{position: relative !important;margin-top: 0px !important;margin-right:15px !important;} .modal_close_btn_sms{position: absolute !important;margin-top: 0px !important;margin-right:15px !important;margin-top: 15px !important;} .modal_close_btn2{position: relative !important;margin-top: 0px !important;margin-right:15px !important;} .mobile_chat_header_name{font-size: 16px !important;font-weight: 600 !important;margin-top: -10px;margin-bottom: 0;} .mobile_chat_name{background: #fff;margin-left: 0px;width: 100%;margin-right: 0px;border-top: 1px solid #F1EDE9;margin-top: 5px;padding: 7px 15px 3px 15px !important;} .modal_chats_header_advert{margin-right: 8px;max-height: 32px} .image-content{max-width: 100% !important;} .modal-tab-item{margin-left: 0px !important;} .chats_modal_right{padding-right: 10px !important;} .chat_height {max-height: 77vh !important;} .chats_modal_right_chats{min-height: 100vh !important;} .chats_modal_left{padding-right: 10px !important;height: auto !important;background: #F8F4F0 !important;} .advert_order_button.active {background:#var(--accent-2, #F8D868) !important;} #tablinks_container .tab{padding:0 !important;height: 44px !important;gap: 0px !important;} #tablinks_container .tab button{font-size: 14px !important;padding: 7px 5px !important;width: 100%;} .chats_footer{position: fixed !important;width: 100%;bottom: 0;z-index:99999 !important;padding: 15px 25px 15px 15px;padding-bottom:12px;border-radius: 16px 16px 0px 0px !important;border:none !important;background: #fff;margin-left: 0px;width: 100% !important;} .content-scroll-footer{height: 88vh !important;padding-bottom: 75px !important;margin-right: 0px !important;} .chats_modal_left .chats_header{border-bottom: 1px solid rgba(29, 29, 29, 0.1);height: 60px !important;position: fixed;top: 0; background: #fff !important;z-index: 999;margin-left: 0px !important;width: 100%;padding: 15px 0px !important;} .user_msg .user_block_2{background: #fff !important;} .create_advert_modal_body{padding: 32px 15px 32px 15px !important;} .advert_chat_content{padding-top: 85px !important;padding-bottom: 0px !important;} .tick_icon_right{display: block !important;position: absolute;top: 0;right: 0;margin-right: 70%;margin-top: 15px;} .tick_icon_left{display: block !important;position: absolute;top: 0;left: 0;margin-left: 82%;margin-top: 15px;} .image_modal{margin: 20px auto; width: 100% !important; padding: 0;} .category-menu-item{margin-bottom: 4px;} .category-menu .category-menu-icon{margin-right: 10px !important;} .category-submenu-item.active {background-color: #1D1D1D;} .filter-blocks{position: relative;display: contents !important;margin-right: 15px !important;width: 100% !important} .filter-blocks .filter-block{display: block !important;border-radius: 8px;padding: 10px 10px 0px 10px;background: #fff;width: 100%;margin-bottom: 8px !important;} .filter-blocks .dropdown{width: 100% !important;} .filter-block .dropdown-content{max-width: 100% !important;margin-top: 0px !important;position: relative !important;margin-right: 0px !important;box-shadow: none !important;margin-bottom: 0px;padding-top: 5px !important} .filter-block .dropbtn{text-align:left !important;border:none !important;padding: 4px 16px 7px 16px !important;font-size: 20px !important;font-family: Gilroy;font-weight: 500;line-height: 28px !important;width:100%;} .mobile-filters{} .filter-block .dropdown-input{width: 100% !important;} .filter-block .filter_price_btn, .sort_btn { font-size: 16px !important; height: 50px !important; line-height: 9px !important; color: #fff !important; width: 100%; border-radius: 8px !important; } .filter-block input { border: 1px solid rgba(29, 29, 29, 0.1); border-radius: 4px; max-width: 100%; font-size: 16px; padding-left: 10px; height: 40px !important; background: #fff;} .filter-block .checkmark {background:#fff;} .filter-blocks .checkmark{margin-top: 2px !important;} .filter-block .checkbox-container{margin-top: 5px !important;font-size: 16px !important;} .filter-blocks .dropdown button img{margin-left: 8px;display:inline-block; position: absolute; right: 0; margin-top: 10px; margin-right: 10px; } .dropdown-content .left_nav_add_type{display: inline-block !important;border: 1px solid rgba(29, 29, 29, 0.10) !important;border-radius: 8px !important;margin-bottom: 5px !important;} .dropdown a:hover {background: rgba(29, 29, 29, 0.1);border-radius: 8px !important;padding: 10px 15px !important;} .filter-block .dropdown-content .active {border-radius: 8px !important;} .active_filter {background: transparent !important;color: #1D1D1D !important;line-height: 22px;border: 1px solid rgba(29, 29, 29, 0.1);border-radius: 8px;padding: 4px 16px;height: 32px;} .filter_footer{position: fixed;bottom: 0;background: #fff;width: 100%;padding: 15px;} .filter_footer_btn {width: 100% !important;padding: 20px !important;height: 64px !important;font-size: 18px !important;} .order_input, .order_input_select{margin-left: 0 !important;margin-bottom: 8px !important;margin-right: 0px !important;width: auto;} .order_input_btn{margin-top: 8px !important;padding-right: 15px !important;} .pr15_mob{padding-right: 15px !important} body.modal-open { overflow: hidden; position: fixed; width: 100%; } .chat_messages_count_mob { position: absolute; right: 0; top: 0; margin-top: -12px; margin-right: 8px; background: #DC2323; min-width: 28px; height: 24px; text-align: center; color: #fff; border-radius: 14px; padding: 0; display: inline-block; font-size: 12px; line-height: 25px; } #modal_order_success .modal-body, #modal_ad_success .modal-body{background: #fff !important;} .modal_success .modal_btn, .modal_ad_success .modal_btn{border-radius: 8px;background: var(--accent, #EB702D) !important;border: var(--accent, #EB702D) !important;color: #fff !important;} .modal_success .modal_btn:hover, .modal_success .modal_btn:active, .modal_success .modal_btn:focus, .modal_ad_success .modal_btn:hover, .modal_ad_success .modal_btn:active, .modal_ad_success .modal_btn:focus{color: #fff;} .main_mobile .header__zakaz_square{border: 1px solid #1D1D1D;background: transparent;border-radius: 4px;color: #1D1D1D !important;} .main_mobile .header__zakaz_square:hover, .main_mobile .header__zakaz_square:active, .main_mobile .header__zakaz_square:focus{border: 1px solid #1D1D1D;background: transparent;border-radius: 4px;color: #1D1D1D !important;} }
/* START Advertising landing styles*/
@media (min-width:501px){ .form-car-active { border-radius: 30px; background: none; border: 1px solid #D7D7D7; height: 150px } .form-car { border-radius: 30px; background: #fff; border: 1px solid #D7D7D7; height: 150px } .form-car-div-name { height: 100px } .form-car-name { color: #292D32; font-weight: 500; font-size: 16px; line-height: 20px } .ml5_pc{margin-left: 5px;} .mr5_pc{margin-right: 5px;} /* .advert_blockx .block_front {display: block;transition: opacity 0.2s linear;} .advert_blockx:hover .block_front {display: none;} .advert_blockx:hover .block_back {display: block;transition: opacity 0.2s linear;} */ .plg010per{padding: 0 10%;} .advert-landing .block-1{padding:80px 0;background:#FCE3C9;} .advert-landing .block-1 .block-1-img{margin-top: -15%;} .advert-landing .block-1 h2{font-style: normal;font-weight: 500;font-size: 48px;line-height: 56px;} .advert-landing .block-1 p{font-style: normal;font-weight: 400;font-size: 20px;line-height: 28px;margin-top: 16px;} .advert-landing .preimush {margin-top: -20%;padding-bottom: 171px;} .advert-landing .preimush p{font-style: normal;font-weight: 500;font-size: 20px;line-height: 28px;text-align: center;height: 40px;} .advert-landing .preimush img{max-height: 158px;width: auto;} .advert-landing .preimush .img-div{height: 158px;} .advert-landing .preimush-div-img-2{margin-top: -20px;} .advert-landing .preimush-div{padding: 40px 18px;background: #fff;} .advert-landing .block-2 .div-1{background: #F3DAC6;border-radius: 4px;padding:0 40px;padding-bottom: 1px;} .advert-landing .block-2 .div-1 .img-1{margin-top: -40px;} .advert-landing .block-2 .div-2{background: #F3DAC6;border-radius: 4px;} .advert-landing .block-2 .div-1 .text-1{font-style: normal;font-weight: 500;font-size: 20px;line-height: 28px;color: #EB702D;margin-top: 48px;} .advert-landing .block-2 .div-1 .text-2{font-style: normal;font-weight: 500;font-size: 28px;line-height: 30px;margin-top: 8px;} .advert-landing .block-2 .div-1 .text-3{font-style: normal;font-weight: 400;font-size: 18px;line-height: 26px;margin-top: 12px;} .advert-landing .block-2 .div-1 .section-btn{background: #EB702D;backdrop-filter: blur(32px);border-radius: 8px;font-style: normal;font-weight: 400;font-size: 16px;line-height: 24px;color: #FFFFFF;padding: 16px 36px;} .advert-landing .block-2 .div-1 .section-btn:hover, .advert-landing .block-2 .div-1 .section-btn:focus, .advert-landing .block-2 .div-1 .section-btn:active{color: #FFFFFF !important;background:#E9631B; } .advert-landing .block-2 .div-1 .btn-div{margin-top: 34px;margin-bottom: 82px;} .advert-landing .block-2 .div-1 .line_img{position: absolute;bottom: 0;right: 0;margin-right: 40px;} .advert-landing .block-2 .block-2-adv{margin-bottom: 14px;} .advert-landing .block-2 .block-2-adv .text-1{margin-top:8px;font-style: normal;font-weight: 500;font-size: 16.56px;line-height: 25px;border-bottom: 1.38px solid #F1C5A7;border-radius: 5.09365px;} .advert-landing .block-2 .block-2-adv .text-1 .text-price{font-style: italic;font-weight: 400;font-size: 16.56px;line-height: 25px;color: #EB702D;} .advert-landing .block-2 .block-2-adv .text-2{font-style: normal;font-weight: 400;font-size: 15.18px;line-height: 25px;} .advert-landing .block-2 .block-2-adv .hot-icon{position: absolute;left: 0;top: 0;margin-top: -12px;margin-left: -25px;} .advert-landing .block-2 .div-2 .text-1{font-style: normal;font-weight: 500;font-size: 24px;line-height: 32px;color: #EB702D;margin-top: 38px;} .advert-landing .block-2 .div-2 .text-2{font-style: normal;font-weight: 500;font-size: 32px;line-height: 40px;margin-top: 8px;} .advert-landing .block-2 .div-2 .text-3{font-style: normal;font-weight: 400;font-size: 18px;line-height: 26px;margin-top: 12px;} .advert-landing .block-2 .div-2{background: #F3DAC6;border-radius: 4px;padding:40px 40px 0px 40px;padding-bottom: 1px;} .advert-landing .block-2 .div-2 .section-btn{background: #EB702D;backdrop-filter: blur(32px);border-radius: 8px;font-style: normal;font-weight: 400;font-size: 16px;line-height: 24px;color: #FFFFFF;padding: 16px 36px;} .advert-landing .block-2 .div-2 .section-btn:hover, .advert-landing .block-2 .div-2 .section-btn:focus, .advert-landing .block-2 .div-2 .section-btn:active{color: #FFFFFF !important;background:#E9631B; } .advert-landing .block-2 .div-2 .btn-div{margin-top: 34px;margin-bottom: 68px;} .advert-landing .block-2 .div-2 .line_img{position: absolute;bottom: 0;right: 0;margin-right: 40px;} .advert-landing .block-3 .div-1{position:relative;background: #F3DAC6;border-radius: 4px;padding:20px 0 180px 40px;margin-top: 156px;margin-bottom: 128px;} .advert-landing .block-3 .div-1 .text-1{font-style: normal;font-weight: 500;font-size: 24px;line-height: 32px;color: #EB702D;margin-top: 38px;} .advert-landing .block-3 .div-1 .text-2{font-style: normal;font-weight: 500;font-size: 32px;line-height: 40px;margin-top: 8px;} .advert-landing .block-3 .div-1 .text-3{font-style: normal;font-weight: 400;font-size: 18px;line-height: 26px;margin-top: 12px;} .advert-landing .block-3 .div-1 .line_img{position: absolute;bottom: 0;left: 0;margin-left: 23px;} .advert-landing .block-3 .div-1 .section-btn{background: #EB702D;backdrop-filter: blur(32px);border-radius: 8px;font-style: normal;font-weight: 400;font-size: 16px;line-height: 24px;color: #FFFFFF;padding: 16px 36px;} .advert-landing .block-3 .div-1 .section-btn:hover, .advert-landing .block-3 .div-1 .section-btn:focus, .advert-landing .block-3 .div-1 .section-btn:active{color: #FFFFFF !important;background:#E9631B; } .advert-landing .block-3 .div-1 .btn-div{margin-top: 44px;} .advert-landing .block-3 .div-1 .main-img{position: absolute;top: 0;right: 0;margin-top: -12%;} .advert-landing .block-4 .text-1{font-style: normal;font-weight: 500;font-size: 24px;line-height: 32px;color: #EB702D;margin-top: 38px;} .advert-landing .block-4 .text-2{font-style: normal;font-weight: 500;font-size: 32px;line-height: 40px;color: #fff;margin-top: 8px;} .advert-landing .block-4 .text-3{font-style: normal;font-weight: 400;font-size: 18px;line-height: 26px;color: #fff;margin-top: 12px;} .advert-landing .block-4 .section-btn{background: none;backdrop-filter: blur(32px);border: 1px solid #FFFFFF;border-radius: 8px;font-style: normal;font-weight: 400;font-size: 16px;line-height: 24px;color: #FFFFFF;padding: 16px 36px;} .advert-landing .block-4 .section-btn:hover, .advert-landing .block-4 .section-btn:focus, .advert-landing .block-4 .section-btn:active{color: #FFFFFF !important; } .advert-landing .block-4 .btn-div{margin-top: 44px;} .advert-landing .block-4 .line_img{position: absolute;bottom: 0;left: 0;margin-left: 0px;} .block-4{background-color: #1D1D1D;padding: 60px 30px 0;position: relative;padding-bottom: 20px;} .advert-landing .block-5{position:relative;} .advert-landing .block-5 .div-1{position:relative;background: #F3DAC6;border-radius: 4px;padding:34px 20px 140px 20px;margin-top: 128px;} .advert-landing .block-5 .div-1 .text-1{font-style: normal;font-weight: 500;font-size: 24px;line-height: 32px;color: #EB702D;margin-top: 38px;} .advert-landing .block-5 .div-1 .text-2{font-style: normal;font-weight: 500;font-size: 32px;line-height: 40px;margin-top: 8px;} .advert-landing .block-5 .div-1 .text-3{font-style: normal;font-weight: 400;font-size: 18px;line-height: 26px;margin-top: 24px;} .advert-landing .block-5 .div-1 .text-4{font-style: normal;font-weight: 500;font-size: 24px;line-height: 32px;margin-bottom: 22px;} .advert-landing .block-5 .div-1 .line_img{position: absolute;bottom: 0;left: 0;margin-left: 23px;} .advert-landing .block-5 .div-1 .section-btn{background: none;backdrop-filter: blur(32px);border: 1px solid #EB702D;border-radius: 8px;font-style: normal;font-weight: 400;font-size: 16px;line-height: 24px;color: #EB702D;padding: 16px 36px;} .advert-landing .block-5 .div-1 .section-btn:hover, .advert-landing .block-5 .div-1 .section-btn:focus, .advert-landing .block-5 .div-1 .section-btn:active{color: #EB702D !important; } .advert-landing .block-5 .div-1 .btn-div{margin-top: 46px;} .advert-landing .block-5 .div-1 .main-img{position: absolute;top: 0;right: 0;margin-top: 35%;margin-right: -14px;} .advert-landing .block-5 .div-1 .clients{margin-top: 12px;padding-left: 55px;} .advert-landing .block-6{position:relative;} .advert-landing .block-6 .div-1{position:relative;background: #F3DAC6;border-radius: 4px;margin-top: 74px;margin-bottom: 200px; background-repeat: no-repeat;background-position: top;background-size: 100% !important;} .advert-landing .block-6 .div-1 .text-1{font-style: normal;font-weight: 500;font-size: 24px;line-height: 32px;color: #EB702D;margin-top: 38px;} .advert-landing .block-6 .div-1 .text-2{font-style: normal;font-weight: 500;font-size: 32px;line-height: 40px;margin-top: 8px;} .advert-landing .block-6 .div-1 .text-3{font-style: normal;font-weight: 400;font-size: 18px;line-height: 26px;margin-top: 24px;} .advert-landing .block-6 .div-1 .text-4{font-style: normal;font-weight: 500;font-size: 24px;line-height: 32px;margin-bottom: 22px;} .advert-landing .block-6 .div-1 .section-btn{background: none;backdrop-filter: blur(32px);border: 1px solid #EB702D;border-radius: 8px;font-style: normal;font-weight: 400;font-size: 16px;line-height: 24px;color: #EB702D;padding: 16px 36px;} .advert-landing .block-6 .div-1 .section-btn:hover, .advert-landing .block-6 .div-1 .section-btn:focus, .advert-landing .block-6 .div-1 .section-btn:active{color: #EB702D !important; } .advert-landing .block-6 .div-1 .btn-div{margin-top: 46px;} .advert-landing .block-6 .div-1 .main-img{position: absolute;top: 0;right: 0;margin-top: 35%;margin-right: -14px;} .advert-landing .block-6 .div-1 .clients{margin-top: 12px;padding-left: 55px;} .advert-landing .block-6 .line_img{position: absolute;bottom: 0;right: 0;margin-right: 61px;} .advert-landing .block-6 .div-1 .right-block{padding: 64px 40px 300px 0;} #modal_advert_banner_ad .modal-dialog, #modal_advert_telegram_ad .modal-dialog{margin: 40px auto !important;max-width: 500px !important;} #modal_advert_banner_ad .modal_prizyv_title, #modal_advert_telegram_ad .modal_prizyv_title{padding-bottom: 20px !important;padding-top: 15px !important;} #modal_logistics .modal-dialog, #modal_partner .modal-dialog {width: 820px !important;} #modal_logistics .modal-dialog, #modal_partner .modal-dialog{margin: 40px auto !important;} #modal_logistics .modal_prizyv_title, #modal_partner .modal_prizyv_title{padding-bottom: 20px !important;padding-top: 15px !important;} #modal_logistics .right_border,#modal_partner .right_border {border-right: 1px solid #4A4A4A!important;} #modal_logistics .car_img {width: 120%;position: absolute;margin-top: 5%;right: 0;} #modal_partner .car_img {width: 100%;position: absolute;margin-top: -12%;right: 0;} #modal_advertising .modal-dialog {width: 500px !important;} .active_filter{line-height: 22px;border-radius: 8px;padding: 4px 16px !important;display: block;} }
@media screen and (max-width:520px) { .transport__item-photo-block { width: 120px; height: 100px; outline-color: #fff; outline-style: auto } }@media (max-width:530px) { .tariff-title-visual { font-size: 20px } .tariff-title { font-size: 32px } .tariff-description { font-size: 14px } .tariff-description span { font-size: 14px } .tariff-description-free { font-size: 14px } } 
@media (max-width:550px) { .company__item-button { width: 100% } }
@media (max-width:554px) { .tariff-price-title_type { padding-left: 0; font-size: 16px } .tariff-price-cost { padding-left: 0; font-size: 14px } .tariff-price-title_type_price_first { padding-left: 0; font-size: 25px; margin-bottom: 53px } .tariff-price-title_type_price { padding-left: 0; font-size: 25px } .tariff-price-title_savings { padding-left: 0; font-size: 14px } .tariff-price_button { margin-left: 0; width: 185px } .chat-description, .chat-answer-description, .chat-username, .chat-username, .chat-answer-username, .modal-chat-answer-username, .modal-chat-answer-description { font-size: 13px } .chat-title { font-size: 16px } .chat-response-count { font-size: 15px } .chat-response-wrap { padding: 8px 10px 10px 10px } .modal-hint-guest-link-login, .modal-hint-guest-link { padding: 0; height: 45px; line-height: 40px; font-size: 13px } .modal-hint-guest-block { width: 90% } } 
@media (max-width:590px) { .header-image-city { display: none } }
@media (max-width:620px) { section.order { flex-direction: column } .aside-client, .content-body { width: 100%; padding: 0 } }
@media (max-width:660px) { .tariff-title-visual { font-size: 25px } .flex-row-lead { flex-direction: column } .company-img div { width: 100% } .bid-body-side { margin-top: 10px } .car-lead-response-title { font-size: 14px } .car-lead-wish-title { font-size: 14px } .company_button-page { margin-bottom: 10px; margin-right: 10px } .company_button-page-advert { margin-bottom: 10px } } 
@media (max-width:685px) { .car-lead-body { flex-direction: column } .car-lead-map { width: 55% } .car-lead-list { width: 100% } .car-lead-item { flex: 0 0 100% } } 
@media (min-width:699px) and (max-width:1024px) { .header-item-phone { font-size: 14px !important; display: block; flex: 1; text-align: right; margin-right: 1rem } .aside-client { width: 40% } .b24-widget-button-wrapper { display: none } .content-body h2 { font-size: 18px } .car-content { align-items: center } .modern { flex-direction: column } .event-item { flex-direction: column-reverse } .features__info { width: 100% } .mobile-cars { display: flex; flex-direction: row; justify-content: center; height: 100px; margin: 50px 0 0 0 } } 
@media (max-width:699px) { .card_3 {height: 200px !important;margin-bottom: 5px;} .hot_block_item_3 {padding: 0px !important;min-height: 200px !important;} .top_icon {position: absolute;top: 0;right: 0;margin-top: 10px;margin-right: 5px;} 
.visible-xs { display: block !important } table.visible-xs { display: table !important } tr.visible-xs { display: table-row !important } td.visible-xs, th.visible-xs { display: table-cell !important } .visible-xs-block { display: block !important } .visible-xs-inline { display: inline !important } .visible-xs-inline-block { display: inline-block !important } .hidden-xs { display: none !important } } 
@media (min-width:700px) { .modal-dialog-card {width: 100% !important;max-width: 1052px !important;margin: 30px auto;} .modal-dialog-advert {width: 720px;} .slick-initialized .slick-slide { display: block !important } .cupertino-pane-wrapper .pane { position: fixed; top: 0 !important; margin-top: 10%; width: 600px !important; z-index: 11; width: 100%; max-width: 600px; left: 0; right: 0; margin-left: auto; margin-right: auto; will-change: transform; padding-top: 15px; border-radius: 20px } .menu-subcategory-mobile-wrap { padding: 12px 0 0 0; background: #ECECEC; border-radius: 20px } .padding35pc { padding: 0 4% }}
@media screen and (min-width:700px) and (max-width:1023px){ .main_title_1{color: #04110A;font-family: 'Gilroy';font-style: normal; font-size: 38px;line-height: 46px;} .main_block .col-md-7 .width100p img{width: 100%;} .search_block{margin-top: 50px !important;padding-top: 30px !important;} .mob_filter .col-xs-8 .main_color{font-size: 20px !important;margin-bottom: 20px;} .mob_filter .col-xs-4 .mob_filter_btn{font-size: 20px !important;} .main_footer2 .appstore {padding: 12px 10px !important;margin-right: 5px !important;} .main_footer2{margin-bottom: 100px;} .main_footer2 .p1{margin-top: -20px;} .menu-mobile-plus {width: 24px;height: 24px;background: #EB702D;border-radius: 4px;} .profile_stat_sm{padding: 20px 10px;} .profile_stat_sm .stat_title{font-size: 15px !important;} } 
@media (max-width:700px) { .aside-menu { display: none } .aside__user { padding: 0 18px 15px; height: 96px } .aside__avatar { width: 59px; height: 59px } .aside__person { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .aside__name { font-size: .875rem } .aside__profile { padding: 15px 13px; font-size: .875rem } .aside__order { padding: 15px 13px; font-size: .875rem } .aside__favorites { padding: 15px 13px; font-size: .875rem } .aside__car { padding: 15px 13px; font-size: .875rem } .aside__company { padding: 15px 13px; font-size: .875rem } .aside__notifications { padding: 15px 13px; font-size: .875rem } .aside__projekt { padding: 15px 13px; font-size: .875rem } .aside__projekt-select { padding: 15px 13px } .aside__projekt-select--open { margin-top: 0 } .aside__projekt-item { font-size: .875rem } .aside__notification-item { font-size: .875rem } .aside__setting-title { padding: 15px 13px; font-size: .875rem } .aside__output { padding: 15px 13px } .booking__card { width: 100%; min-width: 320px; padding: 0; margin-bottom: 57px } .booking__title { font-size: 1.125rem } .advert-margin-checkbox { margin-left: 0 } .booking__desc { font-size: .875rem; width: 70% } .booking__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .booking__car-type { display: none } .booking__input-row { margin-bottom: 17px } .booking__input::-webkit-input-placeholder { font-size: .875rem } .booking__input:-ms-input-placeholder { font-size: .875rem } .booking__input::-ms-input-placeholder { font-size: .875rem } .booking__input::placeholder { font-size: .875rem } .booking__input { width: 100% } .booking__input_car { width: 100%; margin-bottom: 24px } .booking__select { width: 100%; margin-bottom: 20px } .booking__select-type { display: -webkit-box; display: -ms-flexbox; display: flex; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg' fill='%2375869A'%3E%3Cpath d='M5.953 6.787a.831.831 0 0 1-.59-.244L.245 1.423A.834.834 0 1 1 1.424.244l4.53 4.53 4.53-4.53a.834.834 0 1 1 1.178 1.18l-5.12 5.12a.831.831 0 0 1-.589.243z'/%3E%3C/svg%3E") 50% no-repeat; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 5px; height: 40px; border: 1px solid #b8c1cb; outline: none; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 1rem; line-height: normal; font-size: .875rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; cursor: pointer; background-position: right 13px center; padding: 5px 30px 5px 14px; color: #b8c1cb; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 100% } .booking__select-type option { color: #000 } .booking__select-type:focus, .booking__select-type:hover { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M5.953 6.787a.831.831 0 0 1-.59-.244L.245 1.423A.834.834 0 1 1 1.424.244l4.53 4.53 4.53-4.53a.834.834 0 1 1 1.178 1.18l-5.12 5.12a.831.831 0 0 1-.589.243z'/%3E%3C/svg%3E") 50% no-repeat; cursor: pointer; background-position: right 13px center; border: 1px solid #EB702D } .booking__link { width: 223px } .booking__btn { width: 100% } .booking__btn-white { width: 100% } .booking__input-row_type { display: -webkit-box; display: -ms-flexbox; display: flex } .booking__input-row, .booking__input-row_text { width: 100% } .booking__input-row_line-botom { border: none } .booking__input-row_car { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; margin-bottom: 0 } .booking__datepicker { width: 100% } .booking__datepicker_car { width: 100%; margin-bottom: 24px } .booking__textarea::-webkit-input-placeholder { font-size: .875rem } .booking__textarea:-ms-input-placeholder { font-size: .875rem } .booking__textarea::-ms-input-placeholder { font-size: .875rem } .booking__textarea::placeholder { font-size: .875rem } .booking__textarea_car { margin-bottom: 24px; font-size: .875rem } .booking__btn-close { display: none } .car__slider { margin-bottom: 15px; height: 380px } .car__sidebar-info { display: none } .car__sidebar-info_tablets { display: block; margin-bottom: 50px } .checkout_hide { top: -830px } .checkout__modal { padding: 40px 50px } .checkout__title { margin-bottom: 24px } .checkout__text { padding: 0 8px; font-size: .75rem } .comfort { padding: 70px 0 0 } .comfort__container { background: none; padding: 70px 5% } .comfort__title { font-size: 1.375rem; line-height: 1.8125rem } .comfort__desc { font-size: .875rem } .comfort__list { width: 100% } .comfort__title_gray { font-size: .875rem } .contact__map { top: 450px; height: 330px } .contact__our { width: 100%; height: 376px; padding: 23px 26px 0; margin-left: 0; margin-bottom: 343px } .contact__container { width: 90% } .contact__title { font-size: 1.875rem } .contact__address:before { width: 13px; height: 26px } .contact__btn { width: 250px; margin-top: 17px } .contact__booking { width: 90%; min-height: 446px } .contact__booking .booking__content { padding: 26px 17px 0 } .contact__booking .booking__input-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; margin-bottom: 0 } .contact__booking .booking__input { margin-bottom: 17px; margin-right: 0 } .digits { padding: 30px 0 } .digits__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .digits__item { margin-bottom: 26px } .digits__digit { font-size: 4rem } .digits__subtext { font-size: .875rem } .digits__title { font-size: 1.375rem } .divider_action { display: none } .divider_avatar { display: block } .form__input::-webkit-input-placeholder { font-size: .875rem } .form__input:-ms-input-placeholder { font-size: .875rem } .form__input::-ms-input-placeholder { font-size: .875rem } .form__input::placeholder { font-size: .875rem } .form__input { width: 100% } .form__select { width: 100% } .form__password { width: 100% } .form__item { width: 100% } .chat-wrap-block { padding-top: 35px; width: 100% } .mobile-sub-header-block { position: fixed !important; width: 100% } .account-menu--open { right: 10%; top: 3%; width: 58% } .account-menu__profile-subtitle, .account-menu__profile, .account-menu__projekt, .account-menu__setting-title, .account-menu__projekt { font-size: 12px } .content_singnin { padding: 68px 0 122px 0 } .container { padding-left: 15px } .my-profile__btn { height: auto } .my-profile__header { padding: 15px } .file-drop-zone { height: auto !important } .actions__info { width: 28px; height: 28px; display: block } .hamburger_user { width: 40px } .divider_vertical { display: block } .mobile-filter--open { width: 100%; padding: 30px } .accordion__btn { padding: 30px 0 } .mobile-filter__containner { padding: 25px 0 } .order-form .booking__input-row_margin { width: 75% } .mobile-menu__elem:hover, .mobile-menu__elem:focus { text-decoration: none; outline: none } .contact__btn { margin-top: 0 } .contact__container { padding: 0 } .form__item { margin-right: 0; margin-bottom: 0 } .filter__btn-group { padding-right: 0; margin-top: 30px } .empty__item { text-align: center } .booking__input-row_car { width: 100% } .booking__link_car { width: 100%; margin-top: 15px } #cancel-order form { padding: 0 15px } .container { padding: 0 } .driver-response h4 { text-align: center; padding: 10px 0 } .car-description-mini { margin-top: 15px } .services__item { width: 100% !important } .index .container { padding: 10px } .profile-content { margin-top: 0 } .my-orders__header { display: block; padding: 15px; height: auto } .my-orders__btn { width: 100% } h1 { margin-bottom: 20px } .scope__tablets #mobile, .scope__select-tablets, .scope__tablets_orders, .my-orders__item-card { width: 100% } .my-orders__info { padding-right: 15px; padding-left: 15px } .mobile-menu__form-city { width: 100%; margin-bottom: 20px } .car__container { padding: 10px } .transport__container { padding: 10px } .registration .header { margin-bottom: 0 } .my-profile__btn-gray { margin-bottom: 30px } .my-profile__info_padding { padding-right: 15px } .my-profile__info_setting { padding-bottom: 30px } .panel__content { max-height: 100% } .panel__btn-gray { width: 100%; margin-bottom: 30px } .transport-price-field .form-group { width: 100% } .my-car-form .panel__input { margin-bottom: 20px } .my-car-form .form-group, .my-car-form .transport-price-field { margin-bottom: 0 } .driver-order-table, .driver-order-filter { margin-top: 30px } .driver-order-table .panel { display: block } .driver-order-filter .account-filter__datepicker { width: 100% } .empty { font-size: 14px } .driver-order-filter .account-filter__item { height: auto; margin-bottom: 0 } .driver-order-filter .help-block { font-size: 14px } .table-responsive>.table tr>th, .table-responsive>.table tr>td { white-space: normal !important } .scope__btn { height: 30px !important; margin-right: 10px } .scope__btn-do { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important } .scope__btn-filter-close--active, .scope__btn-filter-open { height: 30px !important; margin-right: 10px } .panel-driver .panel__header { display: none } .panel-driver { background: transparent; border: none; box-shadow: none } .panel-driver #service_features_inputs .panel__input_step-3, .panel-driver #transport_features_inputs .panel__input_step-3 { margin-bottom: 30px } .offers-list__btns-blue_car { width: 100% } #checkout-service .checkout__modal, #checkout .checkout__modal { padding: 30px 15px } .actions__hamburger { width: 45px } .booking__car-type_order .checkbox__item { display: inline-block } .checkout__form.booking .checkbox__list { display: block } .page-content .services__main-title { font-size: 18px } .booking__card_contact { padding: 0 } .contact__booking .booking__content { padding: 30px 15px } .contact__booking .booking__input-row_margin { margin-bottom: 15px } .booking__card .about__card { padding: 30px 0 0 0 } .my-orders__block-center, .my-orders__block-left, .my-orders__block-right { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .my-orders__info_notifications { padding: 0 } .my-orders__list { display: none } .my-orders__list-card { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .my-favorites { margin-left: 0 } .my-orders { margin-left: 0 } .main-content__elem { display: none } .main-content__item:after { display: none } .main-content__header { border-bottom: none } .main-content__title { font-size: .875rem; margin-bottom: 0 } .actions__interval { display: none } .actions__btn { display: -webkit-box; display: -ms-flexbox; display: flex; width: 21px; height: 20px; cursor: pointer; margin-right: 12px } .account-menu__profile { padding: 15px 13px; font-size: .875rem } .account-menu__order { padding: 15px 13px; font-size: .875rem } .account-menu__department { padding: 15px 13px; font-size: .875rem } .account-menu__favorites { padding: 15px 13px; font-size: .875rem } .account-menu__car { padding: 15px 13px; font-size: .875rem } .account-menu__notifications { padding: 15px 13px; font-size: .875rem } .account-menu__projekt { padding: 15px 13px; font-size: .875rem } .account-menu__projekt-select { padding: 15px 13px } .account-menu__projekt-select--open { margin-top: 0 } .account-menu__projekt-item { font-size: .875rem } .account-menu__setting-title { padding: 15px 13px; font-size: .875rem } .account-menu__output { padding: 15px 13px } .select { display: none } .my-orders__block-left { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column } .my-orders__avatar { margin-bottom: 10px } .my-orders__person { text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .my-profile { margin-left: 0 } .my-profile__info { padding: 15px } .offers-list.offers-list--active { display: none } .offers__list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .offers__item { min-width: 250px; width: 45%; margin: 0 2% 20px } .offers__item-card { padding-top: 20px } .offers__item-rating { margin-bottom: 8px } .panel__content { max-height: 1100px } .panel__input, .panel__input_step-3 { width: 100% } .panel__input-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column } .panel__input-row_space { -ms-flex-flow: wrap; flex-flow: wrap } .panel__input-row_singnin { margin-bottom: 65px } .panel__btn-blue { width: 48% } .panel__btn-blue_step-4 { width: 224px } .panel__btn-gray { width: 48% } .questions__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; min-height: 202px } .questions__subtext, .questions__title { font-size: 1.125rem } .questions__text { width: 100%; padding-right: 20%; margin-bottom: 27px } .questions__link { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin-bottom: 31px } .questions__btn { width: 90%; margin-right: 0 } .registry__right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .registry__display { display: none } .registry__tablets { display: -webkit-box; display: -ms-flexbox; display: flex; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #000; width: 142px } .registry__tablets span { font-size: .75rem } .registry__select-tablets { display: -webkit-box; display: -ms-flexbox; display: flex; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg' fill='%2375869A'%3E%3Cpath d='M5.953 6.787a.831.831 0 0 1-.59-.244L.245 1.423A.834.834 0 1 1 1.424.244l4.53 4.53 4.53-4.53a.834.834 0 1 1 1.178 1.18l-5.12 5.12a.831.831 0 0 1-.589.243z'/%3E%3C/svg%3E") 50% no-repeat; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 5px; border: 1px solid #b8c1cb; outline: none; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 1rem; line-height: normal; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; cursor: pointer; background-position: right 13px center; padding: 5px 30px 5px 14px; color: #b8c1cb; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 100%; height: 40px; font-size: .875rem; color: #000 } .registry__select-tablets option { color: #000 } .registry__select-tablets:focus, .registry__select-tablets:hover { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M5.953 6.787a.831.831 0 0 1-.59-.244L.245 1.423A.834.834 0 1 1 1.424.244l4.53 4.53 4.53-4.53a.834.834 0 1 1 1.178 1.18l-5.12 5.12a.831.831 0 0 1-.589.243z'/%3E%3C/svg%3E") 50% no-repeat; cursor: pointer; background-position: right 13px center; border: 1px solid #249af3 } .how-it-works__container { min-width: 320px; width: 100% } .how-it-works__slide-icon { width: 66px; height: 66px } .how-it-works__slides { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .how-it-works__slide-wrapper:before { display: none } .how-it-works__slide-wrapper { margin-bottom: 37px } .registry__btn-do { display: none } .reviews { padding: 0; min-height: 350px } .reviews_car { margin-bottom: 64px; padding-top: 55px } .reviews__container_car { padding: 0 } .reviews__slide>* { margin-bottom: 10px } .reviews__slide { padding-right: 0; padding-left: 20px; min-height: 245px } .reviews__avatar { width: 60px; height: 60px; margin-right: 20px } .reviews__text { font-size: .875rem } .reviews__user-info { font-size: .875rem } .reviews__buttons { -ms-flex-flow: wrap; flex-flow: wrap; top: 30px; right: 0 } .reviews__next { margin-right: 16.5px; margin-bottom: 0 } .reviews__next:hover>.reviews__button-icon-left, .reviews__prev:hover>.reviews__button-icon-left { width: 10px; height: 6px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg) } .reviews__next:hover>.reviews__button-icon-left_car, .reviews__prev:hover>.reviews__button-icon-left_car { -webkit-transform: rotate(90deg); transform: rotate(90deg) } .reviews__next:hover>.reviews__button-icon, .reviews__prev:hover>.reviews__button-icon { width: 10px; height: 6px; -webkit-transform: rotate(90deg); transform: rotate(90deg) } .reviews__next:hover>.reviews__button-icon_car, .reviews__prev:hover>.reviews__button-icon_car { -webkit-transform: rotate(-90deg); transform: rotate(-90deg) } .reviews__next, .reviews__prev { width: 32.5px; height: 32.5px } .reviews__next_car { margin-right: 0 } .reviews__button-icon { width: 10px; height: 6px; -webkit-transform: rotate(90deg); transform: rotate(90deg) } .reviews__button-icon_car { -webkit-transform: rotate(-90deg); transform: rotate(-90deg) } .reviews__button-icon-left { width: 10px; height: 6px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg) } .reviews__button-icon-left_car { -webkit-transform: rotate(90deg); transform: rotate(90deg) } .reviews__car-single { max-width: 100%; min-width: 100% } .reviews__quote { width: 52px; height: 45px } .scope__display { display: none } .scope__tablets { display: -webkit-box; display: -ms-flexbox; display: flex; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #000; width: 30% } .scope__tablets span { font-size: .75rem } .scope__select-tablets { display: -webkit-box; display: -ms-flexbox; display: flex; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg' fill='%2375869A'%3E%3Cpath d='M5.953 6.787a.831.831 0 0 1-.59-.244L.245 1.423A.834.834 0 1 1 1.424.244l4.53 4.53 4.53-4.53a.834.834 0 1 1 1.178 1.18l-5.12 5.12a.831.831 0 0 1-.589.243z'/%3E%3C/svg%3E") 50% no-repeat; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 5px; border: 1px solid #b8c1cb; outline: none; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 1rem; line-height: normal; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; cursor: pointer; background-position: right 13px center; padding: 5px 30px 5px 14px; color: #b8c1cb; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 142px; height: 40px; font-size: .875rem; color: #000 } .scope__select-tablets option { color: #000 } .scope__select-tablets:focus, .scope__select-tablets:hover { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M5.953 6.787a.831.831 0 0 1-.59-.244L.245 1.423A.834.834 0 1 1 1.424.244l4.53 4.53 4.53-4.53a.834.834 0 1 1 1.178 1.18l-5.12 5.12a.831.831 0 0 1-.589.243z'/%3E%3C/svg%3E") 50% no-repeat; cursor: pointer; background-position: right 13px center; border: 1px solid #249af3 } .scope__item { margin: 0 } .scope__item_view:after { display: none } .scope__elem { display: none } .scope__btn { height: 40px } .scope__btn-filter-close--active { height: 40px } .scope__btn-filter-open { height: 40px } .scope__btn-do { display: none } .company__top_name { font-size: 20px } .company__top_title { font-size: 16px } .transport__item-body-category { font-size: 16px } .company__top_contact { font-size: 16px } .company__content-title { font-size: 20px } .services__list { margin-bottom: 62px } .company__top_left { width: 100% } .company__top_block { flex-direction: column } .company__top_right { width: 100% } .company__top_left { width: 100% } .services__item { width: 100%; height: 250px; margin-bottom: 32px; min-width: 284px } .services__text { top: 50px; left: 36px } .services__title { font-size: .875rem; margin-bottom: 23px } .services__count { font-size: 2.25rem } .services__main-title { display: none } .statistics { padding: 15px } .gallery-top { height: 100% } .gallery-thumbs { display: none } .user-type__form { overflow: hidden } .user-type__list { flex-wrap: wrap; margin: 32px 0 28px; justify-content: center !important } .user-type__item { min-width: 70% } .user-type__text { font-size: 10px } .user-type__item:last-child { margin-right: 0 } .user-type__label { height: 344px } .account-header__tablets { display: -webkit-box; display: -ms-flexbox; display: flex } .account-header__select { border: 1px solid #b8c1cb; border-radius: 5px; width: 45%; height: 40px; padding: 5px } .account-header__select { margin-right: 0 } .account-header { padding: 20px } .user-type__radio { display: none } .user-type__legal { display: block } .account-order__info { padding: 15px } .account-order { margin-left: 0 } .add-project__select { width: 100% } .add-project__input { width: 100% } .add-project__textarea::-webkit-input-placeholder { font-size: .875rem } .add-project__textarea:-ms-input-placeholder { font-size: .875rem } .add-project__textarea::-ms-input-placeholder { font-size: .875rem } .add-project__textarea::placeholder { font-size: .875rem } .add-project__input-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column } .add-project__modal { top: 80% } .add-project { top: -830px } .actions__arrow { display: none } .account-registry { margin-left: 0 } .account-order__header { padding: 20px } .about__container { min-height: 400px; padding: 20px 0 0 5%; text-align: center; background: none } .account-main { margin-left: 0 } .booking__card { width: auto } .account-main__tablets { display: flex; flex-flow: column; width: 100%; margin-bottom: 48px } .chats_modal_left {display: none;padding:0!important;} .mobile__cart { display: flex } .features__image { margin-top: 30px } .dropdown-menu-statistic-modal-title { font-size: 12px } .dropdown-menu-statistic-modal { padding: 3px 0 0 0 } .wrap-menu-item-link { font-size: 13px; padding: 15px 25px 15px 15px } .sub-wrap-menu-item-link { font-size: 11px } .company__top_description { width: 100% } .lead-alternative-sublink { font-size: 14px } .lead-alternative-subitem:after { margin: 0 5px } .lead-alternative-item { margin-bottom: 15px } .request-lead-container-mobile { height: 120% !important } .request-lead-title { font-size: 24px; margin-top: 40px; margin-bottom: 30px } .request-lead-title-alternative { font-size: 16px } .advert-block-pay { flex-direction: column } .advert-block-item-wrap:nth-child(3n-1) { margin-right: 0; margin-left: 0; margin-top: 10px; margin-bottom: 10px } .advert-block-item { flex-direction: row } .advert-block-item-pick { flex-direction: row } .advert-pay-image { width: 40px; margin-right: 20px } .advert-pay-info { align-self: center; margin: 0 } .advert-block-subtitle { font-style: italic; font-size: 12px } .dropdown-wrap-top:hover~.top-preview-hint { top: -56%; left: 17%; width: 61%; height: 50% } .dropdown-wrap-top:hover~.medal-preview-hint { top: -103%; left: 17%; width: 60%; height: 98% } .advert-pay-title { font-size: 18px; transform: none } .advert-pay-subtitle { transform: none } .profile-advert-title { font-size: 20px } .profile-advert-subtitle { font-size: 12px } .benefits__list { flex-direction: column; align-items: center } .benefits__item { margin-right: 0; margin-bottom: 10px } .request-lead-info-block { border-radius: 0 !important; box-shadow: 0 4px 24px rgb(0 0 0 / 12%); backdrop-filter: blur(50px) } .summary__list { flex-direction: column; align-items: center } .summary__item { margin-bottom: 30px; margin-right: 0 } .summary__title { font-size: 22px } .summary__item:last-child { margin-bottom: 0 } .banner-block-title { font-size: 12px } .review__title { font-size: 22px } .review__item { flex-direction: column; text-align: center } .modal-body-city { margin: 0px 10px 0 10px !important;} }
@media (min-width:700px) and (max-width:991px) { .visible-sm { display: block !important } table.visible-sm { display: table !important } tr.visible-sm { display: table-row !important } td.visible-sm, th.visible-sm { display: table-cell !important } .visible-sm-block { display: block !important } .visible-sm-inline { display: inline !important } .visible-sm-inline-block { display: inline-block !important } .hidden-sm { display: none !important } #create-order .booking__input-row_car .form-group { margin-bottom: 0 } .checkout-order .checkout__title { margin: 0 0 0 20px } .booking__card_contact { padding: 50px } }
@media (max-width:789px) { .tariff-price-block_list { justify-content: space-around } #filter_main_form_leads { width: 100% } .search-columns-row { display: block } } 
@media (max-width:835px) { .company__item:nth-child(1n-1) { margin-left: 0; margin-right: 0; width: 96% } .company__item { flex: 1 0 80% } }
@media (max-width:882px) { .company__content-item:nth-child(1n-1) { margin-left: 0; margin-right: 0; flex: 0 0 100% }}
@media (min-width:600px) and (max-width:882px) { .calculate_block_percent{margin-top: 35px !important;font-size: 34px !important;} .investorpage-content-3 .third_title{margin-top: 100px !important;} .investorpage-head .main-phones{width:100%;margin-top: 60px;} .investorpage-content-2 .second_title{margin-top:50px;} .investorpage-head .main_title_1{    font-size: 38px !important;line-height: 42px !important;} .investorpage-head .main_title{line-height: 32px !important;margin-top: 20px !important;font-size: 24px !important;}.investorpage-head .main_btn{margin-bottom:20px;}} 
@media (max-width:810px) { .tariff-container-header { justify-content: center } .tariff-top-right { display: none } .tariff-top-left { width: 620px; background-image: url('/../img/tariff-background.png') } .tariff-advantage_block_list { display: block; max-width: 430px; margin: 0 auto } .tariff-advantage-title { text-align: center } .oi-block-print { margin-top: 10px } .my-lead__item-card { flex: 1 0 80% } .my-car__item-card { flex: 1 0 80% } .my-lead__item-card:nth-child(3n-1) { margin-left: 0; margin-right: 0 } .my-car__item-card:nth-child(3n-1) { margin-left: 0; margin-right: 0 } } 
@media (max-width:880px) { .header__left { width: 50% } .btn-chat-input-text { padding: 10px 10px; font-style: normal; height: 40px; font-weight: 500; font-size: 14px } .chat-panel-footer { position: fixed; bottom: 8%; padding: 2px 20px 0 0 } .transports__list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .transport__item { width: 70% } .company__top_buttons-block { flex-direction: column; height: 146px; align-items: flex-start } .order-margin-style { margin: 0; margin-bottom: 5% } .company__item-button { width: 53% } .header-buttons-mobile { display: none; font-size: 12px; flex: 1; text-align: right; margin-right: 1rem } .header__menu-button { display: none } .header__center { display: none } .header__actions { width: 20% } .hamburger { display: inline-block !important } .menu-bottom-mobile-wrap { display: flex; z-index: 4;justify-content: center;align-items: center; } .wrap-menu-item-mobile { display: block } .input-group-chat-btn { left: inherit } .chat-list { height: 70vh } }
@media (max-width:960px) { .change-city { display: none } .hamburger { display: block } .header__left { width: 70% } .header__actions { width: 100px } .header__center { display: none } } 
@media screen and (max-width:968px) { .footer { height: 100% } .footer__wrapper { justify-content: center; flex-direction: column; align-items: center; text-align: center } .footer-item-logo { justify-content: center } .footer__social { align-self: auto } }
@media (max-width:985px) { .car-card { display: block } }
@media (max-width:989px) { .company-row { flex-direction: column; margin-top: 10px } .padding-zero { padding-left: 0 } } 
@media (max-width:990px) { .row {flex-direction: inherit;}  .oi-block { flex-direction: column } .car-lead-item { flex: 0 0 50% } .account-lead-order { width: 100% } .car-suggests-wrap { display: block } .car-suggests-checkbox { position: initial } } 
@media (min-width:991px) { .padding-left-zero { padding-left: 0 } }
@media (max-width:991px) { body { background: #f5f5f5 !important } .header { background: none } .chat-background-mobile { background: none !important } .chat-wrap-block { display: none } .section4_title { margin-top: 60% !important } }
@media (min-width:992px) { .account_center_block {padding: 0 23px;} .mt-15_mob{margin-top: -15px;} .width75rem {width: 75rem !important;} .width80rem {width: 80rem}.width84rem {width: 84rem}.width70rem {width: 70rem}.width74_4rem {width: 74.4rem} .flex-container {display: flex;} .flex-item {flex: 1;text-align: center;} .col-md-20 {width: 20%;} }
@media (min-width:992px) and (max-width:1023px) { .visible-md { display: block !important } table.visible-md { display: table !important } tr.visible-md { display: table-row !important } td.visible-md, th.visible-md { display: table-cell !important } .visible-md-block { display: block !important } .visible-md-inline { display: inline !important } .visible-md-inline-block { display: inline-block !important }  .hidden-md { display: none !important } } 
@media (min-width:992px) and (max-width:1200px) { #create-order .booking__input-row_car .form-group { margin-bottom: 0 } .checkout-order .checkout__title { margin: 0 0 0 20px } .booking__card_contact { padding: 50px } } 
@media screen and (max-width:1000px) { .header__nav { display: none } .hamburger { display: flex } .container_block-registration { width: 90% } }
@media (min-width:1024px) and (max-width:1200px) { .header-item-phone { display: block; flex: 1; text-align: right; margin-right: 1rem } } 
@media screen and (max-width:990px) { .row { flex-direction: column } .row-company { display: block } .col-company { padding: 0 } #modal-form-company-lead .row { flex-direction: column; align-items: inherit } .user-type__form-block .row { flex-direction: column; align-items: inherit } } 
@media (max-width:1035px) { body {background: #F9F6ED;} .container{width: 100%; } .container {padding: 0;} .main-content {margin-left: 0!important;} .request-lead-chat-block {height: 92vh;margin-bottom: 100px;} .chat-list {height: 100%;margin-bottom: 30px;bottom: 0;position: unset;} .chat-panel-footer {position: fixed;bottom: 0;margin-bottom: 0px;background: none;width: 100%;border-bottom-right-radius: 16px;left: 0;margin-left: 12%;} .request-lead-container {height: 100vh;} .mobile-sub-header-block {display: flex;z-index: 9;} .btn-chat-input-text{width: 100% !important;} .booking__container { width: 90% } .booking__card { min-width: 765px; padding: 43px 30px 83px } .car__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column } .car__info { width: 100%; max-width: 100% } .car__sidebar { width: 100%; margin-left: 0 } .car__related { display: none } .car__related-link { height: 150px } .checkout__modal { min-width: 85% } .comfort__list { width: 65% } .digits__list { min-width: 765px; width: 100% } .digits__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 35% } .divider_info { display: none } .divider_account-main { display: none } .filter, .ad { display: none } .my-orders__block-center, .my-orders__block-right { padding-left: 15px } .header-text-city { margin: 0 10px !important } .main-content__filter { border-radius: 5px; min-width: 102px; height: 38px; display: flex; -webkit-transition: all .3s; transition: all .3s; font-weight: 400; color: black; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; border: 1px solid #b8c1cb; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 127px; height: 40px; padding: 12px 0; align-items: center; justify-content: center } .filter__company-category { display: none } .filter__chat-category { display: none } .slider-chat-banner { display: block !important; margin-top: 5px } .chat-item { width: 100% } .main-content__block_search { width: 100%; margin-top: 15px } .transport__item-header-mobile-button { margin-top: 10px; margin-bottom: 10px } .company-main-content-top-buttons { flex-wrap: wrap } .company-main-content-top-buttons { display: none } .company-main-content-top-buttons-mobile { display: flex } .main-content__block_header { display: flex } .company-buttons-wrap { display: none } .company-main-chat-top { display: none } .company_button-order-page { font-size: 13px } .filter__company-category-mobile-service-block { display: flex } .account-menu-chat-mobile { display: flex; width: 100%; padding-left: 1px; margin-bottom: 20px } .banner-menu-chat-mobile { display: flex; justify-content: center; margin-bottom: 20px } .banner-menu-chat-mobile img { width: 92%; border-radius: 15px } .request-lead-container-block-item-left { width: 100% } .request-lead-container-block-item-left img { display: block; width: 100%; margin-bottom: 20px } .request-lead-container-block-item-left { padding-top: 0 } .request-lead-container-block-item-right { display: none } #chat-category-request { width: 100% } .chat-block-wrap-main { display: none } .filter__company-category-mobile { margin-bottom: 10px } .company_search_service-list { flex-direction: row } .company_search_service-item { flex: 0 0 50%; width: 100%; border: 1px solid #fff } .modal-hint-guest-image { width: 100% } .modal-hint-guest-text { font-size: 15px; line-height: 20px } .modal-hint-guest-block-login { flex-direction: column } .modal-hint-guest-link-login { margin-bottom: 20px; margin-right: 0 } .mobile-sub-header-block { display: flex } .request-lead--back-bock { display: none } .request-lead-info-block-chat { display: none; text-align: center; padding: 10px 0 10px 0 } .request-lead-info-back-block { display: none } .company-main-chat-top-mobile { display: block !important } .company-main-chat-top-company { display: flex !important } .search_chat-filter-wrap-block { display: flex } .company-block-wrap-main { display: none } .modal-notification-telegram-block { flex-direction: column; position: fixed; bottom: 0; z-index: 1 } .modal-notification-telegram-btn { padding: 10px 20% } .modal-notification-telegram-text { font-size: 16px; margin-bottom: 10px } .btn-advert-page { font-size: 13px } .transport__item-header-button { font-size: 13px } .header__city_btn { font-size: 15px; line-height: 28px; } body { background: #F9F6ED } .container { width: 100% } .container { padding: 0 !important } .main-content { margin-left: 0 !important } .request-lead-chat-block { height: 92vh; margin-bottom: 100px } .chat-list { height: 100%; margin-bottom: 30px; bottom: 0; position: unset } .chat-panel-footer { position: fixed; bottom: 0; margin-bottom: 0; background: none; width: 100%; border-bottom-right-radius: 16px; left: 0 } .request-lead-container { height: 100vh } .mobile-sub-header-block { display: flex; z-index: 9 } .btn-chat-input-text { width: 100% !important } .scope__item:first-child, .scope__item:nth-child(2), .scope__item:nth-child(3) { display: -webkit-box; display: -ms-flexbox; display: flex } .scope__item .btn-group { display: -webkit-box; display: -ms-flexbox; display: flex } .header__center { width: 550px } .offers-list__btns-white_car { width: 47% } .offers-list__btns-row { -ms-flex-flow: wrap; flex-flow: wrap } .my-orders__elem { padding: 20px 15px 0 } .mobile-filter { padding: 2rem; top: 100px } .my-orders__content_notifications { border: none } .main-content__select { display: none } .main-content__select-interval { display: -webkit-box; display: -ms-flexbox; display: flex; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg' fill='%2375869A'%3E%3Cpath d='M5.953 6.787a.831.831 0 0 1-.59-.244L.245 1.423A.834.834 0 1 1 1.424.244l4.53 4.53 4.53-4.53a.834.834 0 1 1 1.178 1.18l-5.12 5.12a.831.831 0 0 1-.589.243z'/%3E%3C/svg%3E") 50% no-repeat; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 5px; border: 1px solid #b8c1cb; outline: none; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 1rem; line-height: normal; font-size: .875rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; cursor: pointer; background-position: right 13px center; color: #b8c1cb; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; height: 40px; width: 142px; padding: 5px 30px 5px 15px; margin: 0; color: #000; -webkit-box-flex: initial; -ms-flex: initial; flex: initial } .main-content__select-interval option { color: #000 } .main-content__select-interval:focus, .main-content__select-interval:hover { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M5.953 6.787a.831.831 0 0 1-.59-.244L.245 1.423A.834.834 0 1 1 1.424.244l4.53 4.53 4.53-4.53a.834.834 0 1 1 1.178 1.18l-5.12 5.12a.831.831 0 0 1-.589.243z'/%3E%3C/svg%3E") 50% no-repeat; cursor: pointer; background-position: right 13px center; border: 1px solid #249af3 } .main-content__results { display: none } .how-it-works__slider-wrapper { min-width: 765px } .how-it-works__swiper { min-width: 765px } .select { width: 40% } .divider_vertical { width: 30px } .actions__interval { display: -webkit-box; display: -ms-flexbox; display: flex; width: 21px; height: 20px; cursor: pointer; margin-right: 5px } .offers-list__btns-blue_car { width: 47% } .offers__list { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .offers__item { width: 31%; margin: 0 0 20px } .panel__content_third { max-height: 700px } .panel__input_client { margin-bottom: 20px } .modern__image img, .event__image img, .build__image img { width: 100% } .header--account .select { display: none } .how-it-works__container { min-width: 765px } .how-it-works__slides { padding-left: 75px; min-width: 768px } .panel__input-group_step-3 { margin-top: 15px } .panel__input-row_client { margin-bottom: 0 } .registry__btn-do { width: 145px } .reviews__container_car { padding-left: 10px; padding-right: 10px } .scope__list { width: 70% } .scope__item:first-child, .scope__item:nth-child(2), .scope__item:nth-child(3), .scope__item:nth-child(4), .scope__item:nth-child(5) { display: none } .scope__btn-filter-close--active { width: 145px } .scope__btn-filter-close--active, .scope__btn-filter-close--active:active, .scope__btn-filter-close--active:focus, .scope__btn-filter-close--active:hover { background-position: left 10px center } .scope__btn-filter-open { width: 145px; padding: 6px 5px 6px 11px } .scope__btn-filter-open, .scope__btn-filter-open:active, .scope__btn-filter-open:focus, .scope__btn-filter-open:hover { background-position: left 10px center } .scope__btn-do { width: 163px } .services__item { margin-bottom: 2%; min-width: 320px } .account-header { padding: 30px 27px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .account-header__select { width: 50%; margin-right: 20% } .account-header__select_last { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 0; margin-left: 20% } .account-header__nav { display: none } .user-type__text { padding: 0 22px } .add-project__modal { min-width: 85% } .actions__info { display: none } .account-order__header { padding: 30px 27px } }
@media (max-width:1055px) { .search-columns-row { margin-top: 10px } } 
@media (max-width:1100px) { .transports__list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .transport__item { width: 70% } } 
@media (max-width:1150px) { .company__item:nth-child(1n-1) { margin-left: 0; margin-right: 0 } .company__item { flex: 0 0 90% } }
@media (max-width:1190px) { .company__content-list { justify-content: center } }
@media (min-width:1200px) { .visible-lg { display: block !important } table.visible-lg { display: table !important } tr.visible-lg { display: table-row !important } td.visible-lg, th.visible-lg { display: table-cell !important } .visible-lg-block { display: block !important } .visible-lg-inline { display: inline !important } .visible-lg-inline-block { display: inline-block !important } .hidden-lg { display: none !important } } 
@media (min-width:1200px) and (max-width:1367px) { .social-modal { width: 350px } #create-order .booking__input-row_car .form-group { margin-bottom: 0 } .checkout-order .checkout__title { margin: 0 0 0 20px } }
@media (max-width:1200px) { .car__related-link { height: 160px } .driver { min-width: 1000px } .my-lead__item-card { flex: 0 0 32% } .my-lead__item-card { margin-left: 0; margin-right: 0 } .my-lead__item-card:nth-child(3n-1) { margin-left: 2%; margin-right: 2% } .nf-block { display: none } .nav-user { justify-content: center; min-width: 50px } .offers-list__btns-blue_car { width: 100%; margin-bottom: 20px } .offers__list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .offers__item { width: 48%; margin: 0 2% 20px } .panel__container { width: 95% } .offers-list__btns-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column } .offers-list__btns-white_car { width: 100% } .booking { justify-content: center; justify-items: center; align-items: center } .booking__card { width: 750px; padding: 20px } .panel__container { width: 95% } .reviews__container { padding-left: 20px; padding-right: 20px } .reviews__buttons { right: 20px } .scope__list { width: 77% } .services__item { width: 48% } .shape { min-width: 1000px } .signin__container { width: 95% } .statistics__list { -ms-flex-flow: wrap; flex-flow: wrap } .statistics__item { margin-bottom: 30px } .statistics__item:last-child { margin-right: 18px } .account-filter__btn-group_driver { -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100% } .account-header { padding: 30px 15px } .account-header__select { font-size: 1rem } .account-header__elem { font-size: .75rem } .account-header__select-menu { font-size: .75rem } .account-header__nav { padding-left: 15px } .account-order__table { min-width: 1000px } .account-filter_driver { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column } .account-order_register { min-width: 1000px } .account-order_statement { min-width: 1000px } .account-order__info { overflow: scroll } .account-filter--active { width: 102% } .account-filter__list_driver { width: 100% } .account-shape--active { width: 102% } .account-order__header-elem { font-size: .75rem } .account-order__header { padding: 30px 15px } .mobile__menu-active { display: flex }  .header__login:hover { background-color: transparent; color: #EB702D } .header-buttons-mobile { display: flex } .nav__item { margin-right: 0; margin-bottom: 7px } .features__title { font-size: 35px } .features__image img { max-width: 100% } .benefits__item { margin-right: 10px } }
@media (max-width:1250px) { .company__content-item:nth-child(1n-1) { margin-left: 2%; margin-right: 2%; flex: 0 0 46% } .footer-item-logo .city { display: none } .features__image-block { display: none } .features__info-block-row { text-align: center; justify-content: center } .main-image { display: none } }
@media (max-width:1260px) { .main-image { right: 5.6% } }
@media (max-width:1280px) { .main-image { right: 5.8% } } 
@media (max-width:1300px) { .add-project { top: -722px } .btn-group { display: none } .actions__interval { display: block; width: 30px } .main-image { right: 6.6% } }
@media (max-width:1320px) { .main-image { right: 6.7% } .company-main-chat-top { margin-top: 20px } .transport__item-header-button:hover~.dropdown-menu-order-hint-modal { top: -255% } } 
@media (max-width:1330px) { .main-image { right: 6.8% } }
@media (max-width:1340px) { .main-image { right: 6.9% } } 
@media (max-width:1360px) { .main-image { right: 7% } } 
@media (max-width:1400px) { .main-image { right: 8.7% } }  
@media (max-width:1440px) { .banner1_div { width: 100%; height: 260px; background: rgb(238, 227, 194); background: linear-gradient(90deg, rgba(238, 227, 194, 1) 0%, rgba(233, 209, 138, 1) 100%); border-radius: 16px } .banner1_title { padding-top: 7%; font-weight: 600 !important; font-size: 24px !important; line-height: 24px !important; margin-left: 30px !important } .banner1_lines { width: 30% !important; position: absolute; bottom: 0; margin-bottom: 100px; left: 0; margin-left: 10% } .banner1_img { width: 320px !important; position: absolute; bottom: 0; right: 0; margin-right: 30px } .banner2_div { width: 100%; height: 260px; background: rgb(238, 227, 194); background: linear-gradient(90deg, rgba(238, 227, 194, 1) 0%, rgba(233, 209, 138, 1) 100%); border-radius: 16px } .banner2_title { padding-top: 7%; font-weight: 600 !important; font-size: 24px !important; line-height: 24px !important; margin-left: 30px !important } .banner2_img3 { width: 50% !important; position: absolute; bottom: 0; margin-bottom: 10%; right: 0; margin-right: 20% } .banner2_img2 { width: 50% !important; position: absolute; right: 0; bottom: 0; margin-right: 2% } .banner2_img1 { width: 50% !important; position: absolute; bottom: 0; margin-bottom: 3%; left: 0; margin-left: 9% } .banner3 { width: 100%; height: 220px; background: rgb(238, 227, 194); background: linear-gradient(90deg, rgba(238, 227, 194, 1) 0%, rgba(233, 209, 138, 1) 100%); border-radius: 16px } .banner3_title { padding-top: 4%; padding-bottom: 2%; font-weight: 600 !important; font-size: 32px !important; line-height: 40px; margin-left: 30px !important } .banner3_text1 { color: #EB702D; font-weight: 600 !important; font-size: 24px !important; line-height: 32px !important; margin: 10px 0 10px 15px } .banner3_text2 { font-size: 16px !important; line-height: 26px !important; margin: 5px 0 0 15px } .banner4_div { width: 100%; height: 220px; background: rgb(238, 227, 194); background: linear-gradient(90deg, rgba(238, 227, 194, 1) 0%, rgba(233, 209, 138, 1) 100%); border-radius: 16px } .banner4_title { padding-top: 7%; padding-bottom: 4%; font-weight: 600 !important; font-size: 20px !important; line-height: 24px !important; margin-left: 30px !important } .banner4_img { width: 80% !important; bottom: 0; margin-bottom: 7%; left: 0; margin-left: 10% } .container-header {} .main { max-width: 100% !important } .container { padding: 0 } } 
@media (min-width:1441px) { .banner1_div { width: 100%; height: 280px; background: rgb(238, 227, 194); background: linear-gradient(90deg, rgba(238, 227, 194, 1) 0%, rgba(233, 209, 138, 1) 100%); border-radius: 16px } .banner1_title { padding-top: 7%; font-weight: 600 !important; font-size: 24px !important; line-height: 24px !important; margin-left: 30px !important } .banner1_lines { width: 30% !important; position: absolute; bottom: 0; margin-bottom: 100px; left: 0; margin-left: 10% } .banner1_img { width: 400px !important; position: absolute; bottom: 0; right: 0; margin-right: 30px } .banner2_div { width: 100%; height: 280px; background: rgb(238, 227, 194); background: linear-gradient(90deg, rgba(238, 227, 194, 1) 0%, rgba(233, 209, 138, 1) 100%); border-radius: 16px } .banner2_title { padding-top: 7%; font-weight: 600 !important; font-size: 24px !important; line-height: 24px !important; margin-left: 30px !important } .banner2_img3 { width: 45% !important; position: absolute; bottom: 0; margin-bottom: 7% !important; right: 0; margin-right: 20% } .banner2_img2 { width: 45% !important; position: absolute; right: 0; bottom: 0; margin-right: 5%; margin-bottom: -10px !important } .banner2_img1 { width: 45% !important; position: absolute; bottom: 0; margin-bottom: 0% !important; left: 0; margin-left: 15% } .banner3 { width: 100%; height: 240px; background: rgb(238, 227, 194); background: linear-gradient(90deg, rgba(238, 227, 194, 1) 0%, rgba(233, 209, 138, 1) 100%); border-radius: 16px } .banner3_title { padding-top: 4%; padding-bottom: 2%; font-weight: 600 !important; font-size: 32px !important; line-height: 40px; margin-left: 30px !important } .banner3_text1 { color: #EB702D; font-weight: 600 !important; font-size: 24px !important; line-height: 32px !important; margin: 10px 0 10px 15px } .banner3_text2 { font-size: 16px !important; line-height: 26px !important; margin: 5px 0 0 15px } .banner4_div { width: 100%; height: 240px; background: rgb(238, 227, 194); background: linear-gradient(90deg, rgba(238, 227, 194, 1) 0%, rgba(233, 209, 138, 1) 100%); border-radius: 16px } .banner4_title { padding-top: 7%; padding-bottom: 4%; font-weight: 600 !important; font-size: 20px !important; line-height: 24px !important; margin-left: 30px !important } .banner4_img { width: 75% !important; bottom: 0; margin-bottom: 3%; left: 0; margin-left: 15% } }
@media screen and (max-width:1600px) { .dropdown-wrap-top:hover~.top-preview-hint { top: -168%; left: 23%; width: 61% } .dropdown-wrap-top:hover~.medal-preview-hint { top: -168%; left: 23%; width: 61% } }
@media (min-width:1800px) { .section4_car_pc { height: 290px !important } }
@media (min-height:501px) {.card_description_block {max-height: 350px;} .card_description_block2 {max-height: 490px;} .card_description_block, .card_description_block2 {overflow-y: auto;scrollbar-width: thin;scrollbar-color: var(--palette-grey, rgba(39, 45, 49, 0.40)) transparent;} .card_description_block::-webkit-scrollbar {width: 6px;} .card_description_block::-webkit-scrollbar-track, .card_description_block2::-webkit-scrollbar-track {background: transparent;} .card_description_block::-webkit-scrollbar-thumb, .card_description_block2::-webkit-scrollbar-thumb {background-color: var(--palette-grey, rgba(39, 45, 49, 0.40));border-radius: 4px;}}
@media (min-height:1024px) { .b24-widget-button-top .b24-widget-button-social, .b24-widget-button-bottom .b24-widget-button-social { max-height: 900px } } 
@media (max-height:700px) { .b24-widget-button-top .b24-widget-button-social, .b24-widget-button-bottom .b24-widget-button-social { max-height: 600px } } 
@media (max-height:667px) { .b24-widget-button-top .b24-widget-button-social, .b24-widget-button-bottom .b24-widget-button-social { max-height: 440px } } 
@media (max-height:568px) { .b24-widget-button-top .b24-widget-button-social, .b24-widget-button-bottom .b24-widget-button-social { max-height: 380px } } 
@media (max-height:480px) { .b24-widget-button-top .b24-widget-button-social, .b24-widget-button-bottom .b24-widget-button-social { max-height: 335px } } 

.add-project__done { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column } .add-project__done, .add-project__done-svg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .add-project__done-svg { border-radius: 50%; border: 2px solid #EB702D; width: 76px; height: 76px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='7' height='5' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M.08 2.75A.26.26 0 0 1 0 2.575.26.26 0 0 1 .08 2.4l.378-.35c.107-.1.269-.1.377 0l.027.025 1.48 1.475c.054.05.135.05.189 0L6.138.075h.027c.108-.1.27-.1.377 0l.377.35a.23.23 0 0 1 0 .35l-4.307 4.15A.254.254 0 0 1 2.423 5a.254.254 0 0 1-.188-.075l-2.1-2.1L.08 2.75z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 50%; margin-bottom: 20px } .add-project__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: 1.125rem; color: #000; margin-bottom: 80px } .add-project__text-gray { color: #b8c1cb; text-align: center } .aside-menu { position: fixed; left: 0; top: 0; height: 100%; width: 5%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: #707487; z-index: 21 } .aside-menu__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column } .aside-menu__item, .aside-menu__list { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100% } .aside-menu__item { height: 90px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .aside-menu__item_gray { background: #c4c4c4 } .aside-menu__btn { width: 100%; height: 100%; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg' fill='%23B8C1CB'%3E%3Cpath d='M5.953 6.787a.831.831 0 0 1-.59-.244L.245 1.423A.834.834 0 1 1 1.424.244l4.53 4.53 4.53-4.53a.834.834 0 1 1 1.178 1.18l-5.12 5.12a.831.831 0 0 1-.589.243z'/%3E%3C/svg%3E") 50% no-repeat; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); background-size: 20%; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; outline: none } .aside-menu__btn:active, .aside-menu__btn:focus, .aside-menu__btn:hover { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M5.953 6.787a.831.831 0 0 1-.59-.244L.245 1.423A.834.834 0 1 1 1.424.244l4.53 4.53 4.53-4.53a.834.834 0 1 1 1.178 1.18l-5.12 5.12a.831.831 0 0 1-.589.243z'/%3E%3C/svg%3E") 50% no-repeat; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); background-size: 20% } .aside-menu__person { display: -webkit-box; display: -ms-flexbox; display: flex; width: 60px; height: 60px; border-radius: 50%; overflow: hidden } .aside-menu__person img, .aside-menu__prrifile { width: 100%; height: 100% } .aside-menu__prrifile { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='20' xmlns='http://www.w3.org/2000/svg' fill='%23B8C1CB'%3E%3Cpath d='M10.464 11.224a5.622 5.622 0 0 0 5.621-5.62C16.085 2.5 13.568 0 10.465 0 7.36 0 4.843 2.517 4.843 5.603c0 3.087 2.517 5.621 5.62 5.621zm0-9.758a4.15 4.15 0 0 1 4.138 4.137 4.15 4.15 0 0 1-4.138 4.138 4.15 4.15 0 0 1-4.138-4.138 4.15 4.15 0 0 1 4.138-4.137zM.741 20H20.26a.736.736 0 0 0 .74-.74c0-3.88-3.155-7.052-7.052-7.052H7.052C3.172 12.207 0 15.362 0 19.259c0 .413.328.741.741.741zm6.31-6.31h6.897a5.565 5.565 0 0 1 5.517 4.827H1.535c.362-2.707 2.69-4.827 5.517-4.827z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 35%; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .aside-menu__prrifile:active, .aside-menu__prrifile:focus, .aside-menu__prrifile:hover { border-left: 2px solid #fff; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10.464 11.224a5.622 5.622 0 0 0 5.621-5.62C16.085 2.5 13.568 0 10.465 0 7.36 0 4.843 2.517 4.843 5.603c0 3.087 2.517 5.621 5.62 5.621zm0-9.758a4.15 4.15 0 0 1 4.138 4.137 4.15 4.15 0 0 1-4.138 4.138 4.15 4.15 0 0 1-4.138-4.138 4.15 4.15 0 0 1 4.138-4.137zM.741 20H20.26a.736.736 0 0 0 .74-.74c0-3.88-3.155-7.052-7.052-7.052H7.052C3.172 12.207 0 15.362 0 19.259c0 .413.328.741.741.741zm6.31-6.31h6.897a5.565 5.565 0 0 1 5.517 4.827H1.535c.362-2.707 2.69-4.827 5.517-4.827z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 35% } .aside-menu__department { -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; font-size: 35px; text-align: center; margin: auto; width: 50%; color: rgba(217, 217, 217, .83) } .aside-menu__department:active, .aside-menu__department:focus, .aside-menu__department:hover { color: #d9d9d9; outline: none } .aside-menu__balance { width: 100%; height: 100%; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='21' xmlns='http://www.w3.org/2000/svg' fill='%23B8C1CB'%3E%3Cpath d='M18.54 1.64h-.985V0h-1.64v1.64H5.084V0h-1.64v1.64H2.46A2.464 2.464 0 0 0 0 4.103V18.54A2.464 2.464 0 0 0 2.46 21h16.08A2.464 2.464 0 0 0 21 18.54V4.101a2.464 2.464 0 0 0-2.46-2.461zm.82 16.9c0 .451-.369.82-.82.82H2.46a.821.821 0 0 1-.82-.82V7.71h17.72v10.83zm0-12.47H1.64V4.102c0-.453.369-.82.82-.82h.985v1.64h1.64v-1.64h10.83v1.64h1.64v-1.64h.984a.82.82 0 0 1 .82.82V6.07z'/%3E%3Cpath d='M4.758 9.434h-1.64v1.64h1.64v-1.64zm3.282 0H6.397v1.64H8.04v-1.64zm3.28 0H9.68v1.64h1.64v-1.64zm3.282 0H12.96v1.64h1.64v-1.64zm3.281 0h-1.64v1.64h1.64v-1.64zM4.758 12.715h-1.64v1.64h1.64v-1.64zm3.282 0H6.397v1.64H8.04v-1.64zm3.28 0H9.68v1.64h1.64v-1.64zm3.282 0H12.96v1.64h1.64v-1.64zm-9.844 3.281h-1.64v1.64h1.64v-1.64zm3.282 0H6.397v1.64H8.04v-1.64zm3.28 0H9.68v1.64h1.64v-1.64zm3.282 0H12.96v1.64h1.64v-1.64zm3.281-3.281h-1.64v1.64h1.64v-1.64z'/%3E%3C/svg%3E") no-repeat 50%; background-size: 35%; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .aside-menu__balance:active, .aside-menu__balance:focus, .aside-menu__balance:hover { border-left: 2px solid #fff; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='21' xmlns='http://www.w3.org/2000/svg' fill='%23B8C1CB'%3E%3Cpath d='M18.54 1.64h-.985V0h-1.64v1.64H5.084V0h-1.64v1.64H2.46A2.464 2.464 0 0 0 0 4.103V18.54A2.464 2.464 0 0 0 2.46 21h16.08A2.464 2.464 0 0 0 21 18.54V4.101a2.464 2.464 0 0 0-2.46-2.461zm.82 16.9c0 .451-.369.82-.82.82H2.46a.821.821 0 0 1-.82-.82V7.71h17.72v10.83zm0-12.47H1.64V4.102c0-.453.369-.82.82-.82h.985v1.64h1.64v-1.64h10.83v1.64h1.64v-1.64h.984a.82.82 0 0 1 .82.82V6.07z'/%3E%3Cpath d='M4.758 9.434h-1.64v1.64h1.64v-1.64zm3.282 0H6.397v1.64H8.04v-1.64zm3.28 0H9.68v1.64h1.64v-1.64zm3.282 0H12.96v1.64h1.64v-1.64zm3.281 0h-1.64v1.64h1.64v-1.64zM4.758 12.715h-1.64v1.64h1.64v-1.64zm3.282 0H6.397v1.64H8.04v-1.64zm3.28 0H9.68v1.64h1.64v-1.64zm3.282 0H12.96v1.64h1.64v-1.64zm-9.844 3.281h-1.64v1.64h1.64v-1.64zm3.282 0H6.397v1.64H8.04v-1.64zm3.28 0H9.68v1.64h1.64v-1.64zm3.282 0H12.96v1.64h1.64v-1.64zm3.281-3.281h-1.64v1.64h1.64v-1.64z'/%3E%3C/svg%3E") no-repeat 50%; background-size: 35% } .aside-menu__company { width: 100%; height: 100%; background: url(../front/icons/suitcase.svg) 50% no-repeat; background-size: 35%; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .aside-menu__company:active, .aside-menu__company:focus, .aside-menu__company:hover { border-left: 2px solid #fff; background: url(../front/icons/suitcase-hover.svg) no-repeat 50%; background-size: 35% } .aside-menu__prrojekt { width: 100%; height: 100%; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='16' xmlns='http://www.w3.org/2000/svg' fill='%23B8C1CB'%3E%3Cpath d='M19.953 15.529H5.91a1.048 1.048 0 1 1 0-2.096h14.042a1.048 1.048 0 0 1 0 2.096zm0-6.578H5.91a1.048 1.048 0 1 1 0-2.096h14.042a1.048 1.048 0 0 1 0 2.096zm0-6.576H5.91a1.048 1.048 0 1 1 0-2.096h14.042a1.048 1.048 0 0 1 0 2.096zm-18.546.44a1.407 1.407 0 1 0 0-2.815 1.407 1.407 0 0 0 0 2.815zm0 6.495a1.407 1.407 0 1 0 0-2.814 1.407 1.407 0 0 0 0 2.815zm0 6.497a1.407 1.407 0 1 0 0-2.814 1.407 1.407 0 0 0 0 2.814z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 35%; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .aside-menu__prrojekt:active, .aside-menu__prrojekt:focus, .aside-menu__prrojekt:hover { border-left: 2px solid #fff; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='16' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M19.953 15.529H5.91a1.048 1.048 0 1 1 0-2.096h14.042a1.048 1.048 0 0 1 0 2.096zm0-6.578H5.91a1.048 1.048 0 1 1 0-2.096h14.042a1.048 1.048 0 0 1 0 2.096zm0-6.576H5.91a1.048 1.048 0 1 1 0-2.096h14.042a1.048 1.048 0 0 1 0 2.096zm-18.546.44a1.407 1.407 0 1 0 0-2.815 1.407 1.407 0 0 0 0 2.815zm0 6.495a1.407 1.407 0 1 0 0-2.814 1.407 1.407 0 0 0 0 2.815zm0 6.497a1.407 1.407 0 1 0 0-2.814 1.407 1.407 0 0 0 0 2.814z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 35% } .aside-menu__setting { width: 100%; height: 100%; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='21' xmlns='http://www.w3.org/2000/svg' fill='%23B8C1CB'%3E%3Cpath d='M19.476 7.818l-1.024-.174a8.486 8.486 0 0 0-.309-.744l.604-.844a1.827 1.827 0 0 0-.199-2.365l-1.23-1.231a1.825 1.825 0 0 0-2.362-.198l-.847.603a8.449 8.449 0 0 0-.795-.328l-.17-1.003A1.832 1.832 0 0 0 11.333 0h-1.74c-.9 0-1.663.645-1.812 1.532l-.178 1.043c-.251.091-.5.196-.742.312l-.831-.599a1.82 1.82 0 0 0-1.07-.343 1.81 1.81 0 0 0-1.3.54l-1.233 1.23a1.833 1.833 0 0 0-.199 2.366l.613.86a8.338 8.338 0 0 0-.304.749l-1.004.17A1.832 1.832 0 0 0 0 9.671v1.739c0 .9.645 1.663 1.532 1.812l1.043.178c.091.252.196.5.312.742l-.597.83a1.827 1.827 0 0 0 .199 2.365l1.23 1.231a1.825 1.825 0 0 0 2.362.198l.86-.612c.227.105.461.201.702.288l.17 1.024c.15.888.912 1.533 1.814 1.533h1.742c.901 0 1.664-.645 1.813-1.532l.173-1.024c.254-.092.503-.195.745-.309l.841.601c.312.225.682.344 1.07.344.49 0 .95-.192 1.298-.54l1.23-1.23a1.834 1.834 0 0 0 .2-2.366l-.604-.848c.116-.247.22-.496.309-.744l1.022-.17A1.833 1.833 0 0 0 21 11.37V9.634a1.814 1.814 0 0 0-1.524-1.816zm.293 3.551c0 .298-.213.55-.506.6l-1.356.226a.663.663 0 0 0-.527.46c-.12.39-.286.79-.492 1.186a.663.663 0 0 0 .049.694l.799 1.123a.606.606 0 0 1-.066.781l-1.23 1.231a.595.595 0 0 1-.429.18.598.598 0 0 1-.352-.113l-1.118-.8a.663.663 0 0 0-.697-.048 7.251 7.251 0 0 1-1.188.492.663.663 0 0 0-.457.524l-.23 1.358a.606.606 0 0 1-.6.507H9.627a.605.605 0 0 1-.6-.506l-.226-1.357a.663.663 0 0 0-.456-.526 7.201 7.201 0 0 1-1.15-.472.666.666 0 0 0-.693.048l-1.138.81a.594.594 0 0 1-.775-.068l-1.232-1.233a.6.6 0 0 1-.066-.777l.795-1.105a.662.662 0 0 0 .047-.703 7.035 7.035 0 0 1-.498-1.181.664.664 0 0 0-.523-.456l-1.375-.234a.606.606 0 0 1-.507-.6V9.673c0-.298.214-.55.508-.6l1.34-.225a.663.663 0 0 0 .526-.463c.126-.414.289-.814.483-1.189a.664.664 0 0 0-.048-.693L3.23 5.367a.605.605 0 0 1 .065-.78L4.53 3.355l.004-.004a.59.59 0 0 1 .425-.175c.128 0 .25.038.35.11l1.11.8c.208.15.478.167.703.047a7.08 7.08 0 0 1 1.181-.498.664.664 0 0 0 .456-.523l.234-1.375a.606.606 0 0 1 .6-.507h1.738c.298 0 .55.214.6.508l.226 1.34c.042.25.22.452.463.526.415.127.83.297 1.232.507a.661.661 0 0 0 .695-.048l1.125-.801a.594.594 0 0 1 .775.068l1.232 1.233a.6.6 0 0 1 .065.778l-.8 1.119a.663.663 0 0 0-.048.696c.197.376.363.776.492 1.188.076.24.277.415.524.457l1.357.23h.001a.59.59 0 0 1 .498.591v1.747z'/%3E%3Cpath d='M10.5 6.418a4.088 4.088 0 0 0-4.083 4.083 4.088 4.088 0 0 0 4.083 4.083 4.088 4.088 0 0 0 4.083-4.083A4.088 4.088 0 0 0 10.5 6.418zm0 6.936A2.856 2.856 0 0 1 7.648 10.5 2.856 2.856 0 0 1 10.5 7.648a2.856 2.856 0 0 1 2.853 2.853 2.856 2.856 0 0 1-2.853 2.853z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 35%; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .aside-menu__setting:active, .aside-menu__setting:focus, .aside-menu__setting:hover { border-left: 2px solid #fff; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='21' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M19.476 7.818l-1.024-.174a8.486 8.486 0 0 0-.309-.744l.604-.844a1.827 1.827 0 0 0-.199-2.365l-1.23-1.231a1.825 1.825 0 0 0-2.362-.198l-.847.603a8.449 8.449 0 0 0-.795-.328l-.17-1.003A1.832 1.832 0 0 0 11.333 0h-1.74c-.9 0-1.663.645-1.812 1.532l-.178 1.043c-.251.091-.5.196-.742.312l-.831-.599a1.82 1.82 0 0 0-1.07-.343 1.81 1.81 0 0 0-1.3.54l-1.233 1.23a1.833 1.833 0 0 0-.199 2.366l.613.86a8.338 8.338 0 0 0-.304.749l-1.004.17A1.832 1.832 0 0 0 0 9.671v1.739c0 .9.645 1.663 1.532 1.812l1.043.178c.091.252.196.5.312.742l-.597.83a1.827 1.827 0 0 0 .199 2.365l1.23 1.231a1.825 1.825 0 0 0 2.362.198l.86-.612c.227.105.461.201.702.288l.17 1.024c.15.888.912 1.533 1.814 1.533h1.742c.901 0 1.664-.645 1.813-1.532l.173-1.024c.254-.092.503-.195.745-.309l.841.601c.312.225.682.344 1.07.344.49 0 .95-.192 1.298-.54l1.23-1.23a1.834 1.834 0 0 0 .2-2.366l-.604-.848c.116-.247.22-.496.309-.744l1.022-.17A1.833 1.833 0 0 0 21 11.37V9.634a1.814 1.814 0 0 0-1.524-1.816zm.293 3.551c0 .298-.213.55-.506.6l-1.356.226a.663.663 0 0 0-.527.46c-.12.39-.286.79-.492 1.186a.663.663 0 0 0 .049.694l.799 1.123a.606.606 0 0 1-.066.781l-1.23 1.231a.595.595 0 0 1-.429.18.598.598 0 0 1-.352-.113l-1.118-.8a.663.663 0 0 0-.697-.048 7.251 7.251 0 0 1-1.188.492.663.663 0 0 0-.457.524l-.23 1.358a.606.606 0 0 1-.6.507H9.627a.605.605 0 0 1-.6-.506l-.226-1.357a.663.663 0 0 0-.456-.526 7.201 7.201 0 0 1-1.15-.472.666.666 0 0 0-.693.048l-1.138.81a.594.594 0 0 1-.775-.068l-1.232-1.233a.6.6 0 0 1-.066-.777l.795-1.105a.662.662 0 0 0 .047-.703 7.035 7.035 0 0 1-.498-1.181.664.664 0 0 0-.523-.456l-1.375-.234a.606.606 0 0 1-.507-.6V9.673c0-.298.214-.55.508-.6l1.34-.225a.663.663 0 0 0 .526-.463c.126-.414.289-.814.483-1.189a.664.664 0 0 0-.048-.693L3.23 5.367a.605.605 0 0 1 .065-.78L4.53 3.355l.004-.004a.59.59 0 0 1 .425-.175c.128 0 .25.038.35.11l1.11.8c.208.15.478.167.703.047a7.08 7.08 0 0 1 1.181-.498.664.664 0 0 0 .456-.523l.234-1.375a.606.606 0 0 1 .6-.507h1.738c.298 0 .55.214.6.508l.226 1.34c.042.25.22.452.463.526.415.127.83.297 1.232.507a.661.661 0 0 0 .695-.048l1.125-.801a.594.594 0 0 1 .775.068l1.232 1.233a.6.6 0 0 1 .065.778l-.8 1.119a.663.663 0 0 0-.048.696c.197.376.363.776.492 1.188.076.24.277.415.524.457l1.357.23h.001a.59.59 0 0 1 .498.591v1.747z'/%3E%3Cpath d='M10.5 6.418a4.088 4.088 0 0 0-4.083 4.083 4.088 4.088 0 0 0 4.083 4.083 4.088 4.088 0 0 0 4.083-4.083A4.088 4.088 0 0 0 10.5 6.418zm0 6.936A2.856 2.856 0 0 1 7.648 10.5 2.856 2.856 0 0 1 10.5 7.648a2.856 2.856 0 0 1 2.853 2.853 2.856 2.856 0 0 1-2.853 2.853z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 35% } .aside-menu__exit { width: 100%; height: 100%; background: url("data:image/svg+xml;charset=utf-8,%3Csvg id='Слой_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 18' fill='%23B8C1CB'%3E%3Cstyle%3E.st0{fill:%23b8c1cb}%3C/style%3E%3Cpath class='st0' d='M9 16.5H2.2c-.4 0-.7-.3-.7-.8V2.3c0-.4.3-.7.7-.7H9c.4 0 .7-.3.7-.7C9.8.3 9.4 0 9 0H2.2C1 0 0 1 0 2.3v13.5C0 17 1 18 2.2 18H9c.4 0 .7-.3.7-.8.1-.4-.3-.7-.7-.7z'/%3E%3Cpath class='st0' d='M17.8 8.5L13.3 4c-.3-.3-.8-.3-1.1 0-.3.3-.3.8 0 1.1l3.3 3.2H6.7c-.4 0-.7.3-.7.7 0 .4.3.8.7.8h8.7L12.2 13c-.3.3-.3.8 0 1.1.1.1.3.2.5.2s.4-.1.5-.2l4.6-4.5c.2-.2.3-.4.3-.6 0-.2-.1-.4-.3-.5z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 25%; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .aside-menu__exit:active, .aside-menu__exit:focus, .aside-menu__exit:hover { border-left: 2px solid #fff; background: url("data:image/svg+xml;charset=utf-8,%3Csvg id='Слой_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 18' fill='%23fff'%3E%3Cstyle%3E.st0{fill:%23b8c1cb}%3C/style%3E%3Cpath class='st0' d='M9 16.5H2.2c-.4 0-.7-.3-.7-.8V2.3c0-.4.3-.7.7-.7H9c.4 0 .7-.3.7-.7C9.8.3 9.4 0 9 0H2.2C1 0 0 1 0 2.3v13.5C0 17 1 18 2.2 18H9c.4 0 .7-.3.7-.8.1-.4-.3-.7-.7-.7z'/%3E%3Cpath class='st0' d='M17.8 8.5L13.3 4c-.3-.3-.8-.3-1.1 0-.3.3-.3.8 0 1.1l3.3 3.2H6.7c-.4 0-.7.3-.7.7 0 .4.3.8.7.8h8.7L12.2 13c-.3.3-.3.8 0 1.1.1.1.3.2.5.2s.4-.1.5-.2l4.6-4.5c.2-.2.3-.4.3-.6 0-.2-.1-.4-.3-.5z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 25% } .aside { position: fixed; left: -1000px; top: 115px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; width: 345px; border: 1px solid #b8c1cb; border-radius: 5px; margin-right: 20px; background: #fff; z-index: 20; -webkit-transition: .6s; transition: .6s } .aside-tablets { display: none; visibility: hidden; opacity: 0; -webkit-transition: .4s; transition: .4s } .aside-tablets--open { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; width: 100%; top: 60px; visibility: visible; opacity: 1 } .aside--open { left: 130px; -webkit-transition: .6s; transition: .6s } .aside__user { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 120px; border-bottom: 1px solid #b8c1cb; padding: 20px 31px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .aside__avatar { width: 70px; height: 70px; border-radius: 50%; overflow: hidden; margin-right: 18px } .aside__avatar img { width: 100%; height: 100% } .aside__person { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; width: 50%; height: 100% } .aside__name { font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; color: #000; margin-bottom: 5px } .aside__transform-avatar { font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .75rem; color: #EB702D } .aside__close { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 23px; height: 70px; background: transparent; border: 1px solid #EB702D; padding: 0 } .aside__close:after { content: ""; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='5' height='9' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M5 4.5c0 .143-.06.287-.18.396l-3.77 3.44a.657.657 0 0 1-.87 0 .526.526 0 0 1 0-.792L3.518 4.5.18 1.456a.526.526 0 0 1 0-.792.657.657 0 0 1 .869 0l3.771 3.44c.12.11.18.253.18.396z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100%; -webkit-transform: rotate(180deg); transform: rotate(180deg); width: 10px; height: 10px } .aside__profile { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 57px; padding: 18px 31px 19px; border-bottom: 1px solid #b8c1cb; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; color: #000; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .aside__profile:focus, .aside__profile:hover { color: #EB702D } .aside__profile:focus:before, .aside__profile:hover:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='20' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M10.464 11.224a5.622 5.622 0 0 0 5.621-5.62C16.085 2.5 13.568 0 10.465 0 7.36 0 4.843 2.517 4.843 5.603c0 3.087 2.517 5.621 5.62 5.621zm0-9.758a4.15 4.15 0 0 1 4.138 4.137 4.15 4.15 0 0 1-4.138 4.138 4.15 4.15 0 0 1-4.138-4.138 4.15 4.15 0 0 1 4.138-4.137zM.741 20H20.26a.736.736 0 0 0 .74-.74c0-3.88-3.155-7.052-7.052-7.052H7.052C3.172 12.207 0 15.362 0 19.259c0 .413.328.741.741.741zm6.31-6.31h6.897a5.565 5.565 0 0 1 5.517 4.827H1.535c.362-2.707 2.69-4.827 5.517-4.827z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100% } .aside__profile:before { content: ""; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='20' xmlns='http://www.w3.org/2000/svg' fill='%2375869A'%3E%3Cpath d='M10.464 11.224a5.622 5.622 0 0 0 5.621-5.62C16.085 2.5 13.568 0 10.465 0 7.36 0 4.843 2.517 4.843 5.603c0 3.087 2.517 5.621 5.62 5.621zm0-9.758a4.15 4.15 0 0 1 4.138 4.137 4.15 4.15 0 0 1-4.138 4.138 4.15 4.15 0 0 1-4.138-4.138 4.15 4.15 0 0 1 4.138-4.137zM.741 20H20.26a.736.736 0 0 0 .74-.74c0-3.88-3.155-7.052-7.052-7.052H7.052C3.172 12.207 0 15.362 0 19.259c0 .413.328.741.741.741zm6.31-6.31h6.897a5.565 5.565 0 0 1 5.517 4.827H1.535c.362-2.707 2.69-4.827 5.517-4.827z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100%; width: 21px; height: 20px; margin-right: 11px; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .aside__profile--my-profile { border-left: 2px solid #EB702D; background: #e9f5fe; color: #EB702D } .aside__profile--my-profile:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='20' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M10.464 11.224a5.622 5.622 0 0 0 5.621-5.62C16.085 2.5 13.568 0 10.465 0 7.36 0 4.843 2.517 4.843 5.603c0 3.087 2.517 5.621 5.62 5.621zm0-9.758a4.15 4.15 0 0 1 4.138 4.137 4.15 4.15 0 0 1-4.138 4.138 4.15 4.15 0 0 1-4.138-4.138 4.15 4.15 0 0 1 4.138-4.137zM.741 20H20.26a.736.736 0 0 0 .74-.74c0-3.88-3.155-7.052-7.052-7.052H7.052C3.172 12.207 0 15.362 0 19.259c0 .413.328.741.741.741zm6.31-6.31h6.897a5.565 5.565 0 0 1 5.517 4.827H1.535c.362-2.707 2.69-4.827 5.517-4.827z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100% } .aside__order { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 57px; padding: 18px 31px 19px; border-bottom: 1px solid #b8c1cb; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; color: #000 } .aside__order, .aside__order:before { -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .aside__order:before { content: ""; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='26' xmlns='http://www.w3.org/2000/svg' fill='%2375869A'%3E%3Cpath d='M9.269 9.732a.794.794 0 0 0-1.121-.001l-2.606 2.607-1.023-1.024a.792.792 0 0 0-1.12 1.12l1.584 1.583a.795.795 0 0 0 1.12.002l3.166-3.167a.792.792 0 0 0 0-1.12zm0 6.333a.794.794 0 0 0-1.121-.001l-2.606 2.608-1.023-1.023a.792.792 0 0 0-1.12 1.12l1.584 1.582a.795.795 0 0 0 1.12 0l3.166-3.166a.792.792 0 0 0 0-1.12zm5.773-4.982h-3.167a.792.792 0 0 0 0 1.583h3.167a.792.792 0 0 0 0-1.583zm0 6.334h-3.167a.792.792 0 0 0 0 1.583h3.167a.792.792 0 0 0 0-1.583z'/%3E%3Cpath d='M17.417 3.167H14.25v-.792a.792.792 0 0 0-.792-.792H11.74A2.381 2.381 0 0 0 9.5 0a2.381 2.381 0 0 0-2.24 1.583H5.542a.792.792 0 0 0-.792.792v.792H1.583C.711 3.167 0 3.877 0 4.75v19c0 .872.71 1.583 1.583 1.583h15.834c.872 0 1.583-.71 1.583-1.583v-19c0-.872-.71-1.583-1.583-1.583zm-11.084 0h1.584a.792.792 0 0 0 .791-.792.792.792 0 0 1 1.584 0c0 .437.354.792.791.792h1.584V4.75H6.333V3.167zM17.417 23.75H1.583v-19H4.75v.792c0 .437.355.791.792.791h7.916a.792.792 0 0 0 .792-.791V4.75h3.167v19z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 70%; width: 21px; height: 20px; margin-right: 11px } .aside__order:focus, .aside__order:hover { color: #EB702D } .aside__order:focus:before, .aside__order:hover:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='26' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M9.269 9.732a.794.794 0 0 0-1.121-.001l-2.606 2.607-1.023-1.024a.792.792 0 0 0-1.12 1.12l1.584 1.583a.795.795 0 0 0 1.12.002l3.166-3.167a.792.792 0 0 0 0-1.12zm0 6.333a.794.794 0 0 0-1.121-.001l-2.606 2.608-1.023-1.023a.792.792 0 0 0-1.12 1.12l1.584 1.582a.795.795 0 0 0 1.12 0l3.166-3.166a.792.792 0 0 0 0-1.12zm5.773-4.982h-3.167a.792.792 0 0 0 0 1.583h3.167a.792.792 0 0 0 0-1.583zm0 6.334h-3.167a.792.792 0 0 0 0 1.583h3.167a.792.792 0 0 0 0-1.583z'/%3E%3Cpath d='M17.417 3.167H14.25v-.792a.792.792 0 0 0-.792-.792H11.74A2.381 2.381 0 0 0 9.5 0a2.381 2.381 0 0 0-2.24 1.583H5.542a.792.792 0 0 0-.792.792v.792H1.583C.711 3.167 0 3.877 0 4.75v19c0 .872.71 1.583 1.583 1.583h15.834c.872 0 1.583-.71 1.583-1.583v-19c0-.872-.71-1.583-1.583-1.583zm-11.084 0h1.584a.792.792 0 0 0 .791-.792.792.792 0 0 1 1.584 0c0 .437.354.792.791.792h1.584V4.75H6.333V3.167zM17.417 23.75H1.583v-19H4.75v.792c0 .437.355.791.792.791h7.916a.792.792 0 0 0 .792-.791V4.75h3.167v19z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 70% } .aside__order--my-orders { border-left: 2px solid #EB702D; background: #e9f5fe; color: #EB702D } .aside__order--my-orders:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='26' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M9.269 9.732a.794.794 0 0 0-1.121-.001l-2.606 2.607-1.023-1.024a.792.792 0 0 0-1.12 1.12l1.584 1.583a.795.795 0 0 0 1.12.002l3.166-3.167a.792.792 0 0 0 0-1.12zm0 6.333a.794.794 0 0 0-1.121-.001l-2.606 2.608-1.023-1.023a.792.792 0 0 0-1.12 1.12l1.584 1.582a.795.795 0 0 0 1.12 0l3.166-3.166a.792.792 0 0 0 0-1.12zm5.773-4.982h-3.167a.792.792 0 0 0 0 1.583h3.167a.792.792 0 0 0 0-1.583zm0 6.334h-3.167a.792.792 0 0 0 0 1.583h3.167a.792.792 0 0 0 0-1.583z'/%3E%3Cpath d='M17.417 3.167H14.25v-.792a.792.792 0 0 0-.792-.792H11.74A2.381 2.381 0 0 0 9.5 0a2.381 2.381 0 0 0-2.24 1.583H5.542a.792.792 0 0 0-.792.792v.792H1.583C.711 3.167 0 3.877 0 4.75v19c0 .872.71 1.583 1.583 1.583h15.834c.872 0 1.583-.71 1.583-1.583v-19c0-.872-.71-1.583-1.583-1.583zm-11.084 0h1.584a.792.792 0 0 0 .791-.792.792.792 0 0 1 1.584 0c0 .437.354.792.791.792h1.584V4.75H6.333V3.167zM17.417 23.75H1.583v-19H4.75v.792c0 .437.355.791.792.791h7.916a.792.792 0 0 0 .792-.791V4.75h3.167v19z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 70% } .aside__favorites { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 57px; padding: 18px 31px 19px; border-bottom: 1px solid #b8c1cb; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; color: #000 } .aside__favorites, .aside__favorites:before { -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .aside__favorites:before { content: ""; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='19' xmlns='http://www.w3.org/2000/svg' fill='%2375869A'%3E%3Cpath d='M10.5 2.103l1.74 5.353.145.45h6.101l-4.554 3.308-.382.277.146.45 1.74 5.352-4.554-3.308-.382-.278-.382.278-4.553 3.308 1.739-5.353.146-.449-.382-.277-4.554-3.309h6.101l.146-.449L10.5 2.103z' stroke='%2375869A' stroke-width='1.3'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100%; width: 21px; height: 20px; margin-right: 11px } .aside__favorites:focus, .aside__favorites:hover { color: #EB702D } .aside__favorites:focus:before, .aside__favorites:hover:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='19' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M10.5 2.103l1.74 5.353.145.45h6.101l-4.554 3.308-.382.277.146.45 1.74 5.352-4.554-3.308-.382-.278-.382.278-4.553 3.308 1.739-5.353.146-.449-.382-.277-4.554-3.309h6.101l.146-.449L10.5 2.103z' stroke='%2375869A' stroke-width='1.3'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100% } .aside__favorites--my-favorites { border-left: 2px solid #EB702D; background: #e9f5fe; color: #EB702D } .aside__favorites--my-favorites:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='19' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M10.5 2.103l1.74 5.353.145.45h6.101l-4.554 3.308-.382.277.146.45 1.74 5.352-4.554-3.308-.382-.278-.382.278-4.553 3.308 1.739-5.353.146-.449-.382-.277-4.554-3.309h6.101l.146-.449L10.5 2.103z' stroke='%2375869A' stroke-width='1.3'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100% } .aside__car { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 57px; padding: 18px 31px 19px; border-bottom: 1px solid #b8c1cb; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; color: #000 } .aside__company { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 57px; padding: 18px 31px 19px; border-bottom: 1px solid #b8c1cb; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; color: #000 } .aside__car, .aside__car:before { -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .aside__company, .aside__company:before { -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .aside__car:before { content: ""; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='18' xmlns='http://www.w3.org/2000/svg' fill='%2375869A'%3E%3Cpath d='M21.159 6.323l-.48-.508-1.683-4.536A1.974 1.974 0 0 0 17.158 0H5.138C4.32 0 3.587.512 3.3 1.279l-1.66 4.48-.69.639A2.701 2.701 0 0 0 0 8.452v6.61a1.965 1.965 0 0 0 1.965 1.955h1.241c1.081 0 1.96-.874 1.965-1.955v-.96h11.658v.96a1.965 1.965 0 0 0 1.965 1.955h1.241c1.081 0 1.96-.874 1.965-1.955V8.277a2.726 2.726 0 0 0-.841-1.955zM4.183 1.598c.15-.4.531-.658.954-.658h12.025c.423 0 .804.263.954.658l1.467 3.949h-1.096a3.22 3.22 0 0 0-3.662-2.717 3.221 3.221 0 0 0-2.717 2.717H2.717l1.467-3.949zm13.345 3.949h-4.47a2.286 2.286 0 0 1 2.708-1.768 2.29 2.29 0 0 1 1.762 1.768zM4.231 15.062a1.022 1.022 0 0 1-1.025 1.015H1.965c-.564 0-1.02-.451-1.025-1.016V13.83c.282.183.654.273 1.025.273h2.266v.959zm16.829 0a1.022 1.022 0 0 1-1.025 1.015h-1.241c-.564 0-1.02-.456-1.025-1.016v-.958h2.266c.371 0 .743-.09 1.025-.273v1.232zm-1.025-1.9H1.965A1.014 1.014 0 0 1 .94 12.156V8.452c0-.517.23-1.01.625-1.344l.02-.02.639-.6h17.802l.45.483c.006.01.02.014.024.024.353.334.555.799.555 1.283v3.878h.005a1.017 1.017 0 0 1-1.025 1.006z'/%3E%3Cpath d='M6.205 8.371H2.679a.471.471 0 0 0-.47.47v2.445c0 .258.212.47.47.47h3.526c.259 0 .47-.212.47-.47V8.84a.471.471 0 0 0-.47-.47zm-.47 2.444H3.149V9.312h2.586v1.505zM19.32 8.371h-3.525a.471.471 0 0 0-.47.47v2.445c0 .258.211.47.47.47h3.525c.259 0 .47-.212.47-.47V8.84a.472.472 0 0 0-.47-.47zm-.47 2.444h-2.585V9.312h2.585v1.505zm-5.58-.471H8.73a.471.471 0 0 0-.47.47c0 .258.211.47.47.47h4.54a.47.47 0 0 0 .47-.47.471.471 0 0 0-.47-.47zm0-1.461H8.73a.471.471 0 0 0-.47.47c0 .258.21.47.47.47h4.54c.259 0 .47-.212.47-.47a.471.471 0 0 0-.47-.47z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100%; width: 21px; height: 20px; margin-right: 11px } .aside__company:before { content: ""; background: url(../front/icons/suitcase.svg) 50% no-repeat; background-size: 100%; width: 21px; height: 20px; margin-right: 11px } .aside__car:focus, .aside__car:hover { color: #EB702D } .aside__company:focus, .aside__company:hover { color: #EB702D } .aside__car:focus:before, .aside__car:hover:before { background: url(../front/icons/suitcase-hover.svg) 50% no-repeat; background-size: 100% } .aside__company:focus:before, .aside__company:hover:before { background: url(../front/icons/suitcase-hover.svg) 50% no-repeat; background-size: 100% } .aside__car--my-car { border-left: 2px solid #EB702D; background: #e9f5fe; color: #EB702D } .aside__car--my-car:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='18' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M21.159 6.323l-.48-.508-1.683-4.536A1.974 1.974 0 0 0 17.158 0H5.138C4.32 0 3.587.512 3.3 1.279l-1.66 4.48-.69.639A2.701 2.701 0 0 0 0 8.452v6.61a1.965 1.965 0 0 0 1.965 1.955h1.241c1.081 0 1.96-.874 1.965-1.955v-.96h11.658v.96a1.965 1.965 0 0 0 1.965 1.955h1.241c1.081 0 1.96-.874 1.965-1.955V8.277a2.726 2.726 0 0 0-.841-1.955zM4.183 1.598c.15-.4.531-.658.954-.658h12.025c.423 0 .804.263.954.658l1.467 3.949h-1.096a3.22 3.22 0 0 0-3.662-2.717 3.221 3.221 0 0 0-2.717 2.717H2.717l1.467-3.949zm13.345 3.949h-4.47a2.286 2.286 0 0 1 2.708-1.768 2.29 2.29 0 0 1 1.762 1.768zM4.231 15.062a1.022 1.022 0 0 1-1.025 1.015H1.965c-.564 0-1.02-.451-1.025-1.016V13.83c.282.183.654.273 1.025.273h2.266v.959zm16.829 0a1.022 1.022 0 0 1-1.025 1.015h-1.241c-.564 0-1.02-.456-1.025-1.016v-.958h2.266c.371 0 .743-.09 1.025-.273v1.232zm-1.025-1.9H1.965A1.014 1.014 0 0 1 .94 12.156V8.452c0-.517.23-1.01.625-1.344l.02-.02.639-.6h17.802l.45.483c.006.01.02.014.024.024.353.334.555.799.555 1.283v3.878h.005a1.017 1.017 0 0 1-1.025 1.006z'/%3E%3Cpath d='M6.205 8.371H2.679a.471.471 0 0 0-.47.47v2.445c0 .258.212.47.47.47h3.526c.259 0 .47-.212.47-.47V8.84a.471.471 0 0 0-.47-.47zm-.47 2.444H3.149V9.312h2.586v1.505zM19.32 8.371h-3.525a.471.471 0 0 0-.47.47v2.445c0 .258.211.47.47.47h3.525c.259 0 .47-.212.47-.47V8.84a.472.472 0 0 0-.47-.47zm-.47 2.444h-2.585V9.312h2.585v1.505zm-5.58-.471H8.73a.471.471 0 0 0-.47.47c0 .258.211.47.47.47h4.54a.47.47 0 0 0 .47-.47.471.471 0 0 0-.47-.47zm0-1.461H8.73a.471.471 0 0 0-.47.47c0 .258.21.47.47.47h4.54c.259 0 .47-.212.47-.47a.471.471 0 0 0-.47-.47z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100% } .aside__notifications { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 57px; padding: 18px 31px 19px; border-bottom: 1px solid #b8c1cb; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; color: #000 } .aside__notifications, .aside__notifications:before { -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .aside__notifications:before { content: ""; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='22' xmlns='http://www.w3.org/2000/svg' fill='%2375869A'%3E%3Cpath d='M15.85 15.4v.27l.19.19 2.01 2.01v.18H.65v-.18l2.01-2.01.19-.19V9.35c0-3.097 2.091-5.595 5.003-6.298l.497-.12V1.65c0-.521.479-1 1-1s1 .479 1 1v1.282l.498.12c2.91.703 5.002 3.201 5.002 6.298v6.05zm-5.094 5.05c-.248.53-.787.9-1.406.9-.62 0-1.158-.37-1.406-.9h2.812z' stroke='%2375869A' stroke-width='1.3'/%3E%3C/svg%3E") 50% no-repeat; background-size: 70%; width: 21px; height: 20px; margin-right: 11px } .aside__notifications:focus, .aside__notifications:hover { color: #EB702D } .aside__notifications:focus:before, .aside__notifications:hover:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='22' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M15.85 15.4v.27l.19.19 2.01 2.01v.18H.65v-.18l2.01-2.01.19-.19V9.35c0-3.097 2.091-5.595 5.003-6.298l.497-.12V1.65c0-.521.479-1 1-1s1 .479 1 1v1.282l.498.12c2.91.703 5.002 3.201 5.002 6.298v6.05zm-5.094 5.05c-.248.53-.787.9-1.406.9-.62 0-1.158-.37-1.406-.9h2.812z' stroke='%2375869A' stroke-width='1.3'/%3E%3C/svg%3E") 50% no-repeat; background-size: 70% } .aside__notifications--my-notifications { border-left: 2px solid #EB702D; background: #e9f5fe; color: #EB702D } .aside__notifications--my-notifications:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='22' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M15.85 15.4v.27l.19.19 2.01 2.01v.18H.65v-.18l2.01-2.01.19-.19V9.35c0-3.097 2.091-5.595 5.003-6.298l.497-.12V1.65c0-.521.479-1 1-1s1 .479 1 1v1.282l.498.12c2.91.703 5.002 3.201 5.002 6.298v6.05zm-5.094 5.05c-.248.53-.787.9-1.406.9-.62 0-1.158-.37-1.406-.9h2.812z' stroke='%2375869A' stroke-width='1.3'/%3E%3C/svg%3E") 50% no-repeat; background-size: 70% } .aside__projekt { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 18px 31px; background: transparent; border-bottom: 1px solid #b8c1cb; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; color: #000; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; outline: none } .aside__projekt:active, .aside__projekt:focus, .aside__projekt:hover { color: #EB702D } .aside__projekt:active:before, .aside__projekt:focus:before, .aside__projekt:hover:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='16' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M19.953 15.529H5.91a1.048 1.048 0 1 1 0-2.096h14.042a1.048 1.048 0 0 1 0 2.096zm0-6.578H5.91a1.048 1.048 0 1 1 0-2.096h14.042a1.048 1.048 0 0 1 0 2.096zm0-6.576H5.91a1.048 1.048 0 1 1 0-2.096h14.042a1.048 1.048 0 0 1 0 2.096zm-18.546.44a1.407 1.407 0 1 0 0-2.815 1.407 1.407 0 0 0 0 2.815zm0 6.495a1.407 1.407 0 1 0 0-2.814 1.407 1.407 0 0 0 0 2.815zm0 6.497a1.407 1.407 0 1 0 0-2.814 1.407 1.407 0 0 0 0 2.814z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100% } .aside__projekt:before { content: ""; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='16' xmlns='http://www.w3.org/2000/svg' fill='%2375869A'%3E%3Cpath d='M19.953 15.529H5.91a1.048 1.048 0 1 1 0-2.096h14.042a1.048 1.048 0 0 1 0 2.096zm0-6.578H5.91a1.048 1.048 0 1 1 0-2.096h14.042a1.048 1.048 0 0 1 0 2.096zm0-6.576H5.91a1.048 1.048 0 1 1 0-2.096h14.042a1.048 1.048 0 0 1 0 2.096zm-18.546.44a1.407 1.407 0 1 0 0-2.815 1.407 1.407 0 0 0 0 2.815zm0 6.495a1.407 1.407 0 1 0 0-2.814 1.407 1.407 0 0 0 0 2.815zm0 6.497a1.407 1.407 0 1 0 0-2.814 1.407 1.407 0 0 0 0 2.814z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100%; width: 21px; height: 20px; margin-right: 11px; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .aside__projekt--active { border-left: 2px solid #EB702D; background: #e9f5fe; color: #EB702D } .aside__projekt--active:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='16' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M19.953 15.529H5.91a1.048 1.048 0 1 1 0-2.096h14.042a1.048 1.048 0 0 1 0 2.096zm0-6.578H5.91a1.048 1.048 0 1 1 0-2.096h14.042a1.048 1.048 0 0 1 0 2.096zm0-6.576H5.91a1.048 1.048 0 1 1 0-2.096h14.042a1.048 1.048 0 0 1 0 2.096zm-18.546.44a1.407 1.407 0 1 0 0-2.815 1.407 1.407 0 0 0 0 2.815zm0 6.495a1.407 1.407 0 1 0 0-2.814 1.407 1.407 0 0 0 0 2.815zm0 6.497a1.407 1.407 0 1 0 0-2.814 1.407 1.407 0 0 0 0 2.814z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100% } .aside__projekt-icon { position: absolute; display: inline-block; width: 11.91px; height: 6.79px; right: 21px; top: 12px; z-index: 10 } .aside__projekt-icon:after, .aside__projekt-icon:before { position: absolute; content: ""; width: 10px; height: 1.5px; background-color: #000; -webkit-transition: -webkit-transform .25s ease; transition: -webkit-transform .25s ease; transition: transform .25s ease; transition: transform .25s ease, -webkit-transform .25s ease } .aside__projekt-icon:before { -webkit-transform: translate(3px, 8px) rotate(45deg); transform: translate(3px, 8px) rotate(45deg) } .aside__projekt-icon:after { -webkit-transform: translate(-3px, 8px) rotate(-45deg); transform: translate(-3px, 8px) rotate(-45deg) } .aside__projekt-icon--focus:before { -webkit-transform: translate(-3px, 8px) rotate(45deg); transform: translate(-3px, 8px) rotate(45deg) } .aside__projekt-icon--focus:after { -webkit-transform: translate(3px, 8px) rotate(-45deg); transform: translate(3px, 8px) rotate(-45deg) } .aside__projekt-select { display: none; padding: 2px 5px; border-radius: 10px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-transition: 1s ease-in-out; transition: 1s ease-in-out } .aside__projekt-select--open { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; margin-top: 24px } .aside__projekt-item { font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #000; line-height: normal; font-size: 1rem; border-bottom: 1px solid #b8c1cb; color: #000; text-decoration: none; padding: 12px 31px } .aside__chat-item { line-height: normal; text-decoration: none; padding: 8px 20px 10px 15px; background: #fff; font-weight: 500; font-size: 15px; font-family: 'SF UI Text', OpenSans-Regular, Helvetica, sans-serif; font-style: normal; color: #17191F; margin: 0 } .aside__notification-item { font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #000; line-height: normal; font-size: 1rem; border-bottom: 1px solid #b8c1cb; color: #000; text-decoration: none; padding: 12px 31px } .aside__projekt-list { display: flex; flex-direction: column; overflow-y: scroll; max-height: 250px } .aside__chat-list { display: flex; flex-direction: column; max-height: 40vh; overflow-y: auto; border-radius: 10px } .aside__chat-list::-webkit-scrollbar, .chat-list::-webkit-scrollbar { width: 6px; background: #F0EAD7 } .aside__chat-list::-webkit-scrollbar-track, .chat-list::-webkit-scrollbar-track { background: rgba(224, 224, 224, .3) } .aside__chat-list::-webkit-scrollbar-thumb, .chat-list::-webkit-scrollbar-thumb { border-radius: 20px; background: red; border: 3px solid rgb(144, 144, 144) } .aside__projekt-item_black a { color: #000 } .aside__projekt-item:hover { background: #f4f4f4; text-decoration: none } .aside__chat-item:hover { background: #F9F6ED; text-decoration: none; color: #17191F } .aside__chat-item-active { background: #F9F6ED } .aside__notification-item:hover { background: rgba(212, 207, 176, .87); text-decoration: none } .aside__notification-item-desc { font-family: OpenSans-Regular, Helvetica, sans-serif; font-size: 15px; color: #000; margin: 0 } .aside__notification-item-title { font-family: OpenSans-Regular, Helvetica, sans-serif; font-size: 13px; color: #9AA7B6; margin: 0 } .aside__notification-item-username { font-family: OpenSans-Regular, Helvetica, sans-serif; font-size: 13px; color: #9AA7B6; margin: 0 } .aside__btn { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #000; background: #fff; color: #75869a; border: 1px solid #75869a; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .aside__btn:hover { background: #EB702D; border: 1px solid transparent; background: #75869a; color: #fff; border: 1px solid #fff } .aside__setting-title { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 57px; padding: 18px 31px 19px; border-bottom: 1px solid #b8c1cb; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; color: #000; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .aside__setting-title:active, .aside__setting-title:focus, .aside__setting-title:hover { color: #EB702D } .aside__setting-title:active:before, .aside__setting-title:focus:before, .aside__setting-title:hover:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='21' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M19.476 7.818l-1.024-.174a8.486 8.486 0 0 0-.309-.744l.604-.844a1.827 1.827 0 0 0-.199-2.365l-1.23-1.231a1.825 1.825 0 0 0-2.362-.198l-.847.603a8.449 8.449 0 0 0-.795-.328l-.17-1.003A1.832 1.832 0 0 0 11.333 0h-1.74c-.9 0-1.663.645-1.812 1.532l-.178 1.043c-.251.091-.5.196-.742.312l-.831-.599a1.82 1.82 0 0 0-1.07-.343 1.81 1.81 0 0 0-1.3.54l-1.233 1.23a1.833 1.833 0 0 0-.199 2.366l.613.86a8.338 8.338 0 0 0-.304.749l-1.004.17A1.832 1.832 0 0 0 0 9.671v1.739c0 .9.645 1.663 1.532 1.812l1.043.178c.091.252.196.5.312.742l-.597.83a1.827 1.827 0 0 0 .199 2.365l1.23 1.231a1.825 1.825 0 0 0 2.362.198l.86-.612c.227.105.461.201.702.288l.17 1.024c.15.888.912 1.533 1.814 1.533h1.742c.901 0 1.664-.645 1.813-1.532l.173-1.024c.254-.092.503-.195.745-.309l.841.601c.312.225.682.344 1.07.344.49 0 .95-.192 1.298-.54l1.23-1.23a1.834 1.834 0 0 0 .2-2.366l-.604-.848c.116-.247.22-.496.309-.744l1.022-.17A1.833 1.833 0 0 0 21 11.37V9.634a1.814 1.814 0 0 0-1.524-1.816zm.293 3.551c0 .298-.213.55-.506.6l-1.356.226a.663.663 0 0 0-.527.46c-.12.39-.286.79-.492 1.186a.663.663 0 0 0 .049.694l.799 1.123a.606.606 0 0 1-.066.781l-1.23 1.231a.595.595 0 0 1-.429.18.598.598 0 0 1-.352-.113l-1.118-.8a.663.663 0 0 0-.697-.048 7.251 7.251 0 0 1-1.188.492.663.663 0 0 0-.457.524l-.23 1.358a.606.606 0 0 1-.6.507H9.627a.605.605 0 0 1-.6-.506l-.226-1.357a.663.663 0 0 0-.456-.526 7.201 7.201 0 0 1-1.15-.472.666.666 0 0 0-.693.048l-1.138.81a.594.594 0 0 1-.775-.068l-1.232-1.233a.6.6 0 0 1-.066-.777l.795-1.105a.662.662 0 0 0 .047-.703 7.035 7.035 0 0 1-.498-1.181.664.664 0 0 0-.523-.456l-1.375-.234a.606.606 0 0 1-.507-.6V9.673c0-.298.214-.55.508-.6l1.34-.225a.663.663 0 0 0 .526-.463c.126-.414.289-.814.483-1.189a.664.664 0 0 0-.048-.693L3.23 5.367a.605.605 0 0 1 .065-.78L4.53 3.355l.004-.004a.59.59 0 0 1 .425-.175c.128 0 .25.038.35.11l1.11.8c.208.15.478.167.703.047a7.08 7.08 0 0 1 1.181-.498.664.664 0 0 0 .456-.523l.234-1.375a.606.606 0 0 1 .6-.507h1.738c.298 0 .55.214.6.508l.226 1.34c.042.25.22.452.463.526.415.127.83.297 1.232.507a.661.661 0 0 0 .695-.048l1.125-.801a.594.594 0 0 1 .775.068l1.232 1.233a.6.6 0 0 1 .065.778l-.8 1.119a.663.663 0 0 0-.048.696c.197.376.363.776.492 1.188.076.24.277.415.524.457l1.357.23h.001a.59.59 0 0 1 .498.591v1.747z'/%3E%3Cpath d='M10.5 6.418a4.088 4.088 0 0 0-4.083 4.083 4.088 4.088 0 0 0 4.083 4.083 4.088 4.088 0 0 0 4.083-4.083A4.088 4.088 0 0 0 10.5 6.418zm0 6.936A2.856 2.856 0 0 1 7.648 10.5 2.856 2.856 0 0 1 10.5 7.648a2.856 2.856 0 0 1 2.853 2.853 2.856 2.856 0 0 1-2.853 2.853z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100% } .aside__setting-title:before { content: ""; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='21' xmlns='http://www.w3.org/2000/svg' fill='%2375869A'%3E%3Cpath d='M19.476 7.818l-1.024-.174a8.486 8.486 0 0 0-.309-.744l.604-.844a1.827 1.827 0 0 0-.199-2.365l-1.23-1.231a1.825 1.825 0 0 0-2.362-.198l-.847.603a8.449 8.449 0 0 0-.795-.328l-.17-1.003A1.832 1.832 0 0 0 11.333 0h-1.74c-.9 0-1.663.645-1.812 1.532l-.178 1.043c-.251.091-.5.196-.742.312l-.831-.599a1.82 1.82 0 0 0-1.07-.343 1.81 1.81 0 0 0-1.3.54l-1.233 1.23a1.833 1.833 0 0 0-.199 2.366l.613.86a8.338 8.338 0 0 0-.304.749l-1.004.17A1.832 1.832 0 0 0 0 9.671v1.739c0 .9.645 1.663 1.532 1.812l1.043.178c.091.252.196.5.312.742l-.597.83a1.827 1.827 0 0 0 .199 2.365l1.23 1.231a1.825 1.825 0 0 0 2.362.198l.86-.612c.227.105.461.201.702.288l.17 1.024c.15.888.912 1.533 1.814 1.533h1.742c.901 0 1.664-.645 1.813-1.532l.173-1.024c.254-.092.503-.195.745-.309l.841.601c.312.225.682.344 1.07.344.49 0 .95-.192 1.298-.54l1.23-1.23a1.834 1.834 0 0 0 .2-2.366l-.604-.848c.116-.247.22-.496.309-.744l1.022-.17A1.833 1.833 0 0 0 21 11.37V9.634a1.814 1.814 0 0 0-1.524-1.816zm.293 3.551c0 .298-.213.55-.506.6l-1.356.226a.663.663 0 0 0-.527.46c-.12.39-.286.79-.492 1.186a.663.663 0 0 0 .049.694l.799 1.123a.606.606 0 0 1-.066.781l-1.23 1.231a.595.595 0 0 1-.429.18.598.598 0 0 1-.352-.113l-1.118-.8a.663.663 0 0 0-.697-.048 7.251 7.251 0 0 1-1.188.492.663.663 0 0 0-.457.524l-.23 1.358a.606.606 0 0 1-.6.507H9.627a.605.605 0 0 1-.6-.506l-.226-1.357a.663.663 0 0 0-.456-.526 7.201 7.201 0 0 1-1.15-.472.666.666 0 0 0-.693.048l-1.138.81a.594.594 0 0 1-.775-.068l-1.232-1.233a.6.6 0 0 1-.066-.777l.795-1.105a.662.662 0 0 0 .047-.703 7.035 7.035 0 0 1-.498-1.181.664.664 0 0 0-.523-.456l-1.375-.234a.606.606 0 0 1-.507-.6V9.673c0-.298.214-.55.508-.6l1.34-.225a.663.663 0 0 0 .526-.463c.126-.414.289-.814.483-1.189a.664.664 0 0 0-.048-.693L3.23 5.367a.605.605 0 0 1 .065-.78L4.53 3.355l.004-.004a.59.59 0 0 1 .425-.175c.128 0 .25.038.35.11l1.11.8c.208.15.478.167.703.047a7.08 7.08 0 0 1 1.181-.498.664.664 0 0 0 .456-.523l.234-1.375a.606.606 0 0 1 .6-.507h1.738c.298 0 .55.214.6.508l.226 1.34c.042.25.22.452.463.526.415.127.83.297 1.232.507a.661.661 0 0 0 .695-.048l1.125-.801a.594.594 0 0 1 .775.068l1.232 1.233a.6.6 0 0 1 .065.778l-.8 1.119a.663.663 0 0 0-.048.696c.197.376.363.776.492 1.188.076.24.277.415.524.457l1.357.23h.001a.59.59 0 0 1 .498.591v1.747z'/%3E%3Cpath d='M10.5 6.418a4.088 4.088 0 0 0-4.083 4.083 4.088 4.088 0 0 0 4.083 4.083 4.088 4.088 0 0 0 4.083-4.083A4.088 4.088 0 0 0 10.5 6.418zm0 6.936A2.856 2.856 0 0 1 7.648 10.5 2.856 2.856 0 0 1 10.5 7.648a2.856 2.856 0 0 1 2.853 2.853 2.856 2.856 0 0 1-2.853 2.853z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100%; width: 21px; height: 21px; margin-right: 11px; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .aside__setting--my-setting { border-left: 2px solid #EB702D; background: #e9f5fe; color: #EB702D } .aside__setting--my-setting .aside__setting-title:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='21' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M19.476 7.818l-1.024-.174a8.486 8.486 0 0 0-.309-.744l.604-.844a1.827 1.827 0 0 0-.199-2.365l-1.23-1.231a1.825 1.825 0 0 0-2.362-.198l-.847.603a8.449 8.449 0 0 0-.795-.328l-.17-1.003A1.832 1.832 0 0 0 11.333 0h-1.74c-.9 0-1.663.645-1.812 1.532l-.178 1.043c-.251.091-.5.196-.742.312l-.831-.599a1.82 1.82 0 0 0-1.07-.343 1.81 1.81 0 0 0-1.3.54l-1.233 1.23a1.833 1.833 0 0 0-.199 2.366l.613.86a8.338 8.338 0 0 0-.304.749l-1.004.17A1.832 1.832 0 0 0 0 9.671v1.739c0 .9.645 1.663 1.532 1.812l1.043.178c.091.252.196.5.312.742l-.597.83a1.827 1.827 0 0 0 .199 2.365l1.23 1.231a1.825 1.825 0 0 0 2.362.198l.86-.612c.227.105.461.201.702.288l.17 1.024c.15.888.912 1.533 1.814 1.533h1.742c.901 0 1.664-.645 1.813-1.532l.173-1.024c.254-.092.503-.195.745-.309l.841.601c.312.225.682.344 1.07.344.49 0 .95-.192 1.298-.54l1.23-1.23a1.834 1.834 0 0 0 .2-2.366l-.604-.848c.116-.247.22-.496.309-.744l1.022-.17A1.833 1.833 0 0 0 21 11.37V9.634a1.814 1.814 0 0 0-1.524-1.816zm.293 3.551c0 .298-.213.55-.506.6l-1.356.226a.663.663 0 0 0-.527.46c-.12.39-.286.79-.492 1.186a.663.663 0 0 0 .049.694l.799 1.123a.606.606 0 0 1-.066.781l-1.23 1.231a.595.595 0 0 1-.429.18.598.598 0 0 1-.352-.113l-1.118-.8a.663.663 0 0 0-.697-.048 7.251 7.251 0 0 1-1.188.492.663.663 0 0 0-.457.524l-.23 1.358a.606.606 0 0 1-.6.507H9.627a.605.605 0 0 1-.6-.506l-.226-1.357a.663.663 0 0 0-.456-.526 7.201 7.201 0 0 1-1.15-.472.666.666 0 0 0-.693.048l-1.138.81a.594.594 0 0 1-.775-.068l-1.232-1.233a.6.6 0 0 1-.066-.777l.795-1.105a.662.662 0 0 0 .047-.703 7.035 7.035 0 0 1-.498-1.181.664.664 0 0 0-.523-.456l-1.375-.234a.606.606 0 0 1-.507-.6V9.673c0-.298.214-.55.508-.6l1.34-.225a.663.663 0 0 0 .526-.463c.126-.414.289-.814.483-1.189a.664.664 0 0 0-.048-.693L3.23 5.367a.605.605 0 0 1 .065-.78L4.53 3.355l.004-.004a.59.59 0 0 1 .425-.175c.128 0 .25.038.35.11l1.11.8c.208.15.478.167.703.047a7.08 7.08 0 0 1 1.181-.498.664.664 0 0 0 .456-.523l.234-1.375a.606.606 0 0 1 .6-.507h1.738c.298 0 .55.214.6.508l.226 1.34c.042.25.22.452.463.526.415.127.83.297 1.232.507a.661.661 0 0 0 .695-.048l1.125-.801a.594.594 0 0 1 .775.068l1.232 1.233a.6.6 0 0 1 .065.778l-.8 1.119a.663.663 0 0 0-.048.696c.197.376.363.776.492 1.188.076.24.277.415.524.457l1.357.23h.001a.59.59 0 0 1 .498.591v1.747z'/%3E%3Cpath d='M10.5 6.418a4.088 4.088 0 0 0-4.083 4.083 4.088 4.088 0 0 0 4.083 4.083 4.088 4.088 0 0 0 4.083-4.083A4.088 4.088 0 0 0 10.5 6.418zm0 6.936A2.856 2.856 0 0 1 7.648 10.5 2.856 2.856 0 0 1 10.5 7.648a2.856 2.856 0 0 1 2.853 2.853 2.856 2.856 0 0 1-2.853 2.853z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100% } .aside__output { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100px; border-bottom: 1px solid #b8c1cb; padding: 28px 31px 31px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .aside__exit { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #000; background: #fff; color: #EB702D; border: 1px solid #EB702D; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 100%; letter-spacing: .125rem } .aside__exit:hover { background: #EB702D; color: #fff; border: 1px solid transparent; background: #daecf8; color: #EB702D; border: 1px solid #EB702D } .aside__exit:before { content: ""; background: url("data:image/svg+xml;charset=utf-8,%3Csvg id='Слой_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 18' fill='%23249AF3'%3E%3Cstyle%3E.st0{fill:%23249af3}%3C/style%3E%3Cpath class='st0' d='M9 16.5H2.2c-.4 0-.7-.3-.7-.8V2.3c0-.4.3-.7.7-.7H9c.4 0 .7-.3.7-.7C9.8.3 9.4 0 9 0H2.2C1 0 0 1 0 2.3v13.5C0 17 1 18 2.2 18H9c.4 0 .7-.3.7-.8.1-.4-.3-.7-.7-.7z'/%3E%3Cpath class='st0' d='M17.8 8.5L13.3 4c-.3-.3-.8-.3-1.1 0-.3.3-.3.8 0 1.1l3.3 3.2H6.7c-.4 0-.7.3-.7.7 0 .4.3.8.7.8h8.7L12.2 13c-.3.3-.3.8 0 1.1.1.1.3.2.5.2s.4-.1.5-.2l4.6-4.5c.2-.2.3-.4.3-.6 0-.2-.1-.4-.3-.5z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100%; width: 20px; height: 20px; margin-right: 10px } .profile-container { max-width: 710px; margin: 20px auto 20px; padding: 10px } .profile-container-data { background: #fff; padding: 30px 10px; margin-bottom: 28px } .profile-container-pay { padding: 30px 10px } .advert-pay-title { font-style: normal; font-weight: 700; font-size: 32px; color: #FF6464; transform: rotate(-4deg) } .advert-pay-subtitle { font-style: normal; font-weight: 400; font-size: 16px; color: #17191F; transform: rotate(-4deg); margin-top: 10px } .advert-wrap-pay { margin-top: 40px } .advert-block-pay { display: flex; flex-wrap: wrap; position: relative } .advert-block-item-wrap { flex: 0 0 32% } .advert-block-item-pick-wrap { flex: 0 0 49% } .advert-block-item { display: flex; flex-wrap: wrap; flex-direction: column; border: 1px solid #E9ECEE; box-sizing: border-box; border-radius: 8px; padding: 20px 0 20px 20px; align-items: baseline; cursor: pointer } .advert-block-item-pick { display: flex; flex-wrap: wrap; flex-direction: column; border: 1px solid #E9ECEE; box-sizing: border-box; border-radius: 8px; padding-top: 20px; padding-left: 20px; align-items: baseline; cursor: pointer; padding: 20px 0 20px 20px } .advert-pay-price-block { display: flex; justify-content: space-between; width: 95% } .advert-pay-price { font-style: normal; font-weight: 500; font-size: 14px; color: #17191F } .advert-block-item-pick:nth-child(2n-1) { margin-right: 10px } .advert-block-item-pick-wrap:nth-child(2n-1) { margin-right: 10px } .advert-block-pay input[type="radio"] { opacity: 0; position: fixed; width: 0 } .advert-block-pay input[type="radio"]:checked+label { background: linear-gradient(118.52deg, #F0A973 11.65%, #E97376 86.5%) } .advert-block-pay input[type="radio"]:checked+label>.advert-pay-info { color: #fff } .input_advert_search advert-block-pay input[type="radio"]:checked+label .advert-pay-price { color: #fff } .advert-block-item-wrap:nth-child(3n-1) { margin-right: 10px; margin-left: 10px } .advert-pay-info { font-style: normal; font-weight: 500; font-size: 16px; color: #17191F; word-break: break-word; margin-bottom: 0; margin-top: 10px } .advert-block-subtitle { font-style: normal; font-weight: 400; font-size: 16px; color: #17191F; word-break: break-word; margin-top: 15px; margin-left: 20px } .wrap-menu { margin-top: 20px; width: 100% } .wrap-menu-list { display: flex; flex-wrap: wrap } .wrap-menu-item { margin-right: 20px; margin-bottom: 12px; margin-top: 10px; } .wrap-menu-item-mobile { display: none } .wrap-menu-item:last-child { margin-right: 0 } .profile_icon_div { border-radius: 50%; width: 30px; height: 30px; padding: 1% 2%; display: inline-block; text-align: center; margin-right: 10px } .wrap-menu-item-link { font-style: normal; font-weight: 600; font-size: 1rem; color: #292D32; background: #fff; padding: 10px 20px 12px 15px; border-radius: 35px; width: 100%; min-width: 100% } } .wrap-menu-item-link:hover { color: #000; text-decoration: none } .wrap-menu-item-link-active { color: #000 } .sub-wrap-menu-list { margin-top: 16px; width: 100%; display: flex; flex-wrap: wrap } .sub-wrap-menu-item { margin-right: 12px } .sub-wrap-menu-list .active a { color: #17191F; text-decoration: none } .sub-wrap-menu-item:last-child { margin-right: 0 } .sub-wrap-menu-item-link { font-style: normal; font-weight: 500; font-size: 14px; color: #9AA7B6 } .sub-wrap-menu-item-link:hover { color: #17191F; text-decoration: none } .sub-wrap-menu-item-link-active:hover { color: #17191F } .booking__container { width: 1196px; min-height: 330px; position: relative } .profile-advert-title { font-style: normal; font-weight: 500; font-size: 32px; color: #1AB817; margin-bottom: 15px; text-align: center } .profile-advert-subtitle { font-style: normal; font-weight: 400; font-size: 16px; color: #000; text-align: center } .profile-advert-image-block { width: 90% } .profile-advert-image-block img { width: 100% } .profile-data-title { font-style: normal; font-weight: 500; font-size: 24px; color: #17191F; padding-left: 14px; margin-bottom: 35px } .label-profile { font-style: normal; font-weight: 400; font-size: 15px; color: #17191F; margin-top: 2%; word-break: inherit } .booking { display: flex; flex-direction: column; justify-items: center; align-items: center } .booking__card { min-height: 453px; width: 1100px; padding: 30px; box-shadow: 0 10px 30px rgba(36, 154, 243, .15); border-radius: 5px; background: #fff } .booking__card_contact { top: -55px; padding: 47px 240px 83px 250px; min-height: 425px; height: 425px } .booking__title { font-weight: 600; line-height: normal; font-size: 1.5rem; color: #000; margin-bottom: 20px; letter-spacing: .02em } .booking__title_account, .booking__title_order { margin-top: 20px; margin-bottom: 24px } .booking__title_order { font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center } .advert-margin-checkbox { margin-left: 113px } .booking__title_order span { font-size: .875rem } .booking__desc { font-weight: 600; line-height: normal; font-size: 1.125rem; color: #75869a; letter-spacing: .02em } .booking__desc_contact { font-size: .875rem; letter-spacing: .05em } .booking__text { text-align: center; margin-bottom: 53px } .booking__text_contact { margin-bottom: 35px } .booking__car-type { margin-bottom: 14px; width: 100% } .booking__car-type_order .checkbox__item { margin-right: 5px } .booking__car-type_order .checkbox__list { -webkit-box-orient: horizontal; -webkit-box-direction: normal } .booking__input-row { margin-bottom: 29px; width: 31% } .booking__input-row>* { margin-right: 20px } .booking__input-row>:last-child { margin-right: 0 } .booking__datepicker { position: relative } .booking__input { display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 5px; height: 40px; padding: 10px 21px; outline: none; font-size: .875rem; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; width: 100%; color: #75869a } .booking__input, .booking__input:focus { border: 1px solid #b8c1cb } .booking__input::-webkit-input-placeholder { color: #b8c1cb } .booking__input:-ms-input-placeholder { color: #b8c1cb } .booking__input::-ms-input-placeholder { color: #b8c1cb } .booking__input::placeholder { color: #b8c1cb } .booking__input_car { width: 50% } .booking__select { display: -webkit-box; display: -ms-flexbox; display: flex; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg' fill='%2375869A'%3E%3Cpath d='M5.953 6.787a.831.831 0 0 1-.59-.244L.245 1.423A.834.834 0 1 1 1.424.244l4.53 4.53 4.53-4.53a.834.834 0 1 1 1.178 1.18l-5.12 5.12a.831.831 0 0 1-.589.243z'/%3E%3C/svg%3E") 50% no-repeat; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 5px; height: 40px; border: 1px solid #b8c1cb; outline: none; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 1rem; line-height: normal; font-size: .875rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; cursor: pointer; background-position: right 13px center; padding: 5px 30px 5px 14px; color: #b8c1cb; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 223px } .booking__select option { color: #000 } .booking__select:focus, .booking__select:hover { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M5.953 6.787a.831.831 0 0 1-.59-.244L.245 1.423A.834.834 0 1 1 1.424.244l4.53 4.53 4.53-4.53a.834.834 0 1 1 1.178 1.18l-5.12 5.12a.831.831 0 0 1-.589.243z'/%3E%3C/svg%3E") 50% no-repeat; cursor: pointer; background-position: right 13px center; border: 1px solid #EB702D } .booking__select_account { width: 50% } .booking__select-type { display: none } .booking__btn { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #000; color: #fff; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 215px; height: 40px; letter-spacing: .08em } .booking__btn, .booking__btn:hover { background: #EB702D; border: 1px solid transparent } .booking__btn:hover { color: #fff; background: transparent; color: #EB702D; border: 1px solid #EB702D } .booking__btn-white { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #000; background: #fff; color: #EB702D; border: 1px solid #EB702D; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 215px; height: 40px } .booking__btn-white:hover { background: #EB702D; color: #fff; border: 1px solid transparent; background: #daecf8; color: #EB702D; border: 1px solid #EB702D } .booking__input-group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100% } .booking__input-datepicker { display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 5px; height: 40px; padding: 10px 21px; border: 1px solid #b8c1cb; outline: none; font-size: .875rem; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; width: 100%; color: #75869a } .booking__input-datepicker:focus { border: 1px solid #b8c1cb } .booking__input-datepicker::-webkit-input-placeholder { color: #b8c1cb } .booking__input-datepicker:-ms-input-placeholder { color: #b8c1cb } .booking__input-datepicker::-ms-input-placeholder { color: #b8c1cb } .booking__input-datepicker::placeholder { color: #b8c1cb } .booking__input-row { display: -webkit-box; display: -ms-flexbox; display: flex; width: 30%; justify-content: center } .booking__input-row_type { display: none } .booking__input-row_text { width: 48% } .booking__input-row_line-botom { border-bottom: 1px solid #b8c1cb } .booking__input-row_contact { margin-bottom: 24px } .booking__input-row_margin { margin-bottom: 36px } .booking__input-row_car { width: 100% } .booking__datepicker_car { width: 50% } .booking__form { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .booking__datepicker-icon { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='21' xmlns='http://www.w3.org/2000/svg' fill='%23B8C1CB'%3E%3Cpath d='M18.54 1.64h-.985V0h-1.64v1.64H5.084V0h-1.64v1.64H2.46A2.464 2.464 0 0 0 0 4.103V18.54A2.464 2.464 0 0 0 2.46 21h16.08A2.464 2.464 0 0 0 21 18.54V4.101a2.464 2.464 0 0 0-2.46-2.461zm.82 16.9c0 .451-.369.82-.82.82H2.46a.821.821 0 0 1-.82-.82V7.71h17.72v10.83zm0-12.47H1.64V4.102c0-.453.369-.82.82-.82h.985v1.64h1.64v-1.64h10.83v1.64h1.64v-1.64h.984a.82.82 0 0 1 .82.82V6.07z'/%3E%3Cpath d='M4.758 9.434h-1.64v1.64h1.64v-1.64zm3.282 0H6.397v1.64H8.04v-1.64zm3.28 0H9.68v1.64h1.64v-1.64zm3.282 0H12.96v1.64h1.64v-1.64zm3.281 0h-1.64v1.64h1.64v-1.64zM4.758 12.715h-1.64v1.64h1.64v-1.64zm3.282 0H6.397v1.64H8.04v-1.64zm3.28 0H9.68v1.64h1.64v-1.64zm3.282 0H12.96v1.64h1.64v-1.64zm-9.844 3.281h-1.64v1.64h1.64v-1.64zm3.282 0H6.397v1.64H8.04v-1.64zm3.28 0H9.68v1.64h1.64v-1.64zm3.282 0H12.96v1.64h1.64v-1.64zm3.281-3.281h-1.64v1.64h1.64v-1.64z'/%3E%3C/svg%3E") no-repeat 50%; display: inline-block; width: 21px; height: 21px; position: absolute; top: 0; right: 0; padding: 20px; border-left: 1px solid #b8c1cb; cursor: pointer } .booking__textarea { display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 5px; height: 40px; padding: 10px 21px; outline: none; font-size: .875rem; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; width: 100%; color: #75869a; height: auto; min-height: 83px } .booking__textarea, .booking__textarea:focus { border: 1px solid #b8c1cb } .booking__textarea::-webkit-input-placeholder { color: #b8c1cb } .booking__textarea:-ms-input-placeholder { color: #b8c1cb } .booking__textarea::-ms-input-placeholder { color: #b8c1cb } .booking__textarea::placeholder { color: #b8c1cb } .booking__textarea_contact { height: 83px } .booking__btn-close { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 29px; height: 40px; cursor: pointer; outline: none; background: transparent; padding: 0; margin-bottom: 28px } .booking__close-tariff { width: 100%; height: 15px } .booking__btn-tariff { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #000; background: #dde5eb; width: 100%; color: #75869a; border: 1px solid transparent; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; font-size: .875rem; margin-bottom: 52px } .booking__btn-tariff:hover { background: #EB702D; color: #fff; border: 1px solid transparent; background: transparent; color: #75869a; border: 1px solid #b8c1cb } .booking__plus-tariff { width: 12px; height: 12px; margin-right: 8px } .breadcrumbs__item { position: relative; margin-right: 25px } .breadcrumbs__item:after { content: ""; display: block; position: absolute; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='5' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 4.5c0 .143-.06.287-.18.396l-3.77 3.44a.657.657 0 0 1-.87 0 .526.526 0 0 1 0-.792L3.518 4.5.18 1.456a.526.526 0 0 1 0-.792.657.657 0 0 1 .869 0l3.771 3.44c.12.11.18.253.18.396z'/%3E%3C/svg%3E") 50% no-repeat; width: 14px; height: 7px; top: 9px; right: -19px } .breadcrumbs__item:last-child:after { content: ""; background: initial } .breadcrumbs__link { font-size: .875rem; color: #75869a } .breadcrumbs__link_active { color: #249AF3 } .car { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column } .car .header_about { margin-bottom: 0 } .car .menu__link--index { border-bottom: 3px solid #EB702D; color: #000 } .car__desc-list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row } .car__desc-subtext { font-size: .75rem; color: #75869a } .car__desc-text { font-weight: 600; font-size: .875rem; color: #000 } .car__desc-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; padding: 2px } .car__desc-icon, .car__desc-item { display: -webkit-box; display: -ms-flexbox; display: flex } .car__desc-icon { overflow: hidden; width: 24px; height: 24px } .car__desc-icon-svg { width: 100%; height: 100% } .car__container { position: relative; overflow: hidden; 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: flex-start } .transport__container { position: relative; 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: flex-start } .car__slider { height: 600px; width: 100%; margin-bottom: 60px } .car__slider-container { position: relative; overflow: hidden } .car__content { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 27px } .car__info { max-width: 952px; width: 70%; margin-right: 6px } .car__thumb-slide { border-radius: 5px; min-width: 177px; margin-right: 16px } .car__thumb-slide:last-child { margin-right: 0 } .car__slide { border-radius: 5px; min-width: 100%; height: 100%; -webkit-transition: 2s linear; transition: 2s linear } .car__slide-next, .car__slide-prev { outline: none; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; 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; background: #fff; position: absolute; z-index: 100; top: 46%; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .car__slide-next:hover, .car__slide-prev:hover { background: #75869a } .car__slide-next:hover>.car__button-icon-left, .car__slide-prev:hover>.car__button-icon-left { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 5.13a.559.559 0 0 1-.396-.164l-3.44-3.44A.56.56 0 1 1 .956.734L4 3.778 7.044.734a.56.56 0 0 1 .792.792l-3.44 3.44A.559.559 0 0 1 4 5.13z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100%; width: 12px; height: 7px; -webkit-transform: rotate(90deg); transform: rotate(90deg) } .car__slide-next:hover>.car__button-icon, .car__slide-prev:hover>.car__button-icon { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 5.13a.559.559 0 0 1-.396-.164l-3.44-3.44A.56.56 0 1 1 .956.734L4 3.778 7.044.734a.56.56 0 0 1 .792.792l-3.44 3.44A.559.559 0 0 1 4 5.13z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100%; width: 12px; height: 7px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg) } .car__slide-next { right: 0; margin-right: 30px } .car__slide-prev { left: 0; margin-left: 30px } .car__button-icon { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='6' xmlns='http://www.w3.org/2000/svg' fill='%2375869A'%3E%3Cpath d='M4 5.13a.559.559 0 0 1-.396-.164l-3.44-3.44A.56.56 0 1 1 .956.734L4 3.778 7.044.734a.56.56 0 0 1 .792.792l-3.44 3.44A.559.559 0 0 1 4 5.13z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100%; width: 12px; height: 7px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .car__button-icon-left { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='6' xmlns='http://www.w3.org/2000/svg' fill='%2375869A'%3E%3Cpath d='M4 5.13a.559.559 0 0 1-.396-.164l-3.44-3.44A.56.56 0 1 1 .956.734L4 3.778 7.044.734a.56.56 0 0 1 .792.792l-3.44 3.44A.559.559 0 0 1 4 5.13z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100%; width: 12px; height: 7px; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .car__specs-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 59px } .car__specs-item { max-width: 437px; width: 46%; 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; padding: 30px 0 15px; border-bottom: 1px solid #75869a } .car__specs-item:first-child { padding: 36px 0 15px } .car__specs-item:last-child { padding: 25px 0 15px } .car__specs-item:nth-child(2n) { margin-right: 0 } .car__specs-name { margin-right: auto; padding: 0 10px; font-weight: 600; line-height: normal; font-size: 1rem; color: #75869a } .car__specs-title { font-weight: 600; line-height: normal; font-size: 1.125rem; color: #000 } .car__specs-value { font-size: 1rem; text-align: right; color: #000 } .car__specs-icon { width: 23px; height: 23px; 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 } .car__sidebar { margin-left: 20px; width: 32% } .car__sidebar>* { margin-bottom: 20px } .car__sidebar-info { display: block; padding: 25px 9px 0; border: 1px solid #b8c1cb; border-radius: 5px } .car__sidebar-info_tablets { display: none } .car__related { display: block; border: 1px solid #b8c1cb; border-radius: 5px; padding: 35px 33px 45px 30px } .car__related-title { font-weight: 600; line-height: normal; font-size: 1.125rem; color: #000; margin-bottom: 26px } .car__related-item { margin-bottom: 37px } .car__related-item:last-child { margin-bottom: 0 } .car__related-link { width: 100%; height: 225px; overflow: hidden; 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; position: relative; border-radius: 5px } .car__related-link img { width: 100%; height: 100% } .car__related-link:after { content: ""; display: block; min-width: 100%; height: 225px; background: -webkit-gradient(linear, left bottom, left top, color-stop(-8.76%, #000), color-stop(46.43%, rgba(97, 97, 97, .187845)), color-stop(58.03%, hsla(0, 0%, 100%, 0))); background: linear-gradient(1turn, #000 -8.76%, rgba(97, 97, 97, .187845) 46.43%, hsla(0, 0%, 100%, 0) 58.03%); position: absolute } .car__related-img { width: 100% } .car__related-info { position: absolute; font-size: 1.125rem; color: #fff; left: 0; bottom: 0; padding: 0 0 23px 37px; z-index: 100 } .car__related-info_bold { font-weight: 600 } .car__related-info_subtext { font-size: .75rem } .car__related-info_next-line { display: block } .car__breadcrumbs { margin: 22px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100% } .car__sidebar-list .offers-list__title { letter-spacing: .08em } .car__sidebar-list .offers-list__sub-text { font-size: .875rem } .car__sidebar-list>* { margin-bottom: 16px } .car__sidebar-list>:last-child { margin-top: 56px; margin-bottom: -6px } .car__reviews-title { font-weight: 600; font-size: 1.5rem; color: #000; position: absolute; top: 0; left: 0 } .car__reviews-slider { position: relative } .car__reviews { width: 100% } .car__slider-wrapper { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 480px; white-space: nowrap } .car__placemark-2 { width: 17px; height: 17px } .car__icon { width: 100%; height: 100% } .checkbox__list { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .checkbox__item { margin-bottom: 15px } .checkbox__item input[type=checkbox] { display: none } .checkbox__item:last-child { margin: initial } .checkbox__label { font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 1rem; line-height: normal; font-size: .6875rem; color: #75869a; width: 135px; height: 61px; background: #dde5eb; border-radius: 5px; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; padding: 12px } .checkbox__label, .checkbox__label_type_text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .checkbox__label_type_text { height: 45px; border-radius: 4px; overflow: hidden; padding-right: 20px; padding-left: 20px; width: 100% } .checkbox__label_type_radio { margin-right: 30px } .checkbox__label_white { color: #fff; background: #b8c1cb } .checkbox__label span { z-index: 10 } input[type=checkbox]:checked+.checkbox__checked:after { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 5px; border: 1px solid #96a2af; background: #b8c1cb; opacity: 1 } .checkbox__label:hover { background: #b8c1cb } input[type=checkbox]:checked+.checkbox__checked .checkbox__icon { background: #EB702D; border: 0 } input[type=checkbox]:checked+.checkbox__checked .checkbox__icon .checkbox__svg { visibility: visible } .account-order__label input[type="checkbox"] { display: none } } input[type=checkbox]:checked~.checkbox__label { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 5px; border: 1px solid #EB702D; background: #daecf8; opacity: 1 } .checkbox__icon { width: 15px; height: 15px; text-align: center; vertical-align: bottom; 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; position: absolute; right: 0; top: 0; margin: 5px; border-radius: 50px } .checkbox__svg { width: 11px; height: 9px; fill: none; visibility: hidden } .checkbox__bg-icon { margin-bottom: 4px; z-index: 10 } .checkbox__bg-icon_white { fill: #fff } .checkout { display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .5); z-index: 1000; visibility: hidden } .checkout_hide { position: absolute; top: -1212px } .checkout__modal { min-width: 900px; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; padding: 47px 121px; z-index: 10000 } .checkout__title { font-weight: 600; font-size: 1.125rem; color: #000; margin: 0 auto 39px; text-align: center } .checkout__close { position: absolute; top: 25px; right: 25px; width: 21px; height: 21px } .checkout__form { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .checkout__close-icon { width: 100%; height: 100% } .checkout--hide { visibility: visible } .checkout__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .875rem; color: #75869a; margin-bottom: 14px } .checkout__btn-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100% } .checkout__btn-red { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; border: 1px solid #b8c1cb; color: #000; width: 121px; height: 35px; color: #fff; background: #fe564f; margin-right: 56px } .checkout__btn-red:hover { background: #EB702D; color: #fff; border: 1px solid transparent } .checkout__btn-red:active, .checkout__btn-red:focus, .checkout__btn-red:hover { color: #fe564f; background: #fff; border: 1px solid #fe564f } .checkout__btn-blue { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #000; color: #fff; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 121px; height: 35px } .checkout__btn-blue, .checkout__btn-blue:hover { background: #EB702D; border: 1px solid transparent } .checkout__btn-blue:hover { color: #fff; background: transparent; color: #EB702D; border: 1px solid #EB702D } .colors__label { font-size: .75rem; color: #000; margin-bottom: 20px; font-family: OpenSans, sans-serif } .colors__label, .colors__label_type_text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .colors__label_type_text { height: 45px; border-radius: 4px; overflow: hidden; padding-right: 20px; padding-left: 20px; width: 100% } .colors__label_type_radio { margin-right: 30px } .colors__list { margin-bottom: 13px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column } input[type=checkbox]:checked+.colors__checkbox-icon { background: #EB702D; border: 0 } .colors__item { margin-bottom: 15px; height: 20px } .colors__checkbox-icon { width: 20px; height: 20px; border: 1px solid hsla(0, 0%, 50.2%, .8); border-radius: 2px; text-align: center; vertical-align: bottom; background: #fff; margin-right: 10px; 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 } .colors__checkbox-color { width: 30px; height: 17px; border-radius: 3px; margin-right: 10px } .colors__checkbox-svg { width: 12px; height: 9px; fill: none } .colors__checkbox-color_border { border: 1px solid #909090 } .comfort { padding: 70px 0 } .comfort__container { width: 100vw; min-height: 606px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; padding: 60px 0 55px 15%; background: url(/images/img/app-img.jpg) no-repeat top right 14%; background-size: 35% } .comfort__title { font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; line-height: 3.6875rem; font-size: 2.25rem; color: #000; max-width: 450px; margin-bottom: 30px } .comfort__desc { font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; line-height: 2.25rem; font-size: 1.375rem; color: #000; max-width: 550px; letter-spacing: .02em } .comfort__phones-img { display: none } .comfort__download { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; width: 50%; margin-top: 50px } .comfort__list { display: -webkit-box; display: -ms-flexbox; display: flex; height: 59px; width: 55% } .comfort__store-apple { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='102' height='34' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.22 0h97.56c1.222 0 2.22.997 2.22 2.216v29.569A2.223 2.223 0 0 1 99.78 34H2.22A2.223 2.223 0 0 1 0 31.785V2.215C0 .998.998 0 2.22 0zm14.246 13.136c-1.807 3.13-.658 7.881 1.34 10.762.997 1.44 2.007 2.733 3.39 2.733.027 0 .053 0 .08-.002.65-.026 1.119-.226 1.573-.419.51-.217 1.037-.44 1.864-.44.787 0 1.288.216 1.774.426.478.207.971.42 1.7.407 1.558-.03 2.514-1.424 3.358-2.655a11.754 11.754 0 0 0 1.472-3.009l.006-.019a.175.175 0 0 0-.106-.22c-.274-.111-2.681-1.177-2.706-4.083-.024-2.36 1.805-3.61 2.172-3.836l.017-.01a.175.175 0 0 0 .05-.247c-1.263-1.844-3.198-2.122-3.977-2.155a3.538 3.538 0 0 0-.347-.017c-.915 0-1.79.345-2.495.622-.486.192-.906.357-1.196.357-.325 0-.747-.167-1.236-.361-.654-.26-1.395-.553-2.18-.553h-.055c-1.824.027-3.548 1.07-4.498 2.72zm12.009-7.844c-1.105.045-2.43.724-3.222 1.65-.673.779-1.33 2.076-1.157 3.385.01.082.077.145.16.151.074.006.15.009.226.009 1.08 0 2.246-.596 3.041-1.557.838-1.014 1.262-2.316 1.133-3.482a.177.177 0 0 0-.168-.156h-.013zm18.467 8.669l-.177-.563a52.72 52.72 0 0 1-.176-.564h-1.703l-.178.564-.176.563h-.548c.256-.78.504-1.53.744-2.248.24-.718.466-1.406.68-2.065h.682l1.413 4.313h-.561zm-.48-1.536l-.29-.961a57.793 57.793 0 0 0-.296-.954l-.127-.422h-.019l-.126.428c-.046.156-.092.308-.139.457l-.138.454a81.719 81.719 0 0 1-.31.998h1.445zm.978-1.53h.524c.083.268.17.532.261.79a30 30 0 0 1 .262.784c.059.176.116.358.173.547.057.19.115.372.174.548h.031c.013-.03.03-.084.054-.164l.082-.28a51.997 51.997 0 0 1 .23-.734l.498-1.492h.518l-1.11 3.067h-.618l-1.08-3.067zm4.296 1.65c-.211.008-.366.06-.467.156a.498.498 0 0 0-.152.379c0 .18.044.315.133.402.088.089.233.133.435.133a.934.934 0 0 0 .413-.104c.14-.07.283-.169.426-.3v-.717l-.788.05zm1.286 1.032h.416l.032.302a1.208 1.208 0 0 1-.262.091c-.099.023-.19.035-.274.035a.466.466 0 0 1-.284-.075c-.067-.05-.105-.156-.113-.315l-.007-.007a1.662 1.662 0 0 1-.64.353c-.09.025-.173.04-.246.044a3.367 3.367 0 0 1-.18.006.957.957 0 0 1-.438-.088.782.782 0 0 1-.416-.507 1.109 1.109 0 0 1-.041-.286c0-.269.095-.484.287-.646.191-.161.484-.255.88-.28l.788-.05v-.195c0-.257-.047-.437-.14-.542-.091-.105-.266-.158-.522-.158a3.098 3.098 0 0 0-.952.17l-.115-.346c.177-.08.37-.14.58-.183.211-.042.413-.062.606-.062.324 0 .579.075.764.226.185.151.277.416.277.793v1.72zm1.16.384v-3.073h.511v3.073h-.51zm.606-3.88a.321.321 0 0 1-.1.234.335.335 0 0 1-.48 0 .32.32 0 0 1-.101-.233c0-.097.033-.177.1-.243a.342.342 0 0 1 .48 0 .325.325 0 0 1 .101.243zm1.432 3.88h-.51V9.484h.516l-.006 4.477zm1.899-1.417c-.21.008-.366.06-.467.157a.498.498 0 0 0-.152.379c0 .18.045.315.133.402.088.089.233.133.435.133a.934.934 0 0 0 .414-.104c.14-.07.282-.169.425-.3v-.717l-.788.05zm1.287 1.033h.416l.031.302a1.211 1.211 0 0 1-.261.091c-.1.023-.19.035-.275.035a.466.466 0 0 1-.284-.075c-.067-.05-.105-.156-.113-.315l-.007-.007a1.662 1.662 0 0 1-.64.353c-.09.025-.172.04-.245.044a3.37 3.37 0 0 1-.18.006.957.957 0 0 1-.438-.088.782.782 0 0 1-.417-.507 1.105 1.105 0 0 1-.041-.286c0-.269.096-.484.287-.646.192-.161.485-.255.88-.28l.788-.05v-.195c0-.257-.046-.437-.139-.542-.092-.105-.266-.158-.523-.158a3.1 3.1 0 0 0-.952.17l-.114-.346c.176-.08.37-.14.58-.183.21-.042.413-.062.606-.062.324 0 .578.075.763.226.185.151.278.416.278.793v1.72zm1.514-2.494c.181-.1.348-.17.502-.21.154-.04.296-.06.428-.06.223 0 .41.04.56.122a.93.93 0 0 1 .356.34 1.5 1.5 0 0 1 .19.517c.039.2.058.414.058.645 0 .214-.022.417-.067.608a1.349 1.349 0 0 1-.22.497c-.104.141-.24.253-.41.337-.17.084-.382.126-.634.126a3.191 3.191 0 0 1-1.287-.277V9.484h.51v.9l-.018.674.032.025zm.829.158c-.147 0-.297.026-.446.078-.15.053-.283.113-.396.179v1.953c.13.058.26.098.386.117.127.018.244.028.355.028.13 0 .248-.02.351-.057a.596.596 0 0 0 .263-.19.946.946 0 0 0 .164-.357 2.2 2.2 0 0 0 .058-.545 2.8 2.8 0 0 0-.054-.6 1.007 1.007 0 0 0-.153-.371.506.506 0 0 0-.234-.185.842.842 0 0 0-.294-.05zm2.539 2.72h-.511V9.484h.517l-.006 4.477zm2.131-2.765a.768.768 0 0 0-.372.083.72.72 0 0 0-.249.22.972.972 0 0 0-.145.321 2.06 2.06 0 0 0-.06.378h1.571c0-.147-.013-.282-.038-.406a.912.912 0 0 0-.123-.318.574.574 0 0 0-.227-.205.782.782 0 0 0-.357-.073zm-.012-.377c.206 0 .38.027.52.081a.979.979 0 0 1 .564.51c.051.11.088.219.111.328.024.11.037.212.042.309.004.096.006.176.006.239v.245h-2.063c0 .143.013.28.038.41.025.13.072.244.138.343a.728.728 0 0 0 .272.236.93.93 0 0 0 .429.088c.18 0 .346-.018.495-.056.15-.038.312-.093.49-.164l.125.328a2.5 2.5 0 0 1-.558.214 2.45 2.45 0 0 1-.59.07c-.273 0-.498-.043-.675-.127a1.085 1.085 0 0 1-.42-.337 1.27 1.27 0 0 1-.214-.497 2.953 2.953 0 0 1-.04-.92 1.948 1.948 0 0 1 .22-.7 1.122 1.122 0 0 1 .609-.518 1.39 1.39 0 0 1 .501-.082zm6.276 1.612c0 .197-.022.39-.066.58a1.4 1.4 0 0 1-.227.506 1.157 1.157 0 0 1-.432.36 1.51 1.51 0 0 1-.675.134 1.4 1.4 0 0 1-.634-.129c-.17-.086-.306-.2-.407-.343a1.408 1.408 0 0 1-.218-.497 2.614 2.614 0 0 1-.066-.598c0-.206.025-.406.076-.599.05-.193.13-.365.24-.516a1.22 1.22 0 0 1 .428-.365 1.37 1.37 0 0 1 .644-.139c.256 0 .471.046.643.139.173.092.31.212.413.362.103.149.176.32.218.513.042.193.063.39.063.592zm-.536.013c0-.14-.01-.28-.029-.423a1.252 1.252 0 0 0-.116-.393.77.77 0 0 0-.246-.293.687.687 0 0 0-.41-.114.744.744 0 0 0-.423.111.8.8 0 0 0-.259.284 1.262 1.262 0 0 0-.132.393 2.569 2.569 0 0 0-.038.435c0 .15.01.297.032.44.021.143.062.268.123.375.06.107.147.193.258.258a.869.869 0 0 0 .439.098.717.717 0 0 0 .407-.104.724.724 0 0 0 .243-.274c.059-.113.098-.24.12-.378a2.76 2.76 0 0 0 .03-.415zm3.198 1.517v-2.027c0-.106-.005-.201-.016-.287a.555.555 0 0 0-.07-.22.337.337 0 0 0-.161-.14.742.742 0 0 0-.291-.046 1.41 1.41 0 0 0-.482.094 3.154 3.154 0 0 0-.462.208v2.418h-.511v-3.073h.498l.006.264.02.013c.173-.109.358-.194.556-.255.198-.06.372-.091.519-.091.21 0 .376.03.497.091.12.06.21.138.272.233a.75.75 0 0 1 .114.318c.015.118.022.233.022.346v2.154h-.511zm3.69-3.854v.781h.927v.378h-.933v1.815a.69.69 0 0 0 .085.36c.056.095.17.142.343.142.14 0 .333-.036.58-.107l.082.346a1.85 1.85 0 0 1-.77.17c-.554 0-.831-.25-.831-.753v-1.973h-.449v-.275l.474-.147.16-.68.332-.057zm2.056 1.052c.19-.097.383-.178.58-.243.195-.065.363-.097.501-.097.212 0 .376.03.495.091a.657.657 0 0 1 .373.551c.013.118.019.233.019.346v2.154h-.51v-2.027c0-.106-.006-.201-.017-.287a.555.555 0 0 0-.07-.22.337.337 0 0 0-.161-.14.742.742 0 0 0-.291-.046 1.41 1.41 0 0 0-.482.094 3.163 3.163 0 0 0-.462.208v2.418h-.511V9.484h.504v.995l-.019.655.05.025zm4.005.037a.768.768 0 0 0-.372.083.72.72 0 0 0-.25.22.972.972 0 0 0-.144.321 2.077 2.077 0 0 0-.06.378h1.57a1.98 1.98 0 0 0-.038-.406.908.908 0 0 0-.123-.318.574.574 0 0 0-.226-.205.782.782 0 0 0-.357-.073zm-.012-.377c.206 0 .379.027.52.081a.98.98 0 0 1 .564.51c.05.11.088.219.11.328.024.11.037.212.042.309.004.096.006.176.006.239v.245h-2.063c0 .143.013.28.039.41a.91.91 0 0 0 .138.343.73.73 0 0 0 .272.236.93.93 0 0 0 .428.088c.181 0 .346-.018.496-.056.149-.038.312-.093.489-.164l.126.328a2.5 2.5 0 0 1-.559.214 2.45 2.45 0 0 1-.59.07c-.273 0-.498-.043-.674-.127a1.085 1.085 0 0 1-.42-.337 1.269 1.269 0 0 1-.214-.497 2.946 2.946 0 0 1-.041-.92 1.948 1.948 0 0 1 .22-.7 1.124 1.124 0 0 1 .609-.518 1.39 1.39 0 0 1 .502-.082zM47.97 24.04a20.887 20.887 0 0 1-.22-.696c-.07-.232-.143-.467-.22-.705h-2.17l-.44 1.401h-.947c.338-1.017.668-1.998.989-2.943.32-.946.629-1.86.922-2.745h1.187l1.87 5.688h-.972zm-1.039-3.42l-.228-.782a55.97 55.97 0 0 0-.229-.765h-.033l-.44 1.514a11.36 11.36 0 0 0-.116.376 39.56 39.56 0 0 1-.187.612l-.08.251-.04.133h1.752l-.399-1.34zm3.464-.245a2.12 2.12 0 0 1 .592-.331c.212-.078.421-.116.624-.116.3 0 .549.053.75.161.201.108.363.256.481.444s.203.405.252.65c.05.247.075.51.075.793 0 .298-.03.577-.091.837a1.99 1.99 0 0 1-.29.68 1.41 1.41 0 0 1-.517.456 1.67 1.67 0 0 1-.774.166 2.969 2.969 0 0 1-.547-.054c-.1-.02-.2-.045-.299-.079a1.19 1.19 0 0 1-.273-.132v1.915h-.905v-5.788h.864l.016.366.042.032zm.913 3.085a.967.967 0 0 0 .358-.07.727.727 0 0 0 .307-.247c.089-.116.16-.272.212-.47.052-.196.078-.442.078-.735 0-.26-.022-.476-.066-.649a1.027 1.027 0 0 0-.19-.406.677.677 0 0 0-.296-.213 1.08 1.08 0 0 0-.623-.03 1.905 1.905 0 0 0-.519.21.872.872 0 0 0-.183.132v2.22a.823.823 0 0 0 .175.096 1.975 1.975 0 0 0 .49.141c.089.014.175.02.257.02zm3.613-3.085a2.12 2.12 0 0 1 .593-.331c.212-.078.42-.116.624-.116.299 0 .548.053.75.161.2.108.362.256.48.444s.203.405.253.65c.05.247.074.51.074.793 0 .298-.03.577-.091.837-.06.26-.157.487-.29.68a1.411 1.411 0 0 1-.517.456c-.213.11-.47.166-.774.166a2.973 2.973 0 0 1-.547-.054 2.31 2.31 0 0 1-.299-.079 1.19 1.19 0 0 1-.272-.132v1.915H54v-5.788h.863l.017.366.041.032zm.914 3.085c.122 0 .24-.024.357-.07a.728.728 0 0 0 .307-.247 1.3 1.3 0 0 0 .212-.47c.053-.196.079-.442.079-.735 0-.26-.022-.476-.066-.649a1.027 1.027 0 0 0-.191-.406.677.677 0 0 0-.295-.213 1.08 1.08 0 0 0-.623-.03 1.905 1.905 0 0 0-.52.21.87.87 0 0 0-.182.132v2.22a.82.82 0 0 0 .174.096 1.98 1.98 0 0 0 .49.141c.09.014.175.02.258.02zm3.72.58h-.905v-5.912h.914l-.008 5.912zm2.824-4.154c.277 0 .514.035.71.104.197.069.36.159.49.27.13.11.232.235.304.377.072.14.126.284.162.43.036.147.058.288.066.423.008.136.012.254.012.353v.323h-2.699c0 .177.018.341.054.494a.914.914 0 0 0 .523.66c.141.065.315.098.52.098.232 0 .452-.023.66-.07a4.31 4.31 0 0 0 .643-.203l.2.564a3.047 3.047 0 0 1-.785.298 3.707 3.707 0 0 1-.826.091c-.383 0-.697-.055-.943-.166a1.464 1.464 0 0 1-.585-.452 1.677 1.677 0 0 1-.3-.663 3.389 3.389 0 0 1-.008-1.468c.05-.245.143-.478.278-.696.136-.218.326-.4.57-.547.243-.147.561-.22.954-.22zm.034.614a.936.936 0 0 0-.445.095.824.824 0 0 0-.29.257c-.075.108-.13.232-.166.373a2.51 2.51 0 0 0-.071.444h1.844c0-.171-.014-.33-.042-.473a1.027 1.027 0 0 0-.14-.369.69.69 0 0 0-.271-.24.915.915 0 0 0-.42-.087zm6.926-2.247c.26 0 .54.026.839.078a2.7 2.7 0 0 1 .84.294l-.267.647a3.253 3.253 0 0 0-.785-.228 4.615 4.615 0 0 0-.66-.053c-.3 0-.54.074-.722.223-.183.15-.275.374-.275.672a.54.54 0 0 0 .104.336c.07.09.16.168.274.232.114.063.243.116.386.157.144.042.294.082.449.12.2.05.408.108.627.175.219.066.42.16.602.282.183.121.334.283.453.485.119.201.178.463.178.783 0 .553-.196.968-.59 1.244-.392.276-.94.415-1.644.415-.293 0-.614-.033-.963-.1a3.36 3.36 0 0 1-.98-.348l.274-.672a4.137 4.137 0 0 0 1.72.382c.387 0 .686-.068.896-.203.21-.136.316-.375.316-.718a.731.731 0 0 0-.083-.368.786.786 0 0 0-.229-.25 1.301 1.301 0 0 0-.344-.17 8.766 8.766 0 0 0-.44-.132c-.26-.066-.511-.137-.752-.212a2.621 2.621 0 0 1-.636-.285 1.338 1.338 0 0 1-.436-.444c-.107-.18-.161-.408-.161-.684 0-.515.178-.92.535-1.215.357-.296.849-.444 1.474-.444zm4.053.654v1.07h1.204v.63h-1.212v2.141c0 .205.037.364.112.476.075.113.223.17.444.17.089 0 .196-.012.32-.034a6.39 6.39 0 0 0 .42-.09l.124.596c-.16.078-.337.134-.531.17a3.02 3.02 0 0 1-.548.054c-.455 0-.773-.1-.956-.297-.182-.199-.274-.462-.274-.786v-2.4h-.58v-.494l.63-.194a11.77 11.77 0 0 0 .125-.464 13.305 13.305 0 0 1 .124-.464l.598-.083zm5.715 3.11c0 .271-.034.532-.1.784a1.863 1.863 0 0 1-.328.671 1.6 1.6 0 0 1-.602.468c-.25.117-.56.175-.93.175-.355 0-.651-.055-.89-.166a1.52 1.52 0 0 1-.577-.452 1.802 1.802 0 0 1-.315-.668 3.29 3.29 0 0 1-.096-.804c0-.276.036-.543.108-.8.073-.257.186-.484.341-.68a1.68 1.68 0 0 1 .602-.472c.247-.12.544-.179.893-.179.354 0 .653.06.897.179.243.118.439.276.586.472.146.196.251.423.315.68.064.257.096.521.096.792zm-.947.008a4.11 4.11 0 0 0-.034-.518 1.497 1.497 0 0 0-.136-.472.902.902 0 0 0-.291-.344.818.818 0 0 0-.486-.133.88.88 0 0 0-.494.128.905.905 0 0 0-.307.34 1.577 1.577 0 0 0-.158.473c-.03.174-.046.35-.046.526 0 .194.013.376.037.548.025.17.074.322.145.452.073.13.175.233.308.31.133.078.305.117.515.117.2 0 .36-.042.482-.125a.878.878 0 0 0 .286-.323c.07-.133.117-.285.141-.457.025-.17.038-.345.038-.522zm2.75-1.401c.104-.1.22-.193.348-.282.127-.088.256-.167.386-.236.13-.07.259-.125.386-.166.127-.042.247-.062.357-.062.144 0 .216.08.216.24a.979.979 0 0 1-.025.199 2.504 2.504 0 0 1-.158.477.886.886 0 0 1-.107.187c-.233.01-.465.026-.698.045-.232.02-.465.035-.698.046v2.968h-.905v-4.054h.888l-.016.302a4.94 4.94 0 0 1-.025.303l.05.033zm3.96-.738c.277 0 .514.035.71.104.198.069.36.159.49.27.131.11.232.235.304.377.072.14.126.284.162.43.036.147.058.288.067.423.008.136.012.254.012.353v.323h-2.7c0 .177.019.341.055.494a.914.914 0 0 0 .523.66c.14.065.314.098.519.098.233 0 .452-.023.66-.07.208-.047.423-.115.644-.203l.199.564a3.046 3.046 0 0 1-.785.298 3.706 3.706 0 0 1-.826.091c-.382 0-.696-.055-.943-.166a1.465 1.465 0 0 1-.585-.452 1.676 1.676 0 0 1-.3-.663 3.388 3.388 0 0 1-.008-1.468c.05-.245.143-.478.279-.696.135-.218.325-.4.569-.547.243-.147.562-.22.955-.22zm.034.614a.936.936 0 0 0-.445.095.824.824 0 0 0-.29.257c-.075.108-.13.232-.166.373-.036.141-.06.289-.07.444h1.843c0-.171-.014-.33-.042-.473a1.027 1.027 0 0 0-.14-.369.689.689 0 0 0-.27-.24.915.915 0 0 0-.42-.087z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100%; display: block; width: 100%; height: 100%; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; margin-right: 35px } .comfort__store-apple:hover { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='102' height='34' xmlns='http://www.w3.org/2000/svg' fill='%2375869A'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.22 0h97.56c1.222 0 2.22.997 2.22 2.216v29.569A2.223 2.223 0 0 1 99.78 34H2.22A2.223 2.223 0 0 1 0 31.785V2.215C0 .998.998 0 2.22 0zm14.246 13.136c-1.807 3.13-.658 7.881 1.34 10.762.997 1.44 2.007 2.733 3.39 2.733.027 0 .053 0 .08-.002.65-.026 1.119-.226 1.573-.419.51-.217 1.037-.44 1.864-.44.787 0 1.288.216 1.774.426.478.207.971.42 1.7.407 1.558-.03 2.514-1.424 3.358-2.655a11.754 11.754 0 0 0 1.472-3.009l.006-.019a.175.175 0 0 0-.106-.22c-.274-.111-2.681-1.177-2.706-4.083-.024-2.36 1.805-3.61 2.172-3.836l.017-.01a.175.175 0 0 0 .05-.247c-1.263-1.844-3.198-2.122-3.977-2.155a3.538 3.538 0 0 0-.347-.017c-.915 0-1.79.345-2.495.622-.486.192-.906.357-1.196.357-.325 0-.747-.167-1.236-.361-.654-.26-1.395-.553-2.18-.553h-.055c-1.824.027-3.548 1.07-4.498 2.72zm12.009-7.844c-1.105.045-2.43.724-3.222 1.65-.673.779-1.33 2.076-1.157 3.385.01.082.077.145.16.151.074.006.15.009.226.009 1.08 0 2.246-.596 3.041-1.557.838-1.014 1.262-2.316 1.133-3.482a.177.177 0 0 0-.168-.156h-.013zm18.467 8.669l-.177-.563a52.72 52.72 0 0 1-.176-.564h-1.703l-.178.564-.176.563h-.548c.256-.78.504-1.53.744-2.248.24-.718.466-1.406.68-2.065h.682l1.413 4.313h-.561zm-.48-1.536l-.29-.961a57.793 57.793 0 0 0-.296-.954l-.127-.422h-.019l-.126.428c-.046.156-.092.308-.139.457l-.138.454a81.719 81.719 0 0 1-.31.998h1.445zm.978-1.53h.524c.083.268.17.532.261.79a30 30 0 0 1 .262.784c.059.176.116.358.173.547.057.19.115.372.174.548h.031c.013-.03.03-.084.054-.164l.082-.28a51.997 51.997 0 0 1 .23-.734l.498-1.492h.518l-1.11 3.067h-.618l-1.08-3.067zm4.296 1.65c-.211.008-.366.06-.467.156a.498.498 0 0 0-.152.379c0 .18.044.315.133.402.088.089.233.133.435.133a.934.934 0 0 0 .413-.104c.14-.07.283-.169.426-.3v-.717l-.788.05zm1.286 1.032h.416l.032.302a1.208 1.208 0 0 1-.262.091c-.099.023-.19.035-.274.035a.466.466 0 0 1-.284-.075c-.067-.05-.105-.156-.113-.315l-.007-.007a1.662 1.662 0 0 1-.64.353c-.09.025-.173.04-.246.044a3.367 3.367 0 0 1-.18.006.957.957 0 0 1-.438-.088.782.782 0 0 1-.416-.507 1.109 1.109 0 0 1-.041-.286c0-.269.095-.484.287-.646.191-.161.484-.255.88-.28l.788-.05v-.195c0-.257-.047-.437-.14-.542-.091-.105-.266-.158-.522-.158a3.098 3.098 0 0 0-.952.17l-.115-.346c.177-.08.37-.14.58-.183.211-.042.413-.062.606-.062.324 0 .579.075.764.226.185.151.277.416.277.793v1.72zm1.16.384v-3.073h.511v3.073h-.51zm.606-3.88a.321.321 0 0 1-.1.234.335.335 0 0 1-.48 0 .32.32 0 0 1-.101-.233c0-.097.033-.177.1-.243a.342.342 0 0 1 .48 0 .325.325 0 0 1 .101.243zm1.432 3.88h-.51V9.484h.516l-.006 4.477zm1.899-1.417c-.21.008-.366.06-.467.157a.498.498 0 0 0-.152.379c0 .18.045.315.133.402.088.089.233.133.435.133a.934.934 0 0 0 .414-.104c.14-.07.282-.169.425-.3v-.717l-.788.05zm1.287 1.033h.416l.031.302a1.211 1.211 0 0 1-.261.091c-.1.023-.19.035-.275.035a.466.466 0 0 1-.284-.075c-.067-.05-.105-.156-.113-.315l-.007-.007a1.662 1.662 0 0 1-.64.353c-.09.025-.172.04-.245.044a3.37 3.37 0 0 1-.18.006.957.957 0 0 1-.438-.088.782.782 0 0 1-.417-.507 1.105 1.105 0 0 1-.041-.286c0-.269.096-.484.287-.646.192-.161.485-.255.88-.28l.788-.05v-.195c0-.257-.046-.437-.139-.542-.092-.105-.266-.158-.523-.158a3.1 3.1 0 0 0-.952.17l-.114-.346c.176-.08.37-.14.58-.183.21-.042.413-.062.606-.062.324 0 .578.075.763.226.185.151.278.416.278.793v1.72zm1.514-2.494c.181-.1.348-.17.502-.21.154-.04.296-.06.428-.06.223 0 .41.04.56.122a.93.93 0 0 1 .356.34 1.5 1.5 0 0 1 .19.517c.039.2.058.414.058.645 0 .214-.022.417-.067.608a1.349 1.349 0 0 1-.22.497c-.104.141-.24.253-.41.337-.17.084-.382.126-.634.126a3.191 3.191 0 0 1-1.287-.277V9.484h.51v.9l-.018.674.032.025zm.829.158c-.147 0-.297.026-.446.078-.15.053-.283.113-.396.179v1.953c.13.058.26.098.386.117.127.018.244.028.355.028.13 0 .248-.02.351-.057a.596.596 0 0 0 .263-.19.946.946 0 0 0 .164-.357 2.2 2.2 0 0 0 .058-.545 2.8 2.8 0 0 0-.054-.6 1.007 1.007 0 0 0-.153-.371.506.506 0 0 0-.234-.185.842.842 0 0 0-.294-.05zm2.539 2.72h-.511V9.484h.517l-.006 4.477zm2.131-2.765a.768.768 0 0 0-.372.083.72.72 0 0 0-.249.22.972.972 0 0 0-.145.321 2.06 2.06 0 0 0-.06.378h1.571c0-.147-.013-.282-.038-.406a.912.912 0 0 0-.123-.318.574.574 0 0 0-.227-.205.782.782 0 0 0-.357-.073zm-.012-.377c.206 0 .38.027.52.081a.979.979 0 0 1 .564.51c.051.11.088.219.111.328.024.11.037.212.042.309.004.096.006.176.006.239v.245h-2.063c0 .143.013.28.038.41.025.13.072.244.138.343a.728.728 0 0 0 .272.236.93.93 0 0 0 .429.088c.18 0 .346-.018.495-.056.15-.038.312-.093.49-.164l.125.328a2.5 2.5 0 0 1-.558.214 2.45 2.45 0 0 1-.59.07c-.273 0-.498-.043-.675-.127a1.085 1.085 0 0 1-.42-.337 1.27 1.27 0 0 1-.214-.497 2.953 2.953 0 0 1-.04-.92 1.948 1.948 0 0 1 .22-.7 1.122 1.122 0 0 1 .609-.518 1.39 1.39 0 0 1 .501-.082zm6.276 1.612c0 .197-.022.39-.066.58a1.4 1.4 0 0 1-.227.506 1.157 1.157 0 0 1-.432.36 1.51 1.51 0 0 1-.675.134 1.4 1.4 0 0 1-.634-.129c-.17-.086-.306-.2-.407-.343a1.408 1.408 0 0 1-.218-.497 2.614 2.614 0 0 1-.066-.598c0-.206.025-.406.076-.599.05-.193.13-.365.24-.516a1.22 1.22 0 0 1 .428-.365 1.37 1.37 0 0 1 .644-.139c.256 0 .471.046.643.139.173.092.31.212.413.362.103.149.176.32.218.513.042.193.063.39.063.592zm-.536.013c0-.14-.01-.28-.029-.423a1.252 1.252 0 0 0-.116-.393.77.77 0 0 0-.246-.293.687.687 0 0 0-.41-.114.744.744 0 0 0-.423.111.8.8 0 0 0-.259.284 1.262 1.262 0 0 0-.132.393 2.569 2.569 0 0 0-.038.435c0 .15.01.297.032.44.021.143.062.268.123.375.06.107.147.193.258.258a.869.869 0 0 0 .439.098.717.717 0 0 0 .407-.104.724.724 0 0 0 .243-.274c.059-.113.098-.24.12-.378a2.76 2.76 0 0 0 .03-.415zm3.198 1.517v-2.027c0-.106-.005-.201-.016-.287a.555.555 0 0 0-.07-.22.337.337 0 0 0-.161-.14.742.742 0 0 0-.291-.046 1.41 1.41 0 0 0-.482.094 3.154 3.154 0 0 0-.462.208v2.418h-.511v-3.073h.498l.006.264.02.013c.173-.109.358-.194.556-.255.198-.06.372-.091.519-.091.21 0 .376.03.497.091.12.06.21.138.272.233a.75.75 0 0 1 .114.318c.015.118.022.233.022.346v2.154h-.511zm3.69-3.854v.781h.927v.378h-.933v1.815a.69.69 0 0 0 .085.36c.056.095.17.142.343.142.14 0 .333-.036.58-.107l.082.346a1.85 1.85 0 0 1-.77.17c-.554 0-.831-.25-.831-.753v-1.973h-.449v-.275l.474-.147.16-.68.332-.057zm2.056 1.052c.19-.097.383-.178.58-.243.195-.065.363-.097.501-.097.212 0 .376.03.495.091a.657.657 0 0 1 .373.551c.013.118.019.233.019.346v2.154h-.51v-2.027c0-.106-.006-.201-.017-.287a.555.555 0 0 0-.07-.22.337.337 0 0 0-.161-.14.742.742 0 0 0-.291-.046 1.41 1.41 0 0 0-.482.094 3.163 3.163 0 0 0-.462.208v2.418h-.511V9.484h.504v.995l-.019.655.05.025zm4.005.037a.768.768 0 0 0-.372.083.72.72 0 0 0-.25.22.972.972 0 0 0-.144.321 2.077 2.077 0 0 0-.06.378h1.57a1.98 1.98 0 0 0-.038-.406.908.908 0 0 0-.123-.318.574.574 0 0 0-.226-.205.782.782 0 0 0-.357-.073zm-.012-.377c.206 0 .379.027.52.081a.98.98 0 0 1 .564.51c.05.11.088.219.11.328.024.11.037.212.042.309.004.096.006.176.006.239v.245h-2.063c0 .143.013.28.039.41a.91.91 0 0 0 .138.343.73.73 0 0 0 .272.236.93.93 0 0 0 .428.088c.181 0 .346-.018.496-.056.149-.038.312-.093.489-.164l.126.328a2.5 2.5 0 0 1-.559.214 2.45 2.45 0 0 1-.59.07c-.273 0-.498-.043-.674-.127a1.085 1.085 0 0 1-.42-.337 1.269 1.269 0 0 1-.214-.497 2.946 2.946 0 0 1-.041-.92 1.948 1.948 0 0 1 .22-.7 1.124 1.124 0 0 1 .609-.518 1.39 1.39 0 0 1 .502-.082zM47.97 24.04a20.887 20.887 0 0 1-.22-.696c-.07-.232-.143-.467-.22-.705h-2.17l-.44 1.401h-.947c.338-1.017.668-1.998.989-2.943.32-.946.629-1.86.922-2.745h1.187l1.87 5.688h-.972zm-1.039-3.42l-.228-.782a55.97 55.97 0 0 0-.229-.765h-.033l-.44 1.514a11.36 11.36 0 0 0-.116.376 39.56 39.56 0 0 1-.187.612l-.08.251-.04.133h1.752l-.399-1.34zm3.464-.245a2.12 2.12 0 0 1 .592-.331c.212-.078.421-.116.624-.116.3 0 .549.053.75.161.201.108.363.256.481.444s.203.405.252.65c.05.247.075.51.075.793 0 .298-.03.577-.091.837a1.99 1.99 0 0 1-.29.68 1.41 1.41 0 0 1-.517.456 1.67 1.67 0 0 1-.774.166 2.969 2.969 0 0 1-.547-.054c-.1-.02-.2-.045-.299-.079a1.19 1.19 0 0 1-.273-.132v1.915h-.905v-5.788h.864l.016.366.042.032zm.913 3.085a.967.967 0 0 0 .358-.07.727.727 0 0 0 .307-.247c.089-.116.16-.272.212-.47.052-.196.078-.442.078-.735 0-.26-.022-.476-.066-.649a1.027 1.027 0 0 0-.19-.406.677.677 0 0 0-.296-.213 1.08 1.08 0 0 0-.623-.03 1.905 1.905 0 0 0-.519.21.872.872 0 0 0-.183.132v2.22a.823.823 0 0 0 .175.096 1.975 1.975 0 0 0 .49.141c.089.014.175.02.257.02zm3.613-3.085a2.12 2.12 0 0 1 .593-.331c.212-.078.42-.116.624-.116.299 0 .548.053.75.161.2.108.362.256.48.444s.203.405.253.65c.05.247.074.51.074.793 0 .298-.03.577-.091.837-.06.26-.157.487-.29.68a1.411 1.411 0 0 1-.517.456c-.213.11-.47.166-.774.166a2.973 2.973 0 0 1-.547-.054 2.31 2.31 0 0 1-.299-.079 1.19 1.19 0 0 1-.272-.132v1.915H54v-5.788h.863l.017.366.041.032zm.914 3.085c.122 0 .24-.024.357-.07a.728.728 0 0 0 .307-.247 1.3 1.3 0 0 0 .212-.47c.053-.196.079-.442.079-.735 0-.26-.022-.476-.066-.649a1.027 1.027 0 0 0-.191-.406.677.677 0 0 0-.295-.213 1.08 1.08 0 0 0-.623-.03 1.905 1.905 0 0 0-.52.21.87.87 0 0 0-.182.132v2.22a.82.82 0 0 0 .174.096 1.98 1.98 0 0 0 .49.141c.09.014.175.02.258.02zm3.72.58h-.905v-5.912h.914l-.008 5.912zm2.824-4.154c.277 0 .514.035.71.104.197.069.36.159.49.27.13.11.232.235.304.377.072.14.126.284.162.43.036.147.058.288.066.423.008.136.012.254.012.353v.323h-2.699c0 .177.018.341.054.494a.914.914 0 0 0 .523.66c.141.065.315.098.52.098.232 0 .452-.023.66-.07a4.31 4.31 0 0 0 .643-.203l.2.564a3.047 3.047 0 0 1-.785.298 3.707 3.707 0 0 1-.826.091c-.383 0-.697-.055-.943-.166a1.464 1.464 0 0 1-.585-.452 1.677 1.677 0 0 1-.3-.663 3.389 3.389 0 0 1-.008-1.468c.05-.245.143-.478.278-.696.136-.218.326-.4.57-.547.243-.147.561-.22.954-.22zm.034.614a.936.936 0 0 0-.445.095.824.824 0 0 0-.29.257c-.075.108-.13.232-.166.373a2.51 2.51 0 0 0-.071.444h1.844c0-.171-.014-.33-.042-.473a1.027 1.027 0 0 0-.14-.369.69.69 0 0 0-.271-.24.915.915 0 0 0-.42-.087zm6.926-2.247c.26 0 .54.026.839.078a2.7 2.7 0 0 1 .84.294l-.267.647a3.253 3.253 0 0 0-.785-.228 4.615 4.615 0 0 0-.66-.053c-.3 0-.54.074-.722.223-.183.15-.275.374-.275.672a.54.54 0 0 0 .104.336c.07.09.16.168.274.232.114.063.243.116.386.157.144.042.294.082.449.12.2.05.408.108.627.175.219.066.42.16.602.282.183.121.334.283.453.485.119.201.178.463.178.783 0 .553-.196.968-.59 1.244-.392.276-.94.415-1.644.415-.293 0-.614-.033-.963-.1a3.36 3.36 0 0 1-.98-.348l.274-.672a4.137 4.137 0 0 0 1.72.382c.387 0 .686-.068.896-.203.21-.136.316-.375.316-.718a.731.731 0 0 0-.083-.368.786.786 0 0 0-.229-.25 1.301 1.301 0 0 0-.344-.17 8.766 8.766 0 0 0-.44-.132c-.26-.066-.511-.137-.752-.212a2.621 2.621 0 0 1-.636-.285 1.338 1.338 0 0 1-.436-.444c-.107-.18-.161-.408-.161-.684 0-.515.178-.92.535-1.215.357-.296.849-.444 1.474-.444zm4.053.654v1.07h1.204v.63h-1.212v2.141c0 .205.037.364.112.476.075.113.223.17.444.17.089 0 .196-.012.32-.034a6.39 6.39 0 0 0 .42-.09l.124.596c-.16.078-.337.134-.531.17a3.02 3.02 0 0 1-.548.054c-.455 0-.773-.1-.956-.297-.182-.199-.274-.462-.274-.786v-2.4h-.58v-.494l.63-.194a11.77 11.77 0 0 0 .125-.464 13.305 13.305 0 0 1 .124-.464l.598-.083zm5.715 3.11c0 .271-.034.532-.1.784a1.863 1.863 0 0 1-.328.671 1.6 1.6 0 0 1-.602.468c-.25.117-.56.175-.93.175-.355 0-.651-.055-.89-.166a1.52 1.52 0 0 1-.577-.452 1.802 1.802 0 0 1-.315-.668 3.29 3.29 0 0 1-.096-.804c0-.276.036-.543.108-.8.073-.257.186-.484.341-.68a1.68 1.68 0 0 1 .602-.472c.247-.12.544-.179.893-.179.354 0 .653.06.897.179.243.118.439.276.586.472.146.196.251.423.315.68.064.257.096.521.096.792zm-.947.008a4.11 4.11 0 0 0-.034-.518 1.497 1.497 0 0 0-.136-.472.902.902 0 0 0-.291-.344.818.818 0 0 0-.486-.133.88.88 0 0 0-.494.128.905.905 0 0 0-.307.34 1.577 1.577 0 0 0-.158.473c-.03.174-.046.35-.046.526 0 .194.013.376.037.548.025.17.074.322.145.452.073.13.175.233.308.31.133.078.305.117.515.117.2 0 .36-.042.482-.125a.878.878 0 0 0 .286-.323c.07-.133.117-.285.141-.457.025-.17.038-.345.038-.522zm2.75-1.401c.104-.1.22-.193.348-.282.127-.088.256-.167.386-.236.13-.07.259-.125.386-.166.127-.042.247-.062.357-.062.144 0 .216.08.216.24a.979.979 0 0 1-.025.199 2.504 2.504 0 0 1-.158.477.886.886 0 0 1-.107.187c-.233.01-.465.026-.698.045-.232.02-.465.035-.698.046v2.968h-.905v-4.054h.888l-.016.302a4.94 4.94 0 0 1-.025.303l.05.033zm3.96-.738c.277 0 .514.035.71.104.198.069.36.159.49.27.131.11.232.235.304.377.072.14.126.284.162.43.036.147.058.288.067.423.008.136.012.254.012.353v.323h-2.7c0 .177.019.341.055.494a.914.914 0 0 0 .523.66c.14.065.314.098.519.098.233 0 .452-.023.66-.07.208-.047.423-.115.644-.203l.199.564a3.046 3.046 0 0 1-.785.298 3.706 3.706 0 0 1-.826.091c-.382 0-.696-.055-.943-.166a1.465 1.465 0 0 1-.585-.452 1.676 1.676 0 0 1-.3-.663 3.388 3.388 0 0 1-.008-1.468c.05-.245.143-.478.279-.696.135-.218.325-.4.569-.547.243-.147.562-.22.955-.22zm.034.614a.936.936 0 0 0-.445.095.824.824 0 0 0-.29.257c-.075.108-.13.232-.166.373-.036.141-.06.289-.07.444h1.843c0-.171-.014-.33-.042-.473a1.027 1.027 0 0 0-.14-.369.689.689 0 0 0-.27-.24.915.915 0 0 0-.42-.087z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100% } .comfort__store-google { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='101' height='34' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.197 0h96.606C100.012 0 101 .99 101 2.198v29.328c0 1.21-.988 2.198-2.197 2.198H2.197A2.203 2.203 0 0 1 0 31.526V2.198C0 .988.988 0 2.197 0zM43.99 13.222V8.943h1.393c.346 0 .632.058.859.172a1.4 1.4 0 0 1 .54.465c.133.196.226.422.278.678.052.256.078.528.078.815 0 .292-.029.567-.087.827a1.88 1.88 0 0 1-.297.685c-.14.195-.325.35-.556.465-.23.115-.521.172-.871.172H43.99zm.544-3.873v3.467h.73c.063 0 .14-.005.232-.013.091-.008.186-.03.284-.062.098-.033.194-.085.29-.156.096-.072.183-.17.26-.295a1.68 1.68 0 0 0 .187-.472c.047-.19.071-.422.071-.698 0-.28-.021-.518-.065-.713-.044-.197-.1-.36-.172-.491a1.037 1.037 0 0 0-.243-.31 1.06 1.06 0 0 0-.563-.241 2.283 2.283 0 0 0-.25-.016h-.761zm5.977 2.355c0 .196-.022.387-.065.575a1.391 1.391 0 0 1-.226.502 1.148 1.148 0 0 1-.427.357c-.18.089-.402.134-.668.134-.25 0-.46-.043-.628-.128a1.08 1.08 0 0 1-.403-.34 1.4 1.4 0 0 1-.216-.494 2.6 2.6 0 0 1-.065-.593c0-.205.025-.402.075-.594.05-.191.129-.362.237-.512.108-.15.25-.27.425-.362.175-.092.387-.138.637-.138.254 0 .467.046.637.138.17.091.307.21.41.359.101.148.173.317.215.509.041.191.062.387.062.587zm-.531.013c0-.138-.01-.277-.028-.42a1.245 1.245 0 0 0-.116-.39.764.764 0 0 0-.243-.29.68.68 0 0 0-.406-.112c-.17 0-.31.036-.419.11a.795.795 0 0 0-.256.28 1.25 1.25 0 0 0-.13.39c-.026.146-.038.29-.038.432 0 .15.01.295.031.437.021.141.061.265.122.371.06.107.146.192.256.256.11.065.255.097.434.097a.709.709 0 0 0 .403-.103.716.716 0 0 0 .24-.272 1.18 1.18 0 0 0 .119-.374c.02-.138.031-.275.031-.412zm4.029.999l.225-.931.437-1.611h.512l-.906 3.048h-.556l-.443-1.412-.306-1.08h-.031l-.282 1.08-.406 1.412h-.555l-.894-3.048h.513l.43 1.574.238.968h.032l.255-1.006.437-1.536h.494l.506 1.605.262.937h.038zm3.572.506V11.21c0-.105-.005-.2-.016-.285a.55.55 0 0 0-.069-.218.333.333 0 0 0-.16-.138.735.735 0 0 0-.288-.047c-.146 0-.305.031-.477.094a3.136 3.136 0 0 0-.458.206v2.399h-.506v-3.048h.494l.006.262.019.012a2.33 2.33 0 0 1 .551-.252 1.8 1.8 0 0 1 .514-.09c.209 0 .372.03.492.09.119.06.208.137.27.23.06.094.097.2.112.316.015.117.022.231.022.343v2.137h-.506zm1.836 0h-.505V8.78h.511l-.006 4.44zm3.46-1.518c0 .196-.022.387-.065.575a1.391 1.391 0 0 1-.225.502 1.148 1.148 0 0 1-.428.357 1.491 1.491 0 0 1-.668.134c-.25 0-.46-.043-.628-.128a1.079 1.079 0 0 1-.403-.34 1.398 1.398 0 0 1-.215-.494 2.6 2.6 0 0 1-.066-.593c0-.205.025-.402.076-.594a1.53 1.53 0 0 1 .236-.512c.109-.15.25-.27.425-.362.175-.092.388-.138.637-.138.254 0 .467.046.638.138.17.091.307.21.409.359.102.148.173.317.215.509.041.191.062.387.062.587zm-.53.013c0-.138-.01-.277-.029-.42a1.248 1.248 0 0 0-.115-.39.764.764 0 0 0-.244-.29.68.68 0 0 0-.406-.112c-.17 0-.31.036-.418.11a.794.794 0 0 0-.256.28 1.253 1.253 0 0 0-.131.39c-.025.146-.038.29-.038.432 0 .15.01.295.031.437.021.141.062.265.122.371.06.107.146.192.256.256.11.065.255.097.434.097a.708.708 0 0 0 .403-.103.715.715 0 0 0 .24-.272c.06-.112.099-.237.12-.374a2.74 2.74 0 0 0 .03-.412zm2.248.1c-.208.008-.362.06-.462.155a.496.496 0 0 0-.15.375c0 .18.044.313.131.4.087.088.231.131.431.131.133 0 .27-.034.41-.103.139-.068.28-.167.42-.297v-.711l-.78.05zm1.275 1.024h.412l.03.3a1.201 1.201 0 0 1-.259.09 1.194 1.194 0 0 1-.271.034.462.462 0 0 1-.281-.074c-.067-.05-.104-.155-.112-.313l-.007-.006a1.644 1.644 0 0 1-.634.35c-.09.025-.17.04-.243.043a3.283 3.283 0 0 1-.178.007.947.947 0 0 1-.434-.088.776.776 0 0 1-.413-.502 1.099 1.099 0 0 1-.04-.285c0-.266.095-.48.284-.64.19-.16.48-.253.871-.278l.78-.05v-.193c0-.255-.045-.433-.137-.538-.09-.104-.264-.156-.518-.156-.15 0-.306.014-.468.044a3.05 3.05 0 0 0-.475.125l-.113-.344a3.046 3.046 0 0 1 1.174-.244c.321 0 .573.076.756.226.184.15.275.412.275.786v1.706zm3.01.093l-.013-.012a1.453 1.453 0 0 1-.44.247c-.169.06-.334.09-.496.09a1.12 1.12 0 0 1-.55-.121.96.96 0 0 1-.35-.329 1.405 1.405 0 0 1-.187-.477 2.828 2.828 0 0 1-.057-.578c0-.233.022-.45.066-.65.044-.2.114-.373.212-.521a1.05 1.05 0 0 1 .385-.35c.157-.085.349-.128.574-.128a1.777 1.777 0 0 1 .64.122c.073.027.14.061.203.103V8.78h.506v4.442h-.493v-.288zm-.013-2.204a.688.688 0 0 0-.137-.075 2.23 2.23 0 0 0-.194-.072 1.542 1.542 0 0 0-.437-.072.77.77 0 0 0-.303.06.624.624 0 0 0-.25.202 1.07 1.07 0 0 0-.171.384c-.042.16-.063.361-.063.603 0 .212.019.39.056.53a.972.972 0 0 0 .153.342.53.53 0 0 0 .238.18.862.862 0 0 0 .518.026 1.736 1.736 0 0 0 .437-.175.68.68 0 0 0 .153-.11V10.73zm3.241-.188h-.424v-.275l.43-.112v-.496c0-.304.083-.538.248-.7.164-.16.409-.24.733-.24.088 0 .189.004.303.015.115.01.226.031.334.06l-.068.374a3.393 3.393 0 0 0-.462-.044c-.196 0-.344.04-.444.116-.1.077-.15.216-.15.415v.512h.893v.375h-.893l-.006 2.68h-.494v-2.68zm2.561.062a2.343 2.343 0 0 1 .812-.462.852.852 0 0 1 .256-.043c.046 0 .084.01.113.031.029.02.044.062.044.125a.423.423 0 0 1-.016.1c-.01.041-.023.084-.037.128a.997.997 0 0 1-.054.128.504.504 0 0 1-.068.106c-.175.02-.351.043-.528.066l-.528.066v2.373h-.506v-3.048h.494l-.019.405.037.025zm4.248 1.1c0 .196-.022.387-.066.575a1.393 1.393 0 0 1-.225.502 1.148 1.148 0 0 1-.427.357c-.18.089-.402.134-.669.134a1.38 1.38 0 0 1-.627-.128 1.08 1.08 0 0 1-.403-.34 1.398 1.398 0 0 1-.216-.494 2.595 2.595 0 0 1-.066-.593c0-.205.025-.402.076-.594.05-.191.129-.362.237-.512.108-.15.25-.27.425-.362a1.35 1.35 0 0 1 .636-.138c.255 0 .467.046.638.138.17.091.307.21.409.359.102.148.174.317.215.509.042.191.063.387.063.587zm-.531.013c0-.138-.01-.277-.028-.42a1.248 1.248 0 0 0-.116-.39.764.764 0 0 0-.243-.29.68.68 0 0 0-.407-.112c-.17 0-.31.036-.418.11a.794.794 0 0 0-.256.28 1.253 1.253 0 0 0-.131.39c-.025.146-.038.29-.038.432 0 .15.01.295.032.437.02.141.06.265.121.371.06.107.146.192.256.256a.85.85 0 0 0 .434.097.709.709 0 0 0 .403-.103.716.716 0 0 0 .24-.272 1.19 1.19 0 0 0 .12-.374 2.74 2.74 0 0 0 .03-.412zm5.003 1.505V11.21a1.67 1.67 0 0 0-.022-.29.54.54 0 0 0-.081-.216.357.357 0 0 0-.169-.132.777.777 0 0 0-.284-.043c-.067 0-.14.007-.218.021a2.514 2.514 0 0 0-.238.057 1.698 1.698 0 0 0-.425.19c.017.07.028.144.032.22.004.074.006.138.006.193v2.01h-.506v-2.11c0-.2-.045-.346-.135-.438a.48.48 0 0 0-.358-.137c-.15 0-.305.028-.466.084-.16.056-.307.126-.44.21v2.392h-.506v-3.048h.493l.007.274.024.02c.17-.113.345-.2.524-.26.178-.06.347-.09.505-.09.162 0 .305.028.43.087a.705.705 0 0 1 .306.281 2.487 2.487 0 0 1 .527-.265c.098-.036.195-.063.293-.082.098-.019.19-.028.277-.028.216 0 .386.032.51.097a.718.718 0 0 1 .395.572c.017.12.025.237.025.35v2.092h-.506zm-36.865 4.65a4.535 4.535 0 0 1 1.41.22l-.147.638a4.335 4.335 0 0 0-1.177-.17c-.593 0-1.03.186-1.31.56-.28.374-.421.902-.421 1.583 0 .286.023.55.07.791.047.242.129.45.246.624.117.174.273.31.468.409.194.099.44.148.736.148.12 0 .261-.009.425-.027a2.74 2.74 0 0 0 .417-.074V20.53h.811v2.58c-.28.095-.568.163-.861.208a5.752 5.752 0 0 1-.846.066c-.453 0-.83-.069-1.135-.207a1.889 1.889 0 0 1-.737-.573 2.297 2.297 0 0 1-.401-.861 4.58 4.58 0 0 1-.12-1.08c0-.296.035-.61.108-.94a2.49 2.49 0 0 1 .398-.904 2.24 2.24 0 0 1 .787-.678c.333-.18.759-.27 1.28-.27zm5.972 3.54c0 .255-.031.5-.094.737a1.745 1.745 0 0 1-.308.632 1.506 1.506 0 0 1-.565.44c-.234.11-.525.164-.873.164-.333 0-.61-.052-.834-.156a1.429 1.429 0 0 1-.542-.425 1.692 1.692 0 0 1-.297-.627 3.116 3.116 0 0 1-.09-.757c0-.26.035-.51.102-.752.068-.242.175-.455.32-.64a1.58 1.58 0 0 1 .565-.444c.232-.111.51-.168.838-.168.333 0 .614.057.843.168.228.112.411.26.549.445.138.184.237.397.296.639.06.241.09.49.09.744zm-.89.008c0-.161-.01-.323-.03-.487a1.414 1.414 0 0 0-.129-.445.849.849 0 0 0-.273-.323.77.77 0 0 0-.456-.125.828.828 0 0 0-.464.12.86.86 0 0 0-.288.32 1.5 1.5 0 0 0-.148.445 2.83 2.83 0 0 0-.043.495c0 .182.011.353.035.515.023.161.069.303.136.425a.76.76 0 0 0 .289.292.95.95 0 0 0 .483.11c.187 0 .338-.04.452-.118a.816.816 0 0 0 .27-.304 1.33 1.33 0 0 0 .132-.428c.023-.162.035-.325.035-.492zm5.178-.008c0 .255-.031.5-.094.737a1.743 1.743 0 0 1-.308.632 1.507 1.507 0 0 1-.565.44c-.234.11-.525.164-.873.164-.333 0-.61-.052-.834-.156a1.428 1.428 0 0 1-.542-.425 1.693 1.693 0 0 1-.297-.627 3.116 3.116 0 0 1-.09-.757c0-.26.035-.51.102-.752.068-.242.174-.455.32-.64.145-.184.334-.332.565-.444a1.92 1.92 0 0 1 .838-.168c.333 0 .614.057.842.168.229.112.412.26.55.445.138.184.236.397.296.639.06.241.09.49.09.744zm-.89.008c0-.161-.01-.323-.03-.487a1.417 1.417 0 0 0-.129-.445.85.85 0 0 0-.273-.323.77.77 0 0 0-.456-.125.828.828 0 0 0-.464.12.86.86 0 0 0-.288.32c-.07.133-.12.282-.148.445a2.82 2.82 0 0 0-.043.495c0 .182.011.353.035.515.023.161.069.303.136.425.068.122.164.22.289.292a.95.95 0 0 0 .483.11c.187 0 .338-.04.452-.118a.816.816 0 0 0 .27-.304 1.35 1.35 0 0 0 .132-.428c.023-.162.035-.325.035-.492zm2.2.36a.924.924 0 0 1-.347-.348c-.097-.159-.145-.368-.145-.628 0-.25.047-.462.14-.639.094-.177.218-.322.371-.437.153-.114.326-.197.518-.25.193-.051.39-.077.593-.077.14 0 .276.008.41.023.132.016.25.04.354.07h1.294v.476h-.569l-.016.04a.823.823 0 0 1 .18.346c.036.138.054.274.054.41 0 .213-.043.4-.128.565a1.214 1.214 0 0 1-.355.413c-.15.111-.328.196-.53.253a2.437 2.437 0 0 1-.663.086l-.429.008c-.166 0-.3.018-.401.054-.102.037-.152.107-.152.21 0 .074.034.13.1.168a.512.512 0 0 0 .257.059h1.05c.471 0 .837.095 1.097.284.258.19.388.477.388.862 0 .182-.043.35-.129.507a1.17 1.17 0 0 1-.38.405c-.17.114-.38.204-.63.269a3.547 3.547 0 0 1-.884.098c-.347 0-.631-.032-.851-.094a1.398 1.398 0 0 1-.518-.25.82.82 0 0 1-.257-.354 1.22 1.22 0 0 1-.07-.41.9.9 0 0 1 .16-.53c.107-.15.22-.262.34-.335-.302-.073-.453-.257-.453-.553 0-.104.017-.196.05-.273a.557.557 0 0 1 .137-.195.828.828 0 0 1 .188-.129 1.22 1.22 0 0 1 .21-.082l.015-.023zm.584 1.363a.43.43 0 0 0-.144.09.894.894 0 0 0-.133.148.727.727 0 0 0-.093.18.562.562 0 0 0-.035.19c0 .088.013.173.039.253a.44.44 0 0 0 .148.21.798.798 0 0 0 .304.145c.13.037.299.055.507.055.342 0 .602-.061.78-.183a.56.56 0 0 0 .265-.48.79.79 0 0 0-.032-.218.444.444 0 0 0-.117-.195.638.638 0 0 0-.238-.14 1.222 1.222 0 0 0-.401-.055h-.85zm1.403-2.378c0-.093-.012-.187-.038-.28a.633.633 0 0 0-.136-.25.743.743 0 0 0-.256-.179.973.973 0 0 0-.392-.07c-.27 0-.47.07-.605.21-.134.14-.202.33-.202.57 0 .233.066.419.197.557.133.138.315.206.548.206.253 0 .465-.06.633-.183.167-.122.251-.315.251-.58zm2.885 2.55h-.85v-5.559h.858l-.008 5.559zm2.65-3.906c.26 0 .483.032.667.097.185.065.338.15.46.253.122.104.217.223.285.356.067.132.118.267.152.405s.055.27.062.398c.008.127.012.237.012.33v.305H64.72c0 .166.017.32.05.463a.86.86 0 0 0 .491.62c.133.063.296.094.488.094.218 0 .425-.022.62-.067.195-.043.396-.107.604-.19l.187.53c-.239.13-.484.224-.737.28-.251.058-.51.086-.775.086-.359 0-.654-.052-.885-.156a1.378 1.378 0 0 1-.55-.425 1.591 1.591 0 0 1-.28-.623 3.502 3.502 0 0 1-.079-.753c0-.187.024-.396.07-.627.048-.231.135-.45.262-.655.127-.205.305-.377.534-.515.229-.137.528-.206.897-.206zm.032.577a.878.878 0 0 0-.417.09.763.763 0 0 0-.273.24c-.07.102-.122.22-.156.352a2.404 2.404 0 0 0-.067.417h1.731c0-.161-.013-.31-.038-.445a.976.976 0 0 0-.133-.347.65.65 0 0 0-.254-.225.856.856 0 0 0-.393-.082zm8.35-.43c0 .177-.03.362-.086.554-.057.193-.15.368-.277.527a1.47 1.47 0 0 1-.51.394c-.214.104-.476.155-.788.155h-1.068l.008 2.129h-.897v-5.348h1.88c.545 0 .97.137 1.277.413.307.275.46.668.46 1.177zm-2.73-.95v1.941h.92c.115 0 .227-.016.336-.047a.764.764 0 0 0 .293-.158.807.807 0 0 0 .206-.3 1.21 1.21 0 0 0 .078-.465c0-.337-.09-.583-.273-.739a1.002 1.002 0 0 0-.67-.232h-.89zm4.382 4.709h-.85v-5.559h.858l-.008 5.559zm4.093-.593h.507l.047.484c-.11.057-.236.1-.378.128a2.1 2.1 0 0 1-.41.043.752.752 0 0 1-.386-.086c-.096-.057-.149-.184-.16-.382l-.015-.015c-.14.12-.277.213-.41.28a1.94 1.94 0 0 1-.373.148 1.54 1.54 0 0 1-.312.055 3.748 3.748 0 0 1-.222.008c-.23 0-.418-.037-.566-.11a.96.96 0 0 1-.53-.635 1.376 1.376 0 0 1-.05-.355.98.98 0 0 1 .44-.838 1.59 1.59 0 0 1 .48-.222c.181-.052.379-.083.592-.094l.928-.062v-.21c0-.28-.054-.48-.16-.597-.107-.116-.311-.175-.612-.175a4.022 4.022 0 0 0-1.193.203l-.078-.273a19.079 19.079 0 0 0-.078-.273 3.37 3.37 0 0 1 .749-.23 4.21 4.21 0 0 1 .803-.082c.213 0 .405.022.576.067.172.043.317.116.437.218a.98.98 0 0 1 .277.401c.065.167.097.369.097.609v1.995zm-1.7-1.115c-.228.016-.396.074-.502.176a.537.537 0 0 0-.16.41c0 .197.048.346.144.447.097.101.253.152.472.152.145 0 .299-.037.46-.113.161-.075.317-.18.468-.316v-.818l-.881.062zm4.6.445c.12-.416.248-.84.383-1.271.135-.432.265-.857.39-1.279h.85a482.665 482.665 0 0 1-1.521 4.514c-.104.328-.26.572-.468.733a1.223 1.223 0 0 1-.772.242 3.38 3.38 0 0 1-.292-.016 3.165 3.165 0 0 1-.542-.118l.125-.584c.135.026.247.046.335.06.088.012.174.019.257.019.162 0 .29-.036.386-.104.097-.07.176-.203.238-.4.031-.103.064-.202.098-.298l.097-.282h-.398c-.197-.634-.395-1.263-.592-1.887-.198-.623-.395-1.25-.593-1.879h.85a50.881 50.881 0 0 1 .367 1.263l.186.667.18.636c.042.15.078.29.109.42.032.13.054.229.07.296h.047l.21-.732zM34.218 16.74a.644.644 0 0 0-.325-.563l-3.447-1.99-2.834 2.741 2.59 2.505 3.691-2.13a.643.643 0 0 0 .325-.563zm-7.073-.264l2.716-2.626-3.793-2.19-8.313-4.26 9.39 9.076zm0 .904l-9.252 8.942 8.19-4.51 3.534-2.041-2.473-2.391zM17.2 7.768l-.009 18.33 9.485-9.17-9.476-9.16z'/%3E%3C/svg%3E") 50% no-repeat; display: block; background-size: 100%; width: 100%; height: 100%; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .comfort__store-google:hover { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='101' height='34' xmlns='http://www.w3.org/2000/svg' fill='%2375869A'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.197 0h96.606C100.012 0 101 .99 101 2.198v29.328c0 1.21-.988 2.198-2.197 2.198H2.197A2.203 2.203 0 0 1 0 31.526V2.198C0 .988.988 0 2.197 0zM43.99 13.222V8.943h1.393c.346 0 .632.058.859.172a1.4 1.4 0 0 1 .54.465c.133.196.226.422.278.678.052.256.078.528.078.815 0 .292-.029.567-.087.827a1.88 1.88 0 0 1-.297.685c-.14.195-.325.35-.556.465-.23.115-.521.172-.871.172H43.99zm.544-3.873v3.467h.73c.063 0 .14-.005.232-.013.091-.008.186-.03.284-.062.098-.033.194-.085.29-.156.096-.072.183-.17.26-.295a1.68 1.68 0 0 0 .187-.472c.047-.19.071-.422.071-.698 0-.28-.021-.518-.065-.713-.044-.197-.1-.36-.172-.491a1.037 1.037 0 0 0-.243-.31 1.06 1.06 0 0 0-.563-.241 2.283 2.283 0 0 0-.25-.016h-.761zm5.977 2.355c0 .196-.022.387-.065.575a1.391 1.391 0 0 1-.226.502 1.148 1.148 0 0 1-.427.357c-.18.089-.402.134-.668.134-.25 0-.46-.043-.628-.128a1.08 1.08 0 0 1-.403-.34 1.4 1.4 0 0 1-.216-.494 2.6 2.6 0 0 1-.065-.593c0-.205.025-.402.075-.594.05-.191.129-.362.237-.512.108-.15.25-.27.425-.362.175-.092.387-.138.637-.138.254 0 .467.046.637.138.17.091.307.21.41.359.101.148.173.317.215.509.041.191.062.387.062.587zm-.531.013c0-.138-.01-.277-.028-.42a1.245 1.245 0 0 0-.116-.39.764.764 0 0 0-.243-.29.68.68 0 0 0-.406-.112c-.17 0-.31.036-.419.11a.795.795 0 0 0-.256.28 1.25 1.25 0 0 0-.13.39c-.026.146-.038.29-.038.432 0 .15.01.295.031.437.021.141.061.265.122.371.06.107.146.192.256.256.11.065.255.097.434.097a.709.709 0 0 0 .403-.103.716.716 0 0 0 .24-.272 1.18 1.18 0 0 0 .119-.374c.02-.138.031-.275.031-.412zm4.029.999l.225-.931.437-1.611h.512l-.906 3.048h-.556l-.443-1.412-.306-1.08h-.031l-.282 1.08-.406 1.412h-.555l-.894-3.048h.513l.43 1.574.238.968h.032l.255-1.006.437-1.536h.494l.506 1.605.262.937h.038zm3.572.506V11.21c0-.105-.005-.2-.016-.285a.55.55 0 0 0-.069-.218.333.333 0 0 0-.16-.138.735.735 0 0 0-.288-.047c-.146 0-.305.031-.477.094a3.136 3.136 0 0 0-.458.206v2.399h-.506v-3.048h.494l.006.262.019.012a2.33 2.33 0 0 1 .551-.252 1.8 1.8 0 0 1 .514-.09c.209 0 .372.03.492.09.119.06.208.137.27.23.06.094.097.2.112.316.015.117.022.231.022.343v2.137h-.506zm1.836 0h-.505V8.78h.511l-.006 4.44zm3.46-1.518c0 .196-.022.387-.065.575a1.391 1.391 0 0 1-.225.502 1.148 1.148 0 0 1-.428.357 1.491 1.491 0 0 1-.668.134c-.25 0-.46-.043-.628-.128a1.079 1.079 0 0 1-.403-.34 1.398 1.398 0 0 1-.215-.494 2.6 2.6 0 0 1-.066-.593c0-.205.025-.402.076-.594a1.53 1.53 0 0 1 .236-.512c.109-.15.25-.27.425-.362.175-.092.388-.138.637-.138.254 0 .467.046.638.138.17.091.307.21.409.359.102.148.173.317.215.509.041.191.062.387.062.587zm-.53.013c0-.138-.01-.277-.029-.42a1.248 1.248 0 0 0-.115-.39.764.764 0 0 0-.244-.29.68.68 0 0 0-.406-.112c-.17 0-.31.036-.418.11a.794.794 0 0 0-.256.28 1.253 1.253 0 0 0-.131.39c-.025.146-.038.29-.038.432 0 .15.01.295.031.437.021.141.062.265.122.371.06.107.146.192.256.256.11.065.255.097.434.097a.708.708 0 0 0 .403-.103.715.715 0 0 0 .24-.272c.06-.112.099-.237.12-.374a2.74 2.74 0 0 0 .03-.412zm2.248.1c-.208.008-.362.06-.462.155a.496.496 0 0 0-.15.375c0 .18.044.313.131.4.087.088.231.131.431.131.133 0 .27-.034.41-.103.139-.068.28-.167.42-.297v-.711l-.78.05zm1.275 1.024h.412l.03.3a1.201 1.201 0 0 1-.259.09 1.194 1.194 0 0 1-.271.034.462.462 0 0 1-.281-.074c-.067-.05-.104-.155-.112-.313l-.007-.006a1.644 1.644 0 0 1-.634.35c-.09.025-.17.04-.243.043a3.283 3.283 0 0 1-.178.007.947.947 0 0 1-.434-.088.776.776 0 0 1-.413-.502 1.099 1.099 0 0 1-.04-.285c0-.266.095-.48.284-.64.19-.16.48-.253.871-.278l.78-.05v-.193c0-.255-.045-.433-.137-.538-.09-.104-.264-.156-.518-.156-.15 0-.306.014-.468.044a3.05 3.05 0 0 0-.475.125l-.113-.344a3.046 3.046 0 0 1 1.174-.244c.321 0 .573.076.756.226.184.15.275.412.275.786v1.706zm3.01.093l-.013-.012a1.453 1.453 0 0 1-.44.247c-.169.06-.334.09-.496.09a1.12 1.12 0 0 1-.55-.121.96.96 0 0 1-.35-.329 1.405 1.405 0 0 1-.187-.477 2.828 2.828 0 0 1-.057-.578c0-.233.022-.45.066-.65.044-.2.114-.373.212-.521a1.05 1.05 0 0 1 .385-.35c.157-.085.349-.128.574-.128a1.777 1.777 0 0 1 .64.122c.073.027.14.061.203.103V8.78h.506v4.442h-.493v-.288zm-.013-2.204a.688.688 0 0 0-.137-.075 2.23 2.23 0 0 0-.194-.072 1.542 1.542 0 0 0-.437-.072.77.77 0 0 0-.303.06.624.624 0 0 0-.25.202 1.07 1.07 0 0 0-.171.384c-.042.16-.063.361-.063.603 0 .212.019.39.056.53a.972.972 0 0 0 .153.342.53.53 0 0 0 .238.18.862.862 0 0 0 .518.026 1.736 1.736 0 0 0 .437-.175.68.68 0 0 0 .153-.11V10.73zm3.241-.188h-.424v-.275l.43-.112v-.496c0-.304.083-.538.248-.7.164-.16.409-.24.733-.24.088 0 .189.004.303.015.115.01.226.031.334.06l-.068.374a3.393 3.393 0 0 0-.462-.044c-.196 0-.344.04-.444.116-.1.077-.15.216-.15.415v.512h.893v.375h-.893l-.006 2.68h-.494v-2.68zm2.561.062a2.343 2.343 0 0 1 .812-.462.852.852 0 0 1 .256-.043c.046 0 .084.01.113.031.029.02.044.062.044.125a.423.423 0 0 1-.016.1c-.01.041-.023.084-.037.128a.997.997 0 0 1-.054.128.504.504 0 0 1-.068.106c-.175.02-.351.043-.528.066l-.528.066v2.373h-.506v-3.048h.494l-.019.405.037.025zm4.248 1.1c0 .196-.022.387-.066.575a1.393 1.393 0 0 1-.225.502 1.148 1.148 0 0 1-.427.357c-.18.089-.402.134-.669.134a1.38 1.38 0 0 1-.627-.128 1.08 1.08 0 0 1-.403-.34 1.398 1.398 0 0 1-.216-.494 2.595 2.595 0 0 1-.066-.593c0-.205.025-.402.076-.594.05-.191.129-.362.237-.512.108-.15.25-.27.425-.362a1.35 1.35 0 0 1 .636-.138c.255 0 .467.046.638.138.17.091.307.21.409.359.102.148.174.317.215.509.042.191.063.387.063.587zm-.531.013c0-.138-.01-.277-.028-.42a1.248 1.248 0 0 0-.116-.39.764.764 0 0 0-.243-.29.68.68 0 0 0-.407-.112c-.17 0-.31.036-.418.11a.794.794 0 0 0-.256.28 1.253 1.253 0 0 0-.131.39c-.025.146-.038.29-.038.432 0 .15.01.295.032.437.02.141.06.265.121.371.06.107.146.192.256.256a.85.85 0 0 0 .434.097.709.709 0 0 0 .403-.103.716.716 0 0 0 .24-.272 1.19 1.19 0 0 0 .12-.374 2.74 2.74 0 0 0 .03-.412zm5.003 1.505V11.21a1.67 1.67 0 0 0-.022-.29.54.54 0 0 0-.081-.216.357.357 0 0 0-.169-.132.777.777 0 0 0-.284-.043c-.067 0-.14.007-.218.021a2.514 2.514 0 0 0-.238.057 1.698 1.698 0 0 0-.425.19c.017.07.028.144.032.22.004.074.006.138.006.193v2.01h-.506v-2.11c0-.2-.045-.346-.135-.438a.48.48 0 0 0-.358-.137c-.15 0-.305.028-.466.084-.16.056-.307.126-.44.21v2.392h-.506v-3.048h.493l.007.274.024.02c.17-.113.345-.2.524-.26.178-.06.347-.09.505-.09.162 0 .305.028.43.087a.705.705 0 0 1 .306.281 2.487 2.487 0 0 1 .527-.265c.098-.036.195-.063.293-.082.098-.019.19-.028.277-.028.216 0 .386.032.51.097a.718.718 0 0 1 .395.572c.017.12.025.237.025.35v2.092h-.506zm-36.865 4.65a4.535 4.535 0 0 1 1.41.22l-.147.638a4.335 4.335 0 0 0-1.177-.17c-.593 0-1.03.186-1.31.56-.28.374-.421.902-.421 1.583 0 .286.023.55.07.791.047.242.129.45.246.624.117.174.273.31.468.409.194.099.44.148.736.148.12 0 .261-.009.425-.027a2.74 2.74 0 0 0 .417-.074V20.53h.811v2.58c-.28.095-.568.163-.861.208a5.752 5.752 0 0 1-.846.066c-.453 0-.83-.069-1.135-.207a1.889 1.889 0 0 1-.737-.573 2.297 2.297 0 0 1-.401-.861 4.58 4.58 0 0 1-.12-1.08c0-.296.035-.61.108-.94a2.49 2.49 0 0 1 .398-.904 2.24 2.24 0 0 1 .787-.678c.333-.18.759-.27 1.28-.27zm5.972 3.54c0 .255-.031.5-.094.737a1.745 1.745 0 0 1-.308.632 1.506 1.506 0 0 1-.565.44c-.234.11-.525.164-.873.164-.333 0-.61-.052-.834-.156a1.429 1.429 0 0 1-.542-.425 1.692 1.692 0 0 1-.297-.627 3.116 3.116 0 0 1-.09-.757c0-.26.035-.51.102-.752.068-.242.175-.455.32-.64a1.58 1.58 0 0 1 .565-.444c.232-.111.51-.168.838-.168.333 0 .614.057.843.168.228.112.411.26.549.445.138.184.237.397.296.639.06.241.09.49.09.744zm-.89.008c0-.161-.01-.323-.03-.487a1.414 1.414 0 0 0-.129-.445.849.849 0 0 0-.273-.323.77.77 0 0 0-.456-.125.828.828 0 0 0-.464.12.86.86 0 0 0-.288.32 1.5 1.5 0 0 0-.148.445 2.83 2.83 0 0 0-.043.495c0 .182.011.353.035.515.023.161.069.303.136.425a.76.76 0 0 0 .289.292.95.95 0 0 0 .483.11c.187 0 .338-.04.452-.118a.816.816 0 0 0 .27-.304 1.33 1.33 0 0 0 .132-.428c.023-.162.035-.325.035-.492zm5.178-.008c0 .255-.031.5-.094.737a1.743 1.743 0 0 1-.308.632 1.507 1.507 0 0 1-.565.44c-.234.11-.525.164-.873.164-.333 0-.61-.052-.834-.156a1.428 1.428 0 0 1-.542-.425 1.693 1.693 0 0 1-.297-.627 3.116 3.116 0 0 1-.09-.757c0-.26.035-.51.102-.752.068-.242.174-.455.32-.64.145-.184.334-.332.565-.444a1.92 1.92 0 0 1 .838-.168c.333 0 .614.057.842.168.229.112.412.26.55.445.138.184.236.397.296.639.06.241.09.49.09.744zm-.89.008c0-.161-.01-.323-.03-.487a1.417 1.417 0 0 0-.129-.445.85.85 0 0 0-.273-.323.77.77 0 0 0-.456-.125.828.828 0 0 0-.464.12.86.86 0 0 0-.288.32c-.07.133-.12.282-.148.445a2.82 2.82 0 0 0-.043.495c0 .182.011.353.035.515.023.161.069.303.136.425.068.122.164.22.289.292a.95.95 0 0 0 .483.11c.187 0 .338-.04.452-.118a.816.816 0 0 0 .27-.304 1.35 1.35 0 0 0 .132-.428c.023-.162.035-.325.035-.492zm2.2.36a.924.924 0 0 1-.347-.348c-.097-.159-.145-.368-.145-.628 0-.25.047-.462.14-.639.094-.177.218-.322.371-.437.153-.114.326-.197.518-.25.193-.051.39-.077.593-.077.14 0 .276.008.41.023.132.016.25.04.354.07h1.294v.476h-.569l-.016.04a.823.823 0 0 1 .18.346c.036.138.054.274.054.41 0 .213-.043.4-.128.565a1.214 1.214 0 0 1-.355.413c-.15.111-.328.196-.53.253a2.437 2.437 0 0 1-.663.086l-.429.008c-.166 0-.3.018-.401.054-.102.037-.152.107-.152.21 0 .074.034.13.1.168a.512.512 0 0 0 .257.059h1.05c.471 0 .837.095 1.097.284.258.19.388.477.388.862 0 .182-.043.35-.129.507a1.17 1.17 0 0 1-.38.405c-.17.114-.38.204-.63.269a3.547 3.547 0 0 1-.884.098c-.347 0-.631-.032-.851-.094a1.398 1.398 0 0 1-.518-.25.82.82 0 0 1-.257-.354 1.22 1.22 0 0 1-.07-.41.9.9 0 0 1 .16-.53c.107-.15.22-.262.34-.335-.302-.073-.453-.257-.453-.553 0-.104.017-.196.05-.273a.557.557 0 0 1 .137-.195.828.828 0 0 1 .188-.129 1.22 1.22 0 0 1 .21-.082l.015-.023zm.584 1.363a.43.43 0 0 0-.144.09.894.894 0 0 0-.133.148.727.727 0 0 0-.093.18.562.562 0 0 0-.035.19c0 .088.013.173.039.253a.44.44 0 0 0 .148.21.798.798 0 0 0 .304.145c.13.037.299.055.507.055.342 0 .602-.061.78-.183a.56.56 0 0 0 .265-.48.79.79 0 0 0-.032-.218.444.444 0 0 0-.117-.195.638.638 0 0 0-.238-.14 1.222 1.222 0 0 0-.401-.055h-.85zm1.403-2.378c0-.093-.012-.187-.038-.28a.633.633 0 0 0-.136-.25.743.743 0 0 0-.256-.179.973.973 0 0 0-.392-.07c-.27 0-.47.07-.605.21-.134.14-.202.33-.202.57 0 .233.066.419.197.557.133.138.315.206.548.206.253 0 .465-.06.633-.183.167-.122.251-.315.251-.58zm2.885 2.55h-.85v-5.559h.858l-.008 5.559zm2.65-3.906c.26 0 .483.032.667.097.185.065.338.15.46.253.122.104.217.223.285.356.067.132.118.267.152.405s.055.27.062.398c.008.127.012.237.012.33v.305H64.72c0 .166.017.32.05.463a.86.86 0 0 0 .491.62c.133.063.296.094.488.094.218 0 .425-.022.62-.067.195-.043.396-.107.604-.19l.187.53c-.239.13-.484.224-.737.28-.251.058-.51.086-.775.086-.359 0-.654-.052-.885-.156a1.378 1.378 0 0 1-.55-.425 1.591 1.591 0 0 1-.28-.623 3.502 3.502 0 0 1-.079-.753c0-.187.024-.396.07-.627.048-.231.135-.45.262-.655.127-.205.305-.377.534-.515.229-.137.528-.206.897-.206zm.032.577a.878.878 0 0 0-.417.09.763.763 0 0 0-.273.24c-.07.102-.122.22-.156.352a2.404 2.404 0 0 0-.067.417h1.731c0-.161-.013-.31-.038-.445a.976.976 0 0 0-.133-.347.65.65 0 0 0-.254-.225.856.856 0 0 0-.393-.082zm8.35-.43c0 .177-.03.362-.086.554-.057.193-.15.368-.277.527a1.47 1.47 0 0 1-.51.394c-.214.104-.476.155-.788.155h-1.068l.008 2.129h-.897v-5.348h1.88c.545 0 .97.137 1.277.413.307.275.46.668.46 1.177zm-2.73-.95v1.941h.92c.115 0 .227-.016.336-.047a.764.764 0 0 0 .293-.158.807.807 0 0 0 .206-.3 1.21 1.21 0 0 0 .078-.465c0-.337-.09-.583-.273-.739a1.002 1.002 0 0 0-.67-.232h-.89zm4.382 4.709h-.85v-5.559h.858l-.008 5.559zm4.093-.593h.507l.047.484c-.11.057-.236.1-.378.128a2.1 2.1 0 0 1-.41.043.752.752 0 0 1-.386-.086c-.096-.057-.149-.184-.16-.382l-.015-.015c-.14.12-.277.213-.41.28a1.94 1.94 0 0 1-.373.148 1.54 1.54 0 0 1-.312.055 3.748 3.748 0 0 1-.222.008c-.23 0-.418-.037-.566-.11a.96.96 0 0 1-.53-.635 1.376 1.376 0 0 1-.05-.355.98.98 0 0 1 .44-.838 1.59 1.59 0 0 1 .48-.222c.181-.052.379-.083.592-.094l.928-.062v-.21c0-.28-.054-.48-.16-.597-.107-.116-.311-.175-.612-.175a4.022 4.022 0 0 0-1.193.203l-.078-.273a19.079 19.079 0 0 0-.078-.273 3.37 3.37 0 0 1 .749-.23 4.21 4.21 0 0 1 .803-.082c.213 0 .405.022.576.067.172.043.317.116.437.218a.98.98 0 0 1 .277.401c.065.167.097.369.097.609v1.995zm-1.7-1.115c-.228.016-.396.074-.502.176a.537.537 0 0 0-.16.41c0 .197.048.346.144.447.097.101.253.152.472.152.145 0 .299-.037.46-.113.161-.075.317-.18.468-.316v-.818l-.881.062zm4.6.445c.12-.416.248-.84.383-1.271.135-.432.265-.857.39-1.279h.85a482.665 482.665 0 0 1-1.521 4.514c-.104.328-.26.572-.468.733a1.223 1.223 0 0 1-.772.242 3.38 3.38 0 0 1-.292-.016 3.165 3.165 0 0 1-.542-.118l.125-.584c.135.026.247.046.335.06.088.012.174.019.257.019.162 0 .29-.036.386-.104.097-.07.176-.203.238-.4.031-.103.064-.202.098-.298l.097-.282h-.398c-.197-.634-.395-1.263-.592-1.887-.198-.623-.395-1.25-.593-1.879h.85a50.881 50.881 0 0 1 .367 1.263l.186.667.18.636c.042.15.078.29.109.42.032.13.054.229.07.296h.047l.21-.732zM34.218 16.74a.644.644 0 0 0-.325-.563l-3.447-1.99-2.834 2.741 2.59 2.505 3.691-2.13a.643.643 0 0 0 .325-.563zm-7.073-.264l2.716-2.626-3.793-2.19-8.313-4.26 9.39 9.076zm0 .904l-9.252 8.942 8.19-4.51 3.534-2.041-2.473-2.391zM17.2 7.768l-.009 18.33 9.485-9.17-9.476-9.16z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100% } .comfort__title_gray { font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: 1.125rem; color: #75869a; margin-bottom: 14px } .header-item-phone { display: none } .contact { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; position: relative } .contact .menu__link--contact { border-bottom: 3px solid #EB702D; color: #000; font-weight: 700 } .contact .header--about { margin-bottom: 0 } .contact__map { position: absolute; top: 120px; left: 0; right: 0; -webkit-filter: grayscale(1); filter: grayscale(1) } .contact__our { width: 467px; height: 462px; background: grey; padding: 37px 62px 0; 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: start; -ms-flex-pack: start; justify-content: flex-start; z-index: 1; margin-left: 43px } .contact__info { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: 136px } .contact__container, .contact__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .contact__container { justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start display:flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; margin: 0 auto; width: 95%; max-width: 1500px; height: 80%; justify-content: center } .contact__socials { -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left } .contact__socials>* { margin-right: 18px } .contact__social-link { display: block } .contact__title { line-height: 3.6875rem; font-size: 2.25rem; color: #fff; margin-bottom: 29px } .contact__address, .contact__tel { font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; line-height: normal; font-size: 1rem; color: #fff; margin-bottom: 1rem } .contact__address a { color: white } .contact__email:hover, .contact__tel:hover { color: #000 } .contact__email { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .contact__email, .contact__email:before { -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .contact__email:before { content: ""; width: 22px; height: 13px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='13' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M21.38 1.094A1.099 1.099 0 0 0 20.284 0h-.002L1.094.026C.802.026.527.141.32.348a1.09 1.09 0 0 0-.32.776l.015 10.782c0 .292.115.567.322.774.207.207.481.32.774.32h.001l19.188-.026a1.097 1.097 0 0 0 1.094-1.098L21.38 1.094zm-2.3.003l-8.382 5.827L2.3 1.121l16.78-.024zm-4.837 6.927l4.97 3.855-17.047.024 5.002-3.88a.548.548 0 0 0-.672-.865L1.11 11.335l-.014-9.714 9.291 6.42a.547.547 0 0 0 .625 0l9.272-6.446.014 9.739-5.384-4.176a.548.548 0 0 0-.671.866z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100%; margin-right: 15px } .contact__email:hover { color: #000 } .contact__email:hover:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.38 1.094A1.099 1.099 0 0 0 20.284 0h-.002L1.094.026C.802.026.527.141.32.348a1.09 1.09 0 0 0-.32.776l.015 10.782c0 .292.115.567.322.774.207.207.481.32.774.32h.001l19.188-.026a1.097 1.097 0 0 0 1.094-1.098L21.38 1.094zm-2.3.003l-8.382 5.827L2.3 1.121l16.78-.024zm-4.837 6.927l4.97 3.855-17.047.024 5.002-3.88a.548.548 0 0 0-.672-.865L1.11 11.335l-.014-9.714 9.291 6.42a.547.547 0 0 0 .625 0l9.272-6.446.014 9.739-5.384-4.176a.548.548 0 0 0-.671.866z'/%3E%3C/svg%3E") 50% no-repeat } .contact__tel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .contact__tel, .contact__tel:before { -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .contact__tel:before { content: ""; width: 16px; height: 16px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M15.023 11.786c-.39-.405-.86-.622-1.357-.622-.494 0-.968.212-1.374.618l-1.269 1.265c-.104-.056-.209-.109-.309-.16-.145-.073-.281-.141-.398-.213-1.188-.755-2.268-1.74-3.304-3.012-.502-.635-.84-1.169-1.085-1.71.33-.302.635-.615.932-.916.112-.113.225-.23.337-.342.844-.843.844-1.935 0-2.778L6.1 2.819a16.711 16.711 0 0 1-.373-.381c-.241-.25-.494-.506-.755-.747-.39-.386-.856-.59-1.345-.59-.49 0-.964.204-1.366.59l-.008.008L.888 3.076a2.938 2.938 0 0 0-.871 1.867C-.08 6.116.265 7.208.53 7.923c.65 1.755 1.622 3.381 3.071 5.124a18.896 18.896 0 0 0 6.293 4.927c.923.438 2.156.956 3.534 1.044.084.004.172.008.252.008.928 0 1.707-.333 2.318-.996.004-.008.012-.012.016-.02.208-.253.45-.482.702-.727.173-.164.35-.337.522-.518.398-.413.607-.895.607-1.389 0-.498-.213-.976-.619-1.377l-2.204-2.213zm1.437 4.228c-.004 0-.004.005 0 0-.156.17-.317.322-.49.49-.26.25-.526.51-.775.803-.405.434-.883.639-1.51.639-.06 0-.124 0-.184-.004-1.193-.076-2.301-.542-3.132-.94a17.839 17.839 0 0 1-5.927-4.642c-1.37-1.65-2.285-3.176-2.892-4.814-.373-1-.51-1.78-.45-2.514.04-.47.222-.86.555-1.193l1.37-1.37c.196-.184.405-.284.61-.284.253 0 .457.152.586.28l.012.013c.245.229.478.466.723.719.124.128.253.257.381.39l1.096 1.095c.426.426.426.82 0 1.245-.116.117-.228.233-.345.346a20.96 20.96 0 0 1-1.008.98c-.008.007-.016.011-.02.02-.345.345-.281.682-.209.911l.012.036c.285.69.687 1.341 1.297 2.116l.004.004c1.109 1.366 2.277 2.43 3.566 3.245.165.104.333.189.494.27.145.071.281.14.398.212.016.008.032.02.048.028a.87.87 0 0 0 .397.1.85.85 0 0 0 .61-.277l1.374-1.373c.137-.136.354-.301.606-.301.25 0 .454.156.579.293a.615.615 0 0 0 .008.008l2.212 2.213c.414.41.414.83.004 1.256zM10.268 4.526a5.092 5.092 0 0 1 2.771 1.437 5.118 5.118 0 0 1 1.438 2.77c.044.266.273.45.534.45a.543.543 0 0 0 .538-.634 6.194 6.194 0 0 0-1.739-3.353 6.193 6.193 0 0 0-3.353-1.739.545.545 0 0 0-.626.442.536.536 0 0 0 .438.627zm8.724 3.867a10.19 10.19 0 0 0-2.863-5.522A10.19 10.19 0 0 0 10.607.008a.54.54 0 1 0-.176 1.068 9.124 9.124 0 0 1 4.935 2.558 9.097 9.097 0 0 1 2.558 4.935c.044.265.273.45.534.45.032 0 .06-.004.092-.008a.532.532 0 0 0 .442-.618z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100%; margin-right: 15px } .contact__tel:hover { color: #000 } .contact__tel:hover:before { content: ""; width: 16px; height: 16px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.023 11.786c-.39-.405-.86-.622-1.357-.622-.494 0-.968.212-1.374.618l-1.269 1.265c-.104-.056-.209-.109-.309-.16-.145-.073-.281-.141-.398-.213-1.188-.755-2.268-1.74-3.304-3.012-.502-.635-.84-1.169-1.085-1.71.33-.302.635-.615.932-.916.112-.113.225-.23.337-.342.844-.843.844-1.935 0-2.778L6.1 2.819a16.711 16.711 0 0 1-.373-.381c-.241-.25-.494-.506-.755-.747-.39-.386-.856-.59-1.345-.59-.49 0-.964.204-1.366.59l-.008.008L.888 3.076a2.938 2.938 0 0 0-.871 1.867C-.08 6.116.265 7.208.53 7.923c.65 1.755 1.622 3.381 3.071 5.124a18.896 18.896 0 0 0 6.293 4.927c.923.438 2.156.956 3.534 1.044.084.004.172.008.252.008.928 0 1.707-.333 2.318-.996.004-.008.012-.012.016-.02.208-.253.45-.482.702-.727.173-.164.35-.337.522-.518.398-.413.607-.895.607-1.389 0-.498-.213-.976-.619-1.377l-2.204-2.213zm1.437 4.228c-.004 0-.004.005 0 0-.156.17-.317.322-.49.49-.26.25-.526.51-.775.803-.405.434-.883.639-1.51.639-.06 0-.124 0-.184-.004-1.193-.076-2.301-.542-3.132-.94a17.839 17.839 0 0 1-5.927-4.642c-1.37-1.65-2.285-3.176-2.892-4.814-.373-1-.51-1.78-.45-2.514.04-.47.222-.86.555-1.193l1.37-1.37c.196-.184.405-.284.61-.284.253 0 .457.152.586.28l.012.013c.245.229.478.466.723.719.124.128.253.257.381.39l1.096 1.095c.426.426.426.82 0 1.245-.116.117-.228.233-.345.346a20.96 20.96 0 0 1-1.008.98c-.008.007-.016.011-.02.02-.345.345-.281.682-.209.911l.012.036c.285.69.687 1.341 1.297 2.116l.004.004c1.109 1.366 2.277 2.43 3.566 3.245.165.104.333.189.494.27.145.071.281.14.398.212.016.008.032.02.048.028a.87.87 0 0 0 .397.1.85.85 0 0 0 .61-.277l1.374-1.373c.137-.136.354-.301.606-.301.25 0 .454.156.579.293a.615.615 0 0 0 .008.008l2.212 2.213c.414.41.414.83.004 1.256zM10.268 4.526a5.092 5.092 0 0 1 2.771 1.437 5.118 5.118 0 0 1 1.438 2.77c.044.266.273.45.534.45a.543.543 0 0 0 .538-.634 6.194 6.194 0 0 0-1.739-3.353 6.193 6.193 0 0 0-3.353-1.739.545.545 0 0 0-.626.442.536.536 0 0 0 .438.627zm8.724 3.867a10.19 10.19 0 0 0-2.863-5.522A10.19 10.19 0 0 0 10.607.008a.54.54 0 1 0-.176 1.068 9.124 9.124 0 0 1 4.935 2.558 9.097 9.097 0 0 1 2.558 4.935c.044.265.273.45.534.45.032 0 .06-.004.092-.008a.532.532 0 0 0 .442-.618z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100% } .contact__address { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .contact__address:before { content: ""; width: 26px; height: 30px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='18' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M6 0C2.692 0 0 2.692 0 6c0 1.118.31 2.209.896 3.155l4.762 7.675a.5.5 0 0 0 .425.237h.004a.5.5 0 0 0 .425-.243l4.642-7.75A6 6 0 0 0 12 6c0-3.308-2.692-6-6-6zm4.296 8.56l-4.22 7.046-4.33-6.978A4.994 4.994 0 0 1 .993 6 5.017 5.017 0 0 1 6 .993 5.014 5.014 0 0 1 11.003 6c0 .904-.247 1.79-.707 2.56z'/%3E%3Cpath d='M6 3C4.346 3 3 4.346 3 6c0 1.644 1.324 3 3 3 1.697 0 3-1.374 3-3 0-1.654-1.346-3-3-3zm0 5.007A2.008 2.008 0 0 1 3.993 6c0-1.103.904-2.007 2.007-2.007A2.01 2.01 0 0 1 8.003 6c0 1.09-.877 2.007-2.003 2.007z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100%; margin-right: 15px } .contact__email { margin-bottom: 1rem; font-size: 1rem; color: #fff } .contact__btn { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #000; color: #fff; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 223px; margin: 0 auto; letter-spacing: .1em } .contact__btn, .contact__btn:hover { background: #EB702D; border: 1px solid transparent } .contact__btn:hover { color: #fff; background: transparent; color: #EB702D; border: 1px solid #EB702D } .contact__booking { min-height: 469px } .contact__booking .booking__input-row { width: 100% } .contact__booking .booking__input-group { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .contact__socials { height: 30px } .contact__list, .contact__socials { display: -webkit-box; display: -ms-flexbox; display: flex } .contact__list { width: 100%; height: 100% } .contact__elem, .contact__item { display: -webkit-box; display: -ms-flexbox; display: flex } .contact__elem { width: 30px; height: 30px; border-radius: 50%; background-color: #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 18px; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out } .contact__elem:hover { background-color: #dde5eb } .contact__facebook, .contact__instagram, .contact__whatsapp { width: 60%; height: 60% } .content { min-height: 620px; padding: 68px 10px 122px 10px } .content_singnin { padding: 68px 10px 122px 10px } .content__container { max-width: 954px; padding: 0 } .digits { min-height: 458px; padding: 80px 0; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal } .digits__container { max-width: 1000px; width: 100%; 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: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .digits__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-width: 990px } .digits__digit { font-weight: 700; font-size: 7.375rem; color: #EB702D } .digits__subtext { font-weight: 600; font-size: 1.125rem; color: #000; text-align: center } .digits__title { line-height: 3.6875rem; font-size: 2.25rem; color: #000; margin-bottom: 35px } .divider_action { display: block } .divider_avatar { display: none } .divider_info { display: block } .divider_account-main { display: none; border-left: 2px solid #b8c1cb; width: 2px; height: 35px } .driver { display: grid; grid-template-columns: 10% 40% 40% 10%; grid-template-rows: auto 58px 58px 58px 58px 58px 58px 58px 58px 58px 58px; background: #fff; border: 1px solid #b8c1cb; border-radius: 5px } .driver__numbers { grid-column: 1/2; padding: 12px 16px 12px 19px } .driver__name, .driver__numbers { width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-items: center; font-family: OpenSans-Bold, Helvetica, sans-serif; font-weight: 600; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .625rem; color: #0747b0; background: #deebff; border-right: 1px solid #dde5eb; border-bottom: 1px solid #dde5eb; grid-row: 1/2 } .driver__name { grid-column: 2/3; padding: 12px 51px } .driver__iin { grid-column: 3/4; padding: 12px 25px } .driver__choice, .driver__iin { width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-items: center; font-family: OpenSans-Bold, Helvetica, sans-serif; font-weight: 600; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .625rem; color: #0747b0; background: #deebff; border-right: 1px solid #dde5eb; border-bottom: 1px solid #dde5eb; grid-row: 1/2 } .driver__choice { grid-column: 4/5; padding: 12px 15px } .driver__img { width: 9px; height: 5px; margin-left: 3px } .driver__numbers-item { grid-column: 1/2; grid-row: 2/3; padding: 11px 19px; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .75rem; color: #000; width: 100%; height: 100%; border-right: 1px solid #dde5eb; border-bottom: 1px solid #dde5eb } .driver__name-item { grid-column: 2/3; padding: 11px 51px } .driver__iin-item, .driver__name-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; grid-row: 2/3; width: 100%; height: 100%; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .75rem; color: #000; border-right: 1px solid #dde5eb; border-bottom: 1px solid #dde5eb } .driver__iin-item { grid-column: 3/4; padding: 11px 25px } .driver__choice-item { grid-column: 4/5; grid-row: 2/3; width: 100%; height: 100%; border-right: 1px solid #dde5eb; border-bottom: 1px solid #dde5eb; padding: 11px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column } .driver__checkbox-icon, .driver__label { 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 } .driver__checkbox-icon { border: 1px solid #b8c1cb; border-radius: 5px; width: 21px; height: 21px; vertical-align: bottom; background: #fff } .driver__checkbox-svg { width: 12px; height: 9px; fill: none } .filter { max-width: 343px; min-width: 320px; border: 1px solid #e5e5e5; border-radius: 5px; margin-right: 57px; height: 100%; background: white } .filter__header { height: 56px; border-bottom: 1px solid #e5e5e5; padding: 17px 31px; 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 } .filter__minimize { width: 15px; height: 2px; display: block; overflow: hidden } .filter__minimize-icon { width: 15px; height: 20px } .filter__name { font-weight: 600 } .filter__name_smaller { font-size: .75rem; color: #b8c1cb } .filter__all { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; padding: 20px 31px 18px } .filter__all, .filter__search { display: -webkit-box; display: -ms-flexbox; display: flex } .filter__search { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 22px } .filter__input { border-radius: 5px 0 0 5px; padding: 10px 13px; border: 1px solid #e5e5e5; outline: none; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .875rem; width: 100%; margin: 0; height: 35px; background: #fafafa } .filter__input:focus { border: 1px solid #EB702D; background: white; color: gray } .filter__input_icon { padding-right: 61px } .filter__input::-webkit-input-placeholder { color: #b8c1cb } .filter__input:-ms-input-placeholder { color: #b8c1cb } .filter__input::-ms-input-placeholder { color: #b8c1cb } .filter__input::placeholder { color: #b8c1cb } .filter__input_range { width: 127px; -webkit-box-flex: initial; -ms-flex: initial; flex: initial } .filter__search-button { width: 52px; height: 35px; border: 1px solid #e5e5e5; border-left: 0; border-radius: 0 5px 5px 0; outline: none; cursor: pointer; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg' fill='%23dd'%3E%3Cpath d='M12.802 11.84L9.598 8.624a5.125 5.125 0 0 0 1.275-3.374C10.873 2.355 8.434 0 5.437 0 2.439 0 0 2.355 0 5.249c0 2.894 2.439 5.249 5.437 5.249a5.512 5.512 0 0 0 3.114-.95l3.23 3.242c.134.135.316.21.51.21a.72.72 0 0 0 .492-.191.669.669 0 0 0 .02-.968zM5.437 1.37c2.215 0 4.018 1.74 4.018 3.879 0 2.139-1.803 3.88-4.018 3.88-2.216 0-4.019-1.741-4.019-3.88 0-2.14 1.803-3.88 4.019-3.88z'/%3E%3C/svg%3E") 50% no-repeat } .filter__search-button:hover, .filter__search-button_active { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg' fill='#EB702D'%3E%3Cpath d='M12.802 11.84L9.598 8.624a5.125 5.125 0 0 0 1.275-3.374C10.873 2.355 8.434 0 5.437 0 2.439 0 0 2.355 0 5.249c0 2.894 2.439 5.249 5.437 5.249a5.512 5.512 0 0 0 3.114-.95l3.23 3.242c.134.135.316.21.51.21a.72.72 0 0 0 .492-.191.669.669 0 0 0 .02-.968zM5.437 1.37c2.215 0 4.018 1.74 4.018 3.879 0 2.139-1.803 3.88-4.018 3.88-2.216 0-4.019-1.741-4.019-3.88 0-2.14 1.803-3.88 4.019-3.88z'/%3E%3C/svg%3E") 50% no-repeat; border: 1px solid #EB702D } .filter__all, .filter__buttons { visibility: visible; opacity: 1 } .hide { opacity: 0; visibility: hidden; height: 0; padding: 0; margin: 0; min-height: 0; border-bottom: 0 } .filter__car-type { margin: 0 auto 22px } .filter__select { display: -webkit-box; display: -ms-flexbox; display: flex; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg' fill='%2375869A'%3E%3Cpath d='M5.953 6.787a.831.831 0 0 1-.59-.244L.245 1.423A.834.834 0 1 1 1.424.244l4.53 4.53 4.53-4.53a.834.834 0 1 1 1.178 1.18l-5.12 5.12a.831.831 0 0 1-.589.243z'/%3E%3C/svg%3E") 50% no-repeat; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 5px; height: 40px; border: 1px solid #b8c1cb; outline: none; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 1rem; line-height: normal; font-size: .875rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; cursor: pointer; background-position: right 13px center; padding: 5px 30px 5px 14px; color: #b8c1cb; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 90%; margin-bottom: 18px; color: #000; margin-right: 0; width: 100%; height: 35px; font-weight: 600 } .filter__select option { color: #000 } .filter__select:focus, .filter__select:hover { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M5.953 6.787a.831.831 0 0 1-.59-.244L.245 1.423A.834.834 0 1 1 1.424.244l4.53 4.53 4.53-4.53a.834.834 0 1 1 1.178 1.18l-5.12 5.12a.831.831 0 0 1-.589.243z'/%3E%3C/svg%3E") 50% no-repeat; cursor: pointer; background-position: right 13px center; border: 1px solid #EB702D } .filter__from-till { display: -webkit-box; display: -ms-flexbox; display: flex; height: 61px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 66px; margin-top: 20px } .company-row { display: flex; margin-top: 25px } .company-block-wrap-main { display: flex; justify-content: space-between; flex-wrap: wrap } .company-block-wrap { max-width: 500px; align-self: center } .company-main-chat-top { position: relative } .search-filter-block { display: flex; flex-wrap: wrap; margin-bottom: 9px } .search-filter-block:last-child { margin-bottom: 0 } .modal-answer-chat-block { display: none; padding: 10px 0 0 0; width: 100%; justify-content: space-between; padding-left: 10px; position: relative } .modal-chat-answer-wrap { display: flex } .modal-chat-answer-wrap:before { content: url(../images/icons/chat-icon-answer.svg); margin-right: 10px; align-self: center } .modal-chat-answer-username { font-style: normal; font-weight: 400; font-size: 16px; color: #FF6464 } .modal-chat-answer-description { font-style: normal; font-weight: 400; font-size: 16px; color: #17191F; word-break: break-word } .modal-notification-telegram-block { display: none; background: linear-gradient(318.41deg, #F7A842 -3.29%, #EE3E63 116.63%); padding: 10px 30px; width: 100%; justify-content: space-between } .modal-notification-telegram-text { font-style: normal; font-weight: 600; font-size: 20px; color: #FFF; margin: 0; align-self: center } .modal-notification-telegram-btn-block { display: flex; justify-content: center } .modal-notification-telegram-btn { color: #17191F; box-sizing: border-box; text-align: center; font-weight: 500; font-size: 16px; background: #FFF; border-radius: 8px; padding: 14px 60px; margin-right: 10px } .modal-notification-telegram-btn:hover { background: #F08920; color: #FFF } .reset-filters-link { font-style: normal; font-weight: 500; font-size: 15px; color: #FF6464 } .company_filter__from-till { display: -webkit-box; display: -ms-flexbox; display: flex; height: 61px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 66px } .filter__all-colors { border-bottom: 1px solid #b8c1cb } .filter__select-line { width: 30%; margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .filter__select-line-icon { width: 15px; height: 1px; vertical-align: center; margin: 0 6px } .filter__color { border-top: 0; padding: 0 31px 13px 29px } .filter__sub-header { margin-bottom: 15px; 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 } .filter__seats { padding: 0 31px 14px } .filter__price { border-top: 0; padding: 0 31px; border-bottom: 1px solid #b8c1cb; margin-bottom: 25px; height: 146px } .filter__range { width: 127px; -webkit-box-flex: initial; -ms-flex: initial; flex: initial; margin-top: 25px } .filter__buttons { padding: 0 31px 25px } .filter__btn-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-right: 30px } .filter__btn-blue { border-radius: 5px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; cursor: pointer; outline: none; color: #000; color: #fff; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; min-width: 283px; min-height: 40px; font-size: .75rem; padding: 10px; margin-bottom: 16px } .filter__btn-blue, .filter__btn-blue:hover { background: #EB702D; border: 1px solid transparent } .filter__btn-blue:hover { color: #fff; background: transparent; color: #EB702D; border: 1px solid #EB702D } .filter__btn-blue_profile { min-width: 211px; background: #F4C367; border-radius: 4px; height: 55px; font-style: normal; font-weight: 600; font-size: 16px; color: #17191F; opacity: .7; margin: 0; margin-top: 10px } .filter__btn-gray { border-radius: 5px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; cursor: pointer; outline: none; color: #000; min-width: 283px; min-height: 40px; font-size: .75rem; padding: 10px; background: #dde5eb; color: #75869a; border: 1px solid transparent; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .filter__btn-gray:hover { background: #EB702D; color: #fff; border: 1px solid transparent; color: #EB702D; background: #dde5eb; border: 1px solid #EB702D } .filter__btn-gray_profile { min-width: 211px } .container__basic { margin: 0 auto; width: 100%; height: 100%; max-width: 1500px } .unipark__logo { display: flex; justify-content: center; align-items: center; flex-direction: column; margin-right: 20px } .mobile__applications { width: 200px } .footer__social { margin-top: 66px; align-self: flex-start } .footer__social_item { background: #F7FBFE; border-radius: 5px; padding: 15px } .footer__social_item a { font-style: normal; font-weight: 300; font-size: 12px; line-height: 16px; color: #000 } .footer__social_item img { margin-right: 23px } .footer__social_item:last-child { margin-top: 20px } .footer__social_item span { font-style: normal; font-weight: 700; font-size: 12px; line-height: 16px; color: #000 } a { color: #06c } #contact-phone-header { color: #000; font-size: 12px } .contact-phone-mode { color: #455a64; font-size: 11px; margin: 0 } .offers-list__phone { margin-bottom: 30px } .price { width: 100%; margin-bottom: 1rem } .fare-unit { font-size: .8rem } .offers-list__phone a { color: #455a64 } .contact-phone__phone { font-size: 14px; line-height: 24px; cursor: pointer; margin-left: 8px; border-bottom: 1px dotted; display: inline-block } .footer-item-logo { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px } .footer-item-logo .nice-select .list { top: -928px; bottom: 100% } .container-order { height: 100%; margin: 0 auto; max-width: 90rem; padding: 0 20px } .footer__address { font-style: normal; font-weight: 400; font-size: 15px; line-height: 22px; color: #000; width: 290px; display: block } .footer_phones { margin-top: 24px } .footer_phones a { display: block; font-style: normal; font-weight: 700; font-size: 15px; line-height: 24px; letter-spacing: .02em; color: #000 } .footer__links_item a, .footer__rules_item a { font-style: normal; font-weight: 500; font-size: 15px; line-height: 242%; letter-spacing: .02em; color: #000 } .footer { min-height: 275px; background-color: #fff; padding: 0 20px } .container_block-registration { width: 48%; background: #fff; margin: 0 auto } .footer__wrapper { display: flex; justify-content: space-between; height: 100%; align-items: center } .car__container { background-color: white } .transport__container { background-color: white } .form__input { display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 5px; height: 40px; padding: 10px 21px; outline: none; font-size: .875rem; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; width: 100%; color: #75869a; width: 50% } .form__input, .form__input:focus { border: 1px solid #b8c1cb } .form__input::-webkit-input-placeholder { color: #b8c1cb } .form__input:-ms-input-placeholder { color: #b8c1cb } .form__input::-ms-input-placeholder { color: #b8c1cb } .form__input::placeholder { color: #b8c1cb } .form__input_profile { width: 100%; height: 40px } .form__input_profile::-webkit-input-placeholder { font-size: .75rem; color: #000 } .form__input_profile:-ms-input-placeholder { font-size: .75rem; color: #000 } .form__input_profile::-ms-input-placeholder { font-size: .75rem; color: #000 } .form__input_profile::placeholder { font-size: .75rem; color: #000 } .form__select { display: -webkit-box; display: -ms-flexbox; display: flex; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg' fill='%2375869A'%3E%3Cpath d='M5.953 6.787a.831.831 0 0 1-.59-.244L.245 1.423A.834.834 0 1 1 1.424.244l4.53 4.53 4.53-4.53a.834.834 0 1 1 1.178 1.18l-5.12 5.12a.831.831 0 0 1-.589.243z'/%3E%3C/svg%3E") 50% no-repeat; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 5px; height: 40px; border: 1px solid #b8c1cb; outline: none; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 1rem; line-height: normal; font-size: .875rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; cursor: pointer; background-position: right 13px center; padding: 5px 30px 5px 14px; color: #b8c1cb; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 223px; background-color: #fff } .form__select option { color: #000 } .form__select:focus, .form__select:hover { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M5.953 6.787a.831.831 0 0 1-.59-.244L.245 1.423A.834.834 0 1 1 1.424.244l4.53 4.53 4.53-4.53a.834.834 0 1 1 1.178 1.18l-5.12 5.12a.831.831 0 0 1-.589.243z'/%3E%3C/svg%3E") 50% no-repeat; cursor: pointer; background-position: right 13px center; border: 1px solid #EB702D } .form__select_profile { width: 100%; color: #000; font-size: .75rem; background-color: #fff } .form__select:active, .form__select:focus, .form__select:hover { background-color: #fff } .form__label { font-size: .75rem; color: #000; margin-bottom: 20px; font-family: OpenSans, sans-serif; cursor: pointer } .form__label, .form__label_type_text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .form__label_type_text { height: 45px; border-radius: 4px; overflow: hidden; padding-right: 20px; padding-left: 20px; width: 100% } .form__label_type_radio { margin-right: 30px } input[type=checkbox]:checked+.form__checkbox-icon { background: #75869a; border: 0; border-radius: 25px } input[type=checkbox]:checked+.form__checkbox-icon-chat path { stroke: #EB702D } .form__checkbox-icon { width: 20px; height: 20px; border-radius: 4px; border: 1px solid hsla(0, 0%, 50.2%, .8); border-radius: 2px; text-align: center; vertical-align: bottom; background: #fff; margin-right: 10px; 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; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .75rem; font-weight: 600; border-radius: 25px } .form__checkbox-icon-chat { width: 30px; height: 30px; border: 1px solid #EB702D; border-radius: 2px; text-align: center; vertical-align: bottom; background: #fff; margin-right: 10px; 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; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #fff; font-size: 1rem; line-height: normal; font-size: .75rem; font-weight: 600 } .form__checkbox-svg { width: 12px; height: 9px; fill: none } .form__photo { width: .1px; height: .1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1 } .form__photo-label { min-width: 102px; max-width: 102px; height: 66px; background: #dde5eb; border-radius: 5px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #75869a; font-size: .6875rem; font-weight: 600; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; margin-bottom: 20px; overflow: hidden; position: relative } .form__photo-label img { width: 102px; height: 66px } .form__delete-btn { position: absolute; top: 8px; right: 8px; cursor: pointer; outline: none; width: 15px; height: 15px; background: rgba(0, 0, 0, .7); border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 } .form__close { width: 60%; height: 60% } .form__photo-img { width: 22px; height: 20px; margin-bottom: 5px } .form__password { position: relative; width: 50% } .form__password-icon { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='18' xmlns='http://www.w3.org/2000/svg' fill='%23B8C1CB'%3E%3Cpath d='M19.863 8.56a19.388 19.388 0 0 0-4.32-4.315l2.819-2.957a.775.775 0 0 0 .018-1.06.691.691 0 0 0-1.028 0l-3.08 3.228A8.905 8.905 0 0 0 10 2.256C4.571 2.257.315 8.303.137 8.56a.78.78 0 0 0 0 .882 19.39 19.39 0 0 0 4.32 4.314l-2.82 2.957a.775.775 0 0 0-.017 1.06.691.691 0 0 0 1.028 0l3.08-3.228a8.905 8.905 0 0 0 4.272 1.2c5.428 0 9.685-6.046 9.863-6.303a.78.78 0 0 0 0-.882zM5.495 12.667A18.115 18.115 0 0 1 1.625 9C2.674 7.664 6.084 3.755 10 3.755a7.277 7.277 0 0 1 3.206.825l-1.24 1.3c-1.64-1.142-3.853-.673-4.942 1.047a3.893 3.893 0 0 0 0 4.138l-1.529 1.603zm6.434-4.63c.14.3.213.628.214.962 0 1.241-.96 2.248-2.143 2.248a2.027 2.027 0 0 1-.918-.225l2.847-2.986zM8.07 9.962A2.3 2.3 0 0 1 7.857 9c0-1.241.96-2.248 2.143-2.248.318.002.632.078.918.225L8.07 9.963zM10 14.245a7.277 7.277 0 0 1-3.206-.824l1.24-1.301c1.64 1.142 3.853.674 4.942-1.047a3.894 3.894 0 0 0 0-4.138l1.529-1.603A18.118 18.118 0 0 1 18.375 9c-1.05 1.336-4.46 5.245-8.375 5.245z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 55%; width: 21px; height: 21px; position: absolute; top: 0; right: 0; padding: 20px; cursor: pointer } .form, .form__password-icon { display: -webkit-box; display: -ms-flexbox; display: flex } .form { width: 100%; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .form__item { width: 315px; margin-right: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; margin-bottom: 20px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .form__item_setting { margin-right: 0 } .form__caption { font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .75rem; color: #75869a; margin-bottom: 10px } .form__datepicker { position: relative } .form__input-datepicker { display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 5px; padding: 10px 21px; outline: none; font-size: .875rem; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; width: 100%; color: #75869a; height: 40px } .form__input-datepicker, .form__input-datepicker:focus { border: 1px solid #b8c1cb } .form__input-datepicker::-webkit-input-placeholder { color: #000; font-size: .75rem } .form__input-datepicker:-ms-input-placeholder { color: #000; font-size: .75rem } .form__input-datepicker::-ms-input-placeholder { color: #000; font-size: .75rem } .form__input-datepicker::placeholder { color: #000; font-size: .75rem } .form__datepicker-icon { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='21' xmlns='http://www.w3.org/2000/svg' fill='%23B8C1CB'%3E%3Cpath d='M18.54 1.64h-.985V0h-1.64v1.64H5.084V0h-1.64v1.64H2.46A2.464 2.464 0 0 0 0 4.103V18.54A2.464 2.464 0 0 0 2.46 21h16.08A2.464 2.464 0 0 0 21 18.54V4.101a2.464 2.464 0 0 0-2.46-2.461zm.82 16.9c0 .451-.369.82-.82.82H2.46a.821.821 0 0 1-.82-.82V7.71h17.72v10.83zm0-12.47H1.64V4.102c0-.453.369-.82.82-.82h.985v1.64h1.64v-1.64h10.83v1.64h1.64v-1.64h.984a.82.82 0 0 1 .82.82V6.07z'/%3E%3Cpath d='M4.758 9.434h-1.64v1.64h1.64v-1.64zm3.282 0H6.397v1.64H8.04v-1.64zm3.28 0H9.68v1.64h1.64v-1.64zm3.282 0H12.96v1.64h1.64v-1.64zm3.281 0h-1.64v1.64h1.64v-1.64zM4.758 12.715h-1.64v1.64h1.64v-1.64zm3.282 0H6.397v1.64H8.04v-1.64zm3.28 0H9.68v1.64h1.64v-1.64zm3.282 0H12.96v1.64h1.64v-1.64zm-9.844 3.281h-1.64v1.64h1.64v-1.64zm3.282 0H6.397v1.64H8.04v-1.64zm3.28 0H9.68v1.64h1.64v-1.64zm3.282 0H12.96v1.64h1.64v-1.64zm3.281-3.281h-1.64v1.64h1.64v-1.64z'/%3E%3C/svg%3E") no-repeat 50%; display: inline-block; width: 21px; height: 21px; position: absolute; border-left: 1px solid #b8c1cb; cursor: pointer; top: 0; right: 0; padding: 17px 20px } .form__btn { padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-weight: 600; cursor: pointer; outline: none; color: #000; width: 100%; height: 40px; border: transparent; border-radius: 5px; background: #dde5eb; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .75rem; color: #75869a } .form__btn:hover { background: #EB702D; color: #fff; border: 1px solid transparent } .form__btn:before { content: ""; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%2375869A' d='M0 4.348h9.692M5.038 9V0'/%3E%3C/svg%3E") 50% no-repeat; margin-right: 7px; width: 9px; height: 9px } .type_of_pay { margin-top: 20px } .call-center { margin-top: 20px } .container { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; margin: 0 auto; width: 100%; max-width: 1150px; height: 80%; justify-content: center; align-items: center; padding-top: 33px } .comfort { background-color: white } .container-header { height: 100%; margin: 0 auto; max-width: 1160px; width: 100%; padding: 0 20px;} .container-client-header { height: 100%; margin: 0 auto; max-width: 90rem; width: 100% } .container-footer { height: 100%; margin: 0 auto; max-width: 90rem; width: 100% } .wrapper { flex-grow: 1; position: relative } .hide { position: absolute; left: -9999px } .header { z-index: 1 } .mobile__menu-wrap { height: 90vh; width: 100%; top: 120px; padding: 20px 30px; background: #fff; z-index: 1; flex-direction: column; justify-content: space-between; display: none } .display { display: block } .mobile__menu-button { display: flex; width: 255px; justify-content: space-between } .mobile__list { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #bdbdbd } .mobile__item { margin-bottom: 30px } .mobile__item:last-child { margin-bottom: 0 } .mobile__link { color: #212121 } .mobile__link:hover, .mobile__link-active { color: #FF6E40 } .mobile__city a { color: #FF6E40 } .mobile__phone { display: inline-block; font-size: 20px; color: #FF6E40; background-image: url(../img/phone.png); background-repeat: no-repeat; background-position: 0 50%; padding-left: 30px; align-self: center } .mobile__phone:hover { color: #ff470d } .mobile__cart { display: none; position: fixed; bottom: 0; z-index: 5; width: 100%; height: 60px; background: #FF6E40; color: #fff; justify-content: space-between; align-items: center; padding: 0 20px } .mobile__cart-link { color: #fff; font-weight: 500 } .mobile__cart-link:hover { color: #e6e6e6 } .mobile__cart-amount { font-weight: 700; border: 1px solid #E0E2E7; border-radius: 50%; width: 32px; height: 32px; text-align: center; line-height: 30px; font-size: 22px } .site-header { height: 100%; display: flex; align-items: center; justify-content: space-between; position: relative; } .header__logo { display: flex; align-items: center; justify-content: space-between; min-width: 135px } .header__logo img { width: 48px } .header-item-logo { min-width: 315px; display: flex; align-items: center; justify-content: space-between } .header-item-login {margin-left: 0px;; } .header-register-button { display: inline-flex } .header__register { box-sizing: border-box; backdrop-filter: blur(50px); text-align: center; font-weight: 500; font-family: 'SF UI Display'; font-size: 15px; padding: 8px 17px; color: #292D32; height: 45px; line-height: 28px; border: 1px solid #E2DFDB; border-radius: 4px; font-style: normal; } .header__register:hover { border: 1px solid #292D32; background: #fff !important; color: #000 !important; transition: 0.5s } .header__zakaz { box-sizing: border-box; background: #EB702D; backdrop-filter: blur(50px); border-radius: 24px; text-align: center; font-weight: 500; font-size: 15px; padding: 13px 20px; color: #fff !important; min-width: 135px; margin-right: 10px; height: 45px; line-height: 18px } .header__zakaz:hover { background: #fff !important; color: #EB702D !important; transition: 0.5s } .header__searh { box-sizing: border-box; border: 1px solid #C5B79A; backdrop-filter: blur(50px); border-radius: 24px; text-align: center; font-weight: 500; font-size: 15px; padding: 13px 20px; color: #000; margin-right: 10px; height: 45px; line-height: 18px } .header__login { border: 1px solid #EB702D; box-sizing: border-box; border-radius: 4px; width: 108px; height: 48px; line-height: 46px; text-align: center; font-weight: 500; font-size: 15px; background: #EB702D; color: #fff } .header__login:hover { background: #fff; color: #EB702D } .logo-text { font-family: Roboto; font-style: normal; font-weight: 900; font-size: 20px; line-height: 21px; letter-spacing: .05em; color: #EC9300 } .logo-text .logo-text-span { color: black } .desktop-menu__form-city { height: 38px !important } .city { display: flex; margin: 0px 20px 0 40px; align-items: center; } .nav__list { display: flex } .header__menu-button { width: 20px; height: 20px; background: none; border: 0; padding: 0; z-index: 10; display: block; cursor: pointer } .header-buttons-mobile { display: none } .header__menu-button:focus { outline: none } .header__menu-button:hover .menu__icon { stroke: #FF6E40 } .menu__icon { stroke: #212121; transition: all 300ms } .nav__item { margin-right: 25px } .nav__item:last-child { margin-right: 0 } .nav__link { font-family: 'SF UI Display'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 30px; letter-spacing: .02em; color: #000 } .nav__link-active { font-family: 'SF UI Display'; font-style: normal; font-weight: 400; background: #E4DAB6; padding: 13px 20px; backdrop-filter: blur(50px); border-radius: 24px } .nav__link:hover { font-family: 'SF UI Display'; font-style: normal; font-weight: 400; } .select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 32% } .select__text { margin-right: 9px; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .875rem; color: #000; font-weight: 600 } .select__arrow { display: -webkit-box; display: -ms-flexbox; display: flex; width: 8px; height: 5px } .select__arrow-down-img { width: 100%; height: 100% } .divider_vertical { border: 1px solid #b8c1cb; -webkit-transform: rotate(90deg); transform: rotate(90deg); width: 39px } .btn-group { display: -webkit-box; display: -ms-flexbox; display: flex } .btn-group__black { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; width: 121px; border: 1px solid #b8c1cb; color: #000; margin-right: 20px } .btn-group__black:hover { background: #EB702D; background: #000; color: #fff; border: 1px solid transparent } .btn-group__blue { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #000; color: #fff; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .btn-group__blue, .btn-group__blue:hover { background: #EB702D; border: 1px solid transparent } .btn-group__blue:hover { color: #fff; background: transparent; color: #EB702D; border: 1px solid #EB702D } .actions__btn { display: none } .actions__interval { display: none } .actions__account { width: 100%; height: 100% } .how-it-works { min-height: 550px; background: rgba(245, 251, 255, .4); padding-top: 80px } .how-it-works__container { min-width: 1196px; 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; padding-left: 35px } .how-it-works__title { font-size: 2.25rem; color: #000; margin-bottom: 25px } .how-it-works__link { font-weight: 600; font-size: 1.125rem; color: #75869a; border-bottom: 1px solid #75869a; padding: 17px 44px; min-width: 233px; display: inline-block; text-align: center; background-color: transparent; cursor: pointer; outline: none } .how-it-works__link:hover { color: #000; border-bottom: 3px solid #EB702D; font-weight: 700; font-size: 1.125rem; padding-bottom: 16px } .how-it-works__link--active { color: #000; border-bottom: 3px solid #EB702D; font-weight: 700; font-size: 1.125rem; padding-bottom: 16px } .how-it-works__slide { display: none } .how-it-works__slide--active { display: block } .how-it-works__slide-icon { width: 90px; height: 90px; background: #fff; -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .1); box-shadow: 0 4px 15px rgba(0, 0, 0, .1); border-radius: 50%; 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; z-index: 100; margin-bottom: 7px } .how-it-works__slide-img { width: 36%; height: 36% } .how-it-works__slides { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-width: 849px } .how-it-works__slide-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 170px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 200px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative } .how-it-works__slide-wrapper:last-child { margin-right: 0 } .how-it-works__slide-wrapper:before { content: ""; display: block; position: absolute; top: 47px; left: 80px; height: 1px; background: #dde5eb; width: 180% } .how-it-works__slide-wrapper:last-child:before { content: ""; display: none } .how-it-works__slider { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; width: 849px } .how-it-works__swiper { overflow: hidden } .how-it-works__slider-tabs { margin: 0 auto 63px } .how-it-works__slide-title { font-weight: 600; font-size: 1.125rem; color: #000 } .how-it-works__slide-desc { line-height: 1.625rem; font-size: 1rem; text-align: center; color: #75869a } .how-it-works__slider-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex } .index { min-height: calc(100vh - 295px) } .index-chat { min-height: 100vh } .index .menu__link--index { border-bottom: 3px solid #EB702D; color: #000; font-weight: 700 } .transports__list_empty { height: calc(60vh - 300px) } .main-content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; width: 100% } .main-content__title { font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: black; line-height: normal; font-weight: 600; font-size: 2rem; padding-top: 5px } .search-filter-block-item { margin-right: 30px; align-self: self-end } .search-filter-block-item:last-child { margin: 0 } .main-content__block_header { display: none; justify-content: space-between; flex-wrap: wrap } .main-content__block_search { display: flex } .account-filter__btn-search { border-radius: 8px; padding: 6px 15px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .3s; transition: all .3s; cursor: pointer; outline: none; background: #fff; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 55px; height: 48px; position: relative; left: -15px } .account-filter__btn-search:hover { background: #EB702D; color: #fff; border: 1px solid transparent; background: transparent; color: #F4C367; border: 1px solid #F4C367 } .account-filter__name_block { display: flex; position: relative } .search_chat-filter-block { display: flex } .search_chat-filter-wrap-block { display: none; justify-content: space-between } .btn-search_chat-filter { padding: 10px 12px; background: #EB702D; border-radius: 8px; margin-right: 10px } .account-filter__search_input { width: 250px; padding-left: 10px; background: #EFF3F6; border: 1px solid #E9ECEE; box-sizing: border-box; border-radius: 8px; height: 48px; font-family: 'SF UI Display'; font-style: normal; font-weight: 400; font-size: 16px; color: #292D32; border: 1px solid #E3E3E3 } .account-filter__search_input:focus { outline: none } .main-content__header { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 5px; margin-bottom: 15px; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .main-content__results { font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .875rem; color: #000; align-self: center } .main-content__results span { color: #75869a } .main-content__list { width: 50%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .main-content__item, .main-content__list { display: -webkit-box; display: -ms-flexbox; display: flex } .main-content__item { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .main-content__item:after { content: ""; display: block; height: 17px; width: 1px; background-color: #b8c1cb; margin: 0 13px } .main-content__item:last-child:after { content: ""; width: 0; height: 0; display: none } .main-content__select { display: flex; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg' fill='%2375869A'%3E%3Cpath d='M5.953 6.787a.831.831 0 0 1-.59-.244L.245 1.423A.834.834 0 1 1 1.424.244l4.53 4.53 4.53-4.53a.834.834 0 1 1 1.178 1.18l-5.12 5.12a.831.831 0 0 1-.589.243z'/%3E%3C/svg%3E") 50% no-repeat; justify-content: center; border-radius: 5px; height: 40px; border: 1px solid #b8c1cb; outline: none; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 1rem; line-height: normal; font-size: .875rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; cursor: pointer; background-position: right 13px center; padding: 5px 30px 5px 14px; color: #b8c1cb; height: 30px; margin: 0; color: #000; min-width: 223px; -webkit-box-flex: initial; -ms-flex: initial; flex: initial; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M5.953 6.787a.831.831 0 0 1-.59-.244L.245 1.423A.834.834 0 1 1 1.424.244l4.53 4.53 4.53-4.53a.834.834 0 1 1 1.178 1.18l-5.12 5.12a.831.831 0 0 1-.589.243z'/%3E%3C/svg%3E") white 50% no-repeat; background-position: right 13px center } .main-content__select option { color: #000 } .main-content__select:focus, .main-content__select:hover { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M5.953 6.787a.831.831 0 0 1-.59-.244L.245 1.423A.834.834 0 1 1 1.424.244l4.53 4.53 4.53-4.53a.834.834 0 1 1 1.178 1.18l-5.12 5.12a.831.831 0 0 1-.589.243z'/%3E%3C/svg%3E") 50% no-repeat; cursor: pointer; background-position: right 13px center; border: 1px solid #EB702D } .main-content__select-interval { display: none } .main-content__elem { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 23px; height: 23px; border: none; background: none; text-decoration: none; padding: 0; outline: #fff } .main-content__icon { width: 100%; height: 100% } .main-content__filter { display: none } .main-content__filter-icon { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='15' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath stroke='%23249AF3' stroke-width='2' stroke-linecap='round' d='M1 2h15M1 7h15M1 13h15'/%3E%3Ccircle cx='5' cy='2' r='2'/%3E%3Ccircle cx='12' cy='7' r='2'/%3E%3Ccircle cx='5' cy='13' r='2'/%3E%3C/svg%3E") 50% no-repeat; width: 17px; height: 16px; margin-right: 8px } .main { display: flex; justify-content: space-between; align-items: flex-start; flex-direction: row } .menu__list { 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 } .menu__item, .menu__link { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .menu__link { text-decoration: none; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; line-height: 5.375rem; color: #75869a; border-bottom: 3px solid transparent; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out } .menu__link:active, .menu__link:hover { border-bottom: 3px solid #EB702D; color: #000 } .mobile-filter { position: absolute; top: 61px; left: -5000px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; background-color: #fff; width: 100vw; height: 100%; z-index: 0; -webkit-transition: 1s ease-in-out; transition: 1s ease-in-out } .mobile-filter.mobile-filter--open { left: 1px } .mobile-filter__containner { padding: 25px 20px 25px 35px } .mobile-filter__return { display: -webkit-box; display: -ms-flexbox; display: flex; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; color: #000; font-size: .75rem; width: 90%; height: 17px; margin-bottom: 23px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; cursor: pointer } .mobile-filter__arrow { width: 5%; height: 100%; margin-right: 7px } .mobile-filter__search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 22px } .mobile-filter__input { border-radius: 5px 0 0 5px; padding: 10px 13px; border: 1px solid #b8c1cb; outline: none; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .875rem; width: 100%; margin: 0; height: 35px } .mobile-filter__input:focus { border: 1px solid #EB702D } .mobile-filter__input_range { width: 127px; -webkit-box-flex: initial; -ms-flex: initial; flex: initial } .mobile-filter__input_icon { padding-right: 61px } .mobile-filter__input::-webkit-input-placeholder { color: #b8c1cb } .mobile-filter__input:-ms-input-placeholder { color: #b8c1cb } .mobile-filter__input::-ms-input-placeholder { color: #b8c1cb } .mobile-filter__input::placeholder { color: #b8c1cb } .mobile-filter__item { cursor: pointer; display: block; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .875rem; border-bottom: 1px solid #b8c1cb; color: #000; position: relative; -webkit-transition: all .4s ease-out; transition: all .4s ease-out } .mobile-filter__icon { position: absolute; display: inline-block; width: 11.91px; height: 6.79px; right: 20px; top: 17px; z-index: 10 } .mobile-filter__icon:after, .mobile-filter__icon:before { position: absolute; content: ""; width: 10px; height: 1.5px; background-color: #75869a; -webkit-transition: -webkit-transform .25s ease; transition: -webkit-transform .25s ease; transition: transform .25s ease; transition: transform .25s ease, -webkit-transform .25s ease } .mobile-filter__icon:before { -webkit-transform: translate(3px, 8px) rotate(45deg); transform: translate(3px, 8px) rotate(45deg) } .mobile-filter__icon:after { -webkit-transform: translate(-3px, 8px) rotate(-45deg); transform: translate(-3px, 8px) rotate(-45deg) } .mobile-filter__icon.mobile-filter__icon--focus:before { -webkit-transform: translate(-3px, 8px) rotate(45deg); transform: translate(-3px, 8px) rotate(45deg) } .mobile-filter__icon.mobile-filter__icon--focus:after { -webkit-transform: translate(3px, 8px) rotate(-45deg); transform: translate(3px, 8px) rotate(-45deg) } .mobile-filter__list { width: 100%; cursor: pointer; display: block; padding: 15px 20px 15px 35px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-bottom: none; border-right: none } .mobile-menu { position: absolute; top: 90px; background-color: #F4C367 !important; right: -5000px; display: -webkit-box; display: -ms-flexbox; display: flex; flex-flow: column; background-color: #fff; width: 100vw; height: 100vh; z-index: 99999999; padding: 25px 10%; -webkit-transition: .4s; transition: .10s } .mobile-menu--active { right: 0 } .mobile-menu__form-city { z-index: 1; display: block; font-size: 16px; font-family: sans-serif; font-weight: 700; color: #444; line-height: 1.3; padding: .6em 1.4em .5em .8em; width: 100%; max-width: 100%; box-sizing: border-box; margin: 0; border: 1px solid #aaa; box-shadow: 0 1px 0 1px rgba(0, 0, 0, .04); border-radius: .5em; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #fff; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%); background-repeat: no-repeat, repeat; background-position: right .7em top 50%, 0 0; background-size: .65em auto, 100% } .mobile-menu__form-city option { color: #000 } .mobile-menu__nav { width: 50%; margin-bottom: 107px } .mobile-menu__list, .mobile-menu__nav { display: flex; justify-content: center; justify-items: center; align-items: center; width: 100% } .mobile-menu__list { flex-flow: column; width: 100% } .mobile-menu__item { display: -webkit-box; display: -ms-flexbox; display: flex; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: 1.125rem; line-height: 3.8125rem; color: #000 } .mobile-menu__elem { text-decoration: none; color: #000; border-bottom: 3px solid transparent; font-size: 25px; font-family: SF UI Text, "Helvetica Neue", Helvetica, Arial; transition: .3s ease-in-out } .mobile-menu__elem:hover, .mobile-menu__elem_active { border-bottom: 3px solid #EB702D; color: #75869a } .my-favorites { margin-left: 105px } .my-orders__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; width: 100%; border: 1px solid #b8c1cb; border-radius: 5px; margin-bottom: 48px } .my-orders__header { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #b8c1cb; padding-left: 35px; padding-right: 35px; background-color: white } .my-orders__title { font-family: OpenSans-Bold, Helvetica, sans-serif; font-weight: 600; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: 1.125rem; color: #000; margin-top: 10px; margin-bottom: 15px } .my-orders__btn { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #000; color: #fff; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 206px; height: 40px; font-size: .875rem } .my-orders__btn, .my-orders__btn:hover { background: #EB702D; border: 1px solid transparent } .my-orders__btn:hover { color: #fff; background: transparent; color: #EB702D; border: 1px solid #EB702D } .my-orders__btn:before { content: ""; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23fff' stroke-width='2' d='M0 7h14m-7.067 7V0'/%3E%3C/svg%3E") 50% no-repeat; margin-right: 7px; width: 9px; height: 9px } .my-orders__btn-white { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #000; background: #fff; color: #EB702D; border: 1px solid #EB702D; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 206px; height: 40px; font-size: .875rem } .my-orders__btn-white:hover { background: #EB702D; color: #fff; border: 1px solid transparent; background: #daecf8; color: #EB702D; border: 1px solid #EB702D } .my-orders__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; margin-top: 30px } .my-orders__scope { width: 100%; padding: 27px 0 31px } .my-orders__list { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; width: 100% } .my-orders__list--active { display: -webkit-box; display: -ms-flexbox; display: flex } .my-orders__item { border: 1px solid #b8c1cb; border-radius: 5px; width: 100%; padding: 20px 25px; margin-bottom: 25px } .my-orders__item, .my-orders__photo { display: -webkit-box; display: -ms-flexbox; display: flex } .my-orders__photo { border-radius: 5px; width: 30%; height: 185px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; position: relative; margin-right: 22px } .my-advert-status-block { border-radius: 5px; width: 100%; height: 50px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; position: relative; margin-right: 22px } .my-orders__photo_card { width: 100%; height: 207px; border-radius: 5px 5px 0 0; margin-bottom: 15px } .my-orders__photo img { height: 100% } .my-orders__photo-btn { position: absolute; top: 3px; right: 0; border-radius: 5px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #000; background: #EB702D; color: #fff; border: 1px solid transparent; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; border-radius: 3px 0 0 3px; font-weight: 400; width: 80px; height: 25px; padding: 0 } .my-orders__photo-btn:hover { background: #EB702D; color: #fff; border: 1px solid transparent; background: transparent; color: #EB702D; border: 1px solid #EB702D } .my-orders__delete-btn { position: absolute; top: 14px; right: 10px; border-radius: 5px; min-width: 102px; height: 38px; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #000; min-width: 25px; width: 25px; height: 25px; background: #fe564f; border: #fe564f; border-radius: 3px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 } .my-orders__delete-btn:hover { background: #EB702D; color: #fff; border: 1px solid transparent } .my-orders__delete-btn .my-orders__close { width: 60%; height: 60% } .my-orders__delete-btn:hover { background: red; border: 1px solid red } .my-advert__delete-btn { left: 0; cursor: pointer; color: #ff6d6d } .my-orders__rating { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 25px; font-size: .625rem } .dropdown-menu>li>a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap } .my-orders__rating_card { width: 100%; border: 0; padding: 0 25px 17px } .my-orders__rating_favorite { width: 100%; border: 0; padding: 0 25px } .my-orders__car-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; width: 45%; margin-right: 25px; border-right: 1px solid #b8c1cb } .my-orders__car-info_card { width: 100%; border: 0; padding: 0 25px 17px } .my-adverts__car-info_card { width: 100%; border: 0; padding: 0 10px 17px } .my-orders__car-info_favorites { width: 100%; border: 0; padding: 0 25px } .my-orders__model { font-family: OpenSans-Bold, Helvetica, sans-serif; font-weight: 600; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .875rem; color: #EB702D; margin-bottom: 7px } .my-orders__model_favorites { color: #000 } .my-orders__number { font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .875rem; color: #000; margin-bottom: 16px } .my-orders__data_bottom { margin-bottom: 10px } .my-orders__data span { color: #000 } .my-orders__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .my-orders__actions_card { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 0 25px; margin-top: auto } .my-lead__list-card, .my-car__list-card { display: flex; flex-flow: row wrap; justify-content: flex-start } .my-lead__item-card { display: -webkit-box; display: -ms-flexbox; display: flex; flex-flow: column; border: 1px solid #b8c1cb; border-radius: 5px; width: 335px; -webkit-transition: -webkit-box-shadow .3s; transition: -webkit-box-shadow .3s; transition: box-shadow .3s; transition: box-shadow .3s, -webkit-box-shadow .3s; flex: 0 0 22%; margin-bottom: 25px; margin-right: 2% } .my-car__item-card { display: -webkit-box; display: -ms-flexbox; display: flex; flex-flow: column; border: 1px solid #b8c1cb; border-radius: 5px; width: 335px; -webkit-transition: -webkit-box-shadow .3s; transition: -webkit-box-shadow .3s; transition: box-shadow .3s; transition: box-shadow .3s, -webkit-box-shadow .3s; flex: 0 0 32%; margin-bottom: 25px } .my-lead__item-card:hover { -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .25); box-shadow: 0 4px 15px rgba(0, 0, 0, .25) } .my-car__item-card:hover { -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .25); box-shadow: 0 4px 15px rgba(0, 0, 0, .25) } .my-lead__item-card:nth-child(4n+4) { margin-right: 0 } .my-car__item-card:nth-child(3n-1) { margin-left: 1%; margin-right: 1% } .my-orders__actions_favorites span { font-size: .625rem; color: #b8c1cb } .my-orders__sum { font-family: OpenSans-Bold, Helvetica, sans-serif; font-weight: 600; color: #b8c1cb; font-size: 1rem; font-size: 1.5rem; color: #EB702D } .my-orders__btn-more, .my-orders__sum { line-height: normal; margin-bottom: 18px } .my-orders__btn-more { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; width: 100%; height: 37px; color: #000; border: none; background: #b8c1cb } .my-orders__btn-more:hover { border: 1px solid transparent } .my-orders__btn-more:active, .my-orders__btn-more:focus, .my-orders__btn-more:hover { background: #EB702D; color: #fff } .my-orders__data { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .875rem; color: #75869a; margin-bottom: 7px } .my-orders__data_card { margin-bottom: 17px } .my-orders__btn-green { border-radius: 5px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-weight: 600; cursor: pointer; outline: none; border: 1px solid #b8c1cb; color: #000; margin-left: 5px; width: 123px; height: 25px; background: #1ab817; border-radius: 3px; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .75rem; color: #fff; padding: 0 } .my-orders__btn-green:hover { background: #EB702D; color: #fff; border: 1px solid transparent } .my-orders__btn-green:active, .my-orders__btn-green:focus, .my-orders__btn-green:hover { background: transparent; border: 1px solid #1ab817; color: #1ab817 } .my-orders__btn-gray { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #000; width: 100%; height: 35px; border: 1px solid #b8c1cb; font-weight: 400; background: transparent; margin-bottom: 13px } .my-orders__btn-gray:hover { background: #EB702D; color: #fff; border: 1px solid transparent } .my-orders__btn-gray:active, .my-orders__btn-gray:focus, .my-orders__btn-gray:hover { background: #b8c1cb; color: #000 } .my-orders__btn-red { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #000; width: 100%; height: 35px; border: 1px solid #eb3232; font-weight: 400; background: transparent; margin-bottom: 13px; color: #eb3232 } .my-orders__btn-red:hover { background: #EB702D; color: #fff; border: 1px solid transparent } .my-orders__btn-red:active, .my-orders__btn-red:focus, .my-orders__btn-red:hover { background: #eb3232; color: #000 } .my-company_title-block { display: flex; justify-content: space-between } .my-orders__list-card { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-flow: wrap; flex-flow: wrap } .my-orders__list-card--close { display: none } .my-orders__item-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; border: 1px solid #b8c1cb; border-radius: 5px; width: 335px; margin-right: 19px; margin-bottom: 17px; -webkit-transition: -webkit-box-shadow .3s; transition: -webkit-box-shadow .3s; transition: box-shadow .3s; transition: box-shadow .3s, -webkit-box-shadow .3s } .my-orders__item-card:hover { -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .25); box-shadow: 0 4px 15px rgba(0, 0, 0, .25) } .my-orders__elem, .my-orders__list-notifications { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; width: 100% } .my-orders__elem { border: 1px solid #b8c1cb; border-radius: 5px; padding: 20px 24px 0 46px; margin-bottom: 25px } .my-orders__elem:hover { border: 1px solid #EB702D; background: #e9f5fe } .my-orders__elem--active { border: 1px solid #EB702D; background: #e9f5fe } .my-orders__block-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 33px } .my-orders__block-center, .my-orders__block-left, .my-orders__block-right { display: -webkit-box; display: -ms-flexbox; display: flex; width: 33%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-right: 1px solid #b8c1cb } .my-orders__block-center, .my-orders__block-right { padding-left: 42px } .my-orders__block-right { border-right: none; position: relative; padding-right: 20px } .my-orders__avatar { min-width: 55px; height: 55px; border-radius: 50%; overflow: hidden; margin-right: 20px } .my-orders__avatar img { width: 100%; height: 100% } .my-orders__person { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; color: #000; font-size: .875rem } .my-orders__icon { outline: none; background: transparent; position: absolute; 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; width: 20px; height: 20px; right: 0; top: 17px; z-index: 10 } .my-orders__icon:after, .my-orders__icon:before { position: absolute; content: ""; width: 10px; height: 1.5px; background-color: #75869a; -webkit-transition: -webkit-transform .25s ease; transition: -webkit-transform .25s ease; transition: transform .25s ease; transition: transform .25s ease, -webkit-transform .25s ease } .my-orders__icon:before { -webkit-transform: translate(3px, 8px) rotate(45deg); transform: translate(3px, 8px) rotate(45deg) } .my-orders__icon:after { -webkit-transform: translate(-3px, 8px) rotate(-45deg); transform: translate(-3px, 8px) rotate(-45deg) } .my-orders__icon.my-orders__icon--focus:before { -webkit-transform: translate(-3px, 8px) rotate(45deg); transform: translate(-3px, 8px) rotate(45deg) } .my-orders__icon.my-orders__icon--focus:after { -webkit-transform: translate(3px, 8px) rotate(-45deg); transform: translate(3px, 8px) rotate(-45deg) } .my-orders__block-description { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; border-top: 1px solid #b8c1cb; padding-top: 21px } .my-orders__block-description--active { display: -webkit-box; display: -ms-flexbox; display: flex } .my-orders__description { color: #b8c1cb } .my-orders__description, .my-orders__description-text { font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 1rem; line-height: normal; font-size: .875rem } .my-orders__description-text { color: #b8c1cb; color: #000; margin-bottom: 13px } .my-orders__buttons { width: 40%; margin-bottom: 24px } .my-orders__btn-blue, .my-orders__buttons { display: -webkit-box; display: -ms-flexbox; display: flex } .my-orders__btn-blue { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #000; background: #EB702D; color: #fff; border: 1px solid transparent; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 93px; height: 30px; margin-right: 19px } .my-orders__btn-blue:hover { background: #EB702D; color: #fff; border: 1px solid transparent; background: transparent; color: #EB702D; border: 1px solid #EB702D } .my-orders__btn-red-all { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #000; width: 113px; height: 30px; color: #fff; background: #eb3232; border: #eb3232 } .my-orders__btn-red-all:hover { background: #EB702D; color: #fff; border: 1px solid transparent } .my-orders__btn-red-all:active, .my-orders__btn-red-all:focus, .my-orders__btn-red-all:hover { background: transparent; border: #eb3232; color: #eb3232 } .lead_close_btn { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: red; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; width: 100%; height: 50px; background: #fff; border: 1px solid red } .lead_close_btn:hover, .lead_close_btn:focus { background: red; color: #fff } .lead_close_btn:active { background: darkred; color: #fff } .my-profile { margin-left: 0px; min-height: 70vh } .my-profile__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; width: 100%; border: 1px solid #b8c1cb; border-radius: 5px; margin-bottom: 48px } .my-profile__header { display: flex; width: 100%; min-height: 100px; background-color: white; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 35px; padding-right: 35px; border-bottom: 1px solid #b8c1cb } .my-profile__title { font-family: OpenSans-Bold, Helvetica, sans-serif; font-weight: 600; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: 1.125rem; color: #000 } .my-profile__btn { padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #000; width: 315px; height: 40px; background: #e9f5fe; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .875rem; color: #EB702D; border: transparent; border-radius: 5px } .my-profile__btn:hover { background: #EB702D; color: #fff; border: 1px solid transparent } .my-profile__btn:active, .my-profile__btn:hover { border: 1px solid #EB702D; background: transparent; color: #EB702D } .my-profile__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; width: 100%; padding: 31px 5px 30px 35px; background: #f9f9f9 } .my-profile__info_setting { padding-right: 35px; padding-bottom: 0 } .my-profile__info_padding { padding-right: 35px } .my-profile__setting { padding-bottom: 43px; border-bottom: 1px solid #b8c1cb } .my-profile__headline { font-weight: 400; color: #b8c1cb; font-size: 1rem; color: #000; margin-bottom: 23px } .my-profile__btn-bluue, .my-profile__headline { font-family: OpenSans-Regular, Helvetica, sans-serif; line-height: normal } .my-profile__btn-bluue { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #000; background: #EB702D; border: 1px solid transparent; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 211px; font-weight: 400; color: #b8c1cb; font-size: 1rem; font-size: .875rem; color: #fff } .my-profile__btn-bluue:hover { background: #EB702D; color: #fff; border: 1px solid transparent; background: transparent; color: #EB702D; border: 1px solid #EB702D } .my-profile__label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 105px } .my-profile__label_last { margin-right: 0 } .my-profile__checkbox-icon { border: 1px solid #b8c1cb; border-radius: 5px; width: 21px; height: 21px; vertical-align: bottom; background: #fff; 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 } .my-profile__checkbox-svg { width: 12px; height: 9px; fill: none } input[type=checkbox]:checked+.account-order__checkbox-icon { background: #EB702D; border: 0 } .my-profile__checkbox-title { margin-left: 14px; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .875rem; color: #000 } .my-profile__checkbox-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 46px } .my-profile__btn-group { 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 } .my-profile__btn-gray { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #000; background: #b8c1cb; color: #fff; border: 1px solid transparent; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 211px; height: 40px } .my-profile__btn-gray:hover { background: #EB702D; color: #fff; border: 1px solid transparent; background: transparent; color: #b8c1cb; border: 1px solid #b8c1cb } .my-profile__btn-blue { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #000; background: #EB702D; color: #fff; border: 1px solid transparent; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 211px; height: 40px } .my-profile__btn-blue:hover { background: #EB702D; color: #fff; border: 1px solid transparent; background: transparent; color: #EB702D; border: 1px solid #EB702D } .offers-list { display: none } .offers-list.offers-list--active { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; margin-bottom: 73px } .offers-list__item { background: white; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 26px 0; padding: 12px; border: 1px solid #e5e5e5 } .header__logo:hover { text-decoration: none } .offers-list__info, .offers-list__item { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between } .offers-list__info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 43%; margin: 0 10px 0 20px } .offers-list__info_car { width: 100%; margin: 0; padding: 0 5% 40px } .offers-list__car-desc { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 25px } .offers-list__car-desc, .offers-list__photo { display: flex; justify-content: space-between; align-items: center } .offers-list__photo { border-radius: 5px; width: 27%; height: 182px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; position: relative } .offers-list__photo img { width: 100%; height: 100% } .offers-list__favorite { width: 25px; height: 25px; background: rgba(0, 0, 0, .5); border-radius: 3px; padding: 0; cursor: pointer; outline: none; position: absolute; top: 6px; right: 4%; 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 } .offers-company-list__favorite { width: 25px; height: 25px; background: #fff; cursor: pointer; outline: none; position: absolute; top: 9px; right: 2%; 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; z-index: 4 } .offers-company-list__medal, .offers-company-list__smile, .offers-company-list__star { width: 32px; height: 32px; background: #fff; cursor: pointer; outline: none; position: absolute; top: 20px; left: -26%; 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; z-index: 4 } .offers-list__icon { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='16' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M8.5 1.618l1.433 4.41.112.345h5L11.294 9.1 11 9.312l.112.346 1.433 4.41-3.751-2.726-.294-.213-.294.213-3.751 2.726 1.433-4.41L6 9.312 5.706 9.1 1.955 6.373h5l.112-.345L8.5 1.618z' stroke='%23fff'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100%; width: 20px; height: 20px } .offers-list__icon:hover { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='16' xmlns='http://www.w3.org/2000/svg' fill='%23FFC806'%3E%3Cpath d='M8.5 1.618l1.433 4.41.112.345h5L11.294 9.1 11 9.312l.112.346 1.433 4.41-3.751-2.726-.294-.213-.294.213-3.751 2.726 1.433-4.41L6 9.312 5.706 9.1 1.955 6.373h5l.112-.345L8.5 1.618z' stroke='%23fff'/%3E%3C/svg%3E") 50% no-repeat } .offers-company-list__icon { background: url(../img/favourite.svg) 50% no-repeat; background-size: 100%; width: 20px; height: 20px } .offers-company-list__icon:hover { background: url(../img/favourite-active.svg) 50% no-repeat } .offers-list__img { width: 100% } .offers-list__title { color: #EB702D; font-size: 1.125rem; font-weight: 700; padding-top: 10px; margin-bottom: 6px } .offers-list__title a { color: #23527c } .offers-list__title_black { color: #000; font-size: .875rem; font-weight: 600 } .offers-list__title_car { padding-top: 0 } .offers-list__driver-name { font-size: 1rem; color: #000; margin-bottom: 10px } .offers-list__city { color: #b8c1cb } .offers-list__city span { color: #000 } .offers-list__sub-text { font-size: .625rem; color: #75869a } .ofers-list__stars, .offers-list__item-rating { display: -webkit-box; display: -ms-flexbox; display: flex } .ofers-list__stars { padding: 0 8px 0 0; margin-right: 8px } .ofers-list__rating { width: 12px; height: 12px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='11' xmlns='http://www.w3.org/2000/svg' fill='%23B8C1CB'%3E%3Cpath d='M6 0l1.347 4.146h4.36L8.18 6.708l1.347 4.146L6 8.292l-3.527 2.562L3.82 6.708.294 4.146h4.359L6 0z'/%3E%3C/svg%3E") 50% no-repeat } .ofers-list__rating:first-child, .ofers-list__rating:nth-child(2) { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='11' xmlns='http://www.w3.org/2000/svg' fill='%23FFC806'%3E%3Cpath d='M6 0l1.347 4.146h4.36L8.18 6.708l1.347 4.146L6 8.292l-3.527 2.562L3.82 6.708.294 4.146h4.359L6 0z'/%3E%3C/svg%3E") 50% no-repeat } .offers-list__rating-car { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .offers-list__price { font-weight: 700; line-height: normal; font-size: 1.5rem; color: lightslategray } .offers-list__actions { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 25%; border-left: 1px solid #e5e5e5; padding: 10px } .offers-list__btns { width: 100% } .offers-list__btns-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; letter-spacing: .07em } .offers-list__btns-white { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #000; background: #fff; color: #EB702D; border: 1px solid #EB702D; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; 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; height: 35px; width: 100%; margin-bottom: 13px } .offers-list__btns-white:hover { background: #EB702D; color: #fff; border: 1px solid transparent; background: #daecf8; color: #EB702D; border: 1px solid #EB702D } .offers-list__btns-white_car { width: 47% } .offers-list__btns-blue { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #000; background: #EB702D; color: #fff; border: 1px solid transparent; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; 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; height: 35px; width: 100% } .offers-list__btns-blue:hover { background: #EB702D; color: #fff; border: 1px solid transparent; background: transparent; color: #EB702D; border: 1px solid #EB702D } .offers-list__btns-blue_car { width: 47% } .offers-list__city { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .offers-list__city>* { margin-right: 5px } .offers-list__desc { line-height: 1.4375rem; font-size: .875rem; color: #75869a } .mobile-cars { display: none } .offers { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 10px; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 10px } .offers.offers--close { display: none } .offers__list { margin-top: 21px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .transports__list { margin-top: 21px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .companies__list { margin-top: 21px; display: flex; flex-flow: row wrap; justify-content: flex-start; width: 100% } .offers__item { border: 1px solid #b8c1cb; border-radius: 5px; width: 31%; min-height: 352px; overflow: hidden; -webkit-transition: -webkit-box-shadow .3s; transition: -webkit-box-shadow .3s; transition: box-shadow .3s; transition: box-shadow .3s, -webkit-box-shadow .3s; margin: 0 0 28px } .transport__item { border-radius: 4px; width: 370px; min-height: 352px; -webkit-transition: -webkit-box-shadow .3s; transition: -webkit-box-shadow .3s; transition: box-shadow .3s; transition: box-shadow .3s, -webkit-box-shadow .3s; margin: 0 0 28px; padding: 20px; background: #fff } .company__item { border-radius: 4px; width: 340px; min-height: 175px; -webkit-transition: -webkit-box-shadow .3s; transition: -webkit-box-shadow .3s; transition: box-shadow .3s; transition: box-shadow .3s, -webkit-box-shadow .3s; margin-bottom: 28px; padding: 0 5px 5px 15px; background: #fff; flex: 0 0 49%; position: relative; display: flex; justify-content: space-between; cursor: pointer; border-radius: 4px } .company__content-item { border-radius: 4px; width: 340px; min-height: 175px; -webkit-transition: -webkit-box-shadow .3s; transition: -webkit-box-shadow .3s; transition: box-shadow .3s; transition: box-shadow .3s, -webkit-box-shadow .3s; margin-bottom: 28px; padding: 0 5px 5px 15px; background: #fff; flex: 0 0 32%; position: relative; cursor: pointer } .company__item-top { background: linear-gradient(240.01deg, #0F276C 22.48%, #17191F 99.36%) } .company__item:nth-child(2n-1) { margin-right: 2% } .company__item-moderate { background: #fff; opacity: .6; height: 96%; width: 95%; position: absolute; z-index: 10 } .company__block-moderate { box-shadow: 0 4px 32px rgba(0, 0, 0, .08); border-radius: 4px; background: #fff; padding: 10px 0; text-align: center; width: 200px; font-style: normal; font-weight: 600; font-size: 20px; color: #17191F; left: 27%; top: 50%; position: absolute; z-index: 11 } .transport__item-right { display: flex; flex-direction: column; padding-right: 15px; padding-top: 20px; width: 100% } .transport__item-left { display: flex; padding-top: 8px; position: relative } .transport__item-statistic-wrap { display: flex; margin-left: auto } .statistic-block-view:hover~.statistic-view_count { z-index: 10; display: block; padding: 0; border: 0; left: 34%; top: 40%; background: linear-gradient(118.52deg, #F0A973 11.65%, #E97376 86.5%); box-sizing: border-box; border-radius: 12px; padding: 10px 0 3px 0; width: 50% } .statistic-block-lead:hover~.statistic-lead_count { z-index: 10; display: block; padding: 0; border: 0; left: 40%; top: 40%; background: linear-gradient(118.52deg, #F0A973 11.65%, #E97376 86.5%); box-sizing: border-box; border-radius: 12px; padding: 10px 0 3px 0; width: 50% } .statistic-block-phone:hover~.statistic-phone_count { z-index: 10; display: block; padding: 0; border: 0; left: 3%; top: 45%; background: linear-gradient(118.52deg, #F0A973 11.65%, #E97376 86.5%); box-sizing: border-box; border-radius: 12px; padding: 10px 0 3px 0; width: 50% } .dropdown-wrap-top:hover~.top-preview-hint { z-index: 10; display: block; padding: 0; border: 0; left: 102%; top: -28%; background: linear-gradient(118.52deg, #F0A973 11.65%, #E97376 86.5%); box-sizing: border-box; border-radius: 12px; width: 60%; height: 154%; padding: 10px 10px 0 10px } .top-preview-hint video { max-width: 100% } .dropdown-menu-statistic-modal-title { font-style: normal; font-weight: 400; font-size: 16px; align-items: center; text-align: center; color: #FFF } .dropdown-menu-statistic-modal-title-advert { padding: 10px 10% 0 10% } .dropdown-menu-statistic-modal-circle { position: absolute; width: 12px; height: 12px; background: linear-gradient(118.52deg, #F0A973 11.65%, #E97376 86.5%); border-radius: 50%; left: 47%; top: 85% } .dropdown-menu-statistic-modal-circle-advert { position: absolute; width: 12px; height: 12px; background: linear-gradient(118.52deg, #F0A973 11.65%, #E97376 86.5%); border-radius: 50%; left: 47%; top: 97% } .transport__item-header-button:hover~.dropdown-menu-order-hint-modal { z-index: 10; display: block; padding: 0; border: 0; left: 34%; top: -195%; background: linear-gradient(118.52deg, #F0A973 11.65%, #E97376 86.5%); box-sizing: border-box; border-radius: 12px; padding: 10px 0 15px 0; width: 66% } .dropdown-menu-order-hint-modal-title { font-style: normal; font-weight: 600; font-size: 16px; align-items: center; text-align: center; color: #FFF; margin-bottom: 10px } .dropdown-menu-order-hint-modal-subtitle { font-style: normal; font-weight: 400; font-size: 14px; align-items: center; text-align: center; color: #FFF; margin: 0 } .transport__item-statistic-block { display: flex; margin-left: 10px } .transport__item-statistic-eye { margin-right: 8px; margin-bottom: 2px; width: 20px; margin-bottom: 10px; margin-top: 4px } .transport__item-statistic-eye-chat { margin-right: 8px; margin-bottom: 2px } .transport__item-statistic-t-icon { margin-right: 10px; margin-bottom: 10px; width: 10px } .transport__item-statistic-number { font-style: normal; font-weight: 400; font-size: 14px; color: #B8C1CB; margin-bottom: 0 } .transport__item-statistic-number-white { color: #fff } .transport__item-right-bottom { display: flex; margin-top: auto; flex-wrap: wrap } .transport__item-right-bottom-related { display: flex; margin-top: auto; flex-wrap: wrap; flex-direction: column } .transport-advert__item-name { font-style: normal; font-weight: 400; font-size: 14px; color: #B8C1CB } .transport__item-header { display: flex; justify-content: space-between; margin-bottom: 5px; flex-wrap: wrap } .transport__item-header-image-block { display: flex; margin: 10px 25px 10px 10px; height: 100% } .transport__item-header-image { height: 30px; margin-right: 20px } .company__top_service_name { font-style: normal; font-weight: 400; font-size: 14px; color: #9FA7B3; border: 1px solid #D5D5D5; display: inline; padding: 10px 10px 10px 10px } .company__top_service_model-title { font-style: normal; font-weight: 400; font-size: 14px; color: #B8C1CB; margin-top: 20px } .company__top-logo-name-block { display: flex; margin-bottom: 20px; margin-top: 8px } .offers__item:hover { -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .25); box-shadow: 0 4px 15px rgba(0, 0, 0, .25) } .transport__item:hover { -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .25); box-shadow: 0 4px 15px rgba(0, 0, 0, .25) } .company__item:hover { -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .25); box-shadow: 0 4px 15px rgba(0, 0, 0, .25); border: 1px solid #EB702D } .offers__item-photo { width: 100%; height: 190px; 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; overflow: hidden; position: relative } .transport__item-photo { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; outline-color: #fff; outline-style: auto } .transport__item-photo-block { width: 175px; max-height: 150px; position: relative; overflow: hidden; outline-color: #fff; outline-style: solid } .transport__item-photo-block-top { border-radius: 50% } .company__item:hover .btn-advert { display: block } .company__content-item:hover .btn-advert { display: block } .offers__item-photo img { width: 100%; height: 100% } .transport__item-top { display: flex; outline: none; flex-direction: column } .transport__item-header-block { width: 100%; display: flex; margin-top: 20px; justify-content: space-between; margin-bottom: 10px } .transport__item-photo img { width: 100%; height: 100% outline-color:#fff; outline-style: auto } .transport__item-name { font-style: normal; font-weight: 600; font-size: 22px; color: #17191F; word-break: break-word } .transport-advert__item-name-category { font-style: normal; font-weight: 400; font-size: 14px; color: #B8C1CB; margin-bottom: 5px; word-break: break-word } .transport-advert__item-title { font-style: normal; font-weight: 600; font-size: 16px; color: #17191F; word-break: break-word; margin-bottom: 10px } .transport-advert__item-name-category-top { color: #9AA7B6 } .transport-advert__item-title span { font-style: normal; font-weight: 600; font-size: 16px; color: #B8C1CB; word-break: break-all } .transport__item-price { font-style: normal; font-weight: 400; font-size: 16px; color: #17191F } .transport__item-description { font-style: normal; font-weight: 400; font-size: 16px; color: #17191F; height: 45px; word-break: break-all } .transport__item-company_service { font-style: normal; font-weight: 400; font-size: 14px; color: #17191F; word-break: break-word; margin: 0 } .transport__item-company_freedom { font-style: normal; font-weight: 600; font-size: 16px; color: #17191F } .offers__favorite { width: 25px; height: 25px; background: rgba(0, 0, 0, .5); border-radius: 3px; padding: 0; cursor: pointer; outline: none; position: absolute; top: 14px; right: 4%; 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 } .offers__icon { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='16' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M8.5 1.618l1.433 4.41.112.345h5L11.294 9.1 11 9.312l.112.346 1.433 4.41-3.751-2.726-.294-.213-.294.213-3.751 2.726 1.433-4.41L6 9.312 5.706 9.1 1.955 6.373h5l.112-.345L8.5 1.618z' stroke='%23fff'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100%; width: 20px; height: 20px } .offers__icon--active, .offers__icon:hover { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='16' xmlns='http://www.w3.org/2000/svg' fill='%23FFC806'%3E%3Cpath d='M8.5 1.618l1.433 4.41.112.345h5L11.294 9.1 11 9.312l.112.346 1.433 4.41-3.751-2.726-.294-.213-.294.213-3.751 2.726 1.433-4.41L6 9.312 5.706 9.1 1.955 6.373h5l.112-.345L8.5 1.618z' stroke='%23fff'/%3E%3C/svg%3E") 50% no-repeat } .offers-company__icon--active, .offers-company-list__icon:hover { background: url(../img/favourite-active.svg) 50% no-repeat } .offers-company__icon--medal-7 { background: url(../img/military-medal.svg) 50% no-repeat } .offers-company__icon--medal-30 { background: url(../img/military-medal-small-30.svg) 50% no-repeat } .offers-company__icon--smile-3 { background: url(../img/smile.svg) 50% no-repeat } .offers-company__icon--smile-7 { background: url(../img/smile-small-7.svg) 50% no-repeat } .offers-company__icon--smile_30 { background: url(../img/smile-small-30.svg) 50% no-repeat } .offers-company__icon--star-3 { background: url(../img/star.svg) 50% no-repeat } .offers-company__icon--star-7 { background: url(../img/star-small-7.svg) 50% no-repeat } .offers-company__icon--star-30 { background: url(../img/star-small-30.svg) 50% no-repeat } .offers__item-card { padding: 15px 27px } .transport__item-body { margin-top: auto } .offers__item-info { margin-bottom: 15px } .transport__item-info { display: flex; justify-content: space-between; margin-top: 30px } .offers__item-title { font-weight: 700; font-size: .875rem; color: #000 } .transport__item-title { font-weight: 700; font-size: .875rem; color: #000 } .offers__item-rating { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 5px 0 } .transport__item-rating { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 5px 0 } .transport__item-body-name { font-weight: 600; font-size: 20px; color: #151616; margin-bottom: 10px; margin-top: 20px } .transport__item-body-category { font-style: normal; font-weight: 600; font-size: 24px; color: #151616; margin-top: 30px; display: inline-block } .transport__item-body-description { font-style: normal; font-weight: 400; font-size: 16px; color: #151616 } .ofers__stars { padding: 0 8px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 8px } .ofers__rating { width: 12px; height: 12px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='11' xmlns='http://www.w3.org/2000/svg' fill='%23B8C1CB'%3E%3Cpath d='M6 0l1.347 4.146h4.36L8.18 6.708l1.347 4.146L6 8.292l-3.527 2.562L3.82 6.708.294 4.146h4.359L6 0z'/%3E%3C/svg%3E") 50% no-repeat } .ofers__rating:first-child, .ofers__rating:nth-child(2) { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='11' xmlns='http://www.w3.org/2000/svg' fill='%23FFC806'%3E%3Cpath d='M6 0l1.347 4.146h4.36L8.18 6.708l1.347 4.146L6 8.292l-3.527 2.562L3.82 6.708.294 4.146h4.359L6 0z'/%3E%3C/svg%3E") 50% no-repeat } .offers__item-price-subtext { font-size: .625rem; color: #75869a } .transport__item-price-subtext { font-size: .625rem; color: #75869a } .offers__item-price-text { font-weight: 700; line-height: normal; font-size: 1.25rem; color: #EB702D } .transport__item-price-text { font-weight: 700; line-height: normal; font-size: 1.25rem; color: #EB702D } .ofers__btn.btn { border-radius: 5px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; cursor: pointer; outline: none; min-height: 40px; font-size: .75rem; padding: 10px; min-width: 0; background: #dde5eb; color: #000; border: 1px solid #dde5eb } .ofers__btn.btn:hover { border: 1px solid transparent; background: #EB702D; color: #fff } .company__top_block { display: flex; justify-content: space-between } .company__top_left { width: 52% } .company__top_right { width: 45% } .company__top_name { font-style: normal; font-weight: 600; font-size: 32px; color: #000; word-break: break-word } .company__top_title { font-style: normal; font-weight: 600; font-size: 24px; color: #151616; margin-bottom: 10px; display: inline-block } .company__top_price { font-style: normal; font-weight: 400; font-size: 24px; color: #000 } .company__top_description-title { font-style: normal; font-weight: 400; font-size: 16px; color: #B8C1CB; margin-bottom: 8px } .company__top_description { font-style: normal; font-weight: 400; font-size: 16px; color: #151616; width: 60%; display: block } .company__top_contact { font-style: normal; font-weight: 600; font-size: 24px; color: #151616; margin-top: 30px; margin-bottom: 10px } .company__top_phone { font-weight: 400; font-size: 16px; color: #151616; margin-right: 20px } .company__top_address { font-weight: 400; font-size: 16px; color: #151616 } .company__top_buttons-block { margin-top: 15px; margin-bottom: 30px; display: flex } .company__top_buttons-block-phone { margin-top: 15px; margin-bottom: 30px; display: flex } .order-margin-style { margin-right: 5% } .transport__item-phone-button { font-style: normal; font-weight: 400; font-size: 16px; color: #17191F; cursor: pointer; line-height: 48px } .company__content { margin-top: 75px } .company__item-button { width: 24%; padding: 15px 0 35px 0 } .company__content-title { font-style: normal; font-weight: 600; font-size: 24px; color: #151616; margin-bottom: 25px } .company__content-block { margin-top: 15px } .company__content-list { display: flex; flex-flow: row wrap; justify-content: flex-start; width: 100% } .company-advert-modal-link { display: flex; justify-content: flex-end; cursor: pointer } .company__content-item:hover { -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .25); box-shadow: 0 4px 15px rgba(0, 0, 0, .25) } .company__content-item:nth-child(3n-1) { margin-left: 2%; margin-right: 2% } .company__content-item-block { display: flex; justify-content: space-between; height: 100% } .company__top_right__content-item { width: 100%; height: 100%; margin-bottom: 35px } .advert__content-item { width: 310px; height: 100%; margin-right: 20px; margin-bottom: 35px; border: 1px solid #b8c1cb; border-radius: 5px; -webkit-transition: -webkit-box-shadow .3s; transition: -webkit-box-shadow .3s; transition: box-shadow .3s; transition: box-shadow .3s, -webkit-box-shadow .3s; position: relative; background: #fff } .company__item-photo { width: 100%; height: 170px; background-repeat: no-repeat; background-position: center; background-size: cover } .company__top_right__item-photo { width: 100%; height: 360px; background-repeat: no-repeat; background-position: center; background-size: cover } .company__item-name { font-style: normal; font-weight: 600; font-size: 20px; color: #17191F; word-break: break-all; margin-top: 15px } .company__top_right__item-name { font-style: normal; font-weight: 600; font-size: 20px; color: #17191F; word-break: break-all; margin-top: 15px } .company__item-year { font-style: normal; font-weight: 400; font-size: 16px; color: #17191F; word-break: break-all; margin-top: 10px } .company__item-description { font-style: normal; font-weight: 400; font-size: 16px; color: #17191F; word-break: break-all; margin-top: 14px } .company__top_right__item-description { font-style: normal; font-weight: 400; font-size: 16px; color: #17191F; word-break: break-all; margin-top: 14px } .company__item-price { font-style: normal; font-weight: 600; font-size: 20px; color: #17191F; margin-top: 14px } .company__top_right__item-price { font-style: normal; font-weight: 600; font-size: 20px; color: #17191F; margin-top: 14px } .filter__company-category { display: flex; justify-content: space-between; width: 250px; position: relative; flex-direction: column } .filter__chat-category { display: flex; justify-content: space-between; width: 275px; position: relative; flex-direction: column; min-height: 100%; background: #F0EAD7; align-self: stretch; border-radius: 16px 0 0 16px } .slider-chat-banner { display: none !important } .company_filter__all { position: relative; z-index: 10; max-height: 160px; margin-bottom: 25px } .banner-block { margin-bottom: 20px; width: 100%; border-radius: 50px; overflow: hidden } .banner-block-wrap { position: relative } .banner-block-title { font-style: normal; font-weight: 400; font-size: 20px; color: #FFF; position: absolute; top: 30%; left: 5%; z-index: 1 } .banner-top-block-title { font-style: normal; font-weight: 500; font-size: 20px; color: #FFF; position: absolute; top: 48%; left: 12%; z-index: 1 } .banner-top-block-name { font-style: normal; font-weight: 600; font-size: 16px; color: #FFF; position: absolute; top: 84%; left: 12%; z-index: 1 } .banner-block-link { text-decoration: initial; color: #fff; border-bottom: 1px solid #fff; padding-bottom: 10px } .banner-block-link:hover { color: #F4C367; border-bottom: 1px solid #F4C367; text-decoration: none } .banner-top-block { margin-bottom: 20px; width: 100%; overflow: hidden; cursor: pointer } .banner-telegram-block { cursor: pointer; width: 100px%; background-image: url(../img/banner-telegram-advert.jpg); background-repeat: no-repeat; background-size: auto; height: 100%; background-position: 0 80%; border-bottom-left-radius: 16px; background-color: #F9F6ED } .banner-telegram-link { height: 100%; position: relative } .banner-telegram-block img { width: 100%; height: 100% } .telegram-hand-image { position: absolute; right: 5%; top: 90% } .banner-middle-block { margin-bottom: 40px; width: 100% } .banner-bottom-block { margin-bottom: 40px; width: 100% } .banner-block img { border-radius: 50px; width: 100% } .banner-bottom-block img, .banner-middle-block img, .banner-top-block img { width: 100% } .filter__company-category-mobile-service-block { display: none } .account-menu-chat-mobile, .banner-menu-chat-mobile { display: none } .mobile-chat-margin { margin-bottom: 80px !important } .filter__company-category-mobile { display: none; justify-content: space-between; position: relative } .filter__company-category-mobile-service-button { font-style: normal; font-weight: 500; font-size: 14px; color: #17191F; display: inline } .company_filter__row { width: 100%; background: #f5f5f5 } .company-filter__btn-clear { font-style: normal; font-weight: 400; font-size: 16px; line-height: 21px; color: #EB3232 } .company-main-content-top { display: flex; justify-content: space-between } .company-main-content-top-buttons { display: flex; align-items: end } .company-main-content-chat-buttons { display: flex; align-items: center } .chat-wrap-block { min-height: 250px; background: none; position: relative; border-radius: 0; box-shadow: none; border-left: 0; border-right: 0; border-radius: 0 16px 16px 0; background-repeat: no-repeat; background-position: center; background-size: cover } .chat-list { padding: 16px; display: flex; flex-direction: column; overflow-y: scroll; height: 85vh } .chat-list-wrap { display: flex } .chat-item { background: #FFF; border-radius: 16px 16px 16px; width: 90%; padding: 10px 0 0; margin-bottom: 10px; position: relative } .chat-item a { margin: 0; display: block; width: 100%; height: 100%; text-decoration: none } .request-lead-info-block { background: #F9F9F9; border-radius: 16px 16px 16px; width: 100%; padding: 12px 10px 0 12px; display: flex; flex-direction: row; justify-content: space-between; border-bottom: 1px solid #ddd } .request-lead-info-block-wrap { display: flex; width: 100% } .chat-body-head { margin-left: 20px; width: 100% } .chat-statistic-block { display: flex } .chat-statistic { font-style: normal; font-weight: 400; font-size: 14px; color: #9AA7B6; align-self: baseline; margin-right: 10px } .chat-statistic:last-of-type { margin-right: 20px } .chat-statistic-remove-link { align-self: baseline; font-weight: 400; font-size: 14px; color: #FF6464 } .request-lead-info-block-chat { display: flex; background: #F9F6ED; justify-content: space-between; padding: 8.5px 24px; border-bottom: 1px solid #c8c8c8; border-top-right-radius: 16px } .request-lead--back-bock { display: flex } .request-lead--orders-block { display: flex; justify-content: center } .request-lead--back-title { font-weight: 500; font-size: 20px; color: #000; align-self: center; margin-left: 20px } .btn-request-lead--back { box-sizing: border-box; border-radius: 4px; height: 35px; line-height: 0; background: inherit; padding: 7px 13px 20px 12px; font-style: normal; font-size: 16px; color: #17191F; border: 1px solid #272D31; border-radius: 25px; font-weight: 600; font-size: 14px; color: #272D31 } .request-lead-return-button { position: absolute; left: 4% } .request-lead-search-mobile-block { position: absolute; right: 4%; bottom: 0% } .chat-desc-btn-block { display: flex; justify-content: space-between; align-items: end; padding-right: 10px; padding-bottom: 5px } .chat-body-right-btn { background: #E86E1D; border-radius: 8px; color: #fff; padding: 1px 11px } .chat-item-profile-block { margin-right: 10px } .chat-item-self { background: #E86E1D; align-self: end } .chat-list-wrap-self { align-self: end } .header-chat { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 5px; padding: 0 10px } .request-header-chat { display: flex; margin-bottom: 10px; justify-content: space-between; flex-wrap: wrap } .request-header-chat-phone-block { display: flex } .chat-statistic-hide { display: none } .request-lead-chat-block { position: relative; height: 85vh } .block-finished-chat { margin: auto; display: flex; padding: 20px; background: #fff; font-size: 18px; justify-content: center; align-items: center } .chat-username { font-style: normal; font-weight: 400; font-size: 16px; color: #FF6464 } .chat-username::before { content: url(../images/icons/chat-icon-profile.svg); margin-right: 10px } .chat-time-statistic-block { display: flex; align-items: center } .chat-item-self .chat-username { color: #fff } .chat-item-self .chat-username::before { content: url(../images/icons/chat-icon-profile-self.svg); margin-right: 10px } .request-header-chat .chat-username { margin-right: 10px; margin-bottom: 0 } .chat-time { font-style: normal; font-weight: 400; font-size: 14px; color: #9AA7B6 } .chat-phone { font-style: normal; font-weight: 400; font-size: 14px; color: #9AA7B6; cursor: pointer } .chat-item-self .chat-time { color: #fff } .chat-title { font-style: normal; font-weight: 600; font-size: 18px; color: #22252C; margin-bottom: 5px; padding-left: 9px } .chat-title::before { content: url(../images/icons/chat-icon-title.svg); margin-right: 6px } .chat-item-self .chat-title { color: #fff } .chat-item-self .chat-title::before { content: url(../images/icons/chat-icon-title-self.svg); margin-right: 6px } .chat-description { font-style: normal; font-weight: 400; font-size: 14px; color: #17191F; word-break: break-word; padding: 0 10px } .chat-description::before { content: url(../images/icons/chat-icon-desc.svg); margin-right: 10px } .chat-item-self .chat-description { color: #fff } .chat-routing { font-style: normal; font-weight: 600; font-size: 14px; color: #17191F; word-break: break-word; padding: 0 10px } .chat-routing::before { content: url(../images/icons/chat-routing.svg); margin-right: 4px } .chat-item-self .chat-routing { color: #fff } .chat-item-self .chat-routing::before { content: url(../images/icons/chat-routing-self.svg); margin-right: 4px } .chat-item-self .chat-description::before { content: url(../images/icons/chat-icon-desc-self.svg); margin-right: 10px } .chat-response-wrap { border-top: 1px solid #E9ECEE; padding: 13px 10px 10px 10px; display: flex; justify-content: space-between; align-items: center; margin: 0 20px } .chat-response-count { font-style: normal; font-weight: 500; font-size: 16px; color: #EB702D; margin-left: 25px } .chat-item-self .chat-response-count { color: #fff } .chat-answer-block { background: #F9F9F9 } .chat-item-self .chat-answer-block { background: #D95E0C } .chat-answer-wrap { padding: 10px 5px 10px 14px; display: flex; margin-bottom: 5px } .chat-answer-wrap::before { content: ""; display: block; width: 2px; height: 45px; background: #E86E1D } .chat-item-self .chat-answer-wrap::before { background: #FFF } .chat-answer-block-item { width: 100%; padding-left: 15px } .chat-answer-username { font-style: normal; font-weight: 400; font-size: 16px; color: #E86E1D } .chat-item-self .chat-answer-username { color: #fff } .chat-answer-description { font-style: normal; font-weight: 400; font-size: 16px; color: #17191F; word-break: break-word; margin: 0 } .chat-item-self .chat-answer-description { color: #fff } .chat-panel-footer { background: none; padding: 2px 20px 15px 15px; width: 100%; border-bottom-right-radius: 16px } .btn-chat-send { background: #EB702D; border-radius: 50%; width: 32px; height: 32px } .btn-chat-input-text { padding: 10px 10px; font-style: normal; font-weight: 500; font-size: 14px; color: #FFF; background: rgb(254, 97, 11); border-radius: 16px; margin: 2px 0; text-transform: uppercase; box-shadow: 0 10px 30px rgb(0 0 0 / 5%), 0 3px 15px rgb(0 0 0 / 15%) } .btn-chat-input-text svg { margin-bottom: -2px; margin-right: 5px } .btn-chat-input-text:hover { background: #fff; font-weight: 600 } .chat-input-text { background: #fff; border-radius: 24px; padding: 16px 60px 13px 20px; width: 100%; border: 0 } .btn-chat-input-text:hover path { stroke: #EB702D } .btn-chat-input-text:hover { background: rgb(247, 247, 247) } .input-group-chat-btn { left: -4% } .modal-hint-guest { width: 100%; height: 100%; line-height: 60px; display: none; border: 1px solid black; text-align: center; position: absolute; bottom: 0%; background: #fff; border-radius: 8px; border: 1px solid #d8d8d8 } .modal-hint-guest-block { display: flex; height: 100%; flex-direction: column; justify-content: center; align-items: center; width: 50%; margin: 0 auto } .modal-hint-guest-image { align-self: center } .modal-hint-guest-block-login { width: 82%; display: flex; justify-content: space-around; margin-top: 20px } .modal-hint-guest-link { color: #FFF; box-sizing: border-box; text-align: center; font-weight: 500; font-size: 16px; background: #F08920; border: 1px solid #F08920; border-radius: 24px; padding: 14px 30px } .modal-hint-guest-link:hover { background: #FFF; color: #F08920 } .modal-hint-guest-link-login { color: #F08920; box-sizing: border-box; text-align: center; font-weight: 500; font-size: 16px; background: #FFF; border: 1px solid #F08920; border-radius: 24px; padding: 14px 85px; margin-right: 10px } .modal-hint-guest-link-login:hover { background: #F08920; color: #FFF } .modal-hint-guest-text { font-style: normal; font-weight: 600; font-size: 22px; color: #22252C; margin: 0; line-height: 27px } .menu-bottom-mobile-wrap { width: 100%; position: fixed; bottom: 0; z-index: 999;} .menu-bottom-mobile-block {max-width: 100%;width: 94%;margin: 10px;border-radius: 0;background: transparent;box-shadow: 0px 12px 32px 0px rgba(0, 0, 0, 0.12); } .menu-bottom-mobile-list {display: block;padding: 4px 4px;margin: 0px;background: #fff;border-radius: 8px;} .menu-bottom-mobile-item { width: 50%; } .menu-bottom-mobile-item {text-align: center;width: 100%;position: relative;} .menu-bottom-mobile-title { margin: 0; font-style: normal; font-weight: 500; font-size: 12px; color: #22252C; margin-top: 5px; line-height: 14px } .menu-bottom-mobile-link {align-items: center } .menu-bottom-mobile-title:hover { color: #FF8001 } .menu-bottom-mobile-item:hover path { stroke: #FF8001 } .menu-bottom-mobile-item:hover .fill-svg-color { fill: #FF8001 } .menu-bottom-mobile-item:hover rect { stroke: #FF8001 } .menu-bottom-mobile-item:hover circle { stroke: #FF8001 } .menu-subcategory-mobile-wrap { padding: 12px 0 0 0; background: #ECECEC; border-radius: 15px 15px 0 0 } .cupertino-pane-wrapper .draggable { background: #ECECEC; border-radius: 15px 15px 0 0 } .bystr_zakaz_block2 { background: #EB702D; border-radius: 16px; padding: 15px 15px 0 15px !important; margin: 15px !important } .bystr_zakaz_block_h4 { font-weight: 500; font-size: 24px; line-height: 32px; color: #292D32 } .width100 { width: 100% !important } .bystr_zakaz_block_div { padding: 0; margin-top: 20px } .menu-subcategory-mobile-block { width: 100% } .menu-subcategory-mobile-header { font-style: normal; font-weight: 600; font-size: 24px; color: #22252C; padding-left: 24px } .menu-subcategory-mobile-list { display: flex; flex-direction: column } .menu-subcategory-mobile-item { background: #ECECEC; border-bottom: 1px solid #ECECEC } .menu-subcategory-mobile-item:hover { background: #EB702D } .menu-subcategory-mobile-item-active { background: #EB702D } .menu-chat-mobile-link { padding: 20px 24px 20px 24px; display: block; font-style: normal; font-weight: 400; font-size: 16px; align-items: center; color: #000 } .menu-chat-mobile-link:hover, .menu-chat-mobile-link:active, .menu-chat-mobile-link:focus { color: #fff } .menu-category-mobile-sub-block, .menu-service-mobile-sub-block { display: block } .request-lead-wrap, .request-notif-wrap, .request-lead-after-wrap, .request-lead-after-guest-wrap, .request-lead-alternative-create-wrap, .request-lead-alternative-wrap { width: 100%; bottom: 0; height: 100%; display: none; position: absolute; z-index: 3 } .request-lead-alternative-wrap, .request-lead-alternative-create-wrap { z-index: 4 } .request-lead-alternative-mobile-create-wrap, .request-lead-alternative-mobile-wrap { width: 100%; bottom: 0; height: 100%; display: none; position: absolute; z-index: 99 } .lead-alternative-subitem-show { display: none } .request-lead-after-btn-block { display: flex; ; justify-content: space-between; align-items: center } .request-lead-after-link { font-style: normal; font-weight: 400; font-size: 13px; color: #EB702D } .request-lead-container-block-item { display: flex; justify-content: space-between; height: 100% } .request-lead-container-block-item-alternative { display: flex; flex-direction: column; width: 100%; align-items: center; padding: 50px 50px } .lead-alternative-list { display: flex; flex-direction: column; margin-top: 35px; width: inherit } .lead-alternative-item { display: flex; margin-bottom: 40px } .lead-alternative-title { font-style: normal; font-weight: 500; font-size: 20px; color: #17191F } .lead-alternative-sublist { display: flex; flex-wrap: wrap; margin-top: 10px } .lead-alternative-sublink { font-style: normal; font-weight: 500; font-size: 15px; color: #17191F } .lead-alternative-sublink-more { font-style: normal; font-weight: 400; font-size: 14px; color: #000; cursor: pointer } .lead-alternative-image { width: 7%; margin-right: 20px; align-self: flex-start } .lead-alternative-subitem:after { content: ""; width: 4px; height: 4px; border-radius: 50%; background: #A9AEB9; display: inline-block; margin: 0 15px; margin-bottom: 3px } .lead-alternative-subitem:last-child:after { content: ""; width: 0; height: 0; margin: 0 } .show_more { cursor: pointer; font-style: normal; font-weight: 400; font-size: 16px } .request-lead-container-block-item-left { width: 54%; padding-top: 30px } .request-lead-container-block-item-left img { display: none } .request-lead-container-block-item-right { height: 100% } .request-lead-container-block-item-right img { height: 100% } .request-lead-wrap-empty { width: 100%; bottom: 0; height: 100%; position: absolute; z-index: 3 } .btn-atlernative { position: absolute; bottom: 0%; left: 33% } .request-lead-wrap-empty img { width: 100%; height: auto } .request-lead-wrap-empty h3 { font-style: normal; font-weight: 600; font-size: 28px; color: #000; margin-top: 5%; margin-left: 5% } .request-lead-wrap-empty span { margin-left: 5%; width: 345px; font-style: normal; font-weight: 500; font-size: 18px; color: #000; display: block } .request-lead-container { padding: 0; height: 100%; background: #F9F6ED; display: flex; flex-direction: column } .request-lead-close, .request-notif-close, .request-lead-login-guest-close, .request-lead-login-close, .request-lead-alternative-close, .request-lead-alternative-create-close { cursor: pointer; position: absolute; top: 2%; right: 1%; width: 35px; height: 35px; background: #fff; border-radius: 25px; padding: 10px } .request-lead-alternative-mobile-create-close, .request-lead-alternative-mobile-close { cursor: pointer; position: absolute; top: 2%; right: 1%; width: 25px; height: 25px } .request-answer-close { cursor: pointer; position: absolute; top: 15%; right: 1%; width: 25px; height: 25px } .request-lead-title { font-style: normal; font-weight: 600; font-size: 24px; color: #22252C; margin-bottom: 40px; padding-left: 0; text-align: center } .request-lead-title-alternative { font-style: normal; font-weight: 600; font-size: 24px; color: #22252C } .request-lead-description { margin-bottom: 10px; padding-left: 40px; font-style: normal; font-weight: 400; font-size: 16px; color: #17191F } #chat-category-request { padding-left: 0 } .request-lead-input-price { background: #FFF; border: 1px solid #E9ECEE; box-sizing: border-box; border-radius: 4px; width: 100%; padding: 10px 13px 10px 20px } .request-lead-input-phone { border: 1px solid #E9ECEE } .phone-express-input { border: none; border-bottom: 1px solid #E9ECEE; width: 100% } #chat-category-request .select2-container--krajee .select2-selection--single { height: 40px; border: 1px solid #E9ECEE } #chat-category-request .select2-container--krajee .select2-selection--single .select2-selection__placeholder { color: #999 !important; font-weight: 300; font-family: 'SF UI Text', OpenSans-Regular, Helvetica, sans-serif } .margin-bottom-15 { margin-bottom: 15px } .request-lead-input-description { background: #FFF; border: 1px solid #E9ECEE; box-sizing: border-box; border-radius: 4px; padding: 10px 13px 10px 20px; margin-bottom: 10px; width: 100% } .request-lead-sub-container { margin-bottom: 15px } .company_search_service-list { display: flex; flex-wrap: wrap; flex-direction: column; margin-bottom: 20px } .chat_search_service-list { display: flex; flex-wrap: wrap; flex-direction: column; margin-bottom: 20px } .company_search_service-item-title { font-style: normal; font-weight: 600; font-size: 18px; color: #17191F; background: #F9F1DA; padding: 20px 10px 15px 26px } .company_search_service-item { width: 250px; padding-left: 5px; background: #F9F1DA } .chat_search_service-item { width: 250px; padding-left: 5px; background: #F9F1DA } .company_search_service-item:hover { background: #F3E5BA } .company_search_service-item-active { background: #F3E5BA } .company_search_service-item-link { display: block; font-style: normal; font-weight: 400; font-size: 14px; color: #17191F; padding: 15px 5px 15px 5px } .company_search_service-item-link-favorite { color: #B8C1CB } .account-menu__chat-title { font-weight: 600; font-size: 15px; font-family: 'SF UI Text', OpenSans-Regular, Helvetica, sans-serif; font-style: normal; color: #17191F; margin: 0; margin-right: 27px; text-align: start; max-width: 70% } .account-menu__chat-title-link { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 96%; padding: 14px 12px 12px 12px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; outline: none; background: #fff; margin: 5px; color: #17191F; text-decoration: none; font-weight: 600; border-radius: 10px } .account-menu__chat-title-link:hover { color: #17191F; text-decoration: none } .account-menu__chat-icon { margin-right: 5px; width: 15%; position: absolute; right: 0; margin-right: 15% } .account-menu__chat-title-link-btn { background: #fff !important; border-radius: 10px !important; margin: 5px !important } .company-item-link-active { background: #F3E5BA; font-style: normal } .company_search_service-item-link:hover { color: #17191F; text-decoration: none; cursor: pointer; font-style: normal } .menu-chat-mobile-block { width: 100% } .menu-chat-mobile-list { display: flex; flex-wrap: wrap } .menu-chat-mobile-item { width: 49.4%; background: #fff; margin: 1px; padding-top: 20px; padding-left: 15px; padding-bottom: 12px; padding-right: 5px } .menu-chat-mobile-item-link { padding: 0 } .menu-chat-mobile-item:hover { background: #EB702D } .menu-chat-mobile-item-active { background: #EB702D } .menu-chat-mobile-img { margin-bottom: 15px; max-width: 110px } .menu-chat-mobile-header { font-style: normal; font-weight: 600; font-size: 20px; color: #17191F; margin-left: 15px } .menu-chat-mobile-title { font-style: normal; font-weight: 500; font-size: 16px; color: #22252C; margin: 0 } .menu-chat-mobile-title-link { display: block; padding-top: 20px; padding-left: 15px; padding-bottom: 12px; padding-right: 10px; width: 100%; height: 100%; text-decoration: none; color: #22252C; font-weight: 500; font-style: 16px } .menu-chat-mobile-title-link:hover, .menu-chat-mobile-title-link:active { text-decoration: none; color: #22252C } .mobile-sub-header-block { position: relative; display: none; background: #F9F9F9; height: 35px; padding: 10px 0 10px 0 } .mobile-sub-header-title { font-style: normal; font-weight: 600; font-size: 16px; color: #22252C; margin: 0 auto; align-self: center } .mobile-icon-online { width: 16px; height: 16px; display: inline-block; border-radius: 50%; background: #18D014; margin-right: 10px } .file-preview-image { width: 100%; height: 100% } .pagination { margin-bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .pagination__wrapper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-radius: 5px; border: 1px solid #b8c1cb; height: 35px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden } .pagination__next-page, .pagination__prev-page { min-width: 36px; 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; height: 100% } .pagination__next-page:hover, .pagination__prev-page:hover { background-color: #b8c1cb } .pagination__next-page:hover>.pagination__icon, .pagination__prev-page:hover>.pagination__icon { fill: #fff } .pagination__prev-page { border-right: 1px solid #b8c1cb } .pagination__next-page { border-left: 1px solid #b8c1cb } .pagination__count-link, .pagination__first-page, .pagination__last-page { min-width: 28px; height: 100%; 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; color: #000 } .pagination__count-link:hover, .pagination__count-link_active, .pagination__first-page:hover, .pagination__first-page_active, .pagination__last-page:hover, .pagination__last-page_active { background: #b8c1cb; color: #fff } .pagination__count-list { height: 100% } .pagination__count-list, .panel { display: -webkit-box; display: -ms-flexbox; display: flex } .panel { -webkit-box-shadow: none; box-shadow: none; border-radius: 4px; background: #fff !important; border: none; webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 655px } .panel_signin { min-height: 385px } .panel_step-3 { min-height: 625px } .panel__container { max-width: 1200px; width: 100%; padding: 0; border-radius: 25px } .panel__container_block { max-width: 1200px; width: 40%; padding: 0 } .panel__header { height: 90px; width: 100%; background: #EB702D; border-radius: 5px 5px 0 0; 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; position: relative; border-bottom: 5px solid #EB702D; padding-top: 0px } .panel__header_small { border-bottom: 0; height: 80px; margin-bottom: auto } .panel__header_singnin { padding-top: 0; border: none; border-radius: 4px 4px 0 0 } .panel__header-pic { width: 97px; height: 97px; position: absolute; left: 50%; top: -50px; -webkit-transform: translate(-50%); transform: translate(-50%) } .panel__header-pic img { width: 100%; height: 100% } .panel__header-img { width: 100% } .panel__header-title { font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: 1.125rem; font-weight: 600; color: #fff; letter-spacing: .125rem; 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; flex-direction: column } .panel__content { width: 100%; 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; min-height: 500px; padding: 20px } .panel__content_done { 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; -ms-flex-pack: distribute; justify-content: space-around; min-height: 400px } .panel__content_third { max-height: 545px; margin-top: 24px; margin-bottom: 18 } .panel__content_step-3 { min-height: 480px; margin-top: 20px } .panel__form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap } .panel__form_company { min-height: 300px; margin-left: -20px } .panel__form_company>* { margin-right: 20px } .panel__form_step-3 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal } .panel__form_step-3 .checkbox__item { margin-bottom: 18px } .panel__form_client { padding-top: 46px } .company_service-top { color: #FFF } .panel__content-title { text-align: center; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: 1.125rem; color: #75869a; margin: 9px 0 0 } .panel__content-title_supplier { margin-bottom: 27px; width: 95% } .panel__content-title_client { margin-top: 15px } .panel__btns { margin: 20px 0 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .panel__btns_sms { margin: 0 0 75px } .panel__btns_client { margin: 30px 0 } .panel__btns_client-2 { margin: 20px 0 60px } .panel__input { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 25px; margin-right: 20px; width: 50% } .panel__input_step-3 { margin-bottom: 15px; width: 50% } .panel__input_sms { width: 100%; margin: 0 0 90px } .panel__input_client { margin-bottom: 0 } .panel__count { text-align: center; margin-bottom: 5px; color: #000; font-size: .9375rem } .panel__text { 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 } .panel__text_sub { display: inline-block; margin-top: 12px; font-size: 1rem } .panel__single-btn { width: 244px } .panel__done { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .panel__done_sub { color: #75869a } .panel__done-svg { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; border: 2px solid #EB702D; width: 76px; height: 76px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='7' height='5' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M.08 2.75A.26.26 0 0 1 0 2.575.26.26 0 0 1 .08 2.4l.378-.35c.107-.1.269-.1.377 0l.027.025 1.48 1.475c.054.05.135.05.189 0L6.138.075h.027c.108-.1.27-.1.377 0l.377.35a.23.23 0 0 1 0 .35l-4.307 4.15A.254.254 0 0 1 2.423 5a.254.254 0 0 1-.188-.075l-2.1-2.1L.08 2.75z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 50%; margin-bottom: 20px } .panel__car-type { width: 100% } input.panel__flex_half, select.panel__flex_half { -webkit-box-flex: 1; -ms-flex: 1 50%; flex: 1 50% } input.panel__flex_one-third, select.panel__flex_one-third { -webkit-box-flex: 1; -ms-flex: 1 33%; flex: 1 33% } .panel__input-group { width: 100% } #mobile-checkbox, #mobile-checkbox_company { display: none } .panel__input-row { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 15px } .panel__input-row>* { margin-right: 20px } .panel__input-row>:last-child { margin-right: 0 } .panel__input-row_step-3 { margin-bottom: 0 } .panel__input-row_space { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .panel__input-row_client { margin-bottom: 40px } .panel__input-row_singnin { height: 72px; margin-bottom: 33px } .panel__photo-input { width: 100% } .panel__photo-container { width: 101px; height: 65px; overflow: hidden; 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; border-radius: 5px; margin-right: 20px; margin-bottom: 20px; position: relative } .panel__photo-container:nth-child(5n) { margin-right: 0 } .panel__add-photo { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100% } .panel__add-photo, .panel__photos-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .panel__photo-delete { position: absolute; top: 2px; right: 2px; width: 20px; height: 20px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='21' xmlns='http://www.w3.org/2000/svg' fill='%2375869A'%3E%3Ccircle cx='10.378' cy='10.365' r='10.127' fill-opacity='.7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.652 10.365l3.823 3.823a.901.901 0 0 1-1.274 1.275l-3.824-3.823-3.823 3.823a.901.901 0 0 1-1.274-1.275l3.823-3.823L5.28 6.542a.901.901 0 0 1 1.274-1.274l3.823 3.823 3.824-3.823a.901.901 0 1 1 1.274 1.274l-3.823 3.823z'/%3E%3C/svg%3E") 50% no-repeat } .panel__phones { display: none } .panel__title-phones { color: #b8c1cb; font-size: 1rem; font-size: .875rem; color: #000; text-align: center } .panel__btn-blue, .panel__title-phones { font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; line-height: normal; font-weight: 600 } .panel__btn-blue { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; color: #b8c1cb; font-size: 1rem; font-size: .75rem; cursor: pointer; outline: none; color: #000; color: #fff; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 223px; letter-spacing: .08em } .panel__btn-blue, .panel__btn-blue:hover { background: #EB702D; border: 1px solid transparent } .panel__btn-blue:hover { color: #fff; background: transparent; color: #EB702D; border: 1px solid #EB702D } .panel__btn-blue_step-4 { width: 242px; margin-bottom: 30px } .panel__btn-gray { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #000; background: #b8c1cb; color: #fff; border: 1px solid transparent; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 223px } .panel__btn-gray:hover { background: #EB702D; color: #fff; border: 1px solid transparent; background: transparent; color: #b8c1cb; border: 1px solid #b8c1cb } .panel__return { display: -webkit-box; display: -ms-flexbox; display: flex; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; color: #000; font-size: .75rem; width: 90%; height: 17px; margin-bottom: 23px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; cursor: pointer } .panel__arrow { width: 5%; height: 100%; margin-right: 7px } .panel__steps { margin-bottom: 27px } .panel__title-bold { font-weight: 600 } .questions { background: #EB702D } .questions__container { max-width: 1223px; width: 100%; min-height: 143px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 12px; padding-right: 0 } .questions__subtext, .questions__title { line-height: 2.4375rem; font-size: 1.5rem; color: #fff } .questions__title { font-weight: 600 } .questions__text { font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; width: 70%; padding-left: 20px } .questions__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 30% } .questions__btn { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #000; background: #fff; color: #EB702D; border: 1px solid #EB702D; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; height: 40px; width: 223px } .questions__btn:hover { background: #EB702D; color: #fff; border: 1px solid transparent; background: #daecf8; color: #EB702D; border: 1px solid #EB702D } .registry { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-bottom: 24px } .registry, .registry__left { display: -webkit-box; display: -ms-flexbox; display: flex } .registry__left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 50% } .registry__formation { color: #b8c1cb; text-decoration: underline; color: #EB702D } .registry__formation, .registry__number { font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 1rem; line-height: normal; font-size: .75rem } .registry__number { color: #b8c1cb; color: #000 } .registry__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 50% } .registry__display { display: -webkit-box; display: -ms-flexbox; display: flex; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #000; width: 50% } .registry__display span { font-size: .75rem } .registry__select { display: -webkit-box; display: -ms-flexbox; display: flex; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg' fill='%2375869A'%3E%3Cpath d='M5.953 6.787a.831.831 0 0 1-.59-.244L.245 1.423A.834.834 0 1 1 1.424.244l4.53 4.53 4.53-4.53a.834.834 0 1 1 1.178 1.18l-5.12 5.12a.831.831 0 0 1-.589.243z'/%3E%3C/svg%3E") 50% no-repeat; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 5px; height: 40px; border: 1px solid #b8c1cb; outline: none; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 1rem; line-height: normal; font-size: .875rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; cursor: pointer; background-position: right 13px center; padding: 5px 30px 5px 14px; color: #b8c1cb; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 94px; height: 30px; font-size: .75rem; margin-left: 14px; color: #000 } .registry__select option { color: #000 } .registry__select:focus, .registry__select:hover { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M5.953 6.787a.831.831 0 0 1-.59-.244L.245 1.423A.834.834 0 1 1 1.424.244l4.53 4.53 4.53-4.53a.834.834 0 1 1 1.178 1.18l-5.12 5.12a.831.831 0 0 1-.589.243z'/%3E%3C/svg%3E") 50% no-repeat; cursor: pointer; background-position: right 13px center; border: 1px solid #EB702D } .registry__tablets { display: none } .registry__select-tablets { display: none } .registry__btn-do { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; outline: none; color: #000; color: #fff; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 175px; height: 30px; cursor: pointer } .registry__btn-do, .registry__btn-do:hover { background: #EB702D; border: 1px solid transparent } .registry__btn-do:hover { color: #fff; background: transparent; color: #EB702D; border: 1px solid #EB702D } .registry__img-do { width: 13px; height: 12px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='6' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M4 5.13a.559.559 0 0 1-.396-.164l-3.44-3.44A.56.56 0 1 1 .956.734L4 3.778 7.044.734a.56.56 0 0 1 .792.792l-3.44 3.44A.559.559 0 0 1 4 5.13z'/%3E%3C/svg%3E") right 42px center no-repeat; background-size: 100%; margin-left: 14px } .registry__img-do:active, .registry__img-do:focus, .registry__img-do:hover { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='6' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M4 5.13a.559.559 0 0 1-.396-.164l-3.44-3.44A.56.56 0 1 1 .956.734L4 3.778 7.044.734a.56.56 0 0 1 .792.792l-3.44 3.44A.559.559 0 0 1 4 5.13z'/%3E%3C/svg%3E") right 42px center no-repeat } .reviews { background: rgba(245, 251, 255, .4); padding: 85px 0 90px; min-height: 510px } .reviews_car { background: initial; padding: 75px 0 20px; min-height: 0; margin-bottom: 88px } .reviews__container { max-width: 1300px; width: 100%; position: relative; overflow: hidden; padding-left: 70px } .reviews__container_car { max-width: 1440px; padding: 0; margin: 0 } .reviews__slide, .reviews__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex } .reviews__slide { padding-right: 278px; height: 350px; max-width: 1300px; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 52px; border-left: 3px solid #EB702D } .reviews__slide>* { margin-bottom: 45px } .reviews__slide>:last-child { margin-bottom: 0 } .reviews__avatar { width: 90px; height: 90px; 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; overflow: hidden; margin-right: 30px; border-radius: 50% } .reviews__avatar img { width: 100% } .reviews__text { font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; line-height: 2.25rem; font-size: 1.375rem; color: #101111 } .reviews__user { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .reviews__user-info { font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 700; line-height: 1.8125rem; font-size: 1.125rem; color: #75869a } .reviews__user-position { font-weight: 400 } .reviews__buttons { top: 50%; right: 0; position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; z-index: 1000 } .reviews__buttons_car { top: 0; -webkit-transform: initial; transform: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; border-radius: 5px; overflow: hidden; border: 1px solid #b8c1cb } .reviews__next { margin-bottom: 24px } .reviews__next, .reviews__prev { outline: none; width: 37px; height: 37px; border-radius: 50%; overflow: hidden; 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; background: #dde5eb; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .reviews__next:hover, .reviews__prev:hover { background: #75869a } .reviews__next:hover>.reviews__button-icon-left, .reviews__prev:hover>.reviews__button-icon-left { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 5.13a.559.559 0 0 1-.396-.164l-3.44-3.44A.56.56 0 1 1 .956.734L4 3.778 7.044.734a.56.56 0 0 1 .792.792l-3.44 3.44A.559.559 0 0 1 4 5.13z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100%; width: 20px; height: 18px; -webkit-transform: rotate(90deg); transform: rotate(90deg) } .reviews__next:hover>.reviews__button-icon, .reviews__prev:hover>.reviews__button-icon { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 5.13a.559.559 0 0 1-.396-.164l-3.44-3.44A.56.56 0 1 1 .956.734L4 3.778 7.044.734a.56.56 0 0 1 .792.792l-3.44 3.44A.559.559 0 0 1 4 5.13z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100%; width: 20px; height: 18px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg) } .reviews__next_car, .reviews__prev_car { border-radius: initial; margin-bottom: 0; background: #fff } .reviews__prev_car { border-right: .5px solid #b8c1cb } .reviews__next_car { border-left: .5px solid #b8c1cb } .reviews__button-icon { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='6' xmlns='http://www.w3.org/2000/svg' fill='%2375869A'%3E%3Cpath d='M4 5.13a.559.559 0 0 1-.396-.164l-3.44-3.44A.56.56 0 1 1 .956.734L4 3.778 7.044.734a.56.56 0 0 1 .792.792l-3.44 3.44A.559.559 0 0 1 4 5.13z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100%; width: 20px; height: 18px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .reviews__button-icon-left { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='6' xmlns='http://www.w3.org/2000/svg' fill='%2375869A'%3E%3Cpath d='M4 5.13a.559.559 0 0 1-.396-.164l-3.44-3.44A.56.56 0 1 1 .956.734L4 3.778 7.044.734a.56.56 0 0 1 .792.792l-3.44 3.44A.559.559 0 0 1 4 5.13z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100%; width: 20px; height: 18px; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .reviews__car-slide { display: -webkit-box; display: -ms-flexbox; display: flex } .reviews__car-single { border: 1px solid #b8c1cb; border-radius: 5px; max-width: 465px; min-width: 465px; height: 209px; padding: 15px 31px; margin-right: 21px } .reviews__car-single:last-child { margin-right: 0 } .reviews__car-ava { width: 67px; height: 67px; 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; overflow: hidden; margin-right: 20px; border-radius: 50% } .reviews__car-img { width: 100% } .reviews__car-info { 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; margin-bottom: 19px } .reviews__car-driver { margin-right: auto } .reviews__car-driver-name { line-height: 1.8125rem; font-size: 1.125rem; color: #000 } .reviews__car-desc { line-height: 1.4375rem } .reviews__car-desc, .reviews__car-time { font-size: .875rem; color: #75869a } .reviews__add-review { width: 223px; margin: 40px auto 0 } .reviews__quote { width: 108px; height: 108px; margin-bottom: 0 } .reviews__quote-img { width: 81%; height: 66% } .reviews__btns-white { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #000; background: #fff; color: #EB702D; border: 1px solid #EB702D; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 223px; letter-spacing: .08em } .reviews__btns-white:hover { background: #EB702D; color: #fff; border: 1px solid transparent; background: #daecf8; color: #EB702D; border: 1px solid #EB702D } .scope { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-bottom: 24px } .scope, .scope__display { display: -webkit-box; display: -ms-flexbox; display: flex } .scope__display { font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #000; width: 20% } .scope__display_view { width: 50% } .scope__display span { font-size: .75rem } .scope__select { display: -webkit-box; display: -ms-flexbox; display: flex; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg' fill='%2375869A'%3E%3Cpath d='M5.953 6.787a.831.831 0 0 1-.59-.244L.245 1.423A.834.834 0 1 1 1.424.244l4.53 4.53 4.53-4.53a.834.834 0 1 1 1.178 1.18l-5.12 5.12a.831.831 0 0 1-.589.243z'/%3E%3C/svg%3E") 50% no-repeat; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 5px; height: 40px; border: 1px solid #b8c1cb; outline: none; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 1rem; line-height: normal; font-size: .875rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; cursor: pointer; background-position: right 13px center; padding: 5px 30px 5px 14px; color: #b8c1cb; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 94px; height: 30px; font-size: .75rem; margin-left: 14px; color: #000 } .scope__select option { color: #000 } .scope__select:focus, .scope__select:hover { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M5.953 6.787a.831.831 0 0 1-.59-.244L.245 1.423A.834.834 0 1 1 1.424.244l4.53 4.53 4.53-4.53a.834.834 0 1 1 1.178 1.18l-5.12 5.12a.831.831 0 0 1-.589.243z'/%3E%3C/svg%3E") 50% no-repeat; cursor: pointer; background-position: right 13px center; border: 1px solid #EB702D } .scope__tablets { display: none } .scope__tablets_view { width: 50% } .scope__tablets_orders { width: 70% } .scope__select-tablets { display: none } .scope__list { display: -webkit-box; display: -ms-flexbox; display: flex; width: 80%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .scope__list_view { width: 50% } .scope__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 8px } .scope__item:last-child { margin-right: 0 } .scope__item_view:after { content: ""; display: block; height: 17px; width: 1px; background-color: #b8c1cb; margin: 0 0 0 27px } .scope__elem { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 25px; height: 25px; border: none; background: none; text-decoration: none; outline: #fff } .scope__icon { width: 100%; height: 100% } .scope__btn { display: flex;height: 32px;padding: 6px 10px;align-items: center;gap: 6px;border-radius: 4px;border: 1px solid var(--Accent, #EB702D);color: var(--Accent, #EB702D);font-size: 10px;font-style: normal;font-weight: 600;line-height: 16px;letter-spacing: 0.2px; } .scope__btn:hover { background: #EB702D; color: #fff; border: 1px solid transparent; background: #daecf8; color: #EB702D; border: 1px solid #EB702D } .scope__img { width: 16px; height: 15px } .scope__btn-filter-phones { display: none } .scope__btn-filter-close { display: none } .scope__btn-filter-close--active {display: inline-flex;height: 32px;padding: 0px 16px;justify-content: center;align-items: center;gap: 10px;flex-shrink: 0;border-radius: 4px;border: 1px solid var(--Separator-1, rgba(29, 29, 29, 0.10));color: var(--Black, #1D1D1D);font-size: 14px;font-style: normal;font-weight: 500;line-height: 22px;cursor: pointer;background: #fff; } .scope__btn-filter-close--active:hover { background: #EB702D; color: #fff; border: 1px solid transparent; background: #daecf8; color: #EB702D; border: 1px solid #EB702D }  .scope__btn-filter-open { display: inline-flex
;
    height: 32px;
    padding: 0px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 4px;
    border: 1px solid var(--Separator-1, rgba(29, 29, 29, 0.10));
    color: var(--Black, #1D1D1D);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    cursor: pointer;
    background: #fff;} .scope__btn-filter-open:hover { background: #EB702D; color: #fff; border: 1px solid transparent; background: #daecf8; color: #EB702D; border: 1px solid #EB702D } .scope__btn-filter-open--off { display: none } .scope__btn-do { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; outline: none; color: #000; color: #fff; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 175px; height: 30px; cursor: pointer } .scope__btn-do, .scope__btn-do:hover { background: #F4C367; color: black; border: 1px solid transparent } .scope__btn-do:hover { background: transparent; color: black; border: 1px solid #F4C367 } .scope__img-do { width: 13px; height: 12px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='6' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M4 5.13a.559.559 0 0 1-.396-.164l-3.44-3.44A.56.56 0 1 1 .956.734L4 3.778 7.044.734a.56.56 0 0 1 .792.792l-3.44 3.44A.559.559 0 0 1 4 5.13z'/%3E%3C/svg%3E") right 42px center no-repeat; background-size: 100%; margin-left: 14px } .scope__img-do:active, .scope__img-do:focus, .scope__img-do:hover { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='6' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M4 5.13a.559.559 0 0 1-.396-.164l-3.44-3.44A.56.56 0 1 1 .956.734L4 3.778 7.044.734a.56.56 0 0 1 .792.792l-3.44 3.44A.559.559 0 0 1 4 5.13z'/%3E%3C/svg%3E") right 42px center no-repeat } .select-avatar { position: absolute; width: 200px; height: 150px; z-index: 10; top: -1000px; right: 3%; -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .15); box-shadow: 0 4px 10px rgba(0, 0, 0, .15); border-radius: 0 0 5px 5px; background: #fff } .select-avatar__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; padding: 20px } .select-avatar__item { text-decoration: none; margin-bottom: 15px; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal } .select-avatar__item a { color: #75869a } .services { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column } .services .menu__link--services { border-bottom: 3px solid #EB702D; color: #000; font-weight: 700 } .services__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .services__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 78px } .services__item { width: 32%; min-width: 378px; height: 500px; max-height: 500px; margin-bottom: 44px } .services__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; overflow: hidden; width: 100%; height: 100%; position: relative; border-radius: 5px; -webkit-transition: .7s ease-in-out; transition: .7s ease-in-out } .services__link:hover { background-size: 105% } .services__link_without-driver { background: url(/images/img/car-without-driver.png) 50% no-repeat; background-size: 100% } .services__link_with-driver { background: url(/images/img/car-with-driver.png) 50% no-repeat; background-size: 100% } .services__link_tractor { background: url(/images/img/tractor.png) 50% no-repeat; background-size: 100% } .services__link_van { background: url(/images/img/van.png) 50% no-repeat; background-size: 100% } .services__link_vans { background: url(/images/img/van-2.png) 50% no-repeat; background-size: 100% } .services__link_cortege { background: url(/images/img/cortege.png) 50% no-repeat; background-size: 100% } .services__text { position: absolute; left: 68px; top: 62px; padding-top: 8px; margin-bottom: 15px } .services__img { width: 100% } .services__title { font-family: OpenSans-Bold, Helvetica, sans-serif; font-weight: 600; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: 1.5rem; text-transform: uppercase; color: #fff; margin-bottom: 15px; text-shadow: 0 -1px 1px #9d9d9d } .services__count { font-family: OpenSans-Bold, Helvetica, sans-serif; font-weight: 600; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: 5rem; text-transform: uppercase; color: #fff; text-shadow: 0 -1px 1px #3a526b } .services__subtext { ffont-family: OpenSans-Bold, Helvetica, sans-serif; font-weight: 600; font-size: .75rem; color: #fff; text-shadow: 1px 1px 1px #1e282c } .services__main-title { font-weight: 700; font-size: 1.5rem; color: #000; margin: 20px auto 40px } .shape { display: grid; grid-template-columns: 10% 17% 13% 10% 15% 15% 10% 10%; grid-template-rows: auto 45px 45px 45px 45px 45px 45px 45px 45px 45px 45px; background: #fff; border: 1px solid #b8c1cb; border-radius: 5px } .shape--active { display: none } .shape__numbers { grid-column: 1/2; padding: 12px 16px 12px 19px } .shape__numbers, .shape__service { width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-items: center; font-family: OpenSans-Bold, Helvetica, sans-serif; font-weight: 600; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .625rem; color: #0747b0; background: #deebff; border-right: 1px solid #dde5eb; border-bottom: 1px solid #dde5eb; grid-row: 1/2 } .shape__service { grid-column: 2/3; padding: 12px } .shape__unit { grid-column: 3/4; padding: 12px 15px } .shape__number, .shape__unit { width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-items: center; font-family: OpenSans-Bold, Helvetica, sans-serif; font-weight: 600; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .625rem; color: #0747b0; background: #deebff; border-right: 1px solid #dde5eb; border-bottom: 1px solid #dde5eb; grid-row: 1/2 } .shape__number { grid-column: 4/5; padding: 12px 17px } .shape__price { grid-column: 5/6; padding: 12px 16px } .shape__price, .shape__sum { width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-items: center; font-family: OpenSans-Bold, Helvetica, sans-serif; font-weight: 600; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .625rem; color: #0747b0; background: #deebff; border-right: 1px solid #dde5eb; border-bottom: 1px solid #dde5eb; grid-row: 1/2 } .shape__sum { grid-column: 6/7; padding: 12px 15px } .shape__status { grid-column: 7/8; padding: 12px 9px } .shape__choice, .shape__status { width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-items: center; font-family: OpenSans-Bold, Helvetica, sans-serif; font-weight: 600; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .625rem; color: #0747b0; background: #deebff; border-right: 1px solid #dde5eb; border-bottom: 1px solid #dde5eb; grid-row: 1/2 } .shape__choice { grid-column: 8/9; padding: 12px 5px } .shape__img { width: 9px; height: 5px; margin-left: 3px } .shape__numbers-elem { grid-column: 1/2; grid-row: 2/3; padding: 11px 19px; width: 100%; height: 100%; border-right: 1px solid #dde5eb; border-bottom: 1px solid #dde5eb } .shape__numbers-item { font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .75rem; text-decoration: underline; color: #EB702D } .shape__service-elem { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; grid-column: 2/3; padding: 11px } .shape__service-elem, .shape__unit-elem { grid-row: 2/3; width: 100%; height: 100%; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .75rem; color: #000; border-right: 1px solid #dde5eb; border-bottom: 1px solid #dde5eb } .shape__unit-elem { grid-column: 3/4; padding: 11px 15px } .shape__number-elem { overflow: hidden; grid-column: 4/5; padding: 11px 17px } .shape__number-elem, .shape__price-elem { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; grid-row: 2/3; width: 100%; height: 100%; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .75rem; color: #000; border-right: 1px solid #dde5eb; border-bottom: 1px solid #dde5eb } .shape__price-elem { grid-column: 5/6; padding: 11px 16px } .shape__sum-elem { overflow: hidden; grid-column: 6/7; color: #b8c1cb; color: #000; padding: 11px 15px } .shape__status-elem, .shape__sum-elem { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; grid-row: 2/3; width: 100%; height: 100%; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 1rem; line-height: normal; font-size: .75rem; border-right: 1px solid #dde5eb; border-bottom: 1px solid #dde5eb } .shape__status-elem { grid-column: 7/8; color: #b8c1cb; color: #fff; padding: 11px } .shape__ststus-blue { background: #EB702D } .shape__ststus-blue, .shape__ststus-red { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 90%; height: 25px; border-radius: 5px } .shape__ststus-red { background: #eb3232 } .shape__choice-elem { grid-column: 8/9; grid-row: 2/3; width: 100%; height: 100%; border-right: 1px solid #dde5eb; border-bottom: 1px solid #dde5eb; padding: 11px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column } .shape__checkbox-icon, .shape__label { 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 } .shape__checkbox-icon { border: 1px solid #b8c1cb; border-radius: 5px; width: 21px; height: 21px; vertical-align: bottom; background: #fff } .shape__checkbox-svg { width: 12px; height: 9px; fill: none } .signin__container { max-width: 900px !important } .header__nav { margin: 0 40px } .signin__content { min-height: 300px; padding: 1rem; border-radius: 0 0 4px 4px } #desktop-checkbox, #signup-is_agree, #signup-active, #signup-is_nds, #loginform-is_company, #is_phone_hide { display: none } .signin__btn, .signin__content { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .signin__btn { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .singin__btn-blue { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #fff; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 223px; background: #EB702D } .singin__btn-blue, .singin__btn-blue:hover { border: 1px solid transparent } .singin__btn-blue:hover { color: #fff; background: transparent; color: #EB702D; border: 1px solid #EB702D } .singin__btn-white { width: 100%; border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #000; background: #fff; color: #EB702D; border: 1px solid #EB702D; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .singin__btn-white:hover { background: #EB702D; color: #fff !important; border: 1px solid transparent } .active { fill: #0a73bb } .signin__forget-link { font-weight: 600; line-height: normal; font-size: .75rem; color: #000 } .signin__forget-link:hover { color: #75869a } .signin__text { font-weight: 600; line-height: normal; font-size: .75rem; color: #000 } .chat-is_phone_hide__text { font-style: normal; font-weight: 400; font-size: 14px; color: #17191F } .slider { width: 100% } .slider__controls { width: 100%; margin-bottom: 27px } .slider__controls, .slider__scale { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; position: relative } .slider__scale { height: 2px; background: #b8c1cb; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .slider__bar { width: 60%; height: 2px; background: #EB702D } .slider__toggle { position: absolute; top: -8px; border-radius: 50%; width: 15px; height: 15px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #EB702D; -webkit-box-shadow: 0 2px 1px 0 rgba(0, 1, 1, .2); box-shadow: 0 2px 1px 0 rgba(0, 1, 1, .2); cursor: pointer } .slider__toggle-min { left: 20% } .slider__toggle-max { left: 80% } .social { height: 30px } .social { display: flex; justify-items: center } .social__list { width: 100%; height: 100%; display: flex } .social__elem, .social__item { display: -webkit-box; display: -ms-flexbox; display: flex } .social__elem { width: 30px; height: 30px; border-radius: 50%; background-color: #b8c1cb; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 10px 0 10px; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out } .social__elem:hover { background-color: #EB702D } .social__facebook, .social__instagram, .social__whatsapp { width: 60%; height: 60% } .statistics { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; width: 100%; padding: 31px 32px 167px 35px; background: #f9f9f9 } .statistics__title { font-family: OpenSans-Bold, Helvetica, sans-serif; font-weight: 600; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: 1.125rem; color: #000; margin-bottom: 30px } .statistics__list { display: grid; width: 100%; height: 100%; grid-template-columns: 33% 33% 33%; grid-gap: 10px } .statistics__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 200px; min-width: 168px; height: 245px; border: 1px solid #b8c1cb; border-radius: 5px; margin-right: 18px; padding: 25px 20px; background: #fff } .statistics__item:last-child { margin-right: 0 } .statistics__number { color: #b8c1cb; font-size: 1rem; font-size: 4rem; color: #000 } .statistics__annotation, .statistics__number { font-family: OpenSans-Bold, Helvetica, sans-serif; font-weight: 600; line-height: normal } .statistics__annotation { color: #b8c1cb; font-size: 1rem; font-size: .875rem; color: #707487; margin-bottom: 5px; margin-top: 5px } .statistics__annotation span { color: #000 } .statistics__annotation_red { margin-bottom: 54px } .statistics__report { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .statistics__report-img { width: 10px; height: 10px; margin-right: 5px } .statistics__amount { font-family: OpenSans-Bold, Helvetica, sans-serif; font-weight: 600; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .875rem; color: #1ab817; margin-right: 5px } .statistics__amount_red { color: #eb3232 } .statistics__sign { font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .75rem; color: #75869a } .steps__list { position: absolute; bottom: -25px; left: 0; right: 0; 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; overflow: hidden } .steps__item { 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; margin-right: 66px; position: relative } .steps__item_client { margin-right: 104px } .steps__item_client:last-child { margin-right: 5px } .steps__item span { background: #f4f5f7; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: 1.125rem; color: #75869a; border-radius: 50%; width: 45px; height: 45px; z-index: 1000; 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 } .steps__item_active span { background: #b8c1cb; color: #fff } .steps__item:last-child { margin-right: 20px } .steps__item_active:before { content: ""; position: absolute; width: 2000%; height: 5px; background-color: #b8c1cb; left: 0 } .steps__item_active:after { display: none; content: ""; position: absolute; width: 2000%; background-color: #b8c1cb; left: 0 } .steps__done { width: 100%; height: 100% } .swiper-container { width: 100%; margin-left: auto; margin-right: auto } .slide-content-slide .swiper-slide{width: 100% !important;height: 100% !important;} .swiper-slide {background-size: cover;background-position: 50%;overflow: hidden;width: 100px;height: 160px } .swiper-slide p{margin: 0;display: block;text-align: left;color: var(--Accent, #EB702D);font-size: 18px;font-style: normal;font-weight: 500;line-height: 24px;margin-top: 30px;position: absolute;bottom: 0;margin-bottom: 15px;left: 0;margin-left: 24px;} .swiper-slide span{color: var(--Grey, rgba(29, 29, 29, 0.40));font-size: 16px;}  .swiper-slide img { text-align: center;right: 0;top: 0;margin-top: 0px;margin-right: 15px;height: 106px;} .gallery-top { height: 80%; width: 100% } .gallery-thumbs { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px 0 0; overflow: hidden; height: 124px } .gallery-thumbs .swiper-slide { height: 100% } .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: width: 100%; height: 100% } .user-type__form { padding-bottom: 70px; display: flex; justify-content: center } .user-type__form-block { margin-top: 40px; width: 90% } .user-type__button { background: #fff; border: 1px solid #E9ECEE; border-radius: 4px; padding: 20px 10px; text-align: start; width: 100% } .user-type__button-active { background: linear-gradient(118.52deg, #F0A973 11.65%, #E97376 86.5%) } .user-type__button p { font-style: normal; font-weight: 600; font-size: 18px; color: #17191F } .user-type__button span { font-style: normal; font-weight: 400; font-size: 16px; color: #17191F } .user-type__title-info { font-style: normal; font-weight: 400; font-size: 14px; letter-spacing: .08em; text-transform: uppercase; color: #17191F } .user-type__input { border: 1px solid #E9ECEE; box-sizing: border-box; border-radius: 4px; height: 40px } .user-type__list { margin: 60px 0 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; width: 100% } .user-type__item { width: 31% } .user-type__label { width: 100%; height: 363px; border-radius: 5px; overflow: hidden; 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: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; position: relative; z-index: 1 } .user-type__logo { width: 92px; height: 64px; margin-top: 12px } .user-type__logo img { width: 100%; height: 100% } .user-type__logo_client { width: 61px } .user-type__title { font-size: 1rem; color: #000; font-weight: 700 } .user-type__text { font-size: .75rem; text-align: center; color: #75869a; padding: 0 55px } .user-type__item-border { position: absolute; width: 100%; height: 100%; border: 1px solid #b8c1cb; border-radius: 5px; z-index: -1 } .user-type__radio { display: -webkit-box; display: -ms-flexbox; display: flex; width: 20px; height: 20px } .user-type__legal { margin: 2px 3px 0 0 !important } .user-type__radio:checked+.user-type__item-border { border: 1px solid #EB702D } .user-type__btn { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .user__btn { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #000; color: #fff; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 223px; letter-spacing: .08em } .user__btn, .user__btn:hover { background: #EB702D; border: 1px solid transparent } .user__btn:hover { color: #fff; background: transparent; color: #EB702D; border: 1px solid #EB702D } .user-type__circle-list { display: -webkit-box; display: -ms-flexbox; display: flex; width: 30%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 37px } .user-type__circle-item { width: 13px; height: 13px; border-radius: 50%; background-color: #b8c1cb } .user-type__circle-item:hover { background-color: #EB702D } .b24-widget-button-block { width: 66px; height: 66px; border-radius: 100%; box-sizing: border-box; overflow: hidden; cursor: pointer } .flex-align-center { display: flex; justify-content: center !important } .modal-content-order { background: #FFF; border-radius: 4px } .modal-sm-l { width: 25% } .header-text { display: flex; flex-direction: column; align-items: center } .header-text-lead { display: flex; margin-left: 15px; margin-bottom: 25px } .modal-title-order { font-style: normal; font-weight: 500; font-size: 20px; line-height: 23px; text-align: center; color: #000; margin-top: 12px; margin-bottom: 14px } .modal-title-lead { font-style: normal; font-weight: 600; font-size: 26px; color: #17191F } .modal-content-city { background: #F8F4F0; backdrop-filter: blur(32px); position: relative; outline: 0; max-width: 726px; min-height: 560px; border-radius: 12px; margin: 0 auto } .header-text-city { display: flex; flex-direction: column; margin: 0 32px } .header-title-city { color: var(--Black, #1D1D1D);font-size: 32px;font-style: normal;font-weight: 600;line-height: 40px } .header-text-city .order_input{padding: 7px 7px 7px 2px;line-height: 0;margin-top: 8px;border-radius: 4px;background: var(--White, #FFF);height: 56px;} .header-input-city { background: #fff; border: none; border-radius: 8px; color: #848484; max-width: 470px } .header-input-city:focus { outline-color: #EB702D } .header-image-city { position: absolute; top: 76px; right: 95px } .chat_search_image { position: absolute; top: 76px; left: 0 } .modal-body-city { margin: 0px 32px; } .modal-city-list { align-items: baseline; display: flex; flex-direction: column; flex-wrap: wrap; height: 460px; width: 100%; align-content: space-between } .modal-city-item { padding: 16px 0 8px 0; border-bottom: 1px solid rgba(29, 29, 29, 0.1); width: 155px; margin-right: 15px } .modal-city-link { color: #000;font-size: 14px;font-style: normal;font-weight: 400;line-height: 24px; } .modal-city-link-active { color: #EB702D } .modal-city-link:hover { color: #EB702D } .header__city { font-style: normal; font-weight: 400; font-family: 'SF UI Display'; font-size: 14px; line-height: 16px; color: #141414 } .header__city_btn {display: flex;flex-direction: row;align-items: normal;padding: 12px 5px 7px 5px;line-height: 28px;background: none;border-radius: 10px;font-style: normal;font-weight: 400;font-family: 'SF UI Display';font-size: 14px;color: var(--black, #1D1D1D); } .header__city_btn::before { content: url(../images/icons/city_icon.svg); margin-top: 3px; margin-right: 5px } .header__city_btn_white { display: flex; flex-direction: row; align-items: flex-start; padding: 12px 5px 7px 5px; background: none; border-radius: 10px; font-style: normal; font-weight: 500; font-size: 16px; color: #000 } .header__city_btn_white::before { content: url(../images/icons/city_icon_white.svg); margin-right: 5px } .header__city:hover { color: #EB702D } .header__city:after { content: ""; background: url(/order/img/chevronRight.svg) no-repeat; width: 11px; height: 7px; display: inline-block; margin-left: 6px } .features__block { position: relative; height: 370px } .features { background-color: #F7FBFE; padding-top: 80px; height: 450px } .features__image-block { width: 65% } .blur { -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px) } .features__image { padding-top: 50px; width: 100%; height: 200px; justify-content: center; align-items: center } .slick-current { filter: none } .main-image { position: absolute; right: 9.5%; bottom: 0; z-index: 1 } .build__image { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; height: 100% } .event__image { display: flex; flex-direction: column; justify-content: center; align-items: center } .features__info { display: flex; flex-direction: column; width: 33% } .features__title { font-style: normal; font-weight: 700; font-size: 42px; line-height: 46px; margin-bottom: 24px; color: #000 } .features__list { margin-bottom: 35px } .features__item { font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #000 } .btn-orange { padding: 15px 32px; border: 1px solid #EB702D; box-sizing: border-box; border-radius: 4px; height: 48px; font-weight: 500; background: #EB702D; color: #fff; cursor: pointer } .btn-orange:hover { box-shadow: 0 4px 5px rgba(193, 89, 6, .4); background-color: transparent; color: #EB702D } .features__order { padding: 15px 32px; border: 1px solid #EB702D; box-sizing: border-box; border-radius: 4px; height: 48px; font-weight: 500; background: #EB702D; color: #fff; cursor: pointer } .features__order:hover { background-color: transparent; color: #EB702D } .modern__block { margin: 80px 0 70px 0 } .modern__image { text-align: center } .build__info { display: flex; flex-direction: column } .modern__info { display: flex; flex-direction: column; padding-top: 50px } .modern__title { font-style: normal; font-weight: 700; font-size: 42px; line-height: 46px; margin-bottom: 24px; max-width: 340px } .landing__h2 { font-style: normal; font-weight: 700; font-size: 42px; line-height: 46px; margin-bottom: 24px; color: #000 } .modern { display: flex; justify-content: center; align-content: center } .modern__item { font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; margin-bottom: 35px; max-width: 410px } .row { display: block; margin-right: 0; margin-left: 0 } .event__block { margin-top: 65px } .event__info { padding-top: 70px; display: flex; flex-direction: column } .event__title { font-style: normal; font-weight: 700; font-size: 42px; line-height: 46px; margin-bottom: 24px; max-width: 560px } .event__item { font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; margin-bottom: 35px; max-width: 410px } .event-image-item { margin-top: -180px } .build__block { padding-top: 80px; padding-bottom: 104px } .build__title { font-style: normal; font-weight: 700; font-size: 42px; line-height: 46px; margin-bottom: 24px; max-width: 480px } .build__item { font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; margin-bottom: 35px; max-width: 410px } .build-image-item { margin-top: -193px; margin-right: 70px } .benefits { padding: 100px 0 100px 0; background-color: #F7FBFE } .benefits__list { display: flex; justify-content: space-between } .benefits__item { background: #FFF; border-radius: 4px; width: 270px; height: 250px; display: flex; justify-content: space-evenly; flex-wrap: wrap; flex-direction: column } .benefits__item-text { padding: 10px } .benefits__item:hover { cursor: pointer; background: #EB702D } .benefits__item span { font-style: normal; font-weight: 500; font-size: 16px; line-height: 22px; text-align: center; color: #000 } .summary { background-color: none; } .summary__list { display: flex; justify-content: space-between } .summary__item { background: #FFF; border-radius: 4px; width: 370px; height: 247px; display: flex; justify-content: center; flex-direction: column } .summary__item p { font-style: normal; font-weight: 900; font-size: 64px; line-height: 46px; text-align: center; color: #EB702D; margin-bottom: 45px; text-shadow: 0 22px 30px rgba(255, 114, 1, .2) } .summary__item span { font-style: normal; font-weight: 500; font-size: 16px; line-height: 22px; text-align: center; color: #000 } .summary-button-wrap { display: flex; justify-content: center; padding-top: 50px } .summary__title { font-style: normal; font-weight: 700; font-size: 42px; line-height: 46px; text-align: center; padding-bottom: 50px; color: #000 } .review { padding-top: 100px; padding-bottom: 80px; background-color: #F7FBFE } .review__list { display: flex; justify-content: center; margin: 0 20px 0 20px } .reviews-block { display: flex; justify-content: center } .review__item { display: flex; align-items: center; justify-content: center; height: 100%; background: #FFF; border-radius: 6px; padding: 30px } .review__item:focus { outline: none } .review-slider { display: flex; flex-wrap: wrap } .review__title { padding-bottom: 42px; font-style: normal; font-weight: 700; font-size: 42px; line-height: 46px; text-align: center; color: #000 } .review__item-block { width: 600px } .review__item-block h3 { font-style: normal; font-weight: 700; font-size: 20px; letter-spacing: .04em; margin-bottom: 12px } .review__item-block p { font-style: normal; font-weight: 700; font-size: 14px; letter-spacing: .04em; margin-bottom: 12px } .review__item-block span { font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: .04em; color: #141414; margin-top: 13px } .review__item-image { margin-right: 38px; width: 146px; height: 146px; border-radius: 50% } .review_star-list { margin-bottom: 10px } .review__item-star { fill: #FF6E40 } .modal-dialog-order { margin: 30px auto } .modal-img-rectangle { margin-bottom: 10px } .modal-body-text { display: flex; justify-content: space-between; flex-direction: column; align-items: center } .modal-title-message { margin-top: 40px; margin-bottom: 15px; font-style: normal; font-weight: 500; font-size: 18px; line-height: 23px; text-align: center; color: #000 } .modal-title-body { font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; text-align: center; color: #249AF3; width: 320px; margin-bottom: 55px } .modal-img-vector { position: absolute; left: 31%; top: 5% } .modal-header-order .close { margin: 5px 7px -1rem auto } .close { cursor: pointer; width: 40px; height: 40px; background: #FFF; border: 1px solid #EFEFEF; border-radius: 50%; box-sizing: border-box } .close:hover { border: 1px solid #000; color: #000; text-decoration: none; opacity: .75 } .close:focus { outline: none } .modal-content { position: relative; display: flex; flex-direction: column; pointer-events: auto; background: #FFF; border-radius: 20px; border: 1px solid rgba(0, 0, 0, .2); outline: 0 } .modal-header-order { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem; border-top-left-radius: .3rem; border-top-right-radius: .3rem; border-bottom: 0 } .form-block_class, .form-block_project_class, .form-company-description, .form-company-advert, .form-block_class-company, .form-block_class-company-code { text-align: center } .order-modal-block { display: flex; flex-direction: column; justify-content: center; align-items: center } .modal-input { height: 56px; background: #FFF; border: 1px solid #D8D8E9; box-sizing: border-box; border-radius: 4px; font-style: normal; font-weight: 300; font-size: 14px; line-height: 16px; color: #000; padding-left: 14px; margin-bottom: 14px; width: 80% } .modal-input:focus, .modal-textarea:focus, modal-input-company:focus, modal-textarea-company:focus { outline: none; border: 1px solid #EB702D } .modal-input-company { height: 37px; background: #FFF; border: 1px solid #D8D8E9; box-sizing: border-box; border-radius: 4px; font-style: normal; font-weight: 300; font-size: 14px; line-height: 16px; color: #000; padding-left: 14px; width: 100% } .modal-textarea { background: #FFF; border: 1px solid #D8D8E9; box-sizing: border-box; border-radius: 4px; font-style: normal; font-weight: 300; line-height: 16px; color: #000; padding-left: 14px; padding-top: 20px; margin-bottom: 36px; width: 80% } .modal-textarea-company { background: #FFF; border: 1px solid #D8D8E9; box-sizing: border-box; border-radius: 4px; font-style: normal; font-weight: 300; line-height: 10px; color: #000; padding-left: 14px; padding-top: 20px; margin-bottom: 20px; width: 100% } .modal-textarea-company::placeholder { color: #9AA7B6 } .modal-button { cursor: pointer; padding: 20px 67px; border: 1px solid #F4C367; box-sizing: border-box; border-radius: 4px; height: 60px; font-weight: 500; background: #F4C367; color: #17191F; margin-bottom: 78px } .button-company-common { margin-bottom: 10px; margin-top: 15px; display: block; margin-left: 15px } .modal-button:hover { background: #fff } .model-phone-footer { width: 70%; display: flex; justify-content: space-between } .modal-phone-button { cursor: pointer; padding: 14px 20px; border: 1px solid #EB702D; box-sizing: border-box; border-radius: 4px; font-weight: 500; background: #EB702D; color: #fff } .modal-phone-button:hover { background: #fff; color: #EB702D } .modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid #e9ecef } .confirm-form-block { margin-top: 20px } .confirm-sms-form { display: flex; justify-content: center; flex-direction: column; align-items: center } .confirm-sms-form input { width: 350px } .thank-body { max-width: 970px; height: 687px; background: #FFF; border-radius: 10px } .header-thank { display: flex; flex-direction: column; align-items: center } .thank-img-rectangle { margin-bottom: 10px } .thank-img-vector { margin-top: -229px; margin-left: 54px } .thank-body-text { display: flex; justify-content: space-between; flex-direction: column; align-items: center } .thank-title-message { margin-top: 40px; margin-bottom: 15px; font-style: normal; font-weight: 500; font-size: 42px; line-height: 42px; text-align: center; color: #000 } .thank-title-body { font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; text-align: center; color: #000; max-width: 375px; margin-bottom: 55px } .display { display: block } .error input { border: 1px solid #ff0303 } .error .help-block { color: #ff0303 } .success input { border: 1px solid #03ff10 } .google-size-input { font-size: 13px } .pac-container { font-size: 5px; background-color: #FFF; z-index: 1100; position: fixed; display: inline-block; float: left } .pac-container:after { background-image: none !important; height: 0 } .fare-price { font-weight: 700; line-height: normal; font-size: 1.5rem; color: lightslategray } section.order { display: flex; background-color: whitesmoke; margin-top: .3rem } section.lead { display: flex; background-color: whitesmoke; margin-top: .3rem; justify-content: center; min-height: calc(100vh - 600px) } section.registry-company { margin-top: .3rem; overflow: scroll; max-height: 500px } .registry-company-title { font-style: normal; font-weight: 700; font-size: 22px; color: #272D31; padding: 15px } .registry-company-item { font-style: normal; font-weight: 400; font-size: 14px; color: #272D31 } .aside-client { padding: 1rem; width: 25% } .content-body { padding: 1rem; width: 80% } .content-body-lead { padding: 1rem 1rem 1rem 0; width: 92% } .car-lead-response-title { font-size: 22px } .car-lead-wish-title { font-size: 22px; margin-top: 10px } .oi-block { display: flex; justify-content: space-between; flex-wrap: wrap } .oi-block-print { margin-left: auto } .oi-block-account { margin-bottom: 10px; margin-top: 10px; display: flex; flex-wrap: wrap } #filter_main_form_leads { width: 660px } .search-columns-row { display: flex; justify-content: flex-end } .search-columns { margin-right: 10px } .lead-print-title { font-style: normal; font-weight: 400; font-size: 14px; color: #17191F } .car-lead-content-top { display: flex; justify-content: space-between; flex-wrap: wrap } .car-lead-title { font-style: normal; font-weight: 600; font-size: 20px; color: #17191F; margin: 0 } .car-lead-subtitle { font-style: normal; font-weight: 400; font-size: 14px; color: #B8C1CB } .car-lead-info-user { font-style: normal; font-weight: 400; font-size: 14px; color: #B8C1CB } .car-lead-info-user-cancel { font-style: normal; font-weight: 400; font-size: 14px; color: red } .content-body h2 { font-family: Roboto; font-style: normal; font-weight: 700; font-size: 22px; line-height: 22px; display: flex; align-items: center; margin-bottom: 1rem; color: #37352F } .content-body .orange_counter { color: #F07930; margin: 0 .5rem } .aside-client .aside-container { background-color: #FFF; display: flex; flex-direction: column; flex-wrap: wrap; padding: 1rem; margin-bottom: 1rem; max-width: 17rem } .aside-client .aside-container .manager-header { display: flex; flex-direction: row; justify-content: left; padding-bottom: 1rem; border-bottom: 1px solid #F3F3F3 } .aside-client .aside-container .manager-header .ava { margin-right: 1rem } .aside-client .aside-container .manager-header .ava img { border-radius: 1rem; width: 32px; height: 32px } .aside-client .aside-container .manager-footer { display: flex; justify-content: space-between; margin-top: 1rem } .order-info h4, .history-info h4 { font-weight: 500; font-size: 16px; line-height: 22px; margin-bottom: 1rem } .order-info .oi-item { margin-bottom: .5rem; font-size: 14px } .order-info .info-field, .oi-item .timer-at { color: #C0C3CA; font-size: 14px; line-height: 22px } .info-field-lead { font-style: normal; font-weight: 700; font-size: 24px; color: #B8C1CB } .info-field-lead:hover { color: #000 } .info-field-lead-active { color: #17191F } .history-info .oi-item { margin-bottom: .5rem } .car-suggests-wrap { display: flex; position: relative } .car-suggests-checkbox { position: absolute; left: -3% } .car-suggests { display: flex; flex-wrap: wrap; flex-direction: column } .car-card { display: flex; border-radius: 8px; justify-content: left; background-color: white; align-items: center; border: 1px solid #dbdbdb; margin-bottom: 1rem } .car-card-pointer { cursor: pointer } .car-body { width: 80% } .car-body-lead { width: 71% } .car-lead-body { justify-content: space-between; display: flex } .car-lead-map { margin-top: 25px; position: relative; height: 230px } .car-lead-map-title { position: absolute; bottom: 6%; left: 10%; font-style: normal; font-weight: 400; font-size: 13px; color: #000 } .car-lead-map img { width: 100% } .car-lead-list { width: 80%; display: flex; justify-content: flex-start; flex-wrap: wrap } .car-lead-item { color: #C0C3CA; font-size: 14px; line-height: 22px; flex: 0 0 33%; margin-top: 22px; padding-left: 20px; padding-right: 20px } .car-lead-item-text { font-style: normal; font-weight: 400; font-size: 14px; color: #17191F; margin-top: 5px; word-break: break-all } .car-img { padding: 1rem } .company-img { padding: 1rem } .company-img div { width: 200px; height: 115px; background-repeat: no-repeat; background-position: center; background-size: contain; border: none; outline: none } .car-img img { width: 265px } .lead-map-block { top: 3%; position: absolute; z-index: 10; width: 230px; height: 95px; background: #fff; padding: 10px } .lead-map-title { font-style: normal; font-weight: 600; font-size: 20px; color: #17191F; margin-top: 10px; margin-bottom: 10px } .car-content { display: flex; width: 75%; justify-content: space-between; padding: 1rem } .car-lead-content { display: flex; width: 100%; justify-content: space-between; padding: 1rem; flex-direction: column } .car-body .car-link { font-family: Roboto; font-style: normal; font-weight: 500; font-size: 18px; line-height: 22px; display: flex; align-items: center; margin-bottom: 1rem; color: #2D5279 } .car-body .car-driver, .car-phone { font-size: 16px; line-height: 22px; margin-bottom: .5rem } .car-phone { margin-bottom: 2rem } .car-comment { color: #C0C3CA; font-size: 14px; line-height: 22px } .car-body-side { text-align: right } .company-actions { display: flex; width: 270px; justify-content: flex-end } .bid-actions { display: flex; width: 100%; align-content: space-between } .bid-actions-top { display: flex; width: 222px } .bid-actions-bottom { display: flex; width: 222px } .bid-body-side { text-align: right; display: flex; flex-direction: column; justify-content: space-between } .company-body-side { text-align: right; display: flex; flex-direction: column; justify-content: space-between } .car-comment-text { word-break: break-all; font-size: 14px } .shadow-block { color: #C0C3CA; margin: .5rem } .shadow-company-text { font-style: normal; font-weight: 400; font-size: 16px; color: #17191F; margin-bottom: .5rem } .company-text-review { font-weight: 400; font-size: 16px; color: #B8C1CB; margin-right: 24px } .company-text { font-size: 14px } #company-accept { display: inline-block } .car-price { font-family: Roboto; margin: 2rem 0 1rem 0; font-style: normal; font-weight: 500; font-size: 22px; line-height: 22px; color: #37352F } .car-choose-btn { color: #F07930 } .button-choose-company { display: flex; background-color: white; color: #249AF3 } .car-choose-btn:hover, .car-choose-btn:active { color: #DB6C28 } .manager-call-btn { color: #455a64 } .manager-call-btn:hover { color: #DB6C28 } .phones-manager { width: 70% } .wp { background-color: white; display: flex; justify-content: center; padding: 1rem; min-height: 30rem; flex-direction: column } .wp .wp_header { display: flex; flex-direction: column; justify-content: center } .wp_header h1 { font-size: 24px; line-height: 22px; align-items: center; text-align: center; margin-bottom: 1rem; font-weight: 700 } .wp_header p { font-family: Roboto; font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px; align-items: center; text-align: center; color: #37352F } .wp_body { display: flex; flex-direction: column; justify-content: center; text-align: center; align-items: center; margin-top: 5rem } .wp_body .counter { font-family: Roboto; font-style: normal; font-size: 64px; color: #F07930; height: 5rem } .my-orders-history__item { width: 100%; height: 61px } .my-orders-history__div { line-height: 4; cursor: pointer; padding-left: 61px } .my-orders-history__item:hover { background: #EAF2F8 } .history_orders-date { font-family: 'SF UI Text', OpenSans-Regular, Helvetica, sans-serif; font-style: normal; font-weight: 600; font-size: 12px; color: #b8b8b8 } .history_orders-address { font-family: 'SF UI Text', OpenSans-Regular, Helvetica, sans-serif; font-style: normal; font-weight: 600; font-size: 14px; color: black } .modal-dialog-history { width: 300px; height: 274px } .history-tab-link-active { font-family: 'SF UI Text', OpenSans-Regular, Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size: 18px; line-height: 25px; color: black; cursor: pointer } .history-tab-link { font-family: 'SF UI Text', OpenSans-Regular, Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size: 18px; line-height: 25px; color: #adadad; cursor: pointer } .map-li-item { padding: 4px 0 4px 0 } .map-li-btn { padding: 4px; background: #9aff43 } .map-li-key { font-weight: 600; font-size: 12px; color: #adadad } .map-li-value { font-weight: 600; font-size: 12px; color: black } .map-li-key-one { font-weight: 600; font-size: 12px; color: black } .map-li-value-one { font-weight: 600; font-size: 12px; color: #adadad; float: right } .history-wrapper { margin: 0 auto; width: 1410px; position: relative } .notification-nav { list-style: none; height: 100%; margin: 0; width: 385px; background: #EAF2F8; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease } .notification-subnav { display: flex; padding: 32px 24px 50px 24px } .notification-nav h3 { font-family: 'SF UI Text', OpenSans-Regular, Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size: 18px; color: black; line-height: 25px; margin-right: 24px } .notification-nav input { height: 30px; margin-right: 30px } .notification-nav button { height: 30px; background: #eae3e3 } .notification-toggle { width: 52px; height: 77px; background: #EAF2F8; border-radius: 0 5px 5px 0 } .notification-toggle:focus { outline: 0 } .notification-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px } .notification-item-list { height: 550px; overflow: scroll; padding: 0 24px 0 24px } .notification-item { padding: 8px 0 8px 0 } .notification-label { font-family: 'SF UI Text', OpenSans-Regular, Helvetica, sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 19px; color: #75869A } .notification-value { font-family: 'SF UI Text', OpenSans-Regular, Helvetica, sans-serif; font-style: normal; font-weight: 400; font-size: 12px; line-height: 19px; color: black } .notification-time { font-family: 'SF UI Text', OpenSans-Regular, Helvetica, sans-serif; font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; color: #75869A; float: right } .notification-item-list::-webkit-scrollbar-button { background-image: url(''); background-repeat: no-repeat; width: 6px; height: 0 } .notification-item-list::-webkit-scrollbar-thumb { background-color: #585858; box-shadow: 0 1px 1px #fff inset; background-position: center; background-repeat: no-repeat } .notification-item-list::-webkit-resizer { background-image: url(''); background-repeat: no-repeat; width: 7px; height: 0 } .notification-item-list::-webkit-scrollbar { width: 7px } .text-red { color: red } .text-green { color: green } .order-list-map-choose { min-width: 700px; height: 10px } .date-form-group { position: absolute; z-index: 100; left: 200px; top: 132px } .date_start-div, .date_end-div { width: 156px } .date_start-div { margin-right: 20px } .order-list-map-choose:hover { background: red } .order-list-map-choose h6 { font-family: 'SF UI Text', OpenSans-Regular, Helvetica, sans-serif; font-style: normal; font-weight: 400; font-size: 13px; line-height: 18px } .btn-map { width: 151px; height: 38px; background: #FFF; border: 1px solid #000; box-sizing: border-box; box-shadow: 0 3px 4px rgba(0, 0, 0, .08); border-radius: 5px } .btn-map .caret { margin-left: 10px } #map-listbox { min-width: 700px; max-height: 500px; top: 45px; left: 10px; border: none; overflow: scroll } #map-listbox::-webkit-scrollbar-button { background-image: url(''); background-repeat: no-repeat; width: 6px; height: 0 } #map-listbox::-webkit-scrollbar-thumb { background: #E4E7EB; box-shadow: 0 1px 1px #fff inset; background-position: center; background-repeat: no-repeat } #map-listbox::-webkit-resizer { background-image: url(''); background-repeat: no-repeat; width: 7px; height: 0 } #map-listbox::-webkit-scrollbar { width: 4px } #map-listbox li { padding: 16px } #map-listbox li:hover { background: #EAF2F8; cursor: pointer } #map-listbox a { font-family: 'SF UI Text', OpenSans-Regular, Helvetica, sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 18px; color: #000 } #map-listbox a:hover { text-decoration: none } #map-offline-listbox { width: 280px; height: 300px; border: none; top: 45px; left: 65%; overflow: scroll } #map-offline-listbox::-webkit-scrollbar-button { background-image: url(''); background-repeat: no-repeat; width: 6px; height: 0 } #map-offline-listbox::-webkit-scrollbar-thumb { background: #E4E7EB; box-shadow: 0 1px 1px #fff inset; background-position: center; background-repeat: no-repeat } #map-offline-listbox::-webkit-resizer { background-image: url(''); background-repeat: no-repeat; width: 7px; height: 0 } #map-offline-listbox::-webkit-scrollbar { width: 4px } #map-offline-listbox li { padding: 16px } #map-offline-listbox li:hover { background: #EAF2F8 } #map-offline-listbox h6 { font-family: 'SF UI Text', OpenSans-Regular, Helvetica, sans-serif; font-style: normal; font-weight: 600; font-size: 14px; line-height: 19px; color: #000; margin-bottom: 5px } #map-offline-listbox p { font-family: 'SF UI Text', OpenSans-Regular, Helvetica, sans-serif; font-style: normal; font-weight: 400; font-size: 13px; line-height: 16px; color: #75869A } #map-offline-listbox a:hover { text-decoration: none } .ui-autocomplete { width: 200px; height: 250px; overflow: scroll; background: white } .ui-autocomplete::-webkit-scrollbar-button { background-image: url(''); background-repeat: no-repeat; width: 6px; height: 0 } .ui-autocomplete::-webkit-scrollbar-thumb { background: #E4E7EB; box-shadow: 0 1px 1px #fff inset; background-position: center; background-repeat: no-repeat } .ui-autocomplete::-webkit-resizer { background-image: url(''); background-repeat: no-repeat; width: 7px; height: 0 } .ui-autocomplete::-webkit-scrollbar { width: 4px } .ui-autocomplete li { padding: 8px; background: white } .ui-autocomplete li:hover { cursor: pointer; background: #afd1fa } .ui-autocomplete div { font-family: 'SF UI Text', OpenSans-Regular, Helvetica, sans-serif; font-style: normal; font-weight: 400; font-size: 13px; line-height: 19px } #search-driver { background: #EAF2F8; outline: none; border: none; font-family: 'SF UI Text', OpenSans-Regular, Helvetica, sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 18px; color: #75869A } #search-driver:focus { background: whitesmoke } .select2-container--default .select2-selection--single { background: #EAF2F8 !important; outline: none !important; border: none !important; font-family: 'SF UI Text', OpenSans-Regular, Helvetica, sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 18px; color: #75869A !important; width: 200px !important } .select2-container--default .select2-search--dropdown .select2-search__field { border: none !important; border-bottom: 1px solid #a8d5f6 !important } .select2-container--default .select2-search--dropdown .select2-search__field:focus { border-bottom: 1px solid #a8d5f6 !important; outline: none !important } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #a8d5f6 !important; color: black !important } .tariff-top-container { background-color: #F7FBFE } .tariff-container-header { height: 100%; margin: 0 auto; max-width: 90rem; padding: 0 20px; margin-top: 8px; display: flex; justify-content: space-between } .tariff-title-visual { font-weight: 500; font-size: 32px; color: #37352f; margin-bottom: 20px } .tariff-title { font-style: normal; font-weight: 500; font-size: 40px; line-height: 48px; color: #F07930; font-weight: 900; margin-bottom: 25px } .tariff-description { font-size: 20px; color: #37352F; margin-bottom: 38px } .tariff-description span { font-weight: 500; font-size: 20px; color: #37352F } .tariff-description-free { font-weight: 500; font-size: 20px; color: #F07930 } .tariff-top-left { margin-top: 98px; padding-bottom: 98px } .tariff-top-right { background-image: url('/../img/tariff-background.png'); background-repeat: no-repeat; width: 680px; height: 449px } .tariff-price-container { height: 100%; margin: 0 auto; max-width: 90rem; padding: 0 20px; margin-top: 96px } .tariff-price-block_list { display: flex; justify-content: space-between; flex-wrap: wrap } .tariff-price-block_item { max-width: 274px; height: 273px } .tariff-price-title { font-weight: 500; font-size: 32px; color: #37352F; margin-bottom: 25px } .tariff-price-title_type { font-weight: 500; font-size: 20px; color: #37352F; padding-top: 32px; padding-left: 24px; margin-bottom: 32px } .tariff-price-cost { font-weight: 400; font-size: 16px; color: #C0C3CA; padding-left: 24px; margin-bottom: 16px } .tariff-price-title_type_price_first { font-weight: 700; font-size: 32px; color: #37352F; padding-left: 24px; margin-bottom: 57px } .tariff-price-title_type_price { font-weight: 700; font-size: 32px; color: #37352F; padding-left: 24px; margin-bottom: 12px } .tariff-price-title_savings { font-weight: 400; font-size: 16px; color: #F07930; padding-left: 24px; margin-bottom: 22px } .tariff-price_button { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #000; background: #fff; color: #EB702D; border: 1px solid #EB702D; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; height: 47px; width: 226px; margin-left: 24px } .tariff-price_button:hover { background: #EB702D; color: #fff; border: 1px solid transparent; background: #daecf8; color: #EB702D; border: 1px solid #EB702D } .tariff-advantage-container { height: 100%; margin: 0 auto; max-width: 90rem; padding: 0 20px; margin-top: 96px } .tariff-advantage-title { font-weight: 500; font-size: 32px; color: #37352F; margin-bottom: 26px } .tariff-advantage_block_list { display: flex; justify-content: space-between; max-width: 1050px } .tariff-advantage_list { display: flex; flex-direction: column } .tariff-advantage_list_item { font-weight: 400; font-size: 16px; color: #37352F; padding: 14px 0 } .tariff-advantage_list_item:before { content: ""; display: inline-block; width: 12px; height: 12px; border-radius: 50%; background-color: #F07930; margin-right: 12px } .tariff-question-container { background-color: #F7FBFE } .tariff-question-container_block { height: 100%; margin: 0 auto; max-width: 90rem; padding: 0 20px; margin-top: 96px; padding: 64px 0 } .tariff-question-title { font-weight: 500; font-size: 32px; display: flex; color: #37352F; margin-bottom: 39px } .btn-question_orange { padding: 14px 40px; border: 1px solid #EB702D; box-sizing: border-box; border-radius: 4px; height: 48px; font-weight: 500; background: #EB702D; color: #fff; cursor: pointer } .btn-orange:hover { box-shadow: 0 4px 5px rgba(193, 89, 6, .4); background-color: transparent; color: #EB702D } .client-map { display: flex; min-height: 450px; margin-bottom: 2rem; width: 100% } .collapsible { color: #444; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px } .collapsible:hover { background-color: #F07930; color: white } .your-manager { color: #C0C3CA } .social-manager { width: 30%; display: flex; justify-content: space-around } .order-info-mobile, .order-info-mobile-content { display: none } .order-info-mobile { background: white; color: #F07930 } .order-info-content { padding: 1rem; background: white; width: 100% } .order-info-mobile { margin-bottom: 1rem } .projects-header { background-color: white } .map-content { display: flex; width: 100%; flex-wrap: wrap; height: 100%; background-color: white } .p__map { width: 65%; height: 100%; background-color: white } .p__map_2 { width: 100% } .p__filter { width: 35%; height: 100%; background-color: #f5f5f5 } .p__address { font-size: 12px; font-weight: 400 } .order-list { width: 100%; max-height: 30rem; overflow-y: scroll } .fr__content { width: 100%; display: flex; flex-direction: column; padding: 1rem } .fr__content h4 { width: 100% } #active-map { width: 100%; min-height: 500px } .panel-default { min-height: auto !important } .gm-input { cursor: pointer } .p__map_project { display: none; width: 100%; height: 350px } .show-map { display: block } .service_once_block, .basis_value_block { display: none } .pj-title-select { display: flex;width: 200px;max-width: 200px;height: 32px;padding: 0px 12px 0px 16px;justify-content: flex-end;align-items: center;flex-shrink: 0;border-radius: 4px;border: 1px solid var(--Separator-Line, rgba(39, 45, 49, 0.10));background: #EEE;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;flex: 1 0 0;overflow: hidden;color: var(--Black, #1D1D1D);text-overflow: ellipsis;font-size: 14px;font-style: normal;font-weight: 400;line-height: 22px;font-family: OpenSans-Regular, Helvetica, sans-serif;margin: 0 1rem 0 0;} .pj-title-select::-ms-expand { display: none } .pj-title-select:hover { border-color: #888 } .pj-title-select:focus { border-color: #aaa; box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7); box-shadow: 0 0 0 3px -moz-mac-focusring; color: #222; outline: none } .pj-title-select option { font-weight: 400 } .map_header { flex-direction: column; padding: 0 } .common-filter { display: flex; align-items: center } .cf-title { padding: 1rem } .cf-list { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap } .cf-list li { margin: .3rem; font-size: 12px; padding: .5rem; background-color: grey; border-radius: .5rem; color: white; text-align: center } .map-title { width: 100%; flex: 1; display: flex; justify-content: space-between; padding: 1rem } .map-nav { width: 100%; display: flex; margin: 1rem 0; justify-content: space-between } .common-filter-link { margin-right: 5%; align-self: center } .show_button_map { border-radius: 50px; width: 3rem; height: 3rem; background-color: #fff; -webkit-box-shadow: 0 22px 30px rgb(0 0 0 / 20%); box-shadow: 0 22px 30px rgb(0 0 0 / 20%); text-align: center; line-height: 20px } none { display: none } .form-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px } .company-row-col { padding-left: 8px; padding-right: 8px } .input_advert_search { border: 0; height: 51px } .zoominheader { width: 100%; height: 100%; -webkit-animation: zoomin 10s ease-in-out infinite; animation: zoomin 10s ease-in-out infinite; transition: all .10s ease-in-out } .zoomoutheader { width: 100%; height: 100%; -webkit-animation: zoomout 10s ease-in-out infinite; animation: zoomout 10s ease-in-out infinite; transition: all .10s ease-in-out } @-webkit-keyframes zoomin { 0% { transform: scale(1) } 50% { transform: scale(1.2) } 100% { transform: scale(1) } } @keyframes zoomin { 0% { transform: scale(1) } 50% { transform: scale(1.2) } 100% { transform: scale(1) } } @-webkit-keyframes zoomout { 0% { transform: scale(1.2) } 50% { transform: scale(1) } 100% { transform: scale(1.2) } } @keyframes zoomout { 0% { transform: scale(1.2) } 50% { transform: scale(1) } 100% { transform: scale(1.2) } } .statistic-container { width: 100%; background: #FAF8F4 } .statistic-list-block { display: flex; justify-content: flex-end; flex-wrap: wrap } .statistic-item-block { display: flex; margin-right: 30px } .statistic-show-color { width: 12px; height: 12px; margin-right: 10px; margin-top: 4px } .statistic-container-wrap { width: 100%; margin-top: 50px } .statistic-container-block { display: flex; overflow-x: scroll; padding-bottom: 20px } .statistic-container-block-center { justify-content: center } .statistic-container-list { display: flex; flex-direction: column; margin-right: 40px; align-self: self-end } .statistic-container-list:last-child { margin-right: 0 } .statistic-container-list-items { display: flex; margin-bottom: 10px; justify-content: center } .statistic-container-item { display: flex; flex-direction: column; align-self: self-end } .statistic-container-item-number { font-style: normal; font-weight: 400; font-size: 12px; color: #17191F; text-align: center } .statistic-container-item-block { background: #FF9775; width: 20px; margin: 1px } .statistic-container-item-block-center { width: 30px } .statistic-container-service-name { font-style: normal; font-weight: 400; font-size: 16px; color: #17191F; margin-top: auto; text-align: center } .statistic-type-block { display: flex; flex-wrap: wrap } .statistic-title-type { font-style: normal; font-weight: 600; font-size: 24px; color: #17191F; margin: 0; margin-right: 10px } .statistic-link-type { font-style: normal; font-weight: 600; font-size: 24px; line-height: 40px; color: #9AA7B6; margin-right: 10px } .statistic-link-type:last-child { margin: 0 } .statistic-link-type-active { color: #17191F } .btn-chat-top:hover { background: #fff } .company-main-chat-top .btn-chat-top { display: inline-block; position: relative; text-align: center; transition: background 600ms ease, color 600ms ease; background: #F0EAD7; border-radius: 16px; border: 1px solid #E3E3E3; z-index: 1; overflow: hidden; width: 180px; height: 50px; line-height: 35px; font-style: normal; font-weight: 500; font-size: 16px; color: #17191F; border: 0 } .company-main-chat-top .btn-chat-top-active { background: #fff; margin-right: -43px; z-index: 2 } .company-main-chat-top .btn-chat-top-active-advert { background: #fff; margin-left: -43px; z-index: 2 } .request-lead--orders-block .btn-chat-top { display: inline-block; position: relative; text-align: center; transition: background 600ms ease, color 600ms ease; background: #F0EAD7; border-radius: 16px; border: 1px solid #E3E3E3; z-index: 1; overflow: hidden; width: 150px; height: 35px; line-height: 22px; font-style: normal; font-weight: 500; font-size: 16px; color: #17191F; border: 0 } .request-lead--orders-block .btn-chat-top-active { background: #fff; z-index: 2 } .request-lead--orders-block .btn-chat-top-active-advert { background: #fff; margin-left: -43px; z-index: 2 } .company-main-chat-top-mobile { background: #EFF3F6; padding: 10px 10px 10px 0; display: none } .company-main-chat-top-mobile .btn-chat-top { display: inline-block; position: relative; text-align: center; transition: background 600ms ease, color 600ms ease; background: #EFF3F6; border-radius: 24px; z-index: 1; overflow: hidden; width: 120px; height: 50px; line-height: 35px; font-style: normal; font-weight: 500; font-size: 16px; color: #17191F } .company-main-chat-top-mobile .btn-chat-top-active { background: #EB702D } .company-main-chat-top-company { display: none } .company-main-chat-top-company .btn-chat-top { display: inline-block; position: relative; text-align: center; transition: background 600ms ease, color 600ms ease; background: #EFF3F6; border-radius: 24px; border: 1px solid #E3E3E3; z-index: 1; overflow: hidden; width: 180px; height: 50px; line-height: 35px; font-style: normal; font-weight: 500; font-size: 16px; color: #17191F } .company-main-chat-top-company .btn-chat-top-active { background: #fff; margin-right: -43px; z-index: 2 } .company-main-chat-top-company .btn-chat-top-active-advert { background: #fff; margin-left: -43px; z-index: 2 } .menu-chat-toggle-block { background: #F0EAD7; padding: 10px; padding-bottom: 0 } .menu-chat-toggle-block li { border: none } .menu-chat-toggle-block li a { color: #000; background: none !important; text-align: center; border: none } .menu-chat-toggle-block .btn { display: inline-block; padding: 10px; position: relative; text-align: center; transition: background 600ms ease, color 600ms ease; background: #EFF3F6; border-radius: 24px; border: 1px solid #E3E3E3; z-index: 1; overflow: hidden } .menu-chat-toggle-block input[type="radio"].toggle { display: none } .menu-chat-toggle-block input[type="radio"].toggle+label { cursor: pointer; width: 134px } .menu-chat-toggle-block input[type="radio"].toggle+label:hover { background: none; color: #1a1a1a } .menu-chat-toggle-block input[type="radio"].toggle+label:after { background: #fff; content: ""; height: 100%; position: absolute; top: 0; transition: left 200ms cubic-bezier(.77, 0, .175, 1); width: 100%; z-index: -1 } .menu-chat-toggle-block input[type="radio"].toggle.toggle-left+label { border: 0; background: #F0EAD7; border-radius: 16px } .menu-chat-toggle-block input[type="radio"].toggle.toggle-left+label:after { left: 100% } .menu-chat-toggle-block input[type="radio"].toggle.toggle-right+label { background: #F0EAD7; border: 0; border-radius: 16px } .menu-chat-toggle-block input[type="radio"].toggle.toggle-right+label:after { left: -100% } .menu-chat-toggle-block input[type="radio"].toggle:checked+label { cursor: default; color: #000; transition: color 200ms; font-style: normal; font-weight: 500; font-size: 14px; z-index: 2 } .menu-chat-toggle-block input[type="radio"].toggle:checked+label:after { left: 0 } .request-lead-sub-container .btn { display: inline-block; padding: 10px; position: relative; text-align: center; transition: background 600ms ease, color 600ms ease; background: #EFF3F6; border-radius: 24px; border: 1px solid #E3E3E3; z-index: 1; overflow: hidden } .request-lead-sub-container input[type="radio"].toggle { display: none } .request-lead-sub-container input[type="radio"].toggle+label { cursor: pointer; width: 134px } .request-lead-sub-container input[type="radio"].toggle+label:hover { background: none; color: #1a1a1a } .request-lead-sub-container input[type="radio"].toggle+label:after { background: #EB702D; border: 1px solid #E3E3E3; content: ""; height: 100%; position: absolute; top: 0; transition: left 200ms cubic-bezier(.77, 0, .175, 1); width: 100%; z-index: -1 } .request-lead-sub-container input[type="radio"].toggle.toggle-left+label { border-right: 0 } .request-lead-sub-container input[type="radio"].toggle.toggle-left+label:after { left: 100% } .request-lead-sub-container input[type="radio"].toggle.toggle-right+label { margin-left: -30px } .request-lead-sub-container input[type="radio"].toggle.toggle-right+label:after { left: -100% } .request-lead-sub-container input[type="radio"].toggle:checked+label { cursor: default; color: #fff; transition: color 200ms; font-style: normal; font-weight: 500; font-size: 14px; z-index: 2 } .request-lead-sub-container input[type="radio"].toggle:checked+label:after { left: 0 } .pg-0 { padding: 0 } .hide { display: none !important } .show { display: block !important } .text-hide { font: 0/0 a; color: transparent; background-color: transparent; border: 0 } .lg-actions .lg-next, .lg-actions .lg-prev, .lg-sub-html, .lg-toolbar { background-color: rgba(0, 0, 0, .45); z-index: 1080 } .affix { position: fixed } .visible-print { display: none !important } .visible-print-block { display: none !important } .visible-print-inline { display: none !important } .visible-print-inline-block { display: none !important } .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { color: #1D1D1D !important; font-weight: 500 !important; cursor: default !important } .menu-chat-toggle-block li a { color: #000; background: none !important; text-align: center !important; border: none !important } ::placeholder { color: #999 !important; opacity: 1; font-family: 'SF UI Display', OpenSans-Regular, Helvetica, sans-serif } :-ms-input-placeholder { color: #999 !important; font-family: 'SF UI Display', OpenSans-Regular, Helvetica, sans-serif } ::-ms-input-placeholder { color: #999 !important; font-family: 'SF UI Display', OpenSans-Regular, Helvetica, sans-serif } a:hover, a:focus { color: var(--black, #1D1D1D) !important; text-decoration: none !important } .select2-container--krajee .select2-selection--single { padding: 8px 24px 6px 20px !important } .menu_icon { margin-top: -2px } .main_div_title { font-weight: 500; font-size: 40px; line-height: 48px; color: #04110A; display: inline-block; margin-bottom: 10px } .section_div { margin: 5% 15px } .section_footer { margin: 5% 15px; background: #fff; border-radius: 16px } .main_div_services_img { width: 100px !important; height: 100px !important; background: linear-gradient(224.58deg, #F6C29D 28.57%, #FDF4E5 89.74%); border-radius: 100px; margin-top: 20px } .main_div_services { font-weight: 500; font-size: 18px; line-height: 22px; text-align: center; color: #292D32; margin-top: 10px } .show_all { box-sizing: border-box; border: 1px solid #EB702D; border-radius: 30px; text-align: center; font-weight: 500; font-size: 18px; color: #EB702D; padding: 13px 20px; height: 45px; line-height: 18px; margin-left: 40px } .show_all:hover { color: #fff !important; background: #EB702D !important; transition: 0.5s } .categ_more_btn { cursor: pointer; padding: 7px 15px; height: auto; font-size: 16px; line-height: 14px; font-weight: 500; margin: 0; max-width: 150px; left: auto; right: auto; text-align: center; border: 1px solid #EB702D; background: #EB702D; color: #fff; box-sizing: border-box; border-radius: 15px } .categ_more_btn:hover { color: #292D32 !important; background: #fff !important; transition: 0.5s } .categ_more_btn2 { cursor: pointer; padding: 10px 25px; height: auto; font-size: 16px; line-height: 14px; font-weight: 500; margin: 0; max-width: 150px; left: auto; right: auto; text-align: center; border: 1px solid #EB702D; background: #EB702D; color: #fff; box-sizing: border-box; border-radius: 25px; margin-top: 5px } .categ_more_btn2:hover { color: #292D32 !important; background: #fff !important; transition: 0.5s } .categ_more_btn5 { cursor: pointer; padding: 15px 35px; height: auto; font-size: 18px; line-height: 14px; font-weight: 500; margin: 0; max-width: 150px; left: auto; right: auto; text-align: center; border: 1px solid #EB702D; background: #EB702D; color: #fff; box-sizing: border-box; border-radius: 25px; margin-top: 5px } .categ_more_btn5:hover { color: #292D32 !important; background: #fff !important; transition: 0.5s } .categ_more_btn6 { cursor: pointer; padding: 15px 35px; height: auto; font-size: 18px; line-height: 14px; font-weight: 500; margin: 0; max-width: 150px; left: auto; right: auto; text-align: center; border: 1px solid #EB702D; background: #fff; color: #EB702D; box-sizing: border-box; border-radius: 25px; margin-top: 5px } .categ_more_btn6:hover { color: #fff !important; background: #EB702D !important; transition: 0.5s } .categ_more_btn3 { cursor: pointer; padding: 10px 25px; height: auto; font-size: 16px; line-height: 14px; font-weight: 500; margin: 0; max-width: 150px; left: auto; right: auto; text-align: center; border: 1px solid #fff; background: #fff; color: #EB702D; ; box-sizing: border-box; border-radius: 25px; margin-top: 15px } .categ_more_btn3:hover { color: #fff !important; background: #EB702D !important; border: 1px solid #fff; transition: 0.5s } .categ_more_btn4 { cursor: pointer; height: auto; font-weight: 500; margin: 0; left: auto; right: auto; text-align: center; background: #fff; color: #EB702D; ; box-sizing: border-box; margin-top: 15px; border: 1px solid #EB702D; border-radius: 16px; width: 100%; font-weight: 500; font-size: 16px; line-height: 24px; padding: 15px 25px } .categ_more_btn4:hover { color: #fff !important; background: #EB702D !important; border: 1px solid #fff; transition: 0.5s } .section4_car_pc_foot { display: none } .section4_car_pc:hover .section4_car_pc_foot { display: block; margin-top: -50px; z-index: 99; transition: 0.5s } .section4_car_pc:hover .section4_car_pc_foot .section4_title { background: #fff } .section4_car_pc:hover .section4_title_pc_foot { display: none } .section4_car_pc { background: #fff; border-radius: 30px; height: 280px; width: 100% } .section4_car_pc:hover { box-shadow: 0 10px 30px rgb(0 0 0 / 5%), 0 3px 15px rgb(0 0 0 / 15%); transition: 0.5s } .section4_car_pc_chat { background: none; border-radius: 30px; height: 185px; width: 100%; border: 1px solid #D6B885; backdrop-filter: blur(36.0845px); border-radius: 30px } .section4_car_pc_chat_active { background: #fff; border-radius: 30px; height: 185px; width: 100%; border: 1px solid #EDD9B7; backdrop-filter: blur(36.0845px); border-radius: 30px } .section4_car_img { width: 85% !important } .section4_title_count { background: #EB702D !important; width: 40px !important; height: 20px !important; position: absolute !important; color: #fff !important; border-radius: 50px !important; line-height: 18px !important; text-align: center !important; top: 0 !important; right: 0 !important; margin-top: 20px !important; margin-right: 15px !important; font-size: 14px !important } .section4_title_count2 { background: #EB702D !important; width: 40px !important; height: 20px !important; position: absolute !important; color: #fff !important; border-radius: 50px !important; line-height: 18px !important; text-align: center !important; top: 0 !important; right: 0 !important; margin-top: 10px !important; margin-right: 15px !important; font-size: 14px !important } .section4_title_pc { font-style: normal; text-align: center; color: #292D32; letter-spacing: -.02em; font-weight: 500; font-size: 18px; line-height: 26px; padding: 0 5px } .section4_title_pc2 { font-style: normal; text-align: center; color: #292D32; letter-spacing: -.02em; font-weight: 500; font-size: 14px; line-height: 18px; padding: 0 } .footer_title { font-weight: 500; font-size: 32px; line-height: 48px; color: #04110A; margin-bottom: 20px } .footer_pages { font-weight: 400; font-size: 16px; line-height: 24px; color: #04110A; flex: none; order: 0; flex-grow: 0 } .footer_pages a { color: #04110A } .slider_title { font-weight: 500; font-size: 42px; line-height: 44px; color: #04110A; margin: 10% 0 2% 15px } .slider_text { font-weight: 500; font-size: 20px; line-height: 28px; color: #04110A; margin: 25px 15px 35px } .slider_stat_title { font-weight: 600; font-size: 24px; line-height: 26px; display: flex; align-items: center; color: #292D32; flex: none; order: 0; flex-grow: 0; margin-top: 40px } .slider_stat_text { font-weight: 400; font-size: 20px; line-height: 26px; display: flex; align-items: center; color: #292D32; flex: none; order: 1; flex-grow: 0 } .slide_phone1 { max-height: 474px !important; width: auto !important; position: absolute !important; top: 0 !important; margin-top: 5px !important } .slide_phone2 { max-height: 474px !important; width: auto !important; position: absolute !important; top: 0 !important; right: 0 !important; margin-right: 35px !important } .slider-prev { display: inline-flex !important; position: relative !important; top: 0 !important; margin-top: -120px !important; left: 30px !important; margin-bottom: 50px !important } .slider-next { display: inline-flex !important; position: relative !important; top: 0 !important; margin-top: -120px !important; left: 32px !important; margin-bottom: 50px !important } .slider-prev2 { display: inline-flex !important; position: relative !important; top: 0 !important; margin-top: 0px !important; margin-right: 10px !important; right: 0 !important; left: auto !important } .slider-next2 { display: inline-flex !important; position: relative !important; top: 0 !important; margin-top: 0px !important; margin-right: 30px !important; right: 0 !important; left: auto !important } .banner_title { font-weight: 500; font-size: 40px; line-height: 40px; color: #04110A; padding: 5% 0 0 35px; max-width: 400px } .banner_text { font-weight: 500; font-size: 20px; line-height: 28px; color: #04110A; padding: 25px 0 0 35px } .testimonial_text { font-size: 16px; line-height: 22px; padding: 25px 0 0 0 } .testimonial_job { color: #8F96A9; text-align: right; position: absolute; right: 0; bottom: 0; margin-bottom: 50px; margin-right: 85px } .testimonial_author { color: #172853; font-size: 18px; line-height: 22px; text-align: right; position: absolute; right: 0; bottom: 0; margin-right: 85px; margin-bottom: 25px } .testimonial_img { width: 45px !important; ; position: absolute !important; ; right: 0 !important; ; margin-right: 20px !important; ; bottom: 0 !important; ; margin-bottom: 28px !important; ; border-radius: 50px !important; } .hidden { display: none !important } .slider-prev2 { width: 45px !important; height: 45px !important } .slider-next2 { width: 45px !important; height: 45px !important } .slider-prev2:hover { width: 80px !important; transition: 0.5s } .slider-next2:hover { width: 80px !important; transition: 0.5s } .slider-prev2:hover { width: 90px; transition: 0.5s } .slider-next2:hover { width: 90px; transition: 0.5s } .banner_chat_animation1 { position: absolute; width: 24px; height: 12px; bottom: 20px; margin-left: -12px; -webkit-animation: bounce-down 7.6s linear infinite; animation: bounce-down 7.6s linear infinite; img { position: absolute } } .banner_chat_animation2 { position: absolute; width: 24px; height: 12px; bottom: 20px; margin-left: -12px; -webkit-animation: bounce-down 5.6s linear infinite; animation: bounce-down 5.6s linear infinite; img { position: absolute } } .banner_chat_animation3 { position: absolute; width: 24px; height: 12px; bottom: 20px; margin-left: -12px; -webkit-animation: bounce-down 6.6s linear infinite; animation: bounce-down 6.6s linear infinite; img { position: absolute } } @-webkit-keyframes bounce-down { 25% { -webkit-transform: translateY(-24px) } 50%, 100% { -webkit-transform: translateY(0) } 75% { -webkit-transform: translateY(24px) } } @keyframes bounce-down { 25% { transform: translateY(-24px) } 50%, 100% { transform: translateY(0) } 75% { transform: translateY(24px) } } .swiper-slide:hover { transform: scale(1.05); transition: 0.5s } .chat-pc { display: none } .filter_ul { background: #fff; padding: 10px 0 } .filter_row { text-align: center; margin: 0 10px } .filter_span { position: absolute; left: 0; margin-left: 25px; top: 0; margin-top: 7px; color: #17191F; opacity: .4 } .filter_select { background: #F0EAD7; border-radius: 10px; padding: 8px 5px 7px 80px } .filter_mobile { background: #F9F6ED; padding: 10px 20px } .filter_span_mobile_1 { position: absolute; left: 0; margin-left: 40px; top: 0; margin-top: 15px } .filter_span_mobile_2 { position: absolute; left: 0; margin-left: 40px; top: 0; margin-top: 54px } .filter_select_mobile { background: #fff; border-radius: 5px; padding: 8px 5px 7px 40px } .filter_form_span { position: absolute; left: 0; margin-left: 30px; top: 0; margin-top: 5px } .filter_form_select { padding: 5px 13px 5px 40px } .filter_form_submit { border-radius: 5px; width: 100% } .hide, .hide+label~div.all_banners { display: none } .hide:checked+label+div.all_banners { display: block; -webkit-animation: fade ease-in 0.5s; -moz-animation: fade ease-in 0.5s; animation: fade ease-in 0.5s } @-moz-keyframes fade { from { opacity: 0 } to { opacity: 1 } } @-webkit-keyframes fade { from { opacity: 0 } to { opacity: 1 } } @keyframes fade { from { opacity: 0 } to { opacity: 1 } } .body { background: #EAD0A3 } .header { height: 70px; } .wrapper { background: #F8F4F0 } .container-header {} .elem { overflow: auto; -ms-overflow-style: none; scrollbar-width: none } .elem::-webkit-scrollbar { width: 0; height: 0 } .chat-panel-footer { background: none; padding: 2px 20px 15px 15px; width: 100%; border-top: none; border-bottom-right-radius: 16px } .pagination__wrapper>a.pagination__prev-page { display: none } .pagination__wrapper>a.pagination__first-page { display: none } .reviews__car-driver-rating>div { display: flex } .panel__input { width: 100%; border-radius: 4px } .checkbox__label { background-color: #dde5eb } .select2-container .select2-selection__rendered { font-family: 'SF UI Display', OpenSans-Regular, Helvetica, sans-serif; font-weight: 600 } .select2-selection__arrow { border-left: none !important } .select2-selection__arrow b { border-style: none !important } .select2-container--krajee .select2-selection { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='7' xmlns='http://www.w3.org/2000/svg' fill='black'%3E%3Cpath d='M5.953 6.787a.831.831 0 0 1-.59-.244L.245 1.423A.834.834 0 1 1 1.424.244l4.53 4.53 4.53-4.53a.834.834 0 1 1 1.178 1.18l-5.12 5.12a.831.831 0 0 1-.589.243z'/%3E%3C/svg%3E") 50% no-repeat; background-position: right 13px center } .select2-container--krajee .select2-selection:focus, .select2-container--krajee .select2-selection:hover { border: 1px solid #249af3 } .select2-container--krajee .select2-selection .select2-selection__clear { right: 32px !important } .filter__all .select2-container--krajee .select2-selection .select2-selection__clear { line-height: 1.2 !important } .user-type__btn { margin-right: auto; margin-left: auto } .panel__btns { width: inherit } .panel__input { margin-bottom: 5px } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #ff0303 } .has-success .panel__input { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) } .has-error .panel__input { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442 } .panel__input-row .form-group, .field-signup-activation_code { width: inherit } .filter__buttons { padding-top: 25px; border-top: 1px solid #b8c1cb } .filter__feature-input { color: black; margin-bottom: 18px } .filter__extra:not(:empty) { border-top: 1px solid #b8c1cb; padding-top: 25px } .filter__multi-select, .filter__multi-select:focus, .filter__multi-select:hover { height: auto; background: none } .filter__minimize { cursor: pointer; height: 20px !important } .review--hide { visibility: visible } .booking__btn { -webkit-transition: none; transition: none } .panel__input_step-3 { width: 100% !important } .car__slider { margin-bottom: 30px !important } .reviews__buttons a { cursor: pointer } .actions__info { position: relative } .filter { margin-bottom: 30px } .services__list { justify-content: center } .services__item { width: 30% !important; margin-left: 10px; margin-right: 10px } #signup-transport_category_id.checkbox__list { justify-content: space-evenly !important } .panel__input-group_step-3 .select2-container--krajee .select2-selection--single { height: 40px; padding-top: 10px } .registration-profile-content { min-height: 0; padding: 68px 0 0 0 } .update_sms { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 600; font-size: .75rem; cursor: pointer; color: #fff; background: #b8c1cb; width: 223px } .field-icon { position: absolute; right: 1px; z-index: 2 } .input-group { position: relative; display: table; border-collapse: separate } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6 } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; width: 100% } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1 } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc } .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1 } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit } .alert .close { float: right; background: transparent } .mobile-menu { display: none } .panel__content_third { max-height: inherit } .desktop-menu__form-city { height: 38px !important } .my-orders__actions form { width: 100%; display: block; text-align: center } .offers-list__btns-blue_car { width: 51% } .booking__link_car { margin-left: auto; margin-right: auto } #create-order .field-order-description { width: inherit } .booking__input-row-company { display: flex; flex-wrap: wrap; justify-content: space-between } .booking__input-row-company select { flex-basis: 30% } .booking__input-row-company input { flex-basis: 30% } #create-order .booking__input-row-company .form-group { width: 100% } .field-forgotpassword-activation_code, .field-forgotpassword-phone_number { width: inherit } .my-orders__btn-pay { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #000; width: 100%; height: 35px; border: 1px solid #1ab817; font-weight: 400; background: transparent; margin-bottom: 13px; color: #1ab817 } .empty__item { padding: 15px 0 } .help-block-error { font-size: 11px } .header__container { position: relative } .account-menu { position: absolute; top: -2000px; right: 150px; display: -webkit-box; display: -ms-flexbox; display: flex; flex-flow: column; width: 300px; border: 1px solid #b8c1cb; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background: #fff; z-index: 30; } .account-menu__background { display: none; position: absolute; background: black; width: 100%; height: 100%; opacity: 50%; z-index: 15 } .account-menu-tablets { display: none; visibility: hidden; opacity: 0; -webkit-transition: .4s; transition: .4s } .account-menu-tablets--open { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; width: 100%; top: 60px; visibility: visible; opacity: 1 } .account-menu--open { top: 82px; right: 0px; opacity: 1; z-index: 30; border-radius: 4px; padding: 15px 15px 0 } .account-menu__balance { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 40px; padding: 10px 31px 10px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; color: #000; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; z-index: 11 } .account-menu__balance:focus, .account-menu__balance:hover { color: #249af3 } .account-menu__balance:focus:before, .account-menu__balance:hover:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='20' xmlns='http://www.w3.org/2000/svg' fill='%23B8C1CB'%3E%3Cpath d='M18.54 1.64h-.985V0h-1.64v1.64H5.084V0h-1.64v1.64H2.46A2.464 2.464 0 0 0 0 4.103V18.54A2.464 2.464 0 0 0 2.46 21h16.08A2.464 2.464 0 0 0 21 18.54V4.101a2.464 2.464 0 0 0-2.46-2.461zm.82 16.9c0 .451-.369.82-.82.82H2.46a.821.821 0 0 1-.82-.82V7.71h17.72v10.83zm0-12.47H1.64V4.102c0-.453.369-.82.82-.82h.985v1.64h1.64v-1.64h10.83v1.64h1.64v-1.64h.984a.82.82 0 0 1 .82.82V6.07z'/%3E%3Cpath d='M4.758 9.434h-1.64v1.64h1.64v-1.64zm3.282 0H6.397v1.64H8.04v-1.64zm3.28 0H9.68v1.64h1.64v-1.64zm3.282 0H12.96v1.64h1.64v-1.64zm3.281 0h-1.64v1.64h1.64v-1.64zM4.758 12.715h-1.64v1.64h1.64v-1.64zm3.282 0H6.397v1.64H8.04v-1.64zm3.28 0H9.68v1.64h1.64v-1.64zm3.282 0H12.96v1.64h1.64v-1.64zm-9.844 3.281h-1.64v1.64h1.64v-1.64zm3.282 0H6.397v1.64H8.04v-1.64zm3.28 0H9.68v1.64h1.64v-1.64zm3.282 0H12.96v1.64h1.64v-1.64zm3.281-3.281h-1.64v1.64h1.64v-1.64z'/%3E%3C/svg%3E") no-repeat 50%; background-size: 100% } .account-menu__balance:before { content: ""; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='20' xmlns='http://www.w3.org/2000/svg' fill='%23B8C1CB'%3E%3Cpath d='M18.54 1.64h-.985V0h-1.64v1.64H5.084V0h-1.64v1.64H2.46A2.464 2.464 0 0 0 0 4.103V18.54A2.464 2.464 0 0 0 2.46 21h16.08A2.464 2.464 0 0 0 21 18.54V4.101a2.464 2.464 0 0 0-2.46-2.461zm.82 16.9c0 .451-.369.82-.82.82H2.46a.821.821 0 0 1-.82-.82V7.71h17.72v10.83zm0-12.47H1.64V4.102c0-.453.369-.82.82-.82h.985v1.64h1.64v-1.64h10.83v1.64h1.64v-1.64h.984a.82.82 0 0 1 .82.82V6.07z'/%3E%3Cpath d='M4.758 9.434h-1.64v1.64h1.64v-1.64zm3.282 0H6.397v1.64H8.04v-1.64zm3.28 0H9.68v1.64h1.64v-1.64zm3.282 0H12.96v1.64h1.64v-1.64zm3.281 0h-1.64v1.64h1.64v-1.64zM4.758 12.715h-1.64v1.64h1.64v-1.64zm3.282 0H6.397v1.64H8.04v-1.64zm3.28 0H9.68v1.64h1.64v-1.64zm3.282 0H12.96v1.64h1.64v-1.64zm-9.844 3.281h-1.64v1.64h1.64v-1.64zm3.282 0H6.397v1.64H8.04v-1.64zm3.28 0H9.68v1.64h1.64v-1.64zm3.282 0H12.96v1.64h1.64v-1.64zm3.281-3.281h-1.64v1.64h1.64v-1.64z'/%3E%3C/svg%3E") no-repeat 50%; background-size: 100%; width: 21px; height: 20px; margin-right: 11px; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .account-menu__profile-subtitle { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 40px; padding: 9px 16px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 14px; line-height: normal; color: #9AA7B6; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; z-index: 11; margin: 0 } .account-menu__profile { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 40px; padding: 10px 16px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 1rem; line-height: normal; color: #000; -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; z-index: 11 } .account-menu__profile:focus, .account-menu__profile:hover { background: #f4f4f4; text-decoration: none } .account-menu__profile--my-profile { border-left: 2px solid #249af3; background: #e9f5fe; color: #249af3 } .account-menu__profile--my-profile:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='20' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M10.464 11.224a5.622 5.622 0 0 0 5.621-5.62C16.085 2.5 13.568 0 10.465 0 7.36 0 4.843 2.517 4.843 5.603c0 3.087 2.517 5.621 5.62 5.621zm0-9.758a4.15 4.15 0 0 1 4.138 4.137 4.15 4.15 0 0 1-4.138 4.138 4.15 4.15 0 0 1-4.138-4.138 4.15 4.15 0 0 1 4.138-4.137zM.741 20H20.26a.736.736 0 0 0 .74-.74c0-3.88-3.155-7.052-7.052-7.052H7.052C3.172 12.207 0 15.362 0 19.259c0 .413.328.741.741.741zm6.31-6.31h6.897a5.565 5.565 0 0 1 5.517 4.827H1.535c.362-2.707 2.69-4.827 5.517-4.827z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100% } .account-menu__order { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 57px; padding: 18px 31px 19px; border-bottom: 1px solid #b8c1cb; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; color: #000 } .account-menu__order, .account-menu__order:before { -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .account-menu__order:before { content: ""; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='26' xmlns='http://www.w3.org/2000/svg' fill='%2375869A'%3E%3Cpath d='M9.269 9.732a.794.794 0 0 0-1.121-.001l-2.606 2.607-1.023-1.024a.792.792 0 0 0-1.12 1.12l1.584 1.583a.795.795 0 0 0 1.12.002l3.166-3.167a.792.792 0 0 0 0-1.12zm0 6.333a.794.794 0 0 0-1.121-.001l-2.606 2.608-1.023-1.023a.792.792 0 0 0-1.12 1.12l1.584 1.582a.795.795 0 0 0 1.12 0l3.166-3.166a.792.792 0 0 0 0-1.12zm5.773-4.982h-3.167a.792.792 0 0 0 0 1.583h3.167a.792.792 0 0 0 0-1.583zm0 6.334h-3.167a.792.792 0 0 0 0 1.583h3.167a.792.792 0 0 0 0-1.583z'/%3E%3Cpath d='M17.417 3.167H14.25v-.792a.792.792 0 0 0-.792-.792H11.74A2.381 2.381 0 0 0 9.5 0a2.381 2.381 0 0 0-2.24 1.583H5.542a.792.792 0 0 0-.792.792v.792H1.583C.711 3.167 0 3.877 0 4.75v19c0 .872.71 1.583 1.583 1.583h15.834c.872 0 1.583-.71 1.583-1.583v-19c0-.872-.71-1.583-1.583-1.583zm-11.084 0h1.584a.792.792 0 0 0 .791-.792.792.792 0 0 1 1.584 0c0 .437.354.792.791.792h1.584V4.75H6.333V3.167zM17.417 23.75H1.583v-19H4.75v.792c0 .437.355.791.792.791h7.916a.792.792 0 0 0 .792-.791V4.75h3.167v19z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 70%; width: 21px; height: 20px; margin-right: 11px } .account-menu__order:focus, .account-menu__order:hover { color: #249af3 } .account-menu__order:focus:before, .account-menu__order:hover:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='26' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M9.269 9.732a.794.794 0 0 0-1.121-.001l-2.606 2.607-1.023-1.024a.792.792 0 0 0-1.12 1.12l1.584 1.583a.795.795 0 0 0 1.12.002l3.166-3.167a.792.792 0 0 0 0-1.12zm0 6.333a.794.794 0 0 0-1.121-.001l-2.606 2.608-1.023-1.023a.792.792 0 0 0-1.12 1.12l1.584 1.582a.795.795 0 0 0 1.12 0l3.166-3.166a.792.792 0 0 0 0-1.12zm5.773-4.982h-3.167a.792.792 0 0 0 0 1.583h3.167a.792.792 0 0 0 0-1.583zm0 6.334h-3.167a.792.792 0 0 0 0 1.583h3.167a.792.792 0 0 0 0-1.583z'/%3E%3Cpath d='M17.417 3.167H14.25v-.792a.792.792 0 0 0-.792-.792H11.74A2.381 2.381 0 0 0 9.5 0a2.381 2.381 0 0 0-2.24 1.583H5.542a.792.792 0 0 0-.792.792v.792H1.583C.711 3.167 0 3.877 0 4.75v19c0 .872.71 1.583 1.583 1.583h15.834c.872 0 1.583-.71 1.583-1.583v-19c0-.872-.71-1.583-1.583-1.583zm-11.084 0h1.584a.792.792 0 0 0 .791-.792.792.792 0 0 1 1.584 0c0 .437.354.792.791.792h1.584V4.75H6.333V3.167zM17.417 23.75H1.583v-19H4.75v.792c0 .437.355.791.792.791h7.916a.792.792 0 0 0 .792-.791V4.75h3.167v19z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 70% } .account-menu__department { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 57px; padding: 18px 31px 19px; border-bottom: 1px solid #b8c1cb; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 1rem; line-height: normal; color: #000 } .account-menu__department { -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .account-menu__department:before { content: '\f0b1'; font-family: FontAwesome; width: 21px; height: 20px; margin-right: 11px; color: #b1b1b1 } .account-menu__department:focus, .account-menu__department:hover { color: #249af3 } .account-menu__department:focus:before, .account-menu__department:hover:before { content: '\f0b1'; font-family: FontAwesome } .account-menu__order--my-orders { border-left: 2px solid #249af3; background: #e9f5fe; color: #249af3 } .account-menu__order--my-orders:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='26' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M9.269 9.732a.794.794 0 0 0-1.121-.001l-2.606 2.607-1.023-1.024a.792.792 0 0 0-1.12 1.12l1.584 1.583a.795.795 0 0 0 1.12.002l3.166-3.167a.792.792 0 0 0 0-1.12zm0 6.333a.794.794 0 0 0-1.121-.001l-2.606 2.608-1.023-1.023a.792.792 0 0 0-1.12 1.12l1.584 1.582a.795.795 0 0 0 1.12 0l3.166-3.166a.792.792 0 0 0 0-1.12zm5.773-4.982h-3.167a.792.792 0 0 0 0 1.583h3.167a.792.792 0 0 0 0-1.583zm0 6.334h-3.167a.792.792 0 0 0 0 1.583h3.167a.792.792 0 0 0 0-1.583z'/%3E%3Cpath d='M17.417 3.167H14.25v-.792a.792.792 0 0 0-.792-.792H11.74A2.381 2.381 0 0 0 9.5 0a2.381 2.381 0 0 0-2.24 1.583H5.542a.792.792 0 0 0-.792.792v.792H1.583C.711 3.167 0 3.877 0 4.75v19c0 .872.71 1.583 1.583 1.583h15.834c.872 0 1.583-.71 1.583-1.583v-19c0-.872-.71-1.583-1.583-1.583zm-11.084 0h1.584a.792.792 0 0 0 .791-.792.792.792 0 0 1 1.584 0c0 .437.354.792.791.792h1.584V4.75H6.333V3.167zM17.417 23.75H1.583v-19H4.75v.792c0 .437.355.791.792.791h7.916a.792.792 0 0 0 .792-.791V4.75h3.167v19z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 70% } .account-menu__favorites { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 57px; padding: 18px 31px 19px; border-bottom: 1px solid #b8c1cb; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; color: #000 } .account-menu__favorites, .account-menu__favorites:before { -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .account-menu__favorites:before { content: ""; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='19' xmlns='http://www.w3.org/2000/svg' fill='%2375869A'%3E%3Cpath d='M10.5 2.103l1.74 5.353.145.45h6.101l-4.554 3.308-.382.277.146.45 1.74 5.352-4.554-3.308-.382-.278-.382.278-4.553 3.308 1.739-5.353.146-.449-.382-.277-4.554-3.309h6.101l.146-.449L10.5 2.103z' stroke='%2375869A' stroke-width='1.3'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100%; width: 21px; height: 20px; margin-right: 11px } .account-menu__favorites:focus, .account-menu__favorites:hover { color: #249af3 } .account-menu__favorites:focus:before, .account-menu__favorites:hover:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='19' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M10.5 2.103l1.74 5.353.145.45h6.101l-4.554 3.308-.382.277.146.45 1.74 5.352-4.554-3.308-.382-.278-.382.278-4.553 3.308 1.739-5.353.146-.449-.382-.277-4.554-3.309h6.101l.146-.449L10.5 2.103z' stroke='%2375869A' stroke-width='1.3'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100% } .account-menu__favorites--my-favorites { border-left: 2px solid #249af3; background: #e9f5fe; color: #249af3 } .account-menu__favorites--my-favorites:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='19' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M10.5 2.103l1.74 5.353.145.45h6.101l-4.554 3.308-.382.277.146.45 1.74 5.352-4.554-3.308-.382-.278-.382.278-4.553 3.308 1.739-5.353.146-.449-.382-.277-4.554-3.309h6.101l.146-.449L10.5 2.103z' stroke='%2375869A' stroke-width='1.3'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100% } .account-menu__car { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 57px; padding: 18px 31px 19px; border-bottom: 1px solid #b8c1cb; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; color: #000 } .account-menu__car, .account-menu__car:before { -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .account-menu__car:before { content: ""; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='18' xmlns='http://www.w3.org/2000/svg' fill='%2375869A'%3E%3Cpath d='M21.159 6.323l-.48-.508-1.683-4.536A1.974 1.974 0 0 0 17.158 0H5.138C4.32 0 3.587.512 3.3 1.279l-1.66 4.48-.69.639A2.701 2.701 0 0 0 0 8.452v6.61a1.965 1.965 0 0 0 1.965 1.955h1.241c1.081 0 1.96-.874 1.965-1.955v-.96h11.658v.96a1.965 1.965 0 0 0 1.965 1.955h1.241c1.081 0 1.96-.874 1.965-1.955V8.277a2.726 2.726 0 0 0-.841-1.955zM4.183 1.598c.15-.4.531-.658.954-.658h12.025c.423 0 .804.263.954.658l1.467 3.949h-1.096a3.22 3.22 0 0 0-3.662-2.717 3.221 3.221 0 0 0-2.717 2.717H2.717l1.467-3.949zm13.345 3.949h-4.47a2.286 2.286 0 0 1 2.708-1.768 2.29 2.29 0 0 1 1.762 1.768zM4.231 15.062a1.022 1.022 0 0 1-1.025 1.015H1.965c-.564 0-1.02-.451-1.025-1.016V13.83c.282.183.654.273 1.025.273h2.266v.959zm16.829 0a1.022 1.022 0 0 1-1.025 1.015h-1.241c-.564 0-1.02-.456-1.025-1.016v-.958h2.266c.371 0 .743-.09 1.025-.273v1.232zm-1.025-1.9H1.965A1.014 1.014 0 0 1 .94 12.156V8.452c0-.517.23-1.01.625-1.344l.02-.02.639-.6h17.802l.45.483c.006.01.02.014.024.024.353.334.555.799.555 1.283v3.878h.005a1.017 1.017 0 0 1-1.025 1.006z'/%3E%3Cpath d='M6.205 8.371H2.679a.471.471 0 0 0-.47.47v2.445c0 .258.212.47.47.47h3.526c.259 0 .47-.212.47-.47V8.84a.471.471 0 0 0-.47-.47zm-.47 2.444H3.149V9.312h2.586v1.505zM19.32 8.371h-3.525a.471.471 0 0 0-.47.47v2.445c0 .258.211.47.47.47h3.525c.259 0 .47-.212.47-.47V8.84a.472.472 0 0 0-.47-.47zm-.47 2.444h-2.585V9.312h2.585v1.505zm-5.58-.471H8.73a.471.471 0 0 0-.47.47c0 .258.211.47.47.47h4.54a.47.47 0 0 0 .47-.47.471.471 0 0 0-.47-.47zm0-1.461H8.73a.471.471 0 0 0-.47.47c0 .258.21.47.47.47h4.54c.259 0 .47-.212.47-.47a.471.471 0 0 0-.47-.47z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100%; width: 21px; height: 20px; margin-right: 11px } .account-menu__car:focus, .account-menu__car:hover { color: #249af3 } .account-menu__car:focus:before, .account-menu__car:hover:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='18' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M21.159 6.323l-.48-.508-1.683-4.536A1.974 1.974 0 0 0 17.158 0H5.138C4.32 0 3.587.512 3.3 1.279l-1.66 4.48-.69.639A2.701 2.701 0 0 0 0 8.452v6.61a1.965 1.965 0 0 0 1.965 1.955h1.241c1.081 0 1.96-.874 1.965-1.955v-.96h11.658v.96a1.965 1.965 0 0 0 1.965 1.955h1.241c1.081 0 1.96-.874 1.965-1.955V8.277a2.726 2.726 0 0 0-.841-1.955zM4.183 1.598c.15-.4.531-.658.954-.658h12.025c.423 0 .804.263.954.658l1.467 3.949h-1.096a3.22 3.22 0 0 0-3.662-2.717 3.221 3.221 0 0 0-2.717 2.717H2.717l1.467-3.949zm13.345 3.949h-4.47a2.286 2.286 0 0 1 2.708-1.768 2.29 2.29 0 0 1 1.762 1.768zM4.231 15.062a1.022 1.022 0 0 1-1.025 1.015H1.965c-.564 0-1.02-.451-1.025-1.016V13.83c.282.183.654.273 1.025.273h2.266v.959zm16.829 0a1.022 1.022 0 0 1-1.025 1.015h-1.241c-.564 0-1.02-.456-1.025-1.016v-.958h2.266c.371 0 .743-.09 1.025-.273v1.232zm-1.025-1.9H1.965A1.014 1.014 0 0 1 .94 12.156V8.452c0-.517.23-1.01.625-1.344l.02-.02.639-.6h17.802l.45.483c.006.01.02.014.024.024.353.334.555.799.555 1.283v3.878h.005a1.017 1.017 0 0 1-1.025 1.006z'/%3E%3Cpath d='M6.205 8.371H2.679a.471.471 0 0 0-.47.47v2.445c0 .258.212.47.47.47h3.526c.259 0 .47-.212.47-.47V8.84a.471.471 0 0 0-.47-.47zm-.47 2.444H3.149V9.312h2.586v1.505zM19.32 8.371h-3.525a.471.471 0 0 0-.47.47v2.445c0 .258.211.47.47.47h3.525c.259 0 .47-.212.47-.47V8.84a.472.472 0 0 0-.47-.47zm-.47 2.444h-2.585V9.312h2.585v1.505zm-5.58-.471H8.73a.471.471 0 0 0-.47.47c0 .258.211.47.47.47h4.54a.47.47 0 0 0 .47-.47.471.471 0 0 0-.47-.47zm0-1.461H8.73a.471.471 0 0 0-.47.47c0 .258.21.47.47.47h4.54c.259 0 .47-.212.47-.47a.471.471 0 0 0-.47-.47z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100% } .account-menu__car--my-car { border-left: 2px solid #249af3; background: #e9f5fe; color: #249af3 } .account-menu__car--my-car:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='18' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M21.159 6.323l-.48-.508-1.683-4.536A1.974 1.974 0 0 0 17.158 0H5.138C4.32 0 3.587.512 3.3 1.279l-1.66 4.48-.69.639A2.701 2.701 0 0 0 0 8.452v6.61a1.965 1.965 0 0 0 1.965 1.955h1.241c1.081 0 1.96-.874 1.965-1.955v-.96h11.658v.96a1.965 1.965 0 0 0 1.965 1.955h1.241c1.081 0 1.96-.874 1.965-1.955V8.277a2.726 2.726 0 0 0-.841-1.955zM4.183 1.598c.15-.4.531-.658.954-.658h12.025c.423 0 .804.263.954.658l1.467 3.949h-1.096a3.22 3.22 0 0 0-3.662-2.717 3.221 3.221 0 0 0-2.717 2.717H2.717l1.467-3.949zm13.345 3.949h-4.47a2.286 2.286 0 0 1 2.708-1.768 2.29 2.29 0 0 1 1.762 1.768zM4.231 15.062a1.022 1.022 0 0 1-1.025 1.015H1.965c-.564 0-1.02-.451-1.025-1.016V13.83c.282.183.654.273 1.025.273h2.266v.959zm16.829 0a1.022 1.022 0 0 1-1.025 1.015h-1.241c-.564 0-1.02-.456-1.025-1.016v-.958h2.266c.371 0 .743-.09 1.025-.273v1.232zm-1.025-1.9H1.965A1.014 1.014 0 0 1 .94 12.156V8.452c0-.517.23-1.01.625-1.344l.02-.02.639-.6h17.802l.45.483c.006.01.02.014.024.024.353.334.555.799.555 1.283v3.878h.005a1.017 1.017 0 0 1-1.025 1.006z'/%3E%3Cpath d='M6.205 8.371H2.679a.471.471 0 0 0-.47.47v2.445c0 .258.212.47.47.47h3.526c.259 0 .47-.212.47-.47V8.84a.471.471 0 0 0-.47-.47zm-.47 2.444H3.149V9.312h2.586v1.505zM19.32 8.371h-3.525a.471.471 0 0 0-.47.47v2.445c0 .258.211.47.47.47h3.525c.259 0 .47-.212.47-.47V8.84a.472.472 0 0 0-.47-.47zm-.47 2.444h-2.585V9.312h2.585v1.505zm-5.58-.471H8.73a.471.471 0 0 0-.47.47c0 .258.211.47.47.47h4.54a.47.47 0 0 0 .47-.47.471.471 0 0 0-.47-.47zm0-1.461H8.73a.471.471 0 0 0-.47.47c0 .258.21.47.47.47h4.54c.259 0 .47-.212.47-.47a.471.471 0 0 0-.47-.47z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100% } .account-menu__company { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 57px; padding: 18px 31px 19px; border-bottom: 1px solid #b8c1cb; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; color: #000 } .account-menu__company, .account-menu__company :before { -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .account-menu__company:before { content: ""; background: url(../front/icons/suitcase.svg) 50% no-repeat; background-size: 100%; width: 21px; height: 20px; margin-right: 11px } .account-menu__company :focus, .account-menu__company:hover { color: #249af3 } .account-menu__notifications { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 57px; padding: 18px 31px 19px; border-bottom: 1px solid #b8c1cb; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; color: #000 } .account-menu__notifications, .account-menu__notifications:before { -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .account-menu__notifications:before { content: ""; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='22' xmlns='http://www.w3.org/2000/svg' fill='%2375869A'%3E%3Cpath d='M15.85 15.4v.27l.19.19 2.01 2.01v.18H.65v-.18l2.01-2.01.19-.19V9.35c0-3.097 2.091-5.595 5.003-6.298l.497-.12V1.65c0-.521.479-1 1-1s1 .479 1 1v1.282l.498.12c2.91.703 5.002 3.201 5.002 6.298v6.05zm-5.094 5.05c-.248.53-.787.9-1.406.9-.62 0-1.158-.37-1.406-.9h2.812z' stroke='%2375869A' stroke-width='1.3'/%3E%3C/svg%3E") 50% no-repeat; background-size: 70%; width: 21px; height: 20px; margin-right: 11px } .account-menu__notifications:focus, .account-menu__notifications:hover { color: #249af3 } .account-menu__notifications:focus:before, .account-menu__notifications:hover:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='22' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M15.85 15.4v.27l.19.19 2.01 2.01v.18H.65v-.18l2.01-2.01.19-.19V9.35c0-3.097 2.091-5.595 5.003-6.298l.497-.12V1.65c0-.521.479-1 1-1s1 .479 1 1v1.282l.498.12c2.91.703 5.002 3.201 5.002 6.298v6.05zm-5.094 5.05c-.248.53-.787.9-1.406.9-.62 0-1.158-.37-1.406-.9h2.812z' stroke='%2375869A' stroke-width='1.3'/%3E%3C/svg%3E") 50% no-repeat; background-size: 70% } .account-menu__notifications--my-notifications { border-left: 2px solid #249af3; background: #e9f5fe; color: #249af3 } .account-menu__notifications--my-notifications:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='22' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M15.85 15.4v.27l.19.19 2.01 2.01v.18H.65v-.18l2.01-2.01.19-.19V9.35c0-3.097 2.091-5.595 5.003-6.298l.497-.12V1.65c0-.521.479-1 1-1s1 .479 1 1v1.282l.498.12c2.91.703 5.002 3.201 5.002 6.298v6.05zm-5.094 5.05c-.248.53-.787.9-1.406.9-.62 0-1.158-.37-1.406-.9h2.812z' stroke='%2375869A' stroke-width='1.3'/%3E%3C/svg%3E") 50% no-repeat; background-size: 70% } .account-menu__projekt { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 9px 16px; background: transparent; border-bottom: 1px solid #b8c1cb; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 1rem; line-height: normal; color: #000; -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; outline: none } .account-menu-chat-category { border-radius: 16px 0 0 16px } .account-menu__chat { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; width: 97%; padding: 14px 12px 12px 12px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out; outline: none; background: #F0EAD7; margin: 0; border-radius: inherit } .account-menu__chat-input { background: #F0EAD7; border: 0; padding-left: 10px; width: 75%; margin-left: 10px } .account-menu__chat-input:hover, .account-menu__chat-input:active, .account-menu__chat-input:focus { border: 1px solid #f5da90; outline: none } .account-menu__projekt:active, .account-menu__projekt:focus, .account-menu__projekt:hover { background: #f4f4f4; text-decoration: none } .account-menu__chat:active, .account-menu__chat:focus, .account-menu__chat:hover { text-decoration: none } .account-menu__chat-active { background: #F9F6ED } .account-menu__profile-block { border-bottom: 1px solid #b8c1cb; padding-bottom: 15px } .account-menu__profile-span { font-style: normal; font-weight: 400; font-size: 12px; color: #FFF; display: inline-block; width: 24px; height: 24px; border-radius: 50%; background: #F53C3C; line-height: 25px; margin-left: 10px } .account-menu__chat-span { font-family: 'SF UI Display', OpenSans-Regular, Helvetica, sans-serif; font-style: normal; font-weight: 500; font-size: 14px; color: rgb(168, 168, 168); margin-left: 5px } .account-menu__chat-unread_count_span { font-style: normal; font-weight: 400; font-size: 12px; color: #FFF; display: inline-block; width: 18px; height: 18px; border-radius: 50%; background: #eb0101; line-height: 18px; margin-left: 10px; text-align: center; position: absolute; right: 0; margin-right: 11px } .account-menu__projekt--active { border-left: 2px solid #249af3; background: #e9f5fe; color: #249af3 } .account-menu__projekt--active:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='16' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M19.953 15.529H5.91a1.048 1.048 0 1 1 0-2.096h14.042a1.048 1.048 0 0 1 0 2.096zm0-6.578H5.91a1.048 1.048 0 1 1 0-2.096h14.042a1.048 1.048 0 0 1 0 2.096zm0-6.576H5.91a1.048 1.048 0 1 1 0-2.096h14.042a1.048 1.048 0 0 1 0 2.096zm-18.546.44a1.407 1.407 0 1 0 0-2.815 1.407 1.407 0 0 0 0 2.815zm0 6.495a1.407 1.407 0 1 0 0-2.814 1.407 1.407 0 0 0 0 2.815zm0 6.497a1.407 1.407 0 1 0 0-2.814 1.407 1.407 0 0 0 0 2.814z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100% } .account-menu__projekt-icon { position: absolute; display: inline-block; width: 11.91px; height: 6.79px; right: 31px; top: 18px; z-index: 10 } .account-menu__projekt-icon:after, .account-menu__projekt-icon:before { position: absolute; content: ""; width: 10px; height: 1.5px; background-color: #000; -webkit-transition: -webkit-transform .25s ease; transition: -webkit-transform .25s ease; transition: transform .25s ease; transition: transform .25s ease, -webkit-transform .25s ease } .account-menu__projekt-icon:before { -webkit-transform: translate(3px, 8px) rotate(45deg); transform: translate(3px, 8px) rotate(45deg) } .account-menu__projekt-icon:after { -webkit-transform: translate(-3px, 8px) rotate(-45deg); transform: translate(-3px, 8px) rotate(-45deg) } .account-menu__projekt-icon--focus:before { -webkit-transform: translate(-3px, 8px) rotate(45deg); transform: translate(-3px, 8px) rotate(45deg) } .account-menu__projekt-icon--focus:after { -webkit-transform: translate(3px, 8px) rotate(-45deg); transform: translate(3px, 8px) rotate(-45deg) } .account-menu__projekt-select { display: none; padding: 18px 31px; background: #f7f7f7; border-bottom: 1px solid #b8c1cb; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-transition: 1s ease-in-out; transition: 1s ease-in-out } .account-menu__projekt-select--open { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; margin-top: 24px } .account-menu__projekt-item { font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; line-height: normal; font-size: 1rem; margin-bottom: 17px } .account-menu__projekt-item a { color: #707487 } .account-menu__projekt-item_black a { color: #000 } .account-menu__projekt-item:last-child { margin-bottom: 29px } .account-menu__btn { border-radius: 5px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #000; background: #fff; color: #75869a; border: 1px solid #75869a; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .account-menu__btn:hover { background: #249af3; border: 1px solid transparent; background: #75869a; color: #fff; border: 1px solid #fff } .account-menu__setting-title { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 40px; padding: 9px 16px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 1rem; line-height: normal; color: #000; -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out } .account-menu__setting-title:active, .account-menu__setting-title:focus, .account-menu__setting-title:hover { background: #f4f4f4; text-decoration: none } .account-menu__setting--my-setting { border-left: 2px solid #249af3; background: #e9f5fe; color: #249af3 } .account-menu__setting--my-setting .account-menu__setting-title:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='21' xmlns='http://www.w3.org/2000/svg' fill='%23249AF3'%3E%3Cpath d='M19.476 7.818l-1.024-.174a8.486 8.486 0 0 0-.309-.744l.604-.844a1.827 1.827 0 0 0-.199-2.365l-1.23-1.231a1.825 1.825 0 0 0-2.362-.198l-.847.603a8.449 8.449 0 0 0-.795-.328l-.17-1.003A1.832 1.832 0 0 0 11.333 0h-1.74c-.9 0-1.663.645-1.812 1.532l-.178 1.043c-.251.091-.5.196-.742.312l-.831-.599a1.82 1.82 0 0 0-1.07-.343 1.81 1.81 0 0 0-1.3.54l-1.233 1.23a1.833 1.833 0 0 0-.199 2.366l.613.86a8.338 8.338 0 0 0-.304.749l-1.004.17A1.832 1.832 0 0 0 0 9.671v1.739c0 .9.645 1.663 1.532 1.812l1.043.178c.091.252.196.5.312.742l-.597.83a1.827 1.827 0 0 0 .199 2.365l1.23 1.231a1.825 1.825 0 0 0 2.362.198l.86-.612c.227.105.461.201.702.288l.17 1.024c.15.888.912 1.533 1.814 1.533h1.742c.901 0 1.664-.645 1.813-1.532l.173-1.024c.254-.092.503-.195.745-.309l.841.601c.312.225.682.344 1.07.344.49 0 .95-.192 1.298-.54l1.23-1.23a1.834 1.834 0 0 0 .2-2.366l-.604-.848c.116-.247.22-.496.309-.744l1.022-.17A1.833 1.833 0 0 0 21 11.37V9.634a1.814 1.814 0 0 0-1.524-1.816zm.293 3.551c0 .298-.213.55-.506.6l-1.356.226a.663.663 0 0 0-.527.46c-.12.39-.286.79-.492 1.186a.663.663 0 0 0 .049.694l.799 1.123a.606.606 0 0 1-.066.781l-1.23 1.231a.595.595 0 0 1-.429.18.598.598 0 0 1-.352-.113l-1.118-.8a.663.663 0 0 0-.697-.048 7.251 7.251 0 0 1-1.188.492.663.663 0 0 0-.457.524l-.23 1.358a.606.606 0 0 1-.6.507H9.627a.605.605 0 0 1-.6-.506l-.226-1.357a.663.663 0 0 0-.456-.526 7.201 7.201 0 0 1-1.15-.472.666.666 0 0 0-.693.048l-1.138.81a.594.594 0 0 1-.775-.068l-1.232-1.233a.6.6 0 0 1-.066-.777l.795-1.105a.662.662 0 0 0 .047-.703 7.035 7.035 0 0 1-.498-1.181.664.664 0 0 0-.523-.456l-1.375-.234a.606.606 0 0 1-.507-.6V9.673c0-.298.214-.55.508-.6l1.34-.225a.663.663 0 0 0 .526-.463c.126-.414.289-.814.483-1.189a.664.664 0 0 0-.048-.693L3.23 5.367a.605.605 0 0 1 .065-.78L4.53 3.355l.004-.004a.59.59 0 0 1 .425-.175c.128 0 .25.038.35.11l1.11.8c.208.15.478.167.703.047a7.08 7.08 0 0 1 1.181-.498.664.664 0 0 0 .456-.523l.234-1.375a.606.606 0 0 1 .6-.507h1.738c.298 0 .55.214.6.508l.226 1.34c.042.25.22.452.463.526.415.127.83.297 1.232.507a.661.661 0 0 0 .695-.048l1.125-.801a.594.594 0 0 1 .775.068l1.232 1.233a.6.6 0 0 1 .065.778l-.8 1.119a.663.663 0 0 0-.048.696c.197.376.363.776.492 1.188.076.24.277.415.524.457l1.357.23h.001a.59.59 0 0 1 .498.591v1.747z'/%3E%3Cpath d='M10.5 6.418a4.088 4.088 0 0 0-4.083 4.083 4.088 4.088 0 0 0 4.083 4.083 4.088 4.088 0 0 0 4.083-4.083A4.088 4.088 0 0 0 10.5 6.418zm0 6.936A2.856 2.856 0 0 1 7.648 10.5 2.856 2.856 0 0 1 10.5 7.648a2.856 2.856 0 0 1 2.853 2.853 2.856 2.856 0 0 1-2.853 2.853z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100% } .account-menu__output { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100px; border-bottom: 1px solid #b8c1cb; padding: 28px 31px 31px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .account-menu__exit:hover { color: #249af3 } .account-menu__exit { border-radius: 25px; padding: 6px 11px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #000; background: #fff; color: #249af3; border: 1px solid #249af3; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; width: 100%; letter-spacing: .125rem } .account-menu__exit:hover { background: #249af3; color: #fff; border: 1px solid transparent; background: #daecf8; color: #249af3; border: 1px solid #249af3 } .account-menu__exit:before { content: ""; background: url("data:image/svg+xml;charset=utf-8,%3Csvg id='Слой_1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 18' fill='%23249AF3'%3E%3Cstyle%3E.st0{fill:%23249af3}%3C/style%3E%3Cpath class='st0' d='M9 16.5H2.2c-.4 0-.7-.3-.7-.8V2.3c0-.4.3-.7.7-.7H9c.4 0 .7-.3.7-.7C9.8.3 9.4 0 9 0H2.2C1 0 0 1 0 2.3v13.5C0 17 1 18 2.2 18H9c.4 0 .7-.3.7-.8.1-.4-.3-.7-.7-.7z'/%3E%3Cpath class='st0' d='M17.8 8.5L13.3 4c-.3-.3-.8-.3-1.1 0-.3.3-.3.8 0 1.1l3.3 3.2H6.7c-.4 0-.7.3-.7.7 0 .4.3.8.7.8h8.7L12.2 13c-.3.3-.3.8 0 1.1.1.1.3.2.5.2s.4-.1.5-.2l4.6-4.5c.2-.2.3-.4.3-.6 0-.2-.1-.4-.3-.5z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 100%; width: 20px; height: 20px; margin-right: 10px } #profile-is_push, #profile-is_subscribe { opacity: 1 } .my-profile__checkbox-title { margin-left: 20px } .my-orders__avatar { max-width: 55px } #profile-file { font-size: x-small; line-height: normal; visibility: hidden } .booking__input-row .select2-container--krajee .select2-selection--single { height: 40px; line-height: 1.428571429; padding: 8px 24px 8px 12px } .form__input_profile { width: 100%; height: 40px; color: #000; font-size: .75rem; background-color: #fff } .form__input_profile-data { width: 100%; height: 50px; color: #000; font-size: .9375rem; background-color: #fff; border-radius: 25px } .my-profile__info_padding { padding-right: 35px; border-top: 1px solid #b8c1cb } .my-profile__setting { padding-bottom: 0; border-bottom: none } .my-profile__info_setting { padding-bottom: 20px } .float-right { float: right } .account-order__ststus-blue, .account-order__ststus-red { width: 100%; height: auto; padding: 2px; text-align: center } .account-filter__datepicker-icon_history { top: -45px } .select2-container--krajee .select2-selection--single .select2-selection__placeholder, .booking__select { color: #555555 !important } .account-filter__input-datepicker, .account-filter__input, .account-filter__select { color: #000 !important; font-family: OpenSans-Regular, Helvetica, sans-serif; font-size: 12px !important } .contact-form .form-group, .order-form .booking__input-row_margin { width: inherit } .order-form .checkbox__item { margin-right: 15px } .order-form .form-group { width: 100% } .order-form .booking-btn { margin-right: auto; margin-left: auto } .my-car-form-block { padding: 0 50px } .menu__link { font-weight: 600 !important } .my-orders__btn-red-all, .my-orders__btn-green { margin-left: 10px } .my-orders__status-btn { position: absolute; top: 14px; left: 10px; border-radius: 5px; min-width: 102px; height: 25px; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #fff; border-radius: 3px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 } .my-adverts__status-btn { position: absolute; top: 2px; left: 45px; min-width: 102px; height: 25px; font-family: OpenSans-Regular, Helvetica, sans-serif; line-height: normal; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none; color: #fff; border-radius: 3px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 } .my-orders__red-status-btn { background: #eb3232; border: #eb3232 } .my-orders__green-status-btn { background: #1ab817; border: #1ab817 } .my-orders__icon:before { -webkit-transform: translate(-3px, 8px) rotate(45deg); transform: translate(-3px, 8px) rotate(45deg) } .my-orders__icon:after { -webkit-transform: translate(3px, 8px) rotate(-45deg); transform: translate(3px, 8px) rotate(-45deg) } .my-orders__icon.my-orders__icon--focus:before { -webkit-transform: translate(3px, 8px) rotate(45deg); transform: translate(3px, 8px) rotate(45deg) } .my-orders__icon.my-orders__icon--focus:after { -webkit-transform: translate(-3px, 8px) rotate(-45deg); transform: translate(-3px, 8px) rotate(-45deg) } .account-filter { padding-right: 19px } .account-order__info { padding-bottom: 0 } .account-order__ststus-red { background: #eb3232 } #main-content__list .form-group, #main-content__grid .form-group, #main-content__select .form-group { margin-bottom: 0 } .form__password { width: 100% } .menu__link:focus, .menu__link:hover { text-decoration: none } .my-orders__btn-red:hover { background: #eb3232; color: #fff; text-decoration: none } .my-orders__item-card { width: 305px } .my-orders__btn-gray:hover { background: #b8c1cb; color: #fff; text-decoration: none } .driver-response h4 { font-family: OpenSans-Bold, Helvetica, sans-serif; font-size: 1.125rem; color: #000; margin-bottom: 15px } .car-description-mini p, .car-description-mini span { margin-bottom: 5px } .response-driver-list li { margin-bottom: 15px } .my-orders__btn-danger { border-radius: 5px; min-width: 102px; height: 38px; 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; -webkit-transition: all .3s; transition: all .3s; font-weight: 600; cursor: pointer; outline: none; border: 1px solid #b8c1cb; color: #000; margin-left: 5px; height: 25px; background: #d9534f; border-radius: 3px; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; color: #b8c1cb; font-size: 1rem; line-height: normal; font-size: .75rem; color: #fff; padding: 0 } .car-description-mini .btn-block { margin-left: 0; width: 100% } .btn-block:hover, .btn-block:focus { text-decoration: none } .my-orders__btn-danger:hover, .my-orders__btn-danger:focus { color: #fff } .my-orders__btn-danger:focus, .my-orders__btn-danger:hover { background: transparent; border: 1px solid #d9534f; color: #d9534f } .user-type__circle-list { width: 55% } .offers__item-price-subtext, .offers-list__sub-text { margin-top: 5px; margin-left: 5px } .form__input_profile_phone { border-top-right-radius: 0; border-bottom-right-radius: 0 } .my-orders__item-card, .my-orders__item { background: #fff } .panel__btns_step-3 { display: block } .panel__btns_step-3 button { margin-left: auto } .help-block { font-weight: 400 } .btn-group__black:hover, .btn-group__black:focus { text-decoration: none } .btn-group__blue:hover, .btn-group__blue:focus { text-decoration: none } .alert { margin-bottom: 0; margin-top: 20px } .alert .icon { margin-right: 5px } .account-header__select-menu option { color: #75869a !important } .offers-list__btns-white.offers-list__btns-white_car.favourite { padding: 5px 11px; text-align: center } .my-profile__btn { width: auto } .panel__form_client .panel__input { color: #75869a } .alert img, .alert input { display: none } .kv-grid-table { background-color: white; border-collapse: separate } .kv-grid-table { border: solid #ccc 1px; border-radius: 5px; border-left: 0 } .kv-grid-table td, .kv-grid-table th { border-left: 1px solid #ccc; border-top: 1px solid #ccc } .kv-grid-table th { border-top: none } .kv-grid-table th:first-child { border-radius: 5px 0 0 0 } .kv-grid-table th:last-child { border-radius: 0 5px 0 0 } .kv-grid-table th:only-child { border-radius: 5px 5px 0 0 } .kv-grid-table tr:last-child td:first-child { border-radius: 0 0 0 5px } .kv-grid-table tr:last-child td:last-child { border-radius: 0 0 5px 0 } .kv-grid-table>thead>tr>th, .kv-grid-table>thead>tr>td { text-transform: uppercase; background: #deebff; color: #0747b0; font-size: .625rem; font-family: OpenSans-Bold, Helvetica, sans-serif; font-weight: 600; padding: 12px; vertical-align: top !important; border-bottom: none } .kv-grid-table thead>tr>th a { color: #0747b0 } .kv-grid-table tbody>tr>td { font-size: .75rem; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; padding: 12px } .panel__input_step-3 { color: #7f8ea1; font-size: 14px } .transport-price-field { width: 100%; margin-bottom: 15px } .transport-price-field .form-group { width: 49% } #transport_features_inputs select, #transport_features_inputs input, #service_features_inputs input { margin-bottom: 15px } .order-date-filter-icon { top: 0; right: 0 } .driver-order-filter .help-block { font-size: 12px } .driver-order-filter select, .driver-order-filter input { font-size: 14px } .account-order__kind-of-work a { text-decoration: none !important } .driver-order-filter select, .driver-order-filter input { padding: 5px 30px 5px 14px } #create-order .booking__input-row_car .form-group { width: 100% } #create-order .booking__input-row, #create-order .booking__car-type, #create-order .checkbox__list { margin-bottom: 15px } #create-order .booking__datepicker_car .form-group { width: 100% } .driver-order-filter .select2-container--krajee .select2-selection__clear { top: 4px } .driver-order-filter .select2-container--krajee .select2-selection { font-size: 12px } #coordinates-input { display: none } #map { width: 100%; height: 630px } .mark-info { font-weight: 400; line-height: normal; color: #000; font-family: OpenSans-Regular, Helvetica, sans-serif } .mark-info-btn a { padding: 5px; border-radius: 5px; font-weight: 600; font-size: .75rem; cursor: pointer; outline: none } .mark-info-btn a:hover, .mark-info-btn a:focus { text-decoration: none } .mark-info-btn-white { background: #fff; color: #249af3; border: 1px solid #249af3; margin-right: 5px } .mark-info-btn-white:hover, .mark-info-btn-white:focus { background: #daecf8; color: #249af3; border: 1px solid #249af3 } .mark-info-btn-blue { background: #249af3; color: #fff; border: 1px solid #249af3 } .mark-info-btn-blue:hover, .mark-info-btn-blue:focus { background: transparent; color: #249af3; border: 1px solid #249af3 } .mark-info-btn { margin-top: 15px } .mark-info-user-name { font-weight: 700 } .mark-info-reviews { font-size: .625rem; color: #75869a } .mark-info p { margin-bottom: 7px } .mark-info-favorite { right: 25px } .mark-info-subtext { color: #75869a } .scope__actions { position: relative } .scope__actions-icon { position: absolute; display: inline-block; right: 24px; top: 6px; z-index: 10 } .scope__actions-icon:after, .scope__actions-icon:before { position: absolute; content: ""; width: 10px; height: 1.5px; background-color: #5f5f5f } .scope__actions-icon:before { -webkit-transform: translate(-3px, 8px) rotate(45deg); transform: translate(-3px, 8px) rotate(45deg) } .scope__actions-icon:after { -webkit-transform: translate(3px, 8px) rotate(-45deg); transform: translate(3px, 8px) rotate(-45deg) } .action-disabled { opacity: .4; cursor: default !important; pointer-events: none } .scope-item-client { border-right: 1px solid #b8c1cb; padding-right: 20px } .scope__item_view.scope-item-client:after { margin: 0; height: 0; width: 0 } #create-order #transport_features_filters { margin-bottom: 20px } #create-service-order .form-group { margin-bottom: 0 } .balloonContentFooter { color: #fff } .aside-menu__order { width: 100%; height: 100%; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='26' xmlns='http://www.w3.org/2000/svg' fill='%23B8C1CB'%3E%3Cpath d='M9.269 9.732a.794.794 0 0 0-1.121-.001l-2.606 2.607-1.023-1.024a.792.792 0 0 0-1.12 1.12l1.584 1.583a.795.795 0 0 0 1.12.002l3.166-3.167a.792.792 0 0 0 0-1.12zm0 6.333a.794.794 0 0 0-1.121-.001l-2.606 2.608-1.023-1.023a.792.792 0 0 0-1.12 1.12l1.584 1.582a.795.795 0 0 0 1.12 0l3.166-3.166a.792.792 0 0 0 0-1.12zm5.773-4.982h-3.167a.792.792 0 0 0 0 1.583h3.167a.792.792 0 0 0 0-1.583zm0 6.334h-3.167a.792.792 0 0 0 0 1.583h3.167a.792.792 0 0 0 0-1.583z'/%3E%3Cpath d='M17.417 3.167H14.25v-.792a.792.792 0 0 0-.792-.792H11.74A2.381 2.381 0 0 0 9.5 0a2.381 2.381 0 0 0-2.24 1.583H5.542a.792.792 0 0 0-.792.792v.792H1.583C.711 3.167 0 3.877 0 4.75v19c0 .872.71 1.583 1.583 1.583h15.834c.872 0 1.583-.71 1.583-1.583v-19c0-.872-.71-1.583-1.583-1.583zm-11.084 0h1.584a.792.792 0 0 0 .791-.792.792.792 0 0 1 1.584 0c0 .437.354.792.791.792h1.584V4.75H6.333V3.167zM17.417 23.75H1.583v-19H4.75v.792c0 .437.355.791.792.791h7.916a.792.792 0 0 0 .792-.791V4.75h3.167v19z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 30%; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .aside-menu__transport { width: 100%; height: 100%; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='18' xmlns='http://www.w3.org/2000/svg' fill='%23B8C1CB'%3E%3Cpath d='M21.159 6.323l-.48-.508-1.683-4.536A1.974 1.974 0 0 0 17.158 0H5.138C4.32 0 3.587.512 3.3 1.279l-1.66 4.48-.69.639A2.701 2.701 0 0 0 0 8.452v6.61a1.965 1.965 0 0 0 1.965 1.955h1.241c1.081 0 1.96-.874 1.965-1.955v-.96h11.658v.96a1.965 1.965 0 0 0 1.965 1.955h1.241c1.081 0 1.96-.874 1.965-1.955V8.277a2.726 2.726 0 0 0-.841-1.955zM4.183 1.598c.15-.4.531-.658.954-.658h12.025c.423 0 .804.263.954.658l1.467 3.949h-1.096a3.22 3.22 0 0 0-3.662-2.717 3.221 3.221 0 0 0-2.717 2.717H2.717l1.467-3.949zm13.345 3.949h-4.47a2.286 2.286 0 0 1 2.708-1.768 2.29 2.29 0 0 1 1.762 1.768zM4.231 15.062a1.022 1.022 0 0 1-1.025 1.015H1.965c-.564 0-1.02-.451-1.025-1.016V13.83c.282.183.654.273 1.025.273h2.266v.959zm16.829 0a1.022 1.022 0 0 1-1.025 1.015h-1.241c-.564 0-1.02-.456-1.025-1.016v-.958h2.266c.371 0 .743-.09 1.025-.273v1.232zm-1.025-1.9H1.965A1.014 1.014 0 0 1 .94 12.156V8.452c0-.517.23-1.01.625-1.344l.02-.02.639-.6h17.802l.45.483c.006.01.02.014.024.024.353.334.555.799.555 1.283v3.878h.005a1.017 1.017 0 0 1-1.025 1.006z'/%3E%3Cpath d='M6.205 8.371H2.679a.471.471 0 0 0-.47.47v2.445c0 .258.212.47.47.47h3.526c.259 0 .47-.212.47-.47V8.84a.471.471 0 0 0-.47-.47zm-.47 2.444H3.149V9.312h2.586v1.505zM19.32 8.371h-3.525a.471.471 0 0 0-.47.47v2.445c0 .258.211.47.47.47h3.525c.259 0 .47-.212.47-.47V8.84a.472.472 0 0 0-.47-.47zm-.47 2.444h-2.585V9.312h2.585v1.505zm-5.58-.471H8.73a.471.471 0 0 0-.47.47c0 .258.211.47.47.47h4.54a.47.47 0 0 0 .47-.47.471.471 0 0 0-.47-.47zm0-1.461H8.73a.471.471 0 0 0-.47.47c0 .258.21.47.47.47h4.54c.259 0 .47-.212.47-.47a.471.471 0 0 0-.47-.47z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 30%; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out } .aside-menu__transport:active, .aside-menu__transport:focus, .aside-menu__transport:hover { border-left: 2px solid #fff; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='18' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M21.159 6.323l-.48-.508-1.683-4.536A1.974 1.974 0 0 0 17.158 0H5.138C4.32 0 3.587.512 3.3 1.279l-1.66 4.48-.69.639A2.701 2.701 0 0 0 0 8.452v6.61a1.965 1.965 0 0 0 1.965 1.955h1.241c1.081 0 1.96-.874 1.965-1.955v-.96h11.658v.96a1.965 1.965 0 0 0 1.965 1.955h1.241c1.081 0 1.96-.874 1.965-1.955V8.277a2.726 2.726 0 0 0-.841-1.955zM4.183 1.598c.15-.4.531-.658.954-.658h12.025c.423 0 .804.263.954.658l1.467 3.949h-1.096a3.22 3.22 0 0 0-3.662-2.717 3.221 3.221 0 0 0-2.717 2.717H2.717l1.467-3.949zm13.345 3.949h-4.47a2.286 2.286 0 0 1 2.708-1.768 2.29 2.29 0 0 1 1.762 1.768zM4.231 15.062a1.022 1.022 0 0 1-1.025 1.015H1.965c-.564 0-1.02-.451-1.025-1.016V13.83c.282.183.654.273 1.025.273h2.266v.959zm16.829 0a1.022 1.022 0 0 1-1.025 1.015h-1.241c-.564 0-1.02-.456-1.025-1.016v-.958h2.266c.371 0 .743-.09 1.025-.273v1.232zm-1.025-1.9H1.965A1.014 1.014 0 0 1 .94 12.156V8.452c0-.517.23-1.01.625-1.344l.02-.02.639-.6h17.802l.45.483c.006.01.02.014.024.024.353.334.555.799.555 1.283v3.878h.005a1.017 1.017 0 0 1-1.025 1.006z'/%3E%3Cpath d='M6.205 8.371H2.679a.471.471 0 0 0-.47.47v2.445c0 .258.212.47.47.47h3.526c.259 0 .47-.212.47-.47V8.84a.471.471 0 0 0-.47-.47zm-.47 2.444H3.149V9.312h2.586v1.505zM19.32 8.371h-3.525a.471.471 0 0 0-.47.47v2.445c0 .258.211.47.47.47h3.525c.259 0 .47-.212.47-.47V8.84a.472.472 0 0 0-.47-.47zm-.47 2.444h-2.585V9.312h2.585v1.505zm-5.58-.471H8.73a.471.471 0 0 0-.47.47c0 .258.211.47.47.47h4.54a.47.47 0 0 0 .47-.47.471.471 0 0 0-.47-.47zm0-1.461H8.73a.471.471 0 0 0-.47.47c0 .258.21.47.47.47h4.54c.259 0 .47-.212.47-.47a.471.471 0 0 0-.47-.47z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 35% } .aside-menu__order:active, .aside-menu__order:focus, .aside-menu__order:hover { border-left: 2px solid #fff; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='26' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M9.269 9.732a.794.794 0 0 0-1.121-.001l-2.606 2.607-1.023-1.024a.792.792 0 0 0-1.12 1.12l1.584 1.583a.795.795 0 0 0 1.12.002l3.166-3.167a.792.792 0 0 0 0-1.12zm0 6.333a.794.794 0 0 0-1.121-.001l-2.606 2.608-1.023-1.023a.792.792 0 0 0-1.12 1.12l1.584 1.582a.795.795 0 0 0 1.12 0l3.166-3.166a.792.792 0 0 0 0-1.12zm5.773-4.982h-3.167a.792.792 0 0 0 0 1.583h3.167a.792.792 0 0 0 0-1.583zm0 6.334h-3.167a.792.792 0 0 0 0 1.583h3.167a.792.792 0 0 0 0-1.583z'/%3E%3Cpath d='M17.417 3.167H14.25v-.792a.792.792 0 0 0-.792-.792H11.74A2.381 2.381 0 0 0 9.5 0a2.381 2.381 0 0 0-2.24 1.583H5.542a.792.792 0 0 0-.792.792v.792H1.583C.711 3.167 0 3.877 0 4.75v19c0 .872.71 1.583 1.583 1.583h15.834c.872 0 1.583-.71 1.583-1.583v-19c0-.872-.71-1.583-1.583-1.583zm-11.084 0h1.584a.792.792 0 0 0 .791-.792.792.792 0 0 1 1.584 0c0 .437.354.792.791.792h1.584V4.75H6.333V3.167zM17.417 23.75H1.583v-19H4.75v.792c0 .437.355.791.792.791h7.916a.792.792 0 0 0 .792-.791V4.75h3.167v19z'/%3E%3C/svg%3E") 50% no-repeat; background-size: 30% } .kv-all-select input[type='checkbox'], .kv-row-select input[type='checkbox'] { opacity: 1 !important; position: static !important } .profile-content { min-height: 70vh } .projects-header { padding: 30px; border-bottom: 1px solid #b8c1cb } .projects-info { background-color: #f9f9f9; padding: 30px 30px 0 30px } .projects-item { box-sizing: border-box; margin: 0 !important; border: 1px solid #b8c1cb; height: 30px } .projects-item a { border-radius: 0 !important; height: 30px; padding: 5px 10px !important } .custom-active a, .custom-active a:hover, .custom-active a:focus { background-color: #75869a !important; color: #fff } .projects-content { width: 100%; border: 1px solid #b8c1cb; border-radius: 5px; margin-bottom: 48px; padding: 30px } .scope__projects { width: 100% !important } .project-scope__actions-style { top: 30px !important; right: 10px !important } .alert-location { font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; line-height: normal; font-size: .8rem; color: #676767 } .booking__card_contact { height: auto; padding: 47px 240px 50px 250px } .select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field { color: #000 !important; font-family: OpenSans-Regular, Helvetica, sans-serif; font-size: 12px !important; font-weight: 100 } .select2-container--krajee .select2-selection--multiple .select2-search--inline .select2-search__field { height: 40px } .select2-container--krajee .select2-selection--multiple .select2-selection__choice { margin: 8px 0 0 6px } .scope__actions { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important } .account-order__ststus-blue, .account-order__ststus-green, .account-order__ststus-orange, .account-order__ststus-red, .account-order__ststus-gray { width: 100%; padding: 0 5px; min-height: 25px } .account-filter__btn-gray, .account-filter__btn-blue { text-decoration: none !important } .project-search .select2-container--krajee .select2-selection__clear { top: 0.22rem !important } .select2-container--krajee .select2-selection--single .select2-selection__rendered { padding-right: 24px } .label-custom { display: inline-block; margin-bottom: 2px; padding: .2em .6em .3em; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; background-color: #777 } .label-custom-danger { background-color: #eb3232 } .label-custom-success { background-color: #1ab817 } .account-order_setting .project-search .field-projectservicesearch-name { margin: 0 } .grid-view-export button.dropdown-toggle { background: none;display: flex;height: 32px;padding: 6px 10px;align-items: center;gap: 6px;border-radius: 4px;border: 1px solid var(--Accent, #EB702D);color: var(--Accent, #EB702D);font-size: 10px;font-style: normal;font-weight: 600;line-height: 16px;letter-spacing: 0.2px; } .actions__arrow { height: 30px; margin: 5px; cursor: pointer } .actions__account { display: block } .action__call-container { position: absolute; width: 30px; height: 15px; display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; top: 0; left: 100%; margin-left: -22px } .panel-tariffs { min-height: unset !important } .mobile-filter { z-index: 1000 } .mobile-filter .filter__all, .mobile-filter .filter__feature { padding: 0 } .error-block { padding: 12% 0 } .my-orders__btn-green, .my-orders__btn-red-all { height: 30px !important; width: unset !important; padding: 6px 11px; font-weight: 600 } .my-orders__item-card { margin-right: 0 } .my-orders__scope { margin-bottom: 0 !important } #service_features_inputs .panel__input_step-3 { margin-bottom: 30px } #service_features_inputs .panel__input_step-3:last-child { margin-bottom: 0 } .project-user-form input[type=checkbox] { opacity: unset !important; position: relative !important } .my-orders__btn-success { border-radius: 5px; padding: 6px 11px; min-width: 102px; 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; -webkit-transition: all .3s; transition: all .3s; font-family: OpenSans-Regular, Helvetica, sans-serif; line-height: normal; font-size: .75rem; cursor: pointer; outline: none; width: 100%; height: 35px; border: 1px solid #1ab817; font-weight: 400; background: transparent; margin-bottom: 13px; color: #1ab817 } .my-orders__btn-success:hover { background: #1ab817; color: #fff; text-decoration: none } .page-content .container { display: block !important } .page-content .services__main-title { text-align: center; display: block } .aside-menu__item { position: relative } .aside-menu__project-invites-container { position: absolute; width: 30px; height: 15px; display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; top: 23px; margin-left: 20px } .aside-menu__project-invites { position: absolute; top: 0; height: 15px; background: #249af3; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: OpenSans-Regular, Helvetica, sans-serif; font-weight: 400; line-height: normal; font-size: .75rem; color: #fff; padding: 5px; min-width: 15px } .contact__booking { min-height: 600px } .contact__booking .booking__input-row_margin, .about__card .booking__input-row_margin { margin-bottom: 30px } .my-orders__btn__fix { margin-bottom: 15px; height: auto; width: auto } #service_order_features_inputs { margin-bottom: 0 } .services__item_coal, .services__item_firewood, .services__item_stroy { padding: 20px 0 } .services__link_coal { background: url('/images/img/coal.png') 50% no-repeat, linear-gradient(to right top, #fdb66b, #fac57d, #f7d490, #f6e1a6, #f7edbd); background-size: 100% } .services__link_firewood { background: url('/images/img/firewood.png') 50% no-repeat, linear-gradient(to right top, #fdb66b, #fac57d, #f7d490, #f6e1a6, #f7edbd); background-size: 100% } .services__link_stroy { background: url('/images/img/stroy.png') 50% no-repeat, linear-gradient(to right top, #fdb66b, #fac57d, #f7d490, #f6e1a6, #f7edbd); background-size: 100% } .statistics-item { width: 100%; min-width: 168px; height: 245px; border: 1px solid #b8c1cb; border-radius: 5px; margin-right: 18px; padding: 25px 20px; background: #fff; margin-top: 15px; margin-bottom: 15px } .statistics-item-item { width: 100%; min-width: 168px; border: 1px solid #b8c1cb; border-radius: 5px; margin-right: 18px; min-height: 240px; margin-top: 15px; margin-bottom: 15px; display: flex; flex-direction: column; justify-content: space-between } .statistics-sub-item { padding: 0 20px 0 25px; border-bottom: 2px solid black; display: flex; justify-content: space-between; flex-direction: column; background: #fff } .statistics-item-link:hover, .statistics-item-link:focus { text-decoration: none } .statistics-item-link:hover .statistics-item, .statistics-item-link:focus .statistics-item { border-color: #707487 } .page-content-data p { margin-bottom: 20px } .page-content-data { margin-bottom: 30px } .ul__list_services li { margin-left: 30px; padding: 10px; list-style-type: circle } .outer-menu { position: fixed; top: 10vh; left: 0; z-index: 1 } .outer-menu .checkbox-toggle { position: absolute; top: 0; left: 0; z-index: 2; cursor: pointer; width: 60px; height: 60px; opacity: 0 } .outer-menu .checkbox-toggle:checked+.hamburger>div { -webkit-transform: rotate(135deg); transform: rotate(135deg) } .outer-menu .checkbox-toggle:checked+.hamburger>div:before, .outer-menu .checkbox-toggle:checked+.hamburger>div:after { top: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg) } .outer-menu .checkbox-toggle:checked+.hamburger>div:after { opacity: 0 } .outer-menu .checkbox-toggle:checked~.menu { pointer-events: auto; visibility: visible } .outer-menu .checkbox-toggle:checked~.menu>div { -webkit-transform: scale(1); transform: scale(1); -webkit-transition-duration: 0.75s; transition-duration: 0.75s } .outer-menu .checkbox-toggle:checked~.menu>div>div { opacity: 1; -webkit-transition: opacity 0.4s ease 0.4s; transition: opacity 0.4s ease 0.4s } .outer-menu .checkbox-toggle:hover+.hamburger { box-shadow: inset 0 0 10px rgba(0, 0, 0, .1) } .outer-menu .checkbox-toggle:checked:hover+.hamburger>div { -webkit-transform: rotate(225deg); transform: rotate(225deg) } .outer-menu .hamburger { position: absolute; top: 0; left: 0; z-index: 1; width: 60px; height: 60px; padding: .5em 1em; background: rgba(33, 150, 243, .75); border-radius: 0 .12em .12em 0; cursor: pointer; -webkit-transition: box-shadow 0.4s ease; transition: box-shadow 0.4s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center } .outer-menu .hamburger>div { position: relative; -webkit-box-flex: 0; flex: none; width: 100%; height: 2px; background: #fefefe; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center } .outer-menu .hamburger>div:before, .outer-menu .hamburger>div:after { content: ""; position: absolute; z-index: 1; top: -10px; left: 0; width: 100%; height: 2px; background: inherit; -webkit-transition: all 0.4s ease; transition: all 0.4s ease } .outer-menu .hamburger>div:after { top: 10px } .outer-menu .menu { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; visibility: hidden; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: 1px solid transparent; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center } .outer-menu .menu>div { width: 200vw; height: 200vw; color: #fefefe; background: rgba(41, 98, 255, .97); border-radius: 50%; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-box-flex: 0; flex: none; -webkit-transform: scale(0); transform: scale(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center } .outer-menu .menu>div>div { text-align: center; max-width: 90vw; max-height: 100vh; opacity: 0; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; overflow-y: auto; -webkit-box-flex: 0; flex: none; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center } .outer-menu .menu>div>div>ul { list-style: none; padding: 0 1em; margin: 0; display: block; max-height: 100vh } .outer-menu .menu>div>div>ul>li { padding: 0; margin: 1em; font-size: 24px; display: block } .outer-menu .menu>div>div>ul>li>a { position: relative; display: inline; cursor: pointer; -webkit-transition: color 0.4s ease; transition: color 0.4s ease } .outer-menu .menu>div>div>ul>li>a:hover { color: #e5e5e5 } .outer-menu .menu>div>div>ul>li>a:hover:after { width: 100% } .outer-menu .menu>div>div>ul>li>a:after { content: ""; position: absolute; z-index: 1; bottom: -.15em; left: 0; width: 0; height: 2px; background: #e5e5e5; -webkit-transition: width 0.4s ease; transition: width 0.4s ease } html.bx-ios.bx-ios-fix-frame-focus, .bx-ios.bx-ios-fix-frame-focus body { -webkit-overflow-scrolling: touch } .bx-touch { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .bx-touch.crm-widget-button-mobile, .bx-touch.crm-widget-button-mobile body { height: 100%; overflow: auto } .b24-widget-button-shadow { position: fixed; background: rgba(33, 33, 33, .3); width: 100%; height: 100%; top: 0; left: 0; visibility: hidden; z-index: 10100 } .bx-touch .b24-widget-button-shadow { background: rgba(33, 33, 33, .75) } .b24-widget-button-inner-container { position: relative; display: inline-block } .b24-widget-button-position-fixed { position: fixed; z-index: 10000 } .b24-widget-button-block { width: 66px; height: 66px; border-radius: 100%; box-sizing: border-box; overflow: hidden; cursor: pointer } .b24-widget-button-block .b24-widget-button-icon { opacity: 1 } .b24-widget-button-block-active .b24-widget-button-icon { opacity: .7 } .b24-widget-button-position-top-left { top: 50px; left: 50px } .b24-widget-button-position-top-middle { top: 50px; left: 50%; margin: 0 0 0 -33px } .ad { margin-bottom: 50px } .loading { display: block; visibility: visible; position: absolute; z-index: 999999; top: 0; left: 0; width: 100%; height: 100%; background-color: white; vertical-align: bottom; filter: alpha(opacity=75); opacity: .5; font-weight: 400; background-image: url("/img/loading.gif"); background-repeat: no-repeat; background-attachment: fixed; background-position: center } .b24-widget-button-position-top-right { top: 100px; right: 20px } .b24-widget-button-position-top-sub-right { top: 100px; right: 110px } .b24-widget-button-position-bottom-left { left: 50px; bottom: 50px } .b24-widget-button-position-bottom-middle { left: 50%; bottom: 50px; margin: 0 0 0 -33px } .b24-widget-button-position-bottom-right { right: 50px; bottom: 50px } .b24-widget-button-inner-block { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; height: 66px; border-radius: 100px; background: #00aeef; box-sizing: border-box } .b24-widget-button-icon-container { position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .b24-widget-button-inner-item { position: absolute; top: 0; left: 0; padding: 20px 19px; -webkit-transition: opacity .6s ease-out; transition: opacity .6s ease-out; -webkit-animation: socialRotateBack .4s; animation: socialRotateBack .4s; opacity: 0 } .b24-widget-button-icon-animation { opacity: 1 } .b24-widget-button-inner-mask { position: absolute; top: -8px; left: -8px; height: 82px; min-width: 66px; -webkit-width: calc(100% + 16px); width: calc(100% + 16px); border-radius: 100px; background: #00aeef; opacity: .2 } .b24-widget-button-icon { -webkit-transition: opacity .3s ease-out; transition: opacity .3s ease-out; cursor: pointer } .b24-widget-button-icon:hover { opacity: 1 } .b24-widget-button-inner-item-active .b24-widget-button-icon { opacity: 1 } .b24-widget-button-wrapper { position: fixed; 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: end; -ms-flex-align: end; align-items: flex-end; visibility: hidden; direction: ltr; z-index: 19 } .bx-imopenlines-config-sidebar { z-index: 10101 } .b24-widget-button-visible { visibility: visible; -webkit-animation: b24-widget-button-visible 1s ease-out forwards 1; animation: b24-widget-button-visible 1s ease-out forwards 1 } @-webkit-keyframes b24-widget-button-visible { 0% { -webkit-transform: scale(0); transform: scale(0) } 30.001% { -webkit-transform: scale(1.2); transform: scale(1.2) } 62.999% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes b24-widget-button-visible { 0% { -webkit-transform: scale(0); transform: scale(0) } 30.001% { -webkit-transform: scale(1.2); transform: scale(1.2) } 62.999% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(1); transform: scale(1) } } .b24-widget-button-disable { -webkit-animation: b24-widget-button-disable .3s ease-out forwards 1; animation: b24-widget-button-disable .3s ease-out forwards 1 } @-webkit-keyframes b24-widget-button-disable { 0% { -webkit-transform: scale(1); transform: scale(1) } 50.001% { -webkit-transform: scale(.5); transform: scale(.5) } 92.999% { -webkit-transform: scale(0); transform: scale(0) } 100% { -webkit-transform: scale(0); transform: scale(0) } } @keyframes b24-widget-button-disable { 0% { -webkit-transform: scale(1); transform: scale(1) } 50.001% { -webkit-transform: scale(.5); transform: scale(.5) } 92.999% { -webkit-transform: scale(0); transform: scale(0) } 100% { -webkit-transform: scale(0); transform: scale(0) } } .b24-widget-button-social { display: none } .b24-widget-button-social-item { position: relative; display: block; margin: 0 10px 10px 0; width: 45px; height: 44px; background-color: #fff; background-size: 100%; border-radius: 25px; -webkit-box-shadow: 0 8px 6px -6px rgba(33, 33, 33, .2); -moz-box-shadow: 0 8px 6px -6px rgba(33, 33, 33, .2); box-shadow: 0 8px 6px -6px rgba(33, 33, 33, .2); cursor: pointer } .b24-widget-button-social-item:hover { -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32); box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32); -webkit-transition: box-shadow .17s cubic-bezier(0, 0, .2, 1); transition: box-shadow .17s cubic-bezier(0, 0, .2, 1) } .connector-icon-45 { width: 45px; height: 45px } .b24-widget-button-callback { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2229%22%20height%3D%2230%22%20viewBox%3D%220%200%2029%2030%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21.872%2019.905c-.947-.968-2.13-.968-3.072%200-.718.737-1.256.974-1.962%201.723-.193.206-.356.25-.59.112-.466-.262-.96-.474-1.408-.76-2.082-1.356-3.827-3.098-5.372-5.058-.767-.974-1.45-2.017-1.926-3.19-.096-.238-.078-.394.11-.587.717-.718.96-.98%201.665-1.717.984-1.024.984-2.223-.006-3.253-.56-.586-1.103-1.397-1.56-2.034-.458-.636-.817-1.392-1.403-1.985C5.4%202.2%204.217%202.2%203.275%203.16%202.55%203.9%201.855%204.654%201.12%205.378.438%206.045.093%206.863.02%207.817c-.114%201.556.255%203.023.774%204.453%201.062%202.96%202.68%205.587%204.642%207.997%202.65%203.26%205.813%205.837%209.513%207.698%201.665.836%203.39%201.48%205.268%201.585%201.292.075%202.415-.262%203.314-1.304.616-.712%201.31-1.36%201.962-2.042.966-1.01.972-2.235.012-3.234-1.147-1.192-2.48-1.88-3.634-3.065zm-.49-5.36l.268-.047c.583-.103.953-.707.79-1.295-.465-1.676-1.332-3.193-2.537-4.445-1.288-1.33-2.857-2.254-4.59-2.708-.574-.15-1.148.248-1.23.855l-.038.28c-.07.522.253%201.01.747%201.142%201.326.355%202.53%201.064%203.517%202.086.926.958%201.59%202.125%201.952%203.412.14.5.624.807%201.12.72zm2.56-9.85C21.618%202.292%2018.74.69%2015.56.02c-.56-.117-1.1.283-1.178.868l-.038.28c-.073.537.272%201.04.786%201.15%202.74.584%205.218%201.968%207.217%204.03%201.885%201.95%203.19%204.36%203.803%207.012.122.53.617.873%201.136.78l.265-.046c.57-.1.934-.678.8-1.26-.71-3.08-2.223-5.873-4.41-8.14z%22/%3E%3C/svg%3E'); background-repeat: no-repeat; background-position: center; background-color: #00aeef; background-size: 43% } .b24-widget-button-crmform { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M22.407%200h-21.1C.586%200%200%20.586%200%201.306v21.1c0%20.72.586%201.306%201.306%201.306h21.1c.72%200%201.306-.586%201.306-1.305V1.297C23.702.587%2023.117%200%2022.407%200zm-9.094%2018.046c0%20.41-.338.737-.738.737H3.9c-.41%200-.738-.337-.738-.737v-1.634c0-.408.337-.737.737-.737h8.675c.41%200%20.738.337.738.737v1.634zm7.246-5.79c0%20.408-.338.737-.738.737H3.89c-.41%200-.737-.338-.737-.737v-1.634c0-.41.337-.737.737-.737h15.923c.41%200%20.738.337.738.737v1.634h.01zm0-5.8c0%20.41-.338.738-.738.738H3.89c-.41%200-.737-.338-.737-.738V4.822c0-.408.337-.737.737-.737h15.923c.41%200%20.738.338.738.737v1.634h.01z%22/%3E%3C/svg%3E'); background-repeat: no-repeat; background-position: center; background-color: #00aeef; background-size: 43% } .b24-widget-button-openline_livechat { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2231%22%20height%3D%2228%22%20viewBox%3D%220%200%2031%2028%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M23.29%2013.25V2.84c0-1.378-1.386-2.84-2.795-2.84h-17.7C1.385%200%200%201.462%200%202.84v10.41c0%201.674%201.385%203.136%202.795%202.84H5.59v5.68h.93c.04%200%20.29-1.05.933-.947l3.726-4.732h9.315c1.41.296%202.795-1.166%202.795-2.84zm2.795-3.785v4.733c.348%202.407-1.756%204.558-4.658%204.732h-8.385l-1.863%201.893c.22%201.123%201.342%202.127%202.794%201.893h7.453l2.795%203.786c.623-.102.93.947.93.947h.933v-4.734h1.863c1.57.234%202.795-1.02%202.795-2.84v-7.57c0-1.588-1.225-2.84-2.795-2.84h-1.863z%22/%3E%3C/svg%3E'); background-repeat: no-repeat; background-position: center; background-color: #00aeef; background-size: 43% } .b24-widget-button-social-tooltip { position: absolute; top: 50%; left: -9000px; display: inline-block; padding: 5px 10px; border-radius: 10px; font: 13px/15px "Helvetica Neue", Arial, Helvetica, sans-serif; color: #000; background: #fff; text-align: center; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: opacity .6s linear; transition: opacity .6s linear; opacity: 0 } .b24-widget-button-social-item:hover .b24-widget-button-social-tooltip { left: 50px; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); opacity: 1; z-index: 1 } .b24-widget-button-close { display: none } .b24-widget-button-position-bottom-left .b24-widget-button-social-item:hover .b24-widget-button-social-tooltip, .b24-widget-button-position-top-left .b24-widget-button-social-item:hover .b24-widget-button-social-tooltip { left: 50px; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); opacity: 1 } .b24-widget-button-position-top-right .b24-widget-button-social-item:hover .b24-widget-button-social-tooltip, .b24-widget-button-position-bottom-right .b24-widget-button-social-item:hover .b24-widget-button-social-tooltip { left: -5px; -webkit-transform: translate(-100%, -50%); transform: translate(-100%, -50%); opacity: 1 } .b24-widget-button-inner-container, .bx-touch .b24-widget-button-inner-container { -webkit-transform: scale(.85); transform: scale(.85); -webkit-transition: transform .3s; transition: transform .3s } .b24-widget-button-top .b24-widget-button-inner-container, .b24-widget-button-bottom .b24-widget-button-inner-container { -webkit-transform: scale(.7); transform: scale(.7); -webkit-transition: transform .3s linear; transition: transform .3s linear } .b24-widget-button-top .b24-widget-button-inner-block, .b24-widget-button-top .b24-widget-button-inner-mask, .b24-widget-button-bottom .b24-widget-button-inner-block, .b24-widget-button-bottom .b24-widget-button-inner-mask { background: #d6d6d6 !important; -webkit-transition: background .3s linear; transition: background .3s linear } .b24-widget-button-top .b24-widget-button-pulse, .b24-widget-button-bottom .b24-widget-button-pulse { display: none } .b24-widget-button-wrapper.b24-widget-button-position-bottom-right, .b24-widget-button-wrapper.b24-widget-button-position-bottom-middle, .b24-widget-button-wrapper.b24-widget-button-position-bottom-left { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } .b24-widget-button-bottom .b24-widget-button-social, .b24-widget-button-top .b24-widget-button-social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: end; align-content: flex-end; height: -webkit-calc(100vh - 110px); height: calc(100vh - 110px); -webkit-animation: bottomOpen .3s; animation: bottomOpen .3s; visibility: visible } .b24-widget-button-top .b24-widget-button-social { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 10px 0 0 0; -webkit-animation: topOpen .3s; animation: topOpen .3s } .b24-widget-button-position-bottom-left.b24-widget-button-bottom .b24-widget-button-social { -ms-flex-line-pack: start; align-content: flex-start } .b24-widget-button-position-top-left.b24-widget-button-top .b24-widget-button-social { -ms-flex-line-pack: start; align-content: flex-start } .b24-widget-button-position-top-right.b24-widget-button-top .b24-widget-button-social { -ms-flex-line-pack: start; align-content: flex-start; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse } .b24-widget-button-position-bottom-right.b24-widget-button-bottom .b24-widget-button-social, .b24-widget-button-position-bottom-left.b24-widget-button-bottom .b24-widget-button-social, .b24-widget-button-position-bottom-middle.b24-widget-button-bottom .b24-widget-button-social { -ms-flex-line-pack: start; align-content: flex-start; -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; order: 1 } .b24-widget-button-position-bottom-left.b24-widget-button-bottom .b24-widget-button-social { -ms-flex-wrap: wrap; flex-wrap: wrap } .b24-widget-button-position-bottom-left .b24-widget-button-social-item, .b24-widget-button-position-top-left .b24-widget-button-social-item, .b24-widget-button-position-top-middle .b24-widget-button-social-item, .b24-widget-button-position-bottom-middle .b24-widget-button-social-item { margin: 0 0 10px 10px } .b24-widget-button-position-bottom-left.b24-widget-button-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .b24-widget-button-position-top-left.b24-widget-button-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .b24-widget-button-position-bottom-middle.b24-widget-button-wrapper, .b24-widget-button-position-top-middle.b24-widget-button-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start } .b24-widget-button-position-top-middle.b24-widget-button-top .b24-widget-button-social { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: start; align-content: flex-start } .b24-widget-button-bottom .b24-widget-button-inner-item { display: none } .b24-widget-button-bottom .b24-widget-button-close { display: block; -webkit-animation: socialRotate .4s; animation: socialRotate .4s; opacity: 1 } .b24-widget-button-top .b24-widget-button-inner-item { display: none } .b24-widget-button-top .b24-widget-button-close { display: block; -webkit-animation: socialRotate .4s; animation: socialRotate .4s; opacity: 1 } .b24-widget-button-show { -webkit-animation: show .3s linear forwards; animation: show .3s linear forwards } @-webkit-keyframes show { 0% { opacity: 0 } 50% { opacity: 0 } 100% { opacity: 1; visibility: visible } } @keyframes show { 0% { opacity: 0 } 50% { opacity: 0 } 100% { opacity: 1; visibility: visible } } .b24-widget-button-hide { -webkit-animation: hidden .3s linear forwards; animation: hidden .3s linear forwards } @-webkit-keyframes hidden { 0% { opacity: 1; visibility: visible } 50% { opacity: 1 } 99.999% { visibility: visible } 100% { opacity: 0; visibility: hidden } } @keyframes hidden { 0% { opacity: 1; visibility: visible } 50% { opacity: 1 } 99.999% { visibility: visible } 100% { opacity: 0; visibility: hidden } } .b24-widget-button-hide-icons { -webkit-animation: hideIconsBottom .2s linear forwards; animation: hideIconsBottom .2s linear forwards } @-webkit-keyframes hideIconsBottom { 0% { opacity: 1 } 50% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate(0, 20px); transform: translate(0, 20px); visibility: hidden } } @keyframes hideIconsBottom { 0% { opacity: 1 } 50% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate(0, 20px); transform: translate(0, 20px); visibility: hidden } } @-webkit-keyframes hideIconsTop { 0% { opacity: 1 } 50% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate(0, -20px); transform: translate(0, -20px); visibility: hidden } } @keyframes hideIconsTop { 0% { opacity: 1 } 50% { opacity: 1 } 100% { opacity: 0; -webkit-transform: translate(0, -20px); transform: translate(0, -20px); visibility: hidden } } .b24-widget-button-popup-name { font: bold 14px "Helvetica Neue", Arial, Helvetica, sans-serif; color: #000 } .b24-widget-button-popup-description { margin: 4px 0 0 0; font: 13px "Helvetica Neue", Arial, Helvetica, sans-serif; color: #424956 } .b24-widget-button-close-item { width: 28px; height: 28px; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2229%22%20height%3D%2229%22%20viewBox%3D%220%200%2029%2029%22%3E%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M18.866%2014.45l9.58-9.582L24.03.448l-9.587%209.58L4.873.447.455%204.866l9.575%209.587-9.583%209.57%204.418%204.42%209.58-9.577%209.58%209.58%204.42-4.42%22/%3E%3C/svg%3E'); background-repeat: no-repeat; background-position: center; cursor: pointer } .b24-widget-button-wrapper.b24-widget-button-top { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } @-webkit-keyframes bottomOpen { 0% { opacity: 0; -webkit-transform: translate(0, 20px); transform: translate(0, 20px) } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0) } } @keyframes bottomOpen { 0% { opacity: 0; -webkit-transform: translate(0, 20px); transform: translate(0, 20px) } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0) } } @-webkit-keyframes topOpen { 0% { opacity: 0; -webkit-transform: translate(0, -20px); transform: translate(0, -20px) } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0) } } @keyframes topOpen { 0% { opacity: 0; -webkit-transform: translate(0, -20px); transform: translate(0, -20px) } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0) } } @-webkit-keyframes socialRotate { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg) } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } } @keyframes socialRotate { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg) } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } } @-webkit-keyframes socialRotateBack { 0% { -webkit-transform: rotate(90deg); transform: rotate(90deg) } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } } @keyframes socialRotateBack { 0% { -webkit-transform: rotate(90deg); transform: rotate(90deg) } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } } .b24-widget-button-popup { display: none; position: absolute; left: 100px; padding: 12px 20px 12px 14px; width: 312px; border: 2px solid #2fc7f7; background: #fff; border-radius: 15px; box-sizing: border-box; z-index: 1; cursor: pointer } .b24-widget-button-popup-triangle { position: absolute; display: block; width: 8px; height: 8px; background: #fff; border-right: 2px solid #2fc7f7; border-bottom: 2px solid #2fc7f7 } .b24-widget-button-popup-show { display: block; -webkit-animation: show .4s linear forwards; animation: show .4s linear forwards } .b24-widget-button-position-top-left .b24-widget-button-popup-triangle { top: 19px; left: -6px; -webkit-transform: rotate(134deg); transform: rotate(134deg) } .b24-widget-button-position-bottom-left .b24-widget-button-popup-triangle { bottom: 25px; left: -6px; -webkit-transform: rotate(134deg); transform: rotate(134deg) } .b24-widget-button-position-bottom-left .b24-widget-button-popup, .b24-widget-button-position-bottom-middle .b24-widget-button-popup { bottom: 0; left: 75px } .b24-widget-button-position-bottom-right .b24-widget-button-popup-triangle { bottom: 25px; right: -6px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .b24-widget-button-position-bottom-right .b24-widget-button-popup { left: -320px; bottom: 0 } .b24-widget-button-position-top-right .b24-widget-button-popup-triangle { top: 19px; right: -6px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .b24-widget-button-position-top-right .b24-widget-button-popup { top: 0; left: -320px } .b24-widget-button-position-top-middle .b24-widget-button-popup-triangle { top: 19px; left: -6px; -webkit-transform: rotate(134deg); transform: rotate(134deg) } .b24-widget-button-position-top-middle .b24-widget-button-popup, .b24-widget-button-position-top-left .b24-widget-button-popup { top: 0; left: 75px } .b24-widget-button-position-bottom-middle .b24-widget-button-popup-triangle { bottom: 25px; left: -6px; -webkit-transform: rotate(134deg); transform: rotate(134deg) } .bx-touch .b24-widget-button-popup { padding: 10px 22px 10px 15px } .bx-touch .b24-widget-button-popup { width: 230px } .bx-touch .b24-widget-button-position-bottom-left .b24-widget-button-popup { bottom: 90px; left: 0 } .bx-touch .b24-widget-button-popup-image { margin: 0 auto 10px auto } .bx-touch .b24-widget-button-popup-content { text-align: center } .bx-touch .b24-widget-button-position-bottom-left .b24-widget-button-popup-triangle { bottom: -6px; left: 25px; -webkit-transform: rotate(45deg); transform: rotate(45deg) } .bx-touch .b24-widget-button-position-bottom-left .b24-widget-button-popup { bottom: 90px; left: 0 } .bx-touch .b24-widget-button-position-bottom-right .b24-widget-button-popup { bottom: 90px; left: -160px } .bx-touch .b24-widget-button-position-bottom-right .b24-widget-button-popup-triangle { bottom: -6px; right: 30px; -webkit-transform: rotate(-45deg); transform: rotate(45deg) } .bx-touch .b24-widget-button-position-bottom-middle .b24-widget-button-popup { bottom: 90px; left: 50%; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%) } .bx-touch .b24-widget-button-position-bottom-middle .b24-widget-button-popup-triangle { bottom: -6px; left: 108px; -webkit-transform: rotate(134deg); transform: rotate(45deg) } .bx-touch .b24-widget-button-position-top-middle .b24-widget-button-popup { top: 90px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0) } .bx-touch .b24-widget-button-position-top-middle .b24-widget-button-popup-triangle { top: -7px; left: auto; right: 108px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg) } .bx-touch .b24-widget-button-position-top-left .b24-widget-button-popup { top: 90px; left: 0 } .bx-touch .b24-widget-button-position-top-left .b24-widget-button-popup-triangle { left: 25px; top: -6px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg) } .bx-touch .b24-widget-button-position-top-right .b24-widget-button-popup { top: 90px; left: -150px } .bx-touch .b24-widget-button-position-top-right .b24-widget-button-popup-triangle { top: -7px; right: 40px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg) } .b24-widget-button-popup-btn-hide { position: absolute; top: 4px; right: 4px; display: inline-block; height: 20px; width: 20px; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%3E%3Cpath%20fill%3D%22%23525C68%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.41%205.07l2.867-2.864-1.34-1.34L5.07%203.73%202.207.867l-1.34%201.34L3.73%205.07.867%207.938l1.34%201.34L5.07%206.41l2.867%202.867%201.34-1.34L6.41%205.07z%22/%3E%3C/svg%3E'); background-repeat: no-repeat; background-position: center; opacity: .2; -webkit-transition: opacity .3s; transition: opacity .3s; cursor: pointer } .b24-widget-button-popup-btn-hide:hover { opacity: 1 } .bx-touch .b24-widget-button-popup-btn-hide { background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22%23525C68%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.36%207.02l5.34-5.34L12.36.34%207.02%205.68%201.68.34.34%201.68l5.34%205.34-5.34%205.342%201.34%201.34%205.34-5.34%205.34%205.34%201.34-1.34-5.34-5.34z%22/%3E%3C/svg%3E'); background-repeat: no-repeat } .b24-widget-button-popup-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap } .b24-widget-button-popup-content { width: 222px } .b24-widget-button-popup-image { margin: 0 10px 0 0; width: 42px; text-align: center } .b24-widget-button-popup-image-item { display: inline-block; width: 42px; height: 42px; border-radius: 100%; background-repeat: no-repeat; background-position: center; background-size: cover } .b24-widget-button-popup-button { margin: 15px 0 0 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center } .b24-widget-button-popup-button-item { display: inline-block; margin: 0 16px 0 0; font: bold 12px "Helvetica Neue", Arial, Helvetica, sans-serif; color: #08a6d8; text-transform: uppercase; border-bottom: 1px solid #08a6d8; -webkit-transition: border-bottom .3s; transition: border-bottom .3s; cursor: pointer } .b24-widget-button-popup-button-item:hover { border-bottom: 1px solid transparent } .b24-widget-button-popup-button-item:last-child { margin: 0 } .b24-widget-button-pulse { position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 1px solid #00aeef; border-radius: 50% } .b24-widget-button-pulse-animate { -webkit-animation: widgetPulse infinite 1.5s; animation: widgetPulse infinite 1.5s } @-webkit-keyframes widgetPulse { 50% { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1 } 100% { -webkit-transform: scale(2, 2); transform: scale(2, 2); opacity: 0 } } @keyframes widgetPulse { 50% { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1 } 100% { -webkit-transform: scale(2, 2); transform: scale(2, 2); opacity: 0 } } @-webkit-keyframes bs-notify-fadeOut { 0% { opacity: .9 } 100% { opacity: 0 } } @-o-keyframes bs-notify-fadeOut { 0% { opacity: .9 } 100% { opacity: 0 } } @keyframes bs-notify-fadeOut { 0% { opacity: .9 } 100% { opacity: 0 } } .bootstrap-select>select.bs-select-hidden, select.bs-select-hidden, select.selectpicker { display: none !important } .bootstrap-select { width: 220px\0; vertical-align: middle } .bootstrap-select>.dropdown-toggle { position: relative; width: 100%; text-align: right; white-space: nowrap; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .bootstrap-select>.dropdown-toggle:after { margin-top: -1px } .bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover { color: #999 } .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover { color: rgba(255, 255, 255, .5) } .bootstrap-select>select { position: absolute !important; bottom: 0; left: 50%; display: block !important; width: .5px !important; height: 100% !important; padding: 0 !important; opacity: 0 !important; border: none; z-index: 0 !important } .bootstrap-select>select.mobile-device { top: 0; left: 0; display: block !important; width: 100% !important; z-index: 2 !important } .bootstrap-select.is-invalid .dropdown-toggle, .error .bootstrap-select .dropdown-toggle, .has-error .bootstrap-select .dropdown-toggle, .was-validated .bootstrap-select select:invalid+.dropdown-toggle { border-color: #b94a48 } .bootstrap-select.is-valid .dropdown-toggle, .was-validated .bootstrap-select select:valid+.dropdown-toggle { border-color: #28a745 } .bootstrap-select.fit-width { width: auto !important } .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 220px } .bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle { outline: thin dotted #333 !important; outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px } .bootstrap-select.form-control { margin-bottom: 0; padding: 0; border: none; height: auto } :not(.input-group)>.bootstrap-select.form-control:not([class*=col-]) { width: 100% } .bootstrap-select.form-control.input-group-btn { float: none; z-index: auto } .form-inline .bootstrap-select, .form-inline .bootstrap-select.form-control:not([class*=col-]) { width: auto } .bootstrap-select:not(.input-group-btn), .bootstrap-select[class*=col-] { float: none; display: inline-block; margin-left: 0 } .bootstrap-select.dropdown-menu-right, .bootstrap-select[class*=col-].dropdown-menu-right, .row .bootstrap-select[class*=col-].dropdown-menu-right { float: right } .form-group .bootstrap-select, .form-horizontal .bootstrap-select, .form-inline .bootstrap-select { margin-bottom: 0 } .form-group-lg .bootstrap-select.form-control, .form-group-sm .bootstrap-select.form-control { padding: 0 } .form-group-lg .bootstrap-select.form-control .dropdown-toggle, .form-group-sm .bootstrap-select.form-control .dropdown-toggle { height: 100%; font-size: inherit; line-height: inherit; border-radius: inherit } .bootstrap-select.form-control-lg .dropdown-toggle, .bootstrap-select.form-control-sm .dropdown-toggle { font-size: inherit; line-height: inherit; border-radius: inherit } .bootstrap-select.form-control-sm .dropdown-toggle { padding: .25rem .5rem } .bootstrap-select.form-control-lg .dropdown-toggle { padding: .5rem 1rem } .form-inline .bootstrap-select .form-control { width: 100% } .bootstrap-select.disabled, .bootstrap-select>.disabled { cursor: not-allowed } .bootstrap-select.disabled:focus, .bootstrap-select>.disabled:focus { outline: 0 !important } .bootstrap-select.bs-container { position: absolute; top: 0; left: 0; height: 0 !important; padding: 0 !important } .bootstrap-select.bs-container .dropdown-menu { z-index: 1060 } .bootstrap-select .dropdown-toggle .filter-option { position: static; top: 0; left: 0; float: left; height: 100%; width: 100%; text-align: left; overflow: hidden; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto } .bs3.bootstrap-select .dropdown-toggle .filter-option { padding-right: inherit } .input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option { position: absolute; padding-top: inherit; padding-bottom: inherit; padding-left: inherit; float: none } .input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner { padding-right: inherit } .bootstrap-select .dropdown-toggle .filter-option-inner-inner { overflow: hidden } .bootstrap-select .dropdown-toggle .filter-expand { width: 0 !important; float: left; opacity: 0 !important; overflow: hidden } .bootstrap-select .dropdown-toggle .caret { position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle } .input-group .bootstrap-select.form-control .dropdown-toggle { border-radius: inherit } .bootstrap-select[class*=col-] .dropdown-toggle { width: 100% } .bootstrap-select .dropdown-menu { min-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .bootstrap-select .dropdown-menu>.inner:focus { outline: 0 !important } .bootstrap-select .dropdown-menu.inner { position: static; float: none; border: 0; padding: 0; margin: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none } .bootstrap-select .dropdown-menu li { position: relative } .bootstrap-select .dropdown-menu li.active small { color: rgba(255, 255, 255, .5) !important } .bootstrap-select .dropdown-menu li.disabled a { cursor: not-allowed } .bootstrap-select .dropdown-menu li a { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .bootstrap-select .dropdown-menu li a.opt { position: relative; padding-left: 2.25em } .bootstrap-select .dropdown-menu li a span.check-mark { display: none } .bootstrap-select .dropdown-menu li a span.text { display: inline-block } .bootstrap-select .dropdown-menu li small { padding-left: .5em } .bootstrap-select .dropdown-menu .notify { position: absolute; bottom: 5px; width: 96%; margin: 0 2%; min-height: 26px; padding: 3px 5px; background: #f5f5f5; border: 1px solid #e3e3e3; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); pointer-events: none; opacity: .9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .bootstrap-select .dropdown-menu .notify.fadeOut { -webkit-animation: .3s linear 750ms forwards bs-notify-fadeOut; -o-animation: .3s linear 750ms forwards bs-notify-fadeOut; animation: .3s linear 750ms forwards bs-notify-fadeOut } .bootstrap-select .no-results { padding: 3px; background: #f5f5f5; margin: 0 5px; white-space: nowrap } .bootstrap-select.fit-width .dropdown-toggle .filter-option { position: static; display: inline; padding: 0 } .bootstrap-select.fit-width .dropdown-toggle .filter-option-inner, .bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner { display: inline } .bootstrap-select.fit-width .dropdown-toggle .bs-caret:before { content: '\00a0' } .bootstrap-select.fit-width .dropdown-toggle .caret { position: static; top: auto; margin-top: -1px } .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark { position: absolute; display: inline-block; right: 15px; top: 5px } .bootstrap-select.show-tick .dropdown-menu li a span.text { margin-right: 34px } .bootstrap-select .bs-ok-default:after { content: ''; display: block; width: .5em; height: 1em; border-style: solid; border-width: 0 .26em .26em 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) } .bootstrap-select.show-menu-arrow.open>.dropdown-toggle, .bootstrap-select.show-menu-arrow.show>.dropdown-toggle { z-index: 1061 } .bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before { content: ''; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(204, 204, 204, .2); position: absolute; bottom: -4px; left: 9px; display: none } .bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after { content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; bottom: -4px; left: 10px; display: none } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before { bottom: auto; top: -4px; border-top: 7px solid rgba(204, 204, 204, .2); border-bottom: 0 } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after { bottom: auto; top: -4px; border-top: 6px solid #fff; border-bottom: 0 } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before { right: 12px; left: auto } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after { right: 13px; left: auto } .bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after, .bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before, .bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after, .bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before { display: block } .bs-actionsbox, .bs-donebutton, .bs-searchbox { padding: 4px 8px } .bs-actionsbox { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .bs-actionsbox .btn-group button { width: 50% } .bs-donebutton { float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .bs-donebutton .btn-group button { width: 100% } .bs-searchbox+.bs-actionsbox { padding: 0 8px 4px } .bs-searchbox .form-control { margin-bottom: 0; width: 100%; float: none } .header__zakaz_square{margin-top: 5px;margin-left: 12px;box-sizing: border-box;backdrop-filter: blur(50px);text-align: center;color:#fff !important;font-weight: 500;font-family: 'SF UI Display';font-size: 16px;padding: 9px 16px;color: #292D32;height: 40px;line-height: 22px;border: 1px solid #EB702D;border-radius: 4px;font-style: normal;background: #EB702D;} .header__zakaz_square_active{margin-top: 5px;margin-left: 21px;box-sizing: border-box;backdrop-filter: blur(50px);text-align: center;font-weight: 500;font-family: 'SF UI Display';font-size: 16px;padding: 9px 16px;height: 40px;line-height: 22px;color: #1D1D1D;border: 1px solid #1D1D1D !important;border-radius: 4px;font-style: normal;} .header__zakaz_square:hover, .header__zakaz_square:focus, .header__zakaz_square:active{transition: 0.5s;color: #fff !important;background: #EA641C;border:1px solid #EA641C;} .header__zakaz_square_active:hover{background: #fff;transition: 0.5s;} .header__zakaz_square_active img{margin-top: -2px;} .header__zakaz_square img{margin-top: -2px;} .header_chat_btn{font-family: 'SF UI Display';font-style: normal;font-weight: 400;font-size: 14px;color: #292D32;line-height: 22px;font-style: normal;margin-right: 15px;padding: 8px 0;position: relative;margin-top:2px;} .account-menu__output .header__zakaz_square, .adverts_listing_container .header__zakaz_square{background:none;color:#1D1D1D !important;margin-left: 12px;box-sizing: border-box;backdrop-filter: blur(50px);text-align: center;font-weight: 500;font-family: 'SF UI Display';font-size: 15px;padding: 8px 17px;color: #292D32;height: 45px;line-height: 28px;border: 1px solid #E2DFDB;border-radius: 4px;font-style: normal;} .account-menu__output .header__zakaz_square:hover, .adverts_listing_container .header__zakaz_square:hover{background: #fff;transition: 0.5s;border: 1px solid #292D32 !important;} .zakaz_square_green{color:#fff !important;box-sizing: border-box;backdrop-filter: blur(50px);text-align: center;font-weight: 500;font-size: 14px;padding: 10px 12px;background: #4AB617;height: 45px;line-height: 48px;border: 1px solid #4AB617;border-radius: 4px;font-style: normal;} .zakaz_square_green:hover,.zakaz_square_green:active,.zakaz_square_green:focus{color:#fff !important;background: #50ce14;transition: 0.5s;border: 1px solid #50ce14 !important;} .modal {overflow-y: scroll;} #body{padding-right: 0 !important;} .zakaz_square_orange{color:#fff !important;box-sizing: border-box;backdrop-filter: blur(50px);text-align: center;font-weight: 500;font-size: 16px;padding:20px;display: block;background: #EB702D;height: 45px;line-height: 5px;border: 1px solid #EB702D;border-radius: 8px;font-style: normal;} .zakaz_square_orange:hover{color:#fff !important;background: #EB702D;transition: 0.5s;border: 1px solid #EB702D !important;} .zakaz_square_orange_empty { color: #ffffff !important; box-sizing: border-box; backdrop-filter: blur(50px); text-align: center; font-weight: 500; font-size: 16px; padding: 5px 14px; height: 48px; line-height: 36px; border: 1px solid #EB702D; background: #EB702D; border-radius: 4px; font-style: normal; display: inline-block; } .zakaz_square_orange_empty:hover{color:#fff !important;background: #EB702D;transition: 0.5s;border: 1px solid #EB702D !important;} .zakaz_square_empty { display: inline-block; box-sizing: border-box; backdrop-filter: blur(50px); text-align: center; font-weight: 500; font-size: 14px; padding: 5px 22px; color: #fff; height: 48px; line-height: 36px; border: 1px solid #4AB617; background: #4AB617; border-radius: 4px; font-style: normal; } .zakaz_square_empty:hover{background: #4AB617;transition: 0.5s;border: 1px solid #4AB617 !important;} .cursor_pointer{cursor: pointer;} .zakaz_square{box-sizing: border-box;backdrop-filter: blur(50px);text-align: center;font-weight: 500;font-size: 14px;padding: 10px 22px;color: #292D32;height: 45px;line-height: 48px;border: 1px solid #E2DFDB;border-radius: 4px;font-style: normal;} .zakaz_square:hover{background: #fff;transition: 0.5s;border: 1px solid #292D32 !important;} .nav__link_search img{margin-right: 5px;margin-top: -5px;} .header__city_btn img{margin-left: 8px;margin-top: 12px;} .sticky-menu, .header-style-three .transparent-header.sticky-menu {left: 0;margin: auto;position: fixed;top: 0;width: 100%;z-index: 1000;background: #fff;-webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown; /*animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;*/-webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1); border-radius: 0;height: 60px;margin-top:-1px;} .main-header.sticky-menu {padding: 2px 0;} .scroll-top {width: 56px;height: 56px;line-height: 56px;position: fixed;bottom: 105%;left: 30px;font-size: 16px;border-radius: 6px;z-index: 99;color: #ffffff;text-align: center;cursor: pointer; transition: 1s ease;border: none;opacity: 0;} .scroll-top.open {bottom: 56px;opacity: 1;} .scroll-top::after {position: absolute;z-index: -1; top: 100%;left: 5%;height: 10px;width: 90%;opacity: 1; } .scroll-top:hover {background: #fff;} .scroll-to-target{border:1px solid rgba(29, 29, 29, 0.1);border-radius: 50%;left: 0;margin-left: 30px;} .hot_block_item{border-radius: 4px;padding: 12px;min-height: 328px;cursor: pointer;} .hot_block_item_3{border-radius: 4px;padding: 0px;padding-top: 1px;min-width:221px;min-height: 345px;cursor: pointer;} .width100{width: 100%;} .hot_block_item_title{margin-top: 0px;letter-spacing: 0px;color: var(--accent, #EB702D);font-family: 'SF UI Display', sans-serif;font-size: 16px;font-style: normal;font-weight: 500;line-height: 20px;} .hot_block_item_text{font-weight: 400;font-size: 14px;line-height: 20px;min-height: 43px;letter-spacing: -0.7px;word-break: break-all;height:43px;overflow: hidden;display: block;}  .profile_block_item_price{margin-bottom: 10px;font-size: 20px;font-style: normal;font-weight: 400;line-height: 28px;font-family: 'SF UI Display', sans-serif;} .hot_block_item_price{font-weight: 500;font-size: 16px;line-height: 26px;font-style: normal;margin-bottom: 10px;} .hot_block_item_price .price_span{border-radius: 4px;background: #F8D868;padding: 1px 8px;font-family: 'SF UI Display', sans-serif;display: inline-block;} .statistic .price_span{border-radius: 4px; background: #F8D868; padding:4px 12px; right: 0; width: auto; position: absolute; margin-bottom: 40px; margin-right: 15px; bottom: 0; color: #1D1D1D; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; font-family: 'SF UI Display', sans-serif;} .statistic .send_span{border-radius: 4px;border: 1px solid var(--separator-1, rgba(29, 29, 29, 0.10));display: block;padding: 4px 12px;height: 32px;color: #1D1D1D;font-family: 'SF UI Display', sans-serif;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;position: absolute;margin-bottom: -5px;margin-right: 16px;bottom: 0;right: 0;width: auto;} .title .price_span{border-radius: 8px; background: #F8D868; padding: 4px 8px; right: 0; width: auto; position: absolute; margin-bottom: 0px; margin-right: 10px; bottom: 0; color: #1D1D1D; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; } .hot_block_item_stat{display: table-cell;font-weight: 400;font-size: 14px;line-height: 22px;color: var(--grey, rgba(29, 29, 29, 0.50)) !important;} .mr_12{margin-right: 12px;} .mr_8{margin-right: 8px;} .mr_5{margin-right: 5px;} .mt_5{margin-top: 5px;} .mr_3{margin-right: 3px;} .mr20{margin-right: 20px;} .mr10{margin-right: 10px;} .width100p{width: 100%;} .maxheight{max-height: 100%;} .p0{padding: 0 !important} .mt0{margin-top: 0 !important} .pt0{padding-top: 0 !important} .pr0{padding-right: 0 !important} .pb0{padding-bottom: 0 !important} .pl0{padding-left: 0 !important} .pl5{padding-left: 5px !important} .pl7{padding-left: 7px !important}  .pt5{padding-top: 5px !important;} .pt8{padding-top: 8px !important;} .pt12{padding-top: 12px !important;} .pl12{padding-left: 12 !important} .m0{margin: 0 !important} .mt20{margin-top: 20px;} .mb20{margin-bottom: 20px;} .mt32px{margin-top: 32px;} .ml5{margin-left: 5px !important} .ml20{margin-left: 20px !important} .pl20{padding-left: 20px !important} .mr5{margin-right: 5px !important} .p05{padding: 0 5px !important;} .card{cursor: pointer;width: 100%;height: 300px;} .mr0{margin-right: 20px !important;} .mb0{margin-bottom: 0px !important;} .pl10{padding-left: 10px !important;} .mtb-24{margin:24px 0;} .front, .back{ height: 100%;overflow: hidden;backface-visibility: hidden;position: absolute;transition: transform .3s linear;display: contents;} .front{transform: perspective(600px) rotateY(0deg);} .back{transform: perspective(600px) rotateY(180deg);background-color: #f1f1f1;} .back .hot_block_cont{display: block;margin-bottom: 15px;} .fas{display: block; color: red; } .mt3p{margin-top:3% !important;} .mt2p{margin-top:2% !important;} .mb3p{margin-bottom:3% !important;} .mb16{margin-bottom:16px !important;} .pt3p{padding-top:3% !important;} .pb3p{padding-bottom:3% !important;} .mt5p{margin-top:5% !important;} .mb5p{margin-bottom:5% !important;} .mt5p{padding-top:5% !important;} .pb5p{padding-bottom:5% !important;} .mt16{margin-top: 16px !important;} .mr16{margin-right: 16px !important;} .pb25{padding-bottom: 25px !important;} .mr8p{margin-right: 8px !important;} .ml0{margin-left: 0px;} .mt12{margin-top: 12px;} .mt10{margin-top: 10px !important;;} .mr12{margin-right: 12px;} .mb12{margin-bottom: 12px;} .mt10{margin-top: 10px;} .mb10{margin-bottom: 10px;} .ml12{margin-left: 12px;} .mr4{margin-right: 4px;} .mt5{margin-top: 5px;} .pr5{padding-right:5px} .pr7{padding-right:7px} .mt4{margin-top: 4px;} .ml8{margin-left: 8px;} .mr8{margin-right: 8px;} .main_title_1{color: #04110A;font-family: 'Gilroy';font-style: normal; font-size: 42px;line-height: 56px;} .main_title_1 a{color:#EB702D !important;border-bottom: 1px solid #F3BFA2;} .main_text_1{font-weight: 400;font-size: 20px;line-height: 28px;margin-top: 24px;} .main_text_1 a{color: #EB702D !important;border-bottom: 1px solid #F3BFA2;} .main_p{font-weight: 400;font-size: 14px;line-height: 20px;} .orange_color{color:#EB702D !important;} .main_color{color:#1D1D1D !important;} .gray_color{color: rgba(29, 29, 29, 0.4) !important;} .red_color{color:#F53C3C !important;} .nav_more_p{color:#EB702D;border-bottom: 1px solid #F3BFA2;} .search_block{margin-top: 50px ;padding-top: 0px;padding-bottom: 80px !important;} .chat_messages_count_chat { position: absolute; right: 0; top: 0; margin-top: -6px; margin-right: 6px; background: #DC2323; min-width: 28px; height: 24px; text-align: center; color: #fff; border-radius: 12px; padding: 0; display: inline-block; font-size: 14px; line-height: 25px; } input.price-input-ot::before { content: "от "; color: gray; } input.price-input-do::before { content: "до "; color: gray; } .descr_block{height: 70px;} .tabs_exit{margin-top: 16px;cursor: pointer;font-weight: 400;font-size: 16px;line-height: 24px;padding: 0px 10px 8px 10px;} .tabs_exit a{color: rgba(29, 29, 29, 0.3);} .search_block h4{font-weight: 500;font-size: 24px;line-height: 48px;display: inline;} .search_block .div{display: flex;height: 48px;max-width:220px;padding: 0px 16px;align-items: center;gap: 10px;flex-shrink: 0;border-radius: 4px;background: var(--white, #FFF);} .search_block .div img{height: 24px;margin-top:-2px;} .search_block .div input{color: var(--grey, rgba(29, 29, 29, 0.40));font-family: 'SF UI Display', sans-serif;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;background: 0 0;border: none;margin-left: 10px;padding: 0;padding-top:2px;} .left_filter .categories{border-bottom: 1px solid #E2DEDB;padding-bottom: 24px;} .border_right{border-right: 1px solid #E2DEDB;} .left_nav_main_cat{font-weight: 600;font-size: 18px;line-height: 26px;margin-bottom: 8px;font-family: 'SF UI Display', sans-serif;} .left_nav_cat{font-weight: 400;font-size: 16px;line-height: 22px;} .hot_block_item_price_span{position: relative !important;right: 0;bottom: 0;margin-bottom: 10px;position: absolute;right: 0;font-weight: 400;font-size: 14px !important;line-height: 22px !important;color: var(--grey, rgba(29, 29, 29, 0.50));font-family: 'SF UI Display' !important;font-style: normal;margin-top: 2px;} .hot_block_item_price_span img{margin-right: 2px;margin-top: -4px;} .hot_block_img{height: 128px;width: auto;margin:12px 12px 4px 12px;background-repeat: no-repeat !important;background-position: center !important;background-size: cover !important;border-radius: 4px;} .title_height{height: 50px;overflow: hidden;display: block;} .advert_blockx{background: #fff;border-radius: 4px;padding: 4px 0;width: 100%;margin-bottom: 8px;cursor: pointer;min-height: 180px; overflow:hidden;} .advert_blockx .category_type{color: var(--black, #1D1D1D);font-family: 'SF UI Display', sans-serif;font-size: 12px;font-style: normal;font-weight: 400;line-height: 16px;letter-spacing: 0.4px;text-transform: uppercase;margin-top: 12px;} .advert_blockx .title{color: var(--accent, #EB702D);font-family: 'SF UI Display', sans-serif;font-size: 16px;font-style: normal;font-weight: 500;line-height: 20px;} .advert_blockx .title .price{font-style: normal;color: #1D1D1D;position: absolute !important;margin-right: 25px;width: auto;letter-spacing: -0.7px;margin-bottom: -35px;bottom: 0;left: 0;margin-left: 10px;text-align: center;} .advert_blockx .title .price_zakaz{font-style: normal;min-width: 70px;text-align:center;color:#1D1D1D;position: absolute;right: 0;margin-right: 16px;width: auto;letter-spacing:-0.7px;} .advert_blockx .descr{font-weight: 400;font-size: 14px;line-height: 20px;width: 75%;min-height: 38px;word-break: break-all;max-height: 40px;overflow: hidden;display: block;} .advert_blockx .block_back .descr{width: 100% !important;} .advert_blockx .statistic{font-weight: 400;font-size: 14px;line-height: 22px;color: var(--grey, rgba(29, 29, 29, 0.50));margin-top: 10px;font-family: 'SF UI Display',sans-serif;margin-bottom: 0;padding-bottom: 0;} .advert_blockx .model{color: var(--Black, #1D1D1D);font-size: 12px;font-style: normal;font-weight: 400;line-height: 16px;letter-spacing: 0.4px;opacity: 0.6;text-transform: uppercase;} .hot_block_item_3 .model{font-weight: 400;font-size: 12px;margin-bottom: 0;height: 20px;margin-top: 10px;color: rgba(29,29,29,0.6);line-height: 16px;letter-spacing: 0.2px;text-transform: uppercase;    max-width: 100%;margin-bottom: 5px;} .block_back {display: none;transition: all 2s ease-in-out;} .highlighted {font-weight: 600;border-bottom: 1px solid #1D1D1D;} .highlighted::after {display: inline-block;content: "\00d7";margin-top: 0px;margin-left: 5px;position: absolute;} .hot_right .text-block { margin-bottom: 20px; font-weight: 400; font-size: 14px; line-height: 22px; } .hot_right .link { color: #F53C3C !important; } .hot_right .icon { margin-right: 8px; } .hot_right .text { border-bottom: 1px solid #F5DAC9; } .hot_right .advert {cursor:pointer;} .hot_right .title { margin-bottom: 2px; font-size: 13px; font-style: normal; font-weight: 500; line-height: 16px; color: var(--black, #1D1D1D); font-family: 'SF UI Display', sans-serif;height: 32px;overflow: hidden;display: block;} .hot_right .price_span {border-radius: 4px; background: #F8D868; padding: 6px 10px; margin-top: 4px; margin-right: 10px; color: #1D1D1D; font-size: 13px; font-style: normal; font-weight: 500; line-height: 18px; font-family: 'SF UI Display', sans-serif;} .hot_right .description { text-align: left; color: var(--grey, rgba(29, 29, 29, 0.40)); font-size: 12px; font-style: normal; font-weight: 400; line-height: 14px; font-family: 'SF UI Display', sans-serif;word-break: break-all;height: 12px;overflow: hidden;display: block; } .main_footer_logo{margin-top: 50px;letter-spacing: -0.7px;} .main_footer{border-top: 1px solid #E2DEDB;border-bottom: 1px solid #E2DEDB;margin-top:24px;letter-spacing: -0.7px;} .main_footer .left_block{padding-top: 24px;padding-bottom: 24px;border-right: 1px solid #E2DEDB;} .main_footer .left_block .title{color: var(--black, #1D1D1D);font-family: 'SF UI Display', sans-serif;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;} .main_footer .left_block .p1{display: flex;align-items: flex-start;gap: 24px;color: var(--black, #1D1D1D);font-family: 'SF UI Display', sans-serif;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;} .main_footer .left_block .p1 a{display:flex;flex-direction: column;align-items: flex-start;} .main_footer .right_block{padding-top: 24px;padding-bottom: 24px;} .main_footer .right_block .title{color: var(--black, #1D1D1D);font-family: 'SF UI Display', sans-serif;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;} .main_footer_logo .header__logo img{width: 128px;height: auto;} .header__city_btn img{margin-left: 8px;} .main_footer .address{font-style: normal;font-weight: 500;font-size: 20px;line-height: 28px;} .main_footer .phone1{color: var(--black, #1D1D1D);font-family: 'SF UI Display', sans-serif;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;margin-bottom:0;} .main_footer .right_block .address{color: var(--black, #1D1D1D);font-family: 'SF UI Display', sans-serif;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px; } .main_footer .phone2{font-weight: 400;font-size: 20px;line-height: 28px;color: #1D1D1D;} .main_footer .center_block{padding-top: 24px;padding-bottom: 24px;padding-left: 32px;} .main_footer .center_block p{color: var(--black, #1D1D1D);font-family: 'SF UI Display', sans-serif;font-size: 14px;font-style: normal;font-weight: 400;line-height: 22px} .main_footer .center_block .p1{font-weight: 400;font-size: 20px;line-height: 28px;margin-bottom: 24px;} .main_footer .center_block .p2{font-weight: 400;font-size: 16px;line-height: 24px;} .main_footer .center_block .p2 a{color: #1D1D1D !important;} .main_footer .center_block .p3{font-size: 16px;line-height: 28px;line-height: 28px;} .main_footer .right_block{padding-top: 24px;padding-bottom: 24px;padding-left: 32px;} .main_footer .right_block p{font-style: normal;font-weight: 500;font-size: 20px;line-height: 28px;} .main_footer .right_block .p1{font-weight: 400;font-size: 20px;line-height: 28px;margin-bottom: 24px;} .main_footer .right_block .p2{font-weight: 400;font-size: 16px;line-height: 24px;} .main_footer .right_block .p3{font-size: 16px;line-height: 28px;line-height: 28px;} .main_footer2 {margin-top: 0px;padding-bottom: 80px;letter-spacing: -0.7px;} .main_footer2 a{color: var(--black, #1D1D1D);font-family: 'SF UI Display', sans-serif;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;margin-right:24px;} .main_footer2 .p1{font-style: normal;font-weight: 400;font-size: 20px;line-height: 28px;} .main_footer2 .p2{font-weight: 400;font-size: 16px;line-height: 24px;} .main_footer2 .appstore{background:#EDE9E5;border-radius: 4px;padding: 12px 24px;color:#1D1D1D !important;margin-right: 16px;} .main_footer2 .googlemarket{background:#EDE9E5;border-radius: 4px;padding: 12px 24px;color:#1D1D1D !important;} .main_footer2 .download{padding-left: 32px;} .lico_type{margin-right: 12px;position: absolute;right: 0;} .tabset > input[type="radio"] { position: absolute; left: -200vw; } .tabset .tab-panel { display: none; } .tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child, .tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2), .tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3), .tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4), .tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5), .tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) { display: block; } .tabset > label { color: #B6B3B1; cursor: pointer; } .tabset > label:hover, .tabset > input:focus + label { color: #B6B3B1; } .tabset > label:hover::after, .tabset > input:focus + label::after, .tabset > input:checked + label::after { background: #B6B3B1; } .tabset > input:checked + label { color: #1D1D1D; } .row{display: contents;} .btn-check {position: absolute;clip: rect(0,0,0,0);pointer-events: none;} .btn-check:active+.btn-outline-success, .btn-check:checked+.btn-outline-success, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show, .btn-outline-success:active {border-radius: 8px;background: var(--Black, #1D1D1D);color: #fff;} .order_tab_btns_block{display: inline-flex;padding: 4px;align-items: flex-start;border-radius: 8px;background: #F9F4EB;} .btn-outline-success{display: flex;height: 40px;padding: 0px 15px 0px 14px;justify-content: center;align-items: center;gap: 8px;border-radius: 8px;background: #F9F4EB;color: var(--Black, #1D1D1D);font-family: 'SF UI Display', sans-serif;font-size: 16px;font-style: normal;font-weight: 400;line-height: 20px;} .chat-panel-footer {background: none;padding: 2px 20px 15px 15px;width: 100%;border-top: none;border-bottom-right-radius: 16px;} .nav_main_cat{font-weight: 400;font-size: 14px;line-height: 22px;color: #B6B3B1;} .nav_category{font-weight: 400;font-size: 14px;line-height: 22px;color: #1D1D1D;border-bottom: 1px solid #E2DEDB;margin-right: 15px;} .nav_category:hover{font-weight: 500;color: #1D1D1D;border-bottom: 1px solid #1D1D1D;transition: 1s;} p {margin: 0 0 7px;} .swiper-backface-hidden .swiper-slide { padding: 0 !important;border-radius: 4px; } .container{display: block;padding: 0;} .tab button {} .tab button:hover {} .tab button.active {} .tabObyavl{padding-top: 24px;padding-bottom: 16px;border-bottom: 1px solid rgba(29, 29, 29, 0.1);margin-bottom: 40px;} .tabObyavl button {color: #B6B3B1;background: transparent;font-weight: 400;font-size: 16px;line-height: 24px;margin-right: 20px;} .tabObyavl button:hover {color: #B6B3B1;} .tabObyavl button.active {color: #1D1D1D;} .tabcontent, .tabcontent2, .tabcontent3 {display: none;-webkit-animation: fadeEffect 1s;animation: fadeEffect 1s;} /* Fade in tabs */ @-webkit-keyframes fadeEffect {from {opacity: 0;}to {opacity: 1;}} @keyframes fadeEffect {from {opacity: 0;}to {opacity: 1;}} .modal_close_btn{position: absolute;right: 0;top: 0;background:#1D1D1D !important;z-index: 999;opacity: 1;width: 30px;height: 30px;margin-right: 4px;margin-top: 4px;line-height: 5px;} .modal_close_btn2{position: absolute;right: 0;top: 0;background:#1D1D1D !important;z-index: 999;opacity: 1;width: 30px;height: 30px;margin-right: 4px;margin-top: 4px;line-height: 5px;} .modal_close_btn_2{position: absolute;right: 0;top: 0;background:#1D1D1D !important;z-index: 999;opacity: 1;width: 30px;height: 30px;margin-right: 4px;margin-top: 4px;line-height: 5px;} .modal_close_btn_3{position: absolute;right: 0;top: 0;background:#1D1D1D !important;z-index: 999;opacity: 1;width: 30px;height: 30px;margin-right: 4px;margin-top: 4px;line-height: 5px;} .modal_close_chat_btn{ position: absolute; right: 0; top: 0; background: #1D1D1D !important; z-index: 999; opacity: 1; width: 30px; height: 30px; margin-right: -35px; margin-top: -20px; line-height: 5px; } .modal-body{background: #fff;border-radius: 4px;padding: 16px;} .modal-content{padding: 20px 5px 0px 5px !important;margin: 5px !important;border-radius: 25px} .modal_title{    letter-spacing: -0.7px;display: block !important;color: var(--Black, #1D1D1D);font-family: Manrope;font-size: 24px;font-style: normal;font-weight: 500;margin-top: 12px;} .modal_title2{margin-bottom: 32px;font-size: 28px;font-family: Gilroy;font-weight: 500;line-height: 38px;letter-spacing: -0.7px;} .card_modal_title{color: #1D1D1D;font-family: 'SF UI Display', sans-serif;font-size: 24px;font-style: normal;font-weight: 500;line-height: 32px;margin-bottom:20px;} .card_modal_price{border-radius: 4px;background: #F8D868;display: table-cell;padding: 4px 16px;color: #1D1D1D;font-family: 'SF UI Display',sans-serif;font-size: 22px;font-style: normal;font-weight: 400;line-height: 32px;position: absolute;z-index: 9999;bottom: 0;right: 0;margin-bottom: 50px;margin-right: 20px;} .order_card_modal_price {display: inline-flex;height: 28px;padding: 2px 8px;align-items: center;gap: 10px;border-radius: 4px;background: #F8D868;color: #1D1D1D;font-size: 14px;font-style: normal;font-weight: 400;line-height: 24px;margin-top: 8px;} .card_modal_btn_1{margin-right: 10px;border-radius: 4px;border: 1px solid #EB702D;padding: 12px 12px;color: #EB702D !important;font-family: 'SF UI Display',sans-serif;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;text-align: center;} .card_modal_btn_edit{margin-right: 10px;border-radius: 4px;border: 1px solid #EB702D;padding: 12px 16px;color: #EB702D !important;font-family: 'SF UI Display',sans-serif;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;width: 100%;display: block;text-align: center;} .card_modal_btn_2{border-radius: 4px;background: #4AB617;color: #fff !important;font-size: 16px;font-style: normal;font-weight: 500;padding: 14px 20px 15px 16px;border: none;width: 100%;display: block;height: 48px;text-align: center;max-width: 100%;line-height: 16px;} .card_description_block, .card_description_block2{padding:24px;} .card_description_block .card_title, .card_description_block2 .card_title{color: var(--black, #1D1D1D);font-family: 'SF UI Display',sans-serif;font-size: 20px;font-style: normal;font-weight: 500;line-height: 28px;margin-bottom:8px;} .card_menu_title{color: var(--black, #1D1D1D);font-family: 'SF UI Display',sans-serif;font-size: 16px;font-style: normal;font-weight: 400;opacity:0.6;line-height: 22px;margin-right: 16px;} .modal_price{font-style: italic;font-weight: 600;font-size: 18px;line-height: 28px;margin-top: 8px;} .modal_order_location{font-weight: 400;font-size: 16px;line-height: 24px;letter-spacing: -0.7px;padding: 5px 13px;} .modal_description{font-weight: 400;font-size: 16px;line-height: 24px;letter-spacing: -0.7px;word-break: break-all;} .order_card_statistic{color: rgba(29, 29, 29, 0.4);font-size:14px;} .modal_order_user_type { display: inline-block; font-weight: 400; font-size: 14px; line-height: 22px; background: #F8F4F0; padding: 8px 14px; backdrop-filter: blur(50px); border-radius: 20px;} .modal_order_user_type img{border-radius: 50%;height: 24px;width: 24px;} .card_modal_model{color: var(--black, #1D1D1D);font-family: 'SF UI Display', sans-serif;font-size: 11px;font-style: normal;font-weight: 400;line-height: 18px;letter-spacing: 0.44px;text-transform: uppercase;} .modal_user_type{font-weight: 400;font-size: 14px;line-height: 22px;position: absolute;right: 0;top: 0;background: rgba(255, 255, 255, 0.8);padding: 9px 14px;border-radius: 20px;margin-top: 47%;margin-right: 2%;} .modal_user_type_card {font-weight: 400;font-size: 14px;line-height: 22px;position: relative;right: 0;top: 0;background: rgba(255, 255, 255, 0.8);padding: 9px 14px;border-radius: 20px;margin-top: 0;margin-right: 0;} .modal_advert_user_type{ display: inline-block; font-weight: 400; font-size: 14px; line-height: 22px; background: #F8F4F0; padding: 8px 14px; backdrop-filter: blur(50px); border-radius: 20px; margin-bottom: 10px; margin-left: 15px; } .modal_prizyv_title{ font-family: 'Gilroy'; font-style: normal; font-weight: 600; font-size: 24px; line-height: 32px; } .border_bottom{border-bottom: 1px solid #CCC9C6;} .modal_input{width: 100%;font-style: normal;font-weight: 400;line-height: 24px;padding: 8px 16px;height: 40px;margin-top: 8px;background: #fff !important;border-radius: 4px !important;border: none !important;font-size:16px;} .order_input{background: #fff;border-radius: 4px;border: none;padding: 7px 7px 7px 2px;height: 40px;line-height: 0;margin-top: 8px;} .filter_price_input{margin-right: 5px;background: #FFFFFF;border: 1px solid rgba(29, 29, 29, 0.1);border-radius: 4px;padding: 7px;} .filter_price_btn, .sort_btn{border-radius: 4px !important;padding: 10px !important;height: 35px !important;margin-top: 10px;color:#fff !important;line-height: 16px !important;} .panel-collapse{padding: 5px 0 15px 0;} .btn-check {position: absolute;clip: rect(0,0,0,0);pointer-events: none;font-size: 16px;line-height: 24px;} .order_call_types_title{font-weight: 500;font-size: 20px;line-height: 28px;margin-top: 24px;margin-bottom: 10px;} .order_available_title{font-weight: 500;font-size: 20px;line-height: 28px;margin-top: 24px;margin-bottom: 10px;} .p_main{font-weight: 400;font-size: 14px;line-height: 22px;} .p_main_2{color: var(--black, #1D1D1D);font-family: 'SF UI Display', sans-serif;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;} .account_left_block{border-right: 1px solid rgba(29, 29, 29, 0.1);height: 100vh;padding-right: 0;} .account_left_block_p{padding: 20px 16px;} .account_left_block .avatar_plus{position: absolute;top: 0;left: 0;margin-top: 22%;margin-left: 22%;} .account_left_block .acc_username{font-weight: 500;font-size: 16px;line-height: 22px;margin-top: 13px;} .account_left_block .acc_type{font-weight: 400;font-size: 14px;line-height: 22px;color: rgba(29, 29, 29, 0.3);margin-top: 8px;} .account_left_block .acc_status{font-weight: 400;font-size: 14px;line-height: 22px;margin-top: 8px;} .account_left_block .acc_stat_title{font-weight: 400;font-size: 14px;line-height: 22px;margin-top: 96px;} .account_left_block .acc_edit_title{font-weight: 400;font-size: 14px;line-height: 22px;margin-top: 18px;} .account_left_block .acc_exit{font-weight: 400;font-size: 14px;line-height: 22px;margin-top: 29px;} .general_stat_title{color: var(--black, #1D1D1D);font-family: 'SF UI Display', sans-serif;font-size: 16px;font-style: normal;font-weight: 500;line-height: 22px;} .stat_title{color: var(--black, #1D1D1D);font-family: 'SF UI Display', sans-serif;font-size: 14px;font-style: normal;font-weight: 400;line-height: 22px;margin-bottom: 16px;border-radius: 4px;border: 1px solid var(--separator-1, rgba(29, 29, 29, 0.10));background: var(--white, #FFF);display: inline-flex;height: 32px;padding: 9px 16px;justify-content: center;align-items: center;gap: 12px;flex-shrink: 0;} .stat_content{padding: 10px 4px;} .stat_block{border: 1px solid rgba(29, 29, 29, 0.1);border-radius: 4px;margin-bottom: 8px;padding:16px;} .stat_block .stat_item{border-bottom: 1px solid rgba(29, 29, 29, 0.1);padding-bottom: 8px;} .stat_block .stat_value{color: var(--black, #1D1D1D);font-family: 'SF UI Display', sans-serif;font-size: 18px;font-style: normal;font-weight: 400;line-height: 24px;} .stat_block .stat_icon{width: 20px;height: 20px;margin-top: 0;margin-right: 5px;} .stat_block .stat_text{color: var(--black, #1D1D1D);text-align: right;font-family: font-family: 'SF UI Display', sans-serif;font-size: 14px;font-style: normal;font-weight: 400;line-height: 22px;} .account_center_title{color: var(--Black, #1D1D1D);font-family: Manrope;font-size: 28px;font-style: normal;font-weight: 500;line-height: 36px;} .advert_account, .order_account{background: #FFFFFF;border-radius: 4px;padding: 12px 0;margin-bottom: 8px;cursor: pointer;min-height: 164px; overflow:hidden;} .advert_account .title, .order_account .title{font-weight: 500;font-size: 16px;line-height: 26px;color: #EB702D;} .advert_account .title .price, .order_account .title .price{font-style: italic;color:#1D1D1D;position: absolute;right: 0;margin-right: 16px;width: auto;} .advert_account .descr, .order_account .descr{font-weight: 400;font-size: 14px;line-height: 20px;width: 90%} .advert_account .statistic, .order_account .statistic{font-weight: 400;font-size: 14px;line-height: 22px;color: var(--grey, rgba(29, 29, 29, 0.40));margin-top: 0px;margin-bottom:2px;font-family: 'SF UI Display'} .last_message_time{color: rgba(29, 29, 29, 0.3);font-weight: 400;font-size: 14px;line-height: 22px;} .message_count{background: #F53C3C;width: 28px;height: 28px;text-align: center;color: #fff;border-radius: 50%;padding-top: 2px;} .chat_messages_count{position: absolute;left: 0;top: 0;margin-top: -5px;margin-left: 12px;background: #F53C3C;width: 24px;height: 24px;text-align: center;color: #fff;border-radius: 50%;padding-top: 0px;display: inline-block; font-size: 13px;margin-left: 10px;line-height: 25px;} .chat_messages_count_2{background: #F53C3C;width: 24px;height: 24px;text-align: center;color: #fff;border-radius: 50%;padding-top: 0px;display: inline-block; font-size: 13px;margin-left: 10px;line-height: 25px;position: absolute;right: 0;margin-right: 5px;margin-top: 5px;} .message_block{margin: 15px 0 10px 0;} .padding015{padding: 0 15px;} .panel_header{font-weight: 500;font-size: 20px;line-height: 28px;} .panel-heading .accordion-toggle:after {content: url('../images/icons/form_up.svg');float: right; color: #1D1D1D; } .panel-heading .accordion-toggle.collapsed:after {content: url('../images/icons/form_up.svg'); transform: rotate(180deg); } .panel-default > .panel-heading {color: #1D1D1D;background-color: #fff !important;border-color: #fff !important;} .panel-default > .panel-heading + .panel-collapse > .panel-body{border:none !important;padding: 0 32px 24px 32px !important;} .panel-heading{padding: 24px 32px !important; } .panel-group .panel + .panel{margin-top: 16px !important;} .form_row_number{background: #FFFFFF;width: 24px;height: 24px;border-radius: 50%;text-align: center;font-weight: 400;font-size: 14px;line-height: 22px;position: absolute;right: 0;margin-right: 8px;} .devider_16{margin-top: 16px;} .devider_10{margin-top: 10px;} .btn:active, .btn.active{box-shadow: none !important;-webkit-box-shadow: none !important;} .btn-radio-text {border-bottom: 1px solid #E8E8E8;padding: 0;margin-right: 16px;font-weight: 400;font-size: 14px;line-height: 22px;} .btn-check:active+.btn-radio-text, .btn-check:checked+.btn-radio-text, .btn-radio-text.active, .btn-radio-text.dropdown-toggle.show, .btn-radio-text:active{ font-weight: 600; border-bottom: 1px solid #1D1D1D;border-radius: 0;padding: 0;} .input-file-row {display: block;} .input-file {position: relative;display: inline-block;} .input-file span {display:inline-block;text-align: center !important;position: relative;display: inline-block;cursor: pointer;outline: none;text-decoration: none;font-size: 16px;vertical-align: middle;color: var(--Accent, #EB702D);;font-weight: 500;text-align: center;border-radius: 8px;background-color: #F9F4EB;line-height: 25px;box-sizing: border-box;margin: 0;transition: background-color 0.2s;border: 1px solid var(--Separator, rgba(35, 46, 50, 0.12));padding: 20px;width: 100%;height: 80px;font-family: 'SF UI Display', sans-serif;margin-top: 10px;padding-top: 27px;} .input-file span img{margin-right:6px;margin-top:-3px;} .input-file input[type=file] {position: absolute;z-index: -1;opacity: 0;display: block;width: 0;height: 0;} .input-file input[type=file]:focus + span {box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);} .input-file:hover span {background-color: rgba(29, 29, 29, 0.1);} .input-file:active span {background-color: rgba(29, 29, 29, 0.1);} .input-file input[type=file]:disabled + span {background-color: rgba(29, 29, 29, 0.1);} .input-file-list {padding: 10px 0;} .input-file-list-item {margin-bottom: 10px;} .input-file-list-remove {color: #fff !important;text-decoration: none;display: inline-block;margin-left: 5px;background: #000;padding: 5px;border-radius: 50%;width: 20px;height: 20px;line-height: 8px;text-align: center; position: absolute; top: 0;right: 0;margin-right: 6px;margin-top: -5px;} .checkbox-container input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;} .checkbox-container{ margin-left: 30px !important;display: block;top: 0;margin-top: 3px;font-weight: 400 !important;font-size: 16px !important;line-height: 24px !important;cursor: pointer;padding-top: 0px;} .checkmark {position: absolute;top: 0;left: 0;height: 20px;width: 20px; background-color: #F9F4EB;border: 1px solid rgba(29, 29, 29, 0.3);border-radius: 2px;max-width: 100%;margin-top:5px;margin-bottom: 5px;margin-left: 9px;} .checkbox-container:hover input ~ .checkmark {background-color: #F8F4F0;} .checkbox-container input:checked ~ .checkmark {background-color: #EB702D;border: 1px solid #EB702D;} .checkmark:after {display: none;} .checkbox-container input:checked ~ .checkmark:after {display: block;} .checkbox-container .checkmark:after {left: 2px;top: -3px;width: 5px;height: 10px;position: absolute;content: url(../images/icons/check_white.svg);} .dropbtn {padding: 0;font-size: 16px;border: none;cursor: pointer;margin: 0 0 7px;line-height: 22px;} .dropbtn:hover, .dropbtn:focus { } #typeInput, #modelInput {border-box: box-sizing;background-image: url('../images/icons/search.svg');background-position: 14px 12px;background-repeat: no-repeat;line-height: 24px;font-size: 16px; padding: 12px 12px 12px 50px !important;border: 1px solid rgba(29, 29, 29, 0.1);border-radius: 4px;padding: 16px;margin-bottom: 10px;} #typeInput:focus, #modelInput:focus {outline: 3px solid #ddd;} .dropdown {position: relative;display: inline-block;} .dropdown-content {display: none;position: absolute;background-color: #fff;min-width: 230px;overflow: auto;z-index: 1;top: 0;right: 0; margin-right: -350px;box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.12);border-radius: 4px;padding: 16px;} .dropdown-content a {color: black;padding: 12px;text-decoration: none;display: block;} .dropdown a:hover {background: rgba(29, 29, 29, 0.1);border-radius: 4px;padding: 10px 12px; } .show {display: block;} .filter_name{margin: 0 0 18px;font-weight: 500;font-size: 16px;line-height: 24px;} .devider_hr{border-top: 1px solid rgba(29, 29, 29, 0.1);margin-top: 15px;margin-bottom: 13px;} .panel-collapse select{background: #FFFFFF;border: 1px solid rgba(29, 29, 29, 0.1);border-radius: 4px;padding: 7px !important;font-size: 16px;line-height: 22px;height: 38.5px;color: rgba(29, 29, 29, 0.5);} .pagination > li > a, .pagination > li > span{position: relative;float: left;padding: 6px 13px;color: #1D1D1D !important;text-decoration: none;border: none !important;background: rgba(29, 29, 29, 0.1);border-radius: 50px !important;margin-right: 4px !important;font-size: 16px !important; line-height: 24px !important;} .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{background:#fff !important; } .pagination .active{background:none !important;fill:#fff !important; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background-color: #fff !important;border-color: #fff;} .back .hot_block_info {height: 140px;min-width:197px;overflow-y: auto;scrollbar-width: thin;scrollbar-color: #EB702D transparent;} .back .hot_block_info::-webkit-scrollbar {width: 6px;} .back .hot_block_info::-webkit-scrollbar-track {background: transparent;} .back .hot_block_info::-webkit-scrollbar-thumb {background-color: #EB702D;border-radius: 20px;}  .visible-xs .profile_block_info_mob {height: 90px;overflow-y: hidden;margin-bottom:10px;scrollbar-width: thin;scrollbar-color: #EB702D transparent;} .visible-xs .profile_block_info_mob::-webkit-scrollbar {width: 4px;} .visible-xs .profile_block_info_mob::-webkit-scrollbar-track {background: transparent;} .visible-xs .profile_block_info_mob::-webkit-scrollbar-thumb {background-color: #EB702D;border-radius: 20px;}  .visible-xs .hot_block_info_mob {height: 122px;overflow: hidden;margin-bottom:5px;scrollbar-width: thin;scrollbar-color: #EB702D transparent;} .visible-xs .hot_block_info_mob::-webkit-scrollbar {width: 4px;} .visible-xs .hot_block_info_mob::-webkit-scrollbar-track {background: transparent;} .visible-xs .hot_block_info_mob::-webkit-scrollbar-thumb {background-color: #EB702D;border-radius: 20px;} .hidden-xs .hot_block_item_title{height: 60px;margin-bottom: 5px !important;} .right_block_content{position: sticky;top: 10px;padding-top: 12px;} .left_block_content{padding-top: 30px;} .modal_slide_img{background-size: cover !important;height: 325px !important;width: 100% !important;background-repeat: no-repeat !important;border-radius: 4px !important;background-position: center;} .models-container {display: flex;} .model-list {list-style: none;margin: 0;padding: 0;} .model {position: relative;padding-right: 1rem;cursor: pointer;min-width: 150px;max-width: 200px;} .submodel-list {position: absolute;top: 0;right: 0;list-style: none;margin: 0;padding: 0;display: none;} .submodel {cursor: pointer;} .model:hover .submodel-list {display: block;padding-top: 15px;} .model-search {margin-right: 1rem;} .model-search input[type="text"] {width: 100%;padding: 0.5rem;border-radius: 0.25rem;border: 1px solid gray;} .models-container {position: relative;display: block;} .model-list { list-style: none; margin: 0; padding: 0; } .model { position: relative; padding-right: 1rem; cursor: pointer; min-width: 150px; max-width: 200px; } .submodel-list {position: absolute;top: 100%;left: 0;z-index: 1;width: 100%;background-color: #fff; max-height: 200px; margin-left: 150px;margin-top: -60px;} .submodel { cursor: pointer; } .model:hover .submodel-list { display: block; } .submodel-list li {display: block;} .submodel-list a {display: block;padding: 10px 12px;text-decoration: none;color: #333;} .submodel-list a:hover {background-color: #f2f2f2;min-width: 100px;} .dropdown-content .content-scroll {max-height: 250px;} .content-scroll {overflow-y: auto;scrollbar-width: thin;scrollbar-color: #EB702D transparent;} .content-scroll::-webkit-scrollbar {width: 6px;} .content-scroll::-webkit-scrollbar-track {background: transparent;} .content-scroll::-webkit-scrollbar-thumb {background-color: #EB702D;border-radius: 20px;} .aside__projekt-list {overflow-y: auto;scrollbar-width: thin;scrollbar-color: #EB702D transparent;} .aside__projekt-list::-webkit-scrollbar {width: 6px;} .aside__projekt-list::-webkit-scrollbar-track {background: transparent;} .aside__projekt-list::-webkit-scrollbar-thumb {background-color: #EB702D;border-radius: 20px;} #ModalInput, #ModalInput {border-box: box-sizing;background-image: url('../images/icons/search.svg');background-position: 14px 12px;background-repeat: no-repeat; padding: 12px 12px 12px 50px !important;border: 1px solid rgba(29, 29, 29, 0.1);border-radius: 4px;margin-bottom: 10px;width: 100%; background-color: transparent;font-size: 14px;line-height: 22px;margin: 12px 0;} #ModalInput:focus, #ModalInput:focus {outline: 3px solid #ddd;} .ChatInput, .ChatInput {border-box: box-sizing;background-image: url('../images/icons/search.svg');background-size: 20px;background-position: 10px 8px;background-repeat: no-repeat; padding: 8px 12px 8px 50px !important;border: 1px solid rgba(29, 29, 29, 0.1);border-radius: 4px;margin-bottom: 10px;width: 100%; background-color: transparent;font-size: 14px;line-height: 22px;margin: 0;margin-bottom: 10px;} .ChatInput:focus, .ChatInput:focus {outline: 3px solid #ddd;} .chat_tabs{border: 1px solid #E2DEDB; border-radius: 4px; margin-bottom: 15px; } .chat_tabs_btn{ font-weight: 400; font-size: 14px; line-height: 22px; background: transparent; padding: 8px 4px; } .chat_tabs .active{ background: #1D1D1D; border-radius: 4px; color: #fff; } .users_block .description{color: rgba(29, 29, 29, 0.3) !important;line-height: 14px !important;} .users_block{border-radius: 8px;margin-top: 5px;} .users_block:hover{background:#fff; } .users_block_active{background:#fff !important; } .chats_modal_right{padding: 0px;margin-bottom: 12px;} .chats_modal_right .users_block .img_block{text-align: center;padding-top: 5px !important;} .chats_modal_right .description{text-align: left !important;} .chats_modal_right .title{line-height: 12px !important;} .ad_block_chat .description{font-weight: 400;font-size: 12px;color: #1D1D1D;line-height: 14px;} .ad_block_chat{border-radius: 8px;margin-top: 5px;margin-left: 15px;} .ad_block_chat:hover{background:#fff; } .ad_block_active{background:#fff !important; } .chats_modal_right .ad_block .img_block{text-align: center;} .chats_modal_left{ margin-top: -62px; background: #fff; padding: 15px; border-radius: 0 8px 8px 0; height: 550px; } .chats_modal_left .chats_header{border-bottom: 1px solid rgba(29, 29, 29, 0.1);padding-bottom: 0px;height: 40px;} .chats_footer{padding-top: 12px;border-top: 1px solid rgba(29, 29, 29, 0.1);position: absolute;bottom: 0;width: 100%;z-index: 99999 !important;background: #fff !important;} .chats_msg_input{border-radius: 24px;background: #F4F4F4;border: none;font-weight: 400;font-size: 16px;line-height: 24px;padding: 12px 16px;width: 100%;} .user_msg .user_block_2{background: #F0F0F0;border-radius: 8px 16px 16px 16px;padding: 12px 12px 4px 12px;margin: 10px 0;margin-bottom: 0;} .user_msg .user_block_2 .text{color: #1D1D1D;font-weight: 400;font-size: 16px;line-height: 20px;} .user_msg .user_block_2 .date{font-weight: 400;font-size: 12px;line-height: 16px;color: #B1B1B1;text-align: right;} .user_msg .user_img{margin-right: 8px;margin-right: 8px;position: absolute;bottom: 0;} .user_msg .user_block{background: #F0F0F0;border-radius: 16px 16px 8px 16px;padding: 12px 12px 4px 12px;margin: 10px 0} .user_msg .user_block .text{color: #1D1D1D;font-weight: 400;font-size: 16px;line-height: 20px;} .user_msg .user_block .date{font-weight: 400;font-size: 12px;line-height: 16px;color: #B1B1B1;text-align: right;} .user_msg .file_block{border-radius: 16px; margin: 10px 0} .file_block img{border-radius: 16px 16px 8px 16px; margin: 10px 0;width: 100%;} .user_msg .file_block .date{color: #FFFFFF;opacity: 0.9;font-weight: 400;font-size: 12px;line-height: 16px;margin-top: -35px;position: absolute;right: 0; margin-right: 12px;} .own_msg .user_block{background: #F8EBD8;border-radius: 16px 16px 8px 16px;padding: 12px 12px 4px 12px;margin-top: 10px} .own_msg .user_block .text{color: #1D1D1D;font-weight: 400;font-size: 16px;line-height: 20px;} .own_msg .user_block .date{font-weight: 400;font-size: 12px;line-height: 16px;color: #F5B796;text-align: right;} .own_msg .file_block .date{font-weight: 400;font-size: 12px;line-height: 16px;color: #fff;opacity: 0.9;text-align: right;position: absolute;margin-top: -35px; right: 0;margin-right: 10px;} .modal_chats_message_is_read img{margin-right: 8px;margin-top: -2px;} .modal_chats_delete_message{background: #1D1D1D;width: 24px;height: 24px;text-align: center;border-radius: 50px;line-height: 20px;margin-right: -5px;} .left_nav_add_highlighted, .left_nav_brand_highlighted, .left_nav_model_highlighted {background-color: #EB702D !important;color: #fff !important} .own_msg {position: relative;} .user_msg {position: relative;} .close_icon{display: none;} .tick_icon{display: none;} .own_msg:hover .close_icon {display:block;position: absolute;top: 0;right: 0;cursor: pointer;z-index: 999;} .user_msg:hover .close_icon {display:block;position: absolute;top: 0;left: 0;cursor: pointer;z-index: 999;} .close_icon_border{border: 1px solid #F53C3C;padding: 6px;border-radius: 50px;width: 20px;height: 20px;position: absolute;left: 0;top: 0;margin-left: -25px;margin-top: -2px;} .filter_top{padding-top:25px;} .filter_title{color: var(--black, #1D1D1D);font-family: 'SF UI Display', sans-serif;font-size: 14px !important;font-style: normal;font-weight: 400;line-height: 24px !important;margin-right:0px;background:none;} .category-menu li{position:relative;height: 100%;border-radius: 8px;margin: 0 2px;margin-bottom: 8px;} .category-menu li:hover{background:#E8E8E8;} .filter_down_icon{margin-left:8px;position: absolute;right: 0;top: 0;margin-top: 15px;margin-right: 15px;} .register_dop_fields {display: none; } .sms-code-container {display: block;justify-content: space-between;align-items: center;max-width: 400px;height: 100px; border-radius: 4px;padding: 10px;} .sms-code-input {width: 90px;height: 128px;font-size: 24px;text-align: center;background: #FFFFFF;border: 1px solid rgba(29, 29, 29, 0.12);border-radius: 4px;} .account_right_block{padding-left: 35px;} .tabs-container {display: flex;flex-direction: column;-webkit-overflow-scrolling: touch;overflow-x: hidden;} .tabs-list{list-style-type: none;padding: 0;margin: 0;overflow-x: auto;white-space: nowrap;} .inner-tabs-list {display: flex;list-style-type: none;padding: 0;margin: 0;border-bottom: 1px solid rgba(29, 29, 29, 0.1);margin-bottom: 20px; overflow-x: auto;white-space: nowrap;margin-top: 24px;} .tabs-list::-webkit-scrollbar, .inner-tabs-list::-webkit-scrollbar {display: none;} .tabs-list::-webkit-scrollbar, .inner-tabs-list {-ms-overflow-style: none;} .tab-item{padding: 0px 10px 8px 10px;} .tab-item, .inner-tab-item {cursor: pointer; color: rgba(29, 29, 29, 0.3);font-weight: 400;font-size: 16px;line-height: 24px;} .inner-tab-item{padding: 0;padding-bottom: 10px;margin: 10px 20px 0 0;} .tab-item:hover,.inner-tab-item:hover { color: #292D32;} .tab-item.active, .tab-item:hover{border-right: 1px solid #292D32;} .inner-tab-item.active, .inner-tab-item:hover{border-bottom: 1px solid #292D32;} .tab-item.active, .inner-tab-item.active {font-weight: bold; color: #292D32;} .tab-content, .inner-tab-content { flex-grow: 1;} .tab-pane, .inner-tab-pane {display: none;position: relative;} .tab-pane.active, .inner-tab-pane.active {display: block;} .preloader { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.5); z-index: 9999; } .preloader-inner { display: flex; justify-content: center; align-items: center; height: 100%; } .spinner { border: 4px solid rgba(0, 0, 0, 0.1); width: 40px; height: 40px; border-radius: 50%; border-top-color: #000; animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .error-text { color: #F53C3C; font-weight: 400; font-size: 14px; line-height: 18px; display: none; } .error-search-text { color: #F53C3C; font-weight: 400; font-size: 14px; line-height: 18px; display: none;margin-top:10px; } .error-comment-text { color: #F53C3C; font-weight: 400; font-size: 14px; line-height: 18px; } .success-text { color: green; font-weight: 400; font-size: 14px; line-height: 18px; display: none; } .profile_edit_div{background: #fff;padding: 32px;border-radius: 4px;} .profile_edit_title{font-weight: 500;font-size: 24px;line-height: 32px;} .profile_img{width: auto; height: auto; max-height: 70px; border-radius: 50px;} .profile_img_div{ width: 70px; height: 70px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center; } .modal-tabs { width: 100%; } .modal-tab-list { display: flex; list-style-type: none; padding: 0; margin: 0; } .modal-tab-item { cursor: pointer; padding: 10px; margin-right: 2px; color: rgba(29, 29, 29, 0.3); background:none; position: relative; } .modal-tab-item:hover { color: #292D32; } .modal-tab-item.active { color: #292D32; } .active .border_bottom{ border-bottom: none; } .modal-tab-pane { display: none; } .modal-tab-pane.active { display: block; } .modal_chats_header_avatar{margin-right: 8px;height: 32px;width: 32px;border-radius: 50px;} .modal_chats_header_title{} .users_block .img_block img{height: 32px;width: 32px;border-radius: 50px;} .send_btn{width: 32px;height: 32px;background: #EB702D;border-radius: 50px;position: absolute;right: 0;margin-right: 8px;margin-top: 7px;padding:0;} .border-none{border:none !important;} .error-border{border: 1px solid #F53C3C;} .menu-exit-icon{height: 16px;margin-top: -3px;margin-right: 5px;} .right_block_content .advert img{width: 56px;} .grouped_characteristics p {margin-bottom: 16px !important;} .grouped_characteristics li {margin-bottom: 10px !important;} .grouped_characteristics h3 {margin-bottom: 16px !important;} .grouped_characteristics h4 {margin-bottom: 16px !important;} option { /* Стилизация каждого отдельного элемента option */ background-color: #f2f2f2; color: #333; padding: 15px 5px !important; font-size: 14px; line-height: 1.5; text-indent: 10px; margin-top: 20px; } option:hover { /* Стилизация при наведении курсора на элемент option */ background-color: #ccc; color: #fff; } option:checked { background-color: #007bff; color: #fff; } .advert-landing .clients .client-img{border: 0.600214px solid rgba(29, 29, 29, 0.1);border-radius: 2.40085px;width: 90px;} .delay-0_25s{--animate-duration: 0.25s;} .delay-0_5s{--animate-duration: 0.5s;} .delay-0_75s{--animate-duration: 0.75s;} .delay-1s{--animate-duration: 1s;} .delay-1_25s{--animate-duration: 1.25s;} .delay-1_5s{--animate-duration: 1.5s;} .delay-1_75s{--animate-duration: 1.75s;} .delay-2s{--animate-duration: 2s;} .delay-2_25s{--animate-duration: 2.25s;} .delay-2_5s{--animate-duration: 2.5s;} .delay-2_75s{--animate-duration: 2.75s;} .delay-3s{--animate-duration: 3s;} #modal_advert_banner_ad .modal-body, #modal_advert_telegram_ad .modal-body{padding: 22px !important;padding-bottom: 56px !important;border-radius: 12px;background:#F8F4F0 !important;} #modal_logistics .modal-body, #modal_partner .modal-body{padding: 0px !important;padding-bottom: 0px !important;border-radius: 12px;background:#1D1D1D !important;color: #fff !important;} #modal_logistics .modal_input, #modal_partner .modal_input {background: #1D1D1D;border: 1px solid #4A4A4A;color: #8E8E8E !important;} #modal_logistics textarea, #modal_partner textarea {background: #1D1D1D;border: 1px solid #4A4A4A;color: #8E8E8E !important;border-radius: 8px;padding: 16px;} #modal_logistics .p1, #modal_partner .p1{font-weight: 500;font-size: 18px;line-height: 26px;margin-top: 6%;margin-bottom: 16px;} #modal_logistics .p_list_img, #modal_partner .p_list_img{width: 45px;display: inline-block;} #modal_logistics .modal_close_btn,#modal_partner .modal_close_btn{background:#fff !important; } .input-valid{font-weight: 400;font-size: 16px;line-height: 24px;color: #F53C3C;position: absolute;margin-top: 3px;right: 0;margin-right: 10%;} .input-valid-optional{font-weight: 400;font-size: 16px;line-height: 24px;color: rgba(29, 29, 29, 0.3);font-style: italic;position: absolute;margin-top: 3px;right: 0;margin-right: 10%;} .reply_msg_line{border-left: 1.5px solid #EB702D;} .reply_msg_line img{height:44px;border-radius: 4px;} .reply_msg {background-color: #fff;padding: 5px;margin-bottom: 10px;} .reply_content{border-left: 1.5px solid #EB702D;} .reply_text {margin: 0;color: #333333;margin-left: 5px;} .reply_image{margin-left: 0px;} .cancel_reply {color: #999999;font-size: 12px;cursor: pointer;margin-left: 5px;} .ls-07{letter-spacing: -0.7px;} .asterisk {color: red;}  #return-call .modal-content{padding: 0 !important;margin: 0 !important;background:transparent !important;box-shadow: none;border: none;} #return-call .head{border-radius: 4px 4px 0 0;background: var(--bg-2, #EFE8DF);backdrop-filter: blur(32px);padding-top: 27px;} #return-call .modal-dialog {margin: 40px auto;max-width: 500px !important;} #return-call .modal-body { background: #ffffff !important;padding: 0 0 16px 0;}  #return-call .content-form{padding:17px;} #modal_ad_boost .modal-content, #modal_ad_boost_error .modal-content{padding: 0 !important;margin: 0 !important;background:transparent !important;box-shadow: none;border: none;} #modal_ad_boost .head, #modal_ad_boost_error .head{border-radius: 4px 4px 0 0;background: var(--bg-2, #EFE8DF);backdrop-filter: blur(32px);padding-top: 27px;} #modal_ad_boost .modal-dialog, #modal_ad_boost_error .modal-dialog {margin: 40px auto;max-width: 438px !important;} #modal_ad_boost .modal-body, #modal_ad_boost_error .modal-body { background: #ffffff !important;padding: 0 0 16px 0;}  #modal_ad_boost .content-form, #modal_ad_boost_error .content-form{padding:17px;} .call-label{font-size: 16px;font-family: 'SF UI Display', sans-serif;font-style: normal;font-weight: 500;line-height: 24px;} .call-input{border-radius: 4px;border: 1px solid var(--separator-line, rgba(39, 45, 49, 0.10));background: var(--palette-text-field, #F9F4EB);display: flex;height: 40px;padding: 4px 12px 4px 16px;justify-content: flex-end;align-items: center;align-self: stretch;} .call-textarea{display: flex;flex-direction: column;align-items: flex-start;gap: 4px;border-radius: 4px;border: 1px solid var(--separator-line, rgba(39, 45, 49, 0.10));background: var(--palette-text-field, #F9F4EB);} .zakaz_square_blue { color: #fff !important; box-sizing: border-box; backdrop-filter: blur(50px); text-align: center; font-weight: 400; font-size: 14px; padding: 12px; display: block; background: #1087C2; height: 48px; line-height: 24px; border-radius: 4px; font-style: normal; margin-top: 24px; max-width: 280px; } .zakaz_square_blue:hover, .zakaz_square_blue:focus, .zakaz_square_blue:active {background-color: #0E71A0;color:#fff !important;} .main_footer2 .footer_phone{position: absolute;left: 0;} .select_city_ride .select2-container--krajee-bs3 .select2-selection--single .select2-selection__placeholder{ font-weight: 400 !important; color: #A3A3A3 !important; font-family: 'SF UI Display',sans-serif !important; font-size: 16px !important; line-height: 24px !important; } .select_city_ride .select2-container--krajee-bs3 .select2-selection--single .select2-selection__rendered { border-radius: 8px;font-family: 'SF UI Display', sans-serif !important;font-style: normal;font-weight: 400;line-height: 24px;padding:0px 5px;background: #fff;font-size: 16px !important;color: rgba(29, 29, 29, 0.5); } .select_city_ride .select2-container--krajee-bs3.select2-container--open .select2-selection, .select2-container--krajee-bs3 .select2-selection:focus { -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-transition: none !important; -o-transition: none !important; transition: none !important; border-color: transparent !important; } .select_city_ride .select2-container--krajee-bs3 .select2-dropdown { -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); border-color: rgba(35, 46, 50, 0.12) !important; overflow-x: hidden !important; margin-top: -1px; border: 1px solid rgba(35, 46, 50, 0.12) !important; border-radius: 8px !important; } .select_city_ride .select2-container--krajee-bs3 .select2-selection { -webkit-box-shadow: none !important; box-shadow: none !important; background-color: #fff !important; border: none !important; border-radius: 0; color: rgba(29, 29, 29, 0.4) !important; font-size: 16px !important; outline: 0; } .select_city_ride .select2-container--krajee-bs3 .select2-selection--single { height: 0 !important; line-height: 1.428571429 !important; padding: 0 !important; } .select_city_ride .select2-container--krajee-bs3 .select2-selection--single .select2-selection__clear, .select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__clear { position: absolute !important; top: 2px !important; font-size: 20px !important; font-weight: 400 !important; } .select_city_ride .select2-container--krajee-bs3 .select2-selection--single .select2-selection__clear { right: -10px !important;margin-top: -2px;} .main_footer_tg .p_1{font-style: normal;font-weight: 500;font-size: 20px;line-height: 28px;} .main_footer_tg .p_2{font-weight: 400;font-size: 16px;line-height: 24px;color: #1D1D1D;} .advert_tab_title{background: transparent;color: rgba(29, 29, 29, 0.4);font-weight: 500;font-size: 20px;line-height: 28px; border-bottom: 1px solid rgba(29, 29, 29, 0.1);} .nav-pills .nav-item .active{color: #1D1D1D !important;border-bottom: none !important;} .tab-content > .tab-pane { padding: 16px 0; } .chats_modal_right_chats { display: none; position: absolute !important; top: -65px;background: #F8F4F0;width: 100%;padding-top: 15px; min-height: 530px; border-radius: 12px; } .chat_card_img{border-radius: 4px;} .chat_height{max-height: 400px;} .chat-modal-body{border-radius: 12px;background:#F8F4F0;height: 550px;} .content-scroll-footer{height: 485px;margin-right: -8px;padding-right: 15px;padding-bottom: 75px;} .modal_chats_remove_image{position: absolute; top: 0; right: 0; cursor: pointer;background: #1D1D1D;width: 20px;height: 20px;text-align: center;border-radius: 50px;line-height: 16px;} .image_preview_container{display: none; position: relative;margin-bottom: 10px;} .image_preview_container img{max-width: 50px; max-height: 50px;border-radius: 10px;} .chat_type_title{font-weight: 400;font-size: 20px;line-height: 22px;padding-top: 6px;margin-bottom: 0;} .new-tab-content {display: none;} .active-content {display: block;} .active-tab {color: #292D32;} .active-tab .border_bottom{border:none !important;} .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{border:none !important;font-style: normal;font-weight: 500;font-size: 20px;line-height: 28px;} .nav-tabs{border:none !important;} .nav-tabs > li > a{border:none;padding:0 20px 0 0 !important;} .nav-tabs > li > a:hover {border: none !important;padding:0 20px 0 0 !important;} .nav > li > a:hover, .nav > li > a:focus{background:none !important;} .main_footer .border_bottom{border-bottom: 1px solid #E2DEDB;} .tariff_input_title{margin-top: 15px;margin-bottom:5px;font-size: 16px;} .advert_imgx {padding:12px;} .advert_imgx img{border-radius: 4px;} .landing_block, .landing_block_text {transition: all 0.5s ease-in-out;} .preimush-div:hover .landing_block {transform: scale(1.2);} .preimush-div:hover .landing_block_text {transform: scale(1.1);} .user_block_2, .user_block { overflow-wrap: break-word; overflow: auto; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{background: transparent !important;} .create_advert_modal_body{padding: 32px;border-radius: 12px;background:#F8F4F0;} .image_modal{margin: 20px auto; width: 80%; padding: 0;}  .category-menu .category-submenu {display: none;list-style-type: none;margin-left: 20px; } .category-menu .category-menu-icon {margin-left: 10px;cursor: pointer;position: absolute;right: 0;margin-right: 10px;}  .category-submenu-item.active {background-color: #F0E4B8;} .category-submenu-item.active a{color: #1D1D1D;} .category-submenu-item{line-height: 24px;padding: 4px 0;min-height: 171px;width: 100%;border-radius: 4px;background: #FAFAFA;} .category-submenu-item a{font-size:16px;line-height:22px;font-weight: 400;color: #1D1D1D;} .category-menu-item{line-height: 30px;} .filter-blocks{margin:5px 0 24px 0;} .filter-blocks { display: inline-flex; flex-wrap: wrap; justify-content: start; } .filter-block { min-width: 60px; box-sizing: border-box; margin-right: 5px; margin-bottom: 3px; display: inline-flex; } .filter-select{color: #1D1D1D;background:transparent;font-size: 14px;line-height: 22px;border: 1px solid rgba(29, 29, 29, 0.1);border-radius: 4px;padding: 9px 16px;} .filter-block .dropdown-content{margin-top: 40px;left:0;max-width: 230px;} .filter-block input{border:1px solid rgba(29, 29, 29, 0.1);border-radius: 4px;max-width: 100%;font-size: 14px;padding-left: 10px;} .filter-block .dropbtn{ } .filter-block .filter_price_btn, .sort_btn{font-size: 14px;height: 30px;line-height: 9px !important;color: #fff !important;width: 100%} .filter-block .filter_price_btn:hover, .sort_btn:hover{background: #1D1D1D !important;color: #fff !important;border-color:#1D1D1D !important;} .filter-block .left_nav_add_type{font-size: 14px;padding: 10px 15px;} .sort_dropdown_btn{font-size: 14px;padding: 10px 15px;}  .filter-block .dropdown-input {border-box: box-sizing;background-image: url('../images/icons/search.svg');background-position: 10px 5px;background-repeat: no-repeat;line-height: 24px;font-size: 14px; padding: 5px 5px 5px 50px !important;border: 1px solid rgba(29, 29, 29, 0.1);border-radius: 4px;padding: 16px;margin-bottom: 10px;} .filter-block .dropdown-input {outline: 3px solid #ddd;} .filter-block .checkbox-container{font-size: 14px ;padding-top:0;margin-top: 2px;} .filter-block .dropdown-content .active {background: #1D1D1D;border-radius: 4px;color: #fff !important;} .filter-block .dropdown-content .active:hover {color: #fff;} .filter-reset-icon{margin-left: 10px;margin-top:-4px; } #collapse-8, #collapse-8-edit{padding-bottom: 0px !important;} #collapse-8 .panel-body, #collapse-8-edit .panel-body{padding-bottom: 0px !important;} .send_btn {display: none;} .not_active_advert{background: #F53C3C;color: #fff;font-size: 14px;line-height: 22px;padding: 12px;margin: -7px -15px -3px -15px !important;} .modal_success{max-width: 426px;} .modal_success .modal-body{border-radius: 12px;background: #F8F4F0;backdrop-filter: blur(32px);} .modal_success .title_1{color: var(--grey, rgba(29, 29, 29, 0.40));text-align: center;font-family: 'SF UI Display', sans-serif; font-size: 14px;font-style: normal;font-weight: 400;line-height: 22px;} .modal_success .telegram_qr{max-width: 169px;} .modal_success .title_2{color: var(--black, #1D1D1D);text-align: center;font-family: 'Gilroy', sans-serif;font-size: 28px;font-style: normal;font-weight: 600;line-height: 36px;margin-top: 16px;} .modal_success .title_2 span{color: #4AB617;} .modal_success .title_3{color: var(--black, #1D1D1D);text-align: center;font-family: 'SF UI Display', sans-serif;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;margin-top: 16px;} .modal_success .modal_btn{border-radius: 4px;border: 1px solid var(--black, #1D1D1D);backdrop-filter: blur(32px); color: var(--black, #1D1D1D);text-align: center;font-family: 'SF UI Display', sans-serif;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;padding: 16px;display: block;width: 100%;} .send_count{color: var(--grey, rgba(29, 29, 29, 0.40));font-family: 'SF UI Display', sans-serif;font-size: 14px;font-style: normal;font-weight: 400;line-height: 22px;} .tg_count{color: var(--grey, rgba(29, 29, 29, 0.40)); font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; margin-left: -10px;} .tg_count_menu{color: var(--grey, rgba(29, 29, 29, 0.40)); font-size: 14px; font-style: normal; font-weight: 400;} .category-submenu-item.active .tg_count_menu{color:var(--grey, rgba(29, 29, 29, 0.40));} .hot_advert{ border-radius: 4px; background: #F3E4CD; min-height: 78px; padding: 4px; margin: 4px 0; display: flex; align-items: center; gap: 4px; } .hot_advert_photo{background-repeat: no-repeat;min-height: 90px;border-radius: 4px;background-size: cover !important;background-position: center !important;} .share_card{display:none;position: absolute;right: 0;top: 0;margin-top: 0px;margin-right: 0px;width: 30px;height: 30px;} .card_3 .share_card{top: 0;margin-top: 7px;bottom: auto;} .card_3 .share_content, .share_content_2{top: auto;bottom: 0;margin-bottom: 25px;} .block_front:hover .share_card, .front:hover .share_card{display: block;transition: transform .3s linear;} .advert_blockx .share_card{margin-right: 6px;} .share_whatsapp,.share_telegram{margin-bottom: 5px;display: inline-block;padding: 0 12px;} .share_whatsapp img, .share_telegram img, .share_instagram img{height: 40px;} .share_content, .share_content_2{ display: none;text-align: center;position: absolute;right: 0px;background: rgb(255, 255, 255);width: 184px;height: 88px;top: 0px;margin-top: 5px;margin-right: 5px;z-index: 9;border-radius: 4px;box-shadow: 0 1px 15px rgba(25, 25, 25, 0.1);padding: 24px 12px;} .border_gray{border: 1px solid var(--separator-1, rgba(29, 29, 29, 0.10)) !important;} .reset_filter{color: var(--red, #F53C3C); font-size: 14px;font-style: normal;font-weight: 400;line-height: 1px;position: relative;} .location_card{color: var(--black, #1D1D1D);font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px; } .location_card img{margin-top: -4px;} .title .price_closed_span{border-radius: 4px;background: transparent;border: 1px solid var(--black, #1D1D1D);padding: 4px 8px;margin-bottom: 0px;bottom: 0;font-size: 16px;font-weight: 500;line-height: 24px;} .normal_text{color: var(--black, #1D1D1D);font-family: 'SF UI Display', sans-serif;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;} .create_order_dogovornaya_div{padding: 10px 15px;} html {scroll-behavior: smooth;} .modal-dialog .card_modal_advert .border_bottom {position: sticky;top: 0; z-index: 1;padding: 16px 24px 12px 24px;background: #F8F4F0; } .card_menu_title.active {color: var(--black, #1D1D1D);opacity:1;} .grouped_price{position:relative} .card_modal_title_block{height: 134px;overflow: hidden;display: block;} .card_modal_title_height{height: 60px;overflow: hidden;display: block;} .card_modal_stat_block{margin-top:50px;} .card_modal_stats{font-size: 14px;color:var(--grey, rgba(29, 29, 29, 0.40));text-align:right} .crm_prices_border{border-radius: 8px;border: 1px solid var(--accent-2, #F8D868);background: rgba(248, 216, 104, 0.10);padding:4px 8px;margin-left: -10px;margin-right:-10px;} .crm_check_order{color: var(--black, #1D1D1D);text-align: center;font-family: OpenSans-Regular, Helvetica, sans-serif;font-size: 12px;font-style: normal;font-weight: 600;line-height: 20px;border-radius: 8px;border: 1px solid var(--separator-1, rgba(29, 29, 29, 0.10));padding:6px 16px;} .crm_checked_order{color: var(--black, #1D1D1D);text-align: center;font-family: OpenSans-Regular, Helvetica, sans-serif;font-size: 12px;font-style: normal;font-weight: 600;line-height: 20px;border-radius: 8px; background: #D6ECCC;padding:6px 16px;} .crm_checked_order img{margin-top: -2px;} .main_block .main-banner{height:160px;background-size:cover !important;background-position:top !important;border-radius: 8px 0 0 8px;position: relative;transition: transform 0.3s ease-in-out;} .main_block .main-banner-inner{padding: 20px 24px;} .main_block .banner-title{color: var(--black, #1D1D1D);font-family: Manrope;font-size: 24px;font-style: normal;font-weight: 500;line-height: 32px;width: 60%;} .main_block .banner-text{color: var(--Black, #1D1D1D);font-family: 'SF UI Display', sans-serif;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;margin-top:4px;} .main_block .main-banner-btn{font-family: 'Inter';font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;border-radius: 8px;display: inline-flex;height: 40px;padding: 9px 16px;justify-content: center;align-items: center;gap: 12px;flex-shrink: 0;position: absolute;bottom: 0;margin-bottom: 18px;}.main_block a {position: relative; background: #F8D868;text-transform: none;text-align: center;text-decoration: none;border-radius: 8px;transition: 0.5s;color:var(--Black, #1D1D1D);}.main_block a span {position:relative;z-index:999;}.main_block a  { display: block;border-radius: 8px;text-align: center;background: #F8D55C;color: rgba(29,29,29, 1);transition: 0.5s; }.main_block a:hover  {color: rgba(29,29,29, 1);}.main_block a::before {content: "";position: absolute; width: 100%; background: rgba(29,29,29, 0.1);z-index: 10;}.main_block a::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(45deg,#F7CE44,#FAE495,#FDF1CA,#FAE495,#F7CE44,#FAE495,#FDF1CA,#FAE495,#F7CE44,#FAE495,#FDF1CA,#FAE495,#F7CE44,#FAE495,#FDF1CA,#FAE495);background-size: 400%;opacity: 0;transition: 2.5s;animation: eff 20s linear infinite;}.main_block a::before,.main_block a::after {opacity: 0.4;border-radius: 8px;}.main_block a::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(45deg,#F7CE44,#FAE495,#FDF1CA,#FAE495,#F7CE44,#FAE495,#FDF1CA,#FAE495,#F7CE44,#FAE495,#FDF1CA,#FAE495,#F7CE44,#FAE495,#FDF1CA,#FAE495);background-size: 400%;opacity: 0;filter: blur(20px);transition: 0.5s;animation: eff 20s ease infinite;} @keyframes eff {0% {background-position: 0 0;}50% {background-position: 400% 0;}100% {background-position: 0 0;}}.main_block .main-banner-btn:hover{background:#F7CD40;transition: 0.5s;} .header_add_advert{display: inline-flex;height: 40px;padding: 8px 16px;justify-content: center;align-items: center;gap: 8px;flex-shrink: 0;border-radius: 8px;border: 1px solid var(--black, #1D1D1D);color: var(--black, #1D1D1D);font-family: Inter;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;margin-left:12px;} .header_add_order{display: inline-flex;height: 40px;padding: 8px 16px;justify-content: center;align-items: center;gap: 8px;flex-shrink: 0;border-radius: 8px;background: var(--accent-2, #F8D868);color: var(--black, #1D1D1D);font-family: Inter;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;margin-left:12px;} .header_login{color: var(--black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;display: inline-flex;height: 40px;justify-content: center;align-items: center;padding: 8px 0;}  .header_add_advert:hover {background:#fff;transition: 0.5s;} .header_add_order:hover {background:#F7CD40;transition: 0.5s;} .advert_order_button{border-radius: 8px;border: 1px solid var(--Separator-1, rgba(29, 29, 29, 0.10));display: inline-flex;height: 40px;padding: 0px 16px;align-items: center;gap: 10px;flex-shrink: 0;} .advert_order_button.active{} .advert_order_button img{margin-right:0px;margin-top:-3px;} #tablinks_container .tab{} .main_categories{border-radius: 8px;background: var(--white, #FFF);height: 56px;flex-shrink: 0;margin-top:12px;display: flex;align-items: center;position: relative;gap: 0px;padding: 10px 6px 0 6px;}   .categories_block .active{color: var(--black, #1D1D1D);} .categories_block, .services_block{position:relative;display:contents;} .categories_block{border-right:1px solid rgba(29, 29, 29, 0.10);}     .sub_category {border-radius: 4px;background: #FFF;padding: 8px 16px;display: block;} .order_banner{border-radius: 4px;border: 1px solid var(--separator-1, rgba(29, 29, 29, 0.10));background: var(--white, #FFF);margin-bottom:8px;} .order_banner_img{background-size: auto;background-repeat: no-repeat !important;background-position: bottom right !important;height: 180px;width: 100%;align-items: center;display: flex;} .order_banner .title{color: var(--accent, #EB702D);font-family: 'SF UI Display', sans-serif;font-size: 20px;font-style: normal;font-weight: 500;line-height: 28px;} .order_banner .description{color: var(--black, #1D1D1D);font-family: 'SF UI Display', sans-serif;font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;text-align: left;} .order_banner .order_btn{border-radius: 8px;background: var(--accent-2, #F8D868);display: inline-flex;height: 40px;padding: 8px 12px;justify-content: center;align-items: center;gap: 8px;flex-shrink: 0;color: var(--black, #1D1D1D);font-family: Inter;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;margin-top: 13px;} .advert_banner{border-radius: 4px;margin-bottom:8px;} .advert_banner_img{background-size: 100% !important;background-repeat: no-repeat !important;background-position: top center !important;height: 272px;width: 100%;align-items: center;display: flex;} .advert_banner .title{color: var(--black, #1D1D1D);font-family: Manrope;font-size: 20px;font-style: normal;font-weight: 500;line-height: 28px;} .advert_banner .description{color: var(--black, #1D1D1D);font-family: 'SF UI Display', sans-serif;font-size: 14px;font-style: normal;font-weight: 400;line-height: 22px;text-align:left;margin-top:8px;} .advert_banner .advert_btn{border-radius: 4px;background: var(--white, #FFF);display: inline-flex;height: 48px;padding: 0px 12px;justify-content: center;align-items: center;gap: 12px;flex-shrink: 0;color: var(--black, #1D1D1D);font-family: 'SF UI Display', sans-serif;font-size: 14px;font-style: normal;font-weight: 500;line-height: 22px;margin-top:13px;} .step_block {display: none;} .step_block.active {display: block;} .modal_create_title{color: var(--Black, #1D1D1D);font-family: Manrope;font-size: 28px;font-style: normal;font-weight: 600;line-height: 36px; } .modal_create_header{border-bottom:1px solid rgba(29, 29, 29, 0.10);margin-bottom: 16px;padding-bottom: 16px !important;} .modal_create_step{color: var(--Black, #1D1D1D);text-align: center;font-family: 'SF UI Display', sans-serif;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;margin-right:16px;} .modal_create_step_inactive{color: var(--Grey, rgba(29, 29, 29, 0.40));text-align: center;font-family: 'SF UI Display', sans-serif;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;margin-right:16px;} .modal_create_step img, .modal_create_step_inactive img{margin-top:-4px;margin-right: 6px;} .modal_form_label{color: var(--Black, #1D1D1D);font-family: 'SF UI Display', sans-serif;font-size: 14px;font-style: normal;font-weight: 500;line-height: 24px;} .required_icon{position:absolute;right: 0;} .modal_create_title_back{color: var(--Black, #1D1D1D);font-family: 'SF UI Display', sans-serif;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;cursor: pointer;} .modal_create_title_back img{margin-right:4px;margin-top: -4px;} .step_prev-btn, .step_next-btn{cursor: pointer;} .step_next-btn{margin-top: 25px;} .modal-dialog {margin: 20px auto 0 auto;} .pr8_pc{padding:0 8px 0 0;} .pl8_pc{padding:0 0 0 8px;} .checkmark_mt{margin-top:27px;}  .mobile_menu_link{color: var(--Black, #1D1D1D);font-family: 'SF UI Display', sans-serif;font-size: 18px;font-style: normal;font-weight: 500;line-height: 26px;margin-bottom:16px;} .mobile_menu_link a{color: var(--Black, #1D1D1D);} .mobile_menu_link a span{width:46px;display: inline-block;} .mobile_menu_link img{margin-top:-5px;} .mobile_menu_link a img{margin-right:4px;} .mobile_menu_border_bottom{border-bottom: 1px solid rgba(29, 29, 29, 0.10);margin-top: 24px;margin-bottom: 24px;} .mobile_menu_content .p_foot_border p{font-size:14px !important;} .mobile_menu_content .p_foot_border .title{margin-bottom:0px;} .mobile_menu_content .p_foot_border .address a{font-size:16px !important;}.metal-gradient {position: relative;overflow: hidden;}.metal-gradient::before {content: "";position: absolute;top: 0;left: -100%;width: 200%;height: 100%;background: linear-gradient(-45deg, transparent 0%, rgba(255, 215, 0, 0.5) 25%, transparent 50%, rgba(255, 215,0, 0.5) 75%, transparent 100%);animation: metalGradient 4s linear infinite;}@keyframes metalGradient {0% {left: -100%;} 100% {left: 100%;}}.category-block-submenu {display: none;}.category-block{margin: 2px 15px;position:relative;}.category-menu-title{background: #fff;width: 100%;display: block;border-radius: 4px;padding: 10px 14px 8px 14px;font-size: 16px;font-weight: 600;color: #1D1D1D;text-align: left;}.category-submenu-title{background: #fff;width: 100%;display: block;border-radius: 4px;padding: 10px 14px 8px 14px;font-size: 16px;font-weight: 600;color: #1D1D1D;margin: 2px 0px;text-align: left;position:relative;}.category-submenu-title a{font-size: 16px;font-weight: 600;color: #1D1D1D;}.category-menu-icon{position:absolute;right:0;padding-right: 14px;}.back-to-categories {position: absolute;right: 0;top: 0;background: #1D1D1D !important;z-index: 999;opacity: 1;width: 30px;height: 30px;margin-right: 4px;margin-top: 4px;line-height: 5px;border-radius: 50%;box-sizing: border-box;}.right_banner{border-radius: 4px;border: 1px solid var(--Separator-1, rgba(29, 29, 29, 0.10));background: var(--Accent-2, #F8D868);max-width:340px;max-height:192px;align-self: stretch;text-align:left;position: fixed;right: 0;bottom: 0;margin: 32px;z-index: 9999;}.right_banner .right_banner_img{background-size: 130px !important;background-repeat: no-repeat !important;background-position: bottom right !important;height: 160px;width: 100%;align-items: center;display: flex;} .right_banner .title{color: var(--Black, #1D1D1D);font-family: 'SF UI Display', sans-serif;font-size: 20px;font-style: normal;font-weight: 500;line-height: 18px;} .right_banner .description{color: var(--Black, #1D1D1D);font-family: 'SF UI Display', sans-serif;font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;text-align:left;margin-top:4px;} .right_banner .right_btn{border-radius: 4px;background: var(--White, #FFF);display: inline-flex;height: 36px;padding: 6px;justify-content: center;align-items: center;gap: 4px;flex-shrink: 0;color: var(--Black, #1D1D1D);font-family: Inter;font-size: 14px;font-style: normal;font-weight: 500;line-height: 24px;margin-top: 8px;}.main_block_banner_div:hover {transition: transform 0.3s ease-in-out;transform: scale(0.95) !important;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .main_block_banner_div {transition: transform 0.3s ease-in-out;}.dropdown .select2-container--krajee-bs3 .select2-selection--single {height: 0 !important;line-height: 18px !important;padding: 0 !important;background: none !important;border: none !important;color: var(--black, #1D1D1D) !important;}.dropdown .select2-container--krajee-bs3 .select2-selection--single .select2-selection__placeholder {color: var(--black, #1D1D1D) !important;font-family: 'SF UI Display', sans-serif !important;font-weight: 400 !important;}.dropdown .select2-container--krajee-bs3 .select2-selection--single .select2-selection__rendered{color: var(--black, #1D1D1D) !important;font-family: 'SF UI Display', sans-serif !important;font-weight: 400 !important;position: absolute;margin-top: -14px;top: 0;left: 0;margin-left: 15px;}.dropdown .select2-container--krajee-bs3 .select2-selection--single .select2-selection__clear{right: 5px;margin-top: -5px;font-weight: 600;color: var(--black, #1D1D1D) !important;} .ad_content_block{height:120px;} .car_icon_order{position: absolute;right: 0;margin-right: 15px;} .order_b .share_card{margin-right:45px;margin-top:15px;} .order_b{background: #fff !important;border-radius: 4px;border: 1.03px solid var(--Separator-1, rgba(29, 29, 29, 0.10));margin-bottom: 22px !important;}   .advert_blockx .price_zakaz{display: inline-flex;height: 32px;padding: 2px 8px;align-items: center;gap: 10px;flex-shrink: 0;border-radius: 4px;background: #F8D868;color: #1D1D1D;font-family: 'SF UI Display', sans-serif;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;} .order_b .title{font-size:18px;min-height: 40px;max-width: 300px;} .order_time{display: inline-flex;height: 32px;padding: 2px 8px;align-items: center;gap: 10px;flex-shrink: 0;border-radius: 4px;border: 1px solid var(--Separator-1, rgba(29, 29, 29, 0.10));color: #1D1D1D; font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;} .order_b{min-height: 285px;} .order_b .descr{min-height:25px;} .order_desc_height{height:75px;} .checked_sort, .checked_filter{height: 10px;width: 10px;background: var(--red, #F53C3C);border-radius: 50px;z-index: 999;position: absolute;top: 0;right: 0;margin-top: -2px;margin-right:-3px;} .checked_sort,.checked_filter {display: none;} .crm_status_filter_link_border {border: 1px solid transparent;} .crm_status_filter_link_border:hover {border-color: #000;} #intercity_filter_from_mob .select2-selection__rendered, #intercity_filter_to_mob .select2-selection__rendered {display: block;text-align: left;padding: 0;color: var(--Grey, rgba(29, 29, 29, 0.40));font-size: 14px;font-style: normal;font-weight: 500;line-height: 22px;} #intercity_filter_from_mob .select2-container--krajee-bs3 .select2-selection--single, #intercity_filter_to_mob .select2-container--krajee-bs3 .select2-selection--single{height: 40px;line-height: 1.428571429;padding: 8px 24px 6px 12px;    border: none;box-shadow: none;border-radius: 0;}  #intercity_filter_from_mob .select2-container--krajee-bs3 .select2-selection--single{border-radius:4px 0 0 4px} #intercity_filter_to_mob .select2-container--krajee-bs3 .select2-selection--single{border-radius:0 4px 4px 0;} #intercity_filter_from_mob .select2-container--krajee-bs3 .select2-selection--single .select2-selection__placeholder, #intercity_filter_to_mob .select2-container--krajee-bs3 .select2-selection--single .select2-selection__placeholder{color: var(--Grey, rgba(29, 29, 29, 0.40)) !important;font-size: 14px !important;font-style: normal;font-weight: 500 !important;line-height: 22px;padding-left: 5px;} #intercity_filter_from_mob .dropdown, #intercity_filter_to_mob .dropdown{text-align: left;display: block;}#intercity_filter_from_mob{border-right: 0;} #intercity_filter_from_mob .order_input, #intercity_filter_to_mob .order_input{background: none;border: none;} .mob_intercity_filter{border-radius: 16px;background: var(--White, #FFF);box-shadow: 0px 12px 32px 0px rgba(0, 0, 0, 0.12);} .top_icon{position:absolute;right:0;} .img-flag {width: 20px;height: 20px;margin-right: 8px;} .order_card_category{display: flex;height: 72px;padding: 0px 8px;margin:2px;flex-direction: column;justify-content: center;align-items: center;gap: 2px;flex-shrink: 0;border-radius: 4px;border: 1px solid var(--Separator-1, rgba(29, 29, 29, 0.10));text-align:center;cursor:pointer;background:#fff;} .order_card_category:hover{background: #F0E4B8;} .order_card_category .order_cat_name{color: var(--Black, #1D1D1D);text-align: center;font-family: 'SF UI Display', sans-serif;font-size: 13px;font-style: normal;font-weight: 400;line-height: 14px;} .order_card_category_label{display:block;margin-bottom:0;} .selected_category {background-color: #F0E4B8;} .card_pl{padding-left:20px;} .card_pt{padding-top: 15px} .categ_sm{display: none;} .main-advert-btn{display: inline-flex;height: 48px;padding: 8px 12px;justify-content: center;align-items: center;gap: 4px;flex-shrink: 0;border-radius: 4px;background: var(--Accent-2, #F8D868);color: var(--Black, #1D1D1D);font-family: Inter;font-size: 13px;font-style: normal;font-weight: 500;line-height: 22px;} .main_type_title{color: var(--Black, #1D1D1D);font-family: Manrope;font-size: 32px;font-style: normal;font-weight: 600;line-height: 32px;} .main_type_title span{color:var(--Red, #F53C3C);} .main_filter_btn{display: flex;height: 40px;padding: 0px 12px;align-items: center;gap: 8px;border-radius: 8px;background: var(--White, #FFF);color: var(--Black, #1D1D1D);font-size: 14px;font-style: normal;font-weight: 500;line-height: 22px;max-width: 102px;} .category-link.active{background: #F0E4B8;}  #back-button {display: none;} .category-menu .swiper-slide{margin-right:4px !important;} .popular_route_title{color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;margin-top:20px;} .popular_route{color: var(--Accent, #EB702D);font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;margin-top:12px;cursor: pointer;} .start_title{color: var(--Black, #1D1D1D);font-family: Gilroy;font-size: 24px;font-style: normal;font-weight: 600;line-height: 32px;text-align:left;} .start_text{margin-top:4px;color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;text-align:left;} .menu-bottom-mobile-btn{display: block;height: 48px;padding: 12px 20px;border-radius: 8px;color: var(--Black, #1D1D1D);width: 100%;border-radius: 4px;background: var(--Accent-2, #F8D868);} .menu-bottom-mobile-btn.active{background: #F8D868 !important;color: #1D1D1D !important;} .menu-bottom-mobile-btn-1{display: flex;height: 48px;padding: 8px 12px;justify-content: center;align-items: center;gap: 8px;flex-shrink: 0;border-radius: 8px;background: var(--Accent-2, #F8D868);} .menu-bottom-mobile-title-1{font-family: Inter;font-size: 14px;font-style: normal;font-weight: 500;line-height: 22px;} .menu-bottom-mobile-btn-2{display: inline-flex;height: 48px;padding: 8px 12px;justify-content: center;align-items: center;gap: 12px;flex-shrink: 0;border-radius: 8px;background: var(--Black, #1D1D1D);width: 94%;} .menu-bottom-mobile-title-2{font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;} .menu-bottom-mobile-title-2 img{position: absolute;margin-top: 6px;} .create_order_count{margin-top: 36px;color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;text-align: right;} .order_card_whatsapp{color: var(--Black, #1D1D1D); font-size: 14px;font-style: normal;font-weight: 400;line-height: 22px;margin-top:8px;} .order_card_whatsapp a{color: var(--Black, #1D1D1D);} .order_card_whatsapp img{margin-right:8px;} .select2-container--krajee-bs3 .select2-dropdown{z-index:999999} .create_order_mobile{display:none !important;} .create_order_mobile{display: flex !important;height: 40px;padding: 8px 12px;justify-content: center;align-items: center;gap: 8px;flex-shrink: 0;border-radius: 4px;background: var(--Accent-2, #F8D868);color: var(--Black, #1D1D1D);font-family: Inter;font-size: 14px;font-style: normal;font-weight: 500;line-height: 22px;} .create_order_mobile:hover:{background:none;border: 1px solid var(--Black, #1D1D1D);} .title_obyav_zakazy{color: var(--Black, #1D1D1D);font-family: Manrope;font-size: 22px;font-style: normal;font-weight: 600;line-height: 32px;margin-top:20px;} .category-menu{margin-top:12px;} .login_order_title{color: var(--Black, #1D1D1D);text-align: center;font-family: Manrope;font-size: 24px;font-style: normal;font-weight: 600;line-height: 32px;} .modal_login_order_btn{border-radius: 4px;background: var(--Accent-2, #F8D868);backdrop-filter: blur(32px);color: var(--Black, #1D1D1D);text-align: center;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;height: 56px;flex-shrink: 0;padding: 16px;width: 100%;display: block;} .login_order_text{color: var(--Grey, rgba(29, 29, 29, 0.40));text-align: center;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;margin: 12px 0;} .order_tab_page_title{color: var(--Black, #1D1D1D);text-align: center;font-family: Manrope;font-size: 32px;font-style: normal;font-weight: 600;line-height: 40px;margin-top: -60px;} .order_tab_page_btn{display: flex;height: 56px;padding: 8px 12px;justify-content: center;align-items: center;gap: 8px;flex-shrink: 0;border-radius: 8px;background: var(--Black, #1D1D1D);color: var(--White, #FFF);font-size: 14px;font-style: normal;font-weight: 500;line-height: 22px;margin-top:32px;} .order_tab_page_btn:hover{color: var(--White, #FFF) !important;} .main-driver-btn-2{display: inline-flex;height: 40px;padding: 8px 12px;justify-content: center;align-items: center;gap: 12px;flex-shrink: 0;border-radius: 8px;border: 1px solid var(--Black, #1D1D1D);color: var(--Black, #1D1D1D);font-family: Inter;font-size: 14px;font-style: normal;font-weight: 500;line-height: 22px;} .main_pc_tabs{display: inline-flex;padding: 4px;align-items: center;border-radius: 8px;border: 1px solid var(--Separator-1, rgba(29, 29, 29, 0.10));margin-right:2px;} .main_pc_tab_btn.active{display: flex;height: 32px;padding: 6px 12px;flex-direction: column;justify-content: center;align-items: center;gap: 10px;border-radius: 4px;background: var(--Accent-2, #F8D868);color: var(--Black, #1D1D1D);font-size: 14px;font-style: normal;font-weight: 500;line-height: 22px;} .pc_banner_title{color: var(--Black, #1D1D1D);font-family: Manrope;font-size: 28px;font-style: normal;font-weight: 500;line-height: 36px;margin-bottom: 24px;margin-top: 10px;} .pc_banner_btn{display: inline-flex;height: 48px;padding: 8px 16px;justify-content: center;align-items: center;gap: 8px;flex-shrink: 0;border-radius: 8px;background: var(--Accent-2, #F8D868);color: var(--Black, #1D1D1D);font-family: Inter;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px; /* 150% */} .chats_temp_text{color: var(--Black, #1D1D1D);text-align: center; font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;}  .order_spinner {width: 64px;height: 64px; border-top: 5px solid #DE5934; border-radius: 50%;animation: spin 2s linear infinite;} .modal_chats_header_name{position: absolute;left: 0;margin-left: 44px;margin-top: -2px;color: var(--Black, #1D1D1D);font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px} .modal_chats_phone_number{position: absolute;left: 0;margin-left: 44px;margin-top: 15px;color: #4AB617;font-size: 14px;font-style: normal;font-weight: 500;line-height: 22px;} .chat_phone_number{visibility: hidden;} .offer_modal_title{color: var(--Black, #1D1D1D);font-family: Manrope;font-size: 28px;font-style: normal;font-weight: 600;line-height: 36px;margin-bottom:8px;} .offer_modal_text{color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;} .offer_form_modal_submit{border-radius: 4px;background: var(--Accent-2, #F8D868);color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;height: 48px;flex-shrink: 0;padding:12px 16px;} .offer_form_modal_input{border-radius: 8px;border: 1px solid rgba(35, 46, 50, 0.12);background: #F9F4EB;height: 40px;display: block;width: 100%;padding: 16px;} .offer_form_modal_textarea{border-radius: 8px;border: 1px solid rgba(35, 46, 50, 0.12);background: #F9F4EB;display: block;width: 100%;min-height: 80px;padding: 8px 16px;} .main_menu_link{color: var(--Black, #1D1D1D);font-size: 14px;font-style: normal;font-weight: 400;line-height: 22px;} .language-dropdown {position: absolute;margin-top: 56px;border-radius: 4px;background: var(--White, #FFF);box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.32);padding:12px 16px;z-index: 1;} .language-dropdown a{color: #1D1D1D;font-size: 14px;font-style: normal;font-weight: 400;line-height: 22px;display:block; } .modal-backdrop-custom {background-color: rgba(0, 0, 0, 0.5);z-index: 1040;} .chat_ad_title{font-weight: 500;} .offer_details{background: #F8D868;border-radius: 16px 16px 8px 16px;padding: 12px 12px 4px 12px;margin-top: 10px;} .offer_details_price{font-size:24px;display:block;} .offer_details_comment{border-top: 1px solid rgba(29, 29, 29, 0.1);padding-top: 5px;} .subscribe_to_category{padding: 12px 16px;border-radius: 4px;gap: 12px;background: #EB702D;color: #FFFFFF;font-size:14px;line-height:22px;font-weight:500;cursor: pointer;} .subscriptions{background: #FFFFFF;border-radius: 4px;width:100%;padding:16px;} .subscription{font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: 0em;text-align: left;border-bottom:1px solid #1D1D1D1A;padding-bottom: 10px;padding-top: 10px;} .subscription .unsubscribe{color: #1D1D1D66;position: absolute;right: 0;margin-right: 16px;} .modal-content-head{display:block;background:#EFE8DF;padding: 10px} .unsubscribe-modal-body .modal-content-body{padding: 16px 16px 32px 16px;} .unsubscribe-modal-body  .modal-content-body h4{font-family: Gilroy;font-size: 28px;font-weight: 500;line-height: 36px;letter-spacing: 0em;text-align: center;color: #1D1D1D;} .modal-content-body p{font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: 0em;text-align: center;color: #1D1D1D;margin-top: 10px;} .unsubscribe-modal-body{padding:0 !important;background: #fff !important;}   .tab-create-advert-btn{padding: 12px 16px;border-radius: 4px;gap: 12px;background: #EB702D;color: #FFFFFF;font-size:14px;line-height:22px;font-weight:500;cursor: pointer;} .tab-no-adverts-title{font-size: 24px;font-weight: 500;line-height: 32px;letter-spacing: 0em;text-align: center;color: #1D1D1D;} .no-adverts-tab{background: #FFFFFF;border-radius: 4px;padding: 46px 16px 32px 16px;;align-items: center;}

.subscribe-modal-body .modal-content-body{padding: 16px 16px 32px 16px;} .subscribe-modal-body .modal-content-body h4{font-family: Manrope;font-size: 24px;font-weight: 600;line-height: 32px;letter-spacing: 0em;text-align: left;color: #1D1D1D;} .subscribe-modal-body .modal-content-body p{font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: 0em;text-align: left;color: #1D1D1D;margin-top: 10px;} .subscribe-modal-body{padding:0 !important;background: #fff !important;} 

#modal_subscribe_success .title_2{font-family: Manrope;font-size: 24px;font-weight: 600;line-height: 32px;letter-spacing: 0em;text-align: center;} #modal_subscribe_success .title_3{font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: 0em;text-align: center;}

.main_order_tab_head_btns{display: flex;height: 40px;padding: 5px;justify-content: center;align-items: center;gap: 8px;flex-shrink: 0;border-radius: 4px;background: var(--Accent-2, #F8D868);font-size: 14px;font-style: normal;font-weight: 500;line-height: 24px;color:#1D1D1D;margin: 0px 5px 15px 5px;}

.subscribe_select{display: block;background: #F9F4EB;border: 1px solid rgba(35,46,50, 0.12);height: 40px;border-radius: 8px;width: 100%;padding: 0 15px;margin: 8px 0;}
.mt15{margin-top:15px}

.notifications_btn{height:40px;background:#EFE8DF;border-radius: 4px;font-size: 15px;line-height: 24px;font-weight: 400;display: block;color: #1D1D1D;padding: 8px 12px;align-items: center;width: 100%;text-align: center;}
.call_send_btn{height:40px;background:#4AB617;border-radius: 4px;font-size: 15px;line-height: 24px;font-weight: 400;display: block;color: #fff !important;padding: 8px 12px;align-items: center;width: 100%;text-align: center;}
.call_send_modal_div{background:#FFFFFF;height:56px;border-radius: 4px;padding:16px;display: block;margin-top: 2px;text-align: left;}

.card-monet-block{padding: 0 20px;padding-top: 20px;position: relative;display: block;}
.card-monet-block .span-1{color: var(--Red, #F53C3C);font-size: 16px;font-style: normal;font-weight: 500;line-height: 22px}
.card-monet-block .span-2{color: var(--Red, #F53C3C);font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px;display:block;}

.card-monet-block-2{padding: 0 20px;padding-top: 20px;margin-top:20px;position: relative;display: block;}

.card-monet-btn{display: flex;padding: 12px 16px;justify-content: center;align-items: center;gap: 8px;border-radius: 4px;background: var(--Red, #F53C3C);color: var(--White, #FFF) !important;font-size: 18px;font-style: normal;font-weight: 500;line-height: 24px;margin-bottom: 20px;cursor: pointer;}
.card-monet-btn:hover{color: var(--White, #FFF) !important;}

.card-monet-div{padding: 16px;background: #EFE8DF;}
.card-monet-title{color: #1D1D1D;font-family: Manrope;font-size: 28px;font-style: normal;font-weight: 500;line-height: 36px;padding:24px 0;}
.card-monet-div-2{border-radius: 8px;border: 1px solid var(--Separator-1, rgba(29, 29, 29, 0.10));background: var(--BG-3, #FFFBF4);padding:24px;position: relative;}
.card-monet-title-2{color: #1D1D1D;font-family: Manrope;font-size: 22px;font-style: normal;font-weight: 600;line-height: 28px;margin-bottom:14px;}
.card-monet-stat{color: var(--Black, #1D1D1D);font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;margin-bottom: 12px;}

.card-monet-radio{position: absolute;right: 0;top: 0;margin-right: 20px !important;margin-top: 20px !important;}
.card-monet-text-1{color: var(--Black, #1D1D1D);font-size: 20px;font-style: normal;font-weight: 500;line-height: 28px;position: absolute;top: 0;left: 0;margin-left: 16px;margin-top: 20px;}
.card-monet-text-2{color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;bottom: 0;position: absolute;margin-bottom: 20px;left: 0;margin-left: 16px;}
.card-monet-text-2 span{color: #B9AA76;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;text-decoration: line-through;}
.card-monet-radio-block{display: flex;height: 200px;padding: 0px 8px;margin:2px;flex-direction: column;justify-content: center;align-items: center;gap: 2px;flex-shrink: 0;border-radius: 4px;border: 1px solid var(--Separator-1, rgba(29, 29, 29, 0.10));text-align:center;cursor:pointer;background:#F6EFE3;} 
.card-monet-radio-block:hover{background: #F8D868;}  
.card-monet-radio-block_label{display:block;margin-bottom:0;}
.card-help{position: absolute;top:0;right:0;margin-top:20px;margin-right:20px;cursor: pointer;}
.card-monet-submit{display: inline-flex;height: 56px;padding: 0px 24px;justify-content: center;align-items: center;gap: 10px;flex-shrink: 0;border-radius: 4px;background: var(--Accent, #EB702D);color: var(--White, #FFF);font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;margin-right:16px;cursor:pointer;margin-bottom:20px;}
.card-monet-old-price{color: #FFB288;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;text-decoration: line-through;}
.card-monet-submit:hover {color: var(--White, #FFF);}
.card-monet-skidka{display: inline-flex;height: 48px;padding: 0px 16px;justify-content: center;align-items: center;gap: 10px;flex-shrink: 0;border-radius: 24px;background: var(--Red, #F53C3C);color: var(--White, #FFF);font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px;}
.card-monet-skidka-1{display: inline-flex;height: 32px;padding: 0px 12px;justify-content: center;align-items: center;gap: 10px;flex-shrink: 0;border-radius: 24px;background: var(--Red, #F53C3C);color: var(--White, #FFF);font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px;margin-top:21px;margin-bottom:11px;margin-left: -10px;}
.h140{height:140px;}
.card-monet-popular{color: var(--Black, #1D1D1D);font-size: 14px;font-style: normal;font-weight: 400;line-height: 22px;display: inline-flex;height: 36px;padding: 0px 16px;justify-content: center;align-items: center;gap: 10px;flex-shrink: 0;border-radius: 8px;border: 1px solid var(--Red, #F53C3C);background: var(--White, #FFF);box-shadow: 0px 12px 32px 0px rgba(0, 0, 0, 0.12);position: absolute;top: 0;margin-top: -15px;}
.card-monet-days{position: absolute;right: 0;bottom: 0;margin-right: 15px;margin-bottom: 15px;}

.payment_history_search_div{border-radius: 4px;background: var(--White, #FFF);height: 40px;padding: 8px 12px;margin-top: 6px;}
.payment_history_input{background: #fff !important;border:none !important;margin-left:15px;}
.payment_history_label{color: var(--Grey, rgba(29, 29, 29, 0.40));font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;}
.payment_block{border-radius: 4px;background: var(--White, #FFF);min-height:56px;padding:16px;margin-top: 2px;}
.payment_history_item{color: var(--Black, #1D1D1D);font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;}
.item_red{color: var(--Red, #F53C3C);}

.modal_start_title{color: var(--Black, #1D1D1D);font-family: Gilroy;font-size: 24px;font-style: normal;font-weight: 600;line-height: 32px;}
.modal_start_btn{display: flex;width: 200px;height: 38px;padding: 4px 12px;justify-content: center;align-items: center;gap: 6px;flex-shrink: 0;border-radius: 32px;border: 1px solid var(--Yellow, #F8D868);background: var(--Yellow, #F8D868);color: var(--Black, #1D1D1D);font-size: 13px;font-style: normal;font-weight: 500;line-height: 12px;margin-top:26px;}
.obyavl_head_title{color: var(--Black, #1D1D1D);font-family: Manrope;font-size: 24px;font-style: normal;font-weight: 500;line-height: 32px;}
.top_hot_info_btn{display: inline-flex;height: 40px;padding: 0px 12px;justify-content: center;align-items: center;gap: 4px;flex-shrink: 0;border-radius: 4px;border: 1px solid var(--Red, #F53C3C);color: var(--Red, #F53C3C);font-size: 14px;font-style: normal;font-weight: 500;line-height: 22px;margin-top: 6px;}
.top_hot_info_btn:hover, .top_hot_info_btn:focus, .top_hot_info_btn:active{color: var(--Red, #F53C3C) !important;}
.buy_tariff_btn{display: inline-flex;height: 40px;padding: 0px 12px;justify-content: center;align-items: center;gap: 4px;flex-shrink: 0;border-radius: 4px;border: 1px solid var(--Red, #F53C3C); color: var(--Red, #F53C3C);font-size: 14px;font-style: normal;font-weight: 500;line-height: 22px; }
.buy_tariff_btn:hover, .buy_tariff_btn:focus, .buy_tariff_btn:active{color: var(--Red, #F53C3C) !important;}
.top_head_block{padding: 32px 0 16px 0;}
.modal_hot_info_title{color: var(--Black, #1D1D1D);font-family: Manrope;font-size: 28px;font-style: normal;font-weight: 600;line-height: 36px;margin-bottom:8px;}
.modal_hot_info_text{color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;margin-bottom:24px;}
.modal_hot_info_btn{border-radius: 4px;border: 1px solid var(--Black, #1D1D1D);backdrop-filter: blur(32px);color: var(--Black, #1D1D1D);text-align: center; font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;padding:12px 24px;height:48px;}
.modal_hot_info_photo_div{background: #EFE8DF;padding:32px 26px 0 26px;border-radius:4px 4px 0 0;}
.main_right_banner{border-radius:4px;margin-top: 100px;position:relative;}
.main_right_banner h4{position: absolute;display: block;top: 0;color: var(--Black, #1D1D1D);text-align: center;padding: 48px 18px;line-height: 32px;}
.top_hot_info_block{text-align:right;}
.card-monet-block-main{position: absolute;bottom:0;}
.card-monet-radio-block-selected{background-color: #F8D868 !important;}

.ad_card_wide_block{position:relative;s}
.ad_card_wide_block .call_send_btn{position: absolute;right: 0;margin-right: 15px;bottom: 0;max-width: 190px;height: 32px;line-height: 16px;cursor: pointer;}

.profile_top_btn{border-radius: 4px;
    background: rgba(158, 158, 158, 0.10);display: inline-flex;
    height: 32px;
    padding: 0px 8px;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;}
.profile_reklam_btn{border-radius: 4px;
    border: 1px solid var(--Red, #F53C3C);
    background: #F6F6F6;display: inline-flex;
    height: 32px;
    padding: 0px 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;}
.buy_phone_reveals_btn{border-radius: 4px;
        background: rgba(158, 158, 158, 0.10);display: inline-flex;
        height: 32px;
        padding: 0px 8px;
        align-items: center;
        gap: 8px;
        flex-shrink: 0;}

.profile_turbo{display: inline-flex;
    height: 32px;
    padding: 0px 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;border-radius: 4px;
    background: #FFECEC;color: var(--Black, #1D1D1D);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    margin-top: 4px;
    margin-bottom:0px; }
.profile_turbo .profile_turbo_span{color: var(--Grey, rgba(29, 29, 29, 0.40));
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-left:8px;}

.modal_driver_title{color: var(--Black, #1D1D1D);font-family: Manrope;font-size: 28px;font-style: normal;font-weight: 500;line-height: 36px;}
.modal_driver_text{color: var(--Black, #1D1D1D);font-family: Manrope;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;margin-top:4px;margin-bottom:24px;}
.modal-driver-width{width:802px;}
#modal_reklama_success .success_icon{margin-top: 8px;margin-bottom: 20px;}
#modal_reklama_success .title_1{color: var(--Black, #1D1D1D);text-align: center;font-family: Manrope;font-size: 28px;font-style: normal;font-weight: 600;line-height: 36px;}
#modal_reklama_success .title_2{color: var(--Black, #1D1D1D);text-align: center;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;margin-bottom:40px;}
#modal_reklama_success .modal_reklama_btn_1{border-radius: 4px;background: var(--Yellow, #F8D868);backdrop-filter: blur(32px);color: var(--Black, #1D1D1D);text-align: center;font-size: 16px;font-style: normal;font-weight: 500;line-height: 56px;height:56px;width:100%;display: block;text-align: center;align-items: center;cursor: pointer;}
#modal_reklama_success .modal_reklama_btn_2{border-radius: 4px;border: 1px solid var(--Black, #1D1D1D);backdrop-filter: blur(32px);color: var(--Black, #1D1D1D);text-align: center;font-size: 16px;font-style: normal;font-weight: 500;line-height: 56px;height:56px;width:100%;display: block;text-align: center;align-items: center;cursor: pointer;}

.main_active_order{position: relative;padding: 16px 5px 16px 16px;margin: 5px;margin-bottom: 22px;border-radius: 4px;border: 1.03px solid var(--Separator-1, rgba(29, 29, 29, 0.10));background: #FFF;}
.main_active_order_status{border-radius: 7px;background: var(--Black, #1D1D1D);display: inline-flex;height: 28px;padding: 0px 8px;justify-content: center;align-items: center;flex-shrink: 0;color:#fff;position:absolute;top: 0;margin-top: -12px;}
.main_active_order h4{color: var(--Black, #1D1D1D);font-size: 18px;margin-top: 8px;font-style: normal;font-weight: 500;line-height: 20px;}
.main_active_order p{color: var(--Black, #1D1D1D);font-size: 14.416px;font-style: normal;font-weight: 400;line-height: 18.535px;margin-top: 8px;}
.main_active_order img{position: absolute;right:0;top:0;margin-right:0px;margin-top: 10px;}
.main_active_order span img {position: relative !important;left: 0;top: 0;margin-right: 0px !important;margin-top: 0px !important;}
.main_active_order_top{padding-bottom: 0px;}
.main_active_order_bottom p{color: var(--Grey, rgba(29, 29, 29, 0.40));margin-top: 12px;margin-bottom: 4px;font-size: 14.416px;font-style: normal;font-weight: 400;line-height: 20.594px;}
.main_active_order_bottom span{color: var(--Grey, rgba(29, 29, 29, 0.40));font-size: 14px;font-style: normal;font-weight: 400;line-height: 22px;margin-right: 8px;}
.main_active_order_link{position: absolute;right: 0;top: 0;margin-right: -15px;margin-top: 7px;}
.confirmed_offer_details{border-radius: 16px 16px 8px 16px;border: 1px solid #4AB617;background: rgba(78, 236, 141, 0.10);padding:12px;margin-top:4px;}
.confirmed_offer_details .title{color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 400;line-height: 20px;}
.confirmed_offer_details .phone{color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 400;line-height: 20px;}
.confirmed_offer_details .price{color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 500;line-height: 20px;border-top: 1px solid rgba(29, 29, 29, 0.10);padding-top: 12px;margin-top:12px;margin-bottom:16px;}
.confirmed_offer_details .call_btn{border-radius: 4px;border: 1px solid rgba(74, 182, 23, 0.30);display: flex;height: 40px;padding: 8px 24px;justify-content: center;align-items: center;gap: 6px;flex-shrink: 0;color: var(--Green, #4AB617);font-family: Inter;font-size: 14px;font-style: normal;font-weight: 500;line-height: 22px; }
.confirmed_offer_details .call_btn img{margin-right:6px;}
.sticky-menu .investor_btn{display: none;}


.select2-container--krajee-bs3 .select2-selection--single .select2-selection__clear, .select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__clear {
    font-size: 22px !important;
    cursor: pointer;
    top: auto !important;
    bottom: 0;
    margin-bottom: 0px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.filter-blocks {
    position: relative;
    display: contents !important;
    margin-right: 15px !important;
    width: 100% !important;
}

.filter-blocks .filter-block {
    display: block !important;
    border-radius: 8px;
    padding: 10px 10px 0px 10px;
    background: #fff;
    width: 100%;
    margin-bottom: 8px !important;
}
.filter-blocks .dropdown {
    width: 100% !important;
}
.filter-block .dropbtn {
    text-align: left !important;
    border: none !important;
    padding: 4px 16px 7px 16px !important;
    font-size: 20px !important;
    font-family: Gilroy;
    font-weight: 500;
    line-height: 28px !important;
    width: 100%;
}
.filter-block .dropdown-content {
    max-width: 100% !important;
    margin-top: 0px !important;
    position: relative !important;
    margin-right: 0px !important;
    box-shadow: none !important;
    margin-bottom: 0px;
    padding-top: 5px !important;
}
.filter-block .dropdown-content .active {
    border-radius: 8px !important;
}
.sort_dropdown_btn.active {
    background: var(--black, #1D1D1D) !important;
    color: #fff !important;
}

@media (max-width: 599px) {
    #back-button {
        display: block;
    }
}
@media (min-width: 600px) {
    .mt15pc{margin-top:15px;}
}
 .fold_visible{display:none;} #chat-request-intercity{margin-bottom:150px} 


 #intercity_filter_from .select2-selection__rendered, #intercity_filter_to .select2-selection__rendered {display: block;text-align: left;padding: 0;color: var(--Grey, rgba(29, 29, 29, 0.40));font-size: 14px;font-style: normal;font-weight: 500;line-height: 22px;} #intercity_filter_from .select2-container--krajee-bs3 .select2-selection--single, #intercity_filter_to .select2-container--krajee-bs3 .select2-selection--single{height: 40px;line-height: 1.428571429;padding: 8px 24px 6px 18px;    border: none;box-shadow: none;border-radius: 0;}  #intercity_filter_from .select2-container--krajee-bs3 .select2-selection--single{border-radius:4px 0 0 4px} #intercity_filter_to .select2-container--krajee-bs3 .select2-selection--single{border-radius:0 4px 4px 0;} #intercity_filter_from .select2-container--krajee-bs3 .select2-selection--single .select2-selection__placeholder, #intercity_filter_to .select2-container--krajee-bs3 .select2-selection--single .select2-selection__placeholder{color: var(--Grey, rgba(29, 29, 29, 0.40)) !important;font-size: 14px !important;font-style: normal;font-weight: 500 !important;line-height: 22px;padding-left: 5px;} #intercity_filter_from_ .dropdown, #intercity_filter_to .dropdown{text-align: left;display: block;}#intercity_filter_from{} #intercity_filter_from .order_input, #intercity_filter_to .order_input{background: none;border: none;}


 #intercity_filter_from .select2-container--krajee-bs3 .select2-selection--single .select2-selection__clear,  #intercity_filter_to .select2-container--krajee-bs3 .select2-selection--single .select2-selection__clear{right:15px !important;}
 #intercity_filter_from .select2-container--krajee-bs3 .select2-selection--single .select2-selection__clear, #intercity_filter_to .select2-container--krajee-bs3 .select2-selection--multiple .select2-selection__clear{top:10px !important;}

 .select2-dropdown--below{margin-top: 0px !important;}

 @media (min-width:700px) and (max-width:760px) {
    .search_block .div{width:50%}
    .fold_filters{width:50%}
    .modal-dialog.maxheight{margin: 20px auto !important;}  
    .col-md-3.col-sm-3.col-xs-5.advert_imgx.hidden-xs div{width:180px !important;}
}

@media (min-width:680px) and (max-width:750px) { 
    .swiper-slide p{margin-bottom: -20px !important;margin-bottom: -20px;} 
}


@media (max-width: 699px) {.visible-xs {display: block !important;} .hidden-xs {display: none !important;}} 
@media (min-width: 600px) and (max-width: 991px) {.visible-sm {display: block !important;} .hidden-sm {display: none !important;} .categories-container div {
    flex: 0 0 24% !important;
    margin: 0.5px !important;
    min-width: auto;
    height: 96px !important;
    border-radius: 0 !important;
}.categories-container div {
    display: inline-block;
}.categories-container div {
    min-width: 60px !important;
}.categories-container {
    flex-wrap: wrap !important;
    justify-content: center; 
    margin: 0 -15px 15px -15px;
}} 

@media (min-width: 700px) and (max-width: 991px) {.app_block{margin-top:10px;} .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float: left;} .col-sm-12 {width: 100%;} .col-sm-11 {width: 91.66666667%;} .col-sm-10 {width: 83.33333333%;} .col-sm-9 {width: 75%;} .col-sm-8 {width: 66.66666667%;} .col-sm-7 {width: 58.33333333%;} .col-sm-6 {width: 50%;} .col-sm-5 {width: 41.66666667%;} .col-sm-4 {width: 33.33333333%;} .col-sm-3 {width: 25%;} .col-sm-2 {width: 16.66666667%;} .col-sm-1 {width: 8.33333333%;} .col-sm-pull-12 {right: 100%;} .col-sm-pull-11 {right: 91.66666667%;} .col-sm-pull-10 {right: 83.33333333%;} .col-sm-pull-9 {right: 75%;} .col-sm-pull-8 {right: 66.66666667%;} .col-sm-pull-7 {right: 58.33333333%;} .col-sm-pull-6 {right: 50%;} .col-sm-pull-5 {right: 41.66666667%;} .col-sm-pull-4 {right: 33.33333333%;} .col-sm-pull-3 {right: 25%;} .col-sm-pull-2 {right: 16.66666667%;} .col-sm-pull-1 {right: 8.33333333%;} .col-sm-pull-0 {right: auto;} .col-sm-push-12 {left: 100%;} .col-sm-push-11 {left: 91.66666667%;} .col-sm-push-10 {left: 83.33333333%;} .col-sm-push-9 {left: 75%;} .col-sm-push-8 {left: 66.66666667%;} .col-sm-push-7 {left: 58.33333333%;} .col-sm-push-6 {left: 50%;} .col-sm-push-5 {left: 41.66666667%;} .col-sm-push-4 {left: 33.33333333%;} .col-sm-push-3 {left: 25%;} .col-sm-push-2 {left: 16.66666667%;} .col-sm-push-1 {left: 8.33333333%;} .col-sm-push-0 {left: auto;} .col-sm-offset-12 {margin-left: 100%;} .col-sm-offset-11 {margin-left: 91.66666667%;} .col-sm-offset-10 {margin-left: 83.33333333%;} .col-sm-offset-9 {margin-left: 75%;} .col-sm-offset-8 {margin-left: 66.66666667%;} .col-sm-offset-7 {margin-left: 58.33333333%;} .col-sm-offset-6 {margin-left: 50%;} .col-sm-offset-5 {margin-left: 41.66666667%;} .col-sm-offset-4 {margin-left: 33.33333333%;} .col-sm-offset-3 {margin-left: 25%;} .col-sm-offset-2 {margin-left: 16.66666667%;} .col-sm-offset-1 {margin-left: 8.33333333%;} .col-sm-offset-0 {margin-left: 0%;}}  .banner1_mobile{border-radius: 4px;    display: inline-block;background: var(--White, #FFF);box-shadow: 0px 12px 16px 0px rgba(108, 102, 87, 0.12);padding: 12px 8px;} .banner2_mobile{background: var(--White, #FFF);box-shadow: 0px 12px 16px 0px rgba(108, 102, 87, 0.12);padding: 16px 0 0 12px;border-radius: 4px;} .banner_mobile_title{color: var(--Accent, #EB702D);font-family: 'SF UI Display', sans-serif;font-size: 15px;font-style: normal;font-weight: 700;line-height: 18px;} .banner1_mobile_img{width: 100%;margin-top: -70px;position: absolute;top: 0;} .banner2_mobile_img{width: 100%;margin-top: -27px;position: absolute;top: 0;} .banner_mobile_btn{margin-top:20px;display: flex;width: 100%;height: 32px;padding: 4px 12px;justify-content: center;align-items: center;gap: 6px;flex-shrink: 0;border-radius: 32px;border: 1px solid var(--Accent-2, #F8D868);background: var(--Accent-2, #F8D868);color: var(--Black, #1D1D1D);font-family: 'SF UI Display', sans-serif;font-size: 13px;font-style: normal;font-weight: 400;line-height: 12px;} 

.categories-container {display: flex;flex-wrap: nowrap;align-items: center;}
.categories-container div {flex: 1;text-align: center;margin: 2px;border-radius: 8px;background: var(--White, #FFF);height: 115px;max-width: 265px;padding: 15px 0;position: relative;}
.categories-container div p{color: var(--Black, #1D1D1D);font-size: 14px;font-style: normal;font-weight: 500;line-height: 14px;}
.categories-container div p span.category_count{color: var(--Grey, rgba(29, 29, 29, 0.40));font-size: 12px;font-style: normal;font-weight: 400;line-height: 12px;display: block;text-align: center;}

.categories-container div img{ margin-right: 15px;margin-bottom: 5px;width:90px;}

#city_ride_from_filter_mob3 .select2-container--krajee-bs3 .select2-selection--single .select2-selection__placeholder {
  color: var(--Grey, rgba(29, 29, 29, 0.40)) !important;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: 22px;
}

#city_ride_from_filter_mob3 .select2-container--krajee-bs3 .select2-selection--single, #city_ride_to_filter_mob3 .select2-container--krajee-bs3 .select2-selection--single {height: 40px;line-height: 1.428571429;padding: 10px 24px 10px 15px;border-radius: 4px;}


 

@media (max-width:290px) {
    .hot_block_item_stat .card_date_block{display: block;}
    .fold_main_pad{margin-top:5px;}
    .fold_hidden{display:none !important}
    .fold_visible{display:block !important}
    .visible-xs.hidden-md.hidden-lg.fold_hidden{display:none !important;}
    .search_block .div{width: 65%;padding: 0 0 0 15px !important;}
    .fold_filters{width: 35%;}
    .banner2_mobile {
        padding: 10px 0 0 12px;
    }
    .header__logo img{width:100px !important;}
}


@media (max-width:320px) {
    .card_modal_btn_1{font-size: 14px !important;line-height: 24px !important;}
    .card_modal_btn_2{font-size: 14px !important;line-height: 24px !important;}
    .card_modal_btn_2 img{display: none;}
}

* {
    -webkit-tap-highlight-color: transparent;
    -webkit-focus-ring-color: transparent;
    outline: none;
  }

  a, button {
    -webkit-tap-highlight-color: transparent;
    -webkit-focus-ring-color: transparent;
    outline: none;
  }
  
a, a:active, a:focus {
  -webkit-user-select: none;
  -moz-user-select: none; 
  -ms-user-select: none;
  user-select: none; 
  outline: none; 
}


.investorpage-head{
    background:#F2E9E9;
}
.ad_moderation{display: inline-flex;height: 32px;padding: 8px 12px;justify-content: center;align-items: center;gap: 4px;border-radius: 32px;background: var(--Red, #F53C3C);color: #fff;position: absolute;z-index: 999;margin: 16px;}
.ad_skip_btn{display: inline-flex;height: 56px;padding: 0px 24px;justify-content: center;align-items: center;gap: 10px;flex-shrink: 0;border-radius: 4px;background: var(--Grey, rgba(29, 29, 29, 0.40));color: #fff !important;cursor: pointer;position: absolute;right: 0;margin-right: 15px;}

.investorpage-menu{border-radius: 12px;border: 1px solid #ECEDE8;background: var(--BG-2, #FFF);height: 64px;padding: 12px 4px;}
.investorpage-menu .menu_logo{display: flex;width: 120px;height: 35px;justify-content: center;align-items: center;gap: 7.084px;}
.investorpage-menu .menu_text{color: var(--Palette-Primary, #0C0E0D);font-size: 16px;font-style: normal;font-weight: 400;line-height: 20px;margin-top:10px;margin-left: 35px;}
.investorpage-menu .menu_phone{color: var(--Palette-Primary, #0C0E0D);font-size: 16px;font-style: normal;font-weight: 500;line-height: 20px;margin-top: 10px;}
.investorpage-menu .menu_call_btn{display: flex;height: 40px;padding: 0px 14px;justify-content: center;align-items: center;gap: 8px;border-radius: 12px;border: 1px solid var(--Palette-Accent, #117545);color: var(--Palette-Accent, #117545);font-size: 16px;font-style: normal;font-weight: 500;line-height: 20px;margin-right: 4px;}
.investorpage-menu .menu_account_btn{display: flex;height: 40px;padding: 0px 14px;justify-content: center;align-items: center;gap: 8px;border-radius: 12px;border: 1px solid #BDC6C1;color: var(--Palette-Primary, #0C0E0D);font-size: 16px;font-style: normal;font-weight: 500;line-height: 20px;margin-left: 4px;}
.investorpage-head .main_title{color: #000;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;margin-top: 24px;}
.investorpage-head .main_btn{display: inline-flex;height: 72px;padding: 0px 24px;justify-content: center;align-items: center;gap: 8px;flex-shrink: 0;border-radius: 8px;background: #117545;color: var(--White, #FFF);font-size: 18px;font-style: normal;font-weight: 500;line-height: 26px;margin-top:32px;border:2px solid #117545;}
.investorpage-head .main_btn:hover{background:#fff;color:#117545;border:2px solid #117545;}
.main_count_text{color: #000; font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;  position: absolute;right: 0;margin-right: 8%;top: 0;margin-top: 5%;}
.investorpage_title_1{color: var(--Palette-Primary, #0C0E0D);font-family: Manrope;font-size: 40px;font-style: normal;font-weight: 500;line-height: 50px;margin-top: 50px;}
.investorpage_main_btn_div{margin-top:40px;}
.investorpage_main_btn{display: inline-flex;height: 64px;padding: 0px 24px;justify-content: center;align-items: center;gap: 8px;flex-shrink: 0;border-radius: 8px;background: #117545;color: var(--White, #FFF); font-size: 18px;font-style: normal;font-weight: 500;line-height: 26px; }
.investorpage_main_btn:hover{color: var(--White, #FFF) !important;}
.investorpage_count_text{color: #000;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;margin-top:5px;}
.investorpage-content-new-2{padding: 30px 0;}
.investorpage-content-new-2 .second_title{color: var(--Palette-Primary, #0C0E0D);font-family: Manrope;font-size: 40px;font-style: normal;font-weight: 500;line-height: 48px;max-width:815px;}
.investorpage-content-new-2 .video_div{border-radius: 16px;border: 3px solid #F2E9E9;background: #FFF;box-shadow: 0px 21.578px 32.366px 0px rgba(0, 0, 0, 0.12);height: 543px;width:100%;margin-top:48px;}

.investorpage-content-2 .second_title{color: var(--Palette-Primary, #0C0E0D);text-align: center;font-family: Manrope;font-size: 40px;font-style: normal;font-weight: 500;line-height: 48px;margin-bottom: 16px;}
.investorpage-content-2 .second_text{color: var(--Black, #1D1D1D);text-align: center;font-size: 20px;font-style: normal;font-weight: 500;line-height: 28px;}
.investorpage-content-2 .map_img{margin-top: 71px;width: 100%}
.investorpage-content-3 .block3_img{width:100%;margin-top:70px;}
.investorpage-content-3{background-position: center !important;background-size: 100% !important;min-height: 558px !important;background-repeat: no-repeat !important;}
.investorpage-content-3 .third_title{color: #FFF;text-align: center;font-family: Manrope;font-size: 40px;font-style: normal;font-weight: 500;line-height: 48px;margin-top: 300px;}


.static-block{border-radius: 12px;background: #FFF;box-shadow: 0px 16px 64px 0px rgba(0, 0, 0, 0.08);margin-top: 40px;}
.static-block-padding{padding: 12px 0;}
.static-block-title{color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;}
.static-block-line{border-bottom: 1px solid #D7D7D7;}
.static-text-block-line{border-bottom: 1px solid #EEEEEE;}
.align-items-center{display: flex !important;align-items: center;}
.display-flex{display: flex !important;}
.static-block-text-padding{padding: 22px 0;}
.static-block-text-1{color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;}
.static-block-text-2-1{position: absolute;left: 0;font-size: 13px;}
.static-block-text-2{position: absolute;right: 0;margin-right: 10px;font-size: 13px;}
.static-block-text-3{color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;}
.static-block-text-4{color: var(--Black, #1D1D1D);text-align: right;font-size: 18px;font-style: normal;font-weight: 500;line-height: 28px;}

.static-block-mobile{margin-bottom:8px;border-radius: 12px;background: #FFF;box-shadow: 0px 16px 64px 0px rgba(0, 0, 0, 0.08);padding:20px 16px;}
.static-block-mobile-title{margin-bottom:12px;color: var(--Black, #1D1D1D);font-size: 20px;font-style: normal;font-weight: 500;line-height: 28px;}
.static-block-mobile-text{color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;margin-bottom: 7px;}
.static-block-mobile-text-2{margin-top:16px;color: var(--Black, #1D1D1D);font-size: 14px;font-style: normal;font-weight: 400;line-height: 22px;opacity: 0.4;}
.static-block-mobile-value{color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;}
.static-block-mobile-price{color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px; }

.order_card_close{display: inline-flex;height: 28px;padding: 0px 12px;justify-content: center;align-items: center;flex-shrink: 0;border-radius: 4px;border: 1px solid rgba(245, 60, 60, 0.20);color: var(--Red, #F53C3C); font-size: 14px;font-style: normal;font-weight: 500;line-height: 22px;cursor:pointer;}
.order_card_close_text{color: var(--Grey, rgba(29, 29, 29, 0.40));font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;}
.order_postav_block{border-radius: 4px;border: 1px solid #DFDFDF;background: #FFF;padding: 16px 0;margin-bottom:8px;}
.order_postav_title{color: var(--Black, #1D1D1D);font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;margin-bottom:0;}
.order_postav_price{color: var(--Black, #1D1D1D);font-size: 20px;font-style: normal;font-weight: 500;line-height: 28px; }
.order_postav_message_btn{display:block;color: var(--Accent, #EB702D);font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px; }
.order_postav_text{color: var(--Black, #1D1D1D);font-size: 24px;font-style: normal;font-weight: 500;line-height: 32px;margin-bottom:0;}
.order_postav_call_btn{display: flex;height: 40px;padding: 8px 24px;justify-content: center;align-items: center;gap: 6px;flex: 1 0 0;border-radius: 4px;border: 1px solid rgba(74, 182, 23, 0.30);color: var(--Green, #4AB617);font-family: Inter;font-size: 14px;font-style: normal;font-weight: 500;line-height: 22px;margin-top: 12px;}
.order_postav_btn{display: flex;height: 40px;padding: 8px 24px;justify-content: center;align-items: center;flex-shrink: 0;border-radius: 4px;background: var(--Yellow, #F8D868);color: var(--Black, #1D1D1D);font-family: Inter;font-size: 14px;font-style: normal;font-weight: 500;line-height: 22px;margin-bottom: 8px;margin-top: 12px;}
.order_postav_success_btn{display: flex;height: 40px;padding: 8px 24px;justify-content: center;align-items: center;flex-shrink: 0;border-radius: 4px;background: rgba(74, 182, 23, 0.10);color: var(--Green, #4AB617);font-family: Inter;font-size: 14px;font-style: normal;font-weight: 500;line-height: 22px;margin-bottom: 8px;margin-top: 12px;}
.order_postav_cancel_btn{display: flex;height: 40px;padding: 8px 24px;justify-content: center;align-items: center;flex-shrink: 0;border-radius: 4px;background: rgba(245, 60, 60, 0.10);color: var(--Red, #F53C3C);font-family: Inter;font-size: 14px;font-style: normal;font-weight: 500;line-height: 22px;margin-bottom: 8px;margin-top: 12px;}
.transport_not_found_title{color: var(--Black, #1D1D1D);text-align: center;font-family: Manrope;font-size: 28px;font-style: normal;font-weight: 600;line-height: 36px;margin-bottom:40px;}
.transport_found_btn{height: 56px;flex-shrink: 0;border-radius: 4px;background: var(--Yellow, #F8D868);backdrop-filter: blur(32px);color: var(--Black, #1D1D1D);text-align: center;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;margin-bottom:12px;display: block;padding: 16px;}
.transport_not_found_btn{border-radius: 4px;border: 1px solid var(--Black, #1D1D1D);backdrop-filter: blur(32px);display: block;padding: 16px;height: 56px;flex-direction: column;align-items: flex-start;gap: 12px;color: var(--Black, #1D1D1D);text-align: center;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;}

.order_postav_right_icon{position: absolute;right: 0;margin-right: 16px;top: 0;margin-top: 30px;}
.order_postav_selected{position: absolute;margin-top: 3px;max-width: 78px;display: inline-flex;padding: 2px 8px;justify-content: center;align-items: center;border-radius: 4px;background: var(--Green, #4AB617);color: var(--White, #FFF);font-size: 13px;font-style: normal;font-weight: 400;line-height: 18px; margin-left: 8px;}
.order_postav_not_selected{position: absolute;margin-top: 3px;max-width: 85px;display: inline-flex;padding: 2px 8px;justify-content: center;align-items: center;border-radius: 4px;background: var(--Grey, rgba(29, 29, 29, 0.40));color: var(--White, #FFF);font-size: 13px;font-style: normal;font-weight: 400;line-height: 18px;margin-left: 8px;}
.order_postav_count_title{margin-bottom:16px;color: #1D1D1D;font-family: Manrope;font-size: 20px;font-style: normal;font-weight: 500;line-height: 28px;}

.investorpage-content-4 .second_title{margin-top: 50px;margin-bottom: 40px;color: var(--Palette-Primary, #0C0E0D);text-align: center;font-family: Manrope;font-size: 40px;font-style: normal;font-weight: 500;line-height: 48px;}
.calculate_block{border-radius: 12px;background: #FFF;padding: 28px 14px;}
.calculate_block_label{color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;}
.calculate_block #price-input {z-index: 999 !important;position: relative;border-radius: 12px;border: 1px solid #75BADC;background: #E1F5FF;height: 64px;flex-shrink: 0;color: var(--Black, #1D1D1D);font-size: 40px;font-style: normal;font-weight: 400;line-height: 48px;display: block;width: 100%;padding: 8px 16px;margin: 8px 0 20px 0px;}
.calculate_block_value{color: var(--Black, #1D1D1D);font-size: 24px;font-style: normal;font-weight: 400;line-height: 32px;}


.create_order_block{border: 1px solid rgb(235,112,45);border-radius: 4px;background: #EFE8DF;box-shadow: 0px 16px 64px 0px rgba(57, 52, 42, 0.08); margin: 40px 10px 40px 16px;padding: 20px 10px;}
.create_order_block_title{margin-bottom:10px;color: var(--Black, #1D1D1D);font-family: Manrope;font-size: 20px;font-style: normal;font-weight: 500;line-height: 28px; }
.create_order_block_label{color: var(--Black, #1D1D1D);font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px;margin-bottom: 8px}
.create_order_block_input{width: 100%;padding: 0px 18px;border-radius: 4px;border: 1px solid var(--Separator, rgba(35, 46, 50, 0.12));background: #fff;height: 40px;margin-top: 8px;}
.create_order_block_count{margin-top:16px;color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px; }
.create_order_block_btn{margin-top:10px;display: inline-flex;height: 40px;padding: 0px 16px;align-items: center;gap: 6px;flex-shrink: 0;border-radius: 4px;background: var(--Yellow, #F8D868);color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;}
.create_order_block_city{display:inline-block;color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;margin-top: 17px;}
.create_order_block_select{background: none;border: none;display: inline-block;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;width: 100px;cursor: pointer;display:inline-block;}
.calculate_block_percent{margin-top: 12px;color: var(--Black, #1D1D1D);font-size: 40px;font-style: normal;font-weight: 400;line-height: 48px;}
.price_slider_label_min{color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;position: absolute;left: 0;margin-left: 15px;}
.price_slider_label_max{color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;position: absolute;right: 0;margin-right: 15px;}
.prognoz_title{color: var(--Black, #1D1D1D);font-size: 20px;font-style: normal;font-weight: 500;line-height: 28px;margin-top: 60px}
.prognoz_block{border-radius: 12px;border: 1px solid var(--Separator-1, rgba(29, 29, 29, 0.10));padding: 24px 0;}
.prognoz_block_line{border-left: 1px solid #75BADC; padding-left: 35px;}
.prognoz_block_value_1{color: var(--Black, #1D1D1D); font-size: 32px;font-style: normal;font-weight: 400;line-height: 40px;margin-top: 4px;}
.prognoz_block_value_2{color: var(--Black, #1D1D1D); font-size: 32px;font-style: normal;font-weight: 400;line-height: 40px;margin-top: 4px;}
.prognoz_block_btn, .prognoz_block_btn2{display: inline-flex;height: 56px;padding: 0px 24px;justify-content: center;align-items: center;gap: 8px;flex-shrink: 0;border-radius: 8px;background: #117545;margin-top: 32px;color: var(--White, #FFF);font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;}
.prognoz_block_btn:hover, .prognoz_block_btn2:hover{color: #fff !important;}

.investorpage-content-5 .second_title{margin-bottom:40px;margin-top: 103px;color: var(--Black, #1D1D1D);text-align: center;font-family: Manrope;font-size: 40px;font-style: normal;font-weight: 500;line-height: 48px; }
.team_name{margin-bottom: 0px;text-align: left;margin-top:12px;color: var(--Black, #1D1D1D);text-align: center;font-size: 16px;font-style: normal;font-weight: 600;line-height: 24px;}
.team_spec{text-align: left;color: var(--Black, #1D1D1D);text-align: center; font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;}

.team_slider_block{margin-top: 32px;margin-bottom: 142px;background: #fff;border-radius: 12px;padding:24px;}
.investorpage-content-6 .second_title{color: var(--Black, #1D1D1D);text-align: center;font-family: Manrope;font-size: 28px;font-style: normal;font-weight: 500;line-height: 36px;margin-bottom: 32px;}
.team-container {display: flex;flex-wrap: wrap;}
.team_flex_block {flex-grow: 1;}

.investoraccount-content-2 .title{color: var(--Black, #1D1D1D);font-family: Manrope;font-size: 28px;font-style: normal;font-weight: 500;line-height: 36px; margin-top: 64px;margin-bottom: 24px;}
.calculate_block_1{border-radius: 4px;background: #FFF;height: 80px;padding: 13px 16px;}
.calculate_block_1 .calculate_block_label{color: var(--Black, #1D1D1D);font-size: 14px;font-style: normal;font-weight: 400;line-height: 22px;}
.calculate_block_1 #price-input{color: var(--Black, #1D1D1D);font-size: 24px;font-style: normal;font-weight: 400;line-height: 32px;width: 100%;background: none;border: none;}
.calculate_block_1 .calculate_block_equal{color: var(--Black, #1D1D1D);font-size: 24px;font-style: normal;font-weight: 400;line-height: 32px;}
.calculate_block_1 .calculate_block_percent1{color: var(--Black, #1D1D1D);font-size: 24px;font-style: normal;font-weight: 400;line-height: 32px;}
.investoraccount-content-2 .platezh_btn{margin-right:8px;display: inline-block;height: 40px;padding: 10px 12px;justify-content: center;align-items: center;gap: 8px;flex-shrink: 0;border-radius: 4px;background: #117545;color: var(--White, #FFF);font-size: 16px;font-style: normal;font-weight: 500;line-height: 20px;}
.investoraccount-content-2 .platezh_btn:hover{color: #fff;}
.investoraccount-content-2 .contact_btn{border:1px solid #BDC6C1;display: inline-block;height: 40px;padding: 8px 12px;justify-content: center;align-items: center;gap: 8px;flex-shrink: 0;border-radius: 4px;color: #117545;font-family: Inter;font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px;}
.investoraccount-content-2 .contact_btn:hover{color: #117545;}
.investor_stat_block_1{border-radius: 4px;border: 1px solid #E5D6C6;background: #FFF5E1;padding:8px;} 
.chat_select_driver_btn{z-index: 99999;position: relative;display: flex;height: 40px;padding: 8px 10px;justify-content: center;align-items: center;flex: 1 0 0;border-radius: 4px;background: var(--Yellow, #F8D868);color: var(--Black, #1D1D1D);font-family: Inter;font-size: 14px;font-style: normal;font-weight: 500;line-height: 22px;}
.chat_call_btn{z-index: 99999;position: relative;display: flex;height: 40px;padding: 0px 10px;align-items: center;gap: 8px;border-radius: 4px;background: var(--Green, #4AB617);color: var(--White, #FFF);text-align: center;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;}
.chat_driver_contacts{padding: 7px 10px 12px 10px;position: fixed;bottom: 0;margin-bottom: 75px;width: 100%;}
.disable-phone-link {pointer-events: none; user-select: none; -webkit-touch-callout: none;color: var(--Black, #1D1D1D); }

.card_phone_white{width: auto;max-width: 150px !important;display: inline-block;position: relative !important;right: auto !important;margin-right: auto !important;height: 28px !important;padding: 1px 12px 2px 8px;align-items: center;gap: 4px;border-radius: 16px;border: 1px solid #46A718;background: #4AB617;color: var(--White, #FFF);font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px !important;}
.card_chat_white{width: auto;max-width: 100px !important;position: relative !important;right: auto !important;margin-right: auto !important;display: inline-block;height: 28px !important;padding: 1px 12px 2px 8px;align-items: center;gap: 4px;border-radius: 16px;border: 1px solid var(--Separator-1, rgba(29, 29, 29, 0.10));background: #F59A09;color: var(--White, #FFF) !important;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px !important;}
.card_phone_white:hover,.card_chat_white:hover{color:#fff !important;}

.lead_status_link {display: inline-flex;height: 32px;padding: 0px 12px 0px 8px;justify-content: center;align-items: center;gap: 6px;border-radius: 4px;margin-right:2px;}
.lead_status_link a{color: var(--Black, #1D1D1D) !important;}


.lead_status_link.date_btn{border: 1px solid #B8C1CB;}
.lead_status_link.success_btn{border: 1px solid #DA8F1E;background: rgba(218, 143, 30, 0.15);}
.lead_status_link.inwork_btn{border: 1px solid #5B5FB7;background: rgba(91, 95, 183, 0.15);}
.lead_status_link.completed_btn{border: 1px solid #3D9264;background: rgba(61, 146, 100, 0.15);}
.lead_status_link.canceled_btn{border: 1px solid #DC2323;background: rgba(220, 35, 35, 0.15);} 
.lead_status_link.untargeted_btn{border: 1px solid #A5A5A5;background: rgba(165, 165, 165, 0.15);}
.lead_status_link.awaiting_btn{border: 1px solid #A5A5A5;background: rgba(255,165,0, 0.35);}

.active_packages_block{border-radius: 4px;background: var(--Palette-For-Tooltip, #FFF);box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.16);padding:12px 16px;margin: 5px 0 20px 0;position:relative;min-height:96px;}
.active_packages_block p{color: var(--Black, #1D1D1D);font-size: 14px;font-style: normal;font-weight: 400;line-height: 22px;}
.active_packages_block .buy_info{position: absolute;top: 0;right: 0;margin-top: 12px;margin-right: 12px;}
.active_packages_block .buy_btn{display: inline-flex;height: 32px;padding: 10px;justify-content: center;align-items: center;gap: 10px;flex-shrink: 0;border-radius: 4px;background: var(--Yellow, #F8D868);color: var(--Black, #1D1D1D);font-size: 14px;font-style: normal;font-weight: 400;line-height: 22px;position: absolute;right: 0;margin-right: 12px;margin-top: 5px;cursor:pointer;}
.active_packages_block .days{color: var(--Black, #1D1D1D);font-size: 28px;font-style: normal;font-weight: 400;line-height: 40px;}

.profile_modal_title{color: var(--Black, #1D1D1D);font-family: Manrope;font-size: 24px;font-style: normal;font-weight: 600;line-height: 32px;margin-top:14px;text-align: left;margin-bottom: 12px;}
.profile_modal_text{color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;text-align: left !important;margin-bottom: 20px;}
.modal_info{position: absolute;left: 0;margin-left: 16px;}
.modal_info img{width:24px;height:24px;}
.profile_modal_btn{border-radius: 4px;background: var(--Accent, #EB702D);backdrop-filter: blur(32px);display: block;height: 56px;flex-shrink: 0;padding: 16px;color: var(--White, #FFF);text-align: center;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;}
.profile_modal_btn .card-monet-old-price-number{color: #FFB288;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;text-decoration:line-through;}

.profile-card-backround{background: #fff;border: none !important;height: 150px;}
.profile-left-radio{left: 0;margin-left: 16px !important;right: auto;}
.profile-card-monet-text-1{font-weight: 500 !important;margin-left: 40px !important;margin-top: 15px !important;font-size: 20px !important;} 

.profile_modal_info_btn{border-radius: 4px;border: 1px solid var(--Black, #1D1D1D);backdrop-filter: blur(32px);display: block;height: 56px;flex-shrink: 0;padding: 16px;color: var(--Black, #1D1D1D);text-align: center;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;}
.profile_package_discount{display: inline-flex;height: 32px;padding: 0px 12px;justify-content: center;align-items: center;gap: 10px;border-radius: 24px;background: var(--Red, #F53C3C);color: var(--White, var(--Palette-For-Tooltip, #FFF));font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px;margin-top:40px;}


#subscribe_to_orders, #new_login, #new_create_advert_categories, #new_create_advert_transport_types, #new_create_advert_transport_brands, #new_create_advert_transport_models, #new_create_advert_success, #new_create_advert, #new_edit_advert, #new_edit_advert_photos, #new_create_advert_intercity, #new_edit_advert_intercity, #new_create_advert_intercity_directions, #payment_of_commission, #modal_register, #modal_login, #modal_sms, #modal_register_success, #modal_order_price_edit, #modal_driver_name, #modal_add_auto, #modal_your_auto, #modal_select_auto, #modal_category_filter, #modal_create_category_service  {z-index: 999999;border-radius: 16px 16px 0px 0px;background: none;position: fixed;bottom: 0;min-height: 300px;max-height: 800px;top: 0;right: 0;overflow: auto;}

#subscribe_to_orders .modal-body, #new_login .modal-body, #new_create_advert_categories .modal-body, #new_create_advert_transport_types .modal-body, #new_create_advert_transport_brands .modal-body, #new_create_advert_transport_models .modal-body, #new_create_advert_success .modal-body, #new_create_advert .modal-body, #new_edit_advert .modal-body, #new_edit_advert_photos .modal-body, #new_create_advert_intercity .modal-body, #new_edit_advert_intercity .modal-body, #new_create_advert_intercity_directions .modal-body, #payment_of_commission .modal-body{background:#EFE8DF;}
 
.modal_main_title{color: var(--Black, #1D1D1D);font-family: Manrope;font-size: 24px;font-style: normal;font-weight: 500;line-height: 28px;text-align:left;margin-bottom:20px;}
.modal_main_input{border-radius: 4px;background: var(--White, #FFF);height: 48px;padding:14px 16px;color: var(--Grey, rgba(29, 29, 29, 0.40));font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;border: none;width: 100%;}
.modal_main_text{color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;margin-top:20px;margin-bottom: 40px;text-align: left;}
.modal_main_text a{color: var(--Accent, #EB702D) !important;}
.modal_main_btn{border-radius: 4px;background: var(--Accent, #EB702D);height: 56px;padding:20px;color: var(--White, #FFF);text-align: center;font-size: 14px;font-style: normal;font-weight: 500;line-height: 16px;width: 100%;display: block;}

.change_phone_div{margin-top:150px;}
.change_phone_text{color: var(--Accent, #EB702D);text-align: center;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px; }
.new_sms_btn{border-radius: 4px;border: 1px solid var(--Separator-1, rgba(29, 29, 29, 0.10));backdrop-filter: blur(32px);height: 56px;display: block;color: var(--Grey, rgba(29, 29, 29, 0.40));text-align: center;font-size: 14px;font-style: normal;font-weight: 500;line-height: 22px;padding: 17px;margin: 20px 10px;}

.modal_category{position: relative;border-radius: 4px;background: var(--White, #FFF);height: 56px;padding: 8px 16px;margin-top: 2px;cursor:pointer;;}
.modal_category p{text-align: left;padding: 8px 0;color: var(--Black, #1D1D1D);font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px;}
.modal_category img{height: 40px;position: absolute;right: 0;top: 0;margin-right: 16px;margin-top: 6px;}

.modal_categories_block, .modal_transport_types_block, .modal_transport_brands_block, .modal_transport_types_block, .modal_transport_models_block{max-height: 450px;overflow-y: scroll;}
 
.modal_transport_type{position: relative;border-radius: 4px;background: var(--White, #FFF);height: 56px;padding: 8px 16px;margin-top: 2px;cursor:pointer;}
.modal_transport_type p{text-align: left;padding: 8px 0;color: var(--Black, #1D1D1D);font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px;}

.new_modal_back_btn {position: absolute;left: 0;top: 0;background: #1D1D1D !important;z-index: 999;opacity: 1;width: 30px !important;height: 30px !important;margin-top: 21px !important;margin-left: 16px !important;line-height: 5px;}

 
.modal_transport_brand{position: relative;border-radius: 4px;background: var(--White, #FFF);height: 56px;padding: 8px 16px;margin-top: 2px;cursor:pointer;}
.modal_transport_brand p{text-align: left;padding: 8px 0;color: var(--Black, #1D1D1D);font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px;}


.modal_transport_model{position: relative;border-radius: 4px;background: var(--White, #FFF);height: 56px;padding: 8px 16px;margin-top: 2px;cursor:pointer;}
.modal_transport_model p{text-align: left;padding: 8px 0;color: var(--Black, #1D1D1D);font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px;}

.new_modal_skip_step{color: var(--Accent, #EB702D);text-align: center;font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px; }

.profile_modal_btn{border-radius: 4px;background: var(--Yellow, #F8D868);backdrop-filter: blur(32px);padding:16px;color: var(--Black, #1D1D1D);text-align: center;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px; }

.advert_block{border-radius: 4px;background: #FCF7F0;height: 148px;}
.advert_block img{height:68px;border-radius: 4px;}
.advert_block p{color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 500;line-height: 20px;text-align: left;}
.new_create_advert_edit_btn{border-radius: 4px;border: 1px solid var(--Separator-1, rgba(29, 29, 29, 0.10));height: 40px;display: block;width:100%;color: var(--Black, #1D1D1D);text-align: center;font-size: 14px;font-style: normal;font-weight: 500;line-height: 16px;padding:12px;}
.new_create_advert_add_photo_btn{border-radius: 4px;border: 1px solid var(--Accent, #EB702D);height: 40px;color: var(--Accent, #EB702D);text-align: center;font-size: 14px;font-style: normal;font-weight: 500;line-height: 16px;padding:12px;display: block;width: 100%;}
.new_create_advert_city_label{color: var(--Black, #1D1D1D);font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px;margin-top:16px;margin-bottom:8px;text-align: left;}
.new_create_advert_select_city{border-radius: 4px;background: var(--White, #FFF);height: 48px;padding:14px 16px;color: var(--Black, #1D1D1D);font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;display:block;width:100%;border: none;}
.new_create_advert_top_title{color: var(--Black, #1D1D1D);font-size: 20px;font-style: normal;font-weight: 500;line-height: 28px;margin-top:32px;text-align:left;}
.new_create_advert_top_text{color: var(--Black, #1D1D1D);font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;margin-top:4px;text-align:left;}
.new-card-monet-radio{position: absolute;left: 0;top: 0;margin-right: 20px !important;margin-top: 15px !important;}
.new-card-monet-days {position: absolute;right: 0;top: 0;margin-right: 8px !important;margin-top: 8px !important;height: 32px !important;width: 32px !important;}
.new-card-monet-text-1{font-weight: 500 !important;margin-left: 15px !important;margin-top: 50px !important;font-size: 20px !important;}

.new-card-monet-radio-block{display: flex;height: 120px;padding: 0px 8px;margin:2px;flex-direction: column;justify-content: center;align-items: center;gap: 2px;flex-shrink: 0;border-radius: 4px;border: 1px solid var(--Separator-1, rgba(29, 29, 29, 0.10));text-align:center;cursor:pointer;background:#FCF7F0;} 
.new-card-monet-radio-block:hover{background: #FFFFFF;}  
.new-card-monet-radio-block_label{display:block;margin-bottom:0;}
.new-card-monet-radio-block-selected{background-color: #FFFFFF !important;}

.new_create_advert_btns{margin-top:30px;}
.new_create_advert_pay_btn{height: 56px;border-radius: 4px;background: var(--Accent, #EB702D);padding:20px;color: var(--White, #FFF);text-align: center;font-size: 14px;font-style: normal;font-weight: 500;line-height: 16px;display: block;width: 100%;margin-top:10px;}
.new_create_advert_btn{color: var(--Black, #1D1D1D);text-align: center;font-size: 14px;font-style: normal;font-weight: 500;line-height: 16px; margin-top:26px;background: none;}
.new_create_advert_title{background: #fff;border: none;width: 100%;height: 48px;border-radius: 4px;padding: 16px;}

.new_edit_advert_label{color: var(--Black, #1D1D1D);font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px;margin-top:16px;margin-bottom:8px;text-align: left;}
.new_edit_advert_select{border-radius: 4px;background: var(--White, #FFF);height: 48px;padding:14px 16px;color: var(--Black, #1D1D1D);font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;display:block;width:100%;border: none;}
.new_edit_advert_btn{height: 56px;border-radius: 4px;background: var(--Accent, #EB702D);padding:20px;color: var(--White, #FFF);text-align: center;font-size: 14px;font-style: normal;font-weight: 500;line-height: 16px;display: block;width: 100%;}
.new_edit_advert_btn_2{border-radius: 4px;border: 1px solid var(--Accent, #EB702D);height: 56px;padding:20px;color: var(--Accent, #EB702D);text-align: center; font-size: 14px;font-style: normal;font-weight: 500;line-height: 16px;margin-top:8px;display: block;width: 100%;}
.new_edit_advert_textarea{border-radius: 4px;background: var(--White, #FFF);height: 96px;border: none;width: 100%;padding: 16px;}
.advert_photo_block{height: 84px;width: 100%;border-radius: 4px;background-repeat: no-repeat !important;background-size: cover !important;background-position: center !important;}
.advert_photo_delete{position: absolute;right: 0;top: 0;margin-top: -2px;margin-right: -2px;}
.new_edit_advert_photo_btns{margin-top:20px;}

.advert_block1{background: #FCF7F0;padding-bottom: 8px;border-radius: 4px;}

#new_create_advert_intercity_directions .select2-container--krajee-bs3 .select2-selection {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    background-color: #fff;
    border: none;
    border-radius: 4px;
    color: #555555;
    font-size: 16px !important;
    outline: 0;
    height: 48px !important;
    line-height: 38px !important;
}

.modal_main_btn_success{border-radius: 4px;background: var(--Yellow, #F8D868);backdrop-filter: blur(32px);height: 56px;flex-shrink: 0;display: block;color: var(--Black, #1D1D1D);text-align: center;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;padding: 16px;}
.new_modal_skip_step_div{position: fixed;bottom: 0;background: #F8F4F0;width: 100%;padding: 20px 0 20px 0;margin: 0 -15px;}

.reset_category_btn img{position: absolute;right: 0 !important;width: 20px !important;height: 20px !important;top: 0 !important;margin-right: -5px !important;margin-top: -10px !important;z-index: 9;}

#chat-category-request-main .btn-check:active+.btn-outline-success, .btn-check:checked+.btn-outline-success, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show, .btn-outline-success:active {border-radius: 8px;background: #F8D868;color: #1D1D1D;}
#chat-category-request-main .order_tab_btns_block {display: inline-flex;padding: 0;align-items: flex-start;border-radius: 24px;background: none;margin-bottom: 8px;}
#chat-category-request-main .btn-outline-success {display: flex;height: 40px;padding: 0px 15px 0px 14px;justify-content: center;align-items: center;gap: 8px;border-radius: 24px !important;color: var(--Black, #1D1D1D);font-family: 'SF UI Display', sans-serif;font-size: 16px;font-style: normal;font-weight: 400;line-height: 20px;margin-right: 4px;}
#chat-category-request-main .btn-outline-success:hover{border-radius: 24px;}
#chat-category-request-main  .order_tab_btns_block{margin-top: 10px;}

#chat-category-request-main  .modal_input {width: 100%;border: none;border-radius: 4px;font-family: 'SF UI Display', sans-serif;font-style: normal;font-weight: 400;line-height: 24px;padding: 8px 16px;height: 40px;margin-top: 8px;background: #fff;margin-bottom: 8px;}

.balance_history_block{border-radius: 4px;background: #FFF;padding:16px;}
.balance_history_label{color: var(--Grey, rgba(29, 29, 29, 0.40));font-size: 14px;font-style: normal;font-weight: 400;line-height: 22px; }
.balance_history_item{padding:8px 0;border-bottom:1px solid rgba(29, 29, 29, 0.10);}
.balance_history_item_text{color: var(--Black, #1D1D1D);font-size: 14px;font-style: normal;font-weight: 400;line-height: 22px;}
.balance_history_item_text img{margin-right:8px;}

.bill_menu{border-radius: 4px;border: 1px solid var(--Separator-1, rgba(29, 29, 29, 0.10));padding:5px 8px;color: var(--Black, #1D1D1D); font-size: 14px;font-style: normal;font-weight: 400; line-height: 20px;height: 32px;margin-top: 6px;margin-right: 5px;cursor: pointer;}

.main_intercity_order{border-radius: 4px;background: #FFF;padding:16px 16px 0px 12px;margin: 5px;position: relative;}
.main_intercity_order_head h4{color: var(--Black, #1D1D1D);font-size: 18px;font-style: normal;font-weight: 500;line-height: 26px;}
.main_intercity_order_head img{position:absolute;right:0;top: 0;margin-top: 12px;margin-right: 12px;}
.main_intercity_order_date{border-radius: 4px;border: 1px solid var(--Separator-1, rgba(29, 29, 29, 0.10));display: flex;margin-top: 35px;margin-bottom: 10px;}
.main_intercity_order_date .date_block{border-radius: 4px 0px 0px 4px;background: var(--Accent-2, #F8D868);padding: 8px 16px;color: var(--Black, #1D1D1D);font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px;width: 60%;display: inline-block;}
.main_intercity_order_date .companion_block{color: var(--Black, #1D1D1D);text-align: center;font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;padding: 8px;width: 40%;display: inline-block;}
.main_intercity_order .order_text{min-height: 50px;max-width: 245px;color: var(--Black, #1D1D1D);font-size: 14.416px;font-style: normal;font-weight: 400;line-height: 18.535px;}
.main_intercity_order .order_price{border-radius: 4px;background: #F8D868;padding: 3px 12px;width: max-content;position: relative;margin-bottom: 10px;margin-top: 5px;margin-right: 15px;color: #1D1D1D;font-size: 14px;font-style: normal;font-weight: 500;line-height: 24px;}
.main_intercity_order  .order_stat span{color: var(--Grey, rgba(29, 29, 29, 0.40));font-size: 14px;font-style: normal;font-weight: 400;line-height: 22px;cursor: default;}
.main_intercity_order  .order_btn{display: flex;height: 40px;padding: 0px 12px;justify-content: center;align-items: center;gap: 10px;flex-shrink: 0;border-radius: 4px;background: var(--Accent, #EB702D);color: var(--White, #FFF);font-size: 14px;font-style: normal;font-weight: 500;line-height: 24px;cursor: pointer;margin: 10px 0 16px 0;}

.pay_commission_btn{display: flex;height: 40px;padding: 0px 12px;justify-content: center;align-items: center;gap: 10px;flex-shrink: 0;color: var(--Red, #F53C3C);font-size: 14px;font-style: normal;font-weight: 500;line-height: 24px;margin-top: -2px;border-radius: 4px;border: 1.03px solid var(--Red, #F53C3C);margin-bottom: 10px;}

.main_intercity_order .order_chosen{display: flex;height: 48px;padding: 0px 12px;justify-content: center;align-items: center;gap: 10px;flex-shrink: 0;border-radius: 4px;background: rgba(74, 182, 23, 0.20);color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;margin-top: 4px;}
.main_intercity_order .order_new{display: flex;height: 48px;padding: 0px 12px;justify-content: center;align-items: center;gap: 10px;flex-shrink: 0;border-radius: 4px;background: rgba(235, 112, 45, 0.10);color: #EB702D;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;margin-top: 4px;}
.main_intercity_order .order_another_driver{display: flex;height: 48px;padding: 0px 12px;justify-content: center;align-items: center;gap: 10px;flex-shrink: 0;border-radius: 4px;background: rgba(29, 29, 29, 0.05);color: rgba(29, 29, 29, 0.40);font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;margin-top: 4px;}
.main_intercity_order .order_responded{display: flex;height: 48px;padding: 0px 12px;justify-content: center;align-items: center;gap: 10px;flex-shrink: 0;border-radius: 4px;background: rgba(29, 29, 29, 0.10);color: #1D1D1D;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;margin-top: 4px;}
.cancel_selection_1_btn{border-radius: 4px;border: 1px solid var(--Black, #1D1D1D);backdrop-filter: blur(32px);height: 56px;width:100%;color: var(--Black, #1D1D1D);text-align: center;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;padding:16px;display: block;}
.cancel_selection_2_btn{border-radius: 4px;backdrop-filter: blur(32px);height: 56px;width:100%;color: var(--Black, #1D1D1D);text-align: center;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;padding:16px;background: #F8D868;display: block;}
.commission_paid_1_btn{border-radius: 4px;backdrop-filter: blur(32px);height: 56px;width:100%;color: var(--Black, #1D1D1D);text-align: center;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;padding:16px;background: #F8D868;display: block;}
.commission_paid_2_btn{border-radius: 4px;border: 1px solid var(--Black, #1D1D1D);backdrop-filter: blur(32px);height: 56px;width:100%;color: var(--Black, #1D1D1D);text-align: center;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;padding:16px;display: block;}

.order_responses_block{padding:0 15px;margin-bottom: 12px;}
.order_responses_title{color: var(--Black, #1D1D1D);font-size: 16px !important;font-style: normal;font-weight: 500 !important;line-height: 22px !important;margin-bottom: 8px;}
.order_responses{border-radius: 4px;background: #FFF;padding: 0px 0px 16px 0;margin-top: 8px;}
.order_responses_user{color: var(--Black, #1D1D1D); font-size: 16px;font-style: normal;font-weight: 500;line-height: 20px;margin-bottom:4px;margin-top:16px;}
.order_responses_user_price{border-radius: 4px;background: rgba(235, 112, 45, 0.16);padding: 2px 8px;}
.order_responses_user_text{color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 400;line-height: 22px;border-bottom:1px solid rgba(29, 29, 29, 0.10);padding-bottom:12px;margin-bottom: 12px;}
.order_responses_auto{color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 400;line-height: 22px;margin-top: 8px;}
.order_responses_price{color: var(--Black, #1D1D1D);font-size: 20px;font-style: normal;font-weight: 500;line-height: 28px;}
.order_responses_phone_count{color: var(--Grey, rgba(29, 29, 29, 0.40));font-size: 14px;font-style: normal;font-weight: 400;line-height: 22px;}
.order_responses_btn_1{display: inline-flex;height: 32px;padding: 8px 12px;justify-content: center;align-items: center;flex-shrink: 0;border-radius: 4px;background: var(--Accent-2, #F8D868);color: var(--Black, #1D1D1D);font-family: Inter;font-size: 14px;font-style: normal;font-weight: 500;line-height: 22px;}
.order_responses_btn_2{display: inline-flex;height: 32px;padding: 8px 12px;justify-content: center;align-items: center;flex-shrink: 0;border-radius: 4px;border: 1px solid var(--Separator-1, rgba(29, 29, 29, 0.10));background: var(--White, #FFF);color: var(--Black, #1D1D1D);font-family: Inter;font-size: 14px;font-style: normal;font-weight: 500;line-height: 22px;width:100%;}
.order_responses_chat_count{width: 24px;height: 24px;flex-shrink: 0;background:#F53C3C;border-radius:50%;color: var(--White, #FFF);font-size: 14px;font-style: normal;font-weight: 400;line-height: 22px;text-align: center;}
.order_responses_btn_3{display: inline-flex;height: 32px;padding: 8px 12px;justify-content: center;align-items: center;flex-shrink: 0;border-radius: 4px;border: 1px solid rgba(74, 182, 23, 0.30);color: var(--Green, #4AB617);font-family: Inter;font-size: 14px;font-style: normal;font-weight: 500;line-height: 22px;width:100%;}
.order_responses_btn_4{display: inline-flex;height: 32px;padding: 8px 12px;justify-content: center;align-items: center;flex-shrink: 0;border-radius: 4px;background: var(--Red, #F53C3C);color: #FFF;font-family: Inter;font-size: 14px;font-style: normal;font-weight: 500;line-height: 22px;width: 100%;}
.order_responses_driver_selected{display: inline-flex;top: 0;height: 32px;padding: 8px 12px;justify-content: center;align-items: center;flex-shrink: 0;border-radius: 4px;background: var(--Green, #4AB617);color: var(--White, #FFF);font-family: Inter;font-size: 14px;font-style: normal;font-weight: 500;line-height: 22px;margin-left: 16px;margin-top: -20px;}
.order_responses_chat{border-radius: 4px;border: 1px solid #E2E2E2;display: flex;width: 100%;display: block;height: 40px;padding: 8px 16px;justify-content: center;align-items: center;gap: 6px;flex-shrink: 0;color: var(--Black, #1D1D1D);font-family: Inter;font-size: 14px;font-style: normal;font-weight: 500;line-height: 22px;}
.order_offer_price_label{color: var(--Black, #1D1D1D); font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px;margin-bottom: 10;}
.order_offer_price_text{color: #EB702D;font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;background: #FDF1EA;padding: 5px 15px;margin: 8px 0 12px 0;}
.order_offer_price{border-radius: 4px;background: var(--White, #FFF);width: 100%;height: 40px;flex-shrink: 0;color: var(--Black, #1D1D1D); font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;border: none;padding: 0 24px;border: 1px solid var(--Separator-1, rgba(29, 29, 29, 0.10));}
.order_offer_price_btn{border-radius: 4px;background: var(--Accent, #EB702D);width: 100%;height: 40px;flex-shrink: 0;color: var(--White, #FFF);text-align: center; font-size: 14px;font-style: normal;font-weight: 500;line-height: 16px;}
.order_question_btn{border-radius: 4px;background: var(--Accent-2, #F8D868);width: 100%;height: 48px;flex-shrink: 0;color: var(--Black, #1D1D1D);text-align: center; font-size: 14px;font-style: normal;font-weight: 500;line-height: 16px;padding:16px;display: block;margin: 12px 0;}
.order_responded{border-radius: 4px;background: rgba(29, 29, 29, 0.10);width: 100%;height: 56px;flex-shrink: 0;color: var(--Black, #1D1D1D); font-size: 16px;font-style: normal;font-weight: 400;line-height: 20px;padding:17px 0;display: block;text-align: center;margin: 12px 0;}
.order_chat_btn{height: 48px;display: block;padding: 16px 12px;margin-bottom: 12px;border-radius: 4px;background: var(--Accent-2, #F8D868);color: var(--Black, #1D1D1D);text-align: center;font-size: 14px;font-style: normal;font-weight: 500;line-height: 16px;}
.order_phone_btn{border-radius: 4px;background: var(--Green, #4AB617);display: flex;width: 100%;height: 48px;padding: 8px 24px;justify-content: center;align-items: center;gap: 6px;flex-shrink: 0;}
.order_chosen{border-radius: 4px;background: rgba(74, 182, 23, 0.20);width: 100%;height: 56px;flex-shrink: 0;color: var(--Black, #1D1D1D); font-size: 16px;font-style: normal;font-weight: 400;line-height: 20px;padding:17px 0;display: block;text-align: center;margin: 12px 0;}

.app_block{border-radius: 4px;border: 1px solid var(--Separator-1, rgba(29, 29, 29, 0.10));background: var(--Gradient-banner, linear-gradient(123deg, #FDF8ED 16.69%, #FFF3D9 71.4%));height:48px;display: flex;align-items: center;}
.app_block p{color: var(--Black, #1D1D1D);font-size: 13px;font-style: normal;font-weight: 500;line-height: 16px;margin-bottom:0;}
.app_block p a{color: var(--Black, #1D1D1D);font-size: 13px;font-style: normal;font-weight: 500;line-height: 16px;margin-bottom:0;}
.app_block .open_qr_btn{display: inline-flex;height: 32px;padding: 10px 4px;justify-content: center;align-items: center;gap: 10px;flex-shrink: 0;border-radius: 4px;border: 1px solid var(--Accent, #EB702D);color: var(--Accent, #EB702D);text-align: center;font-size: 13px;font-style: normal;font-weight: 500;line-height: 20px;}
.app_block .open_qr_btn:hover{color: var(--Accent, #EB702D);}

.app_block_mobile{border-radius: 4px;border: 1px solid var(--Separator-1, rgba(29, 29, 29, 0.10));background: var(--Gradient-banner, linear-gradient(123deg, #FDF8ED 16.69%, #FFF3D9 71.4%));   padding: 16px;margin-top: 8px;position: relative;}
.app_block_mobile p{color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 500;line-height: 20px;margin-bottom: 15px;text-align: left;}
.app_block_mobile p a{color: var(--Black, #1D1D1D);text-align: center;font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px;margin-top:15px;text-align: left;}
.app_block_mobile .open_qr_btn{display: flex;height: 32px;padding: 10px 8px;justify-content: center;align-items: center;gap: 10px;flex-shrink: 0;border-radius: 4px;border: 1px solid var(--Accent, #EB702D);color: var(--Accent, #EB702D);text-align: center;font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px;}
.app_block_mobile .phone_app{position: absolute;max-width: 170px;max-height: 240px;bottom: 0;right: 0;}

.routes_title{color: var(--Black, #1D1D1D);font-size: 20px;font-style: normal;font-weight: 600;line-height: 28px;}

.route_date_block{margin-top:20px;}
.route_label{color: var(--Black, #1D1D1D); font-size: 14px;font-style: normal;font-weight: 600;line-height: 22px;display: block;}
.route_input{display: inline-flex;height: 32px;padding: 0px 12px 0px 16px;justify-content: flex-end;align-items: center;align-self: stretch;border-radius: 4px;border: 1px solid rgba(39, 45, 49, 0.10);background:transparent;}
.route_clone{width: 32px;height: 32px;flex-shrink: 0;border-radius: 4px;border: 1px solid var(--Separator-1, rgba(29, 29, 29, 0.10));background: var(--Palette-For-Tooltip, #FFF);margin-left:8px;}
.route_close{width: 32px;height: 32px;flex-shrink: 0;border-radius: 4px;border: 1px solid var(--Separator-1, rgba(29, 29, 29, 0.10));background: var(--Palette-For-Tooltip, #FFF);margin-left:8px;}

.route_time_address_block{border-radius: 4px;background: #FAFAFA;padding:12px;margin-top:8px;}
.route_time_address_item{margin-bottom:8px;display: flex;}
.route_number{width: 32px;height: 58px;flex-shrink: 0;border-radius: 4px;border: 1px solid var(--Separator-1, rgba(29, 29, 29, 0.10));color: var(--Grey, rgba(29, 29, 29, 0.40));text-align: center;font-size: 14px;font-style: normal;font-weight: 400;line-height: 22px;    display: inline-flex;align-items: center;padding-left: 12px;}
.route_time_input{display: inline-flex;height: 32px;padding: 0px 12px 0px 16px;justify-content: flex-end;align-items: center;align-self: stretch;border-radius: 4px;border: 1px solid rgba(39, 45, 49, 0.10);background:transparent;}
.route_address_input{display: inline-flex;height: 32px;padding: 0px 12px 0px 16px;justify-content: flex-end;align-items: center;align-self: stretch;border-radius: 4px;border: 1px solid rgba(39, 45, 49, 0.10);background:transparent;}
.route_time_block, .route_address_block{margin-left:8px;}
.route_clone_2{width: 32px;height: 32px;flex-shrink: 0;border-radius: 4px;border: 1px solid var(--Separator-1, rgba(29, 29, 29, 0.10));background: transparent;margin-left:8px;margin-top: 27px;}
.route_close_2{width: 32px;height: 32px;flex-shrink: 0;border-radius: 4px;border: 1px solid var(--Separator-1, rgba(29, 29, 29, 0.10));background: transparent;margin-left:8px;margin-top: 27px;}
.add_route_btn{display: inline-flex;height: 32px;padding: 0px 16px;justify-content: flex-end;align-items: center;flex-shrink: 0;border-radius: 4px;border: 1px solid var(--Accent, #EB702D);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;color: var(--Accent, #EB702D);text-align: center;text-overflow: ellipsis; font-size: 14px;font-style: normal;font-weight: 400;line-height: 22px;margin-top:10px;}
.add_route_date_btn{display: inline-flex;height: 32px;padding: 0px 16px;justify-content: flex-end;align-items: center;flex-shrink: 0;border-radius: 4px;background: var(--Accent, #EB702D);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;color: var(--White, var(--Palette-For-Tooltip, #FFF));text-align: center;text-overflow: ellipsis; font-size: 14px;font-style: normal;font-weight: 400;line-height: 22px;margin-top:20px;margin-left: 15px;}

.order_finished, .order_btn_closed{display: inline-flex;height: 32px;padding: 2px 8px;align-items: center;gap: 10px;flex-shrink: 0;border-radius: 4px;background: #F8D868;color: #1D1D1D;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;}

.modal_yellow_btn{border-radius: 4px;backdrop-filter: blur(32px);height: 56px;width:100%;color: var(--Black, #1D1D1D);text-align: center;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;padding:16px;background: #F8D868;display: block;}

#modal_sms .error-text{margin-top: 50px;padding-bottom: 20px;}

.order_price_edit_block{border-radius: 4px;background: #fff;padding: 16px 0px;margin-bottom: 12px;}
.order_price_edit_text{color: var(--Black, #1D1D1D); font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px;}
.order_price_edit_price{color: var(--Black, #1D1D1D);font-size: 32px;font-style: normal;font-weight: 500;line-height: 40px;}
.order_price_edit_btn{height: 40px;display: block;margin-top: 25px;padding: 12px 5px;width: 100%;right: 0;margin-right: 8px;position: absolute;border-radius: 4px;background: var(--Accent, #EB702D);color: var(--White, #FFF);text-align: center;font-size: 14px;font-style: normal;font-weight: 500;line-height: 16px;}
.order_price_edit_block_head{border-bottom:1px solid rgba(29, 29, 29, 0.10);padding-bottom:13px;margin-bottom:12px;}
.order_price_edit_car_img{border-radius: 4px;background: url(<path-to-image>) lightgray 50% / cover no-repeat;height: 48px;width:auto;}
.order_price_edit_car{color: var(--Black, #1D1D1D);font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px;margin-top: 12px;}

.modal_order_price_edit_text{color: var(--Black, #1D1D1D);font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;margin-top: 9px;margin-bottom: 28px;}
.modal_order_price_edit_info{color: var(--Grey, rgba(29, 29, 29, 0.40));font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;margin-top: 9px;margin-bottom: 32px;}
.chat_order_price_edit_btn{border-radius: 4px;border: 1px solid var(--Separator-1, rgba(29, 29, 29, 0.10));color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 400;line-height: 20px;padding: 6px;text-align: center;margin-bottom: 12px;display: block;}

.call_history_block{margin-top:32px;padding: 0 15px;margin-bottom: 12px;}
.call_history_title{color: var(--Black, #1D1D1D);font-size: 16px !important;font-style: normal;font-weight: 500;line-height: 22px;}
.call_history_item{border-radius: 4px;background: #FFF;margin-bottom:2px;padding:13px 1px;}
.call_history_user{color: var(--Black, #1D1D1D); font-size: 16px;font-style: normal;font-weight: 400;line-height: 20px;margin-bottom:2px;}
.call_history_date{color: var(--Grey, rgba(29, 29, 29, 0.40));font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;}
.call_history_btn{display: inline-flex;height: 32px;padding: 8px 16px;justify-content: center;align-items: center;flex-shrink: 0;border-radius: 4px;background: var(--Accent-2, #F8D868);color: var(--Black, #1D1D1D);font-family: Inter;font-size: 14px;font-style: normal;font-weight: 500;line-height: 22px;cursor: pointer;}
.call_history_call_btn{width: 24px;height: 24px;display: block;right: 0;position: absolute;margin-right: 16px;cursor: pointer;}

.auto_btns_block{margin-bottom:32px;}
.managing_auto_btn{border-radius: 4px;background: var(--White, #FFF);height: 48px;color: var(--Black, #1D1D1D);text-align: center; font-size: 15px;font-style: normal;font-weight: 500;line-height: 24px;padding: 12px 0px;width: 100%;display: block;}
.add_auto_btn{border-radius: 4px;background: var(--Accent-2, #F8D868);height: 48px;color: var(--Black, #1D1D1D);text-align: center;font-size: 15px;font-style: normal;font-weight: 500;line-height: 24px;padding: 12px 0px;width: 100%;display: block;}

.modal_title_2{color: var(--Black, #1D1D1D);text-align: center;font-family: Manrope;font-size: 20px;font-style: normal;font-weight: 500;line-height: 28px;}

.modal_main_btn_2{border-radius: 4px;backdrop-filter: blur(32px);height: 56px;width:100%;color: var(--Black, #1D1D1D);text-align: center;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;padding:16px;background: #F8D868;display: block;}

.modal_submit_btn_1 {border-radius: 4px;display: inline-block;backdrop-filter: blur(32px);height: 40px;width: 40%;color: #fff;text-align: center;font-size: 16px;font-style: normal;font-weight: 500;line-height: 10px;padding: 16px;background: #F53C3C;}

.modal_submit_btn_2 {border-radius: 4px;display: inline-block;backdrop-filter: blur(32px);height: 40px;width: 40%;color: #1D1D1D;text-align: center;font-size: 16px;font-style: normal;font-weight: 500;line-height: 10px;padding: 16px;background: #F8D868;}

.driver_name_label{color: var(--Black, #1D1D1D);font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px; }
.drver_name_input{width: 100%;padding: 0px 18px;border-radius: 4px;background: #fff;height: 40px;margin-top: 8px;border: none;margin-bottom: 40px;}
.modal_form_title{color: var(--Black, #1D1D1D);font-family: Manrope;font-size: 24px;font-style: normal;font-weight: 500;line-height: 32px;margin-bottom: 20px;}

.add_auto_label{color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;}
.input_white{border-radius: 4px;background: #FFF;height: 40px;color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;border: none;width: 100%;padding: 0 16px;margin-top: 8px;margin-bottom: 16px;}

.auto_items{margin-bottom:40px;}
.auto_item{border-radius: 4px;background: var(--White, #FFF);height: 56px;flex-shrink: 0;width:100%;padding:4px;color: var(--Black, #1D1D1D); font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px;position:relative;margin-bottom:4px;display: flex;align-items: center;}
.auto_item .auto_item_edit{position:relative;margin-right:8px;}
.auto_item .auto_item_img{position: relative;width: auto;max-width: 100px;max-height: 48px;height: 48px;border-radius: 4px;margin-right: 12px;}
.auto_item .auto_item_text{margin-right: 50px;}
.auto_item_delete_icon{position: absolute;right: 0;margin-right: 16px;top: 0;margin-top: 12px;}

.order_new {background: var(--Accent, #EB702D);color: #fff;display: inline-flex;height: 28px;border-radius: 4px;position: absolute;top: 0;left: 0;margin-left: 16px;margin-top: -10px;z-index: 9;padding: 0px 8px;justify-content: center;align-items: center;max-width: 290px;width: auto;}
.order_finished {background: #D8D8D8;color: #1D1D1D;display: inline-flex;height: 28px;border-radius: 4px;position: absolute;top: 0;left: 0;margin-left: 16px;margin-top: -10px;z-index: 9;padding: 0px 8px;justify-content: center;align-items: center;max-width: 290px;width: auto;}
.order_chosen {background: #4AB617;color: #fff;display: inline-flex;height: 28px;border-radius: 4px;position: absolute;top: 0;left: 0;margin-left: 16px;margin-top: -10px;z-index: 9;padding: 0px 8px;justify-content: center;align-items: center;max-width: 290px;width: auto;}
.order_another_driver {background: #D8D8D8;color: #1D1D1D;display: inline-flex;height: 28px;border-radius: 4px;position: absolute;top: 0;left: 0;margin-left: 16px;margin-top: -10px;z-index: 9;padding: 0px 8px;justify-content: center;align-items: center;max-width: 290px;width: auto;}
.order_responded {background: #F8D868;color: #1D1D1D;display: inline-flex;height: 28px;border-radius: 4px;position: absolute;top: 0;left: 0;margin-left: 16px;margin-top: -10px;z-index: 9;padding: 0px 8px;justify-content: center;align-items: center;max-width: 290px;width: auto;}

.order_card_chat_btn{height: 40px;border-radius: 4px;border: 1.03px solid var(--Separator-1, rgba(29, 29, 29, 0.10));background: var(--Accent-2, #F8D868);display: block;padding: 10px;color: var(--Black, #1D1D1D);text-align: center;font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px;margin: 10px 4px 10px 0;}
.order_card_call_btn{height: 40px; border-radius: 4px;border: 1.03px solid var(--Separator-1, rgba(29, 29, 29, 0.10));background: #4AB617;display: block;padding: 10px;color: #fff;text-align: center;font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px;margin: 10px 0px 10px 4px;}
.order_card_call_btn img{margin-top: -4px;margin-right: 4px;}

.category_filter_btn{height: 48px;flex-shrink: 0;border-radius: 4px;background: #FFF;padding:12px 16px;color: #000;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;position: relative;margin:16px 0;display: block;}
.category_filter_btn img{position:absolute;right: 0;margin-right: 16px;top:0;margin-top:22px;}

.category_filter_show_btn{display: block;height: 48px;flex-shrink: 0;border-radius: 4px;border: 1.03px solid var(--Separator-1, rgba(29, 29, 29, 0.10));background: var(--Accent-2, #F8D868);padding:14px;color: var(--Black, #1D1D1D);text-align: center; font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px;margin-bottom:8px;}
.category_filter_show_all_btn{display: block;height: 48px;flex-shrink: 0;border-radius: 4px;border: 1.03px solid var(--Separator-1, rgba(29, 29, 29, 0.10));padding:14px;color: var(--Black, #1D1D1D);text-align: center;font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px;}
.category_filter_bottom{border-top: 1px solid var(--Separator-1, rgba(29, 29, 29, 0.10));padding: 12px 0 0px 0; bottom: 0;width: 100%;background:#F8F4F0;}

#modal_category_filter .category-list {list-style: none;border-radius: 4px;background: var(--White, #FFF);padding: 16px;margin-bottom: 30px;}
#modal_category_filter .subcategory-list {display: none;list-style: none;padding-left: 20px;}
#modal_category_filter .subcategory-list li {color: var(--Black, #1D1D1D);font-size: 14px;font-style: normal;font-weight: 500;line-height: 18px;border-bottom: 1px solid rgba(29, 29, 29, 0.10);padding-bottom: 12px;margin-bottom: 12px;line-height: 18px;}
#modal_category_filter label {font-weight: 500;cursor: pointer;}
#modal_category_filter .category-header {border-bottom: 1px solid rgba(29, 29, 29, 0.10);margin-bottom: 12px;}
#modal_category_filter .category-item.active .subcategory-list {display: block;}
#modal_category_filter .arrow {display: inline-block;transform: rotate(0deg);transition: transform 0.3s;}
#modal_category_filter .category-item.active .arrow {transform: rotate(90deg);}

.card_order_new{display: inline-flex;height: 28px;padding: 0px 8px;justify-content: center;align-items: center;flex-shrink: 0;border-radius: 4px;background: var(--Accent, #EB702D);color: var(--White, #FFF);font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px;}
.card_order_responded{display: inline-flex;height: 28px;padding: 0px 8px;justify-content: center;align-items: center;flex-shrink: 0;border-radius: 4px;background: var(--Accent-2, #F8D868);color: var(--Black, #1D1D1D); font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px;margin-top:4px;}
.card_order_categ_name{color: var(--Black, #1D1D1D);font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;margin-bottom: 8px;}
.card_order_categ_time{color: var(--Black, #1D1D1D); font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;margin-bottom: 0px;}
.card_order_categ_description{color: var(--Black, #1D1D1D);font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;padding:20px 0;margin:20px 0;border-top:1px solid rgba(29, 29, 29, 0.10);border-bottom:1px solid rgba(29, 29, 29, 0.10);}
.card_order_categ_map{color: var(--Black, #1D1D1D); font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px; }
.card_order_categ_stat{color: var(--Black, #1D1D1D);font-size: 14px;font-style: normal;font-weight: 400;line-height: 22px;}
.card_order_categ_stat span{margin-left:0px;margin-right:8px;}
.card_order_categ_name img, .card_order_categ_time img, .card_order_categ_description img, .card_order_categ_map img, .card_order_categ_stat img{width: 20px;height: 20px;margin-right:6px;}
.order_offer_price_block{border-radius: 4px;padding:16px;background: #fff;margin: 10px 16px 0 16px;}

.submenu_title{color: var(--Black, #1D1D1D);font-size: 22px;font-style: normal;font-weight: 500;line-height: 26px;margin: 15px 15px 15px 15px;}
.submenu_block{background: #fff;border-radius: 4px;padding: 8px;}
.submenu_cat_service_block{background: #fff;border-radius: 4px;padding: 8px;margin-top: 8px;position: relative;height: 240px;}
.submenu_cat_service_block h2{margin: 12px 0 0 12px;color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 500;line-height: 18px;position: absolute;}
.submenu_cat_service_item{background: #fff;border-radius: 4px;padding: 27px 10px;position: absolute;top: 0;margin-top: 32px;height: 200px;width: 100%;cursor: pointer;text-align: left;}
.submenu_cat_service_item p{color: var(--Accent, #EB702D); font-size: 18px;font-style: normal;font-weight: 500;line-height: 24px;margin-bottom: 16px;position: absolute;bottom: 0;}
.submenu_cat_service_item img{}
.category_service_title_block{color: var(--Black, #1D1D1D);font-family: Manrope;font-size: 24px;font-style: normal;font-weight: 500;line-height: 32px;text-align: left;margin-top: 38px;margin-bottom: 8px;}
.category_service_title{color: var(--Accent, #EB702D);font-family: Manrope;font-size: 24px;font-style: normal;font-weight: 500;line-height: 32px;}
.category_service_count_block{color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 400;line-height: 22px; }
.category_service_count_block span{color: var(--Accent, #EB702D);}
.create_category_service{color: var(--Black, #1D1D1D);font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px;}
.create_category_service_label{color: var(--Black, #1D1D1D);font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px;}
.create_category_service_submit{border-radius: 4px;background: var(--Accent, #EB702D);padding:16px;text-align: center;color: var(--White, var(--Multicolor-White, #FFF));text-align: center; font-size: 14px;font-style: normal;font-weight: 500;line-height: 16px;width: 100%;display: block;}
.pr4{padding-right:4px !important;}
.pl4{padding-left:4px !important;}
.create_category_service_header{color: var(--Black, #1D1D1D);text-align: center;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;}
.create_category_service_header_city{color: var(--Accent, #EB702D);text-align: center;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;border-bottom: 1.5px solid #EB702D;
max-width: max-content;padding-bottom: 2px;cursor: pointer;}

.create_category_service_label{color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;}

#modal_create_category_service .order_tab_btns_block {display: inline-flex;padding: 0;align-items: flex-start;border-radius: 24px;background: none;margin-bottom: 16px;}
.btn-check:active+.btn-outline-success, .btn-check:checked+.btn-outline-success, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show, .btn-outline-success:active {border-radius: 48px;background: #F8D868;color: #1D1D1D;}
.btn-outline-success {display: flex;height: 40px;padding: 0px 15px 0px 14px;justify-content: center;align-items: center;gap: 8px;border-radius: 48px;background: #F7F5E9;color: var(--Black, #1D1D1D); font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;margin-right: 4px;}

.create_category_service_rec_price{color: #EB702D;font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;margin-bottom: 15px;margin-top: -15px;background: #EFDCCD;border-radius: 2px;padding: 5px;}

.create_category_service_footer{margin: 0 -15px;padding: 16px;}
.create_category_service_btn{border-radius: 4px;background: var(--Accent, #EB702D);height: 48px;color: var(--White, #FFF);text-align: center; font-size: 14px;font-style: normal;font-weight: 500;line-height: 16px;margin-bottom:12px;padding: 16px;width: 100%;display: block;}
.create_category_service_btn_2{border-radius: 4px;border: 1px solid var(--Accent, #EB702D);background: rgba(235, 112, 45, 0.10);height: 48px;color: var(--Accent, #EB702D);text-align: center; font-size: 14px;font-style: normal;font-weight: 500;line-height: 16px;margin-bottom:24px;padding: 16px;width: 100%;display: block;}

.order_adverts_block{padding-top:24px;background:#F8F4F0;padding: 16px;}
.order_adverts_title{color: var(--Black, #1D1D1D);font-size: 20px;font-style: normal;font-weight: 500;line-height: 28px;}

#modal_category_filter .category-menu li:hover {background: none;}

#modal_order_history .modal_form_title{font-size: 24.713px;font-style: normal;font-weight: 600;}
#modal_order_history .nav-tabs{border-radius: 4px;border: 1px solid var(--Separator-1, rgba(29, 29, 29, 0.10)) !important;display: flex;height: 48px;padding: 4px;align-items: center;text-align: center;}
#modal_order_history .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{font-size: 16px;font-style: normal;line-height: 24px;}
#modal_order_history .nav-tabs > li > a{color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;padding: 0 !important;}
#modal_order_history .nav-tabs > li {width: 100%;margin-right: 0;padding-right: 0 !important;}
#modal_order_history .nav-tabs > li.active{border-radius: 4px;background: var(--White, #FFF);display: flex;padding: 0px 10px;justify-content: center;align-items: center;gap: 10px;align-self: stretch;}

#modal_order_history .order_finished{background: var(--Green, #4AB617);color: #fff;}

#modal_edit_advert .panel-heading {padding: 16px 16px !important;}
#modal_edit_advert .panel_header {font-weight: 500;font-size: 16px;line-height: 24px;}
#modal_edit_advert .panel-default > .panel-heading + .panel-collapse > .panel-body {border: none !important;padding: 0 24px 0px 24px !important;}
#modal_edit_advert .modal_input{border: 1px solid #F8F4F0 !important;}
#modal_edit_advert textarea {padding: 8px 16px;border: 1px solid #F8F4F0 !important;border-radius: 4px;}
#modal_edit_advert .modal_prizyv_title {font-size: 20px;}

.load_drivers_block{padding: 20px 14px;color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 400;line-height: 22px;}
.load_drivers_block img{width:50px;margin-right:5px;}

.advert_driver_selected{display: flex;width: 100%;height: 40px;padding: 0px 12px 0px 8px;justify-content: center;align-items: center;gap: 6px;flex-shrink: 0;background: var(--Green, #4AB617);color: var(--Multicolor-White, #FFF);text-align: center; font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;margin-bottom: 0;}
.advert_driver_not_selected{display: flex;width: 100%;height: 40px;padding: 0px 12px 0px 8px;justify-content: center;align-items: center;gap: 6px;flex-shrink: 0;background: #9F9D9A;color: var(--Multicolor-White, #FFF);text-align: center;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;margin-bottom: 0;}
.history_no_orders_block {margin-top:15px;}
.history_no_orders_block img{width:160px;}
.history_no_orders_block h2{color: var(--Black, #1D1D1D);text-align: center;font-family: Manrope;font-size: 24px;font-style: normal;font-weight: 500;line-height: 32px;margin:16px 0 12px 0;}
.history_no_orders_block p{color: var(--Black, #1D1D1D);text-align: center;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;}
#modal_category_filter .category-submenu-item.active{background-color: #F0E4B8 !important;} 
.category-submenu-item {height: 36px !important;width: 100% !important;line-height: 24px;background: #fff !important;border-radius: 4px !important;margin: 4px 0;padding: 10px 12px;}

.city-dropdown {position: fixed;top: auto;left: 50%;transform: translateX(-50%);background-color: white;border: 1px solid #ddd;width: 200px;max-height: 200px; overflow-y: auto;z-index: 1000;box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);border-radius: 8px;}
.city-dropdown ul {list-style: none;margin: 0;padding: 0;}
.city-dropdown li {padding: 10px;cursor: pointer;}
.city-dropdown li:hover {background-color: #f0f0f0;}

.monthly_trips_label{color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;}
.price_input_text_1{position: absolute; left: 10px; top: 45%; transform: translateY(-50%); color: rgba(29, 29, 29, 0.40);}
.price_input_text_2{position: absolute; right: 10px; top: 45%; transform: translateY(-50%); color: rgba(29, 29, 29, 0.40);}

.order_commission_text{color: var(--Red, #F53C3C);font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px; margin-top: 4px;}
.call_subscription_banner {border-radius: 4px;border: 1px solid var(--Separator-1, rgba(29, 29, 29, 0.10));background-size: cover;padding: 14px 16px;margin-top: 10px;}
.call_subscription_banner .text_1{color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;}
.call_subscription_banner .text_2{color: var(--Black, #1D1D1D);font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;margin-top:6px;}
.call_subscription_banner .call_btn{border-radius: 4px;background: var(--Green, #4AB617);color: var(--White, #FFF);text-align: center;font-size: 14px;font-style: normal;font-weight: 500;line-height: 16px;margin-top: 24px;padding: 8px 30px;display: block;width: 100%;} 

.subscriptions-block{margin:24px 0;}
.subscription-block{border-radius: 4px;background: var(--White, #FFF);width: 100%;height: 140px;flex-shrink: 0;margin-bottom: 8px;padding:16px;}
.subscription-block-active{background:#F8E2DE;}
.subscription-block-title{color: var(--Black, #1D1D1D);font-size: 20px;font-style: normal;font-weight: 500;line-height: 24px;margin-bottom: 4px;}
.subscription-block-city{color: var(--Black, #1D1D1D);font-size: 16px;font-style: italic;font-weight: 400;line-height: 24px;}
.subscription-block-img{width: auto;height: 101px;flex-shrink: 0;}
.subscription-block-btn1{display: inline-flex;height: 32px;padding: 10px 16px;justify-content: center;align-items: center;flex-shrink: 0;border-radius: 4px;background: rgba(235, 112, 45, 0.12);color: var(--Accent, #EB702D);font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;cursor: pointer;}
.subscription-block-btn2{display: inline-flex;height: 32px;padding: 10px 16px;justify-content: center;align-items: center;flex-shrink: 0;border-radius: 4px;border: 1px solid var(--Separator-1, rgba(29, 29, 29, 0.10));color: var(--Black, #1D1D1D);font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;cursor: pointer;}
.subscription-block-days{color: var(--Black, #1D1D1D);font-size: 20px;font-style: normal;font-weight: 400;line-height: 28px;display: inline-flex;margin-left: 10px;}
.subscription-btns{margin-top:-24px;}

.subscription-block-days-text{margin-left: 253px;width: 220px;font-size: 12px;line-height: 14px;margin-top: -5px;opacity: 0.8;}

.order_stat {cursor: default;}
.extend_order{width: 100%;display: inline-flex;padding: 12px;margin-top: 16px;height: 40px;padding: 0px 12px;justify-content: center;align-items: center;flex-shrink: 0;border-radius: 4px;background: var(--Accent-2, #F8D868);color: var(--Black, #1D1D1D);font-size: 14px;font-style: normal;font-weight: 500;line-height: 22px;}
.already_extend_order{width: 100%;display: inline-flex;padding: 12px;margin-top: 16px;height: 40px;padding: 0px 12px;justify-content: center;align-items: center;flex-shrink: 0;border-radius: 4px;background: rgba(29, 29, 29, 0.10);color: var(--Black, #1D1D1D);font-size: 14px;font-style: normal;font-weight: 500;line-height: 22px;}

.looking_driver{display: inline-flex; height: 28px;padding: 0px 8px;justify-content: center;align-items: center;flex-shrink: 0;border-radius: 7px;background: var(--Black, #1D1D1D);color: var(--White, #FFF);font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px;}
.select_driver{display: inline-flex;height: 28px;padding: 0px 8px;justify-content: center;align-items: center;flex-shrink: 0;border-radius: 7px;background: var(--Red, #F53C3C);color: var(--White, #FFF);font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px;}
.order_in_progress{display: inline-flex;height: 28px;padding: 0px 12px;justify-content: center;align-items: center;flex-shrink: 0;border-radius: 4px;border: 1px solid rgba(245, 60, 60, 0.20);color: var(--White, #FFF);font-size: 14px;font-style: normal;font-weight: 500;line-height: 20px;}


#modal_order_extension_period .success_icon{margin-top: 8px;margin-bottom: 20px;}
#modal_order_extension_period .title_1{color: var(--Black, #1D1D1D);text-align: center;font-family: Manrope;font-size: 24px;font-style: normal;font-weight: 500;line-height: 32px;margin-bottom: 32px;} 
#modal_order_extension_period .modal_order_extension_btn_1{border-radius: 4px;background: var(--Yellow, #F8D868);backdrop-filter: blur(32px);color: var(--Black, #1D1D1D);text-align: center;font-size: 16px;font-style: normal;font-weight: 500;line-height: 56px;height:56px;width:100%;display: block;text-align: center;align-items: center;cursor: pointer;margin-top:8px;}

#modal_order_extension_period_success .success_icon{margin-top: 8px;margin-bottom: 20px;}
#modal_order_extension_period_success .title_1{color: var(--Black, #1D1D1D);text-align: center;font-family: Manrope;font-size: 24px;font-style: normal;font-weight: 500;line-height: 32px;} 
#modal_order_extension_period_success .modal_success_btn_1{border-radius: 4px;background: var(--Yellow, #F8D868);backdrop-filter: blur(32px);color: var(--Black, #1D1D1D);text-align: center;font-size: 16px;font-style: normal;font-weight: 500;line-height: 56px;height:56px;width:100%;display: block;text-align: center;align-items: center;cursor: pointer;margin-top:40px;}

.crm_chat_file_form{margin-top: 5px;font-size: 14px;}

.right_banner_block{position: absolute;top:0;margin:16px;}
.right_banner_title{color: var(--Black, #1D1D1D);font-family: Manrope;font-size: 20px;font-style: normal;font-weight: 600;line-height: 24px;}
.right_banner_text{color: var(--Black, #1D1D1D);font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;margin-top:8px;margin-top: 8px;}
.right_banner_btn{display: inline-flex;height: 40px;padding: 0px 12px;justify-content: center;align-items: center;gap: 12px;flex-shrink: 0;border-radius: 4px;background: var(--Green, #4AB617);color: var(--White, #FFF);font-size: 14px;font-style: normal;font-weight: 500;line-height: 22px;margin-top:7px;}
.right_banner_btn:hover{color: var(--White, #FFF) !important;}

.right_banner_btn_pc{display: inline-flex;height: 40px;padding: 0px 12px;justify-content: center;align-items: center;gap: 6px;flex-shrink: 0;border-radius: 32px;font-size: 14px;font-style: normal;font-weight: 500;line-height: 22px;margin-top: 4px;background: transparent;color: #fff;background:#4AB617;}
.right_banner_btn_pc:hover{color: var(--White, #FFF) !important;}

.main_right_banner_pc{border-radius:8px;margin-top: 35px;position:relative;}
.partners_modal_btn{display: inline-flex;height: 40px;padding: 0px 12px;justify-content: center;align-items: center;gap: 4px;flex-shrink: 0;border-radius: 4px;border: 1px solid var(--Red, #F53C3C);color: var(--Red, #F53C3C);font-size: 16px;font-style: normal;font-weight: 600;line-height: 22px;width: 50px;} 

@media (min-width: 600px) and (max-width: 991px) {
    .categories-container div {
        min-width: 60px !important;
        max-width: 170px !important;
    }
}

#error-rent_format_id, #error-rent_duration_id {margin-bottom: 10px;margin-top: -5px;}


@media (max-width: 599px) {
    
    .landingcrm-menu{height: auto !important;}
    .landingcrm-menu .nav-menu{font-size: 14px !important;margin-right: 14px !important;}
    .landingcrm-menu .head_menu_btn{display: inline-flex;height: 40px;padding: 0px 16px;justify-content: center;align-items: center;flex-shrink: 0;border-radius: 8px;background: #F8D868;color: #24222C;font-family: Inter;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;}
    .p0right15_mob{padding:0 15px 0 0 !important;}
 
    .landingcrm-content .main_title{font-size: 32px !important;line-height: 42px !important;}
    .landingcrm-content .main_sub_title{font-size: 18px !important;line-height: 28px !important;}
  
    .landingcrm-block3 h2{font-size: 32px !important;line-height: 42px !important;}
    .landingcrm-block3 p{font-size: 18px !important;line-height: 28px !important;} 
    .landingcrm-block4 h2{font-size: 32px !important;line-height: 42px !important;}
    .landingcrm-block4 p{font-size: 18px !important;line-height: 28px !important;} 
     
    .landingcrm-block5 h2{font-size: 32px !important;line-height: 42px !important;}
    .landingcrm-block5 p{font-size: 18px !important;line-height: 28px !important;}
    .landingcrm-block5 .item{margin-bottom: 20px;}
 
 
    .landingcrm-block6 h2{font-size: 32px !important;line-height: 42px !important;} 
 
    .landingcrm-block6 .item{height: auto !important;margin-bottom: 20px;}
    .items {padding:0px;}

    .landingcrm-block6 .item h2{font-size: 28px !important;line-height: 32px !important; } 
    .landingcrm-block6 .item p{font-size: 20px  !important;line-height: 28px  !important;}
    .landingcrm-block6 .item h4{font-size: 28px  !important;margin-top: 25px  !important;}
    .landingcrm-block6 .item a{font-size: 20px !important; }
    .landingcrm-block6 .landingcrm-btn{font-size: 24px !important;}
}

.landingcrm-menu{border-radius: 12px;background: #FDFDFA;height: 64px;padding: 12px 4px;z-index: 999 !important;display: block;position: relative;}
.landingcrm-menu .menu_logo{display: flex;width: 120px;height: 35px;justify-content: center;align-items: center;gap: 7.084px;}
.landingcrm-menu .nav-menu{color: #24222C;font-family: Inter;font-size: 16px;font-style: normal;font-weight: 500;line-height: 36px;margin-right: 24px;}
.landingcrm-menu .head_menu_btn{display: inline-flex;height: 40px;padding: 0px 16px;justify-content: center;align-items: center;flex-shrink: 0;border-radius: 8px;background: #F8D868;color: #24222C;font-family: Inter;font-size: 16px;font-style: normal;font-weight: 500;line-height: 24px;}

.landingcrm-content {margin: 64px 0;}
.landingcrm-content .main_title{color: #24222C;font-family: Manrope;font-size: 48px;font-style: normal;font-weight: 600;line-height: 60px;margin-bottom: 40px;}
.landingcrm-content .main_sub_title{color: #24222C;font-family: Inter;font-size: 24px;font-style: normal;font-weight: 500;line-height: 32px;}
.landingcrm-block{border-radius: 12px;background: #FFF;padding:34px 16px;margin: 24px 0;height: 132px;}
.landingcrm-block img{height: 64px;width: auto;}
.landingcrm-block p{color: #24222C;font-family: Inter;font-size: 18px;font-style: normal;font-weight: 400;line-height: 26px;margin-bottom: 0;}
.landingcrm-block .block-text{display: flex;align-items: center;height: 64px;}
.landingcrm-content .video_div {border-radius: 12px;opacity: 0.8;background: #FFF;width: 100%;height: 480px;display: block;position: relative; }
.landingcrm-block3 {margin:160px 0;}
.landingcrm-block3 h2{color: #24222C;font-family: Manrope;font-size: 48px;font-style: normal;font-weight: 600;line-height: 60px;margin-bottom: 24px;}
.landingcrm-block3 p{color: #24222C;font-family: Inter;font-size: 24px;font-style: normal;font-weight: 400;line-height: 36px;}
.landingcrm-block3 img{width:100%;}
.landingcrm-block4 {margin-bottom:160px;}
.landingcrm-block4 h2{color: #24222C;font-family: Manrope;font-size: 48px;font-style: normal;font-weight: 600;line-height: 60px;margin-bottom: 24px;}
.landingcrm-block4 p{color: #24222C;font-family: Inter;font-size: 24px;font-style: normal;font-weight: 400;line-height: 36px;}
.landingcrm-block4 img{width:100%;}
.landingcrm-block4-items{border-radius: 12px;border: 1px solid #E2DFD3;background: #F4F1E2;padding:32px 16px;margin-top: 24px;}
.landingcrm-block4-items p{color: #24222C;font-size: 20px;font-style: normal;font-weight: 500;line-height: 28px;}
.landingcrm-block4-items img{width:20px;margin-right: 12px;}
 
.landingcrm-block5 {margin-bottom:160px;}
.landingcrm-block5 h2{color: #24222C;font-family: Manrope;font-size: 48px;font-style: normal;font-weight: 600;line-height: 60px;margin-bottom: 24px;}
.landingcrm-block5 p{color: #24222C;font-family: Inter;font-size: 24px;font-style: normal;font-weight: 400;line-height: 36px;margin-bottom:46px;}
.landingcrm-block5 img{width:100%;}
.landingcrm-block5 .item{border-radius: 12px;background: #FFF;padding:32px;height:400px;}
.landingcrm-block5 .item h2{margin-top:24px;color: #24222C;font-family: Manrope;font-size: 32px;font-style: normal;font-weight: 600;line-height: 40px; }
.landingcrm-block5 .landingcrm-btn{display: inline-flex;height: 56px;padding: 0px 16px;justify-content: center;align-items: center;flex-shrink: 0;border-radius: 8px;background: #F8D868;color: #24222C;font-family: Inter;font-size: 24px;font-style: normal;font-weight: 500;line-height: 32px;margin-top: 48px;}


.landingcrm-block6 {margin-bottom:160px;}
.landingcrm-block6 h2{color: #24222C;font-family: Manrope;font-size: 48px;font-style: normal;font-weight: 600;line-height: 60px;margin-bottom: 48px;} 
.landingcrm-block6 img{width:100%;}
.landingcrm-block6 .item{border-radius: 12px;background: #FFF;padding:32px;height:400px;}
.landingcrm-block6 .item h2{color: var(--Black, #1D1D1D);font-family: Manrope;font-size: 32px;font-style: normal;font-weight: 600;line-height: 40px; } 
.landingcrm-block6 .item p{color: var(--Black, #1D1D1D);font-family: Inter;font-size: 24px;font-style: normal;font-weight: 400;line-height: 32px;margin-top:18px;margin-bottom: 25px;}
.landingcrm-block6 .item h4{color: #1D1D1D;font-family: Manrope;font-size: 32px;font-style: normal;font-weight: 500;line-height: 40px;margin-bottom: 32px;margin-top: 25px;}
.landingcrm-block6 .item a{display: flex;width: auto;height: 56px;padding: 0px 16px;justify-content: center;align-items: center;flex-shrink: 0;border-radius: 8px;background: #F8D868;color: var(--Palette-For-Accent, #222017);font-family: Inter;font-size: 24px;font-style: normal;font-weight: 500;line-height: 32px; }
.landingcrm-block6 .landingcrm-btn{display: inline-flex;height: 56px;padding: 0px 16px;justify-content: center;align-items: center;flex-shrink: 0;border-radius: 8px;background: #F8D868;color: #24222C;font-family: Inter;font-size: 24px;font-style: normal;font-weight: 500;line-height: 32px;margin-top: 48px;}

.account-header__update_project, .account-header__create_project{display: flex;padding: 5px 12px;justify-content: center;align-items: center;gap: 10px;border-radius: 4px;border: 1px solid #B8C1CB;height: 34px;font-family: OpenSans-Regular, Helvetica, sans-serif;color: #75869A !important;text-align: center;font-size: 14px;font-style: normal;font-weight: 400;line-height: 22px;    min-width: 180px;} 
.account-header__create_project{margin-left: 5px;}        
#ajaxCrudModal .nav-tabs > li.active > a, #ajaxCrudModal .nav-tabs > li.active > a:hover, #ajaxCrudModal .nav-tabs > li.active > a:focus {font-size: .9375rem !important;line-height: 1.42857143 !important;}
.change_driver_btn{display: inline-flex;height: 40px;padding: 0px 16px;justify-content: center;align-items: center;border-radius: 4px;border: 1px solid var(--Accent, #EB702D);color: #EB702D;font-size: 14px;font-style: normal;font-weight: 600;line-height: 22px;cursor: pointer;}
.select2-container--krajee-bs3 .select2-selection--single .select2-selection__clear{right: 10px;}
.select2-container--krajee-bs3 .select2-selection__clear{font-weight: 500;}
#ordersearch-is_approved{margin-top: 25px;}
.account-filter-block{border: 1px solid #b8c1cb;background: #fff;padding: 19px 4px 22px 26px;margin-bottom:10px;}
.select2-container--krajee-bs3 .select2-selection--single .select2-selection__arrow {width: auto !important;}