/* Start:/local/templates/lukoil/css/jquery-ui.min.css?174832621032076*/ /*! jQuery UI - v1.12.1 - 2016-09-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.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/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(/local/templates/lukoil/css/%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(/local/templates/lukoil/css/%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(/local/templates/lukoil/css/%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(/local/templates/lukoil/css/%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(/local/templates/lukoil/css/%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(/local/templates/lukoil/css/%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(/local/templates/lukoil/css/%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6 * Copyright jQuery Foundation and other contributors; Licensed MIT */ .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-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.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;font-size:100%}.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-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.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}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.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{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}.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%}.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}.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}.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-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{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-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action: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-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);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.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;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-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.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}.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:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;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}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;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,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.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,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.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);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/local/templates/lukoil/css/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/local/templates/lukoil/css/images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("/local/templates/lukoil/css/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("/local/templates/lukoil/css/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("/local/templates/lukoil/css/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/local/templates/lukoil/css/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("/local/templates/lukoil/css/images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-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:-65px -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:-65px -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:1px -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{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}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.003;filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} /* End */ /* Start:/local/templates/lukoil/css/bootstrap.css?1748326210191723*/ /*! * Bootstrap v4.0.0-alpha.6 (https://getbootstrap.com) * Copyright 2011-2017 The Bootstrap Authors * Copyright 2011-2017 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, footer, header, nav, section { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } figcaption, figure, main { display: block; } figure { margin: 1em 40px; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } a:active, a:hover { outline-width: 0; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: inherit; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } dfn { font-style: italic; } mark { background-color: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } audio, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } img { border-style: none; } svg:not(:root) { overflow: hidden; } button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { display: inline-block; vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details, menu { display: block; } summary { display: list-item; } canvas { display: inline-block; } template { display: none; } [hidden] { display: none; } @media print { *, *::before, *::after, p::first-letter, div::first-letter, blockquote::first-letter, li::first-letter, p::first-line, div::first-line, blockquote::first-line, li::first-line { text-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } html { -webkit-box-sizing: border-box; box-sizing: border-box; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } @-ms-viewport { width: device-width; } html { -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; } body { font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 1rem; font-weight: normal; line-height: 1.5; color: #292b2c; background-color: #fff; } [tabindex="-1"]:focus { outline: none !important; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { cursor: help; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: bold; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } a { color: #0275d8; text-decoration: none; } a:focus, a:hover { color: #014c8c; text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img { vertical-align: middle; } [role="button"] { cursor: pointer; } a, area, button, [role="button"], input, label, select, summary, textarea { -ms-touch-action: manipulation; touch-action: manipulation; } table { border-collapse: collapse; background-color: transparent; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #636c72; text-align: left; caption-side: bottom; } th { text-align: left; } label { display: inline-block; margin-bottom: .5rem; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, textarea { line-height: inherit; } input[type="radio"]:disabled, input[type="checkbox"]:disabled { cursor: not-allowed; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; } input[type="search"] { -webkit-appearance: none; } output { display: inline-block; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.1; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.1; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.1; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.1; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: normal; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 5px; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { padding: 0.5rem 1rem; margin-bottom: 1rem; font-size: 1.25rem; border-left: 0.25rem solid #eceeef; } .blockquote-footer { display: block; font-size: 80%; color: #636c72; } .blockquote-footer::before { content: "\2014 \00A0"; } .blockquote-reverse { padding-right: 1rem; padding-left: 0; text-align: right; border-right: 0.25rem solid #eceeef; border-left: 0; } .blockquote-reverse .blockquote-footer::before { content: ""; } .blockquote-reverse .blockquote-footer::after { content: "\00A0 \2014"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #ddd; border-radius: 0.25rem; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #636c72; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } code { padding: 0.2rem 0.4rem; font-size: 90%; color: #bd4147; background-color: #f7f7f9; border-radius: 0.25rem; } a > code { padding: 0; color: inherit; background-color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 90%; color: #fff; background-color: #292b2c; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; } pre { display: block; margin-top: 0; margin-bottom: 1rem; font-size: 90%; color: #292b2c; } pre code { padding: 0; font-size: inherit; color: inherit; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { position: relative; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .container { padding-right: 15px; padding-left: 15px; } } @media (min-width: 576px) { .container { width: 540px; max-width: 100%; } } @media (min-width: 768px) { .container { width: 720px; max-width: 100%; } } @media (min-width: 992px) { .container { width: 960px; max-width: 100%; } } @media (min-width: 1200px) { .container { width: 1140px; max-width: 100%; } } .container-fluid { position: relative; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .container-fluid { padding-right: 15px; padding-left: 15px; } } .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } @media (min-width: 576px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 768px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 992px) { .row { margin-right: -15px; margin-left: -15px; } } @media (min-width: 1200px) { .row { margin-right: -15px; margin-left: -15px; } } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 992px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } @media (min-width: 1200px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl { padding-right: 15px; padding-left: 15px; } } .col { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .pull-0 { right: auto; } .pull-1 { right: 8.333333%; } .pull-2 { right: 16.666667%; } .pull-3 { right: 25%; } .pull-4 { right: 33.333333%; } .pull-5 { right: 41.666667%; } .pull-6 { right: 50%; } .pull-7 { right: 58.333333%; } .pull-8 { right: 66.666667%; } .pull-9 { right: 75%; } .pull-10 { right: 83.333333%; } .pull-11 { right: 91.666667%; } .pull-12 { right: 100%; } .push-0 { left: auto; } .push-1 { left: 8.333333%; } .push-2 { left: 16.666667%; } .push-3 { left: 25%; } .push-4 { left: 33.333333%; } .push-5 { left: 41.666667%; } .push-6 { left: 50%; } .push-7 { left: 58.333333%; } .push-8 { left: 66.666667%; } .push-9 { left: 75%; } .push-10 { left: 83.333333%; } .push-11 { left: 91.666667%; } .push-12 { left: 100%; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } @media (min-width: 576px) { .col-sm { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-sm-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .pull-sm-0 { right: auto; } .pull-sm-1 { right: 8.333333%; } .pull-sm-2 { right: 16.666667%; } .pull-sm-3 { right: 25%; } .pull-sm-4 { right: 33.333333%; } .pull-sm-5 { right: 41.666667%; } .pull-sm-6 { right: 50%; } .pull-sm-7 { right: 58.333333%; } .pull-sm-8 { right: 66.666667%; } .pull-sm-9 { right: 75%; } .pull-sm-10 { right: 83.333333%; } .pull-sm-11 { right: 91.666667%; } .pull-sm-12 { right: 100%; } .push-sm-0 { left: auto; } .push-sm-1 { left: 8.333333%; } .push-sm-2 { left: 16.666667%; } .push-sm-3 { left: 25%; } .push-sm-4 { left: 33.333333%; } .push-sm-5 { left: 41.666667%; } .push-sm-6 { left: 50%; } .push-sm-7 { left: 58.333333%; } .push-sm-8 { left: 66.666667%; } .push-sm-9 { left: 75%; } .push-sm-10 { left: 83.333333%; } .push-sm-11 { left: 91.666667%; } .push-sm-12 { left: 100%; } .offset-sm-0 { margin-left: 0%; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .col-md { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-md-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .pull-md-0 { right: auto; } .pull-md-1 { right: 8.333333%; } .pull-md-2 { right: 16.666667%; } .pull-md-3 { right: 25%; } .pull-md-4 { right: 33.333333%; } .pull-md-5 { right: 41.666667%; } .pull-md-6 { right: 50%; } .pull-md-7 { right: 58.333333%; } .pull-md-8 { right: 66.666667%; } .pull-md-9 { right: 75%; } .pull-md-10 { right: 83.333333%; } .pull-md-11 { right: 91.666667%; } .pull-md-12 { right: 100%; } .push-md-0 { left: auto; } .push-md-1 { left: 8.333333%; } .push-md-2 { left: 16.666667%; } .push-md-3 { left: 25%; } .push-md-4 { left: 33.333333%; } .push-md-5 { left: 41.666667%; } .push-md-6 { left: 50%; } .push-md-7 { left: 58.333333%; } .push-md-8 { left: 66.666667%; } .push-md-9 { left: 75%; } .push-md-10 { left: 83.333333%; } .push-md-11 { left: 91.666667%; } .push-md-12 { left: 100%; } .offset-md-0 { margin-left: 0%; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { .col-lg { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-lg-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .pull-lg-0 { right: auto; } .pull-lg-1 { right: 8.333333%; } .pull-lg-2 { right: 16.666667%; } .pull-lg-3 { right: 25%; } .pull-lg-4 { right: 33.333333%; } .pull-lg-5 { right: 41.666667%; } .pull-lg-6 { right: 50%; } .pull-lg-7 { right: 58.333333%; } .pull-lg-8 { right: 66.666667%; } .pull-lg-9 { right: 75%; } .pull-lg-10 { right: 83.333333%; } .pull-lg-11 { right: 91.666667%; } .pull-lg-12 { right: 100%; } .push-lg-0 { left: auto; } .push-lg-1 { left: 8.333333%; } .push-lg-2 { left: 16.666667%; } .push-lg-3 { left: 25%; } .push-lg-4 { left: 33.333333%; } .push-lg-5 { left: 41.666667%; } .push-lg-6 { left: 50%; } .push-lg-7 { left: 58.333333%; } .push-lg-8 { left: 66.666667%; } .push-lg-9 { left: 75%; } .push-lg-10 { left: 83.333333%; } .push-lg-11 { left: 91.666667%; } .push-lg-12 { left: 100%; } .offset-lg-0 { margin-left: 0%; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .col-xl { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; } .col-xl-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .pull-xl-0 { right: auto; } .pull-xl-1 { right: 8.333333%; } .pull-xl-2 { right: 16.666667%; } .pull-xl-3 { right: 25%; } .pull-xl-4 { right: 33.333333%; } .pull-xl-5 { right: 41.666667%; } .pull-xl-6 { right: 50%; } .pull-xl-7 { right: 58.333333%; } .pull-xl-8 { right: 66.666667%; } .pull-xl-9 { right: 75%; } .pull-xl-10 { right: 83.333333%; } .pull-xl-11 { right: 91.666667%; } .pull-xl-12 { right: 100%; } .push-xl-0 { left: auto; } .push-xl-1 { left: 8.333333%; } .push-xl-2 { left: 16.666667%; } .push-xl-3 { left: 25%; } .push-xl-4 { left: 33.333333%; } .push-xl-5 { left: 41.666667%; } .push-xl-6 { left: 50%; } .push-xl-7 { left: 58.333333%; } .push-xl-8 { left: 66.666667%; } .push-xl-9 { left: 75%; } .push-xl-10 { left: 83.333333%; } .push-xl-11 { left: 91.666667%; } .push-xl-12 { left: 100%; } .offset-xl-0 { margin-left: 0%; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } .table { width: 100%; max-width: 100%; margin-bottom: 1rem; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #eceeef; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #eceeef; } .table tbody + tbody { border-top: 2px solid #eceeef; } .table .table { background-color: #fff; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #eceeef; } .table-bordered th, .table-bordered td { border: 1px solid #eceeef; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table-success, .table-success > th, .table-success > td { background-color: #dff0d8; } .table-hover .table-success:hover { background-color: #d0e9c6; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #d0e9c6; } .table-info, .table-info > th, .table-info > td { background-color: #d9edf7; } .table-hover .table-info:hover { background-color: #c4e3f3; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #c4e3f3; } .table-warning, .table-warning > th, .table-warning > td { background-color: #fcf8e3; } .table-hover .table-warning:hover { background-color: #faf2cc; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #faf2cc; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f2dede; } .table-hover .table-danger:hover { background-color: #ebcccc; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #ebcccc; } .thead-inverse th { color: #fff; background-color: #292b2c; } .thead-default th { color: #464a4c; background-color: #eceeef; } .table-inverse { color: #fff; background-color: #292b2c; } .table-inverse th, .table-inverse td, .table-inverse thead th { border-color: #fff; } .table-inverse.table-bordered { border: 0; } .table-responsive { display: block; width: 100%; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive.table-bordered { border: 0; } .form-control { display: block; width: 100%; padding: 0.5rem 0.75rem; font-size: 1rem; line-height: 1.25; color: #464a4c; background-color: #fff; background-image: none; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0px; -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #464a4c; background-color: #fff; border-color: #5cb3fd; outline: none; } .form-control::-webkit-input-placeholder { color: #636c72; opacity: 1; } .form-control::-moz-placeholder { color: #636c72; opacity: 1; } .form-control:-ms-input-placeholder { color: #636c72; opacity: 1; } .form-control::placeholder { color: #636c72; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #eceeef; opacity: 1; } .form-control:disabled { cursor: not-allowed; } select.form-control:not([size]):not([multiple]) { height: calc(2.25rem + 2px); } select.form-control:focus::-ms-value { color: #464a4c; background-color: #fff; } .form-control-file, .form-control-range { display: block; } .col-form-label { padding-top: calc(0.5rem - 1px * 2); padding-bottom: calc(0.5rem - 1px * 2); margin-bottom: 0; } .col-form-label-lg { padding-top: calc(0.75rem - 1px * 2); padding-bottom: calc(0.75rem - 1px * 2); font-size: 1.25rem; } .col-form-label-sm { padding-top: calc(0.25rem - 1px * 2); padding-bottom: calc(0.25rem - 1px * 2); font-size: 0.875rem; } .col-form-legend { padding-top: 0.5rem; padding-bottom: 0.5rem; margin-bottom: 0; font-size: 1rem; } .form-control-static { padding-top: 0.5rem; padding-bottom: 0.5rem; margin-bottom: 0; line-height: 1.25; border: solid transparent; border-width: 1px 0; } .form-control-static.form-control-sm, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn, .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn { padding-right: 0; padding-left: 0; } .form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0rem; } select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > select.input-group-addon:not([size]):not([multiple]), .input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]) { height: 1.8125rem; } .form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { padding: 0.75rem 1.5rem; font-size: 1.25rem; border-radius: 0.3rem; } select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .input-group-lg > select.input-group-addon:not([size]):not([multiple]), .input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) { height: 3.166667rem; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-check { position: relative; display: block; margin-bottom: 0.5rem; } .form-check.disabled .form-check-label { color: #636c72; cursor: not-allowed; } .form-check-label { padding-left: 1.25rem; margin-bottom: 0; cursor: pointer; } .form-check-input { position: absolute; margin-top: 0.25rem; margin-left: -1.25rem; } .form-check-input:only-child { position: static; } .form-check-inline { display: inline-block; } .form-check-inline .form-check-label { vertical-align: middle; } .form-check-inline + .form-check-inline { margin-left: 0.75rem; } .form-control-feedback { margin-top: 0.25rem; } .form-control-success, .form-control-warning, .form-control-danger { padding-right: 2.25rem; background-repeat: no-repeat; background-position: center right 0.5625rem; -webkit-background-size: 1.125rem 1.125rem; background-size: 1.125rem 1.125rem; } .has-success .form-control-feedback, .has-success .form-control-label, .has-success .col-form-label, .has-success .form-check-label, .has-success .custom-control { color: #5cb85c; } .has-success .form-control { border-color: #5cb85c; } .has-success .input-group-addon { color: #5cb85c; border-color: #5cb85c; background-color: #eaf6ea; } .has-success .form-control-success { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"); } .has-warning .form-control-feedback, .has-warning .form-control-label, .has-warning .col-form-label, .has-warning .form-check-label, .has-warning .custom-control { color: #f0ad4e; } .has-warning .form-control { border-color: #f0ad4e; } .has-warning .input-group-addon { color: #f0ad4e; border-color: #f0ad4e; background-color: white; } .has-warning .form-control-warning { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E"); } .has-danger .form-control-feedback, .has-danger .form-control-label, .has-danger .col-form-label, .has-danger .form-check-label, .has-danger .custom-control { color: #d9534f; } .has-danger .form-control { border-color: #d9534f; } .has-danger .input-group-addon { color: #d9534f; border-color: #d9534f; background-color: #fdf7f7; } .has-danger .form-control-danger { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E"); } .form-inline { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { width: auto; } .form-inline .form-control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .form-check { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: auto; margin-top: 0; margin-bottom: 0; } .form-inline .form-check-label { padding-left: 0; } .form-inline .form-check-input { position: relative; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-left: 0; } .form-inline .custom-control-indicator { position: static; display: inline-block; margin-right: 0.25rem; vertical-align: text-bottom; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .btn { display: inline-block; font-weight: normal; line-height: 1.25; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 0.5rem 1rem; font-size: 1rem; border-radius: 0rem; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .btn:focus, .btn:hover { text-decoration: none; } .btn:focus, .btn.focus { outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.25); box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.25); } .btn.disabled, .btn:disabled { cursor: not-allowed; opacity: .65; } .btn:active, .btn.active { background-image: none; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #0275d8; border-color: #0275d8; } .btn-primary:hover { color: #fff; background-color: #025aa5; border-color: #01549b; } .btn-primary:focus, .btn-primary.focus { -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5); box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5); } .btn-primary.disabled, .btn-primary:disabled { background-color: #0275d8; border-color: #0275d8; } .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #025aa5; background-image: none; border-color: #01549b; } .btn-secondary { color: #292b2c; background-color: #fff; border-color: #ccc; } .btn-secondary:hover { color: #292b2c; background-color: #e6e6e6; border-color: #adadad; } .btn-secondary:focus, .btn-secondary.focus { -webkit-box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5); box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { background-color: #fff; border-color: #ccc; } .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle { color: #292b2c; background-color: #e6e6e6; background-image: none; border-color: #adadad; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #5bc0de; } .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #2aabd2; } .btn-info:focus, .btn-info.focus { -webkit-box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5); box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5); } .btn-info.disabled, .btn-info:disabled { background-color: #5bc0de; border-color: #5bc0de; } .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #31b0d5; background-image: none; border-color: #2aabd2; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #5cb85c; } .btn-success:hover { color: #fff; background-color: #449d44; border-color: #419641; } .btn-success:focus, .btn-success.focus { -webkit-box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5); box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5); } .btn-success.disabled, .btn-success:disabled { background-color: #5cb85c; border-color: #5cb85c; } .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #449d44; background-image: none; border-color: #419641; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #f0ad4e; } .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #eb9316; } .btn-warning:focus, .btn-warning.focus { -webkit-box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5); box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5); } .btn-warning.disabled, .btn-warning:disabled { background-color: #f0ad4e; border-color: #f0ad4e; } .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle { color: #fff; background-color: #ec971f; background-image: none; border-color: #eb9316; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d9534f; } .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #c12e2a; } .btn-danger:focus, .btn-danger.focus { -webkit-box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5); box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5); } .btn-danger.disabled, .btn-danger:disabled { background-color: #d9534f; border-color: #d9534f; } .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #c9302c; background-image: none; border-color: #c12e2a; } .btn-outline-primary { color: #0275d8; background-image: none; background-color: transparent; border-color: #0275d8; } .btn-outline-primary:hover { color: #fff; background-color: #0275d8; border-color: #0275d8; } .btn-outline-primary:focus, .btn-outline-primary.focus { -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5); box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #0275d8; background-color: transparent; } .btn-outline-primary:active, .btn-outline-primary.active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #0275d8; border-color: #0275d8; } .btn-outline-secondary { color: #ccc; background-image: none; background-color: transparent; border-color: #ccc; } .btn-outline-secondary:hover { color: #fff; background-color: #ccc; border-color: #ccc; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { -webkit-box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5); box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #ccc; background-color: transparent; } .btn-outline-secondary:active, .btn-outline-secondary.active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #ccc; border-color: #ccc; } .btn-outline-info { color: #5bc0de; background-image: none; background-color: transparent; border-color: #5bc0de; } .btn-outline-info:hover { color: #fff; background-color: #5bc0de; border-color: #5bc0de; } .btn-outline-info:focus, .btn-outline-info.focus { -webkit-box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5); box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #5bc0de; background-color: transparent; } .btn-outline-info:active, .btn-outline-info.active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #5bc0de; border-color: #5bc0de; } .btn-outline-success { color: #5cb85c; background-image: none; background-color: transparent; border-color: #5cb85c; } .btn-outline-success:hover { color: #fff; background-color: #5cb85c; border-color: #5cb85c; } .btn-outline-success:focus, .btn-outline-success.focus { -webkit-box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5); box-shadow: 0 0 0 2px rgba(92, 184, 92, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #5cb85c; background-color: transparent; } .btn-outline-success:active, .btn-outline-success.active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #5cb85c; border-color: #5cb85c; } .btn-outline-warning { color: #f0ad4e; background-image: none; background-color: transparent; border-color: #f0ad4e; } .btn-outline-warning:hover { color: #fff; background-color: #f0ad4e; border-color: #f0ad4e; } .btn-outline-warning:focus, .btn-outline-warning.focus { -webkit-box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5); box-shadow: 0 0 0 2px rgba(240, 173, 78, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #f0ad4e; background-color: transparent; } .btn-outline-warning:active, .btn-outline-warning.active, .show > .btn-outline-warning.dropdown-toggle { color: #fff; background-color: #f0ad4e; border-color: #f0ad4e; } .btn-outline-danger { color: #d9534f; background-image: none; background-color: transparent; border-color: #d9534f; } .btn-outline-danger:hover { color: #fff; background-color: #d9534f; border-color: #d9534f; } .btn-outline-danger:focus, .btn-outline-danger.focus { -webkit-box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5); box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #d9534f; background-color: transparent; } .btn-outline-danger:active, .btn-outline-danger.active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #d9534f; border-color: #d9534f; } .btn-link { font-weight: normal; color: #0275d8; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled { background-color: transparent; } .btn-link, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover { border-color: transparent; } .btn-link:focus, .btn-link:hover { color: #014c8c; text-decoration: underline; background-color: transparent; } .btn-link:disabled { color: #636c72; } .btn-link:disabled:focus, .btn-link:disabled:hover { text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.75rem 1.5rem; font-size: 1.25rem; border-radius: 0rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.show { opacity: 1; } .collapse { display: none; } .collapse.show { display: block; } tr.collapse.show { display: table-row; } tbody.collapse.show { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } .dropup, .dropdown { position: relative; } .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.3em; vertical-align: middle; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-left: 0.3em solid transparent; } .dropdown-toggle:focus { outline: 0; } .dropup .dropdown-toggle::after { border-top: 0; border-bottom: 0.3em solid; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #292b2c; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-divider { height: 1px; margin: 0.5rem 0; overflow: hidden; background-color: #eceeef; } .dropdown-item { display: block; width: 100%; padding: 3px 1.5rem; clear: both; font-weight: normal; color: #292b2c; text-align: inherit; white-space: nowrap; background: none; border: 0; } .dropdown-item:focus, .dropdown-item:hover { color: #1d1e1f; text-decoration: none; background-color: #f7f7f9; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #0275d8; } .dropdown-item.disabled, .dropdown-item:disabled { color: #636c72; cursor: not-allowed; background-color: transparent; } .show > .dropdown-menu { display: block; } .show > a { outline: 0; } .dropdown-menu-right { right: 0; left: auto; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #636c72; white-space: nowrap; } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 0.125rem; } .btn-group, .btn-group-vertical { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 2; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn + .dropdown-toggle-split::after { margin-left: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 1.125rem; padding-left: 1.125rem; } .btn-group-vertical { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .btn-group-vertical .btn, .btn-group-vertical .btn-group { width: 100%; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; } .input-group .form-control { position: relative; z-index: 2; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover { z-index: 3; } .input-group-addon, .input-group-btn, .input-group .form-control { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: normal; line-height: 1.25; color: #464a4c; text-align: center; background-color: #eceeef; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .input-group-addon.form-control-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0rem; } .input-group-addon.form-control-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: 0.75rem 1.5rem; font-size: 1.25rem; border-radius: 0rem; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:not(:last-child), .input-group-addon:not(:last-child), .input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group > .btn, .input-group-btn:not(:last-child) > .dropdown-toggle, .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-addon:not(:last-child) { border-right: 0; } .input-group .form-control:not(:first-child), .input-group-addon:not(:first-child), .input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group > .btn, .input-group-btn:not(:first-child) > .dropdown-toggle, .input-group-btn:not(:last-child) > .btn:not(:first-child), .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } .form-control + .input-group-addon:not(:first-child) { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover { z-index: 3; } .input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group { margin-right: -1px; } .input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group { z-index: 2; margin-left: -1px; } .input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:hover, .input-group-btn:not(:first-child) > .btn-group:focus, .input-group-btn:not(:first-child) > .btn-group:active, .input-group-btn:not(:first-child) > .btn-group:hover { z-index: 3; } .custom-control { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; min-height: 1.5rem; padding-left: 1.5rem; margin-right: 1rem; cursor: pointer; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-indicator { color: #fff; background-color: #0275d8; } .custom-control-input:focus ~ .custom-control-indicator { -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0275d8; box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0275d8; } .custom-control-input:active ~ .custom-control-indicator { color: #fff; background-color: #8fcafe; } .custom-control-input:disabled ~ .custom-control-indicator { cursor: not-allowed; background-color: #eceeef; } .custom-control-input:disabled ~ .custom-control-description { color: #636c72; cursor: not-allowed; } .custom-control-indicator { position: absolute; top: 0.25rem; left: 0; display: block; width: 1rem; height: 1rem; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #ddd; background-repeat: no-repeat; background-position: center center; -webkit-background-size: 50% 50%; background-size: 50% 50%; } .custom-checkbox .custom-control-indicator { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-indicator { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator { background-color: #0275d8; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); } .custom-radio .custom-control-indicator { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-indicator { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); } .custom-controls-stacked { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .custom-controls-stacked .custom-control { margin-bottom: 0.25rem; } .custom-controls-stacked .custom-control + .custom-control { margin-left: 0; } .custom-select { display: inline-block; max-width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; line-height: 1.25; color: #464a4c; vertical-align: middle; background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; -webkit-background-size: 8px 10px; background-size: 8px 10px; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; -moz-appearance: none; -webkit-appearance: none; } .custom-select:focus { border-color: #5cb3fd; outline: none; } .custom-select:focus::-ms-value { color: #464a4c; background-color: #fff; } .custom-select:disabled { color: #636c72; cursor: not-allowed; background-color: #eceeef; } .custom-select::-ms-expand { opacity: 0; } .custom-select-sm { padding-top: 0.375rem; padding-bottom: 0.375rem; font-size: 75%; } .custom-file { position: relative; display: inline-block; max-width: 100%; height: 2.5rem; margin-bottom: 0; cursor: pointer; } .custom-file-input { min-width: 14rem; max-width: 100%; height: 2.5rem; margin: 0; filter: alpha(opacity=0); opacity: 0; } .custom-file-control { position: absolute; top: 0; right: 0; left: 0; z-index: 5; height: 2.5rem; padding: 0.5rem 1rem; line-height: 1.5; color: #464a4c; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .custom-file-control:lang(en)::after { content: "Choose file..."; } .custom-file-control::before { position: absolute; top: -1px; right: -1px; bottom: -1px; z-index: 6; display: block; height: 2.5rem; padding: 0.5rem 1rem; line-height: 1.5; color: #464a4c; background-color: #eceeef; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0 0.25rem 0.25rem 0; } .custom-file-control:lang(en)::before { content: "Browse"; } .nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5em 1em; } .nav-link:focus, .nav-link:hover { text-decoration: none; } .nav-link.disabled { color: #636c72; cursor: not-allowed; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-right-radius: 0.25rem; border-top-left-radius: 0.25rem; } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #eceeef #eceeef #ddd; } .nav-tabs .nav-link.disabled { color: #636c72; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #464a4c; background-color: #fff; border-color: #ddd #ddd #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .nav-item.show .nav-link { color: #fff; cursor: default; background-color: #0275d8; } .nav-fill .nav-item { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 0.5rem 1rem; } .navbar-brand { display: inline-block; padding-top: .25rem; padding-bottom: .25rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none; } .navbar-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-text { display: inline-block; padding-top: .425rem; padding-bottom: .425rem; } .navbar-toggler { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .navbar-toggler-left { position: absolute; left: 1rem; } .navbar-toggler-right { position: absolute; right: 1rem; } @media (max-width: 575px) { .navbar-toggleable .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-toggleable > .container { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-toggleable { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .navbar-toggleable .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .navbar-toggleable .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem; } .navbar-toggleable > .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .navbar-toggleable .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; width: 100%; } .navbar-toggleable .navbar-toggler { display: none; } } @media (max-width: 767px) { .navbar-toggleable-sm .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-toggleable-sm > .container { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-toggleable-sm { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .navbar-toggleable-sm .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .navbar-toggleable-sm .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem; } .navbar-toggleable-sm > .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .navbar-toggleable-sm .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; width: 100%; } .navbar-toggleable-sm .navbar-toggler { display: none; } } @media (max-width: 991px) { .navbar-toggleable-md .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-toggleable-md > .container { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-toggleable-md { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .navbar-toggleable-md .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .navbar-toggleable-md .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem; } .navbar-toggleable-md > .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .navbar-toggleable-md .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; width: 100%; } .navbar-toggleable-md .navbar-toggler { display: none; } } @media (max-width: 1199px) { .navbar-toggleable-lg .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-toggleable-lg > .container { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-toggleable-lg { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .navbar-toggleable-lg .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .navbar-toggleable-lg .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem; } .navbar-toggleable-lg > .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .navbar-toggleable-lg .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; width: 100%; } .navbar-toggleable-lg .navbar-toggler { display: none; } } .navbar-toggleable-xl { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .navbar-toggleable-xl .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-toggleable-xl > .container { padding-right: 0; padding-left: 0; } .navbar-toggleable-xl .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .navbar-toggleable-xl .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem; } .navbar-toggleable-xl > .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .navbar-toggleable-xl .navbar-collapse { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; width: 100%; } .navbar-toggleable-xl .navbar-toggler { display: none; } .navbar-light .navbar-brand, .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover, .navbar-light .navbar-toggler:focus, .navbar-light .navbar-toggler:hover { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .open > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-inverse .navbar-brand, .navbar-inverse .navbar-toggler { color: white; } .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-toggler:focus, .navbar-inverse .navbar-toggler:hover { color: white; } .navbar-inverse .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover { color: rgba(255, 255, 255, 0.75); } .navbar-inverse .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-inverse .navbar-nav .open > .nav-link, .navbar-inverse .navbar-nav .active > .nav-link, .navbar-inverse .navbar-nav .nav-link.open, .navbar-inverse .navbar-nav .nav-link.active { color: white; } .navbar-inverse .navbar-toggler { border-color: rgba(255, 255, 255, 0.1); } .navbar-inverse .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); } .navbar-inverse .navbar-text { color: rgba(255, 255, 255, 0.5); } .card { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card-block { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card > .list-group:first-child .list-group-item:first-child { border-top-right-radius: 0.25rem; border-top-left-radius: 0.25rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: #f7f7f9; border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: #f7f7f9; border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-primary { background-color: #0275d8; border-color: #0275d8; } .card-primary .card-header, .card-primary .card-footer { background-color: transparent; } .card-success { background-color: #5cb85c; border-color: #5cb85c; } .card-success .card-header, .card-success .card-footer { background-color: transparent; } .card-info { background-color: #5bc0de; border-color: #5bc0de; } .card-info .card-header, .card-info .card-footer { background-color: transparent; } .card-warning { background-color: #f0ad4e; border-color: #f0ad4e; } .card-warning .card-header, .card-warning .card-footer { background-color: transparent; } .card-danger { background-color: #d9534f; border-color: #d9534f; } .card-danger .card-header, .card-danger .card-footer { background-color: transparent; } .card-outline-primary { background-color: transparent; border-color: #0275d8; } .card-outline-secondary { background-color: transparent; border-color: #ccc; } .card-outline-info { background-color: transparent; border-color: #5bc0de; } .card-outline-success { background-color: transparent; border-color: #5cb85c; } .card-outline-warning { background-color: transparent; border-color: #f0ad4e; } .card-outline-danger { background-color: transparent; border-color: #d9534f; } .card-inverse { color: rgba(255, 255, 255, 0.65); } .card-inverse .card-header, .card-inverse .card-footer { background-color: transparent; border-color: rgba(255, 255, 255, 0.2); } .card-inverse .card-header, .card-inverse .card-footer, .card-inverse .card-title, .card-inverse .card-blockquote { color: #fff; } .card-inverse .card-link, .card-inverse .card-text, .card-inverse .card-subtitle, .card-inverse .card-blockquote .blockquote-footer { color: rgba(255, 255, 255, 0.65); } .card-inverse .card-link:focus, .card-inverse .card-link:hover { color: #fff; } .card-blockquote { padding: 0; margin-bottom: 0; border-left: 0; } .card-img { border-radius: calc(0.25rem - 1px); } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img-top { border-top-right-radius: calc(0.25rem - 1px); border-top-left-radius: calc(0.25rem - 1px); } .card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } @media (min-width: 576px) { .card-deck { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .card-deck .card { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 0 0%; -ms-flex: 1 0 0%; flex: 1 0 0%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .card-deck .card:not(:first-child) { margin-left: 15px; } .card-deck .card:not(:last-child) { margin-right: 15px; } } @media (min-width: 576px) { .card-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .card-group .card { -webkit-box-flex: 1; -webkit-flex: 1 0 0%; -ms-flex: 1 0 0%; flex: 1 0 0%; } .card-group .card + .card { margin-left: 0; border-left: 0; } .card-group .card:first-child { border-bottom-right-radius: 0; border-top-right-radius: 0; } .card-group .card:first-child .card-img-top { border-top-right-radius: 0; } .card-group .card:first-child .card-img-bottom { border-bottom-right-radius: 0; } .card-group .card:last-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .card-group .card:last-child .card-img-top { border-top-left-radius: 0; } .card-group .card:last-child .card-img-bottom { border-bottom-left-radius: 0; } .card-group .card:not(:first-child):not(:last-child) { border-radius: 0; } .card-group .card:not(:first-child):not(:last-child) .card-img-top, .card-group .card:not(:first-child):not(:last-child) .card-img-bottom { border-radius: 0; } } @media (min-width: 576px) { .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; } .card-columns .card { display: inline-block; width: 100%; margin-bottom: 0.75rem; } } .breadcrumb { padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #eceeef; border-radius: 0.25rem; } .breadcrumb::after { display: block; content: ""; clear: both; } .breadcrumb-item { float: left; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; padding-left: 0.5rem; color: #636c72; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #636c72; } .pagination { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .page-item:first-child .page-link { margin-left: 0; border-bottom-left-radius: 0.25rem; border-top-left-radius: 0.25rem; } .page-item:last-child .page-link { border-bottom-right-radius: 0.25rem; border-top-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 2; color: #fff; background-color: #0275d8; border-color: #0275d8; } .page-item.disabled .page-link { color: #636c72; pointer-events: none; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #0275d8; background-color: #fff; border: 1px solid #ddd; } .page-link:focus, .page-link:hover { color: #014c8c; text-decoration: none; background-color: #eceeef; border-color: #ddd; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; } .pagination-lg .page-item:first-child .page-link { border-bottom-left-radius: 0.3rem; border-top-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-bottom-right-radius: 0.3rem; border-top-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; } .pagination-sm .page-item:first-child .page-link { border-bottom-left-radius: 0.2rem; border-top-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-bottom-right-radius: 0.2rem; border-top-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } a.badge:focus, a.badge:hover { color: #fff; text-decoration: none; cursor: pointer; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-default { background-color: #636c72; } .badge-default[href]:focus, .badge-default[href]:hover { background-color: #4b5257; } .badge-primary { background-color: #0275d8; } .badge-primary[href]:focus, .badge-primary[href]:hover { background-color: #025aa5; } .badge-success { background-color: #5cb85c; } .badge-success[href]:focus, .badge-success[href]:hover { background-color: #449d44; } .badge-info { background-color: #5bc0de; } .badge-info[href]:focus, .badge-info[href]:hover { background-color: #31b0d5; } .badge-warning { background-color: #f0ad4e; } .badge-warning[href]:focus, .badge-warning[href]:hover { background-color: #ec971f; } .badge-danger { background-color: #d9534f; } .badge-danger[href]:focus, .badge-danger[href]:hover { background-color: #c9302c; } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #eceeef; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-hr { border-top-color: #d0d5d8; } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: bold; } .alert-dismissible .close { position: relative; top: -0.75rem; right: -1.25rem; padding: 0.75rem 1.25rem; color: inherit; } .alert-success { background-color: #dff0d8; border-color: #d0e9c6; color: #3c763d; } .alert-success hr { border-top-color: #c1e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { background-color: #d9edf7; border-color: #bcdff1; color: #31708f; } .alert-info hr { border-top-color: #a6d5ec; } .alert-info .alert-link { color: #245269; } .alert-warning { background-color: #fcf8e3; border-color: #faf2cc; color: #8a6d3b; } .alert-warning hr { border-top-color: #f7ecb5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { background-color: #f2dede; border-color: #ebcccc; color: #a94442; } .alert-danger hr { border-top-color: #e4b9b9; } .alert-danger .alert-link { color: #843534; } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; font-size: 0.75rem; line-height: 1rem; text-align: center; background-color: #eceeef; border-radius: 0.25rem; } .progress-bar { height: 1rem; color: #fff; background-color: #0275d8; } .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 1rem 1rem; background-size: 1rem 1rem; } .progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; -o-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } .media { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .media-body { -webkit-box-flex: 1; -webkit-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; } .list-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; } .list-group-item-action { width: 100%; color: #464a4c; text-align: inherit; } .list-group-item-action .list-group-item-heading { color: #292b2c; } .list-group-item-action:focus, .list-group-item-action:hover { color: #464a4c; text-decoration: none; background-color: #f7f7f9; } .list-group-item-action:active { color: #292b2c; background-color: #eceeef; } .list-group-item { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-right-radius: 0.25rem; border-top-left-radius: 0.25rem; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .list-group-item:focus, .list-group-item:hover { text-decoration: none; } .list-group-item.disabled, .list-group-item:disabled { color: #636c72; cursor: not-allowed; background-color: #fff; } .list-group-item.disabled .list-group-item-heading, .list-group-item:disabled .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item:disabled .list-group-item-text { color: #636c72; } .list-group-item.active { z-index: 2; color: #fff; background-color: #0275d8; border-color: #0275d8; } .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small { color: inherit; } .list-group-item.active .list-group-item-text { color: #daeeff; } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .list-group-flush:first-child .list-group-item:first-child { border-top: 0; } .list-group-flush:last-child .list-group-item:last-child { border-bottom: 0; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success, button.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, button.list-group-item-success.active { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info, button.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, button.list-group-item-info.active { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning, button.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, button.list-group-item-warning.active { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger, button.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, button.list-group-item-danger.active { color: #fff; background-color: #a94442; border-color: #a94442; } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.857143%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .close { float: right; font-size: 1.5rem; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:focus, .close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .75; } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out; -webkit-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); } .modal.show .modal-dialog { -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 15px; border-bottom: 1px solid #eceeef; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 15px; } .modal-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding: 15px; border-top: 1px solid #eceeef; } .modal-footer > :not(:first-child) { margin-left: .25rem; } .modal-footer > :not(:last-child) { margin-right: .25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 30px auto; } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg { max-width: 800px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom { padding: 5px 0; margin-top: -3px; } .tooltip.tooltip-top .tooltip-inner::before, .tooltip.bs-tether-element-attached-bottom .tooltip-inner::before { bottom: 0; left: 50%; margin-left: -5px; content: ""; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left { padding: 0 5px; margin-left: 3px; } .tooltip.tooltip-right .tooltip-inner::before, .tooltip.bs-tether-element-attached-left .tooltip-inner::before { top: 50%; left: 0; margin-top: -5px; content: ""; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top { padding: 5px 0; margin-top: 3px; } .tooltip.tooltip-bottom .tooltip-inner::before, .tooltip.bs-tether-element-attached-top .tooltip-inner::before { top: 0; left: 50%; margin-left: -5px; content: ""; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right { padding: 0 5px; margin-left: -3px; } .tooltip.tooltip-left .tooltip-inner::before, .tooltip.bs-tether-element-attached-right .tooltip-inner::before { top: 50%; right: 0; margin-top: -5px; content: ""; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .tooltip-inner::before { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; padding: 1px; font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover.popover-top, .popover.bs-tether-element-attached-bottom { margin-top: -10px; } .popover.popover-top::before, .popover.popover-top::after, .popover.bs-tether-element-attached-bottom::before, .popover.bs-tether-element-attached-bottom::after { left: 50%; border-bottom-width: 0; } .popover.popover-top::before, .popover.bs-tether-element-attached-bottom::before { bottom: -11px; margin-left: -11px; border-top-color: rgba(0, 0, 0, 0.25); } .popover.popover-top::after, .popover.bs-tether-element-attached-bottom::after { bottom: -10px; margin-left: -10px; border-top-color: #fff; } .popover.popover-right, .popover.bs-tether-element-attached-left { margin-left: 10px; } .popover.popover-right::before, .popover.popover-right::after, .popover.bs-tether-element-attached-left::before, .popover.bs-tether-element-attached-left::after { top: 50%; border-left-width: 0; } .popover.popover-right::before, .popover.bs-tether-element-attached-left::before { left: -11px; margin-top: -11px; border-right-color: rgba(0, 0, 0, 0.25); } .popover.popover-right::after, .popover.bs-tether-element-attached-left::after { left: -10px; margin-top: -10px; border-right-color: #fff; } .popover.popover-bottom, .popover.bs-tether-element-attached-top { margin-top: 10px; } .popover.popover-bottom::before, .popover.popover-bottom::after, .popover.bs-tether-element-attached-top::before, .popover.bs-tether-element-attached-top::after { left: 50%; border-top-width: 0; } .popover.popover-bottom::before, .popover.bs-tether-element-attached-top::before { top: -11px; margin-left: -11px; border-bottom-color: rgba(0, 0, 0, 0.25); } .popover.popover-bottom::after, .popover.bs-tether-element-attached-top::after { top: -10px; margin-left: -10px; border-bottom-color: #f7f7f7; } .popover.popover-bottom .popover-title::before, .popover.bs-tether-element-attached-top .popover-title::before { position: absolute; top: 0; left: 50%; display: block; width: 20px; margin-left: -10px; content: ""; border-bottom: 1px solid #f7f7f7; } .popover.popover-left, .popover.bs-tether-element-attached-right { margin-left: -10px; } .popover.popover-left::before, .popover.popover-left::after, .popover.bs-tether-element-attached-right::before, .popover.bs-tether-element-attached-right::after { top: 50%; border-right-width: 0; } .popover.popover-left::before, .popover.bs-tether-element-attached-right::before { right: -11px; margin-top: -11px; border-left-color: rgba(0, 0, 0, 0.25); } .popover.popover-left::after, .popover.bs-tether-element-attached-right::after { right: -10px; margin-top: -10px; border-left-color: #fff; } .popover-title { padding: 8px 14px; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-right-radius: calc(0.3rem - 1px); border-top-left-radius: calc(0.3rem - 1px); } .popover-title:empty { display: none; } .popover-content { padding: 9px 14px; } .popover::before, .popover::after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover::before { content: ""; border-width: 11px; } .popover::after { content: ""; border-width: 10px; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-item { position: relative; display: none; width: 100%; } @media (-webkit-transform-3d) { .carousel-item { -webkit-transition: -webkit-transform 0.6s ease-in-out; transition: -webkit-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -o-transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } } @supports ((-webkit-transform: translate3d(0, 0, 0)) or (transform: translate3d(0, 0, 0))) { .carousel-item { -webkit-transition: -webkit-transform 0.6s ease-in-out; transition: -webkit-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -o-transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .carousel-item-next, .carousel-item-prev { position: absolute; top: 0; } @media (-webkit-transform-3d) { .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-item-next, .active.carousel-item-right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .carousel-item-prev, .active.carousel-item-left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @supports ((-webkit-transform: translate3d(0, 0, 0)) or (transform: translate3d(0, 0, 0))) { .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-item-next, .active.carousel-item-right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .carousel-item-prev, .active.carousel-item-left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; } .carousel-control-prev:focus, .carousel-control-prev:hover, .carousel-control-next:focus, .carousel-control-next:hover { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); } .carousel-indicators { position: absolute; right: 0; bottom: 10px; left: 0; z-index: 15; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { position: relative; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; max-width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: rgba(255, 255, 255, 0.5); } .carousel-indicators li::before { position: absolute; top: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators li::after { position: absolute; bottom: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: ""; } .carousel-indicators .active { background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-faded { background-color: #f7f7f7; } .bg-primary { background-color: #0275d8 !important; } a.bg-primary:focus, a.bg-primary:hover { background-color: #025aa5 !important; } .bg-success { background-color: #5cb85c !important; } a.bg-success:focus, a.bg-success:hover { background-color: #449d44 !important; } .bg-info { background-color: #5bc0de !important; } a.bg-info:focus, a.bg-info:hover { background-color: #31b0d5 !important; } .bg-warning { background-color: #f0ad4e !important; } a.bg-warning:focus, a.bg-warning:hover { background-color: #ec971f !important; } .bg-danger { background-color: #d9534f !important; } a.bg-danger:focus, a.bg-danger:hover { background-color: #c9302c !important; } .bg-inverse { background-color: #292b2c !important; } a.bg-inverse:focus, a.bg-inverse:hover { background-color: #101112 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .rounded { border-radius: 0.25rem; } .rounded-top { border-top-right-radius: 0.25rem; border-top-left-radius: 0.25rem; } .rounded-right { border-bottom-right-radius: 0.25rem; border-top-right-radius: 0.25rem; } .rounded-bottom { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .rounded-left { border-bottom-left-radius: 0.25rem; border-top-left-radius: 0.25rem; } .rounded-circle { border-radius: 50%; } .rounded-0 { border-radius: 0; } .clearfix::after { display: block; content: ""; clear: both; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } .flex-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .flex-last { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .flex-unordered { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .flex-sm-last { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .flex-sm-unordered { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-sm-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-sm-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-sm-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .flex-md-last { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .flex-md-unordered { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-md-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-md-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-md-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .flex-lg-last { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .flex-lg-unordered { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-lg-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-lg-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-lg-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .flex-xl-last { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .flex-xl-unordered { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-xl-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-xl-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-xl-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1030; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .m-0 { margin: 0 0 !important; } .mt-0 { margin-top: 0 !important; } .mr-0 { margin-right: 0 !important; } .mb-0 { margin-bottom: 0 !important; } .ml-0 { margin-left: 0 !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-1 { margin: 0.25rem 0.25rem !important; } .mt-1 { margin-top: 0.25rem !important; } .mr-1 { margin-right: 0.25rem !important; } .mb-1 { margin-bottom: 0.25rem !important; } .ml-1 { margin-left: 0.25rem !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-2 { margin: 0.5rem 0.5rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mr-2 { margin-right: 0.5rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .ml-2 { margin-left: 0.5rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-3 { margin: 1rem 1rem !important; } .mt-3 { margin-top: 1rem !important; } .mr-3 { margin-right: 1rem !important; } .mb-3 { margin-bottom: 1rem !important; } .ml-3 { margin-left: 1rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-4 { margin: 1.5rem 1.5rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mr-4 { margin-right: 1.5rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .ml-4 { margin-left: 1.5rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-5 { margin: 3rem 3rem !important; } .mt-5 { margin-top: 3rem !important; } .mr-5 { margin-right: 3rem !important; } .mb-5 { margin-bottom: 3rem !important; } .ml-5 { margin-left: 3rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .p-0 { padding: 0 0 !important; } .pt-0 { padding-top: 0 !important; } .pr-0 { padding-right: 0 !important; } .pb-0 { padding-bottom: 0 !important; } .pl-0 { padding-left: 0 !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-1 { padding: 0.25rem 0.25rem !important; } .pt-1 { padding-top: 0.25rem !important; } .pr-1 { padding-right: 0.25rem !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pl-1 { padding-left: 0.25rem !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-2 { padding: 0.5rem 0.5rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pr-2 { padding-right: 0.5rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pl-2 { padding-left: 0.5rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-3 { padding: 1rem 1rem !important; } .pt-3 { padding-top: 1rem !important; } .pr-3 { padding-right: 1rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pl-3 { padding-left: 1rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-4 { padding: 1.5rem 1.5rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pr-4 { padding-right: 1.5rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pl-4 { padding-left: 1.5rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-5 { padding: 3rem 3rem !important; } .pt-5 { padding-top: 3rem !important; } .pr-5 { padding-right: 3rem !important; } .pb-5 { padding-bottom: 3rem !important; } .pl-5 { padding-left: 3rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .m-auto { margin: auto !important; } .mt-auto { margin-top: auto !important; } .mr-auto { margin-right: auto !important; } .mb-auto { margin-bottom: auto !important; } .ml-auto { margin-left: auto !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 0 !important; } .mt-sm-0 { margin-top: 0 !important; } .mr-sm-0 { margin-right: 0 !important; } .mb-sm-0 { margin-bottom: 0 !important; } .ml-sm-0 { margin-left: 0 !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-sm-1 { margin: 0.25rem 0.25rem !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1 { margin-left: 0.25rem !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-sm-2 { margin: 0.5rem 0.5rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2 { margin-left: 0.5rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-sm-3 { margin: 1rem 1rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mr-sm-3 { margin-right: 1rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3 { margin-left: 1rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-sm-4 { margin: 1.5rem 1.5rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4 { margin-left: 1.5rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-sm-5 { margin: 3rem 3rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mr-sm-5 { margin-right: 3rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5 { margin-left: 3rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .p-sm-0 { padding: 0 0 !important; } .pt-sm-0 { padding-top: 0 !important; } .pr-sm-0 { padding-right: 0 !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pl-sm-0 { padding-left: 0 !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-sm-1 { padding: 0.25rem 0.25rem !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1 { padding-left: 0.25rem !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-sm-2 { padding: 0.5rem 0.5rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2 { padding-left: 0.5rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-sm-3 { padding: 1rem 1rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pr-sm-3 { padding-right: 1rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3 { padding-left: 1rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-sm-4 { padding: 1.5rem 1.5rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4 { padding-left: 1.5rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-sm-5 { padding: 3rem 3rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pr-sm-5 { padding-right: 3rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5 { padding-left: 3rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto { margin-top: auto !important; } .mr-sm-auto { margin-right: auto !important; } .mb-sm-auto { margin-bottom: auto !important; } .ml-sm-auto { margin-left: auto !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 0 !important; } .mt-md-0 { margin-top: 0 !important; } .mr-md-0 { margin-right: 0 !important; } .mb-md-0 { margin-bottom: 0 !important; } .ml-md-0 { margin-left: 0 !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-md-1 { margin: 0.25rem 0.25rem !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mr-md-1 { margin-right: 0.25rem !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1 { margin-left: 0.25rem !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-md-2 { margin: 0.5rem 0.5rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mr-md-2 { margin-right: 0.5rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2 { margin-left: 0.5rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-md-3 { margin: 1rem 1rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mr-md-3 { margin-right: 1rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .ml-md-3 { margin-left: 1rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-md-4 { margin: 1.5rem 1.5rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mr-md-4 { margin-right: 1.5rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4 { margin-left: 1.5rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-md-5 { margin: 3rem 3rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mr-md-5 { margin-right: 3rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .ml-md-5 { margin-left: 3rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .p-md-0 { padding: 0 0 !important; } .pt-md-0 { padding-top: 0 !important; } .pr-md-0 { padding-right: 0 !important; } .pb-md-0 { padding-bottom: 0 !important; } .pl-md-0 { padding-left: 0 !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-md-1 { padding: 0.25rem 0.25rem !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pr-md-1 { padding-right: 0.25rem !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1 { padding-left: 0.25rem !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-md-2 { padding: 0.5rem 0.5rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pr-md-2 { padding-right: 0.5rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2 { padding-left: 0.5rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-md-3 { padding: 1rem 1rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pr-md-3 { padding-right: 1rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pl-md-3 { padding-left: 1rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-md-4 { padding: 1.5rem 1.5rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pr-md-4 { padding-right: 1.5rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4 { padding-left: 1.5rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-md-5 { padding: 3rem 3rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pr-md-5 { padding-right: 3rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .pl-md-5 { padding-left: 3rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto { margin-top: auto !important; } .mr-md-auto { margin-right: auto !important; } .mb-md-auto { margin-bottom: auto !important; } .ml-md-auto { margin-left: auto !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 0 !important; } .mt-lg-0 { margin-top: 0 !important; } .mr-lg-0 { margin-right: 0 !important; } .mb-lg-0 { margin-bottom: 0 !important; } .ml-lg-0 { margin-left: 0 !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-lg-1 { margin: 0.25rem 0.25rem !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1 { margin-left: 0.25rem !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-lg-2 { margin: 0.5rem 0.5rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2 { margin-left: 0.5rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-lg-3 { margin: 1rem 1rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mr-lg-3 { margin-right: 1rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3 { margin-left: 1rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-lg-4 { margin: 1.5rem 1.5rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4 { margin-left: 1.5rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-lg-5 { margin: 3rem 3rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mr-lg-5 { margin-right: 3rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5 { margin-left: 3rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .p-lg-0 { padding: 0 0 !important; } .pt-lg-0 { padding-top: 0 !important; } .pr-lg-0 { padding-right: 0 !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pl-lg-0 { padding-left: 0 !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-lg-1 { padding: 0.25rem 0.25rem !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1 { padding-left: 0.25rem !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-lg-2 { padding: 0.5rem 0.5rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2 { padding-left: 0.5rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-lg-3 { padding: 1rem 1rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pr-lg-3 { padding-right: 1rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3 { padding-left: 1rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-lg-4 { padding: 1.5rem 1.5rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4 { padding-left: 1.5rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-lg-5 { padding: 3rem 3rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pr-lg-5 { padding-right: 3rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5 { padding-left: 3rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto { margin-top: auto !important; } .mr-lg-auto { margin-right: auto !important; } .mb-lg-auto { margin-bottom: auto !important; } .ml-lg-auto { margin-left: auto !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 0 !important; } .mt-xl-0 { margin-top: 0 !important; } .mr-xl-0 { margin-right: 0 !important; } .mb-xl-0 { margin-bottom: 0 !important; } .ml-xl-0 { margin-left: 0 !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-xl-1 { margin: 0.25rem 0.25rem !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1 { margin-left: 0.25rem !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-xl-2 { margin: 0.5rem 0.5rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2 { margin-left: 0.5rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-xl-3 { margin: 1rem 1rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mr-xl-3 { margin-right: 1rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3 { margin-left: 1rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-xl-4 { margin: 1.5rem 1.5rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4 { margin-left: 1.5rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-xl-5 { margin: 3rem 3rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mr-xl-5 { margin-right: 3rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5 { margin-left: 3rem !important; } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .p-xl-0 { padding: 0 0 !important; } .pt-xl-0 { padding-top: 0 !important; } .pr-xl-0 { padding-right: 0 !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pl-xl-0 { padding-left: 0 !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-xl-1 { padding: 0.25rem 0.25rem !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1 { padding-left: 0.25rem !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-xl-2 { padding: 0.5rem 0.5rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2 { padding-left: 0.5rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-xl-3 { padding: 1rem 1rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pr-xl-3 { padding-right: 1rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3 { padding-left: 1rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-xl-4 { padding: 1.5rem 1.5rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4 { padding-left: 1.5rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-xl-5 { padding: 3rem 3rem !important; } .pt-xl-5 { padding-top: 3rem !important; } .pr-xl-5 { padding-right: 3rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5 { padding-left: 3rem !important; } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto { margin-top: auto !important; } .mr-xl-auto { margin-right: auto !important; } .mb-xl-auto { margin-bottom: auto !important; } .ml-xl-auto { margin-left: auto !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-normal { font-weight: normal; } .font-weight-bold { font-weight: bold; } .font-italic { font-style: italic; } .text-white { color: #fff !important; } .text-muted { color: #636c72 !important; } a.text-muted:focus, a.text-muted:hover { color: #4b5257 !important; } .text-primary { color: #0275d8 !important; } a.text-primary:focus, a.text-primary:hover { color: #025aa5 !important; } .text-success { color: #5cb85c !important; } a.text-success:focus, a.text-success:hover { color: #449d44 !important; } .text-info { color: #5bc0de !important; } a.text-info:focus, a.text-info:hover { color: #31b0d5 !important; } .text-warning { color: #f0ad4e !important; } a.text-warning:focus, a.text-warning:hover { color: #ec971f !important; } .text-danger { color: #d9534f !important; } a.text-danger:focus, a.text-danger:hover { color: #c9302c !important; } .text-gray-dark { color: #292b2c !important; } a.text-gray-dark:focus, a.text-gray-dark:hover { color: #101112 !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .invisible { visibility: hidden !important; } .hidden-xs-up { display: none !important; } @media (max-width: 575px) { .hidden-xs-down { display: none !important; } } @media (min-width: 576px) { .hidden-sm-up { display: none !important; } } @media (max-width: 767px) { .hidden-sm-down { display: none !important; } } @media (min-width: 768px) { .hidden-md-up { display: none !important; } } @media (max-width: 991px) { .hidden-md-down { display: none !important; } } @media (min-width: 992px) { .hidden-lg-up { display: none !important; } } @media (max-width: 1199px) { .hidden-lg-down { display: none !important; } } @media (min-width: 1200px) { .hidden-xl-up { display: none !important; } } .hidden-xl-down { display: none !important; } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /*# sourceMappingURL=bootstrap.css.map */ /* End */ /* Start:/local/templates/lukoil/css/bootstrap-theme.min.css?174832621023409*/ /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */.btn-danger,.btn-default,.btn-info,.btn-primary,.btn-success,.btn-warning{text-shadow:0 -1px 0 rgba(0,0,0,.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075)}.btn-danger.active,.btn-danger:active,.btn-default.active,.btn-default:active,.btn-info.active,.btn-info:active,.btn-primary.active,.btn-primary:active,.btn-success.active,.btn-success:active,.btn-warning.active,.btn-warning:active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-danger.disabled,.btn-danger[disabled],.btn-default.disabled,.btn-default[disabled],.btn-info.disabled,.btn-info[disabled],.btn-primary.disabled,.btn-primary[disabled],.btn-success.disabled,.btn-success[disabled],.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-danger,fieldset[disabled] .btn-default,fieldset[disabled] .btn-info,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-success,fieldset[disabled] .btn-warning{-webkit-box-shadow:none;box-shadow:none}.btn-danger .badge,.btn-default .badge,.btn-info .badge,.btn-primary .badge,.btn-success .badge,.btn-warning .badge{text-shadow:none}.btn.active,.btn:active{background-image:none}.btn-default{text-shadow:0 1px 0 #fff;background-image:-webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:-o-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));background-image:linear-gradient(to bottom,#fff 0,#e0e0e0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#dbdbdb;border-color:#ccc}.btn-default:focus,.btn-default:hover{background-color:#e0e0e0;background-position:0 -15px}.btn-default.active,.btn-default:active{background-color:#e0e0e0;border-color:#dbdbdb}.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#e0e0e0;background-image:none}.btn-primary{background-image:-webkit-linear-gradient(top,#337ab7 0,#265a88 100%);background-image:-o-linear-gradient(top,#337ab7 0,#265a88 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#265a88));background-image:linear-gradient(to bottom,#337ab7 0,#265a88 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#245580}.btn-primary:focus,.btn-primary:hover{background-color:#265a88;background-position:0 -15px}.btn-primary.active,.btn-primary:active{background-color:#265a88;border-color:#245580}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#265a88;background-image:none}.btn-success{background-image:-webkit-linear-gradient(top,#5cb85c 0,#419641 100%);background-image:-o-linear-gradient(top,#5cb85c 0,#419641 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5cb85c),to(#419641));background-image:linear-gradient(to bottom,#5cb85c 0,#419641 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#3e8f3e}.btn-success:focus,.btn-success:hover{background-color:#419641;background-position:0 -15px}.btn-success.active,.btn-success:active{background-color:#419641;border-color:#3e8f3e}.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled.focus,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled].focus,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#419641;background-image:none}.btn-info{background-image:-webkit-linear-gradient(top,#5bc0de 0,#2aabd2 100%);background-image:-o-linear-gradient(top,#5bc0de 0,#2aabd2 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5bc0de),to(#2aabd2));background-image:linear-gradient(to bottom,#5bc0de 0,#2aabd2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#28a4c9}.btn-info:focus,.btn-info:hover{background-color:#2aabd2;background-position:0 -15px}.btn-info.active,.btn-info:active{background-color:#2aabd2;border-color:#28a4c9}.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled.focus,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled].focus,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#2aabd2;background-image:none}.btn-warning{background-image:-webkit-linear-gradient(top,#f0ad4e 0,#eb9316 100%);background-image:-o-linear-gradient(top,#f0ad4e 0,#eb9316 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f0ad4e),to(#eb9316));background-image:linear-gradient(to bottom,#f0ad4e 0,#eb9316 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#e38d13}.btn-warning:focus,.btn-warning:hover{background-color:#eb9316;background-position:0 -15px}.btn-warning.active,.btn-warning:active{background-color:#eb9316;border-color:#e38d13}.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled.focus,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled].focus,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#eb9316;background-image:none}.btn-danger{background-image:-webkit-linear-gradient(top,#d9534f 0,#c12e2a 100%);background-image:-o-linear-gradient(top,#d9534f 0,#c12e2a 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9534f),to(#c12e2a));background-image:linear-gradient(to bottom,#d9534f 0,#c12e2a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-color:#b92c28}.btn-danger:focus,.btn-danger:hover{background-color:#c12e2a;background-position:0 -15px}.btn-danger.active,.btn-danger:active{background-color:#c12e2a;border-color:#b92c28}.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled.focus,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled].focus,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#c12e2a;background-image:none}.img-thumbnail,.thumbnail{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.075);box-shadow:0 1px 2px rgba(0,0,0,.075)}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{background-color:#e8e8e8;background-image:-webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);background-repeat:repeat-x}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{background-color:#2e6da4;background-image:-webkit-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2e6da4));background-image:linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);background-repeat:repeat-x}.navbar-default{background-image:-webkit-linear-gradient(top,#fff 0,#f8f8f8 100%);background-image:-o-linear-gradient(top,#fff 0,#f8f8f8 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f8f8f8));background-image:linear-gradient(to bottom,#fff 0,#f8f8f8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075)}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.open>a{background-image:-webkit-linear-gradient(top,#dbdbdb 0,#e2e2e2 100%);background-image:-o-linear-gradient(top,#dbdbdb 0,#e2e2e2 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#dbdbdb),to(#e2e2e2));background-image:linear-gradient(to bottom,#dbdbdb 0,#e2e2e2 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);background-repeat:repeat-x;-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,.075);box-shadow:inset 0 3px 9px rgba(0,0,0,.075)}.navbar-brand,.navbar-nav>li>a{text-shadow:0 1px 0 rgba(255,255,255,.25)}.navbar-inverse{background-image:-webkit-linear-gradient(top,#3c3c3c 0,#222 100%);background-image:-o-linear-gradient(top,#3c3c3c 0,#222 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#3c3c3c),to(#222));background-image:linear-gradient(to bottom,#3c3c3c 0,#222 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);background-repeat:repeat-x;border-radius:4px}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a{background-image:-webkit-linear-gradient(top,#080808 0,#0f0f0f 100%);background-image:-o-linear-gradient(top,#080808 0,#0f0f0f 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#080808),to(#0f0f0f));background-image:linear-gradient(to bottom,#080808 0,#0f0f0f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);background-repeat:repeat-x;-webkit-box-shadow:inset 0 3px 9px rgba(0,0,0,.25);box-shadow:inset 0 3px 9px rgba(0,0,0,.25)}.navbar-inverse .navbar-brand,.navbar-inverse .navbar-nav>li>a{text-shadow:0 -1px 0 rgba(0,0,0,.25)}.navbar-fixed-bottom,.navbar-fixed-top,.navbar-static-top{border-radius:0}@media (max-width:767px){.navbar .navbar-nav .open .dropdown-menu>.active>a,.navbar .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-image:-webkit-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2e6da4));background-image:linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);background-repeat:repeat-x}}.alert{text-shadow:0 1px 0 rgba(255,255,255,.2);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05)}.alert-success{background-image:-webkit-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);background-image:-o-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#dff0d8),to(#c8e5bc));background-image:linear-gradient(to bottom,#dff0d8 0,#c8e5bc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);background-repeat:repeat-x;border-color:#b2dba1}.alert-info{background-image:-webkit-linear-gradient(top,#d9edf7 0,#b9def0 100%);background-image:-o-linear-gradient(top,#d9edf7 0,#b9def0 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9edf7),to(#b9def0));background-image:linear-gradient(to bottom,#d9edf7 0,#b9def0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);background-repeat:repeat-x;border-color:#9acfea}.alert-warning{background-image:-webkit-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);background-image:-o-linear-gradient(top,#fcf8e3 0,#f8efc0 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fcf8e3),to(#f8efc0));background-image:linear-gradient(to bottom,#fcf8e3 0,#f8efc0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);background-repeat:repeat-x;border-color:#f5e79e}.alert-danger{background-image:-webkit-linear-gradient(top,#f2dede 0,#e7c3c3 100%);background-image:-o-linear-gradient(top,#f2dede 0,#e7c3c3 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f2dede),to(#e7c3c3));background-image:linear-gradient(to bottom,#f2dede 0,#e7c3c3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);background-repeat:repeat-x;border-color:#dca7a7}.progress{background-image:-webkit-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);background-image:-o-linear-gradient(top,#ebebeb 0,#f5f5f5 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#ebebeb),to(#f5f5f5));background-image:linear-gradient(to bottom,#ebebeb 0,#f5f5f5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);background-repeat:repeat-x}.progress-bar{background-image:-webkit-linear-gradient(top,#337ab7 0,#286090 100%);background-image:-o-linear-gradient(top,#337ab7 0,#286090 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#286090));background-image:linear-gradient(to bottom,#337ab7 0,#286090 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);background-repeat:repeat-x}.progress-bar-success{background-image:-webkit-linear-gradient(top,#5cb85c 0,#449d44 100%);background-image:-o-linear-gradient(top,#5cb85c 0,#449d44 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5cb85c),to(#449d44));background-image:linear-gradient(to bottom,#5cb85c 0,#449d44 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);background-repeat:repeat-x}.progress-bar-info{background-image:-webkit-linear-gradient(top,#5bc0de 0,#31b0d5 100%);background-image:-o-linear-gradient(top,#5bc0de 0,#31b0d5 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#5bc0de),to(#31b0d5));background-image:linear-gradient(to bottom,#5bc0de 0,#31b0d5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);background-repeat:repeat-x}.progress-bar-warning{background-image:-webkit-linear-gradient(top,#f0ad4e 0,#ec971f 100%);background-image:-o-linear-gradient(top,#f0ad4e 0,#ec971f 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f0ad4e),to(#ec971f));background-image:linear-gradient(to bottom,#f0ad4e 0,#ec971f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);background-repeat:repeat-x}.progress-bar-danger{background-image:-webkit-linear-gradient(top,#d9534f 0,#c9302c 100%);background-image:-o-linear-gradient(top,#d9534f 0,#c9302c 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9534f),to(#c9302c));background-image:linear-gradient(to bottom,#d9534f 0,#c9302c 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);background-repeat:repeat-x}.progress-bar-striped{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.list-group{border-radius:4px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.075);box-shadow:0 1px 2px rgba(0,0,0,.075)}.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{text-shadow:0 -1px 0 #286090;background-image:-webkit-linear-gradient(top,#337ab7 0,#2b669a 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2b669a 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2b669a));background-image:linear-gradient(to bottom,#337ab7 0,#2b669a 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);background-repeat:repeat-x;border-color:#2b669a}.list-group-item.active .badge,.list-group-item.active:focus .badge,.list-group-item.active:hover .badge{text-shadow:none}.panel{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05);box-shadow:0 1px 2px rgba(0,0,0,.05)}.panel-default>.panel-heading{background-image:-webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));background-image:linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);background-repeat:repeat-x}.panel-primary>.panel-heading{background-image:-webkit-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-o-linear-gradient(top,#337ab7 0,#2e6da4 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#2e6da4));background-image:linear-gradient(to bottom,#337ab7 0,#2e6da4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);background-repeat:repeat-x}.panel-success>.panel-heading{background-image:-webkit-linear-gradient(top,#dff0d8 0,#d0e9c6 100%);background-image:-o-linear-gradient(top,#dff0d8 0,#d0e9c6 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#dff0d8),to(#d0e9c6));background-image:linear-gradient(to bottom,#dff0d8 0,#d0e9c6 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);background-repeat:repeat-x}.panel-info>.panel-heading{background-image:-webkit-linear-gradient(top,#d9edf7 0,#c4e3f3 100%);background-image:-o-linear-gradient(top,#d9edf7 0,#c4e3f3 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#d9edf7),to(#c4e3f3));background-image:linear-gradient(to bottom,#d9edf7 0,#c4e3f3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);background-repeat:repeat-x}.panel-warning>.panel-heading{background-image:-webkit-linear-gradient(top,#fcf8e3 0,#faf2cc 100%);background-image:-o-linear-gradient(top,#fcf8e3 0,#faf2cc 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#fcf8e3),to(#faf2cc));background-image:linear-gradient(to bottom,#fcf8e3 0,#faf2cc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);background-repeat:repeat-x}.panel-danger>.panel-heading{background-image:-webkit-linear-gradient(top,#f2dede 0,#ebcccc 100%);background-image:-o-linear-gradient(top,#f2dede 0,#ebcccc 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#f2dede),to(#ebcccc));background-image:linear-gradient(to bottom,#f2dede 0,#ebcccc 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);background-repeat:repeat-x}.well{background-image:-webkit-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);background-image:-o-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);background-image:-webkit-gradient(linear,left top,left bottom,from(#e8e8e8),to(#f5f5f5));background-image:linear-gradient(to bottom,#e8e8e8 0,#f5f5f5 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);background-repeat:repeat-x;border-color:#dcdcdc;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1)} /*# sourceMappingURL=bootstrap-theme.min.css.map */ /* End */ /* Start:/local/templates/lukoil/css/bootstrap-select.css?17483262107821*/ /*! * Bootstrap-select v1.12.4 (http://silviomoreto.github.io/bootstrap-select) * * Copyright 2013-2017 bootstrap-select * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE) */ select.bs-select-hidden, select.selectpicker { display: none !important; } .bootstrap-select { width: 220px \0; /*IE9 and below*/ } .bootstrap-select > .dropdown-toggle { width: 100%; padding-right: 25px; z-index: 1; } .bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active { color: #999; } .bootstrap-select > select { position: absolute !important; bottom: 0; left: 50%; display: block !important; width: 0.5px !important; height: 100% !important; padding: 0 !important; opacity: 0 !important; border: none; } .bootstrap-select > select.mobile-device { top: 0; left: 0; display: block !important; width: 100% !important; z-index: 2; } .has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle { border-color: #b94a48; } .bootstrap-select.fit-width { width: auto !important; } .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 220px; } .bootstrap-select .dropdown-toggle:focus { outline: thin dotted #333333 !important; outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px; } .bootstrap-select.form-control { margin-bottom: 0; padding: 0; border: none; } .bootstrap-select.form-control:not([class*="col-"]) { width: 100%; } .bootstrap-select.form-control.input-group-btn { z-index: auto; } .bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] { float: none; display: inline-block; margin-left: 0; } .bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right, .row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right { float: right; } .form-inline .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .form-group .bootstrap-select.btn-group { margin-bottom: 0; } .form-group-lg .bootstrap-select.btn-group.form-control, .form-group-sm .bootstrap-select.btn-group.form-control { padding: 0; } .form-group-lg .bootstrap-select.btn-group.form-control .dropdown-toggle, .form-group-sm .bootstrap-select.btn-group.form-control .dropdown-toggle { height: 100%; font-size: inherit; line-height: inherit; border-radius: inherit; } .form-inline .bootstrap-select.btn-group .form-control { width: 100%; } .bootstrap-select.btn-group.disabled, .bootstrap-select.btn-group > .disabled { cursor: not-allowed; } .bootstrap-select.btn-group.disabled:focus, .bootstrap-select.btn-group > .disabled:focus { outline: none !important; } .bootstrap-select.btn-group.bs-container { position: absolute; height: 0 !important; padding: 0 !important; } .bootstrap-select.btn-group.bs-container .dropdown-menu { z-index: 1060; } .bootstrap-select.btn-group .dropdown-toggle .filter-option { display: inline-block; overflow: hidden; width: 100%; text-align: left; font-family: "Open Sans", sans-serif; font-size: 13px; } .bootstrap-select.btn-group .dropdown-toggle .caret { position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle; } .bootstrap-select.btn-group[class*="col-"] .dropdown-toggle { width: 100%; } .bootstrap-select.btn-group .dropdown-menu { min-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bootstrap-select.btn-group .dropdown-menu.inner { position: static; float: none; border: 0; padding: 0; margin: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .bootstrap-select.btn-group .dropdown-menu li { position: relative; } .bootstrap-select.btn-group .dropdown-menu li.active small { color: #fff; } .bootstrap-select.btn-group .dropdown-menu li.disabled a { cursor: not-allowed; } .bootstrap-select.btn-group .dropdown-menu li a { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .bootstrap-select.btn-group .dropdown-menu li a.opt { position: relative; padding-left: 2.25em; } .bootstrap-select.btn-group .dropdown-menu li a span.check-mark { display: none; } .bootstrap-select.btn-group .dropdown-menu li a span.text { display: inline-block; } .bootstrap-select.btn-group .dropdown-menu li small { padding-left: 0.5em; } .bootstrap-select.btn-group .dropdown-menu .notify { position: absolute; bottom: 5px; width: 96%; margin: 0 2%; min-height: 26px; padding: 3px 5px; background: #f5f5f5; border: 1px solid #e3e3e3; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); pointer-events: none; opacity: 0.9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bootstrap-select.btn-group .no-results { padding: 3px; background: #f5f5f5; margin: 0 5px; white-space: nowrap; } .bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option { position: static; } .bootstrap-select.btn-group.fit-width .dropdown-toggle .caret { position: static; top: auto; margin-top: -1px; } .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { position: absolute; display: inline-block; right: 15px; margin-top: 5px; } .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text { margin-right: 34px; } .bootstrap-select.show-menu-arrow.open > .dropdown-toggle { z-index: 1061; } .bootstrap-select.show-menu-arrow .dropdown-toggle:before { content: ''; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(204, 204, 204, 0.2); position: absolute; bottom: -4px; left: 9px; display: none; } .bootstrap-select.show-menu-arrow .dropdown-toggle:after { content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; bottom: -4px; left: 10px; display: none; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before { bottom: auto; top: -3px; border-top: 7px solid rgba(204, 204, 204, 0.2); border-bottom: 0; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after { bottom: auto; top: -3px; border-top: 6px solid white; border-bottom: 0; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before { right: 12px; left: auto; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after { right: 13px; left: auto; } .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after { display: block; } .bs-searchbox, .bs-actionsbox, .bs-donebutton { padding: 4px 8px; } .bs-actionsbox { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bs-actionsbox .btn-group button { width: 50%; } .bs-donebutton { float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bs-donebutton .btn-group button { width: 100%; } .bs-searchbox + .bs-actionsbox { padding: 0 8px 4px; } .bs-searchbox .form-control { margin-bottom: 0; width: 100%; float: none; } /*# sourceMappingURL=bootstrap-select.css.map */ /* End */ /* Start:/local/templates/lukoil/css/jquery.bxslider.css?17483262103939*/ /** VARIABLES ===================================*/ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin-bottom: 60px; padding: 0; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y; } .bx-wrapper img { max-width: 100%; display: block; } .bxslider { margin: 0; padding: 0; } ul.bxslider { list-style: none; } .bx-viewport { /* fix other elements on the page moving (in Chrome) */ -webkit-transform: translateZ(0); } /** THEME ===================================*/ .bx-wrapper { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: 5px solid #fff; background: #fff; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url('/local/templates/lukoil/css/../images/bx_loader.gif') center center no-repeat #ffffff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #000; } .bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; background: url('/local/templates/lukoil/css/images/controls.png') no-repeat 0 -32px; } .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus { background-position: 0 0; } .bx-wrapper .bx-next { right: 10px; background: url('/local/templates/lukoil/css/images/controls.png') no-repeat -43px -32px; } .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url('/local/templates/lukoil/css/images/controls.png') -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url('/local/templates/lukoil/css/images/controls.png') -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } /* End */ /* Start:/local/templates/lukoil/css/royalsli.css?17483262104257*/ /* v1.0.5 */ /* Core RS CSS file. 95% of time you shouldn't change anything here. */ .royalSlider { width: 500px; height: 450px!important; position: relative; direction: ltr; } .royalSlider > * { float: left; } .rsWebkit3d .rsSlide { -webkit-transform: translateZ(0); } .rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img, .rsFade.rsWebkit3d .rsContainer { -webkit-transform: none; } .rsOverflow { width: 100%; height: 100%; position: relative; overflow: hidden; float: left; -webkit-tap-highlight-color:rgba(0,0,0,0); } .rsVisibleNearbyWrap { width: 100%; height: 100%; position: relative; overflow: hidden; left: 0; top: 0; -webkit-tap-highlight-color:rgba(0,0,0,0); } .rsVisibleNearbyWrap .rsOverflow { position: absolute; left: 0; top: 0; } .rsContainer { position: relative; width: 100%; height: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); } .rsArrow, .rsThumbsArrow { cursor: pointer; } .rsThumb { float: left; position: relative; } .rsArrow, .rsNav, .rsThumbsArrow { opacity: 1; -webkit-transition:opacity 0.3s linear; -moz-transition:opacity 0.3s linear; -o-transition:opacity 0.3s linear; transition:opacity 0.3s linear; } .rsHidden { opacity: 0; visibility: hidden; -webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear; -moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear; -o-transition:visibility 0s linear 0.3s,opacity 0.3s linear; transition:visibility 0s linear 0.3s,opacity 0.3s linear; } .rsGCaption { width: 100%; float: left; text-align: center; } /* Fullscreen options, very important ^^ */ .royalSlider.rsFullscreen { position: fixed !important; height: auto !important; width: auto !important; margin: 0 !important; padding: 0 !important; z-index: 2147483647 !important; top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important; } .royalSlider .rsSlide.rsFakePreloader { opacity: 1 !important; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; display: none; } .rsSlide { position: absolute; left: 0; top: 0; display: block; overflow: hidden; height: 100%; width: 100%; } .royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide { height: auto; } .rsContent { width: 100%; height: 100%; position: relative; } .rsPreloader { position:absolute; z-index: 0; } .rsNav { -moz-user-select: -moz-none; -webkit-user-select: none; user-select: none; position: absolute; bottom: auto; top: -20px; } .rsNavItem { -webkit-tap-highlight-color:rgba(0,0,0,0.25); } .royalSlider .rsThumbsVer { right: auto !important; left: 0 !important; } .royalSlider .rsOverflow { margin-left: 96px !important; /* width of thumbnails container */ } .rsThumbs { cursor: pointer; position: relative; overflow: hidden; float: left; z-index: 22; } .rsTabs { float: left; background: none !important; } .rsTabs, .rsThumbs { -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:rgba(0,0,0,0); } .rsVideoContainer { /*left: 0; top: 0; position: absolute;*/ /*width: 100%; height: 100%; position: absolute; left: 0; top: 0; float: left;*/ width: auto; height: auto; line-height: 0; position: relative; } .rsVideoFrameHolder { position: absolute; left: 0; top: 0; background: #141414; opacity: 0; -webkit-transition: .3s; } .rsVideoFrameHolder.rsVideoActive { opacity: 1; } .rsVideoContainer iframe, .rsVideoContainer video, .rsVideoContainer embed, .rsVideoContainer .rsVideoObj { position: absolute; z-index: 50; left: 0; top: 0; width: 100%; height: 100%; } /* ios controls over video bug, shifting video */ .rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video, .rsVideoContainer.rsIOSVideo embed { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 44px; } .rsABlock { left: 0; top: 0; position: absolute; z-index: 15; } img.rsImg { max-width: none; object-fit: contain; } .grab-cursor { cursor:url(/local/templates/lukoil/css/grab.png) 8 8, move; } .grabbing-cursor{ cursor:url(/local/templates/lukoil/css/grabbing.png) 8 8, move; } .rsNoDrag { cursor: auto; } .rsLink { left:0; top:0; position:absolute; width:100%; height:100%; display:block; z-index: 20; background: url(/local/templates/lukoil/css/blank.gif); } /* End */ /* Start:/local/templates/lukoil/css/rs-unive.css?17483262107849*/ /****************************** * * RoyalSlider Universal Skin * * 1. Arrows * 2. Bullets * 3. Thumbnails * 4. Tabs * 5. Fullscreen button * 6. Play/close video button * 7. Preloader * 8. Caption * * Sprite: 'rs-universal.png' * Feel free to edit anything * If you don't some part - just delete it * ******************************/ /* Background */ .rsUni, .rsUni .rsOverflow, .rsUni .rsSlide, .rsUni .rsVideoFrameHolder, .rsUni .rsThumbs { background: #fff; color: #FFF; } /*************** * * 1. Arrows * ****************/ .rsUni .rsArrow { height: 100%; width: 60px; position: absolute; display: block; cursor: pointer; z-index: 21; } .rsUni.rsVer .rsArrow { width: 100%; height: 60px; } .rsUni.rsVer .rsArrowLeft { top: 0; left: 0; } .rsUni.rsVer .rsArrowRight { bottom: 0; left: 0; } .rsUni.rsHor .rsArrowLeft { left: 0; top: 0; } .rsUni.rsHor .rsArrowRight { right: 0; top:0; } .rsUni .rsArrowIcn { width: 32px; height: 32px; top: 50%; left: 50%; margin-top:-16px; margin-left: -16px; position: absolute; cursor: pointer; background: url('/local/templates/lukoil/css/rs-unive.png'); opacity: 0.5; border-radius: 2px; } .rsUni .rsArrow:hover .rsArrowIcn { opacity: 1; } .rsUni.rsHor .rsArrowLeft .rsArrowIcn { background-position: -64px -32px; } .rsUni.rsHor .rsArrowRight .rsArrowIcn { background-position: -64px -64px; } .rsUni.rsVer .rsArrowLeft .rsArrowIcn { background-position: -96px -32px; } .rsUni.rsVer .rsArrowRight .rsArrowIcn { background-position: -96px -64px; } .rsUni .rsArrowDisabled .rsArrowIcn { opacity: .1 !important; filter: alpha(opacity=20); *display: none; } /*************** * * 2. Bullets * ****************/ .rsUni .rsBullets { position: relative; z-index: 35; padding-top: 4px; width: 100%; height: auto; margin: 0 auto; text-align: center; line-height: 5px; overflow: hidden; } .rsUni .rsBullet { width: 8px; height: 8px; display: inline-block; *display:inline; *zoom:1; padding: 5px; } .rsUni .rsBullet span { display: block; width: 8px; height: 8px; border-radius: 50%; background: #BBB; } .rsUni .rsBullet.rsNavSelected span { background-color: #383838; } /*************** * * 3. Thumbnails * ****************/ .rsUni .rsThumbsHor { width: 100%; height: auto; } .rsUni .rsThumbsVer { width: 96px; height: 100%; position: absolute; top: 0; right: 0; } .rsUni.rsWithThumbsHor .rsThumbsContainer { position: relative; height: 100%; } .rsUni.rsWithThumbsVer .rsThumbsContainer { position: relative; width: 100%; } .rsUni .rsThumb { float: left; overflow: hidden; width: 70px; height: 70px; border: 1px solid #d0d0d0; transition: all ease 0.2s; } .rsUni .rsThumb img { width: 100%; height: 100%; object-fit: cover; } .rsUni .rsThumb.rsNavSelected { border: 1px solid #e5173f; } .rsUni .rsThumb.rsNavSelected .thumbIco { position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-backface-visibility: hidden; } .rsUni .rsTmb { display: block; } /* Thumbnails with text */ .rsUni .rsTmb h5 { font-size: 16px; margin: 0; padding: 0; line-height: 20px; color: #FFF; } .rsUni .rsTmb span { color: #DDD; margin: 0; padding: 0; font-size: 13px; line-height: 18px; } /* Thumbnails arrow icons */ .rsUni .rsThumbsArrow { height: 100%; width: 20px; position: absolute; display: block; cursor: pointer; z-index: 21; } .rsUni .rsThumbsArrow:hover { } .rsUni.rsWithThumbsVer .rsThumbsArrow { width: 100%; height: 20px; } .rsUni.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; } .rsUni.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0; left: 0; } .rsUni.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; } .rsUni.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top:0; } .rsUni .rsThumbsArrowIcn { width: 16px; height: 16px; top: 50%; left: 50%; margin-top:-8px; margin-left: -8px; position: absolute; cursor: pointer; background: url('/local/templates/lukoil/css/rs-unive.png') transparent; } .rsUni.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -128px -32px; } .rsUni.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -128px -48px; } .rsUni.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -144px -32px; } .rsUni.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -144px -48px; } .rsUni .rsThumbsArrowDisabled { display: none !important; } /* Thumbnails resizing on smaller screens */ @media screen and (min-width: 0px) and (max-width: 800px) { .rsUni .rsThumb { width: 59px; height: 44px; } .rsUni .rsThumbsHor { height: 44px; } .rsUni .rsThumbsVer { width: 59px; } } /*************** * * 4. Tabs * ****************/ .rsUni .rsTabs { width: 100%; height: auto; margin: 0 auto; text-align:center; overflow: hidden; padding-top: 12px; position: relative; } .rsUni .rsTab { display: inline-block; cursor: pointer; text-align: center; height: auto; width: auto; color: #333; padding: 5px 13px 6px; min-width: 72px; border: 1px solid #D9D9DD; text-decoration: none; background: #FFF; border-right: none; *display:inline; *zoom:1; *border-right: 1px solid #d9d9d9; } .rsUni .rsTab:first-child { border-top-left-radius: 16px; border-bottom-left-radius: 16px; } .rsUni .rsTab:last-child { border-top-right-radius: 16px; border-bottom-right-radius: 16px; border-right: 1px solid #D9D9DD; } .rsUni .rsTab:active { background-color: #f4f4f4; } .rsUni .rsTab.rsNavSelected { color: #FFF; background: #383838; border-color: #383838; } /*************** * * 5. Fullscreen button * ****************/ .rsUni .rsFullscreenBtn { right: 0; top: 0; width: 44px; height: 44px; z-index: 22; display: block; position: absolute; cursor: pointer; } .rsUni .rsFullscreenIcn { display: block; margin: 6px; width: 32px; height: 32px; background: url('/local/templates/lukoil/css/rs-unive.png') 0 0 transparent; opacity: 0.7; border-radius: 2px; } .rsUni .rsFullscreenBtn:hover .rsFullscreenIcn { opacity: 1; } .rsUni.rsFullscreen .rsFullscreenIcn { background-position: -32px 0; } /*************** * * 6. Play/close video button * ****************/ .rsUni .rsPlayBtn { -webkit-tap-highlight-color:rgba(0,0,0,0.3); width:64px; height:64px; margin-left:-32px; margin-top:-32px; cursor: pointer; } .rsUni .rsPlayBtnIcon { width:64px; display:block; height:64px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s; background:url(/local/templates/lukoil/css/rs-unive.png) no-repeat 0 -32px; background-color: #383838; background-color: rgba(0,0,0,0.75); *background-color: #383838; } .rsUni .rsPlayBtn:hover .rsPlayBtnIcon { background-color: rgba(0,0,0,0.9); } .rsUni .rsBtnCenterer { position:absolute; left:50%; top:50%; width: 20px; height: 20px; } .rsUni .rsCloseVideoBtn { right: 0; top: 0; width: 44px; height: 44px; z-index: 500; position: absolute; cursor: pointer; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); } .rsUni .rsCloseVideoBtn.rsiOSBtn { top: -38px; right: -6px; } .rsUni .rsCloseVideoIcn { margin: 6px; width: 32px; height: 32px; background: url('/local/templates/lukoil/css/rs-unive.png') -64px 0; background-color: #383838; background-color: rgba(0,0,0,0.75); *background-color: #383838; } .rsUni .rsCloseVideoIcn:hover { background-color: rgba(0,0,0,0.9); } /*************** * * 7. Preloader * ****************/ .rsUni .rsPreloader { width:20px; height:20px; background-image:url(/local/templates/lukoil/css/preloade.gif); left:50%; top:50%; margin-left:-10px; margin-top:-10px; } /*************** * * 8. Global caption * ****************/ .rsUni .rsGCaption { position: absolute; float: none; bottom: 6px; left: 6px; text-align: left; background: #222; color: #FFF; padding: 2px 8px; width: auto; font-size: 12px; border-radius: 2px; } /* End */ /* Start:/local/templates/lukoil/css/selectize.css?17483262108589*/ /** * selectize.css (v0.12.4) * Copyright (c) 2013–2015 Brian Reavis & contributors * * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this * file except in compliance with the License. You may obtain a copy of the License at: * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software distributed under * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF * ANY KIND, either express or implied. See the License for the specific language * governing permissions and limitations under the License. * * @author Brian Reavis */ .selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder { visibility: visible !important; background: #f2f2f2 !important; background: rgba(0, 0, 0, 0.06) !important; border: 0 none !important; -webkit-box-shadow: inset 0 0 12px 4px #ffffff; box-shadow: inset 0 0 12px 4px #ffffff; } .selectize-control.plugin-drag_drop .ui-sortable-placeholder::after { content: '!'; visibility: hidden; } .selectize-control.plugin-drag_drop .ui-sortable-helper { -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } .selectize-dropdown-header { position: relative; padding: 5px 8px; border-bottom: 1px solid #d0d0d0; background: #f8f8f8; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .selectize-dropdown-header-close { position: absolute; right: 8px; top: 50%; color: #303030; opacity: 0.4; margin-top: -12px; line-height: 20px; font-size: 20px !important; } .selectize-dropdown-header-close:hover { color: #000000; } .selectize-dropdown.plugin-optgroup_columns .optgroup { border-right: 1px solid #f2f2f2; border-top: 0 none; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child { border-right: 0 none; } .selectize-dropdown.plugin-optgroup_columns .optgroup:before { display: none; } .selectize-dropdown.plugin-optgroup_columns .optgroup-header { border-top: 0 none; } .selectize-control.plugin-remove_button [data-value] { position: relative; padding-right: 24px !important; } .selectize-control.plugin-remove_button [data-value] .remove { z-index: 1; /* fixes ie bug (see #392) */ position: absolute; top: 0; right: 0; bottom: 0; width: 17px; text-align: center; font-weight: bold; font-size: 12px; color: inherit; text-decoration: none; vertical-align: middle; display: inline-block; padding: 2px 0 0 0; border-left: 1px solid #d0d0d0; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .selectize-control.plugin-remove_button [data-value] .remove:hover { background: rgba(0, 0, 0, 0.05); } .selectize-control.plugin-remove_button [data-value].active .remove { border-left-color: #cacaca; } .selectize-control.plugin-remove_button .disabled [data-value] .remove:hover { background: none; } .selectize-control.plugin-remove_button .disabled [data-value] .remove { border-left-color: #ffffff; } .selectize-control.plugin-remove_button .remove-single { position: absolute; right: 28px; top: 6px; font-size: 23px; } .selectize-control { position: relative; } .selectize-dropdown, .selectize-input, .selectize-input input { color: #303030; font-family: inherit; font-size: 13px; line-height: 18px; -webkit-font-smoothing: inherit; } .selectize-input, .selectize-control.single .selectize-input.input-active { background: #ffffff; cursor: text; display: inline-block; } .selectize-input { border: 1px solid #d0d0d0; padding: 8px 8px; display: inline-block; width: 100%; overflow: hidden; position: relative; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .selectize-control.multi .selectize-input.has-items { padding: 6px 8px 3px; } .selectize-input.full { background-color: #ffffff; } .selectize-input.disabled, .selectize-input.disabled * { cursor: default !important; } .selectize-input.focus { -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); } .selectize-input.dropdown-active { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .selectize-input > * { vertical-align: baseline; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } .selectize-control.multi .selectize-input > div { cursor: pointer; margin: 0 3px 3px 0; padding: 2px 6px; background: #f2f2f2; color: #303030; border: 0 solid #d0d0d0; } .selectize-control.multi .selectize-input > div.active { background: #e8e8e8; color: #303030; border: 0 solid #cacaca; } .selectize-control.multi .selectize-input.disabled > div, .selectize-control.multi .selectize-input.disabled > div.active { color: #7d7d7d; background: #ffffff; border: 0 solid #ffffff; } .selectize-input > input { display: inline-block !important; padding: 0 !important; min-height: 0 !important; max-height: none !important; max-width: 100% !important; margin: 0 2px 0 0 !important; text-indent: 0 !important; border: 0 none !important; background: none !important; line-height: inherit !important; -webkit-user-select: auto !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .selectize-input > input::-ms-clear { display: none; } .selectize-input > input:focus { outline: none !important; } .selectize-input::after { content: ' '; display: block; clear: left; } .selectize-input.dropdown-active::before { content: ' '; display: block; position: absolute; background: #f0f0f0; height: 1px; bottom: 0; left: 0; right: 0; } .selectize-dropdown { position: absolute; z-index: 10; border: 1px solid #d0d0d0; background: #ffffff; margin: -1px 0 0 0; border-top: 0 none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .selectize-dropdown [data-selectable] { cursor: pointer; overflow: hidden; } .selectize-dropdown [data-selectable] .highlight { background: rgba(125, 168, 208, 0.2); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header { padding: 5px 8px; } .selectize-dropdown .optgroup:first-child .optgroup-header { border-top: 0 none; } .selectize-dropdown .optgroup-header { color: #303030; background: #ffffff; cursor: default; } .selectize-dropdown .active { background-color: #f5fafd; color: #495c68; } .selectize-dropdown .active.create { color: #495c68; } .selectize-dropdown .create { color: rgba(48, 48, 48, 0.5); } .selectize-dropdown-content { overflow-y: auto; overflow-x: hidden; max-height: 200px; -webkit-overflow-scrolling: touch; } .selectize-control.single .selectize-input, .selectize-control.single .selectize-input input { cursor: pointer; } .selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active input { cursor: text; } .selectize-control.single .selectize-input:after { content: ' '; display: block; position: absolute; top: 50%; right: 15px; margin-top: -3px; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #808080 transparent transparent transparent; } .selectize-control.single .selectize-input.dropdown-active:after { margin-top: -4px; border-width: 0 5px 5px 5px; border-color: transparent transparent #808080 transparent; } .selectize-control.rtl.single .selectize-input:after { left: 15px; right: auto; } .selectize-control.rtl .selectize-input > input { margin: 0 4px 0 -2px !important; } .selectize-control .selectize-input.disabled { opacity: 0.5; background-color: #fafafa; } /* End */ /* Start:/local/templates/lukoil/css/slick.css?17483262101729*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/local/templates/lukoil/css/slick-theme.css?17483262103145*/ @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url('/local/templates/lukoil/css/./ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('/local/templates/lukoil/css/./fonts/slick.eot'); src: url('/local/templates/lukoil/css/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/templates/lukoil/css/./fonts/slick.woff') format('woff'), url('/local/templates/lukoil/css/./fonts/slick.ttf') format('truetype'), url('/local/templates/lukoil/css/./fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /* End */ /* Start:/local/templates/lukoil/assets/fancybox/jquery.fancybox.css?17483262104939*/ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(/local/templates/lukoil/assets/fancybox/fancybox_sprite.png); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url(/local/templates/lukoil/assets/fancybox/fancybox_loading.gif) center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(/local/templates/lukoil/assets/fancybox/blank.gif); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: visible !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(/local/templates/lukoil/assets/fancybox/fancybox_overlay.png); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(/local/templates/lukoil/assets/fancybox/fancybox_sprite@2x.png); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url(/local/templates/lukoil/assets/fancybox/fancybox_loading@2x.gif); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /* End */ /* Start:/local/templates/lukoil/assets/chosen/chosen.css?174832621010870*/ /*! Chosen, a Select Box Enhancer for jQuery and Prototype by Patrick Filler for Harvest, http://getharvest.com Version 1.4.2 Full source at https://github.com/harvesthq/chosen Copyright (c) 2011-2015 Harvest http://getharvest.com MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md This file is generated by `grunt build`, do not edit it by hand. */ /* @group Base */ .chosen-container { position: relative; display: inline-block; vertical-align: middle; font-size: 14px; zoom: 1; *display: inline; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%!important; } .chosen-container * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .chosen-container .chosen-drop { position: absolute; top: 100%; left: -9999px; z-index: 98; width: 100%; border: 1px solid #D9D9D9; border-top: 0; background: #fff; } .chosen-container.chosen-with-drop .chosen-drop { left: 0; } .chosen-container a { cursor: pointer; } .chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name { margin-right: 4px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #7E7E7E; } .chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after { content: ":"; padding-left: 2px; vertical-align: top; } /* @end */ /* @group Single Chosen */ .chosen-container-single .chosen-single { position: relative; display: block; overflow: hidden; padding: 0 0 0 26px; height: 55px; border: 1px solid #D9D9D9; background-color: #fff; color: #242121; text-decoration: none; white-space: nowrap; line-height: 52px; } .chosen-container-single .chosen-single:hover { text-decoration: none; } .chosen-container-single .chosen-default { color: #242121; } .chosen-container-single .chosen-single span { display: block; overflow: hidden; margin-right: 36px; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; } .chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; } .chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; background: url('/local/templates/lukoil/assets/chosen/images/chosen-sprite.png') -42px 1px no-repeat; font-size: 1px; } .chosen-container-single .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px; } .chosen-container-single .chosen-single div { position: absolute; top: 0; right: 15px; display: block; width: 21px; height: 100%; } .chosen-container-single .chosen-single div b { display: block; width: 100%; height: 100%; background: url('/local/templates/lukoil/assets/chosen/images/select-arr.svg') no-repeat 50% 50%; } .chosen-container-single .chosen-search { position: relative; z-index: 1010; margin: 0; padding: 0 13px 6px; white-space: nowrap; } .chosen-container-single .chosen-search input[type="text"] { margin: 1px 0; padding: 10px 13px 10px 13px; width: 100%; height: auto; outline: 0; border: 1px solid #CBCBCB; background: white url('/local/templates/lukoil/assets/chosen/images/chosen-sprite.png') no-repeat 100% -20px; background: url('/local/templates/lukoil/assets/chosen/images/chosen-sprite.png') no-repeat 100% -20px; font-size: 1em; line-height: normal; } .chosen-container-single .chosen-search input[type="text"]:focus { border-color: #242121; } .chosen-container-single .chosen-drop { margin-top: -1px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; -o-background-clip: padding-box; background-clip: padding-box; } .chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; left: -9999px; } /* @end */ /* @group Results */ .chosen-container .chosen-results { color: #242121; position: relative; overflow-x: hidden; overflow-y: auto; margin: 0; padding: 0; max-height: 240px; -webkit-overflow-scrolling: touch; } .chosen-container .chosen-results li { display: none; margin: 0; padding: 20px 27px; list-style: none; line-height: 15px; word-wrap: break-word; -webkit-touch-callout: none; } .chosen-container-multi .chosen-results { margin: 0 3px!important; } .chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; } .chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default; } .chosen-container .chosen-results li.highlighted { background-color: #ECECEC; } .chosen-container .chosen-results li.no-results { color: #777; display: list-item; background: #f4f4f4; } .chosen-container .chosen-results li.group-result { display: list-item; font-size: 12px; margin-top: 10px; cursor: default; } .chosen-container .chosen-results li.group-option { padding-left: 7px; } .chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; } /* @end */ /* @group Multi Chosen */ .chosen-container-multi .chosen-choices { position: relative; overflow: hidden; margin: 0; padding: 0 10px; width: 100%; height: auto !important; height: 1%; border: 1px solid #D9D9D9; background-color: #fff; cursor: text; } .chosen-container-multi .chosen-choices li { float: left; list-style: none; } .chosen-container-multi .chosen-choices li.search-field { margin: 0; padding: 0; white-space: nowrap; } .chosen-container-multi .chosen-choices li.search-field input[type="text"] { margin: 2px 0 1px; padding: 0; height: 25px; outline: 0; border: 0 !important; background: transparent !important; color: #7E7E7E; font-size: 100%; font-family: sans-serif; line-height: normal; } .chosen-container-multi .chosen-choices li.search-choice { position: relative; margin: 4px 11px 4px -6px; padding: 3px 20px 3px 5px; border: 1px solid #D9D9D9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; max-width: 100%; background-color: #fff; -webkit-background-size: 100% 19px; -moz-background-size: 100% 19px; -o-background-size: 100% 19px; background-size: 100% 19px; background-repeat: repeat-x; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; -o-background-clip: padding-box; background-clip: padding-box; color: #7E7E7E; line-height: 13px; cursor: default; } .chosen-container-multi .chosen-choices li.search-choice span { word-wrap: break-word; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { position: absolute; top: 4px; right: 3px; display: block; width: 12px; height: 12px; background: url('/local/templates/lukoil/assets/chosen/images/chosen-sprite.png') -42px 1px no-repeat; font-size: 1px; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; } .chosen-container-multi .chosen-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; color: #666; } .chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4; } .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; } .chosen-container-multi .chosen-results { margin: 0; padding: 0; } .chosen-container-multi .chosen-drop .result-selected { display: list-item; color: #ccc; cursor: default; } /* @end */ /* @group Active */ .chosen-container-active .chosen-single { border: 1px solid #242121; -webkit-transition: border .3s ease; -moz-transition: border .3s ease; -o-transition: border .3s ease; transition: border .3s ease; } .chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #242121; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; } .chosen-container-active.chosen-with-drop .chosen-single div { border-left: none; background: transparent; } .chosen-container-active.chosen-with-drop .chosen-single div b { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .chosen-container-active .chosen-choices { border: 1px solid #D9D9D9; } .chosen-container-active .chosen-drop { border-color: #242121; -webkit-transition: border .3s ease; -moz-transition: border .3s ease; -o-transition: border .3s ease; transition: border .3s ease; } .chosen-container-active .chosen-choices li.search-field input[type="text"] { color: #7E7E7E; } /* @end */ /* @group Disabled Support */ .chosen-disabled { opacity: 0.5 !important; cursor: default; } .chosen-disabled .chosen-single { cursor: default; } .chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; } /* @end */ /* @group Right to Left */ .chosen-rtl { text-align: right; } .chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0; } .chosen-rtl .chosen-single span { margin-right: 0; margin-left: 26px; direction: rtl; } .chosen-rtl .chosen-single-with-deselect span { margin-left: 38px; } .chosen-rtl .chosen-single div { right: auto; left: 3px; } .chosen-rtl .chosen-single abbr { right: auto; left: 26px; } .chosen-rtl .chosen-choices li { float: right; } .chosen-rtl .chosen-choices li.search-field input[type="text"] { direction: rtl; } .chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px; } .chosen-rtl .chosen-choices li.search-choice .search-choice-close { right: auto; left: 4px; } .chosen-rtl.chosen-container-single-nosearch .chosen-search, .chosen-rtl .chosen-drop { left: 9999px; } .chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } .chosen-rtl .chosen-results li.group-option { padding-right: 15px; padding-left: 0; } .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: none; } .chosen-rtl .chosen-search input[type="text"] { padding: 4px 5px 4px 20px; /*background: white url('/local/templates/main/css/../img/chosen-sprite.png') no-repeat -30px -20px;*/ /* background: url('/local/templates/main/css/../img/chosen-sprite.png') no-repeat -30px -20px;*/ direction: rtl; } .chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 2px; } .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 2px; } /* @end */ /* End */ /* Start:/local/components/custom/currency.selector/templates/.default/style.css?17483262051157*/ .currency-selector { padding: 0 15px; border-right: 1px solid #d2d2d2; } .currency-selector > div { display: inline-block; position: relative; height: 100%; } .currency-selector select { display: block; margin: 0; padding: 0 15px 0 0; border: none; height: inherit; cursor: pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center right; background-color: transparent; } .currency-selector select::-ms-expand { display: none; } .currency-selector.bottom-line-navbar { padding: 0; border: none; } .currency-selector.bottom-line-navbar > div { margin: 0 0 0 15px; padding: 0 0 0 15px; border-left: 1px solid #d2d2d2; } .currency-selector.bottom-line-navbar select { padding: 0 0 0 0; background-image: none; } /* End */ /* Start:/local/templates/lukoil/components/bitrix/main.site.selector/.default/style.css?17483262101157*/ .language-selector { padding: 0 15px; border-right: 1px solid #d2d2d2; } .language-selector > div { display: inline-block; position: relative; height: 100%; } .language-selector select { display: block; margin: 0; padding: 0 15px 0 0; border: none; height: inherit; cursor: pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center right; background-color: transparent; } .language-selector select::-ms-expand { display: none; } .language-selector.bottom-line-navbar { padding: 0; border: none; } .language-selector.bottom-line-navbar > div { margin: 0 0 0 15px; padding: 0 0 0 15px; border-left: 1px solid #d2d2d2; } .language-selector.bottom-line-navbar select { padding: 0 0 0 0; background-image: none; } /* End */ /* Start:/local/templates/lukoil/template_styles.css?1748326210158421*/ body { font-weight: normal; font-size: 12.5px; } button, input, optgroup, select, textarea { font-weight: normal; } /* ul { padding: 0; margin: 0; } li { list-style: none; } */ .btn:hover, .btn:active, .btn:focus, .btn:active:focus, input:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; } .btn { -webkit-box-shadow: none; box-shadow: none; border-radius: 0; font-size: 13px; cursor: pointer; } .linear-gradient-navbar { position: absolute; top: 0; left: 0; width: 100%; height: 150%; background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.7) 100%); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.7) 100%); background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.7) 100%); background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.7))); background: linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.7) 100%); } .linear-gradient-navbar-opacity { position: absolute; top: 0; left: 0; width: 100%; height: 150%; /*background: rgba(0, 0, 0, 0.39);*/ background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.39) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.39) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.39) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.39)), color-stop(50%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0))); background: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(0%, rgba(0, 0, 0, 0.39)), color-stop(50%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0))); background: linear-gradient(top, rgba(0, 0, 0, 0.39) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100%); } .full-wrapper { padding: 0 0.625rem; max-width: 1200px; margin-left: auto; margin-right: auto; } .red-text, .red-text:hover { color: #e5173f; padding-right: 10px; } .actions-bottom-navbar { padding-top: 12px; } .btn-login { background: #999999; } a.btn-login { padding-top: 8px; } .btn-login:hover, .btn-login:active, .actions-login-navbar:hover .btn-login { background: #4a4a4a; } .btn-login img { height: 29px; width: 28px; } .actions-search-navbar { float: left; margin-right: 10px; } .basket-block-navbar { display: inline-block; float: right; position: relative; } .actions-login-navbar { height: 100%; display: flex; align-items: center; position: relative; } .profile-link .icon-user-action { background: url(/local/templates/lukoil/images/profile-menu-ic.png) no-repeat; background-size: contain; display: inline-block; height: 17px; width: 17px; } .profile-link:hover .icon-user-action, .profile-link:active .icon-user-action { background: url(/local/templates/lukoil/images/profile-menu-ic-pink.png) no-repeat; background-size: contain; display: inline-block; } .orders-link .icon-user-action { background: url(/local/templates/lukoil/images/orders-menu-ic.png) no-repeat; background-size: contain; display: inline-block; height: 17px; width: 12px; } .orders-link:hover .icon-user-action, .orders-link:active .icon-user-action { background: url(/local/templates/lukoil/images/orders-menu-ic-pink.png) no-repeat; background-size: contain; display: inline-block; } .login-link .icon-user-action { background: url(/local/templates/lukoil/images/login-icon-menu.png) no-repeat; background-size: contain; display: inline-block; height: 16px; width: 16px; } .login-link:hover .icon-user-action, .login-link:active .icon-user-action { background: url(/local/templates/lukoil/images/login-icon-menu-sel.png) no-repeat; background-size: contain; display: inline-block; } .reg-link .icon-user-action { background: url(/local/templates/lukoil/images/reg-icon.png) no-repeat; background-size: contain; display: inline-block; height: 13px; width: 13px; } .reg-link:hover .icon-user-action, .reg-link:active .icon-user-action { background: url(/local/templates/lukoil/images/reg-icon-menu-sel.png) no-repeat; background-size: contain; display: inline-block; } .fav-link .icon-user-action { background: url(/local/templates/lukoil/images/fav-icon-menu.png) no-repeat; background-size: contain; display: inline-block; height: 14px; width: 15px; } .fav-link:hover .icon-user-action, .fav-link:active .icon-user-action { background: url(/local/templates/lukoil/images/fav-icon-menu-sel.png) no-repeat; background-size: contain; display: inline-block; } .compare-link .icon-user-action { background: url(/local/templates/lukoil/images/compare-icon-menu.png) no-repeat; background-size: contain; display: inline-block; height: 15px; width: 17px; } .compare-link:hover .icon-user-action, .compare-link:active .icon-user-action { background: url(/local/templates/lukoil/images/compare-icon-menu-sel.png) no-repeat; background-size: contain; display: inline-block; } .icon-user-action-container { width: 17px; height: 16px; text-align: center; margin-right: 20px; display: inline-block; } .badge-in-menu { background: #f2f2f2; display: inline-block; font-size: 16px; text-align: center; padding: 3px 10px; color: #191714; margin-top: -3px; } .min-basket-container { display: none; position: absolute; top: 95%; right: -15px; z-index: 2; margin-top: 10px; width: 414px; background: #fff; border: 2px solid #e5173f; -webkit-box-sizing: border-box; box-sizing: border-box; } .basket-block-navbar:hover .min-basket-container { display: block; } .min-basket-container:before, .min-basket-container:after { content: ''; position: absolute; top: -9px; right: 30px; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; } .min-basket-container:before { border-bottom: 9px solid #e5173f; } .min-basket-container:after { top: -6px; border-bottom: 9px solid #fff; } .min-basket-inner:before { content: ''; display: block; width: 100%; position: absolute; top: -10px; left: 0; height: 10px; } .min-basket-products { padding: 15px 0 0; max-height: 300px; overflow: auto; } .min-basket-quantity-info { padding: 20px; background-color: #fff; } .btn-go-to-order-min-basket { padding: 20px; display: block; text-align: center; background-color: #e5173f; color: #fff; text-decoration: none; font-size: 20px; } .btn-go-to-order-min-basket:hover, .btn-go-to-order-min-basket:active, .btn-go-to-order-min-basket:focus, .btn-go-to-order-min-basket:active:focus { color: #fff; } .min-basket-quantity-info { font-size: 18px; color: #191714; font-weight: bold; text-align: center; /*font-family: Futura Futuris C Bold;*/ } .product-item-min-basket { margin-bottom: 15px; border-bottom: 1px solid #d1d1d1; padding: 0 20px 10px; } .product-item-min-basket:last-child { margin-bottom: 0; } .product-item-min-basket:after { display: block; clear: both; content: ''; } .product-image-min-basket { float: left; width: 75px; } .product-info-min-basket { float: left; width: 185px; } .product-count-min-basket { padding-top: 10px; float: right; } .product-img { width: 80%; max-height: 72px; -o-object-fit: contain; object-fit: contain; } .product-title-min-basket { text-transform: uppercase; } .product-price-min-basket { padding-top: 10px; font-weight: bold; /*font-family: Futura Futuris C Bold;*/ } .counter-min-basket { width: 90px; display: inline-block; vertical-align: middle; white-space: nowrap; position: relative; } .counter-min-basket-input { width: 100%; height: 30px; padding: 2px 26px; display: inline-block; font-size: 14px; text-align: center !important; color: #191714; border: none; -webkit-appearance: none; appearance: none; -moz-appearance: none; background: #f2f2f2; } .button-count { position: absolute; top: 0px; width: 26px; text-align: center; background: #999999; border: 1px solid transparent; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 30px; line-height: 1; } .ic-minus { height: 2px; width: 10px; } .ic-plus { height: 10px; width: 10px; } .button-min-count { left: 0; padding-top: 7px; } .button-plus-count { right: 0; padding-top: 7px; } .button-count:hover, .button-count:active { background: #e5173f; } /* --------------- home page --------------- */ .slider-home-page { width: 100%; position: relative; height: 20.51vw; min-height: 20.51vw; border-bottom: 2px solid #e5173f; overflow: hidden } @media screen and (max-width: 757px) { .slider-home-page { height: 43.67vw; min-height: 43.67vw; } } .main-page-slider { -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center; } .background-slider-home-page { position: relative; width: 100%; height: auto; } .background-slider-home-page img { width: 100%; } .title-of-slider { color: #fff; line-height: 1.3; text-align: left; text-shadow: 0px 0px 27px black; } .title-of-slider .bold-text { font-size: 53px; font-weight: bold; display: block; } .title-of-slider .normal-text { font-size: 41px; font-weight: bold; } .slider-home-page .slider { height: 50%; } /*.slider-home-page .slide-container {*/ /*background: url('/local/templates/lukoil/images/slide1.png') no-repeat top center;*/ /*background-size: cover;*/ /*}*/ .slider-home-page .bx-wrapper { height: 100%; width: 100%; -webkit-box-shadow: none; box-shadow: none; background: rgba(0, 0, 0, 0); border: none; } .slider-home-page .bx-wrapper .bx-viewport { height: 100% !important; } .slider-home-page .bx-wrapper ul { height: 100% !important; } .slider-home-page .bx-wrapper ul li { text-align: center; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: center; /*padding-top: 70px;*/ } .slider-home-page .bx-wrapper ul li a { position: absolute; width: 100%; height: 100%; } .slider-home-page .bx-wrapper ul li a:hover, .slider-home-page .bx-wrapper ul li a:active, .slider-home-page .bx-wrapper ul li a:active:hover { text-decoration: none; } .slider-home-page .bx-wrapper ul li .content-slider { display: inline-block; margin-left: auto; margin-right: auto; max-width: 1170px; width: 100%; padding: 0 80px; } .slider-home-page .bx-wrapper ul li .content-slider.with-button { padding: 55px 80px 0; } .slider-home-page .pager-home { max-width: 1180px; margin-left: auto; margin-right: auto; padding: 0 15px; } .pager-home .bx-pager-item, .pager-home .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; font-size: 0; line-height: 0; } .slider-home-page .pager-home-container { position: absolute; top: 135px; left: 15px; right: 15px; text-align: left; width: calc(100% - 30px); z-index: 500; } .slider-home-page .pager-home a { background: #fff; height: 13px; width: 13px; position: relative; font-size: 0; line-height: 0; display: block; border-radius: 7px; text-indent: -9999px; margin: 0 5px; } .slider-home-page .pager-home a:hover, .slider-home-page .pager-home a:focus { background: #fff; } .controller-buttons-home-container { position: absolute; width: 100%; top: 50%; transform: translate(0, -50%); z-index: 1; } .controller-buttons-home-block { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .controller-buttons-home { max-width: 1200px; margin-right: auto; margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 10px; } .controller-buttons-home > div { z-index: 500; } .bx-controls.bx-has-pager { width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; text-align: center; height: 20px; position: relative; display: flex; justify-content: center; align-items: center; } .slider-home-page .bx-wrapper .bx-pager { top: -47px; position: relative; width: auto; } @media screen and (max-width: 767px) { .slider-home-page .bx-wrapper .bx-pager { top: -39px; } } .bx-wrapper .bx-pager.bx-default-pager a:nth-child(n) { width: auto; height: auto; background: transparent; padding: 15px; margin: 0; } @media screen and (max-width: 767px) { .bx-wrapper .bx-pager { top: -50px; } } .bx-wrapper .bx-pager.bx-default-pager a:before { content: ''; height: 9px; width: 9px; border-radius: 50%; display: block; } .bx-wrapper .bx-pager.bx-default-pager a:before { background: #ffffff; } .bx-wrapper .bx-pager.bx-default-pager a:hover:before, .bx-wrapper .bx-pager.bx-default-pager a.active:before{ background: #e5173f; } .controller-buttons-home img { width: 36px; height: 65px; cursor: pointer; } .main-content { max-width: 1200px; margin-right: auto; margin-left: auto; padding: 50px 15px; width: 100%; } .main-content:after { display: block; clear: both; content: ''; } .content-block { padding: 0 0 30px 0; } .main-content .content-block { clear: both; } .content-block:last-child { padding: 30px 0; } .title-content-block { font-size: 47px; text-align: left; margin-bottom: 40px; padding: 0 15px; } @media all and (max-width: 610px) { .title-content-block { font-size: 35px; } } @media all and (max-width: 480px) { .title-content-block { font-size: 25px; } } .title-content-block span, .title-content-block a { display: inline-block; vertical-align: middle; } .slide-product { height: 490px; width: 264px; max-width: 100%; margin-left: auto; margin-right: auto; /*border-right: 1px solid #f2f2f2;*/ -webkit-transition: all ease 0.2s; -o-transition: all ease 0.2s; transition: all ease 0.2s; padding: 22px 15px; position: relative; border: 1px solid rgba(159, 159, 159, .28); } .slide-product a { display: block; } .slick-slide { position: relative; } .slick-slide.slick-active + .slick-active:before { display: block; content: ''; background: #f2f2f2; width: 1px; height: 447px; position: absolute; left: 0; top: 0; } .slider-products-home .slick-list { height: 467px; padding-top: 14px; } .slider-products-link { padding: 8px 10px 7px; line-height: 1; color: #292b2c; font-size: 13px; background: #e6e7e9; -webkit-transition: all ease 0.2s; -o-transition: all ease 0.2s; transition: all ease 0.2s; margin-left: 15px; margin-top: 3px; } .slider-products-link .arrow-icon { background: url(/local/templates/lukoil/images/right-prod.png) no-repeat; background-size: contain; display: inline-block; height: 15px; width: 9px; margin-left: 7px; } .slider-products-link:hover, .slider-products-link:active, .slider-products-link:active:focus { background: #e5173f; color: #fff; } .slider-products-link:hover .arrow-icon, .slider-products-link:active .arrow-icon, .slider-products-link:active:focus .arrow-icon { background: url(/local/templates/lukoil/images/right-prod-white.png) no-repeat; background-size: contain; display: inline-block; } .slider-products-link span { display: inline-block; vertical-align: middle; } .slide-product:hover { -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.2); outline: none; /*border-right: 1px solid transparent;*/ } .main-page .slide-product:hover { height: 430px; } .slide-product-image-container { height: 240px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .slide-product-image-container .slide-product-image { max-height: 100%; max-width: 100%; -o-object-fit: cover; object-fit: cover; display: inline-block; vertical-align: bottom; } .slide-product-title { height: 100px; overflow: visible; overflow-y: hidden; font-size: 15px; text-transform: uppercase; white-space: pre-line; line-height: 19px; padding: 25px 2px; color: #292b2c; display: block; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .slide-product-title:hover, .slide-product-title:active, .slide-product-title a { color: #292b2c; } .slide-product-title:focus, .slide-product-title:active:focus { color: #292b2c; } .bottom-product-slide { padding-top: 5px; } /*.bottom-product-slide:after {*/ /*display: block;*/ /*clear: both;*/ /*content: '';*/ /*}*/ .news-slider-container { width: 100vw; margin-left: calc((50vw - 50%) * -1); } .item-new { display: inline-block; width: 300px !important; } .slide-new { position: relative; width: 300px; height: 360px; -webkit-transition: all ease 0.35s; -o-transition: all ease 0.35s; transition: all ease 0.35s; text-align: left; overflow: hidden; } .slide-new:hover { /*width: 600px;*/ z-index: 1; } .text-info-new { width: 300px; height: 100%; /*display: inline-block;*/ position: absolute; top: 0; left: 0; overflow: hidden; display: flex; flex-direction: column; } .text-info-new .text-block { max-height: 300px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .image-new-container { height: 100%; width: 300px; display: inline-block; margin-left: 0; -webkit-transition: margin-left ease 0.35s; -o-transition: margin-left ease 0.35s; transition: margin-left ease 0.35s; } .slide-new.close .image-new-container { margin-left: 0; } .date-block-new { background: rgba(0, 0, 0, .7); position: absolute; top: 0; left: 0; width: 74px; height: 100%; -webkit-transition: all ease 0.35s; -o-transition: all ease 0.35s; transition: all ease 0.35s; border-left: 2px solid #727272; color: #e5173f; font-size: 13px; line-height: 4; padding-top: 95px; padding-left: 12px; } .slide-new:hover .image-new-container { margin-left: 300px; } .slide-new:hover .date-block-new { width: 300px; background: #191714; border-left: 2px solid #e5173f; } .news-date { color: #787679; padding-left: 12px; position: relative; } .news-date span { display: block; padding-bottom: 40px; } .slide-new:hover .news-date { position: absolute; top: 100px; left: 0; color: #e5173f; } .text-slide-new { height: 90px; position: relative; padding: 14px 12px; line-height: 1.2; -webkit-transition: all ease 0.35s; -o-transition: all ease 0.35s; transition: all ease 0.35s; display: flex; flex-direction: column; } .title-slider-new { flex-shrink: 0; color: #fff; font-size: 21px; text-shadow: 0 0 16px black; width: 231px; } .description-slider-new { margin-top: 4px; display: none; color: #fff; font-size: 15px; opacity: 0; padding-top: 10px; width: 210px; padding-right: 10px; /*display: none;*/ height: 0; -webkit-transition: all ease 0.35s; -o-transition: all ease 0.35s; transition: all ease 0.35s; overflow-y: auto; } .slide-new:hover .description-slider-new { position: relative; display: block; opacity: 1; height: 278px; } .slide-new:hover .text-slide-new { padding-left: 60px; height: auto; } .slide-new .circle, .slide-new .close-new { display: none; } .slide-new:hover .circle { position: absolute; top: 15px; right: 12px; width: 30px; height: 30px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; background: #fff; align-items: center; display: flex; cursor: pointer; } .slide-new:hover .close-new { display: block; margin-left: auto; margin-right: auto; } .post-view-link { display: none; } .post-view-full { display: inline-block; margin-top: 5px; cursor: pointer; padding: 6px 0; } .news-slider-container .title-content-block { max-width: 1200px; width: 100%; margin-right: auto; margin-left: auto; text-align: center; position: relative; } .slick-next-news, .slick-prev-news { background: transparent; -webkit-box-shadow: none; box-shadow: none; border: none; display: inline-block; } .slick-next-news { margin-left: 25px; } .slick-prev-news { margin-right: 25px; } .news-slider-container .news-link { font-size: 14px; color: #000; text-decoration: underline; position: absolute; right: 15px; top: 25px; } .slick-next-news .icon-nav-slider-news { background: url(/local/templates/lukoil/images/arr_black_news.png) no-repeat; background-size: contain; display: inline-block; width: 45px; height: 5px; } .news-slider-container .slick-slide.slick-active + .slick-active:before { display: none; } .slick-prev-news .icon-nav-slider-news { background: url(/local/templates/lukoil/images/arr_black_news.png) no-repeat; background-size: contain; display: inline-block; width: 45px; height: 5px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .slick-next-news:hover .icon-nav-slider-news { background: url(/local/templates/lukoil/images/arr_red_news.png) no-repeat; background-size: contain; display: inline-block; } .slick-prev-news:hover .icon-nav-slider-news { background: url(/local/templates/lukoil/images/arr_red_news.png) no-repeat; background-size: contain; display: inline-block; } .news-slider-container .slick-arrow, .news-slider-container .slick-arrow:focus, .news-slider-container .slick-arrow:hover, .news-slider-container .slick-arrow:active, .news-slider-container .slick-arrow:active:focus { background: transparent; cursor: pointer; outline: none; } .post-view-full .arrow-post-view { background: url(/local/templates/lukoil/images/arr_white_news.png) no-repeat; background-size: contain; display: inline-block; width: 45px; height: 5px; margin-top: 10px; } .post-view-link .arrow-post-view { background-size: contain; display: inline-block; width: 45px; height: 5px; /*margin-top: 10px;*/ } .slide-new:hover .arrow-post-view { background: url(/local/templates/lukoil/images/arr_red_news.png) no-repeat; background-size: contain; display: inline-block; } .slide-new:hover .post-view-full { display: none; } .slide-new:hover .post-view-link { display: inline-block; padding: 10px 10px 10px 0; } .arrows-news { position: relative; width: 280px; margin-left: auto; margin-right: auto; } @media (max-width: 600px) { .arrows-news .left-arrow { display: none; } .arrows-news .right-arrow { display: none; } } .arrows-news .left-arrow, .arrows-news .right-arrow { position: absolute; cursor: pointer; } .arrows-news .left-arrow { left: -50px; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); } .arrows-news .right-arrow { right: -50px } .link-to-catalog, .btn-buy-product { float: right; height: 35px; background: #e5173f; color: #fff; font-size: 11px; font-weight: bold; border-radius: 2px; padding: 10px; /*Futura Futuris C Bold*/ } .link-to-catalog:hover, .link-to-catalog:active, .btn-buy-product:hover, .btn-buy-product:active { background: #191714; color: #fff; } .btn-buy-product .btn-buy-product-icon { height: 15px; width: 14px; margin-right: 10px; display: inline-block; margin-top: -2px; } .link-to-catalog { margin: 15px; } .price-product-slide { color: #000; font-size: 18px; font-weight: bold; float: left; padding-top: 3px; /*Futura Futuris C Bold*/ } .price-product-slide .price-first { display: inline-block; font-size: 18px; font-weight: bold; float: left; } .price-product-slide .price-first div { line-height: 18px; } .price-product-slide .price-first div span:nth-child(1) { font-size: 86%; } @media only screen and (max-width: 610px) { .price-product-slide .price-first { text-align: center; } } .price-product-slide.discount .price-first { text-decoration: line-through; margin-right: 5px; font-size: 14px; line-height: 24px; } .bottom-product-slide { display: flex; justify-content: space-between; } .bottom-product-slide__buy_button_wrapper { display: flex; flex-direction: column; justify-content: center; } .price-product-slide.discount.multiple-offers { display: flex; flex-direction: column; } .price-product-slide.discount.multiple-offers .price-first { text-decoration: line-through; margin-right: 4px; margin-bottom: 5px; font-size: 12px; line-height: 10px; } .price-product-slide .price-second { display: inline-block; font-size: 16px; font-weight: bold; float: left; color: #d33445; } .price-product-slide.multiple-offers .price-second { display: inline-block; font-size: 15px; line-height: 16px; } .main-page-slide.price-product-slide.discount .price-first { font-size: 13.5px; line-height: 10px; margin-right: 7px; } .main-page-slide.price-product-slide.discount.multiple-offers .price-first { margin-right: 5px; margin-bottom: 5px; font-size: 13.5px; } .price-first__price_from, .price-second__price_from { font-size: 12px; font-weight: normal; } .main-page-slide.price-product-slide .price-second { font-size: 15px; line-height: 16px; } .statuses-product { position: absolute; top: 20px; left: 20px; } .status-product { display: flex; justify-content: center; align-items: center; height: 25px; width: 51px; border-radius: 2px; color: #fff; text-align: center; padding: 3px 0; margin-top: 8px; font-size: 13px; font-weight: bold; /*Futura Futuris C Bold*/ } .status-product:first-child { margin-top: 0; } .status-new { background: #191714; } .status-hit { background: #e5173f; } .status-new-design { display: flex; justify-content: center; align-items: center; height: 38px; font-size: 9px; background: #e6e6e6; color: #D2233C; } .status-discount-green { background: #009997; } .status-discount-orange { background: #e15634; } .status-discount-red { background: rgb(210, 35, 60); color: rgb(255, 255, 255, 2.2); } .slick-next:before, .slick-prev:before { display: none; } .slick-prev, .slick-next { height: 45px; width: 25px; background: #e6e7e9; -webkit-transition: background ease 0.2s; -o-transition: background ease 0.2s; transition: background ease 0.2s; z-index: 99; } .slick-arrow:focus { background: #e6e7e9; } .slick-arrow:hover, .slick-arrow:active, .slick-arrow:active:focus { background: #e5173f; } .slick-next { padding-left: 2px; right: -18px; } .slick-prev { left: -18px; } .slick-arrow .icon-nav-slider-prod { height: 29px; width: 16px; } .slick-prev .icon-nav-slider-prod { background: url(/local/templates/lukoil/images/left-prod.png) no-repeat; background-size: contain; display: inline-block; } .slick-next .icon-nav-slider-prod { background: url(/local/templates/lukoil/images/right-prod.png) no-repeat; background-size: contain; display: inline-block; } .slick-prev:hover .icon-nav-slider-prod { background: url(/local/templates/lukoil/images/left-prod-white.png) no-repeat; background-size: contain; display: inline-block; } .slick-next:hover .icon-nav-slider-prod { background: url(/local/templates/lukoil/images/right-prod-white.png) no-repeat; background-size: contain; display: inline-block; } .logo-image { height: 57px; width: 57px; } .advantage-container { width: calc((100% - 60px) / 3); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 200px; padding: 30px; float: left; -webkit-transition: all ease 0.2s; -o-transition: all ease 0.2s; transition: all ease 0.2s; } a.advantage-container { text-decoration: none; } .advantage-container:not(:last-child) { margin-right: 30px; } .text-info-advantage { padding-left: 20px; width: calc(100% - 57px); } .title-advantage { white-space: pre-line; /*color: #fff;*/ font-size: 25px; line-height: 1.2; } .subtitle-advantage { /*color: #fff;*/ font-size: 17px; line-height: 1.2; padding-top: 10px; } .oil-advantage .title-advantage, .oil-advantage .subtitle-advantage { color: #000; } .cup-advantage { background: url(/local/templates/lukoil/images/cup.png) no-repeat center; background-size: cover; margin-right: 30px; } .cup-advantage:hover { -webkit-box-shadow: 0 0 12px rgb(25, 23, 20); box-shadow: 0 0 12px rgb(25, 23, 20); } .oil-advantage { background: url(/local/templates/lukoil/images/oil.png) no-repeat center; background-size: cover; margin-right: 30px; } .oil-advantage:hover { -webkit-box-shadow: 0 0 12px rgb(230, 231, 233); box-shadow: 0 0 12px rgb(230, 231, 233); } .rus-advantage { background: url(/local/templates/lukoil/images/rus.png) no-repeat center; background-size: cover; } .rus-advantage:hover { -webkit-box-shadow: 0 0 12px rgb(229, 23, 63); box-shadow: 0 0 12px rgb(229, 23, 63); } .advantages-block:after { display: block; clear: both; content: ''; } /* ------------- footer ------------ */ body, html { position: relative; } html { height: 100%; } body { min-height: 100%; } .page { padding-bottom: 484px; position: relative; } .basket-page, .delivery-type-page { padding-bottom: 100px; } .footer { background: #e6e7e9; position: absolute; bottom: 0; left: 0; width: 100%; } .min-footer .footer-inner { padding: 15px 15px 15px; } .min-footer-logo-container { float: left; } .min-footer-logo { /*width: 40px; width: 206px;*/ height: 50px; } .copyright-min-footer { float: right; font-size: 14px; padding-top: 20px; } .footer-subscribe { border-bottom: 1px solid #c7c7c7; } .footer-subscribe .footer-inner { padding: 7px; } .footer-subscribe span { margin-left: 23px; vertical-align: middle; font-size: 17px; color: #000; font-weight: bold; } .footer-subscribe .input, .footer-subscribe .label { display: inline-block; } .footer-subscribe .label { line-height: 2; } .footer-subscribe .input { float: right; width: 49%; line-height: 2; } .footer-subscribe input { width: 59%; padding: 0 15px; height: 32px; } .footer-subscribe button { margin-left: 10px; /*float: right;*/ width: 138px; height: 31px; font-size: 14px; color: #fff; font-weight: bold; background-color: #e5173f; border: none; cursor: pointer; } .footer-subscribe .email-validate { /*margin-left: 23px;*/ display: none; color: #e5173f; } .footer-inner { padding: 55px 15px 45px; max-width: 1200px; width: 100%; margin-right: auto; margin-left: auto; display: table; } .footer-inner:after { display: block; clear: both; content: ''; } .footer-block { width: 25%; /*float: left;*/ padding: 0 15px; border-right: 1px solid #dfdfe1; display: table-cell; vertical-align: top; } .footer-block:first-child { padding-left: 0; } .footer-block:last-child { padding-right: 0; border-right: none; } .footer-logo-container { height: 125px; display: block; } .logo-footer { height: 125px; width: 102px; } .phones-footer-container { padding-top: 25px; } .phone-footer { margin-top: 5px; display: block; color: #504e4b; font-size: 24px; font-weight: bold; line-height: 1.2; white-space: nowrap; /*Futura Futuris C Bold*/ } .phone-footer:hover, .phone-footer:active, .phone-footer:focus, .phone-footer:active:focus { color: #504e4b; } .copyright { padding-top: 30px; } .title-footer-block { padding-bottom: 30px; color: #42413f; font-size: 16px; font-weight: bold; line-height: 1.2; /*Futura Futuris C Bold*/ } .footer-menu { padding: 0; list-style: none; margin-bottom: 0; } .footer-menu-item { padding-bottom: 10px; display: block; } .footer-menu-item:last-child { padding-bottom: 0; } .footer-menu-item .footer-menu-link { font-size: 16px; color: #71706f; } .footer-menu-item.active-item .footer-menu-link { text-decoration: underline; } .map-footer { width: 100%; text-align: center; } .map-image-footer { width: 100%; } .footer-address { white-space: pre-line; color: #565553; } .footer-email { /*margin-top: 10px;*/ font-size: 15px; color: #292b2c; } .made-in { color: #565553; margin-top: 75px; } .link-made { color: #565553; text-decoration: underline; } .soc-block { background: #cfd0d1; padding: 0 !important; display: inline-block; height: 45px; width: 45px; border-radius: 50%; line-height: 45px; text-align: center; } .soc-line { margin-bottom: 15px; } .link-made:hover, .link-made:active, .link-made:focus, .link-made:active:focus { color: #565553; } .search-footer-container { width: 100%; margin-bottom: 42px; } .search-footer-container .input-group input { background: #dedfe1; height: 34px; -webkit-box-shadow: none; box-shadow: none; border-color: #b5b6b8; color: #42413f; font-size: 12px; } .search-footer-container .input-group::-webkit-input-placeholder { color: #858585; } .search-footer-container .input-group::-moz-placeholder { color: #858585; } .search-footer-container .input-group:-ms-input-placeholder { color: #858585; } .search-footer-container .input-group:-moz-placeholder { color: #858585; } .search-footer-container .input-group input:focus { border-color: #858585; } .search-footer-container .input-group .btn-search { background: #dedfe1; cursor: pointer; height: 34px; width: 36px; padding: 0; -webkit-box-shadow: none; box-shadow: none; border-color: #b5b6b8; } .search-footer-container .input-group input:focus + .input-group-btn .btn-search { border-color: #858585; } .social-container { margin-bottom: 40px; } .social-block { height: 50px; width: 50px; background: #cfd0d1; border-radius: 50%; display: inline-block; float: left; margin-right: 20px; text-align: center; -webkit-transition: all ease 0.2s; -o-transition: all ease 0.2s; transition: all ease 0.2s; } .social-block:last-child { margin-right: 0; } .vk-social img { height: 15px; width: 25px; } .fb-social img { height: 22px; width: 13px; } .ok-social img { height: 24px; width: 14px; } .insta-social img { height: 20px; width: 20px; } .vk-social { padding-top: 15px; } .vk-social:hover { background: #0067b6; } .fb-social { padding-top: 14px; } .fb-social:hover { background: #3b5999; } .ok-social { padding-top: 13px; } .ok-social:hover { background: #F2720C; } .insta-social { padding-top: 15px; } .apple-social img { /*height: 22px;*/ /*width: 13px;*/ } .google-social img { /*height: 22px;*/ /*width: 13px;*/ } .apple-social { padding-top: 13px; } .google-social { padding-left: 2px; padding-top: 14px; } .apple-social:hover { background: #1badf8; } .google-social:hover { background: #689f38; } .insta-social:hover { background: #e4405f; } /* ------------- basket page ------------ */ .steps-basket-container { display: flex; flex-wrap: wrap; } .steps-basket-container:after, .social-container:after { display: block; clear: both; content: ''; } .step-basket { font-size: 24px; color: #191714; background: #ededed; height: 51px; width: 25%; border-right: 1px solid #fff; padding: 9px 11px 9px 17px; display: flex; justify-content: space-between; white-space: nowrap; } .step-basket:last-child { border-right: none; } .step-basket .arrow-step { background: url(/local/templates/lukoil/images/step-arr-dark.png) no-repeat right center; background-size: cover; display: inline-block; width: 22px; height: 7px; margin-top: 15px; } .step-basket.active-step, .step-basket.completed-step { background: #e5173f; color: #fff; } .step-basket.active-step .arrow-step, .step-basket.completed-step .arrow-step { background: url(/local/templates/lukoil/images/step-arr-white.png) no-repeat; background-size: contain; display: inline-block; } .no-padding-page .main-content { padding-left: 0; padding-right: 0; } .no-padding-page { padding: 0 !important; } .table-basket { display: table; width: 100%; margin-top: 55px; } .row-table-basket { display: table-row; width: 100%; } .row-flex-basket { display: flex; width: 100%; } .cell-table-order { padding-right: 0 !important; } .top-row-table-basket { background: #f8f8f8; height: 68px; } .cell-table-basket { display: table-cell; border-bottom: 1px solid #999999; vertical-align: middle; padding: 15px 25px; position: relative; } /* ---------- order-success-page-start ----------- */ .cell-table-success-order { padding: 10px 0; vertical-align: -webkit-baseline-middle; padding-top: 0; } .cell-table-success-order:last-child { padding: 10px 0; vertical-align: -webkit-baseline-middle; padding-top: 0; padding-bottom: 0; } .row-table-basket .cell-table-success-order:first-child { width: 70%; } .cell-table-success, .cell-table-success-product, .cell-table-success, .cell-table-success-order { border-bottom: none; } .cell-table-success-product { padding: 10px 0; vertical-align: -webkit-baseline-middle; padding-top: 0; } .cell-table-success ul { display: flex; flex-direction: column; justify-content: space-between; } .order-product-title { text-transform: uppercase; color: #191714; font-weight: normal; font-size: 17px; } /* .row-table-basket .cell-table-success-product:first-child { width: 70%; } */ .table-success { background-color: #f8f8f8; } .table-order { /* text-transform: uppercase; */ color: #191714; font-weight: normal; font-size: 17px; } .row-table-data { color: #191714; font-weight: normal; font-size: 17px; } .basket-product-qty { display: block; text-align: center; color: #191714; font-weight: normal; font-size: 17px; } .row-table-title { color: #838383; font-size: 17px; } .row-table-title::after { content: ":" } .basket-product-title { color: #191714; font-weight: normal; font-size: 17px; } .row-table-title-bigger { font-weight: normal; font-size: 21px; } .basket-product-bolder, .basket-product-price { color: rgba(25, 23, 20, 255); font-weight: 600; white-space: nowrap; font-size: 19px; } .basket-product-price::after { content: " Р." } .order-product-qty { color: rgba(116, 116, 116, 255); white-space: nowrap; font-size: 17px; } .order-product-qty::after { content: " шт." } .order-delivery-block, .order-detail { margin-top: 25px; padding: 0; } .order-delivery-block .order-fix-width { width: 18% !important; } .basket-page.order .fix-width { width: 20%; } .order-delivery-block .cell-table-basket, .contacts .cell-table-basket { padding: 15px 25px; } .order-detail .cell-table-basket { padding-bottom: 10px; } .order-delivery-block, .contacts { padding: 10px 0; } .order-delivery-block .basket-product-price { float: right; width: 16%; } .basket-page.order .result-count-line * { font-size: 19px; font-weight: bold; } .basket-page.order .result-count-line > div { padding: 0; } .basket-page.order .actions-line { margin-top: 30px; } .basket-page.order .actions-line a { margin-left: 0; width: 270px; } .basket-page.order .basket-result-line { padding-bottom: 0; } /* ---------- order-success-page-end ----------- */ .cell-table-success li { text-transform: uppercase; color: #000; padding-top: 20px; } .cell-table-success li:first-child { padding-top: 0; } .text-align { vertical-align: top; } .row-table-data { color: #000; } .top-row-table-basket .cell-table-basket { color: #4f4f4f; font-size: 19px; font-weight: bold; /*Futura Futuris C Bold*/ padding: 10px 25px; } .cell-sum-product { color: #191714; font-size: 18px; font-weight: bold; /*Futura Futuris C Bold*/ text-align: right; } .label-cell-sum-product { text-align: right; } .cell-table-basket.order-fix-width { width: 20%; padding-left: 20px; } .cell-table-basket.order-fix-width-qty { width: 10%; padding-left: 20px; } .cell-table-basket.fix-width { width: 15%; } .cell-table-basket.fix-width:last-child { text-align: right; } .cell-quantity-product-header { width: 20%; } .product-cell-image { max-width: 200px; width: 80%; max-height: 150px; -o-object-fit: contain; object-fit: contain; } .title-product-basket { display: block; font-size: 15px; text-transform: uppercase; } .title-product-basket a { color: #0a0a0a; } .price-product-basket { display: inline-block; color: #191714; font-size: 18px; font-weight: bold; margin-right: 10px; /*Futura Futuris C Bold*/ } .price-product-basket.old-price { float: left; margin-right: 10px; } .input-count-basket { height: 50px; border: 1px solid #999999; color: #191714; text-align: center; font-size: 15px; width: 100%; } .clear-input { color: #505050; font-size: 19px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 15px; top: 11px; cursor: pointer; font-weight: bold; /*Futura Futuris C Bold*/ } .cell-table-basket .input-group { position: relative; } .basket-result-line:after { display: block; clear: both; content: ''; } .basket-result-line { padding: 40px 0; } .result-count-line { width: 100%; clear: both; text-align: right; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex-wrap: wrap; } .promo-warning-line { float: right; padding: 5px 10px; background-color: #fafafa; } .offer-line { width: 50%; float: right; margin-top: 10px; padding: 5px 10px; background-color: #fafafa; } .actions-line { width: 100%; clear: both; text-align: right; } .result-quantity { color: rgba(60, 60, 60, 255); font-size: 24px; display: inline-block; min-width: 20%; text-align: right; padding: 0 25px; margin-left: auto; } .result-quantity-bold { font-weight: 900; } .result-price { display: inline-block; min-width: 15%; font-weight: bold; /*Futura Futuris C Bold*/ font-size: 24px; text-align: right; padding: 0 0 0 25px; min-width: 200px; white-space: nowrap; } .result-price-red { font-weight: 700; color: #e5173f; } .result-price-red::after { content: " P."; } .result-price-gray { font-weight: 700; color: #7c7c7c; } .result-price-gray::after { content: " P."; } .result-price .old-order-sum { margin-right: 10px; } .actions-line { margin-top: 55px; } .action-basket { height: 70px; color: #fff; font-size: 24px; padding: 19px 15px; } .action-basket:hover, .action-basket:active, .action-basket:focus, .action-basket:active:focus { color: #fff; } .btn-go-back-to-catalog { background: #999999; margin-right: 6px; } .btn-go-back-to-catalog:hover, .btn-go-back-to-catalog:active { background: rgba(0, 0, 0, 0.6); } .btn-go-to-order { border: none; background: #e5173f; margin-left: 90px; } /* ------------ delivery type ------------ */ .image-delivery-city { height: 60px; width: 60px; } .image-delivery-city-container { text-align: center; margin-top: 30px; display: inline-block; } .delivery-city-text { text-align: center; font-size: 19px; font-weight: bold; /*Futura Futuris C Bold*/ color: #4f4f4f; display: inline-block; vertical-align: middle; margin-left: 15px; } .delivery-header { text-align: center; } .city-input-container { text-align: center; margin-top: 20px; } .city-input-container .city-input:not(.dropdown-block), .city-input-container .bx-ui-sls-fake { height: 50px; background: #fff !important; color: #4f4f4f; border: 1px solid #cccccc !important; text-align: left; padding: 15px 20px; border-radius: 0; width: 400px; margin: 0; } .bootstrap-select.show > .dropdown-menu > .dropdown-menu { display: block; } .bootstrap-select > .dropdown-menu > .dropdown-menu li.hidden { display: none; } .bootstrap-select > .dropdown-menu > .dropdown-menu li a { display: block; width: 100%; padding: 3px 20px; clear: both; font-weight: 400; color: #292b2c; text-align: inherit; white-space: nowrap; background: 0 0; border: 0; outline: none !important; } .city-input-container .dropdown-block { padding: 0; border: none; display: inline-block; } .city-input::-webkit-input-placeholder, .city-input-container .bx-ui-sls-fake::-webkit-input-placeholder { color: #b1b1b1; } .city-input::-moz-placeholder, .city-input-container .bx-ui-sls-fake::-moz-placeholder { color: #b1b1b1; } .city-input:-ms-input-placeholder, .city-input-container .bx-ui-sls-fake:-ms-input-placeholder { color: #b1b1b1; } .city-input:-moz-placeholder, .city-input-container .bx-ui-sls-fake:-moz-placeholder { color: #b1b1b1; } .block-select-city { padding-bottom: 40px; display: none; } .ui-menu .ui-menu-item-wrapper { font-size: 14px; padding: 10px 20px; background: #fff !important; color: #000; } .ui-menu .ui-menu-item:hover .ui-menu-item-wrapper, .ui-menu .ui-menu-item-wrapper:hover, .ui-menu .ui-menu-item-wrapper:active, .ui-menu .ui-menu-item-wrapper:focus, .ui-menu .ui-menu-item-wrapper:active:focus { background: #e5173f !important; border: 1px solid #e5173f !important; color: #fff; } .ui-widget.ui-widget-content { border: 1px solid #cccccc; max-width: 400px; } .ui-menu .ui-menu-item-wrapper { white-space: normal; } .block-select-delivery-type { /*display: none;*/ margin-top: 20px; } .delivery-block-info { font-size: 17px; } .active-block { display: block; } .label-block { text-align: left; width: 25%; float: left; font-size: 19px; font-weight: bold; /*Futura Futuris C Bold*/ padding: 10px 25px; color: #4f4f4f; } .city-block { width: unset; font-family: inherit; padding-right: 10px; } .city-edit { float: left; /*width: 15px*/; height: 15px; /*background: url(/local/templates/lukoil/images/city-edit.png) center no-repeat;*/ background-size:contain; position: relative; top: 16px; cursor: pointer; color: red; font-size: 14px; text-decoration: underline; } .city-select-row-del-type { border-bottom: 1px solid #999; padding-bottom: 40px; } .city-select-row-del-type:after { display: block; clear: both; content: ''; } .select-row-del-type { display: flex; background: #f8f8f8; padding: 10px 0; margin-top: 10px; clear: both; } body .content-area--header-fixed { padding-bottom: 80px; } @media only screen and (max-width: 992px) { .select-row-del-type { flex-direction: column; padding-left: 25px; padding-right: 25px; padding-bottom: 20px; } body .select-row-del-type .label-block { padding-left: 0; padding-right: 0; } body .select-row-del-type .courier__item { padding-left: 0; } .select-row-del-type .label-block { display: block; float: none; padding: 10px 15px; width: 100%; } } @media only screen and (max-width: 768px) { .select-row-del-type { padding-left: 10px; padding-right: 10px; padding-bottom: 20px; } } .select-row-del-type:after, .delivery-type-bottom-line:after { display: block; clear: both; content: ''; } .select-row-del-type .input-delivery-block { padding: 13px 0 10px; float: left; } @media only screen and (max-width: 992px) { body .select-row-del-type .input-delivery-block { padding: 0; width: 100%; } .select-row-del-type .block_info__courier { padding: 10px 0; } } .price-delivery-col { margin-left: auto; text-align: right; flex-shrink: 15; padding: 15px 15px 5px 20px; } @media only screen and (max-width: 992px) { .price-delivery-col { margin-left: 0; text-align: left; padding: 0; } .price-delivery-type span { display: block; margin-bottom: 10px } .price-delivery-type:first-child span { margin-top: 20px; } .price-delivery-type:last-child span { margin-bottom: 15px; } } .price-delivery-type { font-size: 13px; font-weight: bold; color: #4f4f4f; } .price-delivery-type span:empty { display: none; } .price-delivery-type:not(:last-child) { margin-bottom: 15px; } @media only screen and (max-width: 992px) { .price-delivery-type:not(:last-child) { margin-bottom: 0; } } .select-row-del-type.no-margin { margin-top: 0; border-top: 1px solid #d8d8d8; } .address-input { margin-top: 15px; } .address-input.btn-group { width: 400px !important; } .bootstrap-select .dropdown-toggle:focus { outline: none !important; } .address-input .dropdown-toggle { width: 400px; height: 50px; border: 1px solid #cccccc; text-align: left; padding: 15px 20px; color: #4f4f4f; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; background: #fff !important; } @media screen and (max-width: 576px) { .select-row-del-type .address-input .dropdown-toggle { width: 100%; max-width: 100%; } .select-row-del-type .address-input { width: 100% !important; } .select-row-del-type .bootstrap-select > select { left: auto; } } .bootstrap-select > .dropdown-menu > .dropdown-menu li a { padding: 10px 10px; color: #292b2c; white-space: nowrap; font-weight: normal; display: block; } .bootstrap-select > .dropdown-menu > .dropdown-menu li a:hover, .bootstrap-select > .dropdown-menu > .dropdown-menu li a:active, .bootstrap-select > .dropdown-menu > .dropdown-menu li a:active:focus { background-color: #e5173f; color: #fff; border-radius: 0; } .bootstrap-select > .dropdown-menu { border-radius: 0; padding: 0; } .bootstrap-select.btn-group .dropdown-menu { margin-top: 0; } .bootstrap-select.btn-group .dropdown-menu { max-height: 356px !important; } .address-input .dropdown-toggle::after { border: solid #6d6a6b; border-width: 0 2px 2px 0; display: inline-block; padding: 2px; -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-top: -5px; margin-left: 0.3em; position: absolute; top: 25px; right: 15px; -webkit-transition: -webkit-transform ease 0.3s; transition: -webkit-transform ease 0.3s; -o-transition: transform ease 0.3s; transition: transform ease 0.3s, -webkit-transform ease 0.3s; } .show.address-input .dropdown-toggle::after { -ms-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } .address-input .dropdown-menu { max-width: 100%; } .bootstrap-select.btn-group .dropdown-menu li a span.text { white-space: normal; } .selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header { padding: 12px 5px 12px 15px; border: 1px solid #b6b6b6; border-top: 0; -webkit-transition: all 0.15s ease-in; -o-transition: all 0.15s ease-in; transition: all 0.15s ease-in; font-size: 14px; color: #000; } .selectize-dropdown .active { background: #e5173f; color: #fff; border-color: #e5173f; } .selectize-dropdown { -webkit-box-shadow: none; box-shadow: none; border: none; margin-top: 0; } .delivery-type-checked { font-size: 24px; color: #191714; padding-top: 30px; float: left; } .result-delivery-price { font-size: 19px; line-height: 1.95em; font-weight: bold; /*Futura Futuris C Bold*/ color: #4f4f4f; display: inline-block; padding-left: 30px; padding-right: 30px; } .check-delivery-container { padding-top: 30px; display: flex; flex-wrap: wrap; } .button-add-address { background: #fff; color: #e5173f; border: 1px solid #e5173f; -webkit-box-shadow: none; box-shadow: none; font-size: 14px; padding: 6px 12px; line-height: 1; outline: none !important; cursor: pointer; margin-left: 30px; margin-top: 10px; } .button-add-address .plus-icon { display: inline-block; vertical-align: middle; font-size: 20px; margin-right: 5px; } .button-add-address:hover, .button-add-address:active, .button-add-address:active:focus { background: #e5173f; color: #fff; } .form-add-address { margin-top: 20px; /*display: none;*/ } .form-add-address.show-form { display: block; } .save-new-address { background: #e5173f; color: #fff; border: 1px solid #e5173f; -webkit-box-shadow: none; box-shadow: none; font-size: 16px; padding: 10px 12px; line-height: 1; outline: none !important; cursor: pointer; width: calc(50% - 10px); } .select-address .radio { padding-left: 30px; } .select-address .radio input[type=radio]:checked ~ .check { background: #e5173f; } /* ------------ radio ----------- */ .radio label { cursor: pointer; padding-left: 25px; position: relative; font-size: 19px; color: #4f4f4f; margin: 0; } .form-group.is-focused .radio label { color: #4f4f4f; font-size: 19px; } .form-group.is-focused .radio label:hover, .form-group.is-focused .radio label:focus { color: #4f4f4f; } .form-group .error { color: #e5173f; } fieldset[disabled] .form-group.is-focused .radio label { color: #4f4f4f; } .radio label span:not([class*='js-']) { display: block; position: absolute; left: 0; top: 2px; -webkit-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; } .radio label .circle { border: 1px solid #a3a3a3; background: #fff; height: 20px; width: 20px; border-radius: 100%; } .radio label .check { height: 20px; width: 20px; border-radius: 100%; background-color: #4f4f4f; -webkit-transform: scale3d(0, 0, 0); transform: scale3d(0, 0, 0); } .radio input[type=radio] { opacity: 0; height: 0; width: 0; overflow: hidden; } .radio input[type=radio]:checked ~ .check, .radio input[type=radio]:checked ~ .circle { opacity: 1; } .radio input[type=radio]:checked ~ .check { background-color: #4f4f4f; } .radio input[type=radio]:checked ~ .circle { border-color: #a3a3a3; } .radio input[type=radio]:checked ~ .check { -webkit-transform: scale3d(0.5, 0.5, 1); transform: scale3d(0.5, 0.5, 1); } .radio input[type=radio][disabled] ~ .check, .radio input[type=radio][disabled] ~ .circle { opacity: 0.26; } .radio input[type=radio][disabled] ~ .check { background-color: #000000; } .radio input[type=radio][disabled] ~ .circle { border-color: #000000; } /* ------------- payment --------------- */ .payment-select-row { padding: 5px 0; margin-top: 5px; } .payment-select-row .label-block { padding: 10px 25px 0 0; } .payment-select-row:after, .content-login-basket:after, .form-group:after { display: block; clear: both; content: ''; } .form-group--auth:after { content: none; } .payment-select-row .input-delivery-block { padding: 13px 0 0; float: left; } .input-delivery-block { text-align: left; } /* ------------ login basket ---------- */ .content-login-block { float: left; width: 50%; } .content-login-basket { margin-top: 25px; padding-bottom: 20px; } .image-login-block-container { text-align: center; display: inline-block; } .image-login-block { height: 60px; width: 60px; } .title-login-block { text-align: center; font-size: 19px; font-weight: bold; /*Futura Futuris C Bold*/ color: #4f4f4f; display: inline-block; vertical-align: middle; margin-left: 15px; } .header-login-block:after { display: inline-block; clear: both; content: ''; } .header-login-block { text-align: center; } .registration-block { border-left: 1px solid #b0b0b0; padding-bottom: 10px; } .fancy_login { position: relative; padding: 0px 40px 40px; width: 500px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fancybox-inner { height: auto !important; } .form-login-basket { max-width: 400px; width: 100%; margin-left: auto; margin-right: auto; margin-top: 20px; } .form-login-basket .form-control { height: 50px; border: 1px solid #cccccc; font-size: 15px; padding: 0 20px; } .form-login-basket .form-control::-webkit-input-placeholder { color: #b1b1b1; } .form-login-basket .form-control::-moz-placeholder { color: #b1b1b1; } .form-login-basket .form-control:-ms-input-placeholder { color: #b1b1b1; } .form-login-basket .form-control:-moz-placeholder { color: #b1b1b1; } .btn-login-basket { width: 100%; background: #e5173f; color: #fff; font-size: 18px; height: 50px; padding: 15px; } .btn-login-basket:hover, .btn-login-basket:active, .btn-login-basket:focus, .btn-login-basket:active:focus { color: #fff; text-decoration: none; } .restore-pass-link { display: inline-block; border-bottom: 1px dotted #e5173f; font-size: 17px; margin-top: 20px; color: #e5173f; line-height: 1.1; } .restore-pass-link:hover, .restore-pass-link:active, .restore-pass-link:focus, .restore-pass-link:active:focus { color: #e5173f; text-decoration: none; } .form-group .form-control-half { width: calc(50% - 10px); float: left; } .form-group .form-control-half:first-child { margin-right: 20px; } /* ------------- catalog ------------ */ .text-count-positions { font-size: 13px; color: #151515; white-space: nowrap; } .show-positions { background: #e5173f; text-decoration: none; text-transform: lowercase; color: #fff; font-size: 15px; height: 21px; padding: 0px 6px; width: 100%; } .category-select .btn-group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .category-select .btn-category-select { text-align: left; padding: 13px 20px 8px; font-size: 16px; line-height: 1; background: #EBEBEA; margin-bottom: 5px; color: #292b2c; } .btn-category-select:hover, .btn-category-select:active, .btn-category-select:active:focus, .btn-category-select.active { background: #e5173f; color: #fff; } .popover { border-radius: 0; border: 1px solid rgba(47, 47, 47, 0.21); /*left: 10px!important;*/ /*top: -10px!important;*/ } .popover::after { border-width: 7px; } .popover.popover-right::after, .popover.bs-tether-element-attached-left::after { left: -7px; margin-top: -6px; } .popover::before { border-width: 7px; } .popover.popover-right::before, .popover.bs-tether-element-attached-left::before { left: -8px; margin-top: -6px; } .popover-content { padding: 9px; } .popover-filter { /*display: none;*/ } .basket-container-modal { text-align: center; } .image-basket-modal { width: 50px; height: 52px; } .text-added-basket { font-size: 27px; text-align: center; margin-top: 20px; } .modal-added-basket .modal-content { border-radius: 0; border: none; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.39); box-shadow: 0 0 5px rgba(0, 0, 0, 0.39); height: 180px; } .modal-added-basket .modal-dialog { width: 370px; margin-top: calc(50vh - 180px); } .close-modal-container { text-align: right; } .close-modal-button { background: none; border: none; outline: none !important; cursor: pointer; } .close-modal-icon { width: 10px; height: 10px; } .breadcrumb { background: #fff; border-radius: 0; padding: 0; } .breadcrumb-item + .breadcrumb-item::before { color: #4f4f4f; content: ">"; } .breadcrumb-item a { color: #4f4f4f; text-decoration: underline; } .breadcrumb-item.active { color: #4f4f4f; } .with-breadcrumb .main-content { padding-top: 20px; } .catalog-content:after, .labels-price:after, .filter-block:after, .products-catalog-container:after, .paginator:after { display: block; clear: both; content: ''; } .filter-container { width: 270px; float: left; background: #fff; } .category-select { margin-bottom: 20px; } .catalog-container .breadcrumb { width: 100%; border-bottom: 1px solid #dddddd; padding-bottom: 15px; } .catalog-container { margin-left: 300px; display: flex; align-items: flex-start; align-content: flex-start; flex-wrap: wrap; } .sort-container { background: #ebebeb; padding: 8px 10px; margin-bottom: 20px; width: 100%; } .sort-container .title-sort { display: inline-block; vertical-align: top; } .sort-container .sort-item { display: inline-block; vertical-align: top; padding: 0 15px; border-right: 1px dotted #9f9f9f; } .sort-container .sort-item:last-child { border-right: none; } .sort-container .sort-item .label-sort { display: inline-block; vertical-align: middle; margin-right: 5px; } .sort-container .sort-item.active .label-sort { color: #e5173f; } .sort-container .sort-item .arrows-sort { display: inline-block; vertical-align: middle; } .sort-container .sort-item .arrows-sort .btn-sort { display: block; background: transparent; -webkit-box-shadow: none; box-shadow: none; border: none; padding: 0; height: auto; width: auto; } .sort-container .sort-item .arrows-sort .btn-sort-asc { width: 0; height: 0; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent #a1a1a1 transparent; margin-bottom: 6px; } .sort-container .sort-item .arrows-sort .btn-sort-desc { width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #a1a1a1 transparent transparent transparent; } .sort-container .sort-item.active .arrows-sort .btn-sort-asc:not(.active) { border-color: transparent transparent rgba(229, 23, 63, 0.5) transparent; } .sort-container .sort-item.active .arrows-sort .btn-sort-desc:not(.active) { border-color: rgba(229, 23, 63, 0.5) transparent transparent transparent; } .sort-container .sort-item.active .arrows-sort .btn-sort-asc.active { border-color: transparent transparent #e5173f transparent; } .sort-container .sort-item.active .arrows-sort .btn-sort-desc.active { border-color: #e5173f transparent transparent transparent; } .sort-container .sort-item .arrows-sort .btn-sort-asc:hover { border-color: transparent transparent #e5173f transparent; } .sort-container .sort-item .arrows-sort .btn-sort-desc:hover { border-color: #e5173f transparent transparent transparent; } .sort-container .sort-item:hover .label-sort { color: #e5173f; } .catalog-container .title-of-page { width: 100%; margin-bottom: 15px; display: flex; } .title-filter-block { font-size: 14px; padding-bottom: 10px; } .select-filter-block { padding-top: 10px; } .filter-block { position: relative; padding: 20px; border-bottom: 1px solid #c8c8c8; background: #ebebeb; } .filter-block:last-child { border-bottom: none; } .filter-by-price-container { padding-bottom: 20px; } .inputs-filter-by-price-container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; padding: 0 0 20px; } .divider-price-inputs { display: inline-block; padding: 7px 11px 0; height: 25px; color: #151515; line-height: 1; } .form-group-filter-price { -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; width: 100px; max-width: 48%; } .form-group-filter-price:last-child { margin-right: 0; } .form-group-filter-price span { color: #000; position: absolute; left: 10px; top: 3px; font-size: 12px; } .input-price { background: #fff; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; text-align: left; border: 1px solid #999; width: 100%; color: #383838; padding: 0 10px; font-size: 12px; height: 30px; } .input-price:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; } .input-price::-webkit-input-placeholder { color: #929292; } .input-price::-moz-placeholder { color: #929292; } .input-price:-ms-input-placeholder { color: #929292; } .input-price:-moz-placeholder { color: #929292; } .labels-price span { display: inline-block; color: #383838; font-size: 11px; font-weight: bold; /*Futura Futuris C Bold*/ } .start-price { float: left; } .end-price { float: right; } .slider.slider-horizontal .slider-track { background: #b3b3b3; border-radius: 0; height: 10px; } .slider.slider-horizontal .slider-track-low, .slider.slider-horizontal .slider-track-high { background: #383838; height: 2px; top: 4px; border-radius: 0; } .slider.slider-horizontal .slider-selection { background: #e5173f; height: 4px; top: 3px; border-radius: 0; } .slider.slider-horizontal .min-slider-handle { margin-left: -6px; } .slider.slider-horizontal .max-slider-handle { margin-left: -9px; } .slider-handle.custom { background: transparent none; top: 6px; -webkit-box-shadow: none; box-shadow: none; height: 35px; width: 15px; } .slider-handle.custom::before { line-height: 20px; content: url(/local/templates/lukoil/images/slider.png); } .slider.slider-horizontal { width: 100%; } .btn-filter { width: calc(50% - 10px); float: left; font-size: 14px; } .btn-filter-show { margin-right: 20px; color: #fff; background: #e5173f; } .title-of-page { padding-top: 0; margin-bottom: 25px; font-size: 44px; line-height: 1; color: #151515; } .title-of-page--basket { margin: 30px 0; } @media screen and (max-width: 1024px) { .title-of-page--basket { margin: 30px 0 20px; } } @media screen and (max-width: 768px) { .title-of-page--basket { margin: 20px 0; } } .description-catalog { line-height: 1.2; font-size: 15px; color: #151515; } .products-catalog-container { margin: 20px -15px 0; width: calc(100% + 15px); } .product-catalog { display: inline-block; float: left; /*margin-right: 17px;*/ margin-top: 30px; padding: 0 15px; position: relative; } .product-catalog:nth-child(3n+2):before, .product-catalog:nth-child(3n+3):before { display: block; content: ''; background: #f2f2f2; width: 1px; height: 100%; position: absolute; left: 0; top: 0; } .icon-back-page { height: 13px; width: 7px; } .icon-next-page { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); height: 13px; width: 7px; } .page-link { border: none; font-size: 15px; color: #333333; line-height: 1; border-radius: 2px; margin: 0 5px; padding: 8px; } .page-item.active .page-link, .page-link:hover, .page-link:active, .page-link:focus, .page-link:active:focus { background: #e5173f; color: #fff; } .nav-button a, .nav-button a:hover, .nav-button a:active, .nav-button a:focus, .nav-button a:active:focus { border: none; border-radius: 0; background: #fff; } .pagination { float: right; } .paginator { margin-top: 50px; } /* ---------- checkbox ---------- */ .checkbox label { cursor: pointer; padding-left: 0; color: #151515; font-size: 15px; } .form-group.is-focused .checkbox label { color: #151515; } .form-group.is-focused .checkbox label:hover, .form-group.is-focused .checkbox label:focus { color: #151515; } fieldset[disabled] .form-group.is-focused .checkbox label { color: rgba(0, 0, 0, 0.26); } .checkbox input[type=checkbox] { opacity: 0; position: absolute; margin: 0; z-index: -1; width: 0; height: 0; overflow: hidden; left: 0; pointer-events: none; } .checkbox .checkbox-material { vertical-align: middle; position: relative; top: 2px; padding-right: 5px; } .checkbox .checkbox-material .check { position: relative; display: inline-block; width: 16px; height: 16px; border: 1px solid #999999; overflow: hidden; z-index: 1; border-radius: 0; background: #fff; } .checkbox .checkbox-material .check:before { position: absolute; content: url(/local/templates/lukoil/images/checkbox.png); display: block; margin-top: -4px; margin-left: 1.5px; width: 11px; height: 9px; visibility: hidden; } .checkbox input[type=checkbox]:focus + .checkbox-material .check:after { opacity: 0.2; } .checkbox input[type=checkbox]:checked + .checkbox-material .check { background: #e5173f; border-color: #e5173f; } .checkbox input[type=checkbox]:checked + .checkbox-material .check:before { visibility: visible; } fieldset[disabled] .checkbox, fieldset[disabled] .checkbox input[type=checkbox], .checkbox input[type=checkbox][disabled] ~ .checkbox-material .check, .checkbox input[type=checkbox][disabled] + .circle { opacity: 0.5; } .checkbox input[type=checkbox][disabled] ~ .checkbox-material .check { border-color: #000000; opacity: .26; } .checkbox input[type=checkbox][disabled] + .checkbox-material .check:after { background-color: rgba(0, 0, 0, 0.87); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* ------------- product card ------------ */ .main-info-product:after { display: block; clear: both; content: ''; } .images-container-product { width: 500px; float: left; padding-bottom: 20px; } .slick-vertical .slick-slide { height: 70px; width: 70px; overflow: hidden; margin-bottom: 10px; } .thumbnails-product-card .slick-slide.slick-active + .slick-active:before { display: none; } .slick-vertical .slick-slide img { /*height: 70px;*/ /*width: 70px;*/ -o-object-fit: cover; object-fit: cover; width: auto; height: 100%; margin: 0 auto; } .active-image-container { margin-left: 100px; width: 400px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; height: 420px; } .active-image-container > div { width: 400px; max-width: 100%; max-height: 100%; } .active-image-container > div .image-container { height: 100%; flex: 4; } .active-image-container .statuses-product { position: static; display: flex; flex-direction: column; height: 100%; flex: 1; } .active-image-container .status-product { width: 95px; font-weight: 900; font-family: sans-serif; font-size: 12px; } .active-image-container .status-product.status-new-design { height: 70px; } .thumbs-statuses > .product-statuses { margin-bottom: 10px } .thumbs-statuses > .product-statuses > .status-product { height: 70px; width: 70px; font-size: 11px; } .thumbnails-product-card .slick-current { border: 1px solid #e5173f; } .active-image-container .slick-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 420px; } .slick-vertical.slick-slider { float: left; display: inline-block; width: 70px; margin-right: 30px; } .picker-images-product-view { display: flex; } .picker-images-product-view { position: relative; } .picker-images-product-view:after { clear: both; content: ''; display: block; } .info-product { margin-left: 500px; padding-left: 30px; } .product-card-content { display: flex; flex-direction: column; } .product-card-content .description-product-card { display: flex; flex-direction: row; } .product-card-content .slick-list { padding-top: 0; } .product-card-content .prev-arrow { background: url(/local/templates/lukoil/images/left-prod.png) no-repeat; background-size: contain; display: inline-block; height: 22px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); position: absolute; top: 0; left: 29px; z-index: 800; } .product-card-content .next-arrow { background: url(/local/templates/lukoil/images/left-prod.png) no-repeat; background-size: contain; display: inline-block; height: 22px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; bottom: 0; left: 29px; z-index: 800; } .block-info-product { padding: 25px 0; border-bottom: 1px solid #e1e1e1; } .block-info-product__inner-wrapper { display: flex; align-items: flex-end; justify-content: space-between; max-width: 500px; } .block-info-product:last-child { border-bottom: none; } .block-info-product:first-child { /*padding-top: 0;*/ border-top: 1px solid #e1e1e1; } .product-card-page .title-of-page { border-top: 1px solid #e1e1e1; padding-top: 20px; } .btn-action-product { background: #ebebeb; color: #e5173f; font-size: 16px; height: 36px; /*float: left;*/ padding-top: 6px; } .not-available-wrapper { margin: 0 0 0 auto; } .not-available-wrapper__link { font-size: 14px; color: #ffffff; border-radius: 2px; border: solid 1px #f01b44; background-color: #d31937; padding: 5px 15px; cursor: pointer; transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out; } .not-available-wrapper__link:hover { background: #191714; border-color: #191714; } .help-block.error { color: red; } .btn-action-product:not(.active-button):hover, .btn-action-product:not(.active-button):active { background: #e5173f; color: #fff; } .btn-action-product.active-button { background: #999999; color: #fff; } .btn-action-product span { display: inline-block; vertical-align: middle; } .btn-action-product-compare { margin-right: 15px; } .btn-action-product-compare .icon-button { background: url(/local/templates/lukoil/images/compare-icon-menu-sel.png) no-repeat; background-size: contain; display: inline-block; width: 17px; height: 15px; display: inline-block; margin-right: 10px; vertical-align: middle; } .btn-action-product-compare:hover .icon-button, .btn-action-product-compare:active .icon-button, .btn-action-product-compare.active-button .icon-button { background: url(/local/templates/lukoil/images/compare-icon-white.png) no-repeat; background-size: contain; display: inline-block; } .btn-action-product-fav .icon-button { background: url(/local/templates/lukoil/images/fav-icon-menu-sel.png) no-repeat; background-size: contain; display: inline-block; width: 15px; height: 14px; display: inline-block; margin-right: 10px; vertical-align: middle; } .btn-action-product-fav:hover .icon-button, .btn-action-product-fav:active .icon-button, .btn-action-product-fav.active-button .icon-button { background: url(/local/templates/lukoil/images/fav-icon-white.png) no-repeat; background-size: contain; display: inline-block; } .old-price-product-card { font-size: 30px; font-weight: bold; color: #151515; display: inline-block; line-height: 69px; float: left; margin-right: 25px; text-decoration: line-through; } .price-product-card { font-size: 43px; font-weight: bold; color: #151515; display: inline-block; line-height: 69px; float: left; margin-right: 28px; } .not-available-product-card, .not-available-subscription { float: none; font-weight: normal; } .price-product-card.discount-price { color: #d33445; } .buy-product-card-button { height: 69px; color: #fff; font-size: 25px; background: #e5173f; padding: 10px 65px; transition: color 0.2s ease-in-out; display: inline-flex; justify-content: center; align-items: center; } .buy-product-card-button:hover { background: #191714; color: #fff; } .volume-block-title { font-size: 15px; } .radio-button { display: inline-block; margin-right: 5px; } .radio-button label { padding: 5px 10px; margin: 0; font-size: 15px; text-align: center; } .radio-button .label-radio { padding: 5px 10px; border-radius: 2px; border: 1px solid #d7d7d7; background: #fff; color: #000000; font-size: 15px; display: block; white-space: nowrap; top: 0; left: 0; bottom: 0; right: 0; text-align: center; } body .volume-block .label-radio:nth-child(n) { /* nth-child(n) --> увеличили вес селектора */ padding: 2px; display: flex; justify-content: center; align-items: center; } .radio-button .label-radio.not-available { background-color: #e6e6e6; color: #bbbaba; } .radio-button input:checked ~ .label-radio { background: #e5173f; color: #fff; border: 1px solid #e5173f; } .variants-volume { /*margin-top: 10px;*/ font-size: 15px; } .props-list, .description-list { font-size: 15px; color: #151515; padding-left: 15px; margin: 0; } .description-product-card { clear: both; padding-bottom: 20px; } .title-description-product-card { font-size: 31px; padding-left: 0; padding-right: 30px; /*width: 180px;*/ float: left; line-height: 1; } .text-description-product-card { font-size: 15px; color: #151515; /*margin-left: 180px;*/ padding-top: 6px; } .text-description-product-card p { padding: 0; margin: 0; } /* ----------------- news page ----------------- */ .menu-on-page { width: 270px; float: left; z-index: 800; } .menu-on-page h1 { font-size: inherit; margin: 0; font-weight: normal; } .menu-on-page .nav-link { background: #ebebeb; font-size: 16px; color: #151515; padding: 16px 20px 14px; line-height: 1; } .menu-on-page .nav-link { border-bottom: 1px solid #c8c8c8; } .menu-on-page .nav-item:last-child .nav-link { border-bottom: none; } .menu-on-page .nav-link:focus { color: #151515; } .menu-on-page .active-item .nav-link, .menu-on-page .nav-link:hover, .menu-on-page .nav-link:active, .menu-on-page .nav-link:active:focus { background: #e5173f; color: #fff; } .content-of-page-with-menu { margin-left: 300px; } .content-of-page-with-menu.static { font-size: 15px; } .date-new { font-weight: bold; font-size: 20px; color: #999999; margin-right: 10px; display: inline-block; } .title-new { font-weight: bold; font-size: 20px; color: #151515; } .title-new:hover { text-decoration: none; color: #151515; } .description-new div { font-size: 15px; color: #151515; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; line-height: 1.4; max-height: 192px; } a.description-new:hover { text-decoration: none; color: #151515; } .day-in-date { color: #e5173f; } .image-block-new { height: 270px; width: 270px; overflow: hidden; text-align: center; float: left; margin-right: 30px; } .new-image { height: 100%; } .title-block-new { margin-bottom: 10px; line-height: 1.2; } .news-content { margin-bottom: -20px; } .news-block { padding-bottom: 30px; } .news-block__pagination { margin-bottom: 30px; } .news-block__pagination .paginator { display: flex; margin-top: 0; } .news-block__pagination .pagination { margin-left: auto; } .content-of-page-with-menu .promotions { display: flex; flex-direction: column; align-items: center; height: 100%; width: 100%; } .content-of-page-with-menu .promotions .promotion { display: flex; flex-direction: column; align-items: center; width: 600px; min-height: 150px; /*border: 2.5px solid #d2233c;*/ } .content-of-page-with-menu .promotions .promotion:not(:last-child) { margin-bottom: 30px; color: #151515; } .content-of-page-with-menu .promotions .promotion-title { width: 80%; text-align: center; font-size: 22px; font-weight: bold; margin-top: 5px; margin-bottom: 12.5px } .content-of-page-with-menu .promotions .promotion-text { display: -webkit-box; width: 80%; max-height: 100px; line-height: 1.4; font-size: 15px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; box-orient: vertical; -webkit-box-orient: vertical; -webkit-line-clamp: 4; line-clamp: 4; white-space: break-word; } .content-of-page-with-menu .promotions .promotion-picture { width: 80%; display: flex; flex-direction: row; justify-content: stretch; margin-bottom: 17.5px } .content-of-page-with-menu .promotions .promotion-picture .promotion-link { display: flex; flex-grow: 1; } .content-of-page-with-menu .promotions .promotion-picture img { max-height: 150px; width: 100%; } .new-container { margin-bottom: 30px; min-height: 270px; } /*.new-container:after,*/ .post-view-content:after, /*.news-content:after,*/ .post-description-block:after, .hot-line:after { display: block; clear: both; content: ''; } .new-more-img { height: 5px; width: 45px; } @media only screen and (max-width: 720px) { .image-block-new { display: none; } .new-container { min-height: 0; } } /* ------------- post view --------------- */ .image-block-post-view { float: left; width: 270px; margin-right: 30px; margin-bottom: 30px; } .post-view-image { width: 100%; } .post-description { font-size: 15px; color: #151515; min-height: 325px; } .post-description-block { margin-top: 30px; } .back-to-news-image { height: 5px; width: 45px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); vertical-align: middle; margin-right: 5px; } .forward-to-news-image { height: 5px; width: 45px; margin-left: 5px; } .link-to-news { font-size: 15px; color: #e5173f; float: right; margin-top: 30px; margin-bottom: 30px; transition: opacity .4s; } .link-to-news:hover, .link-to-news:active, .link-to-news:focus, .link-to-news:active:focus { color: #e5173f; text-decoration: none; opacity: .65; } .link-to-news span { display: inline-block; vertical-align: middle; } @media only screen and (max-width: 540px) { .image-block-post-view { float: none; } .post-description { min-height: 0; } } /* ----------------- support ---------------- */ .text-support { font-size: 15px; color: #151515; } .list-support { padding-left: 0; font-size: 15px; list-style: none; margin-bottom: 40px; } .list-support span { color: #151515; vertical-align: top; display: block; } .list-support span:before { display: inline-block; margin-right: 10px; content: '•'; color: #e5173f; } .subtitle-of-page { font-size: 34px; color: #151515; line-height: 1; padding-top: 0; margin-bottom: 25px; } .contact-block { background: #ebebeb; padding: 25px 20px; height: 100%; } .contacts-container .row > div { margin-bottom: 30px; } .contacts-container { margin-bottom: 45px; } .region-contact-block { font-size: 19px; /*Futuris Extra C Regular*/ color: #4f4f4f; text-transform: uppercase; } .seller-contact-block { font-size: 19px; color: #151515; white-space: pre-line; line-height: 1.1; } .phone-contact-block a, .mail-contact-block a { font-size: 15px; color: #151515; vertical-align: middle; } .phone-icon { height: 20px; width: 20px; margin-right: 15px; vertical-align: middle; } .envelope-icon { height: 16px; width: 20px; margin-right: 15px; vertical-align: middle; } .phone-contact-block, .mail-contact-block, .seller-contact-block { margin-top: 10px; } .col-form-label { /*Futuris Futuris C Bold*/ font-size: 19px; line-height: 1.2; color: #4f4f4f; } .col-form-label span { color: #e5173f; } .input-form-question { height: 50px; border: 1px solid #999999; color: #4f4f4f; font-size: 15px; padding: 0 20px; } .input-form-question::-webkit-input-placeholder { color: #646464; } .input-form-question::-moz-placeholder { color: #646464; } .input-form-question:-ms-input-placeholder { color: #646464; } .input-form-question:-moz-placeholder { color: #646464; } .input-form-question:focus { border: 1px solid #999999; } .col-form-label { padding-top: calc(15px - 1px * 2); } .textarea-form-question { height: auto; resize: none; padding: 10px 20px; } .eye-image { width: 31px; height: 19px; } .file-input-group .form-control { height: 50px; border: 1px solid #999999; color: #4f4f4f; font-size: 15px; background: #fff; padding: 0 60px 0 20px; } .file-input-group .input-group-btn { height: 50px; background: #fff; border: 1px solid transparent; position: absolute; right: 0; top: 0; } .file-input-group .input-group-btn .btn-default { height: 50px; background: #fff; border: none; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; padding-top: 13px; text-shadow: none; z-index: 5; } .file-input-group .input-group-btn:hover, .file-input-group .input-group-btn:focus, .file-input-group .input-group-btn:active, .file-input-group .input-group-btn:active:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; } .file-input-group .icon-span-filestyle { display: none; } .captcha-block { /*padding-top: 10px;*/ } .captcha-image { height: 50px; max-width: calc(100% - 40px); margin-right: 8px; } .btn-change-captcha { border: none; -webkit-box-shadow: none; box-shadow: none; background: none; padding: 5px; } .icon-change-captcha { height: 22px; width: 22px; } .btn-send-question { margin-top: 30px; font-size: 24px; background: #e5173f; color: #fff; padding: 18px 30px; } /* -------------- hot line ------------- */ .hot-line-info:after, .hot-line-content:after, .form-question:after, .approval-content:after, .approval-info:after { display: block; clear: both; content: ''; } .hot-line-info { margin-bottom: 40px; } .hot-line-image-container { float: left; margin-right: 30px; width: 270px; } .hot-line-image { width: 100%; } .hot-line-text { font-size: 15px; margin-bottom: 20px; } .hot-line-phone { display: block; font-size: 44px; /* futuris extra c regular*/ color: #151515; margin-bottom: 10px; } .hot-line-phone:hover, .hot-line-phone:active, .hot-line-phone:focus, .hot-line-phone:active:focus { text-decoration: none; color: #151515; } .hot-line-phone-info { color: #e5173f; font-size: 15px; } /* ------------- approval page ---------- */ .approval-image-container { float: left; margin-right: 23px; width: 270px; } .text-approval, .list-approval { font-size: 15px; color: #151515; } .text-approval { margin-bottom: 15px; } .list-approval { padding-left: 0; font-size: 15px; list-style: none; margin-bottom: 0; } .list-approval li { color: #151515; vertical-align: top; } .list-approval li:before { display: inline-block; margin-right: 10px; content: '•'; color: #e5173f; } .text-info-approval { float: left; width: calc(100% - 293px); } .approval-producers { margin-top: 40px; margin-bottom: 60px; } .title-approval-producers { width: 100%; color: #fff; background: #999999; text-transform: uppercase; padding: 14px 25px 10px; font-size: 19px; line-height: 1; } .list-approval-producers { padding: 0; list-style: none; margin: 0; } .list-approval-producers li { background: #f8f8f8; } .list-approval-producers li:nth-child(2n) { background: #eeeeee; } .list-approval-producers .link-approval-list { color: #151515; font-size: 15px; padding: 11px 20px 9px; position: relative; width: 100%; display: block; } .list-approval-producers li:after { clear: both; content: ''; display: block; } .list-approval-producers .icon-arrow-link { background: url(/local/templates/lukoil/images/grey-ic-link.png) no-repeat; background-size: contain; display: inline-block; width: 5px; height: 9px; position: absolute; right: 20px; top: 18px; } .list-approval-producers .link-approval-list:hover .icon-arrow-link, .list-approval-producers .link-approval-list:active .icon-arrow-link, .list-approval-producers .link-approval-list:active:focus .icon-arrow-link { background: url(/local/templates/lukoil/images/red-ic-link.png) no-repeat; background-size: contain; display: inline-block; } .list-approval-producers .link-approval-list:hover, .list-approval-producers .link-approval-list:active, .list-approval-producers .link-approval-list:active:focus, .list-approval-producers .link-approval-list:focus { text-decoration: none; } /* -------------- classification page ------------ */ .classification-image-container { float: left; margin-right: 30px; width: 270px; } .text-info-classification { float: none; width: auto; } .classification-container { margin-top: 40px; margin-bottom: 60px; } .classification-container .card-header { background: #999999; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; padding: 0; } .classification-container .card-header a { color: #fff; font-size: 19px; text-transform: uppercase; display: block; padding: 14px 20px 10px; } .classification-container .card-header a:hover, .classification-container .card-header a:focus, .classification-container .card-header a:active, .classification-container .card-header a:active:focus { text-decoration: none; } .icon-accordion { position: absolute; right: 20px; top: 20px; width: 9px; height: 5px; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition: -webkit-transform ease 0.35s; transition: -webkit-transform ease 0.35s; -o-transition: transform ease 0.35s; transition: transform ease 0.35s; transition: transform ease 0.35s, -webkit-transform ease 0.35s; } .classification-container .card-header a:not(.collapsed) ~ .icon-accordion { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .classification-container .card-block { font-size: 15px; background: #f8f8f8; border-radius: 0; border: none; } .classification-container .card { border: none; border-radius: 0; margin-bottom: 25px; } /* ------------- quality ----------- */ .quality-content:after { display: block; clear: both; content: ''; } .text-block-quality { font-size: 15px; white-space: pre-line; } .image-block-quality { width: 100%; margin: 20px 0; } .image-quality { width: 100%; } .quality-list { padding-left: 0; margin: 0; list-style: none; } .quality-list li { font-size: 15px; counter-increment: step-counter; margin-bottom: 25px; } .quality-list li:before { content: counter(step-counter); color: #fff; background: #e5173f; padding: 6px 9px 4px; font-size: 15px; text-align: center; vertical-align: middle; } .text-block-quality-half { border-right: 1px solid #d7d7d7; padding-bottom: 10px; } .quality-content .row > div:last-child .text-block-quality-half { border-right: none; } .quality-content .row > div:first-child { padding-right: 0; } .quality-content .row > div:last-child { padding-left: 0; } .quality-content .row > div:first-child .image-block-quality { padding-right: 40px; } .quality-content .row > div:first-child .text-block-quality-half { padding-right: 65px; } .quality-content .row > div:last-child .image-block-quality { padding-left: 40px; } .quality-content .row > div:last-child .text-block-quality-half { padding-left: 65px; } .image-block-quality-half { height: 250px; } /* -------------- profile ------------- */ .btn-save-profile { padding: 6px 40px; background: #6d6d6d; color: #fff; font-size: 16px; } .profile-content:after, .history-content:after, .order-content-content:after, .favorites-content:after { display: block; clear: both; content: ''; } .order-content-content font.errortext { display: none; } .order-content-content .title-of-page { font-size: 40px; } @media only screen and (max-width: 1175px) { .order-content-content .title-of-page { font-size: 32px !important; } } @media only screen and (min-width: 990px) and (max-width: 1019px) { .order-content-content .title-of-page { font-size: 30px !important; } } @media only screen and (max-width: 739px) { .order-content-content .title-of-page { font-size: 24px !important; } } @media only screen and (max-width: 500px) { .active-image-container { margin-left: 0; } .active-image-container > div .image-container { flex: 3; } .active-image-container .status-product.status-new-design { height: 35px; width: 55px; font-size: 5.5px; } } @media only screen and (max-width: 407px) { .order-content-content .title-of-page { font-size: 19px !important } .btn-go-back-to-history { font-size: 12px; padding: 16px 3px !important; } } @media only screen and (max-width: 680px) { .product-card-content .description-product-card { flex-direction: column; } .product-card-content .title-description-product-card { margin-bottom: 7px; } } .profile-content { padding-bottom: 100px; } /* ------------- history -------------- */ .history-item { margin-bottom: 20px; } .header-history-item { background: #999999; padding: 7px 10px 7px 20px; } .header-history-item .order-num { color: #fff; font-size: 20px; padding-top: 2px; } .order-content-link { background: #eeeeee; color: #787878; font-size: 15px; padding: 5px 15px 3px; display: inline-block; -webkit-transition: all ease 0.2s; -o-transition: all ease 0.2s; transition: all ease 0.2s; } .order-content-link:hover, .order-content-link:active, .order-content-link:focus, .order-content-link:active:focus { color: #787878; text-decoration: none; } .order-content-link:hover, .order-content-link:active, .order-content-link:active:focus { background: #6d6d6d; color: #fff; } .order-content-link-container { text-align: right; } .body-history-item { background: #f8f8f8; padding: 15px 20px; } .footer-history-item { background: #eeeeee; padding: 11px 20px; } .footer-history-item.shipment { width: 100%; display: table-caption; } .order-row { font-size: 15px; margin-bottom: 10px; } .order-row:last-child { margin-bottom: 0; } .label-order-row { color: #828282; } .value-order-row { color: #000000; } .row-order-footer { font-size: 16px; } .label-row-order-footer { color: #3c3c3c; } .value-row-order-footer { color: #e5173f; } .order-info-container { border-right: 1px solid #c8c8c8; height: 100%; } .order-info-text { white-space: pre-line; font-size: 15px; color: #000000; } .btn-repeat-order { max-width: 100%; width: 230px; padding: 11px 0; background: #6d6d6d; color: #fff; font-size: 16px; margin-top: 30px; } .btn-repeat-order:hover, .btn-repeat-order:focus { background: #eeeeee; color: #787878; } .order-info-status-container { height: 100%; } /* ------------ order content page ------------ */ .table-order-content .cell-quantity-product { font-size: 15px; } .table-basket.table-order-content { margin-top: 20px; } .table-basket.table-order-content + .table-basket.table-order-content { margin-top: 0; } .table-order-content .product-cell-image { max-height: 72px; max-width: 50px; } .table-order-content .cell-table-basket.cell-image-product { width: 10%; padding: 25px 10px; text-align: center; } .btn-go-back-to-history { background: #eeeeee; color: #787878; padding: 16px 13px; -webkit-transition: all ease 0.2s; -o-transition: all ease 0.2s; transition: all ease 0.2s; } .btn-go-back-to-history:hover, .btn-go-back-to-history:active, .btn-go-back-to-history:focus, .btn-go-back-to-history:active:focus { color: #6d6d6d; text-decoration: none; } .btn-go-back-to-history:hover, .btn-go-back-to-history:active, .btn-go-back-to-history:active:focus { background: #4a4a4a; color: #fff; } .btn-go-back-to-history-container { text-align: right; padding-top: 10px; padding-left: 0; } .footer-order-content .order-row { margin-bottom: 0; } /* ----------- favorites ----------- */ .favorites-basket .cell-add-to-basket { width: 10%; padding-right: 10px; } .favorites-basket .btn-add-to-basket { background: #e5173f; color: #fff; padding: 14px 30px; font-size: 16px; } .favorites-basket .cell-remove-from-favorites { width: 5%; padding-left: 10px; } .favorites-basket .btn-remove-from-basket { background: #fff; border: 1px solid #999; border-radius: 2px; height: 50px; width: 50px; font-size: 22px; } .favorites-basket .btn-remove-from-basket span { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); display: inline-block; } .favorites-basket .btn-remove-from-basket:hover, .favorites-basket .btn-remove-from-basket:active, .favorites-basket .btn-remove-from-basket:active:focus { background: #999; color: #fff; } .favorites-basket .product-cell-image { max-height: 170px; } .favorites-basket .cell-table-basket { padding: 25px 15px; } .favorites-basket { margin-top: 20px; } .favorites-content { padding-bottom: 40px; } /* ------------- quality management ---------- */ .text-block-quality-man { margin-bottom: 40px; } .quality-man-container { margin-top: 40px; margin-bottom: 60px; } .quality-man-container .card-header { background: #999999; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; padding: 0; } .quality-man-container .card-header a { color: #fff; font-size: 19px; text-transform: uppercase; display: block; padding: 14px 20px 10px; } .quality-man-container .card-header a:hover, .quality-man-container .card-header a:focus, .quality-man-container .card-header a:active, .quality-man-container .card-header a:active:focus { text-decoration: none; } .icon-accordion { position: absolute; right: 20px; top: 20px; width: 9px; height: 5px; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition: -webkit-transform ease 0.35s; transition: -webkit-transform ease 0.35s; -o-transition: transform ease 0.35s; transition: transform ease 0.35s; transition: transform ease 0.35s, -webkit-transform ease 0.35s; } .quality-man-container .card-header a:not(.collapsed) ~ .icon-accordion { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .list-files-quality { list-style: none; padding: 0; margin: 0; } .list-files-quality li { font-size: 15px; padding: 12px 20px 10px; background: #f8f8f8; } .list-files-quality li:after { display: block; content: ''; clear: both; } .list-files-quality li:nth-child(2n) { background: #eeeeee; } .quality-man-container .card-block { padding: 0; } .quality-man-container .card { border: none; border-radius: 0; margin-bottom: 30px; } .links-block-document { float: right; } .document-link { width: 25px; height: 20px; display: inline-block; margin-right: 30px; text-align: center; } .document-link:last-child { margin-right: 0; } .icon-read { background: url(/local/templates/lukoil/images/book.png) no-repeat; background-size: contain; display: inline-block; width: 25px; height: 20px; } .document-link:hover .icon-read, .document-link:active .icon-read, .document-link:active:focus .icon-read { background: url(/local/templates/lukoil/images/book_red.png) no-repeat; background-size: contain; display: inline-block; } .icon-download { background: url(/local/templates/lukoil/images/download.png) no-repeat; background-size: contain; display: inline-block; height: 19px; width: 19px; } .document-link:hover .icon-download, .document-link:active .icon-download, .document-link:active:focus .icon-download { background: url(/local/templates/lukoil/images/download_red.png) no-repeat; background-size: contain; display: inline-block; } .icon-mark { background: url(/local/templates/lukoil/images/bookmark.png) no-repeat; background-size: contain; display: inline-block; width: 13px; height: 15px; } .document-link:hover .icon-mark, .document-link:active .icon-mark, .document-link:active:focus .icon-mark { background: url(/local/templates/lukoil/images/bookmark_red.png) no-repeat; background-size: contain; display: inline-block; } .title-document { display: inline-block; max-width: calc(100% - 170px); white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .btn-read-more { height: 35px; background: #e5173f; color: #fff; font-size: 14px; border-radius: 2px; } .btn-read-more:hover, .btn-read-more:focus, .btn-read-more:active, .btn-read-more:active:focus { color: #fff; } .block-read-more { text-align: left; padding-top: 25px; } .side-menu-overlay { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1030; } .logo-mobile { display: none; } .phone-navbar-container-mob { display: none; } .actions-search-navbar { display: none; } .btn-filter-catalog { display: none; } .btn-toggle-menu-on-page { display: none; } /* --------- dropdown catalog --------- */ .show-inner-item-menu { display: flex !important; /* max-height: 200px; */ } .nav-item-catalog { position: initial; } /* .nav-item-catalog:hover .dropdown-menu-catalog::after, .nav-item-catalog:hover .dropdown-menu-catalog::before { z-index: 2 !important; } */ .dropdown-menu-catalog { right: 0; left: 0; /*width: auto !important;*/ width: auto; /*min-width: 600px;*/ top: 65px !important; /*display: block !important;*/ /* background-color: transparent; */ /* border: none !important; */ /* max-height: 200px; */ } .dropdown-menu-catalog::after { border-bottom: 9px solid #f7f7f7 !important; } /* .dropdown-menu-catalog::after, .dropdown-menu-catalog::before { z-index: 1 !important; } */ .catalog-menu-button-lg { display: block !important; } .catalog-menu-button-sm { display: none !important; } @media only screen and (max-width: 601px) { .catalog-menu-button-lg { display: none !important; } .catalog-menu-button-sm { display: block !important; } } .dropdown-menu-catalog .overflow { overflow: hidden; display: flex; width: 100%; } .flex-4.left { display: flex; width: 33%; flex-direction: column; justify-content: space-between; background-color: #f7f7f7; /* border: 2px solid #4a4a4a; */ box-shadow: 0 0 14px rgba(0, 0, 0, .3); padding: 16px 32px; padding-right: 0; z-index: 1; } /*.flex-4.left a { min-width: ; }*/ .flex-8 { display: none; flex-direction: column; /* width: 100%; */ /* border: 2px solid #4a4a4a; */ /* background-color: #fff; */ /* border-left: none; */ /* box-shadow: inset 8px 0 5px -5px rgba(0, 0, 0, .3); */ flex-wrap: wrap; padding: 16px 0; /* justify-content: space-between; */ /* position: relative; */ position: absolute; list-style: none; top: 0; bottom: 0; right: 0; left: 33%; z-index: 5; } .vl { border-left: 1px solid #e6e6e6; height: 97%; position: absolute; left: 66%; margin-left: -0px; top: 3px; } @media only screen and (max-width: 788px) { .vl { left: 66%; margin-left: 15px; } } @media only screen and (max-width: 760px) { .vl { display: none; } } /* .flex-8::before { content: ""; position: absolute; display: block; border-left: 1px solid #e6e6e6; z-index: 1; left: 50%; top: 0; bottom: 0; } */ .flex-4.left li[role="presentation"] > a:hover { background: #f7f7f7 !important; } .flex-4.left li[role="presentation"] > a:not(.not_children)::after { content: ''; position: absolute; display: inline-block; right: -29px; top: 35%; bottom: 50%; border: 5px solid transparent; border-left: 5px solid #676767; } .flex-4.left li[role="presentation"] > a:hover::after { border-left-color: #e4405f; } .menu-catalog-inner { display: none; position: absolute; top: 0; bottom: 0; right: 0; left: 33.33333%; height: auto; } .flex-8.right { display: none; } .flex-8.right:hover { display: flex; /* flex-direction: column; */ } li[role="presentation-right"] { /* max-width: 50%; */ /* width: 100%; */ white-space: normal; } li[role="presentation-right"], .flex-4.left li[role="presentation"] { height: auto !important; } li[role="presentation-right"] a { background-color: transparent; color: #676767 !important; padding: 10px 32px !important; border: none !important; position: relative; width: 100% !important; font-size: 15px; } li[role="presentation-right"]:hover { background-color: transparent; } li[role="presentation-right"] a:hover { color: #000 !important; } /* task #313717 */ /* Подсветка посещенных ссылок в меню */ li[role="presentation-right"] a:visited { color: #e4405f !important; } .flex-4.left li[role="presentation"]>a { padding: 8px 0 !important; border: none !important; position: relative; width: auto !important; text-transform: uppercase; font-size: 14px; white-space: normal; max-width: 88%; line-height: 1.5; } @media only screen and (max-width: 740px) { .flex-4.left li[role="presentation"] > a { max-width: 82%; } } .show > .dropdown-menu { display: flex; flex-wrap: wrap; } .bs-searchbox { width: 100%; } /* ------------- adaptive -------------- */ @media only screen and (max-width: 1230px) { .basket-page, .delivery-type-page, .delivery-type-page { padding: 0 15px 100px; } .dropdown-menu-catalog { right: 15px; left: 15px; } .bottom-navbar-line .menu-inner { padding: 0 10px; } } @media only screen and (max-width: 1210px) { .advantage-container:not(:last-child) { margin-right: 25px; } .old-price-product-card { margin-right: 30px; font-size: 30px; } .price-product-card { margin-right: 30px; font-size: 40px; } .content-block { padding: 0 15px 30px 15px; } .content-block.advantages-block { padding: 66px 0 20px; } .footer-block { width: auto; } .slick-slide.slick-active + .slick-active:before { display: none; } .advantage-container { height: 165px; } .title-advantage { font-size: 19px; white-space: normal; } .subtitle-advantage { font-size: 13px; } .phone-navbar-container { font-size: 20pt; width: 266px; } .phone-navbar-container span:last-child { font-size: 10px; } .social-block { width: 40px; height: 40px; margin-right: 8px; } .vk-social img { height: 12px; width: 22px; } .fb-social img { height: 19px; width: 10px; } .ok-social img { height: 21px; width: 11px; } .insta-social img { height: 17px; width: 17px; } .insta-social { padding-top: 10px; } .apple-social img { height: 17px; } .google-social img { height: 17px; } .apple-social { padding-top: 10px; } .google-social { padding-top: 10px; } .vk-social { padding-top: 9px; } .fb-social { padding-top: 10px; } .ok-social { padding-top: 10px; } .phone-footer { font-size: 20px; } .title-of-slider .bold-text { font-size: 47px; } .title-of-slider .normal-text { font-size: 29px; } .advantage-container { padding: 30px 22px; } .oil-advantage, .cup-advantage { margin-right: 25px; } .advantage-container { width: calc((100% - 50px) / 3); } .logo-navbar { width: 190px; height: 36px; } .footer-subscribe span { font-size: 15px; } .footer-subscribe .input, .footer-subscribe .label { display: inline-block; } .footer-subscribe .input { width: 51%; } .footer-subscribe input { margin-left: 26px; width: 66%; } .footer-subscribe .email-validate { margin-left: 26px; margin-top: 5px; } .footer-subscribe button { margin-left: 15px; } } @media only screen and (max-width: 1181px) { .products-catalog-container { max-width: 588px; margin-left: auto; margin-right: auto; } .product-catalog:nth-child(3n+2):before, .product-catalog:nth-child(3n+3):before { display: none; } .product-catalog:nth-child(2n):before { display: block; content: ''; background: #f2f2f2; width: 1px; height: 100%; position: absolute; left: 0; top: 0; } } @media only screen and (max-width: 750px) { .footer-subscribe input { display: block; margin: 0 auto 10px !important; width: 55% !important; } .footer-subscribe button { display: block; margin: 0 auto !important; width: 55% !important; } .footer-subscribe .email-validate { margin-left: 0px; } } @media only screen and (max-width: 1094px) { .title-of-slider .bold-text { font-size: 34px; } .footer-subscribe .input, .footer-subscribe .label { display: block; text-align: center; } .footer-subscribe .input { width: 100%; margin-top: 10px; } .footer-subscribe input { width: 32%; margin-left: 0; } /*margin-left: 26px;*/ .footer-subscribe button { float: none; } .page { padding-bottom: 500px; } .page.with-breadcrumb { padding-bottom: 520px; } } @media only screen and (max-width: 1000px) { .phone-navbar-container { width: auto; flex-wrap: nowrap; font-size: 16pt; } .phone-navbar-container span:last-child { display: none; } } @media only screen and (max-width: 1161px) { /*#navbarSupportedContent .d-none-lg { display: none!important; }*/ } @media only screen and (max-width: 1150px) { .row-flex-basket:not(:last-child) { border-bottom: 1px solid #e4e4e4; } .row-flex-basket:not(:first-child) div:first-child { margin-bottom: 0; margin-top: 15px; } .order-delivery-block .basket-product-price { float: right; width: auto; } .order-delivery-block .order-fix-width { text-align: right; } .basket-page.order .order-fix-width-qty { padding-top: 0; padding-left: 0px; } .basket-page.order .order-detail .row-flex-basket div:first-child { padding-right: 25px; } .basket-page.order .order-detail { padding: 10px 10px; } .row-flex-basket { flex-wrap: wrap; justify-content: space-between; } .cell-table-success-order.order-fix-width { width: 50%; text-align: end; padding-right: 25px; } .row-table-basket .cell-table-success-order:first-child { width: 100%; margin-bottom: 10px; } .step-basket { font-size: 15px; height: 43px; padding: 10px 20px 9px 30px; white-space: nowrap; } .step-basket .arrow-step { margin-top: 9px; } } @media only screen and (max-width: 991px) { .logo-image { height: 47px; width: 47px; } .text-info-advantage { padding-left: 15px; } .advantage-container { /*padding: 30px 12px 30px 22px;*/ } .text-info-advantage { width: calc(100% - 47px); } .phone-footer { font-size: 18px; white-space: nowrap; } .min-basket-container { display: none !important; } .label-block, .radio label { font-size: 16px; } .city-select-row-del-type .label-block { padding-left: 0; } .check-delivery-container .action-basket { font-size: 21px; height: 59px; } .result-delivery-price { padding-right: 15px; } .block-select-delivery-type { margin-top: 0; } .city-select-row-del-type { padding-bottom: 20px; } } @media only screen and (max-width: 989px) { .block-info-product:first-child { text-align: center; padding-top: 0; border-top: none; } .product-card-page .title-of-page { border-bottom: 1px solid #e1e1e1; padding-bottom: 15px; } .block-info-product:nth-child(2) { border-bottom: 0; padding-bottom: 0; } .info-product { padding-left: 15px; } .old-price-product-card { margin: 0 auto; float: none; } .price-product-card { margin: 0 auto; float: none; } .buy-product-card-button { display: flex; max-width: 240px; margin: 0 auto; padding: 10px 55px; } .content-of-page-with-menu { margin-left: 0; margin-top: 20px; } .menu-on-page { position: absolute; width: calc(100% - 20px); left: 10px; float: none; height: 0; overflow: hidden; -webkit-transition: height ease 0.3s; -o-transition: height ease 0.3s; transition: height ease 0.3s; } .opened-menu-on-page + .menu-on-page { /*height: calc(48px * 5);*/ height: auto; } .btn-toggle-menu-on-page { width: 100%; height: 48px; background: #ebebeb; font-size: 18px; color: #151515; padding: 16px 30px 14px 20px; line-height: 1; border-bottom: 1px solid #c8c8c8; position: relative; display: block; overflow: hidden; text-overflow: ellipsis; text-align: left; } .btn-toggle-menu-on-page:after { display: inline-block; width: 0; height: 0; margin-left: 0.3em; vertical-align: middle; content: ""; border: solid #6d6a6b; border-width: 0 2px 2px 0; padding: 2px; -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-top: -5px; position: absolute; top: 25px; right: 15px; -webkit-transition: -webkit-transform ease 0.3s; transition: -webkit-transform ease 0.3s; -o-transition: transform ease 0.3s; transition: transform ease 0.3s; transition: transform ease 0.3s, -webkit-transform ease 0.3s; } .opened-menu-on-page.btn-toggle-menu-on-page:after { -ms-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-transform: rotate(-135deg); } .content-of-page-with-menu .promotions .promotion { width: 80%; } } @media only screen and (max-width: 940px) { .content-login-block { width: 100%; float: none; } .registration-block { border-top: 1px solid #b0b0b0; border-left: none; padding-top: 25px; } .login-block { padding-bottom: 25px; } .title-login-block { font-size: 17px; } .phone-navbar-container { font-size: 19px; } .btn-filter-catalog { min-width: 38px; display: inline-block; margin-right: 12px; background: #e5173f; vertical-align: middle; } .catalog-container .title-of-page span { display: inline-block; vertical-align: middle; font-size: 27px; } .catalog-container .title-of-page { margin-bottom: 10px; } .filter-container { display: none; } .catalog-container { margin-left: 0; } .catalog-content { position: relative; } .filter-icon { width: 19px; height: 19px; } .btn-filter-catalog { height: 38px; width: 38px; padding: 0; } .filter-container { position: absolute; top: 100px; left: 0; z-index: 700; padding: 9px; background: #fff; width: 288px; border: 1px solid #EBEBEA; -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.2); box-shadow: 0 0 9px rgba(0, 0, 0, 0.2); } .filter-container:before, .filter-container:after { content: ''; display: block; position: absolute; top: -9px; left: 10px; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; } .filter-container:before { border-bottom: 9px solid #EBEBEA; } .filter-container:after { top: -8px; border-bottom: 9px solid #fff; } .show-filter.filter-container { display: block; } .show-filter.popover-overlay { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 600; } .pagination { float: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .step-basket { font-size: 15px; height: 43px; padding: 10px 12px 9px 15px; } .step-basket .arrow-step { margin-top: 8px; } .cell-table-basket.fix-width { width: 20%; } .top-row-table-basket .cell-table-basket { font-size: 17px; } .content-of-page-with-menu .title-of-page { font-size: 36px; } .content-of-page-with-menu h3 { font-size: 24px; } } @media only screen and (min-width: 869px) and (max-width: 989px) { .menu-on-page { width: calc(100% - 30px); left: 15px; } } @media only screen and (max-width: 868px) { .step-basket { padding: 10px 6px 9px 8px; } .content-of-page-with-menu .row { margin-left: 0; margin-right: 0; } .content-of-page-with-menu .row > div:first-child { padding-left: 0; } .content-of-page-with-menu .row > div:last-child { padding: 15px 0 0; } .advantage-container { width: 370px; height: 202px; float: none; margin: auto !important; margin-bottom: 22px !important; } .delivery-type-checked span:first-child { display: block; } .check-delivery-container { padding-top: 25px; } .logo-image { height: 57px; width: 57px; } .advantage-container:last-child { margin-bottom: 0; } .oil-advantage, .cup-advantage { margin-right: 20px; } .main-content { padding: 50px 10px; } .logo-image { height: 37px; width: 37px; } .text-info-advantage { width: calc(100% - 37px); } .title-footer-block, .map-footer { display: none; } .footer-block { border-right: none; } .logo-footer { width: 84px; height: 103px; } .footer-logo-container { width: auto; display: inline-block; float: left; } .phones-footer-container { display: inline-block; float: left; width: auto; padding-top: 0; padding-left: 35px; } .copyright { clear: both; } .footer-inner { display: block; position: relative; } .footer-block { display: inline-block; padding: 0; } .footer-block:nth-child(2n) { float: right; width: 40%; } .footer-block:last-child { float: left !important; margin-top: 20px !important; } .copyright { position: absolute; bottom: 25px; left: 10px; padding: 0; } .made-in { margin: 0; position: absolute; bottom: 25px; right: 10px; } .social-block { height: 50px; width: 50px; } .vk-social img { height: 15px; width: 25px; } .fb-social img { height: 22px; width: 13px; } .ok-social img { height: 24px; width: 14px; } .insta-social img { height: 20px; width: 20px; } .apple-social img { height: 22px; } .google-social img { height: 22px; } .apple-social { padding-top: 15px; } .google-social { padding-top: 15px; } .vk-social { padding-top: 15px; } .fb-social { padding-top: 14px; } .ok-social { padding-top: 13px; } .insta-social { padding-top: 15px; } .footer-address { position: absolute; left: 10px; bottom: 60px; white-space: normal; } .social-container { margin-bottom: 0; margin-top: 10px; } .search-footer-container { margin-top: -40px; padding-bottom: 20px; } .logo-navbar { height: 30px; width: 160px; } .step-basket .arrow-step { background-size: cover; width: 15px; background: url(/local/templates/lukoil/images/step-arr-dark.png) no-repeat right; } .step-basket.active-step .arrow-step, .step-basket.completed-step .arrow-step { background: url(/local/templates/lukoil/images/step-arr-white.png) no-repeat right; background-size: cover; } .basket-page, .delivery-type-page, .delivery-type-page { padding-bottom: 100px; } .search-footer-container { padding-bottom: 20px; margin-top: 0 } } @media only screen and (max-width: 868px) and (min-width: 601px) { .footer-block:nth-child(3) { width: 50% } .social-container { margin-top: 0; } } @media only screen and (max-width: 827px) { .title-of-slider .bold-text { font-size: 22px; } .title-of-slider .normal-text { font-size: 22px; } } @media (max-width: 768px) { .order-delivery-block .cell-table-basket:not(:first-child), .contacts .cell-table-basket:not(:first-child) { padding-top: 0; } div.checkboxes:nth-of-type(3) { display: none; } #navbarSupportedContent .d-none-md { display: none !important; } } @media only screen and (max-width: 767px) { .basket-page.order .order-fix-width-qty { padding-top: 0; padding-left: 10px; } .dropdown-menu-catalog { right: 10px; left: 10px; } .quality-content .row > div:first-child .image-block-quality { padding-right: 0; } .quality-content .row > div:last-child .image-block-quality { padding-left: 0; } .image-quality { width: 100%; height: auto; } .image-block-quality-half, .image-block-quality { text-align: center; overflow: hidden; height: auto; } .quality-content .row > div:last-child .text-block-quality-half { padding-left: 0; } .quality-content .row > div:first-child .text-block-quality-half { padding-right: 0; } .text-block-quality-half { border-right: none; } .approval-image-container { float: none; width: 100%; text-align: center; } .approval-image-container img { width: auto; max-width: 100%; float: none; } .text-info-approval { float: none; width: 100%; margin-top: 15px; } .content-of-page-with-menu .title-of-page { font-size: 32px; } } @media only screen and (max-width: 750px) { .padding-0 { padding: 0 !important; } .picker-images-product-view { max-width: 100%; } .active-image-container { max-width: calc(100% - 100px); } .info-product { margin-left: 0; } .images-container-product { max-width: 100%; float: none; } .buy-product-card-button { display: inline-flex; margin: 0 0 0 auto; padding: 10px 15px; min-width: 160px; max-width: 220px; } .old-price-product-card { margin: 0; font-size: 36px; white-space: nowrap; } .price-product-card { margin: 0; font-size: 36px; white-space: nowrap; } .block-info-product, .info-product { padding-left: 0; } .info-product .block-info-product .prices-wrapper { display: flex; } .block-info-product:first-child { text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid #e1e1e1; padding-top: 25px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .title-description-product-card { float: none; } .text-description-product-card { margin-left: 0; } .step-basket { display: block; float: none; width: 100%; border: none; margin-bottom: 2px; padding: 10px 10px 9px 10px; } .step-basket .arrow-step { background-size: cover; width: 26px; height: 7px; background: url(/images/step-arr-dark.png) no-repeat; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .step-basket.active-step .arrow-step, .step-basket.completed-step .arrow-step { background: url(/local/templates/lukoil/images/step-arr-white.png) no-repeat; background-size: contain; } .result-quantity { text-align: end; padding-right: 25px; margin-left: 0; } .result-price { padding: 0; } .result-count-line:after, .actions-line:after { display: block; clear: both; content: ''; } .btn-go-back-to-catalog { float: left; margin: 0; } .basket-page .btn-go-to-order { float: right; } .check-delivery-container .btn-go-to-order { float: none; } .top-row-table-basket .cell-table-basket { font-size: 13px; } .cell-sum-product, .title-product-basket, .price-product-basket { font-size: 13px; } .input-count-basket { text-align: left; padding: 0 10px; height: 37px; } .clear-input { top: -4px; right: -5px; display: block; width: 45px; text-align: center; height: 45px; padding-top: 10px; } .result-quantity, .result-price { text-align: left; padding: 0; width: 50%; font-size: 17px; float: left; max-width: 50%; min-width: 50%; } .result-price { text-align: right; } .action-basket { font-size: 17px; height: 49px; padding: 14px 0; width: 53%; } .basket-page .btn-go-to-order { margin-left: 10px; width: calc(47% - 10px); } .cell-table-basket.fix-width.cell-image-product { width: 10%; } .cell-table-basket { padding: 15px 10px; } .top-row-table-basket .cell-table-basket { padding: 10px; } .title-product-basket { line-height: 1.2; font-size: 11px; } .row-table-basket .cell-title-product, .top-row-table-basket .cell-title-product, .row-table-basket .cell-sum-product, .top-row-table-basket .cell-sum-product { padding: 10px 5px; } .basket-page, .delivery-type-page { padding: 0 10px 100px; } .city-select-row-del-type .label-block { width: auto; } .city-input-container .city-input { max-width: 100%; } .offer-line { width: 100%; } .btn-go-to-order { margin-left: 0; } .page { padding-bottom: 540px; } .page.with-breadcrumb { padding-bottom: 560px; } .active-image-container .status-product { width: 70px; font-size: 12px; } .active-image-container .status-product.status-new-design { height: 45px; } .slick-vertical.slick-slider { margin-right: 15px; } } @media only screen and (max-width: 700px) { .check-delivery-container .btn-go-to-order { display: block; float: none; clear: both; margin: 15px 0 0; } .check-delivery-container { float: none !important; } .result-delivery-price { float: right; } .price-delivery-type { padding-left: 5px; } .select-row-del-type .input-delivery-block { width: 60%; } .address-input .dropdown-toggle { max-width: calc(100vw - 60px); } .form-add-address.show-form, .address-input.btn-group { max-width: calc(100vw - 60px); } .form-add-address.show-form { width: calc(100vw - 60px); } .payment-select-row .label-block { display: block; float: none; width: 100%; padding-bottom: 0; } .payment-select-row .input-delivery-block { padding-top: 10px; } } @media only screen and (max-width: 690px) { .label-phone-footer { display: none; } } @media only screen and (max-width: 650px) { .discount-price { margin: 0 15px; } } @media only screen and (max-width: 610px) { /*TASK #317356 START*/ /*.products-catalog-container {*/ /*max-width: 294px;*/ /*}*/ /*.product-catalog:nth-child(2n):before {*/ /*display: none;*/ /*}*/ /*TASK #317356 END*/ } /*TASK #317356 START*/ .btn-mobile, .sort-container-mobile { display: none; } .btn-filter-clear { margin-right: 20px; } .btn-filter-show { margin-right: 0; } @media only screen and (max-width: 610px) { /*Всплывашка при выборе свойств в фильтре*/ #modef { display: none !important; } .sort-container { display: none; } .catalog-content { position: static; } .products-catalog-container { display: flex; flex-wrap: wrap; margin: auto -10px; } .product-catalog { padding: 0; margin-top: 0; width: 50%; } .statuses-product { left: 10px; } .status-product.status-new-design { font-size: 6.5px; height: 25px; } .status-product { width: 35px; height: 17px; font-size: 10px; line-height: normal; } .slide-product { padding-left: 8px; padding-right: 8px; height: auto; } .product-catalog { margin: -1px 0 0 -1px; } .product-catalog:first-child { margin: 0; } .product-catalog:nth-child(2) { margin-top: 0; } .product-catalog:nth-child(2n+1) { margin-left: 0; } .slide-product-image-container { height: 120px; } .slide-product-image-container { margin: 0 auto; width: 70%; } .slide-product-title, .variants-volume { font-size: 13px; text-align: center; } .slide-product-title { overflow-x: hidden; padding: 0; margin: 25px 0 10px; height: 99px; } .variants-volume { height: 42px; } .bottom-product-slide { display: flex; align-items: center; flex-direction: column; } .price-product-slide { font-size: 15px; } .btn-buy-product, .btn-filter-catalog { display: none; } .btn-mobile { display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; background: #e5173f; width: 100%; } .btn-mobile-filter { margin: 12px 0 17px; } .btn-mobile--fixed { position: fixed; top: 0; left: 0; z-index: 81; } .filter-mobile-icon { width: 12px; height: 11px; margin-right: 5px; } .btn-mobile .btn-mobile__text { font-size: 14px; line-height: 17px; font-weight: bold; color: #fff; } .filter-container { float: none; top: 0; left: 0; width: 100%; padding: 30px 10px 10px; position: fixed; height: 100vh; overflow-y: scroll; } .filter-container:before { display: none; } .smartfilter { padding-bottom: 75px; } .filter-block-bottom { background: #fff; border-top: 1px solid #c8c8c8; } .filter-block-bottom--fixed { position: fixed; left: 0; bottom: 0; width: 100%; z-index: 81; } .filter-mobile-close-icon { position: absolute; left: 15px; } .stopScroll { overflow: hidden; } .btn-filter { margin-left: 0; margin-right: 0; font-weight: bold; } .btn-filter-clear { background: #fff; border: 2px solid #e5173f; color: #e5173f; margin-right: 20px; } .btn-filter-show { background: #e5173f; color: #fff; } .sort-container-mobile { display: block; background: #ebebeb; margin: 30px auto; padding: 10px 20px; } .sort-list-mobile-title { font-size: 17px; line-height: 20px; margin-bottom: 8px; } .sort-list-mobile { padding-left: 10px; padding-top: 4px; margin: 0; list-style: none; height: 30px; overflow: hidden; background: #fff; border: solid 1px #c8c8c8; position: relative; display: flex; flex-direction: column; } .sort-list-mobile--opened { height: auto; } .sort-list-mobile:before { content: ""; display: block; position: absolute; width: 10px; height: 6px; background: url(/upload/filter-mobile-sort-list-arrow-icon.png); background-size: cover; right: 10px; top: 10px; bottom: 0; } .sort-list-mobile:hover { cursor: pointer; } .sort-item { width: 90%; display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; margin-bottom: 5px; min-height: 20px; } .sort-item--selected { order: -1 !important; } .sort-item:before { content: ""; display: block; width: 10px; height: 10px; margin-right: 10px; } .sort-item--desc:before { background: url(/upload/filter-mobile-sort-direction-icon.png); background-size: contain; } .sort-item--asc:before { background: url(/upload/filter-mobile-sort-direction-icon.png); background-size: contain; transform: scale(1, -1); } .sort-item-link { color: #292b2c; text-decoration: none; font-size: 13px; line-height: 20px; } .sort-item-link:hover { color: #292b2c; } .slide-product-title, .offers.variants-volume { height: unset; } .bottom-product-slide .btn-buy-product { display: none !important; } } /*TASK #317356 END*/ /*.products-catalog-container { max-width: 294px; }*/ .product-catalog:nth-child(2n):before { display: none; } @media only screen and (max-width: 600px) { .menu-catalog-inner { position: inherit; } .show-inner-item-menu { max-height: unset; } li[role="presentation-right"] a:hover { color: #fff !important; } .dropdown-menu-catalog { top: 0px !important; max-height: unset; } .dropdown-menu-catalog .overflow { flex-direction: column; } .flex-4.left { width: 100%; background-color: transparent; padding: 0; border: none; } .flex-8 { position: initial; width: 100%; padding: 0; flex-wrap: nowrap; box-shadow: none; border: none; background-color: transparent; } .flex-8::before { display: none; } .flex-4.left li[role="presentation"] a:hover { background: transparent !important; } .flex-4.left li[role="presentation"] a::after { display: none; } li[role="presentation-right"] a { padding: 8px 0 !important; width: 100% !important; } /*---------*/ .title-approval-producers { font-size: 17px; padding: 14px 10px 10px; } .list-approval-producers .icon-arrow-link { right: 10px; } .list-approval-producers .link-approval-list { padding: 11px 20px 9px 10px; } .content-of-page-with-menu.static, .text-block-quality, .text-approval, .list-approval { font-size: 14px; } /*.page { padding-bottom: 415px; }*/ /* .page.with-breadcrumb { padding-bottom: 455px; }*/ .basket-page, .delivery-type-page, .delivery-type-page { padding-bottom: 100px; } .actions-search-navbar { display: block; } .slick-prev { left: 0; } .slick-next { right: 0; } .footer-block:nth-child(2), .search-footer-container { display: none; } .logo-footer { width: 61px; height: 75px; } .footer-inner { padding: 25px 10px; } .footer-block:nth-child(1) { width: 100%; } .phones-footer-container { float: right; } .label-phone-footer { text-align: right; } .footer-address { position: relative; bottom: auto; left: auto; text-align: right; margin-top: 0; clear: both; } .footer-block:nth-child(2n) { width: 100%; padding-bottom: 30px; padding-top: 15px; } .logo-image { height: 57px; width: 57px; } .footer-block:nth-child(3) { float: right; margin-top: -25px; } .title-advantage { font-size: 25px; } .title-content-block { font-size: 29px; } .main-content { padding: 10px 10px; } .title-content-block { padding: 0; } .content-block { padding: 10px 0; } .news-slider-container .news-link { top: 12px; } .collapse.side-menu { display: block; } .side-menu { position: fixed; display: block; top: 0; height: 100vh !important; width: 300px; max-width: 80vw; left: 0; z-index: 1032; visibility: visible; background-color: rgba(0, 0, 0, 0.8); text-align: left; padding: 125px 15px 60px; -webkit-transform: translate3d(-300px, 0, 0); -ms-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); -webkit-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); -o-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1); overflow-y: auto; } .side-menu .nav-item:first-child { border-top: 2px solid #e5173f; padding-top: 15px; } .side-menu.opened { -webkit-box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); height: 100vh; } .side-menu .side-menu-content { position: relative; height: calc(100vh - 75px); overflow: auto; width: 260px; z-index: 4; padding-bottom: 30px; } .opened-side-menu { overflow: hidden; width: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } .opened-side-menu .navbar-brand { z-index: 5000; } .opened-side-menu header { /*overflow: hidden;*/ } .navbar-brand-side-menu { display: block; padding-bottom: 30px; padding-left: 0; } .navbar-brand-side-menu .logo-side-menu { width: 150px; max-width: 100%; } .opened-side-menu .side-menu-overlay { display: block; background: rgba(0, 0, 0, 0.4); } .navbar-toggler { cursor: pointer; top: 25px; padding-left: 20px; padding-right: 20px; left: 0; width: 24px; } .navbar-toggler:focus, .navbar-toggler:active, .navbar-toggler:active:focus { outline: none; } .navbar-toggler .icon-bar { display: block; position: relative; width: 24px; height: 2px; border-radius: 1px; margin: 0 auto; background-color: #e5173f; border: 1px solid #e5173f; } .navbar-toggler .icon-bar + .icon-bar { margin-top: 4px; } .navbar-toggler .icon-bar:nth-child(2) { top: 0; -webkit-animation: top-navbar-back 500ms linear 0s; animation: top-navbar-back 500ms 0s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .navbar-toggler .icon-bar:nth-child(3) { opacity: 1; } .navbar-toggler .icon-bar:nth-child(4) { bottom: 0px; -webkit-animation: bottom-navbar-back 500ms linear 0s; animation: bottom-navbar-back 500ms 0s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .navbar-toggler[aria-expanded=true] .icon-bar:nth-child(2) { top: 6px; -webkit-animation: top-navbar-x 500ms linear 0s; animation: top-navbar-x 500ms 0s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .navbar-toggler[aria-expanded=true] .icon-bar:nth-child(3) { opacity: 0; } .navbar-toggler[aria-expanded=true] .icon-bar:nth-child(4) { bottom: 6px; -webkit-animation: bottom-navbar-x 500ms linear 0s; animation: bottom-navbar-x 500ms 0s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .search-icon-navbar { background: url(/local/templates/lukoil/images/search-icon-dark.png) no-repeat; background-size: contain; display: inline-block; height: 18px; width: 18px; } .btn-search-navbar { width: 50px; display: flex; justify-content: center; align-items: center; } .navbar-toggler { -webkit-transition: all ease 0.35s; -o-transition: all ease 0.35s; transition: all ease 0.35s; height: 100%; top: 0; background: #fff; z-index: 500; text-align: right; } .navbar-toggler .icon-bar { margin: 0 0 0 auto; } .approval-producers { margin-bottom: 0; } .phone-navbar-container span { display: none; } .phone-navbar-container img { display: block; } } @media only screen and (max-width: 520px) { .fancybox-close { right: -12px; } .fancy_login { max-width: 100%; } } @media only screen and (max-width: 480px) { /*.block-select-city {*/ /*padding: 0 10px;*/ /*}*/ .sort-container .sort-item { padding: 0 5px; } .sort-container .sort-item:last-child { padding-right: 0; } .title-login-block { font-size: 16px; } .city-input-container .city-input, .city-input-container .bx-ui-sls-fake { max-width: 100%; } .delivery-city-text { font-size: 15px; } .ui-widget.ui-widget-content { max-width: calc(100% - 40px); } .content-of-page-with-menu .title-of-page { font-size: 27px; } .slick-vertical.slick-slider > .slick-list { height: auto !important; max-height: 400px; } .info-product .block-info-product { flex-direction: column; align-items: stretch; } } @media only screen and (max-width: 441px) { #fancy_login_forgot .image-login-block-container { width: 100%; } } @media only screen and (max-width: 415px) { .row-table-basket .cell-table-success-product:first-child { width: 100%; } .phone-navbar-container { font-size: 17px; padding-top: 3px; } .sort-container .sort-item, .sort-container .title-sort { font-size: 13px; } .sort-container { padding: 8px 5px; } .sort-container .sort-item.active .label-sort { margin-right: 3px; } .sort-container .sort-item { padding: 0 3px; } } @media only screen and (max-width: 402px) { .registration-block .title-login-block, .reg .title-login-block { padding-top: 10px; } .content-of-page-with-menu h3 { font-size: 21px; } .advantage-container { width: 100%; } } @media only screen and (max-width: 375px) { .ui-widget.ui-widget-content { max-width: calc(100% - 20px); } .image-login-block { height: 50px; width: 50px; } .title-login-block { font-size: 15px; } .login-block .title-login-block, .forgot .title-login-block { padding-top: 10px; } .form-login-basket .form-control { padding: 0 10px; } .delivery-type-page .label-block, .delivery-type-page .radio label { font-size: 13px; } .delivery-type-page .radio label { font-size: 13px; line-height: 2; } .result-delivery-price { font-size: 16px; } .delivery-type-checked { font-size: 19px; } .form-add-address input { font-size: 14px; } .form-add-address.show-form, .address-input .dropdown-toggle { max-width: calc(100vw - 40px); } .form-add-address.show-form { width: calc(100vw - 40px); } .basket-result-line .btn-go-to-order { float: none; } .action-basket { width: 100%; margin-bottom: 10px; } .basket-page .btn-go-to-order { width: 100%; margin: 0; } } @media only screen and (max-width: 374px) { .content-of-page-with-menu .title-of-page { font-size: 25px; margin-bottom: 20px; } .content-of-page-with-menu h3 { font-size: 19px; } .content-of-page-with-menu ul { padding-left: 30px; } .content-of-page-with-menu .list-approval, .content-of-page-with-menu .list-approval-producers { padding-left: 0; } .phone-navbar-container { font-size: 15px; } .select-address .radio { padding-left: 20px; } .content-login-basket { padding-bottom: 30px; } .form-login-basket .form-control { font-size: 13px; } .title-login-block { display: block; margin-left: 0; } .content-login-block { padding: 0 10px 25px; } .registration-block { padding-top: 25px; } .sort-container .title-sort { display: block; margin-bottom: 5px; } .sort-container .sort-item { padding: 0 10px; } .sort-container .sort-item:nth-child(2) { padding-left: 0; } .action-basket { display: block; float: none; } .btn-go-back-to-catalog { margin-bottom: 15px; } .row-table-basket.top-row-table-basket { display: none; } .row-table-basket { display: block; border-top: 1px solid #999999; } .row-table-basket:last-child { border-bottom: 1px solid #999999; } .cell-table-basket { display: block; } .cell-table-basket.fix-width.cell-image-product { width: 100%; text-align: center; border-bottom: 0; } .cell-table-basket.cell-quantity-product.fix-width { width: 100px; float: left; border-bottom: 0; } .row-table-basket:after { display: block; clear: both; content: ''; } .table-basket { display: block; margin-top: 16px; } .row-table-basket .cell-title-product { border-bottom: 0; } .basket-page, .delivery-type-page { padding: 0 0 100px; } .row-table-basket .cell-title-product, .top-row-table-basket .cell-title-product, .row-table-basket .cell-sum-product, .top-row-table-basket .cell-sum-product { padding: 10px; } .steps-basket-container { padding: 0 10px; } .row-table-basket .cell-sum-product { width: auto; float: right; border-bottom: 0; padding-top: 25px; } .cell-image-product { padding: 25px 10px; } .block-select-delivery-type, .check-payment-type-block { padding: 0 10px; } } @media only screen and (max-width: 350px) { .phone-navbar-container-mob { display: none; padding: 20px; } .slider-products-link { margin-left: 0; } .buy-product-card-button { min-width: 132px; font-size: 20px; height: 52px; } .old-price-product-card { font-size: 27px; } .price-product-card { font-size: 28px; } } @media only screen and (max-width: 410px) { .product-card-page .title-of-page { font-size: 19px; } } /* ---------- animations ----------- */ @keyframes top-navbar-back { 0% { top: 6px; -webkit-transform: rotate(135deg); transform: rotate(135deg); } 45% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 75% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 100% { top: 0px; -webkit-transform: rotate(0); transform: rotate(0); } } @-webkit-keyframes top-navbar-back { 0% { top: 6px; -webkit-transform: rotate(135deg); } 45% { -webkit-transform: rotate(-10deg); } 75% { -webkit-transform: rotate(5deg); } 100% { top: 0px; -webkit-transform: rotate(0); } } @keyframes bottom-navbar-back { 0% { bottom: 6px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } 45% { -webkit-transform: rotate(10deg); transform: rotate(10deg); } 75% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { bottom: 0px; -webkit-transform: rotate(0); transform: rotate(0); } } @-webkit-keyframes bottom-navbar-back { 0% { bottom: 6px; -webkit-transform: rotate(-135deg); } 45% { -webkit-transform: rotate(10deg); } 75% { -webkit-transform: rotate(-5deg); } 100% { bottom: 0px; -webkit-transform: rotate(0); } } @keyframes top-navbar-x { 0% { top: 0px; -webkit-transform: rotate(0deg); transform: rotate(0deg); } 45% { top: 6px; -webkit-transform: rotate(145deg); transform: rotate(145deg); } 75% { -webkit-transform: rotate(130deg); transform: rotate(130deg); } 100% { -webkit-transform: rotate(135deg); transform: rotate(135deg); } } @-webkit-keyframes top-navbar-x { 0% { top: 0px; -webkit-transform: rotate(0deg); } 45% { top: 6px; -webkit-transform: rotate(145deg); } 75% { -webkit-transform: rotate(130deg); } 100% { -webkit-transform: rotate(135deg); } } @keyframes bottom-navbar-x { 0% { bottom: 0px; -webkit-transform: rotate(0deg); transform: rotate(0deg); } 45% { bottom: 6px; -webkit-transform: rotate(-145deg); transform: rotate(-145deg); } 75% { -webkit-transform: rotate(-130deg); transform: rotate(-130deg); } 100% { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } } @-webkit-keyframes bottom-navbar-x { 0% { bottom: 0px; -webkit-transform: rotate(0deg); } 45% { bottom: 6px; -webkit-transform: rotate(-145deg); } 75% { -webkit-transform: rotate(-130deg); } 100% { -webkit-transform: rotate(-135deg); } } @keyframes showing-opacity { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes showing-opacity { 0% { opacity: 0; } 100% { opacity: 1; } } /* 404 */ .page-404-container, .cart-empty, .service-page-container { text-align: center; } .page-404-container .img-404, .cart-empty .img-cart-empty, .service-page-container .img-service { clear: both; margin-bottom: 20px; } .page-404-container span, .cart-empty span, .service-page-container span { font-size: 24px; } .page-404-container a:hover, .cart-empty a:hover, .service-page-container a:hover { color: #e5173f; } .delivery-content .title-of-page { font-size: 1.7rem; } .static-collapse { cursor: pointer; } .static-collapse + div { display: none; } .static-collapse:hover { color: #e5173f; text-decoration: underline; } .products-order .order-quantity { width: 10%; } .products-order .order-sum { width: 20%; } .slider-products-home.small .slick-list { height: 478px; } .slide-products-home.small .slick-slide.slick-active + .slick-active:before { height: 100%; } .slider-products-home.small .slide-product { height: 454px; } .slider-products-home.small .slide-product .slide-product-image-container { height: 200px; } .slider-products-home.small .slide-product .slide-product-title a { font-size: 13px; } @media (min-width: 576px) { .modal-dialog { max-width: 700px; margin: 30px auto; } } .location-icon { width: 100%; margin-top: 36px } .location h2 { text-align: center; margin: 20px 0 40px; } .checkboxes { display: inline-block; padding: 0 45px; } /*.check {*/ /*text-align: left;*/ /*margin-bottom: 15px;*/ /*}*/ .check label { cursor: pointer; } .check label.checked { color: #e5173f; } .check span.checked { text-decoration: underline; } .check input { } .group-radio-location { text-align: center; } .checkboxes input[type="checkbox"], .checkboxes input[type="radio"] { display: none; } @media (max-width: 860px) { /*#navbarSupportedContent .d-none-md { display: none!important; }*/ } @media (max-width: 475px) { .checkboxes { padding: 0 22px; } } @media (max-width: 382px) { div.checkboxes:nth-of-type(2) { display: none; } } @media (min-width: 860px) { /*#nav-btn-more .d-none-dropdown { display: none!important; }*/ } @media (max-width: 600px) { .basket-page.order .cell-table-basket { display: block; } .basket-page.order .fix-width { width: 100%; } .basket-page.order .order-fix-width { padding-right: 10px; } .basket-page.order .order-detail .row-flex-basket div:first-child { padding-right: 10px; } .basket-page.order .order-detail { padding: 10px 10px; } .basket-page.order .row-table-basket { border: unset; } .basket-page.order .actions-line a { display: block; width: 100%; margin-bottom: 15px; } #nav-btn-more { display: none !important; } #navbarSupportedContent .d-none-md, #navbarSupportedContent .d-none-lg { display: block !important; } #navbarSupportedContent .nav-item { white-space: normal; } } @media (min-width: 1161px) { /*#nav-btn-more { display: none!important; }*/ } .search-page .search-input { margin-bottom: 15px; border: solid 1px #a1a1a1; height: 30px; padding-left: 10px; } .search-page input[type=submit] { height: 30px; background-color: #f2f2f2; border: solid 1px #a1a1a1; line-height: normal; } .search-page input[type=submit]:hover { cursor: pointer; } .review { padding-bottom: 15px } .review + .review { border-top: 1px solid #e1e1e1; padding-top: 10px; } .review ul, .review ul li { display: inline-block; vertical-align: middle; padding: 0; margin: 0; } .review ul { position: relative; top: -2px; } .review ul li { width: 18px; height: 18px; margin-left: 5px; } .review ul li.star-red { background: url("/local/templates/lukoil/images/favorite.svg") no-repeat center; background-size: contain; } .review ul li.star-gray { background: url("/local/templates/lukoil/images/favorite-gray.svg") no-repeat center; background-size: contain; } .review::after { display: block; clear: both; content: "" } .review-header { margin-bottom: 5px; font-size: 16px; line-height: 25px; } .review-header span { font-size: 14px; display: inline-block; vertical-align: middle; } .review-content { font-size: 15px; } .review-more { width: 140px; text-align: center; cursor: pointer; margin-top: 25px; height: 35px; background: #e5173f; color: #fff; font-size: 11px; font-weight: bold; border-radius: 2px; padding: 10px; } .badge-block { display: inline-block; /*margin-bottom: 5px;*/ } .soc-line { margin-bottom: 15px; } .soc-block img { padding: 0 !important; vertical-align: middle; display: inline-block; } .soc-block { background: #cfd0d1; padding: 0 !important; display: inline-block; height: 45px; width: 45px; border-radius: 50%; line-height: 45px; text-align: center; } .badge-block img { max-width: 113px; } .badge-block { margin: 5px; } .b-move-up-btn { width: 40px; height: 40px; position: fixed; z-index: 10; bottom: 100px; right: 33px; transition: transform 200ms ease-in-out; display: none; } .b-move-up-btn:hover { cursor: pointer; transform: scale(1.1); } .btn-pay-order { border: none; margin-top: 15px; background-color: #6d6d6d; color: white; } .c-double-column-table { display: flex; background-color: #f8f8f8; } .c-double-column-table .table-basket { width: 50%; } @media all and (max-width: 768px) { .c-double-column-table { flex-wrap: wrap; } .c-double-column-table .table-basket { width: 100%; } } .image-fly-js { max-height: 100%; } @media all and (max-width: 610px) { .products-catalog-container { width: unset; margin: 20px -10px 0; /*border-top: 1px solid rgba(159, 159, 159, .28);*/ } .slide-product { width: 310px; } } /* для работы слайдера на главной с отключенным слайдером и одним слайдом */ .bxslider { height: 100%; } .slide-container { height: 100%; position: relative; } .slide-container .promo-link { position: absolute; width: 100%; height: 100%; } .oil-result .info-table td { font-size: .95em; } /*** текст с красной линией слева в статьях ***/ .highlighted { background-color: #f6f6f6; display: flex; font-weight: normal; color: #000000; padding: 30px 45px; margin-top: 20px; margin-bottom: 30px; } @media screen and (max-width: 991px) { .highlighted { padding: 20px; } } .highlighted * { font-size: 21px !important; } @media screen and (max-width: 991px) { .highlighted * { font-size: 17px !important; } } .highlighted__content { padding: 15px 0 15px 50px; position: relative; } @media screen and (max-width: 991px) { .highlighted__content { line-height: 1; padding: 21px 0 21px 30px; } } .highlighted__content:before { content: ''; width: 10px; background-color: #e60139; position: absolute; top: 0; bottom: 0; left: 0; } .highlighted__content p:last-child { margin-bottom: 0; } .highlighted__red { font-weight: bold; color: #e60139; margin-bottom: 10px; } @media screen and (max-width: 991px) { .highlighted__red { margin-bottom: 4px; } } /*** новогодняя модалка ***/ .winter-modal__content { padding: 30px; } .winter-modal__title { margin: 0 0 25px 0; font-size: 28px; font-weight: bold; line-height: 1; color: #151515; text-align: center; } .winter-modal__info p { font-size: 18px; } .winter-modal__mark { text-align: center; } @media screen and (max-width: 480px) { .winter-modal__title { font-size: 26px; } .winter-modal__info p { font-size: 16px; } } /* end_ */ /*** модалка с подпиской ***/ .popmechanic-js-wrapper { text-align: center !important; } #popmechanic-container-6339 .popmechanic-thankyou { text-align: left; } #popmechanic-container-6339 #popmechanic-form-6339 { max-width: 97%; } @media screen and (max-width: 730px) { #popmechanic-container-6339 .popmechanic-main, #popmechanic-container-6339 .popmechanic-thankyou { margin: 0 0 0 38% !important; padding-left: 15px !important; padding-right: 15px !important; } } @media screen and (max-width: 675px) { #popmechanic-container-6339 .popmechanic-main, #popmechanic-container-6339 .popmechanic-thankyou { margin: 0 !important; } #popmechanic-container-6339 .popmechanic-thankyou { text-align: center; } #popmechanic-container-6339 .popmechanic-thank { margin-left: auto; margin-right: auto; } #popmechanic-container-6339 #popmechanic-form-6339 { background-image: none !important; } #popmechanic-container-6339 .popmechanic-text, #popmechanic-container-6339 .popmechanic-inputs, #popmechanic-container-6339 .popmechanic-checkbox-block { margin-left: auto !important; margin-right: auto !important; } } @media screen and (max-width: 480px) { #popmechanic-container-6339 .popmechanic-title { font-size: 24px !important; } #popmechanic-container-6339 .popmechanic-text { margin-top: 15px !important; } #popmechanic-container-6339 .popmechanic-inputs { flex-direction: column !important; align-items: stretch !important; margin-top: 10px !important; } } /* end_ */ @media screen and (min-width: 1360px) { body .content-area--header-fixed { padding-top: 90px; } } @media screen and (min-width: 768px) { body .content-area--header-fixed { padding-top: 85px; } body .b-header--fixed { position: fixed; top: 0; left: 0; right: 0; } } /* DISABLE */ /*=========*/ .disable-grayscale { filter: grayscale(100%); opacity: .5; pointer-events: none; } .disable-loading { opacity: .5; pointer-events: none; } .disable-event { pointer-events: none; } /* __end */ .picker-images-product-view .status-product { font-size: 13px; } /* NEW DESIGN LBL STYLES */ .picker-images-product-view .status-product{ position: absolute; left: 105px; width: 95px; height: 75px; font-weight: bold; text-align: center; justify-content: center; align-items: center; text-transform: uppercase; display: flex; z-index: 999; border-radius: 2px; /*3px*/ margin-top: 0px; } .picker-images-product-view .status-product.status-new-design { background: #e6e6e6; color: #D2233C; } .picker-images-product-view .status-product:nth-child(3) { top: 50px; } .picker-images-product-view .status-product.discount { background: rgb(210, 35, 60); color: rgb(255, 255, 255, 2.2); font-size: 18px; font-weight: bold; height: 35px; } @media screen and (max-width: 500px) { .info-product .block-info-product .prices-wrapper .old-price-product-card { font-size: 28px; } .info-product .block-info-product .prices-wrapper .price-product-card { font-size: 28px; margin-left: 11px; } } @media screen and (max-width: 500px) and (orientation: portrait) { .picker-images-product-view .status-product { left: 0px; height: 70px; font-size: inherit; } .picker-images-product-view .status-product.discount { height: 40px; font-size: 21px; } .picker-images-product-view { flex-direction: column; align-items: center; } .thumbs-statuses { order: 2; display: flex; margin-top: 0px; width: 100%; } .thumbs-statuses #gallery-2 { width: 100%; margin-right: 0px; float: unset; } .thumbs-statuses #gallery-2 .slick-track { transform: translateX(-50%); left: 50% !important; } .thumbs-statuses #gallery-2 .slick-slide { height: 67px; } .thumbs-statuses #gallery-2 .slick-slide img { margin: 0 auto; height: 100%; } .active-image-container { order: 1; margin-left: 0px; height: 350px; } .active-image-container .slick-slide { height: 325px; } .active-image-container .slick-slide img { height: 100%; } } .radio-group { display: flex; align-items: center; align-content: center; } .radio-group input[type=radio] { height: 17px; width: 17px; } /* END NEW DESIGN LBL STYLES */ .action-banner-wrap { margin: 16px 0 0; padding: 0 0 50px; position: relative; } .banner-text-wrap { margin: 0 0 50px; } .banner-text-wrap p.banner-text { font-weight: 600; font-size: 18px; text-align: center; } .action-banner { width: 100%; position: relative; /*height: 20.51vw;*/ /*min-height: 20.51vw;*/ border-bottom: 2px solid #e5173f; overflow: hidden } .catalog-content.promotion-gender .catalog-container .title-of-page { margin-top: 0; } @media screen and (max-width: 757px) { .action-banner { /*height: 43.67vw;*/ /*min-height: 43.67vw;*/ } } .pickup-points.pickup-points_edit tbody tr { display: flex; justify-content: space-between; width: 430px; } .pickup-points.pickup-points_edit tbody tr td:first-child { display: flex; } .pickup-points.pickup-points_edit input[type=text], .pickup-points.pickup-points_edit select { width: 242px; } .pickup-points.pickup-points_edit input[type=text] { background-color: #fff; border: 1px solid #999999; border-radius: 2px; } .pickup-points.pickup-points_edit input[type=submit], .pickup-points input[type=button] { border: 1px solid #999999; border-radius: 3px; height: 22px; } .pickup-points.pickup-points_edit input[type=submit], .pickup-points input[type=button] { border: 1px solid #999999; border-radius: 3px; height: 22px; } .pickup-points.pickup-points_edit select { margin-bottom: 20px } #cookies-terms { background: #E6E6E6; position: fixed; bottom: 0; z-index: 9999 !important; width: 100%; display: flex; } #cookies-terms .wrapper { padding: 25px 0px; margin: 0 auto; display: flex; flex-flow: row; align-items: center; } #cookies-terms .wrapper .left-block { margin-right: 40px; line-height: 24px; font-size: 16px; } #cookies-terms .wrapper .left-block a, #cookies-terms .wrapper .left-block a:visited { color: #E5173F; text-decoration: underline; } #cookies-terms .wrapper .right-block button { background: #E5173F; font-size: 22px; cursor: pointer; width: 169px; height: 59px; color: #fff; } #cookies-terms .wrapper .right-block button:hover { background: #000; color: #fff; } @media screen and (max-width: 1030px) { #cookies-terms .wrapper { padding: 25px 30px; } #cookies-terms .wrapper .left-block br { display: none; } } @media screen and (max-width: 760px) { #cookies-terms .wrapper { padding-right: 0.625rem; padding-left: 0.625rem; } } @media screen and (max-width: 600px) { #cookies-terms .wrapper { flex-flow: column; } #cookies-terms .wrapper .left-block { margin-bottom: 15px; margin-right: 0px; width: 100%; } #cookies-terms .wrapper .right-block, #cookies-terms .wrapper .right-block button { width: 100%; } } /* End */ /* /local/templates/lukoil/css/jquery-ui.min.css?174832621032076 */ /* /local/templates/lukoil/css/bootstrap.css?1748326210191723 */ /* /local/templates/lukoil/css/bootstrap-theme.min.css?174832621023409 */ /* /local/templates/lukoil/css/bootstrap-select.css?17483262107821 */ /* /local/templates/lukoil/css/jquery.bxslider.css?17483262103939 */ /* /local/templates/lukoil/css/royalsli.css?17483262104257 */ /* /local/templates/lukoil/css/rs-unive.css?17483262107849 */ /* /local/templates/lukoil/css/selectize.css?17483262108589 */ /* /local/templates/lukoil/css/slick.css?17483262101729 */ /* /local/templates/lukoil/css/slick-theme.css?17483262103145 */ /* /local/templates/lukoil/assets/fancybox/jquery.fancybox.css?17483262104939 */ /* /local/templates/lukoil/assets/chosen/chosen.css?174832621010870 */ /* /local/components/custom/currency.selector/templates/.default/style.css?17483262051157 */ /* /local/templates/lukoil/components/bitrix/main.site.selector/.default/style.css?17483262101157 */ /* /local/templates/lukoil/template_styles.css?1748326210158421 */