/* Start:/bitrix/templates/marko_2021/components/bitrix/search.title/bootstrap_v4_marko1/style.min.css?1623595107436*/ .search-title-button{background-image:url(/bitrix/templates/marko_2021/components/bitrix/search.title/bootstrap_v4_marko1/images/icon-search.svg);background-repeat:no-repeat;background-position:center;min-width:45px}.title-search-result{border:1px solid #c6c6c6;display:none;overflow:hidden;z-index:205;background-color:#fff;padding:10px;border-radius:3px}.bx_item_block{font-size:14px;padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ddd}.all_result,.others_result{border:0}.all_result{margin-bottom:0} /* End */ /* Start:/bitrix/components/bitrix/menu/templates/bootstrap_v4/style.min.css?166880402210230*/ .bx-top-nav-container{position:relative;padding:0 10px;border-radius:2px;background:var(--theme-color-primary);color:#fff}.bx-nav-list-1-lvl{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:0;list-style:none;-ms-flex-wrap:wrap;flex-wrap:wrap}.bx-nav-1-lvl{position:relative}.bx-nav-1-lvl-link{display:block;padding-top:6px;padding-bottom:2px;border-bottom:0;border-radius:1px;text-decoration:none;transition:250ms linear all}.bx-nav-1-lvl-link:hover{text-decoration:none}.bx-nav-1-lvl.bx-hover>.bx-nav-1-lvl-link,.bx-nav-1-lvl.bx-active>.bx-nav-1-lvl-link,.bx-nav-1-lvl:hover>.bx-nav-1-lvl-link{border-bottom:0;background:var(--theme-color-second)}.bx-nav-1-lvl-link-text{display:flex;padding:10px 14px 14px;color:#fff;text-decoration:none;text-transform:uppercase;font:14px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600);transition:250ms linear all;align-items:center}.bx-nav-angle-bottom{position:relative;display:block;margin-left:10px;width:10px;height:10px}.bx-nav-angle-bottom:after,.bx-nav-angle-bottom:before{position:absolute;top:50%;left:50%;width:7px;height:2px;background-color:#fff;content:'';transition:250ms linear all}.bx-nav-angle-bottom:after{margin-left:-2px;transform:translate(-50%,-50%) rotate(45deg)}.bx-nav-angle-bottom:before{margin-left:2px;transform:translate(-50%,-50%) rotate(-45deg)}.bx-nav-1-lvl.bx-nav-parent:hover .bx-nav-angle-bottom:after,.bx-nav-1-lvl.bx-nav-parent:hover .bx-nav-angle-bottom:before{background-color:var(--theme-color-primary)}.bx-nav-1-lvl.bx-nav-parent.bx-hover>.bx-nav-1-lvl-link .bx-nav-1-lvl-link-text,.bx-nav-1-lvl.bx-nav-parent:hover>.bx-nav-1-lvl-link .bx-nav-1-lvl-link-text{background-color:transparent;color:var(--theme-color-primary)}.bx-nav-1-lvl.bx-nav-parent.hover>.bx-nav-1-lvl-link,.bx-nav-1-lvl.bx-nav-parent.bx-hover>.bx-nav-1-lvl-link{z-index:250;box-shadow:0 6px 13px 0 rgba(0,0,0,.13)}.bx-nav-1-lvl.bx-nav-parent.bx-hover>.bx-nav-1-lvl-link .bx-nav-1-lvl-link-text,.bx-nav-1-lvl.bx-nav-parent.hover>.bx-nav-1-lvl-link .bx-nav-1-lvl-link-text{background:#fff}.bx-nav-angle-top{position:relative;display:block;margin-left:10px;width:10px;height:10px}.bx-nav-angle-top:after,.bx-nav-angle-top:before{position:absolute;top:50%;left:50%;width:7px;height:2px;background-color:#fff;content:'';transition:250ms linear all}.bx-nav-angle-top:after{margin-left:-2px;transform:translate(-50%,-50%) rotate(-45deg)}.bx-nav-angle-top:before{margin-left:2px;transform:translate(-50%,-50%) rotate(45deg)}.bx-nav-parent-arrow{display:none}.bx-nav-2-lvl-container,.bx-nav-2-lvl-container-advanced{z-index:999;display:none;padding:0;min-width:100%;border-top:0;box-shadow:0 6px 13px 0 rgba(0,0,0,.13);color:#000;opacity:0}.bx-nav-2-lvl-container>ul,.bx-nav-2-lvl-container>div,.bx-nav-2-lvl-container-advanced>ul,.bx-nav-2-lvl-container-advanced>div{flex:1}.bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container-advanced,.bx-nav-1-lvl.hover .bx-nav-2-lvl-container-advanced,.bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container,.bx-nav-1-lvl.hover .bx-nav-2-lvl-container{position:absolute;top:calc(100% - 5px);z-index:999;display:flex;background:#fff;opacity:1;align-items:stretch}.bx-nav-list-2-lvl{margin:0;padding:5px 0 12px}.bx-nav-2-lvl{display:block;padding:0;min-width:180px}.bx-nav-2-lvl-link{display:block;padding:5px 15px 5px;border-bottom:none !important;text-decoration:none !important}.bx-nav-2-lvl-link-text{color:var(--theme-color-primary);text-decoration:none;font-weight:var(--ui-font-weight-bold);font-size:13px;line-height:16px}.bx-nav-2-lvl>.bx-nav-list-2-lvl.bx-active .bx-nav-list-2-lvl-text,.bx-nav-2-lvl>.bx-nav-list-2-lvl:hover .bx-nav-list-2-lvl-text{background:var(--theme-color-light);color:var(--theme-color-primary)}.bx-nav-3-lvl-container-advanced:before,.bx-nav-3-lvl-container:before{position:absolute;top:-5px;right:0;left:0;display:block;height:5px;background:#fff;content:" "}.bx-nav-list-3-lvl{margin:0;padding:0 0 14px 0}.bx-nav-3-lvl{display:block;box-sizing:border-box;margin:0;padding:0;min-width:180px}.bx-nav-3-lvl-link{display:block;padding:3px 15px 3px 20px;border-bottom:0;color:#555;text-decoration:none;font-size:13px;line-height:14px}.bx-nav-3-lvl-link.bx-active,.bx-nav-3-lvl-link:hover{background:#f0f0f0;color:var(--theme-color-primary);text-decoration:none}.bx-nav-list-4-col{position:static}.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced{top:100%;right:0;left:0}.bx-nav-list-4-col .bx-nav-2-lvl-container,.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced{right:0;left:0}.bx-nav-catinfo{position:relative;z-index:120;padding:15px 15px 5px;min-width:200px;border-left:1px solid #ecefef;background:#f7fafb}.bx-nav-catinfo img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-width:100%;max-height:100%;width:auto;height:auto;border:1px solid #e7e9ea}.bx-nav-catinfo p{padding:20px 5px 0;font-size:13px}.bx-menu-button-mobile{position:absolute;top:8px;left:5px;z-index:10;width:40px;height:40px}.bx-aside-nav-control{position:absolute;top:0;left:0;z-index:1750;width:40px;height:40px;color:#fff;text-align:center;font-size:28px;line-height:40px;cursor:pointer;transition:left .15s linear}.bx-nav-bars{position:absolute;top:50%;left:50%;z-index:2100;display:block;box-sizing:border-box;width:30px;height:25px;border-top:5px solid #fff;border-bottom:5px solid #fff;vertical-align:middle;transform:translate(-50%,-50%)}.bx-nav-bars:after{position:absolute;top:50%;display:block;background:#fff;width:100%;height:5px;content:'';transform:translateY(-50%)}.bx-wrapper,.bx-aside-nav{transition:transform .15s linear}.bx-opened .bx-footer,.bx-opened .workarea{overflow:hidden}.bx-aside-nav{position:fixed;top:50px;bottom:0;left:0;z-index:1600;display:none;width:100%;background:#4c5c65;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}.bx-aside-nav.bx-opened{overflow-y:scroll;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}.bx-aside-nav ul{margin:0;padding:0;list-style:none}.bx-aside-nav a{display:block;overflow:hidden;padding-left:15px;max-width:100%;height:48px;border-bottom:1px solid #3d4b53 !important;color:#fff;vertical-align:middle;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:48px}.bx-aside-nav .bx-nav-list-1-lvl{z-index:1700;flex-direction:column}.bx-aside-nav .bx-nav-1-lvl-link{padding:0;display:flex;align-items:center}.bx-aside-nav .bx-nav-1-lvl-link-text{padding:0 0 0 15px}.bx-aside-nav .bx-nav-1-lvl.bx-nav-parent.hover>.bx-nav-1-lvl-link,.bx-aside-nav .bx-nav-1-lvl.bx-nav-parent.bx-hover>.bx-nav-1-lvl-link{box-shadow:none !important}.bx-aside-nav .bx-nav-1-lvl.bx-nav-parent.bx-hover>.bx-nav-1-lvl-link .bx-nav-1-lvl-link-text,.bx-aside-nav .bx-nav-1-lvl.bx-nav-parent:hover>.bx-nav-1-lvl-link .bx-nav-1-lvl-link-text{background:transparent;color:#fff}.bx-aside-nav .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container-advanced,.bx-aside-nav .bx-nav-1-lvl.hover .bx-nav-2-lvl-container-advanced,.bx-aside-nav .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container,.bx-aside-nav .bx-nav-1-lvl.hover .bx-nav-2-lvl-container{position:relative;box-shadow:none;top:auto}.bx-aside-nav .bx-nav-1-lvl.bx-opened .bx-nav-2-lvl-container-advanced,.bx-aside-nav .bx-nav-1-lvl.bx-opened .bx-nav-2-lvl-container{display:block;opacity:1}.bx-nav-1-lvl.bx-opened,.bx-aside-nav .bx-nav-1-lvl:hover>a,.bx-aside-nav .bx-nav-1-lvl.bx-hover>a{background:#44535c}.bx-aside-nav .bx-nav-2-lvl-link-text,.bx-aside-nav .bx-nav-3-lvl-link-text,.bx-aside-nav .bx-nav-4-lvl-link-text{color:#fff;font-weight:500;font-size:14px}.bx-aside-nav .bx-nav-list-2-lvl{background:#44535c}.bx-aside-nav .bx-nav-2-lvl-link{padding:0 0 0 30px}.bx-aside-nav .bx-nav-2-lvl-link:hover{background-color:#3b4851}.bx-aside-nav .bx-nav-3-lvl-link{padding:0 0 0 45px}.bx-aside-nav .bx-nav-3-lvl-link:hover{background-color:#3b4851}.bx-aside-nav .bx-nav-4-lvl-link{padding:0 0 0 60px}.bx-aside-nav .bx-nav-4-lvl-link:hover{background-color:#3b4851}.bx-aside-nav .bx-nav-parent{position:relative}.bx-aside-nav .bx-nav-parent-arrow{position:absolute;top:0;right:0;z-index:200;margin-top:6px;width:46px;height:34px;border-left:1px solid #5a6971;text-align:center}.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-parent-arrow i{transition:all .15s linear}.bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container-advanced,.bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container,.bx-aside-nav .bx-nav-parent>ul{overflow:hidden;height:0}.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container-advanced,.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container,.bx-aside-nav .bx-nav-parent.bx-opened>ul{height:auto}.bx-aside-nav .bx-nav-catinfo{display:none}.bx-aside-nav .bx-nav-angle-top,.bx-aside-nav .bx-nav-angle-bottom{position:absolute;transform:translate(-50%,-50%);left:50%;top:50%;margin:0}@media(min-width:1200px){.bx-nav-1-lvl>a{font-size:15px}.bx-nav-1-lvl>a span{padding:12px 14px 15px}}@media(min-width:992px) and (max-width:1199px){.bx-nav-1-lvl>a{font-size:13px}.bx-nav-1-lvl>a span{padding:9px 11px 12px}}@media(min-width:768px) and (max-width:991px){.bx-nav-1-lvl>a{font-size:11px}.bx-nav-1-lvl>a span{padding:5px 6px 9px}}@media(min-width:768px){.bx-aside-nav-control,.bx-aside-nav{display:none}.bx-top-nav-container{display:block}}@media(max-width:767px){.bx-aside-nav-control{display:flex;align-items:center;justify-content:center}.bx-aside-nav{display:block}.bx-top-nav-container{display:none}.bx-aside-nav .bx-nav-parent-arrow{display:block}.bx-aside-nav .bx-nav-1-lvl-link-text .bx-nav-angle-bottom{display:none}}.bx-white{--theme-color-primary:#f5f5f5;--theme-color-second:#dfdfdf}.bx-white .bx-nav-1-lvl-link-text,.bx-white .bx-nav-2-lvl-link-text,.bx-white .bx-nav-3-lvl-link.bx-active,.bx-white .bx-nav-3-lvl-link:hover,.bx-white .bx-nav-3-lvl-link.bx-active,.bx-white .bx-nav-3-lvl-link:hover,.bx-white .bx-nav-1-lvl.bx-nav-parent.bx-hover>.bx-nav-1-lvl-link .bx-nav-1-lvl-link-text,.bx-white .bx-nav-1-lvl.bx-nav-parent:hover>.bx-nav-1-lvl-link .bx-nav-1-lvl-link-text{color:#333} /* End */ /* Start:/bitrix/templates/marko_2021/components/bitrix/catalog.top/bootstrap_v4/banner/style.min.css?16393863145075*/ .catalog-top-banner{position:relative;overflow:hidden}.catalog-top-banner-slider{position:relative;display:flex;padding-bottom:30px;left:0;align-items:stretch}.catalog-top-banner-slide{position:relative;display:flex;flex:1;align-items:center}.catalog-top-banner-img-block{position:relative;flex:1}.catalog-top-banner-img-canvas{position:relative;padding-top:56%;height:0}.catalog-top-banner-img-understratum,.catalog-top-banner-img-element{position:absolute;top:10px;right:10px;bottom:10px;left:10px;background:#fff;box-shadow:0 0 5px 0 rgba(123,152,165,.75)}.catalog-top-banner-img-understratum{-webkit-transform:rotate(2deg);-moz-transform:rotate(2deg);-ms-transform:rotate(2deg);-o-transform:rotate(2deg);transform:rotate(2deg)}.catalog-top-banner-img-element{display:block;padding:1px;background-color:#fff;background-position:center;background-size:contain;background-repeat:no-repeat}.catalog-top-banner-stick{position:absolute;overflow:hidden;width:123px;height:35px;background:#f42c2c;color:#fff;text-align:center;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;line-height:35px}.catalog-top-banner-disc{position:absolute;width:72px;height:74px;background:#f42c2c;color:#fff;text-align:center;font-weight:bold;font-size:23px;line-height:74px}.catalog-top-banner-stick.short{font-weight:bold;font-size:18px}.catalog-top-banner-stick.average{font-weight:bold;font-size:13px}.catalog-top-banner-stick.long{font-weight:normal;font-size:11px}.catalog-top-banner-stick.left,.catalog-top-banner-disc.left{left:-2px}.catalog-top-banner-stick.right,.catalog-top-banner-disc.right{right:0}.catalog-top-banner-stick.top,.catalog-top-banner-disc.top{top:15px}.catalog-top-banner-stick.bottom,.catalog-top-banner-disc.bottom{bottom:5px}.catalog-top-banner-stick.middle,.catalog-top-banner-disc.middle{top:49%}.catalog-top-banner-info-block{position:relative;padding:0 40px 0 15px;flex:1}.catalog-top-banner-title{margin:0 0 15px;padding:0}.catalog-top-banner-title a{display:inline-block;color:#000;vertical-align:top;text-decoration:none;font-size:25px}.catalog-top-banner-description{margin-bottom:25px;max-height:160px;color:#658790;font:400 13px/19px "OpenSans","Helvetica Neue",Helvetica,Arial,sans-serif}.catalog-top-banner-price-container{position:relative}.catalog-top-banner-price-container-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:4px 0 0 4px;background-color:var(--theme-color-primary);opacity:.3}.catalog-top-banner-price-right-block{position:absolute;top:0;right:0;bottom:0;left:100%;display:block;max-width:100%;max-height:100%;opacity:.3}.catalog-top-banner-price-right-block polygon{fill:var(--theme-color-primary)}.catalog-top-banner-price-left-block{position:relative;z-index:10;display:flex;padding:10px 15px;align-items:center;flex-wrap:wrap;justify-content:space-between}.catalog-top-banner-price{padding:0 10px 0 0;vertical-align:middle;font-weight:bold;font-size:18px}.catalog-top-banner .catalog-top-banner-price-old{padding:5px 10px 0 0;color:#496771;text-decoration:line-through;font-weight:bold;font-size:14px}.catalog-top-banner .bx_notavailable{position:absolute;top:50%;right:10px;display:inline-block;box-sizing:border-box;margin-top:-13px;margin-bottom:10px;padding:5px 15px;height:26px;border:1px solid #e4e4e4;background:#f3f3f3;text-align:left;white-space:normal;font-weight:bold;font-size:12px;line-height:normal}.catalog-top-banner-arrow-left,.catalog-top-banner-arrow-right{position:absolute;top:50%;z-index:910;margin-top:-29px;width:36px;height:36px;border-radius:50%;background:calc(50% + 1px) center var(--primary) url(/bitrix/templates/marko_2021/components/bitrix/catalog.top/bootstrap_v4/banner/images/arrow.svg) no-repeat;background-size:15px auto;opacity:0;cursor:pointer;transition:250ms linear all}.bx-touch .catalog-top-banner-arrow-left,.bx-touch .catalog-top-banner-arrow-right,.catalog-top-banner:hover .catalog-top-banner-arrow-left,.catalog-top-banner:hover .catalog-top-banner-arrow-right{opacity:.8}.catalog-top-banner:hover .catalog-top-banner-arrow-left:hover,.catalog-top-banner:hover .catalog-top-banner-arrow-right:hover{opacity:1}.catalog-top-banner .catalog-top-banner-arrow-left{left:0;transform:rotate(180deg)}.catalog-top-banner .catalog-top-banner-arrow-right{right:0}.catalog-top-banner:hover .catalog-top-banner-arrow-left:active,.catalog-top-banner:hover .catalog-top-banner-arrow-right:active{opacity:.7}.catalog-top-banner-pagination{position:absolute;bottom:-4px;margin:0;padding:0;width:calc(50% - 15px);list-style:none;text-align:center}.catalog-top-banner-pagination li{display:inline-block;margin:0 3px;width:14px;height:14px;border-radius:50%;background-color:var(--primary);opacity:.3;cursor:pointer;transition:250ms linear all}.catalog-top-banner-pagination li:hover,.catalog-top-banner-pagination li.active{opacity:1!important}@media(max-width:991px){.catalog-top-banner{padding-top:0}.catalog-top-banner-slider{padding-bottom:30px;align-items:center}.catalog-top-banner-slide{flex-direction:column}.catalog-top-banner-img-block,.catalog-top-banner-info-block{width:100%}.catalog-top-banner-pagination{width:100%}} /* End */ /* Start:/bitrix/templates/.default/components/bitrix/catalog.item/bootstrap_v4/style.min.css?162201833223265*/ .product-item-container{position:relative}.product-item-container.hover{z-index:17}.product-item{display:block;box-sizing:border-box;padding-top:15px;width:100%;border:1px solid transparent;border-radius:2px}.product-item-line-card .product-item{border-bottom:1px solid #dadada}.bx-no-touch .product-item-container.hover .product-item{position:absolute;right:-15px;left:-15px;padding:15px 15px 0;width:auto;border-color:transparent;background:#fff;box-shadow:0 7px 15px 0 rgba(0,0,0,.19)}.bx-touch .product-item{padding:15px 0 0;width:auto;background:#fff}.bx-no-touch .product-item-container.hover .product-item{-webkit-animation:product-item-hover 300ms 1 ease;animation:product-item-hover 300ms 1 ease}@-webkit-keyframes product-item-hover{0%{position:absolute;left:-15px;right:-15px;border:1px solid transparent;box-shadow:0 0 0 0 rgba(0,0,0,0)}100%{border:1px solid transparent;box-shadow:0 7px 15px 0 rgba(0,0,0,.19)}}@keyframes product-item-hover{0%{position:absolute;left:-15px;right:-15px;border:1px solid transparent;box-shadow:0 0 0 0 rgba(0,0,0,0)}100%{border:1px solid transparent;box-shadow:0 7px 15px 0 rgba(0,0,0,.19)}}.product-item-image-wrapper{position:relative;display:block;margin-bottom:15px;padding-top:116%;width:100%;transition:all 300ms ease}.product-item-container.hover.product-item-scalable-card .product-item-image-wrapper{padding-top:54%}.product-item-image-original,.product-item-image-alternative{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;background-position:center;background-size:contain;background-repeat:no-repeat;transition:opacity 300ms linear}.product-item-image-original{z-index:11}.product-item-image-alternative{z-index:13;opacity:0}.bx-no-touch .product-item-container.hover .product-item-image-original{opacity:0}.bx-no-touch .product-item-container.hover .product-item-image-alternative{opacity:1}.product-item-big-card .product-item-image-wrapper{margin-bottom:25px}.product-item-image-slider-slide-container{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;width:100%;height:100%;transition:opacity 300ms ease}.product-item-image-slide{position:relative;display:none;height:100%;background-color:#fff;background-position:center;background-size:contain;background-repeat:no-repeat;transition:.6s ease-in-out left}@media all and (transform-3d),(-webkit-transform-3d){.product-item-image-slide{transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.product-item-image-slide.next,.product-item-image-slide.active.right{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.product-item-image-slide.prev,.product-item-image-slide.active.left{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.product-item-image-slide.next.left,.product-item-image-slide.prev.right,.product-item-image-slide.active{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.product-item-image-slider-slide-container>.active,.product-item-image-slider-slide-container>.next,.product-item-image-slider-slide-container>.prev{display:block}.product-item-image-slider-slide-container>.active{left:0}.product-item-image-slider-slide-container>.next,.product-item-image-slider-slide-container>.prev{position:absolute;top:0;width:100%}.product-item-image-slider-slide-container>.next{left:100%}.product-item-image-slider-slide-container>.prev{left:-100%}.product-item-image-slider-slide-container>.next.left,.product-item-image-slider-slide-container>.prev.right{left:0}.product-item-image-slider-progress-bar-container{position:absolute;right:0;bottom:0;left:0;display:block;width:100%;height:1px}.product-item-image-slider-progress-bar{position:absolute;top:0;bottom:0;left:0;display:block;height:1px;background-color:var(--theme-color-primary);opacity:.8}.product-item-image-slider-control-container{position:absolute;right:0;bottom:10px;left:0;z-index:15;display:block;padding:0;text-align:center;opacity:0;transition:opacity 300ms ease}.product-item-container.hover .product-item-image-slider-control-container,.product-item-line-card:hover .product-item-image-slider-control-container{opacity:1}.product-item-image-slider-control,.product-item-image-slider-control.active{display:inline-block;width:12px;height:12px;border-radius:50%;background-color:rgba(128,128,128,.8);opacity:.6;cursor:pointer;transition:all 300ms ease}.product-item-image-slider-control:hover,.product-item-image-slider-control.active:hover{cursor:pointer}.product-item-image-slider-control.active,.product-item-image-slider-control:hover{background-color:var(--primary)}.product-item-label-text,.product-item-label-ring{position:absolute;z-index:15}.product-item-label-text span,.product-item-label-ring{display:inline-block;clear:both;margin-bottom:2px;background:#f42c2c;color:#fff;vertical-align:middle;text-align:center;transition:all 250ms ease}.bx-red .product-item-label-text span,.bx-red .product-item-label-ring{background-color:#fba90c}.product-item-label-text>div,.product-item-label-ring>div{line-height:0}.product-item-label-text span{padding:2px 5px;vertical-align:middle;font-weight:bold}.product-item-label-text.product-item-label-small span,.product-item-scalable-card.hover .product-item-label-text.product-item-label-small span{margin-bottom:1px;padding:2px 7px;font-weight:normal;font-size:13px;line-height:14px}.product-item-big-card .product-item-label-text.product-item-label-small span{padding:5px 12px;font-size:16px;line-height:21px}.product-item-label-text.product-item-label-big span,.product-item-scalable-card.hover .product-item-label-text.product-item-label-big span{padding:4px 10px;font-size:13px;line-height:17px}.product-item-big-card .product-item-label-text.product-item-label-big span{padding:5px 17px;font-size:22px;line-height:33px}@media(max-width:767px){.product-item-label-text>div{line-height:0}.product-item-label-text.product-item-label-small span,.product-item-scalable-card.hover .product-item-label-text.product-item-label-small span{margin-bottom:1px;padding:2px 7px;font-size:10px;line-height:14px}.product-item-big-card .product-item-label-text.product-item-label-small span,.product-item-label-text.product-item-label-big span,.product-item-scalable-card.hover .product-item-label-text.product-item-label-big span{margin-bottom:1px;padding:3px 12px;font-size:14px;line-height:16px}.product-item-big-card .product-item-label-text.product-item-label-big span{padding:3px 12px;font-size:20px;line-height:25px}}.product-item-label-ring{box-sizing:border-box;border-radius:50%;font-weight:bold}.product-item-label-ring.product-item-label-small,.product-item-scalable-card.hover .product-item-label-ring.product-item-label-small{width:40px;height:40px;font-size:14px;line-height:40px}.product-item-big-card .product-item-label-ring.product-item-label-small{width:100px;height:100px;font-size:30px;line-height:100px}.product-item-label-ring.product-item-label-big,.product-item-scalable-card.hover .product-item-label-ring.product-item-label-big{width:50px;height:50px;font-size:18px;line-height:50px}.product-item-big-card .product-item-label-ring.product-item-label-big{width:120px;height:120px;font-size:42px;line-height:120px}@media(max-width:767px){.product-item-label-ring.product-item-label-small,.product-item-scalable-card.hover .product-item-label-ring.product-item-label-small{width:35px;height:35px;font-size:12px;line-height:35px}.product-item-big-card .product-item-label-ring.product-item-label-small,.product-item-label-ring.product-item-label-big,.product-item-scalable-card.hover .product-item-label-ring.product-item-label-big{width:35px;height:35px;font-size:12px;line-height:35px}.product-item-big-card .product-item-label-ring.product-item-label-big{width:70px;height:70px;font-size:24px;line-height:70px}}.product-item-label-top{top:-5px}.product-item-label-center{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.product-item-label-center>div{text-align:center}.product-item-label-left{left:-5px}.product-item-label-left>div{text-align:left}.product-item-label-bottom{bottom:-5px}.product-item-label-middle{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.product-item-label-right{right:-5px}.product-item-label-right>div{text-align:right}.product-item-label-center.product-item-label-middle{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.product-item-title{overflow:hidden;margin:0;padding:0;text-overflow:ellipsis;white-space:nowrap;font-weight:normal;font-size:14px;text-align:center}.bx-touch .product-item-title,.product-item-container.hover .product-item-title{overflow:auto;white-space:normal}.product-item-title a{color:#3f3f3f;text-decoration:none;transition:250ms linear all}.product-item-line-card .product-item-title{white-space:normal;text-align:left}.product-item-big-card .product-item-title a{font-size:21px}.product-item-line-card .product-item-title a{font-size:20px}@media(max-width:1199px){.product-item-big-card .product-item-title a{font-size:18px}}@media(max-width:991px){.product-item-big-card .product-item-title a{font-size:16px}}@media(max-width:767px){.product-item-big-card .product-item-title a{font-size:14px}}@media(max-width:575px){.product-item-big-card .product-item-title a{font-size:16px}}.product-item-price-container{text-align:center;line-height:1}.product-item-price-current{color:#3f3f3f;white-space:nowrap;font-weight:bold;font-size:13px}.product-item-price-old{color:#a5a5a5;text-decoration:line-through;white-space:nowrap;font-size:12px}.product-item-big-card .product-item-price-current,.product-item-big-card .product-item-price-old{vertical-align:middle;line-height:20px}.product-item-big-card .product-item-price-container{margin:0 0 10px}.product-item-big-card .product-item-price-current{font-size:18px}.product-item-big-card .product-item-price-old{font-size:15px}.product-item-info-container{clear:both;margin-bottom:8px}.product-item-info-container-title{font-size:12px}.bx-no-touch .product-item-container .product-item-info-container.product-item-hidden{display:none;opacity:0;transition:opacity 300ms ease}.bx-touch .product-item-info-container.product-item-touch-hidden{display:none!important}.bx-touch .product-item-info-container.product-item-hidden,.bx-no-touch .product-item-container.hover .product-item-info-container.product-item-hidden,.product-item-line-card .product-item-container .product-item-info-container.product-item-hidden{display:block;opacity:1}.product-item-amount{padding:0 0 2px;text-align:center}.product-item-amount-field-btn-plus,.product-item-amount-field-btn-minus{position:relative;display:inline-block;min-width:22px;height:22px;border-radius:2px;background-color:#f2f2f2;color:#fff;vertical-align:middle;text-align:center;cursor:pointer;transition:background 300ms ease,opacity 300ms ease}.bx-retina .product-item-amount-field-btn-plus,.bx-retina .product-item-amount-field-btn-minus{border-width:.5px}.product-item-amount-field-btn-plus:hover,.product-item-amount-field-btn-minus:hover{background:#d3d3d3}.product-item-amount-field-btn-plus:after,.product-item-amount-field-btn-minus:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";opacity:.8;transition:opacity 300ms ease,background 300ms ease}.product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus:after,.product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus:after{opacity:.3!important;cursor:default}.product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus:hover,.product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus:hover{background-color:#f2f2f2}.product-item-amount-field-btn-plus:after{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4gIDxwYXRoIGZpbGw9IiM1MjVDNjgiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE4LDEyIEwxOCwwIEwxMiwwIEwxMiwxMiBMMCwxMiBMMCwxOCBMMTIsMTggTDEyLDMwIEwxOCwzMCBMMTgsMTggTDMwLDE4IEwzMCwxMiBMMTgsMTIgWiIvPjwvc3ZnPg==) no-repeat center;background-size:10px}.product-item-amount-field-btn-minus:after{background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4gIDxyZWN0IHdpZHRoPSIzMCIgaGVpZ2h0PSI2IiB5PSIxMiIgZmlsbD0iIzUyNUM2OCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat center;background-size:10px}.product-item-amount-field-btn-plus:hover:after,.product-item-amount-field-btn-minus:hover:after{opacity:1}.product-item-amount-field{display:inline-block;padding:0;max-width:50px;width:auto;height:22px;border:1px solid transparent;border-radius:2px;background:transparent!important;color:#000;vertical-align:middle;text-align:center;font-weight:bold;line-height:22px;transition:border 300ms ease}.bx-retina .product-item-amount-field{border-width:.5px}.product-item-amount-field:focus{outline:none!important}.bx-no-touch input.product-item-amount-field::-webkit-outer-spin-button,.bx-no-touch input.product-item-amount-field::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;appearance:none}.product-item-amount-description-container{display:block;color:#a5a5a5;white-space:nowrap;font-size:12px}.product-item-big-card .product-item-amount-field-container{text-align:left}.product-item-amount-description-container strong{color:#333;white-space:nowrap}.product-item-amount-label-container{margin:5px 0;color:#a5a5a5;font-weight:bold;font-size:12px}.product-item-quantity{font-size:12px}.product-item-properties{display:block;margin:0}.product-item-properties dl{clear:both}.product-item-properties dt{float:left;clear:both;font-weight:normal;font-size:12px}.product-item-properties dd{float:right;margin-bottom:3px;margin-left:5px;font-size:12px}.product-item-compare-container{position:relative;display:none;margin:0 -15px;padding:4px 15px;min-height:30px;border-top:1px solid #e6e6e6;background:#f3f3f3;box-shadow:inset 0 1px 1px 0 #eee;vertical-align:middle;font-size:12px;line-height:20px}.product-item-line-card .product-item-compare-container{margin:0;border:0;background-color:transparent;box-shadow:none;text-align:center}.bx-touch .product-item-compare-container{display:none}.product-item-line-card .product-item-compare-container,.product-item-container.hover .product-item-compare-container{display:block}.product-item-compare .checkbox{margin:0;padding:0}.product-item-line-card .product-item-scu-container{text-align:left}.product-item-scu-container-title{color:#333;font-size:12px}.product-item-scu-block-title{font-size:12px}.product-item-scu-list{margin:0}.product-item-scu-item-list{overflow:hidden;margin:0;padding:0;list-style:none}.product-item-scu-item-color-container,.product-item-scu-item-text-container{display:inline-block;box-sizing:border-box;padding:5px 3px;max-width:100%}.product-item-scu-item-text-container{min-width:32px}.product-item-scu-item-color-container{max-width:38px;width:25%}.product-item-scu-item-color-block{position:relative;padding-top:100%;outline:1px solid #c0cfda;cursor:pointer}.bx-no-touch .product-item-scu-item-color-block{transition:outline 200ms ease}.bx-retina .product-item-scu-item-color-block{outline-width:.5px}.product-item-scu-item-color-container.selected .product-item-scu-item-color-block{outline-width:2px}.bx-retina .product-item-scu-item.selected .product-item-scu-item-color-block{outline-width:1px}.product-item-scu-item-color{position:absolute;top:2px;right:2px;bottom:2px;left:2px;background-position:center;background-size:contain;background-repeat:no-repeat}.product-item-scu-item-text-block{position:relative;padding:0 5px;outline:1px solid #c0cfda;cursor:pointer}.bx-no-touch .product-item-scu-item-text-block{transition:outline 300ms ease}.bx-retina .product-item-scu-item-text-block{outline-width:.5px}.product-item-scu-item-text-container.selected .product-item-scu-item-text-block{outline-width:2px}.bx-retina .product-item-scu-item.selected .product-item-scu-item-text-block{outline-width:1px}.product-item-scu-item-text{overflow:hidden;max-width:100%;vertical-align:middle;text-align:center;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:18px}.product-item-scu-item-color-container.notallowed .product-item-scu-item-color-block,.product-item-scu-item-text-container.notallowed .product-item-scu-item-text-block{position:relative;outline-color:#a9adb4!important}.product-item-scu-item-color-container.notallowed .product-item-scu-item-color-block:after,.product-item-scu-item-text-container.notallowed .product-item-scu-item-text-block:after{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:rgba(255,255,255,0.75) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2Ij4gIDxwYXRoIGZpbGw9IiNBOUFEQjQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjM5MjEyNjgsMTMuMjMyMzAyOSBMMjUuOTkyLDEuNDE4IEwyNC42LDAgTDEyLjk5OTk5NTYsMTEuODE0NDM2NCBMMS40LDAgTDAuMDA5LDEuNDE5IEwxMS42MDc4Njg3LDEzLjIzMjI5NzUgTDAuNDczLDI0LjU3MyBMMS44NjUsMjUuOTkxIEwxMi45OTk5OTkzLDE0LjY1MDE2NDUgTDI0LjEzNCwyNS45OSBMMjUuNTI2LDI0LjU3MiBMMTQuMzkyMTI2OCwxMy4yMzIzMDI5IFoiLz48L3N2Zz4=) no-repeat center;background-size:80% 80%;content:""}.product-item-scu-item-text-block:hover,.product-item-scu-item-color-block:hover,.product-item-scu-item-text-container.selected .product-item-scu-item-text-block,.product-item-scu-item-color-container.selected .product-item-scu-item-color-block{outline-color:var(--primary)}.product-item-description-container p{color:#575757;font-size:13px}.product-item-button-container{text-align:center}.product-item-button-container .btn{margin-bottom:2px}.product-item-sticker,.product-item-sticker-round{display:none}.product-item-more-container{position:relative;display:block;box-sizing:border-box;padding:15px 15px 5px;width:100%;border:1px solid transparent;border-radius:2px;transition:all 300ms ease}.product-item-more-wrapper{position:relative;display:block;margin-bottom:15px;padding-top:116%;width:100%}.product-item-more{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;background:#f3f3f3 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjk3LjYxMyAyOTcuNjEzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjxjaXJjbGUgY3g9IjE1LjI3OSIgY3k9IjE0LjgzIiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjU5LjMyIiBjeT0iNTkuNzY5IiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjU5LjMyIiBjeT0iMTQuODMiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTA0LjI2MSIgY3k9IjU5Ljc2OSIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxMDQuMjYxIiBjeT0iMTAzLjgxIiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjEwNC4yNjEiIGN5PSIxNC44MyIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iNTkuNzY5IiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjE0OC4zMDIiIGN5PSIxMDMuODEiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTQ4LjMwMiIgY3k9IjE0LjgzIiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjE5Mi4zNDMiIGN5PSI1OS43NjkiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTkyLjM0MyIgY3k9IjEwMy44MSIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iMTQ3Ljg1MiIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxOTIuMzQzIiBjeT0iMTQ3Ljg1MiIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxMDQuMjYxIiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxOTIuMzQzIiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSI1OS4zMiIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTA0LjI2MSIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTQ4LjMwMiIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTkyLjM0MyIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMjM4LjIzOCIgY3k9IjEwMy44MSIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIyMzguMjM4IiBjeT0iMTQ3Ljg1MiIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIyMzguMjM4IiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNS4yNzkiIGN5PSIyODIuNzgyIiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSI1OS4zMiIgY3k9IjI4Mi43ODIiIHI9IjE0LjgzMSIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjEwNC4yNjEiIGN5PSIyODIuNzgyIiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iMjgyLjc4MiIgcj0iMTQuODMxIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMjgyLjMzNCIgY3k9IjE0Ny44NTIiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjwvc3ZnPg==) no-repeat center;background-size:50%;opacity:.7;transition:opacity 300ms ease}.bx-touch .product-item-more,.product-item-container.hover .product-item-more{opacity:1}.product-item-more-title{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input[type='number']{-moz-appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none} /* End */ /* Start:/bitrix/templates/marko_2021/components/bitrix/catalog.top/bootstrap_v4/section/style.min.css?1639386314141*/ .catalog-top-header{font-size:14px;font-weight:bold;text-align:left;margin:5px 0;padding:5px 15px;border-bottom:2px solid #d9dee6;color:#000} /* End */ /* Start:/bitrix/templates/marko_2021/components/bitrix/news.list/bootstrap_v4/style.css?16718253453790*/ .news-list { } .news-list-block { margin-bottom: 40px; padding: 0 14px; } div .news-list .card-title, .news-list .card-title a { color: #dd1f2c; } /* POST FORMATS */ .news-list-item-embed-audio, .news-list-item-embed-video, .news-list-item-embed-slider { position: relative; margin-bottom: 20px; text-align: center; } .news-list-item-embed-slider img { max-width: 100%; max-height: 100%; width: auto; height: auto } .news-list-item-embed-video { z-index: 1; display: block; background: url(/bitrix/templates/marko_2021/components/bitrix/news.list/bootstrap_v4/images/bx-video.png) no-repeat center; transition: opacity .3s ease; } /*region POST FORMATS /// SLIDER */ .news-list-item-embed-slider { overflow: hidden; padding-bottom: 56.25%; width: 100%; height: 0; } .news-list-slider-container { position: absolute; top: 0; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .news-list-slider-slide { z-index: 100; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .news-list-slider-slide img { border-radius: 3px 3px 0 0; } .news-list-item-embed-video { overflow: hidden; border-radius: 3px 3px 0 0; } .news-list-slider-arrow-container-left, .news-list-slider-arrow-container-right { position: absolute; top: 0; bottom: 0; width: 15%; cursor: pointer; } .news-list-slider-arrow-container-left { left: 0; } .news-list-slider-arrow-container-right { right: 0; } .news-list-slider-arrow { position: absolute; top: 50%; z-index: 110; margin-top: -24px; width: 20px; height: 48px; color: #fff; vertical-align: middle; text-shadow: 0 0 2px rgba(0, 0, 0, .5); font-size: 48px; line-height: 34px; opacity: .5; cursor: pointer; } .news-list-slider-arrow-container-left:hover .news-list-slider-arrow, .news-list-slider-arrow-container-right:hover .news-list-slider-arrow { display: block; color: #fff; opacity: 1; } .news-list-slider-arrow-container-left .news-list-slider-arrow { left: 20px; } .news-list-slider-arrow-container-right .news-list-slider-arrow { right: 20px; } .news-list-slider-control { position: absolute; bottom: 10px; z-index: 110; margin: 0; padding: 0; width: 100%; text-align: center; word-spacing: -4px; } .news-list-slider-control li { display: inline-block; margin: 0 3px; width: 10px; height: 10px; border-radius: 50%; background: #fff; word-spacing: -4px; opacity: .5; cursor: pointer; } .news-list-slider-control li:hover, .news-list-slider-control li.current { background: var(--primary); opacity: 1; } .news-list-slider-arrow, .news-list-slider-control li { transition: opacity .3s ease; } /*endregion*/ .news-list .card-title, .news-list .card-title a { margin: 0; padding: 0 0 15px; color: var(--primary); font: 600 18px "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; } .news-list .card-title a:hover { border-bottom-color: transparent; text-decoration: none; } .news-list-post-params { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 5px; } .news-list-param, .news-list-value{ font-size:13px; color: #a4a4a4; padding-left: 5px; } .news-list-icon { display: block; min-width: 15px; height: 15px; background-position: center; background-size: contain; background-repeat: no-repeat; } .news-list-icon-eye { background-image: url(/bitrix/templates/marko_2021/components/bitrix/news.list/bootstrap_v4/images/eye.svg); } .news-list-icon-calendar { background-image: url(/bitrix/templates/marko_2021/components/bitrix/news.list/bootstrap_v4/images/calendar.svg); } .news-list-icon-tag { background-image: url(/bitrix/templates/marko_2021/components/bitrix/news.list/bootstrap_v4/images/tag.svg); } .news-list-icon-user { background-image: url(/bitrix/templates/marko_2021/components/bitrix/news.list/bootstrap_v4/images/user.svg); } .news-list-icon-comments { background-image: url(/bitrix/templates/marko_2021/components/bitrix/news.list/bootstrap_v4/images/comments.svg); } /* End */ /* Start:/bitrix/templates/.default/components/bitrix/form/telemento_tovar/bitrix/form.result.new/.default/style.css?17606070661780*/ .captcha { overflow: hidden; margin-bottom: 10px; margin-top: 15px; } div.contactform_category textarea { height: 102px; } .form-required { color: red; } .error-fld { display: block; float: left; height: 13px; width: 15px; background-repeat: no-repeat; background-image: url(/bitrix/templates/.default/components/bitrix/form/telemento_tovar/bitrix/form.result.new/.default/images/icon_warn.gif); } /* Контейнер чекбокса согласия */ .consent-inline { display: inline-flex; align-items: center; font-size: 14px; line-height: 1.3; font-weight: normal; /* убираем жирность */ cursor: pointer; margin: 0; padding: 0; } /* Галочка */ .consent-inline input[type="checkbox"] { width: 16px; height: 16px; margin: 0; } /* Отступ текста справа от галочки */ .consent-inline span { margin-left: 8px; /* регулируй число: 6px, 10px и т.д. */ } /* Ограничиваем высоту списка подсказок */ input[list]::-webkit-calendar-picker-indicator { display: none !important; /* убираем стрелку */ } datalist { max-height: 240px; /* ограничиваем высоту списка */ overflow-y: auto; /* прокрутка */ } /* В Chrome/Edge можно управлять внутренним списком */ ::-webkit-scrollbar { width: 6px; } ::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; } ::-webkit-scrollbar-thumb:hover { background: #999; } /* Стиль только для надписи "Регион" */ #region-label { display:inline-block; margin-bottom:6px; font-size:12px; /* чуть меньше */ color:#888; /* светло-серый */ font-weight:400; /* не жирный */ line-height:1.1; } /* End */ /* Start:/bitrix/templates/marko_2021/styles.css?178669342873557*/ html { height: 100%;} html {box-sizing: border-box; -ms-overflow-style: scrollbar;} html body {font-family:Inter,Verdana; height: 100%; } .center-img img { max-width: 100%; } .center-img { text-align: center; } .grey-container { margin-top: 176px; background: rgba(5, 25, 67, 0.03); padding-top: 96px; padding-bottom: 96px; } .mt--50 { margin-top: -29px; } .light-grey-block { padding: 56px 0; background: rgba(5, 25, 67, 0.03); } .border-radius-4 { border-radius: 4px; } .mt-176 {margin-top:60px;} .mb-176 {margin-bottom:60px;} .pt-176 {padding-top:60px;} .pb-176 {padding-bottom:60px;} .pt-48 {padding-top:48px!important;} .pb-48 {padding-bottom:48px!important;} .mt-48 {margin-top:48px!important;} .mb-48 {margin-bottom:48px!important;} .font-14-22 {font-size:14px!important; line-height:22px!important;} .blue-100 {background-color: #2D5AE0;} .blue-8 {background: rgba(135, 136, 139, 0.08);} .blue-4 {background: rgba(45, 90, 224, 0.04);} .red-100 {background-color: #f63837;} .red-1 {background-color: #f37052; color:#fff} .red-2 {background-color: #d13d43; color:#fff} .red-3 {background-color: #a5141a; color:#fff} .red-4 {background-color: #730101; color:#fff} .red-1 .h3, .red-1 .h2, .red-1 .h4, .red-2 .h3, .red-2 .h2, .red-3 .h4, .red-3 .h3, .red-3 .h2, .red-3 .h4, .red-4 .h3, .red-4 .h2, .red-4 .h4 {color:#fff} .red-1 a, .red-2 a, .red-3 a, .red-4 a {color:#fff; text-decoration:underline;} .red-1 a:hover, .red-2 a:hover, .red-3 a:hover, .red-4 a:hover {color:#fff; text-decoration:underline; text-shadow: 0 0 3px white;} .dark-blue-100 {background: #051943;} .dark-blue-94 {background: rgba(9, 29, 70, 0.94);} .dark-blue-84 {background: rgba(9, 29, 70, 0.84);} .dark-blue-50 {background: rgba(9, 29, 70, 0.50);} .dark-blue-3 {background: rgba(9, 29, 70, 0.03);} .white-100 {background: #FFFFFF;} .p-2 {padding:16px;} @media (max-width: 1439px) { .light-grey-block { padding: 48px 0; } } @media (max-width: 1279px) { div div h2.v2, div div .h2.v2 { font-size: 32px; } div div h1.v3, div div .h1.v3 { font-size: 32px; } .mt-176 {margin-top:116px;} .mb-176 {margin-bottom:116px;} .font-md-14-22 {font-size:14px!important; line-height:22px!important;} } .risk { margin-bottom: 48px; } /*=========================about=======================*/ .history-carousel.rel-products.owl-carousel.owl-theme.owl-loaded.owl-drag { margin-bottom: -20px; } .history-carousel .owl-dots { display: none!important; } p.text-italic.color-red { margin-bottom: 0; } .lineabout { background: url(/images/line2.png) no-repeat bottom 155px center; } .row.about-1 { margin-top: 112px; } .h2.v2.about-header { max-width: 472px; margin-bottom: 0px; margin-top: 0px; } .top-header { margin-top: 48px; color: rgba(9, 29, 70, 0.5); font-size: 14px; line-height: 24px; margin-bottom: 8px; font-weight: normal; } .about-text { margin-top: 48px; color: rgba(9, 29, 70, 0.94); max-width:488px; } .about-1-img { } .row.no-gutters { margin-right: 0; margin-left: 0; } .about-2 { margin-top: 176px; } .about-2-img { } .about-2-img img { max-height: 492px; width: auto; } .testim { margin-top: 70px; padding-left: 92px; padding-top: 26px; background: url(/images/quote.png) no-repeat top 26px left; padding-bottom: 176px; } .testim div { max-width: 592px; color: #2D5AE0; } p.comand-1 { max-width: 488px; /* width: 488px; */ margin-left: 104px; /* float: right; */ margin-top: 48px; margin-bottom: 48px; } p.comand-2 { margin-top: 48px; max-width: 488px; margin-bottom: 28px; } .comand-2-info { max-width: 280px; color: rgba(9, 29, 70, 0.5); } .color-blue { color: #2D5AE0; } .mission-text { padding-top: 102px; } .hist { width: 207px; margin-right: 4px; background: rgba(5, 25, 67, 0.03) url(/images/strip.png) repeat-x top left; height: auto; background-size: 17.333px; padding: 64px 12px; min-height: 760px; border-right: 1px solid rgba(45, 90, 224, 0.08); } .hist.hist2 { width: 415px; } .history-carousel { margin-top: 56px; width: 110%; } .hist-title { text-align: center; margin-bottom: 24px; font-size: 24px; font-weight: 800; height: 110%; color: #2D5AE0; } .hist-text p { /*text-indent: 64px;*/ color: rgba(9, 29, 70, 0.7); font-size: 14px; line-height: 22px; text-align: left; } .hist-text p b { font-weight: normal; color: rgba(9, 29, 70, 1); font-style: italic; } .history-carousel .owl-stage-outer { width: 108%; } .owl-carousel.owl-drag .owl-item .hist.item { opacity: 1; } .owl-carousel.owl-drag .owl-item { opacity: 1; } .owl-carousel.owl-drag .owl-item.active .hist.item { opacity: 1; } .history-carousel.rel-products.owl-theme .owl-nav { position: absolute; right: 0; margin-top: -877px; } .sert-top { padding-top: 54px; margin-bottom: 166px; } .sert-top a.btn.btn-link.btn-arrow.d-none.d-md-block { float: right; margin-top: -96px; } .history-carousel .owl-dots { display: none; } @media (max-width: 1439px) { .row.about-1 { margin-top: 76px; } p.comand-1 { max-width: 488px; /* width: 488px; */ margin-left: 92px; /* float: right; */ margin-top: 48px; margin-bottom: 48px; } } @media (max-width: 1267px) { .lineabout { background: none; } } @media (max-width: 767px) { .history-carousel.rel-products.owl-theme .owl-nav { margin-top: -869px; } .cert-title { font-size:18px; } .sert-top { padding-top: 48px; margin-bottom: 166px; } div .cert-container:hover img.cert-hidden.d-none { display: none!important; } .row.about-1 { margin-top: 48px; } .about-text { margin-top: 40px; } div.cert-container { padding: 32px 0; } .about-2 { margin-top: 104px; } .mission-text { padding-top: 40px; } p.comand-1 { margin-left: 0px; margin-top: 48px; margin-bottom: 32px; } p.comand-2 { margin-top: 32px; margin-bottom: 24px; } .comand-2-info.text-right.text-italic { max-width: 280px; text-align: left!important; color: rgba(9, 29, 70, 0.5); } .history-carousel { margin-top: 48px; } } .h1.v3 { text-transform: none; font-weight: 800; font-size: 42px; line-height: 110%; color: #051943; margin-bottom: 0px; margin-top: 0px; } div .color-red { color: #E04728; } .preim-block { background: #fff; padding: 32px 28px 48px 32px; margin-top: 32px; padding-bottom: 48px; border-left: 1px solid rgba(45, 90, 224, 0.08); } .preim img { filter: saturate(0.9); } .preim-container h2 { margin-top: 0; margin-bottom: 32px; } .preim-block .h3 { background: no-repeat top left; height: 48px; padding-left: 76px; padding-top: 12px; margin-bottom: 28px; margin-top: 0; } .preim-block.preim-block1 .h3 { background-image: url(/images/icon-pre1.png); } .preim-block.preim-block2 .h3 { background-image: url(/images/icon-pre2.png); } .preim-block.preim-block3 .h3 { background-image: url(/images/icon-pre3.png); } .preim-block.preim-block4 .h3 { background-image: url(/images/icon-pre4.png); } .preim-block.preim-block5 .h3 { background-image: url(/images/icon-pre5.png); } .preim-block.preim-block6 .h3 { background-image: url(/images/icon-pre6.png); } a.fancy{} .text-italic { font-style: italic; } div h2, div .h2 { text-transform: none; font-size: 36px; color: #051943; font-weight: 800; letter-spacing: -0.24px; line-height: 110%; margin-top: 30px; } div h2.v2, div .h2.v2 { font-style: normal; font-size: 42px; } div h1 { text-transform: none; font-size: 42px; color: #4b4c4f; /* font-style: italic; */ font-weight: 800; /* letter-spacing: -0.24px; */ line-height: 110%; margin-top: 0px; margin-bottom: 12px; } div h1.v2 { font-size: 42px; font-style: normal; } div h3, div .h3 { text-transform: uppercase; font-size: 24px; color: #4b4c4f; font-style: normal; font-weight: bold; letter-spacing: -0.32px; line-height: 100%; } div h3.v2, div .h3.v2 { text-transform: none; font-weight: 800; line-height: 110%; letter-spacing: -0.16px; } div h3.v3, div .h3.v3 { text-transform: none; font-weight: 500; line-height: 110%; } div h1 span, div h2 span, div h3 span, div .h1 span, div .h2 span, div .h3 span { color: rgba(5, 25, 67, 0.2); } .border-item { border: 0; border-radius: 4px; padding-left: 16px; padding-right: 16px; padding-bottom: 50px; /* min-height: 370px; */ margin-bottom: 73px; height: 100%; } .top-servise h3.v2, .top-servise .h3.v2 { margin-top: 32px; } .row.top-service-container { margin: 0; padding-top: 76px; } .border-item a.btn.btn-link.btn-arrow { position: absolute; bottom: 28px; } .top-service:hover { background: rgba(45, 90, 224, 0.04); } .top-service { border-left: 1px solid rgba(45, 90, 224, 0.08); } img.img-responsive { max-width: 100%; height:auto;} .mt-6 { margin-top: 200px; } .mt-88 { margin-top: 88px; } /*======Блоки================*/ .blue-b { background: #2D5AE0!important; padding: 16px; color: #fff!important; margin: 1rem 0; } .yellow-b { background: #E0AD28!important; padding: 16px; color: #fff!important; margin: 1rem 0; } .red-b { background: #f63837!important; padding: 16px; color: #fff!important; margin: 1rem 0; } .green-b { background: #07E0AE!important; padding: 16px; color: #fff!important; margin: 1rem 0; } .blue-b h2, .blue-b h3, .blue-b h4, .blue-b h5, .blue-b h6, .blue-b p, .blue-b .btn, .green-b h2, .green-b h3, .green-b h4, .green-b h5, .green-b h6, .green-b p, .green-b .btn, .red-b h2, .red-b h3, .red-b h4, .red-b h5, .red-b h6, .red-b p, .red-b .btn, .yellow-b h2, .yellow-b h3, .yellow-b h4, .yellow-b h5, .yellow-b h6, .yellow-b p, .yellow-b .btn { color: #fff!important; border-color: #fff!important; } .grey-b { background: #ddd!important; padding: 16px; color: #333!important; } .ulstein-block-1 { margin-top: 2rem; margin-bottom: 2rem; } .ulstein-block-1 .col-lg-4 { background: #2b74b7; color: #fff; margin:0!important; padding:25px!important; font-size: 18px; text-align: center; } .ulstein-block-1 h3, .ulstein-block-2 h3 { color: #fff; margin-top: 0px; margin-bottom: 30px; text-align: left; } .ulstein-block-1 .grey-b h3, .ulstein-block-2 .grey-b h3 { color: #333; } .ulstein-block-1 .btn-outline-secondary, .ulstein-block-2 .btn-outline-secondary { color: #fff; border: 2px solid; margin: 30px auto; } .ulstein-block-1 .grey-b .btn-outline-secondary { color: #999; } .ulstein-block-1 .col-lg-4 p { text-align: left; } .ulstein-block-1 .pict.col-lg-8.col-12::before { content: ""; position: absolute; z-index: 5; width: 40px; background: #2b74b7; top: 50%; margin-left: -20px; height: 40px; transform: translateY(-50%) rotate(45deg); } .ulstein-block-1 .pict.col-lg-8.col-12.order-md-1::before { left: 100%; } .ulstein-block-1 .pict { background-size: cover; min-height: 250px; } @media (max-width: 768px) { div.ulstein-block-1 .pict.col-lg-8.col-12.order-md-1::before, div.ulstein-block-1 .pict.col-lg-8.col-12.order-md-2::before { left: 50%; top:100%; margin-bottom:-16px; } } #myTabContent table{ border: 1px solid #dee2e6; } #myTabContent table th, #myTabContent table td { border: 1px solid #dee2e6; } #myTabContent table thead th, #myTabContent table thead td { border-bottom-width: 2px; } #myTabContent table { width: 100%; margin-bottom: 1rem; color: #212529; } #myTabContent table th, #myTabContent table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } #myTabContent table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } #myTabContent table tbody + tbody { border-top: 2px solid #dee2e6; } div#footer .btn-link.blue { color: #2456ED; } div#footer a.btn-link.btn-foot21 { font-family: Inter; font-style: normal; padding: 0; font-weight: normal; font-size: 14px; line-height: 100%; letter-spacing: -0.12px; color: #2D5AE0; background-image: url(/images/arrowimgblue-r-sm.png); padding-right: 16px; background-position: right center; padding-left: 12.93px; margin-bottom:18px; margin-left:3px; } div#footer a.btn-link.btn-foot11 { font-family: Inter; font-style: normal; font-weight: normal; font-size: 14px; line-height: 100%; position: absolute; letter-spacing: -0.12px; color: rgba(9, 29, 70, 0.5); text-decoration:none; margin-top:7px; margin-left:3px; background:url(/images/arrowgrey-l.png) no-repeat center right; padding-right:16px; } div#footer a.btn-link.btn-foot12 { font-family: Inter; font-style: normal; font-weight: normal; font-size: 14px; line-height: 100%; position: absolute; letter-spacing: -0.12px; color: rgba(9, 29, 70, 0.5); text-decoration:none; background:url(/images/arrowgrey-l.png) no-repeat center right; padding-right:16px; margin-top:16px; margin-left:3px; } div#footer .othersites a.btn.btn-link.btn-arrow.btn-foot21.blue { margin-bottom: 0; line-height: 24px; margin-left: 0; padding-left: 0; } div.foot-list2 { padding-left: 0; } div#footer a { color: #000000; line-height: 24px; } div#footer { background: rgba(5, 25, 67, 0.03); color: #000; font-size: 14px; padding-top: 48px; } #footer h4, #footer .h4 { font-family: Inter; font-style: normal; font-weight: 500; font-size: 14px; line-height: 24px; letter-spacing: -0.16px; color: #051943; margin-top:0px; margin-bottom: 12px; text-transform:none; } #footer .logo { max-width: 180px; margin-top: 0; } .social div { float: left; margin-right: 4px; } .cont-t { font-family: Inter; font-style: normal; font-weight: 500; font-size: 14px; line-height: 24px; letter-spacing: -0.16px; color: #051943; margin-bottom: 12px; } .tel1 { } .email, .tel1 { color: rgba(9, 29, 70, 0.5); font-family: Inter; font-style: normal; font-weight: normal; font-size: 14px; line-height: 24px; } .tel2 { padding-left: 70px; } #footer .email a.btn-arrow, #footer .tel1 a.btn-arrow { font-family: Inter; font-style: normal; font-weight: normal; font-size: 14px; line-height: 100%; letter-spacing: -0.12px; color: #2D5AE0; background-image: url(/images/arrowimgblue-r-sm.png); padding-right: 16px; background-position: right center; padding-left: 12.93px; } #footer .tel2 a.btn-arrow { font-family: Inter; font-style: normal; font-weight: normal; font-size: 14px; line-height: 100%; letter-spacing: -0.12px; color: #2D5AE0; background-image: url(/images/arrowimgblue-r-sm.png); padding-right: 16px; background-position: right center; padding-left: 12.93px; } .m-auto {margin:auto!important;} .container { width: 100%; padding-right: 16px; padding-left: 16px; margin-right: auto; margin-left: auto; } @media (max-width: 1279px) { div h2.v2 { font-style: normal; font-size: 32px; /* line-height: 35.2px; */ } div.foot-list { padding-left: 0; } div#footer div a.btn-link.btn-foot21 { padding-left: 0; margin-left: 0; margin-bottom: 10px; } #footer-copyright .text-right { text-align: left!important; } div#footer h4, div#footer .h4, div#footer .foot-list2 .cont-t { margin-top: 45px; } a.btn-link.btn-foot11 { position: absolute; bottom: 42px; } a.btn-link.btn-foot12 { position: absolute; bottom: 10px; } } @media (max-width: 767px) { .sitemap { margin-top: 48px; } div h2 {font-size:20px;} .container { padding: 0!important; } #footer .container { padding-left: 16px!important; padding-right: 16px!important; } #footer div.foot-list2 { background: rgba(45, 90, 224, 0.08); padding: 12px 16px; margin-top: 17.89px; } div#footer .logo { margin: 0; margin-left: -16px; } div div#footer-copyright { padding: 0px; margin-top: 21px; padding-top: 16px; margin-left: -16px; margin-right: -16px; padding-bottom:24px; } div div.foot-list { padding-left: 16px; } div#footer .foot-list h4, div#footer .foot-list .h4 { margin-top: 16px; } div#footer div a.btn-link.btn-foot11, div#footer div a.btn-link.btn-foot12 { position: unset; margin-left:0px; } div#footer .foot-list.othersites h4, div#footer .foot-list.othersites .h4.other { margin-top: 64px; margin-bottom: 16px; font-family: Inter; font-style: normal; font-weight: 500; font-size: 14px; line-height: 24px; text-align: center; letter-spacing: -0.16px; color: #051943; } div#footer .foot-list.othersites h4, div#footer .foot-list.othersites>.h4 { margin-top: 16px; margin-bottom: 16px; font-family: Inter; font-style: normal; font-weight: 500; font-size: 14px; line-height: 24px; text-align: left; letter-spacing: -0.16px; color: #051943; } } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -16px; margin-left: -16px; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .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-auto, .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-sm-auto, .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-md-auto, .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-lg-auto, .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, .col-xl-auto { position: relative; width: 100%; padding-right: 16px; padding-left: 16px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -ms-flex-order: -1; order: -1; } .order-last { -ms-flex-order: 13; order: 13; } .order-0 { -ms-flex-order: 0; order: 0; } .order-1 { -ms-flex-order: 1; order: 1; } .order-2 { -ms-flex-order: 2; order: 2; } .order-3 { -ms-flex-order: 3; order: 3; } .order-4 { -ms-flex-order: 4; order: 4; } .order-5 { -ms-flex-order: 5; order: 5; } .order-6 { -ms-flex-order: 6; order: 6; } .order-7 { -ms-flex-order: 7; order: 7; } .order-8 { -ms-flex-order: 8; order: 8; } .order-9 { -ms-flex-order: 9; order: 9; } .order-10 { -ms-flex-order: 10; order: 10; } .order-11 { -ms-flex-order: 11; order: 11; } .order-12 { -ms-flex-order: 12; order: 12; } .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: 768px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -ms-flex-order: -1; order: -1; } .order-sm-last { -ms-flex-order: 13; order: 13; } .order-sm-0 { -ms-flex-order: 0; order: 0; } .order-sm-1 { -ms-flex-order: 1; order: 1; } .order-sm-2 { -ms-flex-order: 2; order: 2; } .order-sm-3 { -ms-flex-order: 3; order: 3; } .order-sm-4 { -ms-flex-order: 4; order: 4; } .order-sm-5 { -ms-flex-order: 5; order: 5; } .order-sm-6 { -ms-flex-order: 6; order: 6; } .order-sm-7 { -ms-flex-order: 7; order: 7; } .order-sm-8 { -ms-flex-order: 8; order: 8; } .order-sm-9 { -ms-flex-order: 9; order: 9; } .order-sm-10 { -ms-flex-order: 10; order: 10; } .order-sm-11 { -ms-flex-order: 11; order: 11; } .order-sm-12 { -ms-flex-order: 12; order: 12; } .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 { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -ms-flex-order: -1; order: -1; } .order-md-last { -ms-flex-order: 13; order: 13; } .order-md-0 { -ms-flex-order: 0; order: 0; } .order-md-1 { -ms-flex-order: 1; order: 1; } .order-md-2 { -ms-flex-order: 2; order: 2; } .order-md-3 { -ms-flex-order: 3; order: 3; } .order-md-4 { -ms-flex-order: 4; order: 4; } .order-md-5 { -ms-flex-order: 5; order: 5; } .order-md-6 { -ms-flex-order: 6; order: 6; } .order-md-7 { -ms-flex-order: 7; order: 7; } .order-md-8 { -ms-flex-order: 8; order: 8; } .order-md-9 { -ms-flex-order: 9; order: 9; } .order-md-10 { -ms-flex-order: 10; order: 10; } .order-md-11 { -ms-flex-order: 11; order: 11; } .order-md-12 { -ms-flex-order: 12; order: 12; } .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: 1280px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -ms-flex-order: -1; order: -1; } .order-lg-last { -ms-flex-order: 13; order: 13; } .order-lg-0 { -ms-flex-order: 0; order: 0; } .order-lg-1 { -ms-flex-order: 1; order: 1; } .order-lg-2 { -ms-flex-order: 2; order: 2; } .order-lg-3 { -ms-flex-order: 3; order: 3; } .order-lg-4 { -ms-flex-order: 4; order: 4; } .order-lg-5 { -ms-flex-order: 5; order: 5; } .order-lg-6 { -ms-flex-order: 6; order: 6; } .order-lg-7 { -ms-flex-order: 7; order: 7; } .order-lg-8 { -ms-flex-order: 8; order: 8; } .order-lg-9 { -ms-flex-order: 9; order: 9; } .order-lg-10 { -ms-flex-order: 10; order: 10; } .order-lg-11 { -ms-flex-order: 11; order: 11; } .order-lg-12 { -ms-flex-order: 12; order: 12; } .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: 1440px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -ms-flex-order: -1; order: -1; } .order-xl-last { -ms-flex-order: 13; order: 13; } .order-xl-0 { -ms-flex-order: 0; order: 0; } .order-xl-1 { -ms-flex-order: 1; order: 1; } .order-xl-2 { -ms-flex-order: 2; order: 2; } .order-xl-3 { -ms-flex-order: 3; order: 3; } .order-xl-4 { -ms-flex-order: 4; order: 4; } .order-xl-5 { -ms-flex-order: 5; order: 5; } .order-xl-6 { -ms-flex-order: 6; order: 6; } .order-xl-7 { -ms-flex-order: 7; order: 7; } .order-xl-8 { -ms-flex-order: 8; order: 8; } .order-xl-9 { -ms-flex-order: 9; order: 9; } .order-xl-10 { -ms-flex-order: 10; order: 10; } .order-xl-11 { -ms-flex-order: 11; order: 11; } .order-xl-12 { -ms-flex-order: 12; order: 12; } .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%; } } /*! * Bootstrap v4.3.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #f63837; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 360px; --breakpoint-md: 768px; --breakpoint-lg: 1280px; --breakpoint-xl: 1440px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 16px; font-weight: normal; line-height: 24px; color: rgba(9, 29, 70, 0.85); text-align: left; background-color: #fff; } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 1rem; margin-bottom: 1rem; font-weight: bold; color: #1874b7; } p { margin-top: 0; margin-bottom: 24px; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } 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: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #1874b7; text-decoration: none; background-color: rgba(255, 255, 255, 0); } a:hover { color: #1f8fe0; text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto #2092ec; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } select { word-wrap: normal; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 1rem; margin-top: 1rem; line-height: 110%; font-weight: bold; color: #051943; } h1, .h1 { font-size: 42px; text-transform: none; } h2, .h2 { font-size: 42px; text-transform: none; } h3, .h3 { font-size: 1.5rem; } h4, .h4 { font-size: 1.5rem; text-transform: uppercase; color:#333; font-weight:normal; } h5, .h5 { font-size: 1.25rem; color:#333; font-weight:normal; } h6, .h6 { font-size: 1rem; } @media (max-width: 1279px) { .mt-176 { margin-top: 116px; } h1, .h1 { font-size: 32px; text-transform: none; } h2, .h2 { font-size: 32px; text-transform: none; }} .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } 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: 400; } 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: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "\2014\00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code { font-size: 87.5%; color: #e83e8c; word-break: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container-fluid { width: 100%; padding-right: 16px; padding-left: 16px; margin-right: auto; margin-left: auto; } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -16px; margin-left: -16px; } .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-auto, .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-sm-auto, .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-md-auto, .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-lg-auto, .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, .col-xl-auto { position: relative; width: 100%; padding-right: 16px; padding-left: 16px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -ms-flex-order: -1; order: -1; } .order-last { -ms-flex-order: 13; order: 13; } .order-0 { -ms-flex-order: 0; order: 0; } .order-1 { -ms-flex-order: 1; order: 1; } .order-2 { -ms-flex-order: 2; order: 2; } .order-3 { -ms-flex-order: 3; order: 3; } .order-4 { -ms-flex-order: 4; order: 4; } .order-5 { -ms-flex-order: 5; order: 5; } .order-6 { -ms-flex-order: 6; order: 6; } .order-7 { -ms-flex-order: 7; order: 7; } .order-8 { -ms-flex-order: 8; order: 8; } .order-9 { -ms-flex-order: 9; order: 9; } .order-10 { -ms-flex-order: 10; order: 10; } .order-11 { -ms-flex-order: 11; order: 11; } .order-12 { -ms-flex-order: 12; order: 12; } .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: 768px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -ms-flex-order: -1; order: -1; } .order-sm-last { -ms-flex-order: 13; order: 13; } .order-sm-0 { -ms-flex-order: 0; order: 0; } .order-sm-1 { -ms-flex-order: 1; order: 1; } .order-sm-2 { -ms-flex-order: 2; order: 2; } .order-sm-3 { -ms-flex-order: 3; order: 3; } .order-sm-4 { -ms-flex-order: 4; order: 4; } .order-sm-5 { -ms-flex-order: 5; order: 5; } .order-sm-6 { -ms-flex-order: 6; order: 6; } .order-sm-7 { -ms-flex-order: 7; order: 7; } .order-sm-8 { -ms-flex-order: 8; order: 8; } .order-sm-9 { -ms-flex-order: 9; order: 9; } .order-sm-10 { -ms-flex-order: 10; order: 10; } .order-sm-11 { -ms-flex-order: 11; order: 11; } .order-sm-12 { -ms-flex-order: 12; order: 12; } .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 { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -ms-flex-order: -1; order: -1; } .order-md-last { -ms-flex-order: 13; order: 13; } .order-md-0 { -ms-flex-order: 0; order: 0; } .order-md-1 { -ms-flex-order: 1; order: 1; } .order-md-2 { -ms-flex-order: 2; order: 2; } .order-md-3 { -ms-flex-order: 3; order: 3; } .order-md-4 { -ms-flex-order: 4; order: 4; } .order-md-5 { -ms-flex-order: 5; order: 5; } .order-md-6 { -ms-flex-order: 6; order: 6; } .order-md-7 { -ms-flex-order: 7; order: 7; } .order-md-8 { -ms-flex-order: 8; order: 8; } .order-md-9 { -ms-flex-order: 9; order: 9; } .order-md-10 { -ms-flex-order: 10; order: 10; } .order-md-11 { -ms-flex-order: 11; order: 11; } .order-md-12 { -ms-flex-order: 12; order: 12; } .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: 1280px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -ms-flex-order: -1; order: -1; } .order-lg-last { -ms-flex-order: 13; order: 13; } .order-lg-0 { -ms-flex-order: 0; order: 0; } .order-lg-1 { -ms-flex-order: 1; order: 1; } .order-lg-2 { -ms-flex-order: 2; order: 2; } .order-lg-3 { -ms-flex-order: 3; order: 3; } .order-lg-4 { -ms-flex-order: 4; order: 4; } .order-lg-5 { -ms-flex-order: 5; order: 5; } .order-lg-6 { -ms-flex-order: 6; order: 6; } .order-lg-7 { -ms-flex-order: 7; order: 7; } .order-lg-8 { -ms-flex-order: 8; order: 8; } .order-lg-9 { -ms-flex-order: 9; order: 9; } .order-lg-10 { -ms-flex-order: 10; order: 10; } .order-lg-11 { -ms-flex-order: 11; order: 11; } .order-lg-12 { -ms-flex-order: 12; order: 12; } .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: 1440px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -ms-flex-order: -1; order: -1; } .order-xl-last { -ms-flex-order: 13; order: 13; } .order-xl-0 { -ms-flex-order: 0; order: 0; } .order-xl-1 { -ms-flex-order: 1; order: 1; } .order-xl-2 { -ms-flex-order: 2; order: 2; } .order-xl-3 { -ms-flex-order: 3; order: 3; } .order-xl-4 { -ms-flex-order: 4; order: 4; } .order-xl-5 { -ms-flex-order: 5; order: 5; } .order-xl-6 { -ms-flex-order: 6; order: 6; } .order-xl-7 { -ms-flex-order: 7; order: 7; } .order-xl-8 { -ms-flex-order: 8; order: 8; } .order-xl-9 { -ms-flex-order: 9; order: 9; } .order-xl-10 { -ms-flex-order: 10; order: 10; } .order-xl-11 { -ms-flex-order: 11; order: 11; } .order-xl-12 { -ms-flex-order: 12; order: 12; } .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%; margin-bottom: 1rem; color: #212529; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .table tbody + tbody { border-top: 2px solid #dee2e6; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #dee2e6; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { color: #212529; background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #b8daff; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #7abaff; } .table-hover .table-primary:hover { background-color: #9fcdff; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #9fcdff; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #d6d8db; } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #b3b7bb; } .table-hover .table-secondary:hover { background-color: #c8cbcf; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c8cbcf; } .table-success, .table-success > th, .table-success > td { background-color: #c3e6cb; } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #8fd19e; } .table-hover .table-success:hover { background-color: #b1dfbb; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #b1dfbb; } .table-info, .table-info > th, .table-info > td { background-color: #bee5eb; } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #86cfda; } .table-hover .table-info:hover { background-color: #abdde5; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #abdde5; } .table-warning, .table-warning > th, .table-warning > td { background-color: #ffeeba; } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #ffdf7e; } .table-hover .table-warning:hover { background-color: #ffe8a1; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe8a1; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f5c6cb; } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #ed969e; } .table-hover .table-danger:hover { background-color: #f1b0b7; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f1b0b7; } .table-light, .table-light > th, .table-light > td { background-color: #fdfdfe; } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #fbfcfc; } .table-hover .table-light:hover { background-color: #ececf6; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececf6; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c6c8ca; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #95999c; } .table-hover .table-dark:hover { background-color: #b9bbbe; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9bbbe; } .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 .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .table-dark { color: #fff; background-color: #343a40; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #454d55; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { div div.catalog-top-banner-info-block { padding-left: 20px; padding-top: 40px; } .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered { border: 0; } .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: rgba(255, 255, 255, 0); border: 1px solid rgba(255, 255, 255, 0); padding: 0.5rem 1rem; font-size: 14px; font-weight: 500; line-height: 1.5; border-radius: 4px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .btn-arrow { padding-right: 50px; background-image: url(/images/arrowbtn.png); background-repeat: no-repeat; background-position: right 1rem center; } div .btn-arrow.btn-arrow-black { background-image: url(/images/arrowblack.png); } .btn-primary.btn-arrow { padding-right: 68px; background-position: center right 36px; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn-primary { color: #fff; background-color: #dd1f2c; border-color: #f63837; } a.btn-primary { color: #fff; } .btn-link { font-weight: 400; color: #2D5AE0; padding-left: 0; text-decoration: none; } .btn-link.btn-arrow { background-image: url(/images/arrowlink.png); } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } a.btn-primary { color: #fff; } .btn-white { color: #fff; border-color: #fff; } .btn-outline { text-align: center; padding-left: 20px; border-radius: 4px; padding-right: 20px; } .btn-outline.btn-white:hover { text-decoration: none; color: #fff; background: #ffffff40; } .btn-outline-primary { color: #1874b7; border-color: #2b6e9f; } .btn-outline-secondary { color: #6c757d; border-color: #6c757d; } .text-justify { text-align: justify !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .text-uppercase { text-transform: uppercase !important; } @media (max-width: 1439px) { .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-auto, .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-sm-auto, .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-md-auto, .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-lg-auto, .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, .col-xl-auto { padding-right: 12px; padding-left: 12px; } .row { margin-right: -12px; margin-left: -12px; } div .container { padding-right: 12px; padding-left: 12px; } } @media (max-width: 1279px) { .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-auto, .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-sm-auto, .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-md-auto, .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-lg-auto, .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, .col-xl-auto { padding-right: 8px; padding-left: 8px; } .row { margin-right: -8px; margin-left: -8px; } div .container { padding-right: 8px; padding-left: 8px; } } @media (min-width: 360px) { .container { max-width: 328px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 1280px) { .container { max-width: 1152px; } } @media (min-width: 1440px) { .container { max-width: 1248px; } } /* ========================= МОБИЛЬНЫЙ ХЕДЕР ========================= */ @media (max-width: 767px) { .header-pro { padding: 10px 0 10px !important; } .header-main { flex-direction: column !important; align-items: stretch !important; gap: 12px !important; } .header-brand { flex: none !important; width: 100% !important; display: flex !important; align-items: flex-start !important; gap: 10px !important; } .header-logo-link { flex: 0 0 110px !important; max-width: 110px !important; } .header-logo { max-width: 110px !important; max-height: 48px !important; width: auto !important; height: auto !important; } .header-brand-text { flex: 1 1 auto !important; min-width: 0 !important; padding-top: 2px; } .header-brand-title { font-size: 12px !important; line-height: 1.2 !important; margin: 0 0 4px !important; font-weight: 700 !important; } .header-brand-city { font-size: 11px !important; line-height: 1.2 !important; margin: 0 !important; } .header-right { width: 100% !important; display: flex !important; flex-direction: column !important; gap: 10px !important; } .header-topline { margin-bottom: 0 !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 10px !important; } .header-contacts { width: 100% !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 6px !important; } .header-phones { gap: 3px !important; } .header-phones a { font-size: 14px !important; line-height: 1.2 !important; font-weight: 700 !important; } .header-email a { font-size: 13px !important; line-height: 1.2 !important; padding-top: 0 !important; word-break: break-word; } .header-messengers { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; margin-top: 2px; } .header-messengers a { width: 36px !important; height: 36px !important; border-radius: 10px !important; } .header-messengers img { width: 20px !important; height: 20px !important; max-width: 20px !important; max-height: 20px !important; } .header-bottomline { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 10px !important; width: 100% !important; } .header-search { width: 100% !important; max-width: 100% !important; min-width: 100% !important; flex: none !important; } .header-search > div, .header-search form, .header-search .bx-searchtitle, #title-search { width: 100% !important; max-width: 100% !important; } #title-search-input, .header-search input[type="text"], .header-search input[type="search"], .header-search .form-control { width: 100% !important; max-width: 100% !important; min-width: 100% !important; height: 40px !important; font-size: 13px !important; line-height: 40px !important; border-radius: 12px !important; padding: 0 40px 0 14px !important; } .header-request { width: 100% !important; } .header-request-btn { width: 100% !important; height: 40px !important; font-size: 14px !important; border-radius: 12px !important; justify-content: center !important; padding: 0 16px !important; } .menutop { margin-top: 6px !important; } } @media (max-width: 767px) { .header-pro, .top-pan, .st-fix { background: #fff !important; } } @media (max-width: 767px) { .header-main, .header-right, .header-topline, .header-bottomline { height: auto !important; min-height: 0 !important; } .header-right { display: block !important; } .header-topline { display: block !important; margin-bottom: 10px !important; } .header-contacts { display: block !important; margin-bottom: 10px !important; } .header-email { margin-top: 8px !important; } .header-messengers { margin-top: 10px !important; margin-bottom: 10px !important; } .header-bottomline { display: block !important; } .header-search { width: 100% !important; max-width: 100% !important; min-width: 100% !important; margin-bottom: 10px !important; } .header-request { width: 100% !important; margin: 0 !important; } .header-request-btn { display: flex !important; width: 100% !important; height: 42px !important; margin: 0 !important; } @media (max-width: 767px) { .header-right, .header-bottomline { flex: none !important; justify-content: flex-start !important; align-items: stretch !important; } } } @media (max-width: 767px) { /* сам хедер — даем воздух */ .header-pro { padding-bottom: 16px !important; } /* нижний блок */ .header-bottomline { margin-top: 10px !important; margin-bottom: 10px !important; } /* поиск */ .header-search { margin-bottom: 12px !important; } /* кнопка */ .header-request { margin-bottom: 12px !important; } .header-request-btn { border-radius: 14px !important; } /* отступ от меню (очень важно) */ .menutop { margin-top: 10px !important; } } /*СТРАНИЦА КОНТАКТЫ*/ .container1 { max-width: 1200px; margin: 0 auto; padding: 20px 15px; } .contact-card { background: #ffffff; border: 1px solid #dcdcdc; border-radius: 4px; padding: 25px; } .container1 h1 { font-size: 28px; font-weight: 600; margin-bottom: 20px; color: #1f1f1f; } .container1 h2 { font-size: 18px; font-weight: 600; margin-bottom: 15px; color: #2a2a2a; } .contacts-grid { display: flex; gap: 40px; align-items: flex-start; } .contacts-left { flex: 1; } .contacts-left > div { margin-bottom: 18px; } .contacts-left b { display: block; font-size: 12px; color: #777; margin-bottom: 5px; text-transform: uppercase; letter-spacing: 0.5px; } .contacts-left blockquote { margin: 0; padding: 0; border: none; font-size: 14px; color: #2f2f2f; line-height: 1.5; } .contacts-left a { color: #1f3a5f; text-decoration: none; } .contacts-left a:hover { text-decoration: underline; } .contacts-left img { margin-right: 6px; transition: 0.2s; } .contacts-left img:hover { opacity: 0.7; } .contacts-map { flex: 1; } .contacts-map img { width: 100%; border-radius: 3px; border: 1px solid #e5e5e5; } /* адаптив */ @media (max-width: 768px) { .contacts-grid { flex-direction: column; gap: 20px; } .container1 h1 { font-size: 22px; } .container1 h2 { font-size: 16px; } } .notice-box { display: inline-block; background: #f7f7f7; /* светлее */ border: 1px solid #d9d9d9; padding: 8px 14px; /* чуть больше воздуха */ margin-top: 8px; font-size: 12.5px; color: #444; border-radius: 3px; } /* End */ /* Start:/bitrix/templates/marko_2021/template_styles.css?1786693428369946*/ .sidepan { background: #f7f8f9; height: 100%; padding: 15px; padding-top: 30px; } .bx-nav-2-lvl-link { display: block; padding: 5px 15px 5px; border-bottom: none !important; text-decoration: none !important; line-height: 1rem; } .about-1-img img { filter: saturate(0.9); } .menu a, .menu a:hover, .menu a:active, .menu a:focus { color: #333; } .sidepan li { list-style: none; margin-bottom:10px; } .sidepan li a { color:#333; font-weight:bold; } ul.catalog-section-list-tile-list.row.mb-4 { padding: 0; margin: 0; } div.catalog-top-banner-info-block { padding-left: 48px; } .catalog-top-banner-description { overflow: hidden; } .mb-4.catalog-section.row { margin: 0; } .pre { font-weight: bold; max-width: 500px; margin: 0 auto; color: #888; margin-bottom: 80px!important; } .pr-text { font-weight: bold; color: #4b4c4f; } /*=============FORM===========================*/ .preim img { max-width: 150px; border-radius: 4px; margin-bottom: 20px; } .modal-body input, .modal-body textarea { width: 100%; padding: 10px; margin-bottom: 10px; border-radius: 10px; border: 1px solid #ddd; } .modal-header { padding: 15px; border-bottom: 1px solid #dddddd; background: #d2d2d2; border-top-left-radius: 5px; border-top-right-radius: 5px; } #myModal1 input.button-main { padding: 12px; margin-top: 20px; } h3#myModalLabel { border: NONE; box-shadow: none; color: #25292d; } .form-bottom input, .form-bottom textarea { width: 100%; padding: 21px; margin-bottom: 20px; border: 1px solid #9e9e9e; border-radius: 10px; } .video-js .vjs-tech { width: auto!important; } .videocont { margin-bottom: 30px; } .video-title { font-size: 16px; border-bottom: 1px solid #fff; margin-top: 15px; } video { border: 5px solid #fff; } #video_holder{ position: relative; width: 600px; height: 400px; } #overlay0, #overlay1, #overlay2, #overlay3 { cursor: pointer; } #overlay0.o, #overlay1.o, #overlay2.o, #overlay3.o { background: none; } #overlay0.o .ytp-large-play-button, #overlay1.o .ytp-large-play-button, #overlay2.o .ytp-large-play-button, #overlay3.o .ytp-large-play-button { display: none; } .ytp-large-play-button { position: absolute; left: 50%; /* top: 50%; */ width: 68px; height: 48px; margin-left: -34px; margin-top: 18%; -moz-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1); -webkit-transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1); transition: opacity .25s cubic-bezier(0.0,0.0,0.2,1); z-index: 63; } .ytp-button { border: none; background-color: transparent; padding: 0; color: inherit; text-align: inherit; font-size: 100%; font-family: inherit; cursor: default; line-height: inherit; } .ytp-button:not([aria-disabled=true]):not([disabled]):not([aria-hidden=true]) { cursor: pointer; } .ytp-large-play-button svg { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .ytp-large-play-button-bg { -moz-transition: fill .1s cubic-bezier(0.4,0.0,1,1),fill-opacity .1s cubic-bezier(0.4,0.0,1,1); -webkit-transition: fill .1s cubic-bezier(0.4,0.0,1,1),fill-opacity .1s cubic-bezier(0.4,0.0,1,1); transition: fill .1s cubic-bezier(0.4,0.0,1,1),fill-opacity .1s cubic-bezier(0.4,0.0,1,1); fill: #212121; fill-opacity: .8; } path.ytp-large-play-button-bg:hover { fill: #fa3a3a; } .product-item-detail-pay-block .btn-secondary { float: right; } .catalog-top-banner-price-left-block { float: right; } .tov-list h1 { margin-top: 48px; margin-bottom: 38px; } div .bx-red .product-item-label-text span, .bx-red .product-item-label-ring { background-color: #f63837; } .product-item-detail-slider-container.popup .product-item-detail-slider-controls-block { position: absolute; top: 0; right: 0; bottom: 0; overflow-y: auto; padding: 20px; border-left: 1px solid #d3d3d3; width: 100%; background-color: #fff; } .bx-catalog-element { margin-top: 25px; } .bx-catalog-element h1 { margin-bottom: 45px; } .top-phone a { color: #ed1b24; font-weight: 800; font-size: 18px; line-height: 20px; } .top-phone { text-align: right; } .row.top-info { margin-top: 20px; text-align: right; margin-bottom: 12px; } .social-top img { width: 25px; } .lang-mobile a#droplang { font-size: 14px; font-weight: 400; } .tab-content img { max-width: 100%; } .fixed-tov { display: none; } .product-item-detail-tabs-container1 li.nav-item { background: #F7F8F9; } div .nav-tabs .nav-link { padding: 9px 20px; } .news-block.container.mt-88.mb-4 { margin-bottom: 0!important; } .owl-item.active { opacity: 1; } .owl-item { opacity: 0.2; } .preim-block .btn.btn-arrow { margin-top: 4px; font-size: 14px; padding-top: 5px; padding-bottom: 5px; line-height: 14px; padding-right: 18px; background-position: right; background-image: url(/images/arrowmore2.png); } .row.top-service-container .btn { font-size: 16px; font-weight: 400; line-height: 16px; padding-top: 4px; padding-bottom: 4px; } .mobile-caption { background: url(/images/playlist_add_check.png) no-repeat top left; padding-left: 36px; font-size: 14px; line-height: 22px; margin-top: 16px; margin-bottom: 16px; padding-right: 36px; } .carousel-caption p { margin: 0; } .owl-stage-outer { padding-top: 4px; margin-top: -4px; padding-bottom: 4px; padding-left: 4px; margin-left: -4px; padding-right: 4px; } .top-service .h3 { margin-top: 32px; margin-bottom: 28px; } @media (max-width: 1279px) { .top-pan ul.nav.navbar-nav { padding-bottom: 20px; } div div .navbar-expand-lg .navbar-nav .nav-link { width: fit-content; background: #F7F9FE url(/images/arrowimgblue-r1-2.png) no-repeat right center; padding-right: 30px; } div div .carousel-caption .h5 { width: 70%; } .menu a#droplang { display: none; } .top-pan .collapsing { height: auto; transition: none; } .top-pan .dropdown.megamenu { position: static; } .top-pan .navbar { position: static; } .top-pan .col-xl-7.col-lg-7.col-md-7.col-sm-7.col-5 { position: static; } .top-pan ul.nav.navbar-nav li { width: 360px; margin: 0 auto; } .top-pan ul.nav.navbar-nav { position: absolute; left: 0; z-index: 600; background: #F7F9FE; width: 100%; margin-top: 9px; } .lang-mobile .dropdown-toggle::after { border: 0; background: url(/images/ardown.png) no-repeat top left; width: 8px; height: 5px; margin: 0; margin-left: 4px; margin-top: 5px; vertical-align: 2px; } .lang-mobile { position: relative; top: 5px; left: 196px; margin-top: -50px; } .megamenu .dropdown-toggle { display: none; } } @media (min-width: 1280px) { li.dropdown2 { list-style: none; break-inside: avoid; page-break-inside: avoid; } .megamenu-container .container{ min-height: 540px; background: linear-gradient( 90deg, rgba(247,249,254,1) 0%, rgba(247,249,254,1) 501px, rgba(255,255,255,1) 501px, rgba(255,255,255,1) 100%); } .megamenu .dropdown-menu>div>div>li.dropdown2:first-child { padding-top: 28px; } .megamenu-container .container { position: relative; } .top-pan .dropdown.megamenu { position: static; } .top-pan .navbar { position: static; } .top-pan .col-xl-7.col-lg-7.col-md-7.col-sm-7.col-5 { position: static; } .megamenu ul.dropdown-menu.show { position: absolute; left: 0; margin-top: 0; width: 100%; border: 1px solid #e8ecfc; border-radius: 0; } ul.dropdown-menu2.poz { /* max-height: 500px; */ /* overflow: visible; */ column-count: 2; /* background: #fff; */ padding-bottom: 28px; } .megamenu .dropdown-menu>div>div>li.dropdown2:last-child { padding-bottom: 28px; } .drop-title { padding-left: 16px; font-size: 24px; line-height: 26px; max-width: 384px; font-weight: 800; margin-bottom: 7px; } .megamenu .dropdown2 a.dropdown-item { line-height: 18px; padding-top: 12px; padding-bottom: 6px; padding-left: 16px; max-width: 368px; white-space: normal; color: rgba(9, 29, 70, 0.5); } .megamenu .dropdown2 a.dropdown-item:hover { background:none; color: #2D5AE0; } .parentlink { margin-top: 26px; padding-left: 16px; font-size: 14px; line-height: 100%; } .menulinks.column-2 { column-count: 2; column-width: 300px; } .more-link { color: #2D5AE0; font-size: 14px; line-height: 100%; cursor: pointer; background: url(/images/arrowmore.png) no-repeat right center; padding-right: 16px; } .megamenu .dropdown-menu>div>div>li.dropdown2>.dropdown-item { background: #F7F9FE url(/images/arrowimgblue-r1-2.png) no-repeat right 18px center; line-height: 24px; padding: 0 32px 0 0; color: rgba(9, 29, 70, 0.5); } .megamenu .dropdown-menu>div>div>li.dropdown2>.dropdown-item:hover { background: #F7F9FE url(/images/arrowimgblue-r.png) no-repeat right 18px center; color: #2D5AE0; } .top-pan .megamenu ul.dropdown-menu.show { font-size: 14px; padding-top: 0px; padding-bottom: 0; } .megamenu .dropdown-menu>div>div>li.dropdown2 { background: #F7F9FE; max-width: 485px; padding-left: 112px; padding-top: 6px; padding-bottom: 6px; mix-blend-mode: normal; } .megamenu li.dropdown2:hover ul.dropdown-menu2 { min-width: 600px; min-height: 540px; padding-left: 32px; position: absolute; left: 496px; top: 0; display: block; padding-top: 28px; } .megamenu ul.dropdown-menu2 { display: none; } } .top-security .black-cont { position: initial; margin-top: 48px; padding: 40px 48px; height: 338px; background-image: none; color: #fff; } .faq-title { padding-top: 4px; padding-bottom: 4px; margin-bottom: 16px; padding-left: 48px; color: #2D5AE0; max-width:440px; cursor: pointer; } .faq-text { padding-left: 48px; margin-top: 24px; margin-bottom: 40px; } .lang-mobile ul.dropdown-menu.droplang-list.show { border: 1px solid #f7f8f9; background: #f7f9fe; margin-top: 5px; } .lang-mobile { position: relative; top: 5px; } div .modal-dialog { max-width: 900px; } #footer .h4.other { margin-top: 40px; } .place-card.place-card-medium { display: none; } .menu-sitemap-tree-blank ul { list-style-type: none; } .top-security form input.invalid { border: 2px solid red; } .top-pan ul.dropdown-menu.show { font-size: 14px; } .form-check-title { font-weight: 800; font-size: 24px; line-height: 110%; margin-bottom:28px; } .contacts-top-cont.top-security { height: 386px; } .top-security form { margin-top: 44px; } .top-security form label { font-size: 14px; line-height: 22px; opacity: 0.8; width: 100%; margin-bottom: 10px; } .top-security form input { background: #fff; width: 58%; margin-bottom: 0; } .top-security form .btn { margin-top: -3px; } .form-container.contact-security { padding-top: 0; } .contact-security1 { max-width: 488px; } .contact-security div.form-webform { max-width: 100%; } .input-cont.input-file { background: url(/images/fileform.png) no-repeat left top 18px; margin-bottom: 16px; padding-left: 16px; } .input-file input#customFile { height: 48px; cursor: pointer; } div.form-webform .caption-label { position: absolute; margin-top: 13px; margin-left: 16px; font-size: 14px; line-height: 22px; color: rgba(9, 29, 70, 0.5); z-index: 0; } .input-file .caption-label::after { margin-left: 32px; width: 48px; height: 48px; background: url(/images/plus1.png) no-repeat top left; content:""; position:absolute; margin-top:-12px; } .input-file .caption-label.has-file::after { display:none; } .caption-label.has-file { display: block!important; } .input-cont.input-manufacturingdate { text-align: right; } /*=====================общий шаблон=======================*/ .news-block h2.v2 { margin-bottom: 64px; } .news-detail-content { } .preim-container .col-12 { } .border-item a { color: rgba(9, 29, 70, 0.85); } .carousel-left { content: ""; width: 20px; height: 12px; background: url(/images/arrowbtnpr2012-l.png) no-repeat top right; position: absolute; top: 274px; mix-blend-mode: normal; opacity: 1; left:38px; } .carousel-right { content: ""; width: 20px; height: 12px; background: url(/images/arrowbtnpr2012.png) no-repeat top right; position: absolute; top: 274px; mix-blend-mode: normal; opacity: 1; right:38px; } .carousel .carousel-control-next { right: 0; mix-blend-mode: soft-light; height: 100%; width: 96px; background: #fff; } .carousel .carousel-control-prev { right: 0; mix-blend-mode: soft-light; height: 100%; width: 96px; background: #fff; } .border-item a:hover { text-decoration: none; } .border-item a.btn.btn-link.btn-arrow { color: #2D5AE0; } .card-title1 { font-weight: 600; font-size: 16px; overflow: hidden; white-space: normal; color: #051943; text-transform: none; font-style: normal; line-height: 24px; margin-bottom: 0px; /* text-overflow: ellipsis; */ } .news-list-more .btn-arrow { padding-top: 4px; padding-bottom: 4px; padding-right: 36px; background-image: url(/images/arrowmore1.png); } .list-news .card-title1 { font-weight: 600; font-size: 16px; overflow: hidden; white-space: normal; color: #051943; text-transform: none; font-style: normal; line-height: 24px; margin-bottom: 0px; /* text-overflow: ellipsis; */ } .card-title1 a { color: #051943; } .news-mark { padding: 2px 8px; position: absolute; font-size: 14px; line-height: 22px; color: white; margin-top: -42px; background: rgba(9, 29, 70, 0.85); } div .menu nav.navbar { padding-right: 0px; padding-left: 8.44px; } img.card-img-top { margin-bottom: 16px; } .news-block a.btn.btn-link.btn-arrow, .best a.btn.btn-link.btn-arrow { float: right; margin-top: -100px; font-size: 16px; background-position: right; padding-right: 30px; } .news-block .news-list-more a.btn.btn-link.btn-arrow { float: left; font-size: 16px; margin-top: 0px; line-height: 16px; padding-top: 4px; padding-bottom: 4px; padding-right: 17px; background-position: right center; background-image: url(/images/arrowmore.png); } .card-body1 { position: absolute; bottom: 0; padding-right: 12px; } .card1 { padding-bottom: 139px; } .info-block { margin-bottom: 176px; } p.card-text { height: 72px; overflow: hidden; margin-bottom: 36px; line-height: 24px; color: rgba(9, 29, 70, 0.85); -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; -ms-line-clamp: 3; -webkit-line-clamp: 3; line-clamp: 3; display: -webkit-box; display: box; word-wrap: break-word; -webkit-box-orient: vertical; box-orient: vertical; } .news-img { width: 100%; height: 210px; background-size: contain; background-repeat: no-repeat; background-position: center; margin-bottom: 16px; background-color: rgba(45, 90, 224, 0.04); } .text-pre { max-height: 146px; overflow: hidden; margin-top: -76px; margin-bottom: 0px; } .text-pre::before { content: ""; height: 72px; display: block; position: relative; width: 100%; top: 72px; margin-top: 0px; background-image: linear-gradient( 180deg , #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); transform: matrix(1, 0, 0, -1, 0, 0); } .preim-block.disp .text-pre::before { opacity: 0; } .preim-block.disp { height: auto; position: absolute; margin-right: 16px; border-bottom: 1px solid #f7f8f9; z-index: 500; } .preim-block.disp .text-pre { height: auto; max-height: 100%; } div#carouselExampleIndicators { margin-top: 0px; margin-bottom: 100px; } .carousel-inner { margin-top: 0px; position: relative; /* border-radius: 12px;*/ width: 100%; overflow: hidden; border-top-left-radius: 0; border-top-right-radius: 0; } ol.carousel-indicators { bottom: -62px; } div#carouselExampleIndicators .carousel-indicators li.active { background: #2D5AE0; opacity: 1; box-shadow: none; border: 0; width: 12px; height: 12px; margin-top: 1px; } div#carouselExampleIndicators .carousel-indicators li { box-sizing: content-box; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 10px; height: 10px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; border-radius: 8px; background-color: #ddd; background-clip: padding-box; opacity: .5; border: 2px solid #fff; box-shadow: none; transition: opacity 0.6s ease; } @media (min-width: 1441px) { div#carouselExampleIndicators, .grey-container { /* border-radius: 12px;*/ } } div.communities { background: #2D5AE0; z-index: 200; position: relative; height: 52px; overflow: hidden; } @media (min-width: 1441px) { .communities { /*border-top-left-radius: 12px;*/ /*border-top-right-radius: 12px;*/ } } .commsl:hover .icon-white { /*display: none!important;*/ } .commsl:hover { background-color: white; } .owl-nav { height: 0; } .owl-dots { display: none; } .commsl:hover .icon-hover { background-color: white; display: block!important; position: absolute; top: 0; /* z-index: 999; */ outline: solid #fff 4px; } .comp-carousel.owl-carousel .owl-nav button.owl-next:focus { border: none; outline: none; box-shadow: none; } .icon-hover { display: none!important; /* opacity: 0!important; */ } div .quality-carousel { float: left; width: 215px; padding-top: 8px; padding-bottom: 8px; } div .quality-carousel2 { float: left; width: 300px; padding-top: 8px; padding-bottom: 8px; } div .comp-carousel { float: right; width: 396px; padding-top: 8px; margin-right: 34px; padding-bottom: 8px; } .quality-carousel.owl-carousel .owl-nav.disabled { display: block; margin-top: -20px; /* position: absolute; */ } .quality-carousel2.owl-carousel .owl-nav.disabled { display: block; margin-top: -20px; /* position: absolute; */ } .comp-carousel.owl-carousel .owl-nav.disabled { display: block; margin-top: -20px; /* position: absolute; */ } .quality-carousel .owl-nav button.owl-prev { display: none; } .quality-carousel2 .owl-nav button.owl-prev { display: none; } .comp-carousel .owl-nav button.owl-prev { display: none; } .quality-carousel.owl-carousel .owl-nav button.owl-next { width: 32px; position: relative; left: 40px; top: -14px; color: rgba(255, 255, 255, 0); height: 32px; margin-top: -50px; /* margin-left: 50px; */ /* margin-bottom: -16px; */ background: url(/images/arrowbtnpr2012.png) no-repeat center; } .quality-carousel2.owl-carousel .owl-nav button.owl-next { width: 32px; position: relative; left: 40px; top: -50px; color: rgba(255, 255, 255, 0); height: 32px; margin-top: -50px; /* margin-left: 50px; */ /* margin-bottom: -16px; */ background: url(/images/arrowbtnpr2012.png) no-repeat center; } .comp-carousel.owl-carousel .owl-nav button.owl-next { width: 32px; position: relative; left: 32px; top: -14px; color: rgba(255, 255, 255, 0); height: 32px; margin-top: -50px; /* margin-left: 50px; */ /* margin-bottom: -16px; */ background: url(/images/arrowbtnpr2012.png) no-repeat center right 5px; } .quality-label { float: left; color: #ffffff; font-size: 14px; line-height: 18px; margin-top: 17px; margin-right: 15px; } .comp-label { float:right; color: #ffffff; font-size: 14px; line-height: 18px; margin-top: 17px; margin-right: 15px; } div.topWishlist { float: right; } .menu #droplang span.caret::before { background-image: url(/images/ardown.png); } .topWishlist a.btn.btn-primary { font-weight: 500; background: none; border: 1px solid #f63837; border-radius: 4px; font-size: 14px; color: #f63837; margin-left: 8px; /* width: 127px; */ padding: 11px 23px; line-height: 16px; height: 40px; } .topWishlist a.btn.btn-primary:hover { background: none; background: #e95c5c; border-radius: 2px; font-size: 14px; margin-left: 8px; padding: 11px 23px; line-height: 16px; } /*.bx-no-touch .product-item-container .product-item-info-container.product-item-hidden { display: none!important; } */ .rel-products.owl-theme .owl-nav { position: absolute; right: 0; margin-top: -332px; } .rel-panel h4.infoh4, .rel-panel .h4.infoh4 { margin-top: 0; margin-bottom: 32px; } .rel-products .owl-dots { display: block; position: absolute; right: 0; margin-top: 24px; margin-right:4px; line-height: 12px; } .rel-products .owl-nav span { display:none; } .rel-products.owl-carousel .owl-nav button.owl-prev { width: 40px; height: 40px; margin: 0px; margin-right:4px; background: url(/images/arrowimgblue-l.png) no-repeat center; } .rel-products.owl-carousel .owl-nav button.owl-next { width: 40px; height: 40px; margin: 0px; margin-left:4px; background: url(/images/arrowimgblue-r.png) no-repeat center; } .rel-products.owl-carousel .owl-nav button.owl-next:hover, .rel-products.owl-carousel .owl-nav button.owl-prev:hover { background-color: rgba(45, 90, 224, 0.08); } .rel-products { margin-bottom: 74px; } .rel-products.owl-theme .owl-dots .owl-dot span { background: rgba(45, 90, 224, 0.08); height: 8px; width: 8px; margin: 0px 6px; } .rel-products.owl-theme .owl-dots .owl-dot.active span { background: #ed1b24; height: 12px; width: 12px; /* margin-top: 2px; */ } .rel-products.owl-theme .owl-dots .owl-dot:hover span { background: #2D5AE0; } .rel-products.owl-theme .owl-dots .owl-dot.active { position: relative; top: 2px; } .recom-img { width: 100%; height: 132px; background-size: contain; background-repeat: no-repeat; background-position: center; } .owl-item:first-child .recom { border-left: 1px solid rgba(45, 90, 224, 0.08); } .recom .iconimg div { margin-bottom: 5px; } .recom .iconimg { right: 10px; } .recom .iconwheelmark { height:20px; } .recom .iconsolas { height:12px; } .recom .iconce { height:10px; } .product-item .iconimg { top: 0; } .product-item .iconce { height:20px; } .product-item .iconwheelmark { height:30px; } .product-item .iconsolas { height:25px; } .product-item-detail-slider-container.popup .iconimg0, .product-item-detail-slider-container.popup .iconimg1, .product-item-detail-slider-container.popup .iconimg2 { display:none; right: 30%; top: 8%; } .product-item-detail-slider-container.popup .iconimg0 { } .product-item-detail-slider-container.popup .iconimg1 { margin-top: 5%; } .product-item-detail-slider-container.popup .iconimg2 { margin-top: 10%; } @media (min-width: 360px) { .product-item .iconimg { margin: 7px; } .product-item .iconimg div { margin-bottom: 5px; } .product-item .iconce { height:6px; } .product-item .iconwheelmark { height: 10px; margin: 0 0 7px 0px; } .product-item .iconsolas { height:8px; } .iconimg { margin: 5px; } .iconimg div { margin-bottom: 5px; } .iconce { height:25px; } .iconwheelmark { height:40px; margin: 0 0 7px 0px; } .iconsolas { height:35px; } .recom .iconimg div { margin-bottom: 10px; } .recom .iconimg { right: 10px; } .recom .iconwheelmark { height:14px; } .recom .iconsolas { height:11px; } .recom .iconce { height:9px; } } @media (min-width: 767px) { .product-item .iconimg { margin: 7px; } .product-item .iconimg div { margin-bottom: 5px; } .product-item .iconce { height:6px; } .product-item .iconwheelmark { height: 10px; margin: 0 0 7px 0px; } .product-item .iconsolas { height:8px; } .iconimg { margin: 5px; } .iconimg div { margin-bottom: 5px; } .iconce { height:18px; } .iconwheelmark { height:30px; margin: 0 0 7px 0px; } .iconsolas { height:22px; } .recom .iconimg div { margin-bottom: 10px; } .recom .iconimg { right: 10px; } .recom .iconwheelmark { height:14px; } .recom .iconsolas { height:11px; } .recom .iconce { height:9px; } } @media (min-width: 1279px) { div.form-webform { max-width: 412px; } .product-item .iconimg { margin: 5px; } .product-item .iconimg div { margin-bottom: 5px; } .product-item .iconce { height:9px; } .product-item .iconwheelmark { height: 14px; margin: 0 0 7px 0px; } .product-item .iconsolas { height:11px; } .iconimg { margin: 5px; } .iconimg div { margin-bottom: 5px; } .iconce { height:20px; } .iconwheelmark { height: 24px; margin: 0 0 7px 0px; } .iconsolas { height:22px; } .recom .iconimg div { margin-bottom: 10px; } .recom .iconimg { right: 10px; } .recom .iconwheelmark { height:14px; } .recom .iconsolas { height:11px; } .recom .iconce { height:9px; } } @media (min-width: 1439px) { .product-item .iconimg { margin: 5px; } .product-item .iconimg div { margin-bottom: 7px; } .product-item .iconce { height:12px; } .product-item .iconwheelmark { height: 18px; margin: 0 0 7px 0px; } .product-item .iconsolas { height:15px; } .iconimg { margin: 5px; } .iconimg div { margin-bottom: 7px; } .iconce { height:22px; } .iconwheelmark { height: 28px; margin: 0 0 7px 0px; } .iconsolas { height:25px; } .recom .iconimg div { margin-bottom: 10px; } .recom .iconimg { right: 10px; } .recom .iconwheelmark { height:14px; } .recom .iconsolas { height:11px; } .recom .iconce { height:9px; } } @media (min-width: 1600px) { .product-item .iconimg { margin: 5px; } .product-item .iconce { height:17px; } .product-item .iconwheelmark { height: 25px; margin: 0 0 10px 0px; } .product-item .iconsolas { height:20px; } .iconimg { margin: 10px; } .iconimg div { margin-bottom: 15px; } .iconce { height:27px; } .iconwheelmark { height: 35px; margin: 0 0 15px 0px; } .iconsolas { height:30px; } .recom .iconimg div { margin-bottom: 10px; } .recom .iconimg { right: 10px; } .recom .iconwheelmark { height:23px; } .recom .iconsolas { height:20px; } .recom .iconce { height:20px; } } @media (min-width: 1900px) { .product-item .iconce { height:20px; } .product-item .iconwheelmark { height:30px; } .product-item .iconsolas { height:25px; } .iconce { height:32px; } .iconwheelmark { height:45px; } .iconsolas { height:39px; } .recom .iconimg div { margin-bottom: 10px; } .recom .iconimg { right: 10px; } .recom .iconwheelmark { height:28px; } .recom .iconsolas { height:25px; } .recom .iconce { height:25px; } } /*---------------------------------------shapka-responsive-----------------------------------*/ .qc { display: none; } .top-service-container p { margin: 0; } div .navbar-expand-lg .navbar-nav .nav-link { padding-right: 22px; padding-left: 5px; } @media (max-width: 1439px) { div.form-webform { max-width: 408px; } .recom button { z-index: 10; } div .best .recom.item:hover::after { position: absolute; height: 50%; width: 282px; content: ""; background: rgba(45, 90, 224, 0.04); top: 0; left: 0; z-index-0; } img.featurette-image.img-responsive.logo.d-block.d-xl-none { display: block!important; width: auto; margin-top: 27px; } img.featurette-image.img-responsive.logo.d-none.d-xl-block { display: none!important; } div div .menu nav.navbar { padding-right: 0px; padding-left: 2.36px; } div div .menu { margin-top: 11px; margin-left: -3px; margin-right: -30px; } div#searchtitle { margin-left: 120px; } .btn.btn-primary.search-title-button.search-md.d-none { background: #fff url(/images/lupa-sm.png) no-repeat center right 12px; border: none; position: absolute; right: 115px; width: 40px; cursor: pointer; background-size: 14px; height: 40px; } div div.communities { border-radius: 0px!important; } .communities img { height: 32px!important; } div div .comp-carousel { width: 357px; } div div .quality-carousel { width: 196px; } div .quality-carousel.owl-carousel .owl-nav button.owl-next { top: -14px; margin-top: 0px; } div.communities { height: 48px; } div .comp-carousel.owl-carousel .owl-nav button.owl-next { top: -42px; background-position: right; } div .carousel-inner { border-radius: 0; } div div#carouselExampleIndicators, div div .carousel-inner { border-radius: 0; } a.carousel-control-prev, a.carousel-control-next, .carousel-left, .carousel-right { display: none!important; } .carousel-caption p { margin-bottom: 0; } div.safety { width: 376px; right: 0; } div.row.top-service-container { padding-top: 56px; } .top-service-container p { margin: 0; } .border-item { border: 0; padding-left: 12px; padding-right: 12px; padding-bottom: 34px; height: 100%; } .border-item a.btn.btn-link.btn-arrow { position: absolute; bottom: 22px; } .preim-block .h3 { background: no-repeat top left; height: 48px; padding-left: 72px; padding-top: 12px; margin-bottom: 20px; margin-top: 0; } .top-servise .h3.v2 { margin-top: 32px; } div.grey-container { margin-top: 156px; background: rgba(5, 25, 67, 0.03); padding-top: 96px; padding-bottom: 96px; } div.preim-container h2 { margin-bottom: 24px; } .preim-block { padding: 24px; margin-top: 24px; padding-bottom: 40px; } div .text-pre { font-size: 14px; line-height: 22px; max-height: 134px; margin-top: -68px; } div.text-pre::before { height: 66px; top: 62px; } div div.best { margin-top: 156px; } div .safety .safety-title { margin-top: 24px; margin-left: 24px; margin-right: 32px; } .safety-text { color: #FFFFFF; font-size: 14px; line-height: 22px; margin-top: 20px; margin-left: 24px; margin-right: 32px; } .safety .btn { border: none; margin-left: 24px; padding-left: 0; margin-top: 34px; font-size: 16px; line-height: 16px; padding-top: 4px; letter-spacing: -0.12px; font-weight: 400; padding-bottom: 4px; padding-right: 32px; background-position: center right; } .safety-container { position: relative; max-width: 1128px; margin: 0 auto; } } @media (max-width: 1279px) { div.row.top-service-container { padding-top: 128px; } .top-service .h3 { margin-top: 0; margin-bottom: 24px; } .border-item a.btn.btn-link.btn-arrow { position: absolute; bottom: 24px; } .safety-container { position: relative; max-width: 100%; margin: 0 auto; } div .best .recom.item:hover::after { position: absolute; height: 50%; width: 254px; content: ""; background: rgba(45, 90, 224, 0.04); top: 0; left: 0; } body div h1 { font-size: 32px; line-height: 110%; } .communities .row.no-gutters { margin-right: -12px; margin-left: -12px; } div#carouselExampleIndicators ol.carousel-indicators { display: none; } div div#carouselExampleIndicators { margin-bottom: 0; } div .carousel-caption .h5 { font-size: 32px; line-height: 35.2px; } div.communities img { height: 24px!important; } div div.communities { height: 40px!important; } .quality-label.quality-label2 { line-height: 18px; margin-top: 11px; } div div .quality-carousel2 { width: 313px; } div .quality-carousel.owl-carousel .owl-nav button.owl-next { top: -43px; margin-top: 0px; } div .comp-carousel.owl-carousel .owl-nav button.owl-next { top: -7px; } .communities .row.qc1 { display: none; } .communities .row.qc { display: block; padding-left: 12px; } div div.menu { padding-left: 12px; } .menuname { float: right; margin-right: 24px; margin-top: 12px; margin-bottom: 12px; margin-left: 7px; font-family: Inter; font-style: normal; font-weight: normal; font-size: 16px; line-height: 16px; color: #2D5AE0; } .navbar-light .navbar-toggler-icon { background: url(/images/menu.png) no-repeat center; width: 16px; height: 16px; margin-top: 12px; margin-left: 23px; } .menu .navbar-light .navbar-toggler { background: rgba(45, 90, 224, 0.04); border-radius: 2px; border: none; margin-left: 54px; margin-top: 8px; padding: 0; /* width: 114px; */ } div div .menu nav.navbar { padding-right: 0px; padding-left: 2.36px; margin-top:0; padding-top: 0; } div div .menu { margin-top: 0px; } .top-pan .col-xl-3.col-lg-3.col-md-3.col-sm-3.col-2.mt-3 { margin-top: 8px!important; } .top-pan.sticky-top2 { min-height: 56px; } div img.featurette-image.img-responsive.logo.d-block.d-xl-none { margin-top: 19px; } a.carousel-control-prev, a.carousel-control-next, .carousel-left, .carousel-right { display: none!important; } div div h3.v2, div div .h3.v2 { font-size: 18px; } div .border-item { padding-bottom: 23px; } div .top-service { margin-bottom: 64px; } div.grey-container { margin-top: 72px; padding-top: 64px; padding-bottom: 64px; } div.preim-container h2 { margin-bottom: 24px; } .preim-block { padding: 24px; margin-top: 16px; padding-bottom: 40px; } div .text-pre { max-height: 128px; margin-top: -62px; } div.text-pre::before { height: 66px; top: 62px; } div .preim-block .h3 { background-size: contain; height: 42px; padding-left: 62px; } div div.best { margin-top: 116px; } .top-security .black-cont { width: 100%; } .top-security form input { width: 58%; } .top-security form input.ua { width: 48%; } .form-container.contact-security { width: 100%; max-width: 100%; } .contact-security1 { max-width: 100%; } } /*=================mobs===*/ @media (max-width: 767px) { .bx-aside-nav-control { background: #ed1b24; border-radius: 4px; } .row.top-info { display: none; } .row.top-contact { margin-top: -5px; } .social-top { float: right; margin-top: 17px; } div.top-phone a { color: #fff; /* margin-left: 20px; */ font-size: 15px; line-height: 65px; } .top-phone { float: left; } .news-block.container.mt-88.mb-4 div.news-list-item:first-child { max-width: 328px; width: 328px; padding:0; display:block; } .news-block.container.mt-88.mb-4 div.news-list-item { display:none; } .news-block.container.mt-88.mb-4 .news-img { height: 248px; margin-bottom: 16px; } .news-block.container .row.news-list.bx-blue { max-width: 344px; width: 344px; margin:0; } .news-block.container .row.news-list.bx-blue>.col>.row { width: 1280px; max-width: 1280px; overflow: hidden; } body div div .carousel-caption .h5 { width: 100%; } div.form-webform { max-width: 400px; } .preim-block { border-left: none; } div .best .recom.item:hover::after { position: absolute; height: 50%; width: 271px; content: ""; background: rgba(45, 90, 224, 0.04); top: 0; left: 0; } .lang-mobile { position: relative; top: 0px; margin-top: -41px; left: 7px; } .lang-mobile a#droplang { color: #fff; } .lang-mobile .dropdown-toggle::after { border: 0; background: url(/images/ardownwhite.png) no-repeat top left; width: 8px; height: 5px; margin: 0; margin-left: 4px; margin-top: 5px; vertical-align: 2px; } .top-security.contacts-top-cont p { color: #fff; } .contacts-top-cont.top-security { margin-bottom: 508px; } .top-security .black-cont { height: auto; } .top-security form input { width: 100%; margin-bottom: 20px; } .top-security form input.ua { width: 100%; } div .preim-block.disp { position: initial; border: none; } div .navbar-nav { background: #fff; z-index: 500; position: relative; top: 48px; width: 328px; padding: 16px; left: -130px; font-size: 14px; } .othersites { text-align: center; margin-bottom: 77px; } .privacy { margin-left: -16px; } div div.grey-container { margin-top: 0px; padding-top: 48px; padding-bottom: 0px; background: none; } div.preim-container h2 { font-size: 32px; margin-bottom: 48px; } .preim-block.preim-block1 .h3 { height: 48px; padding-top: 12px; padding-left: 64px; margin-bottom: 12px; } div .text-pre { max-height: 44px; margin-top: 0; } div.text-pre::before { display:none; } .preim-block { padding: 0; margin-bottom: 32px; margin-top: 0; } div.row.top-service-container { padding-top: 96px; } div .safety .safety-title { font-size: 18px; margin-top: 0px; margin-left: 0px; margin-right: 0px; } div .safety .safety-text { color: rgba(9, 29, 70, 0.85); margin-top: 12px; margin-left: 0px; margin-right: 0px; } div .safety .btn { margin-left: 0px; padding-left: 0; padding-right: 18px; margin-top: 29px; background-color: rgba(255, 255, 255, 0); color: #2D5AE0; background-image: url(/images/arrowimgblue-r-sm.png); border: 0; } div.border-item { padding-left: 8px; padding-right: 8px; padding-bottom: 0px; min-height: auto; height: 100%; margin-bottom: 46px; } .best h2.v2 { margin-top: 0; } div .top-service { padding-right: 0px; margin-bottom: 48px; } div .border-item a.btn.btn-link.btn-arrow { position: absolute; bottom: 0px; padding-bottom: 0; padding-top: 0; } div .top-service .h3.v2 { font-size: 18px; margin-top: 0; } .carousel-inner { margin: 0; } .carousel-inner .carousel-item{ background: #2d5ae0; } .carousel-item img { display: none!important; } .carousel-caption.d-block.d-md-block { position: initial; max-width: 328px; margin: 56px auto 20px auto; } div .carousel-caption .h5 { font-size: 32px; line-height: 35.2px; margin: 0; } div .carousel-caption p{ display: none!important; } div img.featurette-image.img-responsive.logo.d-block.d-xl-none { display: none!important; } img.featurette-image.img-responsive.logo.d-block.d-md-none { display: block!important; margin-top: 8px; max-width: 80px!important; width: 80px; margin-bottom: 10px; margin-left: 10px; } div .usltext { white-space: normal; } div.topWishlist a.btn.btn-primary { display: none; } .menuname { display: none; } div.menu .navbar-light .navbar-toggler { /* margin-right: -36px; */ padding-top: 4px; padding-bottom: 8px; /* position: absolute; */ right: -30px; top: 0; margin-left: 156px; margin-top: 8px; padding-left: 8px; padding-right: 8px; background: none; z-index: 300; } div.menu .navbar-light .navbar-toggler-icon { background-image: url(/images/menu-w.png); margin-top: 0; margin-left: 0px; } div.top-pan .col-xl-3.col-lg-3.col-md-3.col-sm-3.col-2.mt-3 { margin-top: 0!important; height: 48px; } div.top-pan.sticky-top2 { background: #ed1b24; height: 78px; min-height: 48px; } div .btn.btn-primary.search-title-button.search-md.d-none { background-color: rgba(255, 255, 255, 0); background-image: url(/images/lupa-sm-w.png); right: 21px; background-size: 12px; width: 32px!important; height: 32px; padding: 0!important; margin-top: 8px; min-width: 32px; } .communities { display: none; } } /*===============================news-ad============*/ .card11 { margin-bottom: 16px; } .news-block.mt-88.mb-4 { margin-top: 176px; } .news-block.container.mt-88.mb-4 div.news-list-item { margin-bottom:0px; } @media (max-width: 1439px) { .news-block.mt-88.mb-4 { margin-top: 156px; } .news-block .news-list-item {padding-left:12px; padding-right:12px;} .news-block.container {} .news-img { height: 178px; margin-bottom: 16px; } div.news-list-item { margin-bottom: 52px; } p.card-text { height: 72px; overflow: hidden; margin-bottom: 12px; line-height: 24px; color: rgba(9, 29, 70, 0.85); -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -ms-line-clamp: 3; -webkit-line-clamp: 3; line-clamp: 3; display: -webkit-box; display: box; word-wrap: break-word; -webkit-box-orient: vertical; box-orient: vertical; } } @media (max-width: 1279px) { div.news-list-item { margin-bottom: 45px; } p.card-text { height: 88px; overflow: hidden; margin-bottom: 12px; line-height: 22px; color: rgba(9, 29, 70, 0.85); -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -ms-line-clamp: 4; -webkit-line-clamp: 4; line-clamp: 4; display: -webkit-box; display: box; word-wrap: break-word; -webkit-box-orient: vertical; box-orient: vertical; } .news-img { height: 152px; margin-bottom: 16px; } .news-block.mt-88.mb-4 { margin-top: 128px; } .row.news-list.bx-blue { width: 736px; overflow: hidden; } div.news-list-item { width: 256px; max-width: 256px; } .row.news-list.bx-blue>.col>.row{ width: 886px; max-width: 886px; overflow: hidden; } .news-block .news-list-item:nth-child(3) { opacity: 0.2; } } @media (max-width: 767px) { .info-block { margin-bottom: 0px; } div p.card-text { display: none; } .card1 { padding-bottom: 49px; } .info-content div.news-list-item { width: auto; max-width: 50%; } div.news-list-item { margin-bottom: 29px; } .news-block .news-list-item { padding-left: 16px; padding-right: 16px; } .news-block.mt-88.mb-4 { margin-top: 160px; } .row.news-list.bx-blue { width: 328px; overflow: hidden; margin-left: -16px; } .news-img { height: 108px; margin-bottom: 16px; } .list-news .card-title1 { font-size: 14px; line-height: 20px; } p.card-text { height: 66px; overflow: hidden; margin-bottom: 12px; line-height: 22px; color: rgba(9, 29, 70, 0.85); -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -ms-line-clamp: 3; -webkit-line-clamp: 3; line-clamp: 3; display: -webkit-box; display: box; word-wrap: break-word; -webkit-box-orient: vertical; box-orient: vertical; } div a.btn.btn-link.btn-arrow.d-block.d-md-none { background-position: center right 17px; float: left; margin-top: 48px; font-size: 14px; padding-top: 16px; padding-left: 0px; padding-right: 0px; line-height: 16px; width: 100%; border: 1px solid; border-radius: 2px; padding-bottom: 16px; } div h2.v2 { font-size: 32px; } } .info-block { border-top: 1px solid rgba(45, 90, 224, 0.08); } div .info-menu { border-right: 1px solid rgba(45, 90, 224, 0.08); width: 296px; flex: 0 0 296px; } div.news-list-item { margin-bottom: 52px; } div .info-content { flex: 0 0 936px; padding-bottom: 150px; } div .info-info { background: rgba(5, 25, 67, 0.03); margin-left: -16px; margin-right: -16px; width: 936px; margin-bottom: 96px; } div .info-text { padding-top: 28px; padding-left: 48px; padding-bottom: 28px; height: 210px; line-height: 24px; max-width: 656px; width: 656px; flex: 0 0 656px; } div .info-icon { background: rgba(45, 90, 224, 0.04) url(/images/info.png) no-repeat center; width: 280px; max-width: 280px; margin-right: -16px; margin-left: 16px; } div .info-text h1{ font-weight: normal; font-size: 24px; line-height: 110%; margin-bottom: 20px; } .info-block div .row.news-list { margin-left: 0; margin-right: -32px; } .news-list { } div div .info-info { margin-bottom: 48px; } @media (max-width: 1439px) { div .info-info { margin-left: -12px; margin-right: -12px; width: 874px; } div .info-text { max-width: 589px; width: 589px; flex: 0 0 589px; } } @media (max-width: 1279px) { .news-block.container.mt-88.mb-4 .news-list-item:last-child { display: none; } div .info-info { background: rgba(5, 25, 67, 0.03); margin-left: 0; margin-right: 0; width: 100%; margin-bottom: 96px; } div .info-text { padding-top: 28px; padding-left: 48px; padding-bottom: 28px; height: 210px; line-height: 24px; max-width: 100%; width: 100%; flex: 0 0 68.5%; } div .info-icon { background: rgba(45, 90, 224, 0.04) url(/images/info.png) no-repeat center; width: 30%; max-width: 30%; margin-right: 0; padding: 0; margin-left: 0; } .info-content div.news-list-item { width: auto; max-width: 100%; } .info-content .row.news-list.bx-blue { width: 100%; overflow: unset; } .info-content .row.news-list.bx-blue>.col>.row { width: auto; max-width: unset; overflow: hidden; } div .info-content { flex: 0 0 100%; } } @media (max-width: 767px) { div .info-content { flex: 0 0 100%; } .info-content .row.news-list.bx-blue { /* padding-left: 12px; */ width: 100%; margin-left: 0; overflow: unset; } div .info-text { height: auto; } } /*===================best====================*/ div.best { margin-top: 172px; } .best .recom.item:hover { /*background: rgba(45, 90, 224, 0.04);*/ } .recom button { z-index: 10; } .best .recom.item:hover::after { position: absolute; height: 50%; width: 304px; content: ""; background: rgba(45, 90, 224, 0.04); top: 0; left: 0; } .best .recom.item:hover { background: rgba(45, 90, 224, 0.04); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(45, 90, 224, 0.04) 50%, rgba(45, 90, 224, 0.04) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(45, 90, 224, 0.04) 50%, rgba(45, 90, 224, 0.04) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(45, 90, 224, 0.04) 50%, rgba(45, 90, 224, 0.04) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .best h2 { margin-bottom: 64px; } .best .recom-img { margin: 0 auto; height: 188px; } .best .recom-text { font-weight: 600; color: #051943; text-align: left; padding-left: 32px; padding-right: 32px; margin-top: 28px; } .best .recom { text-align: left; border-right: 1px solid rgba(45, 90, 224, 0.08); height: 462px; padding-top: 20px; } .recom-prew { font-size: 14px; line-height: 22px; text-align: left; padding-left: 32px; margin-top: 16px; height: 66px; font-style: normal; font-weight: normal; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -ms-line-clamp: 3; -webkit-line-clamp: 3; line-clamp: 3; display: -webkit-box; display: box; word-wrap: break-word; -webkit-box-orient: vertical; box-orient: vertical; padding-right: 32px; } .best .rel-products.owl-theme .owl-nav { position: absolute; right: 0; margin-top: -572px; } .best .recom .btn.btn-link { font-size: 14px; border: 1px solid #2D5AE0; color: #2456ED; padding: 12px 24px; margin-left: 32px; text-align: left; line-height: 16px; padding-right: 56px; background-position: center right 24px; margin-top: 48px; font-weight: normal; letter-spacing: -0.12px; background-image: url(/images/arrowimgblue-r.png); } @media (max-width: 1439px) { .best h2 { margin-bottom: 48px; } .best .recom-text { padding-left: 24px; padding-right: 24px; margin-top: 24px; } .best .recom { height: 438px; padding-top: 20px; } .recom-prew { padding-left: 24px; padding-right: 24px; } .best .rel-products.owl-theme .owl-nav { right: 0; margin-top: -530px; } .best .recom .btn.btn-link { margin-left: 24px; } .best .owl-carousel .owl-stage-outer { width: 105%; } .best .owl-item { opacity: 0.2; } .best .owl-item.active { opacity: 1; } .best .recom-img { height: 176px; } } @media (max-width: 1279px) { .best .recom-img { height: 160px; } .best .owl-carousel.owl-drag .owl-item { } .best h2 { margin-bottom: 48px; } .best .recom-text { font-weight: 800; padding-left: 32px; padding-right: 32px; margin-top: 20px; height: 20px; } .best .recom .btn.btn-link { margin-left: 32px; } .recom-prew { text-align: left; padding-left: 32px; color: rgba(9, 29, 70, 0.5); margin-top: 16px; height: 88px; -ms-line-clamp: 4; -webkit-line-clamp: 4; line-clamp: 4; padding-right: 32px; } .best .owl-item.active { background: linear-gradient(338deg, #FAFAFA 0%, rgba(250, 250, 250, 0) 55.82%); } .best .owl-item .recom { border:0; } .best .owl-item.active .recom{ border-left: 1px solid rgba(45, 90, 224, 0.08); } .best .recom { height: 424px; padding-top: 0px; } .best .rel-products.owl-theme .owl-nav { right: 0; margin-top: -515px; margin-right:-196px; } .bestin { width: 508px; } .best .owl-carousel .owl-stage-outer { width: 736px; } .best .rel-products .owl-dots { margin-right:-196px; } } @media (max-width: 767px) { div div.best { margin-top: 48px; } .best .recom .btn.btn-link { margin-left: 16px; margin-top: 40px; } .best .owl-carousel.owl-drag .owl-item { } .best .recom-img { height: 128px; } .best h2 { margin-bottom: 48px; } .best .recom-text { font-weight: 800; padding-left: 16px; padding-right: 16px; margin-top: 16px; } .recom-prew { text-align: left; padding-left: 16px; color: rgba(9, 29, 70, 0.5); margin-top: 24px; height: 66px; -ms-line-clamp: 3; -webkit-line-clamp: 3; line-clamp: 3; padding-right: 16px; } .best .recom { height: 350px; padding-top: 0px; } .best .rel-products.owl-theme .owl-nav { left: 0; margin-top: 24px; width: 88px; } .best .rel-products .owl-dots { display: block; position: absolute; right: 0; margin-top: 30px; margin-right:-57px; } .bestin { width: 271px; } .best .owl-carousel .owl-stage-outer { width: 344px; } } /*============form-container==============*/ .form-container { padding-bottom:176px; padding-top:176px; background: url(/images/form-footer.jpg) no-repeat bottom; } .form-container .h2 { font-style: normal; font-weight: 800; font-size: 24px; line-height: 110%; letter-spacing: -0.16px; color: #051943; margin-top:0; margin-bottom: 48px; text-transform:none; } .form-container p { color: rgba(9, 29, 70, 0.94); } .form-container p.form-info { font-size: 14px; line-height: 22px; color: rgba(9, 29, 70, 0.5); margin-top:24px; margin-bottom:16px; } .form-container p.form-info b { font-style: normal; color: #E02D2D; } div.form-webform { max-width: 416px; } div.form-webform .caption-label { position: absolute; margin-top: 13px; margin-left: 16px; font-size: 14px; line-height: 22px; color: rgba(9, 29, 70, 0.5); z-index: 0; } .form-control { color: rgba(9, 29, 70, 0.94); cursor: auto; width: 100%; height: 48px; padding: 12px 16px; font-size: 16px; font-weight: 400; line-height: 24px; background: rgba(5, 25, 67, 0.03); margin-bottom: 16px; border: 1px solid rgba(45, 90, 224, 0.04); border-radius: 2px; transition: none; } div.form-webform .form-control { color: rgba(9, 29, 70, 0.94); cursor: auto; display: block; width: 100%; height: 48px; padding: 12px 16px; font-size: 16px; font-weight: 400; line-height: 24px; background: rgba(5, 25, 67, 0.03); margin-bottom: 16px; border: 1px solid rgba(45, 90, 224, 0.04); border-radius: 2px; transition: none; } div.form-webform textarea.form-control { height: 96px; } .form-container .btn.btn-primary.btn-arrow { width: 100%; padding-left: 0px; border-radius: 2px; background-position: center right 17px; padding-right: 0; font-weight: 400; font-size: 16px; padding-top: 15px; line-height: 16px; padding-bottom: 15px; } .form-image { } @media (max-width: 1439px) { .form-image { background: url(/images/form-1.png) no-repeat top 86px right 120px; } .form-container { padding-bottom:176px; padding-top:176px; } } @media (max-width: 1279px) { .form-container { max-width: 360px; margin: 0 auto; } .form-container .h2 { font-size: 18px; } .form-image { min-height: 168px; margin-top: 0px; background-position: top left 2.5px; background-size: contain; margin-bottom: 24px; } .form-container { padding-bottom: 116px; padding-top: 116px; } } @media (max-width: 767px) { .form-container { padding-bottom: 116px; padding-top: 0px; } .form-image { min-height: 160px; margin-top: 116px; background-position: top center; background-size: contain; margin-bottom: 20px; } .form-container .h2 { font-size: 18px; text-align: center; margin-bottom: 40px; } .form-container p { text-align: center; margin-bottom: 24px; } .form-container p.form-info { text-align: center; margin-bottom: 11px; } } .menu { background: #787878; font-size: 14px; line-height: 24px; font-weight: normal; border-radius: 4px; } a#droplang { color: #2D5AE0; } .menu span.caret::before { width: 20px; content: ""; padding-top: 11px; padding-bottom: 10px; padding-right: 20px; margin-left: 4px; height: 10px; position: absolute; background: url(/images/dropmenu.png) no-repeat top 11px left; } .menu .dropdown-toggle::after {display:none;} .quality { text-align: center; color: #fff; letter-spacing: 20px; text-transform:uppercase; margin-top: 20px; font-size: 19px; margin-left: 60px; font-weight: bold; margin-bottom: 30px; } div .h3.product-item-title { white-space: normal; text-transform: none; font-weight: normal; font-size: 16px; } .menu a.root-item-selected { padding-bottom: 0px; border-bottom: none; font-weight: bold; } .carousel-caption { /* margin-bottom: 150px;*/ } .carousel-caption .h5 { width: 52%; margin-bottom: 8px; font-size: 42px; font-style: normal; font-weight: 800; line-height: 46.2px; letter-spacing: -0.24px; color: #fff; /* text-transform: uppercase; */ } .carousel-caption .p { width: 52%; } .carousel-caption .btn-outline-secondary { border-color:#fff!important; color:#fff!important; } .logo { margin-top: 10px; filter: saturate(0.9); width: 100%; margin-bottom: 20px; /* max-width: 168px!important; */ } .top-pan { min-height: 72px; } .st-fix::after { /* content: "";*/ /* display: table;*/ /* height: 154px;*/ } nav.navbar { padding-top:0px; padding-bottom:0px; } .listf .product-item-info-container { float: none; } .st-fix { min-height: 90%; /*max-width: 1440px;*/ margin: 0 auto; } .container-1440 { max-width: 1440px; margin: 0 auto; } .form-enquiry { border-radius: 5px; } .fixed-bottom2 { /* margin-top: -220px;*/ /* height: 220px;*/ } div.bx-breadcrumb { margin: 0; } .lang-switch { text-align: right; position: absolute; right: 0px; /* margin-top: 15px; */ color: #ddd; } .lang-switch a { padding-left: 3px; line-height: 13px; /* padding-top: 5px;*/ padding-right: 3px; } .lang-switch a.lang0 { cursor: default; font-weight:bold; text-decoration:none; } .lang-switch a.lang1 { } .searchButton { width: 30px; background: url(/images/search20201.png) no-repeat top 2px center; height: 30px; background-size: contain; margin-right: -15px; } div#title-search { } input#title-search-input { padding: 11px 5px 11px 15px; border: none; z-index: 200; font-size: 14px; line-height: 16px; height: 38px; background: none; font-weight: 500; } input#title-search-input::placeholder { color: rgba(9, 29, 70, 0.5); } button.btn.btn-primary.search-title-button { background: url(/images/lupa-sm.png) no-repeat center; border: none; height: 38px; padding: 0; width: 38px; min-width: 38px; } div#searchtitle { float: right; /* margin-left: 45px; */ /* width: 144px; */ border: 1px solid rgb(191 197 201); border-radius: 4px; height: 42px; margin-right: -5px; } .communities { text-align: right; } .communities a:hover { text-decoration:none; } .braedcrumbs-row { margin-bottom: 24px; z-index: 0; } .braedcrumbs-row a { font-size: 14px; line-height: 24px; color: rgba(9, 29, 70, 0.5); } .braedcrumbs-row .bx-breadcrumb .bx-breadcrumb-item { float: left; font-family: 'Inter'; margin-bottom: 0px; margin-top: 8px; white-space: nowrap; line-height: 24px; vertical-align: middle; margin-right: 7px; } .braedcrumbs-row .bx-breadcrumb .bx-breadcrumb-item span { font-size: 14px; line-height: 24px; margin-top: 8px; } .braedcrumbs-row .bx-breadcrumb { font-size: 14px; /* line-height: 24px; */ /* position: absolute; */ /* margin-top: 8px; */ color: rgba(9, 29, 70, 0.5); } input.product-item-amount-field { font-weight: normal; font-size: 16px; } .listfav .imagefav img { max-height: 50px; width: auto; margin: 0 auto; } .imagefav { padding-left: 0; /* margin-left: -5px; */ overflow: hidden; } .listfav .favbuttons { border-bottom: none; } .scrollup{ width:40px; height:40px; opacity:0.3; position:fixed; bottom:50px; right:100px; display:none; text-indent:-9999px; background: url('/images/icon_top.png') no-repeat; } body div.bx-auth { margin: 24px auto!important; } .menu-sitemap-tree2>ul>li.opened { display: block; } .menu-sitemap-tree2>ul>li { display: none; } /*=====================каталог=======================*/ div .product-item-detail-slider-block { position: relative; box-sizing: border-box; padding-top: 322px; height: 0; } .img-fixed-tov img { max-width: 100%; max-height: 100%; margin: auto; } .img-fixed-tov { padding: 12px 16px; height: 200px; text-align: center; vertical-align: middle; display: inline-flex; margin: 0 auto; width: 100%; } .fixed-tov .product-pr { float: none; margin-top: 28px; line-height: 28px; margin-bottom: 20px; } .fixed-tov .product-item-info-container { float: left; } .fixed-tov button.wish { float: right; } .fixed-tov .product-code { margin-top: 12px; background-color: #fff; border: 1px solid rgba(45, 90, 224, 0.08); } .fixed-tov { top: 0; padding: 23px; position: sticky; position: -webkit-sticky; margin-bottom: 90px; width: 384px; background: #FFFFFF; border: 1px solid rgba(45, 90, 224, 0.04); box-sizing: border-box; box-shadow: 0px 56px 98px -18px rgba(42, 58, 96, 0.03), 0px 36.2963px 57.3935px -18px rgba(42, 58, 96, 0.0223611), 0px 21.5704px 31.2148px -18px rgba(42, 58, 96, 0.0168889), 0px 11.2px 15.925px -18px rgba(42, 58, 96, 0.01275), 0px 4.56296px 7.98519px -18px rgba(42, 58, 96, 0.00911111), 0px 1.03704px 3.85648px -18px rgba(42, 58, 96, 0.00513889); border-radius: 2px; } .fixed-tov-title { margin-top: 24px; margin-bottom: 28px; font-weight: 800; font-size: 24px; line-height: 125%; letter-spacing: -0.16px; color: #051943; } .top-text-h2 { margin-top: 24px; margin-bottom: 32px; font-size: 24px; line-height: 110%; color: rgba(9, 29, 70, 0.94); letter-spacing: -0.16px; } .top-text-preview { height: 48px; max-width: 535px; } .more-text { color: #2D5AE0; font-size: 14px; line-height: 100%; cursor: pointer; background: url(/images/arrowmore.png) no-repeat right center; padding-right: 16px; } .top-text-preview-full { } .product-code { background: rgba(5, 25, 67, 0.03); text-align: center; height: 84px; border-radius: 8px; max-width: 384px; padding-top: 30px; font-size: 16px; line-height: 24px; color: rgba(9, 29, 70, 0.85); } span.prcode { margin-left: 6px; } img.copy { margin-top: -4px; margin-left: 25.83px; cursor: pointer; } .pdf-icon-top { height: 48px; width: 48px; float: left; margin-right: 12px; border-radius: 2px; background: rgba(5, 25, 67, 0.03) url(/images/doc.png) no-repeat center; } .pdf-item { line-height: 48px; margin-bottom: 5px; height: 48px; overflow: hidden; } .codes div { font-size: 16px; line-height: 24px; margin-bottom: 4px; color: rgba(9, 29, 70, 0.85); } .codes span { color: rgba(9, 29, 70, 0.5); margin: 0px 6px; } .manuf-codes { margin-top: 6px; } .product-item-info-container { float: right; } .product-pr { float: left; font-size: 14px; font-weight: 400; line-height: 48px; color: rgba(9, 29, 70, 0.5); } .product-pr span { font-size: 14px; font-weight: normal; color: rgba(9, 29, 70, 0.94); margin-left: 4px; } input.product-item-amount-field { font-weight: normal; font-size: 16px; line-height: 48px; height: 48px; width: 48px; background: rgba(5, 25, 67, 0.03)!important; border-radius: 2px; } div .product-item-amount-field-btn-minus:after { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4gIDxyZWN0IHdpZHRoPSIzMCIgaGVpZ2h0PSI2IiB5PSIxMiIgZmlsbD0iIzUyNUM2OCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat center; background-size: 8px; } div .product-item-amount-field-btn-plus:after { background-size: 8px; } div div .product-item-amount-field-btn-minus{ height: 48px; background: none; } div div .product-item-amount-field-btn-plus{ height: 48px; background: none; } .product-item-detail-pay-block .btn-primary { background-image: url(/images/arrowbtnpr1.png); /* background-size: 20px; */ } .product-item-detail-pay-block .btn-primary.btn-arrow:hover { } .prod-bottom { color: rgba(9, 29, 70, 0.94); font-size: 16px; line-height: 26px; } .tab-content { width: 100%; } .prod-bottom .h3.v2 { margin-bottom: 48px; margin-top: 0; } .descr-bord { border-left: 1px solid #f63837; padding-left: 32px; } .tab-content > .tab-pane { margin-bottom: 96px; } .doc-big { background: rgba(45, 90, 224, 0.04) url(/images/doc11.png) no-repeat center top 42px; width: 174px; height: 168px; float: left; border-right: 1px solid #e8ecfc; text-align:center; margin-bottom: 4px; } .doc-link { font-size: 14px; line-height: 20px; overflow: hidden; padding-left: 8px; margin-right: 8px; width: 95%; padding-top: 82px; color: rgba(9, 29, 70, 0.85); } .h3.displ-al1.v2.docstitle { font-size: 16px; font-weight: 600; line-height: 24px; margin-bottom: 22px; color: rgba(9, 29, 70, 0.85); } .h3.displ-al1.v2.docstitle:before { content: ""; position: absolute; width: 16px; height: 0px; margin-top: 11px; /* background: rgba(9, 29, 70, 0.85); */ left: -16px; border-bottom: 1px solid rgba(9, 29, 70, 0.85); } .clearleft { clear: left; } .clearright { clear: right; } @media (min-width: 1280px) { .bx-catalog-element .top-text .col-md-7 { /* flex: 0 0 384px;*/ /* max-width: 384px;*/ } .bx-catalog-element .top-text .col-7 { /* flex: 0 0 384px;*/ /* max-width: 384px;*/ } } .data-list.row { margin-top: 28px; } .bx-no-retina .product-item-detail-slider-controls-image.active { /* outline-width: 2px; */ /* outline-style: outset; */ border-bottom: 1px solid #f63837; padding-bottom: -1px; } .owl-carousel .owl-nav button.owl-next:focus, .owl-carousel .owl-nav button.owl-prev:focus, .owl-carousel button.owl-dot:focus { outline: none; } div .product-item-detail-slider-left, div .product-item-detail-slider-right { display: none; left: 0; } .product-item-detail-slider-controls-block { padding: 0; padding-top: 8px; text-align: center; width: 77%; margin: 0 auto; } div .img-carousel.owl-carousel .owl-stage { /* width: 100%!important; */ margin: 0 auto; } .owl-carousel.img-carousel .owl-nav button.owl-next span, .owl-carousel.img-carousel .owl-nav button.owl-prev span, .owl-carousel.img-carousel button.owl-dot span { display: none; } .owl-carousel.img-carousel .owl-nav button.owl-prev { width: 48px; height: 48px; position: absolute; background: rgba(45, 90, 224, 0.08); background-image: url(/images/arrowimgblue-l.png); background-repeat: no-repeat; background-position: center; border-radius: 2px; left: -56px; margin-top: -54px; } .owl-carousel.img-carousel .owl-nav button.owl-next { width: 48px; height: 48px; position: absolute; background: rgb(247 248 249); background-image: url(/images/arrowimgblue-r.png); background-repeat: no-repeat; background-position: center; border-radius: 2px; right: -56px; margin-top: -54px; } .owl-carousel.img-carousel .owl-nav button.owl-prev.disabled { background: rgba(255, 255, 255, 0); background-image: url(/images/arrowimg-l.png); background-repeat: no-repeat; background-position: center; } .owl-carousel.img-carousel .owl-nav button.owl-next.disabled { background: rgba(255, 255, 255, 0); background-image: url(/images/arrowimg-r.png); background-repeat: no-repeat; background-position: center; } .owl-carousel.img-carousel .owl-nav button.owl-prev { } .img-carousel .owl-item { margin-right: 8px!important; } .product-item-detail-slider-image.active { border: 1px solid #ddd; } .popup .product-item-detail-slider-image.active { border: none; } div .product-item-detail-slider-image img { position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; width: auto; height: auto; outline: 1px solid rgba(255, 255, 255, 0); background-position: center; background-repeat: no-repeat; transition: background-size 450ms ease,width 450ms ease,height 450ms ease,outline 450ms ease; transform: translateY(-50%) translateX(-50%); } @media (min-width: 1280px) { .bx-catalog-element .col-md-5 { /* flex: 0 0 42.764%;*/ /* max-width: 42.764%;*/ } .bx-catalog-element .col-md-7 { /* flex: 0 0 57.236%;*/ /* max-width: 57.236%;*/ } } /*==========================contacts=======================*/ .contacts-top-cont { background: #2D5AE0; height: 390px; margin-bottom:156px; } div.contacts-top-cont h1 { color: #fff; line-height: 46px; margin-top: 88px; max-width: 384px; margin-bottom: 40px; } .contacts-top-cont p { color: #fff; max-width: 384px; font-size: 14px; line-height: 22px; letter-spacing: -0.01em; } .map-cont { width: 354px; height: 404px; margin-top: 88px; z-index: 20; position: relative; background: #fff; box-shadow: 0px 56px 98px -18px rgb(42 58 96 / 3%), 0px 36.2963px 57.3935px -18px rgb(42 58 96 / 2%), 0px 21.5704px 31.2148px -18px rgb(42 58 96 / 2%), 0px 11.2px 15.925px -18px rgb(42 58 96 / 1%), 0px 4.56296px 7.98519px -18px rgb(42 58 96 / 1%), 0px 1.03704px 3.85648px -18px rgb(42 58 96 / 1%); } .map-cont-text { padding: 32px; padding-right: 30px; padding-bottom: 28px; } .email-cont { margin-top: 16px; } .email-cont a { color: rgba(9, 29, 70, 0.85); font-size: 16px; line-height: 150%; } .map-cont-img { padding: 8px; } .top-text-cont { font-size: 24px; line-height: 110%; color: #051943; margin-bottom:22px } .top-text-cont b { font-weight: 800; } .addr { font-size: 16px; line-height: 150%; margin-bottom: 16px; } .btn.btn-arrow.btn-arrow-sm { font-size: 14px; color: #2456ED; padding-top: 5px; padding-bottom: 5px; padding-left: 0; /* width: 10px; */ padding-right: 20px; background: url(/images/arrowimgblue-r-sm.png) no-repeat center right 2px; } .addr div { float: left; padding-top: 1px; height: 24px; } .addr { font-size: 16px; line-height: 150%; margin-bottom: 16px; height: 24px; } .addr .btn.btn-arrow.btn-arrow-sm { /* margin-top: -3px; */ padding-top: 5px; padding-bottom: 5px; line-height: 14px; margin: 0; letter-spacing: -0.24px; font-size: 14px; border: 0; margin-left: 8px; } .phone-cont a { color: rgba(9, 29, 70, 0.85); font-size: 16px; line-height: 150%; } .black-cont { margin-top: 40px; width: 592px; height: 302px; background: #051943 url(/images/cont.png) no-repeat top 65px right 65px; position: absolute; z-index: 2; } .light-blue { background: rgba(5, 25, 67, 0.03); padding-bottom: 140px; } div .contacts-filial h2 { font-weight: 800; font-size: 24px; line-height: 110%; margin-bottom:28px; } .filial { padding-top:20px; padding-bottom:19px; border-bottom: 1px solid rgba(9, 29, 70, 0.16); } .addrfil>span.d-none.d-md-block { float: left; font-size: 14px; line-height: 22px; color: rgba(9, 29, 70, 0.5); } .filial .btn.btn-arrow.btn-arrow-sm { float: right; padding-top: 4px; padding-bottom: 4px; line-height: 16px; font-size: 16px; border: 0; padding-right: 31px; background-image: url(/images/arrowimgblue-r.png); } @media (max-width: 1439px) { .filial .btn.btn-arrow.btn-arrow-sm { float: right; padding-top: 0; padding-bottom: 0; line-height: 24px; border: 0; margin-right: 8px; font-size: 14px; padding-right: 20px; background: url(/images/arrowimgblue-r-sm.png) no-repeat center right; } div.contacts-top-cont h1 { color: #fff; line-height: 46px; margin-top: 88px; max-width: 384px; margin-bottom: 40px; } .map-cont { margin-top: 96px; } .black-cont { margin-top: 48px; width: 552px; height: 270px; background: #051943 url(/images/cont.png) no-repeat top 52px right 52px; background-size:72px; } .contacts-top-cont { height: 366px; margin-bottom:156px; } .contacts-top-cont p { max-width: 456px; } .light-blue { padding-bottom: 156px; } } @media (max-width: 1279px) { .filial { padding-top: 16px; padding-bottom: 15px; } .filial .btn.btn-arrow.btn-arrow-sm { padding-top: 3px; } .contacts-soc { padding-top: 55px; } div .contacts-filial h2 { font-size: 18px; } div .contacts-filial h2 { margin-bottom: 32px; } .light-blue { padding-bottom: 116px; } .email-cont { margin-top: 8px; } .email-cont a { color: rgba(9, 29, 70, 0.5); font-size: 14px; line-height: 22px; } .phone-cont a { color: rgba(9, 29, 70, 0.5); font-size: 14px; line-height: 22px; } .addr { font-size: 14px; line-height: 22px; margin-bottom: 8px; } div.contacts-top-cont h1 { line-height: 35px; font-size: 32px; margin-top: 52px; max-width: 328px; margin-bottom: 32px; } .map-cont { width: 344px; height: 270px; margin-top: 104px; } .black-cont { margin-top: 32px; width: 344px; height: 256px; background: #051943 url(/images/cont.png) no-repeat top 21px right 21px; background-size:30px; } .contacts-top-cont { background: #2D5AE0; height: 302px; margin-bottom:116px; } .contacts-top-cont p { max-width: 344px; line-height: 20px; } .top-text-cont { font-size: 18px; margin-bottom:18px } div .map-cont-text { padding: 24px; font-size: 14px; line-height: 22px; } div .map-cont-text a{ color: rgba(9, 29, 70, 0.5); } .map-cont-img img { width: 100%; margin-top: -39px; } .map-cont-img { height: 72px; overflow: hidden; } } @media (max-width: 767px) { div .contacts-filial h2 { margin-bottom: 24px; } div .map-cont-text { padding: 20px 16px; } .filial .btn.btn-arrow.btn-arrow-sm { padding-top: 0px; } div.contacts-top-cont h1 { font-size: 32px; line-height: 35px; margin-top: 56px; max-width: 328px; margin-bottom: 32px; } .map-cont { width: 328px; height: 254px; margin-top: 128px; } .black-cont { margin-top: 56px; width: 328px; height: 256px; } .contacts-top-cont { height: 142px; margin-bottom: 594px; } .contacts-top-cont p { color: rgba(9, 29, 70, 0.85); max-width: 328px; margin-top:16px; margin-bottom: 0; } .map-cont-text { padding: 20px 16px; } .map-cont-img { padding: 0; } } /*========================catal-adaptive=======================*/ div.product-item-detail-pay-block { padding: 0; } .tab-content > .tab-pane.marginsmall { margin-bottom: 48px; } .pdf-item a { color: rgba(9, 29, 70, 0.85); } .uslugi { margin-bottom: 90px; } .bx-catalog-element .rel-products { margin-bottom: 0; } div .product-item-detail-slider-controls-image { position: relative; display: inline-block; overflow: hidden; width: 56px; height: 36px; margin-top:6px; outline: none; background-color: #fff; text-align: center; cursor: pointer; } .bx-catalog-element .data-pad { padding-left: 8px; } @media (min-width: 1280px) { .product-item-info-container input.product-item-amount-field { margin-left: 4px; margin-right: 4px; } } .product-item1.recom.item { padding-bottom: 21px; margin-bottom: 48px; } .catalog-section.row { margin-left: -8px; margin-right: -32px; } a.catalog-section-list-item-link { font-size: 16px; font-weight: 600; line-height: 24px; } li.catalog-section-list-item { padding-right: 4px; padding-left: 4px; margin-bottom: 32px; } .catalog-section-list-item-title { background: url(/images/arrowmore1.png) no-repeat top 8px right 6px; margin-top: 16px; margin-right: 6px; padding-right: 26px; } ul.catalog-section-list-tile-list { } div a.catalog-section-list-item-img { max-height: 202px; padding-top: 68%; background-position: top center; border-radius: 0; border: 0; background-color: rgba(5, 25, 67, 0.03); } .top-text-preview-full { } .product-item1 .recom-prew { position: absolute; bottom: 121px; } div.product-item-container { position: initial; } .product-item1 button { position: absolute; bottom: 48px; } .section-descr { margin-bottom: 156px; } .row.product-item-list-col-3 { margin-left: 0; } div .tov-menu { border-top: 1px solid rgba(45, 90, 224, 0.08); border-right: 1px solid rgba(45, 90, 224, 0.08); } .sect-d { margin-bottom: 176px; color: rgba(9, 29, 70, 0.5); font-size: 14px; line-height: 22px; } .catalog-section .recom { height: auto; } h1.catal-h1 { margin-top: 176px; margin-bottom: 48px; font-size: 24px; line-height: 110%; } .arrow-left.disabled { background: rgb(122 125 134 / 8%) url(/images/arrowimg-l.png) no-repeat center; opacity: 0.5; } .arrow-right.disabled { background: rgb(122 125 134 / 8%) url(/images/arrowimg-r.png) no-repeat center; opacity: 0.5; } .navigation-pages a { color: rgba(9, 29, 70, 0.5); font-size: 14px; line-height: 20px; } .arrow-left { height: 40px; width: 40px; position: absolute; margin-top: -10px; background: rgba(45, 90, 224, 0.08) url(/images/arrowimgblue-l.png) no-repeat center; } .arrow-right { height: 40px; width: 40px; position: absolute; float: right; right: 8px; margin-top: -10px; background: rgba(45, 90, 224, 0.08) url(/images/arrowimgblue-r.png) no-repeat center; } .navigation-pages { color: rgba(9, 29, 70, 0.85); font-size: 14px; line-height: 20px; text-align: center; } .product-item1 .recom-text { text-align: left; font-size: 16px; font-weight: 600; line-height: 24px; margin-top: 16px; height: auto; padding: 0px; } .product-item1 .recom-prew { padding: 0px; font-size: 16px; line-height: 24px; color: rgba(9, 29, 70, 0.5); height: 72px; } .catalog-section .recom .btn.btn-link { font-size: 14px; /* border: 1px solid #2D5AE0; */ color: #2456ED; padding: 12px 0px 12px 0px; /* margin-left: 12px; */ text-align: left; line-height: 100%; padding-right: 48px; background-position: center right 24px; margin-top: 33px; font-weight: normal; letter-spacing: -0.12px; background-image: url(/images/arrowmore2.png); } .catalog-section .recom { height: auto; border: none; text-align: left; margin-bottom: 48px; } .product-item1 .recom-img-cont { background-repeat: no-repeat; /* background-color: rgba(5, 25, 67, 0.03); */ height: 202px; background-position: center; padding: 0px; background-size: contain; } .product-item1 .recom-img { background-color: rgba(5, 25, 67, 0.03); height: 202px; } .tov-list-right { } div .tov-menu { padding-top: 36px; padding-right: 36px; padding-left: 0; margin-left: 16px; border-top: 1px solid rgba(45, 90, 224, 0.08); border-right: 1px solid rgba(45, 90, 224, 0.08); max-width: 280px; } div .product-item-small-card { padding-left: 4px; padding-right: 4px; } /*=ca1439*/ @media (max-width: 1439px) { .uslugi { margin-bottom: 96px; } .catalog-section.row { margin-left: 0px; margin-right: -48px; } div .tov-menu { max-width: 264px; margin-right: 0px; } div .product-item-small-card { padding-left: 12px; padding-right: 12px; } .testim div { max-width: 556px; } div#searchtitle.vis { display: block; position: absolute; margin-top: 61px; margin-left: -69px; z-index: 999; background: #fff; width: 358px; /* border-left: 5px solid #2d5ae0; */ /* border-radius: 2px; */ } div .tov-menu { padding-right: 12px; padding-left: 0; margin-right: -12px; margin-left: 12px; /* max-width: 280px; */ } div .fixed-tov { display: none; } .doc-big { width: 162px; height: 156px; background-position: top 39px center; } .download-doc { margin-left: 126px; } .doc-link { padding-top: 80px; } .bx-catalog-element .top-text .col-md-7 { /* flex: 0 0 360px;*/ /* max-width: 360px;*/ } .rel-panel.recom-text { padding-left: 12px; padding-right: 12px; margin-top: 16px; } .rel-panel .recom { height: 267px; padding-top: 24px; } .rel-panel .rel-products.owl-theme .owl-nav { margin-top: -343px; } .rel-panel .recom .btn.btn-link { margin-top: 44px; } .rel-panel .owl-carousel .owl-stage-outer { width: 105%; } .rel-panel .owl-item { opacity: 0.2; } .rel-panel .owl-item.active { opacity: 1; } .rel-panel .recom-img { height: 116px; } div .product-item-detail-slider-block { position: relative; box-sizing: border-box; padding-top: 298px; height: 0; } .data-list.row .col-md-7, .data-list.row .col-lg-7 { position: static; max-width: 384px; } .top-text .col-md-7, .top-text .col-lg-7 { max-width: 384px; } .top-text-h2 { margin-top: 4px; margin-bottom: 20px; } .owl-carousel.img-carousel .owl-nav button.owl-next { width: 40px; height: 40px; margin-top: -45px; right: -48px; } .owl-carousel.img-carousel .owl-nav button.owl-prev { height: 40px; width: 40px; margin-top: -45px; left: -48px; } .product-item-detail-slider-controls-block { padding: 0; padding-top: 14px; text-align: left; width: 360px; /* margin: 0 auto; */ margin-left: 48px; } .data-list.row { margin-top: 32px; } .bx-catalog-element .data-pad { padding-left: 12px; } div .owl-carousel.img-carousel .owl-stage-outer { margin-left: 0px; padding-bottom: 0; margin-top: 0; padding-top: 0; } div .product-item-detail-slider-controls-image { margin-top: 0; } } .backright { position:absolute; margin-top:-56px; width:50%; right:0; background: linear-gradient(129.65deg, #F7F8F9 15.05%, rgba(255, 255, 255, 0) 46.85%); transform: matrix(-1, 0, 0, 1, 0, 0); height: 580px; z-index: -1; } .backleft { position:absolute; margin-top:-56px; width:50%; left:0; background: linear-gradient(129.65deg, #F7F8F9 15.05%, rgba(255, 255, 255, 0) 46.85%); z-index: -1; height: 580px; } /*=ca1279*/ @media (max-width: 1279px) { .top-phone a { font-size: 20px; } .backright, .backleft { display:none; } .top-header { margin-top: 0; } .product-item-detail-slider-controls-block { display: none; } h1.catal-h1 { margin-top: 156px; } .catalog-section.row { margin-left: -8px; margin-right: -8px; } .col-12.bx-blue.main-list-catal { padding: 0; } .tov-list-right { padding-right: 8px; padding-left: 8px; margin-left: 0px; } div .product-item-small-card { padding-left: 8px; padding-right: 8px; } .about-1-img img { margin-top: 32px; } .about-2 { margin-top: 116px; } .top-pan ul.dropdown-menu.show { font-size: 14px; border: none; } div#searchtitle.vis { margin-top: 44px; border: 5px solid rgba(45, 90, 224, 0.04); margin-left: -180px; } .top-pan ul.nav.navbar-nav { padding-left: 55px; padding-top: 20px; } .product-item1 .recom-img { height: 152px; } .product-item1 .recom-img-cont { height: 152px; } .product-item1 .recom-prew { display: none; } .product-item1.recom.item { padding-bottom: 48px; } .sidebarmenu { display: none; } .sidebarmenu.opened{ display: block; } div div.tov-menu { border: none; margin-top: 0; padding-top: 0; width: 100%; max-width: 100%; padding-right: 8px; padding-left: 8px; margin: 0; } .tov-list-right { padding-right: 12px; padding-left: 12px; margin-left: -3px; } .btn-sec { background: rgba(45, 90, 224, 0.04) url(/images/ardown.png) no-repeat right 16px center; margin-bottom: 20px; padding: 12px 32px 12px 25px; font-size: 16px; line-height: 16px; color: #f63837; } .product-item-detail-slider-container { height: 420px; } .row.infocontainer .col-md-5 { max-width: 150px; flex: 0 0 150px; } div .showmore { content: ""; width: 40px; height: 62px; margin: 0; color: rgba(255, 255, 255, 0); font-size: 1px; background-position: center right 16px; } div .usltext { max-width: 430px; margin-left: 0px; } .row.prod-bottom { margin-top: 48px; } .tab-content > .tab-pane { margin-bottom: 56px; } .prod-bottom .h3.v2 { margin-bottom: 48px; margin-top: 0px; } .bx-catalog-element .top-text .col-md-7 { /* flex: 0 0 434px;*/ /* max-width: 434px;*/ } .bx-catalog-element .top-text .col-md-5 { /* flex: 0 0 300px;*/ } .bx-breadcrumb div.bx-breadcrumb-item:nth-last-child(3) { display: block!important; } .bx-breadcrumb-item { display: none; } i.fa.fa-angle-right { transform: rotate(180deg); margin-top: -4px; } .nav-tabs { margin-bottom: 40px; } .product-item-detail-slider-image.active { height: 420px; } div .product-item-detail-slider-image img { max-height: 382px; } ul#myTab { /* width: 1000px; */ display: flex; flex-wrap: nowrap; flex-direction: row; /* overflow: auto; */ max-width: 1280px; } .product-item-detail-tabs-container1 { width: 100%; height: 58px; overflow: hidden; /* padding-bottom: 20px; */ margin-bottom: 6px; overflow-x: scroll; } ul#myTab li a { white-space: nowrap; } .top-text-h2 { margin-top: 40px; margin-bottom: 20px; } .bx-catalog-element div .col-12 { flex: 0 0 100%; width: 100%; max-width: 100%; } .about-text { max-width: 312px; } .about-2-img img { max-height: 440px; max-width: 312px; margin-top:32px; } div .info-menu, div .info-block{ border: none; } .menu-sitemap-tree-blank { margin-bottom: 48px; margin-left: 24px; } .optionsblock { max-width: 100%!important; } .product-code { max-width: 100%; } .tab-content .h3.v2 { font-size: 24px; } .uslugi { margin-bottom: 58px; } .product-item1.recom.item { margin-bottom: 40px; } .product-item1 button { bottom: 40px; } } @media (min-width: 768px) and (max-width: 1279px) { .col-12.col-md-7.topt .col-md-8 { max-width: 450px; flex: 0 0 450px;} .col-12.col-md-7.topt .col-md-4 { max-width: 238px; flex: 0 0 238px; } } /*=ca767=*/ @media (min-width: 1280px) { .catalog-section .recom .btn.btn-link { font-size: 16px; line-height: 16px; background: url(/images/arrowimgblue-r.png) no-repeat right; padding-right: 31px; } } @media (max-width: 767px) { .tab-content > .tab-pane.marginsmall { margin-bottom: 40px; } .product-item1 button { bottom: 24px; } .product-item1.recom.item { margin-bottom: 24px; } .uslugi { margin-bottom: 64px; } div div .uslugi li { background: rgba(45, 90, 224, 0.04); font-size:14px; line-height:22px; } .usltext { margin-left: 12px; margin-top: 8px; } .row.prod-bottom { margin-top: 72px; } .optionsblock .form-control { margin-bottom: 4px; } .top-text-h2 { margin-top: 22px; margin-bottom: 20px; font-size: 18px; font-weight: 800; } body div.bx-catalog-element h1 { margin-bottom: 16px; } div .rel-panel .h4 { margin-bottom: 40px; font-size: 18px; } .descr-bord { padding: 0; border: none; } .h3.displ-al1.v2.docstitle { margin-left: 24px; } .h3.displ-al1.v2.docstitle:before { left: 8px; } .product-item-info-container { float: left; } .product-item-detail-pay-block .btn-primary { width: 100%; } .product-item-detail-pay-block { padding: 0; } .tab-content .h3.v2 { font-size: 18px; margin-bottom:40px; } .col222 { position: relative; width: 100%; max-width: 100%; padding-left: 8px; padding-right: 8px; } .product-item1 .recom-text { font-size: 14px; line-height: 20px; margin-top: 8px; } div .testim { padding-left: 0; margin-top: 48px; padding-top: 0; background: none; padding-bottom: 116px; } .about-2-img img, .about-1-img img { margin-top:24px; } ul.catalog-section-list-tile-list { padding-left: 12px; } .col-12.bx-blue.main-list-catal { padding: 0; } .top-pan ul.dropdown-menu.show { max-width: 300px; background: none; } .top-pan ul.nav.navbar-nav { padding-left: 110px; background: #f7f8f9; } div div#searchtitle.vis { margin-top: 48px; width: 328px; margin-left: -275px; height:auto; /* position: initial; */ } .product-item1 .recom-img-cont { height: 108px; padding: 4px; } .product-item1 .recom-img { height: 108px; } span.more-text { } div .orderservice { font-size: 0; border: 0; height: 32px; width: 32px; padding: 16px; background: url(/images/arrowmore2.png) no-repeat center; margin-top: 16px; } div .rel-panel { padding: 0; } .showmore { display: none; } div .usltext { max-width: 252px; height: 44px; margin-top: 8px; margin-bottom: 12px; margin-left: 12px; } .row.prod-bottom { margin-left: -16px; margin-right: -16px; } .doc-big:nth-child(2n+1) { margin-right: 4px; } .doc-big { margin-bottom: 4px; /* margin-right: 4px; */ } div .bx-catalog-element .row.top-text .col-5 { /* flex: 0 0 128px;*/ } .bx-catalog-element .top-text .col-md-5.col-7 { /* flex: 0 0 220px;*/ /* text-align: right;*/ /* max-width: 220px;*/ } .product-item-detail-slider-container { height: 196px; } .pdf-top-list { margin-left: 57px; margin-bottom: 15px; } .manuf-codes { margin-left: 57px; margin-top: 16px; } .product-pr { display: none; } .data-list.row { margin-top: 18px; } .top-text-preview { height: 66px; font-size: 14px; overflow: hidden; line-height: 22px; } .top-text-preview-full { font-size: 14px; line-height: 22px; } div.product-item-detail-pay-block { margin-top: 22px; } .product-item-detail-slider-image.active { height: 196px; } div .product-item-detail-slider-image img { max-height: 171px; } ul#myTab { /* width: 1000px; */ display: flex; flex-wrap: nowrap; flex-direction: row; /* overflow: auto; */ max-width: 1280px; } ul#myTab li a { white-space: nowrap; } .product-item-detail-tabs-container1 { width: 328px; height: 40px; overflow: hidden; margin-bottom: 24px; overflow-x: scroll; } .tab-content > .tab-pane { margin-bottom: 72px; } } ul.info-list { list-style: none; padding-left: 0; color: #aaa; } ul.info-list a { font-family: Inter; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; text-decoration-line: underline; color: #2D5AE0; } ul.info-list li { margin-bottom:16px; } .row.infocontainer { margin-bottom: 0; margin-top: 114px; } .displ .tab-pane { display: block!important; opacity: 1!important; } .displ-al {display:none;} .displ .displ-al {display:block;} .place-card.place-card-medium { display: none; } div h3.catalog-section-list-item-title, div .h3.catalog-section-list-item-title { font-weight: normal; margin-bottom: 30px; } .main-list-catal a.catalog-section-list-item-link:hover { text-decoration: none; text-shadow: 0 0 5px rgba(255,255,255,0.5); } .main-list-catal .catalog-section-list-item-inner:hover { background: rgba(0,0,0,0.4); } .main-list-catal div h3.catalog-section-list-item-title, .main-list-catal div h3.catalog-section-list-item-title { font-weight: normal; margin-bottom: 0; } .main-list-catal a.catalog-section-list-item-img { background: linear-gradient(rgb(0 170 203) 0%, rgb(0 67 137) 100%); background-size: cover; } .main-list-catal .catalog-section-list-tile-img-container { background: #ddd; background: linear-gradient(90deg, rgb(0 170 203) 0%, rgb(0 67 137) 100%)!important; } .main-list-catal h3.catalog-section-list-item-title a, .main-list-catal .h3.catalog-section-list-item-title a { font-size: 28px; font-weight: bold; color: #fff; vertical-align: unset; line-height: unset; } a.catalog-section-list-item-link { color: #797979; } .main-list-catal .catalog-section-list-item-inner { background: #f7f7f7;; min-height: 110px; justify-content: center; text-align: center; padding: 20px 10px; display: flex; align-items: center; font-size: 25px; } @media (max-width: 1439px) { .main-list-catal h3.catalog-section-list-item-title a.catalog-section-list-item-link , .main-list-catal .h3.catalog-section-list-item-title a.catalog-section-list-item-link { font-size: 18px; font-weight: normal; } div.main-list-catal .catalog-section-list-item-inner { min-height: 90px; padding: 10px 10px; margin-bottom: 40px; } } @media (max-width: 1279px) { .main-list-catal h3.catalog-section-list-item-title a.catalog-section-list-item-link, .main-list-catal .h3.catalog-section-list-item-title a.catalog-section-list-item-link { font-size: 18px; font-weight: normal; } div.main-list-catal .catalog-section-list-item-inner { min-height: 90px; padding: 10px 10px; margin-bottom: 40px; } } .recom { text-align: center; border-right: 1px solid rgba(45, 90, 224, 0.08); height: 256px; } .recom img { max-height: 200px; width: auto; margin: 0 auto; } .col-3-block-image { transition: 1s; padding: 10px; } .col-3-block-image:hover { background: #eee; } .col-3-block-image h2 { margin-top: 15px; } .popup .photo-text { position: relative; top: 130%; background: rgba(255,255,255,0.8); /* padding: 20px; */ display: block; } .photo-text { display: none; } .codes.row { margin-top: 10px; font-size: 13px; /* font-style: italic; */ } div.product-item-detail-pay-block { margin-top: 32px; border: none; } a.product-item-image-wrapper { position: relative; display: block; margin-bottom: 15px; padding-top: 56%; width: 100%; transition: all 300ms ease; } .pdf { padding-top: 20px; padding-bottom: 20px; background: #fff; } .pdf ul li { background-size: 10px; background: url(/images/pdf.png) no-repeat top 3px left; background-size: 20px; margin-left: 0; padding-left: 30px; } .pdf ul { list-style-type: none; } .video-youtube { padding-bottom: 57%; position: relative; height: 0; } .video-youtube iframe { width: 100%; position: absolute; height: 100%; } .uslugi { } .uslugi a { } div .uslugi li:hover { background: rgba(45, 90, 224, 0.04); } .uslugi li.ui0 { border-top:1px solid rgba(45, 90, 224, 0.08); border-bottom:1px solid rgba(45, 90, 224, 0.08); } .uslugi li.ui1 { border-top:1px solid rgba(45, 90, 224, 0.08); border-bottom:1px solid rgba(45, 90, 224, 0.08); } .uslugi ul { list-style-type: square; } .uslugi ul { list-style-type: none; padding-left: 0px; padding-bottom: 0; margin: 0; } .showmore { float: left; font-size: 16px; line-height: 24px; color: rgba(9, 29, 70, 0.5); cursor: pointer; margin: 20px; padding-right: 12px; background: url(/images/ardowngrey.png) no-repeat center right; } .orderservice { float: right; color: #2D5AE0; font-size: 14px; background: url(/images/arrowlink.png) no-repeat center right 26px; line-height: 16px; letter-spacing: -0.12px; padding: 12px 24px; padding-right: 56px; border: 1px solid #2D5AE0; margin-top: 11px; margin-bottom: 11px; margin-right: 12px; border-radius: 2px; } .usltext { float: left; margin-left: 32px; max-width: 600px; color: rgba(9, 29, 70, 0.85); margin-top: 20px; height: 24px; line-height: 24px; overflow: hidden; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; } .usltext.sh { height: auto; white-space: normal; margin-bottom: 20px; } .rel-panel h4, .rel-panel .h4 { font-family: Inter; font-style: normal; font-weight: 800; font-size: 24px; line-height: 110%; letter-spacing: -0.16px; color: #051943; text-transform:none; margin-bottom:48px; } .recom-text { padding-left: 12px; padding-right: 12px; font-family: Inter; font-style: normal; font-weight: normal; font-size: 16px; margin-top: 16px; line-height: 24px; text-align: center; overflow: hidden; color: rgba(9, 29, 70, 0.85); } h4.prod, .h4.prod { margin-top: 0; margin-bottom: 48px; } .recom .btn.btn-link { font-size: 14px; color: #ee2932; padding: 0; line-height: 100%; padding-right: 24px; background-position: center right; margin-top: 33px; font-weight: normal; letter-spacing: -0.12px; background-image: url(/images/arrowmore2.png); } h3.product-item-title a, .h3.product-item-title a { color: #3f3f3f; text-decoration: none; transition: 250ms linear all; } .rel-products { text-align: center; } .rel-products img { max-height: 250px; max-width: 100%; width: auto; margin: 0 auto; } /*=====================меню=======================*/ ul.dropdown-menu2 { padding-left: 16px; } li.dropdown2 { list-style: none; } /*===========футер=============*/ div#footer .sitemap-link a { text-decoration: none; font-size: 14px; line-height: 24px; color: rgba(9, 29, 70, 0.5); } div#footer-copyright { /* background: #2b74b7; */ /* text-align: center; */ margin-top: 96px; font-size: 14px; line-height: 22px; padding-bottom: 24px; padding-top: 24px; border-top: 1px solid rgba(45, 90, 224, 0.08); color: rgba(9, 29, 70, 0.5); } #footer .h3 { font-size: 18px; text-transform: uppercase; color: #333; margin-bottom: 20px; font-weight: normal; } /*! * Bootstrap Grid v4.3.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ .green-b .btn:hover { background: #a1cc2b!important; border-color: #fff!important; } .blue-b .btn:hover { background: #4494de!important; border-color: #fff!important; } .grey-b .btn:hover { background: #fff!important; border-color: #fff!important; } *, *::before, *::after { box-sizing: inherit; } .container-fluid { width: 100%; padding-right: 16px; padding-left: 16px; margin-right: auto; margin-left: auto; } .d-none { display: none !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { 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-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { 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-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1280px) { .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-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1440px) { .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-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 1280px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1440px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } /*# sourceMappingURL=bootstrap-grid.css.map */ .option.headert.row { /* border-bottom: 1px solid; */ margin-bottom: 10px; } .optionsblock .form-control { color: #2D5AE0; cursor: pointer; display: block; width: 100%; height: 48px; padding: 12px 20px; font-size: 16px; font-weight: 400; line-height: 24px; background: rgba(5, 25, 67, 0.03) url(/images/ardown.png) no-repeat center right 18.5px; margin-bottom: 8px; /* background-color: #fff; */ /* background-clip: padding-box; */ border: none; border-radius: 2px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .optionsblock .form-control .col-3 { display: none; } .option:hover { cursor: pointer; color: #2d5ae0; } .data-list.row .col-md-7, .data-list.row .col-lg-7 { position: static; } .headert { font-size: 14px; margin: 0; line-height: 22px; color: rgba(9, 29, 70, 0.5); margin-bottom: 4px; } .option div, .headert div { padding: 0; } .option { padding-top: 8px; margin: 0; padding-bottom: 7px; line-height: 24px; font-size: 16px; border-bottom: 1px solid rgba(45, 90, 224, 0.08); /* color: rgba(9, 29, 70, 0.85); */ } .listoptions { padding: 16px 20px; font-size: 14px; line-height: 24px; margin-top: -4px; background: #F7F9FE; z-index: 99; width: calc(100% - 32px); position: absolute; filter: drop-shadow(0px 100px 80px rgba(0, 0, 0, 0.02)) drop-shadow(0px 64.8148px 46.8519px rgba(0, 0, 0, 0.0151852)) drop-shadow(0px 38.5185px 25.4815px rgba(0, 0, 0, 0.0121481)) drop-shadow(0px 20px 13px rgba(0, 0, 0, 0.01)) drop-shadow(0px 8.14815px 6.51852px rgba(0, 0, 0, 0.00785185)) drop-shadow(0px 1.85185px 3.14815px rgba(0, 0, 0, 0.00481481)); /* outline: 5px #e43131; */ } .optionsblock:hover .listoptions { } .listoptions .col-3 { margin-left: -32px; } .listoptions .col-9 { padding-right: 48px; } @media (max-width:1439px) { .listoptions { width: calc(100% - 24px); } } @media (max-width:1279px) { .listoptions { width: calc(100% - 16px); } } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: rgba(255, 255, 255, 0); border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .form-control::-webkit-input-placeholder { color: #6c757d; opacity: 1; } .form-control::-moz-placeholder { color: #6c757d; opacity: 1; } .form-control:-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: rgba(255, 255, 255, 0); border: solid rgba(255, 255, 255, 0); border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input:disabled ~ .form-check-label { color: #6c757d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #28a745; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #28a745; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center right calc(0.375em + 0.1875rem); background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip { display: block; } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28a745; padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' 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") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #28a745; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #28a745; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #28a745; } .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #34ce57; background-color: #34ce57; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #28a745; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #28a745; } .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' 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"); background-repeat: no-repeat; background-position: center right calc(0.375em + 0.1875rem); background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip { display: block; } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' 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") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #dc3545; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #e4606d; background-color: #e4606d; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #dc3545; } .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .form-inline { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-flow: row wrap; flex-flow: row wrap; -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-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; -ms-flex-negative: 0; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn:hover { color: #212529; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary:hover { color: #fff; background-color: #e95c5c; /* border-bottom: #2142A3 2px solid;*/ /* padding-bottom: 7px;*/ } .btn-primary:focus, .btn-primary.focus { box-shadow: none; background-color: #e95c5c; } .btn-primary.btn-arrow:hover { /* background-position: right 1rem top 12px;*/ } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #e95c5c; border-color: #e95c5c; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; } .btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-success { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34; } .btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b; } .btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00; } .btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130; } .btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; } .btn-light:focus, .btn-light.focus { box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); } .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; } .btn-dark:focus, .btn-dark.focus { box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } a.btn-outline-primary:hover { color: #fff; } .btn-outline-primary:hover { color: #fff; background-color: #1874b7; border-color: #2b6e9f; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #007bff; background-color: rgba(255, 255, 255, 0); } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: rgba(255, 255, 255, 0); } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-success { color: #28a745; border-color: #28a745; } .btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #28a745; background-color: rgba(255, 255, 255, 0); } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-info { color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: rgba(255, 255, 255, 0); } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-warning { color: #ffc107; border-color: #ffc107; } .btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: rgba(255, 255, 255, 0); } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-danger { color: #dc3545; border-color: #dc3545; } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: rgba(255, 255, 255, 0); } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: rgba(255, 255, 255, 0); } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .btn-outline-dark { color: #343a40; border-color: #343a40; } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-link:hover { color: #0056b3; text-decoration: underline; } .btn-link.btn-arrow:hover { text-decoration: none; color: #3060F0; background-image: url(/images/arrowlinkhover.png); } .btn-link.btn-arrow:focus { text-decoration: none; color: #2142A3; background-image: url(/images/arrowlinkfocus.png); box-shadow: none; outline:none; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; 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 { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; 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: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 1280px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1440px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } .btn-group, .btn-group-vertical { position: relative; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .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: 1; } .btn-toolbar { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-prepend, .input-group-append { display: -ms-flexbox; display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; } .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(1.5em + 1rem + 2px); } .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.5em + 0.5rem + 2px); } .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; } .custom-control-inline { display: -ms-inline-flexbox; display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #007bff; background-color: #007bff; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #80bdff; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #b3d7ff; border-color: #b3d7ff; } .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px; } .custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50% / 50% 50%; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%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-label::before { border-color: #007bff; background-color: #007bff; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%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-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } .custom-switch .custom-control-label::after { top: calc(0.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; -webkit-transform: translateX(0.75rem); transform: translateX(0.75rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { display: none; } .custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.75rem); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 0.25rem 0.25rem 0; } .custom-range { width: 100%; height: calc(1rem + 0.4rem); padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-range:focus { outline: none; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: #b3d7ff; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { transition: none; } } .custom-range::-moz-range-thumb:active { background-color: #b3d7ff; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { transition: none; } } .custom-range::-ms-thumb:active { background-color: #b3d7ff; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } } .nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: none; background: #F7F8F9; font-size: 14px; margin-bottom: 48px; margin-top: 38px; } @media (min-width: 1440px) { } @media (min-width: 1441px) { } div .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { background: none; border: none; border-bottom: 1px solid #f63837; color: #333; line-height: 22px; } .nav-tabs .nav-link { padding: 9px 10px; border: none; color: rgba(9, 29, 70, 0.5); line-height: 22px; border-bottom: 1px solid transparent; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #f63837; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #007bff; } .nav-fill .nav-item { -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 0.5rem 1rem; } .navbar > .container, .navbar > .container-fluid { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: -ms-flexbox; display: flex; -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-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-align: center; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-md .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 23px; padding-left: 5px; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 1278px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1279px) { .navbar-expand-lg { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1440px) { .navbar-expand-xl { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { -ms-flex-direction: row; flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: #404040; } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgb(15 121 216); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' 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 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' 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 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-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-body { -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-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img { width: 100%; border-radius: calc(0.25rem - 1px); } .card-img-top { width: 100%; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img-bottom { width: 100%; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-deck { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { display: -ms-flexbox; display: flex; -ms-flex: 1 0 0%; flex: 1 0 0%; -ms-flex-direction: column; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { -ms-flex-flow: row wrap; flex-flow: row wrap; } .card-group > .card { -ms-flex: 1 0 0%; flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @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; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion > .card { overflow: hidden; } .accordion > .card:not(:first-of-type) .card-header:first-child { border-radius: 0; } .accordion > .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0; } .accordion > .card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card .card-header { margin-bottom: -1px; } @media (max-width: 1440px) {} .flex-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-sm-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-sm-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-md-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-md-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1280px) { .flex-lg-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-lg-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-lg-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1440px) { .flex-xl-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xl-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xl-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; overflow-wrap: break-word !important; } .text-reset { color: inherit !important; } .breadcrumb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: #6c757d; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d; } .pagination { display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #007bff; border-color: #007bff; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .badge { transition: none; } } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #007bff; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #0062cc; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .badge-secondary { color: #fff; background-color: #6c757d; } a.badge-secondary:hover, a.badge-secondary:focus { color: #fff; background-color: #545b62; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .badge-success { color: #fff; background-color: #28a745; } a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: #1e7e34; } a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .badge-info { color: #fff; background-color: #17a2b8; } a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #117a8b; } a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .badge-warning { color: #212529; background-color: #ffc107; } a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: #d39e00; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .badge-danger { color: #fff; background-color: #dc3545; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #bd2130; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .badge-light { color: #212529; background-color: #f8f9fa; } a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #dae0e5; } a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .badge-dark { color: #fff; background-color: #343a40; } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #1d2124; } a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; } .alert-primary hr { border-top-color: #9fcdff; } .alert-primary .alert-link { color: #002752; } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .alert-secondary hr { border-top-color: #c8cbcf; } .alert-secondary .alert-link { color: #202326; } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .alert-success hr { border-top-color: #b1dfbb; } .alert-success .alert-link { color: #0b2e13; } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } .alert-info hr { border-top-color: #abdde5; } .alert-info .alert-link { color: #062c33; } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .alert-warning hr { border-top-color: #ffe8a1; } .alert-warning .alert-link { color: #533f03; } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .alert-danger hr { border-top-color: #f1b0b7; } .alert-danger .alert-link { color: #491217; } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-light hr { border-top-color: #ececf6; } .alert-light .alert-link { color: #686868; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-dark hr { border-top-color: #b9bbbe; } .alert-dark .alert-link { color: #040505; } @-webkit-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: -ms-flexbox; display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #007bff; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { -webkit-animation: none; animation: none; } } .media { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } .media-body { -ms-flex: 1; flex: 1; } .list-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.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-left-radius: 0.25rem; border-top-right-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.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff; } .list-group-horizontal { -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } @media (min-width: 576px) { .list-group-horizontal-sm { -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-sm .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-sm .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-sm .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } } @media (min-width: 768px) { .list-group-horizontal-md { -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-md .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-md .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-md .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } } @media (min-width: 1280px) { .list-group-horizontal-lg { -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-lg .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-lg .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-lg .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } } @media (min-width: 1440px) { .list-group-horizontal-xl { -ms-flex-direction: row; flex-direction: row; } .list-group-horizontal-xl .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-xl .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xl .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .list-group-flush .list-group-item:last-child { margin-bottom: -1px; } .list-group-flush:first-child .list-group-item:first-child { border-top: 0; } .list-group-flush:last-child .list-group-item:last-child { margin-bottom: 0; border-bottom: 0; } .list-group-item-primary { color: #004085; background-color: #b8daff; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #004085; background-color: #9fcdff; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #004085; border-color: #004085; } .list-group-item-secondary { color: #383d41; background-color: #d6d8db; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #383d41; background-color: #c8cbcf; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383d41; border-color: #383d41; } .list-group-item-success { color: #155724; background-color: #c3e6cb; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #155724; background-color: #b1dfbb; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #155724; border-color: #155724; } .list-group-item-info { color: #0c5460; background-color: #bee5eb; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #0c5460; background-color: #abdde5; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #0c5460; border-color: #0c5460; } .list-group-item-warning { color: #856404; background-color: #ffeeba; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #856404; background-color: #ffe8a1; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856404; border-color: #856404; } .list-group-item-danger { color: #721c24; background-color: #f5c6cb; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #721c24; background-color: #f1b0b7; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #721c24; border-color: #721c24; } .list-group-item-light { color: #818182; background-color: #fdfdfe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #818182; background-color: #ececf6; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182; } .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1b1e21; background-color: #b9bbbe; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: .75; } button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } a.close.disabled { pointer-events: none; } .toast { max-width: 350px; overflow: hidden; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0.25rem 0.75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .toast-body { padding: 0.75rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -50px); transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { -webkit-transform: none; transform: none; } .modal-dialog-scrollable { display: -ms-flexbox; display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { -ms-flex-negative: 0; flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); content: ""; } .modal-dialog-centered.modal-dialog-scrollable { -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .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: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); } .modal-sm { max-width: 300px; } } @media (min-width: 1280px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1440px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; } .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow { bottom: calc((0.5rem + 1px) * -1); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; } .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow { left: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow { top: calc((0.5rem + 1px) * -1); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow { right: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #212529; } .carousel { position: relative; } .carousel.pointer-event { -ms-touch-action: pan-y; touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: -webkit-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; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { -webkit-transform: translateX(100%); transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; -webkit-transform: none; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: 0s 0.6s opacity; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: no-repeat 50% / 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 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,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 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: 0; left: 0; z-index: 15; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { box-sizing: content-box; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 0; bottom: 0px; left: 0; z-index: 10; padding-top: 20px; padding-bottom: 39px; color: #fff; text-align: left; } @-webkit-keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: spinner-border .75s linear infinite; animation: spinner-border .75s linear infinite; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @-webkit-keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; } } @keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: spinner-grow .75s linear infinite; animation: spinner-grow .75s linear infinite; } .spinner-grow-sm { width: 1rem; height: 1rem; } .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-primary { background-color: #007bff !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #0062cc !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; } .bg-success { background-color: #28a745 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #1e7e34 !important; } .bg-info { background-color: #17a2b8 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #117a8b !important; } .bg-warning { background-color: #ffc107 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #d39e00 !important; } .bg-danger { background-color: #dc3545 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #bd2130 !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !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; } .border-primary { border-color: #007bff !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #28a745 !important; } .border-info { border-color: #17a2b8 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #fff !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .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-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { 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-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { 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-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1280px) { .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-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1440px) { .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-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } .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%; } .flex-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-sm-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-sm-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-md-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-md-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1280px) { .flex-lg-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-lg-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-lg-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1440px) { .flex-xl-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xl-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xl-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-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: 1280px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1440px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .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; } @supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 1280px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1440px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #007bff !important; } a.text-primary:hover, a.text-primary:focus { color: #0056b3 !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important; } .text-success { color: #28a745 !important; } a.text-success:hover, a.text-success:focus { color: #19692c !important; } .text-info { color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus { color: #0f6674 !important; } .text-warning { color: #ffc107 !important; } a.text-warning:hover, a.text-warning:focus { color: #ba8b00 !important; } .text-danger { color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus { color: #a71d2a !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #cbd3da !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: #121416 !important; } .text-body { color: #212529 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } @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: 1280px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1440px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-lowercase { text-transform: lowercase !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media (min-width: 1600px) { .d-xga-none { display: none !important; } .d-xga-inline { display: inline !important; } .d-xga-inline-block { display: inline-block !important; } .d-xga-block { display: block !important; } .d-xga-table { display: table; } .d-xga-table-row { display: table-row !important; } .d-xga-table-cell { display: table-cell !important; } .d-xga-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-xga-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1920px) { .d-fhd-none { display: none !important; } .d-fhd-inline { display: inline !important; } .d-fhd-inline-block { display: inline-block !important; } .d-fhd-block { display: block !important; } .d-fhd-table { display: table; } .d-fhd-table-row { display: table-row !important; } .d-fhd-table-cell { display: table-cell !important; } .d-fhd-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-fhd-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } /*@media (min-width: 1920px) { .container { max-width: 1830px; } } */ .col-xga-1, .col-fhd-1, .col-rt-1, .col-rt15-1, .col-uhd-1, .col-4k-1, .col-8k-1, .col-xga-2, .col-fhd-2, .col-rt-2, .col-rt15-2, .col-uhd-2, .col-4k-2, .col-8k-2, .col-xga-3, .col-fhd-3, .col-rt-3, .col-rt15-3, .col-uhd-3, .col-4k-3, .col-8k-3, .col-xga-4, .col-fhd-4, .col-rt-4, .col-rt15-4, .col-uhd-4, .col-4k-4, .col-8k-4, .col-xga-5, .col-fhd-5, .col-rt-5, .col-rt15-5, .col-uhd-5, .col-4k-5, .col-8k-5, .col-xga-6, .col-fhd-6, .col-rt-6, .col-rt15-6, .col-uhd-6, .col-4k-6, .col-8k-6, .col-xga-7, .col-fhd-7, .col-rt-7, .col-rt15-7, .col-uhd-7, .col-4k-7, .col-8k-7, .col-xga-8, .col-fhd-8, .col-rt-8, .col-rt15-8, .col-uhd-8, .col-4k-8, .col-8k-8, .col-xga-9, .col-fhd-9, .col-rt-9, .col-rt15-9, .col-uhd-9, .col-4k-9, .col-8k-9, .col-xga-10, .col-fhd-10, .col-rt-10, .col-rt15-10, .col-uhd-10, .col-4k-10, .col-8k-10, .col-xga-11, .col-fhd-11, .col-rt-11, .col-rt15-11, .col-uhd-11, .col-4k-11, .col-8k-11, .col-xga-12, .col-fhd-12, .col-rt-12, .col-rt15-12, .col-uhd-12, .col-4k-12, .col-8k-12 { position: relative; width: 100%; min-height: 1px; padding-right: 16px; padding-left: 16px; } @media (min-width: 1600px) { .col-xga { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xga-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xga-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xga-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xga-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xga-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xga-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xga-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xga-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xga-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xga-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xga-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xga-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xga-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xga-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-xga-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-xga-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-xga-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-xga-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-xga-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-xga-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-xga-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-xga-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-xga-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-xga-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-xga-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-xga-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-xga-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-xga-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-xga-0 { margin-left: 0; } .offset-xga-1 { margin-left: 8.333333%; } .offset-xga-2 { margin-left: 16.666667%; } .offset-xga-3 { margin-left: 25%; } .offset-xga-4 { margin-left: 33.333333%; } .offset-xga-5 { margin-left: 41.666667%; } .offset-xga-6 { margin-left: 50%; } .offset-xga-7 { margin-left: 58.333333%; } .offset-xga-8 { margin-left: 66.666667%; } .offset-xga-9 { margin-left: 75%; } .offset-xga-10 { margin-left: 83.333333%; } .offset-xga-11 { margin-left: 91.666667%; } } @media (min-width: 1920px) { .col-fhd { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-fhd-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-fhd-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-fhd-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-fhd-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-fhd-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-fhd-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-fhd-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-fhd-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-fhd-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-fhd-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-fhd-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-fhd-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-fhd-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-fhd-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-fhd-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-fhd-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-fhd-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-fhd-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-fhd-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-fhd-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-fhd-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-fhd-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-fhd-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-fhd-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-fhd-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-fhd-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-fhd-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-fhd-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-fhd-0 { margin-left: 0; } .offset-fhd-1 { margin-left: 8.333333%; } .offset-fhd-2 { margin-left: 16.666667%; } .offset-fhd-3 { margin-left: 25%; } .offset-fhd-4 { margin-left: 33.333333%; } .offset-fhd-5 { margin-left: 41.666667%; } .offset-fhd-6 { margin-left: 50%; } .offset-fhd-7 { margin-left: 58.333333%; } .offset-fhd-8 { margin-left: 66.666667%; } .offset-fhd-9 { margin-left: 75%; } .offset-fhd-10 { margin-left: 83.333333%; } .offset-fhd-11 { margin-left: 91.666667%; } } @media (min-width: 1600px) { .flex-xga-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xga-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xga-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xga-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xga-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xga-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xga-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-xga-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xga-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xga-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xga-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xga-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xga-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xga-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xga-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xga-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xga-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xga-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xga-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xga-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xga-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xga-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xga-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xga-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xga-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xga-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xga-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xga-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xga-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1920px) { .flex-fhd-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-fhd-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-fhd-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-fhd-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-fhd-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-fhd-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-fhd-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-fhd-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-fhd-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-fhd-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-fhd-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-fhd-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-fhd-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-fhd-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-fhd-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-fhd-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-fhd-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-fhd-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-fhd-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-fhd-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-fhd-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-fhd-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-fhd-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-fhd-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-fhd-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-fhd-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-fhd-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-fhd-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-fhd-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 2560px) { .flex-rt-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-rt-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-rt-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-rt-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-rt-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-rt-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-rt-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-rt-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-rt-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-rt-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-rt-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-rt-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-rt-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-rt-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-rt-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-rt-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-rt-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-rt-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-rt-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-rt-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-rt-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-rt-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-rt-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-rt-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-rt-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-rt-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-rt-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-rt-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-rt-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 2880px) { .flex-rt15-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-rt15-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-rt15-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-rt15-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-rt15-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-rt15-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-rt15-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-rt15-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-rt15-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-rt15-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-rt15-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-rt15-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-rt15-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-rt15-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-rt15-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-rt15-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-rt15-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-rt15-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-rt15-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-rt15-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-rt15-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-rt15-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-rt15-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-rt15-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-rt15-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-rt15-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-rt15-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-rt15-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-rt15-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 3840px) { .flex-uhd-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-uhd-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-uhd-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-uhd-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-uhd-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-uhd-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-uhd-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-uhd-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-uhd-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-uhd-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-uhd-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-uhd-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-uhd-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-uhd-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-uhd-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-uhd-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-uhd-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-uhd-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-uhd-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-uhd-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-uhd-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-uhd-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-uhd-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-uhd-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-uhd-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-uhd-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-uhd-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-uhd-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-uhd-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 4096px) { .flex-4k-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-4k-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-4k-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-4k-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-4k-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-4k-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-4k-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-4k-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-4k-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-4k-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-4k-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-4k-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-4k-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-4k-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-4k-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-4k-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-4k-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-4k-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-4k-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-4k-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-4k-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-4k-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-4k-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-4k-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-4k-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-4k-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-4k-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-4k-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-4k-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 8192px) { .flex-8k-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-8k-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-8k-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-8k-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-8k-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-8k-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-8k-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-8k-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-8k-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-8k-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-8k-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-8k-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-8k-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-8k-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-8k-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-8k-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-8k-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-8k-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-8k-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-8k-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-8k-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-8k-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-8k-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-8k-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-8k-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-8k-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-8k-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-8k-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-8k-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } /* ========================= ХЕДЕР — АККУРАТНЫЙ И КОМПАКТНЫЙ ========================= */ .top-pan, .st-fix { height: auto !important; min-height: auto !important; margin: 0 !important; padding: 0 !important; } .header-pro { background: #fff; border-bottom: 1px solid #e8e8e8; padding: 10px 0 8px !important; } .header-main { display: flex; align-items: center; justify-content: space-between; gap: 24px; } /* ЛЕВАЯ ЧАСТЬ */ .header-brand { display: flex; align-items: center; gap: 16px; flex: 0 0 43%; min-width: 0; } .header-logo-link { display: block; flex: 0 0 auto; line-height: 1; } .header-logo { display: block; width: auto; height: auto; max-width: 185px; max-height: 72px; } .header-brand-text { min-width: 0; } .header-brand-title { margin: 0 0 4px; font-size: 15px; line-height: 1.2; font-weight: 700; color: #222; } .header-brand-city { margin: 0; font-size: 13px; line-height: 1.25; color: #777; } /* ПРАВАЯ ЧАСТЬ */ .header-right { flex: 1 1 auto; min-width: 0; } .header-topline { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 8px; } .header-contacts { display: flex; align-items: flex-start; gap: 22px; flex-wrap: wrap; } .header-phones { display: flex; flex-direction: column; gap: 2px; } .header-phones a { display: block; font-size: 15px; line-height: 1.2; font-weight: 700; color: #1f1f1f; text-decoration: none; } .header-phones a:hover { color: #d91f26; text-decoration: none; } .header-email a { display: block; font-size: 14px; line-height: 1.2; color: #444; text-decoration: none; padding-top: 1px; } .header-email a:hover { color: #d91f26; text-decoration: none; } /* МЕССЕНДЖЕРЫ */ .header-messengers { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; } .header-messengers a { display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 10px; background: #f5f5f5; border: 1px solid #ececec; overflow: hidden; padding: 0; transition: 0.2s; } .header-messengers a:hover { transform: translateY(-1px); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); } .header-messengers img { display: block; width: 21px; height: 21px; max-width: 21px; max-height: 21px; object-fit: contain; } /* НИЖНЯЯ СТРОКА */ .header-bottomline { display: flex; align-items: center; gap: 12px; } /* ПОИСК */ .header-search { flex: 0 1 420px; max-width: 420px; min-width: 280px; width: 100%; } /* контейнеры bitrix */ .header-search > div, .header-search form, .header-search .bx-searchtitle, #title-search { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; position: relative; box-sizing: border-box; } /* поле поиска */ #title-search-input, .header-search input[type="text"], .header-search input[type="search"], .header-search .form-control { display: block !important; width: 100% !important; max-width: 100% !important; height: 40px !important; box-sizing: border-box !important; border: 1px solid #d8d8d8 !important; border-radius: 12px !important; padding: 0 40px 0 14px !important; font-size: 14px !important; line-height: 40px !important; box-shadow: none !important; background: #fff !important; } /* лупа / кнопка поиска */ .header-search button, .header-search input[type="submit"], .header-search .search-submit, .header-search .bx-searchtitle-button { position: absolute !important; right: 12px !important; top: 50% !important; transform: translateY(-50%) !important; width: 18px !important; height: 18px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; z-index: 3; } /* КНОПКА */ .header-request { flex: 0 0 auto; } .header-request-btn { display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 20px; border-radius: 12px; font-size: 14px; font-weight: 700; white-space: nowrap; } /* ОТСТУП ДО МЕНЮ */ .menutop { margin-top: 8px !important; } /* ========================= АДАПТИВ ========================= */ @media (max-width: 1199px) { .header-main { gap: 18px; } .header-brand { flex: 0 0 42%; gap: 14px; } .header-logo { max-width: 165px; max-height: 64px; } .header-brand-title { font-size: 14px; } .header-brand-city { font-size: 12px; } .header-phones a { font-size: 14px; } .header-email a { font-size: 13px; } .header-search { flex: 0 1 360px; max-width: 360px; min-width: 240px; } } @media (max-width: 991px) { .header-pro { padding: 10px 0 !important; } .header-main { flex-direction: column; align-items: stretch; gap: 14px; } .header-brand { flex: none; width: 100%; } .header-right { width: 100%; } .header-topline { flex-direction: column; align-items: flex-start; gap: 10px; margin-bottom: 10px; } .header-contacts { gap: 14px; } .header-bottomline { flex-direction: column; align-items: stretch; } .header-search { max-width: 100%; min-width: 100%; flex: none; } .header-request-btn { width: 100%; } } @media (max-width: 767px) { .header-pro { padding: 8px 0 !important; } .header-brand { gap: 12px; align-items: flex-start; } .header-logo { max-width: 130px; max-height: 54px; } .header-brand-title { font-size: 13px; line-height: 1.2; } .header-brand-city { font-size: 11px; } .header-phones a { font-size: 14px; } .header-email a { font-size: 12px; } .header-messengers a { width: 34px; height: 34px; } .header-messengers img { width: 19px; height: 19px; max-width: 19px; max-height: 19px; } #title-search-input, .header-search input[type="text"], .header-search input[type="search"], .header-search .form-control, .header-request-btn { height: 38px !important; line-height: 38px !important; font-size: 13px !important; } .menutop { margin-top: 6px !important; } } .header-pro { margin-top: 10px !important; } /* Жёстко ограничиваем ширину поиска */ .header-search { flex: 0 0 320px !important; max-width: 320px !important; width: 320px !important; } /* сам input */ #title-search-input { width: 100% !important; } /* ТАБЛИЦА */ .table-responsive { width: 100%; overflow-x: auto; margin: 20px 0; border: 1px solid #cfcfcf; background: #f7f7f7; } .table1.table { width: 100%; margin: 0; border-collapse: collapse; background: #ffffff; color: #2f2f2f; font-size: 15px; } .table1.table th, .table1.table td { padding: 14px 18px; border: 1px solid #d6d6d6; vertical-align: middle; text-align: left; } .table1.table th { background: #e5e5e5; color: #222; font-weight: 600; letter-spacing: 0.3px; } .table1.table tr:nth-child(even) td { background: #f3f3f3; } .table1.table tr:hover td { background: #ececec; transition: 0.2s ease; } .table1.table td:first-child { font-weight: 600; color: #3a3a3a; width: 35%; } @media (max-width: 768px) { .table1.table th, .table1.table td { padding: 10px 12px; font-size: 14px; } } .table-responsive { width: 100%; overflow-x: auto; margin: 12px 0; border: 1px solid #d4d4d4; background: #f9f9f9; } .table1.table { width: 100%; margin: 0; border-collapse: collapse; background: #ffffff; color: #2f2f2f; font-size: 13px; /* уменьшили */ } .table1.table th, .table1.table td { padding: 8px 10px; /* уменьшили */ border: 1px solid #e0e0e0; vertical-align: middle; text-align: left; } .table1.table th { background: #e8e8e8; color: #222; font-weight: 600; font-size: 12.5px; } .table1.table tr:nth-child(even) td { background: #f5f5f5; } .table1.table tr:hover td { background: #eeeeee; } .table1.table td:first-child { font-weight: 500; color: #3a3a3a; width: 35%; } @media (max-width: 768px) { .table1.table { font-size: 12px; } .table1.table th, .table1.table td { padding: 6px 8px; } } .product-item-title { font-size: 13px; /* уменьшаем */ line-height: 1.2; margin: 6px 0; } .product-item-title a { font-size: 13px; color: #2f2f2f; font-weight: 500; text-decoration: none; } .product-item-title a:hover { color: #000; } .product-item-info-container.product-item-hidden { display: none !important; } /*СКРОЛЛ*/ @media (max-width: 767px) { #myTab, .nav.nav-tabs, .product-item-detail-tabs-list { display: flex !important; flex-wrap: wrap !important; overflow: visible !important; white-space: normal !important; width: 100% !important; } #myTab li, .nav.nav-tabs li, .product-item-detail-tabs-list li { flex: 0 0 auto !important; margin-bottom: 6px !important; } } /*СИСТЕМА ИНТЕГРАЦИИ*/ .si-title { font-size: 34px; line-height: 1.2; margin-bottom: 30px; font-weight: 600; color: #222; } .si-hero { margin-bottom: 45px; } .si-hero-text { max-width: 900px; } .si-lead { font-size: 22px; line-height: 1.5; color: #222; margin-bottom: 18px; font-weight: 400; } .si-section { margin-bottom: 50px; } .si-section h2 { font-size: 26px; line-height: 1.3; margin-bottom: 18px; font-weight: 600; color: #222; } .si-section h3 { font-size: 18px; line-height: 1.4; margin-bottom: 10px; font-weight: 600; color: #222; } .si-section p { font-size: 17px; line-height: 1.75; color: #555; margin: 0; } .si-steps { display: flex; flex-direction: column; gap: 28px; } .si-step { display: flex; align-items: flex-start; gap: 22px; padding-bottom: 24px; border-bottom: 1px solid #ececec; } .si-step:last-child { border-bottom: none; padding-bottom: 0; } .si-step-num { min-width: 56px; font-size: 28px; line-height: 1; color: #c73a32; font-weight: 300; } .si-step-content { flex: 1; } .si-benefits { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px 40px; } .si-benefit { padding-bottom: 18px; border-bottom: 1px solid #efefef; } .si-note { max-width: 900px; padding-top: 8px; } .si-note p { font-size: 18px; color: #333; } .si-cta { margin-top: 60px; padding-top: 30px; border-top: 1px solid #e8e8e8; } .si-cta h2 { margin-bottom: 14px; } @media (max-width: 767px) { .si-title { font-size: 28px; margin-bottom: 24px; } .si-lead { font-size: 19px; } .si-section { margin-bottom: 36px; } .si-section h2 { font-size: 22px; } .si-section p { font-size: 16px; line-height: 1.7; } .si-step { gap: 14px; } .si-step-num { min-width: 42px; font-size: 22px; } .si-benefits { grid-template-columns: 1fr; gap: 20px; } } .lamp-block { background: #fafafa; padding: 10px; border: 1px solid #eee; } .lamp-block img{ max-height: 160px; } /*О КОМПАНИИ*/ .about-ir { --ir-red: #b5121b; --ir-red-dark: #8f0d15; --ir-red-soft: #d64047; --ir-orange: #f36f4f; --ir-dark: #172033; --ir-text: #394150; --ir-muted: #6f7785; --ir-bg: #f6f7f9; --ir-border: #e3e6eb; font-family: inherit; color: var(--ir-text); line-height: 1.6; } .about-ir * { box-sizing: border-box; } .about-ir a { text-decoration: none; } .about-ir .ir-container { max-width: 1520px; margin: 0 auto; padding: 0 30px; } /* HERO */ .about-ir .ir-hero { position: relative; overflow: hidden; background: linear-gradient(120deg, #151d2d 0%, #202b40 55%, #8f0d15 140%); border-radius: 4px; padding: 72px 70px; margin-bottom: 70px; } .about-ir .ir-hero:after { content: ""; position: absolute; width: 420px; height: 420px; border: 90px solid rgba(255,255,255,.035); border-radius: 50%; right: -100px; top: -150px; } .about-ir .ir-label { display: inline-block; margin-bottom: 20px; padding: 7px 13px; border: 1px solid rgba(255,255,255,.3); color: #fff; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; } .about-ir .ir-hero h1 { position: relative; z-index: 2; max-width: 930px; margin: 0 0 24px; color: #fff; font-size: 52px; line-height: 1.07; font-weight: 700; } .about-ir .ir-hero-text { position: relative; z-index: 2; max-width: 900px; margin: 0; color: rgba(255,255,255,.84); font-size: 21px; line-height: 1.55; } .about-ir .ir-hero-actions { position: relative; z-index: 2; display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; } .about-ir .ir-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 13px 25px; border-radius: 3px; font-size: 16px; font-weight: 600; transition: .2s ease; } .about-ir .ir-btn-primary { background: var(--ir-red); color: #fff; } .about-ir .ir-btn-primary:hover { background: var(--ir-red-dark); color: #fff; } .about-ir .ir-btn-light { border: 1px solid rgba(255,255,255,.45); color: #fff; } .about-ir .ir-btn-light:hover { background: #fff; color: var(--ir-dark); } /* INTRO */ .about-ir .ir-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: start; margin-bottom: 80px; } .about-ir .ir-eyebrow { margin-bottom: 12px; color: var(--ir-red); font-size: 14px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; } .about-ir h2 { margin: 0 0 22px; color: var(--ir-dark); font-size: 38px; line-height: 1.15; font-weight: 700; } .about-ir .ir-lead { margin: 0; font-size: 19px; line-height: 1.65; } .about-ir .ir-copy p { margin: 0 0 18px; font-size: 17px; line-height: 1.7; } .about-ir .ir-copy p:last-child { margin-bottom: 0; } /* PRINCIPLES */ .about-ir .ir-principles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin-bottom: 85px; background: var(--ir-border); border: 1px solid var(--ir-border); } .about-ir .ir-principle { background: #fff; padding: 34px 30px; } .about-ir .ir-principle-num { display: block; margin-bottom: 22px; color: var(--ir-red); font-size: 14px; font-weight: 700; } .about-ir .ir-principle h3 { margin: 0 0 12px; color: var(--ir-dark); font-size: 20px; line-height: 1.25; } .about-ir .ir-principle p { margin: 0; color: var(--ir-muted); font-size: 15px; } /* CAPABILITIES */ .about-ir .ir-section { margin-bottom: 85px; } .about-ir .ir-section-head { max-width: 850px; margin-bottom: 35px; } .about-ir .ir-cap-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; } .about-ir .ir-cap-card { position: relative; min-height: 300px; padding: 36px 34px 34px; border: 1px solid var(--ir-border); background: #fff; transition: .22s ease; } .about-ir .ir-cap-card:hover { transform: translateY(-4px); box-shadow: 0 15px 35px rgba(25,35,52,.09); border-color: #d4d7dd; } .about-ir .ir-cap-card:before { content: ""; display: block; width: 46px; height: 4px; margin-bottom: 28px; background: var(--ir-red); } .about-ir .ir-cap-card:nth-child(2):before { background: var(--ir-soft, #d64047); } .about-ir .ir-cap-card:nth-child(3):before { background: var(--ir-orange); } .about-ir .ir-cap-card h3 { margin: 0 0 15px; color: var(--ir-dark); font-size: 25px; line-height: 1.2; } .about-ir .ir-cap-card p { margin: 0 0 26px; color: var(--ir-muted); font-size: 16px; } .about-ir .ir-card-link { position: absolute; left: 34px; bottom: 30px; color: var(--ir-red); font-weight: 700; } .about-ir .ir-card-link:hover { color: var(--ir-red-dark); } /* PROCESS */ .about-ir .ir-process-wrap { background: var(--ir-bg); padding: 65px 0; margin-bottom: 85px; } .about-ir .ir-process { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; margin-top: 38px; } .about-ir .ir-step { position: relative; padding: 0 28px 0 0; } .about-ir .ir-step:not(:last-child):after { content: ""; position: absolute; top: 20px; right: 14px; width: calc(100% - 54px); height: 1px; background: #cfd3da; transform: translateX(100%); display: none; } .about-ir .ir-step-number { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin-bottom: 20px; border-radius: 50%; background: var(--ir-red); color: #fff; font-size: 14px; font-weight: 700; } .about-ir .ir-step h3 { margin: 0 0 10px; color: var(--ir-dark); font-size: 18px; } .about-ir .ir-step p { margin: 0; color: var(--ir-muted); font-size: 14px; } /* WHAT WE PRODUCE */ .about-ir .ir-products { display: grid; grid-template-columns: 1fr 2fr; border: 1px solid var(--ir-border); margin-bottom: 85px; } .about-ir .ir-products-title { padding: 45px 40px; background: var(--ir-dark); color: #fff; } .about-ir .ir-products-title .ir-eyebrow { color: #ff8b70; } .about-ir .ir-products-title h2 { color: #fff; font-size: 34px; } .about-ir .ir-products-title p { margin: 0; color: rgba(255,255,255,.72); font-size: 16px; } .about-ir .ir-products-list { display: grid; grid-template-columns: 1fr 1fr; background: #fff; } .about-ir .ir-product-link { position: relative; display: block; padding: 27px 34px; border-left: 1px solid var(--ir-border); border-bottom: 1px solid var(--ir-border); color: var(--ir-dark); font-size: 17px; font-weight: 600; transition: .2s ease; } .about-ir .ir-product-link:after { content: "→"; position: absolute; right: 25px; color: var(--ir-red); } .about-ir .ir-product-link:hover { background: var(--ir-bg); color: var(--ir-red); } /* WHY */ .about-ir .ir-why { display: grid; grid-template-columns: 1fr 1.35fr; gap: 65px; align-items: start; margin-bottom: 85px; } .about-ir .ir-why-list { border-top: 1px solid var(--ir-border); } .about-ir .ir-why-item { display: grid; grid-template-columns: 42px 1fr; gap: 18px; padding: 24px 0; border-bottom: 1px solid var(--ir-border); } .about-ir .ir-check { display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; background: #fbeaec; color: var(--ir-red); font-weight: 700; border-radius: 50%; } .about-ir .ir-why-item strong { display: block; margin-bottom: 5px; color: var(--ir-dark); font-size: 17px; } .about-ir .ir-why-item span { color: var(--ir-muted); font-size: 15px; } /* CTA */ .about-ir .ir-cta { display: grid; grid-template-columns: 1.5fr .7fr; gap: 40px; align-items: center; padding: 55px 60px; background: var(--ir-red); color: #fff; margin-bottom: 40px; } .about-ir .ir-cta h2 { margin-bottom: 12px; color: #fff; font-size: 36px; } .about-ir .ir-cta p { max-width: 780px; margin: 0; color: rgba(255,255,255,.82); font-size: 17px; } .about-ir .ir-cta-buttons { text-align: right; } .about-ir .ir-cta .ir-btn { background: #fff; color: var(--ir-red-dark); } .about-ir .ir-cta .ir-btn:hover { background: var(--ir-dark); color: #fff; } /* MOBILE */ @media (max-width: 1100px) { .about-ir .ir-hero h1 { font-size: 44px; } .about-ir .ir-principles { grid-template-columns: 1fr 1fr; } .about-ir .ir-cap-grid { grid-template-columns: 1fr; } .about-ir .ir-cap-card { min-height: 240px; } .about-ir .ir-process { grid-template-columns: 1fr 1fr; gap: 35px; } .about-ir .ir-products, .about-ir .ir-why { grid-template-columns: 1fr; } } @media (max-width: 767px) { .about-ir .ir-container { padding: 0 18px; } .about-ir .ir-hero { padding: 42px 25px; margin-bottom: 50px; } .about-ir .ir-hero h1 { font-size: 34px; } .about-ir .ir-hero-text { font-size: 17px; } .about-ir .ir-intro { grid-template-columns: 1fr; gap: 25px; margin-bottom: 55px; } .about-ir h2 { font-size: 30px; } .about-ir .ir-principles { grid-template-columns: 1fr; margin-bottom: 55px; } .about-ir .ir-section { margin-bottom: 55px; } .about-ir .ir-process-wrap { padding: 45px 0; margin-bottom: 55px; } .about-ir .ir-process { grid-template-columns: 1fr; } .about-ir .ir-products { margin-bottom: 55px; } .about-ir .ir-products-list { grid-template-columns: 1fr; } .about-ir .ir-product-link { border-left: 0; } .about-ir .ir-why { gap: 20px; margin-bottom: 55px; } .about-ir .ir-cta { grid-template-columns: 1fr; padding: 38px 25px; } .about-ir .ir-cta-buttons { text-align: left; } } /* End */ /* /bitrix/templates/marko_2021/components/bitrix/search.title/bootstrap_v4_marko1/style.min.css?1623595107436 */ /* /bitrix/components/bitrix/menu/templates/bootstrap_v4/style.min.css?166880402210230 */ /* /bitrix/templates/marko_2021/components/bitrix/catalog.top/bootstrap_v4/banner/style.min.css?16393863145075 */ /* /bitrix/templates/.default/components/bitrix/catalog.item/bootstrap_v4/style.min.css?162201833223265 */ /* /bitrix/templates/marko_2021/components/bitrix/catalog.top/bootstrap_v4/section/style.min.css?1639386314141 */ /* /bitrix/templates/marko_2021/components/bitrix/news.list/bootstrap_v4/style.css?16718253453790 */ /* /bitrix/templates/.default/components/bitrix/form/telemento_tovar/bitrix/form.result.new/.default/style.css?17606070661780 */ /* /bitrix/templates/marko_2021/styles.css?178669342873557 */ /* /bitrix/templates/marko_2021/template_styles.css?1786693428369946 */