/* Start:/local/templates/.default/components/bitrix/catalog/common/style.css?164248843546594*/ /* ANIMATIONS */ @-webkit-keyframes text-visibility { from {opacity: 1} 25% {opacity: 0} 50%, to {opacity: 1} } @-moz-keyframes text-visibility { from {opacity: 1} 25% {opacity: 0} 50%, to {opacity: 1} } @-ms-keyframes text-visibility { from {opacity: 1} 25% {opacity: 0} 50%, to {opacity: 1} } @-o-keyframes text-visibility { from {opacity: 1} 25% {opacity: 0} 50%, to {opacity: 1} } @keyframes text-visibility { from {opacity: 1} 25% {opacity: 0} 50%, to {opacity: 1} } @-webkit-keyframes arrow-blink-right { from {opacity: 1; padding-left: 0} 25% {opacity: 0; padding-left: 10%} 50% {opacity: 1; padding-left: 20%} 75% {opacity: 0; padding-left: 30%} to {opacity: 1;padding-left: 40%} } @-moz-keyframes arrow-blink-right { from {opacity: 1; padding-left: 0} 25% {opacity: 0; padding-left: 10%} 50% {opacity: 1; padding-left: 20%} 75% {opacity: 0; padding-left: 30%} to {opacity: 1;padding-left: 40%} } @-ms-keyframes arrow-blink-right { from {opacity: 1; padding-left: 0} 25% {opacity: 0; padding-left: 10%} 50% {opacity: 1; padding-left: 20%} 75% {opacity: 0; padding-left: 30%} to {opacity: 1;padding-left: 40%} } @-o-keyframes arrow-blink-right { from {opacity: 1; padding-left: 0} 25% {opacity: 0; padding-left: 10%} 50% {opacity: 1; padding-left: 20%} 75% {opacity: 0; padding-left: 30%} to {opacity: 1;padding-left: 40%} } @keyframes arrow-blink-right { from {opacity: 1; padding-left: 0} 25% {opacity: 0; padding-left: 10%} 50% {opacity: 1; padding-left: 20%} 75% {opacity: 0; padding-left: 30%} to {opacity: 1;padding-left: 40%} } @-webkit-keyframes arrow-blink-left { from {opacity: 1; padding-right: 0} 25% {opacity: 0; padding-right: 10%} 50% {opacity: 1; padding-right: 20%} 75% {opacity: 0; padding-right: 30%} to {opacity: 1;padding-right: 40%} } @-moz-keyframes arrow-blink-left { from {opacity: 1; padding-right: 0} 25% {opacity: 0; padding-right: 10%} 50% {opacity: 1; padding-right: 20%} 75% {opacity: 0; padding-right: 30%} to {opacity: 1;padding-right: 40%} } @-ms-keyframes arrow-blink-left { from {opacity: 1; padding-right: 0} 25% {opacity: 0; padding-right: 10%} 50% {opacity: 1; padding-right: 20%} 75% {opacity: 0; padding-right: 30%} to {opacity: 1;padding-right: 40%} } @-o-keyframes arrow-blink-left { from {opacity: 1; padding-right: 0} 25% {opacity: 0; padding-right: 10%} 50% {opacity: 1; padding-right: 20%} 75% {opacity: 0; padding-right: 30%} to {opacity: 1;padding-right: 40%} } @keyframes arrow-blink-left { from {opacity: 1; padding-right: 0} 25% {opacity: 0; padding-right: 10%} 50% {opacity: 1; padding-right: 20%} 75% {opacity: 0; padding-right: 30%} to {opacity: 1;padding-right: 40%} } /* END ANIMATIONS */ .center {text-align: center;} main {background: transparent none repeat scroll 0 0;} .btn-lgcast { background-color: none; background-image: none; border-color: none; color: #52749a; text-align: left; text-shadow: none; width: 100%; border-radius:none !important; } body {color: #003580 !important;} .rightblock {background-color: #fff;border: 1px solid;padding-bottom:5px;} .bx_sitemap_ul { padding-left: 1px !important; padding: 5px 0 0; } .filtrrr {background-color: #aad2ff !important;height: 38px !important;} .lione1 {} .lione1 a {} .lione2 a{ color: #003580; font-size: 90%; } .thumbnail {background-color: none !important;} h1 { margin-top: 0px !important;} .btn-info {margin-top:0% !important;margin-bottom:0% !important;} .knopka_razm {padding:30px;overflow:hidden;} .m-left-menu{ display: none; } #m-left-menu-toggle{ position: absolute; display: none; } @media screen and (max-width: 768px) { .itemm {clear:both} } @media screen and (max-width:553px){ .knopka_razm{text-align:center;} .knopka_razm a{ margin-top:10px!important; float:none!important; clear:both; } .m-left-menu{ display: block; position: fixed; z-index: 2; width: 85%; height: 100%; top: 0; bottom: 0; left: -93%; -webkit-transition: left 0.5s; -moz-transition: left 0.5s; -o-transition: left 0.5s; transition: left 0.5s; } .m-left-menu .bx_sitemap{ margin-bottom: 0; } .m-left-menu .bx-filter{ background-color: inherit; } .m-left-menu .bx-filter .bx-filter-title{ color: white; } .m-left-menu .bx-filter .bx-filter-parameters-box-title span{ color: #f7e931; } .m-left-menu .bx-filter .sf-show-all{ background-color: #fdb93f; } .m-left-menu .bx-filter #del_filter{ background-color: #b32020; color: #fce7cc!important; margin-bottom: 50px; } .m-left-menu .bx-filter .bx-filter-parameters-box-container{ padding-bottom: 0; } .m-left-menu-block{ height: 100%; -webkit-overflow-scrolling: touch; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s; } .m-menu-section-list{ width: 100%; display: inline-block; height: 100%; float: left; margin-top: 12%; color: #fcf7dc; padding-bottom: 10px; } .m-menu-section-list .section-list-title { font-family: "Century Gothic"; font-size: 26px; opacity: 0; transform-origin: 0 0; -ms-transform-origin: 0 0; -moz-transform-origin: 0 0; -webkit-transform-origin: 0 0; -webkit-transition: opacity 1s, -webkit-transform 1s; -moz-transition: opacity 1s, -moz-transform 1s; -o-transition: opacity 1s, -o-transform 1s; -ms-transition: opacity 1s, -ms-transform 1s; transition: opacity 1s, transform 1s; transform: scale(0.1, 0.1); -ms-transform: scale(0.1, 0.1); -moz-transform: scale(0.1, 0.1); -webkit-transform: scale(0.1, 0.1); margin-top: 6px; } .m-menu-section-list hr{ margin: 15px 20px; opacity: 0; transform-origin: 0 0; -ms-transform-origin: 0 0; -moz-transform-origin: 0 0; -webkit-transform-origin: 0 0; -webkit-transition: opacity 1s, -webkit-transform 1s; -moz-transition: opacity 1s, -moz-transform 1s; -o-transition: opacity 1s, -o-transform 1s; -ms-transition: opacity 1s, -ms-transform 1s; transition: opacity 1s, transform 1s; transform: scale(0.1, 0.1); -ms-transform: scale(0.1, 0.1); -moz-transform: scale(0.1, 0.1); -webkit-transform: scale(0.1, 0.1); } .m-menu-section-list .section-list-title span { border-radius: 25px; background-color: #ff2300; padding: 5px; } .m-menu-section-list .bx_sitemap_ul{ list-style: none; padding-left: 10px!important; font-size: 15px; } .m-menu-section-list .bx_sitemap_ul li{ color: inherit; /*opacity: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: opacity 1s .3s, -webkit-transform 1s .3s; -moz-transition: opacity 1s .3s, -moz-transform 1s .3s; -ms-transition: opacity 1s .3s, -ms-transform 1s .3s; transition: opacity 1s .3s, transform 1s .3s;*/ } .m-menu-section-list .bx_sitemap_ul li .lvl1{ margin-left: 0; } .m-menu-section-list .bx_sitemap_ul li .lvl2{ margin-left: 10px; } .m-menu-section-list .bx_sitemap_ul li a{ color: inherit; text-decoration: underline; } .m-menu-section-list .bx_sitemap_ul li a:active{ color: #ffe62a!important; } .m-menu-section-list .bx_sitemap_ul li a:focus{ color: #ffe62a!important; } .m-menu-section-list .bx_sitemap_ul li a:visited{ color: #e8dfa1!important; } .m-left-menu-controll{ vertical-align: middle; margin: 0 auto; text-align: center; color: #e6442e; padding: 10px 0; border: 1px solid #fdb93f; border-bottom: none; background-color: #FFFFFF; border-radius: 0 15px 15px 0; width: 7%; display: inline-block; position: fixed; top: 15%; left: 0; max-height: 40%; z-index: 2; -webkit-transition: left 0.5s, border 0.3s, background-color 0.3s, color 0.3s, border-radius 0.3s; -moz-transition: left 0.5s, border 0.3s, background-color 0.3s, color 0.3s, border-radius 0.3s; -o-transition: left 0.5s, border 0.3s, background-color 0.3s, color 0.3s, border-radius 0.3s; transition: left 0.5s, border 0.3s, background-color 0.3s, color 0.3s, border-radius 0.3s; } .m-left-menu-controll .controll-text { float: left; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; width: auto; white-space: nowrap; } .m-left-menu-controll .anim-arrow-top, .m-left-menu-controll .anim-arrow-bot{ display: none; animation-play-state:paused; float: right; text-align: right; font-size: 10px; width: 100%; -webkit-animation: arrow-blink-left 3s infinite linear; -moz-animation: arrow-blink-left 3s infinite linear; -ms-animation: arrow-blink-left 3s infinite linear; -o-animation: arrow-blink-left 3s infinite linear; animation: arrow-blink-left 3s infinite linear; } .m-left-menu-controll .anim-arrow-top.closed, .m-left-menu-controll .anim-arrow-bot.closed{ display: block; text-align: left; animation-play-state: running; -webkit-animation: arrow-blink-right 3s infinite linear; -moz-animation: arrow-blink-right 3s infinite linear; -ms-animation: arrow-blink-right 3s infinite linear; -o-animation: arrow-blink-right 3s infinite linear; animation: arrow-blink-right 3s infinite linear; } .m-left-menu-controll .anim-arrow-top{ margin-bottom: 4px; } .m-left-menu-controll .anim-arrow-bot{ margin-top: 2px; } .m-left-menu .m-left-menu-controll .controll-text { -webkit-animation: text-visibility 8s infinite linear; -moz-animation: text-visibility 8s infinite linear; -ms-animation: text-visibility 8s infinite linear; -o-animation: text-visibility 8s infinite linear; animation: text-visibility 8s infinite linear; } #mlmToggle:checked ~ .m-left-menu .m-menu-section-list{ overflow-y: auto; -webkit-overflow-scrolling: touch } #mlmToggle:checked ~ .m-left-menu{ left: 0; } #mlmToggle:checked ~ .m-left-menu .m-left-menu-controll{ left: 78%; border: 1px solid #fcf7dc; background-color: #fdb93f; color: #ed1212; border-radius: 15px 0 0 15px; } #mlmToggle:checked ~ .m-left-menu .m-left-menu-block{ background-color: #d81f1f; } #mlmToggle:checked ~ .m-left-menu .m-left-menu-controll .controll-text{ transform: rotate(-180deg); float: right; } #mlmToggle:checked ~ .m-left-menu .m-menu-section-list .section-list-title{ opacity: 1; transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); } #mlmToggle:checked ~ .m-left-menu .m-menu-section-list .bx_sitemap_ul li{ /* opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);*/ } #mlmToggle:checked ~ .m-left-menu .m-menu-section-list hr{ opacity: 1; transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); } #mlmToggle:checked ~ .m-left-menu .m-left-menu-controll .anim-arrow-top{ animation-play-state:running; display: block; } #mlmToggle:checked ~ .m-left-menu .m-left-menu-controll .anim-arrow-bot{ animation-play-state:running; display: block; } #mlmToggle:checked ~ .m-left-menu .m-left-menu-controll .anim-arrow-top.closed{ animation-play-state:paused; display: none; } #mlmToggle:checked ~ .m-left-menu .m-left-menu-controll .anim-arrow-bot.closed{ animation-play-state:paused; display: none; } } #mlmToggle:checked ~ body{ overflow-y: hidden; } .greyCard{ overflow:hidden; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12)!important; } .greyCard .greyCard{ box-shadow:none!important; } .sticky { position: fixed; z-index: 101; } .stop { position: relative; z-index: 101; } .mainpagecoutry { font-size: 80% !important; } .map {border: 1px solid rgb(144, 144, 144);} #map {border: 1px solid rgb(144, 144, 144);} .init-left-fixed{ height: 100%; padding: 0; border:0; } /*.init-grey-card{ height: 800px; }*/ /*.zvonok-manageru .modal-content{ min-width: 500px!important; }*/ .subscriber-contact-block{ /*background-color: #ffff006e!important;*/ border: 1px solid #C00; } .subscriber-contact-block hr{ border: 1px solid #C00!important; } .taxi-weather-r-block, .taxi-weather-l-block{ display: none; } .btn.anchor-link{ margin-left: 0; margin-bottom: 25px; font-size: 19px; font-weight: 900; text-transform: none; } .contpsevdh2 { font-size: 22px; margin-top: 20px; margin-bottom: 10px; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } /****************** видео с YOUTUBE *******************/ @media (min-width: 1024px){ .percentvideo { width: 80%; min-height: 600px; margin: 0 auto; } } .video-block { position: relative; padding-bottom: 56%; height: 0; overflow: hidden; /* background: #000000; */ border: 1px solid #FFF; } .video-block .video-cover { position: relative; width: 100%; min-height: 400px; } .video-block .video-cover .play-button { border: none; background-color: transparent; padding: 0; color: inherit; text-align: inherit; font-size: 100%; font-family: inherit; line-height: inherit; position: absolute; left: 50%; top: 50%; width: 68px; height: 48px; margin-left: -34px; margin-top: -24px; -moz-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1); -webkit-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1); transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1); z-index: 63; cursor: pointer; } .video-block .video-cover .play-button svg { height: 100%; left: 0; position: absolute; top: 0; width: 100%; pointer-events: none; } .video-block .video-cover:hover .ytp-large-play-button-bg { -moz-transition: fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1); -webkit-transition: fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1); transition: fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1); fill: #f00; fill-opacity: 1; } .video-block .video-cover img { width: 100%; height: auto; aspect-ratio: attr(width) / attr(height); } .video-block iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /******************************/ .guide_block { padding-top: 25px; } .guide_block .thumb img { left: calc(50% - 175px); position: relative; } .guide_block .specpred img { max-width: 100%; } .infrastructure_block { padding-top: 25px; } .infrastructure_block .thumb img { left: calc(50% - 175px); position: relative; } /*****************************/ @media (min-width: 1000px) { .recommend-wrapper .recommend .col-md-12 { width: 25%; } } .recommend .whitecard .card-body { padding: 1em; min-height: 1em; } .recommend .whitecard .card { border-bottom: 3px solid #f0ad4e; } .m-left-menu-guide{ display: none; } #m-left-menu-guide-toggle{ position: absolute; display: none; } @media screen and (max-width: 768px) { .itemm {clear:both} } @media screen and (max-width:553px){ .knopka_razm{text-align:center;} .knopka_razm a{ margin-top:10px!important; float:none!important; clear:both; } .m-left-menu-guide{ display: block; position: fixed; z-index: 2; width: 85%; height: 100%; top: 0; bottom: 0; left: -93%; -webkit-transition: left 0.5s; -moz-transition: left 0.5s; -o-transition: left 0.5s; transition: left 0.5s; } .m-left-menu-guide .bx_sitemap{ margin-bottom: 0; } .m-left-menu-guide .bx-filter{ background-color: inherit; } .m-left-menu-guide .bx-filter .bx-filter-title{ color: white; } .m-left-menu-guide .bx-filter .bx-filter-parameters-box-title span{ color: #f7e931; } .m-left-menu-guide .bx-filter .sf-show-all{ background-color: #fdb93f; } .m-left-menu-guide .bx-filter #del_filter{ background-color: #b32020; color: #fce7cc!important; margin-bottom: 50px; } .m-left-menu-guide .bx-filter .bx-filter-parameters-box-container{ padding-bottom: 0; } .m-left-menu-guide-block{ height: 100%; -webkit-overflow-scrolling: touch; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s; } .m-menu-section-list{ width: 100%; display: inline-block; height: 100%; float: left; margin-top: 12%; color: #fcf7dc; padding-bottom: 10px; } .m-menu-section-list .section-list-title { font-family: "Century Gothic"; font-size: 26px; opacity: 0; transform-origin: 0 0; -ms-transform-origin: 0 0; -moz-transform-origin: 0 0; -webkit-transform-origin: 0 0; -webkit-transition: opacity 1s, -webkit-transform 1s; -moz-transition: opacity 1s, -moz-transform 1s; -o-transition: opacity 1s, -o-transform 1s; -ms-transition: opacity 1s, -ms-transform 1s; transition: opacity 1s, transform 1s; transform: scale(0.1, 0.1); -ms-transform: scale(0.1, 0.1); -moz-transform: scale(0.1, 0.1); -webkit-transform: scale(0.1, 0.1); margin-top: 6px; } .m-menu-section-list hr{ margin: 15px 20px; opacity: 0; transform-origin: 0 0; -ms-transform-origin: 0 0; -moz-transform-origin: 0 0; -webkit-transform-origin: 0 0; -webkit-transition: opacity 1s, -webkit-transform 1s; -moz-transition: opacity 1s, -moz-transform 1s; -o-transition: opacity 1s, -o-transform 1s; -ms-transition: opacity 1s, -ms-transform 1s; transition: opacity 1s, transform 1s; transform: scale(0.1, 0.1); -ms-transform: scale(0.1, 0.1); -moz-transform: scale(0.1, 0.1); -webkit-transform: scale(0.1, 0.1); } .m-menu-section-list .section-list-title span { border-radius: 25px; background-color: #ff2300; padding: 5px; } .m-menu-section-list .bx_sitemap_ul{ list-style: none; padding-left: 10px!important; font-size: 15px; } .m-menu-section-list .bx_sitemap_ul li{ color: inherit; /*opacity: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: opacity 1s .3s, -webkit-transform 1s .3s; -moz-transition: opacity 1s .3s, -moz-transform 1s .3s; -ms-transition: opacity 1s .3s, -ms-transform 1s .3s; transition: opacity 1s .3s, transform 1s .3s;*/ } .m-menu-section-list .bx_sitemap_ul li .lvl1{ margin-left: 0; } .m-menu-section-list .bx_sitemap_ul li .lvl2{ margin-left: 10px; } .m-menu-section-list .bx_sitemap_ul li a{ color: inherit; text-decoration: underline; } .m-menu-section-list .bx_sitemap_ul li a:active{ color: #ffe62a!important; } .m-menu-section-list .bx_sitemap_ul li a:focus{ color: #ffe62a!important; } .m-menu-section-list .bx_sitemap_ul li a:visited{ color: #e8dfa1!important; } .m-left-menu-guide-controll{ vertical-align: middle; margin: 0 auto; text-align: center; color: #fcf7dc; padding: 10px 0; border: 1px solid #fdb93f; border-bottom: none; background-color: #0039A6; border-radius: 0 15px 15px 0; width: 7%; display: inline-block; position: fixed; top: 35%; left: 0; max-height: 40%; z-index: 2; -webkit-transition: left 0.5s, border 0.3s, background-color 0.3s, color 0.3s, border-radius 0.3s; -moz-transition: left 0.5s, border 0.3s, background-color 0.3s, color 0.3s, border-radius 0.3s; -o-transition: left 0.5s, border 0.3s, background-color 0.3s, color 0.3s, border-radius 0.3s; transition: left 0.5s, border 0.3s, background-color 0.3s, color 0.3s, border-radius 0.3s; } .m-left-menu-guide-controll .controll-text { float: left; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; width: auto; white-space: nowrap; } .m-left-menu-guide-controll .anim-arrow-top, .m-left-menu-guide-controll .anim-arrow-bot{ display: none; animation-play-state:paused; float: right; text-align: right; font-size: 10px; width: 100%; -webkit-animation: arrow-blink-left 3s infinite linear; -moz-animation: arrow-blink-left 3s infinite linear; -ms-animation: arrow-blink-left 3s infinite linear; -o-animation: arrow-blink-left 3s infinite linear; animation: arrow-blink-left 3s infinite linear; } .m-left-menu-guide-controll .anim-arrow-top.closed, .m-left-menu-guide-controll .anim-arrow-bot.closed{ display: block; text-align: left; animation-play-state: running; -webkit-animation: arrow-blink-right 3s infinite linear; -moz-animation: arrow-blink-right 3s infinite linear; -ms-animation: arrow-blink-right 3s infinite linear; -o-animation: arrow-blink-right 3s infinite linear; animation: arrow-blink-right 3s infinite linear; } .m-left-menu-guide-controll .anim-arrow-top{ margin-bottom: 4px; } .m-left-menu-guide-controll .anim-arrow-bot{ margin-top: 2px; } .m-left-menu-guide .m-left-menu-guide-controll .controll-text { -webkit-animation: text-visibility 8s infinite linear; -moz-animation: text-visibility 8s infinite linear; -ms-animation: text-visibility 8s infinite linear; -o-animation: text-visibility 8s infinite linear; animation: text-visibility 8s infinite linear; } #mlmToggle-guide:checked ~ .m-left-menu-guide .m-menu-section-list{ overflow-y: auto; -webkit-overflow-scrolling: touch } #mlmToggle-guide:checked ~ .m-left-menu-guide{ left: 0; } #mlmToggle-guide:checked ~ .m-left-menu-guide .m-left-menu-guide-controll{ left: 78%; border: 1px solid #fcf7dc; background-color: #fdb93f; color: #dd1212; border-radius: 15px 0 0 15px; } #mlmToggle-guide:checked ~ .m-left-menu-guide .m-left-menu-guide-block{ background-color: #d81f1f; } #mlmToggle-guide:checked ~ .m-left-menu-guide .m-left-menu-guide-controll .controll-text{ transform: rotate(-180deg); float: right; } #mlmToggle-guide:checked ~ .m-left-menu-guide .m-menu-section-list .section-list-title{ opacity: 1; transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); } #mlmToggle-guide:checked ~ .m-left-menu-guide .m-menu-section-list .bx_sitemap_ul li{ /* opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);*/ } #mlmToggle-guide:checked ~ .m-left-menu-guide .m-menu-section-list hr{ opacity: 1; transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); } #mlmToggle-guide:checked ~ .m-left-menu-guide .m-left-menu-guide-controll .anim-arrow-top{ animation-play-state:running; display: block; } #mlmToggle-guide:checked ~ .m-left-menu-guide .m-left-menu-guide-controll .anim-arrow-bot{ animation-play-state:running; display: block; } #mlmToggle-guide:checked ~ .m-left-menu-guide .m-left-menu-guide-controll .anim-arrow-top.closed{ animation-play-state:paused; display: none; } #mlmToggle-guide:checked ~ .m-left-menu-guide .m-left-menu-guide-controll .anim-arrow-bot.closed{ animation-play-state:paused; display: none; } } #mlmToggle-guide:checked ~ body{ overflow-y: hidden; } /************************************/ .m-left-menu-infrastructure{ display: none; } #m-left-menu-infrastructure-toggle{ position: absolute; display: none; } @media screen and (max-width: 768px) { .itemm {clear:both} } @media screen and (max-width:553px){ .knopka_razm{text-align:center;} .knopka_razm a{ margin-top:10px!important; float:none!important; clear:both; } .m-left-menu-infrastructure{ display: block; position: fixed; z-index: 2; width: 85%; height: 100%; top: 0; bottom: 0; left: -93%; -webkit-transition: left 0.5s; -moz-transition: left 0.5s; -o-transition: left 0.5s; transition: left 0.5s; } .m-left-menu-infrastructure .bx_sitemap{ margin-bottom: 0; } .m-left-menu-infrastructure .bx-filter{ background-color: inherit; } .m-left-menu-infrastructure .bx-filter .bx-filter-title{ color: white; } .m-left-menu-infrastructure .bx-filter .bx-filter-parameters-box-title span{ color: #f7e931; } .m-left-menu-infrastructure .bx-filter .sf-show-all{ background-color: #fdb93f; } .m-left-menu-infrastructure .bx-filter #del_filter{ background-color: #b32020; color: #fce7cc!important; margin-bottom: 50px; } .m-left-menu-infrastructure .bx-filter .bx-filter-parameters-box-container{ padding-bottom: 0; } .m-left-menu-infrastructure-block{ height: 100%; -webkit-overflow-scrolling: touch; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; -o-transition: background-color 0.5s; transition: background-color 0.5s; } .m-menu-section-list{ width: 100%; display: inline-block; height: 100%; float: left; margin-top: 12%; color: #fcf7dc; padding-bottom: 10px; } .m-menu-section-list .section-list-title { font-family: "Century Gothic"; font-size: 26px; opacity: 0; transform-origin: 0 0; -ms-transform-origin: 0 0; -moz-transform-origin: 0 0; -webkit-transform-origin: 0 0; -webkit-transition: opacity 1s, -webkit-transform 1s; -moz-transition: opacity 1s, -moz-transform 1s; -o-transition: opacity 1s, -o-transform 1s; -ms-transition: opacity 1s, -ms-transform 1s; transition: opacity 1s, transform 1s; transform: scale(0.1, 0.1); -ms-transform: scale(0.1, 0.1); -moz-transform: scale(0.1, 0.1); -webkit-transform: scale(0.1, 0.1); margin-top: 6px; } .m-menu-section-list hr{ margin: 15px 20px; opacity: 0; transform-origin: 0 0; -ms-transform-origin: 0 0; -moz-transform-origin: 0 0; -webkit-transform-origin: 0 0; -webkit-transition: opacity 1s, -webkit-transform 1s; -moz-transition: opacity 1s, -moz-transform 1s; -o-transition: opacity 1s, -o-transform 1s; -ms-transition: opacity 1s, -ms-transform 1s; transition: opacity 1s, transform 1s; transform: scale(0.1, 0.1); -ms-transform: scale(0.1, 0.1); -moz-transform: scale(0.1, 0.1); -webkit-transform: scale(0.1, 0.1); } .m-menu-section-list .section-list-title span { border-radius: 25px; background-color: #ff2300; padding: 5px; } .m-menu-section-list .bx_sitemap_ul{ list-style: none; padding-left: 10px!important; font-size: 15px; } .m-menu-section-list .bx_sitemap_ul li{ color: inherit; /*opacity: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: opacity 1s .3s, -webkit-transform 1s .3s; -moz-transition: opacity 1s .3s, -moz-transform 1s .3s; -ms-transition: opacity 1s .3s, -ms-transform 1s .3s; transition: opacity 1s .3s, transform 1s .3s;*/ } .m-menu-section-list .bx_sitemap_ul li .lvl1{ margin-left: 0; } .m-menu-section-list .bx_sitemap_ul li .lvl2{ margin-left: 10px; } .m-menu-section-list .bx_sitemap_ul li a{ color: inherit; text-decoration: underline; } .m-menu-section-list .bx_sitemap_ul li a:active{ color: #ffe62a!important; } .m-menu-section-list .bx_sitemap_ul li a:focus{ color: #ffe62a!important; } .m-menu-section-list .bx_sitemap_ul li a:visited{ color: #e8dfa1!important; } .m-left-menu-infrastructure-controll{ vertical-align: middle; margin: 0 auto; text-align: center; color: #fcf7dc; padding: 10px 0; border: 1px solid #fdb93f; border-bottom: none; background-color: #D52B1E; border-radius: 0 15px 15px 0; width: 7%; display: inline-block; position: fixed; top: 70%; left: 0; max-height: 40%; z-index: 2; -webkit-transition: left 0.5s, border 0.3s, background-color 0.3s, color 0.3s, border-radius 0.3s; -moz-transition: left 0.5s, border 0.3s, background-color 0.3s, color 0.3s, border-radius 0.3s; -o-transition: left 0.5s, border 0.3s, background-color 0.3s, color 0.3s, border-radius 0.3s; transition: left 0.5s, border 0.3s, background-color 0.3s, color 0.3s, border-radius 0.3s; } .m-left-menu-infrastructure-controll .controll-text { float: left; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; width: auto; white-space: nowrap; } .m-left-menu-infrastructure-controll .anim-arrow-top, .m-left-menu-infrastructure-controll .anim-arrow-bot{ display: none; animation-play-state:paused; float: right; text-align: right; font-size: 10px; width: 100%; -webkit-animation: arrow-blink-left 3s infinite linear; -moz-animation: arrow-blink-left 3s infinite linear; -ms-animation: arrow-blink-left 3s infinite linear; -o-animation: arrow-blink-left 3s infinite linear; animation: arrow-blink-left 3s infinite linear; } .m-left-menu-infrastructure-controll .anim-arrow-top.closed, .m-left-menu-infrastructure-controll .anim-arrow-bot.closed{ display: block; text-align: left; animation-play-state: running; -webkit-animation: arrow-blink-right 3s infinite linear; -moz-animation: arrow-blink-right 3s infinite linear; -ms-animation: arrow-blink-right 3s infinite linear; -o-animation: arrow-blink-right 3s infinite linear; animation: arrow-blink-right 3s infinite linear; } .m-left-menu-infrastructure-controll .anim-arrow-top{ margin-bottom: 4px; } .m-left-menu-infrastructure-controll .anim-arrow-bot{ margin-top: 2px; } .m-left-menu-infrastructure .m-left-menu-infrastructure-controll .controll-text { -webkit-animation: text-visibility 8s infinite linear; -moz-animation: text-visibility 8s infinite linear; -ms-animation: text-visibility 8s infinite linear; -o-animation: text-visibility 8s infinite linear; animation: text-visibility 8s infinite linear; } #mlmToggle-infrastructure:checked ~ .m-left-menu-infrastructure .m-menu-section-list{ overflow-y: auto; -webkit-overflow-scrolling: touch } #mlmToggle-infrastructure:checked ~ .m-left-menu-infrastructure{ left: 0; } #mlmToggle-infrastructure:checked ~ .m-left-menu-infrastructure .m-left-menu-infrastructure-controll{ left: 78%; border: 1px solid #fcf7dc; background-color: #fdb93f; color: #cf1212; border-radius: 15px 0 0 15px; } #mlmToggle-infrastructure:checked ~ .m-left-menu-infrastructure .m-left-menu-infrastructure-block{ background-color: #d81f1f; } #mlmToggle-infrastructure:checked ~ .m-left-menu-infrastructure .m-left-menu-infrastructure-controll .controll-text{ transform: rotate(-180deg); float: right; } #mlmToggle-infrastructure:checked ~ .m-left-menu-infrastructure .m-menu-section-list .section-list-title{ opacity: 1; transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); } #mlmToggle-infrastructure:checked ~ .m-left-menu-infrastructure .m-menu-section-list .bx_sitemap_ul li{ /* opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);*/ } #mlmToggle-infrastructure:checked ~ .m-left-menu-infrastructure .m-menu-section-list hr{ opacity: 1; transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); } #mlmToggle-infrastructure:checked ~ .m-left-menu-infrastructure .m-left-menu-infrastructure-controll .anim-arrow-top{ animation-play-state:running; display: block; } #mlmToggle-infrastructure:checked ~ .m-left-menu-infrastructure .m-left-menu-infrastructure-controll .anim-arrow-bot{ animation-play-state:running; display: block; } #mlmToggle-infrastructure:checked ~ .m-left-menu-infrastructure .m-left-menu-infrastructure-controll .anim-arrow-top.closed{ animation-play-state:paused; display: none; } #mlmToggle-infrastructure:checked ~ .m-left-menu-infrastructure .m-left-menu-infrastructure-controll .anim-arrow-bot.closed{ animation-play-state:paused; display: none; } } #mlmToggle-infrastructure:checked ~ body{ overflow-y: hidden; } /************************************/ #mlmToggle:checked ~ .m-left-menu-guide .m-left-menu-guide-controll { display: none; } #mlmToggle:checked ~ .m-left-menu-infrastructure .m-left-menu-infrastructure-controll { display: none; } #mlmToggle-guide:checked ~ .m-left-menu .m-left-menu-controll { display: none; } #mlmToggle-guide:checked ~ .m-left-menu-infrastructure .m-left-menu-infrastructure-controll { display: none; } #mlmToggle-infrastructure:checked ~ .m-left-menu .m-left-menu-controll { display: none; } #mlmToggle-infrastructure:checked ~ .m-left-menu-guide .m-left-menu-guide-controll { display: none; } #searchForm .btn{ margin: 0; } #searchForm .error-msg{ display: none; } #searchForm .result-msg{ display: none; } #searchForm .modal-preloader{ position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; overflow: visible; background-color: rgba(255, 244, 244, 0.84); visibility: hidden; } #searchForm .modal-preloader .preloader-container { position: absolute; height: auto; width: auto; text-align: center; left: calc(50% - 100px); top: calc(50% - 100px); } #searchForm .modal-preloader .preloader-img{ animation: bounce 1500ms ease-in infinite; width: 130px; height: 130px; background: url(/local/templates/.default/include/img/matryoshka-doll.png) no-repeat 50% 50%; background-size: 100%; transform-origin: 50% 100%; margin: 0 auto; } #searchForm .modal-preloader .preloader-text { font-weight: bold; margin-top: 3px; color: #fbbb33; font-size: 14px; } .reviews-text{ padding: 20px; font-weight: bold; color: black; } .eg-white-block { margin-top: 1rem; background-color: white; border-radius: 4px; padding: 10px 10px; } .eg-block-title { color: #003580; padding: 7px 0; border-radius: 4px; font-weight: 500; font-size: 1.45em; z-index: 10; margin-left: 25px; position: relative; } .top-section-item-container{ display: inline-block; } .top-sections .top-section-item{ font-size: 1.3rem; display: block; margin: 3px 1px; padding: 5px 10px; } .eg-white-block .top-section-item { font-size: 1.5rem; display: block; margin: 3px 1px; padding: 8px 15px; font-weight: 400; border-radius: 4px; box-shadow: none; } .eg-white-block .top-section-item a{ color: inherit; text-decoration: none; } .eg-white-block .top-section-item a:hover { text-decoration: none; } .eg-white-block .seredina { background-color: #fff; margin-bottom: 0; padding-bottom: 15px; padding-top: 15px; color: #343c47; border-bottom: 3px solid #efefef; } .city-left-menu{ display: block; position: sticky; top: 23px; margin-top: 10px; } .city-left-menu, .objects-menu{ margin-top: 30px; } .city-left-menu ul, .objects-menu ul{ padding: 5px 10px; } .city-left-menu ul{ padding: 5px 10px; } .city-left-menu li, .objects-menu li{ list-style: none; height: auto; } .city-left-menu li a, .objects-menu li a{ padding: 5px 15px; color: black; width: 100%; font-size: 1.1em; display: block; font-weight: 400; text-decoration: none; } .city-left-menu li a:hover, .objects-menu li a:hover { background-color: grey; color: white; } li a[href="#recommend"] { background-color: grey; color: white; font-weight: 500; text-align: center; text-transform: uppercase; } .city-left-menu li a[href="#recommend"]:hover { background-color: #f0ad4e; } .city-left-menu li a.active, .objects-menu li a.active{ background-color: #c61919; color: white; padding: 10px 15px; font-size: 1.1em; font-weight: 500; } .city-page{ font-size: 13px; color: black; } .volume-block{ box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12)!important; padding-top: 15px; font-size: 1.4rem; /*margin-top: 20px;*/ } .volume-block > ul{ list-style: none; } .volume-block > ul li{ list-style: none; } .aside-block{ display: block; position: sticky; top: 10px; } .aside-block-admin{ top: 43px; } .section-page-text{ position: absolute; top: -3000px; } #sectionPageText .section-page-text{ position: relative; top: 0; } .search-block{ display: flex; flex-direction: column; position: sticky!important; top: 0; z-index: 100; transition: box-shadow .25s ease-in-out; } .admin-top-margin{ top: 30px; } .filt.sticky { position: sticky; top: 0; } .phone-value{ display: inline-block; position: relative; } .phone-overlay{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #f6f688; } .contactFooter{ width: 100%; height: auto; padding: 10px; background-color: white; position: sticky; bottom: 0; z-index: 500; border-radius: 15px 15px 0 0; -webkit-box-shadow: 0px -1px 12px -1px rgba(0,0,0,0.55); -moz-box-shadow: 0px -1px 12px -1px rgba(0,0,0,0.55); box-shadow: 0px -1px 12px -1px rgba(0,0,0,0.55); border: 2px solid #fdb93f; } .contactFooter .contactFooterLabel { font-size: 1.7rem; font-weight: 600; color: black; } .lightgrey{ color: #c2c2c2; font-size: 1.5rem; } .contactFooter .contactFooterValue { font-size: 1.6rem; font-weight: 500; color: #c61919; } .contactFooter .btnActions{ font-size: 16px; line-height: 42px; color: #000; background-color: white; border: 2px solid lightgrey; font-weight: 400; border-radius: 100px; padding: 0 20px; cursor: pointer; transition: .1s ease-out; transition-property: border-color,border-width,background-color; float: right; } .contactFooter .btnActions:hover { border: 2px solid #afafaf; } .contactFooter .btnActions.book-btn{ font-weight: 500; border-color: #4285f4; } .contactFooter .btnActions.book-btn:hover{ border-color: #3a67d4; } .contactFooterContainer{ display: flex; justify-content: space-between; flex-wrap: wrap; } .contactFooterContainer .contactFooterBlock{ margin: 0 auto; } hr.descat{ border-top: 1px solid #003580; margin: 7px 0; } @media (max-width: 320px){ .main-area{ width: 100%; } } @media screen and (max-width:480px){ .search-block{ position: relative!important; } } .subscriber-contact-block .btnActions.book-btn, .room-contact-block .btnActions.book-btn { font-weight: 500; border-color: #4285f4; } .subscriber-contact-block .btnActions, .room-contact-block .btnActions, .contactFooter .btnActions{ font-size: 16px; line-height: 42px; color: #000; background-color: white; border: 2px solid lightgrey; font-weight: 400; padding: 0; border-radius: 100px; text-align: center; cursor: pointer; transition: .1s ease-out; transition-property: border-color,border-width,background-color; margin-top: 2px; margin-bottom: 2px; white-space: nowrap; } .contactFooter .btnActions:hover, .subscriber-contact-block .btnActions:hover, .room-contact-block .btnActions:hover{ border: 2px solid #afafaf; } .subscriber-contact-block .messenger-wrp{ display: flex; flex-direction: row; } .subscriber-contact-block .messenger-wrp-btn{ width: 100%; position: relative; } .messenger-wrp-btn .dropdown-backdrop{ display: none; } @media (max-width: 1600px) { .subscriber-contact-block .messenger-wrp{ flex-direction: column; } } .subscriber-contact-block .messenger-wrp .messenger-wrp-btn a{ display: flex; justify-content: center; } .subscriber-contact-block .messenger-wrp .messenger-wrp-btn i{ align-self: center; padding-right: 3px; } .contactFooterContainer .abon-whatsapp-btn, .subscriber-contact-block .abon-whatsapp-btn, .room-contact-block .abon-whatsapp-btn{ color: #fff; background-color: #07bc4c; border-color: #07bc4c; width: 100%; text-align: center; } .contactFooterContainer .abon-viber-btn, .subscriber-contact-block .abon-viber-btn, .room-contact-block .abon-viber-btn{ color: #fff; background-color: #574e92; border-color: #574e92; width: 100%; text-align: center; } .contactFooterContainer .footer-wrp-contact{ display: flex; flex-direction: row; align-items: center; justify-content: space-around; } .messenger-wrp-btn .btnActions{ max-width: 250px; } .contactFooterContainer .messenger-wrp-btn, .contactFooterContainer .btnActions{ width: 100%; } /* End */ /* Start:/local/components/southcoast/catalog.userfield.filter/templates/.default/style.css?16129438354312*/ div.title-search-result { border: 1px solid #c6c6c6; visibility: hidden; overflow: hidden; z-index: 205; } table.title-search-result { border-collapse: collapse; border: none; width: 12%; } table.title-search-result th { background-color: #F7F7F7; border-right: 1px solid #e8e8e8; color: #949494; font-weight: normal; padding-top: 2px; padding-bottom: 2px; padding-left: 14px; padding-right: 12px; text-align: right; vertical-align: top; white-space: nowrap; width: 1%; } table.title-search-result td { background-color: white; font-weight: normal; padding-top: 4px; padding-bottom: 4px; text-align: left; white-space: nowrap; } table.title-search-result td.title-search-item { padding-left: 4px; padding-right: 10px; font-weight: 500; border: .5px solid rgba(128, 128, 128, 0.3); } table.title-search-result td.title-search-item .count-label{ color: grey; font-weight: 400; padding-left: 3px; font-size: 12px; } table.title-search-result td.title-search-item .subname{ color: grey; font-weight: 400; font-size: 12px; } table.title-search-result td.title-search-item a { padding-left: 2px; padding-right: 10px; vertical-align: top; display: block; } table.title-search-result td.title-search-item img { vertical-align: top; } table.title-search-result td.title-search-item b { color: #cf0000; font-weight: 500; } table.title-search-result tr.title-search-selected td, table.title-search-result tr.title-search-selected a, table.title-search-result tr.title-search-selected td.title-search-more a { background-color: #fff2be; } table.title-search-result td.title-search-more { font-size: 11px; font-weight: normal; padding-right: 15px; padding-left: 24px; padding-top: 0px; } table.title-search-result td.title-search-more a { padding-left: 12px; padding-right: 15px; text-decoration: none; color: #999999; } table.title-search-result td.title-search-all { padding-left: 24px; padding-right: 15px; } table.title-search-result td.title-search-all a { padding-left: 4px; text-decoration: none; color: #808080; } table.title-search-result td.title-search-separator, table.title-search-result th.title-search-separator { padding-top: 0px; padding-bottom: 0px; font-size: 4px; } div.title-search-fader { display: none; background-image: url('/local/components/southcoast/catalog.userfield.filter/templates/.default/images/fader.png'); background-position: right top; background-repeat: repeat-y; position: absolute; } p.title-search-preview { font-size: 12px; } div.title-search-result td.title-search-price span { font-size: 26px; } .input-clear { position: absolute; right: 5%; top: 0; height: 100%; z-index: 1; background-color: white } .filter-container .input-clear.search-clear{ border: 1px solid #d9d9d9; border-left: none; opacity: 1; width: 9%; border-radius: 0 6px 6px 0!important; } .input-clear.search-clear:hover{ /*border-color: red!important;*/ color: #c61919; } .search-wrapper .search-string:hover{ border-color: black!important; } .search-wrapper .search-string:hover + .search-clear{ border-color: black!important; } .search-wrapper .search-string:focus + .search-clear{ border-color: black!important; } .filter-form { display: inline-flex; } .date-field { width: 50%; } .filter-field-wrapper { width: 10%; margin-left: 15px; } .half-width { width: 50%; } .f-left { float: left; } .f-right { float: right; } .d-inline-flex { display: inline-flex; } .position-relative{ position: relative; } .search-wrapper{ width: 25%; } .dates-wrapper{ width: 20%; } .filter-error-msg{ margin: 0; margin-left: 16px; margin-top: 6px; } .filter-container .search-string{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-right: none!important; border-radius: 6px 0 0 6px!important; width: 86%!important; outline:none; } .selected-date-to{ background-color: #c61919; } .selected-date-from{ background-color: green; } .ui-widget-header{ border: 2px solid #fdb940; background: #c61919!important; } /* End */ /* Start:/local/templates/.default/include/css/selectordie.css?15977405646742*/ /* =========================================================== * * Name: selectordie_dev.css * Updated: 2014-10-10 * Created by: Per V @ Vst.mn * What?: Base CSS for Select or Die * * Copyright (c) 2014 Per Vestman * Dual licensed under the MIT and GPL licenses. * * No, I don't usually comment my CSS, but in this * case it might "help" someone. * * Oddny | Cogs 'n Kegs * =========================================================== */ /* Remove, change to fit your needs */ .sod_select, .sod_select * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* The SoD - Please keep this first three lines intact, otherwise all hell will break looooooose */ .sod_select { display: inline-block; position: relative; line-height: 12px; /*width: 120px;*/ padding: 13px 10px; border: 1px solid #d9d9d9; border-radius: 6px; background: #f5f5f5; color: #444444; font-size: inherit; /*font-weight: 700;*/ text-align: left; /*text-transform: uppercase;*/ outline: 0; outline-offset: -2px; /* Opera */ cursor: default; } /* Up/Down arrows */ .sod_select:before, .sod_select:after { content: "\25B2"; position: absolute; right: 10px; top: 10px; font-size: 7px; } /* Down arrow */ .sod_select:after { content: "\25BC"; top: auto; bottom: 10px; } /* Change the border color on hover, focus and when open */ .sod_select:hover, .sod_select.open, .sod_select.focus { border-color: #000000; } .sod_select.open { color: #919191; border-bottom-color: #d9d9d9; } .sod_select.focus { box-shadow: 0 0 5px rgba(0,0,0,.2); } /* When the entire SoD is disabled, go crazy! */ .sod_select.disabled { border-color: #d9d9d9; color: #b2b2b2; cursor: not-allowed; } /* The "label", or whatever we should call it. Keep the first three lines for truncating. */ .sod_select .sod_label { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 15px; padding-left: 10px; } .sod_select .sod_prefix { /* Use this if you're using a prefix and want to style it */ } .sod_select .sod_placeholder { /* Use this if you're using a placeholder and want to style it */ } /* Options list wrapper */ .sod_select .sod_list_wrapper { position: absolute; top: 100%; left: 0; display: none; height: auto; width: 100%; margin: 0; background: #f5f5f5; border: 1px solid #d9d9d9; border-top: none; border-radius: 6px 6px 0 0; color: #444444; font-weight: 300; z-index: 1200; } /* Shows the option list (don't edit) */ .sod_select.open .sod_list_wrapper { display: block; } /* Don't display the options when */ .sod_select.disabled.open .sod_list_wrapper { display: none; } /* When the option list is displayed above the SoD */ .sod_select.above .sod_list_wrapper { top: auto; bottom: 100%; border-top: 1px solid #d9d9d9; border-bottom: none; } /* Options list container */ .sod_select .sod_list { display: block; overflow-y: auto; padding: 0; margin: 0; } /* All the options. Keep the first three lines for truncating... */ .sod_select .sod_option { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; padding: 10px 10px; list-style-type: none; } /* Optgroups */ .sod_select .sod_option.optgroup, .sod_select .sod_option.optgroup.disabled { background: inherit; color: #939393; font-size: 10px; font-style: italic; } /* Children of an optgroup */ .sod_select .sod_option.groupchild { padding-left: 20px; } /* Used together with placeholderOption / data-placeholder-option */ .sod_select .sod_option.is-placeholder { display: none; } /* Disabled option */ .sod_select .sod_option.disabled { background: inherit; color: #cccccc; } /* Hover state for options, also used when a user uses his/hers up/down keys */ .sod_select .sod_option.active { background: snow; color: #333333; } /*Make room for the check mark */ .sod_select .sod_option.selected { font-weight: 700; padding-right: 25px; } /* Displays a check mark for the selected option */ .sod_select .sod_option.selected:before { content: ""; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; color: #808080; height: 9px; width: 10px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAgOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDlEOUQ4IiBkPSJNNCw2LjdDMy42LDYuMywzLjUsNi4xLDMuMSw1LjdDMi42LDUuMiwyLDQuNiwxLjUsNC4xYy0wLjgtMC44LTIsMC40LTEuMiwxLjJjMC45LDAuOSwxLjksMS45LDIuOCwyLjgNCgkJYzAuNywwLjcsMS4zLDEsMiwwQzYuNyw2LDguMywzLjcsOS44LDEuNUMxMC41LDAuNSw5LTAuMyw4LjMsMC42bDAsMEM2LjcsMi45LDUuNyw0LjQsNCw2LjciLz4NCjwvZz4NCjwvc3ZnPg0K); } /* Add a .no_highlight class to you SoD to hide the check mark and don't bold the option */ .sod_select.no_highlight .sod_option.selected { font-weight: 300; } .sod_select.no_highlight .sod_option.selected:before { display: none; } .sod_select .sod_option.link { /* If data-link is set on a specific option */ } .sod_select .sod_option.linkexternal { /* If data-link-external is set on a specific option */ } /* Hide native select */ .sod_select select { display: none !important; } /* The native select in touch mode. Keep this first line. Sorry, keep everything. */ .sod_select.touch select { -webkit-appearance: menulist-button; position: absolute; top: 0; left: 0; display: block !important; height: 100%; width: 100%; opacity: 0; z-index: 1; } /* End */ /* Start:/local/templates/.default/include/css/jquery-ui.css?155505666139830*/ /*! jQuery UI - v1.11.4 - 2015-03-11 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Helvetica%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=cb842e&bgTextureHeader=glass&bgImgOpacityHeader=25&borderColorHeader=d49768&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=f4f0ec&bgTextureContent=inset_soft&bgImgOpacityContent=100&borderColorContent=e0cfc2&fcContent=1e1b1d&iconColorContent=c47a23&bgColorDefault=ede4d4&bgTextureDefault=glass&bgImgOpacityDefault=70&borderColorDefault=cdc3b7&fcDefault=3f3731&iconColorDefault=f08000&bgColorHover=f5f0e5&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=f5ad66&fcHover=a46313&iconColorHover=f08000&bgColorActive=f4f0ec&bgTextureActive=highlight_hard&bgImgOpacityActive=100&borderColorActive=e0cfc2&fcActive=b85700&iconColorActive=f35f07&bgColorHighlight=f5f5b5&bgTextureHighlight=highlight_hard&bgImgOpacityHighlight=75&borderColorHighlight=d9bb73&fcHighlight=060200&iconColorHighlight=cb672b&bgColorError=fee4bd&bgTextureError=highlight_hard&bgImgOpacityError=65&borderColorError=f8893f&fcError=592003&iconColorError=ff7519&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=75&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=75&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; /*text-indent: -99999px;*/ overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; min-height: 0; /* support: IE7 */ font-size: 100%; } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; /* removes extra width in IE */ } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2.2em; } /* button elements seem to need a little more width */ button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /* button text element */ .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /* button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /* button sets */ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ /* reset extra padding in Firefox, see h5bp.com/l */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { cursor: pointer; position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; color: white; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; color: black; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-dialog { overflow: hidden; position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { position: relative; margin: 0; padding: 3px 1em 3px .4em; cursor: pointer; min-height: 0; /* support: IE7 */ /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; /* Support: IE7 */ overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-button { display: inline-block; overflow: hidden; position: relative; text-decoration: none; cursor: pointer; } .ui-selectmenu-button span.ui-icon { right: 0.5em; left: auto; margin-top: -8px; position: absolute; top: 50%; } .ui-selectmenu-button span.ui-selectmenu-text { text-align: left; padding: 0.4em 2.1em 0.4em 1em; display: block; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* vertically center icon */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position: -65px -16px; } .ui-tabs { position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Helvetica, Arial, sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Helvetica, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #e0cfc2; background: #f4f0ec url("/local/templates/.default/include/css/images/ui-bg_inset-soft_100_f4f0ec_1x100.png") 50% bottom repeat-x; color: #1e1b1d; } .ui-widget-content a { color: #1e1b1d; } .ui-widget-header { border: 1px solid #f0ad4e; background: #f0ad4e url("/local/templates/.default/include/css/images/ui-bg_glass_25_cb842e_1x400.png") 50% 50% repeat-x; /*color: #ffffff;*/ font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cdc3b7; background: #ede4d4 url("/local/templates/.default/include/css/images/ui-bg_glass_70_ede4d4_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #3f3731; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #3f3731; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #f5ad66; background: #f5f0e5 url("/local/templates/.default/include/css/images/ui-bg_glass_100_f5f0e5_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #a46313; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited { color: #a46313; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #e0cfc2; background: #f4f0ec url("/local/templates/.default/include/css/images/ui-bg_highlight-hard_100_f4f0ec_1x100.png") 50% 50% repeat-x; font-weight: normal; color: #b85700; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #b85700; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #d9bb73; background: #f5f5b5 url("/local/templates/.default/include/css/images/ui-bg_highlight-hard_75_f5f5b5_1x100.png") 50% top repeat-x; color: #060200; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #060200; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f8893f; background: #fee4bd url("/local/templates/.default/include/css/images/ui-bg_highlight-hard_65_fee4bd_1x100.png") 50% top repeat-x; color: #592003; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #592003; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #592003; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("/local/templates/.default/include/css/images/ui-icons_c47a23_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("/local/templates/.default/include/css/images/ui-icons_ffffff_256x240.png"); } .ui-state-default .ui-icon { background-image: url("/local/templates/.default/include/css/images/ui-icons_f08000_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url("/local/templates/.default/include/css/images/ui-icons_f08000_256x240.png"); } .ui-state-active .ui-icon { background-image: url("/local/templates/.default/include/css/images/ui-icons_f35f07_256x240.png"); } .ui-state-highlight .ui-icon { background-image: url("/local/templates/.default/include/css/images/ui-icons_cb672b_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("/local/templates/.default/include/css/images/ui-icons_ff7519_256x240.png"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 6px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 6px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 6px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 6px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url("/local/templates/.default/include/css/images/ui-bg_flat_75_aaaaaa_40x100.png") 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url("/local/templates/.default/include/css/images/ui-bg_flat_75_aaaaaa_40x100.png") 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ border-radius: 8px; } /* End */ /* Start:/local/components/shaggy/catalog.smart.filter/templates/.default/style.css?161640283620224*/ .bx-filter { width: 100%; margin-bottom: 20px; background-color: #fbfbfb; } .bx-filter.card:nth-last-child(2){ margin-bottom:0; } .bx-filter .bx-filter-section { /*background: #edf6fc; /* color */ position: relative; padding-top: 26px } .bx-filter .bx-filter-section>.row { padding: 0 5px; } .bx-filter .bx-filter-title { font-size: 18px; color: #000; } /*Sections*/ .bx-filter .bx-filter-parameters-box { position: relative; } .bx-filter .bx-filter-parameters-box-title { font-size: 13px; padding-bottom: 7px; } @media (min-width: 992px) { .bx-filter .bx-filter-section .col-md-4:nth-child(3n+1) { clear: both; } } @media (min-width: 768px) and (max-width: 991px) { .bx-filter .bx-filter-section .col-md-4:nth-child(2n+1) { clear: both; } } .bx-filter .bx-filter-parameters-box-title span { color: #039be5; border-bottom: 1px solid transparent; cursor: pointer; } .bx-filter .bx-filter-parameters-box-title span:hover { border-color: #039be5; } .bx-filter .bx-filter-parameters-box.bx-active .bx-filter-parameters-box-title span { /*color: #95a1a8;*/ } .bx-filter .bx-filter-parameters-box.bx-active .bx-filter-parameters-box-title span:hover { /*color: #758087;*/ border-color: transparent; } .bx-filter .bx-filter-block { 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; } .bx-filter .bx-filter-button-box .bx-filter-block, .bx-filter .bx-filter-parameters-box.bx-active .bx-filter-block { display: block; } .bx-filter .bx-filter-parameters-box.bx-active .bx-filter-block i.bx-ft-sub { font-size: 14px; font-style: normal; display: block; padding-bottom: 5px; } .bx-filter-parameters-box-container { padding-bottom: 20px; } .bx-filter-parameters-box-container .checkbox:first-child { margin-top: 0; } .bx-filter .bx-filter-parameters-box-container-block { font-size: 11px; color: #3f3f3f; } /* * INPUTS * */ .bx-filter .bx-filter-input-container {} .bx-filter .bx-filter-input-container input { display: block; width: 100%; font-size: 18px; height: 38px; margin: 0; padding: 0 4px; border: 1px solid #ccd5db; border-radius: 2px; background: #fff; outline: none } .bx-retina .bx-filter .bx-filter-input-container input { border-style: solid; border-width: 1px; -webkit-border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/images/border_default.png) 2 repeat; -moz-border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/images/border_default.png) 2 repeat; -o-border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/images/border_default.png) 2 repeat; border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/images/border_default.png) 2 repeat; } /*.bx-filter .bx-filter-input-container input:focus { border-color: #499fd8; } .bx-retina .bx-filter .bx-filter-input-container input:focus { -webkit-border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/images/active.png) 2 repeat; -moz-border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/images/active.png) 2 repeat; -o-border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/images/active.png) 2 repeat; border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/images/active.png) 2 repeat; } /* COLOR */ .bx-ios .bx-filter .bx-filter-input-container input { /* Fix of input shadow for IOS browsers. */ background-image: -webkit-linear-gradient(#ffffff 0%, #ffffff 100%); background-image: linear-gradient(#ffffff 0%, #ffffff 100%); } .bx-filter .bx-filter-button-box { clear: both; } /* *Track * */ .bx-filter .bx-ui-slider-track-container { padding-top: 35px; padding-bottom: 25px; } .bx-filter .bx-ui-slider-track { position: relative; height: 7px; /*background: #d8e9f0;/* COLOR */ } .bx-filter .bx-ui-slider-part { position: absolute; top: -6px; width: 1px; height: 17px; background: #a2bfc7; } .bx-filter .bx-ui-slider-part.p1 { left: -1px; } .bx-filter .bx-ui-slider-part.p2 { left: 25%; } .bx-filter .bx-ui-slider-part.p3 { left: 50%; } .bx-filter .bx-ui-slider-part.p4 { left: 75%; } .bx-filter .bx-ui-slider-part.p5 { right: -1px; } .bx-filter .bx-ui-slider-part span { font-size: 11px; /*font-weight: bold;*/ position: absolute; top: -16px; left: 50%; display: block; width: 100px; margin-left: -50px; text-align: center; color: #000; } .bx-filter .bx-ui-slider-part.p2 span, .bx-filter .bx-ui-slider-part.p3 span, .bx-filter .bx-ui-slider-part.p4 span { color: #6b8086; } .bx-filter .bx-ui-slider-range, .bx-filter .bx-ui-slider-pricebar, .bx-filter .bx-ui-slider-pricebar-vd, .bx-filter .bx-ui-slider-pricebar-vn, .bx-filter .bx-ui-slider-pricebar-v { position: absolute; top: 0; bottom: 0; } .bx-filter .bx-ui-slider-range { z-index: 50; } .bx-filter .bx-ui-slider-pricebar { z-index: 100; } .bx-filter .bx-ui-slider-pricebar-vd { z-index: 60; /*background: #849da4;/* COLOR */ } .bx-filter .bx-ui-slider-pricebar-vn { z-index: 70; /*background: #a8dff3;/* COLOR */ } .bx-filter .bx-ui-slider-pricebar-v { z-index: 80; /*background: #499fd8;/* COLOR */ } .bx-filter .bx-ui-slider-handle { position: absolute; top: 100%; width: 22px; height: 22px; border-bottom: none; } .bx-filter .bx-ui-slider-handle:hover { -webkit-cursor: grab; -ms-cursor: grab; -o-cursor: grab; cursor: grab; } .bx-filter .bx-ui-slider-handle:active { -webkit-cursor: grabbing; -ms-cursor: grabbing; -o-cursor: grabbing; cursor: grabbing; } .bx-filter .bx-ui-slider-handle.left { left: 0; margin-left: -21px; /* COLOR */ /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAArUlEQVQ4y6WSQQ6FMAhEXbjyXwzOpBdx5bXKbYRWLFSJ2m8ysVHfzGA7DH9cuKVfNwwM40ZzZzJlmE3WTjjNfF9Fn2EwMH5pUGYWOJ3w6wZ4wDKz6rUBumQPPxrUmT0IxuxpqxYLQ7MOG5TaHtbk1iza5+VauW5dfdcYSDKcMLkP7wxdA5sMQWV/BkwDTY7mtAfHjpJ/Ihj4DoIgXZ9J+siaimi6rimLgSw87qod+1BRTwMJRYoAAAAASUVORK5CIIA=) no-repeat right top;*/ } .bx-filter .bx-ui-slider-handle.right { right: 0; margin-right: -21px; /* COLOR */ /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAq0lEQVQ4y6WSQRKDIAxFXXSlF0vOZC+SlddKblMUUhKCraIzX9Ahj58PE268TE8e3GSFJ5BUTDskaRl1QFk8BsHs4BCMQMruVEe+l4kWglFu5yLEZKDFXyeXIFoEpg3z738mJTzXhncj75+QtqjnJENO2sG4I1VXDtR3ogv7O1dHxV10gi75EGILiE78RRKy33AOq07i+Us4kRamkOPGptesQjeXIjZjO+fXB+hjUU/S3Z+WAAAAAElFTkSuQmCC) no-repeat left top;*/ } /* * Select * */ .bx-filter .bx-filter-select-container { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 35px; border-radius: 3px; border: 1px solid #ccd5db; } .bx-retina .bx-filter .bx-filter-select-container { border-style: solid; border-width: 1px; -webkit-border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/images/border_default.png) 2 repeat; -moz-border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/images/border_default.png) 2 repeat; -o-border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/images/border_default.png) 2 repeat; border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/images/border_default.png) 2 repeat; } /* COLOR */ /*.bx-filter .bx-filter-select-container.bx-active, .bx-filter .bx-filter-select-container:focus { border-color: #499fd8; } .bx-retina .bx-filter .bx-filter-select-container.bx-active, .bx-retina .bx-filter .bx-filter-select-container:focus { -webkit-border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/images/active.png) 2 repeat; -moz-border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/images/active.png) 2 repeat; -o-border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/images/active.png) 2 repeat; border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/images/active.png) 2 repeat; }*/ .bx-filter .bx-filter-select-block { position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 33px; margin: 0; padding: 0 33px 0 10px; border: none; border-radius: 2px; background: #fff; } .bx-filter .bx-filter-select-text { font-size: 15px; line-height: 33px; overflow: hidden; max-width: 100%; height: 33px; cursor: pointer; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; } .bx-filter .bx-filter-select-text.fix { min-width: 120px; } .bx-filter .bx-filter-select-text label { cursor: pointer; } .bx-filter .bx-filter-select-arrow { position: absolute; top: 0; right: 0; width: 34px; height: 33px; cursor: pointer; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAG0lEQVQY02OYOXPmf1yYAQRwSsAATglkBch8ADy7LKHqFrgoAAAAAElFTkSuQmCC') no-repeat center; } /* * Select popup * */ .bx-filter-select-popup { background: #fff; padding: 0; min-width: 173px; } .bx-filter-select-popup ul { margin: 0; padding: 0; list-style: none; } .bx-filter-select-popup ul li { display: block; text-align: left; vertical-align: middle; } .bx-filter-select-popup ul li:first-child { border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; margin-bottom: 5px; } .bx-filter-select-popup ul li label { font-size: 14px; line-height: 26px; display: block; text-align: left !important; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 26px; padding: 0 5px; cursor: pointer; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; color: #575757; } .bx-filter-select-popup ul li label.selected, .bx-filter-select-popup ul li label:hover { color: #000; background: #f3f8fa; } .bx-filter-select-popup ul li label.disabled { color: #b8b8b8; background: transparent; } .bx-filter-select-popup ul li .bx-filter-param-text { line-height: 34px !important; } /* * TAGS * */ .bx-filter .bx-filter-tag { padding: 18px; /*border-top: 1px solid #d7eaf7;/* COLOR */ /*border-bottom: 1px solid #d7eaf7;/* COLOR */ } .bx-filter .bx-tag-link { font-size: 12px; text-decoration: none; /*color: #68939e;/* COLOR */ text-shadow: none; } .bx-filter .bx-tag-link.bx-active, .bx-filter .bx-tag-link:hover { color: #1d3d46; } /* * LABEL * */ .bx-filter .bx-filter-param-label { min-height: 20px; font-weight: normal; cursor: pointer; padding-left:0; display:block; } .bx-filter .bx-filter-param-btn-inline .bx-filter-param-label { float: left; display: block; /* margin-right: 5px; */ } .bx-filter .bx-filter-param-btn-block .bx-filter-param-label { display: block; } .bx-filter .bx-filter-param-label { /*font-size: 13px;*/ } .bx-filter .bx-filter-param-label.dib { display: inline-block; } .bx-filter .bx-filter-param-text { font-weight: normal; } .bx-filter .bx-filter-param-label.disabled .bx-filter-param-text { color: #6c6c6c; } .bx-filter-select-popup .bx-filter-param-label.bx-active { background: #f3f8fa; } /* * Checkbox / Radio * */ .bx-filter .bx-filter-input-checkbox {display:block;} .bx-filter .bx-filter-input-checkbox input[type=radio], .bx-filter .bx-filter-input-checkbox input[type=checkbox] {float:left;margin-right:10px;} .bx-filter .bx-filter-input-checkbox .bx-filter-param-text { display: block; text-align: left; } /* * BTN * */ .bx-filter .bx-filter-param-btn { font-weight: normal; display: inline-block; width: 38px; height: 38px; padding: 6px; text-align: center; text-decoration: none; color: #000; vertical-align: middle; border: 1px solid #ccd5db; border-radius: 2px; background: #fff; position: relative; -webkit-transition: border .3s ease, box-shadow .1s ease, color .3s ease; -moz-transition: border .3s ease, box-shadow .1s ease, color .3s ease; -ms-transition: border .3s ease, box-shadow .1s ease, color .3s ease; -o-transition: border .3s ease, box-shadow .1s ease, color .3s ease; transition: border .3s ease, box-shadow .1s ease, color .3s ease; cursor: pointer; } .bx-retina .bx-filter .bx-filter-param-btn { border-style: solid; border-width: 1px; -webkit-border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/images/border_default.png) 2 repeat; -moz-border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/images/border_default.png) 2 repeat; -o-border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/images/border_default.png) 2 repeat; border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/images/border_default.png) 2 repeat; } /* COLOR */ /*.bx-filter .bx-filter-param-label.bx-active .bx-filter-param-btn, .bx-filter .bx-filter-param-btn:hover, .bx-filter .bx-filter-param-btn:active, .bx-filter .bx-filter-param-btn:focus { border-color: #499fd8; } .bx-retina .bx-filter .bx-filter-param-label.bx-active .bx-filter-param-btn, .bx-retina .bx-filter .bx-filter-param-btn:hover, .bx-retina .bx-filter .bx-filter-param-btn:active, .bx-retina .bx-filter .bx-filter-select-container:focus { -webkit-border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/images/active.png) 2 repeat; -moz-border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/images/active.png) 2 repeat; -o-border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/images/active.png) 2 repeat; border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/images/active.png) 2 repeat; }*/ /* --- colors */ .bx-filter .bx-filter-param-btn.bx-color-sl {} .bx-filter .bx-filter-param-label.disabled .bx-filter-param-btn.bx-color-sl { background: transparent; box-shadow: none } .bx-filter .bx-filter-param-label.disabled .bx-filter-param-btn.bx-color-sl { position: relative; } .bx-filter .bx-filter-param-label.disabled .bx-filter-param-btn.bx-color-sl:before { position: absolute; bottom: 0; right: 0; top: 0; left: 0; content: ' '; display: block; z-index: 100; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAA/UlEQVQ4y5WSQQ6CQAxFOSBuwAtoAitc4R6MkKgYJULUi8Ax4DgKm9o/45BxBBNJmkB/33T6qUVEHkfDUXHY1sQD7V2DWg+JJox3lOZ3enYdf5IzAjnQkvxGa64Fg2S9PV3JXa4ozoovWEGbY0nOIqDkfIVeQ5hBAOQsAy5guO8FbEJxVqqDZ+rUuQ6rziJ3VLkBcs05BBxlF1nIADrJESYgE0YhAER0KH5DphEKFDNPuG1AhTAi4jnRWV17FNYhcT3NHLzLzuUnjI0YHP203EWY8ENqNsAq5Y3Qf4NuhIT7wTBsDxgIbRjvCfCUe6ozoFCuXIukj5c/lhy1/gvSDM3b8PrjegAAAABJRU5ErkJggg==") no-repeat center; opacity: .7; } .bx-filter .bx-filter-param-btn .bx-filter-param-text { line-height: 26px; } /* * BTN P/M * */ .bx-filter .bx-filter-param-btn.bx-spm { width: 23px; min-width: 23px; height: 23px; line-height: 23px; font-weight: normal; padding: 0; font-size: 17px; color: #767b7e; vertical-align: top; border-radius: 50%; background-color: transparent; } .bx-filter .bx-filter-param-btn.bx-spm.bx-plus { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAANUlEQVQoz2NgwAQsQMzJQCSwAeKGQa7YFKoAhmOgim3QsAxIcSFUkhC2GaqhgQ4UgNgFmwQAij8OUFmBFssAAAAASUVORK5CIIA=") no-repeat center; } .bx-filter .bx-filter-param-btn.bx-spm.bx-minus { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAACCAYAAABhYU3QAAAAG0lEQVQYV2NgYGDgBuI4AlgGiBn4gLicAFYGAAFkBwE95V42AAAAAElFTkSuQmCC") no-repeat center; } .bx-filter .bx-filter-param-btn.bx-spm:active { outline: none !important; box-shadow: inset 0 2px 3px rgba(0, 0, 0, .12); } .bx-filter span.bx-spm { font-size: 18px; /*font-weight:bold;*/ line-height: 23px; display: inline-block; height: 23px; margin: 0 10px; vertical-align: middle; color: #000; } /* * icon * */ .bx-filter-select-popup .bx-filter-select-text-icon, .bx-filter .bx-filter-select-text-icon { line-height: 33px; position: relative; display: inline-block; width: 23px; height: 23px; margin-top: -4px; margin-right: 2px; vertical-align: middle; border-radius: 2px; } .bx-filter-select-popup .bx-filter-btn-color-icon, .bx-filter .bx-filter-btn-color-icon { line-height: 24px; /*position:relative;*/ /*top:4px;*/ border-radius: 2px; display: inline-block; width: 24px; height: 24px; vertical-align: middle; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .05); -webkit-background-size: cover; background-size: cover; } .bx-filter-select-popup .bx-filter-btn-color-icon { width: 20px; height: 20px; margin: 2px 0; top: 0 !important; } .bx-filter .bx-filter-select-block .bx-filter-btn-color-icon { top: -1px !important; } .bx-filter-btn-color-icon.all { position: relative; border: none; box-shadow: none } .bx-filter-btn-color-icon.all:after, .bx-filter-btn-color-icon.all:before { position: absolute; width: 60%; height: 60%; background: #fff; content: " "; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2); } .bx-filter-btn-color-icon.all:after { right: 0; bottom: 0; } .bx-filter-btn-color-icon.all:before { top: 0; left: 0; } .bx-filter .bx-filter-param-label.disabled .bx-filter-btn-color-icon { opacity: .2; } /* * BIZ * */ .bx-filter .bx-filter-parameter-biz { font-size: 14px; line-height: 15px; display: inline-block; margin-right: 10px; text-decoration: none; color: #1485ce; border-bottom: 1px dashed; } .bx-filter .bx-filter-parameter-biz:hover { text-decoration: none; border-bottom: 1px solid; } .bx-filter .bx-filter-parameter-biz.bx-active { position: relative; /*padding-left:20px;*/ color: #000; border-color: transparent; } /* * BTN result and reset * */ .btn-themes { /*background-color: #1485CE;/* COLOR */ /*border-color: #1485CE;/* COLOR */ color: #FFF } .btn-themes.bx-active, .btn-themes.focus, .btn-themes:active, .btn-themes:focus, .btn-themes:hover{ /*background-color: #53A4D8;/* COLOR */ /*border-color: #53A4D8;/* COLOR */ color: #FFF } /* * Result Popup * */ .bx-filter .bx-filter-popup-result { font-size: 13px; font-weight: normal; position: absolute; z-index: 915; display: none; line-height: normal; margin-top: -7px; margin-left: 10px; padding: 0 10px; white-space: nowrap; color: #3f3f3f; min-height: 37px; line-height: 18px; border-style: solid; border: 1px solid #C6DCE7; } .bx-filter .bx-filter-popup-result.left { border-width: 2px 10px 2px 2px; -webkit-border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/images/result_popup_left.png) 4 20 4 4 repeat; -moz-border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/images/result_popup_left.png) 4 20 4 4 repeat; -o-border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/images/result_popup_left.png) 4 20 4 4 repeat; border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/images/result_popup_left.png) 4 20 4 4 fill repeat; } .bx-filter .bx-filter-popup-result.right { border-width: 2px 2px 2px 10px; -webkit-border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/images/result_popup_right.png) 4 4 4 20 repeat; -moz-border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/images/result_popup_right.png) 4 4 4 20 repeat; -o-border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/images/result_popup_right.png) 4 4 4 20 repeat; border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/images/result_popup_right.png) 4 4 4 20 fill repeat; } .bx-filter .bx-filter-popup-result.right { left: 97%; } .bx-filter .bx-filter-popup-result.left { right:97%; } .bx-filter-horizontal .bx-filter-popup-result{ display: inline-block; position: relative; left: auto; right: auto; bottom: -7px; } .bx-filter .bx-filter-popup-result a { color: #0073a3; line-height: 10px; } .bx-filter .bx-filter-popup-result a:hover { text-decoration: none; } .bx-filter .bx-filter-popup-result-close { display: none; } @media (max-width: 767px) { .bx-touch .bx-filter .bx-filter-popup-result { font-size: 12px; line-height: 14px; position: fixed !important; z-index: 1001; top: auto !important; right: 0 !important; bottom: 0 !important; left: 0 !important; margin-top: 0; margin-left: 0; width: auto; height: auto; padding: 10px; border-radius: 2px; border: 1px solid #c6dae7; background: rgba(255,255,255,.9); } .bx-touch .bx-filter .bx-filter-popup-result br{display: none;} .bx-filter .bx-filter-popup-result .arrow { display: none; } } .loader{ position:absolute; top:0; right:0; left:0; bottom:0; background-color:rgba(255,255,255,.5); background-image:url('/local/components/shaggy/catalog.smart.filter/templates/visual_horizontal/images/ripple.svg'); background-repeat:no-repeat; background-position:50% 5% } .modef__non{display: block;font-size:1.2em; font-weight:900;color:#f11f1f;text-align:center;} .smartfilter:after{ content:''; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(255,255,255,.2); z-index:10; display:none; } .smartfilter.loading:after{ display:block; } .sf-show-all{ padding: 0.5rem 1.2rem!important; text-transform: none!important; color: #42a2f4!important; } /* End */ /* Start:/local/components/shaggy/catalog.smart.filter/templates/.default/themes/blue/colors.css?15977405624902*/ .bx-filter.bx-blue .bx-filter-section { background: #edf6fc; } /* * INPUTS * */ .bx-filter.bx-blue .bx-filter-input-container input:focus { border-color: #499fd8; } .bx-retina .bx-filter.bx-blue .bx-filter-input-container input:focus { -webkit-border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/themes/blue/images/active.png) 2 repeat; -moz-border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/themes/blue/images/active.png) 2 repeat; -o-border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/themes/blue/images/active.png) 2 repeat; border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/themes/blue/images/active.png) 2 repeat; } /* *Track * */ .bx-filter.bx-blue .bx-ui-slider-track{background: #e7e7e7;} .bx-filter.bx-blue .bx-ui-slider-pricebar-vd{background: #849da4;} .bx-filter.bx-blue .bx-ui-slider-pricebar-vn{background: #a8dff3;} .bx-filter.bx-blue .bx-ui-slider-pricebar-v {background: #499fd8;} .bx-filter.bx-blue .bx-ui-slider-handle.left { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkM2RUFBN0ExNjg1MTFFNUIzOUM4MzM0QUEzQkQxRDQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkM2RUFBN0IxNjg1MTFFNUIzOUM4MzM0QUEzQkQxRDQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2QzZFQUE3ODE2ODUxMUU1QjM5QzgzMzRBQTNCRDFENCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2QzZFQUE3OTE2ODUxMUU1QjM5QzgzMzRBQTNCRDFENCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ppps1VcAAAEWSURBVHjabFPRFcIwCIS8/nWGdh+3sYu4gmu5il8niUAuaN6zJoQD7iB6e76kL8h3qX+RlrnU/TR3sje+DHMFq4cN8Pded/veG8gNWUEEVALMQPbd7e9uv3MLOABRXQutQD8PsFnOfmjJRkMHsHOCu8X2mTn8NnYRAmEAWF4xzhhgptUgyANIa3UV3JaZ1+AWYOYGtScyYMnMftGRxq0CNdArcMH0rFTVg21FYa6mZ77s9lgFxaJMk1kqTeJo1QAX+5yEoIDfadttf8nILDRckyKYQolrmfWyi4MZz878vohGbqPsAK/vAYXotGxemnPWIzRRAqCMs9K5D1JyFuox6IVKmVTe9za+LchD/q4iXyo6q/kIMAAflYlW4QRU6wAAAABJRU5ErkJggg==) no-repeat right top; } .bx-filter.bx-blue .bx-ui-slider-handle.right { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAq0lEQVQ4y6WSQRKDIAxFXXSlF0vOZC+SlddKblMUUhKCraIzX9Ahj58PE268TE8e3GSFJ5BUTDskaRl1QFk8BsHs4BCMQMruVEe+l4kWglFu5yLEZKDFXyeXIFoEpg3z738mJTzXhncj75+QtqjnJENO2sG4I1VXDtR3ogv7O1dHxV10gi75EGILiE78RRKy33AOq07i+Us4kRamkOPGptesQjeXIjZjO+fXB+hjUU/S3Z+WAAAAAElFTkSuQmCC) no-repeat left top; } /* * Select * */ .bx-filter.bx-blue .bx-filter-select-container.bx-active, .bx-filter.bx-blue .bx-filter-select-container:focus { border-color: #499fd8; } .bx-retina .bx-filter.bx-blue .bx-filter-select-container.bx-active, .bx-retina .bx-filter.bx-blue .bx-filter-select-container:focus { -webkit-border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/themes/blue/images/active.png) 2 repeat; -moz-border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/themes/blue/images/active.png) 2 repeat; -o-border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/themes/blue/images/active.png) 2 repeat; border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/themes/blue/images/active.png) 2 repeat; } /* * Select popup * */ /* * TAGS * */ .bx-filter.bx-blue .bx-filter-tag { border-top: 1px solid #d7eaf7; border-bottom: 1px solid #d7eaf7; } .bx-filter.bx-blue .bx-tag-link { color: #68939e; } /* * LABEL * */ /* * Checkbox / Radio * */ /* * BTN * */ .bx-filter.bx-blue .bx-filter-param-label.bx-active .bx-filter-param-btn, .bx-filter.bx-blue .bx-filter-param-btn:hover, .bx-filter.bx-blue .bx-filter-param-btn:active, .bx-filter.bx-blue .bx-filter-param-btn:focus { border-color: #499fd8; } .bx-retina .bx-filter.bx-blue .bx-filter-param-label.bx-active .bx-filter-param-btn, .bx-retina .bx-filter.bx-blue .bx-filter-param-btn:hover, .bx-retina .bx-filter.bx-blue .bx-filter-param-btn:active, .bx-retina .bx-filter.bx-blue .bx-filter-select-container:focus { -webkit-border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/themes/blue/images/active.png) 2 repeat; -moz-border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/themes/blue/images/active.png) 2 repeat; -o-border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/themes/blue/images/active.png) 2 repeat; border-image: url(/local/components/shaggy/catalog.smart.filter/templates/.default/themes/blue/images/active.png) 2 repeat; } /* * BTN P/M * */ /* * icon * */ /* * BIZ * */ /* * BTN result and reset * */ .bx-filter.bx-blue .btn-themes { background-color: #1485CE; border-color: #1485CE; color: #FFF } .bx-filter.bx-blue .btn-themes.bx-active, .bx-filter.bx-blue .btn-themes.focus, .bx-filter.bx-blue .btn-themes:active, .bx-filter.bx-blue .btn-themes:focus, .bx-filter.bx-blue .btn-themes:hover{ background-color: #53A4D8; border-color: #53A4D8; color: #FFF } /* * Result Popup * */ /* End */ /* Start:/local/templates/.default/components/bitrix/catalog/common/bitrix/catalog.section.list/.default/style.css?15977405637917*/ /* line */ .bx_catalog_line{margin-bottom: 30px;} .bx_catalog_line .bx_catalog_line_category_title{ padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_catalog_line .bx_catalog_line_category_title a{ color: #000; text-decoration: none; } .bx_catalog_line .bx_catalog_line_ul{padding: 0;} .bx_catalog_line .bx_catalog_line_ul li{ margin-bottom: 20px; list-style: none; } .bx_catalog_line .bx_catalog_line_ul li:before {content: '' !important} .bx_catalog_line .bx_catalog_line_img{ position: relative; display: block; float: left; overflow: hidden; margin-right: 40px; width: 125px; height: 125px; border:1px solid #ccc; border-radius: 2px; background-position: center; background-repeat: no-repeat; -webkit-background-size:contain; background-size:contain; } .bx_catalog_line .bx_catalog_line_title{ margin-bottom: 10px; padding: 0; vertical-align: top; line-height: 18px; } .bx_catalog_line .bx_catalog_line_title a{ color: #4c7da6; font-size: 18px; } .bx_catalog_line .bx_catalog_line_title a:hover{text-decoration: none;} .bx_catalog_line .bx_catalog_line_title span{font-size: 16px} .bx_catalog_line .bx_catalog_line_description{ color: #3f3f3f; font-size: 13px; line-height: 16px; } @media (max-width:639px) { .bx-touch .bx_catalog_line .bx_catalog_line_img{ margin-right: 10px; width: 50px; height: 50px; } .bx-touch .bx_catalog_line .bx_catalog_line_title{ margin-bottom: 5px; line-height: 14px; } .bx-touch .bx_catalog_line .bx_catalog_line_title a{font-size: 14px;} .bx-touch .bx_catalog_line .bx_catalog_line_description{font-size: 11px;} } .bx_catalog_line .bx_catalog_line_img, .bx_catalog_line .bx_catalog_line_title, .bx_catalog_line .bx_catalog_line_title a, .bx_catalog_line .bx_catalog_line_description{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /* text */ .bx_catalog_text{margin-bottom: 30px;} .bx_catalog_text .bx_catalog_text_category_title{ padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_catalog_text .bx_catalog_text_category_title a{ color: white; text-decoration: none; } .bx_catalog_text .bx_catalog_text_ul{padding: 0;} .bx_catalog_text .bx_catalog_text_ul li{ font-size: 1.5rem; display: block; margin: 0 5px 5px 5px; padding: 8px 15px; font-weight: 400; border-radius: 4px; box-shadow: none; float: left; list-style: none; background-color: #337ab7; } .bx_catalog_text .bx_catalog_text_ul li:before {content: '' !important} .bx_catalog_text .bx_catalog_text_title{ margin: 0; padding: 0; vertical-align: top; line-height: 14px; } .bx_catalog_text .bx_catalog_text_title a{ color: white; white-space: nowrap; font-size: 14px; } .bx_catalog_text .bx_catalog_text_title a:hover{text-decoration: none} .bx_catalog_text .bx_catalog_text_title span{font-size: 12px;} @media (max-width:639px) { .bx-touch .bx_catalog_text .bx_catalog_line_title{ margin-bottom: 5px; line-height: 12px; } .bx-touch .bx_catalog_text .bx_catalog_line_title a{font-size: 12px;} } .bx_catalog_text .bx_catalog_line_title, .bx_catalog_text .bx_catalog_line_title a{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /* tile */ .bx_catalog_tile{margin-bottom: 30px;} .bx_catalog_tile .bx_catalog_tile_category_title{ padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_catalog_tile .bx_catalog_tile_category_title a{ color: #000; text-decoration: none; } .bx_catalog_tile .bx_catalog_tile_ul{padding: 0;} .bx_catalog_tile .bx_catalog_tile_ul li{ float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; padding: 0 10px; width:12.5%; list-style: none; text-align: center; } .bx_catalog_tile .bx_catalog_tile_ul li:before {content: '' !important} .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear: both;} .bx_catalog_tile .bx_catalog_tile_img{ position: relative; display: block; overflow: hidden; margin: 0 auto; width: 78px; height: 78px; border:1px solid #ccc; border-radius: 2px; background-color: #fff; background-position: center; background-repeat: no-repeat; -webkit-background-size:contain; background-size:contain; } .bx_catalog_tile .bx_catalog_tile_title{ margin-top: 5px; margin-bottom: 10px; padding: 0; vertical-align: top; line-height: 14px; } .bx_catalog_tile .bx_catalog_tile_title a{ color: #4c7da6; font-size: 14px; } .bx_catalog_tile .bx_catalog_tile_title a:hover{text-decoration: none;} .bx_catalog_tile .bx_catalog_tile_title span{font-size: 12px;} /*2*/ @media (max-width:980px){ .bx_catalog_tile .bx_catalog_tile_ul li{width:20%;} .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear: none;} .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear: both;} } /*3*/ @media (max-width:639px) { .bx-touch .bx_catalog_tile .bx_catalog_tile_title{ margin-bottom: 5px; line-height: 14px; } .bx-touch .bx_catalog_tile .bx_catalog_tile_title a{font-size: 11px;} } @media (min-width:480px) and (max-width:639px) { .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li{width:25%;} .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear: none;} .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(4n+1){clear: both;} } /*4*/ @media (max-width:479px) { .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li{width:33.3%;} .bx-touch .bx_catalog_tile .bx_catalog_tile_img{ width: 100%; height: 80px; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear: none;} .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(3n+1){clear: both;} } .bx_catalog_tile .bx_catalog_tile_title, .bx_catalog_tile .bx_catalog_tile_title a, .bx_catalog_tile .bx_catalog_tile_ul li, .bx_catalog_tile .bx_catalog_tile_img{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /* list */ .beside-sections{ overflow: hidden; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12)!important; margin-bottom: 25px; } .bx_sitemap{margin-bottom: 30px;} .bx_sitemap .bx_sitemap_title{ padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_sitemap .bx_sitemap_title a{ color: #000; text-decoration: none; } .bx_sitemap .bx_sitemap_ul li{ padding: 0; line-height: 14px; } .bx_sitemap .bx_sitemap_ul li:before {content: '' !important} .bx_sitemap .bx_sitemap_li_title{ display: inline-block; margin: 0; padding: 0; vertical-align: top; font-weight: normal; line-height: 13px; margin-bottom: 10px; } .bx_sitemap .bx_sitemap_li_title a{ color: #4c7da6; white-space: nowrap; font-size: 13px; } .bx_sitemap .bx_sitemap_li_title a:hover{text-decoration: none} .bx_sitemap .bx_sitemap_li_title span{font-size: 11px;} @media (max-width:639px) { .bx-touch .bx_sitemap .bx_catalog_line_title{ margin-bottom: 5px; line-height: 12px; } .bx-touch .bx_sitemap .bx_catalog_line_title a{font-size: 12px;} } .bx_sitemap .bx_catalog_line_title, .bx_sitemap .bx_catalog_line_title a{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .additional-section{ } /* End */ /* Start:/local/components/southcoast/section.child.list/templates/city_left_block/style.css?16335061727917*/ /* line */ .bx_catalog_line{margin-bottom: 30px;} .bx_catalog_line .bx_catalog_line_category_title{ padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_catalog_line .bx_catalog_line_category_title a{ color: #000; text-decoration: none; } .bx_catalog_line .bx_catalog_line_ul{padding: 0;} .bx_catalog_line .bx_catalog_line_ul li{ margin-bottom: 20px; list-style: none; } .bx_catalog_line .bx_catalog_line_ul li:before {content: '' !important} .bx_catalog_line .bx_catalog_line_img{ position: relative; display: block; float: left; overflow: hidden; margin-right: 40px; width: 125px; height: 125px; border:1px solid #ccc; border-radius: 2px; background-position: center; background-repeat: no-repeat; -webkit-background-size:contain; background-size:contain; } .bx_catalog_line .bx_catalog_line_title{ margin-bottom: 10px; padding: 0; vertical-align: top; line-height: 18px; } .bx_catalog_line .bx_catalog_line_title a{ color: #4c7da6; font-size: 18px; } .bx_catalog_line .bx_catalog_line_title a:hover{text-decoration: none;} .bx_catalog_line .bx_catalog_line_title span{font-size: 16px} .bx_catalog_line .bx_catalog_line_description{ color: #3f3f3f; font-size: 13px; line-height: 16px; } @media (max-width:639px) { .bx-touch .bx_catalog_line .bx_catalog_line_img{ margin-right: 10px; width: 50px; height: 50px; } .bx-touch .bx_catalog_line .bx_catalog_line_title{ margin-bottom: 5px; line-height: 14px; } .bx-touch .bx_catalog_line .bx_catalog_line_title a{font-size: 14px;} .bx-touch .bx_catalog_line .bx_catalog_line_description{font-size: 11px;} } .bx_catalog_line .bx_catalog_line_img, .bx_catalog_line .bx_catalog_line_title, .bx_catalog_line .bx_catalog_line_title a, .bx_catalog_line .bx_catalog_line_description{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /* text */ .bx_catalog_text{margin-bottom: 30px;} .bx_catalog_text .bx_catalog_text_category_title{ padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_catalog_text .bx_catalog_text_category_title a{ color: white; text-decoration: none; } .bx_catalog_text .bx_catalog_text_ul{padding: 0;} .bx_catalog_text .bx_catalog_text_ul li{ font-size: 1.5rem; display: block; margin: 0 5px 5px 5px; padding: 8px 15px; font-weight: 400; border-radius: 4px; box-shadow: none; float: left; list-style: none; background-color: #337ab7; } .bx_catalog_text .bx_catalog_text_ul li:before {content: '' !important} .bx_catalog_text .bx_catalog_text_title{ margin: 0; padding: 0; vertical-align: top; line-height: 14px; } .bx_catalog_text .bx_catalog_text_title a{ color: white; white-space: nowrap; font-size: 14px; } .bx_catalog_text .bx_catalog_text_title a:hover{text-decoration: none} .bx_catalog_text .bx_catalog_text_title span{font-size: 12px;} @media (max-width:639px) { .bx-touch .bx_catalog_text .bx_catalog_line_title{ margin-bottom: 5px; line-height: 12px; } .bx-touch .bx_catalog_text .bx_catalog_line_title a{font-size: 12px;} } .bx_catalog_text .bx_catalog_line_title, .bx_catalog_text .bx_catalog_line_title a{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /* tile */ .bx_catalog_tile{margin-bottom: 30px;} .bx_catalog_tile .bx_catalog_tile_category_title{ padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_catalog_tile .bx_catalog_tile_category_title a{ color: #000; text-decoration: none; } .bx_catalog_tile .bx_catalog_tile_ul{padding: 0;} .bx_catalog_tile .bx_catalog_tile_ul li{ float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 20px; padding: 0 10px; width:12.5%; list-style: none; text-align: center; } .bx_catalog_tile .bx_catalog_tile_ul li:before {content: '' !important} .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear: both;} .bx_catalog_tile .bx_catalog_tile_img{ position: relative; display: block; overflow: hidden; margin: 0 auto; width: 78px; height: 78px; border:1px solid #ccc; border-radius: 2px; background-color: #fff; background-position: center; background-repeat: no-repeat; -webkit-background-size:contain; background-size:contain; } .bx_catalog_tile .bx_catalog_tile_title{ margin-top: 5px; margin-bottom: 10px; padding: 0; vertical-align: top; line-height: 14px; } .bx_catalog_tile .bx_catalog_tile_title a{ color: #4c7da6; font-size: 14px; } .bx_catalog_tile .bx_catalog_tile_title a:hover{text-decoration: none;} .bx_catalog_tile .bx_catalog_tile_title span{font-size: 12px;} /*2*/ @media (max-width:980px){ .bx_catalog_tile .bx_catalog_tile_ul li{width:20%;} .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear: none;} .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear: both;} } /*3*/ @media (max-width:639px) { .bx-touch .bx_catalog_tile .bx_catalog_tile_title{ margin-bottom: 5px; line-height: 14px; } .bx-touch .bx_catalog_tile .bx_catalog_tile_title a{font-size: 11px;} } @media (min-width:480px) and (max-width:639px) { .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li{width:25%;} .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear: none;} .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(4n+1){clear: both;} } /*4*/ @media (max-width:479px) { .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li{width:33.3%;} .bx-touch .bx_catalog_tile .bx_catalog_tile_img{ width: 100%; height: 80px; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear: none;} .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(3n+1){clear: both;} } .bx_catalog_tile .bx_catalog_tile_title, .bx_catalog_tile .bx_catalog_tile_title a, .bx_catalog_tile .bx_catalog_tile_ul li, .bx_catalog_tile .bx_catalog_tile_img{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /* list */ .beside-sections{ overflow: hidden; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12)!important; margin-bottom: 25px; } .bx_sitemap{margin-bottom: 30px;} .bx_sitemap .bx_sitemap_title{ padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_sitemap .bx_sitemap_title a{ color: #000; text-decoration: none; } .bx_sitemap .bx_sitemap_ul li{ padding: 0; line-height: 14px; } .bx_sitemap .bx_sitemap_ul li:before {content: '' !important} .bx_sitemap .bx_sitemap_li_title{ display: inline-block; margin: 0; padding: 0; vertical-align: top; font-weight: normal; line-height: 13px; margin-bottom: 10px; } .bx_sitemap .bx_sitemap_li_title a{ color: #4c7da6; white-space: nowrap; font-size: 13px; } .bx_sitemap .bx_sitemap_li_title a:hover{text-decoration: none} .bx_sitemap .bx_sitemap_li_title span{font-size: 11px;} @media (max-width:639px) { .bx-touch .bx_sitemap .bx_catalog_line_title{ margin-bottom: 5px; line-height: 12px; } .bx-touch .bx_sitemap .bx_catalog_line_title a{font-size: 12px;} } .bx_sitemap .bx_catalog_line_title, .bx_sitemap .bx_catalog_line_title a{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .additional-section{ } /* End */ /* Start:/local/components/southcoast/catalog.section.objects/templates/.default/style.css?163949856313342*/ .objects-loader-container{ min-height: 70px!important; background-color: white; } .container-pills { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; } .dash { margin: 0 15px; width: 35px; height: 15px; border-radius: 8px; background: #c61919; box-shadow: 0 0 10px 0 #FECDFF; } .uno { margin-right: -18px; transform-origin: center left; animation: spin 3s linear infinite; } .dos { transform-origin: center right; animation: spin2 3s linear infinite; animation-delay: .2s; } .tres { transform-origin: center right; animation: spin3 3s linear infinite; animation-delay: .3s; } .cuatro { transform-origin: center right; animation: spin4 3s linear infinite; animation-delay: .4s; } @keyframes spin { 0% { transform: rotate(0deg); } 25% { transform: rotate(360deg); } 30% { transform: rotate(370deg); } 35% { transform: rotate(360deg); } 100% { transform: rotate(360deg); } } @keyframes spin2 { 0% { transform: rotate(0deg); } 20% { transform: rotate(0deg); } 30% { transform: rotate(-180deg); } 35% { transform: rotate(-190deg); } 40% { transform: rotate(-180deg); } 78% { transform: rotate(-180deg); } 95% { transform: rotate(-360deg); } 98% { transform: rotate(-370deg); } 100% { transform: rotate(-360deg); } } @keyframes spin3 { 0% { transform: rotate(0deg); } 27% { transform: rotate(0deg); } 40% { transform: rotate(180deg); } 45% { transform: rotate(190deg); } 50% { transform: rotate(180deg); } 62% { transform: rotate(180deg); } 75% { transform: rotate(360deg); } 80% { transform: rotate(370deg); } 85% { transform: rotate(360deg); } 100% { transform: rotate(360deg); } } @keyframes spin4 { 0% { transform: rotate(0deg); } 38% { transform: rotate(0deg); } 60% { transform: rotate(-360deg); } 65% { transform: rotate(-370deg); } 75% { transform: rotate(-360deg); } 100% { transform: rotate(-360deg); } } #newMap { position: relative; } .newMap_loader { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; overflow: hidden; opacity: .9; } .newMap_loader.is_hidden { z-index: -1; } .newMap_loader .preloader-container{ position: absolute; height: auto; width: auto; text-align: center; left: calc(50% - 86px); top: calc(50% - 100px); } .newMap_loader .preloader-img { animation: bounce 1500ms ease-in infinite; width: 130px; height: 130px; background: url('/local/templates/.default/include/img/matryoshka-gold.png') no-repeat 50% 50%; background-size: 100%; transform-origin: 50% 100%; margin: 0 auto; } .newMap_loader .preloader-text{ font-weight: bold; margin-top: 1em; color: #fbbb33; font-size: 1.3em; } .preloader-center { background: #a40d06; position: relative; margin: 0 auto; height: 100%; width: 200px; } .preloader-center:before { background: url(/local/templates/.default/include/img/khokhloma.jpg) #a40d06 repeat top right; content: ""; position: absolute; /* top: 10px; */ left: -1000px; width: 1000px; height: 100%; z-index: 100; /* right: 3px; */ } .preloader-center:after { background: url(/local/templates/.default/include/img/khokhloma.jpg) #a40d06 repeat top left; content: ""; position: absolute; /* top: 10px; */ right: -1000px; width: 1000px; height: 100%; z-index: 100; /* right: 3px; */ } .top-sections{ padding: 5px; margin-bottom: 5px; } .alert-blue { background-image: -webkit-linear-gradient(top, #0896ff1f 0, #0896ff4f 100%); background-image: -o-linear-gradient(top, #0896ff1f 0, #0896ff4f 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0896ff1f), to(#0896ff4f)); background-image: linear-gradient(to bottom, #0896ff1f 0, #0896ff4f 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0); border-color: #004fbf!important; margin-top: 15px; font-weight: bold; font-size: 1.6rem; color: #004fbf; } .object { background-color: #fff; border-radius: 3px; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex;; height: 206px; margin-bottom: 15px; border: 3px solid #efefef; } .object:hover .titleitemskat a{ color: #c61919; } .object .obj-container-img { margin-right: 10px; width: 300px; height: 198px; } .object .obj-container-img img { border-top-left-radius: 3px; border-bottom-left-radius: 3px; display: none; } .object .obj-container-img .slick-list img { display: block; } .titleitemskat a { text-decoration: none; color: #222222; -webkit-transition: 0.9s easy; transition: 0.9s easy; font-size: 18px; font-family: inherit; font-weight: 500; line-height: 1.1; padding-bottom: 10px; } .titleitemskat { padding-top: 5px; padding-bottom: 5px; } .titleitemskat hr{ margin-top: 5px; margin-bottom: 3px; border: 0; border-top: 1px solid #c61919; width: 66.5px; margin-left: 0; } .titleitemskat .obj-card-address { font-weight: normal; color: #222222; font-size: 14px; margin: 0; cursor: context-menu; } .object .obj-card-center{ position: relative; } .obj-card-center, .obj-card-service { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .obj-card-service { margin: auto 0; cursor: context-menu; padding-bottom: 40px; } .obj-card-service span { color: #5e5e5e; margin: 0; margin-right: 5px; } .obj-card-service span i { line-height: 14px; width: 20px; font-size: 14px; text-align: center; } /******************/ .eg-white-block { padding: 0 15px; } /******************/ .filter-form { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .object .obj-card-minprice { padding-right: 10px; padding-top: 5px; font-size: 1.6rem; line-height: 2rem; white-space: nowrap; margin-top: auto; text-align: center; } .obj-card-minprice span { font-weight: 900; font-size: 2.5rem; line-height: 2.8rem; } .object .otzyvov { padding-left: 0; color: #222222; } .object .wrp-otzyvov { display: flex; margin-top: 5px; margin-right: 5px; cursor: context-menu; flex-direction: column; } .object .wrp-otzyvov .rating-wrp{ display: flex; align-self: flex-end; margin-bottom: 5px; } .object .obj-card-right, .object .obj-card-right-btm { margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .object .obj-card-right .obj-card-right-btm { margin-top: auto; } .object .iconsanons-wrp { max-width: 70px; margin: auto; text-align: center; } .object .ratingValue { display: inline-block; float: right; font-size: 16px; width: 30px; height: 30px; padding-top: 3px; text-align: center; background: #c61919; margin-left: 5px; color: #ffffff; border-radius: 3px; } .object .ratingLeft { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; display: -webkit-inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; line-height: 16px; text-align: end; } .object .ratingLeft .ratingValueString { font-weight: 600; color: #222222; } .object .obj-card-right .btn { background-color: #c61919; font-weight: 400; margin: 5px 5px 5px 0; border-radius: 3px; font-size: 1.4rem; padding: 6px 9px; white-space: nowrap !important; } .object .obj-card-right .btn:hover { background-color: #b61717; } .recommend-object { border: 3px solid #edbc0c; } .recommend-object:before { content: "\f164"; font-family: 'Font Awesome 5 Free'; padding-left: 13px; font-size: 35px; position: absolute; color: #FFF; width: 100px; height: 100px; margin-top: -1px; margin-left: -1px; -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0); clip-path: polygon(0 0, 0% 100%, 100% 0); z-index: 1; border-radius: 3px; background: #FFFFFF; background: -webkit-gradient(linear, left top, right bottom, from(#ffc300), to(#d0b120)); background: linear-gradient(to bottom right, #ffc300, #d0b120); } .recommend-object .recommend-label { /*color: #505050; background: #FFFFFF; background: -webkit-gradient(linear, left top, right bottom, from(#ffc300), to(#ffdb33)); background: linear-gradient(to bottom right, #ffc300, #ffdb33);*/ color: white; background: #FFFFFF; background: -webkit-gradient(linear, left top, right bottom, from(#13b500), to(#17d800)); background: linear-gradient(to bottom right, #13b500, #17d800); padding: 8px; text-transform: uppercase; border-radius: 3px; font-size: 1.35rem; display: inline-block; font-weight: 600; line-height: 9px; -ms-flex-item-align: center; align-self: center; } .object .short { position: absolute; bottom: 0; left: 0; width: 100%; background: linear-gradient(rgba(255, 255, 255, 0) 0%, white 50%, white 100%); padding: 35px 0 6px 3px; } .object .short a{ color: #003580; font-size: 1.6rem; cursor: pointer; } .object .short a i{ padding-right: 5px; } .object.mh-none{ max-height: 500px; } .object.mh-none .short{ background: transparent; } .acii_spisok { color: #f48643 !important; font-size: 120%; font-weight: bold; } .dop_title{ text-align: center; padding: 20px 0; font-size: 2rem; color: black; } .slider-wrp{ width: 300px; min-width: 300px; height: 200px; overflow: hidden; margin-right: 5px; position: relative; } .slider-wrp .light-slider{ height: 200px; } .light-slider { position: relative; overflow: hidden; display: flex; margin: 0; width: auto; height: 160px; justify-content: center; } .light-slider .light-slider__img-wrp { position: relative; overflow: hidden; width: 100%; transition: visibility 0.5s ease-in-out; -webkit-transition: visibility 0.5s ease-in-out; -moz-transition: visibility 0.5s ease-in-out; -ms-transition: visibility 0.5s ease-in-out; -o-transition: visibility 0.5s ease-in-out; } .light-slider .light-slider__img-wrp .light-slider__img { visibility: hidden; position: absolute; top: 0; min-height: 200px; } .light-slider .light-slider__img-wrp .light-slider__img.active { visibility: visible; } .light-slider .light-slider__prev-img, .light-slider .light-slider__next-img { z-index: 1; position: absolute; font-size: 65px; color: #fff; opacity: 0.8; align-self: center; cursor: pointer; -moz-user-select: none; -khtml-user-select: none; user-select: none; transition: opacity 0.2s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; } .light-slider .light-slider__prev-img:hover, .light-slider .light-slider__next-img:hover { opacity: 1; } .light-slider .light-slider__prev-img.disable, .light-slider .light-slider__next-img.disable { visibility: hidden; } .light-slider .light-slider__prev-img { left: -30px; } .light-slider .light-slider__next-img { right: -30px; } .light-slider .light-slider__thumbs { z-index: 1; position: absolute; display: flex; bottom: 0; color: #fff; flex-wrap: wrap; justify-content: center; } .light-slider .light-slider__thumb.active { opacity: 1; } .light-slider .light-slider__thumb { content: ''; opacity: 0.7; cursor: default; -moz-user-select: none; -khtml-user-select: none; user-select: none; color: #ffffff; width: 60px; height: 5px; background-color: #FFFFFF; transform: skew(150deg); margin: 0 0.5rem; margin-bottom: 0.5rem; transition: opacity 0.2s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; } /* End */ /* Start:/local/components/southcoast/city.map/templates/.default/style.css?16390629873098*/ .city-map .static-map-wrapper { display: inline-block; vertical-align: top; position: relative; } .city-map .map-info { display: inline-block; background-color: #F8F4F2; padding: 10px; height: 380px; width: 300px; text-align: left; } .city-map .map-info { color: black; display: none; } .city-map .map-info .title { color: #333; font-size: 1.3em; font-weight: 500; } .city-map .map-info .title-wrapper { padding-bottom: 15px; } .city-map .map-info .map-info-item-wrapper { padding-bottom: 5px; } .city-map .static-map-wrapper .map-btn { position: absolute; top: 5px; left: 5px; } .city-map .map-info .map-btn, .city-map .static-map-wrapper .map-btn { padding: 5px 10px; background-color: #c61919; color: white; } #map-modal-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: block; background-color: rgba(0, 0, 0, 0.45); vertical-align: middle; z-index: 10000; } #map-modal-wrapper #mapModal { position: absolute; top: 5%; left: 5%; width: 90%; height: 90%; vertical-align: middle; display: block; background-color: white; } .btn-close-map{ background-color: #c61919; padding: 5px 10px; } .map-detail-page{ background-color: #c61919; padding: 5px 14px !important; margin: 0 !important; font-family: inherit!important; } .map-img{ width: 800px; height: 380px; } .map-preloader{ width: 800px; height: 100%; background-color: rgba(255, 244, 244, 0.84); position: absolute; top: 0; } .map-preloader .preloader-container { position: absolute; height: auto; width: auto; text-align: center; left: calc(50% - 64px); top: calc(50% - 64px); } .map-preloader .preloader-img { animation: bounce 1500ms ease-in infinite; width: 130px; height: 130px; background: url(/local/templates/.default/include/img/matryoshka-doll.png) no-repeat 50% 50%; background-size: 100%; transform-origin: 50% 100%; margin: 0 auto; } .map-preloader .preloader-text { font-weight: bold; margin-top: 3px; color: #fbbb33; font-size: 14px; white-space: nowrap; } .map-loading-processer { padding: 8px; background-color: #c61919; color: white; } .static-map{ visibility: hidden; height: 380px; width: 800px; } .map-footer-wrp{ padding: 10px 0; display: flex; align-items: center; justify-content: space-between; } .map-price-wrp{ font-size: 1.5rem; } .map-price-value { font-weight: 600; background-color: #c61919; color: white; padding: 5px 14px; border-radius: 3px; } .map-price-type { font-size: .8em; color: grey; } @media screen and (max-width:480px){ .map-img{ width: 100%; height: 150px; } .map-preloader{ width: 100%; height: 150px; } .city-map .map-info { width: 100%; height: 150px; } .map-loading-processer { display: none; } } /* End */ /* Start:/local/components/southcoast/catalog.section.banners/templates/template1/style.css?1597740562348*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } .news-item { margin-bottom: 20px; } .rightspecsubtitle { font-weight: bold; margin-bottom: 5px; } .orang-border { border: 3px solid #f0ad4e; border-radius: 2px; } /* End */ /* Start:/local/templates/.default/components/bitrix/news.list/reklama/style.css?1636489500355*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } .news-item { margin-bottom: 20px; } .rightspecsubtitle { font-weight: bold; margin-bottom: 5px; } div.reklama_right {padding-top: 25px;} .card-item__img{ margin: 0 auto; min-height: 200px; } /* End */ /* Start:/local/templates/.default/components/bitrix/system.pagenavigation/.default/style.css?15977405641898*/ .page-nav{ text-align:center; } .pagination { margin:0!important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: .25rem; } .page-link { position: relative!important; display: block!important; padding: .5rem .75rem!important; margin-left: 0!important; line-height: 1.25!important; color: #0275d8!important; background-color: #fff!important; border: 1px solid #ddd!important; } .page-link:focus, .page-link:hover { color: #014c8c!important; background-color: #eceeef!important; border-color: #ddd!important; } .pagination .page-item .page-link{ border: 0!important; -webkit-transition: all .3s linear; transition: all .3s linear; } .page-item:first-child .page-link, .page-item:last-child .page-link, .pagination-lg .page-item:first-child .page-link, .pagination-lg .page-item:last-child .page-link, .pagination-sm .page-item:first-child .page-link, .pagination-sm .page-item:last-child .page-link{ border-radius: 2px; } .page-item.disabled .page-link { color: #636c72!important; pointer-events: none!important; cursor: not-allowed!important; background-color: #fff!important; border-color: #ddd!important; } .page-item:first-child .page-link { margin-left: 0; border-bottom-left-radius: .25rem; border-top-left-radius: .25rem; } .pagination .active .page-link { border-radius: 2px; -webkit-transition: all .2s linear; transition: all .2s linear; -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); z-index: 2; color: #fff!important; background-color: #0275d8!important; border-color: #0275d8!important; } /* End */ /* /local/templates/.default/components/bitrix/catalog/common/style.css?164248843546594 */ /* /local/components/southcoast/catalog.userfield.filter/templates/.default/style.css?16129438354312 */ /* /local/templates/.default/include/css/selectordie.css?15977405646742 */ /* /local/templates/.default/include/css/jquery-ui.css?155505666139830 */ /* /local/components/shaggy/catalog.smart.filter/templates/.default/style.css?161640283620224 */ /* /local/components/shaggy/catalog.smart.filter/templates/.default/themes/blue/colors.css?15977405624902 */ /* /local/templates/.default/components/bitrix/catalog/common/bitrix/catalog.section.list/.default/style.css?15977405637917 */ /* /local/components/southcoast/section.child.list/templates/city_left_block/style.css?16335061727917 */ /* /local/components/southcoast/catalog.section.objects/templates/.default/style.css?163949856313342 */ /* /local/components/southcoast/city.map/templates/.default/style.css?16390629873098 */ /* /local/components/southcoast/catalog.section.banners/templates/template1/style.css?1597740562348 */ /* /local/templates/.default/components/bitrix/news.list/reklama/style.css?1636489500355 */ /* /local/templates/.default/components/bitrix/system.pagenavigation/.default/style.css?15977405641898 */