/* Start:/bitrix/templates/gvozdevsoft_gsremont_color_11/css/font-awesome/css/font-awesome.min.css?161771145431019*/ /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-display: swap;font-family:'FontAwesome';src:url('/bitrix/templates/gvozdevsoft_gsremont_color_11/css/font-awesome/css/../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('/bitrix/templates/gvozdevsoft_gsremont_color_11/css/font-awesome/css/../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('/bitrix/templates/gvozdevsoft_gsremont_color_11/css/font-awesome/css/../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('/bitrix/templates/gvozdevsoft_gsremont_color_11/css/font-awesome/css/../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('/bitrix/templates/gvozdevsoft_gsremont_color_11/css/font-awesome/css/../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('/bitrix/templates/gvozdevsoft_gsremont_color_11/css/font-awesome/css/../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} /* End */ /* Start:/bitrix/templates/gvozdevsoft_gsremont_color_11/css/reset.css?16177114541139*/ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* End */ /* Start:/bitrix/templates/gvozdevsoft_gsremont_color_11/lib/slider-slick/slick.css?16177114541729*/ /* 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; } .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:/bitrix/templates/gvozdevsoft_gsremont_color_11/lib/slider-slick/slick-theme.css?16177114543168*/ @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url('/bitrix/templates/gvozdevsoft_gsremont_color_11/lib/slider-slick/./ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-display: auto; font-family: 'slick'; font-weight: normal; font-style: normal; src: url('/bitrix/templates/gvozdevsoft_gsremont_color_11/lib/slider-slick/./fonts/slick.eot'); src: url('/bitrix/templates/gvozdevsoft_gsremont_color_11/lib/slider-slick/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/gvozdevsoft_gsremont_color_11/lib/slider-slick/./fonts/slick.woff') format('woff'), url('/bitrix/templates/gvozdevsoft_gsremont_color_11/lib/slider-slick/./fonts/slick.ttf') format('truetype'), url('/bitrix/templates/gvozdevsoft_gsremont_color_11/lib/slider-slick/./fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /* End */ /* Start:/bitrix/templates/gvozdevsoft_gsremont_color_11/lib/owl-carousel-2/css/owl.carousel.min.css?16177114542931*/ /** * Owl Carousel v2.2.1 * Copyright 2013-2017 David Deutsch * Licensed under () */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/bitrix/templates/gvozdevsoft_gsremont_color_11/lib/owl-carousel-2/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* End */ /* Start:/bitrix/templates/gvozdevsoft_gsremont_color_11/lib/owl-carousel-2/css/owl.theme.default.css?16177114542820*/ /** * Owl Carousel v2.2.1 * Copyright 2013-2017 David Deutsch * Licensed under () */ /* * Default theme - Owl Carousel CSS File */ .owl-theme { height: 420px; position: relative; } .owl-theme .owl-nav { position: absolute; top: 42%; left: 0; width: 100%; -webkit-tap-highlight-color: transparent; } .owl-theme:hover .owl-nav [class*='owl-']{ display: inline-block; } .owl-theme .owl-nav [class*='owl-'] { color: #fff; font-size: 32px; width: 44px; height: 44px; line-height: 36px; display: none; cursor: pointer; box-sizing: border-box; } .owl-theme .owl-nav .owl-prev { float: left; padding-left: 12px; } .owl-theme .owl-nav .owl-next { float: right; padding-left: 16px; } .owl-theme .owl-nav .fa { font-size: 1.5em; opacity: 0.7; } .owl-theme .owl-nav .fa:hover { opacity: 1; } .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme .owl-dots { position: absolute; bottom: 10px; left: 0; width: 100%; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; } .owl-theme .owl-dots .owl-dot span { width: 20px; height: 5px; margin: 5px 7px; background: #D6D6D6; display: block; cursor: pointer; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 3px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } .owl-theme .slideblock { height: 420px; position: relative; } .owl-theme .slideblock img { position: absolute; left: 0; top: 0; min-width: 100%; } .owl-theme .slpart{ max-width: 1100px; margin: 0 auto; } .owl-theme .slidetext { color: #fff; left: 4%; position: relative; top: 100px; width: 500px; background: rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 20px 10px 40px 30px; } .owl-theme .slidetexthd { font-size: 1.9em; margin-bottom: 5px; } .owl-theme .slidetextdesc { font-size: 1.9em; margin-bottom: 35px; } .owl-theme a.slidetextlink { color: #fff; border: 3px solid #48a216; padding: 8px 13px; border-radius: 4px; font-size: 1.1em; cursor: pointer; } .owl-theme a.slidetextlink:hover { background: #48a216; } .owl-theme span.cena_color { font-size: 1.5em; } .owl-theme .slideoverlay { bottom: 0; height: 0; left: 0; position: absolute; width: 50%; height: 0; /*border-bottom: 420px solid rgba(0,0,0,0.4); border-right: 250px solid transparent;*/ } .owl-theme svg { display: block; overflow: visible; } .owl-theme .slideoverlaypath { opacity: 0.4; } /* End */ /* Start:/bitrix/templates/gvozdevsoft_gsremont_color_11/lib/accordion/accordion.css?16177114541496*/ /* stranica price */ .accordion { width:100%; margin: 0 0 30px; } .accordion .accordion_item { margin-bottom:1px; position:relative } .accordion .title_block { font-weight: 400; font-size: 18px; color: #eee; cursor:pointer; background: #9d9cab; padding:10px 55px 10px 15px; -webkit-transition:all .2s linear 0; -webkit-transition-delay:.2s 0; transition:all .2s linear 0 } .accordion .title_block:before { content:''; height:8px; width:8px; display:block; border:2px solid #fefefe; border-right-width:0; border-top-width:0; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); position:absolute; right:20px; top:15px } .accordion .active_block .title_block:before { border:2px solid #fefefe; border-left-width:0; border-bottom-width:0; top:18px } .accordion .title_block:hover { background: #9d9cab } .accordion .active_block .title_block { background: #9d9cab; color:#fefefe } .accordion .info { display:none; overflow: hidden; } .accordion .info_first { display: block; } .accordion .info_item { margin-bottom:10px } .accordion .info img { height: auto; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } .large-img { width: 100%; margin-bottom: 10px; } .img-left { width: 25%; float:left; margin:5px 15px 5px 0; } .img-right { width: 25%; float:right; margin:5px 0 5px 15px; } /* End */ /* Start:/bitrix/templates/gvozdevsoft_gsremont_color_11/lib/tabs/tabs.css?1617711454712*/ #tabs{ display: inline-block; width: 100%; } #tabs > div{ padding-top: 10px; } #content #tabs>ul{ margin: 0px; padding: 0px; } #tabs>ul:after{ content: ""; display: block; clear: both; height: 7px; background: #9d9cab; } #tabs>ul>li{ width: 23%; margin: 0 0 0 10px; padding: 0; cursor: pointer; display: block; float: left; padding: 10px 0; background: #e5e5e5; color: #000; text-align: center; font-size: 1em; font-weight: 600; border-bottom: 0; border-radius: 4px 4px 0 0; } #tabs>ul>li:first-child { margin-left: 0 !important; } #tabs>ul>li.active, #tabs>ul>li.active:hover{ background: #9d9cab; color: #fff; border-bottom: 0; } /* End */ /* Start:/bitrix/templates/gvozdevsoft_gsremont_color_11/lib/flmenu/flmenu.css?16177114544477*/ /**Top menu**/ /* block struktury */ #flvmenu { display: block; margin: 0 auto; max-width: 1100px; position: relative; } #flvmenu > ul > li > a, #flvmenu > ul > li > ul > li > a, #flvmenu > ul > li > ul > li > ul > li > a, #flvmenu > ul > li > ul > li > ul > li > ul > li > a { text-decoration: none; display: block; cursor: pointer; } #flvmenu > ul > li { display: inline-block; position: relative; margin-right: -4px; } #flvmenu > ul > li > ul { display: none; position: absolute; top: 100%; z-index: 1000; } #flvmenu > ul > li > ul > li > ul{ display: none; position: absolute; top: 0; left: 100%; z-index: 1000; } #flvmenu > ul > li:last-child > ul > li > ul{ display: none; position: absolute; top: 0; left: -100%; z-index: 1000; } #flvmenu > ul > li:last-child > ul > li > ul > li > ul{ display: none; position: absolute; top: 0; left: -100%; z-index: 1001; } #flvmenu > ul > li ul li { display: block; position: relative; } #flvmenu > ul > li:hover > ul { display: block; } #flvmenu > ul > li > ul > li:hover > ul { display: block; } #flvmenu > ul > li > ul > li > ul > li:hover > ul { display: block; } #flvmenu > ul > #fllast { display: none; font-weight: 500; } /* block stile */ #flvmenu { background-color: #2c4668; font-size: 14px; } #flvmenu ul > li ul{ background-color: #fff; } .minmenu { display:none; } #flvmenu > ul > li > a{ color: #fff; font-size: 16px; text-transform: uppercase; } #flvmenu > ul > li ul li { width: 200px; border-top: 1px solid #eeeeee; box-sizing: border-box; } #flvmenu > ul > li ul li:first-child { border-top: 0; } #flvmenu > ul > li:hover{ background-color: #7c82bc; } #flvmenu > ul > li ul li:hover{ background-color: #48a216; } #flvmenu > ul > li ul { box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.2); } #flvmenu > ul > li a { display: inline-block; padding: 15px 30px; } #flvmenu > ul > li a:hover { color: #fff; } #flvmenu > ul > li ul li a { padding: 15px 25px 15px 0; padding-left: 20px; color: #000; font-size: 1em; } #flvmenu > ul > li > .flarr { top: 16px; right: 0px; } #flvmenu > ul > li ul li .flarr { top: 8px; right: 0px; } #flvmenu > ul > li .flarr { padding: 0; } #flvmenu > ul > li > a.flarr:after { content: "\f107"; font-family: FontAwesome; display: inline-block; margin-left: -24px; margin-right: 10px; } #flvmenu > ul > li ul li a.flarr:after { content: "\f105"; font-family: FontAwesome; position: absolute; display: inline-block; top: 15px; right: 15px; } #flvmenu > ul > li ul li:hover a.flarr { color: #fff; } #flvmenu > ul > li ul li:hover>a { color: #fff; } #flvmenu > ul > li ul li.root-item-selected>a { color: #fff; } @media (max-width:768px){ .minmenu { display: block; cursor: pointer; } .minmenu i{ padding-left: 25px; line-height: 45px; font-size: 24px; color: #fff; } .minmenu a{ padding-left: 10px; padding-right: 10px; line-height: 45px; font-size: 20px; color: #fff; } #flvmenu > ul { position: relative; left: 0; top: 100%; z-index: 999; } #flvmenu > ul li { width: 100%; } #flvmenu > ul > li > ul, #flvmenu > ul > li > ul > li > ul { display: block; position: relative; overflow-y: hidden; width: auto; left: 0; } #flvmenu > ul > li > ul > li, #flvmenu > ul > li > ul > li > ul > li{ width: auto; } /* block style */ #flvmenu > ul { background-color: #2c4668; width: 100%; } #flvmenu > ul li ul{ background-color: #2c4668; } #flvmenu > ul li a{ color: #fff !important; display: block; } #flvmenu > ul > li { display: block; } #flvmenu > ul > li > a{ font-size: 18px; } #flvmenu > ul > li > ul > li > a{ font-size: 16px; } #flvmenu > ul > li > ul , #flvmenu > ul > li > ul > li > ul{ border: none; } #flvmenu > ul > li > ul > li a { padding-left: 40px; } #flvmenu > ul > li > ul > li > ul > li a { padding-left: 35px; } #flvmenu > ul > li > a.flarr:after, #flvmenu > ul > li ul li a.flarr:after { content: ""; } #flvmenu > ul > li ul { box-shadow: none; } #flvmenu > ul > li .flarr, #flvmenu > ul > li ul li a.flarr { position: absolute; top: 0; padding: 15px; } #flvmenu > ul > li ul li { border-top: 0; } } div.menu-clear-left { clear:left; } /* End */ /* Start:/bitrix/templates/gvozdevsoft_gsremont_color_11/lib/arrup/arrup.css?1617711454562*/ #arrup { height: 35px; width: 35px; font-size: 26px; line-height: 32px; text-align: center; background-color: #fff; color: #1c2c42; border: 2px solid; border-color: #1c2c42; border-radius: 50%; position: fixed; bottom: 30px; right: 20px; opacity: 0; transition: color 0.2s ease 0s, background 0.2s ease 0s, opacity 0.2s ease 0s, border 0.2s ease 0s; visibility: hidden; z-index: 1003; cursor: pointer; box-sizing: content-box; } #arrup.arvis { opacity: 1; visibility: visible; } /* End */ /* Start:/bitrix/templates/gvozdevsoft_gsremont_color_11/lib/hdfix/hdfix.css?16177114542140*/ #header .head_slide { left: 0; margin: 0; position: fixed; right: 0; top: -50px; height: 40px; width: 100%; z-index: 1000; background-color: #fff; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); -webkit-transition: top 0.7s ease; } #header .hdslide_inn { margin: 0 auto; max-width: 1100px; padding: 0 10px; } #header .hdslide_home { float: left; background: #48a216; color: #fff; } #header .hdslide_home .fa { padding: 6px 10px; font-size: 1.8em; background: #48a216; color: #fff; } #header .hdslide_logo { float: left; font-family: Play; font-size: 1.2em; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; } #header .hdslide_logo:hover { opacity: 0.7; } #header .hdslide_logo_slogan { display: block; font-size: 0.6em; color: #000; } #header .hdslide_contact { float: right; margin: 10px 20px 0 0; text-align: right; } #header .hdslide_contact_nomer { font-size: 1.2em; } #header .header_nomer_2 { margin-left: 10px; } #header .hdslide_contact_callback, #header .hdslide_contact_zayvka { float: right; margin: 0; } #header .hdslide_contact_callback a, #header .hdslide_contact_zayvka a { display: block; padding: 11px 13px 12px 13px; cursor: pointer; text-decoration: none; text-transform: uppercase; font-size: 0.9em; color: #fff; border-right: 1px solid #eee; } #header .hdslide_contact_callback a { background-color: #48a216; } #header .hdslide_contact_zayvka a { background-color: #2c4668; } #header .hdslide_contact_callback a:hover, #header .hdslide_contact_zayvka a:hover { opacity: 0.9; } #header .hdslide_contact_email { float: right; margin: 11px 3% 0 0; } #header .hdslide_contact_email a { color: #000; } @media (max-width: 1024px) { #header .hdslide_contact_email { display: none; } } @media (max-width: 890px) { #header .hdslide_contact_email, #header .hdslide_contact_zayvka { display: none; } } @media (max-width: 768px) { #header .head_slide { display: none; } } /* End */ /* Start:/bitrix/templates/gvozdevsoft_gsremont_color_11/lib/img-zoom/img-zoom.css?1617711454682*/ .img_zoom { width:100%; overflow:hidden; } .img_zoom a { position:relative; float:left; } .img_zoom a span::before { color: #fff; content: "\f00e"; display: inline-block; font-family: FontAwesome; } .img_zoom a span { background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0; border-radius: 4px; font-size: 24px; height: 40px; left: 30px; display: none; line-height: 40px; margin: -20px 0 0 -20px; position: absolute; text-align: center; top: 30px; transition: color 0.15s ease 0s, background 0.15s ease 0s, opacity 0.15s ease 0s, border 0.15s ease 0s; width: 40px; cursor:pointer; } /* End */ /* Start:/lib/feedback/feedback.css?161771157110390*/ /* FORM */ #form_vopros, #form_contacts, #form_zayvka_popup, #form_callback_popup, #form_zamer_popup, #form_zamer_calc, #form_slider_uslugi, #form_catalog_popup { background: #f7f7f7 !important; } .feedback input[type="text"], .feedback textarea { box-sizing: border-box; padding: 7px 15px; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; font-family: inherit; font-size: 1em; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); } form .garant { font-size: 0.9em; margin: 10px 0 30px; } form .garant a { vertical-align: top; text-decoration: underline; } form .garant a:hover { text-decoration: none; } form .garant label { vertical-align: top; } #garant_error_expert, #garant_error_calc, #garant_error_contacts, #garant_error_uslugi, #garant_error_zayvka, #garant_error_callback, #garant_error_catalog { color: red; } form .thanks_form { margin: 15px 0 0 0; font-size: 1.1em; color: green; } form .thanks_form2 { padding: 15px 0 0 0; font-size: 1em; color: green; } .feedback input[type='file']{ display: none; } .feedback .files { position: relative; margin: 10px auto; cursor: pointer; width: 300px; height: 55px; border-radius: 5px; font-size: 1em; background: #eee; } .feedback .files img { position: absolute; top: 8px; left: 32px; } .feedback .files span { position: absolute; top: 18px; left: 82px; } .feedback .files:hover { background: #e4e4e4; } .mfp-close-btn-in .mfp-close { background: #eee; border: 1px solid #ccc; border-radius: 5px 0 0 5px; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { background: none; border: 0; border-radius: 0; } /* FORM EXPERT */ #form_vopros { width: 100%; box-sizing: border-box; margin: 80px 0 40px; padding: 30px 5%; text-align: center; border: 5px solid transparent; /**border-image: 5 repeating-linear-gradient(45deg, #e4e4e4, #e4e4e4 5px, transparent 5px, transparent 5px, #e4e4e4 5px, #e4e4e4 10px,transparent 10px, transparent 20px);*/ border-radius: 4px; overflow: hidden; } #form_vopros .left { float: left; width: 70%; } #form_vopros .right { float: right; } #form_vopros .text { margin-bottom: 20px; } #form_vopros .prorab img { width: 150px; height: auto; } #form_vopros .prorab p { font-size: 0.9em; } #form_vopros .text .title { margin: 10px 0 20px 0; font-size: 1.4em; } #form_vopros p { font-size: 1em; font-family: "Open Sans",Helvetica, Arial, sans-serif; line-height: 1.5; margin-bottom: 20px; } #form_vopros input[type="text"] { width: 46%; margin-bottom: 10px; } #form_vopros button { display: block; margin: 10px auto 0 auto; } @media screen and (max-width: 768px){ #form_vopros { margin: 20px 0; padding: 20px; } #form_vopros .left { float: none; width: 100%; } #form_vopros .right { display: none; } #form_vopros .text { margin-bottom: 10px; } #form_vopros .text .title { margin: 0 0 20px 0; } #form_vopros p { margin-bottom: 10px; } #form_vopros input[type="text"] { width: 100%; } } /* ZAMER CALC */ #form_zamer_calc { position: relative; max-width: 100%; margin: 0 auto; padding: 30px 8% 40px 8%; text-align: center; border: 5px solid #ccc; border-radius: 4px; overflow: hidden; box-sizing: border-box; } #form_zamer_calc .left { float: left; width: 50%; } #form_zamer_calc .right { float: right; width: 270px; margin-top: 10px; } #form_zamer_calc .title { font-size: 1.7em; margin: 0 0 20px; } #form_zamer_calc .text { margin-bottom: 20px; text-align: left; } #form_zamer_calc .text p { font-size: 1em; line-height: 200%; } #form_zamer_calc .text .fa { color: #5aba2b; margin-right: 10px; font-size: 1.7em; } #form_zamer_calc input[type="text"] { width: 100%; display: block; margin: 0 auto 10px auto; } #form_zamer_calc button { display: block; margin: 10px auto 0 auto; } @media screen and (max-width: 768px){ #form_zamer_calc { width: 100%; height: auto; padding: 40px 20px; box-sizing: border-box; } #form_zamer_calc input[type="text"] { width: 100%; } #form_zamer_calc .left, #form_zamer_calc .right { float: none; width: 100%; } } /* FORM CONTACTS */ #form_contacts { width: 100%; min-width: 300px; margin: 0; padding: 20px 25px; text-align: center; border: 2px dashed #e4e4e4; border-radius: 4px; box-shadow: 0 15px 10px -14px #9d9cab; overflow: hidden; } #form_contacts .title { margin: 0 0 20px; font-size: 1.4em; } #form_contacts input[type="text"] { width: 49.2%; margin-bottom: 10px; font-size: 0.9em; } #form_contacts textarea { width: 100%; height: 60px; font-size: 0.9em; } #form_contacts button { display: block; margin: 10px auto 0 auto; } @media screen and (max-width: 768px){ #form_contacts { width: 100%; box-sizing: border-box; } #form_contacts input[type="text"] { width: 100%; } #form_contacts textarea { width: 100%; height: 100px; } } /* ZAYVKA POPUP */ #form_zayvka_popup { position: relative; max-width: 500px; margin: 0 auto; padding: 30px; text-align: center; border: 10px solid #9d9cab; border-radius: 4px; } #form_zayvka_popup .title { font-size: 1.7em; margin: 0 0 20px; } #form_zayvka_popup p { font-size: 0.9em; font-family: "Open Sans",Helvetica, Arial, sans-serif; line-height: 1.5; margin-bottom: 20px; } #form_zayvka_popup input[type="text"] { width: 49.4%; margin-bottom: 10px; } #form_zayvka_popup input[type="text"].input100 { width: 100%; } #form_zayvka_popup textarea { width: 100%; height: 80px; } #form_zayvka_popup button { display: block; margin: 10px auto 0 auto; } @media screen and (max-width: 768px){ #form_zayvka_popup { width: 100%; box-sizing: border-box; } #form_zayvka_popup input[type="text"] { width: 100%; } #form_zayvka_popup textarea { width: 100%; height: 100px; } } /* CALLBACK POPUP */ #form_callback_popup { position: relative; max-width: 400px; box-sizing: border-box; margin: 0 auto; padding: 30px 40px; text-align: center; border: 10px solid #9d9cab; border-radius: 4px; } #form_callback_popup .title { font-size: 1.7em; margin: 0 0 20px; } #form_callback_popup p { font-size: 0.9em; font-family: "Open Sans",Helvetica, Arial, sans-serif; line-height: 1.5; margin-bottom: 20px; } #form_callback_popup input[type="text"] { width: 80%; margin-bottom: 10px; } #form_callback_popup button { display: block; margin: 10px auto 0 auto; } @media screen and (max-width: 768px){ #form_callback_popup { width: 100%; box-sizing: border-box; padding: 20px; } #form_callback_popup input[type="text"] { width: 100%; } } /* CATALOG POPUP */ #form_catalog_popup { position: relative; max-width: 500px; margin: 0 auto; padding: 30px; text-align: center; border: 10px solid #9d9cab; border-radius: 4px; } #form_catalog_popup .title { font-size: 1.7em; margin: 0 0 20px; } #form_catalog_popup p { font-size: 0.9em; font-family: "Open Sans",Helvetica, Arial, sans-serif; line-height: 1.5; margin-bottom: 20px; } #form_catalog_popup input[type="text"] { width: 49.5%; margin-bottom: 10px; } #form_catalog_popup input[type="text"].input100 { width: 100%; } #form_catalog_popup textarea { width: 100%; height: 100px; } #form_catalog_popup button { display: block; margin: 10px auto 0 auto; } #form_catalog_popup .tovar { padding: 15px; border: 1px solid #ccc; text-align: left; margin-bottom: 10px; color: #555; } @media screen and (max-width: 768px){ #form_catalog_popup { width: 100%; box-sizing: border-box; } #form_catalog_popup input[type="text"] { width: 100%; } #form_catalog_popup textarea { width: 100%; height: 100px; } } /* ZAMER POPUP */ #form_zamer_popup { position: relative; max-width: 600px; margin: 0 auto; padding: 30px 3% 40px 3%; text-align: center; border: 10px solid #9d9cab; border-radius: 4px; overflow: hidden; } #form_zamer_popup .left { float: left; width: 50%; } #form_zamer_popup .right { float: right; width: 250px; margin-top: 10px; } #form_zamer_popup .title { font-size: 1.7em; margin: 0 0 20px; } #form_zamer_popup .text { margin-bottom: 20px; text-align: left; } #form_zamer_popup .text p { font-size: 1em; line-height: 200%; } #form_zamer_popup .text .fa { color: #5aba2b; margin-right: 10px; font-size: 1.7em; } #form_zamer_popup input[type="text"] { width: 100%; display: block; margin: 0 auto 10px auto; } #form_zamer_popup textarea { width: 100%; height: 80px; } #form_zamer_popup button { display: block; margin: 10px auto 0 auto; } @media screen and (max-width: 768px){ #form_zamer_popup { width: 100%; height: auto; padding: 40px 20px; box-sizing: border-box; } #form_zamer_popup input[type="text"] { width: 100%; } #form_zamer_popup .left, #form_zamer_popup .right { float: none; width: 100%; } } /* FORM USLUGI */ #form_slider_uslugi { width: 230px; margin: 0; padding: 15px 25px; text-align: center; border: 10px solid #9d9cab; border-radius: 4px; box-shadow: 0px 0px 31px 0px #000000; overflow: hidden; } #form_slider_uslugi .title { font-size: 1.05em; font-weight: 600; margin-bottom: 15px; line-height: 110%; } #form_slider_uslugi input[type="text"] { width: 100%; margin-bottom: 5px; font-size: 1em; } #form_slider_uslugi button { display: block; margin: 10px auto 0 auto; } #form_slider_uslugi form .garant { font-size: 0.9em; margin: 0 0 20px; } #form_slider_uslugi form .thanks_form { margin: 0 0 18px; font-size: 1em; color: green; } /* End */ /* Start:/lib/calc/css/calc.css?16177115714677*/ #content #tabs>ul.tabs_calc{ margin-bottom: 10px; } #content #tabs>ul.tabs_calc>li { font-size: 1.1em; margin-left: 2%; padding: 7px 3%; text-transform: none; } #content #tabs>ul.tabs_calc>li.active, #content #tabs>ul.tabs_calc>li.active:hover, #content #tabs>ul.tabs_calc>li:hover { color: #000; } #tabs span.tabs_100 { display: block; font-size: 0.7em; color: #999; } #tabs .tabs_100 .procent { font-size: 1.3em; color: #000; } #content .calc { padding: 40px 5%; margin-bottom: 30px; background: #f7f7f7; border-radius: 4px; border: 5px solid #ccc; } #content .calc h3 { width: 200px; font-size: 1em; font-weight: 600; text-align: center; padding: 10px; background: #777; color: #fff; text-transform: uppercase; border-radius: 0 7px 0 7px; margin-bottom: 20px; } #content .calc ul { list-style-type: none; margin: 0; } #content .calc hr { border: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #fff; margin: 25px 0; } #content .calc p { font-weight: 600; width: 140px; margin: 0; } #content .calc ul li { margin: 0 0 0 40px; display: inline-block; } #content .calc ul li:first-child{ margin-left: 0; } #content .calc input[type="number"] { padding: 10px; width: 100px; font-size: 1.5em; background: #fff; border: 1px solid #ccc; border-radius: 4px; } #content .calc select { padding: 7px; width: 350px; font-size: 1em; border: 2px solid #fdb418; border-radius: 4px; background: #fff; } #content .calc .razdelitel { margin-left: 20px; } #content .calc ul li.otstup_abh { margin-left: 16px; } #content .calc .calc_rezultat { margin: 70px 0 0 0; padding: 20px; background: #eaeaea; border-radius: 4px; } #content .calc .calc_rezultat p { width: 100%; padding: 10px 0; margin: 0; font-size: 1em; color: #717171; text-transform: uppercase; border-bottom: 1px dashed #ccc; } #content .calc_rez, #content .calc .rub { font-size: 1.5em; color: #5aba2b; } #content .calc .rub { margin-left: 5px; text-transform: lowercase; } #content .calc input[type=checkbox] { vertical-align: top; margin: 0 3px 0 0; width: 17px; height: 17px; } #content .calc input[type=checkbox] ~ label { cursor: pointer; } #content .calc input[type=checkbox]:not(checked) { position: absolute; opacity: 0; } #content .calc input[type=checkbox]:not(checked) ~ label { position: relative; padding: 0 0 0 60px; } #content .calc input[type=checkbox]:not(checked) ~ label:before { content: ''; position: absolute; top: -4px; left: 0; width: 50px; height: 26px; border-radius: 13px; background: #CDD1DA; box-shadow: inset 0 2px 3px rgba(0,0,0,.2); } #content .calc input[type=checkbox]:not(checked) ~ label:after { content: ''; position: absolute; top: -2px; left: 2px; width: 22px; height: 22px; border-radius: 10px; background: #FFF; box-shadow: 0 2px 5px rgba(0,0,0,.3); transition: all .2s; /* анимация, чтобы чекбокс переключался плавно */ } #content .calc input [type=radio]{ vertical-align: top; width: 17px; height: 17px; margin: 0 3px 0 0; } #content .calc input [type=radio]+ label { cursor: pointer; } #content .calc input[type=radio]:not(checked) { position: absolute; opacity: 0; } #content .calc input[type=radio]:not(checked) ~ label { position: relative; padding: 0 0 0 35px; } #content .calc input[type=radio]:not(checked) ~ label:before { content: ''; position: absolute; top: -3px; left: 0; width: 22px; height: 22px; border: 1px solid #CDD1DA; border-radius: 50%; background: #FFF; } #content .calc input[type=radio]:not(checked) ~ label:after { content: ''; position: absolute; top: 1px; left: 4px; width: 16px; height: 16px; border-radius: 50%; background: #fdb418; box-shadow: inset 0 1px 1px rgba(0,0,0,.5); opacity: 0; transition: all .2s; } #content .calc input[type=radio]:checked ~ label:after { opacity: 1; } #content .calc input[type=radio]:focus ~ label:before { box-shadow: 0 0 0 3px rgba(255,255,0,.5); } #content .calc input[type=checkbox]:checked ~ label:before { background: #9FD468; } #content .calc input[type=checkbox]:checked ~ label:after { left: 26px; } #content .calc input[type=checkbox]:focus ~ label:before { box-shadow: 0 0 0 3px rgba(255,255,0,.5); } /* End */ /* Start:/bitrix/templates/gvozdevsoft_gsremont_color_11/lib/magnific-popup/magnific-popup.css?16177114546951*/ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /* End */ /* Start:/bitrix/templates/gvozdevsoft_gsremont_color_11/css/style.css?164059213044693*/ /* Tegi */ body { font: 1em "Trebuchet MS", Arial, Tahoma, Verdana, sans-serif; color: #000; } a { text-decoration: none; color: #48a216; outline: 0; } a:hover { text-decoration: none; } button { outline: 0; } .br10 { margin-bottom: 10px; } .br20 { margin-bottom: 20px; } .br30 { margin-bottom: 30px; } .button { padding: 13px 12px; border-radius: 4px; background: #48a216; color: #fff; text-transform: uppercase; text-decoration: none !important; cursor: pointer; font-size: 0.95em; } .button:hover { text-decoration: none; opacity: 0.9; } @font-face { font-display: swap; font-family: Play; src: url(/bitrix/templates/gvozdevsoft_gsremont_color_11/css/../css/fonts/play.ttf); } #header_top, #header, #top_menu, #slider, #block_company, #wrapper, #footer_top, #footer_bottom, #footer_center { width: 100%; min-width: 320px; } #header_top_main, #header_main, #block_company_main, #wrapper, #footer_top_main, #footer_bottom_main, #footer_center_main { max-width: 1100px; margin: 0 auto; } /* HEADER */ #header { width: 100%; } #header .fa { color: #48a216; } /* header top */ #header_top { background: #f7f7f7; border-top: 1px solid #eee; overflow: hidden; } #header_top a { color: #000; } #header_top_main { padding: 3px 10px; font-size: 0.9em; text-shadow: 1px 1px 1px #fff; overflow: hidden; } #header_top_address { float: left; margin: 7px 0 0 0; padding-right: 15px; font-size: 0.9em; } #header_top_address .fa-map-marker:before { margin-right: 3px; font-size: 1.4em; } #header_top_email { float: left; margin: 7px 0 0 0; padding-left: 15px; border-left: 1px solid #ccc; } #header_top_email .fa-envelope:before { margin-right: 3px; font-size: 1em; } #header_top_search { float: right; } #header_top_search form { position: relative; width: 230px; } #header_top_search input, button { border: none; outline: none; border-radius: 3px; box-sizing: border-box; } #header_top_search input { width: 100%; border: 1px solid #e9e9e9; height: 33px; background: #fff; padding: 0 40px 0 15px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); } #header_top_search button { height: 26px; width: 26px; position: absolute; top: 3px; right: 8px; background: none; cursor: pointer; } #header_top_search button:before { content: "\f002"; font-family: FontAwesome; color: #999; font-size: 1.4em; } /*header main */ #header_main { height: 100px; padding: 3px 10px; overflow: hidden; } #header_logo { float: left; margin-top: 26px; } #header_logo:hover { opacity: 0.7; } #header_logo a { color: #000; text-decoration: none; } #header_logo_img { float: left; } #header #header_logo_img .fa { padding: 5px 9px; font-size: 2.3em; background: #48a216; color: #fff; border-radius: 4px; } #header_logo_name { float: left; text-transform: uppercase; font-family: Play; font-size: 1.9em; font-weight: 600; letter-spacing: 0.06em; padding: 0 0 0 10px !important; margin-top: -2px; } #header_callback { float: right; } #header_callback a { text-decoration: none; border-bottom: 1px dotted; cursor: pointer; } #header_callback a:hover { text-decoration: none; border: 0; } #header_contact { float: right; margin: 12px 0 0 0; text-align: right; } #header_nomer { font-size: 1.5em; margin-bottom: 7px; position:relative; } #header_time { font-size: 0.85em; } #header_zayavka { float: right; margin: 26px 6% 0 0; padding: 10px 5% 10px 0; line-height: 1em; border-right: 1px solid #ccc; } #header_calc { float: right; margin: 26px 5% 0 0; padding: 10px 5% 10px 0; line-height: 1em; border-right: 1px solid #ccc; } #header_zayavka .fa, #header_calc .fa { float: left; margin-right: 10px; font-size: 2em; } #header_zayavka:hover, #header_calc:hover { opacity: 0.7; } #header_calc a, #header_zayavka a { color: #000; } /* TOP MENU */ #top_menu_main { background: #2c4668; } #top_menu a { color: #fff; text-transform: uppercase; } #top_menu ul li:hover, #top_menu ul li.root-item-selected, #top_menu ul li.item-selected { background: #48a216; } #top_menu ul li.item-selected >a { color: #fff; } /* SLIDER */ #slider { width: 100%; height: 420px; margin: 0 auto 1px auto; background: #000; } /* BLOCK KOMPANY */ #block_company { margin-bottom: 10px; background: #f7f7f7; } #block_company_main { padding: 15px 1% 10px 3%; margin: 0 auto; box-sizing: border-box; font-size: 0.8em; } #block_company ul { list-style: none; } #block_company ul li { display: inline-block; margin-right: 3%; width: 22%; } #block_company ul li:last-child { margin-right: 0; } #block_company ul li span { float: right; width: 75%; margin-top: 17px; font-size: 1.2em; } #block_company .ico { display: inline-block; width: 52px; height: 52px; } #block_company .ico_1 { background: url(/bitrix/templates/gvozdevsoft_gsremont_color_11/css/../images/ico/1.svg) no-repeat; background-size: auto 52px; } #block_company .ico_2 { background: url(/bitrix/templates/gvozdevsoft_gsremont_color_11/css/../images/ico/2.svg) no-repeat; background-size: auto 52px; } #block_company .ico_3 { background: url(/bitrix/templates/gvozdevsoft_gsremont_color_11/css/../images/ico/3.svg) no-repeat; background-size: auto 52px; } #block_company .ico_4 { background: url(/bitrix/templates/gvozdevsoft_gsremont_color_11/css/../images/ico/4.svg) no-repeat; background-size: auto 52px; } #block_company a { color: #000; } #block_company a:hover { opacity: 0.7; } /* WRAPPER */ #wrapper { min-height: 500px; padding: 60px 10px 70px 10px; overflow: hidden; } /* new style 19.08.2020 */ #wrapper{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } /* end new style 19.08.2020 */ /* BREADCRUMB */ #breadcrumb { margin: 0 0 30px 300px; overflow: hidden; color: #777; font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; } #breadcrumb a { text-decoration: underline; font-size: 1.2em; } #breadcrumb a:hover { text-decoration: none; } #breadcrumb ul { list-style: none; margin: 0; } #breadcrumb ul li { background: none; float: left; margin: 0 10px 0 0; font-size: 0.8em; } #breadcrumb li + li:before { content: "\f105"; font-family: fontAwesome; font-size: 1em; margin: 0 10px 0 0; } #breadcrumb ul li:first-child { margin-left: 0; padding-left: 0; } #breadcrumb ul li:last-child { background: none; font-size: 0.9em; line-height: 1.3; } /* SIDEBAR */ #sidebar { float: left; width: 250px; } /* new stile 19.08.2020 */ #sidebar{ -webkit-order: 1; -moz-order: 1; -ms-order: 1; -o-order: 1; order: 1; } /* end new stile 19.08.2020 */ #sidebar_menu { overflow: hidden; } #section_element_menu ul.menu-element-list-active2 a.item-selected { color: #48a216; } #section_element_menu ul#vertical-multilevel-menu > li.menu-section-active2 > a { background: #48a216; } #section_element_menu ul#vertical-multilevel-menu > li.menu-section-drive-active > a { background: #48a216; } #section_element_menu ul#vertical-multilevel-menu li a:hover { background: #48a216; } /* CONTENT */ #content { margin-left: 300px; overflow: hidden; } /* new style 19.08.2020 */ #content{ -webkit-order: 2; -moz-order: 2; -ms-order: 2; -o-order: 2; order: 2; width: calc(100% - 300px); margin-left: 50px; } .masters-block{ -webkit-order: 3; -moz-order: 3; -ms-order: 3; -o-order: 3; order: 3; width: 100%; } /* end new style 19.08.2020 */ #content h1 { font-size: 1.9em; margin: 0 0 22px 0; } #content h2 { font-size: 1.4em; margin: 27px 0 10px 0; } #content h3 { font-size: 1.3em; margin: 27px 0 10px 0; } #content h4 { font-size: 1.14em; margin: 27px 0 10px 0; } #content h5 { font-size: 1em; font-weight: bold; } #content p, #content ul, #content ol { color: #404040; } #content p { line-height: 1.5; margin: 0 0 10px 0; } #content table { width: 100%; border: 1px solid #dedede; font-size: 0.9em; margin: 20px 0; } #content td, #content th { border: 0; padding: 15px 5px; text-align: center; border: 1px solid #dedede; } #content th { text-transform: uppercase; padding: 15px 5px; background: #48a216; color: #fff; font-size: 0.9em; font-weight: 600; } #content table tr { background: #fff; } #content table td:first-child { text-align: left; padding-left: 24px; } #content table tr:nth-child(odd) { background: #fcfcfc; } #content ul, #content ol { margin: 10px 0 20px 5%; } #content ul { list-style: square; } #content ol { list-style: decimal; } #content ul li, #content ol li { line-height: 1.5; } #content a { text-decoration: underline; } #content a:hover { text-decoration: none; } #content img { max-width: 100%; height: auto; } #content b, #content strong { font-weight: 600; } #content sup { position: relative; top: -0.5em; } #content sub { position: relative; top: 0.5em; } /*FOOTER*/ #footer a { color: #fff; } #footer_top, #footer_center, #footer_bottom { width: 100%; } #footer_top_main, #footer_center_main, #footer_bottom_main { overflow: hidden; } #footer_top, #footer_center, #footer_bottom { background: #1c2c42; } #footer_top_main { padding: 25px 10px; border-bottom: 1px solid #717171; color: #fff; } #footer_nomer { float: right; font-size: 1.5em; } #footer_callback { float: right; margin: 6px 0 0 1.5%; } #footer_callback a { padding: 6px 10px; border: 2px solid #fff; border-radius: 4px; color: #fff; cursor: pointer; } #footer_callback a:hover{ background: #fff; color: #000; } #footer_email { float: left; margin: 8px 0 0 0; } #footer_address { float: left; width: 40%; margin: 8px 0 0 3%; } #footer_top_main .fa { color: #c3c3c3; margin-right: 3px; } #footer_center_main { padding: 25px 10px; color: #fff; border-bottom: 1px solid #717171; } #footer_menu ul li { float: left; padding: 0 0 0 50px; } #footer_menu ul li:first-child { padding-left: 0; } #footer_menu a { color: #fff; } #footer_menu a:hover { color: #ececec; } #footer_social { float: right; } #footer_social img:hover { opacity: 0.7; } #footer_social ul li { float: left; padding: 0 15px; } #footer_social ul li:last-child { padding-right: 0; } #footer_bottom_main { padding: 30px 10px; color: #fff; } #footer_copyrait { float: left; margin-top: 1px; color: #f6f6f6; font-size: 0.8em; } #footer_copyrait a { text-decoration: underline; margin-right: 10px; font-size: 0.9em; } /* bitrix */ #header #bx_incl_area_1, #header #bx_incl_area_2, #header #bx_incl_area_5, #header #bx_incl_area_8, #header #bx_incl_area_9, #footer #bx_incl_area_18, #footer #bx_incl_area_19, #footer #bx_incl_area_20 { display: inline-block; } #cities-list { position: relative; max-width: 700px; box-sizing: border-box; margin: 0 auto; padding: 30px 40px; text-align: center; border: 10px solid #9d9cab; border-radius: 4px; background: #f7f7f7 !important; overflow: auto; } #cities-list ul li { width: 49%; float: left; } .content-tags{ position: relative; } .content-tags a{ margin: 0 8px 8px 0; border: #0d897f solid 1px; padding: 4px 20px; border-radius: 5px; display: inline-block; vertical-align: top; } .content-tags a:hover{ background: #0d897f; color: #fff; } #content .content-tags a{ text-decoration: none; } .content-tags .prevarr{ z-index: 3; left: 0; top: 0; width: 50px; height: 30px; overflow: hidden; position: absolute; cursor: pointer; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+52,0+100 */ background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 52%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 52%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 52%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */ } .content-tags .prevarr:before, .content-tags .nextarr:before{ display: none; } .content-tags .nextarr { z-index: 3; width: 50px; right: 0; height: 30px; top: 0; overflow: hidden; position: absolute; cursor: pointer; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+48 */ background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 48%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 48%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 48%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ } .content-tags .prevarr:after{ content:''; position: absolute; width: 50px; height: 30px; left: 0; top: -1px; background: url(https://yazamok24.ru/bitrix/templates/gvozdevsoft_gsremont_color_11/images/bg-30.png) no-repeat 0 50%; } .content-tags .nextarr:after{ content:''; position: absolute; width: 50px; height: 30px; left: 0; top: -1px; background: url(https://yazamok24.ru/bitrix/templates/gvozdevsoft_gsremont_color_11/images/bg-31.png) no-repeat 100% 50%; } /* Team section */ .team { float: left; width: 100%; padding: 25px 0; } .team-slider { margin: 0 -9px; } .team-item { margin: 0 9px; padding: 7px; background-color: #fff; border: 1px solid #E9E9E9; outline: none !important; text-align: center; } .team-item-img { width: 100%; } .team_name{ font-weight: 600; margin: 10px 0; font-size: 16px; } .team_post{ font-size: 15px; } .team-item-btn { background-color: #0d897f; width: 100%; padding: 15px; text-align: center; font-size: 11px; font-weight: bold; color: #fff; text-transform: uppercase; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; margin-top: 20px; letter-spacing: 1px; display: block; box-sizing: border-box; text-decoration: none !important; } .team-item-btn:hover { background-color: #2c4668; color: #fff; } #content .team-title { font-size: 42px; font-weight: bold; padding-bottom: 0; margin-bottom: 50px; position: relative; text-align: left; } /*#content .team-title:after{*/ /* content: '';*/ /* width: 190px;*/ /* height: 3px;*/ /* background-color: #0d897f;*/ /* position: absolute;*/ /* bottom: 0;*/ /* left: 0;*/ /*}*/ .team-slider .arrow { background-color: #F2F2F2; width: 45px; height: 45px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; cursor: pointer; z-index: 10; position: absolute; top: -64px; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .team-slider .arrow-prev { right: 65px; } .team-slider .arrow-next { right: 10px; } #form_vopros { margin-top: 40px; } /* Types section */ .types { float: left; width: 100%; padding-bottom: 25px; margin-top: 40px; } .types * { box-sizing: border-box; } .types-item { width: calc(25% - 10px); background-color: #fff; padding: 9px; margin: 0 5px; position: relative; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; box-sizing: border-box; margin-bottom: 10px; border: 1px solid #E9E9E9; outline: none !important; } /*.types-item:hover {*/ /* -webkit-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.15);*/ /* box-shadow: 0 0px 12px rgba(0, 0, 0, 0.15); }*/ .types-item:hover .types-item-name { color: #0d897f; } /*.types-item:hover .types-item-bottom {*/ /* -webkit-box-shadow: 0 0px 12px rgba(0, 0, 0, 0.15);*/ /* box-shadow: 0 0px 12px rgba(0, 0, 0, 0.15); }*/ .types-item:hover .types-item-btn { display: block; } .types-item-img { width: 100%; height: 160px; -o-object-fit: cover; object-fit: cover; } .types-item-bottom { background-color: #fff; width: 100%; text-align: center; /*position: absolute;*/ /*left: 0;*/ /*top: 169px;*/ padding: 0 9px; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; z-index: 100; } .types-item-name { margin: 5px 0; font-size: 15px; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; min-height: 40px; display: flex; align-items: center; justify-content: center; } .types-item-btn { width: 100%; background-color: #0d897f; padding: 13px; text-align: center; font-size: 12px; font-weight: bold; color: #fff; text-transform: uppercase; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; display: none; } .types-item-btn:hover { background-color: #3ECE66; color: #fff; } .types-btn { background-color: #0d897f; /* width: 100%; */ padding: 15px; text-align: center; font-size: 11px; font-weight: bold; color: #fff; text-transform: uppercase; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; margin-top: 20px; letter-spacing: 1px; display: inline-block; box-sizing: border-box; text-decoration: none !important; } .types.active .types-item { display: block !important; } .types-item-wrapper { margin: 0 -5px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .page-pagination { float: right; width: 100%; } .logo-desc:before { content: 'вскрытие и замена замков'; display: block; } .header_logo_link { display: flex; align-items: center; } .logo-desc { font-size: 12px; padding-left: 8px; } .last_work_arrow { width: 40px; height: 40px; top: 42%; left: 5px; overflow: hidden; display: block !important; position: absolute; z-index: 99; cursor: pointer; background: url(/bitrix/templates/gvozdevsoft_gsremont_color_11/css/../images/work-arrow.svg) no-repeat center; background-color: #0d897f; border-radius: 50%; background-size: 20px; } .last_work_arrow.nextarr { left: auto; right: 5px; transform: rotate(180deg); } @media screen and (max-width:768px){ .types-item { width: calc(50% - 10px); } .content-tags .prevarr, .content-tags .nextarr, .content-tags .prevarr:after, .content-tags .nextarr:after{ width: 30px; } #content .team-title { margin-bottom: 80px !important; } .team-slider .arrow { width: 45px; height: 45px; top: -63px; } .team-slider .arrow-prev { right: auto; left: 10px; } .team-slider .arrow-next { right: 10px; } } .tags__nav{ margin: 0 0 10px; text-align: right; color: #2c3d53; } .tags__nav span{ cursor: pointer; text-decoration: underline; } .tags__nav span:hover{ text-decoration: none; } #content .list-question-answer a{ text-decoration: none; } .list-question-answer a{ display: block; margin: 0; cursor: pointer; position: relative; padding: 35px 32px 35px 46px; font: 600 16px/1 'Montserrat', sans-serif !important; color: #2c3d53; } .list-question-answer a:before { content: ''; position: absolute; left: 10px; top: 30px; background: url("https://yazamok24.ru/bitrix/templates/gvozdevsoft_gsremont_color_11/images/bg-45.png") no-repeat; width: 25px; height: 28px; } .list-question-answer > li a:after, .list-question-answer > div a:after { content: ''; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; position: absolute; right: 10px; top: 50%; margin: -2px 0 0 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #0d897f; } #content .list-question-answer p { position: relative; padding: 13px 30px 25px 70px; list-style: none; font: 400 14px/1 'Montserrat', sans-serif !important; color: #2c3d53; display: none; overflow: hidden; } .list-question-answer p:before { content: ''; position: absolute; left: 50px; top: 13px; width: 13px; height: 13px; background: #2f496b; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; opacity: 0; } .list-question-answer .act p:before{ opacity: 1; } /* form */ .calc-form{ margin: 0 1px 40px; box-shadow: 0 0 4px rgba(0,0,0,0.2); background: #e7e7e7; border-radius: 5px; font: 600 30px/1 'Montserrat', sans-serif; } .b-inline-form__title{ margin: 0 0 20px; text-align: left; font: 600 30px/1 'Montserrat', sans-serif; color: #fff; text-align: center; background: #2c4668; padding: 15px; border-radius: 5px 5px 0px 0px; } .b-inline-form__content { padding: 20px; } #content .b-pform-list{ margin:0 0 20px; padding:0; list-style:none; font-size: 16px; line-height: 22px; font-weight: bold; } .b-pform-list li{ margin: 0 0 10px; position: relative; padding: 0 0 0 40px; } .b-pform-list span { position: absolute; background: #fed267; width: 30px; height: 30px; border-radius: 15px; text-align: center; line-height: 30px; color: #fff; left: 2px; top: -5px; } .calc-form .form-row{ margin: 0 0 20px; font-size: 0; line-height: 0; text-align: center; } .calc-form label{ font-size: 12px; line-height: 18px; } .calc-form .form-row.form-row-columns{ margin-left: -15px; margin-right: -15px; } .form-row input[type=text]{ border: 1px solid #e7e7e7; background: #fff; margin: 0px; font-size: 16px; color: #666666; padding: 5px 10px 5px 20px; width: 100%; -webkit-appearance:none; -webkit-border-radius:5px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .b-pform__bt_file{ border: 2px solid #9f0028; border-radius: 5px; color: #9f0028; text-align: center; } .form-row-column{ display: inline-block; vertical-align: top; width: 50%; padding: 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .file-holder{ border: 2px solid #9f0028; border-radius: 5px; color: #9f0028; text-align: center; width: 100%; position: relative; line-height: 35px; padding: 0; font-size: 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .b-pform__bt_filemore{ color: #4d0200; font-size: 16px; font-weight: normal; text-align: left; border: none; cursor: pointer; } .b-pform__bt_filemore span { border-bottom: 1px dotted; } .b-pform__bt_filemore:hover span{ border-color:transparent; } .b-pform__bt_filemore:before{ content: '+'; display: inline-block; background: #fed267; border-radius: 15px; width: 30px; height: 30px; line-height: 30px; margin-right: 9px; color: #fff; font-weight: bold; text-align: center; } .b-pform__filereal{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; z-index: 10; cursor: pointer; } .calc-form .checkbox{ display: inline-block; vertical-align: top; margin-top: 2px; margin-right: 5px; } .calc-form .b-button{ display: inline-block; vertical-align: top; cursor: pointer; border: none; background: #0d897f; height: 50px; line-height: 50px; font-size: 17px; text-transform: uppercase; padding: 0 30px; color: #fff; font-weight: 800; transition: all 0.3s ease-out; box-shadow: 0 4px 5px 0 rgba(0,0,0,0.3); position: relative; text-decoration: none; cursor: pointer; -webkit-appearance:none; } .calc-form .b-button:hover{ opacity: 0.9; } .b-pform__policy.iexmodal-show{ color: #2c4668; } .calc-form .label{ text-align: left; display: block; } .iexform-after-success{ padding: 20px; text-align: center; } @media screen and (max-width:992px){ .b-inline-form__title{ font-size: 26px; } .form-row-column{ width: 100%; margin: 0 0 10px; } .form-row-column:last-child{ margin: 0; } } /* our-works-container */ .our-works-container{ margin: 0 0 40px; } #content .our-works-container h2{ margin: 0 0 20px; } .our-works-slogan{ display: block; text-align: center; margin: 0 0 20px; font: 600 18px/22px 'Montserrat', sans-serif; } .our-works-slider{ margin: 0 -20px; font-size: 0; line-height: 0; } .our-works-item{ text-align: center; display: inline-block; vertical-align: top; width: 33.33%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 25px 20px; margin: 0 0 20px; font-size: 16px; line-height: 20px; } .our-works-slider .item-helder{ -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -ms-transition: all 100ms linear; -o-transition: all 100ms linear; transition: all 100ms linear; } .our-works-visual{ border-radius: 5px; overflow: hidden; margin: 0 0 10px; } .our-works-visual img{ width: 100%; height: auto; vertical-align: top; } .our-works-slider .slick-center .item-helder{ -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .our-works-slider a{ text-decoration: underline; color: #000; } .our-works-slider a:hover{ text-decoration: none; } /* fancy */ 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-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: rgb(30, 30, 30); 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-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { 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; /* Using without prefix would break IE11 */ 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--previous, .fancybox-slide--current, .fancybox-slide--next { 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; -ms-transform-origin: top left; 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-swipe .fancybox-content, .fancybox-can-pan .fancybox-content { cursor: -webkit-grab; cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; 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--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .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-video, .fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } /* Fix iOS */ .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; } /* Buttons */ .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:visited, .fancybox-button:link { 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; } /* Fix IE11 */ .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--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) { display: none; } .fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) { display: none; } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -ms-transform: scaleX(0); transform: scaleX(0); -ms-transform-origin: 0; transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998; } /* Close button on the top right corner of html content */ .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; } /* Navigation arrows */ .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); } /* Caption */ .fancybox-caption { background: linear-gradient(to top, 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%, rgba(0, 0, 0, 0) 100%); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; pointer-events: none; right: 0; text-align: center; z-index: 99996; } .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; } /* Loading indicator */ .fancybox-loading { animation: fancybox-rotate 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 fancybox-rotate { 100% { transform: rotate(360deg); } } /* Transition effects */ .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, .25, 1); } /* transitionEffect: slide */ .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: translate3d(0, 0, 0); } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(.19, 1, .22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .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: scale3d(1, 1, 1); } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -ms-transform: rotate(-360deg); transform: rotate(-360deg); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -ms-transform: rotate(360deg); transform: rotate(360deg); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -ms-transform: rotate(0deg); transform: rotate(0deg); } /* transitionEffect: circular */ .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: scale3d(1, 1, 1) translate3d(0, 0, 0); } /* transitionEffect: tube */ .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: translate3d(0, 0, 0) scale(1); } /*------------------*/ .main-our-works-item { display: flex; justify-content: space-between; margin-bottom: 20px; min-height: 250px; align-items: center; } .main-our-works-item-img { display: block; width: 100%; height: 240px; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 10px; } .main-our-works-item > div { width: calc(50% - 15px); } .main-our-works-item-title { font-weight: 700; font-size: 18px; line-height: 21px; color: #000; font-family: Roboto; max-width: 150px; text-decoration: none !important; } #content .main-our-works-item-params-list { margin: 15px 0; } .main-our-works-item-param > span { width: 50%; } .main-our-works-item-param-title:before { content: ''; display: inline-block; width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; margin-right: 7px; } .main-our-works-item-param { display: flex; list-style: none; margin-bottom: 7px; } .main-our-works-item-param:last-child { margin-bottom: 0; } .main-our-works-item-param-title { display: flex; align-items: center; font-weight: 600; } .main-our-works-item-param-title.cost:before{ background-image: url(/bitrix/templates/gvozdevsoft_gsremont_color_11/css/../images/rew_wallet_icon.svg); } .main-our-works-item-param-title.clock:before{ background-image: url(/bitrix/templates/gvozdevsoft_gsremont_color_11/css/../images/rew_time_icon.svg) } .main-our-works-item-param-title.lock:before{ background-image: url(/bitrix/templates/gvozdevsoft_gsremont_color_11/css/../images/lock.svg) } .main-our-works-item-more-btn { box-sizing: border-box; line-height: 19px; text-align: center; text-decoration: none!important; display: inline-block; transition: all 0.5s; padding: 13px 12px; border-radius: 4px; background: #48a216; color: #fff; text-transform: uppercase; cursor: pointer; font-size: 0.95em; background: #0d897f; } .main-our-works-item-more-btn:hover{ opacity: 0.9; } @media all and (max-width: 700px) { .main-our-works-item { flex-wrap: wrap; } .main-our-works-item > div { width: 100% !important; } .main-our-works-item-left { height: 230px; margin-bottom: 20px; } } /* Styling for Small-Screen Devices */ @media all and (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; } } /* Share */ .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 0; } .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 5px; 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:visited, .fancybox-share__button:link { 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 0; outline: none; padding: 10px 15px; width: 100%; } /* Thumbs */ .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; 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: center center; 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; } /* Styling for Small-Screen Devices */ @media all and (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } } .grecaptcha-badge { visibility: hidden; } /* End */ /* Start:/bitrix/templates/gvozdevsoft_gsremont_color_11/css/content.css?161955346355430*/ /* GLAVNAYA STRANICA */ /* kompaniya */ #content .index_plus { margin: 30px 0; } #content .index_plus_block { margin: 20px 0 25px; } #content .index_plus_block .left { float: left; } #content .index_plus_block .block { margin-left: 55px; } #content .index_plus .fa { margin: 3px 0 0 10px; font-size: 2.5em; color: #48a216; } #content .index_plus .title { font-size: 1.1em; margin-bottom: 0; } #content .index_plus .text { font-size: 1em; margin-bottom: 0; } /* shagi zakaza */ #content ol.index_zakaz { margin: 20px 0 30px; counter-reset: myCounter; } #content ol.index_zakaz li { list-style: none; } #content ol.index_zakaz li:before { counter-increment: myCounter; content: counter(myCounter); color: white; background: #48a216; display: inline-block; text-align: center; margin: 5px 10px; line-height: 37px; width: 37px; height: 37px; font-size: 1.2em; } /* vybor remonta */ #vybor_remonta { width: 100%; margin: 30px 0 40px; text-align: center; overflow: hidden; } #vybor_remonta .block { float: left; width: 31.5%; margin-left: 2%; border: 1px solid #ccc; background: #fff; box-sizing: border-box; } #vybor_remonta .first_block { margin-left: 0; } #vybor_remonta h3 { margin: 10px 0; text-transform: uppercase; font-weight: 600; font-size: 1em; } #vybor_remonta .cena { padding: 20px 0; background: #ccc; font-size: 1.2em; } #vybor_remonta .raboty { margin: 0; padding: 30px 20px 10px 20px; font-size: 0.9em; text-align: left; } #vybor_remonta .raboty p { margin-bottom: 7px; } #vybor_remonta .raboty .fa { margin-right: 3px; color: #48a216; } #vybor_remonta .raboty_no { display: none; } #vybor_remonta .zakaz { padding: 15px 0; background: #393838; } #vybor_remonta .zakaz a { color: #fff; text-decoration: underline; } #vybor_remonta .zakaz a:hover { text-decoration: none; } #vybor_remonta button.button_raboty { width: 175px; margin: 0 0 30px; background: #f7f7f7; border: 1px solid #a5a5a5; color: #000; border-radius: 4px; padding: 7px 15px; cursor: pointer; } #vybor_remonta button.button_raboty:hover { opacity: 0.7; } /* STRANICA AKCII */ #content .block_promo { width: 100%; max-width: 700px; border: 1px solid #ccc; border-radius: 4px; background: #fff; box-shadow: 0 15px 10px -14px #9d9cab; margin: 0 auto 50px auto; padding-bottom: 10px; box-sizing: border-box; } #content .block_promo img { width: 100%; height: auto; } #content .block_promo_text_1 { padding: 5px 20px 10px 20px; font-style: italic; font-size: 0.8em; color: #666666; } #content .block_promo_text_2 { padding: 0 20px 10px 20px; font-size: 1.2em; } #content .block_promo_text_2 a { color: #000; } #content .block_promo_text_2 p { margin: 10px 0 0 0; color: #000; font-size: 0.7em; } #content .img_action img { width: 100%; height: auto; margin-bottom: 30px; } #content .block_promo_text_3 { padding: 0 20px; font-size: 0.9em; } /* STRANICA USLUGI SECTIONS */ #uslugi_box .box { width: 48%; max-width: 384px; float: left; margin: 0 4% 30px 0; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 15px 10px -14px #9d9cab; box-sizing: border-box; } #uslugi_box .last_box { margin-right: 0; } #uslugi_box .img { line-height: 0; } #uslugi_box .img img { width: 100%; height: auto; } #uslugi_box .img img:hover { opacity: 0.8; } #uslugi_box .text { padding: 20px 20px 20px 20px; } #uslugi_box .text h2 { margin: 0 0 10px 0; } #uslugi_box .text h2 a { margin: 0; text-decoration: none; font-size: 1em; } #uslugi_box .text h2 a:hover { opacity: 0.8; } #uslugi_box .text .class_p, #uslugi_box .text .class_p p { margin: 0; line-height: 1.3; font-size: 0.9em; color: #555; } #uslugi_box .text a { margin-right: 15px; font-size: 0.9em; } #uslugi_box .text ul { margin: 0 0 0 20px; } /* STRANICA USLUGI */ #uslugi .block_uslugi { width: 48%; max-width: 384px; margin: 0 4% 30px 0; float: left; vertical-align: top; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 15px 10px -14px #9d9cab; background: #fff; text-align: center; box-sizing: border-box; } #uslugi .block_uslugi:nth-child(2n) { margin-right: 0; } #uslugi .block_uslugi img { width: 100%; height: auto; margin-bottom: 10px; } #uslugi .block_uslugi img:hover { opacity: 0.8; } #content .block_uslugi_title { font-size: 1.3em; } #content .block_uslugi_title a { text-decoration: none; color: #000; font-size: 1em; } #content .block_uslugi_title a:hover { opacity: 0.8; } #uslugi .block_uslugi_price { color: #df3c16; font-size: 1.4em; } #uslugi .block_uslugi_price hr { width: 50%; border: 0; border-bottom: 1px solid #dfdfdf; } #uslugi .block_uslugi_more { margin: 40px 0; } #uslugi .block_uslugi_more a.button { padding: 15px 25px; } /* USLUGI VNUTR */ /* img-top */ #uslugi_detail .img_top { position: relative; margin-bottom: 30px; max-width: 800px; height: 340px; } #uslugi_detail .img_top img { max-width: 800px; height: 340px; border: 1px solid #ececec; } #uslugi_detail .img_top #form_slider_uslugi { position: absolute; top: 30px; right: 7%; z-index: 5; } #uslugi_detail .img_top .slogan { position: absolute; top: 70px; left: 7%; color: #fff; font-size: 2.5em; width: 40%; z-index: 2; } #uslugi_detail .img_top .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 1; } /* nashi raboty */ #carousel_photo { margin: 20px 0 30px; padding: 8px 45px 10px 40px; border: 1px solid #eee; background: #f7f7f7; border-radius: 7px; } #carousel_photo div { margin: 1px; width: 100%; max-height: 170px; } #carousel_photo img:hover { opacity: 0.8; } #carousel_photo .prevarr, #carousel_photo .nextarr { font-size: 2em; color: #999; } #carousel_photo .prevarr:hover, #carousel_photo .nextarr:hover { color: #444; } #carousel_photo { position: relative; } #carousel_photo .nextarr { position: absolute; bottom: 40%; right: 8px; cursor: pointer; } #carousel_photo .prevarr { position: absolute; bottom: 40%; left: 8px; z-index: 1; cursor: pointer; } /* STRANICA CENY */ #content .accordion h2 { font-size: 1.2em; margin: 0; } #content .accordion table { font-size: 0.9em; margin: 0; } #content .accordion table th { background: #f7f7f7; color: #000; font-size: 0.9em; } #content .accordion table td:first-child { width: 60%; } #content .prais_print { margin: 40px 0 20px 10px; } #content .prais_print a { padding: 10px 25px; color: #000; cursor: pointer; border: 1px solid #ccc; text-decoration: none; background: #f7f7f7; border-radius: 4px; } #content .prais_print a:hover { opacity: 0.8; } #content .prais_print .fa { font-size: 1.1em; margin: 0 10px 0 0; } @media print { #header_top_search, #header_callback, #head_slide, #top_menu, #slider, #block_company, #sidebar, #breadcrumb, #footer, #arrup, #header_zayavka, #header_calc, .prais_print { display: none; } #bx-panel { display: none !important; } #content { margin: 50px 0 0 0; padding: 5px; box-sizing: border-box; } } /* STRANICA PORTFOLIO SECTIONS */ #portfolio_box .box { position: relative; width: 48%; max-width: 384px; height: auto; float: left; margin: 0 4% 30px 0; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 15px 10px -14px #9d9cab; box-sizing: border-box; } #portfolio_box .last_box { margin-right: 0; } #portfolio_box .img { line-height: 0; } #portfolio_box .img img { width: 100%; height: auto; } #portfolio_box .img img:hover { opacity: 0.8; } #portfolio_box h2 { margin: 0; } #portfolio_box h2 a { position: absolute; left: 10px; bottom: 13%; display: block; padding: 8px 15px; background: rgba(0, 0, 0, 0.6); color: #fff; border-radius: 4px; text-decoration: none; font-size: 0.7em; text-transform: uppercase; } /* STRANICA PORTFOLIO */ #portfolio .portfolio_block { overflow: hidden; padding: 30px 0; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; } #portfolio .portfolio_block:first-child { padding-top: 20px; } #portfolio .portfolio_block img { float: left; width: 300px; height: 215px; border-radius: 4px; } #portfolio .portfolio_block img:hover { opacity: 0.7; } #portfolio .portfolio_block .text { margin-left: 320px; } #portfolio .portfolio_block .text p { margin-bottom: 5px; } #portfolio .portfolio_block .text p span { font-weight: 600; } /* PORTFOLIO VNUTRENNIE STRANICY */ #portfolio_top { padding: 10px 0 0; margin: 0 0 50px; } #portfolio_top img { display: inline-block; vertical-align: top; width: 51%; height: auto; border-radius: 4px; margin: 4px 20px 0 0; } #portfolio_top .text { display: inline-block; width: 44%; } #portfolio_top .text p { margin-bottom: 7px; } #portfolio_top .text p > span { font-weight: 600; } #portfolio_top a.button { margin: 0; } #portfolio_top form { background: none; } #content .fotogallery_block { margin: 20px 0; overflow: hidden; } #content .fotogallery_block ul { list-style: none; margin: 0; padding: 0; } #content .fotogallery_block ul li { float: left; width: 195px; height: 140px; margin: 2px; overflow: hidden; } /* STRANICA KONTAKTY */ #contacts { margin: 50px 0 50px; overflow: hidden; } #contacts .left { float: left; width: 43%; margin-right: 20px; } #contacts .left .fa { font-size: 2em; color: #48a216; margin-right: 15px; width: 30px; } #contacts .left p { margin-bottom: 20px; } #contacts .left p > span.heading { font-weight: 600; } #contacts .left p > i { float: left; } #contacts .right { float: left; width: 45%; } /* STRANICA NEWS */ #content .news_list .block_new { overflow: hidden; padding: 30px 0 30px 20px; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; } #content .news_list img.preview_picture { border: 4px solid #fff; box-shadow: 0px 0px 5px 0px #ccc; border-radius: 2px; width: 38%; max-width: 300px; height: auto; margin: 0 15px 0 0; } #content .news_list a.link { margin-bottom: 10px; font-size: 1.2em; } #content .news_list .block_new p { margin: 7px 20px 0 0; } #content .news_list .block_new { margin: 7px 20px 0 0; line-height: 1.5; margin: 0 0 10px 0; color: #404040; } #content .news_list .right_text { float: left; width: 60%; } #content .news_detail .img_top { margin-bottom: 30px; } /* share */ #content .block_friends { margin: 15px 0 0 0; border-top: 1px solid #ccc; } /* STRANICA OTZYVY */ #content .top { margin: 0 0 40px; } #otzyv .block { padding: 15px; border-radius: 4px; border: 1px dashed #ccc; margin: 0 0 30px; } #otzyv .name_date { margin: 0 0 10px; } #otzyv .name { font-weight: 600; margin-right: 20px; } #otzyv .date { font-style: italic; } /* STRANICA VIDEO */ #content .video { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; border: 1px solid #ccc; margin: 20px 0; } #content .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* STRANICA SITEMAP */ #content .sitemap table { background: #fff; border: 0; } #content .sitemap table td, #content .sitemap table th { text-align: left; background: #fff; border: 0; } /* tabs */ #content #tabs > ul { margin: 15px 0 0; } #content #tabs > ul:after { background: none; height: 0; } #content #tabs > ul > li { font-size: 1em; font-weight: 600; padding: 7px 5%; width: auto; background: #fff; color: #555; border: 2px solid #ccc; border-radius: 0; text-transform: uppercase; } #content #tabs > ul > li.active, #content #tabs > ul > li.active:hover, #content #tabs > ul > li:hover { border: 2px solid #48a216; color: #48a216; } /* link back infoblock */ #content .link_back { margin-top: 30px; } #content .link_back .fa { margin-right: 30px; width: 30px; height: 30px; line-height: 31px; color: #fff; background: #48a216; border-radius: 50%; padding-right: 2px; margin-right: 10px; text-align: center; } #content .link_back a { text-decoration: none; } #content .link_back a:hover { opacity: 0.8; } /*20-11-2018*/ #sidebar_photo_block .title { font: 700 24px/1 'Montserrat', sans-serif !important; text-align: center; padding: 0 5px; color: #2e7e78; margin: 0 0 20px !important; text-transform: none !important; } #sidebar_otzyv .prevarr, #sidebar_photo_block .prevarr { right: auto; left: 15px; bottom: -40px !important; width: 11px; height: 19px; overflow: hidden; background: url("https://yazamok24.ru/bitrix/templates/gvozdevsoft_gsremont_color_11/images/bg-30.png") no-repeat; } #sidebar_otzyv .nextarr, #sidebar_photo_block .nextarr { z-index: 3; background: url("https://yazamok24.ru/bitrix/templates/gvozdevsoft_gsremont_color_11/images/bg-31.png") no-repeat; width: 11px; height: 19px; bottom: -40px !important; overflow: hidden; } #sidebar_otzyv .prevarr:before, #sidebar_otzyv .nextarr:before, #sidebar_photo_block .prevarr:before, #sidebar_photo_block .nextarr:before { display: none; } #sidebar_photo_block img { padding: 0 0 0 !important; } #sidebar_photo_block .portfolio { position: static !important; text-align: center; padding: 70px 0 0; } #sidebar_otzyv_block .all_otzyv { position: static !important; text-align: center; padding: 20px 0 0; } #sidebar_otzyv_block .all_otzyv a, #sidebar_photo_block .portfolio a { font: 600 16px/1 'Montserrat', sans-serif; color: #2c3d53; } #sidebar_otzyv_block .slick-dots, #sidebar_photo .slick-dots { bottom: -40px !important; } #sidebar_otzyv_block .slick-dots li, #sidebar_photo .slick-dots li { width: 10px !important; } #sidebar_otzyv_block .slick-dots li button, #sidebar_photo .slick-dots li button { width: 100% !important; } #sidebar_otzyv_block .slick-dots, #sidebar_photo .slick-dots { bottom: -39px !important; } #sidebar_otzyv_block .slick-dots li button:before, #sidebar_photo .slick-dots li button:before { font-size: 8px !important; } #sidebar_otzyv_block .text { padding: 0 !important; } #sidebar_otzyv_block .title { position: relative; font: 700 24px/1 'Montserrat', sans-serif !important; text-align: center; color: #2e7e78; padding: 0 0 0 30px !important; margin: 0 0 20px !important; text-transform: none !important; } #sidebar_otzyv_block .title:before { content: ''; position: absolute; left: 0; top: 0; background: url("https://yazamok24.ru/bitrix/templates/gvozdevsoft_gsremont_color_11/images/bg-32.png") no-repeat; width: 25px; height: 32px; } #sidebar_otzyv_block .text { font: 400 13px/18px 'Montserrat', sans-serif !important; color: #2c3d53 !important; } #sidebar_otzyv_block .name_date { display: flex; flex-direction: column-reverse; } #sidebar_otzyv_block .date { font: 400 13px/1 'Montserrat', sans-serif !important; color: #2c3d53 !important; } #sidebar_otzyv_block .name { font: 600 16px/18px 'Montserrat', sans-serif !important; color: #2c3d53 !important; } .pr-title1, h2 { display: block; margin: 0 0 30px !important; font: 700 42px/1 'Montserrat', sans-serif !important; text-align: center; color: #2c3d53; } .reasons-list { margin: 0 -4px !important; padding: 0 0 8px !important; font-size: 0; line-height: 0; } .reasons-list li { display: inline-block; vertical-align: top; margin: 0 0 30px; width: 33.3%; font: 500 14px/14px 'Montserrat', sans-serif !important; color: #333333; padding: 0 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .reasons-list .holder-img { width: 45px; margin: 0 0 10px; } .reasons-list strong { display: block; margin: 0 0 12px; font: 600 18px/22px 'Montserrat', sans-serif !important; } .reasons-list p { display: block; margin: 0 0 12px; font: 500 18px/22px 'Montserrat', sans-serif !important; } .cost-work { background: #e8e8e8; padding: 20px; margin: 0 0 68px; } .cost-work .pr-title, .cost-work h2 { display: block; margin: 0 0 17px !important; text-align: left; font: 600 30px/1 'Montserrat', sans-serif !important; color: #2c3d53; } .list-cost { margin: 0 !important; padding: 0 !important; border-top: 1px solid #c4c4c4; } .list-cost li { overflow: hidden; padding: 12px 0 11px 32px; position: relative; border-bottom: 1px solid #c4c4c4; font: 500 16px/1 'Montserrat', sans-serif !important; color: #333333; } .list-cost li:before { content: ''; position: absolute; left: 0; top: 13px; width: 11px; height: 11px; background: #0fdbcf; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .list-cost .spell { float: left; width: 50%; } .list-cost .price { float: right; } .benefits { position: relative; text-align: center; top: 32px; padding: 0 40px 23px; margin: 0 0 100px; background-size: cover; background-repeat: no-repeat; background-position: 50% 0; } .benefits .pr-title, .benefits h2 { display: inline-block; vertical-align: top; margin: -32px 0 34px 0 !important; padding: 13px 55px 19px; background: #2c3d53; color: #ffffff; font: 700 42px/1 'Montserrat', sans-serif !important; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .benefits .list-benefits { margin: 0 -5px !important; padding: 0 !important; list-style: none !important; font-size: 0; line-height: 0; } .list-benefits li { display: inline-block; vertical-align: top; margin: 0 0 20px; width: 33.3%; font: 600 20px/1 'Montserrat', sans-serif !important; color: #ffffff; padding: 0 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .list-benefits li:last-child, .list-benefits li:first-child { padding-top: 62px; } .list-benefits .holder-img { margin: 0 0 20px; } .pr-form { padding: 20px 10px; margin: 0 0 57px; background: #4c5b6d; color: #ffffff; text-align: center; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .pr-form strong { display: block; margin: 0 0 8px; font: 600 26px/1 'Montserrat', sans-serif !important; } .pr-form h3 { display: block; margin: 0 0 8px !important; color: #fff; font: 600 26px/1 'Montserrat', sans-serif !important; } .pr-form p { color: #ffffff !important; font: 400 16px/1 'Montserrat', sans-serif !important; } .pr-form .group { padding: 29px 0 0; max-width: 430px; margin: 0 auto; } .pr-form .holder-input { position: relative; width: 54%; float: left; margin: 0 0 12px; } .pr-form .holder-input span { position: absolute; display: block; top: -20px; left: 0; text-align: left; font: 500 12px/1 'Montserrat', sans-serif !important; } .pr-form .holder-input input { display: block; width: 100%; height: 46px; padding: 0 17px; border: none; background: #ffffff; font: 500 18px/1 'Montserrat', sans-serif !important; color: #333333; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pr-form .holder-submit { overflow: hidden; display: block; width: 46%; margin: 0 0 12px; padding: 0 0 0 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pr-form .holder-submit input { display: block; cursor: pointer; width: 100%; height: 46px; padding: 0 5px; color: #ffffff; border: 1px solid #07a295; font: 500 16px/1 'Montserrat', sans-serif !important; background: #0d897f; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pr-form .holder-submit input:hover { opacity: 0.8; } .pr-title2, h2 { display: block; margin: 0 0 33px; font: 700 36px/1 'Montserrat', sans-serif !important; color: #2c3d53; text-align: center; } h3 { display: block; margin: 0 0 33px; font: 700 24px/1 'Montserrat', sans-serif !important; color: #2c3d53; text-align: center; } .tab { display: none; } .tab.active { display: block; } .tabset { padding: 20px 25px 0; background: #e8e8e8; } .tab-control { padding: 0 !important; margin: 0 0 20px !important; list-style: none !important; font-size: 0; line-height: 0; } .tab-control li { display: inline-block; vertical-align: top; margin: 0 10px 5px 0; } .tab-control li:last-child { margin: 0; } .tab-control a { display: inline-block; vertical-align: top; padding: 0 0 8px; font: 700 15px/1 'Montserrat', sans-serif !important; color: #2c3d53; text-decoration: none !important; border-bottom: 2px solid transparent; } .tab-control a:hover, .tab-control li.active a { color: #0d897f; border-color: #0d897f; } .mortise { padding: 0 0 30px; } .mortise .group { border-bottom: 1px solid #d0d0d0; margin: 0 0 15px; } .mortise .group:after { content: ''; display: block; clear: both; } .mortise .holder-img { float: left; width: 266px; margin: 0 0 20px; } .mortise .holder-text { overflow: hidden; display: block; padding: 0 0 0 14px; font: 400 14px/1 'Montserrat', sans-serif !important; color: #2c3d53; } .mortise p { font: 400 14px/16px 'Montserrat', sans-serif !important; margin: 0 0 23px !important; } .mortise .holder-text span { display: block; margin: 0 0 3px; } .list-circle { padding: 0 !important; margin: 0 0 20px !important; list-style: none !important; } .list-circle li { position: relative; padding: 0 0 0 27px; margin: 0 0 2px; font: 600 14px/1 'Montserrat', sans-serif !important; } .list-circle li:before { content: ''; position: absolute; left: 12px; top: 4px; width: 4px; height: 4px; background: #0d897f; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .mortise strong { display: block; position: relative; margin: 0 0 15px; font: 600 16px/1 'Montserrat', sans-serif !important; color: #2c3d53; } .mortise strong.pr-icon { padding: 0 0 0 45px; margin: 0 0 25px; } .mortise strong.pr-icon:before { content: ''; position: absolute; left: 1px; top: -7px; background: url("https://yazamok24.ru/bitrix/templates/gvozdevsoft_gsremont_color_11/images/bg-7.png") no-repeat; width: 25px; height: 28px; } .list-no-mark { padding: 0 !important; margin: 0 !important; list-style: none !important; } .list-no-mark li { line-height: 1 !important; } .holder-table-castle { overflow-x: auto; margin: 0 -25px; background: #4c5b6d; padding: 0 0 40px; } .table-castle { min-width: 790px; } .holder-table-castle table { height: 100%; } .holder-table-castle thead th + th + th + th, .holder-table-castle thead th + th + th + th + th, .holder-table-castle th { background: #273341 !important; border: 4px solid #4c5b6d !important; text-transform: none !important; vertical-align: middle; padding: 0 4px !important; font: 600 12px/1 'Montserrat', sans-serif !important; } .holder-table-castle th table { border: none !important; } .holder-table-castle th table tr td { border: none !important; border-bottom: 4px solid #4c5b6d !important; } .holder-table-castle th table tr + tr td { border-bottom: none !important; } .holder-table-castle th table tr + tr td, .holder-table-castle th table tr + tr td + td { border-right: 4px solid #4c5b6d !important; } .holder-table-castle th table tr + tr td + td + td { border: none !important; } .holder-table-castle th td { background: #273341 !important; border: none !important; } .holder-table-castle thead th + th + th { padding: 0 !important; } .holder-table-castle th table { padding: 0; margin: 0 !important; } .holder-table-castle thead + tbody td { background: #8d99a7 !important; vertical-align: middle !important; color: #ffffff !important; border: 4px solid #4c5b6d !important; font: 600 12px/1 'Montserrat', sans-serif !important; } .holder-table-castle thead + tbody td:first-child { background: #273341 !important; } .holder-table-castle thead + tbody td:nth-child(2) { color: #273341 !important; } .holder-table-castle .inner-table { margin: 0 !important; padding: 0 !important; } .holder-table-castle .inner-table table { margin: 0 !important; padding: 0 !important; border: none !important; } .holder-table-castle thead + tbody .inner-table table td:first-child { background: #8d99a7 !important; border-right: 4px solid #4c5b6d !important; } .holder-table-castle thead + tbody .inner-table table td:nth-child(2) { color: #ffffff !important; border-right: 4px solid #4c5b6d !important; } .holder-table-castle .inner-table table td { border: none !important; } .brend-castle { background: #2e7e78; padding: 27px 38px; margin: 0 0 68px; } .brend-castle .title, .brend-castle h2 { display: block; margin: 0 0 25px !important; text-align: center; color: #ffffff; font: 600 42px/1 'Montserrat', sans-serif !important; } .list-castle { font-size: 0; line-height: 0; margin: 0 -20px !important; padding: 0; list-style: none; } .list-castle li { display: inline-block; vertical-align: top; margin: 0 0 14px; width: 33.3%; padding: 0 20px; font: 500 14px/1 'Montserrat', sans-serif !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .list-castle a { text-decoration: underline; color: #ffffff; } .list-castle a:hover { text-decoration: none; } .list-castle .holder-block { display: flex; align-items: center; } .list-castle .holder-img { flex: 0 0 69px; width: 69px; box-sizing: border-box; height: 69px; background: #fff; overflow: hidden; padding: 0 9px; border-radius: 50%; -webkit-border-radius: 50%; line-height: 69px; -moz-border-radius: 50%; } .list-castle .holder-img img { max-width: 100%; height: auto; display: inline-block; vertical-align: middle; } .list-castle a { flex: 1 1 auto; display: inline-block; margin: 0 0 0 18px; } .box-hidden { display: none; } .pr-show-all { display: block; margin: 35px auto 0; padding: 15px 0; width: 100%; max-width: 172px; color: #ffffff; text-align: center; text-decoration: none !important; font: 600 15px/1 'Montserrat', sans-serif !important; border: 1px solid #ffffff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .pr-show-all:hover { opacity: 0.8; } .pr-show-all.active { display: none; } .of-services { background: #e8e8e8; text-align: center; padding: 33px 25px 18px; margin: 0 0 68px; } .of-services .title, .of-services h2 { display: block; margin: 0 0 32px; font: 700 36px/1 'Montserrat', sans-serif !important; color: #2c3d53; } .list-of-services { margin: 0 -20px !important; padding: 0; font-size: 0; line-height: 0; list-style: none !important; } .list-of-services li { display: inline-block; vertical-align: top; margin: 0 0 51px; font: 700 16px/1 'Montserrat', sans-serif !important; width: 33.3%; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .list-of-services .holder-img { max-width: 188px; position: relative; height: 130px; margin: 0 auto 11px; overflow: hidden; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .list-of-services .holder-img span.service-price { position: absolute; bottom: 0; left: 0; color: #fff; padding: 5px 10px; background-color: #d2001d; border-top-right-radius: 5px; font-size: 12px; } .list-of-services .holder-img img { width: auto; height: auto; min-width: 100%; min-height: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; left: 50%; top: 50%; visibility: hidden; } .list-of-services a { display: inline; color: #2c3d53; line-height: 20px; text-decoration: none !important; border-bottom: 1px solid #2c3d53; } .list-of-services a:hover { border-color: transparent; } .list-two-benefits { margin: 0 -20px !important; padding: 14px 0; font-size: 0; line-height: 0; text-align: left; list-style: none !important; } .list-two-benefits li { display: inline-block; vertical-align: top; margin: 0 0 37px; padding: 0 4% 0 20px; width: 50%; font: 600 15px/1 'Montserrat', sans-serif !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .list-two-benefits .holder-block { display: table; width: 100%; } .list-two-benefits .holder-img { width: 51px; display: table-cell; vertical-align: middle; } .list-two-benefits span { display: table-cell; vertical-align: middle; padding: 0 0 0 10px; color: #ffffff; } .benefits p { font: 600 18px/1 'Montserrat', sans-serif !important; color: #10b5aa !important; } .fulfillment-order { background: #f5f5f5; text-align: center; padding: 34px 30px 1px; margin: 0 0 68px; } .fulfillment-order p { font-weight: 600; margin: 0 !important; } .fulfillment-order .title, .fulfillment-order h2 { display: block; margin: 0 0 22px !important; font: 700 42px/1 'Montserrat', sans-serif !important; color: #01b0a2; } .list-order { margin: 0 auto !important; max-width: 670px; padding: 14px 0 0; font-size: 0; line-height: 0; list-style: none !important; } .list-order li { display: inline-block; vertical-align: top; margin: 0 0 29px; padding: 0 20px; width: 33.3%; font: 700 18px/1 'Montserrat', sans-serif !important; color: #2b2b2b; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .list-order .holder-img { min-height: 84px; margin: 0 0 8px; display: flex; justify-content: center; align-items: center; } .list-order .pr-number { display: block; margin: 0 auto 5px; width: 20px; height: 20px; font: 700 16px/20px 'Montserrat', sans-serif !important; color: #000000; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#12fdef+0,0ad7c9+50,02b5a7+100 */ background: #12fdef; /* Old browsers */ background: -moz-linear-gradient(top, #12fdef 0%, #0ad7c9 50%, #02b5a7 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #12fdef 0%, #0ad7c9 50%, #02b5a7 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #12fdef 0%, #0ad7c9 50%, #02b5a7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#12fdef', endColorstr='#02b5a7', GradientType=0); /* IE6-9 */ } .list-order .pr-free { display: block; font: 600 14px/1 'Montserrat', sans-serif !important; color: #0d897f; } .money-card { margin: 0 0 68px; } .money-card .title, .money-card h2 { display: block; text-align: center; margin: 0 0 51px !important; font: 700 42px/1 'Montserrat', sans-serif !important; color: #2c3d53; } .money-card .group { overflow: hidden; margin: 0 -10px; } .money-card ul { float: left; width: 33.3%; padding: 0 10px; margin: 0 auto !important; list-style: none !important; font: 700 16px/1 'Montserrat', sans-serif !important; color: #2c3d53; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .money-card li { display: flex; justify-content: center; align-items: center; text-align: center; } .money-card li:first-child { display: block; } .money-card .holder-img { min-height: 46px; display: flex; justify-content: center; align-items: center; } .form-manager { background: #4c5b6d; padding: 23px 30px 23px 35px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .form-manager .group { overflow: hidden; } .name-manager { float: left; width: 220px; display: flex; align-items: center; } .name-manager .holder-img { flex: 0 0 77px; width: 77px; height: 77px; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .text-manager { flex: 1 1 auto; padding: 0 0 0 16px; color: #ffffff; } .text-manager span { display: block; margin: 0 0 11px; font: 700 14px/1 'Montserrat', sans-serif !important; } .text-manager p { color: #ffffff !important; font: 500 12px/1 'Montserrat', sans-serif !important; } .form-manager .holder-text { overflow: hidden; display: block; padding: 0 0 0 42px; } .form-manager .holder-text strong { display: block; margin: 0 0 9px; color: #11f8ea; font: 700 26px/30px 'Montserrat', sans-serif !important; } .form-manager .holder-text h3 { display: block; margin: 0 0 9px !important; color: #11f8ea; font: 700 26px/30px 'Montserrat', sans-serif !important; } .call-tel { display: block; margin: 0 0 15px; font: 600 20px/1 'Montserrat', sans-serif !important; color: #219f98; } .call-tel a { text-decoration: none !important; } .form-manager .holder-text p { font: 600 16px/20px 'Montserrat', sans-serif !important; color: #ffffff !important; } .group-input { overflow: hidden; padding: 25px 0 0; } .group-input .holder-input { position: relative; float: left; width: 33.3%; padding: 20px 4px 0 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .group-input .label { position: absolute; left: 0; top: 0; display: block; font: 500 12px/1 'Montserrat', sans-serif !important; color: #ffffff; } .group-input input { height: 46px; width: 100%; border: none; display: block; padding: 0 10px; font: 500 18px/1 'Montserrat', sans-serif !important; color: #333333; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .group-input input[type='submit'] { border: 1px solid #07a295; background: #0d897f; cursor: pointer; color: #ffffff; font-size: 16px !important; } .group-input input[type='submit']:hover { opacity: 0.8; } /* ======= 05-12-2018 =======*/ .pr-subtitle { display: block; margin: 0 0 40px; text-align: center; font: 400 24px/1 'Montserrat', sans-serif !important; color: #2c3d53; } .document-list { font-size: 0; line-height: 0; margin: 0 -10px 38px !important; padding: 10px 0; } .document-list li { display: inline-block; vertical-align: top; margin: 0 0 25px; font: 600 18px/22px 'Montserrat', sans-serif !important; color: #333333; text-align: center; width: 25%; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .document-list strong { display: block; } .document-list p { font-weight: 600; line-height: 1 !important; } .document-list span { display: block; font-weight: 400; font-size: 14px; line-height: 1; } .document-list .holder-img { position: relative; max-width: 135px; margin: 0 auto 27px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .document-list .holder-img:before { content: ''; position: absolute; right: -15px; top: 0; background: url("https://yazamok24.ru/bitrix/templates/gvozdevsoft_gsremont_color_11/images/bg-38.png") no-repeat; width: 31px; height: 31px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .document-list img { display: block; max-width: 100%; } .list-privilege { font-size: 0; line-height: 1; margin: 0 -10px !important; text-align: left; } .list-privilege li { display: inline-block; vertical-align: top; margin: 0 0 32px; width: 33.3%; padding: 0 10px; color: #ffffff; font: 600 14px/1 'Montserrat', sans-serif !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .list-privilege .holder-img { margin: 0 0 10px; min-height: 70px; max-width: 64px; } .list-privilege strong { display: block; margin: 0 0 16px; font-size: 18px; } .list-privilege p { color: #fff !important; display: block; margin: 0 0 16px; font-size: 18px; } .list-privilege span { display: block; } h2.question-answer { display: block; margin: 0 0 25px !important; text-align: center; color: #2c3d53; font: 700 42px/1 'Montserrat', sans-serif !important; } h2.question-answer span { color: #0d897f; } .list-question-answer { margin: 0 0 68px !important; padding: 0; list-style: none; } .list-question-answer li, .list-question-answer div { list-style: none; position: relative; } .list-question-answer > li, .list-question-answer > div { background: #e8e8e8; padding: 0; } .list-question-answer > li:nth-child(even), .list-question-answer > div:nth-child(even) { background: #dcdcdc; } .list-question-answer span { display: block; margin: 0; cursor: pointer; position: relative; padding: 35px 32px 35px 46px; font: 600 16px/1 'Montserrat', sans-serif !important; color: #2c3d53; } .list-question-answer > li span:after, .list-question-answer > div span:after { content: ''; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; position: absolute; right: 10px; top: 50%; margin: -2px 0 0 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #0d897f; } .list-question-answer > li.act span:after, .list-question-answer > div.act span:after { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .list-question-answer span:before { content: ''; position: absolute; left: 10px; top: 30px; background: url("https://yazamok24.ru/bitrix/templates/gvozdevsoft_gsremont_color_11/images/bg-45.png") no-repeat; width: 25px; height: 28px; } .list-question-answer li ul, .list-question-answer div ul { display: none; padding: 13px 30px 25px 44px; margin: 0 !important; list-style: none; } .list-question-answer li ul li, .list-question-answer div ul li { position: relative; padding: 18px 0 0 23px; margin: 0; list-style: none; font: 400 14px/1 'Montserrat', sans-serif !important; color: #2c3d53; } .list-question-answer li ul li:first-child, .list-question-answer div ul li:first-child { padding: 0px 0 0 23px; } .list-question-answer li ul li:first-child:before, .list-question-answer div ul li:first-child:before { top: 0; } .list-question-answer li ul li:before, .list-question-answer div ul li:before { content: ''; position: absolute; left: 0; top: 18px; width: 13px; height: 13px; background: #2f496b; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .excellence { margin: 0 0 68px; padding: 26px 10%; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; color: #ffffff; } .excellence .title, .excellence h2 { text-align: center; display: block; color: #fff; margin: 0 0 37px !important; font: 600 42px/1 'Montserrat', sans-serif !important; } .excellence-list { margin: 0 -10px !important; padding: 0; list-style: none; font-size: 0; } .excellence-list li { display: inline-block; vertical-align: top; margin: 0 0 30px; overflow: hidden; padding: 0 10px; font: 600 14px/1 'Montserrat', sans-serif !important; width: 50%; color: #ffffff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .excellence-list .holder-img { float: left; width: 79px; height: 79px; } .excellence-list .holder-text { overflow: hidden; padding: 0 0 0 15px; font: 600 22px/1 'Montserrat', sans-serif !important; } .excellence-list strong { display: block; margin: 0 0 10px; color: #0ad9cb; } .excellence-list p { display: block; margin: 0 0 10px; color: #0ad9cb !important; } .excellence-list span { display: block; font-size: 14px; line-height: 1; } .what-do { padding: 26px 27px 11px; margin: 0 0 68px; background: #e8e8e8; font: 400 14px/1 'Montserrat', sans-serif !important; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } #content .what-do p { color: #2c3d53; } #content .what-do .strong { font-weight: 600; } .what-do .holder-text { padding: 0 0 18px; margin: 0 0 29px; border-bottom: 1px solid #949494; } .steps-list { font-size: 0; line-height: 0; margin: 0 -10px !important; padding: 0; text-align: left; list-style: none; /* убираем дефорлтные цифры */ counter-reset: point; /* задаем переменную для счетчика */ } .steps-list li { display: inline-block; vertical-align: top; position: relative; width: 33.3%; margin: 0 0 15px; padding: 0 15px 0 34px; font: 600 18px/1 'Montserrat', sans-serif !important; color: #2c3d53; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .steps-list li:before { content: counter(point); /* выводим значение переменной */ counter-increment: point 1; /* увеличваем счетчик на 1 */ position: absolute; left: 0; top: -4px; width: 20px; height: 20px; text-align: center; font: 700 16px/20px 'Montserrat', sans-serif !important; color: #ffffff; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#34fbf0+0,09d3c5+51,07b3a5+100 */ background: #34fbf0; /* Old browsers */ background: -moz-linear-gradient(top, #34fbf0 0%, #09d3c5 51%, #07b3a5 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #34fbf0 0%, #09d3c5 51%, #07b3a5 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #34fbf0 0%, #09d3c5 51%, #07b3a5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#34fbf0', endColorstr='#07b3a5', GradientType=0); /* IE6-9 */ border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .holder-reasons { padding: 37px 25px; margin: 0 0 68px; background: #626262; color: #ffffff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .holder-reasons .title { display: block; margin: 0 0 45px; text-align: center; font: 600 26px/1 'Montserrat', sans-serif !important; } .holder-reasons strong { display: block; text-align: center; color: #ffffff; font: 600 14px/1.5 'Montserrat', sans-serif !important; } .holder-reasons .strong { display: block; text-align: center; color: #ffffff; font: 600 14px/1.5 'Montserrat', sans-serif !important; } .list-reasons { font-size: 0; line-height: 0; margin: 0 !important; padding: 23px 20px; } .list-reasons li { position: relative; display: inline-block; vertical-align: top; margin: 0 0 13px; width: 50%; font: 400 14px/1 'Montserrat', sans-serif !important; color: rgba(255, 255, 255, 0.8); padding: 0 10px 0 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .list-reasons li:before { content: ''; position: absolute; left: 0; top: 0; background: url("https://yazamok24.ru/bitrix/templates/gvozdevsoft_gsremont_color_11/images/bg-51.png") no-repeat; width: 31px; height: 31px; } .holder-ways { padding: 25px 20px; /* margin: 0 0 68px; */ margin: 0 0 28px; background: #f4f4f4; font: 400 14px/1 'Montserrat', sans-serif !important; color: #2c3d53; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } #content .holder-ways p { color: #2c3d53; } .list-ways { margin: 0 !important; padding: 16px 0 10px 18px; list-style: none; } .list-ways li { list-style: none; position: relative; margin: 0 0 10px; padding: 0 0 0 23px; font: 500 14px/1 'Montserrat', sans-serif !important; color: #2c3d53; } .list-ways li:before { content: ''; position: absolute; left: 0; top: 0; width: 10px; height: 10px; background: #0d897f; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .span-ways { list-style: none; position: relative; margin: 0 0 15px; padding: 0 0 0 0px; font: 500 20px/2 'Montserrat', sans-serif !important; color: #2c3d53; } #content .span-ways span { color: #2c3d53; } .document-master { color: #2c3d53; margin: 0 0 32px; padding: 0 0 1px; } #content .document-master p { color: #2c3d53; } .open-locks { text-align: center; padding: 0 30px 15px; } .open-locks .pr-title2 { color: #2f496b; margin: 0 0 20px; } #content .open-locks p { color: #2c3d53; } .open-locks .strong { font-weight: 600; } @media screen and (max-width: 1080px) { .tab-control a { font: 700 12px/1 'Montserrat', sans-serif !important; } } @media screen and (max-width: 769px) { .reasons-list strong { font: 600 16px/22px 'Montserrat', sans-serif !important; } .reasons-list p { font: 500 16px/22px 'Montserrat', sans-serif !important; } .benefits { padding: 0 20px 23px; } .brend-castle { padding: 27px 20px; } .steps-list li { width: 50%; } } @media screen and (max-width: 680px) { .cost-work .pr-title, .cost-work h2 { font-size: 26px !important; } .reasons-list li { width: 100%; } .pr-title1, h2 { font-size: 38px; !important; } .list-cost .price, .list-cost .spell { width: 100%; float: none; display: block; text-align: left; } .list-cost .spell { margin: 0 0 15px; } .mortise .holder-img { float: none; margin: 0 auto 10px; } .mortise .holder-text { padding: 0; } .list-of-services li { width: 50%; } .name-manager { float: none; width: 100%; margin: 0 0 10px; } .form-manager .holder-text { padding: 0; } .document-list li { width: 50%; } .document-list .holder-img:before { right: -10px; } .list-privilege li { width: 50%; } .list-reasons { padding: 23px 0; } } @media screen and (max-width: 640px) { .list-castle li { padding: 0 5px; width: 50%; font-size: 12px !important; } .list-castle .holder-block { display: block; text-align: center; } .list-castle .holder-img { margin: 0 auto 5px; } .list-castle a { margin: 0; } .money-card ul { width: 50%; margin: 0 0 10px !important; } .group-input .holder-input { width: 100%; padding: 20px 0 0; margin: 0 0 15px; } .excellence { padding: 26px 20px; } .steps-list li { width: 100%; } .section-slider .title-slider { text-align: center; font-size: 24px; line-height: 1; margin: 0 0 37px; } .opportunities-list .holder-img { margin: 0 0 11px; } .opportunities-list span { font-size: 12px; } } @media screen and (max-width: 560px) { .list-benefits li:last-child, .list-benefits li:first-child { padding-top: 0; } .list-benefits li { margin: 0 0 15px; font-size: 12px !important; } .list-benefits .holder-img { margin: 0 auto 20px; width: 45px; } .benefits .pr-title, .benefits h2 { font: 700 32px/1 'Montserrat', sans-serif !important; padding: 13px 25px 19px !important; } .list-two-benefits { padding: 3px 0; } .list-two-benefits li { padding: 0 5px; margin: 0 0 18px; text-align: center; font-size: 12px !important; } .list-two-benefits .holder-block { display: block; } .list-two-benefits .holder-img { display: block; margin: 0 auto 7px; } .list-two-benefits span { display: block; padding: 0; } .list-order li { width: 50%; } .list-question-answer > li { background: #e8e8e8; padding: 0; } .list-question-answer span { position: relative; padding: 35px 32px 35px 46px; } .list-question-answer span:after { display: block; content: '-'; position: absolute; right: -8px; top: -5px; font-size: 26px; line-height: 1; color: #2f496b; } /* .list-question-answer li.active span:after{ top: -8px; content: '+'; font-size: 30px; }*/ .list-question-answer .expanded { display: none; } .list-reasons li { width: 100%; } .title-slider { display: block; margin: 0 0 23px; } .opportunities-list .holder-block { display: flex; flex-direction: column; align-items: center; text-align: center; } .opportunities-list span { padding: 0 !important; font-size: 12px !important; } .excellence-list .holder-img { float: none; margin: 0 auto; width: 43px; height: 50px; } .excellence-list .holder-text { padding: 0; overflow: visible; text-align: center; font-size: 16px !important; } .excellence .title, .excellence h2 { font-size: 28px !important; line-height: 1 !important; } .excellence-list span { font-size: 10px; } body .section-problem .title { font-size: 28px !important; line-height: 1 !important; } .money-card .title, .money-card h2 .fulfillment-order .title, .fulfillment-order h2 .question-answer, .pr-title1, h2 { font-size: 28px !important; line-height: 1 !important; } } @media screen and (max-width: 460px) { .pr-form .holder-input { width: 100%; float: none; } .pr-form .holder-submit { width: 200px; margin: 0 auto; padding: 0; } .brend-castle .title, .brend-castle h2 { font: 600 22px/1 'Montserrat', sans-serif !important; } .of-services .title, .of-services h2 { font: 700 32px/1 'Montserrat', sans-serif !important; } .form-manager { padding: 23px 15px; } .benefits .pr-title { margin: -32px 0 20px 0 !important; } .opportunities-list li { padding: 0 5px !important; width: 50% !important; margin: 0 0 28px !important; } .list-privilege { margin: 0 0px !important; } .list-privilege li { overflow: hidden; margin: 0 0 24px; width: 100%; padding: 0; font-size: 10px !important; } .list-privilege li .holder-img { float: left; width: 30px; margin: 0 10px 0 0; min-height: 0; } .list-privilege li strong { margin: 0 0 6px; font-size: 12px; } .list-privilege li span { overflow: hidden; display: block; } .benefits .pr-title { font: 700 28px/1 'Montserrat', sans-serif !important; } } @media screen and (max-width: 400px) { #content h2, h2.question-answer { font: 700 25px/1 'Montserrat', sans-serif !important; } .benefits .pr-title { padding: 13px 20px 19px !important; } .list-of-services li { width: 50%; } .list-of-services .holder-img { height: 100px; } .fulfillment-order { padding: 34px 20px 1px; } .list-order li { padding: 0 10px; font: 700 16px/1 'Montserrat', sans-serif !important; } .money-card ul { width: 50%; } .list-privilege li { width: 100%; } } /* End */ /* Start:/bitrix/templates/gvozdevsoft_gsremont_color_11/css/catalog.css?161771145412131*/ /* CATALOG SECTION LIST */ #catalog_section_list { margin-top: 40px; } #catalog_section_list .box { display: inline-block; vertical-align: top; width: 49%; max-width: 600px; min-height: 150px; margin: 0 1.3% 40px 0; border-bottom: 3px solid #48a216; box-sizing: border-box; } #catalog_section_list .box:nth-child(2n) { margin-right: 0; } #catalog_section_list .box .img, #catalog_section_list .box .text { display: inline-block; } #catalog_section_list .box .img { vertical-align: top; width: 28%; height: auto; line-height: 0; } #catalog_section_list .box .img img { max-width: 100%; height: auto; border: 1px solid #e8e8e8; } #catalog_section_list .box .img img:hover { opacity: 0.8; } #catalog_section_list .box .text h2 { margin: 0 0 10px 0; } #catalog_section_list .box .text h2 a { margin: 0; text-decoration: none; font-size: 0.9em; color: #000; } #catalog_section_list .box .text h2 a:hover { opacity: 0.8; } #catalog_section_list .box .text { width: 70%; padding: 0 20px 20px 20px; box-sizing: border-box; } #catalog_section_list .box .text .title { margin: 0 0 10px 0; } #catalog_section_list .box .text .title a { margin: 0; font-size: 1.2em; } #catalog_section_list .box .text .class_p, #catalog_section_list .box .text .class_p p { margin: 0; line-height: 1.3; font-size: 0.9em; color: #555; } #catalog_section_list .box .text a { color: #000; margin-right: 20px; font-size: 0.9em; } #catalog_section_list .box .text ul { list-style: none; margin: 10px 0 0 0; } #catalog_section_list .box .text ul li { line-height: 1.4; display: inline; } /* CATALOG SECTION */ #catalog_section { margin: 0; padding: 0; overflow: hidden; } #catalog_section ul { list-style: none; margin: 0; padding: 0; } #catalog_section ul li { display: inline-block; vertical-align: top; position: relative; width: 32%; max-width: 256px; height: auto; margin: 0 1.3% 15px 0; border: 1px solid #dadada; box-sizing: border-box; text-align: left; } #catalog_section ul li:nth-child(3n) { margin-right: 0; } #catalog_section ul li .element { position: relative; } #catalog_section ul li .pr-actiontxt { background-color: #eb1a1f; padding:2px 12px; color: #fff; font-size: 12px; border-radius: 4px; position: absolute; top: 15px; right: 15px; } #catalog_section ul li img { width: 100%; height: auto; } #catalog_section ul li img:hover { opacity: 0.8; } #catalog_section ul li .block { padding: 20px 7% 20px; } #catalog_section ul li .article { font-size: 0.9em; padding: 7px 0; } #catalog_section ul li .price { position: relative; font-weight: 600; font-size: 1.1em; padding: 7px 0px; } #catalog_section ul li .price .pr-oldprice { margin-left: 10px; font-size: 0.9em; font-weight: 500; color: #999; } #catalog_section ul li .price .pr-oldprice { text-decoration: line-through; } #catalog_section ul li a.link_name { color: #000; padding: 0 0 5px; font-size: 1em; font-weight: 600; display: block; line-height: 120%; height: 30px; } #catalog_section ul li a.link_name:hover, #catalog_section ul li a.link_name:focus { color: #000; } #catalog_section .status .status_nal { color: #3bc915; } #catalog_section .status .status_no { color: #eb1a1f; } #catalog_section .status .status_zak { color: #999; } /* CATALOG ELEMENT*/ #catalog_element .pr-elemleft { width: 450px; height: auto; display: inline-block; } #catalog_element .pr-elemright { position: relative; width: calc(100% - 480px); display: inline-block; vertical-align: top; padding: 0 0 50px 3%; } #catalog_element .pr-elemright .price { font-size: 2em; font-weight: 600; } #catalog_element .pr-elemright .pr-oldprice { display: block; font-size: 0.5em; margin: 5px 0 0 0; text-decoration: line-through; font-weight: 500; } #catalog_element .pr-elemright .status { margin: 15px 0 20px 0; } #catalog_element .pr-elemright .status_zak { color: #999; } #catalog_element .pr-elemright .status_nal { color: #3bc915; } #catalog_element .pr-elemright .status_no { color: #eb1a1f; } #catalog_element .pr-elemright .article { margin-bottom: 20px; font-size: 0.9em; } #catalog_element .pr-elemright .article_name { font-weight: 600; } #catalog_element .text, #catalog_element .text p { line-height: 1.4; margin: 0 0 10px 0; color: #404040; } #catalog_element .pr-elemright .zakaz_doma { margin: 50px 0 0 0; } #catalog_element .pr-elemright .zakaz_doma a { color: #fff; display: block; width: 160px; text-align: center; padding: 15px 0; background: #48a216; text-decoration: none; border-radius: 4px; text-transform: uppercase; } #catalog_element .pr-elemleft .pr-photo img { width: 450px; height: auto; } #catalog_element .pr-elemleft .slick-prev::before, #catalog_element .pr-elemleft .slick-next::before { font-size: 30px; } #catalog_element .pr-elemleft .slick-next { right: 20px; z-index: 2; } #catalog_element .pr-elemleft .slick-prev { left: 10px; z-index: 2; } #catalog_element .pr-elemleft .slick-prev::before, #catalog_element .pr-elemleft .slick-next::before { color: black; } #catalog_element .pr-slideblock { position: relative; } #catalog_element .pr-actiontxt { background-color: #eb1a1f; padding:4px 12px; color: #fff; font-size: 14px; border-radius: 4px; position: absolute; top: 15px; right: 15px; z-index: 2; } #catalog_element .pr-elemleft .pr-slide img { border: 1px solid #e8e8e8; box-sizing: border-box; outline: 0; } #catalog_element .pr-slidesmall { position: relative; margin:0 2px; margin-top: 0; padding: 5px 50px; } #catalog_element .pr-smphoto { padding:0 3px; box-sizing: border-box; } #catalog_element .pr-hidebl { position: absolute; z-index: 1; height: 100%; width: 50px; top: 0; background-color:#fff; } #catalog_element .pr-hbleft { left:2px; } #catalog_element .pr-hbright { right:2px; } #catalog_element .fa-angle-left, #catalog_element .fa-angle-right { position: absolute; top: 50%; font-size: 30px; display: block; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: #808080; border: none; outline: none; z-index:2; } #catalog_element .fa-angle-left { left:15px; } #catalog_element .fa-angle-right { right:15px; } #catalog_element .fa-angle-left:hover, #catalog_element .fa-angle-right:hover { color: #404040; } #catalog_element .photoplanblock{ padding:30px 10%; } #catalog_element .photoplanblock div{ position:relative; } #catalog_element .photootchet{ margin:20px 0; } #catalog_element .photootchet ul { list-style: none; margin: 0; padding: 0; } #catalog_element .photootchet ul li { float: left; width: 190px; height: 135px; margin: 2px; overflow: hidden; } #catalog_element .att_price { font-size: 1.2em; font-weight: 500; padding: 15px 5px; } #catalog_element table th .price_table { color: #f5702f; } #catalog_element table .fa { color: #3bc915; } #catalog_element .pr-rowprop { width: 70%; margin:0 15px; border-bottom:1px dashed #d0d0d0; padding:10px 5px; } #catalog_element .pr-rowprop:first-child { padding-top: 0; } #catalog_element .pr-rowprop .pr-bbb { float: right; font-weight: 500; } #catalog_element .pr-rowprop a.prod_link { font-size: 0.9em } #catalog_element #tabs>ul { margin: 50px 0 30px; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; box-sizing: border-box; } #catalog_element #tabs>ul:after { background: none; height: 0; } #catalog_element #tabs>ul>li { font-size: 1em; padding: 13px 5%; width: auto; background: #fff; color: #555; border: none; border-radius: 0; text-transform: none; } #catalog_element #tabs>ul>li.active, #catalog_element #tabs>ul>li.active:hover, #catalog_element #tabs>ul>li:hover { border: none; border-bottom: 3px solid #48a216; color: #48a216; } /* FILTER */ .bx-filter .bx-filter-section { margin-bottom: 50px; background: #fff !important; } .bx-filter .bx-filter-section { padding-top: 0; } .bx-filter .bx-filter-title { margin-bottom: 20px; padding: 0; font-size: 1em; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; } .bx-filter .bx-filter-parameters-box-title span { color: #48a216; font-size: 1.1em; } .bx-filter .bx-ui-slider-track-container { padding-top: 110px; } .bx-filter .btn-themes, .bx-filter .btn-link { outline: 0; border: 1px solid #555; border-radius: 0; padding: 10px 15px; font-size: 0.9em; box-sizing: border-box; cursor: pointer; } .bx-filter .btn-themes { background-color: #555 !important; border-color: #555 !important; } .bx-filter .btn-link { color: #555 !important; background: none; } .bx-filter .btn-themes:hover, .bx-filter .btn-themes:focus { background: #555 !important; border-color: #555 !important; opacity: 0.8; } .bx-filter .btn-link:hover, .bx-filter .btn-link:focus { color: #555 !important; opacity: 0.8; } .bx-filter .bx-ui-slider-part.p2 span, .bx-filter .bx-ui-slider-part.p3 span, .bx-filter .bx-ui-slider-part.p4 span { display: none; } .bx-filter .bx-ui-slider-pricebar-v { background: #999 !important; } .bx-filter .bx-filter-popup-result.left { left: 97%; } .bx-filter .bx-filter-popup-result.left { width: 40%; } .bx-filter .bx-filter-popup-result a { color: #fff; text-decoration: underline; } .bx-filter .bx-filter-popup-result.left, .bx-filter .bx-filter-popup-result.right { padding: 6px 15px; background-color: #555; border: none; color: #fff; -moz-border-image: none; -o-border-image: none; } .bx-filter .bx-filter-popup-result.right:before { position: absolute; content: ""; margin-left: -20px; margin-top: -10px; border: solid 10px transparent; border-right-color: #555; top: 50%; left: 0; width: 0; height: 0; } .bx-filter .bx-filter-parameters-box-title span:hover { border-color: transparent; } .bx-filter .bx-filter-parameters-box-title span { color: #555; font-size: 1.1em; } .bx-filter .bx-filter-parameters-box { position: relative; padding: 17px 5px 12px 5px; border-bottom: 1px dashed #E2E6E7; } .bx-filter-parameters-box-container { padding-bottom: 0; } .bx-filter .bx-filter-parameters-box.bx-active .bx-filter-block i.bx-ft-sub { font-size: 12px; } .bx-filter .bx-filter-input-checkbox input[type=checkbox] { display: none; } .checkbox { position:relative; padding-left:25px; } .checkbox input[type=checkbox] { display:none; } .checkbox .ch_text:after { content:''; display:block; height:14px; width:14px; outline:1px solid #939598; position:absolute; top:0; left:0; margin-top: 2px; box-sizing: border-box; } .checkbox input[type=checkbox]:checked + .ch_text:after { outline:1px solid #939598; border:2px solid #fff; width:14px; height:14px; background-color:#555; } .bx-filter .bx-filter-input-checkbox .bx-filter-param-text { padding-top: 2px; font-size: 0.8em; color: #333; } .bx-filter .bx-filter-param-label.disabled .bx-filter-param-text { color: #333; } #sidebar .radio label, .checkbox label { padding-left: 0; } .bx-filter-parameters-box-container .checkbox { margin-left: 10px; } .bx-filter-parameters-box-container .checkbox { margin: 5px 0; } .bx-filter .filter_button { margin-top: 20px; } .bx-filter .bx-filter-parameters-box-container-block { width: 44%; float: left; margin: 0 7px; } .bx-filter .bx-ui-slider-track { width: 90%; margin: 0 auto; } /* End */ /* Start:/bitrix/templates/gvozdevsoft_gsremont_color_11/css/sidebar.css?16177114543748*/ /* SIDEBAR */ /* slider photo */ #sidebar_photo_block { position: relative; margin-bottom: 50px; padding: 15px 0; background: #f7f7f7; border: 1px solid #f7f7f7; border-radius: 4px; } #sidebar_photo_block .title { font-size: 1.1em; margin: 0 0 10px 15px; text-transform: uppercase; } #sidebar_photo_block img { width: 100%; height: auto; padding: 0 0 45px; } #sidebar_photo_block .prevarr, #sidebar_photo_block .nextarr { font-size: 2em; color: #ccc; } #sidebar_photo_block .prevarr:hover, #sidebar_photo_block .nextarr:hover { color: #aeaeae; } #sidebar_photo { position: relative; } #sidebar_photo_block .nextarr { position: absolute; bottom: 0; right: 15px; cursor: pointer; } #sidebar_photo_block .prevarr { position: absolute; bottom: 0; right: 50px; z-index: 1; cursor: pointer; } #sidebar_photo_block .portfolio { position: absolute; bottom: 24px; left: 15px; } #sidebar_photo_block .portfolio a { text-decoration: underline; } #sidebar_photo_block .portfolio a:hover { text-decoration: none; } /* slider otzyvy */ #sidebar_otzyv_block { position: relative; margin-bottom: 50px; padding: 15px; background: #f7f7f7; border: 1px solid #f7f7f7; border-radius: 4px; } #sidebar_otzyv_block .title { font-size: 1.1em; margin: 0 0 10px; text-transform: uppercase; } #sidebar_otzyv_block .text { color: #404040; font-size: 0.9em; padding: 0 0 45px; } #sidebar_otzyv_block .name_date { margin: 5px 0; } #sidebar_otzyv_block .name { font-weight: 600; margin-right: 10px; } #sidebar_otzyv_block .date { font-style: italic; } #sidebar_otzyv_block .prevarr, #sidebar_otzyv_block .nextarr { font-size: 2em; color: #ccc; } #sidebar_otzyv_block .prevarr:hover, #sidebar_otzyv_block .nextarr:hover { color: #aeaeae; } #sidebar_otzyv { position: relative; } #sidebar_otzyv_block .nextarr { position: absolute; bottom: 0; right: 0; cursor: pointer; } #sidebar_otzyv_block .prevarr { position: absolute; bottom: 0; right: 35px; z-index: 1; cursor: pointer; } #sidebar_otzyv_block .all_otzyv { position: absolute; bottom: 24px; left: 15px; } #sidebar_otzyv_block .all_otzyv a { text-decoration: underline; } #sidebar_otzyv_block .all_otzyv a:hover { text-decoration: none; } /* FIX */ /* sidebar fixed */ #sidebar_fixed { margin: 0; width: 250px; } #sidebar .sticky-wrapper { z-index: 1; } /* kalkulyator */ #sidebar_calc { position: relative; margin-bottom: 20px; width: 100%; height: 140px; } #sidebar_calc .bg { position: absolute; top: 23px; width: 100%; height: 85px; background: #48a216; border-radius: 4px; } #sidebar_calc .text { position: absolute; left: 15px; top: 15px; color: #fff; font: 600 0.9em/130% Arial; text-transform: uppercase; } #sidebar_calc .img { position: absolute; top: 7px; right: 5px; width: 84px; height: 115px; background: url(/bitrix/templates/gvozdevsoft_gsremont_color_11/css/../images/calc_sidebar.png) no-repeat center; background-size: auto 115px; } /* vyzov zamerchika */ #sidebar_zamer { position: relative; margin-bottom: 20px; width: 100%; height: 140px; } #sidebar_zamer .bg { position: absolute; top: 23px; width: 100%; height: 85px; background: #49a01f; border-radius: 4px; } #sidebar_zamer .text { position: absolute; left: 15px; top: 15px; color: #fff; font: 600 0.9em/130% Arial; text-transform: uppercase; } #sidebar_zamer .img { position: absolute; top: 0; right: 10px; width: 83px; height: 138px; background: url(/bitrix/templates/gvozdevsoft_gsremont_color_11/css/../images/zamer_sidebar.png) no-repeat; background-size: cover; } /* End */ /* Start:/bitrix/templates/gvozdevsoft_gsremont_color_11/css/adaptiv.css?16177114548880*/ /* ADAPTIV */ @media screen and (max-width: 1100px) { #wrapper { box-sizing: border-box; } } @media screen and (max-width: 1024px) { #flvmenu > ul > li a { padding: 15px 25px; } #content { margin-right: 20px; } #portfolio_top .text { width: 40%; } /* STRANICA USLUGI */ #uslugi_detail .img_top #form_slider_uslugi { right: 3%; } #uslugi_detail .img_top .slogan { left: 3%; } #portfolio_box h2 a { bottom: 10%; } } @media screen and (max-width: 992px) { #wrapper { padding: 70px 3%; } /* new style 19.08.2020 */ #wrapper{ display: block; } /* end new style 19.08.2020 */ #header_top_search form { width: 150px; } #block_company ul li span { width: 66%; margin-top: 9px; } #sidebar { display: none; } #content { margin-left: 0; } /* new style 19.08.2020 */ #content{ width: 100%; } /* end new style 19.08.2020 */ #breadcrumb { margin: 0 0 30px 0; } #catalog_element .pr-elemright { width: calc(100% - 483px); } #header_main { height: auto; text-align: center; padding: 3px 10px 15px 10px; } #header_logo { float: none; top: 45px; left: 10px; position: absolute; } #header_contact { float: none; display: block; margin: 12px 0 20px 0; overflow: hidden; } #header_zayavka, #header_calc { float: none; text-align: left; display: inline-block; vertical-align: top; border: 0; margin: 0 10px; padding: 10px 20px; border-radius: 4px; background: #f7f7f7; width: 180px; } #footer_address { margin: 14px 0 0 3%; } #footer_email { margin: 14px 0 0 0; } #footer_callback { padding: 8px 0 0 0; } #footer_nomer { padding: 10px 0 0 0; } } @media screen and (max-width: 768px) { #header_logo { position: static; display: block; } #header_top, #header, #top_menu, #footer_top, #footer_bottom, #footer_center { width: 100%; min-width: 100%; } #header_top_main, #header_main, #top_menu_main, #wrapper, #slider, #footer_top_main, #footer_bottom_main, #footer_center_main { max-width: 100%; min-width: 100%; height: auto; padding: 0; margin: 0; } #header_top_search, #block_company, #sidebar { display: none; } /* HEADER */ #header_top_address, #header_top_email, #header_logo, #header_callback, #header_contact, #header_zayavka , #header_calc { float: none; margin: 0; padding: 0; width: 100%; height: auto; text-align: center; } #header_main { text-align: center; } #header_calc, #header_zayavka { width: 50%; display: inline-block; vertical-align: top; } #header_top{ margin-bottom: 10px; } #header_top_address { margin: 10px 0 10px 0; } #header_top_email { margin: 0 0 10px; } #header_logo { margin: 20px auto; overflow: hidden; width: auto; display: table; } #header_logo_name { padding: 5px 0 0 10px; } #header_contact { margin-bottom: 20px; } #header_zayavka, #header_calc { margin: 0 auto 30px auto; border: 0; padding: 10px 20px; border-radius: 4px; background: #f7f7f7; width: 180px; text-align: left; } #breadcrumb { margin: 20px 0 10px 10px; line-height: 150%; } #breadcrumb ul li:last-child { line-height: 1.8; } /* SLIDER */ .owl-theme .slidetext { color: #fff; left: 0; text-align: center; position: relative; top: 100px; width: 100%; background: none; padding: 0; } .owl-theme .slideoverlay { display: none; } /* WRAPPER */ #wrapper { min-height: auto; padding: 0; } #wrapper .otstup_index { display: none; } /* SIDEBAR */ #sidebar { float: none; width: 100%; text-align: center; } #sidebar_menu_title { display: none; } #sidebar_menu ul { margin: 0; } #sidebar_menu ul li a { padding: 15px 0; } #sidebar_fixed, .sticky-wrapper, #top_search, #sidebar_otzyv_block, #sidebar_photo_block { display: none; } /* CONTENT */ #content { margin: 0; padding: 20px 3%; width: 100%; box-sizing: border-box; } #content td, #content th { border: 0; padding: 15px 1%; } #content th { padding: 15px 2%; } #content table td:first-child { padding-left: 2%; } /*FOOTER*/ #footer_top, #footer_center, #footer_bottom, #footer_top_main, #footer_nomer, #footer_callback, #footer_email, #footer_address, #footer_center_main, #footer_menu ul li, #footer_bottom_main, #footer_social, #footer_copyrait { float: none; width: 100%; height: auto; margin: 0; padding: 0; text-align: center; } #footer_top_main { padding: 20px 0; } #footer_nomer{ font-size: 1.7em; margin-bottom: 10px; } #footer_callback { margin-bottom: 40px; } #footer_callback a { padding: 10px 20px; font-size: 1.2em; } #footer_email { width: 180px; margin: 0 auto 20px auto; padding-left: 13px; background-position: center left; } #footer_address { width: 300px; margin: 0 auto 40px auto; padding-left: 15px; background-position: top left; } #footer_center_main { padding: 30px 0; text-align: center; } #footer_menu ul li { padding: 0 0 30px 0; font-size: 1.3em; text-transform: uppercase; } #footer_menu ul li:last-child { padding: 0; } #footer_bottom_main { padding: 10px 0; } #footer_social { width: 175px; margin: 40px auto 10px auto; overflow: hidden; } /* GLAVNAYA STRANICA */ /* vybor remonta */ #vybor_remonta { width: 99%; margin: 0; text-align: center; } #vybor_remonta .block { float: none; width: 100%; margin-left: 0; margin-bottom: 20px; } #vybor_remonta .first_block { margin-left: 0; } /* CALC */ /* taby */ #content #tabs>ul.tabs_calc>li { width: 100%; margin: 0 0 20px 0; padding: 10px 5%; box-sizing: border-box; } #content .calc input[type="number"], #content .calc select, #content .calc input[type=checkbox], #content .calc input [type=radio], #content .calc label, #content .calc ul li { float: none; display: block; } #content .calc { padding: 10px 5%; border: none; box-shadow: none; } #content .calc select { width: 100%; max-width: 350px; } #content .calc .calc_rezultat { margin: 30px 0 0 0; padding: 0; background: #f7f7f7; border-radius: 4px; font-family: Courier; } #content .calc .razdelitel { margin-left: 0; } #content .calc ul li.otstup_abh { margin-left: 0; } #content .calc ul li { margin: 0 0 10px 0; } /* STRANICA AKCII */ #content .block_promo { max-width: 500px; width: 100%; } /* STRANICA KONTAKTY */ #contacts { margin: 10px 0; } #contacts #form_contacts { display: none; } #contacts .left { float: none; width: 100%; } /* STRANICA USLUGI */ #uslugi_box .box { width: 100%; margin: 0 0 30px; } #uslugi { width: 100%; padding: 0 1%; } #uslugi .block_uslugi { width: 100%; margin: 0 0 30px; } /* USLUGI VNUTR */ #form_slider_uslugi, #uslugi_detail .img_top .slogan, #uslugi_detail .img_top .bg { display: none; } #uslugi_detail .img_top, #uslugi_detail .img_top img { width: 100%; height: auto; } #content .carousel_block { margin: 0; } #content .carousel_block { margin: 0; } /* STRANICA PROEKTY */ #portfolio_box .box { width: 100%; margin: 0 0 30px; } /* STRANICA PORTFOLIO */ #portfolio .portfolio_block img { float: none; width: 100%; height: auto; } #portfolio .portfolio_block .text { margin-left: 0; } /* PORTFOLIO VNUTR */ #portfolio_top { padding: 0; } #portfolio_top img { float: none; width: 100%; height: auto; } #portfolio_top .text { width: 100%; margin-left: 0; margin-top: 10px; } /* taby */ #content #tabs{ display: block; width: 100%; } #content #tabs>ul>li{ width: 100%; margin: 0 0 10px 0; padding: 10px 0; } #content #tabs>ul:after{ height: 0; } /* STRANICA NEWS */ #content .news_list img.preview_picture { float: none; max-width: 100%; width: 100%; height: auto; margin: 0 0 10px; } #content .news_list a.link { display: block; margin: 10px 0 0 0; } #content .news_list .right_text { float: none; width: 100%; } #content .news_list .block_new p { margin: 0 20px 0 0; } /* CATALOG */ #catalog_section_list .box { width: 100%; margin: 0 0 30px; } #catalog_section ul li { width: 100%; } #catalog_section ul li:nth-child(3n) { margin-right: 1.3%; } #catalog_element .pr-elemleft { margin-bottom: 30px; } #catalog_element .pr-elemright { width: 100%; } #catalog_element .pr-elemleft { width: 100%; } #catalog_element .pr-elemleft { width: 100%; } } @media screen and (max-width: 600px) { #header_calc, #header_zayavka { width: 35%; white-space: nowrap; font-size: 12px; } } /* End */ /* Start:/bitrix/templates/gvozdevsoft_gsremont_color_11/css/color.css?16177114541942*/ /* color_11 */ a {color: #0d897f;} .button {background: #0d897f;} #header .fa {color: #0d897f;} #header #header_logo .fa {background: #0d897f;} #header_callback a {color: #0d897f;} #header .hdslide_home .fa {background: #0d897f;} #header .hdslide_contact_callback a {background: #0d897f;} #header .hdtopmenu ul li:hover {background: #0d897f !important;} #header .hdtopmenu ul li a:hover {background: #0d897f;} #top_menu ul li:hover {background: #0d897f !important;} #top_menu ul li.root-item-selected {background: #0d897f;} #top_menu ul li.item-selected {background: #0d897f;} #slider .owl-theme a.slidetextlink {border-color: #0d897f;} #slider .owl-theme a.slidetextlink:hover {border-color: #0d897f; background: #0d897f;} #content .index_plus .fa {color: #0d897f;} #breadcrumb a:hover, #breadcrumb a:focus {color: #0d897f;} #content .link_back a:hover {color: #0d897f;} #content ol.index_zakaz li:before {background: #0d897f;} #content .link_back .fa {background: #0d897f;} #content .accordion h2 {background: #0d897f;} #content th {background: #0d897f;} #sidebar_zamer .bg, #sidebar_calc .bg {background: #0d897f;} #section_element_menu ul.menu-element-list-active2 a.item-selected {color: #0d897f;} #section_element_menu ul#vertical-multilevel-menu > li.menu-section-active2 > a {background: #0d897f;} #section_element_menu ul#vertical-multilevel-menu > li.menu-section-drive-active > a {background: #0d897f;} #section_element_menu ul#vertical-multilevel-menu li a:hover {background: #0d897f;} #content #tabs>ul>li.active, #content #tabs>ul>li.active:hover, #content #tabs>ul>li:hover {border-color: #0d897f; color: #0d897f;} #catalog_section_list .box {border-color: #0d897f;} #catalog_element .pr-elemright .zakaz_doma a {background: #0d897f;} #contacts .left .fa {color: #0d897f;} #form_zamer_popup .text .fa, #form_zamer_calc .text .fa {color: #0d897f;} #vybor_remonta .raboty .fa {color: #0d897f;} /* End */ /* Start:/kalkulyator/style.css?16177115715852*/ .calc-wrap { padding: 0 25px 30px; background: #2c4668; margin: 0 auto; } .calc-wrap:after{ content: ''; display: block; clear: both; } .calc-wrap .calc { padding: 0!important; background: transparent!important; border: none!important; margin: 0 0 10px; color: #fff; font-size: 25px; font-weight: 600; } #calc .col { float: left; margin-top: 16px; } #calc .col1 { width: 38%; margin-right: 0; } #calc .col2 { width: 34.175691937425%; margin-right: 0; } #calc .col3 { width: 25%; margin-left: 0; } #calc .bitem { -o-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 0 0 8px; position: relative; } .selSpos:after, #calc .bitem:after{ content: ''; display: block; clear: both; } #calc .titol { font: 700 14px/1.2px 'PT Sans',sans-serif; color: #dcdcdc; text-align: left; position: relative; margin: 0; margin-bottom: 20px; } .selSpos { float: left; width: 96%; margin-left: -3px; } .selSpos .active, .selSpos .item:hover { border: 1px solid #d3e0e5; background: #0d897f!important; } #calc .titol .number { width: 40px; height: 40px; box-sizing: border-box; padding-top: 15px; color: #0d897f; border: 4px solid #000; margin-right: 10px; text-align: center; vertical-align: middle; font-size: 25px; display: inline-block; border-radius: 50%; border-color: #0d897f; } .podmosc.rayon .tsel p{ color: #fff!important; } .selSpos .item { position: relative; width: 48%; height: 131px; display: block; float: left; text-align: center; margin: 1px; cursor: pointer; padding: 21px 0 0; border: 1px solid #898989; border-radius: 3px; } .selSpos .item:first-child img { margin-left: 20px; } .blink { padding-left: 3px; padding-right: 3px; border-bottom: none!important; } .selSpos .item a { color: #fff; text-decoration: none; } .selSpos .item:nth-of-type(1) .blink, .selSpos .item:nth-of-type(2) .blink { top: -4px; position: relative; } .selSpos .item:nth-of-type(1) .blink, .selSpos .item:nth-of-type(2) .blink { top: -4px; position: relative; } .selSpos .item:nth-of-type(4) .blink { position: relative; } .step3 .mini-menu { text-align: left; margin: 22px 0 45px; } .step3 .mini-menu a { font: 14px/1.2 'PT Sans',sans-serif; color: #dcdcdc; text-decoration: none; padding: 12px 20px; border-bottom: none; position: relative; top: 6px; } .mini-menu a[value=mosc] { margin-left: 12px; } .mini-menu a[value=podmosc] { margin-left: 12px; padding-right: 0; padding-left: 0; } .step3 .mini-menu a.active { position: relative; top: 6px; color: #fff; border: 2px solid #0d897f; text-decoration: none; border: 2px solid #0d897f; } .step3 .mini-menu a span { border-bottom: 1px dotted #000; } .step3 .mini-menu a.active span { border: none; } .mosc.rayon ul { padding: 0; } .mosc.rayon ul li { background: #546984 ; color: #fff; padding: 3px 10px; display: inline-block; width: 26%; margin: 2% 5% 2% 0; font-size: 16px; cursor: pointer; box-sizing: border-box; } .mosc.rayon ul li.active { padding-left: 24px; background: url(/kalkulyator/images/galka.png) no-repeat 0 6px; color: #dc3e30; } .podmosc.rayon .tsel { padding-left: 30px; } .tsel p { color: #fff; } .podmosc.rayon p { color: #939393; } #content .podmosc.rayon ul{ padding: 0; margin: 0; } .podmosc.rayon ul li { width: 40%; margin: 10px 5% 0 0; display: inline-block; color: #fff; padding-left: 36px; background: url(/kalkulyator/images/li-inactive.png) no-repeat; cursor: pointer; height: 24px; font-size: 16px; } .podmosc.rayon ul li.active { background: url(/kalkulyator/images/li-active.png) no-repeat; } .center { max-width: 80%!important; display: inline!important; margin-bottom: 15px; } .step4 p { clear: both; margin: 0 0 4px; } .step4 .titol { margin-bottom: 18px; } .hide, .time-clock, .error-hidden { display: none; } #calc .timer { position: relative; display: inline-block; height: 51px; z-index: 999; text-align: center; margin-top: 2px; color: #fff; } .time-clock > img { margin: 10px; padding-left: 50px; } .time-pro p:first-child { height: 112px; background: #2c4668; color: #fff; padding-top: 25px; border: 1px solid #d3e0e5; border-radius: 5px; margin-bottom: 30px; text-align: center; font-size: 40px; font-weight: 700; } .time-pro p{ color: #fff!important; } .step4 .recalculate { padding-top: 11px; } #calc .submit { cursor: pointer; display: block; vertical-align: middle; width: 208px; background: #0d897f; height: 42px; color: #dcdcdc!important; font: 700 16px/1.2 'PT Sans',sans-serif; text-align: center; border: none; width: 100%; } span.error { margin: 0; width: 260px; padding: 10px; font-style: italic; color: #a87878; } @media screen and (max-width: 1060px){ #calc .titol{ font-size: 12px; } .selSpos .item { font-size: 14px; } .step3 .mini-menu a { padding: 12px 10px; } .mini-menu a[value=podmosc] { padding-right: 0; padding-left: 0; } } @media screen and (max-width: 700px){ .calc-wrap { text-align: center; padding: 0 2%; } .calc-wrap .col { width: 100%!important; } .selSpos { width: 100%; margin-left: -1%; } .selSpos .item { width: 48%; margin: 1px 0 2px 1%; } #calc .titol{ font-size: 18px; } } /* End */ /* Start:/bitrix/templates/gvozdevsoft_gsremont_color_11/components/bitrix/menu/hdtopmenu/style.css?16177114541485*/ /* menu */ #header .hdtopmenu { display: block; position: relative; float: left; margin-left: 1px; height: 40px; width: 100px; border-left: 1px solid #ececec; border-right: 1px solid #ececec; background: #f7f7f7; } #header .hdtopmenu nav ul { display: none; position: absolute; top: 100%; left: 0; } #header .hdtopmenu nav ul li ul { display: none; position: absolute; top: 0; left: 100%; } #header .hdtopmenu ul { background-color: #fff; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.137); z-index: 9999; } #header .hdtopmenu ul li { width: 200px; position: relative; } #header .hdtopmenu ul li a { display: block; padding: 10px 5px 10px 20px; color: #000; font-size: 0.9em; border-bottom: 1px solid #eee; } #header .hdtopmenu ul li:hover { background-color: #48a216; } #header .hdtopmenu ul li:hover > a { color: #fff; } #header .hdmname { padding-top: 10px; padding-left: 35px; font-size: 1em; text-transform: uppercase; cursor: pointer; } #header .hdtopmenu:hover nav > ul { display: block; } #header .hdtopmenu nav > ul li:hover ul { display: block; } #header .hdmname::before { position: absolute; font: 0.9em FontAwesome; content: "\f0c9"; top: 13px; left: 17px; } #header .head_slide .hdtopmenu .fa { position: absolute; font-size: 1em; color: #000; top: 8px; right: 15px; } #header .hdtopmenu nav > ul li:hover .fa { color: #fff; } /* End */ /* Start:/bitrix/components/sandwich/elements.list/templates/mainpage_slider/style.css?16177114667881*/ .slider-container{ max-width: 1100px; padding: 56px 10px 1px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .section-slider{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2a3b51+0,2a3b51+50,344863+100 */ background: #2a3b51; /* Old browsers */ background: -moz-linear-gradient(top, #2a3b51 0%, #2a3b51 50%, #344863 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #2a3b51 0%,#2a3b51 50%,#344863 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #2a3b51 0%,#2a3b51 50%,#344863 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a3b51', endColorstr='#344863',GradientType=0 ); /* IE6-9 */ } .slider-container{ background-position: 100% 100%; background-repeat: no-repeat; } .title-slider{ display: block; margin: 0 0 51px; font: 700 55px/1 'Montserrat', sans-serif; color: #ffffff; } .section-slider .group{ display: flex; align-items: flex-end; } .opportunities-list{ flex: 0 0 56%; width: 56%; margin: 0; padding: 0; list-style: none; font-size: 0; line-height: 0; } .opportunities-list li{ display: inline-block; vertical-align: middle; margin: 0 0 51px; width: 50%; padding: 0 5% 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .opportunities-list .holder-block{ display: flex; align-items: center; } .opportunities-list .holder-img{ width: 51px; text-align: center; } .opportunities-list .holder-img img{ display: inline-block; vertical-align: middle; } .opportunities-list span{ display: block; padding: 0 0 0 22px; color: #ffffff; font: 500 16px/1 'Montserrat', sans-serif; } .form-challenge{ flex: 1 1 auto; margin: 0 0 27px; background: rgba(51, 51, 51, 0.83); padding: 23px 18px 18px; border-style:none; min-width: 0; } .form-challenge fieldset { margin:0; padding:0; border-style:none; min-width: 0; } .form-challenge .holder-input { position: relative; width: 54%; float: left; margin: 0 0 12px; padding: 20px 0 0; } .form-challenge .holder-input span { position: absolute; display: block; top: 0; left: 0; text-align: left; font: 500 12px/1 'Montserrat', sans-serif!important; color: #ffffff; } .form-challenge .holder-input input { display: block; width: 100%; height: 46px; padding: 0 17px; border: none; background: #ffffff; font: 500 18px/1 'Montserrat', sans-serif!important; color: #333333; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .form-challenge .holder-submit { overflow: hidden; display: block; width: 46%; margin: 0 0 12px; padding: 20px 0 0 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .form-challenge .holder-submit input { display: block; cursor: pointer; width: 100%; height: 46px; padding: 0 5px; color: #ffffff; border: 1px solid #07a295; font: 500 16px/1 'Montserrat', sans-serif!important; background: #0d897f; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .form-challenge .holder-submit input:hover{ opacity: 0.8; } .section-problem{ padding: 40px 0 0; background: #2e7e78; } .section-problem{ background: #2e7e78; padding: 40px 0 56px; } .pr-container{ max-width: 1100px; padding: 0 10px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .section-problem .title{ display: block; margin: 0 0 35px; font: 500 30px/1 'Montserrat', sans-serif!important; color: #ffffff; letter-spacing: -0.02em; } .section-problem form{ max-width: 830px; margin: 0 auto; padding:0; border-style:none; min-width: 0; } .section-problem fieldset{ margin: 0; padding:0; border-style:none; min-width: 0; } .group-drop:after{ content: ''; display: block; clear: both; } .group-drop{ margin: 0 -6px; } .group-drop .holder-drop{ float: left; padding: 25px 6px 0; margin: 0 0 29px; position: relative; width: 33.3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .group-drop .holder-drop .label{ position: absolute; display: block; top: 0; left: 6px; text-align: left; font: 500 12px/1 'Montserrat', sans-serif!important; color: #ffffff; } .group-tel:after{ content: ''; display: block; clear: both; } .group-tel .holder-input{ float: left; width: 66%; position: relative; padding: 20px 0 0; margin: 0 0 20px; } .group-tel .holder-input input{ display: block; width: 100%; height: 46px; padding: 0 17px; border: none; background: #ffffff; font: 500 18px/1 'Montserrat', sans-serif!important; color: #333333; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .group-tel .label{ position: absolute; display: block; top: 0; left: 0; text-align: left; font: 500 12px/1 'Montserrat', sans-serif!important; color: #ffffff; } .group-tel .holder-submit { float: left; width: 32.5%; margin: 0 0 20px 1.5%; padding: 20px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .group-tel .holder-submit input { display: block; cursor: pointer; width: 100%; height: 46px; padding: 0 5px; color: #333333; border: none; font: 500 16px/1 'Montserrat', sans-serif!important; background: #e69e2c; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .group-tel .holder-submit input:hover{ opacity: 0.8; } @media screen and (max-width: 900px){ .slider-container{ background: transparent!important; } .section-slider .group{ display: block; } .opportunities-list { flex: 0 0 100%; width: 100%; } .title-slider{ font-size: 42px; } } @media screen and (max-width: 768px){ .section-problem .title { font-size: 28px; letter-spacing: 0; } .fs-dropdown-selected{ font-size: 16px; } } @media screen and (max-width: 660px){ .group-drop .holder-drop{ float: none; width: 100%; } } @media screen and (max-width: 600px){ .title-slider { font-size: 32px; } .group-tel .holder-input { width: 56%; } .group-tel .holder-submit { width: 42%; margin: 0 0 20px 2%; } } @media screen and (max-width: 450px){ .opportunities-list li{ width: 100%; } .form-challenge .holder-input{ width: 100%; float: none; } .form-challenge .holder-submit{ width: 100%; padding-left: 0; } .group-tel .holder-input{ width: 100%; } .group-tel .holder-submit{ width: 100%; margin: 0 0 20px; } } #form_call_master .thanks_form, #form_call_master_advanced .thanks_form { color: white; text-align: center; margin: 0; font-size: 1em; } /* End */ /* Start:/bitrix/components/sandwich/elements.list/templates/mainpage_slider/css/dropdown.css?16177114667248*/ /*! formstone v0.8.8 [dropdown.css] 2015-09-15 | MIT License | formstone.it */ .box-dropdown{ float: left; width: 170px; } .fs-dropdown { position: relative; /*z-index: 1;*/ /*display: block;*/ /*margin: 0;*/ /*max-width: 100%;*/ /* @media screen and (min-width: 740px) { max-width: 30%; } */ /** * @class * @name .fs-dropdown-selected * @type element * @description Handle item */ /** * @class * @name .fs-dropdown-options * @type element * @description Options container */ /** * @class * @name .fs-dropdown-group * @type element * @description Option group label */ /** * @class * @name .fs-dropdown-item * @type element * @description Option item */ } .fs-dropdown:focus { box-shadow: none; outline: none; } .fs-dropdown, .fs-dropdown:after, .fs-dropdown:before, .fs-dropdown *, .fs-dropdown *:after, .fs-dropdown *:before { box-sizing: border-box; -webkit-transition: none; transition: none; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; } .fs-dropdown-element { width: 100%; height: 100%; position: absolute; left: 0; opacity: 0; z-index: -1; } .fs-dropdown-element, .fs-dropdown-element:focus { outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent; } .no-opacity .fs-dropdown-element { left: -999999px; } .fs-dropdown-selected { font: 500 18px/1 'Montserrat', sans-serif; color: #333333; width: 100%; border: 1px solid transparent; position: relative; background: #ffffff; cursor: pointer; display: block; height: 47px; margin: 0; overflow: hidden; padding: 0 30px 0 12px; text-align: left; text-overflow: clip; z-index: 2; border-radius: 3px; } .fs-dropdown-open .fs-dropdown-selected{ border-bottom-color: transparent; } .fs-dropdown-selected:after { position: absolute; top: 19px; right: 17px; background: url('/bitrix/components/sandwich/elements.list/templates/mainpage_slider/css/../images/bg-8.png') no-repeat; width: 11px; height: 7px; content: ''; display: block; margin: auto 0; } .no-touch .fs-dropdown-selected:hover { color: #222222; } .no-touch .fs-dropdown-disabled .fs-dropdown-selected:hover { color: #cccccc; } .fs-dropdown-options { width: 100%; max-height: 250px; position: absolute; top: 100%; left: 0; border: 1px solid #c4c3c3; border-radius: 0; background-color: #ffffff; display: none; margin: 0; overflow: auto; overflow-x: hidden; padding: 0; z-index: 50; } .fs-dropdown-options.fs-scrollbar { position: absolute; } .no-opacity .fs-dropdown-options { width: auto; } .fs-dropdown-group { border-bottom: 1px solid #cccccc; color: #999999; display: block; font-size: 11px; padding: 10px 15px; text-transform: uppercase; } .fs-dropdown-item { width: 100%; background: #ffffff; color: #222222; cursor: pointer; display: block; font: 500 18px/1 'Montserrat', sans-serif; margin: 0; height: 26px; overflow: hidden; padding: 0 12px; text-align: left; text-decoration: none; text-overflow: ellipsis; border: none; /** * @class * @name .fs-dropdown-item.fs-dropdown-item_placeholder * @type modifier * @description Indicates placeholder item */ /** * @class * @name .fs-dropdown-item.fs-dropdown-item_selected * @type modifier * @description Indicates selected item */ /** * @class * @name .fs-dropdown-item.fs-dropdown-item_disabled * @type modifier * @description Indicates disabled item */ } .fs-dropdown-item:hover{ color: #ff7814; } .fs-dropdown-item_placeholder { display: none; } .fs-dropdown-item_selected { background: #ffffff; color: #ff7814; } .fs-dropdown-item_disabled { color: #999999; cursor: default; } .fs-dropdown-item:first-child { border-radius: 0; } .fs-dropdown-item:last-child { border-bottom: 0; border-radius: 0 0 3px 3px; } .no-touch .fs-dropdown-item:hover, .no-touch .fs-dropdown-item_selected:hover { color: #222222; background-color: #dddddd; border-color: #cccccc; } .fs-dropdown-item_disabled, .no-touch .fs-dropdown-item_disabled:hover { color: #cccccc; background-color: #ffffff; border-color: #cccccc; } .fs-dropdown-open { z-index: 3; } .fs-dropdown-open .fs-dropdown-options { display: block; border-top-color: transparent; border-radius: 0; margin: -2px 0 0 0; } .fs-dropdown-open .fs-dropdown-selected { z-index: 51; border-radius: 0; border-color: #c4c3c3; border-bottom-color: transparent; } .fs-dropdown-open .fs-dropdown-selected, .fs-dropdown-focus .fs-dropdown-selected { background: #eeeeee; /* box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);*/ } .fs-dropdown-focus .fs-dropdown-selected{ background: transparent; /*box-shadow: inset 0 -1px 4px 0 rgba(0, 0, 0, 0.35);*/ } .fs-dropdown-cover.fs-dropdown-open .fs-dropdown-selected { z-index: 49; } .fs-dropdown-cover .fs-dropdown-options { top: 0; border-radius: 3px; border-width: 1px; } .fs-dropdown-cover .fs-dropdown-item:first-child { border-radius: 3px 3px 0 0; } .fs-dropdown-bottom .fs-dropdown-options { top: 100%; bottom: auto; border: 1px solid #d9d9d9; border-top: none; } .fs-dropdown-bottom .fs-dropdown-item:last-child { border: none; } .fs-dropdown-bottom.fs-dropdown-open .fs-dropdown-selected { border-color: #ffffff; background: #ffffff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .fs-dropdown-bottom.fs-dropdown-open .fs-dropdown-options { border-radius: 0; } .fs-dropdown-bottom.fs-dropdown-cover .fs-dropdown-options { top: auto; bottom: 0; } .fs-dropdown-bottom.fs-dropdown-cover.fs-dropdown-open .fs-dropdown-selected { border-radius: 3px; } .fs-dropdown-bottom.fs-dropdown-cover.fs-dropdown-open .fs-dropdown-options { border-radius: 3px; } .fs-dropdown-multiple { border: 1px solid #cccccc; border-radius: 3px; } .fs-dropdown-multiple .fs-dropdown-options { width: 100%; position: static; border: none; border-radius: 3px; box-shadow: none; display: block; } .fs-dropdown-disabled .fs-dropdown-selected { background: #ffffff; border-color: #cccccc; color: #cccccc; cursor: default; } .fs-dropdown-disabled .fs-dropdown-options { background: #ffffff; border-color: #cccccc; } .fs-dropdown-disabled .fs-dropdown-group, .fs-dropdown-disabled .fs-dropdown-item { border-color: #cccccc; color: #cccccc; cursor: default; } .fs-dropdown-disabled .fs-dropdown-item, .no-touch .fs-dropdown-disabled .fs-dropdown-item:hover { color: #cccccc; background-color: #ffffff; } .fs-dropdown-disabled .fs-dropdown-item_selected, .no-touch .fs-dropdown-disabled .fs-dropdown-item_selected:hover { background: #fafafa; } .fs-dropdown-options.fs-scrollbar { overflow: hidden; } .fs-dropdown-options.fs-scrollbar .fs-scrollbar-content { max-height: 260px; height: auto; } .fs-dropdown-options.fs-scrollbar.fs-scrollbar-active .fs-scrollbar-content { padding: 0; } .fs-dropdown-options.fs-scrollbar .fs-scrollbar-bar, .fs-dropdown-options.fs-scrollbar .fs-scrollbar-track { border-radius: 0 3px 3px 0; } /* End */ /* Start:/bitrix/components/bnb/common.line/templates/masters/style.css?16177114703266*/ .masters-block .tabset { background-color:#fff; } .tab{ display: none; } .tab.active{ display: block; } .tab-block .subtitle{ text-align: center; font-size: 18px; line-height: 22px; margin: 0 0 25px; } .areas-box{ margin: 0 0 30px; } .areas-box .tab-control{ list-style: none; margin: 0!important; padding: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } .areas-box .tab-control li{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin-bottom: 0!important; } .areas-box .tab-control a{ display: block; padding: 10px; border: 1px solid transparent; width: 100%; height: 100%; text-align: center; font-weight: 700; color: #333; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .areas-box .tab-control a:hover{ color: #09a223; } .areas-box .tab-control .active a{ border: 1px solid rgba(0,0,0,.3); border-bottom: 1px solid #fff; color: #09a223; } .tab-body{ border: 1px solid rgba(0,0,0,.3); padding: 15px 10px; margin: -1px 0 0; } .list-tab{ list-style: none; margin: 0 -10px; padding: 0 0 0 20px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } .list-tab li{ width: 25%; /*padding: 0 10px;*/ margin: 0 0 10px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .list-tab li a{ color: #333; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .list-tab li a:hover{ color: #09a223; } @media screen and (max-width: 1199px) { .areas-box .tab-control a{ padding: 10px 5px; } .list-tab li{ width: 33.3%; } } @media screen and (max-width: 690px){ .areas-box .tab-control{ justify-content: flex-start; margin: 0 0 10px; } .areas-box .tab-control a{ border: 2px solid transparent; padding: 10px; } .areas-box .tab-control .active a{ border: 2px solid transparent; border-bottom: 2px solid #09a223; } } @media screen and (max-width: 590px){ .list-tab li{ width: 50%; } } @media screen and (max-width: 420px){ .areas-box .tab-control a{ font-size: 14px; padding: 5px 2px; } } /* End */ /* Start:/bitrix/templates/gvozdevsoft_gsremont_color_11/components/bitrix/menu/top/style.css?1617711454581*/ /* Left menu*/ ul.left-menu { list-style:none; margin:0; padding:0; margin-bottom:8px; position: relative; /*IE bug*/ } ul.left-menu li { padding: 10px 16px; background:#F5F5F5 url(/bitrix/templates/gvozdevsoft_gsremont_color_11/components/bitrix/menu/top/images/left_menu_bg.gif) top repeat-x; } ul.left-menu li a { font-size:100%; color:#BC262C; font-weight:bold; text-decoration:none; } ul.left-menu li a:visited { color:#BC262C; } ul.left-menu li a:hover { color:#BC262C; } ul.left-menu li a.selected:link, ul.left-menu li a.selected:visited, ul.left-menu li a.selected:active, ul.left-menu li a.selected:hover { color:#FC8D3D; } /* End */ /* /bitrix/templates/gvozdevsoft_gsremont_color_11/css/font-awesome/css/font-awesome.min.css?161771145431019 */ /* /bitrix/templates/gvozdevsoft_gsremont_color_11/css/reset.css?16177114541139 */ /* /bitrix/templates/gvozdevsoft_gsremont_color_11/lib/slider-slick/slick.css?16177114541729 */ /* /bitrix/templates/gvozdevsoft_gsremont_color_11/lib/slider-slick/slick-theme.css?16177114543168 */ /* /bitrix/templates/gvozdevsoft_gsremont_color_11/lib/owl-carousel-2/css/owl.carousel.min.css?16177114542931 */ /* /bitrix/templates/gvozdevsoft_gsremont_color_11/lib/owl-carousel-2/css/owl.theme.default.css?16177114542820 */ /* /bitrix/templates/gvozdevsoft_gsremont_color_11/lib/accordion/accordion.css?16177114541496 */ /* /bitrix/templates/gvozdevsoft_gsremont_color_11/lib/tabs/tabs.css?1617711454712 */ /* /bitrix/templates/gvozdevsoft_gsremont_color_11/lib/flmenu/flmenu.css?16177114544477 */ /* /bitrix/templates/gvozdevsoft_gsremont_color_11/lib/arrup/arrup.css?1617711454562 */ /* /bitrix/templates/gvozdevsoft_gsremont_color_11/lib/hdfix/hdfix.css?16177114542140 */ /* /bitrix/templates/gvozdevsoft_gsremont_color_11/lib/img-zoom/img-zoom.css?1617711454682 */ /* /lib/feedback/feedback.css?161771157110390 */ /* /lib/calc/css/calc.css?16177115714677 */ /* /bitrix/templates/gvozdevsoft_gsremont_color_11/lib/magnific-popup/magnific-popup.css?16177114546951 */ /* /bitrix/templates/gvozdevsoft_gsremont_color_11/css/style.css?164059213044693 */ /* /bitrix/templates/gvozdevsoft_gsremont_color_11/css/content.css?161955346355430 */ /* /bitrix/templates/gvozdevsoft_gsremont_color_11/css/catalog.css?161771145412131 */ /* /bitrix/templates/gvozdevsoft_gsremont_color_11/css/sidebar.css?16177114543748 */ /* /bitrix/templates/gvozdevsoft_gsremont_color_11/css/adaptiv.css?16177114548880 */ /* /bitrix/templates/gvozdevsoft_gsremont_color_11/css/color.css?16177114541942 */ /* /kalkulyator/style.css?16177115715852 */ /* /bitrix/templates/gvozdevsoft_gsremont_color_11/components/bitrix/menu/hdtopmenu/style.css?16177114541485 */ /* /bitrix/components/sandwich/elements.list/templates/mainpage_slider/style.css?16177114667881 */ /* /bitrix/components/sandwich/elements.list/templates/mainpage_slider/css/dropdown.css?16177114667248 */ /* /bitrix/components/bnb/common.line/templates/masters/style.css?16177114703266 */ /* /bitrix/templates/gvozdevsoft_gsremont_color_11/components/bitrix/menu/top/style.css?1617711454581 */