/* Start:/local/templates/belniis/css/libs.min.css?176215840217872*/ .slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.jq-selectbox{vertical-align:middle;cursor:pointer}.jq-selectbox__select{height:32px;padding:0 45px 0 10px;border:1px solid #ccc;border-bottom-color:#b3b3b3;border-radius:4px;background:#f5f5f5;background:linear-gradient(#fff,#e6e6e6);box-shadow:none;font:14px/32px Arial,sans-serif;color:#333;text-shadow:1px 1px #fff}.jq-selectbox__select:hover{background:#e6e6e6;background:linear-gradient(#f6f6f6,#e6e6e6)}.jq-selectbox__select:active{background:#f5f5f5;box-shadow:none}.jq-selectbox.focused .jq-selectbox__select{border:1px solid #5794bf}.jq-selectbox.disabled .jq-selectbox__select{border-color:#ccc;background:#f5f5f5;box-shadow:none;color:#888}.jq-selectbox__select-text{display:block;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis}.jq-selectbox .placeholder{color:#888}.jq-selectbox__trigger{position:absolute;top:0;right:0;width:34px;height:100%;border-left:1px solid #ccc}.jq-selectbox__trigger-arrow{position:absolute;top:14px;right:12px;width:0;height:0;border-top:5px solid #999;border-right:5px solid transparent;border-left:5px solid transparent}.jq-selectbox:hover .jq-selectbox__trigger-arrow{border-top-color:#000}.jq-selectbox.disabled .jq-selectbox__trigger-arrow{border-top-color:#aaa}.jq-selectbox__dropdown{box-sizing:border-box;width:100%;margin:2px 0 0;padding:0;border:1px solid #ccc;border-radius:4px;background:#fff;box-shadow:none;font:14px/18px Arial,sans-serif}.jq-selectbox__search{margin:5px}.jq-selectbox__search input{box-sizing:border-box;width:100%;margin:0;padding:5px 27px 6px 8px;border:1px solid #ccc;border-radius:3px;outline:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%;box-shadow:none;color:#333;-webkit-appearance:textfield}.jq-selectbox__search input::-webkit-search-cancel-button,.jq-selectbox__search input::-webkit-search-decoration{-webkit-appearance:none}.jq-selectbox__not-found{margin:5px;padding:5px 8px 6px;background:#f0f0f0;font-size:13px}.jq-selectbox ul{margin:0;padding:0}.jq-selectbox li{min-height:18px;padding:5px 10px 6px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;color:#231f20}.jq-selectbox li.selected{background-color:#a3abb1;color:#fff}.jq-selectbox li:hover{background-color:#08c;color:#fff}.jq-selectbox li.disabled{color:#aaa}.jq-selectbox li.disabled:hover{background:none}.jq-selectbox li.optgroup{font-weight:700}.jq-selectbox li.optgroup:hover{background:none;color:#231f20;cursor:default}.jq-selectbox li.option{padding-left:25px}.jq-select-multiple{box-sizing:border-box;padding:1px;border:1px solid #ccc;border-bottom-color:#b3b3b3;border-radius:4px;background:#fff;box-shadow:none;font:14px/18px Arial,sans-serif;color:#333;cursor:default}.jq-select-multiple.focused{border:1px solid #5794bf}.jq-select-multiple.disabled{border-color:#ccc;background:#f5f5f5;box-shadow:none;color:#888}.jq-select-multiple ul{margin:0;padding:0}.jq-select-multiple li{padding:3px 9px 4px;list-style:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.jq-select-multiple li:first-child{border-radius:3px 3px 0 0}.jq-select-multiple li:last-child{border-radius:0 0 3px 3px}.jq-select-multiple li.selected{background:#08c;color:#fff}.jq-select-multiple li.disabled{color:#aaa}.jq-select-multiple.disabled li.selected,.jq-select-multiple li.selected.disabled{background:#ccc;color:#fff}.jq-select-multiple li.optgroup{font-weight:700}.jq-select-multiple li.option{padding-left:25px}.r-tabs .r-tabs-nav{margin:0;padding:0}.r-tabs .r-tabs-tab{display:inline-block;margin:0;list-style:none}.r-tabs .r-tabs-panel{padding:15px;display:none}.r-tabs .r-tabs-accordion-title{display:none}.r-tabs .r-tabs-panel.r-tabs-state-active{display:block}@media only screen and (max-width:768px){.r-tabs .r-tabs-nav{display:none}.r-tabs .r-tabs-accordion-title{display:block}}body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:4}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:8}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:5}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:5}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:6}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:9}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:2}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:7}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:10}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:6}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:3}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/belniis/css/style.css?1762158402173892*/ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; overflow-wrap: break-word; } /*! * Bootstrap Grid v4.1.2 (https://getbootstrap.com/) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ @-ms-viewport { width: device-width; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .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%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-sm-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-sm-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-sm-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-sm-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-sm-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-sm-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-sm-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-sm-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-sm-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-sm-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-sm-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-sm-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-sm-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-sm-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-md-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-md-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-md-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-md-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-md-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-md-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-md-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-md-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-md-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-md-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-md-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-md-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-md-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-md-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-lg-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-lg-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-lg-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-lg-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-lg-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-lg-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-lg-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-lg-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-lg-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-lg-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-lg-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-lg-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-lg-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-lg-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .order-xl-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13; } .order-xl-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } .order-xl-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .order-xl-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .order-xl-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .order-xl-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .order-xl-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .order-xl-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .order-xl-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .order-xl-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .order-xl-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .order-xl-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .order-xl-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .order-xl-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } .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: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @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: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-sm-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-sm-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-sm-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-sm-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-md-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-md-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-md-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-md-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-lg-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-lg-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-lg-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-lg-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xl-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xl-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-xl-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-xl-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } .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; } .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-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-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-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: 992px) { .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-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: 1200px) { .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-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; } } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } html { height: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } *:focus { outline: none; -moz-outline-style: none; } :-moz-any-link:focus { outline: 1px dotted invert; } :-moz-any-link:focus { outline: none; } textarea, input { -webkit-box-shadow: none; box-shadow: none; font-family: inherit; font-size: inherit; line-height: inherit; } a { -webkit-transition: color 0.3s linear; transition: color 0.3s linear; text-decoration: none; } a:not([class]) { color: #FF0000; } a:not([class]):hover { color: #CC0000; } body { margin: 0; height: 100%; background: #F2F2F2; -webkit-font-smoothing: antialiased; font-size: 16px; font-family: "Montserrat", sans-serif; color: #000; font-weight: 500; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } textarea, input { -webkit-box-shadow: none; box-shadow: none; font-family: inherit; font-size: inherit; line-height: inherit; } ::-webkit-input-placeholder { color: #000; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } ::-moz-placeholder { color: #000; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } :-moz-placeholder { color: #000; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } :-ms-input-placeholder { color: #000; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } :focus::-webkit-input-placeholder { color: transparent; } :focus::-moz-placeholder { color: transparent; } :focus:-moz-placeholder { color: transparent; } :focus:-ms-input-placeholder { color: transparent; } ymaps[class$="-copyright"] { display: none; } .page-header { width: 115px; height: 100%; min-height: 100vh; position: fixed; right: 0; top: 0; background: #000; color: #fff; z-index: 8; font-size: 16px; padding-bottom: 75px; } .page-header.active .menu-list { left: -619px; } .page-header.active .menu-top, .page-header.active .menu-bottom, .page-header.active .menu-lang, .page-header.active .menu-socials, .page-header.active .page-header__inner:before { background: #fff; left: 0; } .page-header.active .menu-links { opacity: 0; pointer-events: none; } .page-header.active .menu-socials__link--fb { background: url(/local/templates/belniis/css/../img/svg/fb-black.svg) center no-repeat; } .page-header.active .menu-socials__link--fb:hover { background: url(/local/templates/belniis/css/../img/svg/fb-h.svg) center no-repeat; } .page-header.active .menu-socials__link--vk { background: url(/local/templates/belniis/css/../img/svg/vk-black.svg) center no-repeat; } .page-header.active .menu-socials__link--vk:hover { background: url(/local/templates/belniis/css/../img/svg/vk-h.svg) center no-repeat; } .page-header.active .menu-socials__link--inst { background: url(/local/templates/belniis/css/../img/svg/instagram-black.svg) center no-repeat; } .page-header.active .menu-socials__link--inst:hover { background: url(/local/templates/belniis/css/../img/svg/instagram-h.svg) center no-repeat; } .page-header.active .menu-lang__link { color: rgba(0, 0, 0, 0.4); } .page-header.active .menu-lang__link:hover { color: #FF0000; } .page-header.active .menu-lang__link.active { color: #000; font-weight: 700; } .page-header.active .menu-bottom:before { background: rgba(0, 0, 0, 0.2); top: 60px; } .page-header__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 5; } .page-header__inner:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; width: 100%; height: 100%; background: #000; } .page-header__inner:after { content: ""; display: block; width: 1px; height: 100%; background: rgba(255, 255, 255, 0.2); position: absolute; top: 0; left: 50%; z-index: 4; } .logo { position: absolute; bottom: 0; left: 0; width: 100%; height: 75px; background: #fff url(/local/templates/belniis/css/../img/svg/logo.svg) center no-repeat; z-index: 10; } .menu-btn { padding: 14px 32px 41px 32px; color: #fff; font-weight: 500; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; margin-bottom: 31px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: #000; } .menu-btn:hover { background: rgba(153, 153, 153, 0.2); } .menu-btn:hover .burger-icon { background: #FF0000; } .menu-btn:hover .burger-icon:before, .menu-btn:hover .burger-icon:after { background: #FF0000; } .menu-btn.active .burger-icon { background-color: transparent; top: 36px; } .menu-btn.active .burger-icon:before { -webkit-transform: translateY(6px) rotate(45deg); -ms-transform: translateY(6px) rotate(45deg); transform: translateY(6px) rotate(45deg); width: 48px; opacity: 1; } .menu-btn.active .burger-icon:after { -webkit-transform: translateY(-6px) rotate(-45deg); -ms-transform: translateY(-6px) rotate(-45deg); transform: translateY(-6px) rotate(-45deg); width: 48px; } .menu-btn.active .menu-title { opacity: 0; } .burger-icon { display: block; position: absolute; width: 48px; height: 2px; top: 43px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .burger-icon:before, .burger-icon:after { display: block; width: 24px; height: 2px; background-color: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position: absolute; content: ""; } .burger-icon:before { top: -6px; opacity: 0; } .burger-icon:after { top: 6px; } .menu-title { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .menu-search { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 37px; } .menu-search__link { display: inline-block; width: 26px; height: 26px; background: url(/local/templates/belniis/css/../img/svg/search.svg) center no-repeat; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .menu-search__link:hover { background: url(/local/templates/belniis/css/../img/svg/search-h.svg) center no-repeat; } .menu-phone { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 45px; } .menu-phone__link { display: inline-block; width: 14px; height: 25px; background: url(/local/templates/belniis/css/../img/svg/phone.svg) center no-repeat; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .menu-phone__link:hover { background: url(/local/templates/belniis/css/../img/svg/phone-h.svg) center no-repeat; } .blind { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .blind__link { display: inline-block; width: 33px; height: 12px; background: url(/local/templates/belniis/css/../img/svg/blind.svg) center no-repeat; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .blind__link:hover { background: url(/local/templates/belniis/css/../img/svg/blind-h.svg) center no-repeat; } .menu-top { padding-bottom: 39px; background: #000; position: relative; z-index: 5; width: 100%; } .menu-bottom { padding-top: 29px; background: #000; position: relative; z-index: 5; width: 100%; } .menu-bottom:before { content: ""; display: block; width: 1px; height: 100%; background: rgba(255, 255, 255, 0.2); position: absolute; top: 0; left: 50%; } .menu-lang { padding: 32px 0; background: #000; margin-bottom: 16px; position: relative; z-index: 2; } .menu-lang__item { margin-bottom: 16px; text-align: center; } .menu-lang__item:last-child { margin-bottom: 0; } .menu-lang__link { font-size: 16px; color: rgba(255, 255, 255, 0.4); } .menu-lang__link.active { color: #fff; pointer-events: none; font-weight: 500; } .menu-lang__link:hover { color: #FF0000; } .menu-socials { padding: 33px 0 30px; background: #000; position: relative; z-index: 2; } .menu-socials__item { margin-bottom: 25px; text-align: center; } .menu-socials__item:last-child { margin-bottom: 0; } .menu-socials__link { display: inline-block; } .menu-socials__link--fb { width: 11px; height: 20px; background: url(/local/templates/belniis/css/../img/svg/fb.svg) center no-repeat; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .menu-socials__link--fb:hover { background: url(/local/templates/belniis/css/../img/svg/fb-h.svg) center no-repeat; } .menu-socials__link--vk { width: 25px; height: 14px; background: url(/local/templates/belniis/css/../img/svg/vk.svg) center no-repeat; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .menu-socials__link--vk:hover { background: url(/local/templates/belniis/css/../img/svg/vk-h.svg) center no-repeat; } .menu-socials__link--inst { width: 20px; height: 20px; background: url(/local/templates/belniis/css/../img/svg/instagram.svg) center no-repeat; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .menu-socials__link--inst:hover { background: url(/local/templates/belniis/css/../img/svg/instagram-h.svg) center no-repeat; } .page-search { position: fixed; width: 100vw; height: 100vh; z-index: 12; top: 0; left: 0; display: none; } .page-search__in { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #000000), color-stop(140%, rgba(0, 0, 0, 0))); background: linear-gradient(180deg, #000000 70%, rgba(0, 0, 0, 0) 140%); opacity: 0.9; padding-top: 92px; } .page-search__form { position: relative; } .page-search__form:before { content: ""; display: inline-block; width: 26px; height: 26px; background: url(/local/templates/belniis/css/../img/svg/top-search.svg) no-repeat; position: absolute; left: 9px; margin-top: -4px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .page-search__input { width: 100%; background: transparent; border: 0; border-bottom: 2px solid rgba(153, 153, 153, 0.2); padding: 20px 10px 20px 75px; color: #fff; } .page-search__reset { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border: 0; background: url(/local/templates/belniis/css/../img/svg/reset.svg) center no-repeat; display: inline-block; width: 34px; height: 35px; text-indent: -9999em; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .page-search__reset:hover { background: url(/local/templates/belniis/css/../img/svg/reset-h.svg) center no-repeat; } .page-search__close { display: inline-block; position: absolute; color: #fff; font-size: 14px; left: 50%; top: 20px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: none; } .page-search__close span { padding-left: 40px; position: relative; } .page-search__close span:before { content: ""; display: inline-block; width: 34px; height: 35px; border: 0; background: url(/local/templates/belniis/css/../img/svg/reset.svg) center no-repeat; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .page-search__input::-webkit-input-placeholder { color: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .page-search__input::-moz-placeholder { color: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .page-search__input:-moz-placeholder { color: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .page-search__input:-ms-input-placeholder { color: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .page-search__input:focus::-webkit-input-placeholder { color: transparent; } .page-search__input:focus::-moz-placeholder { color: transparent; } .page-search__input:focus:-moz-placeholder { color: transparent; } .page-search__input:focus:-ms-input-placeholder { color: transparent; } .menu-list { position: absolute; top: 0; left: 116px; width: 620px; background: #fff; padding: 74px 148px; height: 100vh; -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1); transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1); max-height: 100vh; overflow-y: auto; } .menu-list::-webkit-scrollbar { height: 8px; width: 8px; } .menu-list::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 5px; } .menu-list::-webkit-scrollbar-thumb { border-radius: 5px; background: #5A5A5A; } .menu-link { font-size: 30px; color: #000; } .menu-link:hover, .menu-link.active { color: #FF0000; } .menu-item { margin-bottom: 26px; } .menu-item:last-child { margin-bottom: 0; } .menu-bg { position: fixed; width: 100%; height: 100%; z-index: 5; background: rgba(0, 0, 0, 0.1); top: 0; left: 0; display: none; } .submenu__link { display: block; margin-bottom: 20px; font-size: 20px; color: #000; } .submenu__link:hover, .submenu__link.active { color: #FF0000; } .submenu__link:last-child { margin-bottom: 0; } .submenu { padding: 13px 0 25px; display: none; } .menu-item--sub { position: relative; } .menu-link-sub { display: inline-block; width: 24px; height: 24px; background: url(/local/templates/belniis/css/../img/svg/plus.svg) center no-repeat; background-size: contain; position: absolute; left: -39px; top: 8px; } .menu-link-sub.active { background: url(/local/templates/belniis/css/../img/svg/minus.svg) center no-repeat; background-size: contain; } .workarea, .popup { line-height: 1.4; } .workarea h1, .popup h1 { margin: 0; margin-bottom: 24px; font-weight: 700; font-size: 50px; line-height: 1.1; } .workarea h2, .popup h2 { margin: 0; margin-bottom: 24px; font-weight: 700; font-size: 40px; line-height: 1.1; } .workarea h3, .popup h3 { margin: 0; margin-bottom: 23px; font-weight: 500; font-size: 30px; line-height: 1.1; } .workarea h4, .popup h4 { margin: 0; margin-bottom: 21px; font-weight: 500; font-size: 20px; line-height: 1.1; } .workarea h5, .popup h5 { margin: 0; margin-bottom: 20px; font-weight: 700; font-size: 16px; } .workarea h6, .popup h6 { margin: 0; margin-bottom: 18px; font-weight: 500; font-size: 16px; } .workarea p, .popup p { margin: 0; margin-bottom: 25px; } .workarea video, .popup video { max-width: 100%; height: auto; object-fit: cover; display: block; } .workarea input[type="text"], .workarea input[type="email"], .workarea input[type="password"], .popup input[type="text"], .popup input[type="email"], .popup input[type="password"] { width: 100%; display: block; vertical-align: middle; color: #000; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .workarea ul, .popup ul { margin: 0; margin-bottom: 30px; padding: 0; } .workarea ul li, .popup ul li { list-style-type: none; padding-left: 33px; position: relative; margin-bottom: 25px; } .workarea ul li:before, .popup ul li:before { content: ""; position: absolute; left: -1px; top: 9px; background: #FF0000; width: 19px; height: 4px; } .workarea ul li:last-child, .popup ul li:last-child { margin-bottom: 0; } .workarea ol, .popup ol { margin: 0; margin-bottom: 30px; padding: 0; counter-reset: list_1; } .workarea ol li, .popup ol li { list-style-type: none; padding-left: 34px; position: relative; margin-bottom: 29px; } .workarea ol li:before, .popup ol li:before { counter-increment: list_1; content: counters(list_1, "."); position: absolute; left: -2px; top: 1px; color: #FF0000; font-size: 20px; font-family: 'Montserrat', sans-serif; line-height: 1; } .workarea ol li:after, .popup ol li:after { content: "."; position: absolute; left: 17px; top: 4px; color: #000; font-size: 16px; font-family: 'Montserrat', sans-serif; line-height: 1; } .workarea ol li:last-child, .popup ol li:last-child { margin-bottom: 0; } .workarea table, .popup table { width: 100%; min-width: 576px; margin-bottom: 30px; table-layout: fixed; } .workarea th, .popup th { text-align: left; background: #fff; padding: 12px 16px; font-weight: 700; } .workarea td, .popup td { border-bottom: 1px solid rgba(153, 153, 153, 0.2); padding: 25px 16px 26px; vertical-align: top; } .workarea input[type="text"], .workarea input[type="email"], .workarea input[type="password"], .popup input[type="text"], .popup input[type="email"], .popup input[type="password"] { width: 100%; display: inline-block; vertical-align: middle; color: #000; border: 1px solid #fff; border-bottom: 1px solid #999; padding: 9px 20px 10px 20px; background: #fff; position: relative; z-index: 1; font-size: 16px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .workarea input[type="text"]:focus, .workarea input[type="text"]:hover, .workarea input[type="email"]:focus, .workarea input[type="email"]:hover, .workarea input[type="password"]:focus, .workarea input[type="password"]:hover, .popup input[type="text"]:focus, .popup input[type="text"]:hover, .popup input[type="email"]:focus, .popup input[type="email"]:hover, .popup input[type="password"]:focus, .popup input[type="password"]:hover { border: 1px solid #999; border-bottom: 1px solid #999; } .workarea textarea, .popup textarea { width: 100%; display: inline-block; vertical-align: middle; color: #022835; border: 0; border: 1px solid #fff; border-bottom: 1px solid #999; padding: 8px 24px; resize: vertical; min-height: 100px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .workarea textarea:hover, .workarea textarea:focus, .popup textarea:hover, .popup textarea:focus { border: 1px solid #999; border: 1px solid #999; } .workarea input[type="submit"], .popup input[type="submit"] { display: inline-block; font-size: 20px; background: #FF0000; color: #fff; padding: 10px 25px; border: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .workarea input[type="submit"] + input[type="reset"], .workarea input[type="submit"] + .btn-reset, .popup input[type="submit"] + input[type="reset"], .popup input[type="submit"] + .btn-reset { margin-left: 24px; } .workarea input[type="submit"]:hover, .popup input[type="submit"]:hover { background: #000; } .workarea input[type="submit"]:active, .popup input[type="submit"]:active { background: #330000; } .workarea input[type="reset"], .popup input[type="reset"] { color: #000; border: 1px solid #000; padding: 9px 25px; display: inline-block; font-size: 20px; background: transparent; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .workarea input[type="reset"]:hover, .popup input[type="reset"]:hover { background: #000; color: #fff; } .workarea input[type="reset"]:active, .popup input[type="reset"]:active { background: #330000; color: #fff; } .workarea input[type="checkbox"]:not(:checked), .workarea input[type="checkbox"]:checked, .popup input[type="checkbox"]:not(:checked), .popup input[type="checkbox"]:checked { position: absolute; left: -9999px; } .workarea input[type="checkbox"]:not(:checked) + label, .workarea input[type="checkbox"]:checked + label, .popup input[type="checkbox"]:not(:checked) + label, .popup input[type="checkbox"]:checked + label { position: relative; cursor: pointer; padding-left: 34px; line-height: 22px; display: block; font-size: 16px; } .workarea input[type="checkbox"]:not(:checked) + label:before, .workarea input[type="checkbox"]:checked + label:before, .popup input[type="checkbox"]:not(:checked) + label:before, .popup input[type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0px; top: -1px; height: 24px; width: 24px; border: 1px solid #999; cursor: pointer; z-index: 5; background: #fff; } .workarea input[type="checkbox"]:not(:checked) + label:after, .workarea input[type="checkbox"]:checked + label:after, .popup input[type="checkbox"]:not(:checked) + label:after, .popup input[type="checkbox"]:checked + label:after { content: ''; background: #000; width: 13px; height: 11px; display: inline-block; position: absolute; top: 6px; left: 6px; z-index: 10; } .workarea input[type="checkbox"]:not(:checked) + label:after, .popup input[type="checkbox"]:not(:checked) + label:after { background: url(/local/templates/belniis/css/../img/svg/check.svg) center no-repeat; } .workarea input[type="checkbox"]:checked + label:after, .popup input[type="checkbox"]:checked + label:after { background: url(/local/templates/belniis/css/../img/svg/check-act.svg) center no-repeat; } .workarea input[type="checkbox"]:not(:checked) + label:hover:after, .popup input[type="checkbox"]:not(:checked) + label:hover:after { background: url(/local/templates/belniis/css/../img/svg/check-hov.svg) center no-repeat; } .workarea input[type="radio"]:not(:checked), .workarea input[type="radio"]:checked, .popup input[type="radio"]:not(:checked), .popup input[type="radio"]:checked { position: absolute; left: -9999px; } .workarea input[type="radio"]:not(:checked) + label, .workarea input[type="radio"]:checked + label, .popup input[type="radio"]:not(:checked) + label, .popup input[type="radio"]:checked + label { position: relative; cursor: pointer; padding-left: 34px; line-height: 22px; display: block; font-size: 16px; } .workarea input[type="radio"]:not(:checked) + label input[type="text"], .workarea input[type="radio"]:not(:checked) + label input[type="email"], .workarea input[type="radio"]:not(:checked) + label input[type="password"], .workarea input[type="radio"]:checked + label input[type="text"], .workarea input[type="radio"]:checked + label input[type="email"], .workarea input[type="radio"]:checked + label input[type="password"], .popup input[type="radio"]:not(:checked) + label input[type="text"], .popup input[type="radio"]:not(:checked) + label input[type="email"], .popup input[type="radio"]:not(:checked) + label input[type="password"], .popup input[type="radio"]:checked + label input[type="text"], .popup input[type="radio"]:checked + label input[type="email"], .popup input[type="radio"]:checked + label input[type="password"] { margin-top: 8px; } .workarea input[type="radio"]:not(:checked) + label:before, .workarea input[type="radio"]:checked + label:before, .popup input[type="radio"]:not(:checked) + label:before, .popup input[type="radio"]:checked + label:before { content: ''; position: absolute; left: 0; top: -2px; width: 24px; height: 24px; border: 1px solid #999; background: #fff; border-radius: 50%; cursor: pointer; z-index: 3; } .workarea input[type="radio"]:not(:checked) + label:after, .workarea input[type="radio"]:checked + label:after, .popup input[type="radio"]:not(:checked) + label:after, .popup input[type="radio"]:checked + label:after { content: ''; background: rgba(153, 153, 153, 0.4); width: 8px; height: 8px; display: inline-block; /* border: 1px solid #00a6e4; */ position: absolute; border-radius: 50%; top: 6px; left: 8px; z-index: 4; } .workarea input[type="radio"]:checked + label:after, .popup input[type="radio"]:checked + label:after { background: #FF0000; width: 12px; height: 12px; top: 4px; left: 6px; } .workarea input[type="radio"]:not(:checked) + label:hover:after, .popup input[type="radio"]:not(:checked) + label:hover:after { background: #999; } .workarea cite, .popup cite { font-size: 30px; font-style: normal; margin: 50px 0 30px 0; position: relative; display: block; color: #FF0000; line-height: 1.3; } .workarea cite:before, .popup cite:before { content: ""; display: inline-block; width: 253px; height: 1px; position: absolute; top: -14px; right: 40px; background: #000000; opacity: 0.2; } .workarea cite:after, .popup cite:after { content: ""; display: inline-block; width: 62px; height: 54px; position: absolute; top: -21px; right: -30px; background: url(/local/templates/belniis/css/../img/svg/cite.svg) no-repeat; } .layout { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; padding-top: 50px; } .btn { display: inline-block; font-size: 20px; background: #FF0000; color: #fff; padding: 10px 25px; border: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .btn:hover { background: #330000; } .btn:active { background: #330000; } .t-center { text-align: center; } .container-fluid { max-width: 1060px; position: relative; width: 100%; } .page-title h1 { margin: 0; margin-bottom: 30px; font-weight: 700; font-size: 50px; line-height: 1.1; } .page-content { padding-bottom: 64px; } .page-content > .container-fluid, .page-title > .container-fluid, .breadcrumbs > .container-fluid, .cookies > .container-fluid { -webkit-transform: translateX(-59px); -ms-transform: translateX(-59px); transform: translateX(-59px); } .events-top .container-fluid { -webkit-transform: translateX(-59px); -ms-transform: translateX(-59px); transform: translateX(-59px); } .page-search .container-fluid { -webkit-transform: translateX(-59px); -ms-transform: translateX(-59px); transform: translateX(-59px); padding: 0 20px 0 5px; } .dnone { display: none; } .breadcrumbs { margin-bottom: 47px; font-size: 12px; } .breadcrumbs__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .breadcrumbs__item { color: #999999; } a.breadcrumbs__item { color: #000; } a.breadcrumbs__item:hover { color: #FF0000; } a.breadcrumbs__item:after { content: ""; display: inline-block; vertical-align: middle; width: 24px; height: 1px; background: #FF0000; margin: 0 8px; } .img-item { margin-bottom: 16px; } .img-item img { max-width: 100%; display: block; } .img-item + .caption { margin-bottom: 37px; } .caption { font-size: 12px; margin-bottom: 30px; } .table-wrap { overflow-x: auto; width: 100%; margin-bottom: 39px; } .table-wrap table { margin-bottom: 0 !important; } .table-wrap::-webkit-scrollbar { height: 8px; } .table-wrap::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 5px; } .table-wrap::-webkit-scrollbar-thumb { border-radius: 5px; background: #5A5A5A; } .txt-item { margin-bottom: 30px; } .video-item { position: relative; margin-bottom: 10px; display: inline-block; } .video-item img { max-width: 100%; display: block; } .video-item + .caption { margin-bottom: 37px; } .video-link { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: inline-block; width: 80px; height: 80px; background: #FF0000 url(/local/templates/belniis/css/../img/svg/play.svg) center no-repeat; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .video-link:hover { background: #000 url(/local/templates/belniis/css/../img/svg/play.svg) center no-repeat; } .page-form { margin-bottom: 30px; border: 8px solid rgba(153, 153, 153, 0.2); padding: 31px 49px 48px 49px; } .input-wrap { margin-bottom: 24px; } .input-wrap:last-child { margin-bottom: 0; } .input-wrap--necessary .input-label:after { content: "*"; color: #FF0000; padding-left: 3px; } .input-label { font-size: 12px; margin-bottom: 7px; } .input-wrap--error input[type="text"], .input-wrap--error input[type="email"], .input-wrap--error input[type="password"], .input-wrap--error textarea { border: 1px solid #FF0000 !important; } .error-message { color: #FF0000; padding-top: 8px; font-size: 12px; } .page-form__btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .jq-selectbox { width: 100%; } .jq-selectbox.opened .jq-selectbox__select { border: 1px solid #fff; border-bottom: 1px solid #D4D4D4; } .jq-selectbox.opened .jq-selectbox__trigger-arrow { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .jq-selectbox:hover .jq-selectbox__select { border: 1px solid #999; } .jq-selectbox.focused .jq-selectbox__select { border: 1px solid #fff; border-bottom: 1px solid #D4D4D4; } .jq-selectbox__trigger-arrow { top: 19px; right: 15px; border-top: 5px solid #000; } .jq-selectbox__select { height: 43px; padding: 0 35px 0px 15px; font-size: 16px; border: 1px solid #fff; border-bottom: 1px solid #D4D4D4; border-radius: 0; background: #fff !important; -webkit-box-shadow: none; box-shadow: none; font-family: "Montserrat", Arial, sans-serif; color: #022835; text-shadow: none; font-weight: 500; } .jq-selectbox .placeholder { color: #000; } .jq-selectbox__trigger { border-left: 0; } .jq-selectbox__select-text { height: 100%; padding-top: 5px; } .jq-selectbox ul { margin-bottom: 0 !important; } .jq-selectbox ul li { padding: 17px 20px !important; font-size: 16px; margin-bottom: 0 !important; position: relative; } .jq-selectbox ul li:after { content: ""; display: block; background: #D8DFE8; height: 1px; width: -webkit-calc(100% - 40px); width: calc(100% - 40px); position: absolute; bottom: 0; left: 20px; } .jq-selectbox ul li.selected, .jq-selectbox ul li.sel { background: transparent; font-weight: 700; color: #000; } .jq-selectbox ul li:before { display: none; } .jq-selectbox__dropdown { top: 100% !important; bottom: auto !important; border: 0; margin: 0; font-family: "Roboto", Arial, sans-serif; max-height: 300px; overflow-y: auto; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #999; margin-top: -1px; border-radius: 0; } .jq-selectbox li:hover { color: #000; background: rgba(153, 153, 153, 0.1); } .checkbox-item, .radio-item { margin-bottom: 18px; } .file-upload { position: relative; } .file-upload input[type="file"] { opacity: 0; visibility: hidden; position: absolute; width: 100%; } .custom-file-upload { display: inline-block; cursor: pointer; color: #FF0000; padding-left: 32px; position: relative; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .custom-file-upload:before { content: ""; display: inline-block; width: 16px; height: 30px; background: url(/local/templates/belniis/css/../img/svg/shape.svg) no-repeat; background-size: contain; position: absolute; left: 5px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .custom-file-upload:hover { color: #CC0000; } .file-upload-output__item { font-size: 16px; margin-bottom: 20px; word-break: break-word; padding-left: 32px; position: relative; } .file-upload-output__item:before { content: ""; display: inline-block; width: 16px; height: 30px; background: url(/local/templates/belniis/css/../img/svg/shape.svg) no-repeat; background-size: contain; position: absolute; left: 5px; top: -5px; } .file-upload-output__item:first-child { margin-top: 20px; } .file-upload-output__close { font-size: 12px; color: #999; padding-left: 23px; position: relative; display: block; margin: 15px 0 0; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .file-upload-output__close:before { content: ""; display: inline-block; width: 23px; height: 24px; background: url(/local/templates/belniis/css/../img/svg/file-close.svg) no-repeat; background-size: contain; vertical-align: middle; position: absolute; left: -4px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .file-upload-output__close:hover { color: #CC0000; } .download-item { margin-bottom: 30px; font-size: 20px; background: #fff; padding: 10px 25px 10px 75px; position: relative; display: inline-block; } .download-item:before { content: ""; display: inline-block; width: 73px; height: 80px; background: url(/local/templates/belniis/css/../img/svg/file_icon.svg) no-repeat; position: absolute; left: 0px; top: -18px; } .paging { margin-bottom: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .paging__pages, .paging__arrows { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; font-size: 20px; } .paging__item { color: #000; margin-right: 17px; line-height: 1; position: relative; padding: 0 3px; } .paging__item.active { font-size: 30px; line-height: 25px; } .paging__item.active:after { content: ""; display: inline-block; width: 100%; height: 2px; position: absolute; bottom: -8px; left: 0; background: #FF0000; } .paging__item:last-child { margin-right: 0; } a.paging__item { -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } a.paging__item:hover { color: #FF0000; } .paging__prev, .paging__next { color: #000; padding: 8px 30px; border: 1px solid #000; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; min-width: 188px; text-align: center; } .paging__prev:hover, .paging__next:hover { background: #000; color: #fff; } .paging__prev:active, .paging__next:active { background: #330000; color: #fff; } .paging__prev { margin-right: -1px; } .accordeon { margin-bottom: 30px; } .accordeon__item { position: relative; margin-bottom: 8px; } .accordeon__item.active .accordeon__link { color: #FF0000; } .accordeon__item.active .accordeon__link:after { background: url(/local/templates/belniis/css/../img/svg/minus.svg) center no-repeat; background-size: contain; } .accordeon__item:last-child { margin-bottom: 0; } .accordeon__info { display: none; padding: 24px 32px 32px 32px; position: relative; margin-top: 2px; background: #fff; line-height: 1.45; } .accordeon__info p { margin-bottom: 28px; } .accordeon__info p:last-child { margin-bottom: 0; } .accordeon__link { display: block; padding: 22px 32px; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; color: #000; font-size: 20px; position: relative; background: #fff; } .accordeon__link:after { content: ""; width: 24px; height: 24px; background: url(/local/templates/belniis/css/../img/svg/plus.svg) center no-repeat; background-size: contain; position: absolute; right: 32px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .accordeon__link:hover { color: #FF0000; } .resp-tabs { margin-bottom: 30px; } .r-tabs-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .r-tabs .r-tabs-tab { padding-left: 0; } .r-tabs .r-tabs-tab:before { display: none; } .r-tabs-anchor { font-size: 20px; color: #000; background: rgba(153, 153, 153, 0.2); padding: 22px 32px; display: block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .r-tabs-anchor:hover { color: #FF0000; } .r-tabs-state-active .r-tabs-anchor { background: #fff; color: #FF0000; } .r-tabs-state-default + .r-tabs-state-default .r-tabs-anchor { border-left: 1px solid rgba(153, 153, 153, 0.4); } .default-slider { display: none; margin-bottom: 30px; margin-top: 50px; } .default-slider.slick-initialized { display: block; } .default-slider .slick-arrow { display: inline-block; width: 64px; height: 48px; position: absolute; top: -54px; text-indent: -9999em; padding: 0; z-index: 3; border: 1px solid #999; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .default-slider .slick-arrow.slick-disabled { opacity: 0.3; pointer-events: none; } .default-slider .slick-prev { right: 63px; background: transparent url(/local/templates/belniis/css/../img/svg/prev.svg) center no-repeat; } .default-slider .slick-prev:hover { background: #000 url(/local/templates/belniis/css/../img/svg/prev-h.svg) center no-repeat; } .default-slider .slick-prev:active { background: #330000 url(/local/templates/belniis/css/../img/svg/prev-h.svg) center no-repeat; } .default-slider .slick-next { right: 0; background: transparent url(/local/templates/belniis/css/../img/svg/next.svg) center no-repeat; } .default-slider .slick-next:hover { background: #000 url(/local/templates/belniis/css/../img/svg/next-h.svg) center no-repeat; } .default-slider .slick-next:active { background: #330000 url(/local/templates/belniis/css/../img/svg/next-h.svg) center no-repeat; } .default-slider .slick-list { margin: 0 -15px; } .default-slider__item { padding: 0 15px; } .default-slider__img { background-size: cover; background-repeat: no-repeat; background-position: center; margin-bottom: 24px; height: 406px; position: relative; } .default-slider__img:before, .default-slider__img:after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width: 300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } .default-slider__img:after { -webkit-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto; } .default-slider__title { font-size: 20px; margin-bottom: 10px; line-height: 1.2; } .default-slider__position { margin-bottom: 13px; font-size: 12px; } .default-slider__txt { font-size: 12px; color: rgba(0, 0, 0, 0.4); line-height: 1.3; } .news-item { margin-bottom: 30px; } .news-date { font-size: 20px; padding-left: 46px; position: relative; margin-bottom: 49px; } .news-date:before { content: ""; display: inline-block; width: 31px; height: 29px; background: url(/local/templates/belniis/css/../img/svg/calendar_icon.svg) no-repeat; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .img-items { margin-bottom: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -30px; } .img-items .img-item { margin-right: 30px; } .img-items .img-item:hover .img-link:after { background: #000 url(/local/templates/belniis/css/../img/svg/zoom_icon.svg) center no-repeat; } .img-link { display: block; -webkit-box-shadow: 0px 17px 24px -22px rgba(0, 0, 0, 0.5); box-shadow: 0px 17px 24px -22px rgba(0, 0, 0, 0.5); position: relative; } .img-link:after { content: ""; width: 40px; height: 40px; background: #FF0000 url(/local/templates/belniis/css/../img/svg/zoom_icon.svg) center no-repeat; border-radius: 50%; position: absolute; bottom: 10px; left: 10px; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .fancybox-content { padding: 0; } .popup { max-width: 679px; border: 8px solid #DFDFDF; padding: 20px 15px 68px; } .popup--form { max-width: 914px; width: 914px; padding: 33px 48px; background: #F2F2F2; } #form-reg .popup-small-text { display: none; } .fancybox-close-small { opacity: 1; width: 40px; height: 40px; background: #DFDFDF url(/local/templates/belniis/css/../img/svg/close.svg) center no-repeat; padding: 0; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .fancybox-close-small svg { display: none; } .fancybox-close-small:hover { background: #DFDFDF url(/local/templates/belniis/css/../img/svg/close-h.svg) center no-repeat; } .fancybox-slide--html .fancybox-close-small { padding: 0; } .input-wrap--phone { max-width: 401px; } .education { margin-bottom: 40px; } .education__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 24px; } .education__item:last-child { margin-bottom: 0; } .education__year { font-size: 20px; width: 86px; min-width: 86px; color: #FF0000; } .education__title { font-size: 20px; margin-bottom: 8px; line-height: 1.2; } .education__title:last-child { margin-bottom: 0; } .education__title--gr { color: #999999; } .education__add { font-size: 12px; color: rgba(0, 0, 0, 0.4); } .fancybox-container { z-index: 14; } .contacts-wrap { margin-bottom: 18px; } .contacts-item { margin-bottom: 30px; } .contacts-inner { width: 100%; background: #fff; padding: 16px; font-weight: 500; height: 100%; } .contacts-title { font-size: 20px; margin-bottom: 13px; line-height: 1.2; color: #000; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .contacts-title:hover { color: #FF0000; } .contacts-position { font-size: 12px; color: #999999; min-height: 4em; } .contacts-info { border-top: 2px solid #F0F0F0; padding: 18px 16px 0; margin: 15px -16px 0; } .contacts-info__phone { display: block; color: #000; margin-bottom: 5px; } .contacts-info__phone span { font-size: 12px; color: #999999; } .contacts-info__phone:hover { color: #FF0000; } .contacts-info__mail { display: block; color: #FF0000; font-size: 12px; } .contacts-info__mail:hover { color: #CC0000; } .application { position: fixed; bottom: 0; left: 0; z-index: 7; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .application:active .application__txt { background: #330000; } .application:active .application__icon { background: #330000 url(/local/templates/belniis/css/../img/svg/app.svg) center no-repeat; } .application:hover .application__txt, .application.active .application__txt { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .application__icon { width: 121px; height: 75px; background: #000 url(/local/templates/belniis/css/../img/svg/app.svg) center no-repeat; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 2; } .application__txt { color: #fff; width: 200px; color: #fff; width: 205px; padding: 0 20px; background: #000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 1; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .map-wrap { position: relative; height: 419px; width: -webkit-calc(100% - 354px); width: calc(100% - 354px); } #map { position: absolute; width: 100%; height: 100%; } .map-info { position: absolute; left: 100%; top: 0; width: 354px; background: #fff; height: 100%; padding: 32px; } .map-title { font-size: 20px; margin-bottom: 27px; line-height: 1.2; } .map-phones { margin-bottom: 30px; } .map-phone { display: block; font-size: 16px; margin-bottom: 13px; color: #000; } .map-phone:hover { color: #FF0000; } .map-phone span { font-size: 12px; color: #999999; } .map-mail { display: block; color: #FF0000; font-size: 16px; margin-bottom: 39px; } .map-mail:hover { color: #CC0000; } .layout--profile .page-title > .container-fluid, .layout--profile .breadcrumbs > .container-fluid { -webkit-transform: none; -ms-transform: none; transform: none; } .profile-item { margin-bottom: 40px; } .profile-item ul { font-size: 20px; } .profile-img { position: relative; } .profile-img__item { position: absolute; left: 0; top: 0; padding-right: 10px; } .profile-img__item img { max-width: 100%; height: auto; display: block; } .profile-img__inner { display: inline-block; -webkit-box-shadow: 0px 17px 24px -22px rgba(0, 0, 0, 0.5); box-shadow: 0px 17px 24px -22px rgba(0, 0, 0, 0.5); } .profile-links { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -30px; } .profile-link { padding-right: 30px; margin-bottom: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .profile-link img { max-width: 100%; height: auto; display: block; } .profile-inner { background: #fff; display: block; /*width: 100%;*/ /*height: 100%;*/ } .services-aside__inner { border: 1px solid #999; padding: 24px 24px 15px; width: 100%; margin-bottom: 30px; } .services-aside__link { display: block; margin-bottom: 18px; color: #000; border-bottom: 2px solid transparent; line-height: 1; padding-bottom: 4px; } .services-aside__link:last-child { margin-bottom: 0 !important; } .services-aside__link.active { border-bottom: 2px solid #FF0000; font-size: 20px; margin-bottom: 28px; } .services-aside__link:hover { color: #FF0000; } .offers { display: block; background: linear-gradient(166.02deg, rgba(9, 113, 179, 0) 0%, rgba(9, 113, 179, 0.6) 100%); -webkit-box-shadow: 0px 17px 24px -22px rgba(0, 0, 0, 0.5); box-shadow: 0px 17px 24px -22px rgba(0, 0, 0, 0.5); font-size: 20px; line-height: 1.1; padding: 33px 62px; color: #000; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .offers span { position: relative; padding-right: 52px; display: inline-block; } .offers span:after { content: ""; display: inline-block; width: 21px; height: 26px; background: url(/local/templates/belniis/css/../img/svg/arrow.svg) center no-repeat; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .offers:hover { background: #FF0000; color: #fff; } .offers:hover span:after { background: url(/local/templates/belniis/css/../img/svg/arrow-h.svg) center no-repeat; right: -10px; } .services__link { font-size: 16px; margin-bottom: 10px; } .services__link:last-child { margin-bottom: 0 !important; } .services__link a { color: #fff; } .services__link span { color: #fff; } .services__link a:hover { color: #FF0000; } .services__list { -webkit-column-count: 2; column-count: 2; margin-bottom: 0 !important; } .services__list .services__link { padding-left: 3px; line-height: 1.1; -moz-column-break-inside: avoid; -webkit-column-break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; break-inside: avoid; } .services__list .services__link:before { width: 4px; top: 6px; left: -10px; } .services__item { margin-bottom: 32px; -webkit-box-shadow: 0px 17px 24px -22px rgba(0, 0, 0, 0.5); box-shadow: 0px 17px 24px -22px rgba(0, 0, 0, 0.5); } .services__item:last-child { margin-bottom: 0; } .services__inner { background-size: cover; background-repeat: no-repeat; background-position: center; padding: 24px 33px 27px 33px; position: relative; } .services__inner:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(162.75deg, rgba(0, 0, 0, 0.55) 0%, #000000 100%); } .services__top { color: #fff; font-size: 30px; position: relative; z-index: 2; padding-bottom: 19px; margin-bottom: 34px; border-bottom: 2px solid rgba(153, 153, 153, 0.1); } .items { margin-bottom: 37px; } .item { margin-bottom: 30px; } .item__inner { display: block; width: 100%; height: 100%; background: #fff; color: #000; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; padding-bottom: 50px; } .item__inner:hover { -webkit-box-shadow: 0px 17px 24px -22px rgba(0, 0, 0, 0.5); box-shadow: 0px 17px 24px -22px rgba(0, 0, 0, 0.5); } .item__inner:hover .item__title { color: #FF0000; } .item__info { padding: 18px 16px 16px 16px; } .item__img { height: 324px; background-size: cover; background-repeat: no-repeat; background-position: center; } .item__title { font-size: 16px; margin-bottom: 9px; line-height: 1.2; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .item__place { font-size: 12px; color: #999999; } .item-add { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding: 0px 16px 16px; position: absolute; bottom: 0; left: 0; width: 100%; } .item-date { font-size: 12px; line-height: 1; } .item-date span { display: block; color: #FF0000; font-size: 20px; } .item-price { font-size: 20px; margin-top: -5px; } .item-closed { color: #fff; background: #FF0000; padding: 2px 3px; font-size: 16px; line-height: 1; margin-top: 2px; } .articles { margin-bottom: 40px; } .article { margin-bottom: 30px; } .article__top { display: block; color: #000; font-size: 20px; line-height: 1.2; margin-bottom: 8px; } .article__top:hover { color: #FF0000; } .article__person { font-size: 12px; color: #FF0000; } .item__top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 7px; } .item__top .item-date { text-align: right; width: 60px; color: #999999; line-height: 1.2; } .item__top .item__title { padding-right: 15px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .item-date__item { font-size: 12px !important; color: #999999 !important; } .item__descr { color: #999999; font-size: 12px; } .item--templ .item__inner { padding-bottom: 0; } .item--news .item__inner { padding-bottom: 0; } .item--news .item__title, .item--news .item__top { margin-bottom: 0; } .item--news .item__title { padding-right: 0; } .event-title { margin-bottom: 41px; font-size: 20px; line-height: 1.2; } .events__item { margin-bottom: 40px; } .events__item:last-child { margin-bottom: 0; } .other-slider { display: none; margin-bottom: 0; margin-top: 81px; } .other-slider.slick-initialized { display: block; } .other-slider .slick-arrow { display: inline-block; width: 64px; height: 48px; position: absolute; top: -54px; text-indent: -9999em; padding: 0; z-index: 3; border: 1px solid #999; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .other-slider .slick-arrow.slick-disabled { opacity: 0.3; pointer-events: none; } .other-slider .slick-prev { right: 63px; background: transparent url(/local/templates/belniis/css/../img/svg/prev.svg) center no-repeat; } .other-slider .slick-prev:hover { background: #000 url(/local/templates/belniis/css/../img/svg/prev-h.svg) center no-repeat; } .other-slider .slick-prev:active { background: #330000 url(/local/templates/belniis/css/../img/svg/prev-h.svg) center no-repeat; } .other-slider .slick-next { right: 0; background: transparent url(/local/templates/belniis/css/../img/svg/next.svg) center no-repeat; } .other-slider .slick-next:hover { background: #000 url(/local/templates/belniis/css/../img/svg/next-h.svg) center no-repeat; } .other-slider .slick-next:active { background: #330000 url(/local/templates/belniis/css/../img/svg/next-h.svg) center no-repeat; } .other-slider .slick-list { margin: 0 -15px; padding-bottom: 30px; } .other-slider .slick-track { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .other-slider .slick-slide { height: inherit !important; } .other-slider__item { padding: 0 15px; } .subscribe .page-form { padding: 16px; } .subscribe input[type="submit"] { background: #000; color: #fff; padding: 7px 24px 8px; margin-left: 8px; } .subscribe input[type="submit"]:hover { background: #FF0000; } .subscribe h3 { margin-bottom: 26px; } .subscribe-wrap { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .subscribe__msg { font-size: 12px; } .events .education__add { line-height: 1.2; } .events .events__item ul li { margin-bottom: 23px; } .events .events__item ul li:last-child { margin-bottom: 0; } .events .events__item ul li:before { top: 9px; } .events .education__title { margin-bottom: 3px; } .events h3 { margin-bottom: 17px; } .layout--event { padding-top: 0; } .events-top { position: relative; padding: 48px 0 55px; margin-bottom: 40px; color: #fff; } .events-top .container-fluid { position: relative; z-index: 2; } .events-top .page-title { color: #fff; } .events-top .page-title h1 { font-size: 40px; line-height: 1.2; } .events-top .breadcrumbs__item { color: rgba(255, 255, 255, 0.4); } .events-top a.breadcrumbs__item { color: #fff; } .events-top a.breadcrumbs__item:hover { color: #FF0000; } .events-top__bg { background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .events-top__bg:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; background: linear-gradient(162.78deg, rgba(0, 0, 0, 0.8) 0%, #000000 100%); opacity: 0.6; } .events-top__info { padding-top: 81px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .events-top__item { width: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .events-top__item:first-child { padding-right: 30px; } .events-top__item:last-child { padding-left: 76px; } .events-top__date { white-space: nowrap; } .events-top__date span { display: block; font-size: 20px; text-align: right; margin-bottom: 3px; } .events-top__date span:last-child { margin-bottom: 0; } .events-top__num { margin-bottom: 2px; font-size: 40px; line-height: 1; color: #FF0000; } .events-top__time { font-size: 20px; margin-left: 137px; } .events-top__time span { display: block; font-size: 30px; margin-bottom: 5px; } .events-top__cost { font-size: 20px; padding-top: 22px; } .events-top__cost span { display: block; font-size: 12px; margin-bottom: 5px; color: rgba(255, 255, 255, 0.4); } .events-top__btn { padding-top: 30px; } .events-top__btn .btn { padding: 12px 34px; } .page-footer--index .container-fluid { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .page-footer--index .company { width: 292px; min-width: 292px; margin-right: 32px; margin-bottom: 0; color: rgba(255, 255, 255, 0.6); } .page-footer--index .develop { color: rgba(255, 255, 255, 0.6); } .page-footer__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 483px; } .page-footer__in { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .develop { color: rgba(255, 255, 255, 0.4); } .develop__link { color: rgba(255, 255, 255, 0.4); } .develop__link:hover { color: #FF0000; } .layout--index { display: table; table-layout: fixed; height: 100%; width: 100%; padding-top: 0; background: url(/local/templates/belniis/css/../img/content/1.jpg); background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; background-color: #000 !important; position: relative; color: #fff; -webkit-transition: background 0.4s linear 0.2s; transition: background 0.4s linear 0.2s; } .layout--index:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.2); } .layout--index .page-footer { background: transparent; padding: 30px 0 10px; } .layout--index .copyright { color: #fff; } .layout--index .application__icon { width: 100px; } .layout--index .application__txt { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); margin-left: -25px; z-index: 2; } .layout--index .menu-top { background: -webkit-gradient(linear, left bottom, left top, from(#1d1d1d), to(#1b1b1b)); background: linear-gradient(0deg, #1d1d1d 0%, #1b1b1b 100%); } .layout--index .menu-bottom { background: -webkit-gradient(linear, left top, left bottom, from(#1e1e1e), color-stop(50%, #222222), color-stop(72%, #1f1f1f)); background: linear-gradient(180deg, #1e1e1e 0%, #222222 50%, #1f1f1f 72%); } .layout--index .menu-socials { background: -webkit-gradient(linear, left bottom, left top, from(#222222), to(#202020)); background: linear-gradient(0deg, #222222 0%, #202020 100%); } .layout--index .page-header { background: transparent; } .layout--index .page-header .page-header__inner { background: -webkit-gradient(linear, left bottom, left top, from(#202020), to(#1c1c1c)); background: linear-gradient(0deg, #202020 0%, #1c1c1c 100%); } .layout--index .page-header.active .page-header__inner { background: #fff; } .layout--index .page-header__inner:before { display: none; } .layout--index .page-content { padding-bottom: 0; height: 100%; } .layout--index .page-content > .container-fluid { padding-left: 40px; padding-right: 145px; max-width: 100%; -webkit-transform: none; -ms-transform: none; transform: none; height: 100%; } .layout--index .menu-lang { background: -webkit-gradient(linear, left bottom, left top, from(#202020), to(#1f1f1f)); background: linear-gradient(0deg, #202020 0%, #1f1f1f 100%); } .wrapper { display: table-row; height: 100%; } .list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100%; padding: 37px 0; height: -webkit-calc(100vh - 99px); height: calc(100vh - 99px); } .list__item { width: 25%; height: 50%; padding: 0 2px 2px 0; } .list__link { display: block; width: 100%; height: 100%; color: #fff; font-size: 20px; font-weight: 500; line-height: 1.2; position: relative; } .list__link:hover .list__inner { background: rgba(255, 0, 0, 0.8); } .list-slider--news .list__inner, .list-slider--purchase .list__inner{ background: linear-gradient(139.42deg, rgba(9, 113, 179, 0) 0%, rgba(9, 113, 179, 0.6) 100%); } /*Фоновая картинка блока "Мероприятия"*/ .list-slider--events { background: url(/local/templates/belniis/css/../img/content/3.jpg) center no-repeat; background-size: cover; } .list-slider--events:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(139.42deg, rgba(0, 0, 0, 0.8) 0%, #000000 100%); opacity: 0.8; } .list-slider--events .list__inner { background: transparent; position: relative; } .list-slider { height: 100%; display: none; } .list-slider.slick-initialized { display: block; } .list-slider .list__link { z-index: 2; } .list-slider .slick-dots { margin-bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; bottom: 10px; left: 24px; } .list-slider .slick-dots li { margin: 0 8px 0 0; padding: 0; } .list-slider .slick-dots li:last-child { margin-right: 0; } .list-slider .slick-dots li:before { display: none; } .list-slider .slick-dots li.slick-active button { opacity: 1; } .list-slider .slick-dots li button { width: 8px; height: 8px; background: #FFFFFF; opacity: 0.4; border: 0; padding: 0; display: inline-block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 50%; text-indent: -9999em; } .list-slider .slick-dots li button:hover { opacity: 1; } .list-slider .slick-list, .list-slider .slick-track { height: 100%; } .list-slider .list__inner { padding: 24px 26px; } .list-slider__top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; z-index: 2; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 26px; } .list-slider__cat { color: #FFFFFF; opacity: 0.6; font-size: 16px; font-weight: 500; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: subpixel-antialiased; } .list-slider__add { color: #fff; background: #000; padding: 5px 8px; font-weight: 500; line-height: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: subpixel-antialiased; } .list__inner { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.3); padding: 72px 26px; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .list__title { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-font-smoothing: subpixel-antialiased; } .list__date { color: #fff; font-size: 16px; text-align: right; line-height: 1; position: absolute; bottom: 23px; right: 28px; -webkit-transform: translateZ(20px); transform: translateZ(20px); } .list__date span { display: block; font-size: 30px; } .list__mobile-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; display: none; } .list__mobile-bg:before { content: ""; background: #000000; opacity: 0.6; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } body.fixed { overflow: hidden; } .menu-list__bottom { position: fixed; bottom: 0; left: 0; background: #fff; width: 100%; padding: 15px; color: #000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; display: none; } .menu-list__bottom:before { content: ""; display: block; width: -webkit-calc(100% - 40px); width: calc(100% - 40px); height: 1px; background: rgba(0, 0, 0, 0.2); position: absolute; left: 20px; top: 50%; } .menu-list-lang { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #fff; padding-right: 15px; position: relative; z-index: 2; } .menu-list-lang__link { margin-right: 16px; font-size: 14px; color: rgba(0, 0, 0, 0.4); } .menu-list-lang__link:last-child { margin-right: 0; } .menu-list-lang__link.active { color: #000; font-weight: 500; } .menu-list-socials { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #fff; padding-left: 15px; position: relative; z-index: 2; } .menu-list-socials__link { display: inline-block; margin-right: 20px; } .menu-list-socials__link:last-child { margin-right: 0; } .menu-list-socials__link--fb { width: 10px; height: 17px; background: url(/local/templates/belniis/css/../img/svg/fb-menu.svg) no-repeat; } .menu-list-socials__link--vk { width: 20px; height: 11px; background: url(/local/templates/belniis/css/../img/svg/vk-menu.svg) no-repeat; } .btn-reset { color: #000; border: 1px solid #000; padding: 9px 25px; display: inline-block; font-size: 20px; background: transparent; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .btn-reset:hover { background: #000; color: #fff; } .btn-reset:active { background: #330000; color: #fff; } .labels-list { position: absolute; top: 10px; left: 0; padding: 0 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; min-width: 100%; } .label-item { margin-right: 10px; color: #fff; background: #000; padding: 5px 8px; font-weight: 500; line-height: 1; } .label-item:last-child { margin-right: 0; } .cookies { position: fixed; width: 100%; background: #fff; bottom: 0; left: 0; border: 4px solid #DFDFDF; font-size: 12px; line-height: 15px; padding: 10px 0 7px; z-index: 15; } .cookies__title { font-size: 16px; font-weight: 700; margin-bottom: 5px; } .cookies__close { position: absolute; top: 0; right: 0; width: 32px; height: 32px; background: #DFDFDF url(/local/templates/belniis/css/../img/svg/close.svg) center no-repeat; display: block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 15; } .cookies__close:hover { opacity: 0.7; } .page-footer { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding: 66px 0 32px; background: #fff; font-size: 12px; } .copyright { font-size: 16px; margin-bottom: 10px; margin-left: -18px; } .company { margin-bottom: 10px; color: #999999; } .page-footer__item { margin-bottom: 10px; } .page-footer__item:last-child { margin-bottom: 0; } .copyright { width: 100%; } .search-wrap{ position: relative; padding-right: 123px; margin-bottom: 20px; } .search-wrap .input-wrap__item{ } .search-button{ position: absolute; right: 0; top: 0; padding: 7px 25px 8px; } .search-advanced-result .search-result{ padding-top: 0; } .search-result{ padding-top: 40px; } .search-item{ margin-bottom: 36px; } .search-item__wrap{ overflow: hidden; } .search-img{ float: left; margin-right: 36px; } .search-img img{ display: block; } .workarea .map-level-1{ padding-top: 30px; } @media all and (-ms-high-contrast: none) { .list { height: -webkit-calc(100vh - 140px); height: calc(100vh - 140px); } .menu-bottom { position: absolute; left: 0; bottom: 0; } .menu-top { position: absolute; left: 0; top: 0; } .subscribe-wrap { display: block; } .subscribe input[type="submit"] { margin-left: 0; margin-top: 10px; } .menu-list-lang { position: absolute; top: 15px; left: 15px; } } @media screen and (max-height: 720px) { .menu-btn { margin-bottom: 15px; } .menu-search, .menu-phone { margin-bottom: 20px; } .menu-top { padding-bottom: 20px; } .menu-lang { padding: 20px 0; } .menu-socials { padding: 20px 0 20px; } } @media screen and (max-width: 1750px) { .page-footer .container-fluid { padding-left: 85px; } } @media screen and (max-width: 1600px) { .page-footer .container-fluid { padding-left: 170px; } } @media screen and (max-width: 1500px) { .page-footer .container-fluid { padding-left: 197px; } } @media screen and (max-width: 1400px) { .application { font-size: 14px; } .application__icon { width: 75px; } .application__txt { width: 162px; padding: 0 6px; } .page-content > .container-fluid, .page-title > .container-fluid, .breadcrumbs > .container-fluid, .events-top .container-fluid, .cookies .container-fluid { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .page-search .container-fluid { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .layout--index .page-content > .container-fluid { margin-left: 0; padding-right: 134px; padding-left: 20px; } } @media screen and (max-width: 1280px) { .container-fluid, .page-search .container-fluid { max-width: 100%; padding-left: 121px; padding-right: 179px; } .page-footer .container-fluid { padding-left: 270px; padding-right: 150px; } .r-tabs-anchor { font-size: 16px; padding: 10px; } .workarea cite, .popup cite { font-size: 20px; } .default-slider__img { height: 340px; } .accordeon__link { padding: 10px 32px; } .workarea cite:after, .popup cite:after { right: 0; } .offers { padding: 15px 30px; } .offers span { padding-right: 35px; } .events-top__time { margin-left: 65px; } .events-top__item:last-child { padding-left: 35px; } .list__inner { padding: 20px 15px; } .list-slider__cat, .list-slider__add { font-size: 14px; } .list__link { font-size: 16px; } .list-slider .list__inner { padding: 20px 15px; } .list__date span { font-size: 20px; } .list__date { bottom: 20px; right: 15px; } .list-slider .slick-dots { left: 15px; } } @media screen and (max-width: 1200px) { .item__img { height: 260px; } .events-top__num { font-size: 30px; } .events-top__time { line-height: 1.14; margin-left: 40px; margin-top: -4px; } .events-top__time span { margin-bottom: 2px; } .list-slider__cat { width: 100%; } .list-slider__top { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list-slider__add { margin-top: 5px; } } @media screen and (max-width: 1100px) { .default-slider__img { height: 280px; } .events-top__num, .events-top__time span { font-size: 20px; } .events-top__date span, .events-top__time { font-size: 16px; } .events-top__time { line-height: 1.18; margin-top: 0px; } .events-top__cost { font-size: 16px; padding-top: 0; } .events-top__btn .btn { padding: 9px 20px; } .events-top__btn { padding-top: 0; } .events-top__item:first-child { padding-right: 15px; } .events-top__item:last-child { padding-left: 15px; } .events-top__info { padding-top: 40px; } } @media screen and (max-width: 1023px) { .application.active .application__txt { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .application.active:hover .application__txt { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .page-footer .container-fluid { padding-left: 121px; } .row { margin-left: -10px; margin-right: -10px; } .row > .col, .row > [class*="col-"] { padding-right: 10px; padding-left: 10px; } .default-slider .slick-list, .other-slider .slick-list { margin: 0 -10px; } .default-slider__item, .other-slider__item { padding: 0 10px; } .img-items, .profile-links { margin-right: -10px; } .profile-link { padding-right: 20px; margin-bottom: 20px; } .img-items .img-item { margin-right: 20px; } .layout--index .application__txt, .layout--index .application.active .application__txt { -webkit-transform: none; -ms-transform: none; transform: none; } .list__mobile-bg { display: block; } .js-tilt-glare { display: none; } .list__link:hover .list__inner { background: transparent; } .list__inner { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .layout--index { background: url(/local/templates/belniis/css/../img/content/1.jpg) !important; background-size: cover; background-repeat: no-repeat; background-position: center; } } @media screen and (max-width: 992px) { body { font-size: 14px; } .page-title h1 { font-size: 40px; } .workarea h1 { font-size: 40px; } .workarea h2 { font-size: 32px; } .workarea h3 { font-size: 24px; } .workarea h4 { font-size: 16px; } .workarea h5 { font-size: 14px; } .workarea h6 { font-size: 14px; } .page-header { width: 76px; } .menu-btn { padding: 12px 5px 35px 5px; } .logo { background-size: 61px; } .container-fluid, .page-footer .container-fluid, .page-search .container-fluid { padding-right: 120px; } .accordeon__link { padding: 10px 36px 10px 20px; font-size: 16px; } .accordeon__link:after { right: 7px; } .map-wrap { position: static; height: auto; width: 100%; } #map { position: static; height: 400px; } .map-info { width: 100%; background: #fff; height: auto; padding: 20px; position: static; } .profile-img { margin-bottom: 30px; } .services-aside { margin-bottom: 30px; } .offers { font-size: 16px; } .offers span br { display: none; } .services-aside__link.active { font-size: 16px; margin-bottom: 18px; } .paging__pages, .paging__arrows { font-size: 16px; } .paging__item.active { font-size: 20px; line-height: 17px; } .paging__prev, .paging__next { min-width: 110px; padding: 5px; } .events-aside { margin-bottom: 30px; } .events-top .page-title h1 { font-size: 30px; } .events-top__info { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .events-top__item { width: 100%; margin-bottom: 20px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .events-top__date span { text-align: left; } .events-top__item:last-child { padding-left: 0; } .events-top__time { margin-left: 65px; } .events-top__btn { margin-left: 26px; } .menu-btn.active .burger-icon { top: 31px; } .menu-list { width: 380px; padding: 74px 60px; } .menu-link { font-size: 20px; } .page-header.active .menu-list { left: -380px; } .submenu__link { margin-bottom: 10px; font-size: 16px; } .submenu__link:last-child { margin-bottom: 0; } .submenu { padding: 10px 0 0; } .menu-link-sub { top: 0; } .page-form { padding: 20px; } .download-item { font-size: 16px; } .workarea cite, .popup cite, .news-date, .education__title, .workarea input[type="submit"], .popup input[type="submit"], .workarea input[type="submit"] + input[type="reset"], .popup input[type="submit"] + input[type="reset"], .btn-reset { font-size: 16px; } .workarea td, .popup td { padding: 15px; } .layout--index .page-content > .container-fluid { padding-right: 94px; } .workarea ul li:before, .popup ul li:before { top: 7px; } .workarea ol li:before, .popup ol li:before { top: -3px; } .workarea ol li:after, .popup ol li:after { top: 0; } .profile-img__item { position: static; padding-right: 0; } } @media screen and (max-width: 950px) { .popup--form { width: 100%; padding: 33px 20px; } } @media screen and (max-width: 900px) { .list__link { font-size: 14px; } .layout--index .page-footer { padding-left: 255px; padding-right: 95px; } .layout--index .page-footer .container-fluid { padding: 0; } .page-footer--index .company { width: 200px; min-width: 200px; } .layout--index .copyright { margin-left: 0; } .list { padding: 15px 0; height: -webkit-calc(100vh - 115px); height: calc(100vh - 115px); } } @media screen and (max-width: 768px) { .r-tabs .r-tabs-accordion-title { margin-bottom: 2px; } } @media screen and (max-width: 767px) { .application__icon { width: 65px; height: 58px; } .application__txt { display: none; } .profile-item ul, .education__title { font-size: 16px; } .services__top { font-size: 20px; padding-bottom: 13px; margin-bottom: 19px; } ul.services__list { -webkit-column-count: 1; column-count: 1; } ul.services__list li { margin-bottom: 20px; } ul.services__list li:last-child { margin-bottom: 0; } .paging__pages { width: 100%; margin-bottom: 20px; } .paging__arrows { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .page-title h1 { font-size: 22px; } .workarea h1 { font-size: 22px; } .workarea h2 { font-size: 20px; } .workarea h3 { font-size: 20px; } .workarea h4 { font-size: 16px; } .workarea h5 { font-size: 14px; } .workarea h6 { font-size: 14px; } .events-top .page-title h1 { font-size: 22px; } .events-top { padding: 25px 0 15px; } .events-top__info { padding-top: 10px; } .workarea input[type="text"], .workarea input[type="email"], .workarea input[type="password"], .popup input[type="text"], .popup input[type="email"], .popup input[type="password"], .jq-selectbox__select { font-size: 14px; } .workarea input[type="radio"]:not(:checked) + label, .workarea input[type="radio"]:checked + label, .popup input[type="radio"]:not(:checked) + label, .popup input[type="radio"]:checked + label { font-size: 14px; } .resp-tabs + .default-slider { margin-top: 90px; } .layout--index .page-footer { padding-left: 115px; } .layout--index .page-footer .page-footer__wrap { width: 100%; } .list { height: auto; } .list__item { width: 50%; height: 300px; } .list__link { font-size: 20px; } .list__inner:after { content: ""; display: inline-block; width: 21px; height: 26px; background: url(/local/templates/belniis/css/../img/svg/next.svg) no-repeat; position: absolute; bottom: 15px; right: 15px; } .list-slider__item .list__inner:after { display: none; } .layout--index .application__icon { width: 65px; } .search-button{ position: static; } .search-wrap{ padding-right: 0; } .search-wrap .input-wrap__item { margin-bottom: 20px; } .search-img { float: none; margin-right: 0; display: block; margin-bottom: 10px; } .search-item { margin-bottom: 20px; } .workarea .map-columns, .workarea .map-columns tr, .workarea .map-columns td{ display: block; border: 0; padding: 0; } .workarea .map-columns{ padding-top: 30px; min-width: auto; margin-bottom: 0; } } @media screen and (max-width: 600px) { .layout { padding-top: 90px; } .page-title h1, .breadcrumbs { margin-bottom: 15px; } .workarea h1, .popup h1, .workarea h2, .popup h2, .workarea h3, .popup h3, .workarea h4, .popup h4 { margin-bottom: 20px; } .page-header { width: 100%; height: 58px; padding: 0 76px 0 0; min-height: auto; } .logo { bottom: auto; left: auto; right: 0; top: 0; width: 76px; height: 58px; background-size: 68px; } .menu-bottom, .page-header__inner:after { display: none; } .page-header__inner:before { display: none; opacity: 0; height: 0; } .page-header__inner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .menu-links { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 0 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .menu-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-bottom: 0; height: 100%; } .menu-btn { padding: 15px 12px 29px 12px; margin: 0; position: relative; } .burger-icon { top: 36px; } .page-header.active .logo { display: none; } .menu-btn.active .burger-icon { top: 28px; } .menu-search, .menu-phone { margin-bottom: 0; } .menu-list { width: 100%; padding: 80px 20px 115px 51px; left: 0; top: -100vh; -webkit-transition: none; transition: none; display: none; } .page-header.active .menu-list { left: 0; top: 0; display: block; } .container-fluid, .page-footer .container-fluid, .page-search .container-fluid { padding-right: 10px; padding-left: 10px; } .workarea input[type="checkbox"]:not(:checked) + label, .workarea input[type="checkbox"]:checked + label, .popup input[type="checkbox"]:not(:checked) + label, .popup input[type="checkbox"]:checked + label { line-height: 17px; font-size: 14px; } .workarea input[type="submit"], .popup input[type="submit"] { width: 100%; margin-bottom: 20px; } .workarea input[type="submit"] + input[type="reset"], .popup input[type="submit"] + input[type="reset"], .popup input[type="submit"] + .btn-reset { margin-left: 0; } .page-search__form { width: -webkit-calc(100vw - 20px); width: calc(100vw - 20px); } .page-search__input { padding: 20px 0; } .page-search__reset, .page-search__form:before { display: none; } .layout--event { padding-top: 58px; } .event-title { font-size: 16px; } body { overflow-x: hidden; } .subscribe-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .subscribe input[type="submit"] { width: 100%; margin-top: 20px; } .copyright { margin-left: 0; } .page-footer { padding: 25px 0 90px; } .page-content { padding-bottom: 30px; } .btn { font-size: 16px; } .list { padding: 0; } .layout--index .page-footer { padding: 30px 15px 80px; } .layout--index .page-footer .page-footer__in { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .layout--index .page-content > .container-fluid { padding-left: 15px; padding-right: 15px; } .page-footer--index .company { width: 100%; min-width: 100%; margin-bottom: 10px; } .menu-item { margin-bottom: 20px; } .menu-item:last-child { margin-bottom: 0; } .menu-list__bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .page-search__close { display: inline-block; } .offers { text-align: center; } } @media (max-width: 576px) { .txt-item .col-sm-4 { margin-bottom: 15px; } } @media screen and (max-width: 500px) { .list__item { width: 100%; height: 170px; padding: 0 0px 8px 0; } .list__link { font-size: 16px; } .list-slider__cat { width: auto; } .list-slider__top { margin-bottom: 10px; } .list-slider__add { margin-top: 0; } .list-slider .list__inner, .list__inner { padding: 14px 15px; } } /* End */ /* /local/templates/belniis/css/libs.min.css?176215840217872 */ /* /local/templates/belniis/css/style.css?1762158402173892 */