/* Start:/bitrix/templates/pvgroup_60146_/colors.css?17632908621755*/ body.bx-background-gradient{ background: rgb(246,247,251); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjdmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(246,247,251,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,247,251,1)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(246,247,251,1) 0%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(246,247,251,1) 0%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(246,247,251,1) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(246,247,251,1) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f7fb', endColorstr='#ffffff',GradientType=0 ); background-attachment: fixed; } .bx-logo-text small { color: #0083D1; } /*ABOUT*/ a.bxd-block:hover { border-color: #0083d1; } .bxd-icon { border: 1px solid #0083d1; } a.bxd-block:hover .bxd-icon { background: #0083d1; } .bxd-icon .fa { color: #0083d1; } a.bxd-block:hover .bxd-icon .fa { color: #fff; } /* End */ /* Start:/bitrix/templates/pvgroup_60146_/fonts/icon/font/flaticon.css?17632908636875*/ /* Flaticon icon font: Flaticon Creation date: 22/06/2016 15:02 */ @font-face { font-family: "Flaticon"; src: url("/bitrix/templates/pvgroup_60146_/fonts/icon/font/./Flaticon.eot"); src: url("/bitrix/templates/pvgroup_60146_/fonts/icon/font/./Flaticon.eot?#iefix") format("embedded-opentype"), url("/bitrix/templates/pvgroup_60146_/fonts/icon/font/./Flaticon.woff") format("woff"), url("/bitrix/templates/pvgroup_60146_/fonts/icon/font/./Flaticon.ttf") format("truetype"), url("/bitrix/templates/pvgroup_60146_/fonts/icon/font/./Flaticon.svg#Flaticon") format("svg"); font-weight: normal; font-style: normal; } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: "Flaticon"; src: url("/bitrix/templates/pvgroup_60146_/fonts/icon/font/./Flaticon.svg#Flaticon") format("svg"); } } [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { font-family: Flaticon; font-size: 20px; font-style: normal; /*margin-left: 20px;*/ } .flaticon-amplified-speaker:before { content: "\f100"; } .flaticon-battery:before { content: "\f101"; } .flaticon-battery-charging-status:before { content: "\f102"; } .flaticon-brightness:before { content: "\f103"; } .flaticon-calendar:before { content: "\f104"; } .flaticon-camera:before { content: "\f105"; } .flaticon-cassette:before { content: "\f106"; } .flaticon-cd:before { content: "\f107"; } .flaticon-chains:before { content: "\f108"; } .flaticon-check:before { content: "\f109"; } .flaticon-cinema-reel-video-camera:before { content: "\f10a"; } .flaticon-circles:before { content: "\f10b"; } .flaticon-circular-arrow:before { content: "\f10c"; } .flaticon-circular-design:before { content: "\f10d"; } .flaticon-circular-design-with-crown:before { content: "\f10e"; } .flaticon-clock:before { content: "\f10f"; } .flaticon-cloud:before { content: "\f110"; } .flaticon-cloud-with-thunderbolt:before { content: "\f111"; } .flaticon-cloudy:before { content: "\f112"; } .flaticon-coffee-cup:before { content: "\f113"; } .flaticon-cogwheel:before { content: "\f114"; } .flaticon-compact-disc:before { content: "\f115"; } .flaticon-compass:before { content: "\f116"; } .flaticon-crop-tool:before { content: "\f117"; } .flaticon-cross:before { content: "\f118"; } .flaticon-crown:before { content: "\f119"; } .flaticon-curve-arrows:before { content: "\f11a"; } .flaticon-design:before { content: "\f11b"; } .flaticon-diamond:before { content: "\f11c"; } .flaticon-document:before { content: "\f11d"; } .flaticon-dollar-symbol:before { content: "\f11e"; } .flaticon-door-hanger:before { content: "\f11f"; } .flaticon-double-arrow:before { content: "\f120"; } .flaticon-double-arrow-1:before { content: "\f121"; } .flaticon-double-arrows:before { content: "\f122"; } .flaticon-downloading:before { content: "\f123"; } .flaticon-eject-button:before { content: "\f124"; } .flaticon-envelope:before { content: "\f125"; } .flaticon-eye:before { content: "\f126"; } .flaticon-fast-forward-button:before { content: "\f127"; } .flaticon-fast-forward-button-1:before { content: "\f128"; } .flaticon-file:before { content: "\f129"; } .flaticon-film-camera:before { content: "\f12a"; } .flaticon-fire:before { content: "\f12b"; } .flaticon-flag:before { content: "\f12c"; } .flaticon-folder:before { content: "\f12d"; } .flaticon-four-squares:before { content: "\f12e"; } .flaticon-full-battery:before { content: "\f12f"; } .flaticon-half-battery:before { content: "\f130"; } .flaticon-headphones:before { content: "\f131"; } .flaticon-heart:before { content: "\f132"; } .flaticon-home:before { content: "\f133"; } .flaticon-leaf:before { content: "\f134"; } .flaticon-left-arrow:before { content: "\f135"; } .flaticon-left-arrow-1:before { content: "\f136"; } .flaticon-light-bulb:before { content: "\f137"; } .flaticon-line-chart:before { content: "\f138"; } .flaticon-low-battery:before { content: "\f139"; } .flaticon-magnification-lens:before { content: "\f13a"; } .flaticon-map:before { content: "\f13b"; } .flaticon-mathematical-operations:before { content: "\f13c"; } .flaticon-microphone:before { content: "\f13d"; } .flaticon-molecular-structure:before { content: "\f13e"; } .flaticon-multiple-line:before { content: "\f13f"; } .flaticon-music-controller:before { content: "\f140"; } .flaticon-mute-button:before { content: "\f141"; } .flaticon-newspaper-page:before { content: "\f142"; } .flaticon-no-protection:before { content: "\f143"; } .flaticon-padlock:before { content: "\f144"; } .flaticon-padlock-1:before { content: "\f145"; } .flaticon-paint-brush:before { content: "\f146"; } .flaticon-paper-bag:before { content: "\f147"; } .flaticon-paper-plane:before { content: "\f148"; } .flaticon-paper-tray:before { content: "\f149"; } .flaticon-paperclip:before { content: "\f14a"; } .flaticon-pencil:before { content: "\f14b"; } .flaticon-phone-auricular:before { content: "\f14c"; } .flaticon-picture:before { content: "\f14d"; } .flaticon-placeholder:before { content: "\f14e"; } .flaticon-play-button:before { content: "\f14f"; } .flaticon-quaver:before { content: "\f150"; } .flaticon-rain:before { content: "\f151"; } .flaticon-religion-stained-glass:before { content: "\f152"; } .flaticon-rewind-button:before { content: "\f153"; } .flaticon-rewind-button-1:before { content: "\f154"; } .flaticon-right-arrow:before { content: "\f155"; } .flaticon-right-arrow-1:before { content: "\f156"; } .flaticon-round-socket:before { content: "\f157"; } .flaticon-scissors:before { content: "\f158"; } .flaticon-screen:before { content: "\f159"; } .flaticon-screen-1:before { content: "\f15a"; } .flaticon-select:before { content: "\f15b"; } .flaticon-shield:before { content: "\f15c"; } .flaticon-shopping-cart:before { content: "\f15d"; } .flaticon-shuffle:before { content: "\f15e"; } .flaticon-signal:before { content: "\f15f"; } .flaticon-smartphone:before { content: "\f160"; } .flaticon-snowflake:before { content: "\f161"; } .flaticon-spand-arrows:before { content: "\f162"; } .flaticon-speaker:before { content: "\f163"; } .flaticon-speech-balloon:before { content: "\f164"; } .flaticon-speech-balloon-1:before { content: "\f165"; } .flaticon-speech-balloons:before { content: "\f166"; } .flaticon-square:before { content: "\f167"; } .flaticon-square-1:before { content: "\f168"; } .flaticon-squares:before { content: "\f169"; } .flaticon-stamp:before { content: "\f16a"; } .flaticon-star:before { content: "\f16b"; } .flaticon-stop-button:before { content: "\f16c"; } .flaticon-symbol:before { content: "\f16d"; } .flaticon-t-shirt:before { content: "\f16e"; } .flaticon-tag:before { content: "\f16f"; } .flaticon-target:before { content: "\f170"; } .flaticon-telephone-receiver:before { content: "\f171"; } .flaticon-thunderbolt:before { content: "\f172"; } .flaticon-trash:before { content: "\f173"; } .flaticon-trophy:before { content: "\f174"; } .flaticon-umbrella:before { content: "\f175"; } .flaticon-user:before { content: "\f176"; } .flaticon-user-1:before { content: "\f177"; } .flaticon-wallet:before { content: "\f178"; } .flaticon-world:before { content: "\f179"; } /* End */ /* Start:/bitrix/templates/pvgroup_60146_/fonts/font-awesome/css/font-awesome.css?176329086237478*/ /*! * 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 PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('/bitrix/templates/pvgroup_60146_/fonts/font-awesome/css/../fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('/bitrix/templates/pvgroup_60146_/fonts/font-awesome/css/../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/bitrix/templates/pvgroup_60146_/fonts/font-awesome/css/../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/bitrix/templates/pvgroup_60146_/fonts/font-awesome/css/../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/bitrix/templates/pvgroup_60146_/fonts/font-awesome/css/../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/bitrix/templates/pvgroup_60146_/fonts/font-awesome/css/../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { font-family: 'FontAwesome'; 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; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.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: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; 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; } /* Deprecated as of 4.4.0 */ .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: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { font-family: 'FontAwesome'; 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/pvgroup_60146_/css/owl.carousel.min.css?17632908643351*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .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;touch-action:manipulation;-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;width:100%}.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;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.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{-ms-touch-action:pan-y;touch-action:pan-y;-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 .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.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/pvgroup_60146_/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/pvgroup_60146_/css/owl.carousel.min.css?17632908643351*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .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;touch-action:manipulation;-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;width:100%}.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;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.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{-ms-touch-action:pan-y;touch-action:pan-y;-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 .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.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/pvgroup_60146_/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/pvgroup_60146_/css/main.css?17632908646075*/ /*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */ /* * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */ /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ html, button, input, select, textarea { color: #222; } html { font-size: 1em; line-height: 1.4; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection rule sets have to be separate. * Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* * Remove the gap between images, videos, audio and canvas and the bottom of * their containers: h5bp.com/i/440 */ audio, canvas, img, video { vertical-align: middle; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } /* ========================================================================== Browse Happy prompt ========================================================================== */ .browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ========================================================================== Author's custom styles ========================================================================== */ /* ========================================================================== Helper classes ========================================================================== */ /* * Image replacement */ .ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } /* * Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* * Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* * Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /* * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .clearfix { *zoom: 1; } /* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */ @media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ } @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ } /* ========================================================================== Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links for images, or javascript/internal links */ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* End */ /* Start:/bitrix/templates/pvgroup_60146_/components/bitrix/menu/burger-menu/style.css?17890177771752*/ .left-menu-trigger svg {fill:var(--white-color); cursor:pointer} .left-menu-trigger:hover svg {fill:var(--primary-color)} .left-catalog-menu {position:fixed; top:0; bottom:0; left:-400px; width:280px; padding:30px 20px 20px; z-index:100; background:var(--white-color); transition:.3s all linear; overflow:auto} .left-catalog-menu.left-catalog-menu--open {left:0} .left-menu-close {position:absolute; top:20px; right:20px; cursor:pointer} .left-menu-close:hover svg {fill:var(--primary-color)} .left-catalog-menu__list {padding:0; margin:0; list-style:none; flex-grow: 1;} .left-catalog-menu__item {display:inline-block; width:100%; margin-bottom:10px} .left-catalog-menu__link {color:var(--black-color); font-weight:500} .left-catalog-menu__link:hover {color:var(--primary-color)} .left-menu-overlay {display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:#0000008c; z-index:99} .left-menu-overlay.active {display:block} .left-catalog-menu__contacts {margin-top: 40px;} .left-catalog-menu__wrapper {display: flex;flex-direction: column;height: 100%;} .contact-block a {color: var(--black-color);} .contact-block a:hover {color: var(--primary-color);} .left-catalog-menu__link svg { margin-top: -2px; } .left-catalog-menu__link:hover svg { fill:var(--primary-color) } /* п.1 правок от 10.09: после того как из меню убрали заголовок «Каталог», первый пункт списка поднялся под кнопку закрытия и «крестик» налезал на текст. Освобождаем строку под ним. */ .left-catalog-menu {padding-top: 62px;} .left-menu-close {top: 18px; right: 18px; padding: 4px; line-height: 0; z-index: 2} /* End */ /* Start:/bitrix/templates/pvgroup_60146_/components/custom/search.title/newdesign/style.css?17870188832705*/ .title-search-result {border:1px solid #ced4da; display:none; overflow:hidden; z-index:205; background-color:#fff; padding:10px; position:absolute; top:100%; left:0; right:0} .search-title-result-item {border-bottom:1px solid #ddd} .search-title .search-title-result-item:last-child {border-bottom:none} .search-title-result-item-link {font-size:16px; transition:170ms linear all} .search-title-result-item-price {font-size:16px} .search-title-result-item-current-price {font-weight:bold} .search-title-result-item-old-price {font-size:80%; text-decoration:line-through} div#title-search .input-group {display:flex; flex-wrap:nowrap} .input-group .form-control,.form-group .form-control {height:47px} div#title-search [type=submit] {background-color:var(--primary-color); border-color:var(--primary-color)} div#title-search [type=submit]:hover {background-color:var(--secondary-color); border-color:var(--secondary-color)} .search-title-result-item-link {text-transform:none; color:var(--black-color)} .search-title-result-item-link:hover {text-decoration:none; color:var(--primary-color)} .bx-searchtitle {position:relative} .search-title-dropdown {position:relative; display:inline-flex; align-items:center; z-index:210} .search-title-icon-btn {display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border:none; background:transparent; cursor:pointer; border-radius:50%; transition:background-color 0.2s ease,transform 0.2s ease; color:var(--white-color); padding:0} .search-title-icon-btn:hover {color:var(--secondary-color)} .search-title-icon-btn--active,.search-title-icon-btn:focus {color:var(--secondary-color); outline:none} .search-title-icon-btn__svg {pointer-events:none; transition:transform 0.3s ease} .search-title-icon-btn--active .search-title-icon-btn__svg {transform:scale(1.1)} .search-title-dropdown__input-wrap {display:flex; align-items:center; background:#f8f9fa} .search-title-dropdown__input {flex:1; border:none; background:transparent; padding:10px 12px; font-size:15px; color:#333; outline:none; min-width:0; height:40px; s} .search-title-dropdown__input::placeholder {color:#aaa} .search-title-dropdown__submit {display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border:none; background:var(--primary-color); color:#fff; cursor:pointer; transition:background-color 0.2s ease,transform 0.15s ease; flex-shrink:0; padding:0} .search-title-dropdown__submit:hover {background:var(--secondary-color); transform:scale(1.05)} .search-title-dropdown__submit svg {pointer-events:none} .search-title-dropdown__form {margin-bottom:0} @media(max-width:575px) {.search-title-dropdown__panel::before {right:55%} } /* End */ /* Start:/bitrix/templates/pvgroup_60146_/components/pvcart/cart/newdesign/style.css?178753151910061*/ .bc-cart-w * {-webkit-box-sizing:border-box; box-sizing:border-box} .bc-cart-w .bc-cart-w-content, .newheader .bc-cart-w .bc-cart-w-content, .bc-cart-w.bc-cart-w-visible .bc-cart-w-content, .bc-cart-w-btn-show-cart-count__close { display: none !important; visibility: hidden !important; pointer-events: none !important; width: 0 !important; height: 0 !important; overflow: hidden !important; } .newheader .bc-cart-w .bc-cart-w-content {position:fixed; top:100px; z-index:99; right:0; -ms-transform:translateX(100%); -webkit-transform:translateX(100%); transform:translateX(100%); -webkit-transition:all .4s; -o-transition:all .4s; transition:all .4s} .bc-cart-w--left {right:auto; left:0; -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); transform:translateX(-100%)} .newheader .bc-cart-w--left .bc-cart-w-btn-show-cart {left:auto; right:-58px; border-radius:0 2px 2px 0; -webkit-border-radius:0 2px 2px 0; border-radius:0 2px 2px 0} .newheader .bc-cart-w-btn-show-cart-count-w {position:relative} .newheader .bc-cart-w-btn-show-cart {position:relative; left:unset; top:unset; width:unset; height:auto; background:transparent; -webkit-border-radius:0; border-radius:0; cursor:pointer; border-right:none; z-index:unset} .newheader .bc-cart-w-btn-show-cart-count {position:absolute; left:17px; top:-6px; width:24px; height:24px; line-height:20px; white-space:nowrap; font-size:12px; color:#FFF; -webkit-border-radius:100%; border-radius:100%; text-align:center; background-color:var(--secondary-color); line-height:24px} .newheader .bc-cart-w-btn-show-cart:hover svg {fill:var(--primary-color)} .newheader .bc-cart-w-btn-show-cart-count__close {position:absolute; left:-40px; background:var(--white-color); width:44px; height:44px; text-align:center; padding-top:9px; cursor:pointer; display:none; z-index:99} .newheader .bc-cart-w-btn-show-cart svg {width:35px; height:35px; fill:var(--white-color); margin-bottom:5px} .newheader .bc-cart-w-btn-show-cart-count__close:hover {fill:var(--primary-color)} .newheader .bc-cart-w-visible .bc-cart-w-btn-show-cart-count__close {display:block} .bc-cart-w-content {background-color:#fff; min-width:700px; position:relative} .bc-cart-w.bc-cart-w-visible .bc-cart-w-content {-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.25); box-shadow:0 0 20px 0 rgba(0,0,0,0.25); right:700px} .bc-cart-w-title {font-size:20px; color:#000; font-weight:700; line-height:1} .bc-cart-w-delete-all:link,.bc-cart-w-delete-all:visited,.bc-cart-w-delete-all {display:inline-block; padding:5px 20px 6px 10px; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; color:#000; position:absolute; right:30px; top:22px; font-size:12px; text-decoration:none; line-height:21px} .bc-cart-w-delete-all:before {content:''; display:inline-block; position:absolute; background-image:url(/bitrix/templates/pvgroup_60146_/components/pvcart/cart/newdesign/images/i_cart-item-delete.png); cursor:pointer; width:7px; height:7px; top:13px; right:6px} .bc-cart-w-delete-all:hover {background-color:var(--primary-color); color:#fff} .bc-cart-w-delete-all:hover:before {background-image:url(/bitrix/templates/pvgroup_60146_/components/pvcart/cart/newdesign/images/i_cart-item-delete_a.png)} .bc-cart-w-content-inner {clear:both} .bc-cart-w-title-w {overflow:hidden; padding:27px 30px 29px} .bc-cart-w-content-item,.bc-cart-w-content-item-header-w {display:table; width:100%; padding:15px 20px 15px} .bc-cart-w-content-item-header,.bc-cart-w-content-item-body {display:table-cell} .bc-cart-w-content-item-body-1,.bc-cart-w-content-item-header-1 {width:60%; border-right:1px solid #e2e2e2; width:385px} .bc-cart-w-content-item-body-2,.bc-cart-w-content-item-header-2 {width:20%; border-right:1px solid #e2e2e2; width:128px} .bc-cart-w-content-item-body-3,.bc-cart-w-content-item-header-3 {} .bc-cart-w-content-item-header-w {background-color:rgb(242,242,242); text-align:center; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2} .bc-cart-w-content-tbl-total {background-color:rgb(242,242,242); padding:15px 60px 15px 20px; text-align:right; font-size:22px; font-weight:700; color:#000; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2} .bc-cart-w-content-tbl-discount {font-weight:300; font-size:14px; margin-bottom:5px} .bc-cart-w-content-item:not(:last-child) {border-bottom:1px solid #eee} .bc-cart-w-content-item-body-2 {font-size:16px; color:#000; font-weight:700; text-align:center; position:relative} .bc-cart-w-content-price-w {position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:100%} .bc-cart-w-content--old-price {font-size:15px; color:#8c8c8c; font-weight:400; position:relative; display:inline-block} .bc-cart-w-content--old-price:before {content:''; display:block; position:absolute; border-top:1px solid #000; top:50%; left:-2px; right:-2px} .bc-cart-w-content-counter-qty {cursor:pointer; width:27px; height:27px; display:block; float:left; text-align:center; border:1px solid #a9a9a9; position:relative; font-size:0; background-repeat:no-repeat; background-position:50% 50%} .bc-cart-w-content-counter-qty:hover {background-color:#f2f2f2} .bc-cart-w-content-counter {display:inline-block; position:absolute; width:90px; top:50%; margin-top:-14px; left:50%; margin-left:-45px} .bc-cart-w-content-counter-qty.minus {left:1px; background-image:url(/bitrix/templates/pvgroup_60146_/components/pvcart/cart/newdesign/images/i_minus.png)} .bc-cart-w-content-counter-qty.plus {right:1px; background-image:url(/bitrix/templates/pvgroup_60146_/components/pvcart/cart/newdesign/images/i_plus.png)} .bc-cart-w-content-counter .counter-field {cursor:pointer; width:27px; height:27px; display:block; float:left; border:1px solid #a9a9a9; position:relative; background-repeat:no-repeat; background-position:50% 50%; text-align:center; padding:0; color:#000} .bc-cart-w-content-counter .counter-field:hover,.bc-cart-w-content-counter .counter-field:focus,.bc-cart-w-content-counter .counter-field:active {outline:none} .bc-cart-w-content-name a:visited,.bc-cart-w-content-name a:link,.bc-cart-w-content-name a {font-weight:700; font-size:14px; color:#000; text-decoration:none} .bc-cart-w-content-checkout:visited,.bc-cart-w-content-checkout:link,.bc-cart-w-content-checkout {display:inline-block; text-decoration:none; color:#fff; font-size:12px; font-weight:300; text-transform:uppercase; padding:6px 16px; -moz-border-radius:3px; -o-border-radius:3px; transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; background-color:var(--primary-color); float:right} .bc-cart-w-content-checkout:hover,.bc-cart-w-content-checkout:active,.bc-cart-w-content-checkout:focus {background:#444; color:#fff} .bc-cart-continue-shopping-link:visited,.bc-cart-continue-shopping-link:link,.bc-cart-continue-shopping-link {color:#000; display:inline-block; text-decoration:none; font-size:12px; font-weight:300; text-transform:uppercase; padding:6px 16px; -moz-border-radius:3px; -o-border-radius:3px; transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out} .bc-cart-continue-shopping-link:hover,.bc-cart-continue-shopping-link:active,.bc-cart-continue-shopping-link:focus {color:#fff; background-color:#000} .bc-cart-w-content-attr {font-size:11px} .bc-cart-w-content-attr-value {color:#000} .bc-cart-w-content-item-image {float:left; margin-right:15px; width:80px; text-align:center} .bc-cart-w-content-item-image img {max-width:100%} .bc-cart-w-content-tbl-checkout {overflow:hidden; padding:15px 30px 15px} .bc-cart-w-content-td-remove-link {right:-2px; content:''; display:inline-block; position:absolute; cursor:pointer; width:14px; height:14px; top:50%; font-size:0; margin-top:-5px; padding:2px; -webkit-border-radius:50%; border-radius:50%; -webkit-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s} .bc-cart-w-content-td-remove-link:hover {fill:#ffffff; background-color:var(--primary-color)} .bc-cart-w-content-item-body.bc-cart-w-content-item-body-3 {text-align:center; position:relative} .bc-cart-w-content-tbl-w {max-height:300px; overflow-y:auto} .bc-cart-w-content-title-empty {padding:0 30px 20px; font-size:12px; color:#000; font-weight:700} .bc-cart-w-content-item-detail {min-height:50px} .bc-cart-fly-item {background-color:var(--primary-color); width:30px; height:30px; -webkit-border-radius:50%; border-radius:50%; color:#fff; text-align:center; line-height:30px; font-size:16px; background:url(/bitrix/templates/pvgroup_60146_/components/pvcart/cart/newdesign/images/cart.png) no-repeat; -webkit-background-size:100% 100%; background-size:100%} .product-buy-block [name="product_count"] {cursor:pointer; width:27px; height:27px; display:block; float:left; border:1px solid #a9a9a9; position:relative; background-repeat:no-repeat; background-position:50% 50%; text-align:center; padding:0; color:#000; margin-right:-1px} .product-count-spinner__item {cursor:pointer; width:25px; height:27px; display:block; float:left; text-align:center; border:1px solid #a9a9a9; position:relative; font-size:0; background-repeat:no-repeat; background-position:50% 50%} .product-count-spinner__item--down {margin-right:-1px; background-image:url(/bitrix/templates/pvgroup_60146_/components/pvcart/cart/newdesign/images/i_minus.png)} .product-count-spinner__item--up {background-image:url(/bitrix/templates/pvgroup_60146_/components/pvcart/cart/newdesign/images/i_plus.png)} .product-count-spinner {margin-right:5px; float:left} .product-buy-link_in-cart {cursor:not-allowed; opacity:0.7} .additional-params-item {border:1px solid rgb(158,158,158); border-radius:4px; display:inline-block; padding:2px 5px; line-height:11px; background-color:rgb(158,158,158); color:rgb(255,255,255); margin:0 1px} @media(max-width:767px) {.newheader .bc-cart-w-content {min-width:calc(100% - 60px) !important; max-width:100%; width:auto !important} .newheader .bc-cart-w.bc-cart-w-visible .bc-cart-w-content {-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.25); box-shadow:0 0 20px 0 rgba(0,0,0,0.25); right:calc(100% - 60px)} .newheader .bc-cart-w .bc-cart-w-content {top:0} } @media(max-width:575px) {.newheader .bc-cart-w-btn-show-cart svg {width:25px; height:25px; margin-bottom:0} .newheader .bc-cart-w-btn-show-cart-count {left:11px; top:-7px; width:20px; height:20px; line-height:20px} } /* End */ /* Start:/bitrix/templates/pvgroup_60146_/components/pvcart/cart/newdesign/css/media.css?17868506704027*/ @media all and (max-width: 767px) { .bc-cart-w-content-item-header-w { display: none; } .bc-cart-w-content-item:first-child { border-top: 1px solid #eee; padding: 30px 0 30px; } .bc-cart-w-content-tbl-w, .bc-cart-w-content-tbl-total, .bc-cart-w-title-w, .bee-form { border-left: none; border-right: none; position: relative; } .bc-cart-w-content-item-image { float: none; margin-bottom: 10px; display: inline-block; margin-right: 0; } .bc-cart-w-content-item-body-1 { text-align: center; width: 40%; } .bc-cart-w-content { min-width: 0; width: 320px; } .bc-cart-w-content-item-body-1 { text-align: center; width: 100%; } .bc-cart-w-content-item { display: block; position: relative; } .bc-cart-w-content-item-body-1, .bc-cart-w-content-item-body-2, .bc-cart-w-content-item-body-3 { display: block; width: 100%; border-left: none; border-right: none; } .bc-cart-w-content-price-w { position: relative; font-size: 150%; -webkit-transform: none; -ms-transform: none; transform: none; border-left: none; border-right: none; } .bc-cart-w-content-item-body-2 { border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; margin: 15px 0; padding: 15px 0; max-width: 220px; margin: 15px auto; } .bc-cart-w-content-td-remove-link { right: 20px; position: absolute; top: 25px; margin-top: -5px; -webkit-background-size: contain; background-size: contain; } .bc-cart-w-content-item-body-3 { text-align: center; position: static; } .bc-cart-w-content-counter { position: relative; left: auto; right: auto; margin: 0; } .bc-cart-w-content-checkout:visited, .bc-cart-w-content-checkout:link, .bc-cart-w-content-checkout { padding: 2px 16px 0; width: 100%; text-align: center; font-size: 15px; line-height: 3em; } .bc-cart-w-delete-all:link, .bc-cart-w-delete-all:visited, .bc-cart-w-delete-all { top: 0; right: 0; padding: 5px 10px 4px 10px; background-color: #ee3733; color: #fff; } .bc-cart-w-delete-all:before { content: none; } .bc-cart-continue-shopping-link:visited, .bc-cart-continue-shopping-link:link, .bc-cart-continue-shopping-link { width: 100%; text-align: center; margin-bottom: 13px; } .bc-cart-w-content-item-body.bc-cart-w-content-item-body-3 { position: static; } .bc-cart-w-content-tbl-total { padding: 15px 15px 15px 15px; } } @media all and (max-width: 380px) { .bc-cart-w-delete-all:link, .bc-cart-w-delete-all:visited, .bc-cart-w-delete-all { left: 0; right: auto; } .bc-cart-w-visible .bc-cart-w-btn-show-cart { left: auto; right: 0; top: 0; background-color: #ee3733; width: auto; height: auto; -webkit-border-radius: 0; border-radius: 0; } .bc-cart-w-visible .bc-cart-w-btn-show-cart-count { display: none; } .bc-cart-w-visible .bc-cart-w-btn-show-cart:before { content: 'Закрыть'; height: auto; width: auto; background: none; font-size: 12px; line-height: 21px; color: #fff; padding: 5px 15px 4px; display: inline-block; } .bc-cart-w-title-w { padding: 46px 15px 25px; } .bc-cart-w.bc-cart-w-visible { top: 0; } .bc-cart-w-visible .bc-cart-w-btn-show-cart-count__close, .bc-cart-w-visible .bc-cart-w-btn-show-cart-count__ico { display: none; } } /* End */ /* Start:/bitrix/templates/pvgroup_60146_/components/bitrix/breadcrumb/.default/style.css?1789804842821*/ .bx-breadcrumb-item {display:inline; color:var(--dark-gray-color); font-size:14px} .bx-breadcrumb-item .fa {margin:0 10px} .bx-breadcrumb-item a {color:var(--dark-gray-color)} .bx-breadcrumb-item a:hover {color:var(--dark-gray-color); text-decoration:underline} .bx-breadcrumb {padding:20px 0}/* п.11 правок от 18.09: кнопка «Назад» перед «Главной» — с отступом и разделителем, чтобы не сливалась со следующей ссылкой. */ .bx-breadcrumb-back {margin-right:16px; padding-right:16px; border-right:1px solid #e2e8f0} .bx-breadcrumb-back .ds-bc-back {font-weight:600; color:var(--primary-color,#0089e5); text-decoration:none} .bx-breadcrumb-back .ds-bc-back:hover {text-decoration:underline; color:var(--primary-color,#0089e5)} /* End */ /* Start:/bitrix/components/abcwww/custom.form/lib/css/bootstrap.css?1776322771195704*/ @charset "UTF-8"; /*! * Bootstrap v5.0.2 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); } *, *::before, *::after { box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } body { margin: 0; font-family: var(--bs-font-sans-serif); font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } hr { margin: 1rem 0; color: inherit; background-color: currentColor; border: 0; opacity: 0.25; } hr:not([size]) { height: 1px; } h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { margin-top: 0; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } h1, .h1 { font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { h1, .h1 { font-size: 2.5rem; } } h2, .h2 { font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { h2, .h2 { font-size: 2rem; } } h3, .h3 { font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { h3, .h3 { font-size: 1.75rem; } } h4, .h4 { font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { h4, .h4 { font-size: 1.5rem; } } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-bs-original-title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { padding-left: 2rem; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small, .small { font-size: 0.875em; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #0d6efd; text-decoration: underline; } a:hover { color: #0a58ca; } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: var(--bs-font-monospace); font-size: 1em; direction: ltr /* rtl:ignore */; unicode-bidi: bidi-override; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875em; color: #d63384; word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 0.875em; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 1em; font-weight: 700; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: #6c757d; text-align: left; } th { text-align: inherit; text-align: -webkit-match-parent; } thead, tbody, tfoot, tr, td, th { border-color: inherit; border-style: solid; border-width: 0; } label { display: inline-block; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } select:disabled { opacity: 1; } [list]::-webkit-calendar-picker-indicator { display: none; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } ::-moz-focus-inner { padding: 0; border-style: none; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { float: left; width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: calc(1.275rem + 0.3vw); line-height: inherit; } @media (min-width: 1200px) { legend { font-size: 1.5rem; } } legend + * { clear: left; } ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { padding: 0; } ::-webkit-inner-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: textfield; } /* rtl:raw: [type="tel"], [type="url"], [type="email"], [type="number"] { direction: ltr; } */ ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::file-selector-button { font: inherit; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } iframe { border: 0; } summary { display: list-item; cursor: pointer; } progress { vertical-align: baseline; } [hidden] { display: none !important; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: calc(1.625rem + 4.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-1 { font-size: 5rem; } } .display-2 { font-size: calc(1.575rem + 3.9vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-2 { font-size: 4.5rem; } } .display-3 { font-size: calc(1.525rem + 3.3vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-3 { font-size: 4rem; } } .display-4 { font-size: calc(1.475rem + 2.7vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-4 { font-size: 3.5rem; } } .display-5 { font-size: calc(1.425rem + 2.1vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-5 { font-size: 3rem; } } .display-6 { font-size: calc(1.375rem + 1.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-6 { font-size: 2.5rem; } } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 0.875em; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote > :last-child { margin-bottom: 0; } .blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; font-size: 0.875em; color: #6c757d; } .blockquote-footer::before { content: "— "; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 0.875em; color: #6c757d; } .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { width: 100%; padding-right: var(--bs-gutter-x, 0.75rem); padding-left: var(--bs-gutter-x, 0.75rem); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-sm, .container { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; } } @media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1320px; } } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) * -.5); margin-left: calc(var(--bs-gutter-x) * -.5); } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y); } .col { flex: 1 0 0%; } .row-cols-auto > * { flex: 0 0 auto; width: auto; } .row-cols-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-6 > * { flex: 0 0 auto; width: 16.6666666667%; } @media (min-width: 576px) { .col-sm { flex: 1 0 0%; } .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.6666666667%; } } @media (min-width: 768px) { .col-md { flex: 1 0 0%; } .row-cols-md-auto > * { flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { flex: 0 0 auto; width: 16.6666666667%; } } @media (min-width: 992px) { .col-lg { flex: 1 0 0%; } .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.6666666667%; } } @media (min-width: 1200px) { .col-xl { flex: 1 0 0%; } .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.6666666667%; } } @media (min-width: 1400px) { .col-xxl { flex: 1 0 0%; } .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.6666666667%; } } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.33333333%; } .col-2 { flex: 0 0 auto; width: 16.66666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.33333333%; } .col-5 { flex: 0 0 auto; width: 41.66666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.33333333%; } .col-8 { flex: 0 0 auto; width: 66.66666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.33333333%; } .col-11 { flex: 0 0 auto; width: 91.66666667%; } .col-12 { flex: 0 0 auto; width: 100%; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } .g-0, .gx-0 { --bs-gutter-x: 0; } .g-0, .gy-0 { --bs-gutter-y: 0; } .g-1, .gx-1 { --bs-gutter-x: 0.25rem; } .g-1, .gy-1 { --bs-gutter-y: 0.25rem; } .g-2, .gx-2 { --bs-gutter-x: 0.5rem; } .g-2, .gy-2 { --bs-gutter-y: 0.5rem; } .g-3, .gx-3 { --bs-gutter-x: 1rem; } .g-3, .gy-3 { --bs-gutter-y: 1rem; } .g-4, .gx-4 { --bs-gutter-x: 1.5rem; } .g-4, .gy-4 { --bs-gutter-y: 1.5rem; } .g-5, .gx-5 { --bs-gutter-x: 3rem; } .g-5, .gy-5 { --bs-gutter-y: 3rem; } @media (min-width: 576px) { .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; } .col-sm-2 { flex: 0 0 auto; width: 16.66666667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.33333333%; } .col-sm-8 { flex: 0 0 auto; width: 66.66666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.33333333%; } .col-sm-11 { flex: 0 0 auto; width: 91.66666667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0; } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0; } .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem; } .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem; } .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem; } .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem; } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem; } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem; } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem; } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem; } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem; } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem; } } @media (min-width: 768px) { .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.33333333%; } .col-md-2 { flex: 0 0 auto; width: 16.66666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .col-md-5 { flex: 0 0 auto; width: 41.66666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.33333333%; } .col-md-8 { flex: 0 0 auto; width: 66.66666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.33333333%; } .col-md-11 { flex: 0 0 auto; width: 91.66666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } .g-md-0, .gx-md-0 { --bs-gutter-x: 0; } .g-md-0, .gy-md-0 { --bs-gutter-y: 0; } .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem; } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem; } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem; } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem; } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem; } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem; } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem; } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem; } } @media (min-width: 992px) { .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0; } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0; } .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem; } .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem; } .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem; } .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem; } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem; } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem; } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem; } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem; } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem; } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1200px) { .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0; } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0; } .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem; } .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem; } .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem; } .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem; } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem; } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem; } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem; } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem; } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem; } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1400px) { .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333333%; } .offset-xxl-2 { margin-left: 16.66666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333333%; } .offset-xxl-5 { margin-left: 41.66666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333333%; } .offset-xxl-8 { margin-left: 66.66666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333333%; } .offset-xxl-11 { margin-left: 91.66666667%; } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0; } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.25rem; } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem; } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem; } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem; } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem; } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem; } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem; } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem; } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem; } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 3rem; } } .table { --bs-table-bg: transparent; --bs-table-accent-bg: transparent; --bs-table-striped-color: #212529; --bs-table-striped-bg: rgba(0, 0, 0, 0.05); --bs-table-active-color: #212529; --bs-table-active-bg: rgba(0, 0, 0, 0.1); --bs-table-hover-color: #212529; --bs-table-hover-bg: rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 1rem; color: #212529; vertical-align: top; border-color: #dee2e6; } .table > :not(caption) > * > * { padding: 0.5rem 0.5rem; background-color: var(--bs-table-bg); border-bottom-width: 1px; box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); } .table > tbody { vertical-align: inherit; } .table > thead { vertical-align: bottom; } .table > :not(:last-child) > :last-child > * { border-bottom-color: currentColor; } .caption-top { caption-side: top; } .table-sm > :not(caption) > * > * { padding: 0.25rem 0.25rem; } .table-bordered > :not(caption) > * { border-width: 1px 0; } .table-bordered > :not(caption) > * > * { border-width: 0 1px; } .table-borderless > :not(caption) > * > * { border-bottom-width: 0; } .table-striped > tbody > tr:nth-of-type(odd) { --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color); } .table-active { --bs-table-accent-bg: var(--bs-table-active-bg); color: var(--bs-table-active-color); } .table-hover > tbody > tr:hover { --bs-table-accent-bg: var(--bs-table-hover-bg); color: var(--bs-table-hover-color); } .table-primary { --bs-table-bg: #cfe2ff; --bs-table-striped-bg: #c5d7f2; --bs-table-striped-color: #000; --bs-table-active-bg: #bacbe6; --bs-table-active-color: #000; --bs-table-hover-bg: #bfd1ec; --bs-table-hover-color: #000; color: #000; border-color: #bacbe6; } .table-secondary { --bs-table-bg: #e2e3e5; --bs-table-striped-bg: #d7d8da; --bs-table-striped-color: #000; --bs-table-active-bg: #cbccce; --bs-table-active-color: #000; --bs-table-hover-bg: #d1d2d4; --bs-table-hover-color: #000; color: #000; border-color: #cbccce; } .table-success { --bs-table-bg: #d1e7dd; --bs-table-striped-bg: #c7dbd2; --bs-table-striped-color: #000; --bs-table-active-bg: #bcd0c7; --bs-table-active-color: #000; --bs-table-hover-bg: #c1d6cc; --bs-table-hover-color: #000; color: #000; border-color: #bcd0c7; } .table-info { --bs-table-bg: #cff4fc; --bs-table-striped-bg: #c5e8ef; --bs-table-striped-color: #000; --bs-table-active-bg: #badce3; --bs-table-active-color: #000; --bs-table-hover-bg: #bfe2e9; --bs-table-hover-color: #000; color: #000; border-color: #badce3; } .table-warning { --bs-table-bg: #fff3cd; --bs-table-striped-bg: #f2e7c3; --bs-table-striped-color: #000; --bs-table-active-bg: #e6dbb9; --bs-table-active-color: #000; --bs-table-hover-bg: #ece1be; --bs-table-hover-color: #000; color: #000; border-color: #e6dbb9; } .table-danger { --bs-table-bg: #f8d7da; --bs-table-striped-bg: #eccccf; --bs-table-striped-color: #000; --bs-table-active-bg: #dfc2c4; --bs-table-active-color: #000; --bs-table-hover-bg: #e5c7ca; --bs-table-hover-color: #000; color: #000; border-color: #dfc2c4; } .table-light { --bs-table-bg: #f8f9fa; --bs-table-striped-bg: #ecedee; --bs-table-striped-color: #000; --bs-table-active-bg: #dfe0e1; --bs-table-active-color: #000; --bs-table-hover-bg: #e5e6e7; --bs-table-hover-color: #000; color: #000; border-color: #dfe0e1; } .table-dark { --bs-table-bg: #212529; --bs-table-striped-bg: #2c3034; --bs-table-striped-color: #fff; --bs-table-active-bg: #373b3e; --bs-table-active-color: #fff; --bs-table-hover-bg: #323539; --bs-table-hover-color: #fff; color: #fff; border-color: #373b3e; } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; } @media (max-width: 575.98px) { .table-responsive-sm { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 767.98px) { .table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 991.98px) { .table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1199.98px) { .table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1399.98px) { .table-responsive-xxl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } .form-label { margin-bottom: 0.5rem; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; } .form-text { margin-top: 0.25rem; font-size: 0.875em; color: #6c757d; } .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control[type=file] { overflow: hidden; } .form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer; } .form-control:focus { color: #212529; background-color: #fff; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-control::-webkit-date-and-time-value { height: 1.5em; } .form-control::-moz-placeholder { color: #6c757d; opacity: 1; } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } .form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; -webkit-margin-end: 0.75rem; margin-inline-end: 0.75rem; color: #212529; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control::file-selector-button { transition: none; } } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: #dde0e3; } .form-control::-webkit-file-upload-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; -webkit-margin-end: 0.75rem; margin-inline-end: 0.75rem; color: #212529; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control::-webkit-file-upload-button { -webkit-transition: none; transition: none; } } .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: #dde0e3; } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { min-height: calc(1.5em + (0.5rem + 2px)); padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } .form-control-sm::file-selector-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; -webkit-margin-end: 0.5rem; margin-inline-end: 0.5rem; } .form-control-sm::-webkit-file-upload-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; -webkit-margin-end: 0.5rem; margin-inline-end: 0.5rem; } .form-control-lg { min-height: calc(1.5em + (1rem + 2px)); padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.3rem; } .form-control-lg::file-selector-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem; } .form-control-lg::-webkit-file-upload-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem; } textarea.form-control { min-height: calc(1.5em + (0.75rem + 2px)); } textarea.form-control-sm { min-height: calc(1.5em + (0.5rem + 2px)); } textarea.form-control-lg { min-height: calc(1.5em + (1rem + 2px)); } .form-control-color { max-width: 3rem; height: auto; padding: 0.375rem; } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer; } .form-control-color::-moz-color-swatch { height: 1.5em; border-radius: 0.25rem; } .form-control-color::-webkit-color-swatch { height: 1.5em; border-radius: 0.25rem; } .form-select { display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; -moz-padding-start: calc(0.75rem - 3px); font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .form-select { transition: none; } } .form-select:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: 0.75rem; background-image: none; } .form-select:disabled { background-color: #e9ecef; } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #212529; } .form-select-sm { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } .form-select-lg { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } .form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem; } .form-check .form-check-input { float: left; margin-left: -1.5em; } .form-check-input { width: 1em; height: 1em; margin-top: 0.25em; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(0, 0, 0, 0.25); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact; } .form-check-input[type=checkbox] { border-radius: 0.25em; } .form-check-input[type=radio] { border-radius: 50%; } .form-check-input:active { filter: brightness(90%); } .form-check-input:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-check-input:checked { background-color: #0d6efd; border-color: #0d6efd; } .form-check-input:checked[type=checkbox] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); } .form-check-input:checked[type=radio] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); } .form-check-input[type=checkbox]:indeterminate { background-color: #0d6efd; border-color: #0d6efd; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .form-check-input:disabled { pointer-events: none; filter: none; opacity: 0.5; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { opacity: 0.5; } .form-switch { padding-left: 2.5em; } .form-switch .form-check-input { width: 2em; margin-left: -2.5em; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); background-position: left center; border-radius: 2em; transition: background-position 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-switch .form-check-input { transition: none; } } .form-switch .form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: right center; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .form-check-inline { display: inline-block; margin-right: 1rem; } .btn-check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .btn-check[disabled] + .btn, .btn-check:disabled + .btn { pointer-events: none; filter: none; opacity: 0.65; } .form-range { width: 100%; height: 1.5rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-range:focus { outline: 0; } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-range::-moz-focus-outer { border: 0; } .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #0d6efd; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .form-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .form-range::-webkit-slider-thumb:active { background-color: #b6d4fe; } .form-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .form-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #0d6efd; border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .form-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .form-range::-moz-range-thumb:active { background-color: #b6d4fe; } .form-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .form-range:disabled { pointer-events: none; } .form-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .form-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .form-floating { position: relative; } .form-floating > .form-control, .form-floating > .form-select { height: calc(3.5rem + 2px); line-height: 1.25; } .form-floating > label { position: absolute; top: 0; left: 0; height: 100%; padding: 1rem 0.75rem; pointer-events: none; border: 1px solid transparent; transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-floating > label { transition: none; } } .form-floating > .form-control { padding: 1rem 0.75rem; } .form-floating > .form-control::-moz-placeholder { color: transparent; } .form-floating > .form-control::placeholder { color: transparent; } .form-floating > .form-control:not(:-moz-placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:-webkit-autofill { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-select { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control:-webkit-autofill ~ label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-select { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; } .input-group > .form-control:focus, .input-group > .form-select:focus { z-index: 3; } .input-group .btn { position: relative; z-index: 2; } .input-group .btn:focus { z-index: 3; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.3rem; } .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } .input-group-lg > .form-select, .input-group-sm > .form-select { padding-right: 3rem; } .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu), .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #198754; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: rgba(25, 135, 84, 0.9); border-radius: 0.25rem; } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #198754; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #198754; box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .form-select:valid, .form-select.is-valid { border-color: #198754; } .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { padding-right: 4.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:valid:focus, .form-select.is-valid:focus { border-color: #198754; box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .was-validated .form-check-input:valid, .form-check-input.is-valid { border-color: #198754; } .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { background-color: #198754; } .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #198754; } .form-check-inline .form-check-input ~ .valid-feedback { margin-left: 0.5em; } .was-validated .input-group .form-control:valid, .input-group .form-control.is-valid, .was-validated .input-group .form-select:valid, .input-group .form-select.is-valid { z-index: 1; } .was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus, .was-validated .input-group .form-select:valid:focus, .input-group .form-select.is-valid:focus { z-index: 3; } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .form-select:invalid, .form-select.is-invalid { border-color: #dc3545; } .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { padding-right: 4.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .was-validated .form-check-input:invalid, .form-check-input.is-invalid { border-color: #dc3545; } .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { background-color: #dc3545; } .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; } .form-check-inline .form-check-input ~ .invalid-feedback { margin-left: 0.5em; } .was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid, .was-validated .input-group .form-select:invalid, .input-group .form-select.is-invalid { z-index: 2; } .was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus, .was-validated .input-group .form-select:invalid:focus, .input-group .form-select.is-invalid:focus { z-index: 3; } .btn { display: inline-block; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: #212529; } .btn-check:focus + .btn, .btn:focus { outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .btn:disabled, .btn.disabled, fieldset:disabled .btn { pointer-events: none; opacity: 0.65; } .btn-primary { color: #fff; background-color: #0d6efd; border-color: #0d6efd; } .btn-primary:hover { color: #fff; background-color: #0b5ed7; border-color: #0a58ca; } .btn-check:focus + .btn-primary, .btn-primary:focus { color: #fff; background-color: #0b5ed7; border-color: #0a58ca; box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5); } .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0a58ca; border-color: #0a53be; } .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5); } .btn-primary:disabled, .btn-primary.disabled { color: #fff; background-color: #0d6efd; border-color: #0d6efd; } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:hover { color: #fff; background-color: #5c636a; border-color: #565e64; } .btn-check:focus + .btn-secondary, .btn-secondary:focus { color: #fff; background-color: #5c636a; border-color: #565e64; box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5); } .btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #565e64; border-color: #51585e; } .btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5); } .btn-secondary:disabled, .btn-secondary.disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-success { color: #fff; background-color: #198754; border-color: #198754; } .btn-success:hover { color: #fff; background-color: #157347; border-color: #146c43; } .btn-check:focus + .btn-success, .btn-success:focus { color: #fff; background-color: #157347; border-color: #146c43; box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5); } .btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #146c43; border-color: #13653f; } .btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5); } .btn-success:disabled, .btn-success.disabled { color: #fff; background-color: #198754; border-color: #198754; } .btn-info { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; } .btn-info:hover { color: #000; background-color: #31d2f2; border-color: #25cff2; } .btn-check:focus + .btn-info, .btn-info:focus { color: #000; background-color: #31d2f2; border-color: #25cff2; box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5); } .btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle { color: #000; background-color: #3dd5f3; border-color: #25cff2; } .btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5); } .btn-info:disabled, .btn-info.disabled { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; } .btn-warning { color: #000; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #000; background-color: #ffca2c; border-color: #ffc720; } .btn-check:focus + .btn-warning, .btn-warning:focus { color: #000; background-color: #ffca2c; border-color: #ffc720; box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5); } .btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle { color: #000; background-color: #ffcd39; border-color: #ffc720; } .btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5); } .btn-warning:disabled, .btn-warning.disabled { color: #000; background-color: #ffc107; border-color: #ffc107; } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:hover { color: #fff; background-color: #bb2d3b; border-color: #b02a37; } .btn-check:focus + .btn-danger, .btn-danger:focus { color: #fff; background-color: #bb2d3b; border-color: #b02a37; box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5); } .btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #b02a37; border-color: #a52834; } .btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5); } .btn-danger:disabled, .btn-danger.disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-light { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #000; background-color: #f9fafb; border-color: #f9fafb; } .btn-check:focus + .btn-light, .btn-light:focus { color: #000; background-color: #f9fafb; border-color: #f9fafb; box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5); } .btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle { color: #000; background-color: #f9fafb; border-color: #f9fafb; } .btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5); } .btn-light:disabled, .btn-light.disabled { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-dark { color: #fff; background-color: #212529; border-color: #212529; } .btn-dark:hover { color: #fff; background-color: #1c1f23; border-color: #1a1e21; } .btn-check:focus + .btn-dark, .btn-dark:focus { color: #fff; background-color: #1c1f23; border-color: #1a1e21; box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5); } .btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1a1e21; border-color: #191c1f; } .btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5); } .btn-dark:disabled, .btn-dark.disabled { color: #fff; background-color: #212529; border-color: #212529; } .btn-outline-primary { color: #0d6efd; border-color: #0d6efd; } .btn-outline-primary:hover { color: #fff; background-color: #0d6efd; border-color: #0d6efd; } .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus { box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5); } .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show { color: #fff; background-color: #0d6efd; border-color: #0d6efd; } .btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5); } .btn-outline-primary:disabled, .btn-outline-primary.disabled { color: #0d6efd; background-color: transparent; } .btn-outline-secondary { color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus { box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5); } .btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5); } .btn-outline-secondary:disabled, .btn-outline-secondary.disabled { color: #6c757d; background-color: transparent; } .btn-outline-success { color: #198754; border-color: #198754; } .btn-outline-success:hover { color: #fff; background-color: #198754; border-color: #198754; } .btn-check:focus + .btn-outline-success, .btn-outline-success:focus { box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5); } .btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show { color: #fff; background-color: #198754; border-color: #198754; } .btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5); } .btn-outline-success:disabled, .btn-outline-success.disabled { color: #198754; background-color: transparent; } .btn-outline-info { color: #0dcaf0; border-color: #0dcaf0; } .btn-outline-info:hover { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; } .btn-check:focus + .btn-outline-info, .btn-outline-info:focus { box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5); } .btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; } .btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5); } .btn-outline-info:disabled, .btn-outline-info.disabled { color: #0dcaf0; background-color: transparent; } .btn-outline-warning { color: #ffc107; border-color: #ffc107; } .btn-outline-warning:hover { color: #000; background-color: #ffc107; border-color: #ffc107; } .btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus { box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5); } .btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show { color: #000; background-color: #ffc107; border-color: #ffc107; } .btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5); } .btn-outline-warning:disabled, .btn-outline-warning.disabled { color: #ffc107; background-color: transparent; } .btn-outline-danger { color: #dc3545; border-color: #dc3545; } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus { box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5); } .btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5); } .btn-outline-danger:disabled, .btn-outline-danger.disabled { color: #dc3545; background-color: transparent; } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:hover { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-check:focus + .btn-outline-light, .btn-outline-light:focus { box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5); } .btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5); } .btn-outline-light:disabled, .btn-outline-light.disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-dark { color: #212529; border-color: #212529; } .btn-outline-dark:hover { color: #fff; background-color: #212529; border-color: #212529; } .btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus { box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); } .btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show { color: #fff; background-color: #212529; border-color: #212529; } .btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); } .btn-outline-dark:disabled, .btn-outline-dark.disabled { color: #212529; background-color: transparent; } .btn-link { font-weight: 400; color: #0d6efd; text-decoration: underline; } .btn-link:hover { color: #0a58ca; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropup, .dropend, .dropdown, .dropstart { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; z-index: 1000; display: none; min-width: 10rem; padding: 0.5rem 0; margin: 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-menu[data-bs-popper] { top: 100%; left: 0; margin-top: 0.125rem; } .dropdown-menu-start { --bs-position: start; } .dropdown-menu-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-end { --bs-position: end; } .dropdown-menu-end[data-bs-popper] { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-start { --bs-position: start; } .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-sm-end { --bs-position: end; } .dropdown-menu-sm-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-start { --bs-position: start; } .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-md-end { --bs-position: end; } .dropdown-menu-md-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-start { --bs-position: start; } .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-lg-end { --bs-position: end; } .dropdown-menu-lg-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-start { --bs-position: start; } .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xl-end { --bs-position: end; } .dropdown-menu-xl-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1400px) { .dropdown-menu-xxl-start { --bs-position: start; } .dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xxl-end { --bs-position: end; } .dropdown-menu-xxl-end[data-bs-popper] { right: 0; left: auto; } } .dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-menu[data-bs-popper] { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropend .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropend .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-toggle::after { vertical-align: 0; } .dropstart .dropdown-menu[data-bs-popper] { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropstart .dropdown-toggle::after { display: none; } .dropstart .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropstart .dropdown-toggle:empty::after { margin-left: 0; } .dropstart .dropdown-toggle::before { vertical-align: 0; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid rgba(0, 0, 0, 0.15); } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #1e2125; background-color: #e9ecef; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #0d6efd; } .dropdown-item.disabled, .dropdown-item:disabled { color: #adb5bd; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1rem; color: #212529; } .dropdown-menu-dark { color: #dee2e6; background-color: #343a40; border-color: rgba(0, 0, 0, 0.15); } .dropdown-menu-dark .dropdown-item { color: #dee2e6; } .dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus { color: #fff; background-color: rgba(255, 255, 255, 0.15); } .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { color: #fff; background-color: #0d6efd; } .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled { color: #adb5bd; } .dropdown-menu-dark .dropdown-divider { border-color: rgba(0, 0, 0, 0.15); } .dropdown-menu-dark .dropdown-item-text { color: #dee2e6; } .dropdown-menu-dark .dropdown-header { color: #adb5bd; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; } .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn, .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after { margin-left: 0; } .dropstart .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn ~ .btn, .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; color: #0d6efd; text-decoration: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .nav-link { transition: none; } } .nav-link:hover, .nav-link:focus { color: #0a58ca; } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-link { margin-bottom: -1px; background: none; border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; isolation: isolate; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { background: none; border: 0; border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #0d6efd; } .nav-fill > .nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { width: 100%; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; } .navbar-brand { padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; text-decoration: none; white-space: nowrap; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; } .navbar-text { padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; transition: box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .navbar-toggler { transition: none; } } .navbar-toggler:hover { text-decoration: none; } .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 0.25rem; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: 100%; } .navbar-nav-scroll { max-height: var(--bs-scroll-height, 75vh); overflow-y: auto; } @media (min-width: 576px) { .navbar-expand-sm { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (min-width: 768px) { .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (min-width: 992px) { .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } @media (min-width: 1400px) { .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xxl .navbar-nav { flex-direction: row; } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xxl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xxl .navbar-toggler { display: none; } } .navbar-expand { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.55); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.55); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.55); } .navbar-light .navbar-text a, .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.55); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.55); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.55); } .navbar-dark .navbar-text a, .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; } .card-body { flex: 1 1 auto; padding: 1rem 1rem; } .card-title { margin-bottom: 0.5rem; } .card-subtitle { margin-top: -0.25rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1rem; } .card-header { padding: 0.5rem 1rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-footer { padding: 0.5rem 1rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.5rem; margin-bottom: -0.5rem; margin-left: -0.5rem; border-bottom: 0; } .card-header-pills { margin-right: -0.5rem; margin-left: -0.5rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1rem; border-radius: calc(0.25rem - 1px); } .card-img, .card-img-top, .card-img-bottom { width: 100%; } .card-img, .card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img, .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-group > .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: 1rem 1.25rem; font-size: 1rem; color: #212529; text-align: left; background-color: #fff; border: 0; border-radius: 0; overflow-anchor: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; } @media (prefers-reduced-motion: reduce) { .accordion-button { transition: none; } } .accordion-button:not(.collapsed) { color: #0c63e4; background-color: #e7f1ff; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125); } .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); transform: rotate(-180deg); } .accordion-button::after { flex-shrink: 0; width: 1.25rem; height: 1.25rem; margin-left: auto; content: ""; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 1.25rem; transition: transform 0.2s ease-in-out; } @media (prefers-reduced-motion: reduce) { .accordion-button::after { transition: none; } } .accordion-button:hover { z-index: 2; } .accordion-button:focus { z-index: 3; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .accordion-header { margin-bottom: 0; } .accordion-item { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .accordion-item:first-of-type { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .accordion-item:first-of-type .accordion-button { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .accordion-item:not(:first-of-type) { border-top: 0; } .accordion-item:last-of-type { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .accordion-item:last-of-type .accordion-collapse { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .accordion-body { padding: 1rem 1.25rem; } .accordion-flush .accordion-collapse { border-width: 0; } .accordion-flush .accordion-item { border-right: 0; border-left: 0; border-radius: 0; } .accordion-flush .accordion-item:first-child { border-top: 0; } .accordion-flush .accordion-item:last-child { border-bottom: 0; } .accordion-flush .accordion-item .accordion-button { border-radius: 0; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0 0; margin-bottom: 1rem; list-style: none; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: 0.5rem; color: #6c757d; content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */; } .breadcrumb-item.active { color: #6c757d; } .pagination { display: flex; padding-left: 0; list-style: none; } .page-link { position: relative; display: block; color: #0d6efd; text-decoration: none; background-color: #fff; border: 1px solid #dee2e6; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .page-link { transition: none; } } .page-link:hover { z-index: 2; color: #0a58ca; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 3; color: #0a58ca; background-color: #e9ecef; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .page-item:not(:first-child) .page-link { margin-left: -1px; } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #0d6efd; border-color: #0d6efd; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; background-color: #fff; border-color: #dee2e6; } .page-link { padding: 0.375rem 0.75rem; } .page-item:first-child .page-link { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.35em 0.65em; font-size: 0.75em; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .alert { position: relative; padding: 1rem 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 3rem; } .alert-dismissible .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem; } .alert-primary { color: #084298; background-color: #cfe2ff; border-color: #b6d4fe; } .alert-primary .alert-link { color: #06357a; } .alert-secondary { color: #41464b; background-color: #e2e3e5; border-color: #d3d6d8; } .alert-secondary .alert-link { color: #34383c; } .alert-success { color: #0f5132; background-color: #d1e7dd; border-color: #badbcc; } .alert-success .alert-link { color: #0c4128; } .alert-info { color: #055160; background-color: #cff4fc; border-color: #b6effb; } .alert-info .alert-link { color: #04414d; } .alert-warning { color: #664d03; background-color: #fff3cd; border-color: #ffecb5; } .alert-warning .alert-link { color: #523e02; } .alert-danger { color: #842029; background-color: #f8d7da; border-color: #f5c2c7; } .alert-danger .alert-link { color: #6a1a21; } .alert-light { color: #636464; background-color: #fefefe; border-color: #fdfdfe; } .alert-light .alert-link { color: #4f5050; } .alert-dark { color: #141619; background-color: #d3d3d4; border-color: #bcbebf; } .alert-dark .alert-link { color: #101214; } @-webkit-keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } } @keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } } .progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #0d6efd; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { -webkit-animation: 1s linear infinite progress-bar-stripes; animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { -webkit-animation: none; animation: none; } } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: 0.25rem; } .list-group-numbered { list-style-type: none; counter-reset: section; } .list-group-numbered > li::before { content: counters(section, ".") ". "; counter-increment: section; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.5rem 1rem; color: #212529; text-decoration: none; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #0d6efd; border-color: #0d6efd; } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; } .list-group-horizontal { flex-direction: row; } .list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal > .list-group-item.active { margin-top: 0; } .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-md > .list-group-item.active { margin-top: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width: 1400px) { .list-group-horizontal-xxl { flex-direction: row; } .list-group-horizontal-xxl > .list-group-item:first-child { border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xxl > .list-group-item:last-child { border-top-right-radius: 0.25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xxl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } .list-group-flush { border-radius: 0; } .list-group-flush > .list-group-item { border-width: 0 0 1px; } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { color: #084298; background-color: #cfe2ff; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #084298; background-color: #bacbe6; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #084298; border-color: #084298; } .list-group-item-secondary { color: #41464b; background-color: #e2e3e5; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #41464b; background-color: #cbccce; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #41464b; border-color: #41464b; } .list-group-item-success { color: #0f5132; background-color: #d1e7dd; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #0f5132; background-color: #bcd0c7; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #0f5132; border-color: #0f5132; } .list-group-item-info { color: #055160; background-color: #cff4fc; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #055160; background-color: #badce3; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #055160; border-color: #055160; } .list-group-item-warning { color: #664d03; background-color: #fff3cd; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #664d03; background-color: #e6dbb9; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #664d03; border-color: #664d03; } .list-group-item-danger { color: #842029; background-color: #f8d7da; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #842029; background-color: #dfc2c4; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #842029; border-color: #842029; } .list-group-item-light { color: #636464; background-color: #fefefe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #636464; background-color: #e5e5e5; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #636464; border-color: #636464; } .list-group-item-dark { color: #141619; background-color: #d3d3d4; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #141619; background-color: #bebebf; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #141619; border-color: #141619; } .btn-close { box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: #000; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; border: 0; border-radius: 0.25rem; opacity: 0.5; } .btn-close:hover { color: #000; text-decoration: none; opacity: 0.75; } .btn-close:focus { outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); opacity: 1; } .btn-close:disabled, .btn-close.disabled { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; opacity: 0.25; } .btn-close-white { filter: invert(1) grayscale(100%) brightness(200%); } .toast { width: 350px; max-width: 100%; font-size: 0.875rem; pointer-events: auto; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .toast:not(.showing):not(.show) { opacity: 0; } .toast.hide { display: none; } .toast-container { width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 100%; pointer-events: none; } .toast-container > :not(:last-child) { margin-bottom: 0.75rem; } .toast-header { display: flex; align-items: center; padding: 0.5rem 0.75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .toast-header .btn-close { margin-right: -0.375rem; margin-left: 0.75rem; } .toast-body { padding: 0.75rem; word-wrap: break-word; } .modal { position: fixed; top: 0; left: 0; z-index: 1060; display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .modal-header .btn-close { padding: 0.5rem 0.5rem; margin: -0.5rem -0.5rem -0.5rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; flex-wrap: wrap; flex-shrink: 0; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); } .modal-footer > * { margin: 0.25rem; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { height: calc(100% - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen .modal-header { border-radius: 0; } .modal-fullscreen .modal-body { overflow-y: auto; } .modal-fullscreen .modal-footer { border-radius: 0; } @media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-sm-down .modal-header { border-radius: 0; } .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } } @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-md-down .modal-header { border-radius: 0; } .modal-fullscreen-md-down .modal-body { overflow-y: auto; } .modal-fullscreen-md-down .modal-footer { border-radius: 0; } } @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-lg-down .modal-header { border-radius: 0; } .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } .modal-fullscreen-lg-down .modal-footer { border-radius: 0; } } @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xl-down .modal-header { border-radius: 0; } .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } } @media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xxl-down .modal-header { border-radius: 0; } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } .modal-fullscreen-xxl-down .modal-footer { border-radius: 0; } } .tooltip { position: absolute; z-index: 1080; display: block; margin: 0; font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .tooltip-arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] { padding: 0.4rem 0; } .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { bottom: 0; } .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { top: -1px; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] { padding: 0 0.4rem; } .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { right: -1px; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] { padding: 0.4rem 0; } .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { top: 0; } .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { bottom: -1px; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] { padding: 0 0.4rem; } .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { left: -1px; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0 /* rtl:ignore */; z-index: 1070; display: block; max-width: 276px; font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .popover-arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; } .popover .popover-arrow::before, .popover .popover-arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow { bottom: calc(-0.5rem - 1px); } .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow { left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; } .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow { top: calc(-0.5rem - 1px); } .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f0f0f0; } .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow { right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; } .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } .popover-header { padding: 0.5rem 1rem; margin-bottom: 0; font-size: 1rem; background-color: #f0f0f0; border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 1rem 1rem; color: #212529; } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } /* rtl:begin:ignore */ .carousel-item-next:not(.carousel-item-start), .active.carousel-item-end { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start { transform: translateX(-100%); } /* rtl:end:ignore */ .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: none; border: 0; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%; } /* rtl:options: { "autoRename": true, "stringMap":[ { "name" : "prev-next", "search" : "prev", "replace" : "next" } ] } */ .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; justify-content: center; padding: 0; margin-right: 15%; margin-bottom: 1rem; margin-left: 15%; list-style: none; } .carousel-indicators [data-bs-target] { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; padding: 0; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators [data-bs-target] { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center; } .carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon { filter: invert(1) grayscale(100); } .carousel-dark .carousel-indicators [data-bs-target] { background-color: #000; } .carousel-dark .carousel-caption { color: #000; } @-webkit-keyframes spinner-border { to { transform: rotate(360deg) /* rtl:ignore */; } } @keyframes spinner-border { to { transform: rotate(360deg) /* rtl:ignore */; } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: 0.75s linear infinite spinner-border; animation: 0.75s linear infinite spinner-border; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @-webkit-keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: 0.75s linear infinite spinner-grow; animation: 0.75s linear infinite spinner-grow; } .spinner-grow-sm { width: 1rem; height: 1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } } .offcanvas { position: fixed; bottom: 0; z-index: 1050; display: flex; flex-direction: column; max-width: 100%; visibility: hidden; background-color: #fff; background-clip: padding-box; outline: 0; transition: transform 0.3s ease-in-out; } @media (prefers-reduced-motion: reduce) { .offcanvas { transition: none; } } .offcanvas-header { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1rem; } .offcanvas-header .btn-close { padding: 0.5rem 0.5rem; margin-top: -0.5rem; margin-right: -0.5rem; margin-bottom: -0.5rem; } .offcanvas-title { margin-bottom: 0; line-height: 1.5; } .offcanvas-body { flex-grow: 1; padding: 1rem 1rem; overflow-y: auto; } .offcanvas-start { top: 0; left: 0; width: 400px; border-right: 1px solid rgba(0, 0, 0, 0.2); transform: translateX(-100%); } .offcanvas-end { top: 0; right: 0; width: 400px; border-left: 1px solid rgba(0, 0, 0, 0.2); transform: translateX(100%); } .offcanvas-top { top: 0; right: 0; left: 0; height: 30vh; max-height: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.2); transform: translateY(-100%); } .offcanvas-bottom { right: 0; left: 0; height: 30vh; max-height: 100%; border-top: 1px solid rgba(0, 0, 0, 0.2); transform: translateY(100%); } .offcanvas.show { transform: none; } .clearfix::after { display: block; clear: both; content: ""; } .link-primary { color: #0d6efd; } .link-primary:hover, .link-primary:focus { color: #0a58ca; } .link-secondary { color: #6c757d; } .link-secondary:hover, .link-secondary:focus { color: #565e64; } .link-success { color: #198754; } .link-success:hover, .link-success:focus { color: #146c43; } .link-info { color: #0dcaf0; } .link-info:hover, .link-info:focus { color: #3dd5f3; } .link-warning { color: #ffc107; } .link-warning:hover, .link-warning:focus { color: #ffcd39; } .link-danger { color: #dc3545; } .link-danger:hover, .link-danger:focus { color: #b02a37; } .link-light { color: #f8f9fa; } .link-light:hover, .link-light:focus { color: #f9fafb; } .link-dark { color: #212529; } .link-dark:hover, .link-dark:focus { color: #1a1e21; } .ratio { position: relative; width: 100%; } .ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: ""; } .ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ratio-1x1 { --bs-aspect-ratio: 100%; } .ratio-4x3 { --bs-aspect-ratio: calc(3 / 4 * 100%); } .ratio-16x9 { --bs-aspect-ratio: calc(9 / 16 * 100%); } .ratio-21x9 { --bs-aspect-ratio: calc(9 / 21 * 100%); } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } @media (min-width: 576px) { .sticky-sm-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } @media (min-width: 768px) { .sticky-md-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } @media (min-width: 992px) { .sticky-lg-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } @media (min-width: 1200px) { .sticky-xl-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } @media (min-width: 1400px) { .sticky-xxl-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .float-start { float: left !important; } .float-end { float: right !important; } .float-none { float: none !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: scroll !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: grid !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .d-none { display: none !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .top-0 { top: 0 !important; } .top-50 { top: 50% !important; } .top-100 { top: 100% !important; } .bottom-0 { bottom: 0 !important; } .bottom-50 { bottom: 50% !important; } .bottom-100 { bottom: 100% !important; } .start-0 { left: 0 !important; } .start-50 { left: 50% !important; } .start-100 { left: 100% !important; } .end-0 { right: 0 !important; } .end-50 { right: 50% !important; } .end-100 { right: 100% !important; } .translate-middle { transform: translate(-50%, -50%) !important; } .translate-middle-x { transform: translateX(-50%) !important; } .translate-middle-y { transform: translateY(-50%) !important; } .border { border: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-top-0 { border-top: 0 !important; } .border-end { border-right: 1px solid #dee2e6 !important; } .border-end-0 { border-right: 0 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-start { border-left: 1px solid #dee2e6 !important; } .border-start-0 { border-left: 0 !important; } .border-primary { border-color: #0d6efd !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #198754 !important; } .border-info { border-color: #0dcaf0 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #212529 !important; } .border-white { border-color: #fff !important; } .border-1 { border-width: 1px !important; } .border-2 { border-width: 2px !important; } .border-3 { border-width: 3px !important; } .border-4 { border-width: 4px !important; } .border-5 { border-width: 5px !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .mw-100 { max-width: 100% !important; } .vw-100 { width: 100vw !important; } .min-vw-100 { min-width: 100vw !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mh-100 { max-height: 100% !important; } .vh-100 { height: 100vh !important; } .min-vh-100 { min-height: 100vh !important; } .flex-fill { flex: 1 1 auto !important; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-0 { gap: 0 !important; } .gap-1 { gap: 0.25rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 1rem !important; } .gap-4 { gap: 1.5rem !important; } .gap-5 { gap: 3rem !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .justify-content-evenly { justify-content: space-evenly !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .order-first { order: -1 !important; } .order-0 { order: 0 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-last { order: 6 !important; } .m-0 { margin: 0 !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .m-3 { margin: 1rem !important; } .m-4 { margin: 1.5rem !important; } .m-5 { margin: 3rem !important; } .m-auto { margin: auto !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .mt-auto { margin-top: auto !important; } .me-0 { margin-right: 0 !important; } .me-1 { margin-right: 0.25rem !important; } .me-2 { margin-right: 0.5rem !important; } .me-3 { margin-right: 1rem !important; } .me-4 { margin-right: 1.5rem !important; } .me-5 { margin-right: 3rem !important; } .me-auto { margin-right: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 3rem !important; } .mb-auto { margin-bottom: auto !important; } .ms-0 { margin-left: 0 !important; } .ms-1 { margin-left: 0.25rem !important; } .ms-2 { margin-left: 0.5rem !important; } .ms-3 { margin-left: 1rem !important; } .ms-4 { margin-left: 1.5rem !important; } .ms-5 { margin-left: 3rem !important; } .ms-auto { margin-left: auto !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 1rem !important; } .p-4 { padding: 1.5rem !important; } .p-5 { padding: 3rem !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-3 { padding-top: 1rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pt-5 { padding-top: 3rem !important; } .pe-0 { padding-right: 0 !important; } .pe-1 { padding-right: 0.25rem !important; } .pe-2 { padding-right: 0.5rem !important; } .pe-3 { padding-right: 1rem !important; } .pe-4 { padding-right: 1.5rem !important; } .pe-5 { padding-right: 3rem !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 3rem !important; } .ps-0 { padding-left: 0 !important; } .ps-1 { padding-left: 0.25rem !important; } .ps-2 { padding-left: 0.5rem !important; } .ps-3 { padding-left: 1rem !important; } .ps-4 { padding-left: 1.5rem !important; } .ps-5 { padding-left: 3rem !important; } .font-monospace { font-family: var(--bs-font-monospace) !important; } .fs-1 { font-size: calc(1.375rem + 1.5vw) !important; } .fs-2 { font-size: calc(1.325rem + 0.9vw) !important; } .fs-3 { font-size: calc(1.3rem + 0.6vw) !important; } .fs-4 { font-size: calc(1.275rem + 0.3vw) !important; } .fs-5 { font-size: 1.25rem !important; } .fs-6 { font-size: 1rem !important; } .fst-italic { font-style: italic !important; } .fst-normal { font-style: normal !important; } .fw-light { font-weight: 300 !important; } .fw-lighter { font-weight: lighter !important; } .fw-normal { font-weight: 400 !important; } .fw-bold { font-weight: 700 !important; } .fw-bolder { font-weight: bolder !important; } .lh-1 { line-height: 1 !important; } .lh-sm { line-height: 1.25 !important; } .lh-base { line-height: 1.5 !important; } .lh-lg { line-height: 2 !important; } .text-start { text-align: left !important; } .text-end { text-align: right !important; } .text-center { text-align: center !important; } .text-decoration-none { text-decoration: none !important; } .text-decoration-underline { text-decoration: underline !important; } .text-decoration-line-through { text-decoration: line-through !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } /* rtl:begin:remove */ .text-break { word-wrap: break-word !important; word-break: break-word !important; } /* rtl:end:remove */ .text-primary { color: #0d6efd !important; } .text-secondary { color: #6c757d !important; } .text-success { color: #198754 !important; } .text-info { color: #0dcaf0 !important; } .text-warning { color: #ffc107 !important; } .text-danger { color: #dc3545 !important; } .text-light { color: #f8f9fa !important; } .text-dark { color: #212529 !important; } .text-white { color: #fff !important; } .text-body { color: #212529 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-reset { color: inherit !important; } .bg-primary { background-color: #0d6efd !important; } .bg-secondary { background-color: #6c757d !important; } .bg-success { background-color: #198754 !important; } .bg-info { background-color: #0dcaf0 !important; } .bg-warning { background-color: #ffc107 !important; } .bg-danger { background-color: #dc3545 !important; } .bg-light { background-color: #f8f9fa !important; } .bg-dark { background-color: #212529 !important; } .bg-body { background-color: #fff !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .bg-gradient { background-image: var(--bs-gradient) !important; } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; } .pe-none { pointer-events: none !important; } .pe-auto { pointer-events: auto !important; } .rounded { border-radius: 0.25rem !important; } .rounded-0 { border-radius: 0 !important; } .rounded-1 { border-radius: 0.2rem !important; } .rounded-2 { border-radius: 0.25rem !important; } .rounded-3 { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-end { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-start { border-bottom-left-radius: 0.25rem !important; border-top-left-radius: 0.25rem !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media (min-width: 576px) { .float-sm-start { float: left !important; } .float-sm-end { float: right !important; } .float-sm-none { float: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-grid { display: grid !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } .d-sm-none { display: none !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-sm-0 { gap: 0 !important; } .gap-sm-1 { gap: 0.25rem !important; } .gap-sm-2 { gap: 0.5rem !important; } .gap-sm-3 { gap: 1rem !important; } .gap-sm-4 { gap: 1.5rem !important; } .gap-sm-5 { gap: 3rem !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .justify-content-sm-evenly { justify-content: space-evenly !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } .order-sm-first { order: -1 !important; } .order-sm-0 { order: 0 !important; } .order-sm-1 { order: 1 !important; } .order-sm-2 { order: 2 !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .order-sm-last { order: 6 !important; } .m-sm-0 { margin: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .m-sm-auto { margin: auto !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-sm-0 { margin-top: 0 !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mt-sm-auto { margin-top: auto !important; } .me-sm-0 { margin-right: 0 !important; } .me-sm-1 { margin-right: 0.25rem !important; } .me-sm-2 { margin-right: 0.5rem !important; } .me-sm-3 { margin-right: 1rem !important; } .me-sm-4 { margin-right: 1.5rem !important; } .me-sm-5 { margin-right: 3rem !important; } .me-sm-auto { margin-right: auto !important; } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .mb-sm-auto { margin-bottom: auto !important; } .ms-sm-0 { margin-left: 0 !important; } .ms-sm-1 { margin-left: 0.25rem !important; } .ms-sm-2 { margin-left: 0.5rem !important; } .ms-sm-3 { margin-left: 1rem !important; } .ms-sm-4 { margin-left: 1.5rem !important; } .ms-sm-5 { margin-left: 3rem !important; } .ms-sm-auto { margin-left: auto !important; } .p-sm-0 { padding: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-sm-0 { padding-top: 0 !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pe-sm-0 { padding-right: 0 !important; } .pe-sm-1 { padding-right: 0.25rem !important; } .pe-sm-2 { padding-right: 0.5rem !important; } .pe-sm-3 { padding-right: 1rem !important; } .pe-sm-4 { padding-right: 1.5rem !important; } .pe-sm-5 { padding-right: 3rem !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .ps-sm-0 { padding-left: 0 !important; } .ps-sm-1 { padding-left: 0.25rem !important; } .ps-sm-2 { padding-left: 0.5rem !important; } .ps-sm-3 { padding-left: 1rem !important; } .ps-sm-4 { padding-left: 1.5rem !important; } .ps-sm-5 { padding-left: 3rem !important; } .text-sm-start { text-align: left !important; } .text-sm-end { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .float-md-start { float: left !important; } .float-md-end { float: right !important; } .float-md-none { float: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: grid !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } .d-md-none { display: none !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-md-0 { gap: 0 !important; } .gap-md-1 { gap: 0.25rem !important; } .gap-md-2 { gap: 0.5rem !important; } .gap-md-3 { gap: 1rem !important; } .gap-md-4 { gap: 1.5rem !important; } .gap-md-5 { gap: 3rem !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .justify-content-md-evenly { justify-content: space-evenly !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } .order-md-first { order: -1 !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-last { order: 6 !important; } .m-md-0 { margin: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .m-md-auto { margin: auto !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-md-0 { margin-top: 0 !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mt-md-auto { margin-top: auto !important; } .me-md-0 { margin-right: 0 !important; } .me-md-1 { margin-right: 0.25rem !important; } .me-md-2 { margin-right: 0.5rem !important; } .me-md-3 { margin-right: 1rem !important; } .me-md-4 { margin-right: 1.5rem !important; } .me-md-5 { margin-right: 3rem !important; } .me-md-auto { margin-right: auto !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .mb-md-auto { margin-bottom: auto !important; } .ms-md-0 { margin-left: 0 !important; } .ms-md-1 { margin-left: 0.25rem !important; } .ms-md-2 { margin-left: 0.5rem !important; } .ms-md-3 { margin-left: 1rem !important; } .ms-md-4 { margin-left: 1.5rem !important; } .ms-md-5 { margin-left: 3rem !important; } .ms-md-auto { margin-left: auto !important; } .p-md-0 { padding: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-md-0 { padding-top: 0 !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pe-md-0 { padding-right: 0 !important; } .pe-md-1 { padding-right: 0.25rem !important; } .pe-md-2 { padding-right: 0.5rem !important; } .pe-md-3 { padding-right: 1rem !important; } .pe-md-4 { padding-right: 1.5rem !important; } .pe-md-5 { padding-right: 3rem !important; } .pb-md-0 { padding-bottom: 0 !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .ps-md-0 { padding-left: 0 !important; } .ps-md-1 { padding-left: 0.25rem !important; } .ps-md-2 { padding-left: 0.5rem !important; } .ps-md-3 { padding-left: 1rem !important; } .ps-md-4 { padding-left: 1.5rem !important; } .ps-md-5 { padding-left: 3rem !important; } .text-md-start { text-align: left !important; } .text-md-end { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .float-lg-start { float: left !important; } .float-lg-end { float: right !important; } .float-lg-none { float: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: grid !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } .d-lg-none { display: none !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-lg-0 { gap: 0 !important; } .gap-lg-1 { gap: 0.25rem !important; } .gap-lg-2 { gap: 0.5rem !important; } .gap-lg-3 { gap: 1rem !important; } .gap-lg-4 { gap: 1.5rem !important; } .gap-lg-5 { gap: 3rem !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .justify-content-lg-evenly { justify-content: space-evenly !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } .order-lg-first { order: -1 !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-last { order: 6 !important; } .m-lg-0 { margin: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .m-lg-auto { margin: auto !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-lg-0 { margin-top: 0 !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mt-lg-auto { margin-top: auto !important; } .me-lg-0 { margin-right: 0 !important; } .me-lg-1 { margin-right: 0.25rem !important; } .me-lg-2 { margin-right: 0.5rem !important; } .me-lg-3 { margin-right: 1rem !important; } .me-lg-4 { margin-right: 1.5rem !important; } .me-lg-5 { margin-right: 3rem !important; } .me-lg-auto { margin-right: auto !important; } .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .mb-lg-auto { margin-bottom: auto !important; } .ms-lg-0 { margin-left: 0 !important; } .ms-lg-1 { margin-left: 0.25rem !important; } .ms-lg-2 { margin-left: 0.5rem !important; } .ms-lg-3 { margin-left: 1rem !important; } .ms-lg-4 { margin-left: 1.5rem !important; } .ms-lg-5 { margin-left: 3rem !important; } .ms-lg-auto { margin-left: auto !important; } .p-lg-0 { padding: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-lg-0 { padding-top: 0 !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pe-lg-0 { padding-right: 0 !important; } .pe-lg-1 { padding-right: 0.25rem !important; } .pe-lg-2 { padding-right: 0.5rem !important; } .pe-lg-3 { padding-right: 1rem !important; } .pe-lg-4 { padding-right: 1.5rem !important; } .pe-lg-5 { padding-right: 3rem !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .ps-lg-0 { padding-left: 0 !important; } .ps-lg-1 { padding-left: 0.25rem !important; } .ps-lg-2 { padding-left: 0.5rem !important; } .ps-lg-3 { padding-left: 1rem !important; } .ps-lg-4 { padding-left: 1.5rem !important; } .ps-lg-5 { padding-left: 3rem !important; } .text-lg-start { text-align: left !important; } .text-lg-end { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .float-xl-start { float: left !important; } .float-xl-end { float: right !important; } .float-xl-none { float: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-grid { display: grid !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } .d-xl-none { display: none !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-xl-0 { gap: 0 !important; } .gap-xl-1 { gap: 0.25rem !important; } .gap-xl-2 { gap: 0.5rem !important; } .gap-xl-3 { gap: 1rem !important; } .gap-xl-4 { gap: 1.5rem !important; } .gap-xl-5 { gap: 3rem !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .justify-content-xl-evenly { justify-content: space-evenly !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } .order-xl-first { order: -1 !important; } .order-xl-0 { order: 0 !important; } .order-xl-1 { order: 1 !important; } .order-xl-2 { order: 2 !important; } .order-xl-3 { order: 3 !important; } .order-xl-4 { order: 4 !important; } .order-xl-5 { order: 5 !important; } .order-xl-last { order: 6 !important; } .m-xl-0 { margin: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .m-xl-auto { margin: auto !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xl-0 { margin-top: 0 !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mt-xl-auto { margin-top: auto !important; } .me-xl-0 { margin-right: 0 !important; } .me-xl-1 { margin-right: 0.25rem !important; } .me-xl-2 { margin-right: 0.5rem !important; } .me-xl-3 { margin-right: 1rem !important; } .me-xl-4 { margin-right: 1.5rem !important; } .me-xl-5 { margin-right: 3rem !important; } .me-xl-auto { margin-right: auto !important; } .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .mb-xl-auto { margin-bottom: auto !important; } .ms-xl-0 { margin-left: 0 !important; } .ms-xl-1 { margin-left: 0.25rem !important; } .ms-xl-2 { margin-left: 0.5rem !important; } .ms-xl-3 { margin-left: 1rem !important; } .ms-xl-4 { margin-left: 1.5rem !important; } .ms-xl-5 { margin-left: 3rem !important; } .ms-xl-auto { margin-left: auto !important; } .p-xl-0 { padding: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xl-0 { padding-top: 0 !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pt-xl-5 { padding-top: 3rem !important; } .pe-xl-0 { padding-right: 0 !important; } .pe-xl-1 { padding-right: 0.25rem !important; } .pe-xl-2 { padding-right: 0.5rem !important; } .pe-xl-3 { padding-right: 1rem !important; } .pe-xl-4 { padding-right: 1.5rem !important; } .pe-xl-5 { padding-right: 3rem !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } .ps-xl-0 { padding-left: 0 !important; } .ps-xl-1 { padding-left: 0.25rem !important; } .ps-xl-2 { padding-left: 0.5rem !important; } .ps-xl-3 { padding-left: 1rem !important; } .ps-xl-4 { padding-left: 1.5rem !important; } .ps-xl-5 { padding-left: 3rem !important; } .text-xl-start { text-align: left !important; } .text-xl-end { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1400px) { .float-xxl-start { float: left !important; } .float-xxl-end { float: right !important; } .float-xxl-none { float: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-grid { display: grid !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } .d-xxl-none { display: none !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-xxl-0 { gap: 0 !important; } .gap-xxl-1 { gap: 0.25rem !important; } .gap-xxl-2 { gap: 0.5rem !important; } .gap-xxl-3 { gap: 1rem !important; } .gap-xxl-4 { gap: 1.5rem !important; } .gap-xxl-5 { gap: 3rem !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .justify-content-xxl-evenly { justify-content: space-evenly !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } .order-xxl-first { order: -1 !important; } .order-xxl-0 { order: 0 !important; } .order-xxl-1 { order: 1 !important; } .order-xxl-2 { order: 2 !important; } .order-xxl-3 { order: 3 !important; } .order-xxl-4 { order: 4 !important; } .order-xxl-5 { order: 5 !important; } .order-xxl-last { order: 6 !important; } .m-xxl-0 { margin: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .m-xxl-auto { margin: auto !important; } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xxl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xxl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xxl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xxl-0 { margin-top: 0 !important; } .mt-xxl-1 { margin-top: 0.25rem !important; } .mt-xxl-2 { margin-top: 0.5rem !important; } .mt-xxl-3 { margin-top: 1rem !important; } .mt-xxl-4 { margin-top: 1.5rem !important; } .mt-xxl-5 { margin-top: 3rem !important; } .mt-xxl-auto { margin-top: auto !important; } .me-xxl-0 { margin-right: 0 !important; } .me-xxl-1 { margin-right: 0.25rem !important; } .me-xxl-2 { margin-right: 0.5rem !important; } .me-xxl-3 { margin-right: 1rem !important; } .me-xxl-4 { margin-right: 1.5rem !important; } .me-xxl-5 { margin-right: 3rem !important; } .me-xxl-auto { margin-right: auto !important; } .mb-xxl-0 { margin-bottom: 0 !important; } .mb-xxl-1 { margin-bottom: 0.25rem !important; } .mb-xxl-2 { margin-bottom: 0.5rem !important; } .mb-xxl-3 { margin-bottom: 1rem !important; } .mb-xxl-4 { margin-bottom: 1.5rem !important; } .mb-xxl-5 { margin-bottom: 3rem !important; } .mb-xxl-auto { margin-bottom: auto !important; } .ms-xxl-0 { margin-left: 0 !important; } .ms-xxl-1 { margin-left: 0.25rem !important; } .ms-xxl-2 { margin-left: 0.5rem !important; } .ms-xxl-3 { margin-left: 1rem !important; } .ms-xxl-4 { margin-left: 1.5rem !important; } .ms-xxl-5 { margin-left: 3rem !important; } .ms-xxl-auto { margin-left: auto !important; } .p-xxl-0 { padding: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xxl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xxl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xxl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xxl-0 { padding-top: 0 !important; } .pt-xxl-1 { padding-top: 0.25rem !important; } .pt-xxl-2 { padding-top: 0.5rem !important; } .pt-xxl-3 { padding-top: 1rem !important; } .pt-xxl-4 { padding-top: 1.5rem !important; } .pt-xxl-5 { padding-top: 3rem !important; } .pe-xxl-0 { padding-right: 0 !important; } .pe-xxl-1 { padding-right: 0.25rem !important; } .pe-xxl-2 { padding-right: 0.5rem !important; } .pe-xxl-3 { padding-right: 1rem !important; } .pe-xxl-4 { padding-right: 1.5rem !important; } .pe-xxl-5 { padding-right: 3rem !important; } .pb-xxl-0 { padding-bottom: 0 !important; } .pb-xxl-1 { padding-bottom: 0.25rem !important; } .pb-xxl-2 { padding-bottom: 0.5rem !important; } .pb-xxl-3 { padding-bottom: 1rem !important; } .pb-xxl-4 { padding-bottom: 1.5rem !important; } .pb-xxl-5 { padding-bottom: 3rem !important; } .ps-xxl-0 { padding-left: 0 !important; } .ps-xxl-1 { padding-left: 0.25rem !important; } .ps-xxl-2 { padding-left: 0.5rem !important; } .ps-xxl-3 { padding-left: 1rem !important; } .ps-xxl-4 { padding-left: 1.5rem !important; } .ps-xxl-5 { padding-left: 3rem !important; } .text-xxl-start { text-align: left !important; } .text-xxl-end { text-align: right !important; } .text-xxl-center { text-align: center !important; } } @media (min-width: 1200px) { .fs-1 { font-size: 2.5rem !important; } .fs-2 { font-size: 2rem !important; } .fs-3 { font-size: 1.75rem !important; } .fs-4 { font-size: 1.5rem !important; } } @media print { .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-grid { display: grid !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } .d-print-none { display: none !important; } } /*# sourceMappingURL=bootstrap.css.map */ /* End */ /* Start:/bitrix/components/abcwww/custom.form/templates/.default/style.css?1776322771507*/ .custom_form { max-width: 500px; margin: 0 auto; } .custom_form label { display: block; } .custom_result { line-height: 12px; margin: 10px 0px; } .custom_result p { margin: 4px 0 4px; } .custom_result_error, .CF_form_error.form-text { color: red; } .custom_form input.error, input[type=checkbox].error { border-color:red; } .custom_result_success { color: green; } button.cf-is-loading { opacity: 0.6; pointer-events: none; } /* End */ /* Start:/bitrix/templates/pvgroup_60146_/components/bitrix/menu/bottom_menu/style.css?1763290860550*/ .bx-inclinksfooter a{border-bottom: none;} .bx-inclinksfooter .bx-block-title{ /*margin: 0; padding: 0; font-size: 17px; font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; color: #fff; font-weight: 600;*/ } .bx-inclinksfooter-container { /*margin-top: 15px; padding: 0; color: #fff; border-radius: 2px; font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;*/ } .bx-inclinksfooter-list{ list-style: none; margin: 0; padding: 0; } .bx-inclinksfooter-item{ padding: 0 0 5px 0; } /* End */ /* Start:/bitrix/templates/pvgroup_60146_/styles.css?178996369230082*/ h1 {font-size:50px; color:var(--black-color); font-weight:700; margin:0 0 15px 0} h2 {color:var(--black-color); font-weight:700; font-size:40px; line-height:1.25; margin-top:0} h3 {color:var(--black-color); font-weight:700; font-size:28px; line-height:1.5714; text-align:center} h4 {} h5 {color:var(--black-color); font-size:20px; text-align:left; margin:24px 0 15px; font-weight:700} h6 {color:var(--black-color); font-size:18px; line-height:1.444} p.bxe-first-letter:first-letter,.bxe-first-letter-s {font-weight:bold; font-size:56px; line-height:56px; margin-right:10px; float:left; vertical-align:top} .lead {color:#757575; margin-left:40px; padding:0 0 0 15px; font-size:13px; font-weight:300; line-height:1.4; border-left:3px solid #99cded} @media (min-width:768px) {.lead {font-size:16px; margin-left:20px} } blockquote::before {font-family:FontAwesome; content:"\f10d"; font-size:108px; color:rgba(186,17,17,0.95); display:inline-block; position:absolute; z-index:-1; left:0; top:35px} blockquote {padding:0 9px 52px 71px; margin:70px 0 19px 0; overflow:hidden; position:relative; line-height:27px; border:none; z-index:1} blockquote p:last-child {color:#011e1b; font-style:normal; font-size:19px} hr {border:none; border-bottom:1px solid #ccc} hr.bxe-bolder {border-bottom-width:5px} hr.bxe-dashed {border-bottom-style:dashed; border-bottom-width:2px} hr.bxe-normal {} hr.bxe-light {border-bottom-color:#e5e5e5} hr.bxe-dotted {border-bottom-width:2px; border-bottom-style:dotted} .bg-primary {background:#60aadb!important; color:#fff} .bg-success {background:#64ba4e!important; color:#fff} .bg-info {background:#9bc6dd!important; color:#fff} .bg-warning {background:#fec139!important; color:#fff} .bg-danger {} img[align="middle"] {width:100%} img[align="left"] {margin:0 30px 15px 0} img[align="right"] {margin:0 0 15px 30px} .alert {border:none; border-radius:1px; font-size:14px} .alert.alert-note {background:#f2f2f3} .alert.alert-sys {background:#f5f2ec; color:#81641F} .alert.bxe-icon {padding-left:90px; min-height:100px; position:relative} .alert.bxe-icon:after {left:22px; top:20px; position:absolute; content:" "; width:48px; height:48px; background-repeat:no-repeat; background-position:center; background-image:url(/bitrix/templates/pvgroup_60146_/images/editor_sprite.png); background-repeat:no-repeat} .alert.bxe-icon.alert-success:after {background-position:0 0} .alert.bxe-icon.alert-info:after {background-position:0 -50px} .alert.bxe-icon.alert-warning:after {background-position:0 -100px} .alert.bxe-icon.alert-danger:after {background-position:0 -200px} .alert.bxe-icon.alert-note:after {background-position:0 -150px} .alert.bxe-icon.alert-sys:after {background-position:0 -250px} .bxe-aleft-title {font-weight:bold; padding-bottom:5px} .bx-panel-tooltip {z-index:2210 !important; overflow:hidden !important; position:absolute !important; letter-spacing:normal !important; list-style:none !important; text-align:left !important; text-indent:0 !important; text-transform:none !important; visibility:visible !important; white-space:normal !important; word-spacing:normal !important; vertical-align:baseline !important; margin:0 !important; padding:15px !important; float:none !important; text-decoration:none !important; -webkit-border-radius:1px !important; -moz-border-radius:1px !important; border-radius:1px !important; -webkit-box-shadow:0 12px 10px rgba(0,0,0,0.25) !important; -moz-box-shadow:0 12px 10px rgba(0,0,0,.25) !important; box-shadow:0 12px 10px rgba(0,0,0,0.25) !important; border:1px solid; border-color:#f0f0f0; background:#fff; color:#35414e; font-size:14px} tab,tabsection,.bxe-tab-title {display:block; padding:5px; border:1px dashed #ccc} .bxe-list,.bxe-list ul {list-style:none; margin:5px 0; padding-left:15px} .bxe-list-default,.bxe-list-default ul {} .bxe-list .fa {color:#9fb2bd; margin-right:6px} .bxe-lis-blue .fa {color:#0083d1} .to_top {position:fixed; bottom:20px; right:20px; width:50px; height:50px; -moz-opacity:0.3; filter:alpha(opacity=30); display:none; z-index:100; text-align:center} .to_top .to_top_panel::before {font-family:'FontAwesome'; content:"\f106"; font-size:34px; background:var(--primary-color); width:100%; height:100%; display:inline-block; color:var(--white-color); border-radius:50%; line-height:1.3} .to_top:hover .to_top_panel::before {background:var(--secondary-color)} .to_top .to_top_panel {} .to_top:hover .to_top_panel:hover {cursor:pointer} .to_top .to_top_button {} .to_top .to_top_button .arrow {} .to_top.mini {width:40px} .to_top.mini .to_top_panel .arrow {font-size:20px} .to_top.mini .to_top_panel .label {display:none} .header-contacts {display:flex; flex-direction:row; gap:15px; margin-bottom:5px; justify-content:center; padding:5px 15px} .header-contacts span {margin-left:5px; color:#ffffff} .header-contacts i::before {font-size:20px; color:var(--primary-color)} .header-container:not(.fixed) .header-contacts {display:none} .custom_form {max-width:initial !important} .top-panel_login.header-profile {margin-right:35px} .header-profile > a {height:37px; background-color:#ffffff; display:flex; justify-content:center; align-items:center; padding:10px; color:#454545; gap:10px} .banners_main .item-text {} .catalog-sort__current {padding:10px 20px; background:var(--light-gray-color); border-radius:12px; position:relative; white-space:nowrap; cursor:pointer} .catalog-sort__current:hover {background:var(--gray-color)} .catalog-sort__dropdown {display:none; -webkit-transition:padding .3s ease; -moz-transition:padding .3s ease; -ms-transition:padding .3s ease; -o-transition:padding .3s ease; transition:padding .3s ease; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; position:absolute; top:calc(100% + 10px); left:0; padding:20px; background:var(--white-color); border:1px solid var(--gray-color); border-radius:12px; width:200px; z-index:3; height:auto !important} .js-catalog-sort.catalog-sort__select--open .catalog-sort__dropdown {display:block} .bx-sidebar-block {display:flex; gap:10px} .catalog-sort__select {position:relative} .catalog-sort__option {display:inline-block; margin-bottom:4px; color:var(--black-color); width:100%} .catalog-sort__check {float:right} .catalog-sort__arrow {margin-left:7px; transition:.3s all linear} .catalog-sort__select--open .catalog-sort__arrow,.bx-filter-parameters-box.bx-active .catalog-sort__arrow {transform:rotate(180deg)} .category-count {font-size:16px; font-weight:400; color:var(--dark-gray-color); display:inline; margin-left:10px} .footer-2.about-block {font-size:14px; padding-right:40px} .footer-2.about-block img {width:150px; margin-bottom:15px} .footer-contact__item {display:flex; gap:10px; margin-bottom:15px; font-size:14px} .footer-contact__item svg {fill:var(--primary-color)} .footer-2 .bx-inc-orginfo-phone a {font-size:20px; line-height:1; font-weight:700} .contact-block .bx-inc-orginfo-phone a {font-size:20px; line-height:1; font-weight:700; color:var(--black-color)} .bx-footer .bx-inc-orginfo-phone a {color:var(--white-color)} .bx-footer .bx-inc-orginfo-phone a:hover,.contact-block .bx-inc-orginfo-phone a:hover {color:var(--primary-color)} .copyright {font-size:14px} .copyright a {color:var(--white-color)} .copyright a:hover {color:var(--primary-color)} .bx-footer .bx-footer-section {padding:10px 0} .footer-2 h5, .footer-2 .footer-title {margin-bottom:20px; font-size:1.25rem; font-weight:500; line-height:1.2} .footer-2.about-block {margin-top:20px} header.bx-header.header {height:auto; position:static; top:0; display:block; z-index:5} .top-line__wrap {padding:8px; font-size:14px} .newheader {padding:15px 0} .newheader__wrap {display:flex; align-items:center; gap:30px; justify-content:space-between} .newheader__logo img {max-width:180px} .newheader__search {flex-grow:1} .newheader__lk svg {fill:var(--white-color)} .newheader__lk:hover svg {fill:var(--primary-color)} .main-forms {margin-top:30px; margin-bottom:30px} .main-forms__body {display:grid; grid-template-columns:1fr 1fr; gap:15px} .main-forms__title {margin:30px 0} .main-forms__tabs-header {display:flex; flex-direction:row; justify-content:center; gap:15px} .main-forms__tabs-header > span {padding:10px; border:1px solid #7d7d7d; border-radius:5px; cursor:pointer} .main-forms__tabs-header > span.active {border-color:#0089e5; background-color:#0089e5; color:#ffffff} .main-forms__tabs-body {margin-top:15px} .main-forms__tabs-body > div[data-tab-body]:not(.active) {display:none} .main-forms .custom_form {max-width:initial !important} .search-info__goods-title {font-size:26px; font-weight:500; margin-bottom:30px} .form_caption {font-weight:500} .form-check {font-size:14px; margin-bottom:10px} .custom_form label {font-weight:500} .search-page form {display:flex; align-items:center; justify-content:space-between} .search-page form input[type=text] {flex-grow:1; padding:5px 15px; width:calc(100% - 95px)} .search-page form input[type=submit] {padding:6px 15px; background:var(--secondary-color); border-radius:4px; color:var(--white-color); border:none; outline:none} .search-page form input[type=submit]:hover {background:var(--primary-color)} .popup {display:none} .popup__container {position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:1000; display:flex; justify-content:center; align-items:center} .popup__body {position:relative; max-width:500px; background-color:#ffffff; overflow:hidden; min-height:100px; border-radius:4px; padding:30px 20px 20px} .popup__close {position:absolute; right:20px; top:20px; cursor:pointer} .popup .form-label {width:100%} button[data-feedback] {padding:15px; background-color:var(--primary-color); color:#ffffff; border:1px solid var(--primary-color)} .main-page-title {font-size:30px; font-weight:600; margin-bottom:30px; text-align:center} /* п.8 ТЗ от 26.08: уменьшены отступы вокруг баннеров на главной */ .topbanner {margin-top:18px} /* Раньше баннер был картинкой (1443x42) с текстом на всю ширину — на мобильных при масштабировании по ширине текст сжимался до нечитаемых ~7px. Заменили на настоящий HTML-текст, который остаётся чётким и читаемым на любой ширине. */ /* п.4 правок от 03.09: на баннере появилась видимая кнопка справа от текста. Текст занимает свободное место, кнопка не сжимается. На узких экранах баннер переносит кнопку под текст. */ .topbanner__link {display:flex; align-items:center; justify-content:center; gap:14px; flex-wrap:wrap; background:linear-gradient(90deg,#050505 0%,#2b2b2b 100%); border-radius:8px; padding:10px 16px; text-decoration:none} .topbanner__text {color:#ffffff; font-weight:700; text-transform:uppercase; text-align:center; letter-spacing:.3px; font-size:clamp(12px,1.6vw,20px); line-height:1.35} .topbanner__btn {flex:0 0 auto; background:var(--primary-color,#0089e5); color:#ffffff; font-weight:600; font-size:clamp(11px,1.1vw,14px); padding:7px 16px; border-radius:6px; white-space:nowrap; transition:opacity .2s ease} .topbanner__link:hover .topbanner__btn {opacity:.88} #mainpage-slider {margin-bottom:28px !important} #mainpage-slider .simple-slider__item img {width:100%; height:auto; display:block} /* Правка от 06.09: картинки баннера и карточек обёрнуты в ради webp. display:contents убирает обёртку из вёрстки — размеры считаются так же, как когда img был прямым потомком блока. */ #mainpage-slider .simple-slider__item picture, .bx_catalog_item_images picture {display:contents} @media(min-width:992px) {.search-info__form {width:50%} } @media(min-width:1200px) {.footer-2.about-block {width:35%; flex:0 0 35%} .footer-2.menu {width:15%; flex:0 0 15%} } @media(min-width:1025px) {.mobile-sort {display:none} } @media(max-width:1024px) {.filters-content .catalog-sort {display:none} } @media(min-width:768px) and (max-width:992px) {.newheader__logo img {max-width:120px} h1.bx-title {font-size:26px !important} } @media(min-width:768px) and (max-width:991px) {h1.bx-title {font-size:26px !important; padding-bottom:0 !important} .main-page-title {font-size:26px} } @media(max-width:767px) {.main-forms__body {grid-template-columns:1fr} .floating-contact-main svg {width:20px; height:20px} .floating-contact-main {width:45px; height:45px} .to_top {width:44px; height:44px} .to_top .to_top_panel::before {line-height:1.2} .floating-contact-wrapper.position-right {right:75px} .header .top-line {display:none} .newheader {padding:10px 0 10px} /* Раскладка .newheader__wrap на мобильных (лого/бургер/иконки в один ряд, поиск отдельной строкой) задаётся в css/auth-modal.css — блок "Mobile Header 1-Line Clean Layout" (@media max-width:768px, все !important). Дублирующие правила здесь конфликтовали с ним и ломали раскладку (бургер съезжал в отдельную строку) — убраны, чтобы не спорить друг с другом. */ h1.bx-title {padding-bottom:0 !important} .main-page-title {font-size:22px} .topbanner { margin-top: 15px; } } /* Правка 16.09 (п.2 правок от 16.09): при прокрутке логотип на телефоне пропадал — его прятали ради места в «прилипшей» шапке. Заказчик просил оставить: логотип виден всегда, при прокрутке просто становится меньше. */ @media(min-width:576px) and (max-width:767px) {body.scrolled .newheader__logo img {max-width:120px} } @media(max-width:575px) {.catalog-sort__current {font-size:13px} .filter-mobile-toggle {font-size:13px} .category-count {font-size:13px} .newheader svg {width:20px; height:20px} body.scrolled .newheader__logo img {max-width:96px} } /* Правка от 08.09: на карточке товара единственным

стало название товара, а название раздела выводится тем же блоком, но тегом
. Все правила выше написаны на h1.bx-title, поэтому повторяем оформление, чтобы вид не изменился. */ div#pagetitle.bx-title {margin-top:0; margin-bottom:10px; padding-bottom:15px; font-size:26px; font-weight:600} @media(max-width:991px) {div#pagetitle.bx-title {padding-bottom:0} } /* п.10 правок от 10.09: заголовок формы заявки в попапе. */ .popup__title {font-size:20px; font-weight:600; margin:0 0 18px; padding-right:30px} /* ── ФОС из узкого баннера (п.1 правок от 10.09) ────────────────────────── Заказчик попросил тот же вид, что у формы регистрации. Компонент формы оставляем штатный — переопределяем только оформление, чтобы не плодить копию шаблона, которую потом придётся править в двух местах. */ .popup__container {padding:16px; overflow:auto} .popup__body {width:100%; max-width:440px; padding:28px 26px 24px; border-radius:20px; box-shadow:0 24px 60px rgba(15,23,42,.22); max-height:calc(100vh - 32px); overflow:auto} .popup__title {font-size:22px; font-weight:700; color:#0f172a; letter-spacing:-.3px; margin:0 0 22px; padding-right:30px; text-align:center} .popup__close {width:32px; height:32px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#f1f5f9; color:#64748b; right:18px; top:18px; transition:all .15s ease} .popup__close:hover {background:#e2e8f0; color:#0f172a} .popup .custom_form .mb-3, .popup .custom_form .form-group, .ds-lead-form .custom_form .mb-3, .ds-lead-form .custom_form .form-group {margin-bottom:14px} .popup .custom_form .form-label, .ds-lead-form .custom_form .form-label {display:block; width:100%; margin:0} /* п.2 правок от 11.09: подписи над полями убраны — остаётся только подсказка внутри поля и иконка слева, ровно как в формах входа и регистрации. У чекбокса согласия тот же класс form_caption, поэтому селектор — по span. */ .popup .custom_form span.form_caption, .ds-lead-form .custom_form span.form_caption {display:none} .popup .custom_form .form_input.form-control, .ds-lead-form .custom_form .form_input.form-control {width:100%; height:48px; padding:0 14px; border:1.5px solid #cbd5e1; border-radius:12px; background:#f8fafc; font-size:14px; color:#0f172a; font-weight:500; transition:all .2s ease; outline:none; box-shadow:none} .popup .custom_form textarea.form_input.form-control, .ds-lead-form .custom_form textarea.form_input.form-control {height:96px; padding:12px 14px; line-height:1.4; resize:vertical} .popup .custom_form .form_input.form-control:focus, .ds-lead-form .custom_form .form_input.form-control:focus {border-color:#0089e5; background:#fff; box-shadow:0 0 0 3px rgba(0,137,229,.14)} .popup .custom_form .form_input.form-control::placeholder, .ds-lead-form .custom_form .form_input.form-control::placeholder {color:#94a3b8; font-weight:400} /* Согласие — как в регистрации: чекбокс слева, текст в одну строку с ним. */ .popup .custom_form .form-check, .ds-lead-form .custom_form .form-check {display:block} .popup .custom_form .form-check .form-label, .ds-lead-form .custom_form .form-check .form-label {display:flex; align-items:flex-start; gap:9px; margin:2px 0 4px; font-size:13px; line-height:1.35; color:#475569; cursor:pointer} .popup .custom_form .form-check-input, .ds-lead-form .custom_form .form-check-input {flex:0 0 auto; width:17px; height:17px; margin:1px 0 0; accent-color:#0089e5; cursor:pointer} .popup .custom_form .form-check .form_input, .ds-lead-form .custom_form .form-check .form_input {font-size:13px; color:#475569; font-weight:400} .popup .custom_form .form-check .form_input a, .ds-lead-form .custom_form .form-check .form_input a {color:#0089e5} .popup .custom_form .form-text, .ds-lead-form .custom_form .form-text {display:block; font-size:12px; color:#dc2626; margin-top:4px} .popup .custom_form .form-text:empty, .ds-lead-form .custom_form .form-text:empty {display:none} .popup .custom_form .btn.btn-primary, .ds-lead-form .custom_form .btn.btn-primary {width:100%; height:48px; margin-top:10px; background:#0089e5; border:none; border-radius:12px; color:#fff; font-size:15px; font-weight:600; box-shadow:0 4px 14px rgba(0,137,229,.32); transition:all .2s ease} .popup .custom_form .btn.btn-primary:hover, .ds-lead-form .custom_form .btn.btn-primary:hover {background:#0072c4; transform:translateY(-1px); box-shadow:0 6px 18px rgba(0,137,229,.4)} .popup .custom_form .custom_result, .ds-lead-form .custom_form .custom_result {margin-top:12px; font-size:13.5px; color:#12805c} /* ── Кнопка заявки для товаров «Под заказ» (п.3 правок от 10.09) ───────── */ .ds-request-link {display:inline-flex; align-items:center; justify-content:center; width:100%; box-sizing:border-box; text-align:center; padding:10px 12px; border-radius:8px; background:var(--secondary-color, #0089e5); color:#fff !important; font-size:13px; font-weight:600; text-decoration:none; line-height:1.2} .ds-request-link:hover {background:var(--primary-color, #0072c4); color:#fff !important; text-decoration:none} .ds-request-link--big {height:53px; padding:14px 20px; font-size:15px; border-radius:10px} /* Иконки полей формы заявки — тот же набор, что в окне входа. */ .popup .custom_form .form_input.form-control, .ds-lead-form .custom_form .form_input.form-control {padding-left:42px; background-repeat:no-repeat; background-position:14px center} .popup .custom_form textarea.form_input.form-control, .ds-lead-form .custom_form textarea.form_input.form-control {padding-left:42px; background-position:14px 14px} .popup .custom_form input[name="CF_NAME"].form_input.form-control, .ds-lead-form .custom_form input[name="CF_NAME"].form_input.form-control {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E")} .popup .custom_form input[name="CF_EMAIL"].form_input.form-control, .ds-lead-form .custom_form input[name="CF_EMAIL"].form_input.form-control {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'/%3E%3Cpolyline points='22,6 12,13 2,6'/%3E%3C/svg%3E")} .popup .custom_form input[name="CF_PHONE"].form_input.form-control, .ds-lead-form .custom_form input[name="CF_PHONE"].form_input.form-control {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.12 4.2 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E")} .popup .custom_form textarea[name="CF_COMMENT"].form_input.form-control, .ds-lead-form .custom_form textarea[name="CF_COMMENT"].form_input.form-control {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E")} /* ── Правка 15.09 (п.2–3 ТЗ): «Ничего не найдено» в поиске ───────────────── Текст — обычным начертанием и крупнее; рядом та же форма заявки, что во всплывающем окне (правила .popup .custom_form выше продублированы для .ds-lead-form). */ .ds-search-empty {display:grid; grid-template-columns:minmax(0,1fr) 440px; gap:40px; align-items:start; margin-top:10px} .ds-search-empty__text p {font-size:18px; line-height:1.6; font-weight:400; color:#1e293b; margin:0 0 12px} .ds-search-empty__text p.ds-search-empty__title {font-size:24px; line-height:1.35; font-weight:600; color:#0f172a; margin-bottom:14px} .ds-lead-form {background:#fff; border:1px solid #e2e8f0; border-radius:20px; padding:28px 26px 24px; box-shadow:0 12px 36px rgba(15,23,42,.08)} .ds-lead-form__title {font-size:22px; font-weight:700; color:#0f172a; letter-spacing:-.3px; margin:0 0 22px; text-align:center} .ds-lead-form .custom_form {max-width:none !important} @media (max-width:991px) { .ds-search-empty {grid-template-columns:1fr; gap:24px} .ds-lead-form {max-width:480px} } @media (max-width:575px) { .ds-search-empty__text p {font-size:16px} .ds-search-empty__text p.ds-search-empty__title {font-size:20px} .ds-lead-form {padding:22px 16px 18px} } /* Глобальное правило textarea.form-control {border:#e9e2ca; background:none; padding:20px 15px} стоит с !important и перебивало поле комментария в форме заявки (и в окне, и в поиске): бежевая рамка, без иконки. Возвращаем оформление как у остальных полей. */ .popup .custom_form textarea.form_input.form-control, .ds-lead-form .custom_form textarea.form_input.form-control { border:1.5px solid #cbd5e1 !important; background-color:#f8fafc !important; padding:12px 14px 12px 42px !important; min-height:96px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E") !important; background-repeat:no-repeat !important; background-position:14px 14px !important} .popup .custom_form textarea.form_input.form-control:focus, .ds-lead-form .custom_form textarea.form_input.form-control:focus {border-color:#0089e5 !important; background-color:#fff !important} /* Правка 15.09 (п.7 ТЗ): «В корзине» — не блокированная кнопка: по клику добавляется ещё товар. Раньше была полупрозрачной и с курсором «нельзя». */ .product-buy-link.product-buy-link_in-cart {cursor:pointer; opacity:1; background:#fff !important; color:var(--secondary-color, #0089e5) !important; box-shadow:inset 0 0 0 1.5px var(--secondary-color, #0089e5)} .product-buy-link.product-buy-link_in-cart:hover {background:var(--secondary-color, #0089e5) !important; color:#fff !important} /* ── Правка 16.09 (п.3 правок от 16.09): на телефоне полоса «Не нашли нужные запчасти» занимала почти экран, а баннеры выглядели мелкими. Полосу делаем компактной, баннеры — во всю ширину экрана. */ @media (max-width: 767px) { .topbanner {margin-top: 10px} .topbanner__link {gap: 8px; padding: 8px 12px; border-radius: 10px} .topbanner__text {font-size: 13px; line-height: 1.25; letter-spacing: 0} .topbanner__btn {font-size: 12px; padding: 6px 12px} #mainpage-slider {margin-bottom: 16px !important} #mainpage-slider .simple-slider__item img {border-radius: 0} } @media (max-width: 575px) { .topbanner__text {font-size: 12px} } /* ===== Правки от 16.09 (список после совещания) ===== */ /* п.1: на части экранов текст баннера «Не нашли нужные запчасти?» оставался один на всю строку, а кнопка съезжала под него — баннер «размазывался». На десктопе строку больше не переносим: кнопка всегда справа от текста, а сам текст при нехватке места переносится внутри своего блока. */ @media (min-width: 768px) { .topbanner__link {flex-wrap: nowrap} .topbanner__text {flex: 0 1 auto; min-width: 0; font-size: clamp(13px, 1.35vw, 18px)} } /* п.2: шапка «прилипает» при прокрутке на всех страницах, а не только на главной. body с overflow-x:hidden делает из тела страницы прокручиваемый контейнер, и часть браузеров из-за этого отключает position:sticky. overflow-x:clip режет так же, но контейнер прокрутки не создаёт — sticky работает везде. */ body {overflow-x: clip !important} /* Правка 17.09: «прилипает» шапка только на главной — класс ds-header-sticky ставит header.php. На остальных страницах она прокручивается вместе со страницей. */ header.bx-header.header.ds-header-sticky {position: sticky !important; top: 0; z-index: 1000} header.bx-header.header:not(.ds-header-sticky) {position: static !important} /* п.5: на широких экранах контейнер упирался в 1140–1200px и по бокам оставались широкие белые поля. Расширяем — заодно в ряд помещается 6 товаров. От 1600px ширину задаёт правило выше (1570px), там полей и так немного. */ @media (min-width: 1200px) { /* Правка 18.09 (п.1): одинаковое рабочее поле на всех страницах — как на главной. */ /* Правка 21.09: заказчик просит рабочее поле как на ВБ — контент тянется на всю ширину окна, по бокам остаются только поля-отступы. Потолок ширины убран. */ .container {width: calc(100% - 110px) !important; max-width: none !important} /* Правка 18.09: шапка и подвал одинаковой ширины на всех страницах — иначе логотип, поиск и корзина «прыгали» при переходе с главной на внутренние. */ header.bx-header .container, .bx-footer .container {width: calc(100% - 110px) !important; max-width: none !important} } /* End */ /* Start:/bitrix/templates/pvgroup_60146_/template_styles.css?1789017257101235*/ :root {--black-color:#000; --dark-color:#222; --primary-color:#0089e5; --secondary-color:#00487f; --white-color:#fff; --light-gray-color:#efefef; --gray-color:#d3d3d3; --dark-gray-color:#939393} body {font-family:"Montserrat",sans-serif; font-size:16px; line-height:1.5; letter-spacing:0; font-weight:400} a:hover,a:focus {border:none; outline:none} @media (max-width:1100px) {#bx-panel {display:none !important} .header-topnav {display:none} .bx-basket-block {width:100%} .bx-worktime {display:none} } #site_closed_bg {background-color:#a36749} #site_closed {background:url("/bitrix/templates/pvgroup_60146_/images/kupilka-logo.png") no-repeat scroll center center; height:500px; margin-top:50px} .bx-basket-item-list-container {overflow-y:scroll; max-height:500px} .client {border-top:1px solid #ededed} .client .col-md-4 {width:25%} .client .bx-newslist-img {height:80px; margin:0; line-height:92px} .client .bx-newslist-title {display:none} .client .bx-newslist-container {height:80px; margin-bottom:30px} .client h3 {text-decoration-line:underline} .client .bx-newslist-block {margin:0} @media (max-width:768px) {.client {display:none} } .bx_stick {background:none !important; background-color:#0a7070 !important; color:#fff; text-shadow:none !important; right:auto !important; margin-top:-20px !important; left:0 !important; top:0 !important; height:20px !important; line-height:20px !important; width:123px !important} .bx_stick::after {content:''; position:absolute; top:0; left:103px; display:block; width:0; height:0; border:25px solid transparent; border-left-color:#fff; transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg)} .bx_item_detail .bx_bigimages .bx_stick {left:0 !important; right:auto !important; margin-top:0 !important; top:0 !important; height:35px !important; line-height:35px !important} .bx_item_detail .bx_bigimages .bx_stick::after {display:none} .bx_item_list_you_looked_horizontal .bx_stick.top,.bx_item_list_you_looked_horizontal .bx_stick_disc.top {display:none} .bx-section-desc-post {margin:15px 0 30px} .top_product,.saleleader .bx_stick {background:#ba5e11 !important} .sale_product,.specialoffer .bx_stick {background:#ba1111 !important} .fixed {position:fixed; top:0; width:100%; z-index:99; box-shadow:0 1px 6px 0 rgba(32,33,36,0.28); padding:0 !important} .fixed .bx-logo img {height:50px; width:auto} .top {margin-top:150px} .bx-header {width:100% !important} @media (max-width:768px) {.bx-aside-nav-control {z-index:999999} .top {margin-top:0} } .banners_main {width:100%; float:left; margin:18px 0; position:relative; overflow:hidden; z-index:599; background:#fff !important} .banners_main .row {width:100%; display:table; margin:0} .banners_main .banner-item {height:265px; display:table-cell; vertical-align:bottom; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box} .banners_main .item-block-cont {width:75%; display:table; margin:0; padding:24px 31px; position:relative; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; bottom:55px} .banners_main .banner-item:hover .item-block-cont {height:265px} .banners_main .item-block-cont:after {width:100%; height:100%; position:absolute; left:0; top:0; opacity:0} .banners_main .banner-item:hover .item-block-cont:after {opacity:1} .banners_main .item-block {display:table-cell; vertical-align:bottom; position:relative; z-index:599} .banners_main .item-btn {overflow:hidden} .banners_main .banner-item:hover .item-btn {padding:0 0 50px 0} .banners_main button[name="item-button"] {margin:0; padding:5px 20px; position:absolute; left:0; bottom:-31px; opacity:0; background:#ffd61e; color:#000; border:1px solid #ffd61e; border-radius:0; font-weight:700} .banners_main button[name="item-button"]:hover {background:#000; color:#fff; border:1px solid #000} .banners_main .banner-item:hover button[name="item-button"] {bottom:0; opacity:1} .banners_main button[name="item-button"]:after {position:absolute; right:14px; top:50%; margin:-4px 0 0 0} .banners_main {-moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px} .banners_main .row {border-top:15px solid #fff; border-bottom:15px solid #fff} .banners_main .row:first-child {border-top:none} .banners_main .row:last-child {border-bottom:none} .banners_main .banner-item {text-decoration:none; border-left:15px solid #fff; border-right:15px solid #fff; background-position:center; background-repeat:no-repeat; background-size:cover; background-color:#fff} .banners_main .banner-item:first-child {border-left:none} .banners_main .banner-item:last-child {border-right:none} .banners_main .item-btn {-webkit-transition:all 0.15s ease 0s; -moz-transition:all 0.15s ease 0s; -o-transition:all 0.15s ease 0s; transition:all 0.15s ease 0s} .banners_main .item-text {font-size:30px; font-weight:700; color:#fff; line-height:55px} .banners_main .item-text.small {font-size:18px; line-height:20px; font-weight:700} .banners_main button[name="item-button"]:after {border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:5px solid #bea201; -webkit-transition:all 0.15s ease 0s; -moz-transition:all 0.15s ease 0s; -o-transition:all 0.15s ease 0s; transition:all 0.15s ease 0s} .banners_main button[name="item-button"]:hover:after {border-left-color:#fff} .banners_main .row {margin-bottom:0} .top-panel {padding-top:0.1rem; border-bottom:#454545; font-size:13px; text-align:left; height:51px; background:#222} .top-panel_wrap {align-items:center; display:flex; flex-flow:row wrap; min-height:51px} .top-panel_tel {flex-grow:2; font-size:18px; font-weight:400} .top-panel_login {margin-right:100px} .top-panel_search {} .bx-searchtitle {margin:0} .flaticon-smartphone::before {color:#ffd61e; font-size:25px; vertical-align:middle} .bx-hdr-profile {} .bx-basket-block1 {font-size:13px; float:left; padding-right:20px; line-height:45px} .bx-basket-block1 a {color:#fff; border-bottom:none; margin-right:0} .bx-basket-block1 a:hover {color:#ffd61e} .bx-basket-block2 {font-size:15px} .bx-basket-block2 a {border-bottom:none; margin-right:0} .bx-basket-block2 a:hover {color:#13d754} .flaticon-shopping-cart {color:#fff; cursor:pointer} .flaticon-shopping-cart::before {font-size:24px; padding-right:10px; line-height:30px} .top-panel_search .bx-searchtitle .bx-input-group-btn button {background:#fff; color:#000 !important; padding:7px 12px; border-radius:0} .bx-searchtitle .bx-input-group-btn button {background:none; color:#000 !important} .bx-searchtitle .bx-input-group-btn button:hover {background:#fff !important; color:#ba1111 !important} .bx-searchtitle .bx-input-group {background:#fff} .flaticon-magnification-lens::before {font-size:18px} .bx-searchtitle .bx-input-group .bx-form-control {background:none; border:none} .top-panel #title-search-input[type="search"] {width:120px; font-size:13px; height:37px; padding:7px 44px 7px 7px; transition:all 0.4s ease 0s; background:#fff} .top-panel #title-search-input[type="search"]:focus {box-shadow:none; margin-left:-30px; width:150px; background:#fff} .bx-basket-block2 .count {border-radius:620px; color:#000; font-size:12px; height:21px; line-height:21px; overflow:hidden; position:absolute; text-align:center; text-overflow:ellipsis; vertical-align:middle; width:21px; background:#ffd61e; margin-left:-13px; margin-top:-6px} .bx-basket-block2 .sum {display:none} .top-panel .bx-basket-block2 {display:none} .header-container .bx-basket-block1 {display:none} .top-panel .bx-searchtitle .bx-input-group .bx-form-control {color:#000} #bid {position:relative} .bx-basket-item-list {display:none; position:absolute; right:0; z-index:9999; background:#fff; width:300px; margin-top:10px; box-shadow:0 2px 24px rgba(41,41,41,0.22)} .bx-basket-item-list-item-img {text-align:left; float:left; position:static} .bx-basket-item-list-item-img img {margin:0 20px 10px 0} .bx-basket-item-list-item-name a {font-size:14px; color:#000} .bx-basket-item-list-item-name a:hover {color:#ba1111} .bx-basket-item-list-item-price-old {display:none} .bx-basket-item-list-item-price {color:#000; margin-right:0} .bx-basket-item-list-item-price .item-quantity {font-size:14px} .bx-basket-item-list-item-price .item-price {font-size:20px} .bx-basket-item-list-item-price strong {font-weight:normal} .bx-basket-item-list-item-status {display:none} .bx-basket-item-list-container {margin-top:25px; padding:5px 30px 21px} .bx-basket-item-list-item {padding-bottom:20px; margin:0; padding-left:0; padding-right:7px} .bx-basket-item-list-item-remove {right:-20px; background:none; font-size:16px; color:#ba1111; opacity:1; top:8px} .bx-basket-item-list-item-remove:hover {color:#000} .bx-basket-item-list-item-remove::before {font-family:'FontAwesome'; content:"\f00d"} .bx-basket-item-list-button-container {background:none; border-top:1px solid #e9e2ca; padding:24px 30px 10px 30px} .bx-basket-item-list-button-container a.btn {background:#ffd61e; border-color:#ffd61e; border-width:2px; padding:15px 30px; color:#000; border-radius:0; width:100%} .bx-basket-item-list-button-container a.btn:hover {background-color:#ba1111; color:#fff; border-color:#ba1111} .bx-opener .bx-basket-item-list {padding-bottom:200px} .bx-basket-item-list-item-price-summ {display:none} .total_sum {float:right; color:#011e1b; font-weight:400; font-size:18px} .total_text {display:inline-block; float:left; color:#011e1b; font-size:15px} .total {display:block; padding-bottom:40px} .no_products_list .bx-basket-item-list {padding:0; margin:0; padding:30px} .no_products {color:#000; font-size:14px} .header-container_wrap {display:flex; align-content:stretch; align-items:flex-start; justify-content:space-between; position:relative} .top-panel_login2 {order:4; display:block; align-self:auto; flex:0 1 auto; position:relative; text-align:left; margin-top:14px; margin-left:10px} .bx-top-nav .bx-top-nav-container {background:none} .bx-top-nav-container .bx-nav-1-lvl > a {color:#fff; font-weight:700; font-size:14px} .bx-top-nav .bx-top-nav-container .bx-nav-1-lvl.bx-hover > a,.bx-top-nav .bx-top-nav-container .bx-nav-1-lvl.bx-active > a,.bx-top-nav .bx-top-nav-container .bx-nav-1-lvl:hover > a {color:#ffd61e; background:none; text-decoration:none} .bx-top-nav-container {margin-top:0} .bx-top-nav-container .bx-nav-1-lvl {float:none} .bx-top-nav-container .bx-nav-1-lvl:hover,.bx-top-nav-container .bx-nav-1-lvl.bx-active {} .bx-top-nav-container .bx-nav-2-lvl > a:hover {color:#ba1111} .bx-top-nav-container .bx-nav-list-2-lvl {background:#fff; box-shadow:0 2px 24px rgba(41,41,41,0.22)} .bx-top-nav-container .bx-nav-2-lvl > a {color:#000; font-weight:400; font-size:14px} .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl {width:auto} .compare-top {position:relative; flex:0 1 auto; order:3} .addtoCompare-top {color:#fff; font-family:"Flaticon"; font-size:26px; position:absolute; top:10px; right:70px} .addtoCompare-top:hover {color:#ffd61e !important} .addtoCompare-top::before {content:"\f11a"} .add-compare-top {position:absolute; top:-33px; right:52px; background:#000; color:#fff; z-index:999; border-radius:2px; font-size:10px; padding:5px} .add-compare-top::after {border-color:#000 transparent transparent; border-style:solid; border-width:4px 2px 0; bottom:-4px; content:""; height:0; left:50%; position:absolute; transform:translate(-50%,0px); width:0} .favorite-top {position:relative; right:70px; bottom:55px} .addtoFavorite-top {color:#fff; font-family:"Flaticon"; font-size:26px; position:absolute; top:10px; right:20px} .addtoFavorite-top:hover {color:#ffd61e !important} .addtoFavorite-top::before {content:"\f132"} .add-favorite-top {position:absolute; top:-33px; right:2px; background:#000; color:#fff; z-index:999; border-radius:2px; font-size:10px; padding:5px} .add-favorite-top::after {border-color:#000 transparent transparent; border-style:solid; border-width:4px 2px 0; bottom:-4px; content:""; height:0; left:50%; position:absolute; transform:translate(-50%,0px); width:0} .carousel-indicators li {border:1px solid #ffd61e} .carousel-indicators .active {background-color:#ffd61e; border:1px solid #ffd61e} .img-responsive,.thumbnail > img,.thumbnail a > img,.carousel-inner > .item > img,.carousel-inner > .item > a > img {width:100%; height:650px; object-fit:cover; background-size:cover !important; background-position:50% 50% !important} .carousel-control,.carousel-control:hover {opacity:1} .carousel .fa-angle-right,.carousel .fa-angle-left {display:none; font-size:24px; background:#ffd61e; height:35px; width:35px; line-height:35px; color:#000; text-shadow:none; border-radius:3px} .carousel .fa-angle-right:hover,.carousel .fa-angle-left:hover {background:#ba1111; color:#fff} .carousel:hover .fa-angle-right,.carousel:hover .fa-angle-left {display:block} .bx-slider-preset-4 .bx-advertisingbanner-text-title {font-weight:bold; text-align:left; overflow-wrap:break-word; hyphens:auto; text-transform:uppercase} .bx-advertisingbanner-text-block {text-align:left; margin-top:54px; height:160px} .bx-slider-preset-4 .bx-advertisingbanner-btn {float:left; font-size:16px; padding:20px 50px; text-transform:uppercase; background:#ffd61e !important; border-radius:0; color:#000 !important; font-weight:700; border:1px solid #ffd61e} .bx-slider-preset-4 .bx-advertisingbanner-btn:hover {background:#ba1111 !important; color:#fff !important; border-color:#ba1111} .top-slider .bx-slider-preset-4 .bx-advertisingbanner-text-title {opacity:0} .top-slider .bx-slider-preset-4 .bx-advertisingbanner-text-title {animation-name:myopacity; -webkit-animation-name:myopacity; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; -o-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-timing-function:ease-out; -webkit-animation-timing-function:ease-out; -o-animation-timing-function:ease-out; -moz-animation-timing-function:ease-out; -webkit-animation-delay:0.5s; animation-delay:0.5s; -o-animation-delay:0.5s; -moz-animation-delay:0.5s; animation-duration:0.5s; -webkit-animation-duration:0.5s; -o-animation-duration:0.5s; -moz-animation-duration:0.5s} .top-slider .bx-advertisingbanner-text-block {opacity:0} .top-slider .bx-advertisingbanner-text-block {animation-name:myopacity-2; -webkit-animation-name:myopacity-2; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; -o-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-timing-function:ease-out; -webkit-animation-timing-function:ease-out; -o-animation-timing-function:ease-out; -moz-animation-timing-function:ease-out; -webkit-animation-delay:1s; animation-delay:1s; -o-animation-delay:1s; -moz-animation-delay:1s; animation-duration:0.3s; -webkit-animation-duration:0.3s; -o-animation-duration:0.3s; -moz-animation-duration:0.3s} .top-slider .bx-slider-preset-4 .bx-advertisingbanner-btn {opacity:0} .top-slider .bx-slider-preset-4 .bx-advertisingbanner-btn {animation-name:myopacity-2; -webkit-animation-name:myopacity-2; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; -o-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-timing-function:ease-out; -webkit-animation-timing-function:ease-out; -o-animation-timing-function:ease-out; -moz-animation-timing-function:ease-out; -webkit-animation-delay:1.3s; animation-delay:1.3s; -o-animation-delay:1.3s; -moz-animation-delay:1.3s; animation-duration:0.3s; -webkit-animation-duration:0.3s; -o-animation-duration:0.3s; -moz-animation-duration:0.3s} @keyframes myopacity {0% {opacity:0} 25% {opacity:.25} 50% {opacity:.5} 75% {opacity:.75} 100% {opacity:1} } @-webkit-keyframes myopacity {0% {opacity:0} 25% {opacity:.25} 50% {opacity:.5} 75% {opacity:.75} 100% {opacity:1} } @keyframes myopacity-2 {0% {opacity:0; margin-left:40px} 25% {opacity:.25; margin-left:30px} 50% {opacity:.5; margin-left:20px} 75% {opacity:.75; margin-left:10px} 100% {opacity:1; margin-left:0} } @-webkit-keyframes myopacity-2 {0% {opacity:0; margin-left:40px; margin-right:-40px} 25% {opacity:.25; margin-left:30px; margin-right:-30px} 50% {opacity:.5; margin-left:20px; margin-right:-20px} 75% {opacity:.75; margin-left:10px; margin-right:-10px} 100% {opacity:1; margin-left:0; margin-right:0} } .workarea {margin-top:20px} .bx_catalog_tile_home_type_2 .bx_catalog_item_title a {color:#000; font-size:15px; font-weight:400} .bx_catalog_tile_home_type_2 .bx_catalog_item_title a:hover {color:#ba1111} .bx_catalog_tile_home_type_2 .bx_catalog_item_title {text-align:center; height:initial; padding:16px 10px 25px} .bx_catalog_tile_home_type_2 .bx_catalog_item_price {text-align:center; margin-top:12px; padding:0 10px 16px 10px} .bx_catalog_tile_home_type_2 .bx_catalog_item_price span {} .bx_catalog_tile_home_type_2 .bx_catalog_item_price .bx_price {font-size:26px; color:#ba1111; font-weight:700} .bx_catalog_tile_home_type_2.col4 .bx_catalog_item {margin-right:30px; padding:0; width:262px; background:#f9f5e8; margin-bottom:30px} .bx_catalog_tile_home_type_2 .bx_catalog_item_images_double,.bx_catalog_tile_home_type_2 .bx_catalog_item_images {background-position:center top; padding-top:100%; border-radius:0} .bx_catalog_tile_home_type_2 .fa-angle-left,.bx_catalog_tile_home_type_2 .fa-angle-right {font-family:'FontAwesome'; height:35px; width:35px; font-size:18px; line-height:35px; background:#f9f5e8; text-align:center; display:inline-block; position:absolute; top:30%; z-index:910; cursor:pointer} .bx_catalog_tile_home_type_2 .fa-angle-left:hover,.bx_catalog_tile_home_type_2 .fa-angle-right:hover {background:#fc5047; color:#fff} .bx_catalog_tile_home_type_2 .fa-angle-left {left:-52px} .bx_catalog_tile_home_type_2 .fa-angle-right {left:1155px} .bx_catalog_tile_home_type_2 .bx_catalog_item_controls .bx_catalog_item_controls_blocktwo a {position:absolute; top:30%; z-index:910} .content .img-responsive,.content .thumbnail > .content img,.content .thumbnail a > img,.content .carousel-inner > .content .item > .content img,.content .carousel-inner > .content .item > .content a > .content img {width:100%; height:440px; object-fit:cover} .content .bx-slider-preset-4 .bx-advertisingbanner-content {padding:9% 20% 0} .bx_catalog_item_controls_blocktwo .flaticon-curve-arrows {left:30px; color:#5f9c30} .bx_catalog_item_controls_blocktwo .flaticon-shopping-cart {color:#5f9c30; left:170px} .bx_catalog_item_controls_blocktwo .flaticon-curve-arrows::before {font-size:23px; line-height:50px} .bx_catalog_item_controls_blocktwo .flaticon-shopping-cart::before {font-size:23px; line-height:50px; padding-left:10px} .bx_catalog_item_controls_blocktwo a {border-radius:50%; width:50px; height:50px; background:#f9f5e8} .bx_catalog_item_controls_blocktwo a:hover {background:#5f9c30; color:#fff} .bx_catalog_tile_home_type_2 .bx_stick_disc {background:#ba1111; width:45px; height:45px; font-size:14px; line-height:45px; left:20px; top:20px; text-shadow:none} .content .bx-advertisingbanner-content {padding-left:66px !important; padding-top:86px !important; padding-bottom:10px !important; padding-right:10px !important; text-align:left !important} .content .bx-advertisingbanner-text-block {height:100px} .top-slider .bx-slider-preset-4 .bx-advertisingbanner-content {text-align:left !important; padding-top:10% !important; padding-right:35% !important} .top-slider .bx-slider-preset-4 .bx-advertisingbanner-content {text-align:left !important; padding-top:6% !important; padding-right:10% !important; padding-left:12%} .bx-advertisingbanner-text-title {width:auto !important; padding:14px 15px !important} .content .bx-slider-preset-4 .bx-advertisingbanner-content {box-shadow:0 0 0 0 rgba(95,156,48,0) inset; transition-property:opacity,box-shadow; -webkit-transition-property:opacity,box-shadow; -moz-transition-property:opacity,box-shadow; -o-transition-property:opacity,box-shadow; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-delay:0s; -moz-transition-delay:0s; -o-transition-delay:0s; transition-delay:0s} .content .bx-slider-preset-4:hover .bx-advertisingbanner-content {box-shadow:0 0 0 10px rgba(95,156,48,0.8) inset; transition-delay:0s; -webkit-transition-delay:0s; -moz-transition-delay:0s; -o-transition-delay:0s} .content .bx-slider-preset-4 .bx-advertisingbanner-btn {border-color:#e9e2ca} .content .bx-slider-preset-4 .bx-advertisingbanner-btn:hover {opacity:1} .content .bx-slider-preset-4:hover .bx-advertisingbanner-btn {background:#e9e2ca; color:#000} .content .bx-slider-preset-4 img {-moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; -webkit-transition:all 0.4s ease} .content .bx-slider-preset-4:hover img {-webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); opacity:0.9} .content .bx-advertisingbanner-text-title {} .glavnaya {margin-top:37px; margin-bottom:32px !important} .bx-slider-preset-4 {} .listitem-carousel {position:relative; padding-left:0; margin-bottom:37px} .workarea.pleft .listitem-carousel {left:-17px; width:754px} .listitem-carousel ul {overflow:hidden; padding:2px; margin:0} .listitem ul li,.listitem-carousel ul li {width:274px !important; height:388px !important; display:inline-block; vertical-align:top; background:#f9f5e8; position:relative; margin-right:30px; margin-bottom:30px; border-radius:5px} .workarea.pleft .listitem-carousel ul li {margin:10px 15px} .listitem_horizontal {width:100%} .thumbSlider ul li,.listitem_horizontal>li {display:block; background:#fff; box-shadow:0 0 4px rgba(123,152,165,0.4); margin:15px 4px 30px; position:relative} .caroufredsel_wrapper {padding-right:6px} .lsnn,.lsnn li {list-style:none !important} .lsnn:before,.lsnn li:before {content:none !important} .tac img {width:274px; border-radius:5px 5px 0 0} .listitem-carousel .item_title {color:#011e1b; font-size:15px; font-weight:700; padding:10px; display:block; text-align:center} .listitem-carousel .price {padding:0 10px; display:block; text-align:center} .listitem-carousel .price .item_price {font-size:20px; color:#3f3f3f; font-weight:bold} .listitem-carousel .price .old-price {font-size:12px; color:#a5a5a5; text-decoration:line-through} #prev,#prev2 {position:absolute; top:45%; left:-52px; font-family:"FontAwesome"; background:#f9f5e8; height:35px; width:35px; font-size:18px; line-height:35px; text-align:center; color:#7d7d7d; border-radius:3px} #prev::before,#prev2::before {content:"\f104"} #next,#next2 {position:absolute; top:45%; right:-50px; font-family:"FontAwesome"; background:#f9f5e8; height:35px; width:35px; font-size:18px; line-height:35px; text-align:center; color:#7d7d7d; border-radius:3px} #next::before,#next2::before {content:"\f105"} #prev:hover,#next:hover,#prev2:hover,#next2:hover {background:#fc5047; color:#fff} .pager,.pager2 {display:none !important} .bx_catalog_tile_home_type_2 .bx_catalog_item .bx_catalog_item_scu {background:#f5f5f5; padding:0 25px; z-index:9999; box-shadow:none !important; left:-1px} .addtoFavorite,.addedtoFavorite,.favoriteload {position:absolute !important; top:110px; z-index:920; left:105px; font-family:"Flaticon"; line-height:50px !important; width:50px; height:50px; font-size:24px; background-color:#ba1111; color:#fff; text-align:center; border-radius:50%} .addtoFavorite::before {content:"\f132"} .addedtoFavorite {font-size:32px !important} .added-favorite,.add-favorite {position:absolute; top:75px; left:72px; background:#000; color:#fff; z-index:999; border-radius:2px; font-size:10px; padding:5px} .added-favorite::after,.add-favorite::after {border-color:#000 transparent transparent; border-style:solid; border-width:4px 2px 0; bottom:-4px; content:""; height:0; left:50%; position:absolute; transform:translate(-50%,0px); width:0} .addedtoFavorite:focus {color:#fff !important} .addedtoFavorite:hover {color:#fff !important} .addtoCompare,.addedtoCompare,.compareload {position:absolute !important; top:110px; z-index:920; left:35px; font-family:"Flaticon"; line-height:50px !important; width:50px; height:50px; font-size:24px; background-color:#ba1111; color:#fff; text-align:center; border-radius:50%} .addtoCompare::before {content:"\f11a"} .addedtoCompare {font-size:32px !important} .added-compare,.add-compare {position:absolute; top:75px; left:2px; background:#000; color:#fff; z-index:999; border-radius:2px; font-size:10px; padding:5px} .added-compare::after,.add-compare::after {border-color:#000 transparent transparent; border-style:solid; border-width:4px 2px 0; bottom:-4px; content:""; height:0; left:50%; position:absolute; transform:translate(-50%,0px); width:0} .addedtoCompare:focus {color:#fff !important} .addedtoCompare:hover {color:#fff !important} .addtoCart,.addedtoCart,.cartload {position:absolute !important; top:110px; z-index:920; right:35px; font-family:"Flaticon"; line-height:50px !important; width:50px; height:50px; font-size:24px; background-color:#ba1111; color:#fff; text-align:center; border-radius:50%} .addedtoCart {font-size:32px !important} .addtoCart::before {content:"\f15d"} .addtoCart:hover,.addedtoCart:hover,.addedtoCompare:hover,.addtoCompare:hover,.addtoFavorite:hover,.addedtoFavorite:hover {background-color:#000; color:#fff} .addedtoCompare::before,.addedtoCart::before,.addedtoFavorite::before {content:"\f109"} .compareload,.cartload,.favoriteload {background:#ba1111 url("/bitrix/templates/pvgroup_60146_/images/rolling_prod.svg") no-repeat scroll 50% 50%} .compareload:hover,.cartload:hover,.favoriteload:hover {background:#000 url("/bitrix/templates/pvgroup_60146_/images/rolling_prod.svg") no-repeat scroll 50% 50%} .addedtoCart:focus {color:#fff !important} .addedtoCart:hover {color:#fff !important} @media (max-width:767px) {.addtoCompare,.addtoCart,.addedtoCart,.cartload,.addedtoCompare,.compareload,.addtoFavorite,.addedtoFavorite,.favoriteload {opacity:1 !important; margin-top:0 !important} .top-panel_login,.top-panel_search {display:none} } .addtoCompare,.addtoCart,.addedtoCart,.cartload,.addedtoCompare,.compareload,.addtoFavorite,.addedtoFavorite,.favoriteload {opacity:0; margin-top:20px; transition-property:opacity,margin-top; -webkit-transition-property:opacity,margin-top; -moz-transition-property:opacity,margin-top; -o-transition-property:opacity,margin-top; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-delay:0s; -moz-transition-delay:0s; -o-transition-delay:0s; transition-delay:0s} .bx_catalog_item_container:hover .addtoCompare,.bx_catalog_item_container:hover .addtoCart,.bx_catalog_item_container:hover .addedtoCart,.bx_catalog_item_container:hover .cartload,.bx_catalog_item_container:hover .addedtoCompare,.bx_catalog_item_container:hover .compareload,.bx_catalog_item_container:hover .addtoFavorite,.bx_catalog_item_container:hover .addedtoFavorite,.bx_catalog_item_container:hover .favoriteload {opacity:1; margin-top:0; transition-delay:0s; -webkit-transition-delay:0s; -moz-transition-delay:0s; -o-transition-delay:0s} .added-cart,.add-cart {position:absolute; top:75px; right:8px; background:#000; color:#fff; z-index:999; border-radius:2px; font-size:10px; padding:5px} .added-cart::after,.add-cart::after {border-color:#000 transparent transparent; border-style:solid; border-width:4px 2px 0; bottom:-4px; content:""; height:0; left:50%; position:absolute; transform:translate(-50%,0px); width:0} .added-compare,.added-favorite,.added-cart,.add-favorite,.add-compare,.add-cart,.add-favorite-top,.add-compare-top {opacity:0; margin-top:-5px; transition-property:opacity,margin-top; -webkit-transition-property:opacity,margin-top; -moz-transition-property:opacity,margin-top; -o-transition-property:opacity,margin-top; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-delay:0s; -moz-transition-delay:0s; -o-transition-delay:0s; transition-delay:0s} .addtoFavorite:hover ~.add-favorite,.addtoCompare:hover ~.add-compare,.addtoCart:hover ~.add-cart,.addedtoCart:hover ~.added-cart,.addtoFavorite-top:hover ~.add-favorite-top,.addtoCompare-top:hover ~.add-compare-top,.addedtoCompare:hover ~.added-compare,.addedtoFavorite:hover ~.added-favorite {opacity:1; margin-top:0; transition-delay:0s; -webkit-transition-delay:0s; -moz-transition-delay:0s; -o-transition-delay:0s} .favoriteload,.compareload,.cartload {animation-name:spin; animation-iteration-count:infinite; animation-timing-function:linear; z-index:920} @keyframes spin {from {transform:rotate(0deg)} to {transform:rotate(360deg)} } .discount-precent {position:absolute; background:#fc5047; border-radius:50%; width:45px; height:45px; font-size:14px; line-height:45px; left:20px; top:20px; color:#fff; text-align:center; font-weight:bold} .bx-content {width:100%} .bx-socialfooter {display:none} .col-md-4 {width:16.6666%} .bx-newslist-block {padding:0} .bx-newslist-block:hover {background:rgba(186,17,17,0.1); cursor:pointer} .bx-footer .container {display:flex; flex-wrap:wrap; padding:40px 0 80px; color:#fff} .footer-1,.footer-2 {flex:0 0 25%} .footer-3 {flex:0 0 50%} .bx-footer h5 {color:#ffd61e; margin-bottom:14px; font-size:20px; line-height:1.2; text-align:inherit; font-style:normal; font-weight:700; letter-spacing:0} .bx-newslist-title,.bx-newslist-title a {text-align:center; color:#000; font-size:18px; font-style:normal; line-height:1.444; font-weight:400; padding:15px 0} .bx-newslist-content {padding:0 15px; text-align:center; color:#7d7d7d; font-size:15px; height:110px; overflow:hidden} .bx-newslist-title a:hover {color:#ba1111} .bx-newslist-author {padding-right:10px; padding-left:15px} .bx-newslist .btn {display:none} .bx-newslist-author i.fa {color:#e9e2ca; font-size:16px; margin-right:14px} .bx-newslist-date i.fa {color:#e9e2ca; font-size:16px; margin-right:14px} .bx-newslist-view,.bx-newslist-date,.bx-newslist-comments,.bx-newslist-author,.bx-newslist-other {font-style:italic; text-transform:capitalize; float:left} .search-tags-cloud a {background:#ba1111; padding:6px 12px; display:inline-block; margin:0 6px 10px 0; color:#fff} .search-tags-cloud a:hover {background:#ffd61e; color:#000; text-decoration:none} .footer-2 a {color:#fff; font-size:14px; position:relative; font-weight:400} .footer-2 a:hover {color:#ffd61e} .widget {background:none; border:none} .bx-footer-section .bx-socialfooter {display:block; padding:21px 10px; text-align:right} .bx-footer-section .bx-socialfooter ul li a {color:#ffd61e; font-size:16px; margin-left:14px; width:37px; height:37px; border-radius:50%; border:2px solid #ffd61e; line-height:32px; display:block; text-align:center} .bx-footer-section .bx-socialfooter ul li a:hover {color:#fff; background:#ba1111; border-color:#ba1111} .bx_item_detail .item_info_section dl {display:table; width:100%} .bx_item_detail .item_info_section dl dt {color:#000 !important; display:table-cell; width:50%; text-align:center; margin:0; padding:10px; border:1px solid #ba1111} .bx_item_detail .item_info_section dl dd {display:table-cell; width:50%; text-align:center; margin:0; padding:10px; border:1px solid #ba1111; color:#000 !important; font-weight:400} .bx_item_list_you_looked_horizontal .bx_catalog_item_title {overflow:hidden; white-space:nowrap; padding-top:10px} .bx_catalog_list_home .bx_catalog_item_price .bx_price {overflow:hidden; white-space:nowrap} .bx_catalog_list_home .bx_medium.bx_bt_button,.bx_catalog_list_home .bx_medium.bx_bt_button_type_2 {background:#ffd61e; color:#000; text-shadow:none} .bx_catalog_list_home .bx_medium.bx_bt_button,.bx_catalog_list_home .bx_medium.bx_bt_button_type_2:hover {background:#ba1111; color:#fff} .bx_catalog_text .bx_catalog_text_title a {color:#000} .bx_catalog_text .bx_catalog_text_title a:hover {color:#ba1111} .bx_catalog_text .bx_catalog_text_title span {color:#000} .bx_catalog_tile span {color:#ba1111} .bx-ui-slider-pricebar-v {background:#ba1111 !important} .bx_cat {color:#000} .col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {position:static} .bx_catalog_list_home .bx_catalog_item_images_double,.bx_catalog_list_home .bx_catalog_item_images {background-position:center top} .bx_catalog_list_home.bx_blue .bx_bt_button {left:170px} .col-xs-offset-1 {margin:0} .top_product .bx_catalog_item_container,.top_product .bx_catalog_item_container:hover {width:100%; background:none; height:0} .top_product .bx_catalog_tile_home_type_2.col3 .bx_catalog_item {width:100%; padding:0} .top_product .bx_catalog_tile_home_type_2 .bx_catalog_item_images_double,.top_product .bx_catalog_tile_home_type_2 .bx_catalog_item_images {width:70px; float:left} .top_product .bx_catalog_tile_home_type_2 .bx_catalog_item_images_double,.top_product .bx_catalog_tile_home_type_2 .bx_catalog_item_images,.top_product .bx-no-touch .bx_catalog_tile_home_type_2 .bx_catalog_item.double:hover .bx_catalog_item_images {padding-top:70px; margin:0 20px 10px 0} .top_product .bx_catalog_tile_home_type_2 .bx_catalog_item_title {text-align:left; margin:0; padding:0} .top_product .bx_catalog_tile_home_type_2 .bx_catalog_item_price {text-align:left; margin:0; padding:0} .top_product .bx_catalog_tile_home_type_2 .bx_catalog_item_images_double {display:none} .top_product .bx_catalog_item_controls_blocktwo a {display:none} .top_product .bx_catalog_tile_home_type_2 .bx_stick_disc {display:none} .top_product .bx_catalog_tile_home_type_2 .bx_catalog_tile_section {padding-top:100%} .bx_item_list_bestsellers .bx_catalog_item_container {background:none; height:auto} .bx_item_list_bestsellers .bx_catalog_item_images_double {display:none} .bx_item_list_bestsellers .bx_catalog_item_images {padding:0; margin-right:15px; height:70px} .bx_item_list_bestsellers .bx_catalog_item {margin-top:15px; margin-bottom:15px} .bx_item_list_bestsellers .bx_item_list_title,.bx_item_list_bestsellers.bx_blue .bx_item_list_title {background:none} .bx_item_list_bestsellers .bx_item_list_title {color:#242424; font-size:20px; font-weight:700; text-align:left; padding:0} .bx_item_list_bestsellers .bx_catalog_item_title a {font-size:18px; color:#000; font-weight:inherit} .bx_item_list_bestsellers .bx_catalog_item_title a:hover {color:#ba1111} .bx_item_list_bestsellers .bx_catalog_item_price {font-size:20px; font-weight:700; color:#ba1111} .bx_item_list_you_looked_horizontal .bx_catalog_item_images_double {display:none} .bx_item_list_you_looked_horizontal .bx_catalog_item_images {padding:0; margin-right:15px; height:70px} .bx_item_list_you_looked_horizontal .bx_catalog_item {margin-top:15px; margin-bottom:15px} .bx_item_list_you_looked_horizontal .bx_item_list_title,.bx_item_list_bestsellers.bx_blue .bx_item_list_title {background:none} .col-md-3 .bx_item_list_you_looked_horizontal .bx_item_list_title {color:#242424; font-size:17px; font-weight:700; text-align:left; padding:0; height:auto} .bx_item_list_you_looked_horizontal .bx_catalog_item_title a {font-size:18px; color:#000; font-weight:inherit} .bx_item_list_you_looked_horizontal .bx_catalog_item_title a:hover {color:#ba1111} .bx_item_list_you_looked_horizontal .bx_catalog_item_price {font-size:20px; font-weight:700; color:#ba1111} .bx_catalog_top_home {display:none} .bx-filter-block {padding:0 10px} .bx-filter-block .btn {background:#ffd61e !important; color:#000 !important; border:none; border-radius:0; padding:8px 16px; margin:0 5px} .bx-filter-block .btn:hover {background:#ba1111 !important; color:#fff !important} .bx-filter .bx-ui-slider-track-container {padding-top:40px} .bx-filter .bx-ui-slider-part span {top:35px} .bx-filter .bx-filter-popup-result.left {background:var(--light-gray-color) !important; border-image:none; border-width:0; padding:8px 20px; right:0; color:#000; bottom:calc(100% + 6px); border-radius:6px; display:none !important} .bx-filter .bx-filter-popup-result a {color:#ba1111} .bx_catalog_tile .bx_catalog_tile_title a {color:#000} .bx_catalog_tile .bx_catalog_tile_title a:hover {color:#ba1111} .bx_catalog_list_home .bx_stick_disc {background:#ba1111; border-radius:0; text-shadow:none} .bx-no-touch .bx_catalog_list_home .bx_catalog_item .bx_catalog_item_controls,.bx_catalog_list_home .bx_catalog_item .bx_catalog_item_articul,.bx_catalog_list_home .bx_catalog_item .bx_catalog_item_scu {background:#f5f5f5; padding:0 25px; width:262px; left:-1px; z-index:9999} .bx-no-touch .bx_catalog_tile_home_type_2 .bx_catalog_item .bx_catalog_item_controls,.bx_catalog_tile_home_type_2 .bx_catalog_item .bx_catalog_item_articul,.bx_catalog_tile_home_type_2 .bx_catalog_item .bx_catalog_item_scu {background:#f5f5f5; padding:0 25px; width:262px; left:-1px; z-index:9999; position:absolute} .bx_catalog_item_scu .bx_item_section_name_gray {} .bx_rt .bx_item_section_name_gray {color:#888 !important} .bx_item_detail .item_info_section dl dd {color:#3fb7c5} .news_content,.news_content {width:100%; display:table !important} .news-sidebar {width:370px; display:table-cell; vertical-align:top} .news-list {display:table-cell; padding:30px; padding-top:0} .news-detail {padding:30px; padding-top:0} .news-list a {font-size:28px; color:#000; font-weight:700} .news-list a:hover {color:#ba1111} .post-content-all {margin:0 70px 0; position:relative; z-index:1; top:-35px; margin-top:50%; background:#fff} .post-content {padding:22px 30px 0} .news-title {display:block} .news-list button {background:#ffd61e; padding:13px 43px; border:1px solid #ffd61e; color:#000; font-size:14px; border-radius:0; line-height:1; float:left; margin-right:30px} .news-list button:hover {border:1px solid #ba1111; background:#ba1111; color:#fff} .post-content-footer {margin-top:28px} .fa-calendar {color:#e9e2ca; font-size:16px; margin-right:14px} .news-date-time {color:#7d7d7d; font-size:13px; font-style:italic} .news-sidebar .bx-subscribe {background:#edd793; padding:37px 60px 28px; margin:0} .news-sidebar .bx-searchtitle .bx-input-group {border:1px solid #f5f5f5; padding:14px 25px; background:#f5f5f5} .news-sidebar .bx-searchtitle .bx-input-group-btn button:hover {background:none} .news-sidebar h5 {color:#7d7d7d; font-size:20px; text-align:left; margin-top:41px} .news-sidebar h6 {text-align:center; font-size:18px; color:#7d7d7d; font-weight:700; top:33px} .news-sidebar .bx-subscribe .bx-block-title {color:#011e1b; font-size:28px; text-transform:none; text-align:center} .news-sidebar .bx-subscribe .bx-block-text {color:#011e1b; margin-bottom:26px; text-align:left; font-size:16px} .bx-subscribe .bx-input-group .bx-form-control {background:none; border-color:rgba(0,0,0,0.12); border-radius:30px; width:100%; padding:15px 52px 15px 27px; height:auto} #sender-subscribe {padding:0} .fa-envelope-o::before {font-style:normal; font-size:20px} .bx-subscribe .bx-input-group {position:relative; display:inline-block; width:100%} #sender-subscribe button {background:none; border:none; position:absolute; top:10px; right:23px; color:#cc8658} #sender-subscribe button:hover {color:#333} .news-sidebar .bx-socialfooter {display:block; padding:21px 10px; border-top:1px solid rgba(0,0,0,0.12); background:#edd793; text-align:center} .social {display:inline-block} .news-sidebar .bx-socialfooter ul li a {color:#cc8658; font-size:16px; margin:0 15px} .news-sidebar .bx-socialfooter ul li a:hover {color:#333} .news-item {margin-top:0 !important} .news-detail .catalog-sb-area {float:right; margin-bottom:0; margin-top:30px} .NewsCalHeader {background:none !important; color:rgba(125,125,125,0.5); font-weight:700; padding-bottom:10px} .NewsCalTable,.NewsCalTable tr,.NewsCalTable td {border:none !important; background:none !important; text-align:center} .NewsCalOtherMonth,.NewsCalDefault,.NewsCalWeekend,.NewsCalToday {padding-bottom:5px; width:15%; font-size:15px; color:#bbb; font-weight:400} .NewsCalNews {height:20px; overflow:hidden} .NewsCalMonthNav td {display:block} .NewsCalMonthNav a {font-size:18px} .NewsCalMonthNav a:hover {color:#fc5047} .NewsCalMonthNav .fa-angle-right {float:right} .NewsCalMonthNav .fa-angle-left {float:left} .contact {width:100%; display:table} .contact-text {width:50%; display:table-cell; padding:0 10px} .contact-send {width:50%; display:table-cell; padding:0 10px} .contact-send input[type="submit"] {background:#ffd61e; padding:17px 60px; border-radius:0; border:1px solid #ffd61e; color:#000; font-size:14px} .contact-send input[type="submit"]:hover {background:#ba1111; border:1px solid #ba1111; color:#fff} .contact-send textarea {border:1px solid #ba1111; box-shadow:none; height:309px; min-height:150px; padding:15px} .contact-send input[type="text"] {border:1px solid #ba1111; box-shadow:none; padding:14px 20px; width:275px; margin-bottom:15px} .contact-send input[name="user_name"] {padding-right:15px; float:left} .contact-send input[name="user_email"] {margin-left:15px; float:right} .bx-content {padding:0; position:relative} .bx-content img {} .bx_item_detail .bx_bt_button {background:#ffd61e; color:#000} .bx_item_detail .bx_bt_button:hover {background:#ba1111; color:#fff} .bx_item_detail .bx_item_container .bx_lt {width:570px} .bx_item_detail .bx_item_container .bx_rt {margin-left:0} .bx_item_detail .bx_item_slider .bx_bigimages {max-width:none; padding-top:100%; border:1px solid #f0f0f0; background:#fff} .bx_bigimages_aligner {margin-top:0 !important} .bx_item_detail .bx_bigimages .bx_stick_disc {background-image:none; background-color:#ba1111; border-radius:0; height:45px; width:45px; overflow:hidden; font-size:14px; top:20px !important; right:20px !important; line-height:45px; font-weight:normal; text-shadow:none} .bx_item_detail .bx_item_container .bx_rt {width:49%} .bx_item_detail .item_current_price {float:left; background:none; border:none; color:#ba1111; font-size:40px} .bx_item_detail .item_old_price {color:#7d7d7d; font-size:17px; font-weight:400; line-height:40px; overflow:hidden; float:left} .bx_item_detail .bx_optionblock {width:auto; float:none; overflow:hidden; display:inline-block; margin-left:30px} .bx_item_detail .item_economy_price {color:#7d7d7d; font-weight:400; padding-top:10px; display:none} .bx_item_detail .bx_item_title {float:right; width:565px; border:none; margin-right:30px} .bx_item_detail .bx_item_title h1 {margin-top:0; font-weight:400; font-size:40px} .bx_item_detail h1 span {color:#000} @media (max-width:640px) {.bx_item_detail .bx_item_title {float:none; width:auto; border:none; margin:0 auto} .bx_item_detail .bx_item_title h1 {font-size:24px} .bx-section-desc,.bx_item_list_slide {width:262px; margin:0 auto} } .bx_item_detail .item_section_name_gray {display:none} .bx_item_detail .item_info_preview {color:#011e1b; font-size:16px; margin-bottom:29px; padding:0 10px} .bx_item_detail .item_price {margin-bottom:30px} .bx_item_detail .bx_bt_button_type_2 {background:none; border:none} .bx_item_detail .bx_cnt_desc {display:none} .item_buttons_counter_block1 {margin-right:9px; border:1px solid #ba1111; padding:14px 20px; width:130px !important} .item_buttons_counter_block1 input {color:#000 !important; font-size:16px !important; font-weight:400 !important} .bx_item_detail .bx_small.bx_bt_button,.bx_item_detail .bx_small.bx_bt_button_type_2 {min-width:0; font-size:16px; font-weight:700; color:#ba1111} .bx_item_detail .bx_small.bx_bt_button:hover,.bx_item_detail .bx_small.bx_bt_button_type_2:hover {color:#000; background:none} .bx_item_detail .bx_item_detail_size ul li:active .cnt,.bx_item_detail .bx_item_detail_size ul li.bx_active .cnt {border-color:#ba1111} .bx_item_detail .bx_item_detail_size ul li:hover .cnt {border-color:#ba1111} .bx_item_detail .bx_item_detail_scu .bx_scu ul li:active .cnt,.bx_item_detail .bx_item_detail_scu .bx_scu ul li.bx_active .cnt {border-color:#ba1111} .bx_item_detail .bx_item_detail_scu .bx_scu ul li:hover .cnt {border-color:#ba1111} .bx_item_detail .bx_item_slider .bx_slide ul li:active .cnt,.bx_item_detail .bx_item_slider .bx_slide ul li.bx_active .cnt {border-color:#ba1111} .bx_item_detail .bx_item_slider .bx_slide ul li:hover .cnt {border-color:#ba1111} .bx_item_detail .item_buttons_counter_block2 .bx_bt_button {background:#ffd61e; min-width:250px; color:#000; padding:14px 0; border-radius:0; height:52px; line-height:25px} .bx_item_detail .item_buttons_counter_block2 .bx_bt_button:hover {background:#ba1111; color:#fff} .bx_item_detail .bx_big.bx_bt_button.bx_cart span {display:none} .item_buttons_counter_block3 a {margin:30px 0; color:#5f9c30 !important; font-weight:400 !important} .item_buttons_counter_block3 .bx_bt_button_type_2::before {font-family:Flaticon; content:"\f11a"; font-size:16px; padding-right:15px} .item_buttons_counter_block3 a:hover {color:#cc8658 !important} .bx_item_detail .bx_item_container .bx_rb {width:100%} .bx_item_detail .bigdata_recommended_products_items {display:none !important} .bx_item_detail .bx_item_container .bx_lb {width:100% !important} .bx_soc_comments_div .bx-catalog-tab-list,.bx_soc_comments_div .bx-catalog-tab-list li {border:none !important; background:none; box-shadow:none} .bx_soc_comments_div .bx-catalog-tab-list li a,.bx_soc_comments_div .bx-catalog-tab-list li > span {color:#7d7d7d !important; font-size:20px; font-weight:700; opacity:0.5} .bx_soc_comments_div .bx-catalog-tab-list li.active > span {opacity:1; color:#ba1111 !important; background:none !important} .bx_soc_comments_div .bx-catalog-tab-list li:hover,.bx_soc_comments_div .bx-catalog-tab-list li.active {background:none !important} .bx_item_detail .item_info_section {color:#222; font-size:16px; line-height:1.56} h4 {font-size:28px; color:#011e1b; font-weight:700} .bx_storege ul li {font-size:16px; line-height:1.56} .col-xs-12 .bx_item_list_you_looked_horizontal.bx_blue .bx_item_list_title {background:none; font-size:28px; color:#011e1b; font-weight:700; margin-bottom:30px; text-align:left} .col-xs-12 .bx_item_list_you_looked_horizontal .bx_stick_disc {background-image:none; width:45px; height:45px; background-color:#ba1111; line-height:45px; font-size:14px; position:absolute; top:20px; left:20px; text-shadow:none} .col-xs-12 .bx_item_list_you_looked_horizontal .bx_catalog_item_images {height:262px; background-position:top} .col-xs-12 .bx_item_list_you_looked_horizontal .bx_catalog_item_title a {} .col-xs-12 .bx_item_list_you_looked_horizontal .bx_catalog_item_title a:hover {} .col-xs-12 .bx_item_list_you_looked_horizontal .bx_catalog_item_title {text-align:center; width:262px; padding:16px 10px 25px; height:25px} .col-xs-12 .bx_item_list_you_looked_horizontal .bx_catalog_item_price .bx_price {font-size:26px; color:#ba1111; font-weight:700} .bx_item_list_you_looked_horizontal .bx_catalog_item_controls .bx_catalog_item_controls_blockone {display:none} .bx_item_list_you_looked_horizontal .bx_catalog_item_controls .bx_catalog_item_controls_blocktwo a {position:absolute; top:45%; width:50px; min-width:50px; height:50px} .bx_item_list_you_looked_horizontal .bx_catalog_item_controls .bx_catalog_item_controls_blocktwo .flaticon-shopping-cart::before {font-size:23px; line-height:50px; padding-left:10px} .bx_item_list_you_looked_horizontal .bx_catalog_item_articul {display:none !important} .col-xs-12 .bx_item_list_you_looked_horizontal {border:none} .bx_catalog_list_home.bx_blue .bx_bt_button,.bx_catalog_tile_home_type_2.bx_blue .bx_bt_button,.bx_item_list_you_looked_horizontal.bx_blue .bx_bt_button {background:#5f9c30; border-radius:30px; line-height:0; padding:15px 12px} .bx_catalog_list_home.bx_blue .bx_bt_button:hover,.bx_catalog_tile_home_type_2.bx_blue .bx_bt_button:hover,.bx_item_list_you_looked_horizontal.bx_blue .bx_bt_button:hover {background:#cc8658} .bx_ordercart.bx_blue .bx_ordercart_order_pay_center .checkout,div.bx-blue .btn.btn-default {background:#ffd61e; border-radius:0; line-height:0; padding:20px 56px; text-shadow:none; color:#000; border-color:#ffd61e} .bx_ordercart.bx_blue .bx_ordercart_order_pay_center .checkout:hover,div.bx-blue .btn.btn-default:hover {background:#ba1111; color:#fff; border-color:#ba1111} .bx_ordercart .bx_sort_container a.current {background:#5f9c30; border-radius:30px; line-height:0; padding:20px 56px; color:#fff; font-weight:bold} .bx_ordercart .bx_sort_container a.current:hover {background:#cc8658} .item_buttons_counter_block1 input[type="text"] {border:none !important} .bx-no-touch .bx_item_list_you_looked_horizontal .bx_catalog_item .bx_catalog_item_controls,.bx_item_list_you_looked_horizontal .bx_catalog_item .bx_catalog_item_articul,.bx_item_list_you_looked_horizontal .bx_catalog_item .bx_catalog_item_scu {background:#f5f5f5; padding:0 25px; left:-1px; z-index:9999} .bx_item_list_you_looked_horizontal .bx_item_detail_size .bx_item_section_name_gray {color:#9e9e9e} .bx_ordercart .bx_ordercart_photo_container {padding-top:0; width:70px; height:70px; border:none !important} .bx_ordercart_itemtitle a {font-size:18px !important; font-weight:400 !important; color:#000} .itemphoto {width:auto !important} .bx_ordercart thead {font-style:italic} .bx_ordercart .bx_ordercart_order_table_container table tbody td {background:rgba(125,125,125,0.07); border-bottom:2px solid white !important; vertical-align:middle; padding:0; display:table-cell; box-sizing:border-box} .bx_ordercart .bx_ordercart_order_table_container tbody td.item {width:auto !important; vertical-align:middle} .bx_ordercart .bx_ordercart_order_table_container tbody td.custom {vertical-align:middle} .bx_ordercart .bx_ordercart_order_table_container tbody td.price {vertical-align:middle; font-size:18px !important; font-weight:400 !important; color:#011e1b} .bx_ordercart .bx_ordercart_order_table_container tbody td.price-sum {vertical-align:middle; font-size:18px !important; font-weight:400 !important; color:#011e1b} .bx_ordercart .old_price {display:none} .bx_ordercart .current_price {font-size:18px !important; font-weight:400 !important; color:#011e1b} .bx_ordercart_order_table_container {border:none !important} .bx_ordercart .bx_ordercart_order_table_container table tr {display:table-row; box-sizing:border-box; width:100%} .bx_ordercart .bx_ordercart_order_table_container table thead td {background:none} .bx_ordercart .bx_ordercart_order_table_container table thead td {min-height:20px; line-height:20px; padding:0} #basket_items .remove,#basket_items #col_NAME,#basket_items .product-thumbnail,#basket_items .price,#basket_items #col_QUANTITY,#basket_items #col_SUM,#basket_items .price-sum {padding:13px 10px 17px 10px !important} #basket_items .remove {width:16px !important} #basket_items #col_NAME {width:70px !important} #basket_items .product-thumbnail {width:529px !important} #basket_items .price,#basket_items .bx_ordercart .bx_ordercart_order_table_container tbody td.price {width:192px !important} #basket_items #col_QUANTITY,#basket_items .bx_ordercart .bx_ordercart_order_table_container tbody td.custom {width:151px !important} #basket_items #col_SUM,#basket_items .price-sum {width:92px !important} .price-sum span {display:none} td.control {display:none} .remove,.margin-remove {width:36px; padding:0; display:table-cell; box-sizing:border-box; border:none !important; border-bottom:0 solid white !important} .remove .bx-basket-item-list-item-remove,.margin-remove .bx-basket-item-list-item-remove {position:relative; top:0} .counter input[type="text"] {border:1px solid #ba1111 !important; width:115px !important; padding:14px !important; text-align:center; color:#000; background:none} #basket_quantity_control-new {position:relative; top:17px; right:15px; background:none; border:none !important} .basket_quantity_control-new .plus-new {top:-2px; right:0} .basket_quantity_control-new .minus-new {top:8px; right:0} .basket_quantity_control-new .button {position:absolute; width:15px; font-family:FontAwesome; color:#011e1b !important; cursor:default; padding:0; margin:0; height:10px; text-align:center} .fa-sort-up {font-size:10px; line-height:14px; position:relative; bottom:2px} .fa-sort-down {font-size:10px; line-height:3px; position:relative; bottom:0} .basket_quantity_control-new .button {background:#ededed; border:1px solid #acacac} .basket_quantity_control-new .button:hover {border:1px solid #7eb4ea !important; background:#e4f1fc !important} .bx_ordercart .bx_ordercart_coupon input {box-shadow:none; background:none; padding:14px 20px; height:auto; font-size:14px; width:270px; border-color:#ba1111; color:#000; font-weight:400; margin:0 12px 0 0} ::-webkit-input-placeholder {color:#444} ::-moz-placeholder {color:#444} :-moz-placeholder {color:#444} :-ms-input-placeholder {color:#444} .bx_ordercart.bx_blue .bx_bt_button {background:#ffd61e; border-radius:0; text-shadow:none; color:#000; padding:15px 30px; height:auto; font-size:14px; line-height:normal} @media (max-width:767px) {.bx_ordercart.bx_blue .bx_bt_button {display:block} } .bx_ordercart.bx_blue .bx_bt_button:hover {background:#ba1111; color:#fff} .bx_ordercart .bx_ordercart_order_sum tr td {font-size:17px; line-height:24px; width:105px !important; font-weight:300; text-align:left} .bx_ordercart .bx_ordercart_order_sum tr {text-align:right; margin-bottom:7px} .bx_ordercart .bx_ordercart_order_sum {margin-top:70px} .bx_ordercart_order_pay {padding-right:0 !important} #PRICE_WITHOUT_DISCOUNT {display:none} .fwb {font-weight:300 !important} #allSum_FORMATED {font-weight:700 !important; color:#011e1b} #allSum_wVAT_FORMATED {color:#011e1b} #allSum_FORMATED,#allSum_wVAT_FORMATED {width:180px !important; text-align:right} .custom_t1 {height:15px} .bx_ordercart .bx_ordercart_order_pay_center {border-top:none} .bx-soa-cart-total.bx-soa-cart-total-fixed {top:56px !important} .bx-soa-cart-total,.bx-soa-section {background:#fff} #bx-soa-order .bx-slst .form-control.dropdown-block input {border:none !important} .alert {border-radius:30px !important; padding:20px 15px !important} .bx-soa-section {border-radius:30px !important; padding:20px 15px !important} .bx-soa-cart-total {border-radius:30px !important; border:1px solid #e9e2ca !important} .bx-soa-cart-total .bx-price-old {display:none} #bx-soa-order .btn {background:#ffd61e !important; border-radius:0; border-color:#ffd61e; color:#000; padding:15px 30px; font-size:14px; min-width:150px} #bx-soa-order .btn:hover {background:#ba1111 !important; color:#fff; border-color:#ba1111} .bx-soa-section.bx-step-completed {border:1px solid #5f9c30 !important} .bx-soa-section.bx-selected {border:1px solid #e9e2ca !important} .bx-soa-coupon-input input.form-control[type="text"] {border-radius:30px !important; border:1px solid #e9e2ca !important; background:none !important; padding:20px 15px !important} .bx-soa-item-table .bx-price-old {display:none} #bx-soa-order input[type="text"],#bx-soa-order input[type="password"],#bx-soa-order .bx-sls .form-control.dropdown-block,#bx-soa-order .bx-slst .form-control.dropdown-block {background:none !important} .bx-sls .dropdown-fade2white {background:none !important} .form-control:focus {box-shadow:none !important} #zipProperty,.bx-ios-fix {padding:0 15px !important} textarea.form-control {background:none !important; padding:20px 15px !important; border:1px solid #e9e2ca !important} .bx-soa-item-td-title {font-style:italic} .bx-soa-basket-info .bx-soa-item-td {background:rgba(125,125,125,0.07) none repeat scroll 0 0; border-bottom:2px solid white !important; border-top:none !important} .bx-soa-item-imgcontainer {border:none !important} .bx-soa-item-title a {color:#011e1b !important; font-weight:400; line-height:70px; font-size:18px} .bx-soa-item-properties.bx-text-right .bx-soa-item-td-text {line-height:70px; color:#011e1b} .bx-soa-cart-d {color:#011e1b; font-weight:700} .bx-authform-formgroup-container .btn {background:#ffd61e; border-radius:0; min-width:150px; border-color:#ffd61e; color:#000} .bx-authform-formgroup-container .btn:hover {background:#ba1111; color:#fff; border-color:#ba1111} .bx-authform .counter input[type="text"],.bx-authform input[type="password"] {text-align:left} .bx_compare .bx_filtren_container {background:#ba1111} .bx_compare .bx_filtren_container label {color:#fff} .bx_compare .bx_filtren_container ul li {width:auto} .bx_compare .bx_filtren_container h5 {color:#fff; font-size:18px} .compare_delete {border-radius:0; background:#ffd61e; color:#000 !important} .compare_delete:hover {background:#ba1111; color:#fff !important} .bx_compare .table_compare table tr td a {color:#ba1111} .catalog-sb-area {padding-left:10px; margin-bottom:20px; overflow:hidden} .catalog-sb-area .fa {font-size:18px; height:23px; width:23px; line-height:23px; text-align:center; display:inline-block; color:#000; font-family:FontAwesome} .catalog-sb-area .fa:hover {color:#ba1111} .catalog-sb-area span {margin-right:23px} .header-container {padding:20px 0.9375rem; border-top:1px solid #454545; background:#222} .container {width:1200px} .col-left {width:20%} .col-md-91 {width:100%} .bx-top-nav-container {width:100%} .col-md-31 {width:20%} .col-xs-124 {width:100%} .bx_item_list_you_looked_horizontal .bx_catalog_item_images_double,.bx_item_list_you_looked_horizontal .bx_catalog_item_images {z-index:0} .bx_vertical_menu_advanced {float:left; width:250px} .carousel {} .bx_vertical_menu_advanced > ul {background:#0083d1; margin:0} .bx_vertical_menu_advanced .bx_hma_one_lvl > a {color:#fff; text-shadow:none} .bx_vertical_menu_advanced .bx_hma_one_lvl.hover > a {background:rgba(204,204,204,0.3); margin-left:0; line-height:16px; width:auto; box-shadow:none; font-weight:normal; padding-top:10px} .bx_item_list_bestsellers .bx_catalog_item_images_double,.bx_item_list_bestsellers .bx_catalog_item_images {z-index:0} .bx_vertical_menu_advanced.bx_blue {border-left:0 solid #e4f0f7} .phone {width:55%; float:left} .bx-basket-block > .fa {color:#0083d1} .fa-phone::before {display:none} .header2 {float:right; width:75%} .header22 {float:right; width:95%; padding-top:45px} .col-lg-3 {width:45%; float:right} .bx-basket-block {float:left; margin-left:30px} .header-topnav {align-self:auto; flex:0 1 100%; order:2; clear:both; display:block; width:100%; text-align:center} .header-topnav ul {padding-left:0} .header-topnav ul li {display:inline-block} .header-topnav ul li:hover {} .header-topnav ul li a {} .header-topnav ul li.current a:hover,.header-topnav ul li a:hover {text-decoration:underline} @media (max-width:1430px) {.container {width:100%} } @media (max-width:767px) {.col-md-91 {width:100%} .col-md-31 {width:100%} .col-xs-12 {width:100%} } body {background:#fff; overflow-x:hidden; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale} body.bx-opened {overflow:hidden} .wrap,.bx-wrap,.bx-wrapper {position:relative} body.bx-background-image {position:relative; background-repeat:no-repeat; background-position:top center; background-color:#fff} @media (min-width:992px) and (max-width:1199px) {body.bx-background-image {-webkit-background-size:1600px auto; background-size:1600px auto} } @media (min-width:768px) and (max-width:991px) {body.bx-background-image {-webkit-background-size:1280px auto; background-size:1280px auto} } @media (max-width:767px) {body.bx-background-image {background:none} } body.bx-background-gradient {background:rgb(246,247,251); background:url("data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjdmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+"); background:-moz-linear-gradient(top,rgba(246,247,251,1) 0,rgba(255,255,255,1) 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(246,247,251,1)),color-stop(100%,rgba(255,255,255,1))); background:-webkit-linear-gradient(top,rgba(246,247,251,1) 0,rgba(255,255,255,1) 100%); background:-o-linear-gradient(top,rgba(246,247,251,1) 0,rgba(255,255,255,1) 100%); background:-ms-linear-gradient(top,rgba(246,247,251,1) 0,rgba(255,255,255,1) 100%); background:linear-gradient(to bottom,rgba(246,247,251,1) 0,rgba(255,255,255,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f7fb',endColorstr='#ffffff',GradientType=0 ); background-attachment:fixed} .icon-empty {opacity:0} a {text-decoration:none} a:active,a:hover {border-color:transparent; text-decoration:none} a,.container {-webkit-transition:color .3s ease,background-color .3s ease,border-color .3s ease; -moz-transition:color .3s ease,background-color .3s ease,border-color .3s ease; -ms-transition:color .3s ease,background-color .3s ease,border-color .3s ease; -o-transition:color .3s ease,background-color .3s ease,border-color .3s ease; transition:color .3s ease,background-color .3s ease,border-color .3s ease} img {width:auto; max-width:100%; height:auto; max-height:100%} .bx-header {display:table; width:100%; margin:0 auto; background:#222} .bx-logo {flex:1 0 auto; order:0; text-align:left} .bx-logo .bx-logo-block {display:block; border-bottom:none} .bx-logo-text,.bx-logo-text:hover,.bx-logo-text:active {font-size:32px; font-weight:700; color:#000; line-height:37px; text-decoration:none; border:none; vertical-align:bottom} .bx-logo-text small {font-size:37px} .bx-logo-desc {text-transform:uppercase; display:block; font-weight:700; font-size:13px; line-height:10px; color:#b8b8b8} @media (max-width:767px) {.bx-logo {background:#ba1111; position:fixed; left:0; right:0; top:0; z-index:99; padding:10px 60px; height:45px; text-align:center} .bx-logo .bx-logo-block {text-align:center; height:70px} .bx-logo-text {font-size:24px; color:#fff; line-height:30px; vertical-align:middle} .bx-logo-text:hover,.bx-logo-text:active {color:#fff} .bx-logo-text small {font-size:24px; color:#fff} .bx-logo-desc {display:none} } .bx-header-section {padding:0 15px; background:#fff} .bx-content-seection {padding:0 45px 5px; background:#fff; border-left:1px solid #eaebec; border-right:1px solid #eaebec} @media (min-width:1200px) {.bx-header-section {} .bx-content-seection {} } @media (min-width:992px) and (max-width:1199px) {.bx-header-section {} .bx-content-seection {} } @media (min-width:768px) and (max-width:991px) {.bx-header-section {} .bx-content-seection {} } @media (max-width:767px) {.bx-header-section {} .bx-content-seection {} } .bx-inc-orginfo {} @media (max-width:767px) {.bx-inc-orginfo {text-align:center; padding-bottom:10px} } .bx-inc-orginfo-recall {} .bx-inc-orginfo-recall a {color:#039be5; border-bottom:1px dashed; font-size:12px; margin-left:2px} .bx-inc-orginfo-recall a:hover {text-decoration:none; border-bottom-color:transparent} @media (max-width:767px) {.bx-worktime {text-align:center} } .bx-worktime-title {color:#8d8d8d; font-size:12px} .bx-worktime-prop {color:#000; text-transform:uppercase} .bx-worktime-prop>span {white-space:nowrap} .bx-block-title {color:#343434; text-transform:uppercase; font-size:12px; margin-bottom:9px; font-weight:600} .bx-footer .bx-block-title {margin:0; padding:0; font-size:20px; color:#7d7d7d; font-weight:700; text-transform:none} h1.bx-title,h2.bx-title,h3.bx-title,h4.bx-title,h5.bx-title,h6.bx-title {font-weight:500} h1.bx-title,h2.bx-title,h3.bx-title {padding-bottom:15px} h4.bx-title,h5.bx-title,h6.bx-title {} h1.bx-title {margin-top:0; margin-bottom:10px; font-size:36px; font-weight:600} h2.bx-title {font-size:25px} h3.bx-title {} h4.bx-title {} h5.bx-title {} h6.bx-title {} input[type=text],input[type=password] {margin:inherit 4px; border:1px solid #CCD5DB; border-radius:4px; background:#f8fafc; outline:none} textarea {display:block; width:100%; max-width:100%; min-width:100%; font-size:18px; min-height:150px; max-height:450px; margin:0; padding:0 4px; border:1px solid #CCD5DB; border-radius:2px; background:#f8fafc; outline:none} .bx-incbanners {margin:10px 0 25px; text-align:center} .bx-inclinksfooter a {border-bottom:none} .bx-inclinksfooter .bx-block-title {margin:0; padding:0; font-size:17px; color:#fff; font-weight:600} .bx-inclinksfooter-container {} .bx-inclinksfooter-list {list-style:none; margin:0; padding:0} .bx-inclinksfooter-item {} .bx-inclogofooter {color:#fff} .bx-inclogofooter a.bx-inclogofooter-logo:hover,.bx-inclogofooter a.bx-inclogofooter-logo {border-bottom:none} .bx-inclogofooter-logo img {max-width:180px; height:auto} .bx-inclogofooter-block {padding-bottom:20px} .bx-inclogofooter-tel {color:#cfd0d0; font-size:18px; font-weight:bold; padding-bottom:5px} .bx-inclogofooter-worktime {color:#cfd0d0; font-size:11px; font-weight:bold; text-transform:uppercase} .bx-banners {margin:10px 0} .bx-banners .bx-block-title {color:#343434; text-transform:uppercase; font-size:12px; margin-bottom:9px; font-weight:600} .bx-wt-block {color:#fff; padding:5px 15px; background:url(/bitrix/templates/pvgroup_60146_/images/wt.png) no-repeat center top; -webkit-background-size:cover; background-size:cover; border-radius:3px} .bx-wt .bx-block-title {font-size:25px; font-weight:600; text-transform:uppercase; margin-bottom:14px; color:#fff} .bx-wt-block ul {margin:0; padding:0; list-style:none; font-size:12px} .bx-wt-block ul li {padding-bottom:7px} .bx-wt-others-block {text-transform:uppercase; font-size:14px; font-weight:bold; margin-bottom:7px; margin-top:4px} .bx-s-info {margin:10px 0; padding-top:5px} .bx-s-info-block {display:block; margin-bottom:25px} .bx-s-info-title {display:block; min-height:29px; padding-left:36px; margin-bottom:5px; position:relative} .bx-s-info-titleicon {display:block; background:#007FCA; border-radius:50%; width:30px; height:30px; position:absolute; left:0; top:50%; margin-top:-15px; line-height:30px; color:#fff; text-align:center; font-weight:bold} .bx-s-info-titleicon i {line-height:30px; vertical-align:middle; font-style:normal} .bx-s-info-titletext {display:block; padding:6px 0; color:#343434; text-transform:uppercase; font-size:12px; font-weight:600} .bx-s-info-content {display:block; font-size:13px; color:#3e454c; padding-left:36px} .bx-footer {border-top:none; background:#222} .bx-footer-section.bx-center-section {padding-top:40px; padding-bottom:40px} .bx-footer-section.bx-center-section>div {margin-bottom:20px} .bx-footer-bottomline {background:#111; color:#fff} .bx-up {text-align:right} .bx-up a,.bx-up a:hover {border-bottom:none; color:#fe504f} @media (min-width:1200px) {} @media (min-width:992px) and (max-width:1199px) {} @media (min-width:768px) and (max-width:991px) {} @media (max-width:767px) {.bx-up {text-align:center} .phone {width:100%; text-align:center} .bx-inc-orginfo-phone {padding:0; background:none; text-align:center} } .btn-primary {background-color:var(--primary-color); border:1px solid var(--primary-color)} .btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary {background-color:var(--secondary-color); border:1px solid var(--secondary-color)} .btn-link {color:var(--secondary-color)} .btn-link:focus,.btn-link:hover {color:#53a4d8; text-decoration:none} .bx-404-container {width:100%; margin:0 auto; text-align:center} .bx-404-block {margin-top:100px; margin-bottom:66px} @media (max-width:768px) {.bx-404-block {margin-top:50px; margin-bottom:33px} } .bx-404-text-block {font-size:20px; padding-bottom:20px} .bx-maps-title {color:#8f8f8f; font-size:16px; padding-bottom:20px; padding-top:10px; border-bottom:1px solid #e9eaea} .map-columns {padding-top:20px} .bx-map-title {font-weight:bold; font-size:14px; position:relative; min-height:20px; padding-left:25px; margin-bottom:20px} .bx-map-title .fa {color:#0083d1; position:absolute; left:0; top:2px; font-size:15px} .map-columns ul {list-style:none; margin-bottom:5px} .map-level-0 {margin-left:0; padding-left:25px; margin-bottom:20px} .map-level-0 li {margin-left:0; padding-left:0} .map-level-0 ul {padding-left:15px} ul.map-level-1 {margin-bottom:30px} .bxd-block {width:100%; border:1px solid #e3e6e7; display:block; background:#fff; padding:15px; min-height:210px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box} a.bxd-block:hover {} .bxd-icon {display:block; border-radius:50%; height:68px; width:68px; margin:0 auto; -webkit-transition:color .3s ease,background-color .3s ease,border-color .3s ease; -moz-transition:color .3s ease,background-color .3s ease,border-color .3s ease; -ms-transition:color .3s ease,background-color .3s ease,border-color .3s ease; -o-transition:color .3s ease,background-color .3s ease,border-color .3s ease; transition:color .3s ease,background-color .3s ease,border-color .3s ease} .bxd-block:hover .bxd-icon {} .bxd-icon .fa {margin-left:-1px; position:relative; font-size:35px; height:68px; width:68px; text-align:center; line-height:68px; vertical-align:middle; -webkit-transition:color .3s ease,background-color .3s ease,border-color .3s ease; -moz-transition:color .3s ease,background-color .3s ease,border-color .3s ease; -ms-transition:color .3s ease,background-color .3s ease,border-color .3s ease; -o-transition:color .3s ease,background-color .3s ease,border-color .3s ease; transition:color .3s ease,background-color .3s ease,border-color .3s ease} .bxd-link:hover .bxd-icon .fa {} .bxd-title {display:block; padding-top:10px; padding-bottom:10px; font-weight:bold; text-align:center; color:#000; font-size:15px; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden; text-transform:uppercase} .bxd-desc {display:block; text-align:center; color:#737373; font-size:12px} .bx-up-button {border-radius:2px; color:#fff; position:fixed; right:30px; bottom:30px; font-size:12px; line-height:20px; cursor:pointer; vertical-align:middle; padding:9px 18px 7px 38px; -webkit-transition:background-color .3s ease,opacity .3s ease; -moz-transition:background-color .3s ease,opacity .3s ease; -ms-transition:background-color .3s ease,opacity .3s ease; -o-transition:background-color .3s ease,opacity .3s ease; transition:background-color .3s ease,opacity .3s ease; background:#c2c4c7 url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAALCAMAAAB1RTwXAAAACVBMVEX///////////+OSuX+AAAAAnRSTlMAf7YpoZUAAAAfSURBVHgBYwACRkYgAaKZmBihNJAFpaFiTExAgjwGAA1BAD3lDqDYAAAAAElFTkSuQmCC") 18px 13px no-repeat} .bx-up-button:hover {background-color:#9fa0a3} @media (max-width:767px) {.news-list a {font-size:14px !important} .news-list {padding:0 !important} .news-sidebar {display:none} .post-content-all {margin-left:30px; margin-right:30px} h1 {font-size:20px !important} .contact-text,.contact-send {display:block !important; width:100%} .contact-send input[type="text"] {width:100%} .addtoCompare-top {right:115px !important; top:6px !important} .addtoFavorite-top {right:60px !important; top:6px !important} .bx-footer-news {display:none} .header-menu-container {display:none} .img-responsive,.thumbnail > img,.thumbnail a > img,.carousel-inner > .item > img,.carousel-inner > .item > a > img {height:315px} .bx-slider-preset-4 .bx-advertisingbanner-btn {display:none} .top-slider .bx-slider-preset-4 .bx-advertisingbanner-text-title {font-size:16px !important} .bx_rt {width:100%} .bx_soc_comments_div .bx-catalog-tab-list li a,.bx_soc_comments_div .bx-catalog-tab-list li > span {font-size:16px} .compare-top,.top-panel_login2 {display:none} .header-container {padding:0} .bx-logo {display:block !important} .news-list button {float:none} .bx-basket-fixed {background:#222} .bx-basket-block1 a {color:#fff} .bx-basket-block1 a:hover {color:#fff !important} .bx_item_detail .item_buttons_counter_block2 .bx_bt_button {margin-top:20px; width:100%} .item_buttons_counter_block1 {width:100% !important; margin:0} .bx_item_detail .transparent_input {width:auto} .bx_item_detail .item_buttons_counter_block2 .bx_bt_button {width:100%; margin-top:30px} .bx_soc_comments_div .bx-catalog-tab-list li a,.bx_soc_comments_div .bx-catalog-tab-list li > span {font-size:13px} .item_buttons_counter_block1 {display:block; margin:0 auto; width:100% !important} .bx_item_detail .transparent_input {width:75%} .bx_item_detail .bx_small.bx_bt_button,.bx_item_detail .bx_small.bx_bt_button_type_2 {min-width:10%; min-height:20px; font-size:24px} .col-xs-12 .bx_item_list_you_looked_horizontal.bx_blue .bx_item_list_title {font-size:20px} .fixed {height:auto !important} .header-container {background:none !important} } @media (max-width:1140px) {.bx-logo {display:none} .header-container .header-topnav {margin:0} } .bx_catalog_tile_slide,.bx_item_list_slide {display:block; width:100%; text-align:center} .bx_catalog_tile_home_type_2.col4 .bx_catalog_item,.bx_item_list_you_looked_horizontal .bx_catalog_item {display:inline-block; float:none} .bx_catalog_item_scu {text-align:left} .bx_catalog_tile_ul {display:block; width:100%; text-align:center} .bx_catalog_tile .bx_catalog_tile_ul li {float:none; display:inline-block} .bx_item_list_you_looked_horizontal .bx_catalog_item_title {text-overflow:inherit} .col-xs-12 .bx_item_list_you_looked_horizontal .bx_catalog_item_title {text-overflow:ellipsis; padding:0 5px} .bx_item_list_bestsellers .bx_catalog_item_title {padding:0 5px; height:auto; overflow:hidden; white-space:nowrap} .bx_item_list_bestsellers .bx_catalog_item_title:hover {overflow-x:scroll} div.news-detail img.detail_picture {width:100%} @media (max-width:1200px) {.bx_catalog_tile_home_type_2.col4 .bx_catalog_item,.bx_item_list_you_looked_horizontal .bx_catalog_item {margin-right:18px} } @media (max-width:1140px) {.bx_catalog_tile_home_type_2.col4 .bx_catalog_item,.bx_item_list_you_looked_horizontal .bx_catalog_item {background:none; width:262px; margin-right:8px} .bx_catalog_tile_home_type_2.col4 .bx_catalog_item:nth-child(3n+1),.bx_item_list_you_looked_horizontal .bx_catalog_item:nth-child(3n+1) {clear:both} .bx_catalog_tile_home_type_2.col4 .bx_catalog_item:nth-child(4),.bx_item_list_you_looked_horizontal .bx_catalog_item:nth-child(4) {display:none} .col-md-4 {width:25%} .bx-footer-news .col-md-4:nth-child(5),.bx-footer-news .col-md-4:nth-child(6) {display:none} .bx_item_detail .bx_item_container .bx_rt {width:100%} .bx_item_detail .bx_item_container .bx_lt {width:100%} .bx_item_detail .bx_item_title {width:100%; margin:0} .bx_item_detail {width:97%; margin:0 auto} .bx_item_detail .bx_item_slider_lupe {left:0 !important} .news-sidebar {display:none} div.news-list img.preview_picture {width:100%} .contact-send input[type="text"] {width:100%; max-width:100%} .bx-filter-block .btn {padding:8px 6px} .col-md-3 .bx_item_list_you_looked_horizontal .bx_item_list_title {font-size:15px} .header-topnav {margin-left:0} } @media (min-width:760px) and (max-width:900px) {.bx_catalog_tile_home_type_2.col4 .bx_catalog_item,.bx_item_list_you_looked_horizontal .bx_catalog_item {background:none; width:262px; margin-right:30px} .bx_catalog_tile_home_type_2.col4 .bx_catalog_item:nth-child(2n+1),.bx_item_list_you_looked_horizontal .bx_catalog_item:nth-child(2n+1) {clear:none} .bx_catalog_tile_home_type_2.col4 .bx_catalog_item:nth-child(3),.bx_item_list_you_looked_horizontal .bx_catalog_item:nth-child(3) {display:none} .bx_catalog_tile_home_type_2.col4 .bx_catalog_item:nth-child(4),.bx_item_list_you_looked_horizontal .bx_catalog_item:nth-child(4) {display:none} .col-md-4 {width:33.33333%} .bx-footer-news .col-md-4:nth-child(4),.bx-footer-news .col-md-4:nth-child(5),.bx-footer-news .col-md-4:nth-child(6) {display:none} .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(2n+1) {clear:both} .header-container.fixed .bx-top-nav-container .bx-nav-1-lvl > a {font-size:9px} .bx-top-nav-container .bx-nav-1-lvl > a {font-size:9px} } @media (max-width:760px) {.bx_catalog_tile_home_type_2.col4 .bx_catalog_item,.bx_item_list_you_looked_horizontal .bx_catalog_item {background:none; width:262px; margin-right:8px} .bx_catalog_tile_home_type_2.col4 .bx_catalog_item:nth-child(2n+1),.bx_item_list_you_looked_horizontal .bx_catalog_item:nth-child(2n+1) {clear:none} .bx_catalog_tile_home_type_2.col4 .bx_catalog_item:nth-child(3),.bx_item_list_you_looked_horizontal .bx_catalog_item:nth-child(3) {display:none} .bx_catalog_tile_home_type_2.col4 .bx_catalog_item:nth-child(4),.bx_item_list_you_looked_horizontal .bx_catalog_item:nth-child(4) {display:none} .bx_catalog_tile .bx_catalog_tile_ul li {width:auto !important} .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(2n+1) {clear:both} .bx-content {padding-bottom:50px !important} .bx_ordercart .bx_ordercart_coupon input {width:100%; margin-bottom:10px} .bx_ordercart.bx_blue .bx_ordercart_order_pay_center .checkout {width:100%; text-align:center} } @media screen and (-webkit-min-device-pixel-ratio:0) {.footer-1 {width:33.3333%} .footer-2 {width:25%} .footer-3 {width:50%} .top-panel_wrap {display:-webkit-flex; display:-webkit-box; -webkit-flex-wrap:wrap} .top-panel_tel {-webkit-box-flex:2} .top-panel_login {} .top-panel_search {} .top-panel #title-search-input[type="search"] {} .header-container_wrap {display:-webkit-flex; display:-webkit-box; align-items:-webkit-flex-start} .top-panel_login2 {-webkit-order:4; -webkit-flex:0 1 auto; -webkit-box:0 1 auto} .bx-logo {-webkit-flex:0 0 auto; -webkit-order:0} .bx-logo img {width:100%} .header-container .header-topnav {width:82%; flex:none} .header-container.fixed .header-topnav {width:90%} .fixed {height:55px} .col-sm-6 {position:relative} .bx-ios .bx-searchtitle .bx-input-group .bx-form-control {background:none} } .inwidget {border:none; overflow:hidden; width:350px; height:250px; background:none} @media(min-width:1600px) {.container {width:1570px} } @media (max-width:1400px) {.bx-basket-block1 {font-size:12px} } @media (max-width:1200px) {.header-container .header-topnav {text-align:left} .inwidget {width:230px !important} .header-container .header-topnav {width:90%} .header-container.fixed .header-topnav {width:90%} } .bx-header {height:192px} .header-container {padding:20px 0.9375rem; position:absolute; top:51px; width:100%; text-align:center} @media (max-width:1140px) {.bx-header {height:160px} } @media (max-width:760px) {.bx-header {height:auto} } @media (max-width:767px) {.fixed {height:0 !important; overflow:hidden} .bx-logo img {width:auto} } .bx-advertisingbanner-text-block {overflow:hidden} .bx-slider-preset-4 .bx-advertisingbanner-text-title {max-height:300px; overflow:hidden} @media (max-width:1200px) {.banners_main {margin-top:-38px !important} } .count-compare,.count-favorite {border-radius:620px; color:#000; font-size:12px; height:21px; line-height:21px; overflow:hidden; position:absolute; left:-10px; text-align:center; text-overflow:ellipsis; top:0; vertical-align:middle; width:21px; background:#ffd61e} .bx-basket-block2 .count {margin-top:-4px} @media (max-width:767px) {.compare-top {display:block !important; position:fixed; bottom:-17px; left:175px; z-index:99999} .addtoCompare-top {right:-70px !important; top:-53px !important} .addtoFavorite-top {right:-120px !important; top:-53px !important} .add-compare-top,.add-favorite-top {display:none !important} .bx-basket-block1 {margin-right:30px; padding-right:0; width:140px; line-height:22px} .added-compare,.added-favorite,.added-cart,.add-favorite,.add-compare,.add-cart,.add-favorite-top,.add-compare-top {display:none} .bx-basket-fixed {z-index:9999} .bx_catalog_item_scu {display:none !important} .header-container {background:none; border-bottom:none} } .call_button {font-size:14px !important; padding-left:30px !important; line-height:0 !important; color:#fff} .open_call {text-decoration:underline !important; cursor:pointer !important} .popup-window-button {display:none !important} .bx-nav-list-1-lvl {position:relative !important} .bx-top-nav-container .bx-nav-1-lvl {position:static !important} .bx-nav-2-lvl-container {position:static} .i_menu {background:#fff !important; border:1px solid #e5e5e5; box-shadow:0 2px 24px rgb(41 41 41 / 22%); z-index:99999} .i_menu li.root .submenu_1 {background:#fff !important; border:none} .i_menu li.root .submenu_1 a,.i_menu li.root a {color:#000 !important} .i_menu li.root .submenu_1 a:hover,.i_menu li.root a:hover {color:#ba1111 !important; text-decoration:underline !important} .submenu_1 li {width:auto !important; display:block !important; background:none !important} .bx-top-nav-container .bx-nav-1-lvl:hover .i_menu {display:block} .bx-top-nav-container .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-2-lvl-container {padding-top:0} .i_menu li.root .submenu_1 a {word-spacing:normal; line-height:18px} .bx-top-nav-container {} .i_menu li.root a {line-height:20px} .i_menu li.root {min-height:150px; margin-bottom:30px} .i_menu .show_all {color:#ba1111 !important} .i_menu .show_all span {border-bottom:1px dotted #ba1111} .i_menu li.root .submenu_1.bordered {margin-top:0 !important; padding-top:0 !important} .mobile_menu {display:none} .comp_menu {display:block} .bx-content {padding:5px; padding-top:0} .news-detail,.news-list {padding-left:0} .bx-top-nav-container .bx-nav-2-lvl {background:none !important; display:block !important} .bx-aside-nav {z-index:999999} @media (max-width:1200px) {.i_menu li.root {margin-bottom:80px} .news-detail,.news-list {padding:0} } @media (max-width:767px) {.mobile_menu {display:block} .comp_menu {display:none} .bx-aside-nav-control {z-index:100} } @media (max-width:980px) {.bx_catalog_tile .bx_catalog_tile_ul li {width:auto} } .startshop-panel-sort {position:relative; display:block; height:40px; border:1px solid #e7e7e7; background:#f7f7f7; border-radius:5px; overflow:hidden} .startshop-panel-sort .sort,.startshop-panel-sort .view {display:block; height:100%; font-size:0} .startshop-aligner-vertical {display:inline-block; vertical-align:middle; height:100%; width:0; overflow:hidden} .startshop-panel-sort .sort {float:left; padding-left:20px} .startshop-panel-sort .view {float:right; padding-right:20px} .startshop-panel-sort .caption {display:inline-block; vertical-align:middle; font-size:12px; line-height:12px} .startshop-panel-sort .sort .values {display:inline-block; vertical-align:middle} .startshop-panel-sort .sort .values .value {display:inline-block; vertical-align:middle; margin-left:10px} .startshop-panel-sort .sort .values .value a {text-decoration:none; color:#363636; font-size:12px; line-height:16px; height:16px} .startshop-panel-sort .sort .values .value a .icon {display:none; vertical-align:middle; overflow:hidden; width:16px; height:15px; background:url('/images/startshop.panel.sort.png') no-repeat; background-position:-48px 0} .startshop-panel-sort .sort .values .value.ui-state-active a {background:#ba1111; border-radius:3px; border:none; color:#fff; padding:3px 7px} .startshop-panel-sort .sort .values .value a {padding:3px 7px} .startshop-panel-sort .sort .values .value:hover a {background:#ba1111; border-radius:3px; border:none; color:#fff} .startshop-panel-sort .sort .values .value.ui-state-active a {color:#fff} .startshop-panel-sort .sort .values .value.ui-state-active a .icon {display:inline-block} .startshop-panel-sort .sort .values .value.ui-state-active a .icon.asc {background-position:-48px 0} .startshop-panel-sort .sort .values .value.ui-state-active a .icon.desc {background-position:-48px -16px} @media (max-width:767px) {.startshop-panel-sort .sort {padding-left:10px; height:auto} .startshop-panel-sort .caption {font-size:10px} .startshop-panel-sort .sort .values .value a {font-size:10px; margin-left:5px; padding:3px 2px} } .bx_catalog_tile .bx_catalog_tile_title {line-height:20px !important} .bx-inc-orginfo {float:left; padding-right:40px} .bx-worktime-prop {color:#fff; font-size:12px; padding:10px 0; padding-right:40px; float:left} @media (max-width:1100px) {.bx-worktime {display:block} .bx-worktime i {display:none} } @media (max-width:980px) {.bx-inc-orginfo {float:none} .bx-worktime {display:none} } .icons-items-type {float:right; height:100%; padding-right:20px} .icons-items-type-title {display:inline-block; vertical-align:middle; font-size:12px; line-height:12px} .items-type-tile {width:23px; height:23px; background:url(/bitrix/templates/pvgroup_60146_/images/ico-type-tile-gray.png); display:inline-block; vertical-align:middle; margin-right:10px} .items-type-tile.active {background:url(/bitrix/templates/pvgroup_60146_/images/ico-type-tilea.png)} .items-type-list {width:23px; height:23px; background:url(/bitrix/templates/pvgroup_60146_/images/ico-type-list-gray.png); display:inline-block; vertical-align:middle} .items-type-list.active {background:url(/bitrix/templates/pvgroup_60146_/images/ico-type-lista.png)} @media (max-width:768px) {.startshop-panel-sort .caption {display:none} } @media (max-width:767px) {.startshop-panel-sort .sort .values .value a {margin-left:0} .startshop-panel-sort .sort .values .value {margin-left:5px} .items-type-tile {margin-right:0} } .item-right-block .link_buy,.item-right-block .link_buy.incart {background:#ba1111 !important} .link_compare .compare-label,.link_delay .delay-label {color:#ba1111 !important; border-bottom:1px dotted #ba1111 !important} .bx-context-toolbar-empty-area {min-width:12px} .bx-worktime-prop .fa-envelope-o::before {font-style:normal; font-size:25px; color:#ffd61e; line-height:30px} .bx-worktime-prop .fa-clock-o::before {font-style:normal; font-size:25px; color:#ffd61e; line-height:30px} .bx-worktime-prop .fa-map-marker::before {font-style:normal; font-size:25px; color:#ffd61e; line-height:30px} .multilevel-catalog-menu {display:block !important} .multilevel-catalog-menu .ul-wrapper {top:50px !important; padding-top:0 !important} .bx-top-nav-container .bx-nav-1-lvl:hover .ul-wrapper {display:block} .multilevel-catalog-menu .level-0 {height:250px !important; overflow-y:scroll} .multilevel-catalog-menu .level-0 li.selected .level-1 {display:block; overflow-y:scroll; padding:20px !important} .multilevel-catalog-menu .level-1 {width:580px !important; height:100% !important} .multilevel-catalog-menu .level-0 li {width:100%; position:static !important; border-left:2px solid transparent} .multilevel-catalog-menu .level-0 li a {font-size:14px} .multilevel-catalog-menu .level-0 li.selected {border-left:2px solid #ba1111; background:#f8f8f8 !important} .multilevel-catalog-menu .level-0 li.selected .arrow {display:block !important; position:absolute; right:20px; top:50%; margin-top:-9px} .multilevel-catalog-menu .level-0 li.selected .arrow::before {font-family:'FontAwesome'; content:"\f0da"; font-size:14px; color:#ba1111} .multilevel-catalog-menu .level-1 .li-2 {width:50% !important; display:block !important; float:left !important; position:relative !important; height:170px; margin-bottom:30px; padding-left:10px; padding-right:10px; text-align:left} .multilevel-catalog-menu .level-1 .li-2 a {color:#000 !important; font-size:14px; font-weight:bold; text-align:left} .multilevel-catalog-menu .level-1 .li-2 a:hover {color:#ba1111 !important; text-decoration:underline !important} .multilevel-catalog-menu .level-1 .li-3 a {color:#000 !important; font-size:12px; font-weight:normal; text-align:left} .multilevel-catalog-menu .level-1 .li-3 a:hover {color:#ba1111 !important; text-decoration:underline !important} .multilevel-catalog-menu .level-1 .li-3 {margin-left:0 !important} .multilevel-catalog-menu .level-2 .show_all {font-size:12px; cursor:pointer; color:#ba1111; display:inline-block; position:static; width:100%; text-align:left} .multilevel-catalog-menu .level-2 .show_all span {border-bottom:1px dotted #ba1111} .multilevel-catalog-menu .level-2.bordered .show_all {display:none} .multilevel-catalog-menu .level-2 .hide-1 {display:none} .multilevel-catalog-menu .level-2.bordered .hide-1 {display:block} .multilevel-catalog-menu .level-2.bordered {z-index:9999; box-shadow:0 3px 8px 0 rgb(0 0 0 / 14%); padding:10px; position:absolute; padding-left:55px !important} .multilevel-catalog-menu .level-2 {background:#fff; display:block} .multilevel-catalog-menu .level-1 .img-level-2 {width:60px; position:absolute; display:block} .multilevel-catalog-menu .level-1 .a-level-2 {padding-left:70px} .multilevel-catalog-menu .level-1 .level-2 {padding-left:70px} @media (max-width:1100px) {.multilevel-catalog-menu .level-1 {width:690px !important} } @media (max-width:980px) {.multilevel-catalog-menu .ul-wrapper {width:280px} .multilevel-catalog-menu .level-1 {width:470px !important; left:279px} .multilevel-catalog-menu .level-1 .li-2 {width:50% !important; height:180px} } .bx_catalog_item_scu .bx_item_section_name_gray {line-height:20px !important} .bx_item_detail .bx_item_detail_scu .bx_item_section_name_gray,.bx_item_detail .bx_item_detail_size .bx_item_section_name_gray {line-height:20px !important} .bx-worktime-prop {padding-right:30px} .tfl__link-container:hover,.tfl__link-container {flex-direction:column} .tfl__link-label {color:#fff} .location_mob {display:none; font-size:16px} @media (min-width:992px) and (max-width:1199px) {.top-panel_login {margin-right:40px} .bx-worktime-prop {padding-right:15px} } @media (max-width:980px) {.location_mob {display:block} .bx-inc-orginfo {float:left} .top-panel_login {margin-right:15px} } @media (max-width:767px) {.top-panel {height:auto} .location_mob {text-align:center; margin:15px 0} .header-container {padding:0} .bx-inc-orginfo {float:none} } .tfl-define-popup__main,.tfl-define-popup__second {background:none !important; color:#011e1b !important; border-radius:5px; border:1px solid #ba1111; font-weight:bold} .tfl-define-popup__main:hover,.tfl-define-popup__second:hover {background-color:#ba1111 !important; color:#fff !important} .map {font-size:14px; display:inline-block; vertical-align:top; width:100%; height:400px} @media (max-width:1200px) {.top-slider {margin-bottom:30px; display:inline-block} .bx-top-nav-container .bx-nav-1-lvl > a {line-height:45px} } .top-panel_search .bx-searchtitle .bx-input-group-btn button {padding:11px 12px 10px} .bx_ordercart .current_price,.bx-basket-item-list-item-price,.total_sum,.bx_catalog_tile_home_type_2 .bx_catalog_item_price,.bx_item_detail .item_current_price,.bx_catalog_list_home .bx_catalog_item_price,.item-right-block .price-label,.basket-item-price-current-text,.basket-coupon-block-total-price-current,.bx_compare .table_compare table tr td,.bx_catalog_list_home .bx_catalog_item_price .bx_price,.bx_item_detail .item_old_price {} .carousel-indicators {margin-left:0; width:auto; left:50%} .bx-inc-orginfo-phone a {color:#ffd61e} .tfl__link {color:#ffd61e} .bx-worktime-prop a {color:#ffd61e} .item-right-block .buy_one_click {background:#ba1111; color:#fff !important; padding:0; min-width:130px; line-height:30px; border:none; font-size:13px; height:auto} .product-info {margin-bottom:30px} .product-image-wrapper {display:inline-block; vertical-align:middle; width:16%; margin-right:4%} .product-name-wrapper {display:inline-block; vertical-align:middle; width:75%} .product-title {font-size:16px; font-weight:bold; margin-bottom:15px; display:block} .product-subtitle {display:block} @media (max-width:1200px) {.top-slider {margin-bottom:30px; display:block} .banners_main {margin-top:0 !important} } .product-buy-block [name="product_count"] {height:40px; width:60px !important;border:1px solid var(--gray-color)} .product-count-spinner__item--down,.product-count-spinner__item--up {height:40px; width:40px} .count_minus,.count_plus {height:40px; width:40px; cursor:pointer; display:block; text-align:center; border:1px solid var(--light-gray-color); position:relative; font-weight:bold; font-size:20px; line-height:40px;background:var(--light-gray-color);border-radius:4px; padding: 10px;} .item-right-block .product-buy-link {background:#BA5E11 !important; color:#fff !important; padding:0 !important; min-width:145px; line-height:30px !important; border:none; font-size:13px !important; height:auto !important} .item-right-block .product-buy-block {margin:5px 0} .bx_catalog_tile_home_type_2 .bx_stick_disc {z-index:999} @media (max-width:767px) { /* .product-count-spinner__item--down,.product-count-spinner__item--up {width:25% !important} .count_minus,.count_plus {width:25% !important} .product-count-spinner {width:100%; margin-bottom:15px} */ } body .solid_button,body .solid_element,body .catalog-button,body .login_page .rememberme .USER_REMEMBER:before {background-color:#032039 !important} .solid_button,.solid_element {background:#1a58d7; color:#fff; font-size:12px} .theme_switcher .submit_form {display:inline-block !important} .theme_switcher .one_group .header2 {float:none; width:auto} .header-container {border-bottom:1px solid #454545} .header-container .bx-top-nav-container {display:block} .bx-top-nav-container .bx-nav-1-lvl > a {color:#fff} .header-topnav ul li {width:auto} .header-topnav .bx-top-nav-container .bx-nav-1-lvl {position:static !important} .header-menu-container {height:57px; background:none; border-top:1px solid #454545; border-bottom:1px solid #454545} .header-menu-container .header-topnav {margin:0 120px 0 30px} .header-menu-container .header-topnav ul li {display:inline-block; width:16.6667%} .header-menu-container .multilevel-catalog-menu .level-0 li {width:100%} .multilevel-catalog-menu .level-0 {margin-top:0} .multilevel-catalog-menu .level-1 {margin-top:0} .multilevel-catalog-menu .level-2 .hide-1 {display:none} .header-menu-container .bx-top-nav-container .bx-nav-1-lvl > a {color:#000} .header-menu-container.bg-menu {background:#ffd61e} .header-menu-container.bg-menu .bx-top-nav-container .bx-nav-1-lvl > a {color:#000} .header-menu-container.bg-menu .bx-top-nav .bx-top-nav-container .bx-nav-1-lvl.bx-active > a {color:#ba1111; background:#fff; text-decoration:none} .header-menu-container.bg-menu .bx-top-nav .bx-top-nav-container .bx-nav-1-lvl.bx-hover > a,.header-menu-container.bg-menu .bx-top-nav .bx-top-nav-container .bx-nav-1-lvl:hover > a {color:#ba1111; background:#fff; text-decoration:none} .header-menu-container .bx-top-nav .bx-top-nav-container .bx-nav-1-lvl.bx-active > a {color:#ba1111; background:none; text-decoration:none} .header-menu-container .bx-top-nav .bx-top-nav-container .bx-nav-1-lvl.bx-hover > a,.header-menu-container .bx-top-nav .bx-top-nav-container .bx-nav-1-lvl:hover > a {color:#ba1111; background:none; text-decoration:none} .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container {min-width:200px} .bx-top-nav-container .bx-nav-2-lvl-container-advanced:before,.bx-top-nav-container .bx-nav-2-lvl-container:before {background:none} .header-container .bx-searchtitle {margin-top:10px} .header-container .bx-searchtitle .bx-input-group {background:#fff; border:1px solid #454545; border-radius:5px} .header-container .header-topnav {margin:20px 0 0 0} .header-container .bx-searchtitle .bx-input-group-btn button {padding:10px 12px} .bx-searchtitle {margin:0} .top-panel #title-search-input[type="search"] {width:120px; font-size:13px; height:37px; padding:7px 44px 7px 7px; transition:all 0.4s ease 0s; background:#fff} .top-panel #title-search-input[type="search"]:focus {box-shadow:none; margin-left:-30px; width:150px; background:#fff} .top-panel_search .bx-searchtitle .bx-input-group-btn button {background:#fff !important; padding:7px 12px 8px; border-radius:0; color:#000 !important} .top-panel_search .bx-searchtitle .bx-input-group-btn button:hover {background:#fff !important; color:#ba1111 !important} .bx-searchtitle .bx-input-group-btn button {background:#ffd61e !important; color:#000 !important} .bx-searchtitle .bx-input-group-btn button:hover {background:#ffd61e !important; color:#000 !important} .bx-searchtitle .bx-input-group-btn {background:none} .top-panel .bx-searchtitle .bx-input-group {border:none} @media screen and (-webkit-min-device-pixel-ratio:0) {.top-panel_search {width:auto !important} } .header-container.fixed .bx-top-nav-container {display:block !important} .header-container.fixed .menu_bottom {display:block !important} .header-container.fixed .header-topnav {margin:0} .header-container.fixed .header-topnav ul li {} .header-container.fixed .multilevel-catalog-menu .level-0 li {width:100%} .fixed .bx-searchtitle {display:none !important} .bx-footer h5 {color:#fff} .bx-footer-bottomline .bx-worktime-prop {padding-right:70px} .bx-footer-bottomline .col-adress {width:40% !important} .bx-footer-section .bx-socialfooter {text-align:left; padding:10px 10px} .bx-footer .container {padding:20px 0} .bx-footer-bottomline {border-top:1px solid #454545} .bx_item_detail_size ul li:hover {background:none !important} .items-type-list.active {background:url(/bitrix/templates/pvgroup_60146_/images/ico-type-lista.png); background-color:#ba1111} .items-type-tile.active {background:url(/bitrix/templates/pvgroup_60146_/images/ico-type-tilea.png); background-color:#ba1111} .header-container {height:auto} @media (max-width:1199px) {.bx-footer-bottomline .bx-worktime-prop {padding-right:50px} .bx-top-nav-container .bx-nav-1-lvl > a {line-height:35px} .bx-footer-bottomline {padding-bottom:40px} } @media (max-width:1100px) {.multilevel-catalog-menu .level-1 {width:640px !important} } @media (max-width:980px) {.bx-footer-bottomline i {display:none} .bx-footer-bottomline .col-adress {width:35% !important} .bx-footer-bottomline .bx-worktime-prop {padding-right:35px} .multilevel-catalog-menu .level-1 {width:470px !important} } @media(min-width:992px) and (max-width:1199px) {.footer-2 {width:40%; flex:0 0 40%} .footer-2.menu {width:20%; flex:0 0 20%} .footer-2.about-block {padding-right:0; width:100%; flex:0 0 100%; margin-bottom:20px} } @media(min-width:768px) and (max-width:991px) {.footer-2 {width:40%; flex:0 0 40%} .footer-2.menu {width:20%; flex:0 0 20%} .footer-2.about-block {padding-right:0; width:100%; flex:0 0 100%; margin-bottom:20px} } @media (max-width:767px) {.header-topnav {display:none} .header-menu-container {display:none} .header-container {border-bottom:none; border-top:none} } .cookie-notification-text {font-size:13px; margin-bottom:0; display:inline-block; margin:0} #cookie-close-button {background:none; border:none; outline:none; float:right} .cookie-close {display:inline-block; vertical-align:top; font-size:13px; border:1px solid #fff; line-height:0.5; top:0; color:white; border-radius:20px; padding:5px 10px; margin-top:10px; transition:all 0.5s} .cookie-close:hover {background:#ffffff4f; transition:all 0.5s} #bg_popup {background:#454545; width:280px; position:fixed; bottom:20px; z-index:100; color:#ffffff; padding:15px; display:none; left:30px; background:#111; border-radius:4px} #popup {position:relative} #bg_popup a {color:var(--white-color); text-decoration:underline} #bg_popup a:hover {color:var(--primary-color)} .bx-filter-popup-result > a {display:block; margin-top:10px} @media (max-width:767px) {.footer-2 {width:50%; flex:0 0 50%} .footer-2.about-block,.footer-2.address {padding-right:0; width:100%; flex:0 0 100%} .bx-footer .bx-worktime-prop {padding-right:initial} .banners_main > .row {display:grid; grid-template-columns:1fr; margin-bottom:15px; border-top:initial; border-bottom:initial} .banners_main > .row .banner-item {width:initial !important; border-left:initial; border-right:initial} .banners_main > .row .banner-item:not(:last-child) {margin-bottom:15px} .banners_main > .row .banner-item .item-block-cont {bottom:initial} .bx-content .bx_catalog_tile .bx_catalog_tile_ul {display:grid; grid-template-columns:1fr} .bx-advertisingbanner-content button[data-feedback] {padding:5px} } @media (max-width:575px) {body > .workarea > .container {padding:0 15px} #bg_popup {left:15px; right:15px} .bx-footer .container {padding:20px 15px} .footer-2 {width:100%; flex:0 0 100%} } /* ── Статус наличия (правки от 10.09) ───────────────────────────────────── Раньше товар без остатка просто нельзя было купить — вместо кнопки стояла надпись «Нет в наличии». Заказчик попросил показывать статус и оставить возможность заказа, поэтому это подпись, а не блокировка. */ .ds-stock { display: inline-flex; align-items: center; gap: 4px; margin: 0 0 8px; padding: 2px 8px; border-radius: 12px; font-size: 11px; font-weight: 600; line-height: 16px; white-space: nowrap; } .ds-stock--in { background: #e7f7ee; color: #12805c; } .ds-stock--order { background: #fff4e5; color: #b26a00; } .ds-stock--big { margin-bottom: 12px; padding: 4px 12px; font-size: 13px; line-height: 20px; } /* End */ /* /bitrix/templates/pvgroup_60146_/colors.css?17632908621755 */ /* /bitrix/templates/pvgroup_60146_/fonts/icon/font/flaticon.css?17632908636875 */ /* /bitrix/templates/pvgroup_60146_/fonts/font-awesome/css/font-awesome.css?176329086237478 */ /* /bitrix/templates/pvgroup_60146_/css/owl.carousel.min.css?17632908643351 */ /* /bitrix/templates/pvgroup_60146_/css/owl.carousel.min.css?17632908643351 */ /* /bitrix/templates/pvgroup_60146_/css/main.css?17632908646075 */ /* /bitrix/templates/pvgroup_60146_/components/bitrix/menu/burger-menu/style.css?17890177771752 */ /* /bitrix/templates/pvgroup_60146_/components/custom/search.title/newdesign/style.css?17870188832705 */ /* /bitrix/templates/pvgroup_60146_/components/pvcart/cart/newdesign/style.css?178753151910061 */ /* /bitrix/templates/pvgroup_60146_/components/pvcart/cart/newdesign/css/media.css?17868506704027 */ /* /bitrix/templates/pvgroup_60146_/components/bitrix/breadcrumb/.default/style.css?1789804842821 */ /* /bitrix/components/abcwww/custom.form/lib/css/bootstrap.css?1776322771195704 */ /* /bitrix/components/abcwww/custom.form/templates/.default/style.css?1776322771507 */ /* /bitrix/templates/pvgroup_60146_/components/bitrix/menu/bottom_menu/style.css?1763290860550 */ /* /bitrix/templates/pvgroup_60146_/styles.css?178996369230082 */ /* /bitrix/templates/pvgroup_60146_/template_styles.css?1789017257101235 */