/* Start:/local/templates/stroitaxi_su/public/css/scripts.css?168913931028258*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} .jq-checkbox,.jq-radio{position:relative;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.jq-checkbox input,.jq-radio input{position:absolute;z-index:-1;margin:0;padding:0;opacity:0}.jq-file{position:relative;display:inline-block;overflow:hidden}.jq-file input{position:absolute;top:0;right:0;height:auto;margin:0;padding:0;opacity:0;font-size:100px;line-height:1em}.jq-file__name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.jq-select-multiple,.jq-selectbox{position:relative;display:inline-block}.jq-select-multiple select,.jq-selectbox select{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0}.jq-select-multiple li,.jq-selectbox li{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.jq-selectbox{z-index:10}.jq-selectbox__select{position:relative}.jq-selectbox__select-text{overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis}.jq-selectbox__dropdown{position:absolute}.jq-selectbox__search input{-webkit-appearance:textfield}.jq-selectbox__search input::-webkit-search-cancel-button,.jq-selectbox__search input::-webkit-search-decoration{-webkit-appearance:none}.jq-selectbox__dropdown ul{position:relative;overflow:auto;overflow-x:hidden;list-style:none;-webkit-overflow-scrolling:touch}.jq-select-multiple ul{position:relative;overflow-x:hidden;-webkit-overflow-scrolling:touch}.jq-number{display:inline-block}.jq-number__field input{-moz-appearance:textfield;text-align:left}.jq-number__field input::-webkit-inner-spin-button,.jq-number__field input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none} /** * Swiper 5.4.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2020 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 16, 2020 */ @font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} /* End */ /* Start:/local/templates/stroitaxi_su/public/js/vendor/slick-1.8.1/slick.css?16891393101776*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/local/templates/stroitaxi_su/public/js/vendor/intltelinput/intlTelInput.css?171385999021304*/ :root { --iti-hover-color: rgba(0, 0, 0, 0.05); --iti-text-gray: #999; --iti-border-gray: #ccc; --iti-spacer-horizontal: 8px; --iti-flag-height: 15px; --iti-flag-width: 20px; --iti-border-width: 1px; --iti-arrow-height: 4px; --iti-arrow-width: 6px; --iti-triangle-border: calc(var(--iti-arrow-width) / 2); --iti-arrow-padding: 6px; --iti-arrow-color: #555; --iti-input-padding: 6px; --iti-right-hand-selected-country-padding: calc(var(--iti-spacer-horizontal) + var(--iti-spacer-horizontal) + var(--iti-flag-width)); --iti-selected-country-arrow-padding: calc(var(--iti-arrow-padding) + var(--iti-arrow-padding) + var(--iti-flag-width) + var(--iti-spacer-horizontal) + var(--iti-arrow-width) + var(--iti-input-padding)); --iti-path-flags-1x: url("/local/templates/stroitaxi_su/public/js/vendor/intltelinput/../img/flags.png?1"); --iti-path-flags-2x: url("/local/templates/stroitaxi_su/public/js/vendor/intltelinput/../img/flags@2x.png?1"); --iti-path-globe-1x: url("/local/templates/stroitaxi_su/public/js/vendor/intltelinput/../img/globe.png"); --iti-path-globe-2x: url("/local/templates/stroitaxi_su/public/js/vendor/intltelinput/../img/globe@2x.png"); --iti-flag-sprite-width: 5762px; --iti-flag-sprite-height: 15px; --iti-mobile-popup-margin: 30px; } .iti { position: relative; display: inline-block; } .iti * { box-sizing: border-box; } .iti__hide { display: none; } .iti__v-hide { visibility: hidden; } .iti__a11y-text { width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; position: absolute; } .iti input.iti__tel-input, .iti input.iti__tel-input[type=text], .iti input.iti__tel-input[type=tel] { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-right: var(--iti-right-hand-selected-country-padding); margin-right: 0; } .iti__country-container { position: absolute; top: 0; bottom: 0; right: 0; padding: var(--iti-border-width); } .iti__selected-country { z-index: 1; position: relative; display: flex; align-items: center; height: 100%; padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal); background: none; border: 0; margin: 0; font-size: inherit; color: inherit; border-radius: 0; font-weight: inherit; line-height: inherit; text-decoration: none; } .iti__arrow { margin-left: var(--iti-arrow-padding); width: 0; height: 0; border-left: var(--iti-triangle-border) solid transparent; border-right: var(--iti-triangle-border) solid transparent; border-top: var(--iti-arrow-height) solid var(--iti-arrow-color); } [dir=rtl] .iti__arrow { margin-right: var(--iti-arrow-padding); margin-left: 0; } .iti__arrow--up { border-top: none; border-bottom: var(--iti-arrow-height) solid var(--iti-arrow-color); } .iti__dropdown-content { border-radius: 3px; background-color: white; } .iti--inline-dropdown .iti__dropdown-content { position: absolute; z-index: 2; margin-top: 3px; margin-left: calc(var(--iti-border-width) * -1); border: var(--iti-border-width) solid var(--iti-border-gray); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); } .iti__dropdown-content--dropup { bottom: 100%; margin-bottom: 3px; } .iti__search-input { width: 100%; border-width: 0; border-radius: 3px; padding: 9px 12px; } .iti__search-input + .iti__country-list { border-top: 1px solid var(--iti-border-gray); } .iti__country-list { list-style: none; padding: 0; margin: 0; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .iti--inline-dropdown .iti__country-list { max-height: 185px; } .iti--flexible-dropdown-width .iti__country-list { white-space: nowrap; } @media (max-width: 500px) { .iti--flexible-dropdown-width .iti__country-list { white-space: normal; } } .iti__flag-box { display: inline-block; width: var(--iti-flag-width); } .iti__divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: var(--iti-border-width) solid var(--iti-border-gray); } .iti__country { display: flex; align-items: center; padding: 8px var(--iti-spacer-horizontal); outline: none; } .iti__dial-code { color: var(--iti-text-gray); } .iti__country.iti__highlight { background-color: var(--iti-hover-color); } .iti__flag-box, .iti__country-name { margin-right: var(--iti-spacer-horizontal); } [dir=rtl] .iti__flag-box, [dir=rtl] .iti__country-name { margin-right: 0; margin-left: var(--iti-spacer-horizontal); } .iti--allow-dropdown input.iti__tel-input, .iti--allow-dropdown input.iti__tel-input[type=text], .iti--allow-dropdown input.iti__tel-input[type=tel], .iti--show-selected-dial-code input.iti__tel-input, .iti--show-selected-dial-code input.iti__tel-input[type=text], .iti--show-selected-dial-code input.iti__tel-input[type=tel] { padding-right: var(--iti-input-padding); padding-left: var(--iti-selected-country-arrow-padding); margin-left: 0; } [dir=rtl] .iti--allow-dropdown input.iti__tel-input, [dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text], [dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel], [dir=rtl] .iti--show-selected-dial-code input.iti__tel-input, [dir=rtl] .iti--show-selected-dial-code input.iti__tel-input[type=text], [dir=rtl] .iti--show-selected-dial-code input.iti__tel-input[type=tel] { padding-right: var(--iti-selected-country-arrow-padding); padding-left: var(--iti-input-padding); margin-right: 0; } .iti--allow-dropdown .iti__country-container, .iti--show-selected-dial-code .iti__country-container { right: auto; left: 0; } [dir=rtl] .iti--allow-dropdown .iti__country-container, [dir=rtl] .iti--show-selected-dial-code .iti__country-container { right: 0; left: auto; } .iti--allow-dropdown .iti__country-container:hover, .iti--allow-dropdown .iti__country-container:hover button { cursor: pointer; } .iti--allow-dropdown .iti__country-container:hover .iti__selected-country { background-color: var(--iti-hover-color); } .iti--allow-dropdown .iti__country-container:has(+ input[disabled]):hover, .iti--allow-dropdown .iti__country-container:has(+ input[readonly]):hover { cursor: default; } .iti--allow-dropdown .iti__country-container:has(+ input[disabled]):hover .iti__selected-country, .iti--allow-dropdown .iti__country-container:has(+ input[readonly]):hover .iti__selected-country { background-color: transparent; } .iti--show-selected-dial-code .iti__selected-country { background-color: var(--iti-hover-color); } .iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code { margin-left: var(--iti-arrow-padding); } [dir=rtl] .iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code { margin-left: 0; margin-right: var(--iti-arrow-padding); } .iti--container { position: fixed; top: -1000px; left: -1000px; z-index: 1060; padding: var(--iti-border-width); } .iti--container:hover { cursor: pointer; } .iti--fullscreen-popup.iti--container { background-color: rgba(0, 0, 0, 0.5); top: 0; bottom: 0; left: 0; right: 0; position: fixed; padding: var(--iti-mobile-popup-margin); display: flex; flex-direction: column; justify-content: center; } .iti--fullscreen-popup.iti--container.iti--country-search { justify-content: flex-start; } .iti--fullscreen-popup .iti__dropdown-content { display: flex; flex-direction: column; max-height: 100%; position: relative; } .iti--fullscreen-popup .iti__country { padding: 10px 10px; line-height: 1.5em; } .iti__flag { --iti-flag-offset: 0px; --iti-flag-width: 20px; --iti-flag-height: 14px; height: var(--iti-flag-height); width: var(--iti-flag-width); box-shadow: 0px 0px 1px 0px #888; background-image: var(--iti-path-flags-1x); background-repeat: no-repeat; background-position: var(--iti-flag-offset) 0; background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height); } .iti__np { --iti-flag-width: 13px; } .iti__va, .iti__ch { --iti-flag-width: 15px; } .iti__ne, .iti__be { --iti-flag-width: 18px; } .iti__mc { --iti-flag-width: 19px; } .iti__zw, .iti__ws, .iti__vg, .iti__uz, .iti__uk, .iti__tv, .iti__to, .iti__tl, .iti__tk, .iti__tj, .iti__tc, .iti__ta, .iti__su, .iti__st, .iti__ss, .iti__si, .iti__sh, .iti__sd, .iti__sc, .iti__sb, .iti__ps, .iti__pn, .iti__ph, .iti__om, .iti__nz, .iti__nu, .iti__nr, .iti__ng, .iti__nf, .iti__nc, .iti__my, .iti__ms, .iti__mp, .iti__mn, .iti__mk, .iti__me, .iti__md, .iti__ly, .iti__lv, .iti__lk, .iti__lc, .iti__kz, .iti__ky, .iti__kw, .iti__kp, .iti__ki, .iti__jo, .iti__jm, .iti__io, .iti__im, .iti__ie, .iti__hu, .iti__hr, .iti__hn, .iti__hm, .iti__gw, .iti__gs, .iti__gi, .iti__gb, .iti__fk, .iti__fj, .iti__et, .iti__er, .iti__eh, .iti__dm, .iti__dg, .iti__cx, .iti__cu, .iti__ck, .iti__cc, .iti__ca, .iti__by, .iti__bs, .iti__bn, .iti__bm, .iti__ba, .iti__az, .iti__au, .iti__as, .iti__am, .iti__ai, .iti__ae, .iti__ac { --iti-flag-height: 10px; } .iti__us, .iti__um, .iti__py, .iti__mh, .iti__lr, .iti__gu, .iti__fm { --iti-flag-height: 11px; } .iti__vu, .iti__tt, .iti__sv, .iti__ni, .iti__mx, .iti__lu, .iti__lt, .iti__li, .iti__km, .iti__kg, .iti__je, .iti__ir, .iti__ht, .iti__gy, .iti__gd, .iti__fi, .iti__de, .iti__cv, .iti__cr, .iti__cq, .iti__bz, .iti__bi, .iti__bh, .iti__bg, .iti__bd { --iti-flag-height: 12px; } .iti__tg, .iti__se, .iti__pw, .iti__pl, .iti__kh, .iti__gt, .iti__ee, .iti__ax, .iti__ar { --iti-flag-height: 13px; } .iti__xk, .iti__va, .iti__sm, .iti__sj, .iti__pg, .iti__np, .iti__no, .iti__ne, .iti__mc, .iti__is, .iti__il, .iti__ga, .iti__fo, .iti__dk, .iti__ch, .iti__cd, .iti__bv, .iti__be, .iti__al { --iti-flag-height: 15px; } .iti__qa { --iti-flag-height: 8px; } .iti__ac { --iti-flag-offset: 0px; } .iti__ad { --iti-flag-offset: -22px; } .iti__ae { --iti-flag-offset: -44px; } .iti__af { --iti-flag-offset: -66px; } .iti__ag { --iti-flag-offset: -88px; } .iti__ai { --iti-flag-offset: -110px; } .iti__al { --iti-flag-offset: -132px; } .iti__am { --iti-flag-offset: -154px; } .iti__ao { --iti-flag-offset: -176px; } .iti__aq { --iti-flag-offset: -198px; } .iti__ar { --iti-flag-offset: -220px; } .iti__as { --iti-flag-offset: -242px; } .iti__at { --iti-flag-offset: -264px; } .iti__au { --iti-flag-offset: -286px; } .iti__aw { --iti-flag-offset: -308px; } .iti__ax { --iti-flag-offset: -330px; } .iti__az { --iti-flag-offset: -352px; } .iti__ba { --iti-flag-offset: -374px; } .iti__bb { --iti-flag-offset: -396px; } .iti__bd { --iti-flag-offset: -418px; } .iti__be { --iti-flag-offset: -440px; } .iti__bf { --iti-flag-offset: -460px; } .iti__bg { --iti-flag-offset: -482px; } .iti__bh { --iti-flag-offset: -504px; } .iti__bi { --iti-flag-offset: -526px; } .iti__bj { --iti-flag-offset: -548px; } .iti__bl { --iti-flag-offset: -570px; } .iti__bm { --iti-flag-offset: -592px; } .iti__bn { --iti-flag-offset: -614px; } .iti__bo { --iti-flag-offset: -636px; } .iti__bq { --iti-flag-offset: -658px; } .iti__br { --iti-flag-offset: -680px; } .iti__bs { --iti-flag-offset: -702px; } .iti__bt { --iti-flag-offset: -724px; } .iti__bv { --iti-flag-offset: -746px; } .iti__bw { --iti-flag-offset: -768px; } .iti__by { --iti-flag-offset: -790px; } .iti__bz { --iti-flag-offset: -812px; } .iti__ca { --iti-flag-offset: -834px; } .iti__cc { --iti-flag-offset: -856px; } .iti__cd { --iti-flag-offset: -878px; } .iti__cf { --iti-flag-offset: -900px; } .iti__cg { --iti-flag-offset: -922px; } .iti__ch { --iti-flag-offset: -944px; } .iti__ci { --iti-flag-offset: -961px; } .iti__ck { --iti-flag-offset: -983px; } .iti__cl { --iti-flag-offset: -1005px; } .iti__cm { --iti-flag-offset: -1027px; } .iti__cn { --iti-flag-offset: -1049px; } .iti__co { --iti-flag-offset: -1071px; } .iti__cp { --iti-flag-offset: -1093px; } .iti__cq { --iti-flag-offset: -1115px; } .iti__cr { --iti-flag-offset: -1137px; } .iti__cu { --iti-flag-offset: -1159px; } .iti__cv { --iti-flag-offset: -1181px; } .iti__cw { --iti-flag-offset: -1203px; } .iti__cx { --iti-flag-offset: -1225px; } .iti__cy { --iti-flag-offset: -1247px; } .iti__cz { --iti-flag-offset: -1269px; } .iti__de { --iti-flag-offset: -1291px; } .iti__dg { --iti-flag-offset: -1313px; } .iti__dj { --iti-flag-offset: -1335px; } .iti__dk { --iti-flag-offset: -1357px; } .iti__dm { --iti-flag-offset: -1379px; } .iti__do { --iti-flag-offset: -1401px; } .iti__dz { --iti-flag-offset: -1423px; } .iti__ea { --iti-flag-offset: -1445px; } .iti__ec { --iti-flag-offset: -1467px; } .iti__ee { --iti-flag-offset: -1489px; } .iti__eg { --iti-flag-offset: -1511px; } .iti__eh { --iti-flag-offset: -1533px; } .iti__er { --iti-flag-offset: -1555px; } .iti__es { --iti-flag-offset: -1577px; } .iti__et { --iti-flag-offset: -1599px; } .iti__eu { --iti-flag-offset: -1621px; } .iti__ez { --iti-flag-offset: -1643px; } .iti__fi { --iti-flag-offset: -1665px; } .iti__fj { --iti-flag-offset: -1687px; } .iti__fk { --iti-flag-offset: -1709px; } .iti__fm { --iti-flag-offset: -1731px; } .iti__fo { --iti-flag-offset: -1753px; } .iti__fr { --iti-flag-offset: -1775px; } .iti__fx { --iti-flag-offset: -1797px; } .iti__ga { --iti-flag-offset: -1819px; } .iti__gb { --iti-flag-offset: -1841px; } .iti__gd { --iti-flag-offset: -1863px; } .iti__ge { --iti-flag-offset: -1885px; } .iti__gf { --iti-flag-offset: -1907px; } .iti__gg { --iti-flag-offset: -1929px; } .iti__gh { --iti-flag-offset: -1951px; } .iti__gi { --iti-flag-offset: -1973px; } .iti__gl { --iti-flag-offset: -1995px; } .iti__gm { --iti-flag-offset: -2017px; } .iti__gn { --iti-flag-offset: -2039px; } .iti__gp { --iti-flag-offset: -2061px; } .iti__gq { --iti-flag-offset: -2083px; } .iti__gr { --iti-flag-offset: -2105px; } .iti__gs { --iti-flag-offset: -2127px; } .iti__gt { --iti-flag-offset: -2149px; } .iti__gu { --iti-flag-offset: -2171px; } .iti__gw { --iti-flag-offset: -2193px; } .iti__gy { --iti-flag-offset: -2215px; } .iti__hk { --iti-flag-offset: -2237px; } .iti__hm { --iti-flag-offset: -2259px; } .iti__hn { --iti-flag-offset: -2281px; } .iti__hr { --iti-flag-offset: -2303px; } .iti__ht { --iti-flag-offset: -2325px; } .iti__hu { --iti-flag-offset: -2347px; } .iti__ic { --iti-flag-offset: -2369px; } .iti__id { --iti-flag-offset: -2391px; } .iti__ie { --iti-flag-offset: -2413px; } .iti__il { --iti-flag-offset: -2435px; } .iti__im { --iti-flag-offset: -2457px; } .iti__in { --iti-flag-offset: -2479px; } .iti__io { --iti-flag-offset: -2501px; } .iti__iq { --iti-flag-offset: -2523px; } .iti__ir { --iti-flag-offset: -2545px; } .iti__is { --iti-flag-offset: -2567px; } .iti__it { --iti-flag-offset: -2589px; } .iti__je { --iti-flag-offset: -2611px; } .iti__jm { --iti-flag-offset: -2633px; } .iti__jo { --iti-flag-offset: -2655px; } .iti__jp { --iti-flag-offset: -2677px; } .iti__ke { --iti-flag-offset: -2699px; } .iti__kg { --iti-flag-offset: -2721px; } .iti__kh { --iti-flag-offset: -2743px; } .iti__ki { --iti-flag-offset: -2765px; } .iti__km { --iti-flag-offset: -2787px; } .iti__kn { --iti-flag-offset: -2809px; } .iti__kp { --iti-flag-offset: -2831px; } .iti__kr { --iti-flag-offset: -2853px; } .iti__kw { --iti-flag-offset: -2875px; } .iti__ky { --iti-flag-offset: -2897px; } .iti__kz { --iti-flag-offset: -2919px; } .iti__la { --iti-flag-offset: -2941px; } .iti__lb { --iti-flag-offset: -2963px; } .iti__lc { --iti-flag-offset: -2985px; } .iti__li { --iti-flag-offset: -3007px; } .iti__lk { --iti-flag-offset: -3029px; } .iti__lr { --iti-flag-offset: -3051px; } .iti__ls { --iti-flag-offset: -3073px; } .iti__lt { --iti-flag-offset: -3095px; } .iti__lu { --iti-flag-offset: -3117px; } .iti__lv { --iti-flag-offset: -3139px; } .iti__ly { --iti-flag-offset: -3161px; } .iti__ma { --iti-flag-offset: -3183px; } .iti__mc { --iti-flag-offset: -3205px; } .iti__md { --iti-flag-offset: -3226px; } .iti__me { --iti-flag-offset: -3248px; } .iti__mf { --iti-flag-offset: -3270px; } .iti__mg { --iti-flag-offset: -3292px; } .iti__mh { --iti-flag-offset: -3314px; } .iti__mk { --iti-flag-offset: -3336px; } .iti__ml { --iti-flag-offset: -3358px; } .iti__mm { --iti-flag-offset: -3380px; } .iti__mn { --iti-flag-offset: -3402px; } .iti__mo { --iti-flag-offset: -3424px; } .iti__mp { --iti-flag-offset: -3446px; } .iti__mq { --iti-flag-offset: -3468px; } .iti__mr { --iti-flag-offset: -3490px; } .iti__ms { --iti-flag-offset: -3512px; } .iti__mt { --iti-flag-offset: -3534px; } .iti__mu { --iti-flag-offset: -3556px; } .iti__mv { --iti-flag-offset: -3578px; } .iti__mw { --iti-flag-offset: -3600px; } .iti__mx { --iti-flag-offset: -3622px; } .iti__my { --iti-flag-offset: -3644px; } .iti__mz { --iti-flag-offset: -3666px; } .iti__na { --iti-flag-offset: -3688px; } .iti__nc { --iti-flag-offset: -3710px; } .iti__ne { --iti-flag-offset: -3732px; } .iti__nf { --iti-flag-offset: -3752px; } .iti__ng { --iti-flag-offset: -3774px; } .iti__ni { --iti-flag-offset: -3796px; } .iti__nl { --iti-flag-offset: -3818px; } .iti__no { --iti-flag-offset: -3840px; } .iti__np { --iti-flag-offset: -3862px; } .iti__nr { --iti-flag-offset: -3877px; } .iti__nu { --iti-flag-offset: -3899px; } .iti__nz { --iti-flag-offset: -3921px; } .iti__om { --iti-flag-offset: -3943px; } .iti__pa { --iti-flag-offset: -3965px; } .iti__pe { --iti-flag-offset: -3987px; } .iti__pf { --iti-flag-offset: -4009px; } .iti__pg { --iti-flag-offset: -4031px; } .iti__ph { --iti-flag-offset: -4053px; } .iti__pk { --iti-flag-offset: -4075px; } .iti__pl { --iti-flag-offset: -4097px; } .iti__pm { --iti-flag-offset: -4119px; } .iti__pn { --iti-flag-offset: -4141px; } .iti__pr { --iti-flag-offset: -4163px; } .iti__ps { --iti-flag-offset: -4185px; } .iti__pt { --iti-flag-offset: -4207px; } .iti__pw { --iti-flag-offset: -4229px; } .iti__py { --iti-flag-offset: -4251px; } .iti__qa { --iti-flag-offset: -4273px; } .iti__re { --iti-flag-offset: -4295px; } .iti__ro { --iti-flag-offset: -4317px; } .iti__rs { --iti-flag-offset: -4339px; } .iti__ru { --iti-flag-offset: -4361px; } .iti__rw { --iti-flag-offset: -4383px; } .iti__sa { --iti-flag-offset: -4405px; } .iti__sb { --iti-flag-offset: -4427px; } .iti__sc { --iti-flag-offset: -4449px; } .iti__sd { --iti-flag-offset: -4471px; } .iti__se { --iti-flag-offset: -4493px; } .iti__sg { --iti-flag-offset: -4515px; } .iti__sh { --iti-flag-offset: -4537px; } .iti__si { --iti-flag-offset: -4559px; } .iti__sj { --iti-flag-offset: -4581px; } .iti__sk { --iti-flag-offset: -4603px; } .iti__sl { --iti-flag-offset: -4625px; } .iti__sm { --iti-flag-offset: -4647px; } .iti__sn { --iti-flag-offset: -4669px; } .iti__so { --iti-flag-offset: -4691px; } .iti__sr { --iti-flag-offset: -4713px; } .iti__ss { --iti-flag-offset: -4735px; } .iti__st { --iti-flag-offset: -4757px; } .iti__su { --iti-flag-offset: -4779px; } .iti__sv { --iti-flag-offset: -4801px; } .iti__sx { --iti-flag-offset: -4823px; } .iti__sy { --iti-flag-offset: -4845px; } .iti__sz { --iti-flag-offset: -4867px; } .iti__ta { --iti-flag-offset: -4889px; } .iti__tc { --iti-flag-offset: -4911px; } .iti__td { --iti-flag-offset: -4933px; } .iti__tf { --iti-flag-offset: -4955px; } .iti__tg { --iti-flag-offset: -4977px; } .iti__th { --iti-flag-offset: -4999px; } .iti__tj { --iti-flag-offset: -5021px; } .iti__tk { --iti-flag-offset: -5043px; } .iti__tl { --iti-flag-offset: -5065px; } .iti__tm { --iti-flag-offset: -5087px; } .iti__tn { --iti-flag-offset: -5109px; } .iti__to { --iti-flag-offset: -5131px; } .iti__tr { --iti-flag-offset: -5153px; } .iti__tt { --iti-flag-offset: -5175px; } .iti__tv { --iti-flag-offset: -5197px; } .iti__tw { --iti-flag-offset: -5219px; } .iti__tz { --iti-flag-offset: -5241px; } .iti__ua { --iti-flag-offset: -5263px; } .iti__ug { --iti-flag-offset: -5285px; } .iti__uk { --iti-flag-offset: -5307px; } .iti__um { --iti-flag-offset: -5329px; } .iti__un { --iti-flag-offset: -5351px; } .iti__us { --iti-flag-offset: -5373px; } .iti__uy { --iti-flag-offset: -5395px; } .iti__uz { --iti-flag-offset: -5417px; } .iti__va { --iti-flag-offset: -5439px; } .iti__vc { --iti-flag-offset: -5456px; } .iti__ve { --iti-flag-offset: -5478px; } .iti__vg { --iti-flag-offset: -5500px; } .iti__vi { --iti-flag-offset: -5522px; } .iti__vn { --iti-flag-offset: -5544px; } .iti__vu { --iti-flag-offset: -5566px; } .iti__wf { --iti-flag-offset: -5588px; } .iti__ws { --iti-flag-offset: -5610px; } .iti__xk { --iti-flag-offset: -5632px; } .iti__ye { --iti-flag-offset: -5654px; } .iti__yt { --iti-flag-offset: -5676px; } .iti__za { --iti-flag-offset: -5698px; } .iti__zm { --iti-flag-offset: -5720px; } .iti__zw { --iti-flag-offset: -5742px; } .iti__globe { background-image: var(--iti-path-globe-1x); background-size: contain; background-position: right; box-shadow: none; height: 19px; } @media (min-resolution: 2x) { .iti__flag { background-image: var(--iti-path-flags-2x); } .iti__globe { background-image: var(--iti-path-globe-2x); } } /* End */ /* Start:/local/templates/stroitaxi_su/public/css/fonts.css?16891393101460*/ @font-face { font-family: 'Roboto Condensed'; src: local('Roboto Condensed'), local('Roboto-Condensed'), url(/local/templates/stroitaxi_su/public/css/../fonts/Roboto_Condensed/RobotoCondensed-Light.ttf) format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto Condensed'; src: local('Roboto Condensed'), local('Roboto-Condensed'), url(/local/templates/stroitaxi_su/public/css/../fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf) format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto Condensed'; src: local('Roboto Condensed'), local('Roboto-Condensed'), url(/local/templates/stroitaxi_su/public/css/../fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf) format('truetype'); font-weight: bold; font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: local('Raleway'), local('Raleway-Medium'), url(/local/templates/stroitaxi_su/public/css/../fonts/Raleway/Raleway-Medium.ttf) format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: local('Raleway'), local('Raleway-SemiBold'), url(/local/templates/stroitaxi_su/public/css/../fonts/Raleway/Raleway-SemiBold.ttf) format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: local('Raleway'), local('Raleway-Bold'), url(/local/templates/stroitaxi_su/public/css/../fonts/Raleway/Raleway-Bold.ttf) format('truetype'); font-weight: bold; font-weight: 700; font-style: normal; font-display: swap; } /* End */ /* Start:/local/templates/stroitaxi_su/public/css/styles.css?168913931092894*/ /*@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,400&display=swap");*/ /*@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,700;1,400&display=swap");*/ /* === Reset === */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body { min-height: 100%; margin: 0; } body { font-size: 16px; line-height: 22px; font-family: 'Roboto Condensed', sans-serif; margin: 0; } main { display: block; } img { border: 0; max-width: 100%; } p { margin: 0 0 20px; } p:last-child { margin: 0; } ul, ol { padding: 0; margin: 0; } li { list-style: none; } a, input, textarea { outline: none; } a { color: #FF9900; } a:hover { text-decoration: none; } th { font-weight: normal; text-align: left; } fieldset { padding: 0; border: 0; margin: 0; } blockquote { margin: 0; padding: 0; } textarea { resize: none; overflow: auto; } input::-moz-focus-inner { border: 0; padding: 0; } .clear { clear: both; display: block; } .w100 { width: 100%; } .swiper-pagination-bullet { background: #d1d1d1; opacity: 1; } .swiper-pagination-bullet-active { background: #FF9900; } /* === Responsive grid === */ .clear { clear: both; display: block; } .clearfix:after { content: ''; clear: both; display: block; } .container { margin: 0 auto; width: 1170px; } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .row.valign-center { align-items: center; } [class*='grid-'] { padding-left: 15px; padding-right: 15px; width: 100%; } .grid-20 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .grid-2 { -ms-flex: 0 0 16.666666%; flex: 0 0 16.666666%; max-width: 16.666666%; } .grid-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .grid-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .grid-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .grid-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .grid-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .grid-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .grid-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .grid-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .order-first { -ms-flex-order: -1; order: -1; } .order-last { -ms-flex-order: 13; order: 13; } .offset-4 { margin-left: 33.333333%; } .pull-right { float: right; } .text-center { text-align: center; } .text-right { text-align: right; } .sm-visible, .tb-visible { display: none; } /* section's */ .mainwrap { overflow: hidden; min-height: 100%; } .section { padding: 60px 0; } .section.grey { background: #f8f8f8; } .pagetitle { color: #202020; font-size: 32px; line-height: 38px; position: relative; font-weight: 700; font-family: 'Raleway', sans-serif; margin: 0 0 30px; z-index:1;} .pagetitle:before { content: ''; position: absolute; background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/trapecia2.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; width: 70px; height: 11px; left: -2px; bottom: 5px; z-index:-1;} .pagetitle span { position: relative; z-index: 5; } .pagetitle.white { color: #fff; } h1.pagetitle { font-size: 34px; } /* === FORMS === */ .input, .btn { font-family: 'Roboto Condensed', sans-serif; -webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; outline: none; } .input { background: 0; border: 0; border-bottom: 1px solid #FF9900; border-radius: 0; -ms-border-radius: 0; padding: 10px 0; font-size: 16px; line-height: 20px; color: #202020; font-family: 'Roboto Condensed', sans-serif; height: 40px; } .input.invalid { border-bottom-color: #DC4700; } .input.datepicker { background: url(/local/templates/stroitaxi_su/public/css/../images/svg/calendar.svg) right center no-repeat; padding-right: 28px; } /* === Button === */ .btn { background: #FF9900; border: 1px solid transparent; cursor: pointer; display: inline-block; text-decoration: none; color: #fff; border-radius: 40px; -ms-border-radius: 40px; font-size: 16px; line-height: 22px; text-align: center; letter-spacing: 0.02em; text-transform: uppercase; color: #2E495C; vertical-align: middle; white-space: normal; padding: 18px 54px; -webkit-box-shadow: 0px 0px 20px rgba(255, 153, 0, 0.5); -moz-box-shadow: 0px 0px 20px rgba(255, 153, 0, 0.5); box-shadow: 0px 0px 20px rgba(255, 153, 0, 0.5); transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; } .btn.block { display: block; } .btn.full { width: 100%; } .btn-small { padding: 8px 30px; } .btn:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-border { background: 0; border-color: #627685; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-border:hover { background: #627685; color: #fff; } .btn-border-orange { background: 0; border-color: #FF9900; color: #FF9900; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-border-orange:hover { background: #FF9900; color: #2E495C; } .btn-more { font-size: 16px; line-height: 19px; letter-spacing: 0.02em; text-decoration: none; display: inline-block; color: #FF9900; padding-right: 16px; position: relative; } .btn-more:before { background: #FF9900 url(/local/templates/stroitaxi_su/public/css/../images/svg/chevron-more.svg) 4px center no-repeat; content: ''; position: absolute; display: block; border-radius: 50%; -ms-border-radius: 50%; width: 12px; height: 12px; right: 0; top: 4px; } input.btn, button.btn { padding-top: 0; padding-bottom: 0; height: 60px; line-height: 60px; } input.btn-small, button.btn-small { height: 40px; line-height: 40px; } /* tabs */ .tabs { margin-bottom: 15px; } .tabs:after { content: ''; clear: both; display: block; } .tabs li { float: left; margin: 0 15px 15px 0; font-size: 16px; line-height: 18px; text-align: center; } .tabs li a { border: 1px solid #627685; color: #2E495C; border-radius: 40px; -ms-border-radius: 40px; display: block; text-decoration: none; min-width: 150px; padding: 10px 24px; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; } .tabs li.active a, .tabs li:hover a { background: #FF9900; border-color: transparent; -webkit-box-shadow: 0px 0px 20px rgba(255, 153, 0, 0.5); -moz-box-shadow: 0px 0px 20px rgba(255, 153, 0, 0.5); box-shadow: 0px 0px 20px rgba(255, 153, 0, 0.5); } .tabs li.active a:hover, .tabs li:hover a:hover { color: #2E495C; } /* whatsapp / tme */ .whatsapp, .tme, .viber { position: relative; display: inline-block; padding-left: 20px; } .whatsapp:before, .tme:before, .viber:before { content: ''; position: absolute; display: block; left: 0; top: 2px; } .whatsapp:before { background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/whatsapp.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 16px; height: 16px; } .tme:before { background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/tme.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 16px; height: 16px; } .viber:before { background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/viber.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 16px; height: 16px; } /* bars */ .bars { position: relative; width: 32px; height: 22px; display: block; } .bars:before { content: ''; position: absolute; display: block; background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/bars.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 32px; height: 22px; display: block; left: 50%; top: 50%; margin: -11px 0 0 -16px; } .bars.active:before { background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/close-nav.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 22px; height: 22px; } /* icon_user */ .icon_user { background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/user.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 18px; height: 18px; display: block; } /* tech_map */ .tech_map { color: #202020; font-weight: 300; font-size: 16px; line-height: 19px; display: inline-block; position: relative; padding-left: 29px; text-decoration: none; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; } .tech_map:before { content: ''; position: absolute; display: block; background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/map.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 19px; height: 19px; left: 0; top: 0; } .tech_map:hover { color: #FF9900; } /* === Radio / Checkbox === */ input[type='radio'], input[type='checkbox'] { -webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; outline: none; padding: 0; display: inline-block; vertical-align: middle; position: relative; cursor: pointer; } input[type='radio'] { border-radius: 50%; -ms-border-radius: 50%; width: 16px; height: 16px; border: 1px solid #FF9900; background: url(/local/templates/stroitaxi_su/public/css/../images/svg/dot.svg) -9999px -9999px no-repeat; background-size: 10px 10px; } input[type='radio']:checked { background-position: center center; } input[type='checkbox'] { border: 1px solid #FF9900; border-radius: 2px; -ms-border-radius: 2px; width: 16px; height: 16px; background: url(/local/templates/stroitaxi_su/public/css/../images/svg/check.svg) center center no-repeat; background-size: 12px 12px; } input[type='checkbox']:checked { background-color: #FF9900; } /* === Select === */ .jq-selectbox__select { background: 0; border: 0; border-bottom: 1px solid #FF9900; padding: 0 28px 0 0; font-size: 16px; line-height: 40px; color: #202020; font-family: 'Roboto Condensed', sans-serif; height: 40px; cursor: pointer; text-align: left; } .jq-selectbox__select-text { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#000;} .jq-selectbox__trigger { background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/chevron-down.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 13px; height: 8px; right: 0; top: 50%; margin-top: -4px; position: absolute; } .jq-selectbox.opened .jq-selectbox__trigger { transform: matrix(1, 0, 0, -1, 0, 0); } .jq-selectbox__dropdown { background: #fff; -webkit-box-shadow: 0px 20px 40px rgba(46, 73, 92, 0.5); -moz-box-shadow: 0px 20px 40px rgba(46, 73, 92, 0.5); box-shadow: 0px 20px 40px rgba(46, 73, 92, 0.5); width: 100%; max-width: 100%; } .jq-selectbox__dropdown ul li { background: 0; color: #222; cursor: pointer; padding: 10px; font-size: 14px; line-height: 17px; white-space: normal; } .jq-selectbox__dropdown ul li:hover { background: #e2e2e2; } .jq-selectbox__dropdown ul li.optgroup { background: #e2e2e2; } /* === Fields === */ .check-field { position: relative; padding-left: 24px; display: inline-block; cursor: pointer; } .check-field input[type='radio'], .check-field input[type='checkbox'] { position: absolute; left: 0; top: 0; } .check-field.grey { color: #b1b1b1; } .check-field.grey a { color: #202020; } .form-group { display: block; margin: 0 0 20px; position: relative; } .form-group label { display: block; margin: 0 0 6px; } .form-group .input, .form-group .jq-selectbox { width: 100%; } .form-group .input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000; } .form-group .input::-moz-placeholder { /* Firefox 19+ */ color: #000; } .form-group .input:-ms-input-placeholder { /* IE 10+ */ color: #000; } .form-group .input:-moz-placeholder { /* Firefox 18- */ color: #000; } .form-group .error-text { color: #DC4700; margin-top: 6px; font-size: 12px; line-height: 12px; } /* spoiler */ .spoiler { border-bottom: 1px solid #FF9900; margin: 0 0 30px; max-width: 962px; } .spoiler:last-child { margin: 0; } .spoiler_name { color: #202020; font-size: 20px; line-height: 23px; cursor: pointer; } .spoiler_name a { color: inherit; display: inline-block; text-decoration: none; position: relative; padding-bottom: 18px; padding-right: 50px; } .spoiler_name a:after { content: ''; position: absolute; display: block; background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/spoiler.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 24px; height: 12px; right: 0; top: 5px; } .spoiler_hide { background: #fff; color: #202020; font-size: 16px; line-height: 22px; border-radius: 0 30px 30px 30px; -ms-border-radius: 0 30px 30px 30px; padding: 27px 30px; display: none; } .spoiler.opened { border-bottom: 0; } .spoiler.opened .spoiler_name a:after { transform: matrix(1, 0, 0, -1, 0, 0); -ms-transform: matrix(1, 0, 0, -1, 0, 0); } /* modal */ .fancybox-bg { background: #2E495C; } .fancybox-is-open .fancybox-bg { opacity: 0.7; } .modal { background: #fff; max-width: 406px; width: 100%; color: #2E495C; padding: 40px; position: relative; font-size: 16px; line-height: 19px; display: none; } .modal_close { background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/close.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 15px; height: 15px; right: 20px; top: 20px; display: block; position: absolute; } .modal_title { font-weight: 700; font-size: 24px; line-height: 28px; margin: 0 0 18px; font-family: 'Raleway', sans-serif; } .modal_title2 { margin: 0 0 10px; } .modal p { margin: 20px 0; } .modal .small { color: #abb6be; margin: 20px 0; } .modal a { color: #2E495C; } .modal_flex { -ms-display: flexbox; display: flex; } .modal_img { min-width: 200px; max-width: 200px; margin-right: 19px; margin-bottom: 20px; } .modal_img img { display: block; } #ordercat { max-width: 625px; } #order_ok .social { justify-content: center; } .signin_header { -ms-display: flexbox; display: flex; justify-content: space-between; margin: 0 0 20px; } .signin_header a { color: #FF9900; } /* townlink */ .townlink { position: relative; padding-left: 16px; color: #FF9900; display: inline-block; } .townlink::before { content: ''; position: absolute; display: block; background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/pin.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 13px; height: 13px; left: 0; top: 1px; } /* select_town */ .select_town { position: relative; } .select_town_link { color: #FF9900; display: inline-block; position: relative; text-decoration: none; font-size: 14px; line-height: 17px; padding: 0 0 0 19px; position: relative; z-index: 1000; white-space: nowrap; } .select_town_link::before { content: ''; position: absolute; display: block; } .select_town_link::before { background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/pin.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 13px; height: 13px; left: 0; top: 1px; } .select_town_link span { border-bottom: 1px dotted #FF9900; } .select_town_link-phone { padding-right: 0; } .select_town_link-phone::after { content: none; display: none; } .select_town_link-phone::before { background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/call.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 13px; height: 13px; top: 2px; } .select_town_modal { background: #fff; max-width: 770px; width: 100%; padding: 40px; position: relative; display: none; font-size: 14px; line-height: 16px; box-shadow: 0px 20px 40px rgba(46, 73, 92, 0.5); } .select_town_modal_title { color: #2E495C; margin: 0 0 20px; font-size: 18px; line-height: 20px; } .select_town_modal_title span { color: #FF9900; } .select_town_modal .searchbox { border-bottom-color: #2E495C; min-width: 0; max-width: none; width: 205px; margin: 0 0 30px; } .select_town_modal .searchbox_input { color: #2E495C; } .select_town_modal .close { background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/close.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 16px; height: 16px; display: block; position: absolute; right: 15px; top: 15px; } /* SEARCH */ .search_header { position: relative; margin-left: 20px; } .search_icon { background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/lens.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 18px; height: 18px; display: block; } .search_icon.opened { background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/close.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 18px; height: 18px; } /* townlist */ .swiper-container-vertical > .swiper-scrollbar { width: 3px; } .townlist { position: relative; margin-right: -30px; padding-right: 10px; } .townlist .swiper-container { height: 206px; width: 100%; } .townlist .swiper-slide { height: auto; } .townlist .swiper-scrollbar { background: #ffcb98; } .townlist .swiper-scrollbar-drag { background: #FF9900; } .townlist_col { column-count: 3; -ms-column-count: 3; column-gap: 20px; -ms-column-gap: 20px; } .townlist ul { position: relative; padding: 0; padding-left: 27px; margin: 0; width: 100%; display: inline-block; } .townlist ul li { font-size: 14px; line-height: 17px; margin: 0 0 20px; color: #9F9F9F; } .townlist ul li a { color: inherit; text-decoration: none; } .townlist ul li a:hover { color: #FF9900; text-decoration: underline; } .townlist ul li.townlist_letter { font-size: 18px; line-height: 20px; position: absolute; color: #FF9900; left: 0; top: -2px; } /* searchbox */ .searchbox { border-bottom: 1px solid #fff; min-width: 315px; max-width: 315px; position: relative; padding-right: 24px; } .searchbox_input { -webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; outline: none; background: 0; border: 0; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; line-height: 20px; padding: 5px 0; color: #202020; width: 100%; } .searchbox_btn { -webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; outline: none; background: 0; border: 0; cursor: pointer; text-indent: -9999px; background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/lens.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 15px; height: 15px; position: absolute; right: 0; top: 8px; padding: 0; } /* searchwin */ .searchwin { position: fixed; width: 100%; left: 0; top: auto; background: #fff; z-index: 1000; -webkit-box-shadow: 0px 4px 20px rgba(46, 73, 92, 0.4); -moz-box-shadow: 0px 4px 20px rgba(46, 73, 92, 0.4); box-shadow: 0px 4px 20px rgba(46, 73, 92, 0.4); height: 50px; display: none; } .searchwin_inner { position: relative; padding-right: 30px; } .searchwin .searchbox_input { height: 50px; } .searchwin .searchbox_btn { background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/lens.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 24px; height: 24px; top: 12px; } .searchwin.fixed { top: 70px; } /* breadcrumbs */ .breadcrumbs { font-size: 14px; line-height: 16px; margin: 18px 0 20px; color: #C4C4C4; } .breadcrumbs a { color: inherit; position: relative; text-decoration: none; padding-right: 17px; margin-right: 8px; } .breadcrumbs a:after { content: ''; position: absolute; display: block; background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/bread.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 5px; height: 9px; right: 0; top: 4px; } .breadcrumbs span { color: #FF9900; } /* ontop */ #ontop { background: #fff url(/local/templates/stroitaxi_su/public/css/../images/svg/top.svg) center center no-repeat; display: block; position: fixed; border: 1px solid #FF9900; -webkit-box-shadow: 0px 0px 20px rgba(46, 73, 92, 0.19); -moz-box-shadow: 0px 0px 20px rgba(46, 73, 92, 0.19); box-shadow: 0px 0px 20px rgba(46, 73, 92, 0.19); right: 20px; bottom: 20px; width: 40px; height: 40px; cursor: pointer; z-index: 1000; background-size: 16px 22px; display: none; } /* article_short */ .article_short { -ms-display: flexbox; display: flex; align-items: flex-end; justify-content: space-between; width: 100%; font-size: 16px; line-height: 22px; } .article_short_text { max-width: 470px; } .article_short_meta { -ms-display: flexbox; display: flex; align-items: center; } .article_short .authorbox { margin-left: 20px; } /* social */ .social { -ms-display: flexbox; display: flex; align-items: center; margin: 0 0 30px; } .social a { margin-right: 22px; vertical-align: middle; display: inline-block; } .social a:last-child { margin: 0; } .social img { display: block; } .social span { font-size: 16px; margin: 0 25px 0 0; } .catwin .social{ display:none; } /* authorbox */ .authorbox { -ms-display: flexbox; display: flex; align-items: center; font-size: 14px; line-height: 14px; color: #fff; } .authorbox img { border-radius: 50%; -ms-border-radius: 50%; display: block; min-width: 50px; height: 50px; margin-right: 18px; } .authorbox span { display: block; color: #FF9900; margin: 0 0 3px; } /* videobox */ .videobox { position: relative; } .videobox:before { display:none; content: ''; position: absolute; display: block; left: 0; top: 0; right: 0; bottom: 0; background: #2E495C; opacity: 0.7; } .videobox img { display: none; width: 100%; } .videobox .watch_video_play { position: absolute; left: 50%; top: 50%; z-index: 100; margin: -25px 0 0 -15px; } .videobox .watch_video_play::before { width: 160px; height: 160px; margin: -80px 0 0 -80px; } .datetime { background: #fff; box-shadow: 0px 20px 40px rgba(46, 73, 92, 0.5); transition: all 240ms ease-in-out; -ms-transition: all 240ms ease-in-out; width: 290px; position: absolute; left: 0; z-index: 1000; opacity: 0; visibility: hidden; } .datetime.opened { opacity: 1; visibility: visible; } .datetime_time { background: #ebedef; -ms-display: flexbox; display: flex; align-items: center; justify-content: space-between; padding: 10px 20px; } .datetime_time label { display: block; white-space: nowrap; color: #202020; font-size: 16px; line-height: 16px; margin: 0 15px 0 0; } .datetime_time .input { min-width: 100px; max-width: 100px; text-align: center; } .ui-datepicker-header { position: relative; font-size: 16px; line-height: 16px; color: #202020; padding: 20px; } .ui-datepicker-calendar { border-collapse: collapse; width: 100%; } .ui-datepicker-calendar thead th { background: #ebedef; color: #202020; font-size: 16px; line-height: 16px; text-align: center; height: 40px; } .ui-datepicker-calendar td { color: #202020; height: 34px; font-size: 12px; line-height: 16px; text-align: center; padding: 0; } .ui-datepicker-calendar td.ui-datepicker-other-month { color: #9e9e9e; } .ui-datepicker-calendar td a { color: #202020; text-decoration: none; width: 25px; line-height: 25px; height: 25px; display: inline-block; text-align: center; border-radius: 4px; -ms-border-radius: 4px; } .ui-datepicker-calendar .ui-state-active { color: #fff; background: #FF9900; } .ui-datepicker-today a { background: #333; color: #fff; } .ui-datepicker-next, .ui-datepicker-prev { position: absolute; top: 10px; cursor: pointer; right: 10px; border-radius: 50%; -ms-border-radius: 50%; width: 34px; height: 34px; text-indent: -9999px; background: url(/local/templates/stroitaxi_su/public/css/../images/svg/prev-orange.svg) center center no-repeat; background-size: 8px 14px; } .ui-datepicker-prev { right: 44px; } .ui-datepicker-next { transform: matrix(-1, 0, 0, 1, 0, 0); } /* choosebox */ .choosebox { display: block; position: relative; } .choosebox_name { display: block; position: relative; border-bottom: 1px solid #FF9900; padding: 0 28px 0 0; font-size: 16px; line-height: 40px; color: #202020; font-family: 'Roboto Condensed', sans-serif; height: 40px; cursor: pointer; text-align: left; text-decoration: none; z-index: 999; } .choosebox_name-text { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#000;} .choosebox_name:after { content: ''; position: absolute; display: block; background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/chevron-down.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 13px; height: 8px; right: 0; top: 50%; margin-top: -4px; position: absolute; } .choosebox.opened .choosebox_name:after { transform: matrix(1, 0, 0, -1, 0, 0); } .choosebox.opened .choosebox_dropdown { opacity: 1; visibility: visible; } .choosebox.opened .choosebox_dropdown_overlay { display: block; } .choosebox_dropdown { background: #fff; -webkit-box-shadow: 0px 20px 40px rgba(46, 73, 92, 0.5); -moz-box-shadow: 0px 20px 40px rgba(46, 73, 92, 0.5); box-shadow: 0px 20px 40px rgba(46, 73, 92, 0.5); position: absolute; left: 0; width: 100%; z-index: 999; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; opacity: 0; visibility: hidden; max-height: 480px; overflow: auto; } .choosebox_dropdown li { font-size: 14px; line-height: 16px; } .choosebox_dropdown li a { color: #202020; display: block; text-decoration: none; padding: 10px; } .choosebox_dropdown_overlay { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 990; display: none; } .choosebox_show { position: relative; } .choosebox_show:after { content: ''; position: absolute; display: block; background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/chevron-down.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 9px; height: 5px; left: auto; bottom: auto; right: 10px; top: 16px; } .choosebox_show.active:after { transform: matrix(1, 0, 0, -1, 0, 0); } .choosebox_child { background: #ebedef; display: none; } /* mobilenav */ .mobilenav { display: none; position: relative; } .mobilenav_link { background: #fff; color: #2E495C; display: block; font-size: 16px; line-height: 20px; padding: 20px 15px; position: relative; text-decoration: none; padding-right: 50px; } .mobilenav_link::after { content: ''; position: absolute; display: block; background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/chevron-down.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 16px; height: 10px; left: auto; bottom: auto; right: 15px; top: 50%; margin-top: -5px; } .mobilenav_link.active::after { transform: matrix(1, 0, 0, -1, 0, 0); } .mobilenav_dropdown { background: #fff; width: 100%; position: absolute; left: 0; padding: 0; z-index: 1000; font-weight: 300; font-size: 16px; line-height: 19px; display: none; } .mobilenav_dropdown li { margin: 0; } .mobilenav_dropdown li:last-child { margin: 0; } .mobilenav_dropdown li a { color: #2E495C; display: block; padding: 10px 15px; text-decoration: none; } .mobilenav_dropdown li a:hover, .mobilenav_dropdown li a.active { color: #FF9900; text-decoration: underline; } .mobilenav_overlay { z-index: 900; position: fixed; display: none; left: 0; right: 0; top: 0; bottom: 0; } .mobilenav_overlay.open { display: block; } .mobilenav-chips { background: #f8f8f8; padding: 15px 15px 0; } .mobilenav-chips ul li { display: inline-block; font-size: 12px; line-height: 14px; margin: 0 5px 10px 0; } .mobilenav-chips ul li a { display: block; border-radius: 20px; -ms-border-radius: 20px; background: #e5e7e9; color: #202020; padding: 8px; text-decoration: none; } /* header */ .header { width: 100%; position: relative; z-index: 1050; } .small_header { background: #e9ecee; } .small_header .container { -ms-display: flexbox; display: flex; align-items: center; justify-content: flex-end; height: 30px; } .small_header ul { -ms-display: flexbox; display: flex; } .small_header li { font-weight: 300; font-size: 14px; line-height: 30px; margin-left: 20px; } .small_header li a { color: #202020; display: block; text-decoration: none; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; } .small_header li a:hover { color: #FF9900; } .flex_center { -ms-display: flexbox; display: flex; align-items: center; } /* header_middle */ .header_middle { padding-top: 5px; padding-bottom: 20px; } .header_middle .container { -ms-display: flexbox; display: flex; align-items: center; justify-content: space-between; } .headmenu { -ms-display: flexbox; display: flex; align-items: center; } .headmenu .bars { margin-right: 30px; } .headmenu_main li { font-weight: 300; font-size: 16px; line-height: 19px; float: left; position: relative; margin: 0 30px 0 0; } .headmenu_main li:last-child { margin: 0; } .headmenu_main li a { color: #202020; display: block; text-decoration: none; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; padding: 10px 0; } .headmenu_main li:hover > a { color: #FF9900; } .headmenu_main li.parent > a { padding-right: 13px; } .headmenu_main li.parent > a::after { content: ''; position: absolute; display: block; background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/chevron-down.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 8px; height: 5px; right: 0; top: 50%; margin-top: -2px; } .headmenu_main li.parent:hover > a::after { transform: matrix(1, 0, 0, -1, 0, 0); } .headmenu_main li.active > a { color: #FF9900; } .headmenu_main li.active > a:before { content: ''; position: absolute; display: block; width: 30px; height: 1px; background: #FF9900; left: 0; top: 0; } .headmenu_main li > ul { position: absolute; -webkit-box-shadow: 0px 20px 40px rgba(46, 73, 92, 0.5); -moz-box-shadow: 0px 20px 40px rgba(46, 73, 92, 0.5); box-shadow: 0px 20px 40px rgba(46, 73, 92, 0.5); background: #fff; min-width: 256px; border-top: 1px solid #FF9900; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; opacity: 0; visibility: hidden; } .headmenu_main li > ul li { float: none; font-size: 14px; line-height: 17px; margin: 0; } .headmenu_main li > ul li a { padding: 6px 30px 6px 10px; } .headmenu_main li > ul li:hover > a { background: #ebebeb; color: #FF9900; } .headmenu_main li > ul li a.more { padding: 10px; color: #FF9900; } .headmenu_main li > ul li a.more span { position: relative; padding-right: 16px; } .headmenu_main li > ul li a.more span::after { content: ''; position: absolute; display: block; background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/more.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 12px; height: 12px; right: 0; top: 3px; } .headmenu_main li:hover > ul { opacity: 1; visibility: visible; } /* headmobile */ .headmobile { background: #fff; position: absolute; left: 0; top: 70px; width: 100%; z-index: 10; display: none; } .headmobile .container { height: 38px; -ms-display: flexbox; display: flex; justify-content: space-between; align-items: center; position: relative; } .headmobile .searchbox_show { background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/lens.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 20px; height: 20px; display: block; margin: 0; } .headmobile .searchbox_show.opened { background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/close.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 20px; height: 20px; } .headmobile > .container > .searchbox { display: none; position: absolute; left: 0; top: 2px; background: #fff; bottom: 0; z-index: 1000; max-width: none; right: 45px; border-bottom-color: #FF9900; height: 29px; } .headmobile > .container > .searchbox_input { color: #213C4F; } /* user_head */ .user_head { position: relative; margin-left: 20px; } .user_head_modal { background: #fff; -webkit-box-shadow: 0px 20px 40px rgba(46, 73, 92, 0.5); -moz-box-shadow: 0px 20px 40px rgba(46, 73, 92, 0.5); box-shadow: 0px 20px 40px rgba(46, 73, 92, 0.5); position: absolute; right: 0; width: 227px; padding: 50px 20px; text-align: center; z-index: 1000; margin-top: 10px; color: #C4C4C4; font-size: 16px; line-height: 20px; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; opacity: 0; visibility: hidden; } .user_head_modal span { display: block; margin: 4px 0; } .user_head_modal:before { content: ''; position: absolute; display: block; height: 15px; width: 100%; left: 0; top: -15px; } .user_head:hover .user_head_modal { opacity: 1; visibility: visible; } /* headerbox */ .headerbox { position: relative; } .headerbox_outer { height: 70px; } .headerbox .container { -ms-display: flexbox; display: flex; align-items: center; justify-content: space-between; height: 70px; position: relative; } .headerbox .bars { display: none; } .headerbox .logo { -ms-display: flexbox; display: flex; color: #adadad; font-size: 12px; line-height: 14px; } .headerbox .logo img { display: block; } .headerbox .logo_text { max-width: 150px; margin-left: 17px; margin-top: 2px; } .headerbox .phone { color: #202020; font-size: 16px; line-height: 18px; margin: 0; -ms-display: flexbox; display: flex; align-items: center; } .headerbox .phone a { color: inherit; text-decoration: none; margin-left: 40px; white-space: nowrap; font-weight:600;} .headerbox .phone a:first-child { margin-left: 0; } .headerbox .phone span { font-size: 12px; line-height: 14px; color: #ADADAD; margin-left: 10px; } .headerbox.fixed { background: #fff; -webkit-box-shadow: 0px 10px 20px rgba(46, 73, 92, 0.1); -moz-box-shadow: 0px 10px 20px rgba(46, 73, 92, 0.1); box-shadow: 0px 10px 20px rgba(46, 73, 92, 0.1); position: fixed; z-index: 1050; left: 0; top: 0; width: 100%; } .headerbox.fixed .bars { display: block; } .headerbox.fixed .catwin { margin: 1px; } .headerbox.fixed .catwin_section, .headerbox.fixed .catwin_child { padding-top: 20px; padding-bottom: 20px; } /* catwin */ .catwin { background: #fff; -webkit-box-shadow: 0 40px 40px -24px rgba(46, 73, 92, 0.5); -moz-box-shadow: 0 40px 40px -24px rgba(46, 73, 92, 0.5); box-shadow: 0 40px 40px -24px rgba(46, 73, 92, 0.5); position: absolute; left: 0; top: 100%; margin-top: 50px; width: 100%; z-index: 900; padding: 0; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; opacity: 0; visibility: hidden; display: table; } .catwin.opened { opacity: 1; visibility: visible; } .catwin_section { padding: 30px; position: relative; width: 25%; display: table-cell; } .catwin_section:before { content: ''; position: absolute; display: block; left: 0; top: 30px; bottom: 30px; width: 1px; background: #f1f1f1; } .catwin_section:first-child::before { content: none; display: none; } .parentcatalog > .catwin_title, .mobilemenu-top, .phonemobmenu, .mobileapp_link { display:none; } .catwin_title { color: #909090; font-size: 18px; line-height: 20px; position: relative; margin: 0 0 15px; padding: 0 0 15px; } .catwin_title:before { content: ''; position: absolute; display: block; background: #FF9900; width: 30px; height: 1px; left: 0; bottom: 0; } .catwin_title a { color: inherit; text-decoration: none; } .catwin_post { background-repeat: no-repeat; background-size: cover; height: 198px; text-decoration: none; position: relative; color: inherit; -ms-display: flexbox; display: flex; flex-wrap: wrap; align-content: space-between; padding: 20px; } .catwin_post:before { content: ''; position: absolute; display: block; background: #2E495C; opacity: 0.7; left: 0; top: 0; right: 0; bottom: 0; } .catwin_post_name { width: 100%; color: #fff; font-size: 24px; line-height: 24px; margin: 0 0 10px; position: relative; } .catwin ul { margin: 0 0 20px; } .catwin ul:last-child { margin: 0; } .catwin ul li { font-size: 16px; line-height: 18px; margin: 0; } .catwin ul li a { color: #202020; display: block; text-decoration: none; padding: 5px 0; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; } .catwin ul li:hover > a { color: #FF9900; } ul li:hover > .catwin_child { opacity: 1; visibility: visible; } .catwin_child { background: #3B5C74; -webkit-box-shadow: 20px 0px 20px rgba(46, 73, 92, 0.5); -moz-box-shadow: 20px 0px 20px rgba(46, 73, 92, 0.5); box-shadow: 20px 0px 20px rgba(46, 73, 92, 0.5); position: absolute; left: 100%; top: 0; bottom: 0; width: 300px; margin-left: -30px; z-index: 100; padding: 30px; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; opacity: 0; visibility: hidden; } ul li .catwin_child ul li .catwin_child:after { content: ''; position: absolute; display: block; left: 0; top: 0; bottom: 0; width: 4px; background: rgba(0, 0, 0, 0.3); background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from2', endColorstr='$to2',GradientType=1 ); } .catwin .social a { margin-right: 10px; } .catwin .social img { width: 22px; } .catwin ul li a.catwin_more { color: #FF9900; padding-right: 18px; position: relative; display: inline-block; } .catwin ul li a.catwin_more::after { content: ''; position: absolute; display: block; background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/more.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 12px; height: 12px; right: 0; top: 8px; } /* firstscreen */ .firstscreen { background: #f8f8f8; overflow: hidden; } .firheadscreen{ background: #f8f8f8; padding-top:20px; } .firstscreen .container { position: relative; } .firstscreen .container::after, .firstscreen .container::before { content: ''; position: absolute; display: block; width: 1000px; top: 0; bottom: 0; background: #fff; opacity: 0.4; z-index: 10; } .firstscreen .container::before { left: -1016px; } .firstscreen .container::after { right: -1016px; } .firstscreen.noslider .container::after, .firstscreen.noslider .container::before { content: none; display: none; } .firstscreen_slide { background-position:50% 50%; background-repeat:no-repeat; background-size:cover; -ms-display:flexbox; display:flex; align-items:center; justify-content:center; position:relative; height:400px; } @media (max-width:1140px) { .firstscreen_slide { height:0; padding:0 0 40%; } } @media (max-width:768px) { .firstscreen_slide { padding:0 0 39%; height:0 !important; } .slick-mainslider .slick-prev { left:0 !important; } .slick-mainslider .slick-next { right:0 !important; } } .firstscreen_slide::before { content: ''; position: absolute; display: block; background: #2E495C; left: 0; top: 0; right: 0; bottom: 0; opacity: 0.7; } .firstscreen_slide .btn { min-width: 324px; } .firstscreen_slide .firstscreen_text { text-align: center; } .firstscreen_text { position: relative; margin: 0 0 30px; font-size: 24px; line-height: 31px; } .firstscreen_desc { max-width: 920px; padding: 24px 0 40px; } .firstscreen_title { color: #fff; font-size: 64px; line-height: 77px; font-weight: 700; font-family: 'Raleway', sans-serif; margin: 0 0 40px; letter-spacing: 0.02em; max-width: 700px; } .firstscreen_title:last-child { margin: 0; } .firstscreen_title.black { color: #202020; font-size: 46px; line-height: 56px; margin: 0 0 20px; max-width: none; } .firstscreen .swiper-container { overflow: visible; } .firstscreen .swiper-pagination { text-align: center; position: absolute; padding-top: 23px; -ms-display: flexbox; display: flex; justify-content: center; left: 0; bottom: 20px; width: 100%; display: none; } .firstscreen .swiper-pagination-bullet { background: rgba(255, 150, 48, 0.5); width: 10px; height: 10px; border-radius: 0; -ms-border-radius: 0; outline: none; margin: 0 5px; opacity: 1; display: block; } .firstscreen .swiper-pagination-bullet-active { background: #FF9900; } .firstscreen-prev { left: 0; } .firstscreen-next { right: 0; transform: matrix(-1, 0, 0, 1, 0, 0); } .firstscreen-prev, .firstscreen-next { width: 50px; height: 60px; position: absolute; top: 50%; margin-top: -30px; display: block; z-index: 1000; background: url(/local/templates/stroitaxi_su/public/css/../images/svg/prev-orange.svg) center center no-repeat; } .slick-mainslider .slick-arrow{ position:absolute; top:50%; margin-top:-20px; width:40px; height:40px; padding:0; list-style:none; border:none; background-color:transparent; font-size:2px; color:transparent; z-index:10; cursor:pointer; outline:none; } .slick-mainslider .slick-prev{ left:16.5%; background: url(/local/templates/stroitaxi_su/public/css/../images/svg/prev-orange.svg) center center no-repeat; } .slick-mainslider .slick-next{ right:16.5%; transform:rotate(-180deg); background: url(/local/templates/stroitaxi_su/public/css/../images/svg/prev-orange.svg) center center no-repeat; } .firstscreen_nav { -ms-display: flexbox; display: flex; font-size: 14px; line-height: 16px; text-transform: uppercase; } .firstscreen_nav li { padding-left: 20px; border-left: 1px solid #FF9900; margin-left: 20px; position: relative; } .firstscreen_nav li:first-child { border: 0; margin-left: 0; } .firstscreen_nav li:first-child::before { content: ''; position: absolute; display: block; background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/top.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 8px; height: 11px; left: 0; top: 2px; transform: matrix(1, 0, 0, -1, 0, 0); } .firstscreen_nav li a { color: #fff; text-decoration: none; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; } .firstscreen_nav li a:hover { color: #FF9900; } .firstscreen_nav.black li a { color: #202020; } .firstscreen_meta { -ms-display: flexbox; display: flex; justify-content: space-between; align-items: center; width: 100%; position: relative; } .firstscreen_date { color: #FF9900; font-size: 16px; line-height: 22px; } .firstscreen_innerpage { -ms-display: flexbox; display: flex; background-position: center center; background-repeat: no-repeat; background-size: cover; height: 350px; align-items: center; position: relative; padding: 20px 50px; } .firstscreen_innerpage::before { content: ''; position: absolute; display: block; background: #2E495C; left: 0; top: 0; right: 0; bottom: 0; opacity: 0.7; } .firstscreen_innerpage.stretch { height: auto; padding: 0 0 40px; } .firstscreen_innerpage.stretch::before { content: none; display: none; } .firstscreen_innerpage .firstscreen_title { width: 100%; position: relative; } .firstscreen .formbg, .firheadscreen .formbg{ background: 0; } .firstscreen + .formbg, .firheadscreen + .formbg{ background-color:#f8f8f8; } .firstscreen_btns { margin: 0 0 30px; } .firstscreen_btns .btn { margin-right: 30px; } /* numtext */ .numtext { position: relative; } .numtext::before { position: absolute; display: block; font-family: 'Raleway', sans-serif; font-weight: 600; z-index: 1; font-size: 240px; line-height: 180px; color: rgba(255, 150, 48, 0.3); width: 200px; text-align: center; left: 50%; top: 50%; margin: -105px 0 0 -100px; } .numtext span { position: relative; z-index: 2; } .numtext-1::before { content: '1'; } .numtext-2::before { content: '2'; } .numtext-3::before { content: '3'; } /* firstscreen_frame */ .row.firstscreen_frame { align-items: center; margin: 0 -5px 50px; } .row.firstscreen_frame .grid-6 { padding: 0 5px; } .firstscreen_frame iframe { border: 0; display: block; margin: 0; padding: 0; height: 321px; width: 100%; } .firstscreen_frame .firstscreen_text { margin: 0; } /* chip */ .chip_out { position: relative; } .chip_out .chip { position: absolute; margin-left: 10px; top: 20px; left: 100%; display: block; } .chip { background: #FF9900; padding: 10px 24px; display: inline-block; font-size: 18px; line-height: 20px; letter-spacing: 0.02em; color: #2E495C; white-space: nowrap; position: relative; margin: 10px 0 0; } .chip:before { content: ''; position: absolute; display: block; left: -10px; top: 0; width: 0; height: 0; border-style: solid; border-width: 0 10px 15px 0; border-color: transparent #FF9900 transparent transparent; line-height: 0px; } /* catmain */ .catmain { margin: 0 0 44px; position: relative; } .catmain img { display: block; width: 100%; margin: 0 0 15px; position: relative; } .catmain_title { color: #202020; font-size: 24px; line-height: 28px; margin: 0 0 14px; padding: 0 0 14px; border-bottom: 1px solid #d9d9d9; } .catmain_title a { color: inherit; text-decoration: none; } .catmain_mid { -ms-display: flexbox; display: flex; justify-content: space-between; } .catmain_price { color: #000; font-size: 20px; line-height: 23px; } .catmain_price b { font-weight: 700; } .catmain_meta { -ms-display: flexbox; display: flex; align-items: center; justify-content: space-between; margin-top: 12px; } .catmain_row { margin-bottom: 30px; } .catmain_more { text-align: center; } .catmain_more .btn { display: inline-block; margin: 0 0 0 24px; } .catmain_more .btn:first-child { margin: 0; } /* freetech */ .freetech { color: #202020; position: relative; font-size: 16px; line-height: 19px; } .freetech_name { color: #9F9F9F; } .freetech .yes, .freetech .no { position: relative; display: inline-block; padding-left: 15px; margin-left: 8px; } .freetech .yes:before, .freetech .no:before { content: ''; position: absolute; display: block; border-radius: 50%; -ms-border-radius: 50%; width: 10px; height: 10px; background: #8FDD2C; left: 0; top: 5px; } .freetech .no:before { background: #FF9900; } .freetech_no { margin: 0; padding: 0; } .freetech_no:before { content: none; display: none; } .freetech_no a { color: #FF9900; text-decoration: none; border-bottom: 1px dotted #FF9900; } .freetech_no a:hover { border: 0; } /* toorder */ .toorder { max-width: 370px; width: 100%; } .toorder.full { max-width: 590px; margin-bottom: 50px; } .toorder_wrapper { padding: 0 !important; } .toorder_wrapper .container { position: relative; background: url(/local/templates/stroitaxi_su/public/css/../images/bulldozer.png) right calc(100% - 50px) no-repeat; padding: 40px 0 90px; } .toorder_item { background: #fff; -ms-display: flexbox; display: flex; flex-wrap: wrap; align-content: space-between; height: 170px; -webkit-box-shadow: 0px 0px 20px rgba(46, 73, 92, 0.08); -moz-box-shadow: 0px 0px 20px rgba(46, 73, 92, 0.08); box-shadow: 0px 0px 20px rgba(46, 73, 92, 0.08); margin: 0 0 30px; font-size: 16px; line-height: 22px; color: #202020; padding: 19px; } .toorder_item a { color: #2E495C; display: block; text-decoration: none; } .toorder_item_text { width: 100%; } .toorder_item img.icon { margin-right: 8px; margin-top: 4px; float: left; } .toorder_form { -ms-display: flexbox; display: flex; align-items: center; } .toorder_form .input { min-width: 280px; margin: 0 30px 0 0; } /* faq_section */ .faq_section { background: #f3f3f3; } /* formbg */ .formbg { background: #edeff0; padding: 60px 0; } .formbg.notitle { padding: 0 0 30px; } .formbg_container { -ms-display: flexbox; display: flex; align-items: center; } .formbg .pagetitle { margin-bottom: 30px; } .formbg .btn { min-width: 200px; max-width: 200px; padding-left: 0; padding-right: 0; } .formbg .form-group { margin: 0 30px 0 0; width: 100%; } .formbg .form-btn { margin: 0; } .formbg_card { background: 0; max-width: 570px; -ms-display: flexbox; display: flex; align-items: center; margin: 0 0 60px; } /* topform */ .topform { background: 0; } .topform_margin { margin: 0 0 90px; } .topform_inner { -ms-display: flexbox; display: flex; align-items: center; } /* newsitem */ .newsitem { height: 184px; -ms-display: flexbox; display: flex; margin: 0 0 30px; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; position: relative; flex-wrap: wrap; align-content: stretch; width: 100%; } .newsitem_img { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; height: 100%; width: 100%; } .newsitem_entry { background: rgba(255,255,255,.85); padding: 8px 20px; position: absolute; left: 0; bottom: 0; width: 100%; } .newsitem_name { font-size: 16px; line-height: 18px; margin: 0 0 8px; color: #202020; display: block; } .newsitem_name a { color: inherit; text-decoration: none; } .newsitem_name a:hover { color: #FF9900; text-decoration: underline; } .newsitem_date { color: #b7c0c6; display: block; font-size: 14px; line-height: 14px; } .newsitem.big { height: 398px; } .newsitem.big .newsitem_name { font-size: 24px; line-height: 28px; margin: 0 0 6px; } .newsitem .btn-more { display: none; margin-top: 8px; } .newsitem:hover { flex-wrap: wrap; align-items: normal; align-content: space-between; } .newsitem:hover .btn-more { display: inline-block; } .newsitem_all { background: #fff; -ms-display: flexbox; display: flex; align-items: center; justify-content: center; height: 184px; color: #2E495C; font-size: 16px; line-height: 18px; text-decoration: none; } .newsitem_all span { position: relative; padding-right: 18px; } .newsitem_all span:before { content: ''; position: absolute; display: block; background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/rarr-dark.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 12px; height: 8px; right: 0; top: 5px; } .newsitem_row { margin-bottom: 70px; } .catslider.news_slider { margin-right: -15px; } .catslider.news_slider .swiper-slide { width: 270px; } .catslider.news_slider .newsitem { height: 240px; } .catslider.news_slider .swiper-scrollbar { background: #ededed; margin-top: 4px; margin-right: 15px; } .catslider.news_slider .swiper-scrollbar-drag { background: #FF9900; } .catslider.news_slider .swiper-container-horizontal > .swiper-scrollbar { position: relative; width: auto; left: auto; bottom: auto; } /* delbox */ .delbox { min-height: 250px; -ms-display: flexbox; display: flex; flex-wrap: wrap; align-content: space-between; padding: 30px; -webkit-box-shadow: 0px 0px 20px rgba(46, 73, 92, 0.08); -moz-box-shadow: 0px 0px 20px rgba(46, 73, 92, 0.08); box-shadow: 0px 0px 20px rgba(46, 73, 92, 0.08); font-size: 14px; line-height: 18px; color: #2E495C; background: #fff url(/local/templates/stroitaxi_su/public/css/../images/del1.png) right center no-repeat; } .delbox.delbox2 { background-image: url(/local/templates/stroitaxi_su/public/css/../images/del2.png); } .delbox_title { width: 100%; font-weight: 700; font-size: 24px; line-height: 24px; margin: 0 0 10px; position: relative; padding-left: 34px; font-family: 'Raleway', sans-serif; } .delbox_title a{ color:inherit; text-decoration:none; } .delbox_title:before { content: ''; position: absolute; display: block; background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/plus.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 22px; height: 22px; left: 0; top: 1px; } .delbox_text { width: 100%; } .delbox_text p { margin: 0 0 16px; } .delbox_text img { margin: 0 7px 0 0; } /* Footer */ .footertop { background: #1F2E38; padding: 60px 0 40px; } .footertop .container { -ms-display: flexbox; display: flex; justify-content: space-between; position: relative; } .footertop_right { text-align: right; font-size: 14px; line-height: 16px; color: #fff; } .footertop_right p { margin: 0 0 18px; } .footertop_right p:last-child { margin: 0; } .footertop_right p span { display: block; margin: 0 0 8px; } .footertop_right a:not(.townlink) { color: #fff; text-decoration: none; } .footertop_right a.img { margin: 0 0 0 7px; display: inline-block; } .footertop_right .social { display: block; } .footertop_right .social img { height: 20px; } .copyright { background: #1F2E38; border-top: 1px solid #35424c; padding: 30px 0; font-size: 12px; line-height: 14px; color: #9F9F9F; } .copyright a { color: #FF9900; text-decoration: none; } .footmenu { -ms-display: flexbox; display: flex; width: 100%; min-width: 800px; } .footmenu > li { font-size: 16px; line-height: 18px; margin-left: 40px; } .footmenu > li:first-child { margin-left: 0; } .footmenu > li .parent { color: #9F9F9F; text-decoration: none; display: inline-block; position: relative; padding: 0 0 14px; } .footmenu > li .parent:before { content: ''; position: absolute; display: block; background: #FF9900; width: 30px; height: 1px; left: 0; bottom: 0; } .footmenu > li ul { margin-top: 20px; } .footmenu > li ul li { font-size: 14px; line-height: 16px; margin: 0 0 12px; } .footmenu > li ul li a { color: #fff; text-decoration: none; } .footmenu > li ul li a:hover { color: #FF9900; text-decoration: underline; } .footmenu > li ul li a.share_link { padding-right: 18px; position: relative; white-space: nowrap; } .footmenu > li ul li a.share_link::before { content: ''; position: absolute; display: block; background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/share.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 13px; height: 13px; right: 0; top: 1px; } .app_buttons { text-align: right; } /* catsliders */ .catslider { margin: 0 0 70px; padding: 0 40px; position: relative; } .catslider:last-child { margin: 0; } .catslider .swiper-container { position: static; } .catslider .swiper-slide { height: 200px; -ms-display: flexbox; display: flex; align-items: center; justify-content: center; } .catslider img { max-height: 180px; } .catslider .swiper-pagination { position: relative; width: auto; left: auto; bottom: auto; display: none; } .catslider-prev, .catslider-next { background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/slide-arrow.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 13px; height: 23px; outline: none; position: absolute; top: 50%; margin-top: -11px; } .catslider-prev { left: 0; } .catslider-next { transform: matrix(-1, 0, 0, 1, 0, 0); right: 0; } .catslider-nopadding { padding: 0; } /* shortpost */ .shortpost { margin: 0 0 40px; background-color:#fff;} .shortpost_text { font-size: 16px; line-height: 22px; padding:0 20px 20px 20px;box-sizing:border-box;} .shortpost_img { background-repeat: no-repeat; background-size: cover; display: block; height: 114px; } .shortpost_entry { background: #fff; margin: 0 0 10px; padding: 15px 20px; } .shortpost_name { font-size: 16px; line-height: 18px; margin: 0 0 10px; color: #202020; } .shortpost_name a { color: inherit; text-decoration: none; } .shortpost_name a:hover { color: #FF9900; text-decoration: underline; } .shortpost_date { color: #C4C4C4; font-size: 14px; line-height: 16px; } .shortpost_details { font-size: 14px; line-height: 16px; letter-spacing: 0.02em; color: #C4C4C4; -ms-display: flexbox; display: flex; align-items: center; justify-content: space-between; } .shortpost_details.dark { color: #2E495C; margin-top: 20px; } .shortpost_details a { color: inherit; text-decoration: none; } .shortpost_details span, .shortpost_details a { display: inline-block; position: relative; padding-left: 20px; margin-right: 12px; } .shortpost_details span:last-child, .shortpost_details a:last-child { margin-right: 0; } .shortpost_details span:before, .shortpost_details a:before { content: ''; position: absolute; display: block; left: 0; } .shortpost_details .likes:before { background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/heart.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 15px; height: 13px; top: 1px; } .shortpost_details .comments:before { background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/comments.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 15px; height: 15px; top: 1px; } .shortpost_details .views:before { background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/eye.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 15px; height: 9px; top: 4px; } .shortpost_details .author:before { background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/user.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 15px; height: 15px; top: 0; } .shortpost_details .reply:before { background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/reply.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 15px; height: 15px; top: 1px; } .shortpost .btn-more { margin-top: 10px; } /* subscribe */ .cat_description a { text-decoration: none; } .cat_description a:hover { text-decoration: underline; } .subscribe { -ms-display: flexbox; display: flex; align-items: center; justify-content: space-between; } .subscribe_form { -ms-display: flexbox; display: flex; align-items: center; } .subscribe_text { max-width: 285px; } .subscribe .input { width: 285px; margin-right: 60px; border-bottom-color: #000; } /* contents_list */ .contents_list li { margin: 0 0 14px; } .contents_list li:last-child { margin: 0; } .contents_list span { color: #c4c4c4; /*display: block;*/ margin: 0 6px 0 0; } /* articlefull */ .articlefull h3 { font-weight: 700; font-size: 18px; line-height: 22px; margin: 0 0 20px; } .articlefull p { margin: 0 0 20px; } .articlefull p:last-child { margin: 0 0 20px; } .articlefull_img { margin: 0 0 70px; } /* advertbox */ .advertbox { background-repeat: no-repeat; background-size: cover; height: 198px; -ms-display: flexbox; display: flex; color: inherit; align-items: flex-end; justify-content: space-between; padding: 30px; text-decoration: none; position: relative; } .advertbox:before { content: ''; position: absolute; display: block; left: 0; top: 0; right: 0; bottom: 0; background: #2E495C; mix-blend-mode: multiply; opacity: 0.6; } .advertbox_name { color: #fff; font-weight: 700; font-size: 24px; line-height: 24px; position: relative; } /* related */ .related .shortpost { margin: 0; } .related .swiper-pagination { position: relative; width: auto; left: auto; bottom: auto; margin: 20px 0 0; } /* howdo */ .howdo { position: relative; font-size: 16px; line-height: 19px; color: #9F9F9F; padding-left: 68px; margin: 0 0 80px; } .howdo_row { padding-top: 40px; } .howdo a { color: #2E495C; text-decoration: none; } .howdo a:hover { text-decoration: underline; } .howdo_text { max-width: 290px; position: relative; z-index: 5; } .howdo_title { color: #000; font-size: 18px; line-height: 22px; margin: 0 0 10px; max-width: 210px; } .howdo_title a { color: #FF9900; text-decoration: underline; } .howdo_title a:hover { text-decoration: none; } .howdo_num { font-family: 'Raleway', sans-serif; font-weight: 600; font-size: 200px; line-height: 100px; letter-spacing: 0.02em; color: rgba(255, 150, 48, 0.3); position: absolute; left: 0; top: -20px; z-index: 1; } .howdo_footer { -ms-display: flexbox; display: flex; align-items: center; justify-content: center; } .howdo_footer span { font-size: 18px; display: block; margin: 0 40px 0 0; } /* whatneed */ .whatneed { -ms-display: flexbox; display: flex; align-items: center; margin-top: 40px; } .whatneed img { display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .whatneed_img { min-width: 125px; position: relative; } .whatneed p { margin: 0; line-height: 19px; } .whatneed.isblock { display: block; text-align: center; } .whatneed.isblock .whatneed_img { min-width: 0; height: 120px; align-items: center; -ms-display: flexbox; display: flex; } .whatneed.isblock img { position: relative; left: auto; top: auto; transform: translateY(0); margin: 0 auto; } /* advantages */ #advantages { padding: 60px 0; color: #202020; line-height: 19px; } #advantages .pagetitle { margin: 0; } .advants { -ms-display: flexbox; display: flex; align-items: flex-start; max-width: 320px; min-height: 38px; margin-top: 40px; } .advants_icon { min-width: 84px; } .advants img { display: block; margin-right:15px; } .advants.top { align-items: flex-start; margin-top: 70px; } .advants_title { color: #202020; margin: 0 0 12px; } .advants_text { color: #9F9F9F; font-size: 16px; line-height: 16px; } .advants h6 { font-size: 16px; line-height: 16px; color: #202020; margin: 0 0 10px; font-weight: 400; } /* our_clients */ #our_clients .swiper-slide img { display: block; margin: 0 auto; } #our_clients .slide_wrapper { padding: 0 24px; position: relative; } #our_clients .swiper-container { position: static; } #our_clients .swiper-pagination { position: relative; width: auto; left: auto; bottom: auto; text-align: center; padding-top: 10px; display: none; } #our_clients .swiper-button-prev, #our_clients .swiper-button-next { background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/prev-blue.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 12px; height: 22px; position: absolute; top: 50%; margin-top: -11px; cursor: pointer; } #our_clients .swiper-button-prev::after, #our_clients .swiper-button-next::after { content: none; display: none; } #our_clients .swiper-button-prev { left: 0; } #our_clients .swiper-button-next { right: 0; transform: matrix(-1, 0, 0, 1, 0, 0); } /* map_section */ .section.map_section { background: url(/local/templates/stroitaxi_su/public/css/../images/uploads/map.jpg) center 0 no-repeat; min-height: 500px; padding: 60px 0 0; } .section.map_section.map_relacode{ position: relative; background-image: none; min-height: auto; padding-top: 0; margin-top: 30px; } .section.map_section.map_relacode .matextbox{ position: absolute; left: 7%; top: 20%; background-color: rgba(255,255,255,.85); z-index: 10; padding: 30px; box-sizing: border-box; } .section.map_section.map_relacode .matextbox .map_text{ margin-bottom:30px; } .section.map_section .container { -ms-display: flexbox; display: flex; justify-content: space-between; align-items: flex-start; } .section.map_section .map_text { font-size: 24px; line-height: 31px; color: #202020; max-width: 390px; } .section.map_section .map_text b { color: #FF9900; font-weight: 700; } /* watch_video */ .watch_video { min-width: 200px; text-align: center; font-weight: 400; letter-spacing: 0; font-family: 'Roboto Condensed', sans-serif; } .watch_video_name { color: #fff; font-size: 18px; line-height: 20px; display: block; margin: 0 0 6px; } .watch_video_name a { color: inherit; text-decoration: none; } .watch_video small { display: block; font-size: 14px; line-height: 14px; color: #FF9900; } .watch_video_play { background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/play.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 30px; height: 51px; display: block; margin: 0; position: relative; } .watch_video_play::before { content: ''; position: absolute; display: block; width: 290px; height: 290px; left: 50%; top: 50%; margin: -145px 0 0 -145px; z-index: -1; background: radial-gradient(50% 50% at 50% 50%, rgba(255, 153, 0, 0.48) 0%, rgba(255, 153, 0, 0) 100%); } .watch_video .watch_video_play { margin: 0 auto 48px; } /* contact_card */ .contact_card { background: #f4f4f4; -ms-display: flexbox; display: flex; padding: 20px; padding-left: 40px; margin: 0 auto 40px; max-width: 1000px; width: 100%; justify-content: space-between; font-size: 14px; line-height: 16px; } .contact_card:last-child { margin-bottom: 0; } .contact_card_left { -ms-display: flexbox; display: flex; } .contact_card_right, .contact_card_entry { -ms-display: flexbox; display: flex; flex-wrap: wrap; align-content: space-between; justify-content: flex-end; } .contact_card_phones { width: 100%; text-align: right; } .contact_card_photo { min-width: 100px; max-width: 100px; margin-right: 60px; } .contact_card_photo img { display: block; border-radius: 50%; -ms-border-radius: 50%; } .contact_card_entry { justify-content: normal; } .contact_card_name { width: 100%; color: #9f9f9f; } .contact_card_name span { color: #000; display: block; font-size: 18px; line-height: 21px; margin: 0 0 7px; } /* contact_form */ .contact_form { max-width: 1000px; margin: 0 auto; width: 100%; } .contact_form textarea.input { background: #fff; min-height: 180px; height: 100%; padding: 24px 30px; border: 0; margin: 0; display: block; width: 100%; } .contact_form .form-group { margin: 0 0 30px; } /* contacts_header */ .contacts_header { font-size: 16px; line-height: 24px; -ms-display: flexbox; display: flex; justify-content: space-between; } .contacts_header p { margin: 0 0 24px; } .contacts_header a { color: inherit; text-decoration: none; } .contacts_header small { display: block; font-size: 14px; } .contacts_header small a { color: #FF9900; text-decoration: underline; } .contacts_header iframe { display: block; border: 0; width: 670px; height: 100%; margin: 0; padding: 0; } .contacts_header_left { padding: 30px 0; } .contacts_header .social { margin: 0; } /* cardfeat */ .cardfeat { background: #fff; -webkit-box-shadow: 0px 0px 20px rgba(46, 73, 92, 0.08); -moz-box-shadow: 0px 0px 20px rgba(46, 73, 92, 0.08); box-shadow: 0px 0px 20px rgba(46, 73, 92, 0.08); padding: 30px; margin: 0 0 40px; } .cardfeat_title { font-weight: 700; font-size: 20px; line-height: 24px; margin: 0 0 20px; color: #202020; font-family: 'Raleway', sans-serif; } .cardfeat .form-group { margin: 0 0 25px; } .form-group .cardfeat_title { margin: 0 0 10px; } .cardfeat .jq-selectbox__select { color: #FF9900; } .cardfeat_list { margin: 0 0 40px; max-width: 347px; } .cardfeat_list li { -ms-display: flexbox; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e6e6e6; font-size: 16px; line-height: 16px; color: #9F9F9F; padding-bottom: 12px; margin: 0 0 12px; } .cardfeat_list li:last-child { border: 0; margin: 0; padding: 0; } .cardfeat_list li b { font-weight: 700; color: #2E495C; } .cardfeat_wrapper .pagetitle { margin: 0 0 20px; } .cardfeat_wrapper .freetech { margin: 0 0 20px; } /* Service list */ .service_list:after { content: ''; clear: both; display: block; } .service_item { background: #fff; -webkit-box-shadow: 0px 0px 20px rgba(46, 73, 92, 0.08); -moz-box-shadow: 0px 0px 20px rgba(46, 73, 92, 0.08); box-shadow: 0px 0px 20px rgba(46, 73, 92, 0.08); position: relative; display: inline-block; color: #2E495C; font-size: 20px; line-height: 22px; font-weight: 500; font-family: 'Raleway', sans-serif; padding: 30px; padding-left: 64px; text-decoration: none; float: left; margin: 0 30px 30px 0; } .service_item:before { content: ''; position: absolute; display: block; background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/plus.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 22px; height: 22px; left: 30px; top: 30px; } /* whyus */ .whyus { text-align: center; } .whyus_img { -ms-display: flexbox; display: flex; height: 100px; align-items: center; margin: 0 0 17px; } .whyus span { display: block; font-size: 16px; line-height: 19px; text-transform: uppercase; } /* card_about */ .card_about { position: relative; overflow: hidden; } .card_about_bg { background-repeat: no-repeat; background-size: cover; position: absolute; left: 50%; top: 0; width: 900px; bottom: 0; } .card_about_bg:before { content: ''; position: absolute; display: block; background: linear-gradient(180.06deg, #2E495C -1.63%, rgba(46, 73, 92, 0) -1.62%, #2E495C 99.91%); width: 100%; left: 0; bottom: 0; height: 85%; } .card_about .article { min-height: 520px; -ms-display: flexbox; display: flex; align-items: center; padding-right: 50px; } .card_about .article a { text-decoration: none; } .card_about .article a:hover { text-decoration: underline; } /* helpbox */ .helpbox { background: #fff; -webkit-box-shadow: 0px 0px 20px rgba(46, 73, 92, 0.08); -moz-box-shadow: 0px 0px 20px rgba(46, 73, 92, 0.08); box-shadow: 0px 0px 20px rgba(46, 73, 92, 0.08); padding: 30px; margin: 0; font-size: 18px; line-height: 22px; color: #000; } .helpbox a { color: #2E495C; text-decoration: none; margin-right: 8px; } .helpbox span { margin-right: 8px; } .helpbox p { margin: 0 0 7px; } .helpbox p:last-child { margin: 0; } .helpbox a:hover { text-decoration: underline; } .helpbox .grid-5 { font-weight: 700; font-size: 20px; line-height: 26px; color: #202020; font-family: 'Raleway', sans-serif; } .helpbox_inner { border-left: 1px solid #ececec; padding-left: 30px; } /* cardtop_mobile */ .cardtop_mobile { margin: 0 0 30px; } .cardtop_mobile .pagetitle { margin: 0 0 10px; } .cardtop_mobile .freetech { color: #000; } /* gallery */ .gallery { margin: 0 0 30px; } .gallery_top { margin: 0 0 20px; } .gallery_top img { display: block; width: 100%; } .gallery_top .swiper-pagination { display: none; } .gallery-prev, .gallery-next { background: #2e495c url(/local/templates/stroitaxi_su/public/css/../images/svg/prev.svg) center center no-repeat; position: relative; display: block; width: 60px; height: 57px; border-bottom: 3px solid #FF9900; position: absolute; bottom: 0; z-index: 10; cursor: pointer; } .gallery-prev.swiper-button-disabled, .gallery-next.swiper-button-disabled { opacity: 0.5; cursor: default; } .gallery-prev { right: 58px; } .gallery-next { transform: matrix(-1, 0, 0, 1, 0, 0); right: 0; } .gallery_thumbs .swiper-slide { height: 90px; background-repeat: no-repeat; cursor: pointer; background-size: cover; position: relative; } .gallery_thumbs .swiper-slide:before { content: ''; position: absolute; display: block; background: #fff; opacity: 0.5; left: 0; top: 0; right: 0; bottom: 0; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; } .gallery_thumbs .swiper-slide.swiper-slide-thumb-active:before { opacity: 0; visibility: hidden; } .gallery_thumbs .swiper-slide:hover { -webkit-box-shadow: inset 0 0 0 1px #FF9900; -moz-box-shadow: inset 0 0 0 1px #FF9900; box-shadow: inset 0 0 0 1px #FF9900; } /* cases_box */ .cases_box { min-width: 280px; max-width: 280px; margin: 0; background-color:#fff; padding:15px; box-sizing:border-box;} .cases_title { text-align: left; font-size: 16px; line-height: 16px; border-bottom: 1px solid #000; padding: 0 0 10px; margin: 0 0 20px; } .cases_list { text-align: left; font-size: 14px; line-height: 14px; color: #9F9F9F; } .cases_list li { position: relative; padding-left: 10px; margin: 0 0 10px; -ms-display: flexbox; display: flex; justify-content: space-between; align-items: center; } .cases_list li:before { content: ''; position: absolute; display: block; border-radius: 5px; -ms-border-radius: 5px; width: 5px; height: 5px; background: #2CDD33; left: 0; top: 4px; } .cases_list li:last-child { margin: 0; } .cases_list_val { color: #000; min-width: 82px; max-width: 82px; } .cases_row { -ms-display: flexbox; display: flex; justify-content: space-between; margin: 70px 0 100px; } /* howsteps */ .howsteps { -ms-display: flexbox; display: flex; font-size: 16px; line-height: 18px; letter-spacing: 0.02em; color: #000; text-align: center; text-transform: uppercase; margin: 50px 0 96px; } .howsteps li { position: relative; padding-right: 28px; margin-right: 22px; } .howsteps li:before { display:none; content: ''; position: absolute; background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/arrow.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; vertical-align: middle; width: 16px; height: 28px; right: 0; top: 3px; } .howsteps li:last-child { margin: 0; padding: 0; } .howsteps li:last-child:before { content: none; display: none; } .howsteps li .bignum{ position: absolute; left: -20px; top: 5px; color: #FF9900; font-size: 34px; font-weight: 600; } /* first_step */ .first_step { -ms-display: flexbox; display: flex; align-items: center; margin: 0 0 96px; } .first_step .btn { white-space: nowrap; margin: 0 40px 0 25px; } .first_step_title { font-size: 24px; line-height: 24px; color: #202020; white-space: nowrap; } .first_step small { display: block; font-size: 16px; line-height: 19px; letter-spacing: 0.02em; color: #9F9F9F; } /* formbg_wrapper */ .formbg_wrapper .formbg { background: 0; } .formbg_wrapper .formbg_title { font-size: 24px; line-height: 28px; margin: 0 0 20px; color: #202020; } .formbg_wrapper .formbg .container { height: auto; padding: 0; margin: 0; } .formbg_wrapper .input { border-bottom-color: #000; } .formbg_wrapper .btn { min-width: 246px; max-width: 246px; } /* reviewbox */ #reviews_slider { position: relative; overflow: hidden; } #reviews_slider .swiper-pagination { position: relative; width: auto; left: auto; bottom: auto; margin: 20px 0 0; display: none; } .reviewbox_meta { -ms-display: flexbox; display: flex; justify-content: space-between; align-items: center; font-size: 14px; line-height: 17px; padding-top: 15px; } .reviewbox_meta a { color: #2E495C; text-decoration: none; } .reviewbox_meta a:hover { text-decoration: underline; } .reviewbox_author { font-size: 14px; line-height: 17px; color: #9F9F9F; } .reviewbox_author b { color: #000; font-weight: 400; } .reviewbox_social { position: relative; } .reviewbox_social.vk { padding-left: 38px; } .reviewbox_social.vk:before { content: ''; position: absolute; display: block; background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/vk.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 27px; height: 15px; left: 0; top: 0; } .reviewbox .order-first { -ms-display: flexbox; display: flex; align-items: center; padding-bottom: 57px; } .reviewbox p { max-width: 370px; } .reviewbox_arrows { -ms-display: flexbox; display: flex; position: absolute; left: 0; bottom: 0; z-index: 100; } .reviewbox-prev, .reviewbox-next { background: #2e495c url(/local/templates/stroitaxi_su/public/css/../images/svg/prev.svg) center center no-repeat; position: relative; display: block; width: 60px; height: 57px; border-bottom: 3px solid #FF9900; cursor: pointer; } .reviewbox-prev.swiper-button-disabled, .reviewbox-next.swiper-button-disabled { opacity: 0.5; cursor: default; } .reviewbox-next { transform: matrix(-1, 0, 0, 1, 0, 0); } /* popular_cat */ .popular_cats { position:relative; margin: -10px -8px 34px; } .popular_cats .swiper-nav { --swiper-theme-color:#FF9900; } .popular_cats .swiper-button-prev { left:-40px; } .popular_cats .swiper-button-next { right:-40px; } .popular_cats [class*="grid-"] { margin-bottom: 16px; } .popular_cats .swiper-pagination { position: relative; width: auto; left: auto; bottom: auto; display: none; } .popular_cat { background: #fff; box-shadow: 0px 0px 14px rgba(46, 73, 92, 0.08); min-height: 160px; padding: 14px; margin: 8px; -ms-display: flexbox; display: flex; align-items: center; justify-content: center; text-decoration: none; } .popular_cat_img { display: block; height: 50px; -ms-display: flexbox; display: flex; justify-content: center; align-items: flex-end; margin: 0 0 14px; } .popular_cat_img img { max-height: 50px; } .popular_cat_name { font-size: 18px; line-height: 22px; color: #2E495C; height: 44px; display: block; text-align: center; } .popular_cat:hover .popular_cat_name { color: #FF9900; text-decoration: underline; } /* video_container */ .video_container { margin: 0 0 60px; position: relative; } .video_container img, .video_container iframe { display: block; position: relative; margin: 0; padding: 0; border: 0; width: 100%; } .video_container_play { background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/play-yt.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 86px; height: 86px; display: block; position: absolute; left: 50%; top: 50%; margin: -43px 0 0 -43px; } /* advants2 */ .advants2 { font-size: 18px; line-height: 20px; color: #202020; } .advants2_top { margin-bottom: 80px; } .advants2_top .grid-4 { -ms-display: flexbox; display: flex; align-items: flex-start; text-align: left; } .advants2_top img { width: 100px; margin-right: 20px; } .advants2_top b { display: block; color: #ffe0c1; font-weight: 700; font-size: 72px; line-height: 60px; margin: 0; } .advants2 .btn { display: block; } /* map_container */ .map_main { background: #f8f8f8; padding: 20px 0 100px; } .map_main .breadcrumbs { margin-top: 0; } .map_container { position: relative; margin: 0; } .map_container iframe { border: 0; display: block; margin: 0; padding: 0; height: 500px; width: 100%; } .map_container-filter { position: absolute; left: 20px; top: 20px; } .map_container-pin { position: absolute; } .map_container-val { background: #FF9900; width: 37px; height: 37px; position: relative; -ms-display: flexbox; display: flex; align-items: center; text-decoration: none; border-radius: 50%; -ms-border-radius: 50%; color: #fff; font-size: 16px; line-height: 37px; text-align: center; justify-content: center; cursor: pointer; } .map_container-val.opened { z-index: 1010; } .map_container-val::after { content: ''; position: absolute; display: block; border: 6px solid transparent; border-top: 10px solid #FF9900; left: 50%; margin-left: -6px; top: 33px; } .map_container-val.green { background: #8FDD2C; } .map_container-val.green::after { border-top-color: #8FDD2C; } .map_container-val.red { background: #EE4444; } .map_container-val.red::after { border-top-color: #EE4444; } .map_container-val img { max-width: 22px; } /* filter_popup / pin_popup */ .filter_popup, .pin_popup { background: #fff; box-shadow: 0px 0px 20px rgba(46, 73, 92, 0.4); border-radius: 4px; -ms-border-radius: 4px; position: absolute; padding: 15px 18px 20px; display: none; } .filter_popup .btn, .pin_popup .btn { display: block; padding: 9px 14px; font-size: 18px; line-height: 20px; margin-top: 15px; } .filter_popup .close, .pin_popup .close { background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/close.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 12px; height: 12px; display: block; right: 13px; top: 10px; position: absolute; } .filter_popup { left: 0; width: 233px; margin-top: 10px; z-index: 1015; padding: 26px 8px 18px 20px; } .filter_popup p { margin: 0 0 8px; } .filter_popup .btn { margin-right: 10px; } .filter_popup .check-field { color: #2E495C; font-size: 16px; line-height: 18px; } .filter_popup .swiper-container { height: 174px; } .filter_popup .swiper-slide { height: auto; padding-right: 10px; } .filter_popup .swiper-scrollbar-drag { background: #FF9900; } .pin_popup { left: 18px; top: 18px; width: 220px;/*212px;*/ z-index: 1000; } .pin_popup_list { color: #2E495C; font-size: 16px; line-height: 19px; margin: 0 0 20px; } .pin_popup_list li { margin: 0 0 10px; } .pin_popup_name { color: #9F9F9F; display: inline-block; min-width: 70px; } .pin_popup_img { filter: drop-shadow(0px 0px 10px rgba(255, 204, 1, 0.42)); margin: 0 0 20px; position: relative; } .pin_popup_img img { display: block; width: 100%; } .pin_popup_stat { padding-left: 15px; position: relative; } .pin_popup_stat::before { content: ''; position: absolute; display: block; background: #EE4444; width: 10px; height: 10px; border-radius: 50%; -ms-border-radius: 50%; left: 0; top: 5px; } .pin_popup_stat.on::before { background: #8FDD2C; } /* btn-filter */ .btn.btn-filter { font-size: 16px; line-height: 20px; padding: 10px 46px 10px 15px; color: #fff; position: relative; } .btn.btn-filter::before { content: ''; position: absolute; display: block; background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/levels.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 21px; height: 15px; right: 13px; top: 12px; } /* End */ /* Start:/local/templates/stroitaxi_su/public/css/resp.css?169053066055454*/ @import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,400&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,700;1,400&display=swap"); /* === Reset === */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body { min-height: 100%; margin: 0; } body { font-size: 16px; line-height: 22px; font-family: 'Roboto Condensed', sans-serif; margin: 0; } main { display: block; } img { border: 0; height:auto; max-width: 100%; } p { margin: 0 0 20px; } p:last-child { margin: 0; } ul, ol { padding: 0; margin: 0; } li { list-style: none; } a, input, textarea { outline: none; } a { color: #FF9900; } a:hover { text-decoration: none; } th { font-weight: normal; text-align: left; } fieldset { padding: 0; border: 0; margin: 0; } blockquote { margin: 0; padding: 0; } textarea { resize: none; overflow: auto; } input::-moz-focus-inner { border: 0; padding: 0; } .clear { clear: both; display: block; } .w100 { width: 100%; } .swiper-pagination-bullet { background: #d1d1d1; opacity: 1; } .swiper-pagination-bullet-active { background: #FF9900; } /* === Responsive grid === */ .clear { clear: both; display: block; } .clearfix:after { content: ''; clear: both; display: block; } .container { margin: 0 auto; width: 1170px; } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .row.valign-center { align-items: center; } [class*='grid-'] { padding-left: 15px; padding-right: 15px; width: 100%; } .grid-20 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .grid-2 { -ms-flex: 0 0 16.666666%; flex: 0 0 16.666666%; max-width: 16.666666%; } .grid-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .grid-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .grid-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .grid-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .grid-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .grid-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .grid-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .grid-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .order-first { -ms-flex-order: -1; order: -1; } .order-last { -ms-flex-order: 13; order: 13; } .offset-4 { margin-left: 33.333333%; } .pull-right { float: right; } .text-center { text-align: center; } .text-right { text-align: right; } .sm-visible, .tb-visible { display: none; } /* section's */ .mainwrap { overflow: hidden; min-height: 100%; } .section { padding: 60px 0; } .section.grey { background: #f8f8f8; } .pagetitle { color: #202020; font-size: 32px; line-height: 38px; position: relative; font-weight: 700; font-family: 'Raleway', sans-serif; margin: 0 0 30px; } .pagetitle:before { content: ''; position: absolute; display: block; background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/trapecia2.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 70px; height: 11px; left: -2px; bottom: 5px; } .pagetitle span { position: relative; z-index: 5; } .pagetitle.white { color: #fff; } /* === FORMS === */ .input, .btn { font-family: 'Roboto Condensed', sans-serif; -webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; outline: none; } .input { background: 0; border: 0; border-bottom: 1px solid #FF9900; border-radius: 0; -ms-border-radius: 0; padding: 10px 0; font-size: 16px; line-height: 20px; color: #202020; font-family: 'Roboto Condensed', sans-serif; height: 40px; } .input.invalid { border-bottom-color: #DC4700; } .input.datepicker { background: url(/local/templates/stroitaxi_su/public/css/../images/svg/calendar.svg) right center no-repeat; padding-right: 28px; } /* === Button === */ .btn { background: #FF9900; border: 1px solid transparent; cursor: pointer; display: inline-block; text-decoration: none; color: #fff; border-radius: 40px; -ms-border-radius: 40px; font-size: 18px; line-height: 22px; text-align: center; letter-spacing: 0.02em; text-transform: uppercase; color: #2E495C; vertical-align: middle; white-space: normal; padding: 18px 54px; -webkit-box-shadow: 0px 0px 20px rgba(255, 153, 0, 0.5); -moz-box-shadow: 0px 0px 20px rgba(255, 153, 0, 0.5); box-shadow: 0px 0px 20px rgba(255, 153, 0, 0.5); transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; } .btn.block { display: block; } .btn.full { width: 100%; } .btn-small { padding: 8px 30px; } .btn:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-border { background: 0; border-color: #627685; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-border:hover { background: #627685; color: #fff; } .btn-border-orange { background: 0; border-color: #FF9900; color: #FF9900; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-border-orange:hover { background: #FF9900; color: #2E495C; } .btn-more { font-size: 16px; line-height: 19px; letter-spacing: 0.02em; text-decoration: none; display: inline-block; color: #FF9900; padding-right: 16px; position: relative; } .btn-more:before { background: #FF9900 url(/local/templates/stroitaxi_su/public/css/../images/svg/chevron-more.svg) 4px center no-repeat; content: ''; position: absolute; display: block; border-radius: 50%; -ms-border-radius: 50%; width: 12px; height: 12px; right: 0; top: 4px; } input.btn, button.btn { padding-top: 0; padding-bottom: 0; height: 60px; line-height: 60px; } input.btn-small, button.btn-small { height: 40px; line-height: 40px; } /* tabs */ .tabs { margin-bottom: 15px; } .tabs:after { content: ''; clear: both; display: block; } .tabs li { float: left; margin: 0 15px 15px 0; font-size: 16px; line-height: 18px; text-align: center; } .tabs li a { border: 1px solid #627685; color: #2E495C; border-radius: 40px; -ms-border-radius: 40px; display: block; text-decoration: none; min-width: 150px; padding: 10px 24px; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; } .tabs li.active a, .tabs li:hover a { background: #FF9900; border-color: transparent; -webkit-box-shadow: 0px 0px 20px rgba(255, 153, 0, 0.5); -moz-box-shadow: 0px 0px 20px rgba(255, 153, 0, 0.5); box-shadow: 0px 0px 20px rgba(255, 153, 0, 0.5); } .tabs li.active a:hover, .tabs li:hover a:hover { color: #2E495C; } /* whatsapp / tme */ .whatsapp, .tme, .viber { position: relative; display: inline-block; padding-left: 20px; } .whatsapp:before, .tme:before, .viber:before { content: ''; position: absolute; display: block; left: 0; top: 2px; } .whatsapp:before { background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/whatsapp.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 16px; height: 16px; } .tme:before { background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/tme.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 16px; height: 16px; } .viber:before { background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/viber.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 16px; height: 16px; } /* bars */ .bars { position: relative; width: 32px; height: 22px; display: block; } .bars:before { content: ''; position: absolute; display: block; background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/bars.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 32px; height: 22px; display: block; left: 50%; top: 50%; margin: -11px 0 0 -16px; } .bars.active:before { background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/close-nav.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 22px; height: 22px; } /* icon_user */ .icon_user { background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/user.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 18px; height: 18px; display: block; } /* tech_map */ .tech_map { color: #202020; font-weight: 300; font-size: 16px; line-height: 19px; display: inline-block; position: relative; padding-left: 29px; text-decoration: none; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; } .tech_map:before { content: ''; position: absolute; display: block; background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/map.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 19px; height: 19px; left: 0; top: 0; } .tech_map:hover { color: #FF9900; } /* === Radio / Checkbox === */ input[type='radio'], input[type='checkbox'] { -webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; outline: none; padding: 0; display: inline-block; vertical-align: middle; position: relative; cursor: pointer; } input[type='radio'] { border-radius: 50%; -ms-border-radius: 50%; width: 16px; height: 16px; border: 1px solid #FF9900; background: url(/local/templates/stroitaxi_su/public/css/../images/svg/dot.svg) -9999px -9999px no-repeat; background-size: 10px 10px; } input[type='radio']:checked { background-position: center center; } input[type='checkbox'] { border: 1px solid #FF9900; border-radius: 2px; -ms-border-radius: 2px; width: 16px; height: 16px; background: url(/local/templates/stroitaxi_su/public/css/../images/svg/check.svg) center center no-repeat; background-size: 12px 12px; } input[type='checkbox']:checked { background-color: #FF9900; } /* === Select === */ .jq-selectbox__select { background: 0; border: 0; border-bottom: 1px solid #FF9900; padding: 0 28px 0 0; font-size: 16px; line-height: 40px; color: #202020; font-family: 'Roboto Condensed', sans-serif; height: 40px; cursor: pointer; text-align: left; } .jq-selectbox__select-text { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .jq-selectbox__trigger { background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/chevron-down.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 13px; height: 8px; right: 0; top: 50%; margin-top: -4px; position: absolute; } .jq-selectbox.opened .jq-selectbox__trigger { transform: matrix(1, 0, 0, -1, 0, 0); } .jq-selectbox__dropdown { background: #fff; -webkit-box-shadow: 0px 20px 40px rgba(46, 73, 92, 0.5); -moz-box-shadow: 0px 20px 40px rgba(46, 73, 92, 0.5); box-shadow: 0px 20px 40px rgba(46, 73, 92, 0.5); width: 100%; max-width: 100%; } .jq-selectbox__dropdown ul li { background: 0; color: #222; cursor: pointer; padding: 10px; font-size: 14px; line-height: 17px; white-space: normal; } .jq-selectbox__dropdown ul li:hover { background: #e2e2e2; } .jq-selectbox__dropdown ul li.optgroup { background: #e2e2e2; } /* === Fields === */ .check-field { position: relative; padding-left: 24px; display: inline-block; cursor: pointer; } .check-field input[type='radio'], .check-field input[type='checkbox'] { position: absolute; left: 0; top: 0; } .check-field.grey { color: #b1b1b1; } .check-field.grey a { color: #202020; } .form-group { display: block; margin: 0 0 20px; position: relative; } .form-group label { display: block; margin: 0 0 6px; } .form-group .input, .form-group .jq-selectbox { width: 100%; } .form-group .error-text { color: #DC4700; margin-top: 6px; font-size: 12px; line-height: 12px; } /* spoiler */ .spoiler { border-bottom: 1px solid #FF9900; margin: 0 0 30px; max-width: 962px; } .spoiler:last-child { margin: 0; } .spoiler_name { color: #202020; font-size: 20px; line-height: 23px; cursor: pointer; } .spoiler_name a { color: inherit; display: inline-block; text-decoration: none; position: relative; padding-bottom: 18px; padding-right: 50px; } .spoiler_name a:after { content: ''; position: absolute; display: block; background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/spoiler.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 24px; height: 12px; right: 0; top: 5px; } .spoiler_hide { background: #fff; color: #202020; font-size: 16px; line-height: 22px; border-radius: 0 30px 30px 30px; -ms-border-radius: 0 30px 30px 30px; padding: 27px 30px; display: none; } .spoiler.opened { border-bottom: 0; } .spoiler.opened .spoiler_name a:after { transform: matrix(1, 0, 0, -1, 0, 0); -ms-transform: matrix(1, 0, 0, -1, 0, 0); } /* modal */ .fancybox-bg { background: #2E495C; } .fancybox-is-open .fancybox-bg { opacity: 0.7; } .modal { background: #fff; max-width: 406px; width: 100%; color: #2E495C; padding: 40px; position: relative; font-size: 16px; line-height: 19px; display: none; } .modal_close { background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/close.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 15px; height: 15px; right: 20px; top: 20px; display: block; position: absolute; } .modal_title { font-weight: 700; font-size: 24px; line-height: 28px; margin: 0 0 18px; font-family: 'Raleway', sans-serif; } .modal_title2 { margin: 0 0 10px; } .modal p { margin: 20px 0; } .modal .small { color: #abb6be; margin: 20px 0; } .modal a { color: #2E495C; } .modal_flex { -ms-display: flexbox; display: flex; } .modal_img { min-width: 200px; max-width: 200px; margin-right: 19px; margin-bottom: 20px; } .modal_img img { display: block; } #ordercat { max-width: 625px; } #order_ok .social { justify-content: center; } .signin_header { -ms-display: flexbox; display: flex; justify-content: space-between; margin: 0 0 20px; } .signin_header a { color: #FF9900; } /* townlink */ .townlink { position: relative; padding-left: 16px; color: #FF9900; display: inline-block; } .townlink::before { content: ''; position: absolute; display: block; background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/pin.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 13px; height: 13px; left: 0; top: 1px; } /* select_town */ .select_town { position: relative; } .select_town_link { color: #FF9900; display: inline-block; position: relative; text-decoration: none; font-size: 14px; line-height: 17px; padding: 0 0 0 19px; position: relative; z-index: 1000; white-space: nowrap; } .select_town_link::before { content: ''; position: absolute; display: block; } .select_town_link::before { background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/pin.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 13px; height: 13px; left: 0; top: 1px; } .select_town_link span { border-bottom: 1px dotted #FF9900; } .select_town_link-phone { padding-right: 0; } .select_town_link-phone::after { content: none; display: none; } .select_town_link-phone::before { background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/call.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 13px; height: 13px; top: 2px; } .select_town_modal { background: #fff; max-width: 770px; width: 100%; padding: 40px; position: relative; display: none; font-size: 14px; line-height: 16px; box-shadow: 0px 20px 40px rgba(46, 73, 92, 0.5); } .select_town_modal_title { color: #2E495C; margin: 0 0 20px; font-size: 18px; line-height: 20px; } .select_town_modal_title span { color: #FF9900; } .select_town_modal .searchbox { border-bottom-color: #2E495C; min-width: 0; max-width: none; width: 205px; margin: 0 0 30px; } .select_town_modal .searchbox_input { color: #2E495C; } .select_town_modal .close { background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/close.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 16px; height: 16px; display: block; position: absolute; right: 15px; top: 15px; } /* SEARCH */ .search_header { position: relative; margin-left: 20px; } .search_icon { background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/lens.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 18px; height: 18px; display: block; } .search_icon.opened { background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/close.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 18px; height: 18px; } /* townlist */ .swiper-container-vertical > .swiper-scrollbar { width: 3px; } .townlist { position: relative; margin-right: -30px; padding-right: 10px; } .townlist .swiper-container { height: 206px; width: 100%; } .townlist .swiper-slide { height: auto; } .townlist .swiper-scrollbar { background: #ffcb98; } .townlist .swiper-scrollbar-drag { background: #FF9900; } .townlist_col { column-count: 3; -ms-column-count: 3; column-gap: 20px; -ms-column-gap: 20px; } .townlist ul { position: relative; padding: 0; padding-left: 27px; margin: 0; width: 100%; display: inline-block; } .townlist ul li { font-size: 14px; line-height: 17px; margin: 0 0 20px; color: #9F9F9F; } .townlist ul li a { color: inherit; text-decoration: none; } .townlist ul li a:hover { color: #FF9900; text-decoration: underline; } .townlist ul li.townlist_letter { font-size: 18px; line-height: 20px; position: absolute; color: #FF9900; left: 0; top: -2px; } /* searchbox */ .searchbox { border-bottom: 1px solid #fff; min-width: 315px; max-width: 315px; position: relative; padding-right: 24px; } .searchbox_input { -webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; outline: none; background: 0; border: 0; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; line-height: 20px; padding: 5px 0; color: #202020; width: 100%; } .searchbox_btn { -webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; outline: none; background: 0; border: 0; cursor: pointer; text-indent: -9999px; background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/lens.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 15px; height: 15px; position: absolute; right: 0; top: 8px; padding: 0; } /* searchwin */ .searchwin { position: fixed; width: 100%; left: 0; top: auto; background: #fff; z-index: 1000; -webkit-box-shadow: 0px 4px 20px rgba(46, 73, 92, 0.4); -moz-box-shadow: 0px 4px 20px rgba(46, 73, 92, 0.4); box-shadow: 0px 4px 20px rgba(46, 73, 92, 0.4); height: 50px; display: none; } .searchwin_inner { position: relative; padding-right: 30px; } .searchwin .searchbox_input { height: 50px; } .searchwin .searchbox_btn { background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/lens.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 24px; height: 24px; top: 12px; } .searchwin.fixed { top: 70px; } /* breadcrumbs */ .breadcrumbs { font-size: 14px; line-height: 16px; margin: 18px 0 20px; color: #C4C4C4; } .breadcrumbs a { color: inherit; position: relative; text-decoration: none; padding-right: 17px; margin-right: 8px; } .breadcrumbs a:after { content: ''; position: absolute; display: block; background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/bread.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 5px; height: 9px; right: 0; top: 4px; } .breadcrumbs span { color: #FF9900; } /* ontop */ #ontop { background: #fff url(/local/templates/stroitaxi_su/public/css/../images/svg/top.svg) center center no-repeat; display: block; position: fixed; border: 1px solid #FF9900; -webkit-box-shadow: 0px 0px 20px rgba(46, 73, 92, 0.19); -moz-box-shadow: 0px 0px 20px rgba(46, 73, 92, 0.19); box-shadow: 0px 0px 20px rgba(46, 73, 92, 0.19); right: 20px; bottom: 20px; width: 40px; height: 40px; cursor: pointer; z-index: 1000; background-size: 16px 22px; display: none; } /* article_short */ .article_short { -ms-display: flexbox; display: flex; align-items: flex-end; justify-content: space-between; width: 100%; font-size: 16px; line-height: 22px; } .article_short_text { max-width: 470px; } .article_short_meta { -ms-display: flexbox; display: flex; align-items: center; } .article_short .authorbox { margin-left: 20px; } /* social */ .social { -ms-display: flexbox; display: flex; align-items: center; margin: 0 0 30px; } .social a { margin-right: 22px; vertical-align: middle; display: inline-block; } .social a:last-child { margin: 0; } .social img { display: block; } .social span { font-size: 16px; margin: 0 25px 0 0; } /* authorbox */ .authorbox { -ms-display: flexbox; display: flex; align-items: center; font-size: 14px; line-height: 14px; color: #fff; } .authorbox img { border-radius: 50%; -ms-border-radius: 50%; display: block; min-width: 50px; height: 50px; margin-right: 18px; } .authorbox span { display: block; color: #FF9900; margin: 0 0 3px; } /* videobox */ .videobox { position: relative; } .videobox:before { content: ''; position: absolute; display: block; left: 0; top: 0; right: 0; bottom: 0; background: #2E495C; opacity: 0.7; } .videobox img { display: block; width: 100%; } .videobox .watch_video_play { position: absolute; left: 50%; top: 50%; z-index: 100; margin: -25px 0 0 -15px; } .videobox .watch_video_play::before { width: 160px; height: 160px; margin: -80px 0 0 -80px; } .datetime { background: #fff; box-shadow: 0px 20px 40px rgba(46, 73, 92, 0.5); transition: all 240ms ease-in-out; -ms-transition: all 240ms ease-in-out; width: 290px; position: absolute; left: 0; z-index: 1000; opacity: 0; visibility: hidden; } .datetime.opened { opacity: 1; visibility: visible; } .datetime_time { background: #ebedef; -ms-display: flexbox; display: flex; align-items: center; justify-content: space-between; padding: 10px 20px; } .datetime_time label { display: block; white-space: nowrap; color: #202020; font-size: 16px; line-height: 16px; margin: 0 15px 0 0; } .datetime_time .input { min-width: 100px; max-width: 100px; text-align: center; } .ui-datepicker-header { position: relative; font-size: 16px; line-height: 16px; color: #202020; padding: 20px; } .ui-datepicker-calendar { border-collapse: collapse; width: 100%; } .ui-datepicker-calendar thead th { background: #ebedef; color: #202020; font-size: 16px; line-height: 16px; text-align: center; height: 40px; } .ui-datepicker-calendar td { color: #202020; height: 34px; font-size: 12px; line-height: 16px; text-align: center; padding: 0; } .ui-datepicker-calendar td.ui-datepicker-other-month { color: #9e9e9e; } .ui-datepicker-calendar td a { color: #202020; text-decoration: none; width: 25px; line-height: 25px; height: 25px; display: inline-block; text-align: center; border-radius: 4px; -ms-border-radius: 4px; } .ui-datepicker-calendar .ui-state-active { color: #fff; background: #FF9900; } .ui-datepicker-today a { background: #333; color: #fff; } .ui-datepicker-next, .ui-datepicker-prev { position: absolute; top: 10px; cursor: pointer; right: 10px; border-radius: 50%; -ms-border-radius: 50%; width: 34px; height: 34px; text-indent: -9999px; background: url(/local/templates/stroitaxi_su/public/css/../images/svg/prev-orange.svg) center center no-repeat; background-size: 8px 14px; } .ui-datepicker-prev { right: 44px; } .ui-datepicker-next { transform: matrix(-1, 0, 0, 1, 0, 0); } /* choosebox */ .choosebox { display: block; position: relative; } .choosebox_name { display: block; position: relative; border-bottom: 1px solid #FF9900; padding: 0 28px 0 0; font-size: 16px; line-height: 40px; color: #202020; font-family: 'Roboto Condensed', sans-serif; height: 40px; cursor: pointer; text-align: left; text-decoration: none; z-index: 999; } .choosebox_name-text { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .choosebox_name:after { content: ''; position: absolute; display: block; background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/chevron-down.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 13px; height: 8px; right: 0; top: 50%; margin-top: -4px; position: absolute; } .choosebox.opened .choosebox_name:after { transform: matrix(1, 0, 0, -1, 0, 0); } .choosebox.opened .choosebox_dropdown { opacity: 1; visibility: visible; } .choosebox.opened .choosebox_dropdown_overlay { display: block; } .choosebox_dropdown { background: #fff; -webkit-box-shadow: 0px 20px 40px rgba(46, 73, 92, 0.5); -moz-box-shadow: 0px 20px 40px rgba(46, 73, 92, 0.5); box-shadow: 0px 20px 40px rgba(46, 73, 92, 0.5); position: absolute; left: 0; width: 100%; z-index: 999; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; opacity: 0; visibility: hidden; max-height: 480px; overflow: auto; } .choosebox_dropdown li { font-size: 14px; line-height: 16px; } .choosebox_dropdown li a { color: #202020; display: block; text-decoration: none; padding: 10px; } .choosebox_dropdown_overlay { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 990; display: none; } .choosebox_show { position: relative; } .choosebox_show:after { content: ''; position: absolute; display: block; background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/chevron-down.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 9px; height: 5px; left: auto; bottom: auto; right: 10px; top: 16px; } .choosebox_show.active:after { transform: matrix(1, 0, 0, -1, 0, 0); } .choosebox_child { background: #ebedef; display: none; } /* mobilenav */ .mobilenav { display: none; position: relative; } .mobilenav_link { background: #fff; color: #2E495C; display: block; font-size: 16px; line-height: 20px; padding: 20px 15px; position: relative; text-decoration: none; padding-right: 50px; } .mobilenav_link::after { content: ''; position: absolute; display: block; background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/chevron-down.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 16px; height: 10px; left: auto; bottom: auto; right: 15px; top: 50%; margin-top: -5px; } .mobilenav_link.active::after { transform: matrix(1, 0, 0, -1, 0, 0); } .mobilenav_dropdown { background: #fff; width: 100%; position: absolute; left: 0; padding: 0; z-index: 1000; font-weight: 300; font-size: 16px; line-height: 19px; display: none; } .mobilenav_dropdown li { margin: 0; } .mobilenav_dropdown li:last-child { margin: 0; } .mobilenav_dropdown li a { color: #2E495C; display: block; padding: 10px 15px; text-decoration: none; } .mobilenav_dropdown li a:hover, .mobilenav_dropdown li a.active { color: #FF9900; text-decoration: underline; } .mobilenav_overlay { z-index: 900; position: fixed; display: none; left: 0; right: 0; top: 0; bottom: 0; } .mobilenav_overlay.open { display: block; } .mobilenav-chips { background: #f8f8f8; padding: 15px 15px 0; } .mobilenav-chips ul li { display: inline-block; font-size: 12px; line-height: 14px; margin: 0 5px 10px 0; } .mobilenav-chips ul li a { display: block; border-radius: 20px; -ms-border-radius: 20px; background: #e5e7e9; color: #202020; padding: 8px; text-decoration: none; } @media screen and (max-width: 1200px) { .container { width: 992px; } .md6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .md12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .md-hidden { display: none !important; } /* header */ .searchbox { min-width: 220px; max-width: 220px; } .catwin_section, .catwin_child { padding: 20px; } .catwin_child { width: 240px; margin-left: -20px; } .headerbox .phone a { margin-left: 10px; } .headerbox .phone span { display: none; } .logo_text { display: none; } .popular_cats .swiper-pagination { display: block; } /* contacts_header */ .contacts_header iframe { width: 540px; } } /* Medium */ @media screen and (max-width: 1024px) { .formbg_wrapper .btn{ font-size:16px; } .catalog_subpopup{ display:none; padding-left:10px; } } @media screen and (max-width: 1020px) { .container { width: 720px; } .section { padding: 40px 0; } .row { margin-left: -8px; margin-right: -8px; } [class*='grid-'] { padding-left: 8px; padding-right: 8px; } .tb4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .tb6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .tb12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first, .order-last { -ms-flex-order: 0; order: 0; } .tb-hidden { display: none !important; } .tb-visible { display: block !important; } .tb-inline-visible { display: inline-block !important; } .breadcrumbs { display: none; } /* header */ .header { position: fixed; left: 0; top: 0; width: 100%; z-index: 900; } .small_header, .header_middle { display: none; } .headerbox { background: #f8f8f8; } .headerbox .bars { display: block; } .headerbox .logo img { max-width: 130px; } .headerbox .logo_text { display: none; } .headerbox > .container > .searchbox { display: none; } .select_town_link-phone { background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/call.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; vertical-align: middle; width: 19px; height: 19px; text-indent: -9999px; padding: 0; } .select_town_link-phone::before { content: none; display: none; } /* firstscreen */ .mobilenav { display: block; } .firstscreen { height: auto; padding-top: 70px; } .firstscreen.noslider { height: auto; } .firstscreen_entry { flex-wrap: nowrap; align-content: normal; align-items: center; padding: 30px 0; } .firstscreen_arrows { display: none; } .firstscreen .swiper-pagination { -ms-display: flexbox; display: flex; } .firstscreen_text { text-align: center; padding: 0; } .firstscreen_title { max-width: none; font-size: 30px; line-height: 34px; margin: 0 0 30px; } .firstscreen .swiper-pagination { position: absolute; left: 0; bottom: 20px; width: 100%; } .firstscreen-prev, .firstscreen-next { display: none; } .watch_video .watch_video_play { margin: 0 auto 16px; } .firstscreen_innerpage.stretch { padding-left: 0; padding-right: 0; } .firstscreen_frame .firstscreen_title { font-size: 30px; line-height: 34px; } /* footer */ .footertop { padding: 40px 0; } .footmenu { display: block; min-width: 300px; } .footmenu > li { width: auto; margin: 0 0 14px; } .footmenu > li ul { display: none; margin: 0; padding-top: 8px; } .footmenu > li .parent { padding: 0; padding-right: 14px; cursor: pointer; } .footmenu > li .parent:before { background: 0; background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/chevron-down.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 9px; height: 5px; left: auto; bottom: auto; right: 0; top: 6px; } .footmenu > li .parent.active:before { transform: matrix(1, 0, 0, -1, 0, 0); } /* toorder */ .toorder { max-width: none; width: auto; } .toorder .row { margin: 0 -5px; } .toorder .grid-6 { padding: 0 5px; } .toorder_wrapper .container { background: 0; padding: 40px 0 30px; } .toorder:not(.full) .toorder_item { flex-wrap: nowrap; align-content: normal; align-items: center; height: auto; margin: 0 0 10px; padding: 10px 20px; } .toorder:not(.full) .toorder_item img { margin-right: 40px; width: 30px; } .toorder:not(.full) .toorder_item .whatsapp, .toorder:not(.full) .toorder_item .tme { display: inline-block; } .toorder:not(.full) .toorder_item .whatsapp { margin-right: 10px; } .toorder.full { max-width: none; } .toorder.full .toorder_item { margin-bottom: 16px; } /* catmain */ .catmain { margin: 0 0 40px; } .catmain_row { margin-bottom: 24px; } .catmain_mid { display: block; } .catmain_price { margin: 0 0 8px; } /* newsitem */ .newsitem_row { margin-bottom: 40px; } /* delbox */ .delbox { background-position: calc(100% + 125px) center; } /* formbg */ .formbg { padding: 40px 0; } .topform { padding: 0; } .topform_margin { margin: 0 0 40px; } .formbg_container, .topform_inner { flex-wrap: wrap; height: auto; } .formbg .btn { min-width: 0; max-width: none; width: 100%; display: block; } .formbg .form-group { margin: 0 0 20px; flex: 0 0 50%; max-width: 50%; padding: 0 8px; } .formbg .form-btn { margin: 0; width: 100%; flex: 0 0 100%; } /* newsitem */ .newsitem { margin: 0 0 16px; height: 184px; flex-wrap: wrap; align-items: normal; align-content: space-between; } .newsitem.big { height: 184px; } .newsitem.big .newsitem_name { font-size: 16px; line-height: 16px; } .newsitem .btn-more { display: inline-block; } .newsitem_all { display: block; height: auto; padding: 10px 15px; text-align: center; } /* catsliders */ .catslider { margin: 0 0 40px; padding: 0; } .catslider .swiper-pagination { display: block; } .catslider .swiper-slide { display: block; height: auto; } .catslider img { max-height: 140px; display: block; margin: 0 auto 14px; } .catslider .swiper-button-prev, .catslider .swiper-button-next { display: none; } /* subscribe */ .subscribe { display: block; } .subscribe_text { max-width: none; margin: 0 0 20px; } .subscribe_form .input { width: 100%; margin-right: 30px; } /* article_short */ .article_short { display: block; } .article_short_text { max-width: none; margin: 0 0 20px; } .article_short_meta { justify-content: space-between; } /* howdo */ .howdo { padding-left: 38px; margin: 0 0 60px; } .howdo_row { padding-top: 40px; } .howdo_text { max-width: none; } .howdo_title { max-width: none; } .howdo_num { font-size: 100px; line-height: 50px; top: -10px; } .howdo_footer { display: block; text-align: center; } .howdo_footer span { margin: 0 0 15px; } /* whatneed */ .whatneed { margin: 0; } .whatneed_img { min-width: 75px; } .whatneed_img img { width: 55px; } /* advantages */ #advantages { padding: 40px 0; } .advants { max-width: none; min-height: 0; } .advants img { margin-right: 15px; } /* contact_card */ .contact_card { padding-left: 20px; } .contact_card_photo { margin-right: 30px; } .contact_form textarea.input { margin: 0 0 30px; height: auto; } .contact_form .btn { display: block; margin: 0 auto; max-width: 380px; width: 100%; } .contacts_header iframe { width: 420px; height: 260px; } .formbg_card { max-width: none; width: 100%; padding: 0; } .formbg_card .form-group, .formbg_card .form-btn { flex: 0 1 auto; max-width: none; } .formbg_card .form-btn { min-width: 220px; max-width: 220px; } /* gallery */ .gallery_top { margin: 0; } .gallery_top .swiper-pagination { display: block; } .gallery-prev, .gallery-next, .gallery_thumbs { display: none; } /* helpbox */ .helpbox { padding: 20px; } .helpbox_inner { border: 0; border-top: 1px solid #ececec; padding: 20px 0 0; margin: 20px 0 0; } .service_item { padding: 15px 20px; padding-left: 54px; margin: 0 14px 14px 0; } .service_item:before { left: 20px; top: 15px; } .whyus_img { max-height: 60px; } .whyus_img img { max-height: 60px; } /* cases_box */ .cases_row { display: block; margin: 0; } .cases_box { margin: 0 0 40px; max-width: none; min-width: 0; } /* first_step */ .first_step { display: block; margin: 0 0 40px; } .first_step .btn { white-space: normal; margin: 20px 0; display: block; } .formbg_wrapper .formbg { margin: 0; padding: 0; } .howsteps { display: block; margin: 0 0 40px; text-align: left; } .howsteps:after { content: ''; clear: both; display: block; } .howsteps li { float: left; padding:0; margin-bottom: 20px; } .howsteps li:before { top: 50%; margin-top: -15px; } /* reviewbox */ #reviews_slider .swiper-pagination { display: block; } .reviewbox_arrows { display: none; } .reviewbox_meta { margin: 0 0 20px; } .reviewbox .order-first { display: block; padding-bottom: 0; } .reviewbox p { max-width: none; } /* catwin */ .catwin { margin: 0; width: auto; left: -15px; right: -15px; display: block; overflow: auto; padding: 15px; } .catwin_section { display: block; width: auto; border: 0; } .catwin_section:last-child { border: 0; } .catwin_section, .catwin_child { padding: 0; } .catwin_section:before { content: none; display: none; } .parentcatalog > .catwin_title, .mobilemenu-top, .phonemobmenu, .mobileapp_link { display: block; } .catwin .mobilemenu-top ul li a{ padding:9px 0; border-bottom:1px solid rgba(46, 73, 92, 0.1); } .parentcatalog > .catwin_section > .catwin_title{ border-bottom:1px solid rgba(46, 73, 92, 0.1); } .phonemobmenu{ margin-top:15px; margin-bottom:25px; } .phonemobmenu > a{ font-size:18px; color:#FF9900; text-decoration:none; } .subphonetititle, .mobappdescribe{ font-size:12px; color:#202020; opacity:.6; line-height: 1; } .mobileapp_link > a{ display:inline-block; } .mobileapp_link > a:first-child{ margin-right:30px; } .catwin_title { color: #202020; font-size: 16px; line-height: 20px; margin: 0; padding: 9px 0; cursor: pointer; } .catwin_title:before, .catwin ul li.parent > a:before { background: 0; background-image: url("/local/templates/stroitaxi_su/public/css/../images/svg/chevron-more-orange.svg"); background-repeat: no-repeat; background-position: center center; background-size: cover; display: inline-block; vertical-align: middle; width: 6px; height: 10px; left: auto; right: 10px; bottom: auto; top: 50%; margin-top: -5px; content: ''; position: absolute; display: block; } .catwin_title.active { color: #FF9900; } .catwin_title.active:before { transform: rotate(90deg); } .catwin_post { display: none; } .catwin_overflow { height: 100%; overflow: hidden; } .catwin .parent .catwin_title { display: none; } .catwin_child { background: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; position: static; left: auto; display: none; top: auto; bottom: auto; width: auto; margin: 0; padding: 0; transition: all 0ms ease-in-out; -ms-transition: all 0ms ease-in-out; opacity: 1; visibility: visible; display: none; } .catwin .social { /* display: none;*/ margin-top:25px; justify-content: space-between; } .catwin ul { margin: 0; } .catwin .mainparent { display: none; } .catwin ul li:last-child { border-bottom: 0; } .catwin ul li a { display: block; padding: 9px 0 9px 12px; color: #202020; position: relative; } .catwin ul li.parent > a.active { color: #FF9900; } .catwin ul li.parent > a.active:before { transform: rotate(90deg); } .catwin ul li ul li a { padding-left: 22px; } .catwin ul li ul li ul li a { padding-left: 32px; } .catwin ul li .catwin_child ul li .catwin_child:after { content: none; display: none; } .catwin ul li a.catwin_more::after { top: 12px; } /* our_clients */ #our_clients .slide_wrapper { padding: 0; } #our_clients .swiper-pagination { display: block; } #our_clients .swiper-button-prev, #our_clients .swiper-button-next { display: none; } /* advants2 */ .advants2 { font-size: 14px; line-height: 18px; text-align: center; } .advants2_top { margin-bottom: 40px; } .advants2_top img { width: 60px; } .advants2_top b { font-size: 48px; line-height: 40px; } .advants2 .btn { padding-left: 10px; padding-right: 10px; } /* map_main */ .map_main { padding-top: 90px; } .popular_cats .swiper-nav { display:none; } } /* Tablet */ @media screen and (max-width: 750px) { body { font-size: 14px; } .container { margin: 0 15px; width: auto; } .sm6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .sm12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .sm-offset-3 { margin-left: 25%; } .sm-hidden { display: none !important; } .sm-visible { display: block !important; } .pagetitle { font-size: 16px; line-height: 20px; } .pagetitle:before { bottom: 0; left: 0; transform: scale(.8); transform-origin: 0 100%;} h1.pagetitle { font-size: 18px; line-height: 20px; } .btn { font-size: 14px; line-height: 16px; padding: 9px 24px; } .btn-small { font-size: 12px; line-height: 14px; padding: 5px 18px; } input.btn, button.btn { height: 34px; line-height: 32px; } input.btn-small, button.btn-small { height: 26px; line-height: 24px; } .tabs li { font-size: 14px; line-height: 16px; margin: 0 10px 10px 0; } .tabs li a { padding: 5px 18px; min-width: 0; } .select_town_modal { max-width: 280px; padding: 40px 20px 20px; } .townlist { margin-right: -10px; } .townlist .swiper-container { height: 276px; } .townlist_col { column-count: auto; -ms-column-count: auto; column-gap: auto; -ms-column-gap: auto; } /* header */ .headmobile { display: block; position: sticky;} .headerbox .phone, .headerbox .select_town { display: none; } /* .firstscreen { padding-top: 100px; }*/ .firstscreen .container { margin: 0; } .firstscreen_slide { height: 185px; } .firstscreen.noslider { height: auto; } .firstscreen_title { font-size: 22px; line-height: 26px; margin: 0 0 20px; } .firstscreen_title.black { font-size: 22px; line-height: 26px; margin: 0 0 20px; } .firstscreen_title2 { font-size: 16px; line-height: 20px; } .firstscreen_text { font-size: 16px; line-height: 22px; margin: 0 0 20px; } .firstscreen_slide .firstscreen_text { margin: 0 15px; } .firstscreen_slide .firstscreen_title { margin: 0 20px; } .firstscreen_nav { display: block; } .firstscreen_nav:after { content: ''; clear: both; display: block; } .firstscreen_nav li { margin: 0 20px 15px 0; float: left; padding: 0 0 0 15px; } .firstscreen_nav li:first-child::before { left: -4px; } .firstscreen_nav li:last-child { margin: 0; } .firstscreen_btns { margin: 0 0 20px; } .firstscreen_btns .btn { display: block; margin: 0 auto 10px; } .firstscreen_title.flexed { display: block; } .firstscreen_title.flexed .inner { margin: 0 0 20px; } .watch_video .watch_video_play { margin-bottom: 10px; } .firstscreen_innerpage { min-height: 200px; height: auto; padding: 15px; } .firstscreen_innerpage.stretch { padding: 15px; } .firstscreen .formbg { padding: 20px 15px; } .firstscreen .formbg.notitle { padding: 20px 0; } .firstscreen_desc { padding: 20px 15px; } .row.firstscreen_frame { margin-bottom: 15px; padding-top: 20px; } .firstscreen_frame .firstscreen_title { font-size: 20px; line-height: 24px; } .firstscreen_frame .firstscreen_text { margin: 0 0 30px; } .firstscreen_frame iframe { height: 160px; } .numtext { padding-left: 60px; text-align: left; } .numtext::before { margin: 0; font-size: 80px; line-height: 42px; left: 0; top: 50%; width: auto; text-align: inherit; color: #FF9630; opacity: 0.7; margin-top: -26px; } /* footer */ .footertop .container { display: block; } .footertop_right { text-align: center; } .footertop_right .social { display: block; text-align: center; max-width: 200px; margin: 0 auto; } .footertop_right .social a { margin: 0 8px 18px; } .footmenu { width: auto; text-align: center; margin: 0 0 40px; } .copyright { padding: 14px 0; text-align: center; } .copyright .grid-4 { margin: 0 0 10px; } .copyright .grid-4:last-child { margin: 0; } .copyright .text-right { text-align: inherit; } .app_buttons { display: block; text-align: center; } .app_buttons * { vertical-align: middle; } #ontop { height: 38px; width: 38px; border-radius: 4px; -ms-border-radius: 4px; background-size: 24px 24px; } /* catmain */ .catmain_more { display:flex; flex-direction:column; align-items:center; } .catmain_more .btn { margin: 0; } .catmain_more .btn:first-child { margin:0 0 15px; } /* formbg */ .formbg_container, .topform_inner { display: block; flex-wrap: nowrap; } .formbg .btn { width: auto; } .formbg .form-group { flex: 0 1 auto; max-width: none; padding: 0; } .formbg .form-btn { width: auto; flex: 0 1 auto; } .formbg .btn { width: 100%; } /* delbox */ .delbox { margin-bottom: 20px; padding: 15px; } /* spoiler */ .spoiler_hide { padding: 15px 18px; } /* modal */ .fancybox-slide--html { padding: 0; } .modal { padding: 20px; } .modal_flex { display: block; } .modal_img { min-width: 0; max-width: none; margin: 0 0 20px; } .modal_title { margin-right: 30px; } #order_ok .modal_title { margin-right: 0; } /* subscribe */ .subscribe_form { display: block; } .subscribe_form .input { width: 100%; margin: 0 0 20px; } .subscribe_form .btn { width: 100%; } /* article_short */ .article_short_meta { display: block; } .article_short_meta .shortpost_details { margin: 0; } .article_short_meta .authorbox { margin: 20px 0 0; } .contents_list { margin: 0 0 60px; } /* howdo */ .howdo { margin: 0 0 30px; } .howdo_row { padding-top: 0; } /* whatneed */ .whatneed { margin: 0; } .whatneed_img { min-width: 65px; } .whatneed_img img { width: 45px; transform: translateY(0); position: static; left: auto; top: auto; } .whatneed.isblock .whatneed_img img { width: auto; } /* advantages */ .advants { line-height: 18px; min-height: 36px; margin: 14px 0 0; } .advants_icon { min-width: 50px; max-width: 50px; padding-right: 15px; } .advants.top { margin: 0 0 30px; } .grid-4:last-child .advants.top { margin: 0; } /* toorder */ .toorder.full .toorder_item { flex-wrap: nowrap; align-content: normal; align-items: center; height: auto; margin: 0 0 10px; padding: 10px 20px; } .toorder.full .toorder_item img:not(.icon) { margin-right: 40px; width: 30px; } .toorder.full .toorder_item .whatsapp, .toorder.full .toorder_item .tme { display: inline-block; } .toorder.full .toorder_item .whatsapp { margin-right: 10px; } .toorder_form { display: block; } .toorder_form .input { margin: 0 0 20px; width: 100%; } .toorder_form .btn { margin: 0 auto; width: 100%; max-width: 300px; display: block; } /* map_section */ .section.map_section { min-height: 300px; padding: 20px 0; } .section.map_section .container { display: block; } .section.map_section .map_text { font-size: 16px; line-height: 18px; margin: 0 0 20px; } .section.map_section .btn { display: block; } /* contact_card */ .contact_card { display: block; margin: 0 0 10px; width: auto; max-width: none; } .contact_card_photo { min-width: 50px; max-width: 50px; } .contact_card_left { margin: 0 0 20px; } .contact_card_right { justify-content: normal; margin-left: 80px; } .contact_card_phones { text-align: left; } .contact_card .social { margin: 0 0 20px; } .contacts_header { display: block; text-align: center; } .contacts_header_left { padding: 20px 0; } /* .contacts_header iframe { display: none; }*/ .contacts_header .social { justify-content: center; } /* card */ .formbg_card { max-width: none; width: auto; display: block; } .formbg_card .form-btn { min-width: 0; max-width: none; } .whyus .grid-3 { margin-bottom: 30px; } .service_item { font-size: 14px; line-height: 16px; padding-left: 46px; } .service_item:before { left: 15px; top: 12px; } .cardfeat { padding: 20px; } /* card_about */ .card_about { padding: 30px 0 1px; } .card_about_bg { position: relative; left: auto; top: auto; bottom: auto; width: auto; height: 153px; margin: 0 -15px 20px; } .card_about .article { min-height: none; display: block; padding: 0; } /* reviewbox */ .reviewbox_meta { display: block; } .reviewbox_author { margin: 0 0 10px; } /* advants2 */ .advants2_top .grid-4 { text-align: center; margin-bottom: 20px; display: block; } .advants2_top { margin-bottom: 0; } .advants2_top img { width: 100px; display: block; margin: 0 auto 10px; } .advants2_top b { font-size: 52px; line-height: 40px; } .advants2 .btn { padding-left: 10px; padding-right: 10px; margin: 20px 0; } /* map_container */ .map_main { padding-bottom: 50px; padding-top: 125px; } .map_container { position: relative; margin: 0 -15px; } .map_container iframe { height: 400px; } } /* Mobile */ @media screen and (max-width: 500px) { html { -webkit-text-size-adjust: none; } .xs12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .xs-hidden { display: none !important; } .howsteps li{ width:100%; text-align:center; } .howsteps li:before{ display:none; } .howsteps li .bignum{ position:static; display:block; text-align:center; margin-bottom:15px; } #advantages .pagetitle{ margin-bottom:20px; } } /* XS */ /* End */ /* Start:/local/templates/stroitaxi_su/public/css/custom.css?171404276039393*/ :root { --icon-color:#fff; } @media (max-width:1020px) { body > .container > h1.pagetitle { transform:translate(0, 90px); } } /*@media (max-width:750px) { body > .container > h1.pagetitle { transform:translate(0, 120px); } }*/ .map_main { background:#f8f8f8; padding:20px 0 100px; } .map_main .breadcrumbs, .firstscreen .breadcrumbs { margin-top:0; } .firstscreen .breadcrumbs { padding-top:20px; padding-bottom:20px; margin:0; } @media (max-width:1020px) { .firheadscreen, .map_main { padding-top:70px; } .header + .section { padding-top:100px; } .header_middle { display:block; padding:0; } .header_middle .container { position:relative; } .small_header, .header_middle .headmenu { display:none; } .header_middle .tech_map { position:absolute; right:112px; top:-48px; background:none; box-shadow:none; width:28px; height:28px; padding:0; text-indent:-99999px; overflow:hidden; box-sizing:border-box; } .header_middle .tech_map::before { left:0; } .header_middle .tech_map::after { left:7px; } .phonemobmenu .subphonetititle { display:none; } } .select_town_link.js_callback { font-size:16px; } .select_town_link-phone2 { display:none; } .header_whatsapp { background-image:url("/local/templates/stroitaxi_su/public/images/svg/whatsapp.svg"); background-repeat:no-repeat; background-position:center center; background-size:cover; width:20px; height:20px; padding:0; display:inline-block; z-index:1000; margin-right:15px; } .header_whatsapp a { display:block; height:20px; } .search_header { margin-left:0; } .select_town_link { margin-right:15px; } @media (max-width:1020px) { .header_middle .tech_map { right:138px; } } @media (max-width:750px) { .map_main { padding-top:0; } .header_middle .tech_map { right:108px; } .select_town_link-phone { display:none; } .select_town_link-phone2 { background-image:url("/local/templates/stroitaxi_su/public/images/svg/call.svg"); background-repeat:no-repeat; background-position:center center; background-size:cover; vertical-align:middle; width:19px; height:19px; text-indent:-9999px; padding:0; color:#ff9900; display:inline-block; position:relative; text-decoration:none; font-size:14px; line-height:17px; z-index:1000; white-space:nowrap; margin-right:15px; } .select_town_link-phone2 a { display:block; height:19px; } .header_whatsapp { margin-right:0; } } @media (max-width:450px) { .header_middle .tech_map { right:84px; } .headerbox_outer .flex_center { margin-left:20px; } .headerbox_outer .flex_center .user_head { margin-left:10px; } .header_whatsapp { margin:0; } .select_town_link-phone2 { margin-right:10px; } } @media (max-width:330px) { .header_middle .tech_map { display:none; } } .map_container { position:relative; margin:0; } .map_container iframe { border:0; display:block; margin:0; padding:0; height:500px; width:100%; } .map_container-filter { position:absolute; left:20px; top:20px; } .map_container-pin { position:absolute; } .map_container-val { background:#FF9900; width:37px; height:37px; position:relative; -ms-display:flexbox; display:flex; align-items:center; text-decoration:none; border-radius:50%; -ms-border-radius:50%; color:#fff; font-size:16px; line-height:37px; text-align:center; justify-content:center; cursor:pointer; } .map_container-val.opened { z-index:1010; } .map_container-val::after { content:''; position:absolute; display:block; border:6px solid transparent; border-top:10px solid #FF9900; left:50%; margin-left:-6px; top:33px; } .map_container-val.green { background:#8FDD2C; } .map_container-val.green::after { border-top-color:#8FDD2C; } .map_container-val.red { background:#EE4444; } .map_container-val.red::after { border-top-color:#EE4444; } .map_container-val img { max-width:22px; } .filter_popup, .pin_popup { background:#fff; box-shadow:0px 0px 20px rgba(46, 73, 92, 0.4); border-radius:4px; -ms-border-radius:4px; position:absolute; padding:15px 18px 20px; display:none; } .filter_popup .btn, .pin_popup .btn { display:block; padding:9px 14px; font-size:18px; line-height:20px; margin-top:15px; } .filter_popup .close, .pin_popup .close { background-image:url("/local/templates/stroitaxi_su/public/css/../images/svg/close.svg"); background-repeat:no-repeat; background-position:center center; background-size:cover; vertical-align:middle; width:12px; height:12px; display:block; right:5px; top:5px; position:absolute; } .filter_popup { left:0; width:233px; margin-top:10px; z-index:1015; padding:26px 8px 18px 20px; } .filter_popup p { margin:0 0 8px; } .filter_popup .btn { margin-right:10px; } .filter_popup .check-field { color:#2E495C; font-size:16px; line-height:18px; } .filter_popup .swiper-container { height:174px; } .filter_popup .swiper-slide { height:auto; padding-right:10px; } .filter_popup .swiper-scrollbar-drag { background:#FF9900; } .pin_popup { left:18px; top:18px; width:220px; /*212px;*/ z-index:1000; } .pin_popup_list { color:#2E495C; font-size:16px; line-height:19px; margin:0 0 10px; } .pin_popup_list li { margin:0 0 4px; } .pin_popup_name { color:#9F9F9F; display:inline-block; min-width:70px; } .pin_popup_img { filter:drop-shadow(0px 0px 10px rgba(255, 204, 1, 0.42)); margin:0 0 10px; position:relative; } .pin_popup_img img { display:block; width:100%; } .pin_popup_stat { padding-left:15px; position:relative; } .pin_popup_stat::before { content:''; position:absolute; display:block; background:#EE4444; width:10px; height:10px; border-radius:50%; -ms-border-radius:50%; left:0; top:5px; } .pin_popup_stat.on::before { background:#8FDD2C; } /* btn-filter */ .btn.btn-filter { font-size:16px; line-height:20px; padding:10px 15px; color:#fff; position:relative; } .btn.btn-filter.js_openfilter { padding:10px 46px 10px 15px; } .btn.btn-filter::before { content:''; position:absolute; display:block; background-image:url("/local/templates/stroitaxi_su/public/css/../images/svg/levels.svg"); background-repeat:no-repeat; background-position:center center; background-size:cover; display:inline-block; vertical-align:middle; width:21px; height:15px; right:13px; top:12px; } .map_container-pin { display:none } ymaps .pin_popup { display:block; padding:10px 0 0 0; } .pin_popup_btn { padding:0 20px 20px 20px; } .filter_popup { padding:15px; width:250px; } .map_container-filter.open .filter_popup { display:none; } .map_container-filter.open.open-1 .filter_popup.filter_popup-1 { display:block; margin-top:46px; } .map_container-filter.open.open-2 .filter_popup.filter_popup-2 { display:block; margin-top:94px; } .map_container-filter { top:10px; left:50px; display:flex; flex-direction:column; align-items:flex-start; } @media (max-width:750px) { .map_container-filter { top:5px; left:5px; } .btn.btn-filter.js_openfilter-2, .btn.btn-filter.js_clearfilter { font-size:12px; line-height:14px; padding:3px 15px; } .btn.btn-filter.js_openfilter-2 span, .btn.btn-filter.js_clearfilter span { display:block; } } .btn.btn-filter { margin-bottom:5px; } .btn.btn-filter::before { background-image:none; } .btn.btn-filter.js_openfilter::before { background-image:url("/local/templates/stroitaxi_su/public/css/../images/svg/levels.svg"); } .map_container-pin:hover .pin_popup { display:block } .pin_popup_list { margin-bottom:10px; } .pin_popup_list li { display:flex; align-items:flex-start; margin-bottom:5px; } .pin_popup_list .strong { font-weight:bold; color:#202020; } .pin_popup_img, .pin_popup_list { padding:0 15px; } .pin_popup_list li span:last-child { flex-grow:1; margin-left:5px; } .pin_popup_img { margin-bottom:10px; } .map_container-val { transform:translate(-50%, -100%); } /*.map_container-val svg {*/ .marker { width:1em; height:1em; font-size:20px; } /*.marker-avtokran {width: 0.8em;font-size: 16px;}*/ /*.marker-manipul {width: 0.8em;font-size: 16px;}*/ /*.marker-samosval {width: 0.65em;font-size: 13px;}*/ /*.marker-tesha {width: 1.05em;font-size: 21px;}*/ /*.marker-traktor {width: 0.7em;font-size: 14px;}*/ .marker-avtokran { width:1.25em; font-size:16px; } .marker-manipul { width:1.25em; font-size:16px; } .marker-samosval { width:1.53846em; font-size:13px; } .marker-tesha { width:0.95238em; font-size:21px; } .marker-traktor { width:1.42857em; font-size:14px; } .map_container-filter.open .filter_popup { /*display: block;*/ /*height: 120px;*/ } .filter_popup .swiper-container { /*height: 100%;*/ height:150px; } .filter_popup_list li { margin-bottom:10px; } .firstscreen { overflow:visible; } #map { width:100%; height:500px; min-height:400px; } ymaps[class$="cluster-content__header"], ymaps[class$="copyrights-pane"] { display:none; } .map_container-filter-bgr { display:none; position:fixed; left:0; top:0; width:100vw; height:100vh; /*background: transparent;*/ background:rgba(128, 128, 128, .5); z-index:899; } .map_container-filter.open .map_container-filter-bgr { display:block; } .map_main .filter_popup { z-index:899; } @media (min-width:1020px) { .catalog_subpopup.mobile-only { display:none !important;; } } @media (max-width:1020px) { .catwin .hide-mobile { display:none; } .border-top { border-top:1px solid rgba(46, 73, 92, 0.1); border-bottom:1px solid rgba(46, 73, 92, 0.1); } .catalog_subpopup > .mainparent { display:block; } } .catwin ul li.show_all_link a { position:relative; color:#FF9900; display:inline-block; } .catwin ul li.show_all_link a:after { content:''; position:static; background-image:url(/local/templates/stroitaxi_su/public/css/../images/svg/more.svg); background-repeat:no-repeat; background-position:center center; background-size:cover; display:inline-block; vertical-align:middle; width:12px; height:12px; margin-left:10px; } .catwin_section:before { top:0; bottom:0; } .catwin > .social { display:none } .catwin_section .social { display:flex; padding:0; margin:0; margin-bottom:15px; } .catwin.opened { max-height:calc(100vh - 70px); } .has-panel .catwin.opened { max-height:calc(100vh - 110px); } @media (max-width:1020px) { .bx-ios .has-panel .catwin > .social { margin-bottom:120px; } } @media (min-width:1021px) { .catalog_subpopup { display:flex !important; /*flex-direction: column;*/ flex-wrap:wrap; max-height:575px; overflow:auto; } .catwin_section { display:block } } @media (max-width:1200px) and (min-height:750px) { .headerbox .phone { padding-right:30px; } } .headerbox .phone span { display:none; } .headmenu_main li { font-size:15px; margin:0 15px 0 0; } .headmenu_main li:hover { position:relative; z-index:1; } @media (max-width:1200px) { .headmenu .bars { margin-right:15px; } .headmenu_main li { margin-right:6px; font-size:13px; } .tech_map { font-size:14px; } /*.catalog_subpopup .social { padding: 20px;}*/ } @media (max-width:1020px) { .catwin > .social { display:block } } @media (max-width:768px) { #map { height:75vw; } .btn.btn-filter { padding:20px; } .btn.btn-filter span { display:none } .btn.btn-filter::before { top:50%; right:50%; transform:translate(50%, -50%); } } @media (max-width:400px) { #map { height:400px; } } .tech_map { background:#FF9900; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25); border-radius:40px; color:#fff; height:40px; line-height:39px; padding:0 10px 0 42px; } .tech_map:hover { color:#fff; opacity:.65; } .tech_map::before { width:28px; height:28px; background:#fff; border-radius:50%; position:absolute; left:8px; top:50%; margin:-14px 0 0; } .tech_map::after { content:""; background:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNSAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNTAwMDYgNy4yMTI3NUM4LjQ2OTI5IDcuMjEyNzUgOS4yNTc4MSA2LjQyNDE5IDkuMjU3ODEgNS40NTQ5M0M5LjI1NzgxIDQuNDg1NjcgOC40NjkyOSAzLjY5NzExIDcuNTAwMDYgMy42OTcxMUM2LjUzMDc3IDMuNjk3MTEgNS43NDIxOSA0LjQ4NTY3IDUuNzQyMTkgNS40NTQ5M0M1Ljc0MjE5IDYuNDI0MTkgNi41MzA3NyA3LjIxMjc1IDcuNTAwMDYgNy4yMTI3NVpNNy41MDAwNiA0LjU3NjAyQzcuOTg0NjYgNC41NzYwMiA4LjM3ODkxIDQuOTcwMyA4LjM3ODkxIDUuNDU0OTNDOC4zNzg5MSA1LjkzOTU2IDcuOTg0NjYgNi4zMzM4NCA3LjUwMDA2IDYuMzMzODRDNy4wMTU0IDYuMzMzODQgNi42MjEwOSA1LjkzOTU2IDYuNjIxMDkgNS40NTQ5M0M2LjYyMTA5IDQuOTcwMyA3LjAxNTQgNC41NzYwMiA3LjUwMDA2IDQuNTc2MDJaIiBmaWxsPSIjRkY5OTAwIi8+CjxwYXRoIGQ9Ik0xMy4wOTMxIDEwLjEwNzRIMTAuMTUxOUMxMS41MjUzIDguNzk2NTMgMTIuNzc0OSA3LjUxMTU3IDEyLjc3NDkgNS4yNzM0NEMxMi43NzQ5IDIuMjU3ODUgMTAuNTEwNSAwIDcuNTAxNSAwQzQuNDg2MzkgMCAyLjIyODAxIDIuMjY0NTYgMi4yMjgwMSA1LjI3MzQ0QzIuMjI4MDEgNy41MTE1NyAzLjQ3NzY0IDguNzk2NTMgNC44NTEwMiAxMC4xMDc0SDEuOTA5ODFMMC4zMDI3MzQgMTVIMTQuNzAwMkwxMy4wOTMxIDEwLjEwNzRaTTMuMTA2OTEgNS4yNzM0NEMzLjEwNjkxIDIuNzI3MDcgNC45NTUxMSAwLjg3ODkwNiA3LjUwMTUgMC44Nzg5MDZDMTAuMDQ3OCAwLjg3ODkwNiAxMS44OTYgMi43MjcwNyAxMS44OTYgNS4yNzM0NEMxMS44OTYgOC4xMjIyMSA5LjQ5MTQxIDkuMTMxMTkgNy41MDE1IDExLjU4NDdDNi45MDM1IDEwLjg0NzQgNi4yNjM5NSAxMC4yMzg4IDUuNjQyMDMgOS42NDcwOEM0LjIyNTY0IDguMjk5MzkgMy4xMDY5MSA3LjIzNDg5IDMuMTA2OTEgNS4yNzM0NFpNMS44NzI2MSAxMy4wMzcxSDUuMDQwNTFWMTIuMTU4MkgyLjE2MTNMMi41NDYyMyAxMC45ODYzSDUuNzQzNjNWMTAuOTY2NkM2LjkxMSAxMi4xMjQyIDcuMjI2ODIgMTIuNzA0NCA3LjUwMTUgMTMuMDUwNEM3Ljc4Mjk5IDEyLjY5NTggOC4wODg1IDEyLjEyNzcgOS4yNTkyNiAxMC45NjY2VjEwLjk4NjNIMTIuNDU2N0wxMi44NDE2IDEyLjE1ODJIOS45NjIzOFYxMy4wMzcxSDEzLjEzMDNMMTMuNDg2MyAxNC4xMjExSDEuNTE2NTZMMS44NzI2MSAxMy4wMzcxWiIgZmlsbD0iI0ZGOTkwMCIvPgo8L3N2Zz4K") 0 0 no-repeat; position:absolute; left:15px; top:50%; width:15px; height:15px; margin:-8px 0 0; } .footertop_right .social img { max-height:20px; height:auto; } @media (max-width:1200px) { .footertop_right .social { white-space:nowrap; display:flex; justify-content:flex-end; } .footertop_right .social a { margin-right:0; margin-left:8px; } .footertop_right .social a:last-child { margin-left:5px; } .footertop_right .social a:first-child { margin:0; } } @media (max-width:750px) { .footertop_right .social a { margin:0 5px 15px; } .footertop_right .social a:last-child { margin:0 0 15px 5px; } .footertop_right .social a:first-child { margin:0 5px 15px 0; } } .ui-datepicker-today a.ui-state-highlight { color:#fff; } .ui-state-disabled { opacity:.65; } .ui-timespinner-value, span.ui-timespinner-ampm { display:none; } .datetime_time .ui-timespinner { width:100px; border-bottom:1px solid #FF9900; } .datetime_time .ui-timespinner { width:100px; text-align:center; } .datetime_time span.ui-timespinner-hh, .datetime_time span.ui-timespinner-mm, .datetime_time .ui-timespinner-colon { /*float:left;*/ width:25px; display:inline-block; } .datetime_time .ui-timespinner-colon { width:2px; margin-right:2px; } .datetime_time .ui-timespinner-hh input, .datetime_time .ui-timespinner-mm input { width:100%; background-color:transparent; border:none; text-align:center; font-size:14px; height:25px; padding:0; } @media (max-width:414px) { .datetime_time span.ui-timespinner-hh, .datetime_time span.ui-timespinner-mm { width:30px; } .datetime_time .ui-timespinner-hh input, .datetime_time .ui-timespinner-mm input { font-size:12px; } } .datetime_time-select { display:flex; justify-content:flex-end; padding:5px 15px; } .datetime_time-select .btn { padding:5px 25px; font-size:14px; text-transform:none; } .ui-datepicker-next, .ui-datepicker-prev { overflow:hidden; } .datetime__new { z-index:99993; left:auto; display:none; } .datetime__new.opened { display:block; } .jq-selectbox { vertical-align:top; } .jq-selectbox__search { padding:5px; } .jq-selectbox__search input { display:block; border:1px solid #ccc; width:100%; padding:5px; } .jq-selectbox__not-found { padding:5px 10px; } .jq-selectbox .swiper-container-select { max-height:370px; margin-left:auto; margin-right:auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1; } .jq-selectbox .swiper-container-select .swiper-scrollbar-drag { background:#FF9900; } .jq-selectbox__dropdown .swiper-container-select .swiper-slide { height:auto; padding-right:10px; } .jq-selectbox__dropdown .swiper-container-select ul { overflow:visible; } .jq-selectbox__dropdown ul li.sel { background:#e2e2e2; } .input.datetimepicker { background:url(/local/templates/stroitaxi_su/public/css/../images/svg/calendar.svg) right center no-repeat; padding-right:28px; } .phone a { transition:all .2s ease; } .phone a:hover { opacity:.65; } .contacts_header_left { padding-right:30px; } .contacts_header_left .social-contacts { padding:10px 0 0; line-height:1.2; } .contacts_header_left .social-contacts a { color:#2E495C; display:inline; font-size:14px; text-decoration:none; } .contacts_header_left .social-contacts a::before { top:0; } .contacts_header_left .social-contacts a::after, .contacts_header_left .phone a::after { content:""; display:block; margin-bottom:1px; } .contacts_header_left .social-contacts a:last-child::after, .contacts_header_left .phone a:last-child::after { margin-bottom:0; } .contacts_header_right { flex:1 0 0; } .contacts_header .contacts_header_right ymaps iframe { width:115px; height:30px; } @media (max-width:768px) { .contacts_header_right .bx-yandex-view-map .bx-yandex-map, .contacts_header_right .bx-yandex-view-map .bx-yandex-map > .ymaps-map { max-height:300px; } } .modal_flex-row { flex-direction:column; } .modal_flex-row .modal_img { margin:0 auto 20px; display:flex; align-items:center; justify-content:center; } .modal_center { text-align:center; } #app-android.modal, #app-apple.modal { max-width:280px; padding:40px 20px 170px; background:url("/local/templates/stroitaxi_su/public/css/../images/modal-app_bg.png") 50% 100% no-repeat #fff; } #app-android.modal .modal_title, #app-apple.modal .modal_title { font-size:18px; line-height:1.3; } @media (max-width:750px) { #app-android.modal .modal_title, #app-apple.modal .modal_title { margin-right:0; } } .modal_center .social { justify-content:center; margin-bottom:10px; } .tabs li.ui-tabs-active a { background:#FF9900; border-color:transparent; -webkit-box-shadow:0px 0px 20px rgba(255, 153, 0, 0.5); -moz-box-shadow:0px 0px 20px rgba(255, 153, 0, 0.5); box-shadow:0px 0px 20px rgba(255, 153, 0, 0.5); } .toorder_item span { display:block; } .toorder_item span a { display:inline; } .choosebox_parent { position:relative; } .choosebox_parent > .choosebox_show { position:absolute; right:0; top:0; cursor:pointer; height:36px; width:30px; background:rgba(0, 0, 0, .05); } .choosebox_parent.opened > .choosebox_show::after { transform:rotate(180deg);; } .choosebox_child { background:rgba(0, 0, 0, .05); } .choosebox_child .choosebox_child { background:rgba(0, 0, 0, .1); } .choosebox_name { z-index:1; } .choose-init .swiper-container-choose { max-height:350px; margin-left:auto; margin-right:auto; /*position: relative;*/ overflow:hidden; list-style:none; padding:0; /*z-index: 1;*/ } .choose-init .swiper-container-choose .swiper-scrollbar-drag { background:#FF9900; } .choose-init .swiper-container-choose .swiper-slide { height:auto; padding-right:10px; } .form-group textarea.input { height:80px; } .search-page { padding:30px 0; min-height:200px; } .search__item { border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:15px; } .search__item_name { margin-bottom:5px; font-size:18px; } .paginator { padding:15px 0 0; margin-bottom:15px; } .paginator b { color:#FF9900; } .formbg_chb { padding-top:10px; } @media (min-width:1020px) { .formbg_container--with-textarea { flex-wrap:wrap; align-items:flex-end; } .formbg_container--with-textarea .form-group { width:calc(25% - 30px); } .formbg_container--with-textarea .form-group.form-group-textarea { width:calc(75% - 30px); padding-top:20px; padding-bottom:20px; } .formbg_container--with-textarea .form-btn { padding-bottom:20px; } } @media (max-width:1020px) { .formbg_container--with-textarea .form-group.form-group-textarea { width:100%; max-width:100%; flex:0 0 100%; } .form-group.formbg_chb { padding-top:10px; width:100%; max-width:100%; flex:0 0 100%; } } .select_town_popup { position:absolute; top:100%; left:50%; transform:translate(-50%, 10px); z-index:1; } .select_town_popup-back { position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(255, 255, 255, .3); } @media (max-width:768px) { .headmobile { z-index:11; } .select_town_popup { left:0; transform:translate(0, 10px); } .select_town_popup .select_town_popup_back::before { left:23%; } } .select_town_popup_back { background:#fff; padding:15px; width:184px; border:1px solid #e0e0e0; box-shadow:0 5px 17px 0 rgba(0, 0, 0, .15); border-radius:5px; position:relative; } .select_town_popup_back:before { content:""; width:0; height:0; border-style:solid; border-width:0 6px 6px 6px; border-color:transparent transparent #ffffff transparent; position:absolute; left:50%; top:-6px; margin:0 0 0 -6px; } .select_town_popup_town { margin-bottom:15px; } .select_town_popup_buttons .btn-small { padding:5px 10px; font-size:14px; display:block; margin:0 0 10px; width:auto; } .select_town_popup_buttons .btn-small:last-child { margin-bottom:0; } .select_town_popup_buttons .btn-small.btn-yes { background:#fff; color:#FF9900; border:1px solid #FF9900; } @media (max-width:991px) { .headerbox.fixed .catwin_section, .headerbox.fixed .catwin_child { padding-top:0; padding-bottom:0; } } .gallery.news-galley .gallery_top .swiper-slide { height:auto; } .gallery.news-galley .gallery_top .swiper-slide { height:auto; display:flex; } .gallery.news-galley .gallery_top .swiper-slide .slide-video { position:relative; height:100%; width:100%; } .gallery.news-galley .gallery_top .swiper-slide .slide-video iframe { position:absolute; left:0; top:0; right:0; bottom:0; max-width:100%; max-height:100%; width:100%; } @media (max-width:1020px) { .gallery.news-galley .swiper-container { padding-bottom:30px; } .gallery.news-galley .swiper-container-horizontal > .swiper-pagination-bullets { bottom:0; } } .videoboxn { position:relative; } .videobox::before, .videoboxn::before { display:none; opacity:0; visibility:hidden; } .videoboxn iframe { max-width:100%; max-height:100%; width:100%; } .social { -ms-display:flexbox; display:flex; align-items:center; margin:0 0 30px; } .social .share-container a { margin-right:0; vertical-align:middle; display:inline-block; } .social a:last-child { margin:0; } .social img { display:block; } .social .share-container span { font-size:1em; margin:0; } .pagination { display:-webkit-box; display:-ms-flexbox; display:flex; padding-left:0; list-style:none; border-radius:0.25rem; } .page-link { position:relative; display:block; padding:0.5rem 0.75rem; margin-left:-1px; line-height:1.25; color:#FF9900; background-color:#fff; border:1px solid #FF9900; } .page-link:hover { z-index:2; color:#18650f; text-decoration:none; background-color:#e9ecef; border-color:#dee2e6; } .page-link:focus { z-index:3; outline:0; -webkit-box-shadow:0 0 0 0.2rem rgba(242, 186, 77, 0.25); box-shadow:0 0 0 0.2rem rgba(242, 186, 77, 0.25); } .page-item:first-child .page-link { margin-left:0; border-top-left-radius:0.25rem; border-bottom-left-radius:0.25rem; } .page-item:last-child .page-link { border-top-right-radius:0.25rem; border-bottom-right-radius:0.25rem; } .page-item.active .page-link { z-index:3; color:#fff; background-color:#FF9900; border-color:#FF9900; } .page-item.disabled .page-link { color:#6c757d; pointer-events:none; cursor:auto; background-color:#fff; border-color:#dee2e6; } .pagination { margin-bottom:60px; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; font-size:18px; } @media (max-width:1199.98px) { .pagination { font-size:0.9375rem; } } @media (max-width:991.98px) { .pagination { font-size:0.875rem; } } @media (max-width:767.98px) { .pagination { font-size:0.875rem; } } @media (max-width:575.98px) { .pagination { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } } .pagination .page-item { padding:0; margin:0 5px; } @media (max-width:991.98px) { .pagination .page-item { margin:0 4px; } } @media (max-width:767.98px) { .pagination .page-item { margin:0 3px; } } @media (max-width:575.98px) { .pagination .page-item { margin:0 2px; } } .pagination .page-item.active .page-link { background:#FF9900; } .pagination .page-item.active .page-link:hover { color:rgba(255, 255, 255, 0.5); } .pagination .page-item.disabled .page-link { border-color:rgba(149, 149, 151, 0.35); background:transparent; } .pagination .page-item.dots span { display:-webkit-box; display:-ms-flexbox; display:flex; width:40px; height:40px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; border:1px solid #FF9900; background:transparent; -webkit-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease; border-radius:50%; padding:0; color:#FF9900; } .pagination .page-link { position:static; display:-webkit-box; display:-ms-flexbox; display:flex; width:40px; height:40px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; border:1px solid #FF9900; color:#FF9900; background:#fff; -webkit-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease; border-radius:50%; padding:.25rem; text-decoration:none; } .pagination .page-link:hover { background:#FF9900; color:#fff; } .pagination .page-nav .page-link { border-radius:50%; border-color:transparent !important; background:transparent; } .pagination .page-nav .page-link:hover { background:#FF9900; } .pagination .page-nav .page-link .icon { fill:#FF9900; } .pagination .page-nav.disabled .page-link .icon { fill:rgba(149, 149, 151, 0.35); } .pagination .page-nav .page-link-prev .icon { margin:0 2px 0 0; } .pagination .page-nav .page-link-next .icon { margin:0 -2px 0 0; } .pagination .page-nav .page-link:hover .icon { fill:#fff !important; } ul.pagination li::before { display:none; } .icon.icon-arrow-prev { width:9px; height:15px; } .icon.icon-arrow-next { width:10px; height:15px; } @media (max-width:1020px) { .mobilenav .mobilenav_link { display:none; } .mobilenav .mobilenav_dropdown { display:block !important; background:transparent; position:relative; left:auto; padding:15px; margin:0 auto; max-width:720px; z-index:auto; } .mobilenav .mobilenav_dropdown li { font-size:14px; line-height:16px; margin:0 10px 10px 0; display:inline-block; vertical-align:top; text-align:center; } .mobilenav .mobilenav_dropdown li a { border:1px solid #627685; color:#2E495C; border-radius:40px; -ms-border-radius:40px; display:block; text-decoration:none; padding:5px 18px; min-width:0; transition:all 200ms ease-in-out; -ms-transition:all 200ms ease-in-out; } .mobilenav .mobilenav_dropdown li a:hover { background:#FF9900; border-color:transparent; -webkit-box-shadow:0px 0px 20px rgba(255, 153, 0, 0.5); -moz-box-shadow:0px 0px 20px rgba(255, 153, 0, 0.5); box-shadow:0px 0px 20px rgba(255, 153, 0, 0.5); color:#2E495C; } } .city-text { padding-top:30px; margin-bottom:30px; } .articlefull p + ol, .articlefull p + ul, .city-text p + ul, .service-fulltext p + ul, .full-description p + ul, .article p + ul { /*margin-top:-15px;*/ } .articlefull ol li { list-style-type:decimal; margin:0 0 20px 20px; } .articlefull ul, .city-text ul, .service-fulltext ul, .full-description ul, .article ul { margin:0 0 20px; } .articlefull ul li, .city-text ul li, .service-fulltext ul li, .full-description ul li, .article ul li { padding:0 0 0 20px; position:relative; margin:0 0 5px; } .articlefull ul li::before, .city-text ul li::before, .service-fulltext ul li::before, .full-description ul li::before, .article ul li::before { content:""; background:#FF9900; position:absolute; left:0; width:6px; height:6px; top:8px; border-radius:50% } .firstscreen_slide::before, .numtext::before { display:none; } .breadcrumbs a.last:after { background:none; } .firstscreen_innerpage { height:auto; background:transparent !important; padding:20px 0 0; align-items:flex-start; } .breadcrumbs a { padding-right:0; } .breadcrumbs a:after { position:relative; right:auto; top:auto; margin:0 0 0 10px; } @media (max-width:1020px) { .firstscreen .breadcrumbs { padding:15px 10px; display:block; } .breadcrumbs { display:block; } .firheadscreen.noslider .breadcrumbs { margin-top:50px; } } @media (max-width:750px) { .firstscreen_innerpage { padding:20px 15px 0; min-height:auto; } } .firstscreen_innerpage::before { display:none; } .firstscreen_innerpage .firstscreen_title { color:inherit; padding-bottom:15px; } .firstscreen_innerpage .firstscreen_nav li a { color:#FF9900; } .service-details-bottom { display:none; } @media (max-width:1020px) { .full-description.service-details-top { display:none; } } .related .related-prev, .related .related-next { bottom:auto; top:25%; transform:translateY(-50%); border-bottom:none; } .related .related-next { right:10px; transform:translateY(-50%) matrix(-1, 0, 0, 1, 0, 0); } .related .related-prev { left:10px; right:auto; } .firstscreen_slide { align-items:flex-end; } .firstscreen_slide .btn { min-width:auto; } @media (max-width:1140px) { .firstscreen_slide .firstscreen_text { position:absolute; bottom:0; } } @media (max-width:1020px) { .headmobile + #quick-order.formbg { padding-top:140px; } .firstscreen_slide .btn { margin-bottom:10px; } } .show-more-item-hidden { display:none; } .opened-all .btn-show-more { display:none; } .category-callback__item { padding:25px; background-color:#f8f8f8; border-radius:5px; margin-bottom:25px; border-bottom:none; margin-top:25px; border-bottom:none; } .category-callback__data { margin-bottom:15px; } .category-callback__data h6 { margin:0; padding:0; font-size:17px; font-weight:700; } .category-callback__data p { margin:0; padding:0; font-size:13px; } .howdo_row .sm12:nth-child(6) .howdo .howdo_num, .howdo_row .sm12:nth-child(8) .howdo .howdo_num { top:8px; } .form-group.has-error .choosebox_name, .form-group.has-error input.input { border-bottom-color:red; background-color:rgba(255, 0, 0, .1); } body.select-town { background:#F8F8F8; } @media (max-width:1020px) { body.select-town { padding-top:70px; } } .select-town__block { margin-bottom:40px; } .select-town__block .searchbox { margin-bottom:30px; background:#FFFFFF; border:1px solid #FFFFFF; box-shadow:0 0 20px rgba(46, 73, 92, 0.08); max-width:100%; padding:30px; } .select-town__block .searchbox form { display:block; position:relative; border-bottom:1px solid #2E495C; } .select-town__block .townlist { margin-bottom:30px; background:#FFFFFF; border:1px solid #FFFFFF; box-shadow:0 0 20px rgba(46, 73, 92, 0.08); max-width:100%; padding:30px; } .select-town__block .townlist.active-mark ul { display:none; } .select-town__block .townlist.active-mark ul.active-mark { display:block; } .select-town__block .townlist.active-mark ul.active-mark li { display:none; } .select-town__block .townlist.active-mark ul.active-mark li.active-mark, .select-town__block .townlist.active-mark ul.active-mark li.townlist_letter { display:block; } .townlist_col li.selected { color:#FF9900; } .text-block- { margin-bottom:30px; } .text-block--bg { margin-bottom:30px; background:#FFFFFF; border:1px solid #FFFFFF; box-shadow:0 0 20px rgba(46, 73, 92, 0.08); max-width:100%; padding:30px; } .townlist .swiper-container { height:300px; } .townlist ul li { font-size:16px; margin:0 0 15px; font-family:'Raleway'; font-weight:600; color:#000; } .townlist > a { font-size:16px; background:#FF9900; box-shadow:0 4px 4px rgba(0, 0, 0, 0.25); border-radius:40px; color:#fff; height:40px; line-height:39px; padding:0 30px; display:inline-flex; align-items:center; text-decoration:none; } @media (max-width:750px) { .townlist .swiper-container { height:276px; } } .lang-block { padding:0 5px; } .lang-block #yt-widget .yt-wrapper { position:static !important; } .lang-block #yt-widget.yt-widget .yt-wrapper_align_right { display:none; } .lang-block #yt-widget.yt-widget .yt-button_type_left { display:none; } .lang-block #yt-widget.yt-widget .yt-button_type_right { border:none; background:transparent; } .lang-block #yt-widget.yt-state_right { position:static !important; } .lang-block #yt-widget.yt-state_right .yt-listbox { right:auto !important; left:50%; width:calc(100vw - 30px); transform:translate(-50%, 0); max-width:1170px; display:flex; flex-wrap:wrap; max-height:calc(100vh - 100px); overflow:auto; } .lang-block #yt-widget.yt-state_right .yt-listbox[hidden] { display:none; } @media (max-width: 1020px) { .headerbox .phone a:nth-child(2) { display:none; } .lang-block { padding-right:40px; } } @media (max-width:750px) { .lang-block { padding-right:10px; } #yt-widget.yt-state_mobile .yt-listbox__col { width:100%; } } @media (max-width:374px) { .headerbox .logo a { display: block; width: 102px; overflow: hidden; } .headerbox .logo a img { margin-left:-30px; } .lang-block { padding-left: 0; padding-right:5px; } .headerbox_outer .flex_center { margin-left:0; } #yt-widget .yt-button_type_right > .yt-button__text { font-size:14px; } } .cardfeat_docs { display: flex; flex-wrap: wrap; gap: 24px; } .cardfeat_docs-item { text-decoration: none; display: flex; align-items: center; } .cardfeat_docs-item:before { content: ""; display: block; height: 18px; width: 18px; background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12.75V14.25C3 14.6478 3.15804 15.0294 3.43934 15.3107C3.72064 15.592 4.10218 15.75 4.5 15.75H13.5C13.8978 15.75 14.2794 15.592 14.5607 15.3107C14.842 15.0294 15 14.6478 15 14.25V12.75' stroke='%23FF9900' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.25 8.25L9 12L12.75 8.25' stroke='%23FF9900' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 3V12' stroke='%23FF9900' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; margin-right: 8px; } .cardfeat_docs-item:hover { opacity: 0.8; } .iti { --iti-path-flags-1x: url('/local/templates/stroitaxi_su/public/images/flags/flags.png'); --iti-path-flags-2x: url('/local/templates/stroitaxi_su/public/images/flags/flags@2x.png'); --iti-path-globe-1x: url('/local/templates/stroitaxi_su/public/images/flags/globe.png'); --iti-path-globe-2x: url('/local/templates/stroitaxi_su/public/images/flags/globe@2x.png'); --iti-hover-color: rgba(0, 0, 0, 0); width: 100%; } .iti--inline-dropdown .iti__dropdown-content { z-index: 11; } .iti--container { z-index: 9999999999; } .iti--fullscreen-popup .iti__dropdown-content { margin: 0 auto; width: 75% } /* End */ /* Start:/local/templates/stroitaxi_su/styles.css?1689139310854*/ .btn { font-size: 16px; } #dateinput, span.ui-timespinner-ampm{ display:none; } .datetime_time .ui-timespinner{ width:100px; border-bottom:1px solid #FF9900; } .datetime_time .ui-timespinner{ width:100px; text-align:center; } .datetime_time span.ui-timespinner-hh, .datetime_time span.ui-timespinner-mm, .datetime_time .ui-timespinner-colon{ /*float:left;*/ width:25px; display:inline-block; } .datetime_time .ui-timespinner-colon{ width:2px; margin-right:2px; } .datetime_time .ui-timespinner-hh input, .datetime_time .ui-timespinner-mm input{ width:100%; background-color:transparent; border:none; text-align:center; font-size:14px; height: 25px; } /*.catwin .social{*/ /* display:block;*/ /*}*/ /*@media(min-width:1024px){*/ /* .catwin .social{*/ /* position: absolute;*/ /* right: 24px;*/ /* bottom: 0px;*/ /* }*/ /*}*/ /* End */ /* /local/templates/stroitaxi_su/public/css/scripts.css?168913931028258 */ /* /local/templates/stroitaxi_su/public/js/vendor/slick-1.8.1/slick.css?16891393101776 */ /* /local/templates/stroitaxi_su/public/js/vendor/intltelinput/intlTelInput.css?171385999021304 */ /* /local/templates/stroitaxi_su/public/css/fonts.css?16891393101460 */ /* /local/templates/stroitaxi_su/public/css/styles.css?168913931092894 */ /* /local/templates/stroitaxi_su/public/css/resp.css?169053066055454 */ /* /local/templates/stroitaxi_su/public/css/custom.css?171404276039393 */ /* /local/templates/stroitaxi_su/styles.css?1689139310854 */